/*
CSS compiled from the file: https://smartblue.jp/wp-content/themes/smartblue02/style.less
*/
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");
/*
 Theme Name:   smartblue_renewal
 Template:     twentynineteen
*/

html[lang="ja"] .site *,body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}
html::-webkit-scrollbar {
    width: 14px;
}
 
html::-webkit-scrollbar-track {
    background-color: #fafafa;
}
 
html::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 100px;
}
#ap_create {
  /* HTML5 display-role reset for older browsers */
}
#ap_create body,
#ap_create div,
#ap_create span,
#ap_create applet,
#ap_create object,
#ap_create iframe,
#ap_create h1,
#ap_create h2,
#ap_create h3,
#ap_create h4,
#ap_create h5,
#ap_create h6,
#ap_create p,
#ap_create blockquote,
#ap_create pre,
#ap_create a,
#ap_create abbr,
#ap_create acronym,
#ap_create address,
#ap_create big,
#ap_create cite,
#ap_create code,
#ap_create del,
#ap_create dfn,
#ap_create em,
#ap_create img,
#ap_create ins,
#ap_create kbd,
#ap_create q,
#ap_create s,
#ap_create samp,
#ap_create small,
#ap_create strike,
#ap_create strong,
#ap_create sub,
#ap_create sup,
#ap_create tt,
#ap_create var,
#ap_create b,
#ap_create u,
#ap_create i,
#ap_create center,
#ap_create dl,
#ap_create dt,
#ap_create dd,
#ap_create ol,
#ap_create ul,
#ap_create li,
#ap_create fieldset,
#ap_create form,
#ap_create label,
#ap_create legend,
#ap_create table,
#ap_create caption,
#ap_create tbody,
#ap_create tfoot,
#ap_create thead,
#ap_create tr,
#ap_create th,
#ap_create td,
#ap_create article,
#ap_create aside,
#ap_create canvas,
#ap_create details,
#ap_create embed,
#ap_create figure,
#ap_create figcaption,
#ap_create footer,
#ap_create header,
#ap_create hgroup,
#ap_create menu,
#ap_create nav,
#ap_create output,
#ap_create ruby,
#ap_create section,
#ap_create summary,
#ap_create time,
#ap_create mark,
#ap_create audio,
#ap_create video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  max-width: none;
}
#ap_create article,
#ap_create aside,
#ap_create details,
#ap_create figcaption,
#ap_create figure,
#ap_create footer,
#ap_create header,
#ap_create hgroup,
#ap_create menu,
#ap_create nav,
#ap_create section {
  display: block;
}
#ap_create body {
  line-height: 1;
}
#ap_create ol,
#ap_create ul {
  list-style: none;
}
#ap_create blockquote,
#ap_create q {
  quotes: none;
}
#ap_create blockquote:before,
#ap_create blockquote:after,
#ap_create q:before,
#ap_create q:after {
  content: "";
  content: none;
}
#ap_create table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ap_create h1::before,
#ap_create h2::before,
#ap_create h3::before,
#ap_create h4::before,
#ap_create h5::before,
#ap_create h6::before,
#ap_create p::before,
#ap_create blockquote::before,
#ap_create pre::before,
#ap_create a::before,
#ap_create abbr::before,
#ap_create acronym::before,
#ap_create address::before,
#ap_create big::before,
#ap_create cite::before,
#ap_create code::before,
#ap_create del::before,
#ap_create dfn::before,
#ap_create em::before,
#ap_create img::before,
#ap_create ins::before,
#ap_create kbd::before,
#ap_create q::before,
#ap_create s::before,
#ap_create samp::before,
#ap_create small::before,
#ap_create strike::before,
#ap_create strong::before,
#ap_create sub::before,
#ap_create sup::before,
#ap_create tt::before,
#ap_create var::before,
#ap_create b::before,
#ap_create u::before,
#ap_create center::before,
#ap_create dl::before,
#ap_create dt::before,
#ap_create dd::before,
#ap_create ol::before,
#ap_create ul::before,
#ap_create li::before,
#ap_create fieldset::before,
#ap_create form::before,
#ap_create label::before,
#ap_create legend::before,
#ap_create table::before,
#ap_create caption::before,
#ap_create tbody::before,
#ap_create tfoot::before,
#ap_create thead::before,
#ap_create tr::before,
#ap_create th::before,
#ap_create td::before,
#ap_create article::before,
#ap_create aside::before,
#ap_create canvas::before,
#ap_create details::before,
#ap_create embed::before,
#ap_create figure::before,
#ap_create figcaption::before,
#ap_create footer::before,
#ap_create header::before,
#ap_create hgroup::before,
#ap_create menu::before,
#ap_create nav::before,
#ap_create output::before,
#ap_create ruby::before,
#ap_create section::before,
#ap_create summary::before,
#ap_create time::before,
#ap_create mark::before,
#ap_create audio::before,
#ap_create video::before,
#ap_create h1::after,
#ap_create h2::after,
#ap_create h3::after,
#ap_create h4::after,
#ap_create h5::after,
#ap_create h6::after,
#ap_create p::after,
#ap_create blockquote::after,
#ap_create pre::after,
#ap_create a::after,
#ap_create abbr::after,
#ap_create acronym::after,
#ap_create address::after,
#ap_create big::after,
#ap_create cite::after,
#ap_create code::after,
#ap_create del::after,
#ap_create dfn::after,
#ap_create em::after,
#ap_create img::after,
#ap_create ins::after,
#ap_create kbd::after,
#ap_create q::after,
#ap_create s::after,
#ap_create samp::after,
#ap_create small::after,
#ap_create strike::after,
#ap_create strong::after,
#ap_create sub::after,
#ap_create sup::after,
#ap_create tt::after,
#ap_create var::after,
#ap_create b::after,
#ap_create u::after,
#ap_create center::after,
#ap_create dl::after,
#ap_create dt::after,
#ap_create dd::after,
#ap_create ol::after,
#ap_create ul::after,
#ap_create li::after,
#ap_create fieldset::after,
#ap_create form::after,
#ap_create label::after,
#ap_create legend::after,
#ap_create table::after,
#ap_create caption::after,
#ap_create tbody::after,
#ap_create tfoot::after,
#ap_create thead::after,
#ap_create tr::after,
#ap_create th::after,
#ap_create td::after,
#ap_create article::after,
#ap_create aside::after,
#ap_create canvas::after,
#ap_create details::after,
#ap_create embed::after,
#ap_create figure::after,
#ap_create figcaption::after,
#ap_create footer::after,
#ap_create header::after,
#ap_create hgroup::after,
#ap_create menu::after,
#ap_create nav::after,
#ap_create output::after,
#ap_create ruby::after,
#ap_create section::after,
#ap_create summary::after,
#ap_create time::after,
#ap_create mark::after,
#ap_create audio::after,
#ap_create video::after,
#ap_create #wpadminbar:not(*) {
  display: none;
}
#ap_create p,
#ap_create span,
#ap_create a,
#ap_create div,
#ap_create pre,
#ap_create li,
#ap_create td,
#ap_create label,
#ap_create i {
  margin: 0;
  font-size: 16px;
  color: #414141;
}
#ap_create video#video {
  width: 100%;
  overflow: hidden;
  object-fit: cover;
}
#ap_create p {
  font-size: 16px;
  line-height: 30px;
}
#ap_create h1 {
  margin: 0;
  font-size: 25px;
}
#ap_create h2 {
  margin: 0;
  font-size: 25px;
}
#ap_create h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}
#ap_create h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
}
#ap_create h5 {
  margin: 0;
  font-size: 18px;
}
#ap_create img {
  max-width: 100%;
}
#ap_create .clearfix::after,
#ap_create .clearfix::before {
  content: "";
  clear: both;
  display: block;
}
#ap_create .column2 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-right: -0.25em;
}
@media (max-width: 1023px) {
  #ap_create .column2 {
    width: 100%;
  }
}
#ap_create .column3 {
  display: inline-block;
  width: 33.3333333333%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .column4 {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .column5 {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .column6 {
  display: inline-block;
  width: 16.5%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .column7 {
  display: inline-block;
  width: 14.2857142%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .text-center {
  text-align: center;
}
#ap_create .text-left {
  text-align: left;
}
#ap_create .text-right {
  text-align: right;
}
#ap_create .fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s;
}
#ap_create .fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
#ap_create .fadein_menu {
  transition: all 0.5s;
  opacity: 1;
  transform: none;
  animation: 0.5s fadein_menu;
}
@keyframes fadein_menu {
  from {
    opacity: 0;
    transform: translate(0, 10px);
    transition: all 0.5s;
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@media (min-width: 1023px) {
  #ap_create .visible-tablet {
    display: none;
  }
}
@media (max-width: 1023px) {
  #ap_create .visible-tablet {
    display: block;
  }
}
@media (min-width: 768px) {
  #ap_create .visible-phone {
    display: none;
  }
}
@media (max-width: 767px) {
  #ap_create .visible-phone {
    display: block;
  }
}
@media (min-width: 1023px) {
  #ap_create .hidden-tablet {
    display: block;
  }
}
@media (max-width: 1023px) {
  #ap_create .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 768px) {
  #ap_create .hidden-phone {
    display: block;
  }
}
@media (max-width: 767px) {
  #ap_create .hidden-phone {
    display: none !important;
  }
}
#ap_create .hidden {
  display: none;
}
#ap_create .float-right {
  float: right;
}
#ap_create .float-left {
  float: left;
}
#ap_create .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#ap_create .flex-column {
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
#ap_create .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#ap_create .flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#ap_create .text-all_center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#ap_create .ap_btn {
  min-width: 320px;
  width: auto;
  max-width: 370px;
  margin: 50px auto;
  padding: 15px 45px;
  border: 2px solid #0880bd;
  border-radius: 30px;
  position: relative;
  display: block;
  text-align: center;
  color: #0880bd;
  font-weight: 700;
    font-size: 14px;
  text-decoration: none;
}
#ap_create .ap_btn a {
  text-decoration: none;
  color: #0880bd;
}
@media (max-width: 767px) {
  #ap_create .ap_btn {
    min-width: fit-content;
    max-width: 320px;
    min-width: 200px;
    font-size: 14px;
  }
}
@media (max-width: 767px) and (max-width: 374px) {
  #ap_create .ap_btn {
    min-width: 150px;
  }
}
#ap_create .ap_btn:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create .ap_btn:hover {
  border: 2px solid transparent;
  background: #0880bd;
  color: #ffffff;
}
#ap_create .ap_btn:hover a {
  text-decoration: none;
  color: #ffffff;
}
#ap_create .ap_btn:hover::after {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
#ap_create .ap_footer .page_top {
  width: 72px;
  height: 59px;
  background: #217fbc;
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50px;
  z-index: 30;
}
#ap_create .ap_footer .page_top span {
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
#ap_create .ap_footer .page_top a {
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  text-align: center;
}
#ap_create .ap_footer .page_top a::after {
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  display: block;
  content: "";
  transform: rotate(-45deg);
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 15px;
}
#ap_create .ap_info_button {
  width: 280px;
  padding: 25px 40px;
  background: #2478b0;
  margin: 30px auto !important;
  position: relative;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #ddd;
}
#ap_create .ap_info_button:hover {
  box-shadow: 0 3px 0 #ddd;
}
#ap_create .ap_info_button:active {
  top: 3px;
  box-shadow: none;
}
#ap_create .ap_info_button a {
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 374px) {
  #ap_create .ap_info_button {
    width: 240px;
  }
}
#ap_create .fas,
#ap_create .fa,
#ap_create .far {
  font-family: "Font Awesome 5 Free" !important;
}
#ap_create .ap_header_panel .logo img {
  max-width: 300px;
  width: 90% !important;
  margin-left: 10px;
}
#ap_create .ap_header_panel .logo .pc_logo .opacity0 {
  opacity: 0;
  transition: 0.5s;
  max-width: 30px;
  display: none;
}
#ap_create .ap_header_panel .logo .pc_logo.on .opacity0 {
  opacity: 1;
  transition: 1s;
  display: block;
}
#ap_create .ap_header_panel .logo .pc_logo.on .opacity1 {
  opacity: 0;
  transition: 0.5s;
  display: none;
}
#ap_create .menu .menu-item {
  margin: 20px 30px 0;
}
#ap_create .menu .sub-menu {
  display: none;
  position: relative;
}
#ap_create .menu .sub-menu > li {
  padding-left: 30px;
  position: relative;
}
#ap_create .menu .sub-menu > li a {
  color: #808080;
}
#ap_create .menu .sub-menu > li::after {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: rotate(45deg);
  display: block;
  width: 8px;
  height: 8px;
  bottom: 50%;
  margin: auto;
}
#ap_create .menu .open + .sub-menu {
  display: block;
}
#ap_create .slick-prev {
  left: 15%;
  background: #fff !important;
  width: 40px;
  height: 40px;
  z-index: 1;
  box-shadow: 1px 1px 0px 1px #0880bd;
  border: 2px solid #0880bd;
  transition: ease all 0.6s;
}
#ap_create .slick-prev::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  display: block;
  transform: rotate(225deg);
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 1024px) {
  #ap_create .slick-prev {
    left: 3%;
  }
}
#ap_create .slick-next {
  right: 15%;
  background: #fff !important;
  width: 40px;
  height: 40px;
  box-shadow: -1px 1px 0px 1px #0880bd;
  border: 2px solid #0880bd;
  transition: ease all 0.6s;
}
#ap_create .slick-next::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  display: block;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 1024px) {
  #ap_create .slick-next {
    right: 3%;
  }
}
#ap_create .slick-next:active,
#ap_create .slick-prev:active {
  box-shadow: none;
}
#ap_create .slick-slide + div {
  text-align: center;
}
#ap_create #wp-content-wrap #tinymce h1,
#ap_create .ap_single_content h1 {
  font-size: 27px;
  position: relative;
  text-align: center;
  width: max-content;
  max-width: 80%;
  overflow-wrap: break-word;
  margin: 20px auto;
}
#ap_create #wp-content-wrap #tinymce h1::before,
#ap_create .ap_single_content h1::before {
  position: absolute;
  left: -20px;
  bottom: 0;
  top: 0;
  margin: auto;
  display: block;
  width: 20px;
  background: #0880bd;
}
#ap_create #wp-content-wrap #tinymce h1::after,
#ap_create .ap_single_content h1::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  top: 0;
  margin: auto;
  display: block;
  width: 20px;
  background: #0880bd;
  height: 2px;
}
#ap_create #wp-content-wrap #tinymce h2,
#ap_create .ap_single_content h2 {
  font-size: 23px;
  padding: 20px;
  position: relative;
  margin: auto;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce h2::before,
#ap_create .ap_single_content h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: #0880bd;
  border-radius: 50%;
  display: block;
}
#ap_create #wp-content-wrap #tinymce h3,
#ap_create .ap_single_content h3 {
  font-size: 23px;
  padding: 20px;
  position: relative;
  text-align: left;
  margin: auto;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce h3::before,
#ap_create .ap_single_content h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 20px;
  background: #0880bd;
  display: block;
}
#ap_create #wp-content-wrap #tinymce h4,
#ap_create .ap_single_content h4 {
  font-size: 17px;
  margin: auto;
  text-align: left;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce h5,
#ap_create .ap_single_content h5 {
  font-size: 15px;
  margin: auto;
  text-align: left;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce h6,
#ap_create .ap_single_content h6 {
  font-size: 13px;
  margin: auto;
  text-align: left;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce pre,
#ap_create .ap_single_content pre {
  margin: 20px auto;
  text-align: left;
  max-width: none;
  font-size: 13px;
  overflow: inherit;
}
#ap_create #wp-content-wrap #tinymce pre img,
#ap_create .ap_single_content pre img {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create #wp-content-wrap #tinymce pre a,
#ap_create .ap_single_content pre a {
  background: #0880bd;
  color: #fff;
  padding: 5px 10px;
  width: max-content;
  margin: 20px auto;
  text-decoration: none;
  box-shadow: 0px 2px 3px 0px #999;
}
#ap_create #wp-content-wrap #tinymce strong,
#ap_create .ap_single_content strong {
  margin: auto;
  text-align: left;
}
#ap_create #wp-content-wrap #tinymce em,
#ap_create .ap_single_content em {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce ul li,
#ap_create .ap_single_content ul li {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce ol li,
#ap_create .ap_single_content ol li {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce blockquote,
#ap_create .ap_single_content blockquote {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce p,
#ap_create .ap_single_content p {
  display: block;
  font-size: 13px;
  margin: auto;
  max-width: none;
}
#ap_create #wp-content-wrap #tinymce a,
#ap_create .ap_single_content a {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce del,
#ap_create .ap_single_content del {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce hr,
#ap_create .ap_single_content hr {
  margin: auto;
  text-align: left;
}
#ap_create #wp-content-wrap #tinymce span,
#ap_create .ap_single_content span {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce div,
#ap_create .ap_single_content div {
  margin: auto;
  text-align: left;
  font-size: 13px;
}
#ap_create #wp-content-wrap #tinymce img,
#ap_create .ap_single_content img {
  display: block;
  width: 100%;
}
#ap_create .numbers_title {
  font-size: 26px;
  color: #003f7d;
  position: relative;
  padding: 40px 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  #ap_create .numbers_title {
    font-size: 20px;
  }
}
#ap_create .text-margin {
  margin: 20px auto;
}
#ap_create .text_deco {
  color: #2478b0;
  font-weight: bold;
  font-size: 16px;
}
#ap_create .weight-none {
  font-weight: 400;
}
#ap_create .res_nav #nav_toggle {
  display: none;
}
#ap_create .res_nav .nav_menu_inner {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 10px;
  top: 11px;
  transition: 1s ease all;
}
#ap_create .res_nav .nav_menu_inner.scroll {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
#ap_create .res_nav .hamburger {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 3px;
  background: #25417a;
  display: block;
  transform-origin: center;
  transition: 0.5s ease-in-out;
  border-radius: 10px;
  z-index: 1001;
}
#ap_create .res_nav .hamburger:nth-of-type(2) {
  top: -20px;
}
#ap_create .res_nav .hamburger:nth-of-type(3) {
  top: 20px;
}
#ap_create .res_nav #nav_toggle + label + div {
  opacity: 0;
  position: absolute;
  transition: ease all 0.5s;
  width: 100vw;
  height: 110vh;
  left: 0;
  top: -3000px;
  z-index: 10;
}
#ap_create .res_nav #nav_toggle:checked + label {
  z-index: 1010;
}
#ap_create .res_nav #nav_toggle:checked + label .hamon::before,
#ap_create .res_nav #nav_toggle:checked + label .hamon::after {
  content: "";
  right: -50%;
  left: -50%;
  top: -50%;
  bottom: -50%;
  width: 200%;
  height: 200%;
  margin: auto;
  display: block;
  position: absolute;
  border: 1px solid;
  border-radius: 50%;
  animation: hamon 2s;
  transition: ease all 5s;
  z-index: 1;
  opacity: 0;
}
#ap_create .res_nav #nav_toggle:checked + label .hamon::after {
  display: block;
  animation: hamon2 2s;
}
@keyframes hamon {
  from {
    right: -50%;
    left: -50%;
    top: -50%;
    bottom: -50%;
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  to {
    right: -50%;
    left: -50%;
    top: -50%;
    bottom: -50%;
    width: 150%;
    height: 150%;
    opacity: 0;
  }
}
@keyframes hamon2 {
  from {
    right: -50%;
    left: -50%;
    top: -50%;
    bottom: -50%;
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  to {
    right: -50%;
    left: -50%;
    top: -50%;
    bottom: -50%;
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
#ap_create .res_nav #nav_toggle:checked + label .hamburger:nth-of-type(1) {
  transform: rotate(-45deg);
  background: #ffffff;
}
#ap_create .res_nav #nav_toggle:checked + label .hamburger:nth-of-type(2) {
  opacity: 0;
}
#ap_create .res_nav #nav_toggle:checked + label .hamburger:nth-of-type(3) {
  transform: rotate(45deg);
  top: 0;
  background: #ffffff;
}
#ap_create .res_nav #nav_toggle:checked + label + div {
  background: #0880bd;
  z-index: 1000;
  top: -30px;
  opacity: 1;
  overflow: scroll;
  padding: 50px 20px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .search-box {
  max-width: none;
  margin: 50px auto 40px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .search-box input {
  border-radius: 20px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .search-box i {
  color: #003f7d;
  top: 15px;
}
#ap_create .res_nav #nav_toggle:checked + label + div > div ul li {
  padding-left: 30px;
  position: relative;
  margin: 30px 0;
}
#ap_create .res_nav #nav_toggle:checked + label + div > div ul li a {
  color: #ffffff !important;
}
#ap_create .res_nav #nav_toggle:checked + label + div > div ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
#ap_create .res_nav #nav_toggle:checked + label + div div.nav_menu_sub {
  margin-bottom: 40px;
}
#ap_create .res_nav #nav_toggle:checked + label + div div.nav_menu_sub ul {
  display: flex;
  flex-wrap: wrap;
}
#ap_create .res_nav #nav_toggle:checked + label + div div.nav_menu_sub ul li {
  margin: 5px 30px 5px 0;
  padding: 0;
}
#ap_create
  .res_nav
  #nav_toggle:checked
  + label
  + div
  div.nav_menu_sub
  ul
  li::before {
  display: none;
}
#ap_create .res_nav #nav_toggle:checked + label + div > ul:nth-child(2) {
  margin: 20px auto;
}
#ap_create .res_nav #nav_toggle:checked + label + div > ul:nth-child(2) li {
  padding: 10px 20px;
  border: 1px solid #ffffff;
}
#ap_create .res_nav #nav_toggle:checked + label + div > ul li {
  color: #ffffff !important;
}
#ap_create .res_nav #nav_toggle:checked + label + div > ul li span {
  color: #ffffff !important;
}
#ap_create .res_nav #nav_toggle:checked + label + div > ul li a {
  color: #ffffff !important;
  font-weight: bold;
}
#ap_create .res_nav #nav_toggle:checked + label + div > a {
  background: #fff;
  color: #217fbc;
  display: block;
  padding: 20px;
  margin: 50px 0 40px;
  border-radius: 3px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .nav_menu_sns {
  margin-bottom: 40px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .nav_menu_sns a {
  margin: 0 10px;
}
#ap_create .res_nav #nav_toggle:checked + label + div .nav_menu_sns .fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-size: 30px;
  color: #fff;
}
@media (max-width: 424px) {
  #ap_create .res_nav #nav_toggle:checked + label + div > ul li a {
    font-size: 13px;
  }
}
#ap_create .ap_header_panel {
  z-index: 5;
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#ap_create .site-window {
  max-width: 1200px;
  margin: 0 auto;
}
#ap_create #breadcrumb {
  margin: 20px;
}
#ap_create .ap_post > div > div {
  position: relative;
  width: 90%;
  margin: auto;
  overflow: hidden;
}
#ap_create .ap_post > div > div > p {
  height: 200px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1280px) {
  #ap_create .ap_post > div > div > p {
    height: 170px;
  }
}
@media (max-width: 1023px) {
  #ap_create .ap_post > div > div > p {
    height: 140px;
  }
}
@media (max-width: 424px) {
  #ap_create .ap_post > div > div > p {
    height: 120px;
  }
}
@media (max-width: 374px) {
  #ap_create .ap_post > div > div > p {
    height: 100px;
  }
}
#ap_create .ap_post > div > div > p img {
  width: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 200%;
  max-width: 100%;
}
#ap_create .ap_post > div > div > p.no-img {
  background: #ccc;
  position: relative;
}
#ap_create .ap_post > div > div > div {
  padding: 20px;
  border: 1px solid #e8e8e8;
  border-top: hidden;
}
@media (max-width: 767px) {
  #ap_create .ap_post > div > div > div {
    padding: 10px 20px;
  }
}
#ap_create .ap_post > div > div > div h2 {
  margin-bottom: 10px;
  color: #292a2a;
  line-height: 1;
}
#ap_create .ap_post > div > div > div > div {
  display: flex;
  justify-content: space-between;
}
#ap_create .ap_post > div > div > div > div span {
  color: #5e5e5e;
}
@media (max-width: 767px) {
  #ap_create .ap_post > div.column3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ap_create .ap_post > div:last-child {
    display: none;
  }
}
#ap_create .new-txt {
  text-align: center;
  width: 100px;
  height: 100px;
  background: #217fbc;
  display: inline-flex;
  position: absolute;
  left: -50px;
  top: -50px;
  padding-bottom: 5px;
  z-index: 1;
  align-items: flex-end;
  justify-content: center;
  transform: rotate(-45deg);
  animation: flick 0.5s infinite alternate;
  color: #ffffff;
}
#ap_create .ap_cat-links {
  position: absolute;
  right: 0;
  z-index: 1;
  padding: 5px 10px;
  background: #003f7d;
  color: #ffffff;
}
#ap_create .ap_cat-links span {
  color: #ffffff;
}
@media (max-width: 767px) {
  #ap_create .ap_cat-links span {
    font-size: 13px;
  }
}
#ap_create .ap_cat-links a {
  color: #ffffff;
}
@media (max-width: 767px) {
  #ap_create .ap_cat-links a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #ap_create .ap_cat-links + p {
    position: relative;
  }
}
#ap_create .logo_content .sp_logo,
#ap_create .logo_content .pc_logo {
  display: none;
}
#ap_create .logo_content .sp_logo.on,
#ap_create .logo_content .pc_logo.on {
  display: inline-block;
}
#ap_create .numbers {
  max-width: 50px;
}
#ap_create header.ap_header_panel > div {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
}
#ap_create header.ap_header_panel > div > div {
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 15px;
  background: none;
}
#ap_create .home header.ap_header_panel > div > div {
  position: fixed;
}
#ap_create header.ap_header_panel > div > div.scroll {
  transition: 1s ease all;
  background: rgba(33, 127, 188, 0.8);
}
@media (max-width: 1023px) {
  #ap_create header.ap_header_panel > div > div.scroll {
    background: rgba(255, 255, 255, 0.8);
  }
}
#ap_create header.ap_header_panel > div > div.scroll_none {
  transition: 1s ease all;
  background: none;
}
#ap_create header.ap_header_panel > div > div.scroll {
  padding: 20px 15px;
    position: fixed;
}
#ap_create header.ap_header_panel > div > div.scroll_inner {
  padding: 20px 15px;
}
#ap_create header.ap_header_panel > div > div .main_nav {
  width: 100%;
  opacity: 1;
}
#ap_create .home header.ap_header_panel > div > div .main_nav {
  opacity: 0;
}
#ap_create .home header.ap_header_panel > div > div.scroll .main_nav {
  opacity: 1;
}
#ap_create header.ap_header_panel > div > div .main_nav ul {
  display: flex;
  justify-content: end;
}
#ap_create header.ap_header_panel > div > div .main_nav ul li {
  margin: auto;
}
#ap_create header.ap_header_panel > div > div .main_nav ul li:nth-last-child(-n+2){
    display: none;
}
#ap_create header.ap_header_panel > div > div .main_nav ul li:last-child a{
    background: #fff;
    color: #217fbc !important;
    border-radius: 5px;
    padding: 15px 30px;
}
#ap_create header.ap_header_panel > div > div.scroll .main_nav ul li:nth-last-child(-n+2){
    display: block;
}
#ap_create
  header.ap_header_panel
  > div
  > div
  .main_nav
  ul
  li.current_page_item {
  border-bottom: 2px solid #003f7d;
}
#ap_create
  header.ap_header_panel
  > div
  > div.scroll
  .main_nav
  ul
  li.current_page_item {
  border-bottom: 2px solid #fff;
}
#ap_create header.ap_header_panel > div > div .main_nav ul li a {
  font-size: 15px;
  font-weight: 600;
  color: #003f7d;
}
#ap_create header.ap_header_panel > div > div.scroll .main_nav ul li a {
  color: #fff;
}
#ap_create header.ap_header_panel > div > div .main_nav ul li a.scroll {
  color: #fff;
}
#ap_create header.ap_header_panel + .site-content {
  margin-top: 100px;
}
#ap_create.ap-top_page header.ap_header_panel + .site-content {
  margin-top: 0;
}
@media (max-width: 1130px) {
  #ap_create header.ap_header_panel > div > div .main_nav ul li a {
    font-size: 13px;
  }
}
#ap_create .ap_title {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-top_page header.ap_header_panel > div {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
}
#ap_create.ap-top_page header.ap_header_panel > div > div {
  position: fixed;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
