/*
Theme Name: Exray
Theme URI: http://septianfujianto.com/themes/exray
Author: Septian Ahmad Fujianto
Author URI: http://septianfujianto.com/
Description: A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. By using flat design concept, your content will standout and catch your reader eyes. 
Version: 1.5.2
License: GNU General Public License v3 
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, custom-colors, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, editor-style, translation-ready
Text Domain: exray
*/

@import url("css/bootstrap.css");
@import url("css/master.css");

/*content*/
.content{
    width:660px;
}
/*header*/
.head {
    width: 100%;
    background-color: #fbf8f3;
    padding-bottom: 15px;
}
.head-in {
    width: 970px;
    overflow: hidden;
    margin: auto;
}
.logo-in {
    width: 400px;
    float: left;
    margin-right: 15px;
}
.logo-in p {
    margin-top: 15px;
    line-height: 23px;
    color: #643301;
}
.time-in {
    width: 270px;
    float: left;
    margin-right: 15px;
}
.head-right-box {
    width: 270px;
    float: left;
}
p.main_img {
    text-align: center;
    background: #fef1d1;
}
ul.g-menu {
    overflow: hidden;
    width: 970px;
    margin: auto;
}
ul.g-menu li {
    float: left;
}
ul.g-menu li img {
    width: 159px;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
ul.g-menu li img {
    border-left: 2px dotted #c1c1c1;
}
ul.g-menu li:last-child img {
    border-right: 2px dotted #c1c1c1;
}
#footer_body {
    padding: 0;
    background: #fff;
    border-top: 3px solid #f90;
    clear: both;
}
.sp_foot_pop{
    display: none;
}
/*footer*/
#bottom {
    width: 900px;
    height: 35px;
    padding: 0;
    clear: both;
}
#footer {
    width: 900px;
    margin: auto;
}
#footer div#footer-menu {
    clear: both;
}
#footer div.copy {
    clear: both;
    padding-top: 4px;
    margin-top: -40px;
    font-size: 17px;
}
#footer div.copy p {
    text-align: center;
    padding: 5px 0;
}

/************************
サイドバー
************************/
.side_box{
    border: solid 1px #d5d5d5;
    border-radius: 10px;
}
.side_box h2{
    text-align: center;
    background: #00afcc;
    color: #fff;
    border: 0px;
    padding: 13px 0px;
    margin: 0px;
    font-size: 16px;
    border-radius: 10px 10px 0px 0px;
}
.textwidget .side_box h3{
    text-align: center;
    padding: 10px 0px 10px;
    margin: 0px 0px 0px;
    border-bottom: solid 1px #c5bebe !important;
    border: 0px;
    color: #dd6c25;
    border-top: solid 1px #c5bebe !important;
}
.side_box ul{
    padding: 5px 15px 15px;
}
.side_box ul li{
    border-bottom: dotted 2px #bcb6b6;
    padding: 7px 7px 7px 25px;
    background-image: url("images/side_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.side_box ul li a{
    font-size: 14px;
    color: #3c1b06;
}

.side-honin {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
.side-hin-txt-1 {
    border-bottom: 2px dotted #8c8c8c;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
}
.side-bun-area {
    padding: 10px;
    color: #464646;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ccc;
}
.side-bunin ul {
    border: 1px solid #ccc;
}
.side-bunin ul li {
    padding: 15px 0px 10px 5px;
    border-bottom: solid 1px #ccc;
}
.side-bunin ul li a {
    background-repeat: no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    background-position: left center;
    padding-left: 25px;
    background-position-y: center;
    font-size: 16px;
     padding-top: 1px;
    vertical-align: middle;
    display: inline-block;
    color:#000;
}
.menu_dotted li {
    padding: 5px 0;
    border-bottom: 2px dotted #ccc;
}

.textwidget{
    width: 260px;   
}
.side-hin-txt{
    font-size:16px;
}
.side-hin-txt p{
    font-size:16px;
}
.red{
    color:red;
}
.green{
    color:#1a8312;
}
.fs17{
    font-size:17px;
}
h3{
    border-left: solid 8px #FF9A2A;
    border-bottom: dotted 3px #43270E;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0 10px 15px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.blog_text p a{
color: #000000;
}
.ovh{
    width: 100%;
    overflow: hidden;   
}
.img-left{
    width: 35%;
    float: left;
}
.text-right{
    float: right;
    width: 63%; 
}
.img_left{
    width: 49%;
    float:left;
}
.img_right{
    width: 49%;
    float: right;
}
.staff .img-left{
/*    width: 25%!important;*/
width: 35%!important;
}
.staff .text-right{
/*    width: 73%!important;*/
    width: 63%!important
}
h2{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    padding: 10px 20px;
    color: white;
    margin: 1em 0;
    margin-top: 2em;
    font-size: 21px;
    font-weight: normal;
    background-color: #00afcc;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.abc{
    background-color: #B1B1B1;
    text-align: center;
     font-size: 17px;
    font-weight: bold;
}
#voice_wrap{
    overflow: hidden;
    margin-bottom: 30px;
}
.voice01{
    margin: 10px 3% 6px 0px;
    padding: 20px 8px;
    background: #FFFFCC;
    border: solid 1px #BDBDAE;
    border-radius: 8px;
    width: 30.8%;
    float: left;
    height: auto;
}
.voice01:nth-child(3n) {
    margin-right: 0;
}
.voice02{
    border-color: #fff;
    overflow: hidden;
    background: #fff;width: 90%;
    margin: auto;
    padding: 0px;
    width: 170px;
    height: 120px;
    position: relative;
}
.voice02 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
/*
.voice01{
margin: 20px 24px 24px 32px;
    padding: 24px;
    background: #FFFFCC;
    border: solid 1px #BDBDAE;
    border-radius: 8px; 
    width:90%;
}
.voice02{
border-color: #fff;
    overflow: hidden;
    background: #fff;
    width: 90%;
    margin: auto;
    padding: 40px;  
}*/
.voice03{
width: 98%;
    overflow: hidden;
    border: solid 1px #CCC;
    background: #FBF7C4;
    padding: 16px;
    margin-bottom: 15px;
    margin: 15px auto;  
}
.voice04{
padding: 16px;
    background: #fff;
    overflow: hidden;   
}
.voice03 img{
    width:50%;
    margin:auto;
    display: inherit;
}
.voice04 img{
    width:50%;
    margin:auto;
    display: inherit;
}
.textwidget h3{
    border-bottom:none !important;
}
.pain-creed {
    text-align: center;
    background-size: 660px auto;
    height: 500px;
    background-repeat:no-repeat;
}
.pain-creed-in {
    padding-top: 120px;
    font-weight: bold;
}
.bred {
    font-size: 30px;
    font-weight: bold;
    color: #BB0003;
    line-height: 0.5em;
}
.pain-creed-in p{
margin-bottom:20px;
font-size:16px;
}
.hoken td{
    text-align:center!important;
}
p{
    font-size:18px;
    line-height:1.6;
	margin-bottom: 1em
}
.bengo {
    width: 600px;
    height: auto;
    margin-bottom: 15px;
    padding: 20px;
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bc9523;
}
.bengo .left {
    width: 33%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.bengo .right {
    width: 57%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
}
.title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 3px dotted #ff6600;
}
.name2 {
    font-size: 18px;
    color: #330000;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #330000;
}
ul li{
    list-style:none!important;
}
.bengo2 {
    width: 600px;
    height: auto;
    margin-bottom: 15px;
    padding: 20px;
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bc9523;
}
.bengo2 .right {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.title{
    width: 100%;
    margin-left: 0 !important;
}
.name2{
width: 100%;
    margin-left: 0 !important;  
}
.bengo ul li{
    margin-left:0 !important;
}
b{
    font-weight:bold;
}
.image_right{
    width:35%;
    float:right;
}
.text_left{
    width:50%;
    float:left;
}
.image_left{
    width:35%;
    float:left;
}
.text_right{
    width:60%;
    float:right;
}
.riyu-3-box {
    margin-bottom: 20px;
    /*border: 3px solid #faa850;*/
    border:none;
    border-top: none;
    width: 650px;
    margin-top: -20px;
    border-radius: 5px;
    padding-top: 20px;
}
#main-in .top_reason02 {
    border-top: 1px dotted #330000;
    border-bottom: 1px dotted #330000;
    height: auto !important;
    margin: 0 auto 0;
    min-height: 160px;
    padding-top: 15px;
    width: 600px;
}
#main-in .top_reason02 img:nth-child(2), #main-in .top_reason img:nth-child(2) {
    border-bottom: 2px dotted #e2831d;
    padding-bottom: 9px;
}
#main-in .rht {
    float: right;
}
#main-in .top_reason {
    border-bottom: 1px dotted #330000;
    height: auto !important;
    margin: 0 auto;
    min-height: 160px;
    padding-top: 15px;
    width: 600px;
}
#leftarea {
    margin-right: 240px;
}
#leftarea, #rightarea {
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
}
#leftarea {
    width: 210px;
    padding-top: 190px;
}
.ors_def li{
 margin-left: 0!important;
}
.ors_def li a{
    color: #000;    
}
.page-id-314 .entry-title{
  display:none;
}
.page-id-314 .breadcrumbs{
    display:none;
}

