/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */


/* Header ------------- */
.header-wrap .header-logo { width: 97%;}
.header-wrap {margin-bottom: 15px;}
.header-logo #nav ul li a { padding: 1.5em 0.6em;}
.header-logo #nav ul li a:before {}
.header-logo #nav ul li:not(:first-child) a:before {
  content: "";
  border-left: 1px solid #000;
  padding-left: 17px;
}
.header-logo #nav ul ul {
  position: absolute;
  top: 100%;
  left: -100px;
  background: #f27406;
}
.header-logo #nav ul ul li a {
  color: #fff !important;
}
.header-logo #nav ul ul li a:before {
  border-left: none !important;
  padding-left: 0px !important;
}
#nav_fixed #nav ul ul {
  background: #f27406 !important;
}
#nav_fixed #nav ul ul li a {
  color: #fff !important;
}
/* mininav ------------- */
.header_small_menu #description {
    padding: 3px 0;
    font-size: 13px;
}
.header_small_content {
  width: 97%;
}
.header_small_menu a:before {
  font-family: fontAwesome;
  content: "";
}
.header_small_menu .mininav_riyou a,
.header_small_menu .mininav_other a,
.header_small_menu .mininav_other label,
.header_small_menu .mininav_login a {
  background: #fff09b;
  color: #da3c12 !important;
  padding: 7px 15px !important;
  font-weight: bold;
}
.header_small_menu .mininav_contact a {
  color: #000000 !important;
  font-weight: bold;
}
.header_small_menu .mininav_tw a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/twitter.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_sns a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/earth.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_ig a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/instagram.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_pr a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/pinterest.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_fb a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/facebook.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_fq a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/circle-question-solid.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_riyou a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 16px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_goriyou_orange.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_login a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 13px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_login.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_menu .mininav_contact a:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 13px;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_mail_contact_gray.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.header_small_sns {
  padding-top: 0.5rem;
  visibility: hidden;
  position: sticky;
  z-index: 999999;
  transition: none;
  height: 0px;
  margin-left: -4rem;
  background: none;
}
.header_small_sns a {
  transition: none;
}
.header_small_sns_check:checked+.header_small_sns {
  visibility: visible;
  height: 20px;
}
/* Header Message ------------- */
.header_message {
  background: none;
  text-align: left;
  font-weight: 700;
  position: relative;
  margin: 0 auto;
  width: 80%;
  border-radius: 10px;
}
.header-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
  box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%);
}
.home .hentry {
  background: none;
}
.home .single-post-main {
  padding: 0em 10px;
}
.home .header_message_wrap {
  /*display: none !important;*/
}
.header_message .header_message_wrap {
  background: #fff09b;
  border-radius: 10px;
  padding: 10px;
  display: block;
  border: 1px solid #d0d0d0;
  margin-top: 10px;
}
.header_message_text:before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 25px;
  background-image: url("https://makoto1688.com/wp-content/themes/diver_child/img/icon_megaphone.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
@media screen and (max-width:960px){
	.header_message {
		margin-top: calc(180px - 1vw) !important;
	}
	.home .header_message {
		margin:auto !important;
	}
}
@media screen and (max-width:760px){
	.header_message {
		margin-top: calc(240px - 1vw) !important;
	}
	.home .header_message {
		margin:auto !important;
	}
}
/* Contents Area --------- */
.hentry {
  border: none;
}
.single-post-main {
  padding: 1em 10px;
}
/* Side bar --------- */
#sidebar .widget {
  border: 1px solid #d0d0d0;
}
#sidebar .widget_search {
  border: none !important;
}
.diver_widget_profile .coverimg.on {
  background-size: 100% auto;
  height: 180px;
  margin-bottom: 10px;
}
.diver_widget_profile .coverimg.on img {
  position: relative;
  top: 30px;
}
/* ---------widgettitle--------- */
.widgettitle {
  background: #fff !important;
  border-left: 7px solid #f27406;
  color: #000 !important;
  margin: 0px 0 10px;
  padding: 4px 10px 4px 13px;
  font-weight: bold;
}
/* --------- search ---------  */
.widget_search {}
.searchform .s {
  border-radius: 10px;
}
input[type=submit].searchsubmit {
  background-color: #f27406;
  border-radius: 0 10px 10px 0;
}
/* --------- kawase --------- */
.kawase {
  background: #fff09b;
  color: #f27406;
  font-size: 150%;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 8px;
  margin: 8px 0;
}
/* --------- gaiyo ---------  */
.side_contact_btn {
  background: #f27406 url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_goriyou.png) no-repeat 20px 50%;
  text-align: center;
  color: #fff !important;
  display: block;
  border-radius: 10px;
  padding: 10px 10px 10px 30px;
  font-weight: bold;
}
.side_contact_btn_sub {
  text-align: center;
  font-weight: bold;
}
.side_contact_btn_sub span {
  color: #f27406;
}
.side_contact_link {
  text-align: right;
}
.side_contact_link a {
  background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_orange.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
  color: #000 !important;
}
/* --------- riyou touroku ---------  */
.mg0 {
  margin: 10px 0 !important;
}
.riyoubtn {
  background: #f27406 !important;
  text-align: center;
  border-radius: 23px;
}
.riyoubtn span {
  background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_goriyou.png) no-repeat;
  color: #fff;
  padding-left: 28px;
  background-size: 21px 19px;
}
#side_consul_member {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 93%;
  margin: 0 auto;
}
#side_consul_member div {
  width: 45%;
  margin-bottom: 10px;
  text-align: center;
}
#side_consul_member div a {
  color: #000 !important;
  transition: all 0.5s ease 0s;
  display: block;
}
#side_consul_member div img {
  width: 100%;
  margin-bottom: 5px !important;
}
/* pankuzu ----------- */
#breadcrumb,
.hentry {
  border: none !important;
}
/* ichiran ----------- */
.wrap-grid-post-box {
  margin: -3px;
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -js-display: flex;
  justify-content: space-evenly;
}
.grid_post-box {
  width: 32.33333%;
  position: relative;
  padding: 4px;
  letter-spacing: normal;
  vertical-align: top;
  margin: 10px 0 10px !important;
}
.grid_post-box .post-box-contents {
  background: #f9f9f9;
}
/*To top ----------- */
#page-top a {
  background: #000;
  text-decoration: none;
  color: #fff;
  width: 50px;
  font-size: 25px;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  display: block;
  border-radius: 0;
}
.foot_logo {
  position: relative;
  display: block;
  min-height: 220px;
}
.foot_logo img {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/*copyright ----------- */
.footer_content {
  text-align: center;
}
.footer_content .footer_navi ul li {
  border-left: 1px solid #fff;
  padding: 0 10px
}
.footer_content .footer_navi ul li:first-child {
  border-left: none;
}
#copyright {
  float: none;
  text-align: center;
  font-size: 80%;
  padding: 15px 0;
  background: #000;
  color: #fff;
}
/* Single Page -------------- */
.sticky-post-box .post-cat {
  background: #6d6d6d;
}
.single_thumbnail img {
  width: 100%;
}
.hentry .post-meta-bottom {
  margin-top: 8px;
}
#single-main .post-author.author {
  margin-top: 2px;
}
.share {
  padding: 0px 0;
}
#single-main .post-meta .tag,
#single-main .article_footer .tag {
  padding: 0.3em 0.5em;
  margin-top: 0;
}
.hentry .single-post-category {
  padding: 0.3em 1em;
  margin: 0 2px;
}
.diver_widget_profile .coverimg.on img {
  top: 30px;
}
.diver_widget_profile .coverimg.on {
  margin-bottom: 10px;
}
h1.single-post-title,
h1.page_title {
  margin: 0 auto;
  background: #4788bf;
  text-align: center;
  color: #fff;
  padding: 40px 30px;
  font-size: 160%;
  font-weight: bold;
}
.pc_view {
  display: inherit;
}
.sp_view {
  display: none;
}
@media screen and (max-width: 500px) {
  .pc_view {
    display: none;
  }
  .sp_view {
    display: inherit;
  }
  #scrollnav {
    margin-bottom: 10px
  }
  h1.single-post-title,
  h1.page_title {
    margin: 5% 0 10px;
    text-align: left;
    color: #fff;
    padding: 26px 22px;
    font-size: 150%;
    font-weight: bold;
    text-align: left;
	padding-top: 26px !important;
  }
	
.blog .sticky-post-wrap {
		/*margin-top: 80px;*/
	}
  #sidebar .widget {
    border: note;
  }
  .widgettitle {
    background: #ffefd8 !important;
    border-left: 7px solid #f27406;
    color: #f27406 !important;
    margin: 0px 0 10px;
    padding: 4px 10px 4px 13px;
    font-weight: bold;
  }
  .header_message {
    width: 96%;
  }
}
/* Single Page Title -------------- */
.single-post-main h2:first-child {
  margin: 0 0 1em;
}
/**/
.page_read_big {
  background-color: #fff;
  color: #000;
  border-left: 6px solid #4788bf;
  padding: 0.2em 0.7em !important;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 0 1em;
  line-height: 1.3;
  border-radius: 0 !important;
}
.single-post-main .content h2,
.page .content h2
  {
  background-color: #fff;
  color: #000 !important;
  border-bottom: 4px solid #4788bf;
  padding: 0.5em 0.5em !important;
  font-size: 1.5em !important;
  margin: 40px 0 1em !important;
  line-height: 1.5 !important;
  border-radius: 0 !important;
}
.single-post-main h3,
.single-post h3,
.sc_frame_wrap h3{
  background: #e0f0ff !important;
  color: #000 !important;
  padding: 0.8em 1em !important;
  font-size: 1.15em !important;
  margin: 1em 0 1em !important;
  line-height: 1.3 !important;
  border-bottom: none !important;
  border-left: none !important;
}
.single-post-main .content h3:after,
.single-post-main .content h4:after {
  display: none;
}
.single-post-main h3 span.orange_txt {
  color: #dc6701;
}
.single-post-main h4 {
  padding-left: 0px !important;
  border-bottom: 2px solid #4788bf;
  color: #4788bf;
}
/* acc -------------- */
.acc_txt {
  color: #f27406;
  font-weight: bold;
}
.acc_txt_marker {
  background: linear-gradient(transparent 0%, #fff09b 0%);
}
.acc_lv2 {
  background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_acc_square.png) no-repeat 5px 14px;
  padding: 10px 10px 10px 35px !important;
  color: #e16900;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.3;
  margin: 10px 0 20px;
  border-bottom: 1px solid #a7a7a7;
}
.acc_small {
  font-size: 90% !important;
}
.icon_red {
  color: #b32429;
}
/* kijinai btn -------------- */
.makoto_btn a {
  background: #f27406 url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_w.png) no-repeat 20px 50%;
  text-align: center;
  color: #fff !important;
  display: block;
  border-radius: 10px;
  padding: 10px 25px 10px 50px;
  font-weight: bold;
  width: fit-content;
  width: -moz-fit-content;
  margin: 20px auto;
  text-decoration: none !important;
  transition: all 0.5s ease 0s;
}
.makoto_btn a:hover {
  opacity: 0.7;
}
/* onayami list -------------- */
.makoto_onayami_list {
  border: #d4d4d4 4px solid;
  border-radius: 10px;
  padding: 25px 25px 10px;
  margin: 10px 0 30px;
}
.makoto_onayami_list li {
  list-style: none;
}
.makoto_onayami_list li:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 0.7em;
  height: 0.7em;
  background: #000;
  border-radius: 50%;
  margin-right: 8px;
}
.makoto_onayami_list li span {
  color: #1867a4;
  font-weight: bold;
}
/* table-------------- */
.makoto_table {
  width: 100%;
  border-collapse: collapse;
}
.makoto_table thead th {
  background: #fae5c6;
}
.makoto_table tbody th {
  background: #f5f5f5;
  font-weight: normal;
}
#bigfooter .widget ul:first-child>li {
  border-bottom: none !important;
}
#bigfooter .widget ul:first-child>li a:before {
  content: "－";
  color: #ABABAB;
}
#bigfooter .widget.widget_nav_menu li a {
  padding: 0.2em 1em;
}
.foot_nav_top {
  background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_orange.png) no-repeat 0px 50%;
  font-weight: bold;
}
.foot_nav_top a:before {
  content: "";
  display: none !important;
}
/*  ---------------------------------
    Column
 --------------------------------- */