#ap_create.ap-top_page header.ap_header_panel > div > div .main_nav {
  width: 100%;
}
#ap_create.ap-top_page header.ap_header_panel > div > div .main_nav ul {
  display: flex;
  justify-content: end;
}
#ap_create.ap-top_page header.ap_header_panel > div > div .main_nav ul li a {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
#ap_create.ap-top_page
  header.ap_header_panel
  > div
  > div
  .main_nav
  ul
  li:last-child
  a {
  background: #fff;
  color: #217fbc !important;
  border-radius: 5px;
  padding: 15px 30px;
}
@media (max-width: 1024px) {
  #ap_create.ap-top_page header.ap_header_panel > div > div .main_nav ul li a {
    font-size: 13px;
  }
}
#ap_create .ap_footer * {
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
  line-height: normal;
}
#ap_create .ap_footer .fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-size: 30px;
  color: #fff;
}
#ap_create .ap_footer p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #414141;
}
#ap_create .ap_footer a {
  margin: 0;
  font-size: 16px;
}
#ap_create .ap_footer h2 {
  margin: 0;
  font-size: 27px;
}
#ap_create .ap_footer h2:before {
  display: none;
}
#ap_create .ap_footer h3 {
  margin: 0;
  font-size: 16px;
  text-align: center;
}
#ap_create .ap_footer h4 {
  margin: 0;
  font-size: 30px;
  text-align: center;
}
#ap_create .ap_footer h5 {
  margin: 0;
  font-size: 18px;
  text-align: center;
}
#ap_create .ap_footer div {
  margin: 0;
  font-size: 12px;
  line-height: 0;
}
#ap_create .ap_footer img {
  max-width: 100%;
}
#ap_create .ap_footer .clearfix::after,
#ap_create .ap_footer .clearfix::before {
  content: "";
  clear: both;
  display: block;
}
#ap_create .ap_footer .column2 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-right: -0.25em;
}
@media (max-width: 1023px) {
  #ap_create .ap_footer .column2 {
    width: 100%;
  }
}
#ap_create .ap_footer .column3 {
  display: inline-block;
  width: 33.3333333333%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .ap_footer .column4 {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .ap_footer .column5 {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .ap_footer .column6 {
  display: inline-block;
  width: 16.6666666666%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .ap_footer .column7 {
  display: inline-block;
  width: 14.2857142%;
  vertical-align: top;
  margin-right: -0.25em;
}
#ap_create .ap_footer .text-center {
  text-align: center;
}
#ap_create .ap_footer .text-left {
  text-align: left;
}
#ap_create .ap_footer .text-right {
  text-align: right;
}
#ap_create .ap_footer .ap-site_info .footer-menu,
#ap_create .ap_footer .ap-site_info .menu {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
#ap_create .ap_footer .ap-site_info .menu .menu-item {
  margin: 20px 0 0;
  padding: 0 40px 0 0;
}
@media (min-width: 768px) {
  #ap_create .ap_footer .visible-phone {
    display: none;
  }
}
@media (max-width: 767px) {
  #ap_create header.ap_header_panel + .site-content {
    margin-top: 50px;
  }
  #ap_create .logo .sp_logo {
    width: 75%;
  }
  #ap_create .ap_footer .visible-phone {
    display: block;
  }
}
@media (min-width: 768px) {
  #ap_create .ap_footer .hidden-phone {
    display: block;
  }
}
@media (max-width: 767px) {
  #ap_create .ap_footer .hidden-phone {
    display: none;
  }
}
#ap_create .ap_footer .page-title {
  text-align: center;
  margin: auto !important;
  font-weight: normal;
  color: #2478b0;
  font-size: 30px;
}
#ap_create .ap_footer .page-title::before {
  display: none;
}
#ap_create .ap_footer .page-title::after {
  width: 100px;
  height: 2px;
  background: #d9d9d9;
  content: "";
  display: block;
  margin: 20px auto;
}
#ap_create .ap_footer .sdgs + div .wave,
#ap_create .ap_footer .ap_infomation + div .wave {
  position: relative;
  top: 80px;
  bottom: 0;
  height: 40px;
  overflow: hidden;
}
#ap_create .ap_footer .sdgs + div .wave svg,
#ap_create .ap_footer .ap_infomation + div .wave svg {
  height: 100px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  top: -40px;
}
#ap_create .ap_footer#colophon .ap-site_info {
  background: #0880bd;
  margin: 80px auto auto;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner {
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner p,
#ap_create .ap_footer#colophon .ap-site_info > .inner a,
#ap_create .ap_footer#colophon .ap-site_info > .inner li {
  color: #fff;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner > div:nth-child(2) {
  display: flex;
  align-items: center;
  margin-top: 80px;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  > div:nth-child(2)
  > div:first-child {
  width: 30%;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner > div:nth-child(2) ul {
  display: flex;
  margin: 0 20px;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner > div:nth-child(2) ul li {
  margin: 10px;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  > div:last-child
  > div:first-child {
  border-left: 2px solid #fff;
  padding-left: 20px;
}
@media (max-width: 767px) {
  #ap_create .ap_footer#colophon .ap-site_info > .inner > div:nth-child(2) {
    display: block;
    margin-top: 30px;
  }
  #ap_create
    .ap_footer#colophon
    .ap-site_info
    > .inner
    > div:nth-child(2)
    > div:first-child {
    text-align: center;
    margin: 0 auto 30px;
        width: 70%;
  }
  .ap_footer#colophon
    .ap-site_info
    > .inner
    > div:nth-child(2)
    > div:nth-child(2) {
    margin-bottom: 30px;
  }
  .ap_footer#colophon
    .ap-site_info
    > .inner
    > div:nth-child(2)
    > div:last-child {
    text-align: center;
  }
  .ap_footer#colophon
    .ap-site_info
    > .inner
    > div:nth-child(2)
    > div:last-child
    a {
    margin: 0 10px;
    display: inline-block;
  }
  #ap_create .ap_footer#colophon .ap-site_info > .inner > div:nth-child(2) ul {
    display: block;
    margin: 0;
  }
  #ap_create .ap_footer#colophon .ap-site_info > .inner > div:last-child {
    display: block;
  }
  #ap_create
    .ap_footer#colophon
    .ap-site_info
    > .inner
    > div:last-child
    > div:first-child {
    border: hidden;
  }
}
#ap_create .ap_footer#colophon .ap-site_info > .inner > div:first-child img {
  max-width: 300px;
  width: 80%;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner .ap_footer_nav {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  > div:first-child
  > div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  > div:first-child
  > div:last-child
  > div
  > a {
  margin: 0 5px;
  display: inline-block;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  .ap_footer_nav
  .footer-navigation {
  display: inline-block;
  vertical-align: text-bottom;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner .ap_footer_nav li {
  padding: 0 40px 0 0;
  position: relative;
  font-weight: 600;
  margin: 20px 0 0;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner .ap_footer_nav li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #fff;
  left: -20px;
  top: 10%;
  bottom: 10%;
  margin: auto;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  .ap_footer_nav
  li:first-child::after {
  display: none;
}
@media (max-width: 767px) {
  #ap_create .ap_footer#colophon .ap-site_info > .inner .ap_footer_nav {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #ap_create .ap_footer#colophon .ap-site_info > .inner .copy_right > div {
    justify-content: flex-end;
  }
}
#ap_create .ap_footer#colophon .ap-site_info > .inner .copy_right > div li {
  margin-top: auto;
  padding-left: 20px;
  position: relative;
  font-weight: 600;
}
#ap_create
  .ap_footer#colophon
  .ap-site_info
  > .inner
  .copy_right
  > div
  li::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
}
#ap_create .ap_footer#colophon .ap-site_info > .inner .copy_right p {
  margin: 20px auto 0;
}
@media (max-width: 767px) {
  #ap_create .ap_footer#colophon .ap-site_info > .inner .copy_right p {
    text-align: center;
    margin-top: 50px;
  }
}
#ap_create .ap_footer .phone {
  max-width: 20px;
}
#ap_create .ap_footer .phone + a {
  color: #217fbc;
}
#ap_create .ap_footer.ap_footer_background {
  background: #edf2ff;
}

#sitemap-1,#sitemap-2,#sitemap-3,#sitemap-4,
#sitemap-5,#sitemap-6,#sitemap-7,#sitemap-8,#sitemap-9,#example {
    padding-top: 80px !important;
    margin-top: -80px !important;
}
#ap_create .sidebar {
  width: 25%;
  float: right;
}
@media (max-width: 767px) {
  #ap_create .sidebar {
    width: 100%;
  }
  #ap_create .sidebar .widget-title + div,
  #ap_create .sidebar .widget-title + ul {
    max-width: 90%;
    margin: auto;
  }
}
#ap_create .sidebar .widget-title {
  padding: 10px 0;
  padding-left: 20px;
  background: #217fbc;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}
#ap_create .sidebar .menu {
  padding-left: 20px;
  margin-bottom: 30px;
}
#ap_create .sidebar .search-form {
  position: relative;
  margin: 30px 0 50px;
}
#ap_create .sidebar .search-form input[type="search"] {
  width: 100%;
}
#ap_create .sidebar .search-form .fa-search {
    position: absolute;
    right: 13px;
    top: 15px;
    color: #fff;
    z-index: 1;
}
#ap_create .sidebar .search-form input[type="submit"] {
  position: absolute;
  right: 0;
  margin: auto;
  padding: 0 20px;
  top: 0;
  border-radius: 0;
  bottom: 0;
}
#ap_create .sidebar .wpp-list {
  padding: 0;
}
#ap_create .sidebar .wpp-list li {
  margin-bottom: 10px;
  padding: 30px 0;
  border-bottom: 1px solid #dadada;
}
#ap_create .sidebar .wpp-list li img {
  margin-right: 10px;
}
#ap_create .sidebar .wpp-list li .wpp-post-title {
  height: 50px;
  display: inherit;
  overflow: hidden;
}
#ap_create .sidebar .widget_tag_cloud {
  margin-top: 30px;
}
#ap_create .sidebar .widget_tag_cloud .widget-title {
  background: none;
  color: #5e5e5e;
  padding-left: 0;
}
#ap_create .sidebar .widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
#ap_create .sidebar .widget_tag_cloud .tagcloud a {
  color: #58afe1;
  font-size: 13px !important;
  border: 1px solid;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 8px;
  border-radius: 5px;
}
#ap_create.ap-top_page header.ap_header_panel {
  position: relative;
  max-width: none;
}
#ap_create.ap-top_page header.ap_header_panel > div {
  position: absolute;
  z-index: 1;
}
#ap_create.ap-top_page header.ap_header_panel > div .menu-item a {
  color: #ffffff !important;
}
#ap_create.ap-top_page .top_img {
  position: relative;
  margin: 0 auto 50px;
}
#ap_create.ap-top_page .top_img h2 {
  color: #ffffff;
  line-height: 40px;
  font-weight: 600;
}
#ap_create.ap-top_page .top_img > div:first-child {
  max-height: 1000px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  #ap_create.ap-top_page .top_img > div:first-child {
    max-height: 700px;
  }
}
@media (max-width: 768px) {
  #ap_create.ap-top_page .top_img > div:first-child {
    max-height: 470px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_img > div:first-child {
    min-height: inherit;
    width: 200%;
    margin: 0 -50%;
  }
}
#ap_create.ap-top_page .top_img > div:first-child img {
  width: 100%;
}