/* TOPメニュー */
.syo-top li{
    display: inline-block;
    margin-right: 10px; 
    margin-bottom: 10px;
}
.syo-top li:nth-child(3),.syo-top li:nth-child(6){
    margin-right: 0px;
}

/* 3つの約束 */
.point_box {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: table;
}

.point_box img {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
  padding: 0;
}

.point_box .inner,
.point_box .inner_last {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

.point_box .inner .img_box,
.point_box .inner_last .img_box {
  width: 33.33333333%;
  height: auto;
  margin: 0;
  padding-top: 20px;
  float: right;
}

.point_box .inner .img_box img,
.point_box .inner_last .img_box img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.point_box .inner ul,
.point_box .inner_last ul {
  width: 63.88888888%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.point_box .inner ul li,
.point_box .inner_last ul li {
  width: 410px;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
}

.point_box .inner ul li img,
.point_box .inner_last ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.point_box .inner ul li p,
.point_box .inner_last ul li p {
  font-size: 15px;
  line-height: 1.5em;
  color: #764810;
}

/*******************
グループ院 店舗紹介　地域から治療院を探すページ
********************/
/* グループ院　ボタン */
div.group_btn_box{

}
div.group_btn_box ul{
    margin: auto;
    width: 680px;
}
div.group_btn_box ul li{
    display: inline-block;
    margin: 0px 15px 15px 0px;
    width: 205px;
}
div.group_btn_box ul li:nth-child(3), div.group_btn_box ul li:nth-child(6),div.group_btn_box ul li:nth-child(9){
    margin-right: 0px;
}

/* 全ボタン */
div.group_btn_box ul li a{
    display: block;
    text-decoration: none;
    padding: 13px 20px;
    background-image: url("images/group_icon.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
    text-align: center;
}
div.group_btn_box ul li:hover{
    opacity: 0.8;
}
div.group_btn_box ul li.btn a{
    text-decoration: none;
    color: #FFF;
}

/* ボタン1 */
div.group_btn_box ul li.btn1{
    border-radius: 3px;
    background: #2091fc;
    border-bottom: solid 4px #0173b1;
}

/* ボタン2 */
div.group_btn_box ul li.btn2{
    border-radius: 3px;
    background: #ea6b0f;
    border-bottom: solid 4px #c05025;
}

/* ボタン3 */
div.group_btn_box ul li.btn3{
    border-radius: 3px;
    background: #f063c8;
    border-bottom: solid 4px #c02598;
}

/* ボタン4 */
div.group_btn_box ul li.btn4{
    border-radius: 3px;
    background: #52cf2d;
    border-bottom: solid 4px #109f11;
}

/* ボタン5 */
div.group_btn_box ul li.btn5{
    border-radius: 3px;
    background: #21c2e4;
    border-bottom: solid 4px #2494f3;
}

/* ボタン6 */
div.group_btn_box ul li.btn6{
    border-radius: 3px;
    background: #e45821;
    border-bottom: solid 4px #9f2e10;
}

/*******************
グループ院 店舗紹介
********************/
div.group2{

}
div.group2 ul{

}
div.group2 ul li{
    display: inline-block;
    width: 320px;
    margin: 0px 15px 25px 0px;
    background: #fff2dc;
    border: solid 1px #ffc696;
    border-radius: 5px;
    padding: 15px;
    vertical-align: top;
}
div.group2 ul li:nth-child(even){
    margin-right: 0px;
}
div.group2 ul li div.in{
    overflow: hidden;
}
div.group2 ul li div.in p{
    font-size: 14px;
}
div.group2 ul li div.in p.img{
    float: left;
    margin: 0px 13px 13px 0px;
}
div.group2 ul li div.in p.img img{
    width: 100px;
}
div.group2 ul li div.in p.ttl{
    font-weight: bold;
    color: #ff6c00;
    font-size: 15px;
}
div.group2 ul li div.in p.txt{

}
div.group2 ul li div.tenpo{
    width: 200px;
    margin: 7px auto 0px;
}
div.group2 ul li div.tenpo a{
    background: #f66;
    color: #fff;
    border-radius: 5px;
    display: inherit;
    padding: 7px 20px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
}



.riyu-3-box{
    width:100%;
}
.cai-image-with-caption{
  margin: 0px 10px; 
    float: right;   
}
.menu_dotted li img{
    vertical-align: middle; 
}
.hibiki-left{
    width:20%;
    float: left;
}
.hibiki-right{
    width:78%;
    float:right;
}
.hiza_left{
     width: 60%;
    float: left;
}
.hiza_right{
    width: 38%;
    float: right;
}
.kosi_right{
    width: 35%;
    float: right;   
}
.kosi_text_left{
    width: 60%;
    float: left;
}
.kosi_left{
width: 35%;
    float: left;    
}
.kosi_text_right{
    width: 60%;
    float: right;   
}
.sports_right{
    width: 38%;
    float: right;   
}
.sports_left{
width: 60%;
    float: left;    
}
.pc { display: block !important; }
.sp { display: none !important; }

.page-id-143 .rank{
    display:none;
}
.page-id-143 h1{
    display:none;
}
.img-center{
    width:100%;
    text-align:center;
}
.footer-popup {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer-popup ul {
    display: table;
    width: 100%;
    border-top: 1px solid #fff;
}
.footer-popup li {
    padding: 10px 0 4px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.footer-popup img {
    width: 51px;
}
.footer-popup li:nth-child(1) {
    background: #ff5454;
    border-right: 1px solid #fff;
}
.footer-popup li:nth-child(2) {
    background: #ffb90d;
    border-right: 1px solid #fff;
}
.footer-popup li:nth-child(3) {
    background: #ff8040;
}
@media screen and (max-width: 768px){
.pc{ display: none !important; 
}
.sp { 
    display: block !important; 
}
    
/*header*/
    #menu-list{
    width:100%; 
    }
    .main_img {
      /*  height: 350px;    */
    }   
    .head-in{
        width:100%;
        background-color: #fff;
    }   
    #footer{
        width:100%;
    }   
ul.g-menu {
    width: 90%;
    text-align: center;
    height: 50px;
    margin-top: -1px;
    overflow: hidden;
    margin: auto;
}
ul.g-menu li {
    float: left;
    display: inline-block;
    line-height: 50px;
    border-right: 1px solid #f9dddd;
    font-size: 12px;
    height:auto;
    width:33%;
}
ul.g-menu li a{
color: #fff;
   /* padding: 0 5px;*/
    display: block;
}   
.mainhpb-nav ul li:first-child {
    border-left: 1px solid #f9dddd;
}
    .head{
        padding-bottom:0px!important;
    }   
    .logo-in{
        width:65%;
        float:left;
    }   
    .menu1 {
    padding: 5px 5px 0px 10px;
}
    .top-menu-container .container{
        padding:0px!important;
    }
    .head-top p{
     font-size: 10px;
    background-color:#ff8040;
    text-align: center;
    color: #fff;    
    }
    .mainhpb-nav{
    width: 100%;
    border-top: 1px solid #ff8040;
    border-bottom: 1px solid #ff8040;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8040), color-stop(0.75, #ff8040), color-stop(0.8, #ff8040), to(#ff8040));
    margin-bottom: 1px;
    height: 50px;
    overflow: hidden;   
    }   
#menu-list li {
    border-bottom: 1px solid #E9CF9D;
    list-style: none;
    overflow:hidden;
    height:40px;
}   
#menu-list li:first-child {
   border-top: 2px solid #d0993e;
}
#menu-list li a {
    text-align: center;
    display: block;
    position: relative;
    color: #333333;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0.5em 2em 0.5em 0.5em;
    }
    
    .lists{
        width: 100%;
        overflow:hidden;
    }   
/*header end*/
    
/*footer*/
#hpb-footer {
    background: #ef9c2e;
    margin: 0;
    height: 33px;
}
#hpb-footerNav {
    padding: 0;
}
#hpb-footerNav ul {
    height: 33px;
    display: block;
    text-align: center;
    margin-right: 2px;
}
#hpb-footerNav ul li:first-child {
    border-left: none;
}
#hpb-footerNav ul li {
    list-style: none;
    display: inline-block;
    width: 50%;
    height: 33px;
    border-left: 1px solid #bf4343;
    }