.col5,
.sc_col5 {
  width: 20%;
  float: left;
  padding: 10px;
}
/*  ---------------------------------
      TOP
 --------------------------------- */
.home main#page-main figure {
  display: none;
}
.home main#page-main .makoto_bl10_inner figure {
  display: inherit !important;
}
/*key megahon*/
.h1eye {
	transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.h1eye_inner{
    display: inline-block;
    font-size: 28pt;
    transform: perspective(111px)  rotateY(-8deg);
    font-weight: bold;
    letter-spacing: -0.05em;
    background: #000;
    color: #fff;
    padding: 0 15px;
	font-style: italic;
}
.h1eye:after {
    content: "";
    display: inline-block;
    background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl03_accent.png);
    background-size: contain;
    vertical-align: middle;
    width: 69px;
    height: 67px;
    margin-left: 90px;
	margin-bottom: 16px;
    transform: rotate(58deg);
    background-repeat: no-repeat;
}
/* TOP BTN  */
.makoto_top_btn_o {
  background: linear-gradient(to top, #fff3b2, #fff);
  box-shadow: 0px 6px 0px #a1510b;
  border-radius: 100px;
  border-bottom: 1px solid #a1510b;
  border: none;
  display: inline-block;
  padding: 10px 80px;
  text-decoration: none !important;
  font-size: large;
  margin-left: 8%;
  font-weight: bold;
  color: #000 !important;
  font-size: 160%;
  width: 53%;
  text-align: center;
  position: relative;
}
.makoto_top_btn2_o {
  background: linear-gradient(to top, #fff3b2, #fff);
  box-shadow: 0px 6px 0px #a1510b;
  border-radius: 100px;
  border-bottom: 1px solid #a1510b;
  border: none;
  display: inline-block;
  padding: 10px 80px;
  text-decoration: none !important;
  font-size: large;
  margin: 0px auto;
  font-weight: 700;
  color: #000 !important;
  font-size: 160%;
  width: 450px;
  text-align: center;
  position: relative;
  display: block;
}
.makoto_top_btn_o:hover,
.makoto_top_btn2_o:hover {
  box-shadow: 0px 0px 0px #a1510b;
  transform: translateY(6px);
}
#makoto_cursor {
  position: absolute;
  top: 18px;
  right: 8px;
  width: 57px;
}
/* 2blobk ika */
.bl_orange {
  border: 16px solid #f17405;
  background: #fff;
  position: relative;
}
.bl_orange_btnarea {
  background: #f17405;
  padding: 30px 20px;
}
.makoto_bl02_inner { margin: 85px 2% 0px 25%;}
.makoto_bl02_inner #toc_container { display: none !important;}
#toc_container .toc_list>li a { font-size: 110%!important;}
.sc_frame_text li { line-height: 1.5!important;}
.makoto_bl02_inner h3 { background:#fff !important;}
/* ---------------------
bl_price
 --------------------- */
#price_content {
  line-height: 1.8;
  margin-bottom: 2em;
  position: relative;
  word-break: normal;
  font-size: 18px;
}
#makoto_bl_price {
  margin: 150px 0 40px;
  position: relative;
}
.makoto_bl_price_inner { padding: 50px 50px 50px;}
.makoto_bl_price_inner p {  color: #000;}
.makoto_bl_price_inner .tbl-r05 {border: 2px solid #ccc!important;}
#makoto_bl_price h2 {
  text-align: center !important;
  color: #000 !important;
  font-size: 270% !important;
  position: relative !important;
  background: rgba(0, 0, 0, 0.00) !important;
  border-bottom: none !important;
  padding: 0.2em 0.5em !important;
  margin: 26px 0 10px !important;
}
#makoto_bl_price h2 span img {
  position: absolute;
  top: -71px;
}
.makoto_bl_price_inner article { margin: 24px auto;}
.makoto_bl_price_inner .plan2 { margin: 6% auto}
.makoto_bl_price_inner article .p-name {
  color: #f17405;
  font-weight: bold;
  font-size: 130%;
  position: relative;
  margin-bottom: 5%;
  font-size: 22px!important;
}
.makoto_bl_price_inner article .p-name::after {
  content: '';
  width: 100%;
  height: 4px;
  left: 0;
  background-color: #f17405;
  position: absolute;
  bottom: 8px;
}
@media (max-width: 768px) {
	h1.single-post-title,
    h1.page_title {
		padding-top:35%;
	}
	.p-name:before {
    content: '\f078' !important;
    right: 0.5em !important;
    top: 50% !important;
    position: absolute !important;
    color: #e0e0e0 !important;
    font-family: fontAwesome !important;
    transform: translateY(-50%) translateX(-50%) !important;
    -webkit-transform: translateY(-50%) translateX(-50%) !important;
    left: initial !important;
    background-color: initial !important;
    width: initial !important;
    height: initial !important;
    margin-top: -12px;
    color: #f37d15 !important;
  }
}
.bl_price_btn {
  background: white url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_orange.png) no-repeat 96% 50%;
  background-size: 9px 15px;
  border: 5px solid #000;
  padding: 18px 0px 23px;
  border-radius: 100px;
  display: block;
  text-align: center;
  text-decoration: none !important;
  color: black !important;
  margin-top: 14px;
  width: 50%;
  margin: 3% auto;
  font-size: 130%;
  font-weight: bold;
  line-height: 1.5em;
}
.bl_price_btn:hover {
  background: black url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_w.png) no-repeat 97% 50%;
  background-size: 9px 15px;
  color: white !important;
  transition: all 250ms ease-out;
}
#bl_price_panda {
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 25%;
}
#bl_price_coin {
  position: absolute;
  right: 19px;
  bottom: 73px;
  width: 20%;
}
@media (max-width: 768px) {
  #makoto_bl_price h2 span img {
    display: none;
  }
}
@media (max-width: 959px) {
	h1.single-post-title,
    h1.page_title {
		/*padding-top:19%;*/
	}
  #makoto_bl_price {
    margin: 50px 0 30px;
    position: relative;
  }
  #makoto_bl_price h2 { font-size: 160% !important;}
  .makoto_bl_price_inner {padding: 30px 15px 0;}
  
}
@media (max-width: 565px) {
  .bl_price_btn {width: 90%;}
  #bl_price_panda,
  #bl_price_coin {
    display: none;
  }
}
#makoto_bl11 h2 {
  text-align: center !important;
  color: #000 !important;
  font-size: 270% !important;
  position: relative !important;
  background: rgba(0, 0, 0, 0.00) !important;
  border-bottom: none !important;
  padding: 0.2em 0.5em !important;
  margin: 26px 0 10px !important;
}
.makoto_bl11_inner {padding: 32px;}
.makoto_bl11_inner .makoto_supplier {
	border: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 2fr 2fr;
}
.makoto_bl11_inner .makoto_supplier li {
	list-style: none;
	padding: 8px;
	text-align: left;
}
.makoto_bl11_inner .makoto_supplier li p {
	list-style: none;
	text-align: center;
	font-size: 15px!important;
}
.makoto_bl11_inner .makoto_supplier p img {
	height: 130px;
	width: auto;
}
.makoto_bl11_inner .makoto_supplier li a {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
.makoto_bl11_inner .taobao a img {
	 height: 70px!important;
    display: inline-block;
    margin: 40px auto!important;
}
.makoto_bl11_inner .makoto_supplier li a img {
	height: 100px;
	width: auto;
	margin: 24px auto;
	text-align: center;
}
@media (max-width: 600px) {
	
	.makoto_bl11_inner .makoto_supplier {
		display: block;
	}
	
	.makoto_bl11_inner .makoto_supplier li {
		list-style: none;
		padding: 0;
		text-align: initial;
	}
	
	.makoto_bl11_inner .makoto_supplier li p {
		text-align: left;
		font-size: 16px!important;
	}
	.makoto_bl11_inner .makoto_supplier li img {
		width: 65%;
		height: auto;
	}
	
	.makoto_bl11_inner .taobao a img {
	 height: initial;
    display: inline-block;
    margin: initial;
}
	
	.makoto_bl11_inner .makoto_supplier li a {
		text-align: center;
		width: 100%;
	}
	#makoto_bl11 h2 {
		font-size: 150%!important;
		margin: 0 5px 24px!important;
		display: inline-block!important;
		line-height: 1.2!important;
		width: 100%;
	}
	
	#makoto_bl11 .makoto_supplier .supplier_title {
		position: relative;
	}
	
	#makoto_bl11 .makoto_supplier .supplier_title:before {
    content: '\f078' !important;
    right: 0.5em !important;
    top: 65% !important;
    position: absolute !important;
    color: #e0e0e0 !important;
    font-family: fontAwesome !important;
    transform: translateY(-50%) translateX(-50%) !important;
    -webkit-transform: translateY(-50%) translateX(-50%) !important;
    left: initial !important;
    background-color: initial !important;
    width: initial !important;
    height: initial !important;
    margin-top: -8px;
	 color: #f37d15 !important;
	}
}
/*table*/
.tbl-r05 {
  text-align: center;
  border-collapse: collapse;
  margin: 0 auto;
  width: 90%;
}
.tbl-r05 td:first-child {
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  font-size: 110%;
}
.tbl-r05 .thead .t-makoto {
  width: 234px;
}
.tbl-r05 .thead .t-oc {
  width: 21%;
}
.tbl-r05 .thead th,
.tbl-r05 .titem td {
  border-bottom: 2px dashed #d0d0d0;
}
.tbl-r05 .thead th {
  padding: 2% 0;
}
.tbl-r05 .titem td {
  line-height: 2.5em;
  color: #000;
}
.tbl-r05 .thead th:nth-child(2) {
  background-color: #f17405;
  color: white;
  font-size: 135%;
}
.tbl-r05 .thead th:nth-child(3),
.tbl-r05 .titem :nth-child(3) {
  border-right: 2px dashed #d0d0d0;
}
.tbl-r05 .titem td:first-child {
  font-weight: bold;
}
.tbl-r05 .titem td:nth-child(2) {
  background-color: #ffe7ad;
  border-left: 2px dashed #f17405;
  border-right: 2px dashed #f17405;
  font-weight: bold;
  font-size: 120%;
}
.s-unit { font-size: 70%;}
.titem .pc_view { display: inline-block;}
@media screen and (max-width: 800px) {
.titem .pc_view {
    display: none;
}
.tbl-r05 .titem td {
    line-height: 1.2em;
    color: #000;
    font-size: 90%;
}
.tbl-r05 .titem td:nth-child(2) {
    background-color: #ffe7ad;
    border-left: 2px dashed #f17405;
    border-right: 2px dashed #f17405;
    font-weight: bold;
    font-size: 90%;
}
.tbl-r05 td:first-child {
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    font-size: 70%;
}
	
.tbl-r05 .titem td:nth-child(3),
.tbl-r05 .titem td:nth-child(4) {
	font-size: 85% !important;
}
	
.tbl-r05 .titem td:nth-child(2) .s-unit {font-size: 85% !important;}
.s-unit {
    font-size: 70%;
    text-align: center;
    display: inline-block;
}
.s-unitsp {
	font-size: 85% !important;
}
	
}
.voice article {
	position: relative;
	display: inline-block;
	width: 90%;
	min-width: 500px;
	white-space: normal;
	vertical-align: top;
	margin: 32px 12px;
	padding: 22px;
	background: #fff7c8;
	border-radius: 10px;
}
@media screen and (max-width: 650px) {
  .voice article {
		display: inline-block;
		min-width: 90%;
		vertical-align: text-top;
	   margin: 30px 8px 0 0px;
  }
}
.voice article div {
	text-align: center;
  border: none;
}
.voice article div img {
    width: 70%;
    border: #fff solid 5px;
    margin: 8px auto;
    text-align: center;
}
.voice article p {
  line-height: 1.5;
  font-size: 90%;
}
.voice article p span {
  color: #f17405;
  font-weight: bold;
}
.voice article span.voice_type {
  position: absolute;
  top: -22px;
  right: 30%;
  border: 1px solid #f17405;
  background: #fff;
  padding: 6px 20px;
  text-align: center;
  font-size: 85%;
  color: #000;
  border-radius: 100px;
  min-width: 150px;
}
.voice_name {
  font-size: 110% !important;
  font-weight: bold;
  padding-bottom: 15px !important;
  border-bottom: 1px dashed #f17405;
  margin-bottom: 15px;
}
.sec_voice_p {
  margin-bottom: 15px;
}
/* ---------------------
 Block08
 --------------------- */