#ap_create.ap-top_page .top_img .slick-track .slick-slide img {
  transition: ease 10s all;
  transform: scale(1, 1);
}
#ap_create.ap-top_page .top_img .slick-track .slick-slide img.first_img {
  transform: scale(1.1, 1.1);
}
#ap_create.ap-top_page
  .top_img
  .slick-track
  .slick-slide.slick-active
  img.first_img {
  animation: fadezoom 10s alternate 1;
  transform: scale(1.1, 1.1);
}
#ap_create.ap-top_page .top_img .slick-track .slick-slide.slick-active img {
  transform: scale(1.1, 1.1);
}
@keyframes fadezoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_img .slick-track .slick-slide img {
    width: 75% !important;
  }
}
#ap_create.ap-top_page .top_img .entry-icon {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 3;
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page .top_img .entry-icon {
    width: 60px;
    height: 60px;
    right: 40px;
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_img .entry-icon {
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 40px;
  }
}
#ap_create.ap-top_page .top_img .wave {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 80px;
  overflow: hidden;
}
#ap_create.ap-top_page .top_img .wave > svg {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
}
#ap_create.ap-top_page .top_content.ap_content .numbers_title {
  font-size: 26px;
  color: #003f7d;
  position: relative;
  padding: 20px 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content .numbers_title {
    font-size: 20px;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  img {
  width: 60px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  img:nth-child(2) {
  margin-right: 10px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  img:first-child,
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  img:last-child {
  width: 230px;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    img:first-child,
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    img:last-child {
    width: 35%;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div {
  max-width: 450px;
  margin: 30px auto -30px;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    + div {
    margin: 20px auto 0;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div
  h3 {
  margin-bottom: 40px;
  color: #217fbc;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    + div
    h3 {
    margin-bottom: 20px;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div
  p {
  line-height: 30px;
}
@media (max-width: 374px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    + div
    p {
    padding: 0 10px;
  }
}
@media (max-width: 374px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:first-child
    > div:first-child
    + div
    p {
    font-size: 14px;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div
  + div {
  position: relative;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div
  + div
  img {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    div:first-child
    > div
    h4 {
    text-align: left;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:first-child
  > div:first-child
  + div
  + div
  span {
  background: #edf2ff;
  width: 100%;
  height: 74%;
  display: block;
  position: absolute;
  bottom: 0;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(2) {
  background: #edf2ff;
  margin-top: -28%;
  z-index: 1;
  position: relative;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  div:first-child
  > div:first-child {
  max-width: 800px;
  margin: 0 auto;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  div:first-child
  > div:last-child {
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    div:first-child
    > div {
    max-width: 100%;
    padding: 0 30px;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  div:first-child
  > div
  h4 {
  margin: 20px auto 40px;
  color: #217fbc;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  div:first-child
  > div
  p {
  line-height: 30px;
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    > div:nth-child(2) {
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(2) {
    margin-top: -40%;
  }
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    > div:nth-child(2) {
    padding: 0 20px;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  > div:last-child {
  padding-bottom: 30px;
  padding-top: 30px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  > div:last-child
  .column3 {
  margin: 3% 2%;
  width: 28%;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  > div:last-child
  .column3
  > div {
  background: #fff;
  border-radius: 150px;
  padding: 14% 0px;
  text-align: center;
  width: 70%;
  margin: 0 auto 10%;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  > div:last-child
  .column3
  img {
  display: block;
  width: 40%;
  margin: 0 auto 8%;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(2)
  > div
  > div:last-child
  .column3
  > div
  strong {
  display: block;
  color: #217fbc;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(3) {
  background: #edf2ff;
  padding: 80px 0;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(3) > div {
  max-width: 900px;
  margin: 0 auto;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(3)
  > div:first-child {
  margin-bottom: 5%;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(3) > div {
    padding: 0 20px;
  }
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    > div:last-child
    .column3 {
    width: 100%;
  }
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(2)
    > div
    > div:last-child
    .column3
    > div {
    width: 50%;
    padding: 10% 0;
    margin: 10% auto 5%;
  }
}

#ap_create.ap-top_page .top_content.ap_content > div:nth-child(4) > div {
  max-width: 900px;
  margin: 8% auto 10%;
  padding: 0 20px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(4)
  > div
  div:first-child
  > div
  h4 {
  margin: 20px auto;
  color: #217fbc;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(4)
  > div
  div:first-child
  > div
  p {
  line-height: 30px;
}

#ap_create.ap-top_page .top_content.ap_content > div:nth-child(5) {
  background-image: url(https://smartblue.jp/wp-content/themes/smartblue02/images/top_background_wave1.png);
  background-size: 130%;
  background-repeat: no-repeat;
  background-position: -10px 0px;
  padding: 80px 0 35px;
  margin-top: -30px;
    margin-bottom: 80px;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(5) > div {
  background-color: #0880bd;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(5) > div p {
  color: #ffffff;
  padding: 10px 0 20px;
  line-height: 1.5;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(5)
  .column3
  > div {
  max-width: 220px;
  margin: 0 auto;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(5)
  .column3
  > div
  img {
  width: 220px;
  height: 220px;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(4) > div {
    margin-bottom: 20%;
  }
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(5) .column3 {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(5) {
    padding-bottom: 0;
  }
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) {
  margin-top: 70px;
  padding: 0 5%;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) > h4 {
  color: #217fbc;
  margin-bottom: 30px;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) > h4 + p {
  font-size: 16px;
  padding-left: 30px;
  line-height: 30px;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) > h4 + p {
    padding: 0 20px;
  }
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .txt_right {
  right: 0;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .txt_left
  > div:first-child {
  float: left;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .txt_left
  > div:last-child {
  float: right;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt {
  position: relative;
  padding: 0 0 200px;
  margin: 80px auto;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt#top_anker_2 {
  padding: 0 0 180px;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt#top_anker_3 {
  padding: 0 0 150px;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt#top_anker_3 + div a.ap_btn {
    max-width: 400px;
}
@media (max-width: 1160px) {
    #ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt {
      padding: 0 0 240px;
    }
    #ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt#top_anker_2 {
      padding: 0 0 240px;
    }
    #ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt#top_anker_3 {
      padding: 0 0 180px;
    }
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(6) .ap_txt {
    padding: 0.1px !important;
    margin: 30px auto;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:first-child {
  position: absolute;
  width: 50%;
  z-index: 2;
  top: 30px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(6)
    .ap_txt
    > div:first-child {
    position: static;
    width: 100%;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:first-child
  h4 {
  margin-top: 30px;
  margin-bottom: 20px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:first-child
  h4
  img {
  width: 50px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:first-child
  h5 {
  margin-bottom: 20px;
  padding: 10px 0;
  font-size: 20px;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:first-child
  p {
  padding: 0 30px;
  line-height: 30px;
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(6)
    .ap_txt
    > div:first-child
    p {
    position: static;
    padding: 0;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:last-child {
  position: relative;
  width: 70%;
}
@media (max-width: 1023px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(6)
    .ap_txt
    > div:last-child {
    position: static;
    width: 100%;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(6)
  .ap_txt
  > div:last-child
  img {
  width: 100%;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(7) {
  margin-top: 100px;
  background-image: url(https://smartblue.jp/wp-content/themes/smartblue02/images/top_background_wave2.png);
  padding-bottom: 30px;
  background-repeat-y: no-repeat;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(7) > div {
  padding: 1px 20px;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(7) > div h4 {
  color: #217fbc;
  margin: auto;
  margin-bottom: 30px;
  font-weight: 400;
  width: 170px;
}
@media (max-width: 767px) {
    #ap_create.ap-top_page .top_content.ap_content > div:nth-child(7) > div{
        padding: 80px 20px 20px;
    }
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(7) > div h4 {
    width: 100%;
    margin: 30px auto;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(7)
  > div
  > div
  > div {
  background: #edf2ff;
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(7)
  > div
  > div
  > div img {
  width: 60%;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(7)
    > div
    > div
    > div {
    width: 46%;
    margin: 0 1.5%;
  }
  #ap_create.ap-top_page
    .top_content.ap_content
    > div:nth-child(7)
    > div
    > div
    > div:first-child {
    display: block;
    margin: auto;
  }
}
#ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(7)
  > div
  > div
  span.ap_title {
  margin: 20px auto;
  color: #217fbc;
  font-weight: 600;
  display: block;
  line-height: 1.3em;
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(8) {
  margin: 100px auto;
}
@media (max-width: 767px) {
    #ap_create.ap-top_page
  .top_content.ap_content
  > div:nth-child(7)
  > div
  > div
  span.ap_title {
      margin: 10px auto;
  font-size: 14px;
}
  #ap_create.ap-top_page .top_content.ap_content > div:nth-child(8) {
    margin: 30px auto;
  }
}
#ap_create.ap-top_page .top_content.ap_content > div:nth-child(8) h3 {
  font-size: 20px;
  color: #217fbc;
  font-weight: 600;
  margin: 20px auto;
}
@media (max-width: 767px) {
  #ap_create.ap-top_page .top_content.ap_content .ap_post > div > div > div h2 {
    height: auto;
  }
}
#ap_create.ap-content_page .ap_page_title {
  padding: 85px 0;
  background: #edf2ff;
  position: relative;
  color: #003f7d;
  font-weight: 400;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
  max-height: 200px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_page_title {
    font-size: 20px;
    padding: 88px 20px;
  }
}
#ap_create.ap-content_page .ap_page_title::after {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
  background: #003f7d;
  display: block;
  margin: auto;
}
#ap_create.ap-content_page .ap_breadcrumb {
  max-width: 1200px;
  margin: 20px auto;
}
#ap_create.ap-content_page .ap_breadcrumb span{
    font-size: 12px;
}
#ap_create.ap-content_page .ap_breadcrumb span,
#ap_create.ap-content_page .ap_breadcrumb i {
  color: #003f7d;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_breadcrumb {
    padding: 0 20px;
    line-height: 1.5;
  }
}
#ap_create.ap-content_page .page-title {
  font-size: 26px;
  color: #0880bd;
  position: relative;
  padding: 30px 0;
  margin-bottom: 30px;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .page-title {
    font-size: 20px;
      margin-bottom: 0;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > .section_title {
    text-align: left;
  }
}
#ap_create.ap-content_page .section_title {
  font-size: 26px;
  color: #0880bd;
  position: relative;
  padding: 30px 0;
  font-weight: 400;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-content_page .section_title span {
  color: #0880bd;
  display: block;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .section_title {
    font-size: 20px;
  }
    #ap_create.ap-content_page .solar .page-content .section_title{
        padding: 20px 0;
    }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > div:nth-of-type(4)
    h4.section_title {
    text-align: center;
  }
}
#ap_create.ap-content_page .toggle_title {
  font-size: 20px;
  color: #0880bd;
  position: relative;
  padding: 10px 0;
  font-weight: 400;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-content_page .ap_title {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-content_page .page_content {
  background: #ffffff;
  padding: 70px;
  margin-bottom: 60px;
  border-radius: 10px;
}
#ap_create.ap-content_page .page_content:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .page_content {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .toggle_title {
    text-align: left;
    padding-right: 10%;
  }
  #ap_create.ap-content_page .page_content {
    padding: 30px 20px;
  }
}
#ap_create .howto_s_info {
  background: #edf2ff;
}
#ap_create .howto_s_info > div {
  position: relative;
/*  max-width: 1440px;*/
  margin: 0 auto;
}
#ap_create .howto_s_info > div img {
  width: 100%;
}
@media (max-width: 767px) {
  #ap_create .howto_s_info {
    overflow: hidden;
  }
  #ap_create .howto_s_info > div img {
    width: 280%;
    max-width: none;
  }
}
#ap_create .howto_s_info > div img + div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  bottom: 20px;
}
#ap_create .howto_s_info > div img + div h3 {
  padding: 30px 0;
  color: #ffffff;
}
@media (max-width: 767px) {
  #ap_create .howto_s_info > div img + div h3 {
    padding: 50px 0 20px;
  }
  #ap_create .howto_s_info > div img + div p .visible-phone {
    display: block;
  }
}
@media (max-width: 374px) {
  #ap_create .howto_s_info > div img + div h3 {
    font-size: 20px;
  }
}
#ap_create .howto_s_info > div img + div p {
  color: #ffffff;
  line-height: 30px;
}
@media (max-width: 374px) {
  #ap_create .howto_s_info > div img + div p {
    font-size: 12px;
  }
}
#ap_create .howto_s_info > div img + div .ap_btn {
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
}
#ap_create .howto_s_info > div img + div .ap_btn::after {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
#ap_create .howto_s_info > div img + div .ap_btn:hover {
  background: rgba(255, 255, 255, 0.7);
  color: #999;
  border: 2px solid transparent;
}
#ap_create.ap-content_page .ap_howto_page {
    margin-bottom: 5%;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(2) {
  width: 100%;
  margin-bottom: 30px;
    max-width: 1115px;
    padding: 0 30px;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .ap_howto_page > div .page_content h2.section_title{
        text-align: left;
    }
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(2) p {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(3) {
  line-height: 0;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(3) img {
  width: 100%;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(3) p {
  max-width: 1115px;
  margin: -100px auto 100px;
  padding: 30px;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_howto_page > div:nth-child(3) p {
    margin: -20px 20px 20px;
  }
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(4) {
  background: #edf2ff;
  padding: 50px 20px;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div.container{
    margin-top: 30px;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div.container .example-thumbnail{
    margin-bottom: 10px;
}
#ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div.container .example-thumbnail .slick-track {
    transform: translate3d(0px,0px,0px) !important;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  .slick-arrow {
  top: -15%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div {
  max-width: none !important;
  max-height: none !important;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div
  .slick-track {
  display: flex;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div
  .slick-slide {
  text-align: left;
  border: 2px solid #2478b0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: auto;
  margin: 30px 10px;
  padding: 30px;
  max-width: 960px;
  position: relative;
  top: 30px;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div{
        margin-bottom: 10px;
    }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    > div
    .slick-slide {
    padding: 15px;
    top: 0 !important;
        margin-top: 30px !important;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div
  .slick-slide
  .slick-img
  div {
  display: inline-block;
  width: 69.5%;
  padding: 2%;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div
  .slick-slide
  .slick-img
  > img {
  display: inline-block;
  width: 29%;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div
  .example-slider
  > div
  .slick-slide.slick-current {
  top: 0;
}
#ap_create.ap-content_page .page_content .timeline {
  list-style: none;
}
#ap_create.ap-content_page .page_content .timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
  padding-left: 4.5%;
  padding-top: 2%;
  margin-top: -0.5em;
}
#ap_create.ap-content_page .page_content .timeline > li:nth-child(6){
    padding: 0;
}
#ap_create.ap-content_page .page_content .timeline-date {
  width: 110px;
  float: left;
  margin-top: 20px;
}
#ap_create.ap-content_page .page_content .timeline-content {
  float: left;
  border-left: 3px #217fbc solid;
  padding-left: 60px;
  padding-bottom: 30px;
}
#ap_create.ap-content_page .page_content li:last-child .timeline-content {
  border: none;
}
#ap_create.ap-content_page .page_content .timeline-content h3 {
  padding-bottom: 10px;
  color: #217fbc;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > a:before {
  margin-right: 10px;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div {
  background: #edf2ff;
  border-radius: 5px;
  padding: 2%;
  margin-top: 3%;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div
  label {
  color: #217fbc;
  padding-left: 30px;
      font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",    sans-serif !important;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div
  label::before {
  background-image: url(images/howto_document.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "" !important;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  top: 4px;
  left: 0;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div
  label::after,
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div
  label::after,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div
  label::after{
  display: inline-block;
  content: "＋";
  top: 4px;
  right: 0;
  position: absolute;
  border: 2px solid;
  border-radius: 30px;
  font-weight: bold;
  font-size: 10px;
  padding: 0 4px;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div
  label::after,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div
  label::after{
  top: 17px;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  .accordion
  .toggle:checked
  + label::after,
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  .accordion
  .toggle:checked
  + label::after,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  .accordion
  .toggle:checked
  + label::after{
  content: "ー";
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div
  ul
  li {
  display: inline-block;
  max-width: 24%;
  width: 100%;
  font-size: 0.8em;
  margin-bottom: 1%;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(3)
  .timeline-content
  > div
  ul
  li::before {
  display: inline-block;
  content: "●";
  color: #217fbc;
  margin-right: 5px;
}
.accordion .toggle {
  display: none;
}
.accordion .Label {
  /*タイトル*/
  padding: 1em;
  display: block;
  position: relative;
}
.accordion .Label::before {
  /*タイトル横の矢印*/
  display: block;
  content: "＋";
  width: 6px;
  height: 6px;
  color: #217fbc;
  position: absolute;
  top: calc(50% - 3px);
  right: 20px;
}
.accordion .Label,
.accordion .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.accordion .content {
  /*本文*/
  height: 0;
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: hidden;
}
li:nth-child(3)
  .timeline-content
  .accordion
  .toggle:checked
  + .Label
  + .content {
  /*開閉時*/
  height: auto;
  padding: 2% !important;
  margin-top: 2% !important;
  transition: all 0.3s;
  border: 1px solid #217fbc !important;
  background: #fff;
}
li:nth-child(5)
  .timeline-content
  .accordion:last-of-type
  .toggle:checked
  + .Label
  + .content,
li:nth-child(6)
  .timeline-content
  .accordion:last-of-type
  .toggle:checked
  + .Label
  + .content{
  /*開閉時*/
  height: auto;
  transition: all 0.3s;
  border: none !important;
  background: #edf2ff;
  padding: 20px;
  margin-top: 30px;
}
li:nth-child(5)
  .timeline-content
  .accordion:last-of-type
  .toggle:checked
  + .Label
  + .content
  .text_deco {
  margin: 5% 0 3% !important;
}
.accordion .toggle:checked + .Label::before {
  content: "ー" !important;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div{
  background: #edf2ff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div
  ul,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div
  ul{
  background: #fff;
  border: #0880bd solid 1px;
  padding: 20px;
      margin-top: 10px;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div
  ul
  li,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div
  ul
  li{
  margin-bottom: 1%;
}
#ap_create.ap-content_page
  .page_content
  li:nth-child(5)
  .timeline-content
  > div
  ul
  li::before,
#ap_create.ap-content_page
  .page_content
  li:nth-child(6)
  .timeline-content
  > div
  ul
  li::before{
  display: inline-block;
  content: "●";
  color: #217fbc;
  margin-right: 5px;
}
#ap_create.ap-content_page .page_content .timeline li .timeline-content:before {
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .page_content
    .timeline
    li
    .timeline-content:before {
    width: 40px;
    height: 40px;
  }
  #ap_create.ap-content_page .page_content .timeline-content {
    padding-left: 30px;
  }
    #ap_create.ap-content_page .page_content .timeline li:nth-child(6) .timeline-content {
        padding: 0;
    }
    #ap_create.ap-content_page .page_content .timeline li:nth-child(6) .timeline-content .visible-phone {
        display: block !important;
    }
    #ap_create.ap-content_page .page_content .timeline-content h3{
        font-size: 1.2em;
    }
}
#ap_create.ap-content_page
  .page_content
  .timeline
  li:first-child
  .timeline-content:before {
  background-image: url(images/howto_timeline_01.png);
}
#ap_create.ap-content_page
  .page_content
  .timeline
  li:nth-child(2)
  .timeline-content:before {
  background-image: url(images/howto_timeline_02.png);
}
#ap_create.ap-content_page
  .page_content
  .timeline
  li:nth-child(3)
  .timeline-content:before {
  background-image: url(images/howto_timeline_03.png);
}
#ap_create.ap-content_page
  .page_content
  .timeline
  li:nth-child(4)
  .timeline-content:before {
  background-image: url(images/howto_timeline_04.png);
}
#ap_create.ap-content_page
  .page_content
  .timeline
  li:nth-child(5)
  .timeline-content:before {
  background-image: url(images/howto_timeline_05.png);
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > p
  strong {
  color: #217fbc;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div:first-of-type {
  border: 1px solid #217fbc;
  padding: 30px 100px;
  margin: 30px 0 100px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  h3 {
  margin-bottom: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  li {
  padding-left: 44px;
  margin-bottom: 10px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div:last-of-type
  > p
  strong {
  color: #217fbc;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div:last-of-type
  > div {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  .column3 {
  border: 2px solid #86b435;
  border-radius: 10px;
  width: 32%;
  padding: 5% 2%;
  margin-bottom: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  .column3
  > p
  strong {
  color: #217fbc;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  .column3
  > h4 {
  display: block;
  margin-bottom: 10%;
      font-size: 100%;
      font-weight: 700;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  .column3
  > h4::before {
  background-image: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_merit_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: inline-block;
  content: "";
  margin-right: 5px;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  .column3 {
  margin-bottom: 5%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(6)
  > div
  .column3 {
  text-align: center;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(6)
  .column3
  img {
  width: 95%;
  margin-bottom: 5%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(6)
  .column3
  p {
  color: #217fbc;
  width: 95%;
  margin: auto;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  .column2 {
  width: 50% !important;
  margin-right: -0.4em;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div.column3
  > div {
   max-width: 209px;
  max-height: 209px; 
  margin: auto;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div {
  max-width: 550px;
  margin: auto;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > .slick-slide {
  margin: 0 10px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > .slick-slide
  .thumbnail-img
  img {
  border: 2px solid #edf2ff;
  background: #edf2ff;
  border-radius: 50px;
  padding: 5px;
  opacity: 0.5;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > .slick-slide
  .thumbnail-img
  p {
    text-align: center;
    font-size: 0.8em;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > .slick-slide.slick-current
  .thumbnail-img
  img {
  border: 2px solid #217fbc;
  background: #fff;
  opacity: 1;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:first-child:nth-child(3) {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_01-03_bg.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 40%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div {
  margin-bottom: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div {
  padding-bottom: 30px;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  display: block;
  border-right: 20px solid transparent;
  border-top: 20px solid #217fbc;
  border-left: 20px solid transparent;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div {
  margin-bottom: 30px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div
  h3 {
  font-size: 16px;
  color: #217fbc;
  margin-bottom: 20px;
    font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div
  h3
  + div {
  border: 1px solid #217fbc;
  padding: 20px 50px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(5)
    > div
    li {
    padding-left: 35px;
  }
    #ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div:nth-child(3)
  > div
  > div
  > div
  > .slick-slide {
  margin: 0 5px;
}
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div:nth-child(3)
    > div
    > div
    > div
    > .slick-slide
    .thumbnail-img
    img {
    padding: 2px;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    > div
    .slick-slide
    .slick-img
    div {
    display: block;
    width: 100%;
    padding: 0;
  }
    #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    > div
    .slick-slide
    .slick-img
    div img.visible-phone {
    display: block !important;
        width: 80%;
        margin: 10px auto 20px;
  }
    #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    > div
    .slick-slide
    .slick-img
    div h3.toggle_title {
    text-align: center;
  }
        #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    > div
    .slick-slide
    .slick-img
    div a.ap_btn {
    margin: 20px auto;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(5)
    > div:first-of-type {
    padding: 30px 20px;
        margin-bottom: 50px;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(5)
    > div:last-of-type
    > div {
    display: block;
        margin-top: 10px;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(5)
    > div
    .column3 {
    padding: 20px;
    width: 100%;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(6)
    .column3 {
    width: 49.5%;
  }
  #ap_create.ap-content_page
    .page_content
    li:nth-child(3)
    .timeline-content
    > div
    ul
    li {
    display: block;
    max-width: none;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div
    .example-slider
    .slick-arrow {
    display: none !important;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section:nth-child(4)
    .toggle_title
    + div
    + div
    + div
    h3
    + div {
    padding: 20px 10px;
  }
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div > div.howto_section:nth-child(4) .toggle_title + div + div + div h3 + div > div {
        position: relative;
        z-index: 1;
    }
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div:nth-child(5) > div .column3 > h4{
        text-align: left;
        margin-bottom: 10px;
    }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div
  h3
  + div::after {
  content: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_10.svg);
  position: absolute;
  right: 0;
  top: -5%;
  width: 50%;
  display: block;
}
@media (max-width: 1024px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section:nth-child(4)
    .toggle_title
    + div
    + div
    + div
    h3
    + div::after {
    top: 25%;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section:nth-child(4)
    .toggle_title
    + div
    + div
    + div
    h3
    + div::after {
    top: auto;
    bottom: 0;
    width: 40%;
        opacity: 0.5
  }
    #ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(5)
  > div
  h3 {
  text-align: center;
      margin-bottom: 10px;
}
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div
  h3
  + div
  li {
  padding-left: 30px;
  margin: 5px 0;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(4)
  .toggle_title
  + div
  + div
  + div
  h3
  + div
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-of-type(4)
  .toggle_title
  + div
  + div,
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-of-type(5)
  .toggle_title
  + div
  + div {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  h4 {
  color: #8c8c8c;
  margin: 0 auto 10px;
      font-size: 16px;
      font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  h4::before {
  background-image: url(images/howto_literature.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 20px;
  height: 17px;
  vertical-align: middle;
  margin-right: 10px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  h4
  + div {
  margin-bottom: 20px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  ul {
  margin-left: 20px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  ul
  li {
  margin-bottom: 10px;
      display: inline-block;
      margin-right: 50px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section
  .toggle_title
  + div
  + div
  ul
  li:before {
  margin-right: 10px;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(5)
  .toggle_title
  + div
  + div
  h4
  + div
  + h5 {
  font-size: 14px;
  margin-bottom: 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(5)
  .toggle_title
  + div
  + div
  h4
  + div
  + h5
  + div {
  background: #ffffff;
  border: #0880bd solid 1px;
  padding: 20px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(5)
  .toggle_title
  + div
  + div
  h4
  + div
  + h5
  + div
  li {
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  > div.howto_section:nth-child(5)
  .toggle_title
  + div
  + div
  h4
  + div
  + h5
  + div
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #217fbc;
  display: block;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  .ap_howto_icon {
  width: 20%;
  float: left;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  .ap_howto_icon
  img {
  max-width: 100px;
  max-height: 100px;
  display: block;
  margin: auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section
    .toggle_title
    + div
    + div
    ul {
    margin-left: 0;
  }
    #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section
    .toggle_title
    + div
    + div
    ul
    li {
    margin-right: 0;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    > div.howto_section
    .toggle_title
    + div
    + div
    ul
    li
    a {
    text-decoration: none;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    .ap_howto_icon {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  .ap_howto_icon
  + div {
  width: 80%;
  float: right;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div
  .ap_howto_icon
  + div h3.toggle_title {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    .ap_howto_icon
    + div {
    width: 100%;
    float: none;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div
    .ap_howto_icon
    + div
    > div:nth-child(3)
    .column6 {
    width: 32.3333333%;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:first-child
  p {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  p {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child {
  display: flex;
  width: 40%;
  margin: 30px auto;
  justify-content: center;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:first-child {
    width: 80%;
  }
}
@media (max-width: 374px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:first-child {
    width: 90%;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div {
  padding: 13px;
  background: #ccc;
  border-radius: 0 30px 30px 0;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div
  span {
  color: #999;
  font-size: 16px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:first-child
    > div
    span {
    font-size: 14px;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div:first-child {
  border-radius: 30px 0 0 30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div.open:first-child,
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div.open:last-child {
  background: #217fbc;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div.open:first-child
  span,
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:first-child
  > div.open:last-child
  span {
  color: #ffffff;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2) {
  padding: 30px;
  background: #efefe2;
  border-radius: 20px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2).on {
  background: #edf2ff;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2) {
    padding: 0 5px 15px;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2)
    .column2 {
    width: 100% !important;
  }
}
@media (max-width: 767px) and (max-width: 424px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2) {
    padding: 0px;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  .merit
  h3 {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_merit_icon.svg)
    no-repeat;
  background-size: 22px;
  background-position: left 8px;
      font-size: 18px;
      font-weight: 700;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  .merit
  h3 span{
      font-size: 14px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  .demerit
  h3 {
  background: url(https://smartblue.jp/wp-content/themes/smartblue/images/howto_s_demerit_icon.svg)
    no-repeat;
  background-size: 22px;
  background-position: left 8px;
      font-size: 18px;
      font-weight: 700;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  .note
  h6 {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_merit_icon.svg)
    no-repeat;
  background-size: 25px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div {
  transition: ease all 1s;
  animation: fade_in 2s;
  display: flex;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > div {
  width: 95%;
  margin: 30px auto;
  border: 2px solid #86b435;
  padding: 20px;
  border-radius: 20px;
  background: #ffffff;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div.demerit
  > div
  > div {
  border: 2px solid #217fbc;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > div
  h3 {
  height: 50px;
  padding: 10px 0;
  padding-left: 30px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2)
    > div
    > div {
    width: 100%;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2)
    > div
    > div
    > div {
    padding: 10px;
    margin: 5px auto;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > div
  > div
  > div:first-child {
  height: 240px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div
  > div
  > div
  > div:first-child
  img {
  max-width: 240px;
  max-height: 220px;
      width: 100%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div.column3:first-of-type
  > div
  > div
  > div:first-child
  img {
  max-width: 190px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div.column3:nth-of-type(3)
  > div
  > div
  > div:first-child
  img {
  max-width: 220px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div.column3:nth-of-type(4)
  > div
  > div
  > div:first-child
  img {
  max-width: 170px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div
  > div.column3:nth-of-type(5)
  > div
  > div
  > div:first-child
  img {
  max-width: 220px;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div:nth-child(2)
    > div
    > div
    > div
    > div
    > div:first-child {
    height: 240px;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div.merit {
  opacity: 0;
  display: none;
  max-width: none;
  max-height: none;
  flex-wrap: wrap;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div.merit.open {
  opacity: 1;
  display: flex;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div.demerit {
  opacity: 0;
  display: none;
  max-width: none;
  max-height: none;
  flex-wrap: wrap;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div:nth-child(2)
  > div.demerit.open {
  opacity: 1;
  display: flex;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note {
  padding: 80px 0 0;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  h3 {
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  h3
  > span {
  margin-right: 10px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2 {
  max-width: none;
  max-height: none;
  margin-right: -0.25em;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2
  > div {
  width: 90%;
  margin: 20px auto;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2
  > div
  > div:first-child {
  height: 200px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div.note
    h3 {
    padding-bottom: 20px;
    display: block;
    text-align: center;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div.note
    .column2
    > div
    > div:first-child {
    height: auto;
  }
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div.note
    .column2
    > div {
    width: 100%;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2
  > div
  > div:first-child
  img {
  max-width: 90%;
  max-height: 190px;
  display: block;
  margin: auto;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2
  h6 {
  font-size: 18px;
  color: #217fbc;
  padding: 10px 0;
  position: relative;
  border-bottom: 3px solid #fff31f;
  display: inline-block;
  margin-left: 30px;
  margin-bottom: 10px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2
  h6::before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  left: -30px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2:nth-of-type(1)
  h6::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue02/images/howto_s_15.svg)
    no-repeat;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2:nth-of-type(2)
  h6::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue02/images/howto_s_16.svg)
    no-repeat;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2:nth-of-type(3)
  h6::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue02/images/howto_s_17.svg)
    no-repeat;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:nth-child(2)
  > div:nth-child(3)
  > div.note
  .column2:nth-of-type(4)
  h6::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue02/images/howto_s_18.svg)
    no-repeat;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_howto_page
    > div:nth-child(4)
    > div
    > div:nth-child(2)
    > div:nth-child(3)
    > div.note
    .column2 {
    width: 100% !important;
  }
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  p {
  line-height: 30px;
  font-size: 16px;
  padding-bottom: 20px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  h2
  + div
  > p {
  padding-bottom: 0px;
  color: #003f7d;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  h2
  + div
  > div {
  margin-top: 20px;
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  h2
  + div
  > div::before {
  background: #edf2ff;
  width: 100%;
  height: 100%;
  max-width: 730px;
  position: absolute;
  top: 5%;
  left: 6%;
  display: block;
  content: "";
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  h2
  + div
  > div
  > iframe {
  position: relative;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  h2
  + div
  > div
  > img {
  position: absolute;
  top: 50%;
  right: 0;
  width: 35%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:nth-child(4)
  > div
  > div:last-child
  .column2 {
  max-width: none;
  max-height: none;
}
@media (max-width: 892px) {
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div:last-child h2 + div > div{
        aspect-ratio: 16 / 9;
    }
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div:last-child h2 + div > div > iframe{
        width: 90%;
        height: 90%;
    }
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div:last-child h2 + div > div::before{
        width: 90%;
        height: 100%;
    }
}
@media (max-width: 768px) {
    #ap_create.ap-content_page .ap_howto_page > div:nth-child(4) > div > div:last-child h2 + div > h3{
        padding-bottom: 10px;
    }
    #ap_create.ap-content_page .ap_howto_page > div:last-child {
    text-align: center;
  }
    #ap_create.ap-content_page .ap_howto_page > div:last-child .column3:first-of-type {
    margin: auto;
  }
  #ap_create.ap-content_page .ap_howto_page > div:last-child .column3 {
    width: 50%;
  }
    #ap_create.ap-content_page .ap_howto_page > div:last-child .column3 > div{
        width: 80% !important;
        margin-top: 0 !important;
    }
}
#ap_create.ap-content_page .ap_howto_page > div:last-child .column3 > div {
  width: 65%;
  position: relative;
  margin: auto;
  margin-top: 50px;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:last-child
  .column3
  > div
  > div:first-child
  a {
  display: block;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:last-child
  .column3
  > div
  > div:first-child
  img {
  width: 100%;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:last-child
  .column3
  > div
  > div:last-child {
  padding: 20px 0;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:last-child
  .column3
  > div
  > div:last-child
  a {
  text-decoration: none;
}
#ap_create.ap-content_page
  .ap_howto_page
  > div:last-child
  .column3
  > div
  > div:last-child
  a
  span {
  color: #217fbc;
  position: relative;
  display: block;
      text-align: center;
      font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
#ap_create.ap-content_page .solar p {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page .only-crops,
#ap_create.ap-content_page .only-service,
#ap_create.ap-content_page .only-construction,
#ap_create.ap-content_page .only-follow,
#ap_create.ap-content_page .only-association {
  margin: 20px auto;
}
#ap_create.ap-content_page .solar .schedule-slider .slick-prev {
  left: -2%;
  top: 70%;
}
#ap_create.ap-content_page .solar .schedule-slider .slick-next {
  right: -2%;
  top: 70%;
}
#ap_create.ap-content_page .only-crops .only-thumbnail {
  max-width: 850px;
  margin: 50px auto 30px;
}
#ap_create.ap-content_page .only-crops .only-thumbnail .slick-track {
    transform: translate3d(0px,0px,0px) !important;
}
#ap_create.ap-content_page .only-crops .slick-slide .thumbnail-img {
  text-align: center;
}
#ap_create.ap-content_page .only-crops .slick-slide .thumbnail-img img {
  border: 2px solid #edf2ff;
  background: #edf2ff;
  border-radius: 50px;
  padding: 5px;
  opacity: 0.5;
  width: 80%;
}
#ap_create.ap-content_page
  .only-crops
  .slick-slide.slick-current
  .thumbnail-img
  img {
  border: 2px solid #217fbc;
  background: #fff;
  opacity: 1;
}
#ap_create.ap-content_page .only-crops .only-slider .slick-slide {
  border: 2px solid #217fbc;
  padding: 30px;
  margin: 0 10px;
  position: relative;
  top: 30px;
  border-radius: 5px;
}
#ap_create.ap-content_page .only-crops .only-slider .slick-slide.slick-current {
  top: 0;
}
#ap_create.ap-content_page
  .only-crops
  .only-slider
  .slick-slide
  .slick-img
  > div {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  margin-right: 3%;
  text-align: left;
}
#ap_create.ap-content_page
  .only-crops
  .only-slider
  .slick-slide
  .slick-img
  > img {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
#ap_create.ap-content_page .only-crops .only-slider .slick-track {
  padding-bottom: 30px;
}
#ap_create.ap-content_page .only-crops .only-slider .slick-prev {
  top: -25%;
  left: 0;
}
#ap_create.ap-content_page .only-crops .only-slider .slick-next {
  top: -25%;
  right: 0;
}

#ap_create.ap-content_page .only-service > div {
  width: 80%;
  margin: 5% auto;
}
#ap_create.ap-content_page .only-service > div .column6 img{
    width: 95%;
}
#ap_create.ap-content_page .only-service > ul {
  background: #edf2ff;
  padding: 30px;
  width: 90%;
  margin: auto;
  border-radius: 5px;
}
#ap_create.ap-content_page .only-service > ul li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
#ap_create.ap-content_page .only-service > ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
#ap_create.ap-content_page .only-service > ul li:last-child {
  margin: 0;
}
#ap_create.ap-content_page .only-construction,
#ap_create.ap-content_page .only-follow,
#ap_create.ap-content_page .only-association {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .only-construction > div {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#ap_create.ap-content_page .only-construction > div .column4 {
  width: 24%;
  margin: 0 0.1em;
}
#ap_create.ap-content_page .only-construction > div .column4 p {
  color: #217fbc;
}
#ap_create.ap-content_page .only-follow > div {
  margin-top: 30px;
  position: relative;
}
#ap_create.ap-content_page .only-association > div {
  margin-top: 30px;
  text-align: center;
}
#ap_create.ap-content_page .only-association > div img {
  width: 30%;
  margin: 0 0.5em;
}

@media (max-width: 1023px) {
  #ap_create.ap-content_page .solar .slid > div {
    flex-flow: column;
    width: 90% !important;
  }
}
@media (max-width: 1200px) {
  #ap_create.ap-content_page .solar .slid {
    width: 90% !important;
  }
}
#ap_create.ap-content_page .solar .slid > div > img {
  width: 250px;
}
#ap_create.ap-content_page .solar .slid .section_title {
  padding-top: 0;
}
@media (max-width: 1200px) {
    #ap_create.ap-content_page .only-crops .only-slider .slick-prev {
      left: -5%;
    }
    #ap_create.ap-content_page .only-crops .only-slider .slick-next {
      right: -5%;
    }
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .solar .slid {
    height: auto;
    flex-flow: column;
  }
      #ap_create.ap-content_page
    .only-school
    .tab_content_description
    > div
    > div.column3 {
    width: 100% !important;
        padding: 10px !important;
  }
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .only-crops .only-slider{
        margin: 0 -20px;
    }
    #ap_create.ap-content_page .only-crops .only-thumbnail .slick-track{
       display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100% !important;
        transform: translate3d(0px,0px,0px) !important;
    }
    #ap_create.ap-content_page .only-crops .only-thumbnail .slick-slide{
        width: 18% !important;
        margin: 0 1%;
        float:  none;
    }
    #ap_create.ap-content_page .solar .schedule-slider .slick-prev{
        left: -7%;
    }
    #ap_create.ap-content_page .solar .schedule-slider .slick-next{
        right: -7%;
    }
  #ap_create.ap-content_page .solar .slid {
    width: 90% !important;
  }
  #ap_create.ap-content_page .only-crops .only-slider .slick-prev,
  #ap_create.ap-content_page .only-crops .only-slider .slick-next,
  #ap_create.ap-content_page .only-crops .slick-slide .thumbnail-img span {
    display: none !important;
  }
  #ap_create.ap-content_page .only-crops .slick-slide .thumbnail-img img {
    width: 100%;
    padding: 2px;
  }
  #ap_create.ap-content_page .only-crops .only-slider .slick-slide {
    padding: 10px 10px 20px;
      margin: 0 5px;
      top: 0;
  }
  #ap_create.ap-content_page
    .only-crops
    .only-slider
    .slick-slide
    .slick-img
    > div {
    width: 100%;
        margin-right: 0;
  }
  #ap_create.ap-content_page
    .only-crops
    .only-slider
    .slick-slide
    .slick-img
    > div
    h3 {
    text-align: center;
        padding-right: 0;
  }
    #ap_create.ap-content_page .only-crops .only-slider .slick-slide .slick-img > div img.visible-phone{
        display: block;
        width: 80%;
        margin: 0 auto 5%;
    }
  #ap_create.ap-content_page .only-service > div {
    width: 100%;
  }
    #ap_create.ap-content_page .only-service > div .column6 img{
        width: 95%;
    }
    #ap_create.ap-content_page .only-service > div .column6 p{
        font-size: 12px;
    }
  #ap_create.ap-content_page .only-service > ul {
    width: 100%;
    padding: 20px;
  }
  #ap_create.ap-content_page .only-construction > div {
    flex-wrap: wrap;
  }
  #ap_create.ap-content_page .only-construction > div .column4 {
    width: 48%;
  }
    #ap_create.ap-content_page .only-construction > div .column4:nth-child(-n+2){
    margin-bottom: 30px;
  }
    #ap_create.ap-content_page .only-construction > div .column4 p{
    text-align: left;
  }
  #ap_create.ap-content_page .only-association > div img {
    width: 43%;
  }
  #ap_create.ap-content_page
    .solar
    .page-wrap
    .page-content
    .page-wrap
    .medias
    span {
    width: 49.5% !important;
    vertical-align: middle;
  }
  #ap_create.ap-content_page .only-school .tab_wrap label {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  #ap_create.ap-content_page .only-school .tab_content {
    margin-top: 30px !important;
    padding: 10px !important
  }
  #ap_create.ap-content_page .only-school .hukidashi {
    left: calc(50% - 30px) !important;
  }
  #ap_create.ap-content_page .only-school .tab_content h5 img {
    width: 20% !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }
  #ap_create.ap-content_page .only-school .tab_content_description > div > div {
    padding: 70px 10px 20px !important;
  }
    #ap_create.ap-content_page
    .only-school
    .tab_content_description
    > div
    > div.column2 {
        padding: 10px !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    > div
    > div
    > ul {
    padding: 20px 10px !important;
  }
  #ap_create.ap-content_page
    .solar
    .page-wrap
    .only-school
    .tab_content_description
    .cycle {
    max-width: 200px !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .cycle_inner {
    top: -20px !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .cycle_inner
    img {
    width: 10% !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .cycle_inner
    h5 {
    padding: 10px 0 !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .knowledge
    .triangle {
    border-left-width: 15px !important;
    border-right-width: 15px !important;
    border-top-width: 15px !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .knowledge
    ul:first-of-type {
    margin-top: -110px !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    .knowledge
    ul {
    padding: 20px 10px !important;
  }
  #ap_create.ap-content_page .only-school .external-link-content {
    padding: 20px !important;
  }
  #ap_create.ap-content_page .only-school .external-link-content a {
    margin-left: 0 !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    > div.img
    img {
    width: 100% !important;
    margin-bottom: 15px !important;
  }
  #ap_create.ap-content_page .only-school .tab_content_description > div.btn {
    display: block !important;
  }
  #ap_create.ap-content_page .only-school .tab_content_description > div.btn a {
    margin: 20px 0;
      width: 100% !important;
  }
  #ap_create.ap-content_page
    .only-school
    .tab_content_description
    > div
    > div
    > ul
    > img {
    width: 30% !important;
  }
  #ap_create.ap-content_page .only-city .tab_wrap label {
    width: 46% !important;
    margin-bottom: 5% !important;
  }
  #ap_create.ap-content_page .only-city .tab_content {
    margin-top: 20px !important;
    padding: 30px 20px !important;
  }
  #ap_create.ap-content_page .only-city > h5 {
    font-size: 16px !important;
    padding: 0 0 20px;
  }
  #ap_create.ap-content_page .only-city > h5 img {
    width: 30% !important;
    margin: 0 !important;
  }
    #ap_create.ap-content_page .only-city .tab_wrap{
        margin-bottom: 20px;
    }
  #ap_create.ap-content_page .only-city .tab_content_description > div {
    width: 100% !important;
      margin-right: 0 !important;
      margin-top: 20px !important;
  }
    #ap_create.ap-content_page .only-city .tab_content_description > div .section_title {
        padding-bottom: 10px;
  }
  #ap_create.ap-content_page .only-farmer .column3 {
    width: 100% !important;
  }
}
#ap_create.ap-content_page .solar .solar-img {
  width: 70%;
  margin: auto;
  margin-bottom: 30px;
}
#ap_create.ap-content_page .solar .solar-img + p {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .solar .btn {
  margin-bottom: 30px;
}
#ap_create.ap-content_page .solar .btn > div {
  width: 50% !important;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .solar .btn > div {
    width: 100% !important;
  }
}
#ap_create.ap-content_page .solar .btn > div:first-child .ap_btn:first-of-type,
#ap_create.ap-content_page .solar .btn > div:last-child .ap_btn:first-of-type {
  margin: 20px 10px;
  display: inline-block;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .solar
    .btn
    > div:first-child
    .ap_btn:first-of-type,
  #ap_create.ap-content_page
    .solar
    .btn
    > div:last-child
    .ap_btn:first-of-type {
    display: block;
    margin: 20px auto;
  }
}
#ap_create.ap-content_page .solar .three-type > .section_title {
    padding-left: 20px;
    padding-right: 20px;
}
#ap_create.ap-content_page .solar .three-type > img{
    width: 100%;
}
#ap_create.ap-content_page .solar .three-type > p {
  padding: 20px 20px 40px;
  max-width: 1000px;
}
#ap_create.ap-content_page .solar .three-type + div > div {
  padding: 20px;
}
#ap_create.ap-content_page .solar .three-type + div > div .solar-img {
  width: 60%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .solar .three-type + div > div .solar-img {
    width: 100%;
      margin-bottom: 10px;
  }
}
#ap_create.ap-content_page .solar .page-wrap {
  background: #edf2ff;
  padding-bottom: 50px;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .solar .page-wrap .column6 {
    width: 32.3333333333%;
    margin-bottom: 20px;
  }
  #ap_create.ap-content_page .solar .page-wrap .column6:nth-child(n + 3) {
    margin-bottom: auto;
  }
}
@media (max-width: 424px) {
  #ap_create.ap-content_page .solar .page-wrap .column6:nth-child(n + 3) {
    margin-bottom: 20px;
  }
}
#ap_create.ap-content_page .solar .page-wrap .page-content {
  background: #ffffff;
  padding: 70px 100px;
  border-radius: 10px;
  margin-bottom: 30px;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .solar .page-wrap .page-content {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .solar .page-wrap .page-content {
    padding: 20px;
  }
}
#ap_create.ap-content_page .solar .page-wrap .page-content .page-wrap {
  margin: auto;
  padding: 50px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .solar .page-wrap .page-content .page-wrap {
    padding: 0 20px 1px;
  }
}
#ap_create.ap-content_page .solar .page-wrap .page-content .page-wrap .medias {
  padding: 50px;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .page-content
  .page-wrap
  .medias
  span {
  margin-bottom: 50px;
      width: 19.5%;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .page-content
  .page-wrap
  .medias
  p {
  margin: 0;
  font-weight: normal;
}
#ap_create.ap-content_page .only-school .tab_wrap {
  margin-top: 50px;
  text-align: center;
}
#ap_create.ap-content_page .only-school .tab_wrap label {
  margin: 0 1%;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #edf2ff;
  padding: 8px 0;
  color: #217fbc;
  font-weight: bold;
  border-radius: 30px;
  background: #edf2ff;
  width: 28%;
}
#ap_create.ap-content_page .only-school input:checked + .tab_item {
  border: 2px solid #217fbc;
  background: #fff;
}
#ap_create.ap-content_page .only-school input[name="tab_btn"] {
  display: none;
}
#ap_create.ap-content_page .only-school #school1:checked ~ #school1_content,
#ap_create.ap-content_page .only-school #school2:checked ~ #school2_content,
#ap_create.ap-content_page .only-school #school3:checked ~ #school3_content {
  display: block;
}
#ap_create.ap-content_page .only-school .tab_content {
  background: #edf2ff;
  border-radius: 10px;
  display: none;
  padding: 30px 50px;
  position: relative;
  margin-top: 50px;
  text-align: left;
}
#ap_create.ap-content_page .only-school .hukidashi {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #edf2ff;
  position: absolute;
  top: -20px;
}
#ap_create.ap-content_page .only-school #school1_content .hukidashi {
  left: 15%;
}
#ap_create.ap-content_page .only-school #school2_content .hukidashi {
  left: 47%;
}
#ap_create.ap-content_page .only-school #school3_content .hukidashi {
  right: 15%;
}
#ap_create.ap-content_page .only-school .tab_content h5 img {
  width: 10%;
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 20px;
}
#ap_create.ap-content_page .only-school .tab_content_description > div > div {
  position: relative;
  background: #fff;
  margin-bottom: 10px;
  padding: 70px 20px 20px 20px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  p:first-child {
  position: absolute;
  top: 0;
  left: 0;
  background: #217fbc;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px 0 0 0;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  min-width: 150px;
}
#ap_create.ap-content_page .only-school .tab_content_description > div {
  margin-top: 30px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column3 {
  height: 80px;
  padding: 10px;
  width: 32%;
  margin-right: 1%;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column2 {
  height: 80px;
  padding: 10px;
}
#ap_create.ap-content_page .only-school .tab_content_description > div > div.column2.wide{
    width: 100%;
    height: auto;
}
#ap_create.ap-content_page .only-school .tab_content_description > div > div.column2.wide p:first-child{
    line-height: 110px;
}
#ap_create.ap-content_page .only-school .tab_content_description > div > div.column2.wide p:last-child{
    line-height: 30px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column3:nth-child(3) {
  margin-right: 0;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column3
  p:first-child,
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column2
  p:first-child {
  bottom: 0;
  border-radius: 5px 0 0 5px;
  min-width: 88px;
  width: 104px;
  height: 100%;
  line-height: 80px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column3
  p:last-child,
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div.column2
  p:last-child {
  padding-left: 110px;
  line-height: 60px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul {
  background: #edf2ff;
  padding: 30px 50px;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul
  > span {
  margin-bottom: 20px;
  display: inline-block;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul
  > img {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.5;
  width: 8%;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul
  li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul
  li:last-child {
  margin-bottom: 0;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div
  > div
  > ul
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block !important;
}

#ap_create.ap-content_page .only-school .tab_content_description .knowledge {
  position: relative;
  margin: 80px auto 50px;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .only-school
  .tab_content_description
  .cycle {
  max-width: 350px;
  margin: 20px auto;
}
#ap_create.ap-content_page .only-school .tab_content_description .cycle > div {
  background: #edf2ff;
  border-radius: 50%;
  padding: 50%;
  margin: auto;
}
#ap_create.ap-content_page .only-school .tab_content_description .cycle_inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -40px;
  text-align: center;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .cycle_inner
  img {
  width: 5%;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .cycle_inner
  h5 {
  padding: 20px 0;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  .triangle {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #217fbc;
  margin: 40px auto 20px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .only-school
  .tab_content_description
  .knowledge
  .triangle {
  margin: 10px auto;
}
#ap_create.ap-content_page .only-school .tab_content_description .knowledge ul {
  background: #fff;
  border: 2px solid #217fbc;
  padding: 30px;
  margin-bottom: 10px;
  border-radius: 5px;
  position: relative;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  ul:first-of-type {
  margin-top: -200px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  ul
  > span {
  margin-bottom: 10px;
  display: inline-block;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  ul
  li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  ul
  li:last-child {
  margin-bottom: 0;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  .knowledge
  ul
  li::before {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.6em;
  content: "";
  background: #217fbc;
}
#ap_create.ap-content_page .only-school .external-link-content {
  border: 1px solid #e0e0e0;
  margin: 20px 0;
  padding: 20px 40px;
  border-radius: 5px;
}
#ap_create.ap-content_page .only-school .external-link-content p {
  color: #8c8c8c;
  margin-bottom: 10px;
}
#ap_create.ap-content_page .only-school .external-link-content p::before {
  background-image: url(images/howto_literature.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
#ap_create.ap-content_page .only-school .external-link-content a {
  margin-left: 40px;
  margin-bottom: 10px;
  display: block;
  line-height: 22px;
}
#ap_create.ap-content_page .only-school .external-link-content a::before {
  margin-right: 10px;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create.ap-content_page .only-school .tab_content_description > div.img img {
  width: 48.5%;
  margin-right: 0.5em;
}
#ap_create.ap-content_page
  .only-school
  .tab_content_description
  > div.img
  img:last-child {
  margin-right: 0;
}
#ap_create.ap-content_page .only-school .tab_content_description > div.btn {
  display: flex;
  margin: 0;
}
#ap_create.ap-content_page .only-school .tab_content_description > div.btn a{
    min-width: auto;
    width: 48%;
}

#ap_create.ap-content_page .only-city .tab_wrap {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .only-city .tab_wrap label {
  margin: 0 1%;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #edf2ff;
  padding: 8px 0;
  color: #217fbc;
  border-radius: 30px;
  background: #edf2ff;
  width: 22%;
  text-align: center;
}
#ap_create.ap-content_page .only-city input:checked + .tab_item {
  border: 2px solid #217fbc;
  background: #fff;
}
#ap_create.ap-content_page .only-city input[name="tab_btn2"] {
  display: none;
}
#ap_create.ap-content_page .only-city #city1:checked ~ #city1_content,
#ap_create.ap-content_page .only-city #city2:checked ~ #city2_content,
#ap_create.ap-content_page .only-city #city3:checked ~ #city3_content,
#ap_create.ap-content_page .only-city #city4:checked ~ #city4_content {
  display: block;
}
#ap_create.ap-content_page .only-city .tab_content {
  background: #fff;
  border: 1px solid #217fbc;
  border-radius: 10px;
  display: none;
  padding: 50px;
  position: relative;
  margin-top: 50px;
  text-align: left;
}
#ap_create.ap-content_page .only-city .tab_content .section_title {
  font-size: 20px;
  padding: 0 0 20px;
}
#ap_create.ap-content_page .only-city .tab_content_description > div {
  margin-top: 50px;
}
#ap_create.ap-content_page
  .only-city
  .tab_content_description
  > div
  .section_title::before {
  background-image: url(images/howto_document.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
#ap_create.ap-content_page .only-city .tab_content_description > div.column2 {
  width: 46%;
  margin-right: 2em;
}
#ap_create.ap-content_page
  .only-city
  .tab_content_description
  > div.column2:last-of-type {
  margin-right: 0;
}
#ap_create.ap-content_page
  .only-city
  .tab_content_description
  > div.column2:first-of-type
  .section_title::before {
  background-image: url(images/only/only_solution.png);
}
#ap_create.ap-content_page
  .only-city
  .tab_content_description
  > div.column2:last-of-type
  .section_title::before {
  background-image: url(images/only/only_feature.png);
}
#ap_create.ap-content_page .only-city .tab_content_description > div a {
  display: inline-block;
  margin: 10px 0;
  text-decoration: none;
}
#ap_create.ap-content_page .only-city .tab_content_description > div a::before {
  margin-right: 10px;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create.ap-content_page .only-city > h5 {
  font-size: 18px;
}
#ap_create.ap-content_page .only-city > h5 img {
  width: 15%;
  vertical-align: middle;
  margin-left: 50px;
}

#ap_create.ap-content_page .only-farmer {
  max-width: 1200px;
  margin: 50px auto 80px;
  padding: 0 40px;
}
#ap_create.ap-content_page .only-farmer .column3 {
  width: 31%;
  margin-right: 1em;
  margin-top: 30px;
}
#ap_create.ap-content_page .only-farmer .column3:last-of-type {
  margin-right: 0;
}
#ap_create.ap-content_page .only-farmer .column3 > a{
    text-decoration: none;
}
#ap_create.ap-content_page .only-farmer .column3 > a > div {
  background: #edf2ff;
  width: 95%;
  margin: -30px auto 0;
  position: relative;
  padding: 20px;
}
#ap_create.ap-content_page .only-farmer .column3 > a > div .hukidashi {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #edf2ff;
  position: absolute;
  top: -20px;
}
#ap_create.ap-content_page .only-farmer .column3 > a > div p {
  color: #217fbc;
  font-weight: bold;
  line-height: 1.5;
}
#ap_create.ap-content_page .only-farmer .column3 > a > div p.text-right {
  margin-top: 15px;
}

#ap_create.ap-content_page .only-alignment {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
#ap_create.ap-content_page .only-alignment .page-content {
  padding: 70px 150px 100px;
}
#ap_create.ap-content_page .only-alignment .column2 {
    text-align: center;
    margin-top: 30px;
}
#ap_create.ap-content_page .only-alignment .column2 img {
    width: 98%;
}

@media (max-width: 767px) {
  #ap_create.ap-content_page
    .solar
    .page-wrap
    .page-content
    .page-wrap
    .medias {
    padding: 20px;
  }
  #ap_create.ap-content_page
    .solar
    .page-wrap
    .page-content
    .page-wrap
    .medias
    span {
    font-size: 14px;
        margin-bottom: 20px;
  }
    #ap_create.ap-content_page
    .solar
    .page-wrap
    .page-content
    .page-wrap
    .medias
    span:last-of-type {
        margin-bottom: 0;
  }
}
#ap_create.ap-content_page .solar .page-wrap .page-content .farm-img {
  display: flex;
  margin: auto;
  justify-content: space-around;
  width: 90%;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .page-content
  .farm-img
  > div:last-child {
  display: inline-flex;
  justify-content: space-between;
  flex-flow: column;
  margin-left: 10px;
}
#ap_create.ap-content_page
  .solar
  .page-wrap
  .page-content:last-of-type
  .tab_wrap
  + p {
  margin: 100px auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .solar
    .page-wrap
    .page-content:last-of-type
    .tab_wrap
    + p {
    margin: 50px auto;
  }
}
#ap_create.ap-content_page .service {
  background: #edf2ff;
}
#ap_create.ap-content_page .service h4 {
  line-height: 30px;
  font-size: 20px;
}
#ap_create.ap-content_page .service div {
  line-height: 1.4;
}
#ap_create.ap-content_page .service > div {
  padding: 50px 20px;
}
#ap_create.ap-content_page .service .page-title {
  padding: 0;
  margin-top: 10px;
}
#ap_create.ap-content_page .service .page-title::after {
  display: none;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .service .page-title{
        padding: 0 0 10px;
    }
  #ap_create.ap-content_page .service #solar_sharing .page-title {
    text-align: left;
  }
  #ap_create.ap-content_page .service > div {
    padding: 20px;
  }
}
#ap_create.ap-content_page .service > div > div {
  background: #ffffff;
  padding: 70px 100px;
  border-radius: 10px;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .service > div > div {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .service > div > div {
    padding: 40px 20px;
  }
}
#ap_create.ap-content_page .service-text {
  margin: 5% 0;
}
#ap_create.ap-content_page .service-text > div:first-child > div {
  padding: 0 20px;
}
#ap_create.ap-content_page .service-text > div:first-child > div > a.column3 {
  margin: 4% 1%;
  width: 30.5%;
  display: inline-block;
  max-width: none;
    min-width: auto;
    padding: 15px 45px;
    vertical-align: middle;
}
#ap_create.ap-content_page .service > div:last-child > div > h2 {
  max-width: 260px;
  margin: 10px auto 30px;
}
#ap_create.ap-content_page .service > div:nth-child(1) > div .point_number {
  max-width: 50px;
}
#ap_create.ap-content_page .service > div > div > .point_number {
  max-width: 50px;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(2) {
  margin-bottom: 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(3) {
  width: 80%;
  margin: 0 auto 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(3) {
  width: 80%;
  margin: 0 auto 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(3) .column6 h4 {
  font-size: 1em;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(3) .column6 img {
  width: 95%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(4) {
  background: #edf2ff;
  padding: 20px 100px 50px;
  margin: 20px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(4)
  li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(4)
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .service-text > div:first-child > div > a.column3 {
    width: 85%;
    margin: 2% 7%;
/*    font-size: 0.8em;*/
  }
  #ap_create.ap-content_page
    .service-text
    > div:first-child
    > div
    > a.column3:first-of-type {
    margin-top: 5%;
  }
  #ap_create.ap-content_page
    .service-text
    > div:first-child
    > div
    > a.column3:last-of-type {
    margin-bottom: 10%;
  }
  #ap_create.ap-content_page .service-text > div:first-child > div > p {
    margin-bottom: 5%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > div:nth-of-type(3) {
    width: 100%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > div:nth-of-type(3)
    .column6 {
    width: 29%;
    margin: 0 1%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > div:nth-of-type(3)
    .column6
    h4 {
    font-size: 0.8em;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(1)
    > div
    > div:nth-of-type(4) {
    padding: 0 20px 20px;
    margin: 20px 0 50px;
  }
  #ap_create.ap-content_page .service .ap_sp_disp > div > div {
    margin-bottom: 10%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul01_content
    > div
    > div:first-of-type {
    width: 100% !important;
  }
    #ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(6).ap_sp_disp {
  text-align: center;
}
    #ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(6).ap_sp_disp p,
    #ap_create.ap-content_page
  .service
  > div:nth-child(1)
  > div
  > div:nth-of-type(6).ap_sp_disp h4{
  text-align: left;
}
    #ap_create.ap-content_page .service > div:nth-child(1) > div .slick-img .toggle_title{
        padding-right: 0;
        padding-top: 0;
    }
    #ap_create.ap-content_page .service > div:nth-child(1) > div .slick-img .point_number{
        margin-bottom: 10px;
        margin-right: 0 !important;
        width: 14.5% !important;
    }
    #ap_create.ap-content_page .service > div:nth-child(1) > div .slick-img h4{
        margin-bottom: 0;
    }
    #ap_create.ap-content_page .service > div:nth-child(1) > div .slick-img h4 span{
        display: inline-block;
        width: 80%;
        vertical-align: top;
    }
    #ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  > div
  > img {
  width: 90% !important;
      margin: 0 auto 20px;
}
}
#ap_create.ap-content_page .service > div .noppo a:after {
  display: none;
}
#ap_create.ap-content_page .service > div .noppo a span {
  position: absolute;
  right: 20px;
}
#ap_create.ap-content_page .service > div .noppo a span img {
  width: 25px;
}
/*タブ切り替え全体のスタイル*/
#ap_create.ap-content_page .service > div:nth-child(2) .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
}

/*タブのスタイル*/
#ap_create.ap-content_page .service > div:nth-child(2) .tab_item {
  width: 24%;
  height: 50px;
  background-color: #edf2ff;
  color: #217fbc;
  float: left;
  margin: 0 0.5%;
  text-align: center;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#ap_create.ap-content_page .service > div:nth-child(2) input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content {
  display: none;
  padding: 50px;
  clear: both;
  overflow: hidden;
  border: 1px solid #217fbc;
}

/*選択されているタブのコンテンツのみを表示*/
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  #consul01:checked
  ~ #consul01_content,
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  #consul02:checked
  ~ #consul02_content,
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  #consul03:checked
  ~ #consul03_content,
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  #consul04:checked
  ~ #consul04_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tabs
  input:checked
  + .tab_item {
  background-color: #217fbc;
  color: #fff;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content h3 {
  margin-bottom: 30px;
  color: #217fbc;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content strong {
  color: #217fbc;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content p {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content h4{
    color: #217fbc;
    font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
    margin-bottom: 10px;
}
#ap_create.ap-content_page .service > div:nth-child(2) .tab_content#consul03_content p {
  margin-bottom: 20px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div:first-of-type {
  width: 60%;
  margin: 0 auto 50px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div {
  margin-top: 50px;
  position: relative;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle {
  max-width: 500px;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle
  > div {
  background: #edf2ff;
  border-radius: 50%;
  padding: 50%;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle_inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle_inner
  h4 {
  margin-bottom: 30px;
  color: #217fbc;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle_inner
  > div {
  max-width: 514px;
  width: 100%;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  .cycle_inner
  li::before {
  display: inline-block;
  content: "●";
  color: #217fbc;
  margin-right: 5px;
  font-size: 10px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type {
  padding: 5% 15%;
  max-width: 90%;
  margin: auto;
  text-align: left;
  background: #fff;
  margin-top: -300px;
  margin-bottom: 5%;
  border: 1px solid #217fbc;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type
  h4 {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type {
  color: #217fbc;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type
  li {
  position: relative;
  padding-left: 30px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type
  li:last-child {
  text-align: right;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type
  li:last-child::before {
  display: none;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div
  > div:last-of-type
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div {
  margin: 0 auto 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(3) {
  border: 1px solid #217fbc;
  padding: 5% 20%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(3)
  li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(3)
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(4)
  div {
  display: inline-block;
  width: 35%;
  margin: 0 6%;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(4)
  ul {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(4)
  ul
  li {
  display: inline-block;
  width: 48%;
  list-style-type: disc;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(4)
  ul
  li::before {
  display: inline-block;
  content: "●";
  color: #217fbc;
  margin-right: 5px;
  font-size: 10px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul02_content
  > div
  > div:nth-of-type(4)
  span {
  display: inline-block;
  width: 20%;
  vertical-align: bottom;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:first-child,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(2) {
  text-align: center;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul03_content
  > div
  > div,
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul04_content
  > div
  > div {
  text-align: center;
  margin-bottom: 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul03_content
  > div
  > div
  img {
  width: 30%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul04_content
  > div
  > div
  img {
  width: 60%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:last-of-type {
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(4)
    div,
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(4)
    ul,
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(4)
    span {
    width: 100%;
    margin-bottom: 5%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(4)
    div {
    order: 3;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(4)
    span {
    display: flex;
    justify-content: end;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul03_content
    > div
    > div
    img {
    width: 80%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul04_content
    > div
    > div
    img {
    width: 100%;
  }

  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul02_content
    > div
    > div:nth-of-type(3) {
    padding: 5%;
    margin-bottom: 20%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(2)
    .tab_content#consul01_content
    > div
    > div
    > div:last-of-type {
    padding: 20px;
    max-width: 100%;
    margin-top: -50px;
  }
  #ap_create.ap-content_page .service > div:nth-child(2) .tab_item {
    width: 100%;
    margin: 3px;
  }
  #ap_create.ap-content_page .service > div:nth-child(2) .tab_content {
    padding: 20px 0 0;
    border: none;
    border-top: 3px solid #217fbc;
  }
    #ap_create.ap-content_page .service > div:nth-child(2) .tab_content img {
    width: 100%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:first-child,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(2) {
    margin: 10px auto 30px;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:first-child
  img,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(2)
  img {
  max-width: 400px;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .service > div:nth-child(2) .tabs{
        padding-bottom: 0;
    }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:first-child
    img,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(2)
    img {
    max-width: 240px;
  }
    #ap_create.ap-content_page
  .service
  > div:nth-child(2)
  .tab_content#consul01_content
  > div
  > div {
  margin-top: 100px;
}
    #ap_create.ap-content_page .service > div:nth-child(2) .tab_content#consul01_content > div > div .cycle_inner{
        top: -50px;
    }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(3) {
  margin-bottom: 30px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(3)
  img {
  margin-top: 20px;
  max-width: 40%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(3)
    img {
    max-width: 90%;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(3)::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/service_arrow.svg)
    no-repeat;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  .cycle {
  max-width: 500px;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  .cycle
  > div {
  background: #edf2ff;
  border-radius: 50%;
  padding: 50%;
  margin: auto;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4),
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5) {
  position: relative;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .section_title,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    .section_title {
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
  }
}
@media (max-width: 767px) and (max-width: 374px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .section_title,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    .section_title {
    padding: 3px 0;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)::before,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)::before {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/service_arrow.svg)
    no-repeat;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .cycle_inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  > h4
  img,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .cycle_inner
  > h4
  img {
  max-width: 60px;
  display: block;
  margin: 10px auto;
}
@media (max-width: 767px) {
  /* #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:first-of-type::before {
    background: #edf1fd;
    border-radius: 150px;
    padding: 50%;
    display: block;
    content: "";
    position: absolute;
  } */
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:first-of-type
    > div {
    z-index: 1;
    position: relative;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    > h4
    img,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    h4
    img {
    max-width: 40px;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    h4
    img {
    max-width: none;
    width: 25% !important;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:last-of-type {
    border: 1px solid #217fbc;
    padding: 20px;
    border-radius: 5px;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  > h4:last-child {
  display: inline-block;
  position: relative;
  font-size: 18px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(2)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  > h4:last-child::after {
  content: "さらに";
  position: absolute;
  display: inline-flex;
  justify-content: center;
  bottom: 0;
  margin: auto;
  top: 0;
  align-items: center;
  left: 0;
  font-size: 15px;
  height: 50px;
  width: 50px;
  background: #0880bd;
  border-radius: 50%;
  color: #fff;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  ul {
  max-width: 270px;
  margin: auto;
  text-align: left;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  h4
  img {
  display: block;
  margin: 0 auto 3%;
  width: 10%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:first-of-type
  > div {
  text-align: left;
  width: 70%;
  margin: auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:first-of-type
    > div {
    width: 100%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    ul {
    width: auto;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  li,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .check_list {
  line-height: 30px;
  font-size: 16px;
  padding-left: 30px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:first-of-type {
  margin-bottom: 5%;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:last-of-type {
      margin-bottom: 10%;
      border: 1px solid #217fbc;
      padding: 30px 50px;
      border-radius: 5px
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:last-of-type
  div.column2
  img {
  width: 95%;
  margin-bottom: 10px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:last-of-type
  div.column2
  p {
  color: #217fbc;
  line-height: 1.4;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:last-of-type
  > p {
  text-align: left;
  margin-bottom: 5%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    li {
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media (max-width: 374px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    li {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  .cycle_inner
  .check_list,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .check_list {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  background-size: 20px;
  background-position: left 5px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    .check_list,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    .cycle_inner
    .check_list {
    background-position: left 8px;
  }
}
@media (max-width: 374px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    .cycle_inner
    .check_list,
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    .cycle_inner
    .check_list {
    background-size: 14px;
    background-position: left 5px;
    font-size: 14px;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  > div,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div {
  position: relative;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  > div
  > div:nth-child(3),
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:nth-child(3) {
  padding: 50px 30px;
  max-width: 90%;
  margin: auto;
  text-align: left;
  background: #fff;
  margin-top: -190px;
  margin-bottom: 50px;
  border: 1px solid #217fbc;
  border-radius: 5px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(4)
    > div
    > div:nth-child(3),
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:nth-child(3) {
    margin-top: 0;
    padding: 20px;
    max-width: 100%;
  }
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(5)
    > div
    > div:last-of-type
    div.column2
    p {
    margin-bottom: 20px;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  > div
  > div:nth-child(3)
  > ul
  > li,
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:nth-child(3)
  > ul
  > li {
  padding-left: 30px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(4)
  > div
  > div:nth-child(3)
  > ul
  > li:nth-child(-n + 2),
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  > div
  > div:nth-child(3)
  > ul
  > li:nth-child(-n + 2) {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/service_13.svg)
    no-repeat;
  background-position: left top 5px;
  background-size: 20px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .cycle_inner
  ul {
  max-width: 640px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(5)
  .cycle_inner
  + div
  p
  + div
  p {
  margin: 30px auto;
  color: #0880bd;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(6) {
  padding: 50px;
  background: #edf2ff;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(6)
  > div {
  text-align: left;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(6)
  > div
  .check_list
  span {
  color: #000;
  font-size: 16px;
  display: block;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    > div:nth-child(3)
    > div
    > div
    > div
    > div:nth-child(6) {
    padding: 20px;
    max-width: 100%;
  }
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(6)
  .check_list {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  background-size: 20px;
  background-position: left 5px;
}
#ap_create.ap-content_page
  .service
  > div:nth-child(3)
  > div
  > div
  > div
  > div:nth-child(6)
  li {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-left: 30px;
  color: #217fbc;
}
#ap_create.ap-content_page .service .ap_pc_disp > h3 {
  padding: 50px 0;
}
#ap_create.ap-content_page .service .ap_pc_disp > div {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
#ap_create.ap-content_page
  .service
  .ap_pc_disp
  > div
  .column2:nth-child(2)
  div {
  max-width: 400px;
  margin: auto;
}
#ap_create.ap-content_page .service .ap_pc_disp > div:nth-child(2n) {
  flex-flow: row-reverse;
}
#ap_create.ap-content_page .service .ap_pc_disp > div > div:first-child > div {
  padding: 20px;
}
#ap_create.ap-content_page
  .service
  .ap_pc_disp
  > div
  > div:first-child
  > div
  > h3 {
  font-size: 20px;
  position: relative;
}
#ap_create.ap-content_page
  .service
  .ap_pc_disp
  > div
  > div:first-child
  > div
  > h3::after,
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  > div
  > div:first-child
  > div
  > h4::after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  position: absolute;
  background: #ccc;
  bottom: 10px;
  left: 0;
}
#ap_create.ap-content_page .service .ap_sp_disp + div > div:nth-child(2) {
  margin-bottom: 50px;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slider
  .slick-prev {
  left: 3%;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slider
  .slick-next {
  right: 3%;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-track {
  display: flex;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide {
  border: 2px solid #217fbc;
  border-radius: 5px;
  margin: 30px 10px;
  padding: 30px;
  top: 30px;
  position: relative;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide.slick-current {
  top: 0;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  h4 {
      margin-bottom: 10px;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  h4
  img {
  display: inline-block;
  width: 35%;
  margin-right: 3%;
  vertical-align: middle;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  > div
  > img {
  display: inline-block;
  width: 45%;
  margin-right: 3%;
  vertical-align: top;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  .icon_example
  img {
  display: inline-block;
  width: 35%;
  margin-right: 3%;
  vertical-align: top;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(2)
  .slick-slide
  .slick-img
  p {
  display: inline-block;
  width: 49%;
  text-align: left;
      padding-bottom: 10%;
}
#ap_create.ap-content_page .service .ap_sp_disp + div > div:nth-child(2) .slick-slide .slick-img .icon_example{
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 40%;
    text-align: right;
}
#ap_create.ap-content_page .service .ap_sp_disp + div > div:nth-child(2) .slick-slide .slick-img .icon_example img{
    width: 25%;
    margin: 0;
}
#ap_create.ap-content_page
  .service
  .ap_sp_disp
  + div
  > div:nth-child(3)
  img:first-child {
  width: 70%;
  margin: auto;
  display: block;
}
#ap_create.ap-content_page .adaptation-out {
  margin: 0 auto 40px;
  max-width: 1000px;
    padding: 0 20px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .service
    .ap_sp_disp
    + div
    > div:nth-child(2)
    .slick-slider
    .slick-arrow {
    display: none !important;
  }
  #ap_create.ap-content_page
    .service
    .ap_sp_disp
    + div
    > div:nth-child(2)
    .slick-slide {
    padding: 20px;
        margin: 0 10px !important;
  }
  #ap_create.ap-content_page
    .service
    .ap_sp_disp
    + div
    > div:nth-child(2)
    .slick-slide
    .slick-img
    p {
    display: block;
    width: 100%;
  }
    .slick-dots li button:before{
        font-size: 12px !important;
    }
  #ap_create.ap-content_page
    .service
    .ap_sp_disp
    + div
    > div:nth-child(2)
    .slick-slider
    .slick-dots
    li
    button::before {
    color: #217fbc;
  }
  #ap_create.ap-content_page
    .service
    .ap_sp_disp
    + div
    > div:nth-child(2)
    .slick-slider
    .slick-dots
    li.slick-active
    button::before {
    color: #217fbc;
  }
    #ap_create.ap-content_page .adaptation > div .tabs{
        margin-top: 10px !important;
    }
  #ap_create.ap-content_page .adaptation-out {
    padding: 0 20px;
  }
    #ap_create.ap-content_page .service .ap_sp_disp + div > div:nth-child(2) .slick-slide .slick-img .icon_example{
    position: static;
        width: 100%;
        margin-top: 10px;
    }
}
#ap_create.ap-content_page .adaptation-out p {
  font-size: 16px;
  line-height: 30px;
}
#ap_create.ap-content_page .adaptation {
  background: #edf2ff;
  padding: 50px;
}
#ap_create.ap-content_page .adaptation p {
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .adaptation {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .adaptation .section_title {
    font-size: 20px;
  }
}
#ap_create.ap-content_page .adaptation > div {
  padding: 70px 100px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 100px;
}
#ap_create.ap-content_page .adaptation > div .tabs {
  margin-top: 50px !important;
  padding-bottom: 40px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#ap_create.ap-content_page .adaptation > div .tab_item {
  margin: 0 2%;
  display: inline-block;
  cursor: pointer;
}
#ap_create.ap-content_page .adaptation > div:nth-child(3) .tab_item {
  width: calc(100% / 8);
  display: inline-block;
}
#ap_create.ap-content_page .adaptation > div .tab_item img {
  transition: all 0.2s ease;
  border: 2px solid #edf2ff;
  background: #edf2ff;
  opacity: 0.5;
  border-radius: 50px;
  max-width: 80px;
  max-height: 80px;
  padding: 5px;
  vertical-align: middle;
   margin: 0 10px; 
}
#ap_create.ap-content_page .adaptation > div .tab_item h3{
    display: inline;
    font-size: 100%;
}
#ap_create.ap-content_page .adaptation > div .tab_item span {
  display: block;
  margin-top: 10px;
}

#ap_create.ap-content_page .adaptation > div input[name="tab_item1"],
#ap_create.ap-content_page .adaptation > div input[name="tab_item2"] {
  display: none;
}

#ap_create.ap-content_page .adaptation > div .tab_content {
  display: none;
  padding: 60px;
  clear: both;
  text-align: left;
  background: #edf2ff;
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
}
#ap_create.ap-content_page .adaptation > div .tab_content .hukidashi {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #edf2ff;
  position: absolute;
  top: -20px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit01_content
  .hukidashi {
  left: 35%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit02_content
  .hukidashi {
  right: 35%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit03_content
  .hukidashi {
  left: 13%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit04_content
  .hukidashi {
  left: 30%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit05_content
  .hukidashi {
  left: 47%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit06_content
  .hukidashi {
  right: 30%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content#cropprofit07_content
  .hukidashi {
  right: 13%;
}

#cropprofit01:checked ~ #cropprofit01_content,
#cropprofit02:checked ~ #cropprofit02_content {
  display: block;
}
#cropprofit03:checked ~ #cropprofit03_content,
#cropprofit04:checked ~ #cropprofit04_content,
#cropprofit05:checked ~ #cropprofit05_content,
#cropprofit06:checked ~ #cropprofit06_content,
#cropprofit07:checked ~ #cropprofit07_content {
  display: block;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tabs
  input:checked
  + .tab_item
  img {
  border: 2px solid #217fbc;
  background: #fff;
  opacity: 1;
}

#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  > div
  > ul {
  background: #fff;
  padding: 10px 120px 30px;
  margin: 50px auto;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  > div
  > ul
  li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  > div
  > ul
  li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block !important;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:first-child {
  background: #efefe2;
  padding: 30px;
  border-radius: 20px 0 0 20px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:first-child
  > div {
  background: #fff;
  border: 2px solid #86b435;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
  text-align: center;
  min-height: 555px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:last-child {
  background: #d5dfec;
  padding: 30px;
  border-radius: 0 20px 20px 0;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:last-child
  > div {
  background: #fff;
  border: 2px solid #217fbc;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
  text-align: center;
  min-height: 555px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:first-child
  > div
  h5 {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_merit_icon.svg)
    no-repeat;
  background-size: 22px;
  background-position: left 8px;
  padding: 8px 0px 8px 30px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div:last-child
  > div
  h5 {
  background: url(https://smartblue.jp/wp-content/themes/smartblue/images/howto_s_demerit_icon.svg)
    no-repeat;
  background-size: 22px;
  background-position: left 8px;
  padding: 8px 0px 8px 30px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div
  > div
  img {
  width: 80%;
  margin: 20px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div
  > div
  h5,
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .merit-content
  > div
  > div
  p {
  text-align: left;
}

#ap_create.ap-content_page .adaptation > div .reaserch-result-content > p {
  margin-bottom: 30px;
}
#ap_create.ap-content_page .adaptation > div .reaserch-result-content > div ul > span.text_deco {
  margin-bottom: 16px;
    display: inline-block;
}
#ap_create.ap-content_page .adaptation > div .reaserch-result-content > div {
  position: relative;
  background: #fff;
  margin-bottom: 10px;
  padding: 50px 10px 30px 10px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div
  p:first-child {
  position: absolute;
  top: 0;
  left: 0;
  background: #217fbc;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px 0 0 0;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  min-width: 150px;
}
#ap_create.ap-content_page .adaptation > div .reaserch-result-content > div p {
  padding: 10px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div:first-of-type {
  margin-right: 1%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div.width-50 {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div.width-50
  p:first-child {
  bottom: 0;
  border-radius: 5px 0 0 5px;
  min-width: 88px;
  width: 104px;
  height: 100%;
line-height: 80px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div.width-50
  p:nth-child(n + 2) {
  padding: 0 0 0 100px;
}
#ap_create.ap-content_page .adaptation > div .reaserch-result-content > div ul {
  margin: 20px;
  padding: 40px;
  border: 1px solid #217fbc;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div
  ul
  li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div
  ul
  li:before {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.6em;
  content: "";
  background: #217fbc;
}
#ap_create.ap-content_page .adaptation > div .triangle {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #217fbc;
  margin: 40px auto 20px;
  border-radius: 5px;
}
#ap_create.ap-content_page
  .adaptation
  > div:nth-child(2)
  .reaserch-result-content
  > div:last-child
  p:last-child {
  text-align: center;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div:last-child
  div:last-child {
  padding: 0 100px;
}
#ap_create.ap-content_page
  .adaptation
  > div:nth-child(2)
  .reaserch-result-content
  > div:last-child
  p
  > span:first-child::before,
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div:last-child
  h4::before {
  background-image: url(images/howto_document.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  top: 4px;
  left: 0;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .reaserch-result-content
  > div:last-child
  p
  span.underline {
  border-bottom: 3px solid #fff31f;
}

#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis {
  position: relative;
  margin: 50px auto;
}
#ap_create.ap-content_page .adaptation > div .tab_content_description .cycle {
  max-width: 350px;
  margin: 20px auto;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .cycle
  > div {
  background: #fff;
  border-radius: 50%;
  padding: 50%;
  margin: auto;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .cycle_inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -6%;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis
  .triangle {
  margin: 10px auto;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis-content {
  background: #fff;
  border: 2px solid #217fbc;
  padding: 20px 50px;
  border-radius: 5px;
  position: relative;
  margin-top: -200px;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis-content
  p:first-child {
  margin: 0 12% 2%;
  padding-left: 30px;
  position: relative;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis-content
  p:first-child::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block !important;
}
#ap_create.ap-content_page
  .adaptation
  > div
  .tab_content_description
  .result-analysis-content
  img {
  position: absolute;
  top: 3%;
  right: 3%;
  width: 8%;
}
#ap_create.ap-content_page .adaptation > div .external-link-content {
  border: 1px solid #e0e0e0;
  margin: 20px 0 50px;
  padding: 20px 40px;
  border-radius: 5px;
}
#ap_create.ap-content_page .adaptation > div .external-link-content p {
  color: #8c8c8c;
  margin-bottom: 10px;
}
#ap_create.ap-content_page .adaptation > div .external-link-content p::before {
  background-image: url(images/howto_literature.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
#ap_create.ap-content_page .adaptation > div .external-link-content a {
  margin-left: 40px;
  margin-bottom: 10px;
  display: block;
  line-height: 22px;
}
#ap_create.ap-content_page .adaptation > div .external-link-content a::before {
  margin-right: 10px;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
#ap_create.ap-content_page .adaptation > div .schedule-slider {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .adaptation > div .slick-prev {
  left: -2%;
  top: 60%;
}
#ap_create.ap-content_page .adaptation > div .slick-next {
  right: -2%;
  top: 60%;
}
#ap_create.ap-content_page .adaptation > div .farmer-voice {
  background: #fff;
  margin: 50px 0;
  border: 2px solid #217fbc;
  border-radius: 5px;
  padding: 10px 40px 40px;
  position: relative;
}
#ap_create.ap-content_page .adaptation > div .farmer-voice img {
  position: absolute;
  right: 1%;
  top: -10%;
  width: 30%;
}
#ap_create.ap-content_page
  .adaptation
  #cropprofit03_content
  .reaserch-result-content
  > div.width-50 {
  height: 80px;
}
#ap_create.ap-content_page
  .adaptation
  #cropprofit03_content
  .reaserch-result-content
  > div.width-50
  p:first-child {
  line-height: 80px;
}
#ap_create.ap-content_page
  .adaptation
  .reaserch-result-content
  > div.width-50
  p:last-child {
  line-height: 60px;
}
#ap_create.ap-content_page
  .adaptation
  #cropprofit03_content
  .reaserch-result-content
  > div.width-50:nth-of-type(2)
  p:last-child {
  line-height: 30px;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .adaptation > div {
    padding: 50px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    > div
    > ul {
    padding: 0 20px 20px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .merit-content {
    display: block;
        margin: 0 -20px 50px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .merit-content
    > div:first-child,
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .merit-content
    > div:first-child
    > div,
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .merit-content
    > div:last-child,
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .merit-content
    > div:last-child
    > div {
    padding: 10px;
    border-radius: 5px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div.width-50 {
    width: 100%;
    display: block;
    height: 110px !important;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div.width-50
    p:first-child {
    line-height: 110px;
  }
  #ap_create.ap-content_page
    .adaptation
    .reaserch-result-content
    > div.width-50
    p:first-child {
    line-height: 110px !important;
    padding: 0;
    width: 75px !important;
    min-width: 75px !important;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div.width-50
    p:nth-child(n + 2) {
    padding: 0 0 0 70px;
        height: 100%;
        display: flex;
        align-items: center;
        line-height: normal;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div:last-child
    div:last-child {
    padding: 0 !important;
  }
}
@media (max-width: 1200px) {
    #ap_create.ap-content_page .adaptation > div{
        padding: 70px 50px;
    }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .adaptation > div {
    padding: 40px 20px 10px;
  }
  #ap_create.ap-content_page .adaptation > div .tab_item {
    margin: 0;
  }
  #ap_create.ap-content_page .adaptation > div .tab_item img {
    width: 50px;
    padding: 2px;
      margin: 0;
  }
  #ap_create.ap-content_page .adaptation > div .tab_content {
    padding: 15px 20px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div
    ul {
    margin: 20px 0;
    padding: 20px;
  }
  #ap_create.ap-content_page
    .adaptation
    > div:nth-child(2)
    .reaserch-result-content
    > div:last-child
    p:last-child {
    border-bottom: 3px solid #fff31f;
    text-align: left;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .reaserch-result-content
    > div:last-child
    p
    span.underline {
    border: none;
  }
  #ap_create.ap-content_page .adaptation > div .external-link-content {
    padding: 20px;
  }
  #ap_create.ap-content_page .adaptation > div .external-link-content a {
    margin: 0;
  }
  #ap_create.ap-content_page .adaptation > div .slick-prev {
    left: -5%;
    width: 30px;
    height: 30px;
  }
  #ap_create.ap-content_page .adaptation > div .slick-next {
    right: -5%;
    width: 30px;
    height: 30px;
  }
  #ap_create.ap-content_page .adaptation > div .schedule-img {
    overflow-x: scroll;
  }
  #ap_create.ap-content_page .adaptation > div .schedule-img img {
    width: 300%;
    max-width: none;
  }
  #ap_create.ap-content_page .adaptation > div .farmer-voice img {
    width: 80%;
    right: 10%;
  }
  #ap_create.ap-content_page .adaptation > div .farmer-voice {
    padding: 20% 5% 5%;
  }
  #ap_create.ap-content_page .adaptation > div:nth-child(3) .tab_item {
    width: calc(100% / 6);
  }
  #ap_create.ap-content_page .adaptation > div .tab_item span {
    font-size: 10px;
  }
  #ap_create.ap-content_page .adaptation > div:nth-child(4) > div > img {
    width: 100% !important;
  }
  #ap_create.ap-content_page .adaptation > div:nth-child(4) > div > div {
    display: block !important;
  }
  #ap_create.ap-content_page .adaptation > div:nth-child(4) > div > div img {
    width: 100% !important;
    margin: 5px 0 !important;
  }
  #ap_create.ap-content_page .adaptation > div:nth-child(5) > div > div {
    margin: 30px 0 !important;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit01_content
    .hukidashi {
    left: 15%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit02_content
    .hukidashi {
    right: 10%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .result-analysis-content {
    padding: 20px;
        margin-top: -25%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .result-analysis-content
    p:first-child {
    margin: 0;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .result-analysis-content
    img {
    top: -20%;
    width: 20%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit03_content
    .hukidashi {
    left: 3%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit04_content
    .hukidashi {
    left: 22%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit05_content
    .hukidashi {
    left: 40%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit06_content
    .hukidashi {
    right: 22%;
  }
  #ap_create.ap-content_page
    .adaptation
    > div
    .tab_content#cropprofit07_content
    .hukidashi {
    right: 3%;
  }
}
@media (max-width: 425px) {
#ap_create.ap-content_page
    .adaptation
    > div
    .tab_content_description
    .result-analysis-content
    img {
    top: -10%;
  }
}
#ap_create.ap-content_page .adaptation .adaptation_title + div {
  margin: 30px auto;
  background: #edf2ff;
  padding: 50px;
}
@media (max-width: 768px) {
  #ap_create.ap-content_page .adaptation .adaptation_title + div {
    padding: 50px 20px;
  }
}
#ap_create.ap-content_page .adaptation .adaptation_title + div > div > div {
  background: #ffffff;
  padding: 30px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  #ap_create.ap-content_page .adaptation .adaptation_title + div > div > div {
    padding: 10px;
  }
}
#ap_create.ap-content_page .adaptation p {
  line-height: 30px;
  font-size: 16px;
  padding-bottom: 10px;
}
#ap_create.ap-content_page .adaptation .adaptation_inner {
  margin-bottom: 50px;
}
#ap_create.ap-content_page .adaptation .adaptation_inner .remarks li {
  font-size: 13px;
}
#ap_create.ap-content_page .adaptation .adaptation_inner > div:first-child {
  width: 10%;
  float: left;
  padding: 30px 0;
}

#ap_create.ap-content_page .adaptation > div:nth-child(4) > div {
  text-align: center;
}
#ap_create.ap-content_page .adaptation > div:nth-child(4) > div > img {
  width: 70%;
  margin-bottom: 30px;
}
#ap_create.ap-content_page .adaptation > div:nth-child(4) > div p {
  text-align: left;
}
#ap_create.ap-content_page .adaptation > div:nth-child(4) > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 10px;
}
#ap_create.ap-content_page .adaptation > div:nth-child(4) > div > div img {
  width: 50%;
  margin: 10px;
}
#ap_create.ap-content_page .adaptation > div:nth-child(5) > div {
  text-align: center;
}
#ap_create.ap-content_page .adaptation > div:nth-child(5) > div > img {
  width: 70%;
  margin-bottom: 30px;
}
#ap_create.ap-content_page .adaptation > div:nth-child(5) > div p {
  text-align: left;
}
#ap_create.ap-content_page .adaptation > div:nth-child(5) > div > div {
  position: relative;
  margin: 30px 10px;
  text-align: left;
}
#ap_create.ap-content_page
  .adaptation
  > div:nth-child(5)
  > div
  > div
  img:first-child {
  width: 58%;
  margin-right: 1%;
}
#ap_create.ap-content_page
  .adaptation
  > div:nth-child(5)
  > div
  > div
  img:nth-child(2) {
  width: 40%;
  position: absolute;
}
#ap_create.ap-content_page
  .adaptation
  > div:nth-child(5)
  > div
  > div
  img:last-child {
  width: 40%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .adaptation .adaptation_inner > div:first-child {
    float: none;
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }
  #ap_create.ap-content_page
    .adaptation
    .adaptation_inner
    > div:first-child
    img {
    max-width: 40%;
  }
}
#ap_create.ap-content_page .adaptation .adaptation_inner > div:last-child {
  width: 87%;
  float: right;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .adaptation .adaptation_inner > div:last-child {
    float: none;
    width: 100%;
  }
}
#ap_create.ap-content_page
  .adaptation
  .adaptation_inner
  > div:last-child
  > div:nth-child(3)
  ul {
  display: flex;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .adaptation
    .adaptation_inner
    > div:last-child
    > div:nth-child(3)
    ul {
    flex-wrap: wrap;
  }
}
#ap_create.ap-content_page
  .adaptation
  .adaptation_inner
  > div:last-child
  > div:nth-child(3)
  ul
  li {
  margin: 5px;
}
#ap_create.ap-content_page
  .adaptation
  .adaptation_inner
  > div:last-child
  > div:nth-child(3)
  ul
  li
  img {
  max-height: 100px;
}
#ap_create.ap-content_page .glossary_page {
  background: #edf2ff;
  padding: 30px 0 !important;
}
#ap_create.ap-content_page .glossary_page .link-text {
  color: #217fbc;
}
#ap_create.ap-content_page .glossary_page p,
#ap_create.ap-content_page .glossary_page li {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page .glossary_page span.toggle_cycle {
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
#ap_create.ap-content_page .glossary_page span.toggle_cycle::before {
  content: "";
  width: 80%;
  height: 2px;
  background: #217fbc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
}
#ap_create.ap-content_page .glossary_page span.toggle_cycle::after {
  content: "";
  width: 80%;
  height: 2px;
  background: #217fbc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  transform: rotate(90deg);
  transition: ease all 1s;
}
#ap_create.ap-content_page .glossary_page .open span.toggle_cycle::after {
  transform: rotate(0);
}
#ap_create.ap-content_page .glossary_page > div {
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .glossary_page > div {
    margin: 20px;
  }
}
#ap_create.ap-content_page .glossary_page > div > div > h3 {
  margin: 50px auto;
  text-align: left;
  width: 90%;
  padding-top: 30px;
  font-size: 25px;
  display: flex;
  align-items: center;
}
#ap_create.ap-content_page .glossary_page > div > div > h3 img {
  max-width: 40px;
  margin-right: 20px;
  display: inline-block;
  height: auto;
}
#ap_create.ap-content_page .glossary_page > div > div > h3 span {
  margin-right: 20px;
  max-width: 40px;
}
#ap_create.ap-content_page .glossary_page > div > div:first-child {
  padding: 1px;
}
#ap_create.ap-content_page .glossary_page > div > div:first-child ul {
  list-style-type: none;
  padding: 0 60px;
  width: 100%;
  margin: auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .glossary_page > div > div:first-child ul {
    padding: 0 10px;
  }
}
#ap_create.ap-content_page .glossary_page > div > div:first-child ul li {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 10px;
  padding-left: 55px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .glossary_page > div > div:first-child ul li {
    font-size: 13px;
    cursor: pointer;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:first-child
  ul
  li:nth-child(2n-1) {
  font-size: 20px;
  color: #217fbc;
  cursor: pointer;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:first-child
    ul
    li:nth-child(2n-1) {
    font-size: 16px;
    padding-left: 35px;
    padding-right: 30px;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:first-child
  ul
  li:nth-child(2n-1)::before {
  content: "Q.";
  display: block;
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 30px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:first-child
    ul
    li:nth-child(2n-1)::before {
    font-size: 25px;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:first-child
  ul
  li:nth-child(2n) {
  background: #edf2ff;
  overflow: hidden;
  display: block;
  height: 0;
  padding: 0 55px;
  margin: auto;
  transition: ease all 0.5s;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:first-child
    ul
    li:nth-child(2n) {
    padding-right: 10px;
    padding-left: 55px;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:first-child
  ul
  li:nth-child(2n)::before {
  position: absolute;
  content: "A.";
  left: 10px;
  top: 15px;
  display: block;
  font-size: 30px;
  color: #217fbc;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:first-child
    ul
    li:nth-child(2n)::before {
    font-size: 25px;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:first-child
  ul
  li.open
  + li {
  display: block;
  margin-bottom: 30px;
  padding: 20px 10px;
  padding-left: 55px;
  height: auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:first-child
    ul
    li.open
    + li {
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .glossary_page > div > div:last-child > h3 + div {
    display: none;
  }
}
#ap_create.ap-content_page .glossary_page > div > div:last-child > h3 + div ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #edf2ff;
  margin: 10px;
  padding: 10px;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > h3
  + div
  ul
  li {
  padding: 10px 30px;
  border: 1px solid #edf2ff;
  box-sizing: border-box;
  background: #fff;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .glossary_page
    > div
    > div:last-child
    > h3
    + div
    ul
    li {
    padding: 10px 20px;
  }
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child {
  padding-bottom: 20px;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5 {
  border-bottom: 1px solid #ccc;
  width: 90%;
  margin: auto;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: #217fbc;
  position: relative;
  font-size: 15px;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5
  > span {
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5
  > span::before {
  content: "";
  width: 80%;
  height: 2px;
  background: #217fbc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5
  > span::after {
  content: "";
  width: 80%;
  height: 2px;
  background: #217fbc;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  transform: rotate(90deg);
  transition: ease all 1s;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5.open
  span::after {
  transform: rotate(0);
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5::before {
  height: 30px;
  width: 10px;
  background: #217fbc;
  border-radius: 20px;
  content: "";
  display: inline-block;
  margin-right: 30px;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5
  + div {
  overflow: hidden;
  display: block;
  height: 0;
  padding: 0 20px;
  margin: auto;
  transition: ease all 0.3s;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  h5.open
  + div {
  display: block;
  margin-bottom: 30px;
  padding: 20px 20px;
  height: auto;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul {
  list-style: none;
  width: 90%;
  margin: auto;
  padding-left: 0;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl {
  margin: auto;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt {
  color: #217fbc;
  padding: 10px 0;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt
  > span {
  width: 7px;
  height: 7px;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  display: block;
  margin: auto;
  transition: ease all 1s;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt.open
  > span {
  transform: rotate(180deg);
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt
  + dd {
  margin: 20px auto;
  display: none;
  cursor: pointer;
  overflow: hidden;
  display: block;
  height: 0;
  padding: 0 10px;
  margin: auto;
  transition: ease all 0.5s;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt
  + dd
  .phonetic {
  display: block;
  margin: 0;
}
#ap_create.ap-content_page
  .glossary_page
  > div
  > div:last-child
  > div:last-child
  ul
  li
  dl
  dt.open
  + dd {
  display: block;
  margin-bottom: 20px;
  padding: 5px 10px;
  height: auto;
}
#ap_create.ap-content_page .entry-content .package {
  max-width: none;
}
#ap_create.ap-content_page .text-blue {
  color: #2478b0;
  font-weight: bold;
}
#ap_create.ap-content_page div.package p {
  line-height: 30px;
  font-size: 16px;
}
#ap_create.ap-content_page div.package .check_list {
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  background-size: 24px;
  background-position: left 10px;
  padding: 10px 0;
  margin: 30px auto;
  padding-left: 40px;
  font-size: 20px;
}
#ap_create.ap-content_page div.package .page-wrap {
  padding: 50px;
  background: #edf2ff;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .page-wrap {
    padding: 20px;
  }
}
#ap_create.ap-content_page div.package .page-wrap .page-content {
  max-width: 1200px;
  margin: 5% auto;
  padding: 5%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  background-image: url("https://smartblue.jp/wp-content/themes/smartblue02/images/solar-back.png");
  background: #ffffff;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  > .page-content
  h3.section-title:before {
  background-image: url(https://smartblue.jp/wp-content/themes/smartblue02/images/check-icon.png);
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
#ap_create.ap-content_page div.package .page-wrap div.request-img {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .page-wrap div.request-img {
    width: 100%;
  }
}
#ap_create.ap-content_page div.package .page-wrap div.request-img img {
  width: 80%;
  margin: 5% auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .page-wrap div.request-img img {
    width: 100%;
  }
}
#ap_create.ap-content_page div.package .page-wrap div.request-img + div img {
  width: 60%;
  margin: auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .page-wrap div.request-img + div img {
    width: 100%;
  }
}
#ap_create.ap-content_page div.package .page-wrap div.request-img + div + p {
  margin-bottom: 50px;
}
#ap_create.ap-content_page div.package .page-wrap div.produce {
  text-align: center;
  margin-bottom: 30px;
}
#ap_create.ap-content_page div.package .page-wrap .farm-img :nth-child(1) {
  width: 59%;
}
#ap_create.ap-content_page div.package .page-wrap .farm-img :nth-child(2) {
  width: 40%;
  position: absolute;
  right: 0;
}
#ap_create.ap-content_page div.package .page-wrap .farm-img :nth-child(3) {
  width: 40%;
  position: absolute;
  right: 0;
  bottom: 0;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel .page-wrap {
  margin: 5% 0;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  > div:first-child
  img {
  max-width: 100px;
  max-height: 100px;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  .page-wrap
  h3.section-title:before {
  background-image: url(https://smartblue.jp/wp-content/themes/smartblue02/images/check-icon.png);
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  .text_deco.weight-none {
  font-size: 20px;
  margin: 20px auto;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  > div:first-child
  > p {
  font-size: 18px;
  margin-bottom: 20px;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel .package-intro {
  margin-bottom: 30px;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel .package-intro p {
  margin-bottom: 20px;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  .package-intro
  img {
  margin: 0 1%;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel .column2 {
  width: 39%;
  margin: 3% 5%;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  .column2
  .section_title {
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
  font-size: 23px;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel .column2 img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #ap_create.ap-content_page div.package .page-wrap .tab_panel .column2 {
    width: 100%;
    margin: 0;
  }
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel table {
  width: 100%;
  text-align: center;
  border: none;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel table tr,
#ap_create.ap-content_page div.package .page-wrap .tab_panel table td,
#ap_create.ap-content_page div.package .page-wrap .tab_panel table th {
  padding: 20px;
  border: none;
  font-size: 16px;
  color: #727272;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  table
  tr
  .text_deco,
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  table
  td
  .text_deco,
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  table
  th
  .text_deco {
  font-weight: 400;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .page-wrap .tab_panel table tr,
  #ap_create.ap-content_page div.package .page-wrap .tab_panel table td,
  #ap_create.ap-content_page div.package .page-wrap .tab_panel table th {
    padding: 10px;
  }
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel table th {
  width: 33.3333333%;
}
#ap_create.ap-content_page div.package .page-wrap .tab_panel table th img {
  max-width: 30px;
  max-height: 20px;
}
#ap_create.ap-content_page
  div.package
  .page-wrap
  .tab_panel
  table
  th
  .text_deco {
  white-space: nowrap;
}
@media (max-width: 425px) {
  #ap_create.ap-content_page
    div.package
    .page-wrap
    .tab_panel
    table
    th
    .text_deco {
    font-size: 14px;
  }
}
#ap_create.ap-content_page div.package .page-content > .page-wrap {
  margin: 5% 0;
}
#ap_create.ap-content_page div.package .section_list {
  margin-bottom: 20px;
}
#ap_create.ap-content_page div.package .section_list .section_title {
  margin-bottom: 10px;
}
#ap_create.ap-content_page div.package .intro {
  max-width: 1200px;
  margin: 3% auto 3%;
  padding: 0 70px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .intro {
    padding: 0 40px;
  }
}
#ap_create.ap-content_page div.package .intro p {
  text-align: left;
}
#ap_create.ap-content_page div.package .intro img {
  max-width: 50%;
  margin: 30px auto;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page div.package .intro img {
    max-width: 80%;
  }
}
#ap_create.ap-content_page div.package .produce {
  position: relative;
  display: flex;
  margin: 4em auto;
  align-items: baseline;
}
#ap_create.ap-content_page div.package .produce label {
  display: block;
  padding: 0.75em 0;
  color: #333;
  text-decoration: none;
  text-align: center;
}
#ap_create.ap-content_page div.package .produce label img {
  max-width: 80px;
  max-height: 80px;
}
#ap_create.ap-content_page div.package .produce .nav-underline {
  position: absolute;
  left: 0;
  bottom: -50px;
  background: #ffffff;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 30px;
  height: 30px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(1).is-current
  ~ .nav-underline {
  left: 11%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(2).is-current
  ~ .nav-underline {
  left: 37%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(3).is-current
  ~ .nav-underline {
  left: 61.5%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(4).is-current
  ~ .nav-underline {
  left: 87%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(1):hover
  ~ .nav-underline {
  left: 11%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(2):hover
  ~ .nav-underline {
  left: 37%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(3):hover
  ~ .nav-underline {
  left: 61.5%;
}
#ap_create.ap-content_page
  div.package
  .produce
  label:nth-child(4):hover
  ~ .nav-underline {
  left: 87%;
}
#ap_create.ap-content_page div.package .tab_wrap {
  margin: 10% 0;
}
#ap_create.ap-content_page div.package input[type="radio"] {
  display: none;
}
#ap_create.ap-content_page div.package .tab_area {
  font-size: 0;
  margin: 0 10px;
}
#ap_create.ap-content_page div.package .tab_area label {
  margin: 0 5px;
  display: inline-block;
  padding: 12px 0;
  color: #2478b0;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
#ap_create.ap-content_page div.package .tab_panel {
  padding: 3% 5%;
  display: none;
}
#ap_create.ap-content_page div.package .panel_area {
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#ap_create.ap-content_page div.package #tab1:checked ~ .panel_area #panel1 {
  display: block;
}
#ap_create.ap-content_page div.package #tab2:checked ~ .panel_area #panel2 {
  display: block;
}
#ap_create.ap-content_page div.package #tab3:checked ~ .panel_area #panel3 {
  display: block;
}
#ap_create.ap-content_page div.package #tab4:checked ~ .panel_area #panel4 {
  display: block;
}
#ap_create.ap-content_page div.package .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #ap_create.ap-content_page div.package .sp {
    display: block;
  }
}
#ap_create.ap-content_page div.package .pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #ap_create.ap-content_page div.package .pc {
    display: none;
  }
}
#ap_create.ap-content_page .corporate-philosophy {
  background: #edf2ff;
  padding: 3% 5% 10%;
  margin-bottom: 10%;
    background-image: url(images/company/company_bg2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  content: "";
  width: 100%;
  background-position: center bottom;
}
#ap_create.ap-content_page .top-message h3,
#ap_create.ap-content_page .corporate-philosophy h3,
#ap_create.ap-content_page .about_page > div h3,
#ap_create.ap-content_page .about_page > div h4,
#ap_create.ap-content_page .vision h3{
    font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
#ap_create.ap-content_page .corporate-philosophy h3:nth-last-child(2){
    font-weight: bold;
}
#ap_create.ap-content_page .top-message h3,
#ap_create.ap-content_page .corporate-philosophy h3,
#ap_create.ap-content_page .vision h3 {
  color: #217fbc;
  margin: 5% auto;
  padding: 0 2%;
  font-size: 25px;
}
#ap_create.ap-content_page .corporate-philosophy p,
#ap_create.ap-content_page .vision p {
  text-align: left;
}
#ap_create.ap-content_page .top-message {
  background-image: url(images/company/company_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  content: "";
  width: 100%;
  background-position: center;
  max-width: none;
  padding: 10% 5%;
}
#ap_create.ap-content_page .vision p {
  margin-bottom: 100px;
  padding: 0 20px;
}
#ap_create.ap-content_page .vision p:first-of-type {
    text-align: center;
}
#ap_create.ap-content_page .vision + img{
    width: 100%;
}
#ap_create.ap-content_page .about_page .ceo-message {
    padding-left: 0;
    padding-right: 0;
}
#ap_create.ap-content_page .about_page .ceo-message > p {
    padding-left: 10%;
    padding-right: 10%;
}
#ap_create.ap-content_page .about_page .ceo-message > img {
  margin-bottom: 50px;
    width: 100%;
}
#ap_create.ap-content_page .about_page .ceo-message span {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 10%;
    padding-left: 10%;
    padding-right: 10%;
}
#ap_create.ap-content_page .about_page > div:last-of-type a {
    margin-bottom: 5%;
    display: inline-block;
}
#ap_create.ap-content_page .about_page {
  max-width: 100%;
  background: #ecf0f9;
  padding: 50px;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .about_page > div.ceo-message p{
        padding-left: 5%;
        padding-right: 5%;
    }
  #ap_create.ap-content_page .corporate-philosophy {
    background-size: 200%;
  }
  #ap_create.ap-content_page .about_page {
    padding: 50px 10px;
  }
}
#ap_create.ap-content_page .about_page > div {
  background: #fff;
  border-radius: 10px;
  padding: 50px 100px 80px;
}
#ap_create.ap-content_page .about_page > div.co-overview {
    padding-left: 0;
    padding-right: 0;
}
#ap_create.ap-content_page .about_page > div.co-overview .grid-wrap {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .about_page > div.co-overview .grid-wrap{
        padding-left: 5%;
        padding-right: 5%;
    }
  #ap_create.ap-content_page .about_page > div {
    padding: 30px 10px;
  }
}
#ap_create.ap-content_page .about_page > div h3 {
  margin: 1% auto 5%;
  color: #217fbc;
  font-size: 25px;
  font-weight: normal;
}
#ap_create.ap-content_page .about_page > div h4 {
  margin: 10px auto 50px;
  color: #217fbc;
  font-size: 25px;
  font-weight: normal;
    padding: 0 5%;
}
#ap_create.ap-content_page .about_page > div.ceo-message p {
  text-align: left;
}
#ap_create.ap-content_page .about_page > div .grid-wrap {
  position: relative;
}
#ap_create.ap-content_page .about_page > div .grid-wrap > div:first-child {
  float: left;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .about_page > div .grid-wrap > div:first-child {
    float: none;
  }
}
#ap_create.ap-content_page .about_page > div .grid-wrap > div:first-child > div,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > .about-slider
  .slick-list {
  width: 100%;
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div {
  justify-content: end;
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:first-child,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div
  > div:first-child {
  width: 20%;
}
@media (max-width: 424px) {
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:first-child,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:first-child {
    width: 30%;
  }
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:first-child
  h5,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div
  > div:first-child
  h5 {
  text-align: left;
  color: #217fbc;
  font-weight: normal;
  font-size: 15px;
}
@media (max-width: 767px) {
    #ap_create.ap-content_page .about_page > div h4{
        text-align: left;
        font-size: 21px;
    }
    #ap_create.ap-content_page .top-message h3, #ap_create.ap-content_page .corporate-philosophy h3, #ap_create.ap-content_page .vision h3{
        font-size: 21px;
    }
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:first-child
    h5,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:first-child
    h5 {
    font-size: 15px;
  }
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:last-child,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div
  > div:last-child {
  width: 63%;
  border-left: 2px solid #217fbc;
  text-align: left;
}
@media (max-width: 424px) {
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:last-child,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:last-child {
    width: 70%;
  }
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:last-child
  ul,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div
  > div:last-child
  ul {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  list-style-type: none;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:first-child,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:first-child {
    width: 25%;
  }
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:last-child,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:last-child {
    width: 75%;
  }
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:last-child
    ul,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:last-child
    ul {
    padding-left: 10px;
  }
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:last-child
    ul
    h5,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:last-child
    ul
    h5 {
    font-size: 15px;
  }
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:last-child
  ul
  li,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:nth-child(2)
  > div
  > div:last-child
  ul
  li {
  margin: 5px auto;
  font-size: 15px;
}
@media (max-width: 424px) {
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:first-child
    > div
    > div:last-child
    ul
    li,
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:nth-child(2)
    > div
    > div:last-child
    ul
    li {
    font-size: 13px;
  }
}
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:last-child
  ul
  li:first-child,
#ap_create.ap-content_page
  .about_page
  > div
  .grid-wrap
  > div:first-child
  > div
  > div:last-child
  ul
  li:last-child {
  margin: auto;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .about_page > div .grid-wrap > div:last-child {
    float: none;
  }
    #ap_create.ap-content_page .about_page > div .grid-wrap > div:nth-child(2) > div{
        justify-content: normal;
    }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .about_page > div .grid-wrap > div:last-child {
    display: flex;
    flex-direction: column;
  }
  #ap_create.ap-content_page
    .about_page
    > div
    .grid-wrap
    > div:last-child
    > div:last-child {
    margin-bottom: 20px;
  }
}
#ap_create.ap-content_page .about_page > div.history > div,
#ap_create.ap-content_page .about_page > div.attempt > div {
  display: flex;
    align-items: center;
}
#ap_create.ap-content_page .about_page > div.history > div > div {
  margin-right: 10%;
  text-align: left;
}
#ap_create.ap-content_page .about_page > div.history > div > img{
    width: 55%;
}
#ap_create.ap-content_page .about_page > div.attempt > div > img{
    width: 50%;
    padding: 0 10%;
}
#ap_create.ap-content_page .about_page > div.attempt > div > div {
  text-align: left;
}
#ap_create.ap-content_page .about_page > div.attempt > div > div a::after {
  border: none;
  background-image: url(images/howto_literature.png);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 20px;
  height: 17px;
  margin-right: 10px;
    transform: rotate(0);
}
#ap_create.ap-content_page .farmer-list {
  position: relative;
}
#ap_create.ap-content_page .farmer-list::after {
  background-image: url(images/farmer_back.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  content: "";
  width: 100%;
  height: 1500px;
  position: absolute;
  top: 80px;
  right: 0;
}
#ap_create.ap-content_page .farmer-list .anchor_link a {
  display: inline-block;
  width: 42%;
  margin: 5% 3%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .farmer-list .anchor_link a {
    margin: 2%;
  }
  #ap_create.ap-content_page .farmer-list .ap_btn {
/*    font-size: 1em;*/
    width: 100% !important;
      margin: 25px auto 10px;
  }
  #ap_create.ap-content_page .farmer-list h3.section_title {
    text-align: center;
  }
  #ap_create.ap-content_page .farmer-list > h3 {
    padding: 50px 20px 20px;
  }
  #ap_create.ap-content_page .farmer-list > p {
    padding: 0 20px;
  }
  #ap_create.ap-content_page .farmer-list::after {
    width: 140%;
  }
  #ap_create.ap-content_page .farmer-list .voices {
    margin: 25% 0 10%;
  }
  #ap_create.ap-content_page .farmer-list .voices::before {
    background-image: url(images/top_next_life02_sp.png);
    opacity: 0.5;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    content: "";
    width: 100%;
    height: 1500px;
    position: absolute;
    top: -100px;
    right: 0;
  }
}
#ap_create.ap-content_page .farmer-list > h3.section_title {
    padding-bottom: 0;
}
#ap_create.ap-content_page .farmer-list .farmers {
  padding: 0 1%;
  z-index: 1;
  position: relative;
}
#ap_create.ap-content_page .farmer-list .farmer {
  position: relative;
  margin: 100px 0;
}
#ap_create.ap-content_page .farmer-list .farmer > div:last-child {
  position: absolute;
  width: 35%;
  background: rgba(237, 242, 255, 0.9);
  padding: 0 3%;
  z-index: 1;
  top: 10%;
/*  bottom: 10%;*/
  color: #2478b0;
  line-height: 1;
  letter-spacing: 1px;
/*
  display: flex;
  flex-direction: column;
  justify-content: center;
*/
}
#ap_create.ap-content_page .farmer-list .farmer .ap_btn {
    min-width: auto;
}
#ap_create.ap-content_page
  .farmer-list
  .farmer:nth-of-type(2n-1)
  > div:last-child {
  left: 0%;
}
#ap_create.ap-content_page
  .farmer-list
  .farmer:nth-of-type(2n)
  > div:last-child {
  right: 0%;
}
#ap_create.ap-content_page .farmer-list .farmer > div:last-child h2 {
  font-weight: normal;
  margin-left: 6%;
  margin-right: 6%;
  font-size: 20px;
}
#ap_create.ap-content_page .farmer-list .farmer > div:last-child p {
  margin-left: 6%;
  margin-right: 6%;
  color: #217fbc;
}
#ap_create.ap-content_page .farmer-list .farmer > div:first-child img {
  width: 67%;
}
#ap_create.ap-content_page .farmer-list .farmer.txt-left > div:first-child {
  text-align: right;
}
#ap_create.ap-content_page .farmer-list .farmer > div h3 {
  width: 100%;
}
#ap_create.ap-content_page .farmer-list .farmer > div h3 a {
  text-decoration: none;
}

#ap_create.ap-content_page .voices {
  z-index: 1;
  position: relative;
}
#ap_create.ap-content_page .voices .slick-track {
  display: flex;
}
#ap_create.ap-content_page .voices .slick-track a {
  text-decoration: none;
}
#ap_create.ap-content_page .voices .slick-track a div {
  background: rgba(237, 242, 255, 0.9);
  margin: -7% 5% 7%;
  padding: 5%;
  position: relative;
  z-index: 1;
}
#ap_create.ap-content_page .voices .slick-track a div h4 {
  color: #217fbc;
  text-align: left;
  margin: 20px 0;
}
#ap_create.ap-content_page .voices .slick-track a div p {
  color: #217fbc;
  text-align: left;
  font-weight: bold;
}
#ap_create.ap-content_page .voices .slick-track a div p.ap_btn {
  text-align: center;
  min-width: auto;
    padding: 10px 0;
}
#ap_create.ap-content_page .voices .slick-track a div p.ap_btn:hover{
    color: #fff;
}
.installation-examples {
  background: #edf2ff;
  padding: 10% 2% !important;
}
.installation-examples > div {
  max-width: 1200px !important;
  width: 100%;
  margin: auto !important;
}
/*タブ切り替え全体のスタイル*/
.installation-examples .tabs {
  margin: 0 auto 5px !important;
}

/*タブのスタイル*/
.installation-examples .tab_item {
    width: calc(97% / 3);
  margin: 0 0.5% !important;
  height: 80px;
  background-color: #e1e1e1;
  line-height: 80px;
  text-align: center;
  display: block;
  float: left;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  position: relative;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Meiryo",
    "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント", sans-serif !important;
}
.installation-examples .tabs #produce::before {
  background-image: url(images/farmer_product.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 45px;
  height: 45px;
  vertical-align: middle;
  margin-right: 20px;
}
.installation-examples #shading::before {
  background-image: url(images/farmer_shading.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 45px;
  height: 45px;
  vertical-align: middle;
  margin-right: 20px;
}
.installation-examples #years::before {
  background-image: url(images/farmer_installation_years.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 45px;
  height: 45px;
  vertical-align: middle;
  margin-right: 20px;
}
.installation-examples .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
.installation-examples input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.installation-examples .tab_content {
  display: none;
  padding: 40px !important;
  margin: 0 0.5% !important;
  clear: both;
  overflow: hidden;
  background: #fff;
}
.installation-examples .tab_content li::marker {
  content: "";
}
.installation-examples .tab_content li {
  background: #edf2ff;
  display: inline-block;
  width: calc(100% / 6);
  margin: 5px !important;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
}
.installation-examples .tab_content li label {
  width: 100%;
  display: block;
  cursor: pointer;
  padding: 10px !important;
}
.installation-examples .tab_content li.active {
  background-color: #217fbc;
}
.installation-examples .tab_content li.active label {
  color: #fff !important;
}
/*選択されているタブのコンテンツのみを表示*/
#installation_produce:checked ~ #produce_content,
#installation_shading:checked ~ #shading_content,
#installation_years:checked ~ #years_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.installation-examples .tabs input:checked + .tab_item {
  background-color: #217fbc;
  color: #fff !important;
}
.select-labels {
  background: #fff;
    margin: 0 0.5% 5% !important;
  padding: 20px 40px !important;
}
.select-labels .uncheck-all {
  text-align: center;
  border-top: 1px solid !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
}
.select-labels strong {
  color: #217fbc;
}
.select-labels .uncheck-all strong {
  background: #edf2ff;
  border-radius: 30px;
  display: block;
  padding: 20px !important;
  width: 30%;
  margin: auto !important;
  cursor: pointer;
  position: relative;
}
.select-labels .uncheck-all strong::after {
  background-image: url(images/reset.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block !important;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: 6%;
}
.archive-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px !important;
  width: 100%;
  margin: auto !important;
}
.archive-list li {
  width: 31.3%;
  background: #fff;
  margin: 2% 1% !important;
}
.archive-list li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding: 0;
}
.archive-list li p {
  margin: 10px 20px !important;
  font-weight: bold;
}
.archive-list li div {
  padding: 10px 20px 50px !important;
}
.archive-list li div span {
  margin-right: 10px !important;
  padding: 5px 10px !important;
  border-radius: 20px;
  background: #edf2ff;
  color: #217fbc !important;
  font-size: 12px !important;
}
.archive-list li img {
  width: 100%;
}
.installation-examples button.ap_btn{
    background: transparent;
}
.installation-examples button.ap_btn::after{
    content: "+" !important;
    border: none !important;
    transform: rotate(0deg) !important;
    width: 30px !important;
    height: 18px !important;
}

@media screen and (max-width: 1023px) {
  #ap_create.ap-content_page .farmer-list .farmers {
    padding: 0 3%;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div:last-child {
    width: 38%;
    padding: 3% 2%;
    top: 2%;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div:first-child img {
    width: 60%;
  }
    #ap_create.ap-content_page .farmer-list .farmer .ap_btn {
        margin: 20px auto;
    }
    #ap_create.ap-content_page .farmer-list .farmer{
        margin: 50px auto 160px;
    }
      #ap_create.ap-content_page .about_page > div.history > div,
  #ap_create.ap-content_page .about_page > div.attempt > div {
    flex-wrap: wrap;
  }
  #ap_create.ap-content_page .about_page > div.history > div > div,
  #ap_create.ap-content_page .about_page > div.attempt > div > div {
    order: 2;
    margin: 20px 10px;
  }
  #ap_create.ap-content_page .about_page > div.history > div > div .ap_btn,
  #ap_create.ap-content_page .about_page > div.attempt > div > div .ap_btn {
    margin: 20px auto 0;
  }
    #ap_create.ap-content_page .about_page > div.history > div > img{
        width: 100%;
    }
  #ap_create.ap-content_page .about_page > div.history > div > img,
  #ap_create.ap-content_page .about_page > div.attempt > div > img {
    order: 1;
  }
    #ap_create.ap-content_page .about_page > div.attempt > div > img{
        width: 100%;
        margin: auto;
    }
}
@media screen and (max-width: 767px) {
    .installation-examples .tab_content li label{
        padding: 5px;
    }
    #ap_create.ap-content_page .farmer-list .farmer > div:last-child h2{
        padding: 5px 0 10px;
    }
  .installation-examples .section_title {
    text-align: center !important;
  }
  .installation-examples .tab_item {
    height: 50px;
    line-height: 50px;
  }
  .installation-examples .tabs .tab_item::before {
    display: none !important;
  }
  #ap_create.ap-content_page .voices .slick-track a div {
    margin: -50px 10px 50px;
    padding: 5px 20px;
  }
  #ap_create.ap-content_page .voices .slick-track a div p.ap_btn {
    margin: 20px;
    padding: 5px;
  }
  .installation-examples .tab_content,
  .select-labels {
    padding: 20px !important;
  }
  .installation-examples .tab_content li {
    width: 45%;
  }
  .archive-list {
    display: block;
  }
  .archive-list li {
    width: 80%;
    margin: 5% auto !important;
  }
  .archive-list li div {
    padding: 0 20px 30px !important;
  }
  .select-labels .uncheck-all strong {
    width: 100%;
  }
  #ap_create.ap-content_page body {
    font-size: 12px;
  }
  #ap_create.ap-content_page .page-title {
    font-size: 20px;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div:last-child {
    width: 50%;
    padding: 1% 2%;
    line-height: 20px;
    top: 5%;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div:first-child img {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  #ap_create.ap-content_page .farmer-list .farmer > div:last-child {
    position: static;
    width: 100%;
    padding: 20px 10px;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div:first-child img {
    width: 100%;
  }
  #ap_create.ap-content_page .farmer-list .farmer > div h3 {
    width: 100%;
    margin: 20px auto 0;
  }
  #ap_create.ap-content_page .farmer-list .farmer {
    position: relative;
    margin: 20px 0;
  }
  #ap_create.ap-content_page .ap_wraps .farmer-list {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  #ap_create.ap-content_page .farmer-list .farmer > div:last-child {
    top: -10%;
  }
}
#ap_create.ap-content_page .farmer-content {
  padding: 5% 5% 0;
  background: #edf2ff;
  max-width: none;
}
#ap_create.ap-content_page .page-template-default .farmer-content {
  padding: 5%;
}
#ap_create.ap-content_page .farmer-content .section-title {
  color: #0880bd;
  text-align: left;
  margin: 20px auto !important;
}
#ap_create.ap-content_page .farmer-content h4.section-title {
  margin-bottom: 15px !important;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
}
#ap_create.ap-content_page .farmer-content > div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 5% 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
}
#ap_create.ap-content_page .page-template-page-iwata .farmer-content > div,
#ap_create.ap-content_page .page-template-page-chigasaki .farmer-content > div,
#ap_create.ap-content_page .page-template-page-hamamatsu .farmer-content > div {
    padding-bottom: 0;
}
#ap_create.ap-content_page .farmer-content .farmer-img img {
  width: 100%;
}
#ap_create.ap-content_page .farmer-content .farmer-width {
  margin: 0 auto !important;
  padding: 0 5% 10%;
  box-sizing: border-box;
  clear: both;
}
#ap_create.ap-content_page .farmer-content .farmer-width.farmer-question {
  padding: 5% 10%;
}
#ap_create.ap-content_page .farmer-content .farmer-img {
  width: 100%;
  padding: 30px 0;
}
#ap_create.ap-content_page .farmer-content article {
  padding: 0 5%;
}
#ap_create.ap-content_page .farmer-content article p {
  font-size: 16px;
  margin-bottom: 10px;
}
#ap_create.ap-content_page .farmer-content article p > a {
  font-size: 14px;
  font-weight: 600;
  color: #217fbc;
}
.farmer-width #ap_create.ap-content_page .farmer-content .farmer-txt h2 {
  font-weight: normal;
  margin: 0;
}
#ap_create.ap-content_page .farmer-content .farmer-txt p {
  margin: 0;
}