#hpb-footerNav ul li a {
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px;
    margin-left: 2px;
    display: block;
    text-align: center;
    text-indent: 15px;
    color: #fff;
    font-size: 0.9em;
    line-height: 35px;
    height: 33px;
    text-decoration: none;
    font-weight: bold;
}
#hpb-footerMain {
    margin-bottom: 16%;
    padding: 8px;
    text-align: center;
    background-color: #FE8B0B;
    color: #fff;
}
#hpb-footerMain p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    padding-bottom: 60px;
}
div#footer-bk2 {
    position: fixed;
    width: 100%;
    bottom: -5px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
div#footer-bk2 div ul {
    line-height: 0;
}
div#footer-bk2 div ul li {
    float: left;
    list-style: none;
    width: 25%;
}
div#footer-bk2 div ul li img {
    width: 100%;
    height: auto;
}
    .head-in{
    padding-bottom: 10px;   
    }   
    #primary{
        display:none;
    }
    .img-left{
    width: 100%;
    height: auto;   
    float:none; 
    }   
    .text-right{
    width: 100%;
    float: none;    
    }
.staff .img-left{
    width: 50%!important;
    margin: auto;
}
.staff .text-right{
    width: 100%!important;
}   
.pain-creed {
    text-align: center;
    background-size: 100% auto;
    height: auto;
    background-repeat: no-repeat;
    height:265px;
}   
.pain-creed-in {
    padding-top:30px;
    font-size: 10px;
}   
.pain-creed-in p {
    margin-bottom: 0px;
}   
.bred {
    font-size: 16px;
}   
    h2{
        font-size:20px;
        height:auto;
    }
    .img_right{
        width: 100%;
        float:none;
    }
    .bengo{
        width: 100%;
    }
    .bengo2{
        width: 100%;
    }
    .image_right{
    width:100%;
    float:none;
}
.text_left{
    width:100%;
    float:none;
}
.image_left{
    width:100%;
    float:none;
}
.text_right{
    width:100%;
    float:none;
}
    .img_left{
        width:100%;
        float:none;
    }   
.content{
    width:100%;
}
    #main-in .top_reason02{
        width: 100%;
    }   
    #main-in .top_reason{
        width:100%;
    }
    .syo-top img {
    width: 31%;
}
    .syo-bottom img{
    width: 31%; 
    }
    .cai-image-with-caption{
        float:none;
    }   
    #main-in .rht {
    float:none;
    display: inherit;   
    margin: auto;   
}
#foot-nav {
    margin: 0;
    padding: 7px 0;
    border-top: 1px solid #FFF;
    width: 100%;
}
    #foot-nav ul li {
    border-bottom: 1px solid #dfdfdf;
    display: block;
    margin: 0px;
    padding: 13px 15px;
    width: auto;
    background-repeat: no-repeat;
    background-position: right top;
}
#foot-nav ul li:first-child, .hpb-layoutset-01 #foot-nav ul li:first-child a {
    -webkit-border-radius: 4px 4px 0 0;
}
#foot-nav ul li a{
    color: #2c1d05;
    font-size: 14px;
}
.hpb-layoutset-01 #foot-nav ul li a {
    border: 1px solid #fff;
    width: auto;
    min-height: 36px;
    color: #004993;
    font-size: 1.3em;
    line-height: 1.4;
    text-align: left;
    text-shadow: 0px 0px 2px #fff;
    padding: 15px 0 0 10px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
    text-decoration: none;
}   
#hpb-nav ul li {
    border-bottom: 1px solid #dfdfdf;
    display: block;
    margin: 0px;
    padding: 0;
    width: auto;
    min-height: 70px;
    background-image: url(bg_menu_010-001b.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #f1f1f1;
}   
#hpb-nav ul {
    padding: 0;
    text-align: center;
    background-image: none;
    margin-bottom: 2em;
}
#hpb-nav ul li:first-child a {
    -webkit-border-radius: 4px 4px 0 0;
}
    
.hpb-layoutset-01 #hpb-nav ul li:first-child, .hpb-layoutset-01 #hpb-nav ul li:first-child a {
    -webkit-border-radius: 4px 4px 0 0;
}
 #hpb-nav ul li a {
    border: 1px solid #fff;
    width: auto;
    min-height: 49px;
    color: #db6653;
    font-size: 1.1em;
    line-height: 1.4;
    text-align: left;
    text-shadow: 0px 0px 2px #fff;
    padding: 10px 0 0 60px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
    text-decoration: none;
}   
 #hpb-nav ul li .txt {
    font-weight: normal;
    color: #333;
    font-size: 0.8em;
    text-indent: 2px;
}   
    
.hpb-layoutset-01 #hpb-nav ul li a {
    border: 1px solid #fff;
    width: auto;
    min-height: 49px;
    color: #db6653;
    font-size: 1.3em;
    line-height: 1.4;
    text-align: left;
    text-shadow: 0px 0px 2px #fff;
    padding: 10px 0 0 60px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
    text-decoration: none;
}   

#hpb-nav ul li a#navi-01 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
#hpb-nav ul li a#navi-02 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
#hpb-nav ul li a#navi-03 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
#hpb-nav ul li a#navi-04 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
#hpb-nav ul li a#navi-05 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
#hpb-nav ul li a#navi-06 {
    background-repeat:no-repeat;
        background-size: 17%;
    background-position-x: 0;
    width: 90%;
    background-repeat-y: 0px;
    position: absolute;
    left: 30px;
}
    .top_reason02 img{
        width: 100%;
    }   
    .top_reason img{
        width:100%;
    }
    .img_right img{
    text-align: center;
    display: inherit;
    margin: auto;   
    }
    .voice01{
        width: 100%;
        margin: 10px 0 6px;
    }
    .voice02{
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .voice02 img{
        position: relative;
        top: 0;
        left:0;
        transform:translateY(0%) translateX(0%);
        -webkit- transform:translateY(0%) translateX(0%);
    }
    #hpb-nav{
        position: relative;
    }   
    .price_table tbody tr th {
    background-color: #FFCD70;
    color: #4B3027;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.0980392);
    border-width: 0px 1px 1px 0px;
}
.ui-rtsr-name {
    padding: 4px 0px 3px;
}
.kosi_right {
    width: 60%;
    float: none;
    margin: auto;
}
    .kosi_text_left{
        width:100%;
        float:none;
    }
    .kosi_left{
        width: 60%;
    float: none;
    margin: auto;   
    }   
    .kosi_text_right{
        width:100%;
        float:none; 
    }   
    .sports_right{
        width:100%;
        float:none;
    }
    .sports_left{
    width:100%;
        float:none; 
    }
    .hibiki-left{
        width:40%;
        margin:auto;
        float:none;
    }
    .hibiki-right{
    width:100%;
    float:none; 
    }

    #hpb-nav ul li {
        min-height: initial;
        overflow: hidden;
    }

    div#hpb-nav ul li a#navi-01, 
    div#hpb-nav ul li a#navi-02,
    div#hpb-nav ul li a#navi-03,
    div#hpb-nav ul li a#navi-04,
    div#hpb-nav ul li a#navi-05,
    div#hpb-nav ul li a#navi-06 {
        width: 100%;
        background-size: auto;
        position: static;
        display: block;
        padding: 10px 0;
        padding-left: 68px;
        border: none;
        background-position-x: 7px;
    }

    /* TOPメニュー */
    .syo-rei-box{
        margin-top: 5%;
    }
    .syo-top li {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 31%;
    }
    .syo-rei-box a img {
        margin: 0;
        width: 100%;
    }