#makoto_bl08 {
  margin: 80px 0;
}
#makoto_bl08 h2 {
  color: #000;
  font-size: 300% !important;
  line-height: 1.2;
  background-size: 32%;
  margin-bottom: 0;
  padding: 20px;
  text-align: center;
  border-bottom: none;
  margin-bottom: 0 !important;
}
#makoto_bl08 h2 span {
  color: #f17405;
}
.makoto_bl08_inner {
  padding: 50px 50px 0px;
  position: relative;
}
.office_photo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.makoto_bl08_inner article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.makoto_bl08_inner article div:nth-child(1) {
  width: 45%;
}
.makoto_bl08_inner article div:nth-child(1) img {
  width: 100%;
}
.makoto_bl08_inner article div:nth-child(2) {
  width: 53%;
}
.makoto_bl08_middle {
  text-align: center;
  width: fit-content;
  width: -moz-fit-content;
  margin: 30px auto 0;
  padding: 0 50px !important;
  display: block;
  font-size: 167%!important;
  font-weight: 700;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl09_shasen01.jpg), url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl09_shasen02.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  line-height: 1.2;
  color: #000;
}
.makoto_bl08_bottom {
  line-height: 1.2;
  color: #000;
  font-size: 223%!important;
  font-weight: 700;
  text-align: center;
}
.makoto_bl08_bottom span {
  color: #f17405;
}
.makoto_bl08_inner h3 {
  border-bottom: none !important;
  background: #000 !important;
  color: #fff !important;
  text-align: center;
  font-weight: bold;
  font-size: 110% !important;
  margin-bottom: 10px !important;
}
.makoto_bl08_inner h4 {
  background: #fff !important;
  padding: 0.8em 0em !important;
  margin: 0em 0 0em !important;
  border-bottom: none !important;
  color: black !important;
}
.makoto_bl08_inner h4:before {
  /*content: "●";*/
  content: none !important;
}
.office_photo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
.office_photo div {
  font-size: 85%;
}
.office_photo div:nth-child(1) {
  width: 54%;
}
.office_photo div:nth-child(2) {
  width: 44%;
}
.office_photo div:nth-child(1) img,
.office_photo div:nth-child(2) img {
  width: 100%;
  margin-bottom: 5px !important;
  height: 280px;
}
.paper_photo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin: 20px auto 30px;
}
.paper_photo div {
  font-size: 85%;
  width: 30%;
  line-height: 1.3;
}
.paper_photo div img {
  width: 100%;
  height: 270px;
  border: 1px solid #d8d8d8;
  margin-bottom: 5px;
}
/* ---------------------
 Block10
 --------------------- */
.bl_black {
  border: 18px solid #000;
  background: #fff;
  position: relative;
}
#makoto_bl10 {
  margin: 80px 0;
}
#makoto_bl10 h2 {
  color: #000;
  font-size: 300% !important;
  line-height: 1.2;
  background-size: 32%;
  margin-bottom: 0;
  padding: 20px 20px 30px !important;
  text-align: center;
  background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_fukidashi.png), url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_panda.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 218px 25%, 105.5% bottom!important;
  background-size: 140px, 200px;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.makoto_bl10_inner {
  padding: 30px;
}
.makoto_bl10_inner .sc_article.grid>a {
  box-shadow: none;
}
.makoto_bl10_inner .sc_article.grid .post_list_thumb img {
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}
.makoto_bl10_inner .sc_article.grid .post_list_thumb,
.sc_article.list .post_list_thumb {
  position: relative;
  background-color: #eee;
  box-shadow: aquamarine !important;
  box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
  border: 1px solid #eee;
}
.makoto_bl10_inner .sc_article_date { display: none;}
.makoto_bl10_inner ul {
	border: none!important;
}
@media screen and (max-width: 959px) {
  .bigfooter_colomn.col3,
  .bigfooter_colomn.col4 {
    padding: 0px 35px !important;
  }
  #bigfooter {
    padding-bottom: 20px;
  }
  .header_message .header_message_wrap {
    margin-top: 10px;
  }
  #scrollnav { margin-bottom: 1px;}
  .makoto_top_btn_o {
    font-size: 160%;
    width: 61%;
  }
#key_copy01 {
    position: absolute;
    top: -24px;
    left: -20px;
    width: 100%;
}
.h1eye_inner {font-size: 25pt;}
	
.h1eye:after {
    content: "";
    display: inline-block;
    background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl03_accent.png);
    background-size: contain;
    vertical-align: middle;
    width: 60px;
    height: 67px;
    margin-left: 64px;
    margin-bottom: 16px;
    transform: rotate(58deg);
    background-repeat: no-repeat;
}
  #makoto_top {
    min-height: 510px;
    margin-bottom: 40px;
  }
  .bl_orange .makoto_bl02_inner h3 {
    font-size: 140% !important;
    margin: 0 0 5px !important;
  }
  .bl_orange .makoto_bl02_inner article h3:before { font-size: 180% !important;}
  .makoto_bl02_inner { margin: 55px 2% 0 22%;}
  #makoto_bl02 {margin: 140px 0 100px;}
  #makoto_bl03 h2 {font-size: 205% !important;}
  #makoto_bl03 h2 span img {
    top: -38px;
    width: 60px;
  }
  .makoto_bl03_bottom p:nth-child(2) {
    width: 63%;
    font-size: 98%;
    font-weight: normal;
  }
  .makoto_top_flow {
    width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
  }
  .makoto_bl04_inner {
    padding: 30px 30px 0;
    position: relative;
  }
  .makoto_bl04_inner h2 { margin-top: 10px !important;  }
  .bl05bottom span {font-size: 110%;}
  #makoto_bl05 h2 {font-size: 220% !important;}
  #makoto_bl05 h2 span {font-size: 126%;}
	
	#makoto_bl05 .sp_view:after {
		content: '\f078' !important;
		right: 0em !important;
		top: 50% !important;
		position: absolute !important;
		color: #e0e0e0 !important;
		font-family: fontAwesome !important;
		transform: translateY(-50%) translateX(-50%) !important;
		-webkit-transform: translateY(-50%) translateX(-50%) !important;
		left: initial !important;
		background-color: initial !important;
		width: initial !important;
		height: initial !important;
		margin-top: -8px;
		color: #f37d15 !important;
	}
  #makoto_bl06 h2 {
    color: #000;
    font-size: 300% !important;
    line-height: 1.2;
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl06_panda.png) no-repeat 95% 0% !important;
    background-size: 36%!important;
    margin-bottom: 0;
    padding: 58px 10px 20px!important;
  }
  .makoto_bl06_inner {
    padding: 25px 25px 0;
    position: relative;
  }
  .balloon1 p {
    margin: 0;
    padding: 20px 10px !important;
    font-size: 93%;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
  }
  .balloon2-right {
    font-size: 117%;
  }
  #makoto_bl07 h2 {
    font-size: 220% !important;
    padding: 20px 20px 20px 220px !important;
  }
  #bl07_tori {
    position: absolute;
    top: -133px;
    left: -26px;
    width: 22%;
  }
  .makoto_bl08_inner article div:nth-child(2) {
    width: 53%;
    line-height: 1.5;
  }
  .makoto_bl08_inner {
    padding: 30px 20px 0;
  }
  .makoto_bl08_middle {
    padding: 0 40 !important;
    font-size: 130%;
  }
  .makoto_bl08_bottom {
    font-size: 150%;
    margin-top: 10px;
  }
  .paper_photo div img {
    height: 207px;
  }
  .paper_photo div {
    font-size: 60%;
  }
  #makoto_bl10 h2 {
    color: #000;
    font-size: 230% !important;
    line-height: 1.2;
    background-size: 32%;
    margin-bottom: 0;
    padding: 116px 20px 22px !important;
    text-align: left;
    background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_fukidashi.png), url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_panda.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 65% 18%, 98.5% bottom;
    background-size: 140px, 200px;
  }
}
@media screen and (max-width: 830px) {
  #bl05_buta {
    position: absolute;
    bottom: 189px;
    right: -48px;
    width: 34%;
  }
}
@media screen and (max-width: 795px) {
	h1.single-post-title,
    h1.page_title {
		padding-top:10%;
	}
  #bl02_panda,
  #makoto_bl03 h2 span img {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  #makoto_bl06 h2 {
    font-size: 200% !important;
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl06_panda.png) no-repeat 95% 0%;
    background-size: 36%;
    margin-bottom: 0;
    padding: 58px 10px 20px;
  }
}
@media screen and (max-width: 500px) {
  .home .single-post-main {
    padding: 1em 10px;
  }
  #makoto_top {
    background: #f17405;
    border-radius: 20px;
    background-size: 100%;
    position: relative;
    padding: 30px 50px 50px;
    margin-top: 50px;
    min-height: 40vh;
    margin-bottom: 20px;
  }
  #key_mainimg {
    top: 10px;
    left: -15px;
    width: 117% !important;
  }
#key_copy01 {
    top: -20px;
    left: -4px;
    width: 100%;
}
  #makoto_top article {
    top: 31px;
    left: 0;
  }
	.h1eye_inner {
    display: inline-block;
    font-size: 17pt;
    transform: perspective(111px)  rotateY(-8deg);
    font-weight: bold;
    letter-spacing: -0.05em;
    background: #000;
    color: #fff;
    padding: 0 15px;
    font-style: italic;
}
	
.h1eye:after {
    content: "";
    display: inline-block;
    background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl03_accent.png);
    background-size: contain;
    vertical-align: middle;
    width: 39px;
    height: 51px;
    margin-left: 21px;
    margin-bottom: 16px;
    transform: rotate(58deg);
    background-repeat: no-repeat;
}
  #key_copy02 {
    width: 85%;
    margin: 0 auto 26px 7%;
  }
  .makoto_top_btn_o {
    width: 85%;
  }
  .bl_orange {border: 10px solid #f17405;}
  #bl02_title {
    position: absolute;
    right: -8px;
    top: -64px;
    width: 101%;
  }
  .makoto_bl02_inner {margin: 25px 5% 0 5%;}
  #makoto_bl02 {margin: 70px 0 80px;}
  .bl_orange .makoto_bl02_inner article h3:before {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .bl_orange .makoto_bl02_inner h3 {text-align: center;}
  .single-post-main h2 span {
    font-size: 110%;
    margin: 0 5px;
    display: inline-block;
    line-height: 1.2;
  }
  .makoto_top_btn_o {
    padding: 10px 20px !important;
    width: 83%;
    font-size: 140% !important;
  }
  #makoto_cursor {
    position: absolute;
    top: 18px;
    right: -7px;
    width: 45px;
  }
  .makoto_top_btn2_o {
    padding: 10px 30px;
    width: 100%;
    font-size: 139%;
  }
  #bl02_coin1 {
    left: -45px;
    bottom: -75px;
    width: 35%;
  }
  #bl02_coin2 {
    right: -48px;
    bottom: -71px;
    width: 40%;
  }
  .bl_orange .makoto_bl02_inner article h3:before {font-size: 130% !important;}
  #makoto_bl03 h2 {
    font-size: 180% !important;
    line-height: 1.3;
  }
  #makoto_bl03 h2 span {
    position: relative;
    padding: 0 0px 0 0px;
  }
  #makoto_bl03 article a {
    background: #ffe7ad url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_orange.png) no-repeat 98% 50%;
    background-size: 9px 15px;
    padding: 13px 13px;
    margin-bottom: 10px;
    font-size: 100%;
  }
  .makoto_bl03_inner {padding: 25px 20px 0;}
  .makoto_bl03_bottom p:nth-child(1) {width: 0;}
  .makoto_bl03_bottom p:nth-child(2) {
    width: 100%;
    font-size: 100%;
    margin: 10px 0 0;
    font-weight: normal;
  }
  .makoto_bl03_inner p {width: 100%;}
	