#ap_create.ap-content_page .page-template-default .farmer-content > div{
    padding: 5%;
}
#ap_create.ap-content_page .page-template-default .farmer-content .farmer-img {
  padding: 0;
}
#ap_create.ap-content_page .page-template-default .farmer-content .farmer-txt{
    margin: 5%;
}
#ap_create.ap-content_page .page-template-default .farmer-content .farmer-txt p {
  margin: 0 !important;
}
#ap_create.ap-content_page .page-template-default .farmer-content .farmer-txt h2{
    font-weight: normal;
    margin: 0 !important;
}
#ap_create.ap-content_page .page-template-default .farmer-content .farmer-txt > div {
  margin: 5% 0;
  line-height: 30px;
} 
#ap_create.ap-content_page .page-template-default .farmer-content h3.section-title{
    font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
@media screen and (max-width: 768px) {
  #ap_create.ap-content_page .farmer-content > div {
    padding: 10% 0 !important;
  }
  .farmer-content .farmer-description h3 {
    margin-bottom: 5% !important;
  }
  #ap_create.ap-content_page .farmer-content .farmer-width {
    padding-bottom: 15%;
  }
  #ap_create.ap-content_page .farmer-content .farmer-txt > div {
    line-height: 20px;
  }
  #ap_create.ap-content_page .farmer-content .farmer-width.farmer-question {
    padding-left: 5%;
    padding-right: 5%;
  }
    #ap_create.ap-content_page .page-template-default .farmer-content h3.section-title{
        font-size: 20px;
        margin: 30px 0 10px !important;
    }
}
#ap_create.ap-content_page .farmer-content .work-img {
  position: relative;
}
#ap_create.ap-content_page .farmer-content .work-img img:nth-child(1) {
  width: 66.5%;
}
#ap_create.ap-content_page .farmer-content .work-img img:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  width: 32%;
}
#ap_create.ap-content_page .farmer-content .work-img img:nth-child(3) {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32%;
}
#ap_create.ap-content_page .farmer-content .column3 > a {
  text-decoration: none;
  color: #3f3f3f;
}
#ap_create.ap-content_page .farmer-content .column3 > a div {
  text-align: center;
}
#ap_create.ap-content_page .farmer-content .column3 > a div img {
  width: 95%;
}
@media screen and (max-width: 768px) {
  #ap_create.ap-content_page .farmer-content .column3 > a {
    width: 50%;
    margin: 3% -0.25em 3% 0;
  }
}
#ap_create.ap-content_page .farmer-content .column3 h4,
#ap_create.ap-content_page .farmer-content .column3 p {
  margin: 3%;
}