/* TOP 3つの約束 */
.point_box{
    margin-bottom: 0%;
}
.point_box .inner, .point_box .inner_last{
    min-height: auto;
    float: none;
}
.point_box .inner .img_box, .point_box .inner_last .img_box {
    width: auto;
    height: auto;
    margin: 0;
    padding-top: 20px;
    float: none;
    text-align: center;
}
.point_box .inner .img_box img, .point_box .inner_last .img_box img {
    width: auto;
}
.point_box .inner ul, .point_box .inner_last ul{
    width: auto;
    float: none;
}
.point_box .inner ul li, .point_box .inner_last ul li {
    width: auto;
    margin-bottom: 3%;
}

/*******************
グループ院 店舗紹介　地域から治療院を探すページ
********************/
div.group_box{
    display: none;
}
div.group2 ul li {
    width: 100%;
    margin: 0px auto 5%;
}
/* グループ院　ボタン */
div.group_btn_box ul {
    margin: auto;
    width: auto;
}
div.group_btn_box ul li {
    display: inline-block;
    margin: 0px 3% 3% 0px;
    width: 47%;
}
div.group_btn_box ul li:nth-child(3), div.group_btn_box ul li:nth-child(6), div.group_btn_box ul li:nth-child(9) {
    margin: 0px 3% 3% 0px;
}
div.group_btn_box ul li:nth-child(2), div.group_btn_box ul li:nth-child(4), div.group_btn_box ul li:nth-child(6), div.group_btn_box ul li:nth-child(8),div.group_btn_box ul li:nth-child(10){
    margin-right: 0px;
}

    div#footer-bk2 {
        bottom: 0;
    }
    .post{
        width: 94%;
        margin: auto;
    }
    
    .main-header {
    width: 100% !important;
    margin-top:64px !important;
}
    .sp-header{
        display: block !important;
    }
    .mhead-in{
        display: none;
    }
    #menubar{
        display: none;
    }
#sp-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0 auto;
    border-top: 2px solid #990100;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    background-color: #fff;
}

#sp-header {
    height: 60px;
}
#header_yoyaku {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 32%;
    z-index: 25;
    border-left: 1px solid #eaeaea;
    width: 15%;
    height: 100%;
    text-align: left;
    text-indent: -9999px;
}
#header_access {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 17%;
    z-index: 20;
    border-left: 1px solid #eaeaea;
    width: 15%;
    height: 100%;
    text-align: left;
    text-indent: -9999px;
}
#MenuButton.active {
    background-size: 45px auto;
}

#MenuButton {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2%;
    z-index: 12;
    border-left: 1px solid #eaeaea;
    width: 15%;
    height: 100%;
    text-align: left;
    text-indent: -9999px;
}
        #GlobalNav {
    z-index: 15;
}

#GlobalNav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
}
        .menuNav {
    width: 100%;
    text-align: left;
}
ul.add_menu {
    width: 100%;
    display: flex;
    margin: auto;
    text-align: center;
}

ul.add_menu li {
    width: 100%;
    max-width: 50%;
    text-align: center;
    border-right: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}
ul.add_menu li:last-child{
    border-right: none;
}
.menuNav ul.add_menu li a {
    padding: 18px;
    background: #ff6666;
    color: white;
    text-shadow: 1px 0 rgba(0,0,0,0.2);
}
.menuNav ul.add_menu li:last-child a {
    background-color: #ffad66;
}

        .menuNav ul li {
    background-color: #fff;
    line-height: 1.3;
    font-size: 17px;
    font-weight: bold;
}
        .menuNav ul li.menu01 a {
    background: url(https://www.eikoukai.net/image/icon_01.png) no-repeat 15px 16px;
    background-size: 20px auto;
}

.menuNav ul li a {
    display: block;
    text-decoration: none;
}

.menuNav ul li a {
    text-decoration: none;
    color: #333;
}

.menuNav ul li a {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 10px 18px 44px;
}

.menuNav ul li a {
    display: block;
    text-decoration: none;
}

.menuNav ul li a {
    text-decoration: none;
    color: #4b2e08;
    font-size: 14px;
}

.menuNav ul li a {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 10px 18px 44px;
}
       
        
        .sp-header{
            display: block;
        }
        .sp-header a img{
            width: 40%;
        }
        .sp-header{
            display: block;
            background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0%;
    padding-top: 15px;
    padding-bottom: 9px;
        }
        #Wall {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.9;
    text-indent: -9999px;
    z-index: 10;
}
        body{
            padding: 0 0px;
        }
        #Wall{
            display: block;
        }
    #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0 auto;
    border-top: 2px solid #990100;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    background-color: #fff;
}
    #header {
    height: 60px;
}

    #Wall{
        display: none;
    }