.makoto_bl03_bottom p:nth-child(3) { font-size:100%;}
.makoto_bl03_inner p:nth-child(3) { width: 90%; margin-bottom: 20px; text-align: center; }
  .makoto_bl03_bottom_btn {margin-top: 5px;}
  #makoto_bl04 h2 {
    text-align: left;
    color: #000;
    font-size: 180% !important;
    line-height: 1.2;
    padding: 0 10px 10px 20px;
    margin-bottom: 0 !important;
  }
  #bl04_panda {
    top: -152px;
    right: -14px;
    width: 50%;
  }
  .makoto_bl04_inner {padding: 0px 20px 0;}
  .makoto_bl04_toggle {
    border-bottom: 4px solid #d4d4d4;
    padding: 10px 30px 10px 30px !important;
    font-weight: 700;
    line-height: 1.3;
    text-indent: -1em;
  }
  .makoto_bl05_inner {padding: 30px 20px 0;}
  #makoto_bl05 h2 {
    text-align: right;
    color: #000;
    font-size: 190% !important;
    line-height: 1.2;
    padding-left: 113px;
    margin-bottom: 0px !important;
    padding-right: 50px!important;
  }
  #makoto_bl05 h2 span {
    font-size: 130%;
  }
  #makoto_bl05 article div h3.noborder_last {
    margin-top: 30px !important;
  }
  #makoto_bl04 .sc_toggle_content article section {
    width: 100%;
    padding: 0 10px;
  }
  #makoto_bl04 .sc_toggle_content article section:not(:last-child) {
    border-right: none;
  }
  .makoto_top_flow {
    width: 100%;
    padding-left: 0 !important;
  }
  #makoto_bl05 article div {
    width: 100%;
    min-height: auto;
  }
  #makoto_bl05 article .good {
    background: #ffe7ad url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl05_nijyumaru.png) no-repeat 50% 50%;
    background-size: 30%;
  }
  #makoto_bl05 article .soso {
    background: #deecc1 url("https://makoto1688.com/wp-content/themes/diver_child/img/img_bl05_sankaku.png") no-repeat 50% 50%;
    background-size: 30%;
  }
  #makoto_bl05 article .bad {
    background: #d7d7d7 url("https://makoto1688.com/wp-content/themes/diver_child/img/img_bl05_batsu.png") no-repeat 50% 50%;
    background-size: 30%;
  }
  #bl05_risu {
    position: absolute;
    top: 12px;
    left: -76px;
    width: 33%;
  }
  #bl05_buta {
    bottom: -79px;
    right: -42px;
    width: 48%;
  }
  .bl05bottom span {
    text-align: left;
  }
  #makoto_bl06 {
    margin: 30px 0;
  }
  #makoto_bl06 h2 {
    font-size: 161% !important;
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl06_panda.png) no-repeat 1% 112% !important;
    background-size: 36% !important;
    margin-bottom: 0;
    padding: 58px 0 10px 138px !important;
  }
  .makoto_bl06_inner {
    padding: 25px 25px 0;
  }
  .needs article {
    width: 100%;
  }
  .balloon1 {
    margin: 0.5em 0 20px;
  }
  .balloon2-right:before {
    content: "";
    position: absolute;
    top: 107%;
    right: 46%;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #fff0;
    z-index: 2;
    border-top: 12px solid #000;
  }
  #doki {
    display: block;
    width: 85%;
    margin: 0 auto;
    align-items: center;
  }
  #doki div:nth-child(1) {
    width: 100%;
  }
  #doki div:nth-child(2) {
    width: 74%;
    text-align: center;
    margin: 0 auto;
  }
  #makoto_bl07 h2 {
    font-size: 179% !important;
    background-size: 32%;
    margin-bottom: 0;
    padding: 20px 7px 11px 120px !important;
    margin-bottom: 0 !important;
  }
  #bl07_tori {
    position: absolute;
    top: -127px;
    left: -36px;
    width: 36%;
  }
  .makoto_bl07_inner {
    padding: 25px 25px 0;
    position: relative;
  }
  .voice article div {
		position: static;
		top: 0px;
		left: 0px;
		FONT-VARIANT: JIS04;
		border: none;
		text-align: left;
		width: 100%;
		margin: 0 auto 15px;
  }
  .voice article span.voice_type {
    top: -17px;
    right: 25%;
  }
  .voice_name {
    font-size: 100% !important;
    padding-bottom: 15px !important;
    margin-bottom: 0px;
  }
  .makoto_bl07_bottom_btn {width: 95%;}
  #makoto_bl07 {margin: 80px 0 0px;}
  #makoto_bl08 { margin: 50px 0 0 !important;}
  #makoto_bl08 h2 {font-size: 200% !important; }
  .makoto_bl08_inner { padding: 25px 25px 0;}
  .makoto_bl08_inner article div:nth-child(1),
  .makoto_bl08_inner article div:nth-child(2),
  .office_photo div:nth-child(1),
  .office_photo div:nth-child(2) {
    width: 100%;
  }
  .makoto_bl08_middle { font-size: 123%;}
  .makoto_bl08_bottom {
    font-size: 190%;
    margin-top: 10px;
    padding-bottom: 0 !important;
  }
  .office_photo div:nth-child(1) img,
  .office_photo div:nth-child(2) img {
    width: 100%;
    height: 200px;
  }
  .paper_photo {
    width: 100%;
    margin: 20px auto 15px;
    font-size: 85%;
  }
  .paper_photo div {
    font-size: 85%;
    width: 48%;
    padding-bottom: 15px;
  }
  .paper_photo div img {
    height: 209px;
  }
  #makoto_bl09 {
    margin: 30px 0;
  }
  #makoto_bl10 {
    margin: 0px 0;
  }
  .makoto_bl10_inner {
    padding: 4px;
  }
  #makoto_bl10 h2 {
    color: #000;
    font-size: 215% !important;
    line-height: 1.2;
    background-size: 32%!important;
    margin-bottom: 0!important;
    padding: 120px 20px 16px !important;
    text-align: left;
    background-image: url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_fukidashi.png), url(https://makoto1688.com/wp-content/themes/diver_child/img/img_bl11_panda.png)!important;
    background-repeat: no-repeat, no-repeat!important;
    background-position: 150px 15%, 105.5% bottom!important;
    background-size: 134px, 147px!important;
  }
  .foot_logo {
    min-height: 74px;
    display: none;
  }
  .foot_logo img {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
/* h2uwagakiyou */
.single-post-main .content h2,
.page .content h2
  {
  background-color: #fff;
  color: #000 !important;
  border-bottom: 4px solid #4788bf;
  padding: 0.5em 0.5em !important;
  margin: 40px 0 1em !important;
}
.home .content h2 {
	background: rgba(0,0,0,0.00)!important;
}
.page .content h3 {
	background-color: #fff;
    border-radius: 50px;
    padding-left: 30px;
}
@media screen and (max-width:959px) {
  #nav,
  #onlynav,
  .header-logo #nav{
    display: none !important;
  }
}
@media screen and (max-width:519px) {
  #nav{
    display: none !important;
  }
}
/****************************************
          Price table
*****************************************/
.price_table_service,
.price_table_service2{ border:0;border-collapse: collapse; width: 100%;}
.price_table_service tr
.price_table_service2 tr { border-top: 7px solid #fff;border-bottom: 7px solid #fff;}
.price_table_service td{ border:0; padding: 8px; border-top: 10px solid #fff;border-bottom: 10px solid #fff;}
.price_table_service2 td { border:0; padding: 8px;}
.price_table_b td { border:1px solid #fff;}
.price_table_service2 tr:nth-child(1) td{border-left: 5px solid #fff;border-right: 5px solid #fff;}
.price_table_service .price_table_headline a,
.price_table_service2 .price_table_headline a{ color: #fff !important;}
.price_table_headline {
    position: relative;
    margin: 0;
    padding: 2em 0px 2em;
    border-radius: 10px 0 0 10px;
    color: #fff;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
.price_table_headline2 {
    position: relative;
    margin: 0;
    padding: 2em 0px 2em;
    border-radius: 10px 10px 0 0;
    color: #fff;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 2px #415b6f;
    height: 85px;
}
.pth-daiko {background-color: #6cb2e9;}
.pth-intr {background-color: #307ebb;}
.pth-oem {background-color: #2292a9;}
.pth-dedi {background-color: #68aaad;}
.pth-pay {background-color:#68b857;}
.pth-other {background-color:#8e8e8e;}
.pth-photo {
    background-color: #92ad00;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price_table_service tr td:nth-child(1){ padding: 0;}
.price_table_service2 tr:nth-child(1) td{ padding: 0;}
.price_table_service2 tr td:nth-child(1){ font-weight: bold;}
.price_table_service tr:nth-child(even) td:nth-child(n+2) {background-color: #f0f0f0;}
.price_table_service2 tr:nth-child(even) td{background-color: #f0f0f0;}
.price_table_service2 .pth-photo {min-height: auto !important;}
.pth-oem2 {
    background-color: #2292a9;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 959px) {
.table_wrap { overflow-x: scroll;}
.price_table_service,.price_table_service2{white-space: nowrap;}
.price_table_headline2 {
    position: relative;
    margin: 0;
    padding: 1.2em 0px 1.2em;
    border-radius: 10px 10px 0 0;
    color: #fff;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 2px #415b6f;
    height: 65px;
}
.pth-other {
    background-color:#8e8e8e;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
/****************************************
          first view
*****************************************/
.header_img_inner_wrap .header_image_title {
	text-shadow: 3px 2px 6px #2d4461;
	line-height: 1.3;
}
.header_image_desc {
    margin-bottom: 25px;
    font-weight: normal;
	text-shadow: 3px 2px 6px #2d4461;
}
@media screen and (max-width: 959px) {
.home .diver_firstview_image {
    background-position: 0% 100% !important;
    /*margin-top: 194px;*/
	margin-top: 135px;
}
	
.firstview_content {
        width: 100% !important;
        padding-bottom: 230px;
    }
.header_img_inner_wrap .header_image_title {font-size: 8vw !important;}
}
/**/
.header_small_content {position: relative;}
.header_small_menu_right {
    position: absolute;
    top: 11px;
    right: 1px;
}
.header_small_menu #description {
    padding: 5px 5px 5px 10px;
    width: 100%;
    line-height: 1.2;
}
.diver-tab {
    width: 100%;
    overflow: hidden
}
.diver-tab__btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.diver-tab__btns .diver-tab-button {
    padding: .5em 1em;
    border-radius: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #999;
    background: #eee;
    cursor: pointer;
    text-align: center
}
.diver-tab__btns .diver-tab-button.is-active {
    color: #fff;
    background: #333;
    font-weight: bold
}
.diver-tab__panels .diver-tab-panel {
    display: none;
    padding: 1em;
    margin: 0;
    width: 100%
}
.diver-tab__panels .diver-tab-panel.is-active {
    display: block
}
.widget.widget_diver_widget_tab {
    padding: 0
}
.widget.widget_diver_widget_tab .widgettitle {
    margin: 0
}
.widget.widget_diver_widget_tab .widget-inner {
    padding: 0
}
.diver-tabwidget {
    width: 100%
}
.diver-tabwidget__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}
.diver-tabwidget__tabs--item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: .6em 1.2em;
    background: #f9f9f9;
    color: #999;
    border-top: 3px solid #aaa;
    font-size: .9em;
    white-space: nowrap;
    text-align: center;
    -webkit-box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .1) inset;
    cursor: pointer
}
.diver-tabwidget__tabs--item.is-active {
    background: #fff;
    color: #333;
    border-top: 3px solid #2196f3;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default
}
.diver-tabwidget__content--title {
    display: none
}
.diver-tabwidget__content--inner {
    width: 100%;
    display: none;
    padding: 10px
}
.diver-tabwidget__content--inner:first-of-type {
    display: block
}
.diver-tabwidget__content ul li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: .9em
}

/* newTOP 202408 Re:202508 --------------------------------- */

#makoto_tokucho2408 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);
    background-size: 100%;
    margin: 0 calc(50% - 50vw); 
}
#makoto_tokucho2408 h2 {
    margin: 0 auto 0px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    text-align: center;
    margin-bottom: 20px;
}
    
#makoto_tokucho2408 h2 p {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_chinakumo.png) no-repeat 100% 50%;
    width: fit-content;
    display: block;
    margin: 0 auto;
    background-size: 150px;
    padding: 30px 80px;
    margin-bottom: 20px;
}
.makoto_tokuchoread,
.makoto_serviceread,
.makoto_voiceread { text-align:center;
	max-width: 1000px;
    margin: 0 auto 30px;
	color: #1f245c !important;
}

.makoto_tokucho2408_detail { 
     display: flex;
    max-width: 90%;
    margin: 50px auto;
    width: 80%;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

#makoto_tokucho2408 article {
    background: #fff;
    margin: 0 auto;
    width: 31%;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 4px #ddd);
    padding: 40px 25px 30px;
    color: #1f245c;
    margin-bottom: 40px;
}

#makoto_tokucho2408 article img{
    width: 100%;
    height: 300px;
    margin: 15px 0;
}

#makoto_tokucho2408 article .tok_title {
    position: relative;
    padding: .3em 1em;
    font-weight: bold;
    margin: 1.2em 0 .8em;
    line-height: 1.4 !important;
    margin-top: 0 !important;
    color: #1f245c !important;
    background: rgba(0, 0, 0, 0.00) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
	text-align: left;
    font-size: 1.3em !important;
}
#makoto_tokucho2408 article .tok_title::before {
    background:#e0f0ff;
    color: #1170ca;
    border-radius: 10px;
    font-family: "Century Gothic";
    padding: 10px 20px;
    font-size: 100%;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 20px;
    position: absolute;
    top: -45px;
    left: 40%;
}
#makoto_tokucho2408 article:nth-of-type(1) .tok_title::before { content: "01"; }
#makoto_tokucho2408 article:nth-of-type(2) .tok_title::before { content: "02"; }
#makoto_tokucho2408 article:nth-of-type(3) .tok_title::before { content: "03"; }
#makoto_tokucho2408 article ul { margin-left: 0; padding-left: 0;}
#makoto_tokucho2408 article ul li {
    list-style: none;
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_check.png) no-repeat 5px 5px;
    background-size: 25px;
    padding-left: 40px;
    margin: 15px 0;
    font-size: 105%;
}
.btn_bluetxt {
    border-radius: 100px;
    background: #f3f9ff url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_blue.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 10px 44px 10px 36px !important;
    border: 2px solid #9cbedd;
    font-size: 90%;
    text-decoration: none !important;
    color: #1f245c !important;
    margin-top: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
    width: fit-content;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
}
.btn_bluetxt:hover {
    background: #dbe9f7 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_blue.png) no-repeat 93% 50%;
    background-size: 6px;
    color: #1f245c !important;
}

/* 入力（チェックボックス）を視覚的に非表示：PC/スマホ共通 */
.makoto_tokucho2408_detail > article > input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.makoto_tokucho2408_detail .tok_title > label { display: block; cursor: default; }
.makoto_tokucho2408_detail .tok_body { display: block; }


/* 誠のサービス */

#makoto_service2508 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluecloud.png);
    background-size: auto;
    margin: 0 calc(50% - 50vw);
    padding: 30px 20px;
}

#makoto_service2508 h2 {
    margin: 0 auto 0px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    text-align: center;
    margin-bottom: 20px;
}

.makoto_service2508_detail {
    display: flex;
    max-width: 90%;
    margin: 50px auto;
    width: 80%;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

.makoto_service2508_detail article {
    background: #fff;
    padding: 0px 25px 20px;
    border-radius: 18px;
    position: relative;
    border: 10px solid #dbe9f7;
    width: 30%;
}

.makoto_service2508_detail > article > input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.makoto_service2508_detail .svc_title {
    font-size: 1.2em !important;
    padding: .3em 1em;
    font-weight: bold;
    margin: 1.2em 0 .8em;
    background: unset !important;
    text-align: center;
    color: #1f245c !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    padding: 20px 0 !important;
    line-height: 1em;
    height: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.makoto_service2508_detail .svc_title > label {
  display: block;
  cursor: default;
}

.makoto_service2508_detail .svc_body { display: block; }

.makoto_service2508_detail .svc_title span { font-size: 80%; display: block;}
.makoto_service2508_detail article p { font-size: 90%;}


/* ===== スマホ：1カラム + H3トグル（CSSのみ） ===== */
@media (max-width: 767px) {
  .makoto_service2508_detail {
      display: block;
    max-width: 100%;
    margin: 20px auto;
    width: 100%;
}
  .makoto_service2508_detail > article {
    width: 100%;
    padding: 0px 15px 0px;
    margin-bottom: 9px;
    border: 5px solid #dbe9f7;
    }
    
.makoto_service2508_detail .svc_title {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    padding: 9px 0 !important;
    line-height: 1em;
    height: 3em;
}

  /* H3(=label)をボタン化 */
  .makoto_service2508_detail .svc_title > label {
    cursor: pointer;
    position: relative;
    padding: 12px 44px 12px 16px;
    border-radius: 6px;
    width: 100%;
  }
  /* フォーカス見やすく（任意） */
  .makoto_service2508_detail .svc_title > label:focus-visible {
    outline: 2px solid #999;
    outline-offset: 2px;
  }

  /* 開閉アイコン（＋／－） */
  .makoto_service2508_detail .svc_title > label::after {
    content: "＋";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
  }
  .makoto_service2508_detail > article > input[type="checkbox"]:checked + h3 > label::after {
    content: "－";
  }

  /* 本文はデフォルト閉じる */
  .makoto_service2508_detail .svc_body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    margin-top: 0;
    padding-top: 0;
  }
  /* チェック時に展開（十分大きい値） */
  .makoto_service2508_detail > article > input[type="checkbox"]:checked ~ .svc_body {
    max-height: 1000px;
    margin-top: 8px;
  }

    .makoto_service2508_detail > article .btn_bluetxt { margin-bottom: 20px; }
    
}

/* brandロゴ */
#makoto_brand2408 {
    background: #fff;
    margin: 0 calc(50% - 50vw);
    padding-top: 50px;
}
    
#makoto_brand2408 h2 {
    margin: 0 auto 0px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    margin-bottom: 20px; text-align: center;
}
#makoto_brand2408 h2 p {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_chinakumo.png) no-repeat 100% 50%;
    width: fit-content;
    display: block;
    margin: 0 auto;
    background-size: 150px;
    padding: 30px 80px 12px;
    margin-bottom: 20px;
}
#makoto_brand2408 p.brandread {
    color: #1f245c !important;
    text-align:center;
    margin-bottom:30px; }