.farmer-content h2,
.farmer-content h3,
.farmer-content h4,
.farmer-last-content h3,
.farmer-last-content h4 {
  color: #217fbc;
  margin-bottom: 5% !important;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.farmer-content h3.text-center,.farmer-last-content h3.text-center {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.farmer-content h4.text-left,.farmer-last-content h4.text-left {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.farmer-content .farmer-description h2 {
  margin-bottom: 2% !important;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
    font-weight: normal;
}
.farmer-content .farmer-description{
    text-align: center;
}
.farmer-content .farmer-description h3 {
  display: inline-block;
    text-align: left;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
    font-size: 20px !important;
    color: #414141;
    line-height: 30px;
    margin-bottom: 0 !important;
}
.farmer-content .farmer-txt p {
  margin-bottom: 50px !important;
}
.farmer-content .farmer-table table {
  display: inline-block;
  width: 48%;
  vertical-align: top !important;
  margin-right: 1% !important;
}
.farmer-content .farmer-table table tbody {
  width: 100%;
  display: block;
}
.farmer-content .farmer-table table tr {
  background: #edf2ff;
  width: 100%;
  display: block;
}
.farmer-content .farmer-table table tr:nth-child(2n) {
  background: #f9f9f9;
}
.farmer-content .farmer-table table tr td:first-child {
  color: #217fbc !important;
  text-align: center;
  padding: 20px 10px !important;
    width: 140px;
}
.farmer-content .farmer-table table tr td:last-child {
  padding: 20px 10px !important;
}
@media screen and (max-width: 767px) {
    #ap_create.ap-content_page .farmer-content .column3 h4{
        font-size: 18px;
    }
  .farmer-content .farmer-description h3 {
    width: 90%;
  }
  .farmer-content .farmer-table table {
    display: block;
    width: 100%;
  }
  #ap_create.ap-content_page .farmer-content .farmer-width,
  #ap_create.ap-content_page .farmer-content article {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #ap_create.ap-content_page .farmer-content article {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .farmer-content .farmer-table table tr td:first-child {
    width: 80px;
    padding: 5px !important;
  }
    .farmer-content .farmer-table table tr td:last-child{
        padding: 20px 10px !important;
    }
}
/*タブのスタイル*/
.farmer-content .tab_item {
  width: 23%;
  height: 50px;
  line-height: 48px;
  border: 2px solid #edf2ff;
  background-color: #edf2ff;
  text-align: center;
  color: #217fbc !important;
  display: block;
  float: left;
  margin: 1% !important;
  border-radius: 30px;
  cursor: pointer;
}
.farmer-content .tab_item:last-of-type{
    margin-bottom: 30px !important;
}
.farmer-content.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
.farmer-content input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.farmer-content .tab_content {
  display: none;
  padding: 5% !important;
  clear: both;
  overflow: hidden;
  border: 1px solid #217fbc !important;
  border-radius: 5px;
}
.farmer-content .tab_content > div {
  display: inline-block;
  width: 45%;
  margin-right: 3% !important;
}
.farmer-content .tab_content > img {
  display: inline-block;
  width: 50%;
  vertical-align: top !important;
}
/*選択されているタブのコンテンツのみを表示*/
#facility-1:checked ~ #facility-1_content,
#facility-2:checked ~ #facility-2_content,
#facility-3:checked ~ #facility-3_content,
#facility-4:checked ~ #facility-4_content,
#facility-5:checked ~ #facility-5_content,
#facility-6:checked ~ #facility-6_content,
#facility-7:checked ~ #facility-7_content,
#facility-8:checked ~ #facility-8_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.farmer-content .tabs input:checked + .tab_item {
  background-color: #fff;
  border: 2px solid #217fbc !important;
}