header {
    height: auto;
    width: 100%;
    position: relative;
}
.site_logo {
    float: left;
    width: 46%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.head_bunner {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 15px;
}
a.icon_tel {
    animation: buruburu 0.7s infinite;
}

.sp_foot_pop{
    position: fixed;
    bottom: 0px;
    left: 0px;
    display: inherit;
}
.sp_foot_pop img{
    vertical-align: bottom;
    width: 100%;
}
    .sp-ekiten{
        display: block!important;
    }
    .pc-ekiten{
        display: none;
    }
    .access_in_left{
        width: 100%;
    }
    .access_in_right{
        width: 100%;
    }
    .sp-line img{
        margin-top: -30px;
    }
    .sp-line{
        margin-top: -30px;
    }
    .foot-popup {
    display: block !important;
    position: fixed;
    bottom: 0;
    background-color: #585858;
    z-index: 999;
}
    .fp-in {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
    #page{
    margin-top: 50px;
}
/*2019-02-15*/
.contact_box .inner ul li:first-child {
    width: 100%!important;
}
.contact_box .inner ul li:last-child {
    width: 100%!important;
}   
/**/    
}
/**/
.head-box{
    background: #fef1d1;
}
.head-box-in{
    width: 1000px;
    margin: auto;
    padding-bottom: 10px;
    overflow: hidden;
}
.head-left{
    width: 40%;
    float: left;
}
.head-caption{
    font-size: 12px;
    font-weight: bold;
}
.head-access p span{
    background: #dc682a;
    padding: 5px 10px;
    margin-right: 3px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.head-right{
    float: right;
    margin: 7px 0px 0px 0px;
}
.head-right p{
    margin: 0px;
}
.head-but-l{
    float: left;
    width: 50%;
}
.head-but-r{
    float: right;
    width: 50%;
    text-align: center;
}
.head-but-r img{
    margin: 5px 0 1px;
}
.head-but-r a img{
    margin: 0;
}
.head-gnav{
    width: 100%;
    background: #ef9700;
}
.head-gnav ul{
    width: 970px;
    overflow: hidden;
    margin: auto;
}
.head-gnav ul li{
    width: 160px;
    float: left;
    border-left: 1px solid #fff;
    text-align: center;
    padding: 15px 0;
}
.head-gnav ul li:last-child{
    border-right: 1px solid #fff;
}
.head-gnav ul li a{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.head-access{
    margin-top: 10px;
}
.article-author{
    display: none;
}
.comment-area{
    display: none;
}
.entry-meta{
    display: none;
}
.ekiten{
    display: none;
}
.page-id-143 .ekiten{
    display: block;
}

/*2019-02-15追記*/
.contact_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #ff9a2a;
    display: table;
}
.contact_box .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.contact_box .inner ul {
    width: 100%;
    height: auto;
    margin: 20px 0;
    padding: 0;
    float: left;
}
.contact_box .inner ul li:first-child {
    width: 40.05934718%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.contact_box .inner img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.contact_box .inner ul li:last-child {
    width: 56.37982195%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
}
.contact_box .inner p, .contact_box .inner p span {
    font-size: 15px;
    line-height: 1.5em;
    color: #764810;
}
.gloup-box{
    overflow: hidden;
    width: 100%;    
}
.gloup-box ul li{
    width:32%;
    float:left;
}
.korona{
max-width:1000px;
margin:20px auto;
}
.qa-text{
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: dotted #faa850;  
    padding-bottom:5px;
}
.qa-text span{
font-size: 25px;    
}
.qa-text02  b{
font-size: 20px;    
}

/* テーブル */
table {
    width: 100%;
    font-size: 13px;
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.table {
    width: 100%;
    border: none;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin: 1em 0;
}

table.table th {
    background-color: #00afcc;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    border: none;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
    padding: 10px;
    width: 30%;
    vertical-align: middle;
}

table.table tr:last-child th{
  border-bottom: 1px solid #cccccc;
}

table.table td {
    font-size: 14px;
    border: none;
    font-weight: normal;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding: 10px;
    background-color: white;
}


#contact_form th span {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    color: #de0000;
    margin-right: 5px;
}

form .contact_p1 {
    text-align: center;
}

form .contact_p1 input {
    margin: 0 auto 25px;
    background: #ef9700;
}

form .contact_p1 input:hover {
    opacity: .7;
    background: #ef9700;
}

@media screen and ( max-width: 768px ) {
    #contact_form.table th,
    #contact_form.table td {
        display: block;
        width: 100%;
    }
}

/* 2022_4_28 吉田追記 */

* {
    font-family: 'Noto Sans JP', sans-serif !important;
}

:root {
    --maincolor: #ef9700;
    --fontcolor: #333;
}

.center {
    max-width: 1000px;
    margin: auto;
}

/* ヘッダー */

.home .new-header {
    box-shadow: none;
    margin-bottom: 0;
}

.new-header {
    width: 100%;
    overflow: hidden;
    box-shadow: 0 2px 10px #00afcc63;
    margin-bottom: 40px;
}

.logo {
    width: 13%;
    float: left;
    padding: 10px;
}

.header-botan {
    width: 60%;
    float: right;
}

.header-botan ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.header-botan ul li {
    display: table-cell;
    position: relative;
}

.header-botan ul li a {
    display: block;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    color: var(--fontcolor);
    font-size: 16px;
}

.header-botan ul li a:hover {
    opacity: 0.5;
}

.header-botan ul li::after {
    content: "|";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--fontcolor);
}

.header-botan ul li:first-of-type:after, .header-botan ul li:last-of-type:after {
    content: none;
}

.header-botan ul li:last-of-type a {
    background: #00afcc url(images/header-contact-icon.png);
    background-repeat: no-repeat;
    background-position: left 2vw center;
    color: white;
    padding-left: 20px;
    background-size: 12%;
}

.main-img {
    background-image: url(images/main-back.jpg);
    background-size: cover;
    background-position: center center;
    padding: 0 40px;
    padding-bottom: 0;
    position: relative;
}

.main-img img {
    margin: auto;
}

.news-block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    background-color: #00000090;
}

.news-block ul {
    display: table;
    width: 100%;
}

.news-block ul li {
    display: table-cell;
    padding: 10px;
}

.news-block ul li.news-top {
    width: 10%;
    background-color: #59c2d7;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.news-block ul li.news-main {
    width: 80%;
    vertical-align: middle;
}

.news-block ul li.news-main a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: white;
}

.news-block ul li.news-main a span {
    display: inline-block;
    margin-right: 10px;
}

.news-block ul li.news-last {
    width: 10%;
    vertical-align: middle;
}

.news-block ul li.news-last a {
    display: block;
    padding: 10px;
    background-color: var(--fontcolor);
    color: white;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
}

.news-block ul li.news-last a::after {
    content: "+";
    display: inline-block;
    margin-left: 10px;
}

.top-colona {
    background-color: #00afcc;
    padding: 30px 0;
}

.top-colona img {
    display: block;
    margin: auto;
}

.group-link-area {
    background: #00afcc;
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 80px 0;
    margin-top: 40px;
    overflow: hidden;

}

.group-link-area img {
    display: block;
    margin: auto;
    /* float: right; */
}

.group-link-area a img {
    margin-top: 20px;
}

.home .group-link-area {
    margin-top: 0;
}