/*logoscroll new*/
.logo_scroll div {
    display: flex;
    margin-bottom: 20px;
    margin-right: -106px;
}
.logo_scroll__wrap {
	display: flex;
	overflow: hidden;}
.logo_scroll div a {
    display: block;
    height: 80px;
    width: fit-content;
    margin: 21px 10px;
    border-left: #b3b3b3 1px solid;
    padding-left: 15px;
}
.logo_scroll div img {
    height: 100% !important;
    width: fit-content !important;
    max-width: fit-content;
}
/*anime*/
@keyframes infinity-scroll-left {
from { transform: translateX(0);}
  to { transform: translateX(-100%);}  
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0;
    padding-left: 0 !important;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
}
@media (max-width: 969px) {
.scroll-infinity__list--left {animation: none; display: initial;}
.scroll-infinity__wrap {
	overflow: auto;
	}
.scroll-infinity__list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	}
.scroll-infinity__list:nth-child(n+2){
		display: none;
	}
.scroll-infinity__item:nth-child(3),
.scroll-infinity__item:nth-child(4),
.scroll-infinity__item:nth-child(6),
.scroll-infinity__item:nth-child(7),
.scroll-infinity__item:nth-child(8),
.scroll-infinity__item:nth-child(11),
.scroll-infinity__item:nth-child(13),
.scroll-infinity__item:nth-child(14),
.scroll-infinity__item:nth-child(15),
.scroll-infinity__item:nth-child(16){
	display: none;
}
    
}



.scroll-infinity__item {
  width:max-content;
  text-align: center !important;
}
.scroll-infinity__item::marker {
    display: none !important;
    color: #fff0;
}
.scroll-infinity__item img {
    width: 100%;
    object-fit: contain;
    height: 96px;
    transition: all 0.5s ease 0s;
    margin: 0 25px 25px;
    border-left: 1px solid #aaa;
}
.scroll-infinity__item img:hover { opacity: 0.7;}
/* ---------------------
  　flow
 --------------------- */

#makoto_aboutmakoto2408{
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluecloud.png);
    background-size: auto;
    margin: 0 calc(50% - 50vw);
    padding: 30px 20px;
}

#makoto_topflow2408 {
    background:linear-gradient(180deg, transparent 0%, transparent 65%, #ffffff 65%, #ffffff 100%), url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);
    background-size: auto;
    margin: 0 calc(50% - 50vw);
    padding: 30px 20px;
}


#makoto_topflow2408 h2,
#makoto_aboutmakoto2408 h2{
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    text-align: center;
    background: unset;
    border-bottom: 0;
    text-align: center;
    margin-bottom: 20px;
}
#makoto_topflow2408 div {
    display: flex;
    max-width: 90%;
    margin: 50px auto;
    width: 80%;
    justify-content: center;
    gap: 15px;
}
.topflow_read {
    text-align: center;
    color: #1f245c;
}
#makoto_topflow2408 div b {
    background: unset !important;
    text-align: center;
    color: #1f245c !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    padding: 20px 0 !important;
    display: block;
    font-size: 1.1em;
    line-height: 1.2;
}
#makoto_topflow2408 div article {
    background: #fff;
    padding: 0px 15px 20px;
    border-radius: 18px;
    position: relative;
    border:10px solid #dbe9f7;
}
#makoto_topflow2408 div article > span {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: block;
    width: 35%;
    background: #207ac6;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    border-radius: 50px;
}
#makoto_topflow2408 div article img {
    margin: 0 auto 20px;
    width: 80%;
    display: block;
}
.topflow_detail {
    text-align: center;
    line-height: 1.5;
    padding-bottom: 0 !important;
    color: #1f245c;
}
.btn_magenta {
    border-radius: 100px;
    background: #fc376c url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 10px 44px 10px 36px !important;
    font-size: 90%;
    text-decoration: none !important;
    color: #fff !important;
    margin-top: 20px;
    width: fit-content;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
.btn_magenta_left {
    border-radius: 100px;
    background: #fc376c url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 10px 44px 10px 36px !important;
    font-size: 90%;
    text-decoration: none !important;
    color: #fff !important;
    margin-top: 20px;
    width: fit-content;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
.btn_magenta:hover,
.btn_magenta_left:hover{
    background:#da2959 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
}
.btn_magenta_center {
    border-radius: 100px;
    background: #fc376c url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 15px 65px 15px 60px !important;
    font-size: 150%;
    text-decoration: none !important;
    color: #fff !important;
    margin-top: 20px;
    width: fit-content;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
    letter-spacing: 0.03em;
    line-height: 1.3;
}
.btn_magenta_center span { font-size: 63%; font-weight: normal; display: block;}
.btn_magenta_center:hover {
    background:#da2959 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
}
.btn_orange_center {
    border-radius: 100px;
    background: #f27406 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 15px 65px 15px 60px !important;
    font-size: 150%;
    text-decoration: none !important;
    color: #fff !important;
    margin-top: 20px;
    width: fit-content;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
    letter-spacing: 0.03em;
    line-height: 1.3;
}
.btn_orange_center span { font-size: 63%; font-weight: normal; display: block;}
.btn_orange_center:hover {
    background:#be6212 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 92% 50%;
    background-size: 6px;
}
/* ---------------------
  　price
 -------------------- */
#makoto_price2408 {
    background: linear-gradient(180deg, transparent 0%, transparent 65%, #ffffff 65%, #ffffff 100%), url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);
    background-size: 100%;
    margin: 0 calc(50% - 50vw) 75px;
    padding-bottom: 0px;
}
#makoto_price2408 h2 {
    margin:50px auto 25px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    text-align: center;
    background: none;
}
    
#makoto_price2408 h2 p {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_chinakumo.png) no-repeat 100% 50%;
    width: fit-content;
    display: block;
    margin: 0 auto;
    background-size: 150px;
    padding: 60px 80px 30px;
    margin-bottom: 0px;
}
.makoto_priceread { 
    text-align: center;
    color: #1f245c !important;
	max-width: 1000px;
    margin: 0 auto 30px;
}
.makoto_price_point {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
    max-width: 969px;
    margin: 30px auto;
}
.makoto_price_point article {
    width: 47%;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 4px #ddd);
    padding: 40px 40px 15px;
    background: #fff;
    font-weight: bold;
}
.makoto_price_point article h3 {
    font-size: 120% !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 13px !important;
    padding: 10px !important;
    text-align: center;
    background: #207ac6 !important;
    border-radius: 7px;
    color: #fff !important;
}
.makoto_price_point article p { text-align: center; color: #1f245c !important; }
.makoto_price_point article:nth-of-type(1) {position: relative;}
.makoto_price_point article:nth-of-type(1)::before,
.makoto_price_point article:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 31px;
    background-color: #207ac6;
    top: 45%;
    right: -31px;
}
.makoto_price_point article:nth-of-type(1)::after {
    transform: rotate(90deg);
}
.makoto_price_point article:nth-of-type(1) p {
    font-size: 230%;
    color: #207ac6 !important;
    margin-top: 27px;
}
.makoto_price_point article:nth-of-type(2) p {
    font-size: 120%;
    line-height: 1.7;
}
.makoto_price_point article:nth-of-type(2) p span {
    text-align: center;
    color: #207ac6 !important;
    font-size: 140%;
}