.farmer-feature {
  margin-bottom: 10% !important;
}
.farmer-feature > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5% !important;
}
.farmer-feature > div > div {
  width: 47%;
}
.farmer-feature > div > div img {
  width: 10%;
  max-width: 50px;
}
.farmer-feature > div > div h4::after {
  width: 10%;
  height: 2px;
  margin: 3% 0;
  background: #d5d5d5;
  content: "";
  display: block !important;
}
.farmer-feature > div > img {
  width: 47%;
}
.farmer-feature img.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .farmer-feature > div {
    display: block;
    text-align: center;
    margin-bottom: 20% !important;
  }
  .farmer-feature > div > div h4,
  .farmer-feature > div > div p {
    text-align: left;
  }
  .farmer-feature > div > div h4::after {
    width: 20%;
  }
  .farmer-feature > div > * {
    width: 100% !important;
  }
  .farmer-feature > div > div img {
    width: 15%;
  }
  .farmer-feature img.sp {
    display: block;
    width: 90%;
    margin: 0 auto 5% !important;
  }
  .farmer-feature img.pc {
    display: none;
  }
}

.farmer-solution > div > div {
  display: flex;
  align-items: center;
  margin: 0 auto 5% !important;
  width: 80%;
}
.farmer-solution > div > div img {
  width: 10%;
  max-width: 70px !important;
  margin-right: 30px !important;
}
.farmer-solution h4 {
  margin-bottom: 3% !important;
}
.farmer-situation img {
  width: 32%;
  margin-right: 1% !important;
  margin-bottom: 5% !important;
}
.farmer-situation img.col-3:last-of-type {
  margin-right: 0 !important;
}
.farmer-market {
  border: 1px solid #217fbc !important;
  border-radius: 5px;
  padding: 5% !important;
}
.farmer-market .farmer-slider {
  display: inline-block;
  width: 45%;
  margin: 0 5% 5% 0 !important;
}
.farmer-market .slick-dots {
  text-align: right;
}
.farmer-market > ul {
  display: inline-block;
  width: 45%;
  vertical-align: top !important;
}
.farmer-market > ul li {
  position: relative;
  padding-left: 30px !important;
}
.farmer-market > ul li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://smartblue.jp/wp-content/themes/smartblue_renewal/images/howto_s_list_01.svg)
    no-repeat;
  display: block !important;
}
.farmer-market > p {
  margin: 5%;
}
.farmer-last-content {
  background: #edf2ff;
  padding: 0 5% 5% !important;
}
.farmer-last-content > div {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 5% !important;
  border-radius: 0 0 10px 10px !important;
  background: #ffffff;
}
.farmer-last-content > div:first-child {
    padding-top: 0 !important;
}
.farmer-record {
  margin-bottom: 10% !important;
}
.farmer-record .slick-prev {
  left: -15px !important;
}
.farmer-record .slick-next {
  right: -15px !important;
}
.farmer-record ul .slick-slide {
  margin: 0 5px !important;
}
.farmer-record ul li img {
  width: 100%;
  margin-bottom: 10px;
}
.farmer-connection {
  background: #edf2ff;
  border-radius: 5px;
  padding: 5% !important;
}
.farmer-connection h4::before {
  background-image: url(images/howto_literature.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block !important;
  content: "" !important;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  margin-right: 10px;
}
.farmer-connection ul {
  margin-left: 50px !important;
}
.farmer-connection li {
  margin-bottom: 20px !important;
}
.farmer-connection li a {
  position: relative;
}
.farmer-connection li a::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  margin: auto;
  border-top: 2px solid #0880bd;
  border-right: 2px solid #0880bd;
  transform: rotate(45deg);
}
.farmer-relation{
    padding-bottom: 0 !important;
}
.farmer-relation,
.farmer-link {
  background: transparent !important;
  text-align: center !important;
  padding-top: 5% !important;
}
.farmer-link a {
  display: inline-block !important;
  margin: 0 5% !important;
    min-width: auto !important;
    width: 38% !important;
}
.farmer-link a:first-child::after {
  left: 10px;
  right: auto !important;
  transform: rotate(-135deg) !important;
}
.farmer-other-img {
  position: relative;
}
.farmer-other-img img:first-child {
  width: 67%;
}
.farmer-other-img img:nth-child(2) {
  width: 29%;
  position: absolute;
  top: 0;
  right: 4%;
}
.farmer-other-img img:last-child {
  width: 29%;
  position: absolute;
  bottom: 18%;
  right: 4%;
}
.farmer-content .tab_content img.sp {
  display: none;
}
@media screen and (max-width: 1023px) {
    .farmer-content .tab_item {
          font-size: 12px !important;
      }
}
@media screen and (max-width: 767px) {
    .farmer-link a {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .farmer-situation {
        text-align: center;
    }
    .farmer-situation p {
        text-align: left;
    }
    .farmer-situation img {
  width: 48%;
}
.farmer-situation img:last-child {
  margin: auto;
}
  .farmer-solution > div > div {
    display: block;
    width: 90%;
    margin-bottom: 15% !important;
    text-align: center;
  }
  .farmer-solution > div > div > img {
    width: 50%;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
  }
  .farmer-solution > div > div > div {
    text-align: left;
  }
    .farmer-market{
        padding: 10% 5% !important;
    }
    .farmer-market > ul{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
  .farmer-market .farmer-slider,
  .farmer-market > ul,
  .farmer-content .tab_content > div,
  .farmer-content .tab_content > img {
    width: 100%;
    display: block;
    margin-right: 0 !important;
  }
  .farmer-connection {
    padding: 10% !important;
  }
    .farmer-connection h4{
        font-size: 16px !important;
    }
  .farmer-connection ul {
    margin-left: 0 !important;
  }
  .farmer-content .tab_item {
    width: 48%;
  }
  .farmer-content .tab_item:last-of-type {
    margin-bottom: 10% !important;
  }
  .farmer-content .tab_content {
    padding: 10% 5% !important;
  }
  .farmer-content .tab_content h4 {
    text-align: center !important;
  }
  .farmer-content .tab_content img.sp {
    display: block;
    margin: 5% 0 !important;
  }
  .farmer-content .tab_content img.pc {
    display: none;
  }
  #ap_create.ap-content_page .page-title {
    font-size: 20px;
  }
  .farmer-link a {
/*    font-size: 1em !important;*/
    display: block !important;
    margin-bottom: 5% !important;
    width: 100% !important;
      max-width: none !important;
  }
  .farmer-other-img img:last-child {
    bottom: 33.5%;
  }
    .farmer-relation .archive-list .slick-slide{
        margin: 0 5px !important;
    }
}
#ap_create.ap-content_page .ap_media .ap_cat-links {
  padding: 10px 20px;
  background: #003f7d;
  white-space: nowrap;
}
#ap_create.ap-content_page .ap_media .post-title + div {
  display: flex;
  justify-content: space-between;
}
#ap_create.ap-content_page .ap_media .post-title + div a {
  color: #5e5e5e !important;
}
#ap_create.ap-content_page .ap_media .picup_contents > div > .events_contents {
  position: relative;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  .ap_cat-links {
  position: absolute;
  padding: 5px 10px;
  line-height: 1;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  img {
  width: 100%;
  min-height: 100%;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > p:first-child {
  height: 300px;
  overflow: hidden;
  position: relative;
  background-color: #ccc;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    > div
    > .events_contents
    > p:first-child {
    height: 120px;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > p:first-child
  img {
  transform: scale(1, 1);
  transition: ease all 0.5s;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > p:first-child:hover
  img {
  transform: scale(1.05, 1.05);
  filter: blur(3px);
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > p:first-child:hover::after {
  content: "投稿を見る";
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: 50%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  span.no-img {
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  span.no-img:hover::after {
  display: none;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > div {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  padding: 0 20px;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  > div
  > .events_contents
  > div
  a {
  color: #000;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    > div
    > .events_contents:last-child {
    display: none;
  }
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    > div
    > .events_contents {
    width: 50%;
  }
}
#ap_create.ap-content_page .ap_media .picup_contents > div .post-title,
#ap_create.ap-content_page .ap_media .picup_contents > div .post-title + div {
  padding: 10px 0;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ap_create.ap-content_page .ap_media .picup_contents + div {
  margin-top: 30px;
  padding: 0 20px;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div {
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div {
    margin: 0 auto 20px;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p {
  line-height: 0;
  overflow: hidden;
  width: 90%;
  height: 215px;
  position: relative;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div
    > p {
    height: 165px;
  }
}
@media (max-width: 900px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div
    > p {
    height: 145px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div
    > p {
    width: 100%;
    margin: 0 auto;
    height: 200px;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p.no-img {
  background: #ccc;
  position: relative;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p.no-img
  > a {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p
  > a {
  line-height: 0;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p
  > a
  > img {
  width: 100%;
  min-height: 100%;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p
  + div {
  padding: 0 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 90%;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div
    > p
    + div {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p
  + div
  h2.post-title {
  padding-top: 10px;
  height: 40px;
  line-height: 0.8;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    .events_contents
    > div
    > p
    + div
    h2.post-title {
    height: 50px;
    overflow: hidden;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > p
  + div
  h2.post-title
  + div {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > .tags-links {
  position: absolute;
  z-index: 1;
  right: 0;
  background: #003f7d;
  padding: 5px 20px;
  text-align: center;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > .tags-links
  a {
  color: #fff;
  margin-right: 10px;
  float: right;
  margin-bottom: 5px;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  .events_contents
  > div
  > .tags-links
  > a:nth-last-of-type(1) {
  margin: auto;
}
#ap_create.ap-content_page .ap_media .picup_contents + div > div:first-child {
  width: 70%;
  float: left;
}
@media (min-width: 768px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    > div:first-child
    > div {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    > div:first-child
    > div {
    width: 100%;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div:last-child {
  width: 100%;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div {
  overflow: hidden;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_media
    .picup_contents
    + div
    > div:first-child
    > div
    > div {
    width: 90%;
    margin: 0 auto;
  }
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div
  img {
  transform: scale(1, 1);
  transition: ease all 0.5s;
  filter: blur(0);
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div:hover
  img {
  transform: scale(1.05, 1.05);
  filter: blur(3px);
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div:hover
  > p {
  position: relative;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div:hover
  > p::after {
  content: "投稿を見る";
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: 50%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ap_create.ap-content_page
  .ap_media
  .picup_contents
  + div
  > div:first-child
  > div
  > div:hover
  > p.no-img::after {
  display: none;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_media .picup_contents + div > div:first-child {
    width: 100%;
  }
}
#ap_create.ap-content_page .ap_single {
  padding: 50px 20px;
}
#ap_create.ap-content_page .installation_example-template-default .ap_single .ap_single_title {
    width: 100%;
}
#ap_create.ap-content_page .ap_single .ap_single_title {
  width: 70%;
  float: left;
  padding: 5%;
}
#ap_create.ap-content_page .ap_single .ap_single_title p {
  line-height: 30px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_single .ap_single_title {
    width: 100%;
    float: none;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #ap_create.ap-content_page .ap_single .ap_single_title > * {
    width: 90%;
    margin: auto;
  }
  #ap_create.ap-content_page .ap_single .ap_single_title > .ap_relation {
    width: 100%;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .cat_list_posted_on
  .post-categories {
  display: flex;
  justify-content: flex-start;
  margin: 20px auto 0;
  flex-wrap: wrap;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .cat_list_posted_on
  .post-categories
  li {
  line-height: 1;
  margin-bottom: 5px;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .cat_list_posted_on
  .post-categories
  a {
  padding: 5px 10px;
  min-width: 50px;
  background: #fff;
  border: 1px solid #0880bd;
  margin-right: 10px;
  border-radius: 30px;
  color: #0880bd;
  text-align: center;
  display: inline-block;
}
#ap_create.ap-content_page .ap_single .ap_single_title .tags_list_posted_on {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .tags_list_posted_on
  .tags-links
  a {
  padding: 5px 10px;
  min-width: 50px;
  background: #0880bd;
  margin-right: 10px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-bottom: 5px;
}
#ap_create.ap-content_page .ap_single .ap_single_title .ap_relation {
  background: #edf2ff;
  padding: 20px;
  margin: 50px auto;
}
#ap_create.ap-content_page .ap_single .ap_single_title .ap_relation h3 {
  text-align: left;
}
#ap_create.ap-content_page .ap_single .ap_single_title .single_thumbnail img {
  width: 100% !important;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_single .ap_single_title .tags_list_posted_on {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .tags_list_posted_on
    .tags-links
    a {
    margin-bottom: 10px;
  }
  #ap_create.ap-content_page .ap_single .ap_single_title .ap_relation h3 {
    text-align: center;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost {
  padding: 0;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li {
    width: 100%;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  a {
  width: 100%;
  max-width: 90%;
  margin: auto;
  display: block;
  background: #fff;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  a.title {
  height: 70px;
  padding: 5px;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    a.title {
    width: 60%;
    float: left;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  a
  .ap_thumbnail {
  height: 145px;
  overflow: hidden;
  display: block;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    a
    .ap_thumbnail {
    height: 130px;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  a
  .ap_thumbnail
  img {
  width: 100%;
  min-height: 100%;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  .no-img {
  background: #ccc;
  width: 90%;
  height: 145px;
  margin: auto;
  position: relative;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img {
    height: 130px;
  }
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  .no-img
  a {
  background: none;
}
#ap_create.ap-content_page
  .ap_single
  .ap_single_title
  .ap_relation
  .relatedpost
  li
  .no-img
  a:last-child {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  margin: auto;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    > a:first-child,
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img {
    float: left;
    max-width: 40%;
  }
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    > a:first-child
    .ap_thumbnail,
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img
    .ap_thumbnail {
    height: 100px;
  }
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img {
    height: 100px;
  }
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    a {
    background: none;
  }
}
@media (max-width: 767px) and (max-width: 424px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    > a:first-child
    .ap_thumbnail,
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img
    .ap_thumbnail {
    height: 80px;
  }
}
@media (max-width: 767px) and (max-width: 424px) {
  #ap_create.ap-content_page
    .ap_single
    .ap_single_title
    .ap_relation
    .relatedpost
    li
    .no-img {
    height: 80px;
  }
}
#ap_create.ap-content_page .ap_archive {
  width: 80%;
  float: left;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .ap_archive {
    width: 75%;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_archive {
    width: 100%;
  }
}
#ap_create.ap-content_page .ap_archive .column2 {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  #ap_create.ap-content_page .ap_archive .column2 {
    width: 50%;
  }
}
#ap_create.ap-content_page .ap_archive .column2 > div {
  width: 90%;
  max-width: 400px;
}
#ap_create.ap-content_page .ap_archive .column2 > div article {
  position: relative;
}
#ap_create.ap-content_page .ap_archive .column2 > div article figure a {
  height: 215px;
  overflow: hidden;
  display: block;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .ap_archive .column2 > div article figure a {
    height: 180px;
  }
}
#ap_create.ap-content_page .ap_archive .column2 > div article figure a img {
  min-height: 100%;
  width: 100%;
}
#ap_create.ap-content_page .ap_archive .column2 > div article .no-img {
  height: 215px;
  position: relative;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .ap_archive .column2 > div article .no-img {
    height: 180px;
  }
}
#ap_create.ap-content_page .ap_archive .column2 > div article .no-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
}
#ap_create.ap-content_page .ap_archive .column2 > div article .entry-header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
#ap_create.ap-content_page
  .ap_archive
  .column2
  > div
  article
  .entry-header
  .tags-links
  a {
  position: absolute;
  z-index: 1;
  right: 0;
  background: #003f7d;
  padding: 5px 20px;
  text-align: center;
  color: #ffffff;
}
#ap_create.ap-content_page .ap_archive .column2 > div article .entry-footer {
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-top: hidden;
}
#ap_create.ap-content_page
  .ap_archive
  .column2
  > div
  article
  .entry-footer
  .entry-title {
  padding-top: 10px;
  height: 60px;
  line-height: 0.8;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page
    .ap_archive
    .column2
    > div
    article
    .entry-footer
    .entry-title {
    height: 50px;
    overflow: hidden;
  }
}
#ap_create.ap-content_page .ap_archive + .sidebar {
  width: 20%;
  float: left;
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .ap_archive .column2 > div {
    margin: auto;
  }
  #ap_create.ap-content_page .ap_archive + .sidebar {
    width: 100%;
  }
  #ap_create.ap-content_page .ap_archive + .sidebar .widget-title + div,
  #ap_create.ap-content_page .ap_archive + .sidebar .widget-title + ul {
    max-width: 90%;
    margin: auto;
  }
}
#ap_create.ap-content_page .pagination .nav-links {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 70%;
  margin: 30px auto;
}
#ap_create.ap-content_page .pagination .nav-links .next.page-numbers,
#ap_create.ap-content_page .pagination .nav-links .prev.page-numbers {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0;
  width: 150px;
  border-radius: 5px;
  border: 1px solid #217fbc;
  position: relative;
}
#ap_create.ap-content_page .pagination .nav-links .next.page-numbers > span,
#ap_create.ap-content_page .pagination .nav-links .prev.page-numbers > span,
#ap_create.ap-content_page
  .pagination
  .nav-links
  .next.page-numbers
  > svg
  > path:first-child,
#ap_create.ap-content_page
  .pagination
  .nav-links
  .prev.page-numbers
  > svg
  > path:first-child {
  fill: #217fbc;
  color: #217fbc;
}
#ap_create.ap-content_page .pagination .nav-links .svg-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#ap_create.ap-content_page .pagination .nav-links .next.page-numbers .svg-icon {
  right: 1%;
}
#ap_create.ap-content_page .pagination .nav-links .prev.page-numbers .svg-icon {
  left: 1%;
}
@media (max-width: 1023px) {
  #ap_create.ap-content_page .pagination .nav-links .page-numbers.next,
  #ap_create.ap-content_page .pagination .nav-links .page-numbers.prev,
  #ap_create.ap-content_page
    .pagination
    .nav-links
    .page-numbers
    .nav-next-text,
  #ap_create.ap-content_page
    .pagination
    .nav-links
    .page-numbers
    .nav-prev-text {
    display: block;
    width: 70px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .pagination .nav-links .page-numbers {
    display: none;
  }
  #ap_create.ap-content_page .pagination .nav-links .page-numbers.next,
  #ap_create.ap-content_page .pagination .nav-links .page-numbers.prev,
  #ap_create.ap-content_page
    .pagination
    .nav-links
    .page-numbers
    .nav-next-text,
  #ap_create.ap-content_page
    .pagination
    .nav-links
    .page-numbers
    .nav-prev-text {
    display: block;
    width: 70px;
  }
}
@media (max-width: 767px) {
  #ap_create.ap-content_page .pagination .nav-links {
    max-width: 100%;
    justify-content: center;
  }
}
#ap_create.ap-content_page .pagination span.current {
  background: #217fbc;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
}
#ap_create .ap_contact {
  background: #edf2ff;
  padding: 50px 20px;
}
#ap_create .ap_contact > div {
  background: #ffffff;
  padding: 70px 100px;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  #ap_create .ap_contact > div {
    padding: 20px;
  }
}
#ap_create .ap_contact .phone_contact {
  border: 2px solid #217fbc;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .phone_contact {
    display: block;
  }
}
#ap_create .ap_contact .phone_contact > div {
  height: 150px;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .phone_contact > div:first-of-type {
    width: 100%;
    padding: 10px;
  }
}
#ap_create .ap_contact .phone_contact > div:first-of-type h6 {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ap_create .ap_contact .phone_contact > div:first-of-type h6 a {
  font-size: 32px;
  color: #217fbc;
  text-decoration: none;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 a {
    font-size: 24px;
  }
}
#ap_create .ap_contact .phone_contact > div:first-of-type h6 svg {
  margin-right: 10px;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 svg {
    width: 30px;
    height: auto;
  }
}
#ap_create .ap_contact .phone_contact > div:first-of-type h6 svg path {
  fill: #217fbc;
}
#ap_create .ap_contact .phone_contact > div:first-of-type h6 i {
  font-size: 32px;
  margin-right: 10px;
  color: #217fbc;
}
@media (max-width: 1024px) {
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 {
    font-size: 30px;
  }
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 i {
    font-size: 30px;
  }
}
@media (max-width: 374px) {
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 {
    font-size: 24px;
  }
  #ap_create .ap_contact .phone_contact > div:first-of-type h6 i {
    font-size: 24px;
  }
}
#ap_create .ap_contact .phone_contact > div:last-of-type {
  border-left: 2px solid #217fbc;
  padding-left: 30px;
}
@media (max-width: 1023px) {
  #ap_create .ap_contact .phone_contact > div:last-of-type {
    border: hidden;
    border-top: 2px solid #217fbc;
    padding-top: 20px;
    width: 90%;
    margin: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
  }
}
#ap_create .ap_contact .phone_contact > div:last-of-type > ul {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-content: space-around;
  height: 100%;
}
#ap_create .ap_contact .phone_contact > div:last-of-type > ul > li > ul {
  display: flex;
  align-items: center;
}
#ap_create .ap_contact .phone_contact > div:last-of-type > ul > li > ul li {
  margin-right: 10px;
}
#ap_create .ap_contact .phone_contact > div:last-of-type > ul > li > ul li a {
  font-size: 28px;
  text-decoration: none;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .phone_contact > div:last-of-type > ul > li > ul li a {
    font-size: 16px;
  }
}
#ap_create
  .ap_contact
  .phone_contact
  > div:last-of-type
  > ul
  > li
  > ul
  li:first-child {
  width: 20%;
}
#ap_create
  .ap_contact
  .phone_contact
  > div:last-of-type
  > ul
  > li
  > ul
  li
  span {
  display: block;
}
#ap_create .ap_contact .phone_contact > div:last-of-type > ul > li > ul li i {
  margin-right: 10px;
}
#ap_create .ap_contact .wpcf7-form div {
  width: 100%;
  margin: 50px auto;
}
#ap_create .ap_contact .wpcf7-form div.ap_border {
  border-bottom: 2px solid #f8f8f8;
}
#ap_create .ap_contact .wpcf7-form div label {
  display: flex;
  margin-bottom: 20px;
}
#ap_create .ap_contact .wpcf7-form div label + p {
  width: 100%;
  text-align: right;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .wpcf7-form div label {
    display: block;
  }
}
#ap_create .ap_contact .wpcf7-form div label select {
  width: 300px;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  background: #ffffff;
  position: relative;
  border: 1px solid #f8f8f8;
}
#ap_create .ap_contact .wpcf7-form div label span:first-child {
  width: 300px;
  display: block;
  margin-bottom: 20px;
}
#ap_create .ap_contact .wpcf7-form div label span:last-child {
  display: block;
}
#ap_create .ap_contact .wpcf7-form div label span:last-child.font-red {
  color: #ffffff;
  background: #4f4f4f;
  padding: 3px 5px;
  border-radius: 3px;
  margin-left: 10px;
  display: inline;
}
#ap_create .ap_contact .wpcf7-form div label span:last-child input,
#ap_create .ap_contact .wpcf7-form div label span:last-child textarea {
  width: 100%;
  outline: none;
  background: #f8f8f8;
  border: none;
}
#ap_create .ap_contact .wpcf7-form div span.country {
  position: relative;
  display: inline !important;
}
#ap_create .ap_contact .wpcf7-form div span.country::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 50%;
  width: 7px;
  height: 7px;
  border-right: 3px solid;
  border-bottom: 3px solid;
  transform: rotate(45deg);
  display: block;
  border-radius: 2px;
  margin: auto;
}
#ap_create .ap_contact .wpcf7-form div.submit input[type="submit"] {
  width: 70%;
  background: #4f4f4f;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #ap_create .ap_contact .wpcf7-form div.submit {
    display: block;
  }
  #ap_create .ap_contact .wpcf7-form div.submit > span {
    display: block;
    text-align: center;
  }
  #ap_create
    .ap_contact
    .wpcf7-form
    div.submit
    > span:first-child
    .acceptance_no_connect
    + span:last-child {
    display: block;
    margin-bottom: 20px;
  }
}
#ap_create .sitemap {
  background: #edf2ff;
  padding: 50px 20px;
}
#ap_create .sitemap > div {
  background: #ffffff;
  padding: 70px 100px;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  #ap_create .sitemap > div {
    padding: 20px;
  }
}
#ap_create .sitemap > div .section_title {
  font-size: 20px;
}
#ap_create .sitemap > div > ul > li {
  margin-bottom: 30px;
}
#ap_create .sitemap > div > ul > li > div {
  width: 80%;
  margin: 0 auto;
}
#ap_create .sitemap > div > ul > li > div h5 {
  margin-bottom: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#ap_create .sitemap > div > ul > li > div li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 30px;
  position: relative;
}
#ap_create .sitemap > div > ul > li > div li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
}
#ap_create .privacy {
  background: #edf2ff;
  padding: 50px 20px;
}
#ap_create .privacy .inner {
  background: #ffffff;
  padding: 70px 100px;
  border-radius: 10px;
}
#ap_create .privacy .inner > h2.page-title span {
  font-size: 26px;
  color: #0880bd;
  position: relative;
  padding: 30px 0;
  margin-bottom: 30px;
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro",
    "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "Webフォント",
    sans-serif !important;
}
@media (max-width: 767px) {
  #ap_create .privacy .inner > h2.page-title span {
    margin-bottom: auto;
    padding: 10px 0;
    display: block;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  #ap_create .privacy .inner {
    padding: 20px;
  }
}
/* Andplus 20200826 kane  */
@media (max-width: 1200px) {
  #ap_create.ap-content_page .ap_breadcrumb {
    padding-left: 20px;
  }
}
.recruit_float_banner {
  position: fixed;
  right: 0;
  z-index: 5;
}
.recruit_float_banner img {
  width: 130px;
}
.recruit_float_banner {
  bottom: 130px;
}
.grecaptcha-badge {
  opacity: 0;
}
.catch_phrase_img {
  width: 250px;
}
@media (max-width: 767px) {
  .recruit_float_banner img {
    width: 100px;
  }
}
iframe.wp-embedded-content {
  width: 100%;
}
/* 20201126 kane */
#ap_create .lp-link {
  max-width: 90%;
  margin: auto;
}
#ap_create .lp-link > ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
#ap_create .lp-link > ul > li {
  margin: 10px;
}
#ap_create .lp-link > ul > li > img {
  max-height: 200px;
}
#ap_create .lp-link > ul > li:first-child {
  margin-left: 0;
}
#ap_create .lp-link > ul > li:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  #ap_create .lp-link > ul {
    flex-flow: column;
  }
  #ap_create .lp-link > ul > li {
    margin: 0;
  }
  #ap_create .lp-link > ul > li > img {
    max-height: none;
    width: 100%;
  }
}