.gropu-link-in {
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    padding-left: 35%;
    background-image: url(images/logo-icon-w.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
}

.group-link-text {
    font-size: 1.5vw;
    color: white;
    font-family: 'Kosugi Maru', sans-serif !important;
    text-align: left;
}

.group-link-text span.big {
    font-size: 150%;
    display: inline-block;
    margin: 0 5px;
    font-family: 'Kosugi Maru', sans-serif !important;
}

.group-link-text span.mini {
    font-size: 70%;
    display: inline-block;
    margin-top: 20px;
    font-family: 'Kosugi Maru', sans-serif !important;
}

.gropu-link-in a {
    display: inline-block;
    padding: 15px;
    color: #00afcc;
    background-color: white;
    text-decoration: none;
    margin-top: 20px;
    font-size: 1vw;
    border-radius: 50px;
    font-weight: bold;
}

/* フッター */

.new-footer {
    padding: 100px 0 10px
}

.footer-top-in {
    display: table;
    table-layout: fixed;
    padding-left: 15%;
    margin-bottom: 40px;
    background-image: url(images/logo-icon.png);
    background-size: 12%;
    background-repeat: no-repeat;
    background-position: left center;
}

.footer-top-block {
    display: table-cell;
    width: 25%;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.footer-top-block.footer-case ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-top-block.footer-case ul li {
    width: 49%;
    margin-bottom: 1%;
}

.footer-bottom-in {
    display: table;
    width: 100%;
}

.footer-bottom-block {
    display: table-cell;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    width: 50%;
}

.footer-bottom-in .footer-bottom-block:first-of-type {
    border-left: 0;
    padding-left: 0;
}

.footer-block-title {
    font-weight: bold;
    color: var(--fontcolor);
    font-size: 16px;
    margin-bottom: 1em;
}

.footer-block-title::before {
    content: "●";
    color: #00afcc;
    display: inline-block;
    margin-top: 10px;
}

.footer-bottom-block ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-bottom-block ul li {
    width: 50%;
    margin-bottom: calc((100% - (50% * 2)) / 2);
}

.footer-bottom-block ul#menu-group-gunma li {
    width: 100%;
}

.new-footer ul li a {
    padding: 5px 0;
    color: var(--fontcolor);
    text-decoration: none;
    font-size: 14px;
    display: block;
}

.new-footer ul li a::before {
    content: "―";
    font-weight: bold;
    color: #00afcc;
    display: inline-block;
    margin-right: 5px;
}

.copy {
    border-top: 2px dotted #00afcc;
    padding: 10px 0;
}

.copy p {
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #00afcc;
}

.copy p a {
    color: #00afcc;
}

body.category h2.entry-title, body.category h2.entry-title * {
    box-sizing: border-box;
}

body.category h2.entry-title {
    border: none;
    background: none;
    padding: 0;
}

body.category h2.entry-title a {
    padding: 15px;
    padding-left: 50px;
    display: block;
    border-radius: 10px;
}

body {
    min-width: 1200px;
}

.wpcf7-form-control-wrap.tel input  {
    width: 100%;
}

@media screen and (max-width: 1200px) {

    .center {
        width: 90%;
    }

    .header-botan {
        width: 100%;
    }

    .logo {
        width: 100%;
        float: none;
    }

    .logo img {
        width: 40%;
        margin: auto;
        display: block;
    }

    .content {
        float: right;
        padding-left: 20px;
    }

}

/* レスポンシブ */

@media screen and (max-width: 780px) {

    body {
        min-width: auto;
    }
    
    .content {
        float: none;
        padding-left: 0;
    }
    
    /* ヘッダー */

.new-sp-header {
    position: sticky;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    background-color: white;
}

.sp-header-in, .sp-header-top {
    width: 100%;
    overflow: hidden;
}

.sp-logo {
    width: 45%;
    float: left;
    padding: 15px 5px;
}

.sp-botan {
    width: 50%;
    float: right;
}

.sp-botan ul {
    width: 100%;
    display: flex;
    table-layout: fixed;
    align-items: center;
    justify-content: flex-end;
}

.sp-botan ul li {
    display: table-cell;
    vertical-align: top;
    width: 33.333333%;
}

.sp-botan ul li label {
    display: block;
    padding: 5px;
}

.sp-botan ul li label span.top, .sp-botan ul li label span.middle, .sp-botan ul li label span.bottom {
    display: block;
    width: 50%;
    height: 2px;
    background-color: #00afcc;
    margin: 14% auto;
    transition: 0.2s;
}

/* .sp-botan ul li label span.top {
    margin-top: 6%;
}

.sp-botan ul li label span.bottom {
    margin-bottom: 6%;
} */

.sp-botan ul li label span.bottom {
    margin-bottom: 0;
}

.sp-botan ul li label span.sp-menu-text {
    display: block;
    font-size: 2vw;
    font-weight: 600;
    text-align: center;
    /* font-weight: bold; */
    color: #4e4e4e;
    margin-top: 1vw;
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.top {
    transform: translateY(2.5vw) rotate(45deg);
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.middle {
    transform: rotate(45deg);
    opacity: 0;
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.bottom {
    transform: translateY(-2.5vw) rotate(-45deg);
}

.sp-header-bottom {
    width: 100%;
    overflow: hidden;
    height: 100%;
    max-height: 0vh;
    transition: 0.2s;
}

.sp-header-bottom ul {
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}

.sp-header-bottom ul li {
    width: 50%;
    float: left;
    padding-right: 1px;
    padding-bottom: 1px;
}

.sp-header-bottom ul li:last-of-type:nth-of-type(odd) {
    width: 100%;
}

.sp-header-bottom ul li a {
    display: block;
    background-color: #00afcc;
    padding: 15px;
    color: white;
    position: relative;
}

.sp-header-bottom ul li a::after {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

input#sp-menu:checked + .sp-header-in .sp-header-bottom {
    max-height: 100vh;
}

.main-img {
    padding: 0;
    padding-bottom: 0;
    background-image: url(images/main-back.jpg);
}

.news-block ul li.news-top {
    font-size: 3vw;
}

.news-block ul li.news-main {
    width: 65%;
}

.news-block ul li.news-last {
    width: 25%;
    font-size: 3vw;
}

.top-colona img {
    width: 80%;
}

.gropu-link-in {
    background-image: url(images/logo-icon-w-sp.png);
    padding: 20px 5%;
}

.group-link-text {
    font-size: 4vw;
    text-align: center;
}

.group-link-text span.mini {
    font-size: 100%;
    margin-top: 4vw;
}

.gropu-link-in a {
    font-size: 4vw;
}

.new-footer {
    padding: 40px 0;
    background-size: 25%;
}

.footer-top-in {
    display: block;
    padding: 0;
    background-size: 80%;
    padding-top: 25%;
    background-position: center top;
    margin-bottom: 0;
    background-image: url(images/logo.png);
}

.footer-top-block {
    display: block;
    width: 100%;
    padding: 15px 5%;
    border-left: none;
    border-bottom: 1px solid #ccc;
}

.footer-top-block ul {
    width: 100%;
    overflow: hidden;
}

.footer-top-block ul li, .footer-bottom-block ul li {
    width: 100%;
    /* float: left; */
    padding: 2px;
}

.footer-top-block ul li a, .footer-bottom-block ul li a {
    display: block;
    padding: 15px 10px;
    border: 1px solid #00afcc;
    background-color: white;
    border-radius: 5px;
    font-size: 4vw;
}

.footer-top-block.footer-case ul li {
    margin-bottom: 0;
    width: 100%;
}

.footer-top-block.footer-case ul {
    display: block;
}

.footer-bottom-in {
    display: block;
}

.footer-bottom-block, .footer-bottom-in .footer-bottom-block:first-of-type {
    display: block;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #ccc;
    padding: 15px 5%;
}

.footer-bottom-in .footer-bottom-block:last-of-type {
    border-bottom: none;
}

.popup {
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.popup ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.popup ul li {
    display: table-cell;
}

.popup a {
    display: block;
    line-height: 0;
}

.group-link-area {
    padding: 40px 10px;
}

.group-link-area img {
    width: 90%;
    float: none;
}

.center {
    width: 100%;
}

img.top-case-title {
    width: auto;
}

.main-img img {
    width: 100%;
}

.copy p {
    font-size: 12px;
}

.group-link-area .sp > img {
    width: 70%;
}

}

.entry-content h3 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 12px 10px 9px 25px;
    clear: both;
    color: #291c17;
    position: relative;
    border-left: unset;
    border-bottom: 3px solid #291c17;
  }
  
  .entry-content h3:before {
    width: 6px;
    height: 60%;
    content: '';
    position: absolute;
    top: 20%;
    left: 5px;
    border-radius: 8px;
    background-color: #291c17;
    display: block;
  }

  .entry-content h3.top:before {
    content: none;
  }

  .wpcf7 span.required {
    display: inline-block;
    border-radius: 5px;
    background-color: red;
    padding: 5px 10px;
    margin-left: 10px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.wpcf7 input[type="submit"] {
    display: block;
    border: none;
    background-color: #00afcc;
    text-align: center;
    padding: 5px;
    width: 50%;
    margin: auto;
    margin-top: 1.5em;
    margin-bottom: 2em;
    color: white;
    font-weight: bold;
    border-radius: 50px;
    font-size: 20px;
}
input[type="text"], input[type="tel"], input[type="email"], textarea {
    padding: 10px;
    width: 100%;
}

.wpcf7 span.required {
  display: inline-block;
  border-radius: 5px;
  background-color: #ed0000;
  padding: 5px 10px;
  margin-left: 10px;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
input[type="date"] {
    width: 100%;
}


/**********************************************************/
/********お問い合わせ・CTA***********************************/
/**********************************************************/
#top_contact_area {
    display: flex;
    padding: 72px 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-image: url(../exray/images/contact_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#top_contact_area_inner {
    width: 100%;
    max-width: 900px;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 45px 0;
}

#top_contact_area #top_contact_area_inner::before {
    content: "";
    width: 100%;
    max-width: 900px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.67);
    display: block;
    height: 100%;
    z-index: -5;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

#top_contact_area_inner .contact_title {
    margin-bottom: 0;
}

#top_contact_area h2 {
    margin-top: 10px;
    color: #494949;
    background: none;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    text-shadow: none;
    border-left: none;
}

#top_contact_area h3 {
    color: #663400;
    background: none;
    font-size: 32px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 1.25em;
    letter-spacing: 3px;
    font-weight: 600;
    border-left: none;
    border-bottom: none;
}

#top_contact_area ul {
    display: flex;
    gap: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 834px;
    margin: 0 auto;
}

#top_contact_area ul li {
    width: 48%;
}

#top_contact_area ul li:nth-child(1) {
    margin-bottom: 24px;
    width: 100%;
}

#top_contact_area ul li img {
    margin: 0 auto;
}