/* --- 全体コンテナ（横スクロール対応） --- */
.makoto_top_price_table_wrapper {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important; /* 横スクロールを強制 */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* iPhoneでのスクロールを滑らかに */
  margin: 20px 0;
  padding: 10px 5px;
}

.makoto_top_price_table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto !important;
    width: 80%;
    min-width: 750px;
    font-family: sans-serif;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto;
    border: 0px solid #fff;
}

.makoto_top_price_table_note { display: none;}

.makoto_btnarea2408_b a { font-size: 96% !important; letter-spacing: 0 !important;}

/* --- スクロールバー自体の設定（高さなど） --- */
.makoto_top_price_table_wrapper::-webkit-scrollbar {
  height: 8px; /* 横スクロールバーの高さ */
  display: block; /* 常に表示させる（環境により異なりますが、バーの領域を確保します） */
}

/* --- スクロールバーの通り道（トラック） --- */
.makoto_top_price_table_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1; /* 薄いグレーの背景 */
  border-radius: 10px;
}

/* --- 動くバーの部分（つまみ） --- */
.makoto_top_price_table_wrapper::-webkit-scrollbar-thumb {
  background: #ccc; /* バーの色（少し濃い目のグレー） */
  border-radius: 10px;
  border: 2px solid #f1f1f1; /* トラックとの間に隙間を作ってスッキリ見せる */
}

/* バーをホバーした時、または「誠」のオレンジに合わせたい場合 */
.makoto_top_price_table_wrapper::-webkit-scrollbar-thumb:hover {
  background: #f88400; /* 触れた時にオレンジにする（PC用） */
}