/* 20201203 kane 追記　検索ボックス設置 */
#ap_create .search-box {
  max-width: 300px;
  margin-right: 20px;
}
#ap_create .search-box p {
  cursor: pointer;
}
#ap_create .search-box i {
  color: #003f7d;
  position: absolute;
  right: 15px;
  top: 7px;
}
#ap_create .search-box i.scroll {
  color: #fff;
}
#ap_create.ap-top_page .search-box i {
  color: #fff;
}
#ap_create .search-box div > form {
  width: 300px;
  margin: auto;
  position: relative;
  height: auto;
}
#ap_create .search-box .search-field {
  min-width: 300px;
  width: 100%;
}
#ap_create .search-box .search-submit {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0;
  padding: 0 30px;
  background: transparent;
}
/* hona サブメニュー追加 */
#ap_create header .sub_nav {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 10px;
}
#ap_create header .scroll .sub_nav {
  display: none;
}
#ap_create header .sub_nav a:first-of-type {
  margin-right: 20px;
  border-right: 1px solid #003f7d;
  padding-right: 20px;
  color: #003f7d;
}
#ap_create header .sub_nav a:last-of-type {
  background: #217fbc;
  padding: 15px 40px;
  border-radius: 5px;
  color: #fff;
}
#ap_create header .sub_nav .search-field {
  border: none;
  background: #ecf0f9;
  height: 30px;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  #ap_create .search-box {
    margin-top: 50px;
  }
  #ap_create .search-box > form {
    position: relative;
  }
  #ap_create .search-box .search-field {
    min-width: 100%;
  }
  #ap_create .search-box .search-submit {
    right: 0;
  }
}
/* 事業実績と挑戦 */
.ap_achieve_page .page_wrap {
  background: #edf2ff;
  padding: 0 30px !important;
}
.ap_achieve_page .page_select {
  max-width: 1200px !important;
  margin: auto !important;
  padding: 100px 100px 50px !important;
  display: flex;
  justify-content: space-between;
}
.ap_achieve_page .page_select > a {
  margin: 0 !important;
}
.ap_achieve_page .page_select > a::after {
  transform: rotate(135deg) !important;
}
.ap_achieve_page .page_select > div {
  position: relative;
}