/*****768以下*****/
@media screen and (max-width:768px) {
    #top_contact_area {
        padding: 16% 3%;
    }

    #top_contact_area_inner {
        padding: 6% 4%;
    }

    #top_contact_area h2 {
        font-size: 4.5vw;
        border-left: none;
    }

    #top_contact_area h3 {
        font-size: 4.35vw;
        letter-spacing: 0.6vw;
        margin-top: 0.5em;
        border-left: none;
        border-bottom: none;
    }

    #top_contact_area ul {
        flex-direction: column;
        gap: 0;
    }

    #top_contact_area ul li {
        width: 100%;
        max-width: 450px;
        margin-bottom: 4%;
    }

    #top_contact_area ul li:nth-child(3) {
        background: #34b4e3;
        border-radius: 8px;
    }

    #content #top_contact_area ul li:nth-child(4) {
        background: #16bc12;
        border-radius: 8px;
    }

    #content #top_contact_area ul li label img {
        image-rendering: auto;
    }
    .copy {
        border-top: 2px dotted #00afcc;
        padding: 10px 0 80px;
    }
}

/* 料金表 */
.price-list h2{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    padding: 10px 20px;
    color: white;
    margin: 1em 0;
    margin-top: 2em;
    font-size: 21px;
    font-weight: normal;
    background-color: #00afcc;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.price-list table.table {
    width: 100%;
    border: none;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin: 1em 0;
}

.price-list table.table.tl_s th {
    width: 40%;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    background-color: #59c2d7;
    font-size: 17px;
}

table.table td {
    font-size: 17px;
    border: none;
    font-weight: normal;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding: 10px;
    width: 70%;
    vertical-align: middle;
}

/* アクセス */
.access_page h2{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    padding: 10px 20px;
    color: white;
    margin: 1em 0;
    margin-top: 2em;
    font-size: 21px;
    font-weight: normal;
    background-color: #00afcc;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
/* --------------------------------------------------- */
/* 初めての方へ */
/* --------------------------------------------------- */
/*選ばれる理由*/
#guide_page .point_wrap .point_box{
    border-bottom: dotted 2px #ccc;
    display: flex;
    justify-content: left;
    flex-flow: row-reverse;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0;
}
#guide_page .point_wrap .point_box figure{
    width: 30%;
    text-align: center;
}

#guide_page .point_wrap .point_box figure img,
#guide_page .point_wrap .point_box figure img{
    margin: 0 auto;
}
#guide_page .point_wrap .point_box div.point_txt_block{
    padding-right: 1.5em;
    width: 70%;
}
#guide_page .point_wrap .point_box p.point_tit{
    width: 100%;
    margin-top: 0em;
    text-align: left;
}
@media (max-width: 768px) {
 #guide_page .point_wrap .point_box{
    border-bottom: dotted 2px #ccc;
    padding: 3em 0 1em;
}
#guide_page .point_wrap .point_box figure,
#guide_page .point_wrap .point_box div.point_txt_block{
    padding: 0em 2%;
    width: 100%;
}
#guide_page .point_wrap .point_box p.point_tit{
    width: 100%;
}
/**/
#guide_page .flow_wrap .flow_box{
    padding: 0 2% 0 1%;
    width: 50%;
    background: none;
}
#guide_page .flow_wrap .flow_box:last-child{
    background-image: none;
}
}
/*施術の流れ*/
#guide_page .flow_wrap{
    display: flex;
    justify-content: left;
    align-items: top;
    flex-wrap: wrap;
}
#guide_page .point_wraper h2{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    padding: 10px 20px;
    color: white;
    margin: 1em 0;
    margin-top: 2em;
    font-size: 21px;
    font-weight: normal;
    background-color: #00afcc;
    position: relative;
    overflow: hidden;
    border-radius: 8px;   
}
#guide_page .point_wraper h2:first-child,
.price-list h2:first-child {
    margin: 1rem 0;
    margin-top: 0;
}
#guide_page .point_wraper h3{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    padding: 10px 20px 10px 20px;
    color: #595857;
    margin: 1em 0;
    margin-top: 2em;
    font-size: 18px;
    background-color: #f8f8f8;
    border-bottom: 2px solid #3a84df;
    border-left: 5px solid #3a84df; 
}
#guide_page .point_wraper h3:before {
    content: none;
}
#guide_page .flow_wrap .flow_box{
    padding: 0 15px 0 5px;
    width: 33.33%;
    background-image: url(../images/flow_icon.png);
    background-position: center right 5px;
    background-repeat: no-repeat;
}
#guide_page .flow_wrap .flow_box:last-child{
    background-image: none;
}
#guide_page .flow_wrap .flow_box h3{
    width: 100%;
    display: block;
}
.flow_wrap .flow_box figure.flow_image{
    width: 100%;
    text-align: center;
}
.flow_wrap .flow_box figure.flow_image img{
    margin: 0 auto;
}
.flow_wrap .flow_box > div{
    margin: 0 0% 0 0;
}

@media screen and (max-width: 769px){
    .sp_popup {
        display: flex!important;
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 5rem;
        background-color: #fff;
        z-index: 10000;
        padding: 0.6rem 0.8rem;
    }
  .sp_popup_webArea {
    position: relative;
    width: 50%;
    display: flex;
  }
  .sp_popup_telArea {
    position: relative;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sp_popup_webArea a {
    background-color: #d8f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
    border-radius: 3px;
    text-decoration: none;
    color: #514942;
  }
  .sp_popup_webArea a:hover {
    background-color: #55bada;
    color: #fff;
  }
  .sp_popup_webArea figure {
    display: inline-block;
    position: relative;
    top: 0px;
    margin: 0 0.5rem 0 0;
    width: 2.5rem;
    height: 1.8rem;
  }
  .sp_popup_webArea figure img {
    width: 2rem;
    height: auto;
  }
  .sp_popup_webArea span {
    position: relative;
    top: 3px;
    font-size: 20px;
  }
  div#sp-menu-yoyaku {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
  }
  .sp_popup_telArea .popup_tel {
    margin-top: 0.1rem;
    margin-left: 0.6rem;
    padding-left: 0;
    line-height: 1;
  }
  .sp_popup_telArea .popup_tel dt {
    font-size: 0.7rem;
    line-height: 1;
    margin-top: 0.1rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.6rem;
  }
  .sp_popup_telArea .popup_tel dd {
    color: #55bada;
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
  }
  .sp_popup_telArea .popup_tel dd:hover {
    color: #c6bc26;
  }
  .sp_popup_telArea .popup_tel dd a {
    line-height: 1;
    font-size: 1rem;
    color: #43BCF6;
    margin-left: 0.2rem;
    line-height: 1;
    letter-spacing: 0.075em;
    white-space: nowrap;
  }
  .sp_popup_telArea .popup_tel dd a:hover {
    color: #c6bc26;
    font-size: 15px;
  }
  .footer {
  background: #55bada;
  padding: 3rem 0 8rem;
}
}