.makoto_top_price_table td { border:0px solid #fff;}

.makoto_top_price_table thead th {
  padding: 1.2em 0.5em;
  border-right: 2px solid #fff;
  vertical-align: middle;
  font-weight: bold;
}

/* 一番左のラベル列（ヘッダーとボディ共通） */
.makoto_top_price_table .makoto_label_cell {
  width: 140px;
  background: none;
    position: sticky;
  color: #333;
  border: none;
  padding-left: 10px;
}


/* --- 各プランのヘッダー色 --- */
/* 標準（ブルー） */
.makoto_top_price_table thead th.makoto_standard_header {
  background: #4d9bc1;
  color: #fff;
  border-radius: 15px 15px 0 0;
  font-size: 1.1rem;
}

/* 誠（オレンジ強調） */
.makoto_top_price_table thead th.makoto_highlight_header {
  background: #f88400;
  color: #fff;
  border-radius: 15px 15px 0 0;
  font-size: 1.2rem;
  position: relative;
}

/* --- ボディ部分の設定 --- */
.makoto_top_price_table tbody {
  border: 2px solid #d2e8f1;
}

.makoto_top_price_table tbody tr {
  background-color: #e6f1f6; /* 偶数行の薄い水色 */
}

.makoto_top_price_table tbody tr:nth-child(odd) {
  background-color: #fff; /* 奇数行の白 */
}

.makoto_top_price_table tbody tr td:nth-child(3){ border-right:2px solid #dbdbdb;}

.makoto_top_price_table td {
  padding: 1.2em 0.8em;
  color: #444;
}

/* --- 誠強調スタイル --- */
.makoto_top_price_table .makoto_highlight_cell {
  color: #da7400!important;
  border-left: 3px solid #f88400 !important;
  border-right: 3px solid #f88400 !important;
  background-color: inherit;
}

/* 誠の最終行の底を閉じる */
.makoto_top_price_table tr:last-child .makoto_highlight_cell {
  border-bottom: 3px solid #f88400 !important;
  border-radius: 0 0 5px 5px; /* 軽く角を丸める */
}

/* --- ユーティリティ --- */
.makoto_top_price_table .makoto_bold {
  font-weight: bold;
}

/* 一番右のセルのボーダー */
.makoto_top_price_table td:last-child {
}


	
/* ---------------------
  　btn
 --------------------- */
.makoto_btnarea2408,
.makoto_btnarea2408_b,
.makoto_btnarea2408_b_voice{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 969px;
    margin: 30px auto;
    justify-content: center;
}
.makoto_btnarea2408 a,
.makoto_btnarea2408_b a,
.makoto_btnarea2408_b_voice a{
    width: 38%;
    padding: 20px 50px 15px;
    border-radius: 10px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    letter-spacing: 0.1em;
    line-height: 1.5;
    transition: all 0.4s;
}
.makoto_btnarea2408_b a{
    width: 40% !important;
    padding: 20px 16px 15px !important;
}
.makoto_btnarea2408_b_voice a{
    width: 45% !important;
    padding: 20px 16px 15px !important;
	font-size: 80%;	
}
.makoto_btnarea2408 a span,
.makoto_btnarea2408_b a span,
.makoto_btnarea2408_b_voice a span{
    font-size: 150%;
    font-weight: bold;
    display: block;
}
.makoto_btnarea2408 a:nth-of-type(1) {
    background: #207ac6;
    border-bottom: 6px solid #115c9c;
    margin-right: 0px;
}
.makoto_btnarea2408_b a:nth-of-type(1),
.makoto_btnarea2408_b_voice a:nth-of-type(1) {
	background: #207ac6;
    border-bottom: 6px solid #115c9c;
    margin-right: 20px;
}
.makoto_btnarea2408 a:nth-of-type(2) { 
    background: #fc376c;
    border-bottom: 6px solid #d81c4f;
    }
    
.makoto_btnarea2408_b a:nth-of-type(2) ,
.makoto_btnarea2408_b_voice a:nth-of-type(2) { 
    background: #f27406;
    border-bottom: 6px solid #be6212;
    }
    
.makoto_btnarea2408 a:hover,
.makoto_btnarea2408_b a:hover,
.makoto_btnarea2408_b_voice a:hover{
    border-bottom: 0px solid rgba(255,255,255,0.00);
    transform: translateY(6px);
}
/* ---------------------
  　blog
 --------------------- */
 #makoto_blog2408 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);
    background-size: 100%;
    margin: 0 calc(50% - 50vw);
    padding-bottom: 50px;
}
#makoto_blog2408 h2 {
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/img_topblog_fukidashi.png) no-repeat 0% 0% !important;
    width: fit-content;
    display: block;
    margin: 50px auto 0px !important;
    padding: 0px 30px 30px 150px !important;
    background-size: 20% !important;
    line-height: 1.2 !important;
}
.makoto_blog2408read {
    text-align: center;
    color: #1f245c !important;
}
.makoto_blog2408list {
    background: #e9f4ff;
    padding: 40px 80px 20px;
    border-radius: 20px;
    /* slider none */
    max-width: fit-content;
    margin: 30px auto 0;
    text-align: center;
    color: #1f245c !important;
}
.makoto_blog2408list p { padding-bottom:15px;}
/* slider */
.makoto_2408slider { 
    max-width: 1200px;
    margin: 30px auto;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.makoto_2408slider_voice{ 
    max-width: 80%;
    margin: 30px auto;
}
/* slider none */
.makoto_2408slider div {
    background: #fff;
    filter: drop-shadow(0px 0px 3px #dcdcdc);
    border-radius: 14px;
    margin: 30px 10px;
    width: 31%;
}
.makoto_2408slider div a {
    padding: 20px;
    display: block;
    text-decoration: none !important;
    color: #1f245c !important;
}
.makoto_2408slider div a img {
    width: 100%;
    margin-bottom: 4px;
}
.makoto_2408slider div a span.slidecate {
background: #d38013;
    font-size: 90%;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
	display:inline-block;
	margin: 7px 0 0px;
}
.makoto_2408slider ul {
    padding-left: 0;
    font-size: 0.9em !important;
    font-weight: bold;
    margin-bottom: 0 !important;}

.makoto_2408slider ul li {
    background: rgba(255,255,255,0.00) !important;
    color: #1f245c !important;
    margin: 0em 0 0em !important;
    padding: 0.8em 0.5em 0.2em !important;
	line-height: 1.4;
    padding-left: 0px !important;
    list-style: none;
    font-size: 1.3em;
}
.makoto_2408slider div p:nth-last-of-type(1),
.makoto_2408slider div p:nth-last-of-type(2){ display: none !important;}
/* slider uwagaki */
.slick-dotted.slick-slider { margin-bottom: 60px !important;}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #1f245c !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    position: absolute;
    top: 50%;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{ opacity: 1;}
.slick-dots {
    position: absolute;
}
.slick-dots li button:before {font-size: 11px !important;}
.slick-dots li button:before{ color: #1f245c  !important;}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: #1f245c !important;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex !important;
    margin-left: auto;
    margin-right: auto;
    align-items: stretch !important;
}
.slick-initialized .slick-slide {
    background: #fff;
    filter: drop-shadow(0px 0px 3px #dcdcdc);
    border-radius: 14px;
    margin: 30px 10px;
}
.slick-slide a {
    padding: 20px;
    display: block;
    text-decoration: none !important;
    color: #1f245c !important;
}
.slick-slide a img { width: 100%;}
.slick-slide a span.slidecate {
    background: #d38013;
    font-size: 90%;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
	display:inline-block;
	margin: 7px 0 0px;
}
.slick-slide a ul li {
    background: rgba(255,255,255,0.00) !important;
    color: #1f245c !important;
    margin: 0em 0 0em !important;
    padding: 0.8em 0.5em !important;
	line-height: 1.4;
}
.slick-slide p:nth-last-of-type(1),
.slick-slide p:nth-last-of-type(2){ display: none !important;}
 
 .btn_bluetxt_center {
    border-radius: 100px;
    background: #f3f9ff url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_blue.png) no-repeat 92% 50%;
    background-size: 6px;
    padding: 10px 44px 10px 36px !important;
    border: 2px solid #9cbedd;
    font-size: 90%;
    text-decoration: none !important;
    color: #1f245c !important;
    margin: 20px auto 20px;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
 
 .btn_bluetxt_center:hover {
    background: #207ac6 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_blue.png) no-repeat 93% 50%;
    background-size: 6px;
    color: #fff !important;
}
 .btn_bgbluetxt_center {
    border-radius: 100px;
    background: #207ac6 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_w.png) no-repeat 94% 50%;
    background-size: 6px;
    padding: 10px 44px 10px 36px !important;
    border: 2px solid #207ac6;
    font-size: 90%;
    text-decoration: none !important;
    color: #fff !important;
    margin: 20px auto 20px;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
 .btn_bgbluetxt_center:hover {
    background: #dbe9f7 url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_arrow_blue.png) no-repeat 95% 50%;
    background-size: 6px;
    color: #1f245c !important;
}
.username_slider {
    color: #1f245c;
    text-align: center;
    display: block;
    padding: 15px 10px 10px;
    font-weight: bold;
    border-bottom: 2px dotted #c5c5c5;
    margin-bottom: 13px;
}
.makoto_2408slider_voice table {
    margin: 3px auto 14px;
    font-size: 85% !important;
    border: none !important;
    width: 85%;
}
.makoto_2408slider_voice table th,
.makoto_2408slider_voice table td { padding: 4px 7px; border:none !important;}
.makoto_2408slider_voice table th {
    margin: 3px auto 14px;
    width: 100px;
    padding-left: 30px;
}
.makoto_2408slider_voice table td {
    margin: 3px auto 14px;
    padding: 5px;
}
.usercom_outer { margin-top: 10px;}
.usercomment {
	margin: 3px auto 14px;
    margin-top: 10px;
    background: aliceblue;
    padding: 20px !important;
    border-radius: 16px;
}
.bg_shouzai {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_shouzai.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.bg_hanro{
	background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_hanro.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.bg_shudan{
	background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_shudan.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.bg_nensho{
	background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_nensho.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
.mb40 { margin-bottom: 40px;}
/* ---------------------
  　about pro makoto
 --------------------- */
#makoto_aboutmakoto2408 {
    margin: 0 calc(50% - 50vw);
    padding: 30px 20px;
}
.aboutmakoto2408_inner {
    max-width: 969px;
    margin: 0 auto;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 4px #ddd);
    background: #fff;
    padding: 30px;
}
.abmkt_title p {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #1f245c;
    text-align: center;
    font-weight: bold;
    width: 100% !important;
    font-size: 150%;
    line-height: 1.2;
    letter-spacing: 0.05em;
}
.abmkt_title p::before,.abmkt_title p::after {
  width: 1px;
  height: 55px;
  content: "";
  background-color: #1f245c;
}
.abmkt_title p::before { margin-right: 0.8em;transform: rotate(-22deg);}
.abmkt_title p::after { margin-left: 0.8em;  transform: rotate(22deg);}
.abmkt_title h3 {
    background: rgba(255, 255, 255, 0.00) !important;
    margin: 0 !important;
    text-align: center;
    font-size: 200% !important;
    color: #1f245c !important;
    padding: 0 0 !important;
	line-height:1.3;
}
.abmkt_t_o { color:#f27406; }
.aboutmakoto2408_inner article,
.aboutmakoto2408_inner p { width: 45%; margin: 0 auto; }
.aboutmakoto2408_inner article p {
    width: 100% !important;
    padding: 20px 0 20px !important;
}
.aboutmakoto2408_inner img {
    width: 90%;
    margin: 0 auto 30px;
    display: block;
}
/*toggle*/
.aboutmakoto2408_inner2.sc_toggle_box { width: 100% !important;margin-bottom: 30px !important;}
.aboutmakoto2408_inner2 .sc_toggle_title {
    background: #e9f4ff;
    border-radius: 50px;
    text-align: center;
    color: #1f245c;
    font-weight: bold;
    border: 2px solid #9cbedd;
}
.aboutmakoto2408_inner2 .sc_toggle_title:after { color: #1f245c !important;}
.aboutmakoto2408_inner2 .sc_toggle_content {background: #fff;}
.aboutmakoto2408_inner2 .sc_toggle_content p { width: 100% !important}
.aboutmakoto2408_inner2 .sc_toggle_content h4 {color: #1f245c !important;border-bottom: 2px solid #d3d3d3 !important;}
.aboutmakoto2408_inner2 .sc_toggle_content h4:before { background: rgba(255,255,255,0.00) !important;}
/* ---------------------
  　FAQ
 --------------------- */
 #makoto_faq2408 {
    /*background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);*/
    background: linear-gradient(180deg, #e9f4ff 0%, transparent 65%, #ffffff 65%, #ffffff 100%), url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_bluesquare.jpg);
    background-size: 100%;
    margin: 0 calc(50% - 50vw) 10px;
    padding-bottom: 50px;
    padding-top: 20px;
}
 #makoto_faq2408 h2 {
    margin: 30px auto 30px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    background: none;
    text-align: center;
}
 #makoto_faq2408 h2 p {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_chinakumo.png) no-repeat 100% 50%;
    width: fit-content;
    display: block;
    margin: 0 auto;
    background-size: 150px;
    padding: 60px 80px 30px;
    margin-bottom: 0px;
}

.makoto_faq2408read {
    text-align: center;
    color: #1f245c;
    max-width: 800px;
    margin: 0 auto 30px;
}

.makoto_faq2408_inner { max-width: 969px; margin: 0 auto;}
/*toggle*/
.makoto_faq2408_inner .sc_toggle_box {
    background: #fff;
    filter: drop-shadow(0px 0px 3px #dcdcdc);
    border-radius: 10px;
    padding: 5px;
    color: #1f245c !important;
    margin-bottom: 40px;
}
.makoto_faq2408_inner .sc_toggle_content {background: #fff !important; border-top: 1px solid #dcdcdc; margin: 0 20px;padding: 15px 0 20px;}
.makoto_faq2408_inner h3 .sc_toggle_title {
    background: #ffffff !important;
    padding: 0em 2.5em 0 0 !important;
    font-size: 100% !important;
    margin: 0em 0 0em !important;
}
.makoto_faq2408_inner .sc_toggle_box h3 {
    padding: 0em 2.5em 0 1em !important;
    font-size: 100% !important;
    background: #ffffff !important;
    color: #1f245c !important;
}
.makoto_faq2408_inner .sc_toggle_box h3:after { display: block;}
.makoto_faq2408_inner .sc_toggle_title { display: block;}
.makoto_faq2408_inner .sc_toggle_title:before,
.makoto_faq2408_inner .sc_toggle_title:after {
    content: '' !important;
    background-color: #207ac6 !important;
    position: absolute !important;
    width: 16px !important;
    height: 2px !important;
    top: 48% !important;
    right: 10px !important;
}
.makoto_faq2408_inner .sc_toggle_title:before {
    transform: translateY(-50%) rotate(90deg);
    top: 49% !important;
    right: 18px !important;
}
.makoto_faq2408_inner .sc_toggle_title.active:before {
transform: rotate(180deg);
transition: .2s
}
.makoto_faq2408_inner .sc_toggle_title.active:after {
opacity: 1 !important;
transition: .1s
}
/* ---------------------
  　okigaruni
 --------------------- */
#makoto_contact2408 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_contact2408.png);
    background-size: 100%;
    margin: 0 calc(50% - 50vw);
    padding-bottom: 50px;
    padding-top: 40px;
}
#makoto_contact2408 h2 {
    margin: 0 auto 0px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    background: none;
    text-align: center;
}
#makoto_contact2408 p {
    max-width: 969px;
    margin: 0 auto;
    text-align: center;
    color: #1f245c;
    }
/* ---------------------
  　okigaruni in voice page
 --------------------- */
#makoto_contact2408_voice {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_contact2408.png);
    background-size: 100%;
    margin: 0;
    padding-bottom: 50px;
    padding-top: 40px;
	width: 97%
}
#makoto_contact2408_voice h2 {
    margin: 0 auto 0px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    background: none;
    text-align: center;
}
#makoto_contact2408_voice p {
    max-width: 969px;
    margin: 0 auto;
    text-align: center;
    color: #1f245c;
	font-size: 90%;
    }
/* ---------------------
  voice
 --------------------- */
#makoto_voice2408 {
    margin: 40px calc(50% - 50vw) 40px;
    padding-left: 0px;
}
#makoto_voice2408 h2 {
    margin: 0 auto 20px !important;
    font-size: 230% !important;
    color: #1f245c !important;
    letter-spacing: 0.05em;
    border-bottom: 0;
    background: none;
    text-align: center;
    line-height: 1 !important;
}

#makoto_voice2408 h2 .voice_subtitle { font-size: 60%;}
.makoto_2408slider_voice {
	width: 70%;
    margin: 0 auto;
    display: block;
}
.makoto_voice2408_inner .makoto_voice {
	overflow-x: scroll!important;
}
.makoto_voice2408bg {
    border: 0px solid #ffffff;
    background: #ffffff;
    position: relative;
}
.makoto_2408slider_voice .slick-slide {
  height: auto;
  opacity: .5;
  transform: scale(.9);
  transition: opacity .5s, transform .5s;
  width: 100%;
}
.makoto_2408slider_voice div .slick-center {
  opacity: 1;
  transform: scale(1.1);
}
.slick-track {margin-bottom: 40px;}
.makoto_voice {
    display: flex;
    margin-bottom: 2em;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}
.makoto_voice article {
    position: relative;
    display: inline-block;
    width: 90%;
    min-width: 500px;
    white-space: normal;
    vertical-align: top;
    margin: 32px 12px;
    padding: 22px;
    background: #e9f4ff;
    border-radius: 10px;
}
.makoto_voice article div img {
    width: 70%;
    border: #fff solid 5px;
    margin: 8px auto;
    text-align: center;
    display: block;
}
.makoto_voice_name {
    font-size: 110% !important;
    font-weight: bold;
    padding-bottom: 15px !important;
    border-bottom: 2px dotted #2b7bb9;
    margin-bottom: 15px;
}
.makoto_voice article span.voice_type {
    position: absolute;
    top: -22px;
    right: 34%;
    border: 1px solid #2b7bb9;
    background: #2b7bb9;
    padding: 6px 20px;
    text-align: center;
    font-size: 85%;
    color: #ffffff;
    border-radius: 100px;
    min-width: 150px;
}
.makoto_voice article span.voice_type a { color: #fff !important; }
.makoto_voice_bottom_btn {
    background: #3168b2 url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_arrow_w.png) no-repeat 96% 50%;
    background-size: 9px 15px;
    border: 2px solid #3168b2;
    padding: 10px 20px;
    border-radius: 100px;
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
    color: #fff !important;
    width: 50%;
    margin: 14px auto;
}
.makoto_voice_bottom_btn:hover { opacity: 0.8;}


/* SP */
@media (max-width: 969px) {
.makoto_tokuchoread,
.makoto_serviceread,
.makoto_voiceread { text-align:left; padding: 0 30px !important;}

    .makoto_tokucho2408_detail {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 70px auto 0;
    }

/* h3をトグルボタン化（labelクリックで開閉） */
  .makoto_tokucho2408_detail h3 { position: relative; }
  .makoto_tokucho2408_detail h3 > label {
    cursor: pointer;
    position: relative;
    padding: 7px 35px 7px 0;
    display: block;
  }
    
 /* h3の ::before （01/02/03） がクリックを邪魔しないように */
  #makoto_tokucho2408 article h3::before,
  .makoto_tokucho2408_detail article h3::before { pointer-events: none; }

    #makoto_tokucho2408 article h3::before {
    position: absolute;
    top: -46px;
    left: 40%;
}
    
    /* 開閉アイコン（＋／－） */
  .makoto_tokucho2408_detail h3 > label::after {
    content: "＋";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
  }
  .makoto_tokucho2408_detail > article > input[type="checkbox"]:checked + h3 > label::after {
    content: "－";
  }

  /* 本文：デフォルト閉じる（高さアニメ） */
  .makoto_tokucho2408_detail .tok_body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease, opacity .2s ease, margin-top .2s ease;
    opacity: 0;
    margin-top: 0;
  }

  /* チェック時に展開 */
  .makoto_tokucho2408_detail > article > input[type="checkbox"]:checked ~ .tok_body {
    max-height: 1000px;  /* 中身より十分大きければOK */
    opacity: 1;
    margin-top: 8px;
  }
    
#makoto_tokucho2408 article {
    width: 95%;
    padding: 20px 22px 19px;
    margin-bottom: 30px;
}
#makoto_tokucho2408 article:nth-of-type(2) img {width: 90%;}
#makoto_tokucho2408 article div,
#makoto_tokucho2408 article p{ width: 100%;}
#makoto_tokucho2408 h2 {
        margin: 24px auto 18px !important;
        font-size: 160% !important;
        color: #1f245c !important;
        letter-spacing: 0.05em;
        border-bottom: 0;
        text-align: center;
 }
#makoto_tokucho2408 article img {
    width: 85%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    display: block;
}
#makoto_brand2408 h2 #1000000  {display: block !important;}
#makoto_brand2408 h2 {
	font-size: 160% !important;
	margin-bottom: 10px !important;
}
#makoto_brand2408 h2 p {
    padding: 30px 0px 12px;
    margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#makoto_tokucho2408 h2 {
        margin: 24px auto 10px !important;
        font-size: 160% !important;
        color: #1f245c !important;
        letter-spacing: 0.05em;
        border-bottom: 0;
        text-align: center;
}
#makoto_tokucho2408 article p { margin-bottom: 0;}
#makoto_tokucho2408 article h3 {padding: 0.2em 0.2em !important;font-size: 125% !important;line-height: 1.4 !important;}
#makoto_tokucho2408 article h3::before {
    margin-left: auto;
    margin-right: auto;
}
#makoto_tokucho2408 article ul li {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_check.png) no-repeat 0px 0px;
    background-size: 25px; 
    line-height: 1.6;
    margin: 10px 0;
    }
    
#makoto_tokucho2408 article div,
#makoto_tokucho2408 article p{  width: 100%;}
#makoto_brand2408 p.brandread {
    text-align: left !important;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
}
#makoto_tokucho2408 h2 p,
#makoto_tokucho2408 h2 p, #makoto_brand2408 h2 p {
        background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/icon_chinakumo.png) no-repeat 100% 50%;
        width: 96%;
        display: block;
        margin: 0 auto;
        background-size: 150px;
        padding: 20px 0px;
        margin-bottom: 0;
 }