.ap_achieve_page .page_select > div::before,
.ap_achieve_page .page_select > div::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.ap_achieve_page .page_select > div::before {
  right: 0;
  display: inline-block;
  width: 2.8em;
  height: 2.8em;
  border-radius: 0 3px 3px 0;
  background-color: transparent;
  border-left: 1px solid #227fbc;
  content: "";
}

.ap_achieve_page .page_select > div::after {
  position: absolute;
  top: 45%;
  right: 1.4em;
  transform: translate(50%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #227fbc;
  border-right: 2px solid #227fbc;
  content: "";
}

.ap_achieve_page .page_select > div select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 0.4em 3.6em 0.4em 0.8em;
  border: 1px solid #227fbc;
  border-radius: 3px;
  cursor: pointer;
}

.ap_achieve_page .page_wrap .page_achieve {
  padding-bottom: 500px !important;

  background-image: url(images/achieve_back_ribbone.png) !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
  position: relative;
  overflow: hidden;
}
.ap_achieve_page .page_wrap .page_achieve::before {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ap_achieve_page .page_wrap .page_achieve.open::before {
  animation-name: slideTextY-100;
  animation-duration: 20s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes slideTextY-100 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

.ap_achieve_page .achieve_content {
  display: flex;
  align-items: start;
  position: relative;
  z-index: 1;
}

.ap_achieve_page .achieve_content#select_2012 {
  background-image: url(images/achieve_content_back1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2013 {
  background-image: url(images/achieve_content_back2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2014 {
  background-image: url(images/achieve_content_back3.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2015 {
  background-image: url(images/achieve_content_back4.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2016 {
  background-image: url(images/achieve_content_back5.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2017 {
  background-image: url(images/achieve_content_back6.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2018 {
  background-image: url(images/achieve_content_back7.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2019 {
  background-image: url(images/achieve_content_back8.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2020 {
  background-image: url(images/achieve_content_back9.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .achieve_content#select_2022 {
  background-image: url(images/achieve_content_back10.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.ap_achieve_page .page_achieve > img {
    position: absolute;
    bottom: 0;
    left: 0;
}
.ap_achieve_page .achieve_content > div:first-child {
  width: 45%;
}
.ap_achieve_page .achieve_content > div:first-child h3 {
  display: inline-block;
  color: #227fbc;
  font-size: 46px !important;
  font-weight: bold !important;
  margin-right: 10px !important;
}
.ap_achieve_page .achieve_content > div:first-child::before {
  width: 75%;
  height: 2px;
  background: #217fbc;
  content: "";
  float: right;
  margin: 5% 0;
}
.ap_achieve_page .achieve_content > div:first-child > div {
  width: 60%;
  margin: 10% auto !important;
}
.ap_achieve_page .achieve_content > div:first-child > div.bottom {
  margin-bottom: 20% !important;
}
.ap_achieve_page .achieve_content#select_2014 > div:first-child > div.bottom,
.ap_achieve_page .achieve_content#select_2020 > div:first-child > div.bottom {
  margin-bottom: 50% !important;
}
.ap_achieve_page .achieve_content > div:first-child > div.icon {
  width: 70% !important;
}
.ap_achieve_page .achieve_content > div:last-child {
  width: 55%;
}
.ap_achieve_page .achieve_content > div:last-child > p {
  padding-left: 20px !important;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.ap_achieve_page .achieve_content.achieve_contents > div:last-child {
  border: 2px solid #217fbc !important;
  border-radius: 3px;
  padding: 2% !important;
  box-sizing: border-box;
  background: #fff;
}
.ap_achieve_page .achieve_content.achieve_contents > div:last-child > div {
  margin: 30px 0 !important;
}
.ap_achieve_page .achieve_content.achieve_contents > div:last-child > table {
  padding: 0 !important;
  margin: 25px 0 !important;
}
.ap_achieve_page .achieve_content.achieve_contents > div:last-child > table td {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.ap_achieve_page .achieve_content.achieve_contents > div:last-child > a,
.ap_achieve_page .achieve_content.achieve_contents > div:last-child > div > a {
  margin: 0 0 10px 50px !important;
}
.ap_achieve_page
  .achieve_content.achieve_contents
  > div:last-child
  > div.no-accordion
  > table {
  margin-bottom: 20px;
}
.ap_achieve_page
  .achieve_content.achieve_contents
  > div:last-child
  > div.no-accordion
  > table
  td:last-child {
  font-size: 20px !important;
  color: #217fbc !important;
  line-height: 1.3;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
.ap_achieve_page
  .achieve_content.achieve_contents
  > div:last-child
  > div
  > img {
  margin: 10px 0 10px 50px !important;
  width: 60%;
}

#ap_create.ap-content_page .page_content .achieve_content .accordion td > span {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
}
#ap_create.ap-content_page .page_content .achieve_content td > strong {
  font-size: 40px;
  color: #217fbc;
  vertical-align: middle;
  margin-bottom: 5px;
  display: inline-block;
}
#ap_create.ap-content_page .page_content .achieve_content label {
  color: #217fbc;
  font-size: 20px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  line-height: 1.3;
  padding-right: 30px;
    cursor: pointer;
}
#ap_create.ap-content_page .page_content .achieve_content label::after {
  display: inline-block;
  content: "ー";
  top: calc(50% - 11px);
  right: 0;
  position: absolute;
  border: 2px solid;
  border-radius: 30px;
  font-weight: bold;
  font-size: 14px;
  padding: 0 2px;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  .accordion
  .toggle:checked
  + label::after {
  content: "＋";
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  .accordion
  .toggle
  + .Label
  + .content {
  /*閉時*/
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  .accordion
  .toggle:checked
  + .Label
  + .content {
  /*開時*/
  height: 0;
  transition: all 0.3s;
  margin-top: 15px;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  .accordion
  .toggle
  + .Label
  + .content
  p {
  margin-bottom: 15px;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  .accordion
  .toggle
  + .Label
  + .content
  p
  strong {
  color: #217fbc;
}
#ap_create.ap-content_page .page_content .achieve_content a {
  text-decoration: none;
  display: block;
  line-height: 1.5;
  margin-bottom: 10px;
}
#ap_create.ap-content_page .page_content .achieve_content a::before {
  background-image: url(images/achieve_content_link.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  content: "";
  width: 7px;
  height: 12px;
  vertical-align: middle;
  margin-right: 10px;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  a.target-link::before {
  background-image: url(images/achieve_content_targetlink.png);
  width: 20px;
  height: 18px;
}
#ap_create.ap-content_page
  .page_content
  .achieve_content
  a.google-link::before {
  background-image: url(images/achieve_content_googlelink.png);
  width: 11px;
  height: 15px;
}
#ap_create.ap-content_page .page_content .achieve_content tr td:first-child {
  width: 10%;
}
.ap_achieve_page
  .achieve_content#select_2019
  > div:last-child
  > div:first-child
  span {
  display: block;
}
.ap_achieve_page
  .achieve_content#select_2019
  > div:last-child
  > div:first-child
  span:nth-child(2) {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin: 5px;
}

.ap_achieve_page .page_challenge {
  background: #edf2ff !important;
  padding-bottom: 10% !important;
}
.ap_achieve_page .page_challenge > div {
  background: #fff;
  padding: 95px 70px 80px !important;
  width: 90%;
  max-width: 940px !important;
  margin: -50px auto 0 !important;
  border-radius: 10px;
}
.ap_achieve_page .page_challenge > img.sp {
  display: none;
  width: 100%;
}

@media (max-width: 1200px) {
    .ap_achieve_page .achieve_content > div:first-child h3{
        font-size: 3.4vw !important;
    }
    .ap_achieve_page .page_wrap .page_achieve {
      background-size: 550px auto !important;
      background-repeat: repeat-y !important;
    }
}
@media (max-width: 767px) {
  .ap_achieve_page .page_select {
    padding: 30px 20px 30px !important;
    display: block;
  }
  .ap_achieve_page .page_select > div {
    margin-bottom: 10px !important;
  }
  .ap_achieve_page .page_select > div select {
    width: 100%;
  }
  .ap_achieve_page .page_select .ap_btn {
    max-width: unset;
  }
  .ap_achieve_page .achieve_content {
    display: block;
  }
  .ap_achieve_page .achieve_content > div:first-child {
    width: 100%;
    padding-top: 50% !important;
    padding-bottom: 10% !important;
  }
  .ap_achieve_page .achieve_content#select_2010 > div:first-child {
    padding-top: 20% !important;
  }
  .ap_achieve_page .achieve_content > div:first-child h3 {
    display: block;
    text-align: center;
  }
  .ap_achieve_page .achieve_content > div:first-child::before {
    display: none;
  }
  .ap_achieve_page .achieve_content > div:first-child > div {
    display: none;
  }
  .ap_achieve_page .achieve_content.achieve_contents > div:first-child {
    height: auto !important;
  }
  .ap_achieve_page .achieve_content > div:last-child {
    width: 100%;
  }
  #ap_create.ap-content_page .page_content .achieve_content tr td:first-child {
    width: 15%;
  }
  .ap_achieve_page .achieve_content > div:first-child {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .ap_achieve_page .achieve_content#select_2012 > div:first-child {
    background-image: url(images/achieve_content_back1_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2013 > div:first-child {
    background-image: url(images/achieve_content_back2_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2014 > div:first-child {
    background-image: url(images/achieve_content_back3_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2015 > div:first-child {
    background-image: url(images/achieve_content_back4_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2016 > div:first-child {
    background-image: url(images/achieve_content_back5_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2017 > div:first-child {
    background-image: url(images/achieve_content_back6_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2018 > div:first-child {
    background-image: url(images/achieve_content_back7_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2019 > div:first-child {
    background-image: url(images/achieve_content_back8_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2020 > div:first-child {
    background-image: url(images/achieve_content_back9_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2021 > div:first-child {
    background-image: url(images/achieve_content_back10_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2022 > div:first-child {
    background-image: url(images/achieve_content_back11_sp.png);
  }
  .ap_achieve_page .achieve_content#select_2023 > div:first-child {
    background-image: url(images/achieve_content_back12_sp.png);
  }
  .ap_achieve_page .page_wrap .page_achieve {
    background-image: url(images/achieve_back_eath_sp.png) !important;
      padding-bottom: 400px !important;
      background-repeat: no-repeat !important;
  }
    .ap_achieve_page .page_wrap .page_achieve.open::before{
        animation: none;
        transform: translateY(100%);
    }
  #ap_create.ap-content_page .page_challenge {
    padding-top: 5% !important;
  }
  #ap_create.ap-content_page .page_challenge .section_title {
    text-align: center;
    padding-bottom: 0;
  }
  #ap_create.ap-content_page .page_challenge .section_title span {
    width: 60%;
    margin: 3% auto 0;
  }
  .ap_achieve_page .page_challenge > img.pc {
    display: none;
  }
  .ap_achieve_page .page_challenge > img.sp {
    display: block;
  }
  .ap_achieve_page .page_challenge > div {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: -80px !important;
  }
}

#ap_create.ap-content_page .ap_single.ap_single_ie .ap_single_title {
  padding-top: 0 !important;
}
#ap_create.ap-content_page .ap_single.ap_single_ie h3,
#ap_create.ap-content_page .farmer-relation h3 {
  color: #217fbc;
  font-weight: normal;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO" !important;
  margin-bottom: 5% !important;
}
#ap_create.ap-content_page .ap_single.ap_single_ie .tags_list span {
  color: #217fbc;
  background: #edf2ff;
  padding: 5px 15px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 30px;
}

.farmer-years .ap_single_title {
  padding-bottom: 2% !important;
}
.farmer-years h3 {
  text-align: center !important;
  font-weight: bold !important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}
.farmer-years .farm-img {
  padding: 2% 0 5% !important;
  width: 75%;
  margin: auto !important;
}
.farmer-years .btn-nav{
  display: flex;
  justify-content: space-around;
}
.farmer-years .btn-nav .prev .ap_btn::after{
  right: auto!important;
  left: 1rem;
  rotate: 180deg;
}
@media (max-width: 767px) {
  .farmer-years h3 {
    text-align: left !important;
  }
  .farmer-years .farm-img {
    width: 90%;
  }
}
.fa-twitter:before {
  content: "" !important;
  background-image: url(images/x-logo-white.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 25px;
}

#ap_create.ap-content_page .about_page > div.office > div{
  max-width: 800px;
  margin: auto;
}
#ap_create.ap-content_page .about_page > div.office > div > div {
  margin:1% auto 5%;
}
#ap_create.ap-content_page .about_page > div.office > div > div > p {
text-align: left;
color:#217fbc ;
}

#ap_create.ap-content_page .about_page > div.office > div > div > img {
margin: auto;
}
@media (max-width: 1023px) {
  
}