/* Q&A */
#content #question h2 {
    margin-top: 90px;
    margin-bottom: 50px;
  }
  .diet_qa{
    padding: 0 3%;
  }
  .diet_qa li.q{
    background: #fef7dd;
    background-image: url(https://sekkotsuin-ohana.com/wp-content/themes/exray/images/lp_q.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding: 20px 40px 20px 100px;
    color: #5c5c5c;
    font-size: 15px;
    border-radius: 7px;
  }
  .diet_qa li.a{
    background-image: url("https://sekkotsuin-ohana.com/wp-content/themes/exray/images/lp_a.png");
    background-position: 20px 11px;
    background-repeat: no-repeat;
    padding: 20px 40px 20px 100px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 7px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
  
  .diet_lp_access{
    border: solid 3px #e8e8e8;
    border-radius: 7px;
    padding: 20px;
  }
  .diet_lp_access_in{
    overflow: hidden;
    margin-bottom: 30px;
  }
  .diet_lp_access_in .left{
    width: 40%;
    float: left;
  }
  .diet_lp_access_in .right{
    width: 57%;
    float: right;
  }
  #wrapper .diet_lp_access_in p.ttl{
    background: #907b28;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin: 0px;
  }
  #wrapper .diet_lp_access_in p.img{
    margin: 0px;
  }
  #wrapper .diet_lp_access_in table{
    font-size: 13px;
  }
  #wrapper .diet_lp_access_in table span{
    font-size: 30px;
    color: #ff5b6b;
  }
  .diet_lp_btn ul li{
    display: inline-block;
    margin-right: 2%;
    width: 31.444%;
  }
  .diet_lp_btn ul li:last-child{
    margin-right: 0px;
  }
  section.point_wraper img {
    margin-bottom: 15px;
  }
  @media screen and (max-width: 767px){
  .diet_qa li.q{
    background-image: url("https://sekkotsuin-ohana.com/wp-content/themes/exray/images/lp_q.png");
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 15px 20px 15px 60px;
    font-size: 15px;
    border-radius: 7px;
    }
    .diet_qa li.a {
    background-image: url("https://sekkotsuin-ohana.com/wp-content/themes/exray/images/lp_a.png");
    background-position: left 20px top;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 0px 20px 0px 60px;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 1.7;
    border-radius: 7px;
    margin-bottom: 30px;
    margin-top: 20px;
    }
    #button ul li {
        margin-bottom: 0.7rem;
    }
    #button2 ul li {
      margin-bottom: 0.7rem;
    }
  }
  /* Q&A */
  /* サイドバー院情報 */
  .side_info {
    height: auto;
    padding: 8px;
    border: 1px solid #dddcda;
  }
  
  .side_info p {
    font-size: 13px;
    color: #523200;
    border-bottom: dotted 2px #bcb6b6;
  }
  
  .side_info p span {
    margin-left: 65px;
  }
  
  .side_info .access_map {
    width: auto;
    height: auto;
    margin: 10px 0 5px 0;
    display: table;
  }
    /* サイドバー院情報 */
    /* 症例ブレッド */
 .worries_block{
	padding: 15px 20px 5px;
}
.worries_block span.sub-hd {
    display: block;
    padding: 1em 0;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: dimgrey;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    margin: 1em 0;
}
.worries_block img.img-r {
    float: right;
	width: 25%;
}
.lp-nayami ul{
		width: 70%;
	}
.lp-nayami ul li {
    padding: 15px 0;
    padding-left: 45px;
    color: dimgrey;
    font-size: 18px;
    border-bottom: 1px dotted darkgray;
    background-image: url(https://sekkotsuin-ohana.com/wp-content/themes/exray/images/check-icon.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}
.worries_block .center-img {
    text-align: center;
}
.worries_block .center-img img {
    margin: 2em auto;
}
.worries_block span.hd_2 {
    display: block;
    margin-bottom: 1em;
    font-size: 30px;
    font-weight: bold;
    color: #00afcc;
    text-align: center;
}
@media screen and (max-width: 768px){
.worries_block p{
	margin: 0;
}
.postid-242 #wrapper{
	padding: 20px 0 0;
    border-radius: 0;
	}
.worries_block {
    padding: 5px 0px 5px;
}
.worries_block .center-img img {
    margin: 1em auto;
}
.lp-nayami {
    margin: auto;
    text-align: center;
}
.lp-nayami ul{
		width: 100%;
        text-align: left;
}

.lp-nayami ul li{
    font-size: 16px;
}

.worries_block img.img-r {
    float: none;
    width: 40%;
    margin: auto;
    margin-bottom: 1em;
}
.worries_block span.hd_2 {
    font-size: 22px;
	margin-top: 1em;
}
.worries_block span.sub-hd {
    font-size: 18px;
	padding: 10px 0;
}
}
  /* 症例ブレッド */

.top-price-btn {
    margin: auto;
    text-align: center;
}
@media screen and (max-width: 768px){

/* フッターポップアップ */
.footer-popup ul {
	display: table;
	width: 100%;
	border-top: 1px solid #fff;
	padding-left: 0px;
}
.footer-popup img {
	width: 30%;
	margin: auto;
}
.footer-popup li {
	padding: 7px 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.footer-sp .footer-popup li:nth-child(1){
	background-color: #ffb012;
	border-right: 1px solid #fff;
}
.footer-sp .footer-popup li:nth-child(2){
    background-color: #16bc12;
	border-right: 1px solid #fff;
}
.footer-sp .footer-popup li:nth-child(3){
	background-color: #3bbceb;
}
/* フッターポップアップ */

}

.back-borderimg p {
    font-size: 19px;
}
.back-borderimg p.whatis-text {
    margin: 2rem 0;
}

.top-text-main img {
    height: 221px;
    width: 696px;
}
@media screen and (max-width: 1200px){
    .top-text-main img {
        height: auto;
        width: auto;
    }
    .content {
        padding-left: 0;
    }
}

/*サイドバーボタン/2024/07/25|追記*/
.sidebar-widget #button ul,
.sidebar-widget #button2 ul,
.sidebar-widget #button3 ul {
    margin-bottom: 10px;
    padding: 0px;
    border: none;
}
.sidebar-widget #button3 ul {
  margin-bottom: 20px;
}
.sidebar-widget #button ul li, 
.sidebar-widget #button2 ul li,
.sidebar-widget #button3 ul li {
	padding: 0px;
}
.sidebar-widget #button ul li a {
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    background-color: #00afcc;
    border: 2px solid #00afcc;
    border-radius: 10px;
    display: block;
    width: 100%;
    font-size: 16px;
}
.sidebar-widget #button2 ul li a {
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    background-color: #16bc12;
    border: 2px solid #16bc12;
    border-radius: 10px;
    display: block;
    width: 100%;
    font-size: 16px;
}
.sidebar-widget #button3 ul li a {
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    background-color: #ffb012;
    border: 2px solid #ffb012;
    border-radius: 10px;
    display: block;
    width: 100%;
    font-size: 16px;
}
.sidebar-widget #button ul li a:hover,
.sidebar-widget #button2 ul li a:hover,
.sidebar-widget #button3 ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.sidebar-widget.clearfix:before, 
.sidebar-widget.clearfix:after {
    display: none;
}
div#primary {
    margin-top: 15px;
    margin-right: 25px;
}
div.article-container-adaptive#main {
    margin: 5px 0 0 0;
}
.row {
    width: 980px;
}
@media (max-width: 767px){
    .row {
        width: 100%;
    }
}
/*サイドバーボタン/2024/07/25|追記*/

/* TOP セミナーエリア /2025/0508|追記 */
.seminar {
    margin: 0rem auto 2rem;
    max-width: 1200px;
}
.seminar-box {
    background-image: url(./images/bg_seminar.png);
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    width: auto;
    height: 420px;
    display: flex;
    align-items: center;
    padding: 7rem;
}
.seminar-box::after {
    content: "";
    background-image: url(./images/i_seminar.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -23px;
    left: -80px;
    width: 263px;
    height: 197px;
}
.seminar-title p {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}
.seminar-title span {
    color: #00A2BD;
}
@media screen and (max-width: 1350px) {
    .seminar {
        max-width: 1100px;
    }
    .seminar-box::after {
        left: -40px;
        width: 170px;
        height: 132px;    
    }
    .seminar-box {
        background-size: cover;
        height: 385px;
        padding: 4rem;
    }
    
}
@media screen and (max-width: 768px) {
    .seminar {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .seminar-box {
        background-size: cover;
        height: 130.66666666666666vw;
        width: 93.33333333333333vw;
        padding: 2rem;
        background-position: left;
        background-image: url(./images/sp_bg_seminar.png);
        align-items: unset;
    }
    .seminar-box::after {
        content: unset;    
    }
    
}
/* TOP セミナーエリア /2025/0508|追記 */

/* レスポンシブ調整 /2025/0509 */
@media screen and (max-width: 780px) {
    .row {
        width: 100%;
        padding-right: 3.5rem;
    }
    .header-botan ul li a {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .row {
        padding-right: 0;
    }
}
/* レスポンシブ調整 /2025/0509 */

/*2025/12/03|TOPページの患者様の声動画*/
.patient-voice {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.patient-voice ul {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: dotted 2px #8f8f8f;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.patient-voice ul:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.patient-voice ul li {
    width: 48%;
}
.patient-voice ul li p {
    margin-top: 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .patient-voice ul {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .patient-voice ul li {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: dotted 2px #8f8f8f;
    }
    .patient-voice ul li.patient-voice-last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
}