#makoto_tokucho2408 article div, #makoto_tokucho2408 article picture {
    width: 100%;
    display: block;
}
#makoto_service2508 h2 {
        margin: 24px auto 10px !important;
        font-size: 160% !important;
        color: #1f245c !important;
        letter-spacing: 0.05em;
        border-bottom: 0;
        text-align: center;
    }

.btn_bluetxt { display: block; font-size: 100%; min-width:100%;}
.logo_scroll div a {
    display: block;
    height: 50px;
    width: fit-content;
    margin: 21px 10px;
    border-left: #b3b3b3 1px solid;
    padding-left: 15px;
}
	
.scroll-infinity__item {
        width: max-content;
        text-align: center !important;
		flex: 0 0 50%;
}
.scroll-infinity__item img {
        height: 50px;
        object-fit: contain;
        margin: 0 0 10px;
        display: block;
		border-left: none;
    }
#makoto_topflow2408 { padding: 30px 20px 1px;}
#makoto_topflow2408 div {
    display: flex;
    max-width: 100%;
    margin: 50px auto;
    width: 100%;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}
#makoto_topflow2408 h2 {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-size: 160% !important;
}
#makoto_topflow2408 div {gap: 40px;}
#makoto_topflow2408 div article {  width:90% }
#makoto_topflow2408 div article img {
    margin: 0 auto;
    width: 58%;
    display: none;
}
#makoto_topflow2408 div b{padding: 17px 0 0px !important;margin-top: 12px !important;}
#makoto_topflow2408 div article > span { position: absolute; top: -23px; }
#makoto_price2408 {padding-bottom: 0px;}
#makoto_price2408 h2 {
    font-size: 160% !important;
    margin: 15px auto 10px !important;
}
#makoto_price2408 h2 p {padding: 60px 30px 30px;}
.makoto_priceread {
    text-align: left;
    padding: 0 30px !important;
}
.makoto_price_point { max-width: 90%;}
.makoto_price_point article {
    width: 100%;
    padding: 20px 20px 0px;
}
.makoto_price_point article:nth-of-type(1) { margin-bottom: 30px;}
.makoto_price_point article:nth-of-type(2) { margin-top: 30px;} 
.makoto_price_point article:nth-of-type(1) p {
    font-size: 200%;
    margin-top: 10px;
    padding-bottom: 18px !important;
}
.makoto_price_point article:nth-of-type(1)::before, .makoto_price_point article:nth-of-type(1)::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 31px;
    background-color: #207ac6;
    top: 110%;
    right: 50%;
}
.makoto_btnarea2408 a:nth-of-type(1),.makoto_btnarea2408_b a:nth-of-type(1) {margin-right: 0px; margin-bottom: 20px;}
.makoto_btnarea2408 a,
.makoto_btnarea2408_b a{
    width: 83% !important;
    padding: 20px 20px 15px;
    transition: all 0.4s;
}
.btn_magenta { min-width: 60%;}
#makoto_blog2408 {padding-bottom: 0px;}
#makoto_blog2408 h2 {
        font-size: 160% !important;
        background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/img_topblog_fukidashi2.png) no-repeat 50% 0% !important;
        margin: 50px auto 0px !important;
        padding: 55px 10px 30px 10px !important;
        background-size: 40% !important;
        text-align: center;
}
#makoto_blog2408 h2 {
        font-size: 160% !important;
        background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/img_topblog_fukidashi2.png) no-repeat 50% 0% !important;
        margin: 30px auto 0px !important;
        padding: 54px 10px 20px 10px !important;
        background-size: 40% !important;
        text-align: center;
    }
.makoto_blog2408read { padding: 0 20px !important;}
.makoto_blog2408list {
    padding: 25px 25px 20px;
    max-width: fit-content;
    width: 90%;
}
.slick-dots { position: absolute; bottom: 0px;}
	
.makoto_2408slider_voice {
    width: 100%;
    margin: 0 auto;
    max-width: 94%;
}
.makoto_2408slider .slick-slide img {margin-bottom: 5px;}
.makoto_2408slider .slick-slide a h3 { padding: 0.5em 0.2em !important;}
.makoto_2408slider .content ul { padding-left: 0em;}
.makoto_2408slider .slick-initialized .slick-slide,
.makoto_2408slider_voice .slick-initialized .slick-slide{margin: 30px 10px 10px;}
.makoto_2408slider .slick-prev:before,
.makoto_2408slider .slick-next:before,
.makoto_2408slider_voice .slick-prev:before,
.makoto_2408slider_voice .slick-next:before {font-size: 30px;}
.makoto_2408slider .slick-prev,
.makoto_2408slider .slick-next,
.makoto_2408slider_voice .slick-prev,.makoto_2408slider
.makoto_2408slider_voice .slick-next {width: 40px; height: 40px;}
.makoto_2408slider .slick-prev,
.makoto_2408slider_voice .slick-prev{left: -5px;z-index: 100;}
.makoto_2408slider .slick-next,
.makoto_2408slider_voice .slick-next{right: -5px;}
.makoto_2408slider { margin: 30px auto 0;}
.makoto_2408slider div { width:46%; margin: 0 auto 14px;}
.makoto_2408slider div a {padding: 11px;}
.makoto_2408slider div a span.slidecate { font-size: 70%;}
#makoto_aboutmakoto2408 h2, #makoto_contact2408 h2 {
    font-size: 160% !important;
    padding: 0 !important;
    margin-top: 0px !important;
}
.makoto_2408slider div a h3 {font-size: 90% !important;}
.aboutmakoto2408_inner {max-width: 969px;flex-direction: row;padding: 30px 20px;}
.aboutmakoto2408_inner article, .aboutmakoto2408_inner p { width: 100%;}
.aboutmakoto2408_inner img {width: 87%;}
.abmkt_title h3 { font-size: 157% !important;}
#makoto_faq2408  h2 { font-size: 160% !important; margin: 15px auto 10px !important;}
.makoto_faq2408read { max-width: 90%; margin: 0 auto 30px; text-align: left;}
.makoto_faq2408_inner {width: 90%;}
.makoto_faq2408_inner .sc_toggle_title {line-height: 1.4;}
.btn_magenta_center { padding: 15px 48px 15px 48px !important; width: 80%; display: block; margin-bottom: 30px;}
.btn_magenta_center span { font-size: 57%;}
#makoto_faq2408 {padding-bottom: 20px;}
#makoto_contact2408 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/top/bg_contact2408.png);
    background-size: 100%;
    margin: 0 calc(50% - 50vw);
    padding-bottom: 50px;
    padding-top: 15px;
}
#makoto_contact2408 p {text-align: center; padding: 20px;}
.btn_orange_center {padding: 15px 45px 15px 40px !important;font-size: 140%;}
#makoto_voice2408 h2 {margin: 0 auto 10px !important;font-size: 160% !important;}
.makoto_voice article span.voice_type {top: -22px;right: 27%;}
.makoto_voice article {min-width: 80%;}
.makoto_voice2408_inner { padding: 0px 30px 0px;}
.makoto_voice_bottom_btn {width: 85%;}
#makoto_voice2408 {margin: 50px auto 50px;}
#makoto_voice2408 .slick-initialized .slick-slide {
    background: #fff;
    filter: drop-shadow(0px 0px 3px #dcdcdc);
    border-radius: 14px;
    margin: 30px 20px;
    padding: 0px 20px;
}
.makoto_2408slider_voice .slick-slide {
  opacity: 1;
  transform: scale(1);
  transition: opacity .5s, transform .5s;
  width: 100%;
}
.slick-track { margin-bottom: -30px;}

 .makoto_top_price_table_wrapper {
  width: 100% !important; 
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;}

  .makoto_top_price_table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto !important;
  width: 100% !important;
  min-width: 850px !important;
  font-family: sans-serif;
  text-align: center;
  line-height: 1.4;
  margin: 0 auto;
  border: 0px solid #fff;
}
.makoto_top_price_table_note { font-size: 90%; display: block;margin: 10px 20px 10px;}
.makoto_2408slider ul li { font-size: 1em !important;}

}


/* ^^^ newTOP 202408 ---------- */
/* newPrice 202502 ------------ */
.price_mokuji2502 {
    width: fit-content;
    width: -moz-fit-content;
    margin: 60px auto 30px;
    padding: 30px 30px 10px;
    position: relative;
    background: #fff;
    border-radius: 20px;
    border: 11px solid #e8f4ff;
    min-width: 380px;
}
.price_mokuji2502 p {
    position: absolute;
    top: -30px;
    background: #c2daf1;
    text-align: center;
    width: 81%;
    width: -moz-fit-content;
    padding: 10px 20px !important;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #000;
}
/*++++++++++++++++++*/
.price_attention_acd { margin: 2em 0;}
.price_attention_acd__summary {
    display: block;
    background: #626262;
    font-weight: bold;
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 10px 38px 10px 10px;
    border-radius: 10px;
    color: #fff;
}
.price_attention_acd__summary  .fa-exclamation-triangle { 
    color: #fff000 !important; 
    margin-right: 10px;
}
.price_attention_acd__summary::-webkit-details-marker { display: none;}
.price_attention_acd__summary::after {
  content: "+";
  font-size: 1.8em; 
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.price_attention_acd[open] .price_attention_acd__summary::after { content: "−";font-size: 1.4em; }
.price_attention_acd__detail {
    padding: 20px 20px 10px;
    margin: 0px 0;
    background: #fce8ed;
    font-size: 90%;
}
.price_attention_acd__text {margin: 0;}
/* New Voice Page */
#voice_outer {
    width: 97%;
    margin: 34px auto 34px 0;
}
.voice_detail {
    background: #fff;
    border-radius: 20px;
    padding: 30px 50px 0;
    filter: drop-shadow(2px 2px 6px #ddd);
	margin-bottom:40px;
}
#voice_outer h3 {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_voiceuser.png) no-repeat 0 30% !important;
    background-size: 30px !important;
    padding: 10px 0px 17px 47px !important;
    margin: 0px 0 20px !important;
    color: #171c56 !important;
    font-size: 1.2em !important;
    border-bottom: 2px dotted #aeabab !important;
    border-radius: 0 !important;
}
.voice_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.voice_inner article:nth-child(1) { width:30%;min-width: 230px;}
.voice_inner article:nth-child(1) p { margin-bottom:20px;}
.voice_inner article:nth-child(2) p { margin-bottom:20px; font-size: 90%;}
.voice_inner article:nth-child(2) p:nth-last-of-type() { margin-bottom:0px !important;}
.voice_inner article:nth-child(2) {
    width: 65%;
    background: #f0f8ff;
    border-radius: 15px;
    padding: 25px 30px;
	margin-bottom: 30px;
}
.voice_inner article:nth-child(2) p span {
    color: #d71c6b;
    font-weight: bold;
}
.voice_inner article div {
    /* display: flex;
    align-items: baseline;
    margin-bottom: 15px;*/
}
.voice_inner article:nth-child(1) h4 {
    border-bottom: none;
    padding-left: 40px !important;
    color: #656565;
    padding: 0 20px 0 0;
    margin: 0 0 0 0;
    font-size: 100%;
}
.voice_inner article:nth-child(2) h4 {
    border-bottom: none;
    color: #656565;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
	line-height:1.5;
}
#voice_outer h4.voice_shozai {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_voiceshouzai.png) no-repeat 0 50%;
    background-size: 30px;
}
#voice_outer h4.voice_hanro {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_voicehanro.png) no-repeat 0 50%;
    background-size: 30px;
}
#voice_outer h4.voice_shudan {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_voiceshudan.png) no-repeat 0 50%;
    background-size: 23px;
}
#voice_outer h4.voice_nensho {
    background: url(https://makoto1688.com/wp-content/themes/diver_child/img/icon_voicenensho.png) no-repeat 0 50%;
    background-size: 26px;
}
#voice_outer h4::before { display:none;}
#voice_outer p { padding-bottom: 0;}
.voice_inner article:nth-child(1) p { padding-left:40px;} 


@media screen and (max-width: 1800px) {
.voice_inner article:nth-child(1) { width:30%;}
.voice_inner article:nth-child(2) { width:65%;}
}
@media screen and (max-width: 1490px) {
.voice_inner article:nth-child(1) { width:100%;}
.voice_inner article:nth-child(2) { width:100%;padding: 20px;}
}
@media screen and (max-width: 769px) {
	#voice_outer {
    width: 95%;
    margin: 34px auto 34px auto;
}
.voice_detail { padding: 30px 20px 0;}
	}