@charset "utf-8";

/* ===================================================================
common
=================================================================== */

/*	ttl
----------------------------------------------------*/
.ttl_bg {
margin-bottom: 50px;
}

.ttl {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 40px 55px;
}

.ttl h2 {
padding-bottom: 20px;
font-size: 2.8rem;
font-weight: normal;
color: white;
}

/*	contents
----------------------------------------------------*/
#contents h2 {
position: relative;
margin: 0 -10px 20px;
padding: .35em .45em .37em 1.1em;
font-size: 2.2rem;
font-weight: normal;
}

#contents h2::before {
content: "";
position: absolute;
left:10px;
width: 7px;
height: 30px;
background: gray;
background: -moz-linear-gradient(top,  white 0%, #eaeaea 100%);
background: -webkit-linear-gradient(top,  white 0%,#eaeaea 100%);
background: linear-gradient(to bottom,  white 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#eaeaea',GradientType=0 );
}

.treatment #contents h2,
.faq #contents h2,
.privacy #contents h2,
.minor #contents h2{
margin-right: 0;
margin-left: 0;
}

#contents h3 {
position: relative;
margin: 0 -10px 20px;
font-size: 2.0rem;
}

#contents h3 span {
position: relative;
padding: 0 15px;
z-index: 5;
background: white;
}

#contents h3:before {
content: "";
display: block;
border-top: solid 1px #897457;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}

#contents h4 {
margin: 0 -10px 20px;
padding: 0 0 10px 15px;
font-size: 1.8rem;
}

#contents h5{
margin: 0 -10px 10px;
font-size: 1.5rem;
}

#contents h6{
margin-bottom: 8px;
font-size: 1.5rem;
}

#contents section {
padding: 0 10px 20px;
}

#contents .inner_sec{
padding: 0 0 20px;
}

#contents .jump_link {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
margin-bottom: 30px;
font-size: 15px;
}

#contents .jump_link li:not(:last-child){
padding-right: 7px;
}
    
#contents .jump_link li a{
color: #897457;
}

/* ===================================================================
index
=================================================================== */
.ind_main_bg {
background: url(../images/index/main_bg.png) top center no-repeat;
}

.ind_main_dot {
background: url(../images/index/main_dot.png) repeat;
}

.ind_main_color {
background: rgba(148, 127, 98, .5);
}

.ind_main {
position: relative;
width: 100%;
max-width: 1080px;
height: 416px;
margin: 0 auto;
}

.ind_main .text {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 584px;
height: 100%;
margin-left: 50px;
padding: 30px 0 20px;
/* position: absolute;
top: 40px;
left: 50px; */
}

.ind_main .text h2 {
margin-bottom: 10px;
font-size: 3.0rem;
font-weight: 600;
color: white;
text-align: center;
text-shadow: #313131 0px 0px 5px;
}

.ind_main h2 span {
font-size: 4.0rem;
font-weight: bold;
}

.ind_main .text p {
margin-bottom: 20px;
font-size: 1.4rem;
color: white;
text-align: center;
}

.ind_main .text p.price_rink{
margin-bottom: 35px;
}

.ind_main .text p a {
display: block;
color: white;
text-decoration: none;
}

.ind_main .text p a span {
padding: 7px 10px;
border: 1px solid #897457;
background: #897457;
}

.ind_main .text p a span:hover {
background: #bea351;
}

.ind_main .text h3 {
padding-bottom: 15px;
/*padding-bottom: 30px;*/
font-size: 3.0rem;
color: white;
font-weight: normal;
text-align: center;
}

.ind_main .text h3 span{
font-size: 4.0rem;
}

.ind_main .text h2 span br{
display: none;
}

.ind_main .text .link_case{
width: 280px;
margin: 0 auto;
text-align: center;
font-size: 1.8rem;
}

.ind_main .text .link_case a{
padding: 1em;
font-weight: bold;
color: #84735C;
background: rgba(255, 255, 255, 0.7);
border-radius: 3em;
border: 2px solid #84753c;
}

.ind_main .text .link_case a:hover{
background: rgba(255, 255, 255, 0.8);    
}

.ind_main .text .link_case a span{
margin-right: .5em;
padding: .3em;
color: #fff;
background: #ACD16F;
border: none;
}

.ind_main .text .link_case a span:hover{
background: #ACD16F;
}

.ind_main .text .link_case a .fa{
font-size: 1.8rem;
margin-left: .2em;    
}

.ind_main .text ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: center;
margin-top: 20px;
text-align: center;
}

.ind_main .text li {
    padding: 3px 15px 0;
    border: 1px solid white;
    color: white;
    font-size: 2.4rem;
    background: rgb(137, 116, 87, .5);
}

.ind_main .text li + li {
    margin-left: 15px;
}

.ind_main .text .text-bottom{
    margin-bottom: unset;
}

.ind_main .dr {
position: absolute;
right: 62px;
bottom: 0;
width: 220px;
}

.iroha_abc{
width: 100%;
max-width: 1080px;
margin: 20px auto 0;
}

.iroha_abc .bnr_area{
display: flex;
justify-content: space-between;
margin-top: 20px;
}

.iroha_abc .bnr_area li {
text-align: center;
}

.iroha_abc .bnr_area li img{
    width: auto;
    height: 21.3vw;
    max-height: 232px;
}

.iroha_abc .oyako_ba{
    width: 80%;
    max-width: 380px;
    margin: 60px auto;
}

.iroha_abc figure{
padding: 25px;
background: #fefefe;
}

.iroha_abc figure img{
display: block;
width: 70%;
margin: 0 auto 15px;
}

.iroha_abc figure figcaption p{
font-size: 1.4rem;
}

.index .minor{
max-width: 560px;
}

.index .minor a{
display: block;
padding: 0.8em 0 0.6em;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
color: #8a7457;
text-decoration: none;
border: 1px solid #8a7457;
background: url(../images/index/minor_lbg.png) 0 0/contain no-repeat, url(../images/index/minor_rbg.png) 100% 100%/contain no-repeat;
background-color: #fcf9ec;
transition: .3s ease-in-out;
}

.index .minor a:hover{
opacity: .7;
}

.index .minor a br{
display: none;
}

.ind_btn {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
width: 100%;
max-width: 1080px;
margin: 40px auto;
justify-content: space-between;
}

.ind_btn li img{
width: auto;
height: 90px;
}

.ind_menu {
width: 100%;
max-width: 1080px;
margin: 0 auto 50px;
border-top: 1px dashed gray;
}

.ind_menu h3 {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0 40px;
font-size: 2.4rem;
color: #897457;
text-align: center;
font-weight: normal;
/* background: url(../images/index/h3_bg_v3.png) 0 13px no-repeat; */
}

.ind_menu h3 br{
display: none;    
}

.ind_menu h3:before,
.ind_menu h3:after{
    content: '';
    height: 1px;
    width: 25%;
}

.ind_menu h3:before{
    margin-right: 5px;
    background: linear-gradient(to right, #eaeaea, #8a7457 60%);
}

.ind_menu h3:after{
    margin-left: 5px;
    background: linear-gradient(to left, #eaeaea, #8a7457 60%);
}

.ind_menu div {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

.ind_menu dl {
position: relative;
width: 330px;
padding: 18px;
color: #897457;
background: #dfdfdf;
}

.ind_menu dt i {
margin-right: 5px;
color: #897457;
}

.ind_menu dd p {
margin-bottom: 30px;
font-size: 1.2rem;
color: black;
}

.ind_menu dd ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
flex-wrap: wrap;
position: absolute;
bottom: 18px;
}

.ind_menu dt {
margin-bottom: 5px;
font-size: 1.6rem;
font-weight: normal;
}

.ind_menu dd ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
}

.ind_menu dd li {
padding: 0 5px;
font-size: 12px;
border-top: none;
border-right: none;
border-bottom: none;
border-left: 1px solid black;
}

.ind_menu dd li:first-child {
padding-left: 0;
border: none;
}

.ind_menu dd li a {
color: #897457;
}

.pickup{
width: 100%;
max-width: 1080px;
margin: 0 auto 50px;  
}

.pickup ul{
display: flex;
justify-content: space-between;
}

.pickup h3{
font-family: YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;   
}

.pickup h3{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
padding: .2em 0;
font-size: 2.4rem;
font-weight: 600;
color: #fff;
background: #897457;
}

.pickup h3:before,
.pickup h3:after{
content: '';
height: 1px;
width: 40%;
}

.pickup h3:before{
margin-right: 5px;
background: linear-gradient(to left, #fff, #897457 60%);    
}

.pickup h3:after{
margin-left: 5px;
background: linear-gradient(to right, #fff, #897457 60%);
}

.pickup ul li{
width: 330px;
}

.ind_sec02 {
padding: 50px 0;
background: #e8e2ce;
}

.ind_sec02 ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
width: 100%;
max-width: 1080px;
margin: 0 auto;
}

.ind_sec02 li {
width: 49%;
max-width: 525px;
color: black;
}

.ind_sec02 li h3 {
margin-bottom: 15px;
font-size: 18px;
font-weight: normal;
color: #897457;
}

.ind_sec02 li h3 i {
margin-right: 10px;
font-size: 24px;
}

.ind_sec02 li.flow h3 i {
color: #897457;
}

.ind_sec02 li.access h3 i {
color: #897457;
}

.ind_sec02 li.flow dl {
padding: 15px 15px 1px;
background: #dfdfdf;
}

.ind_sec02 li.flow .tax{
margin-top: 15px;
padding: 10px;
border: 1px solid #ccc;
background: #f7f7f7;
}

.ind_sec02 li.flow .tax h4{
margin-bottom: 0.1em; 
text-align: center;
color: #865b1d;   
}

.ind_sec02 li.flow .tax p{
font-size: 1.2rem;    
}

.ind_sec02 li.flow .tax img{
width: 525px;
height: auto;
}

.ind_sec02 li.flow dt {
margin-bottom: 20px;
font-size: 1.6rem;
color: #897457;
}

.ind_sec02 li.flow dd p {
margin-bottom: 15px;
font-size: 1.2rem;
}

.ind_sec02 li.flow dd p.more {
text-align: right;
}

.ind_sec02 li.flow dd p a {
color: #897457;
}

.ind_sec02 li.flow dd.bb {
margin-bottom: 15px;
border-bottom: 1px dotted #717171;
}

.ind_sec02 li.flow dt i {
margin-right: 10px;
color: #897457;
}


.ind_sec02 li.access div {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

.ind_sec02 li.access iframe {
width: 184px;
height: 174px;
border: 1px solid #343434;
flex: 0 0 184px;
}

.ind_sec02 li.access dl {
padding-left: 20px;
flex: 1;
}

.ind_sec02 li.access dt {
margin-bottom: 20px;
font-size: 1.8rem;
}

.ind_sec02 li.access dd p {
margin-bottom: 20px;
font-size: 1.4rem;
}

.ind_sec02 li.access dd p.tel {
font-size: 1.6rem;
}

.ind_sec02 li.access dd p a {
display: block;
color: white;
text-decoration: none;
}

.ind_sec02 li.access dd p .tel{
display: inline-block;
color: black;
}

.ind_sec02 li.access dd p a span {
padding: 7px 10px;
background: #897457;
}

.ind_sec02 li.access dd p a span:hover {
background: #bea351;
}

.ind_main .notice{
    width: 80%;
    margin: 0 auto 25px;
    border: 1px solid #f00;
    background: #ffff;
}

.ind_main .notice p:first-child{
    margin: 10px 0;
    color: #f00;
}

.ind_main .notice p:last-child{
    margin-bottom: 10px;
    color: #333;
}

.ind_sec02 li.access .notice{
    flex-direction: column;
    margin-bottom: 20px;
    padding: .5em;
    border: 1px solid #f00;
    background: #fff;
}

.ind_sec02 li.access .notice p:first-child{
    margin-bottom: .5em;
}

.ind_sec02 li.access .notice p:last-child{
    margin-bottom: 0;
}

.ind_sec02 li .root_guide{
    padding: 10px;
    border: 1px solid #ccc;
    background: #fdfdfd;
}

.ind_sec02 li .root_guide h4{
    margin-bottom: 3px;
    text-align: center;
    color: #865b1e;
}

.ind_sec02 li .root_guide p{
    font-size: 1.4rem;
}

.ind_sec02 li .root_guide p span{
    color: #f00;
}

p.ind_covidLink {
    text-align: center;
}

.ind_covidLink i {
    margin-right: 5px;
}

.ind_covid{
padding: 18px;
border: 1px solid #897457;
background: #fcf9ec;    
}

.ind_covid dt{
margin-bottom: 0.4em;
text-align: center;
font-size: 2.0rem;
font-weight: bold;
color: #897457;
}

/*	whats
----------------------------------------------------*/
.whats section a{
color: #897457;
}

.whats .breadcrumb li a {
color: white;
}

.whats .flex{
display: flex;
}

.whats .flex .text,
.whats .flex .text_area{
flex: 0 1 auto;
}

.whats .nintei{
align-items: center;
margin-bottom: 1em;
}

.whats .nintei figure{
flex: 0 0 250px;
margin-right: 15px;
}

.whats #contents .nintei .text{
margin-bottom: 0;
}

.whats .flex_1price{
flex-direction: row-reverse;
}

.whats .flex_1price figure{
flex: 0 0 232px;
margin-left: 15px;
}

.whats .one_price{
display: flex;
justify-content: center;
margin-bottom: .8em;
font-size: 2.8rem;
font-weight: 600;
}

.whats .one_price dt,
.whats .one_price dd{
padding: .2em .7em;
}

.whats .one_price dt{
color: #fff;
background: #4295e0;
}

.whats .one_price dd{
background: #fff3d1;
}

.whats .one_price dd span{
font-size: 2.0rem;
}

.whats .mens figure{
flex: 0 0 232px;
margin-right: 15px;
}

.whats .aga figure{
flex: 0 0 232px;
margin-right: 15px;
}

.whats .dr_info{
    width: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

.whats .dr_info th,
.whats .dr_info td{
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.whats .dr_info th{
    text-align: center;
    font-size: 1.4rem;
    background: #f8f4ee;
}

.whats .dr_info td{
    padding: 0.5em;
}

.whats .dr_info td img{
    vertical-align: middle;
}

/*about
----------------------------------------------------*/
.about section p.link_r a{
color: #897457;
} 

.about section dl {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
}

.about section dt {
flex: 0 0 162px;
padding-right: 25px;
}

.about section dd{
flex: 0 1 auto;
}

.about section p.link_r{
text-align: right;
}

.about section p.link_r:before{
font-family:"FontAwesome";
content: "\f061";
padding-right: 5px;
color: #897457;
}


/*	treatment
----------------------------------------------------*/
.treatment section a{
color: #897457;
}

.treatment .breadcrumb li a {
    color: white;
}

.treatment #contents h3{
position: relative;
margin: 0 -10px 20px;
font-size: 2.0rem;
padding: 10px 0;
background: #f9f2e8;
text-align: center;
}

.treatment #contents h3 span{
position: relative;
padding: 0 15px;
z-index: 5;
background: #f9f2e8;
}

.treatment #contents h3:before{
content: "";
display: block;
border-top: solid 1px #897457;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}

.treatment #contents h3:after{
content: "";
display: block;
border-top: solid 1px #897457;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 2;    
}

.treatment section dl{
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
}

.treatment section dt{
margin-right: 25px;
}

.treatment section dd{
flex: 0 1 auto;
}

.treatment section .houkei_flex dt{
flex: 0 0 170px;
}

.treatment section .aga_medicine_flex dt{
flex: 0 0 290px;  
}

.treatment section .aga_medicineitem_flex dt{
flex: 0 0 158px;
}

.treatment h5.m_point{
color:  #897457 !important;
}

.treatment h5.m_point:before{
font-family:"FontAwesome";
content: "\f057";
padding-right: 5px;
}

.treatment .treatment_contact{
margin-bottom: 40px;
}

.treatment .aga_medicine img{
border: 2px solid #897457;
}

.treatment dd p span{
font-size: 16px;
}

.treatment h5.circle:before{
font-family:"FontAwesome";
content: "\f10c";
padding-right: 5px;
color: #897457;
}

.treatment h5.risk:before{
font-family:"FontAwesome";
content: "\f071";
padding-right: 5px;
color: #897457;
font-weight: normal;
}

.treatment h6:before{
font-family:"FontAwesome";
content: "\f111";
padding-right: 5px;
color: #897457;
}

.treatment section .aga_recommen{
display: block;    
}

.treatment section .aga_recommen dt{
display: inline-block;
margin: 0 0 .7em;
font-size: 2.0rem;
font-weight: bold;
color: #8a7457;
border-bottom: 4px solid #a0927e;
}

.treatment section .aga_recommen dd{
display: flex;
justify-content: space-between;    
}

.treatment section .aga_recommen dd .tbl{
display: flex;
width: 66%; 
}

.treatment section .aga_recommen dd .tbl table{
width: 50%;
border-top: 1px solid #404040;
border-left: 1px solid #404040;    
}

.treatment section .aga_recommen dd .tbl table th,
.treatment section .aga_recommen dd .tbl table td{
padding: .4em;
border-right: 1px solid #404040;
border-bottom: 1px solid #404040;
}

.treatment section .aga_recommen dd .tbl table th{
width: 13%;
text-align: center;
}

.treatment section .aga_recommen dd .tbl table td{
width: 37%;
}

.treatment section .aga_recommen dd .tbl table .red{
color: #f00;  
font-weight: bold;
}

.treatment section .aga_recommen dd .tbl table thead{
font-weight: bold;
color: #fff;
background: #897457;
}

.treatment section .aga_recommen dd .tbl_ex{
width: 32%;  
font-size: 1.4rem;
}

.treatment section .aga_recommen dd .tbl_ex li:not(:last-child){
margin-bottom: .5em;
}


/*	flow
----------------------------------------------------*/
.flow section p a{
display: inline-block;
color: #897457;
}

.flow h4 span{
color: #897457;
}

.flow section dl {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
}

.flow section dl dt{
flex: 0 0 132px;
margin-right: 25px;
}

.flow section dl dd{
flex: 0 1 auto;
}

.flow section p.link_r{
text-align: right;
}

.flow section .flow_cont{
margin-bottom: 1em;
}

.flow section .flow_cont li{
display: flex;
font-size: 1.4rem;
line-height: 2;
}

.flow section .flow_cont li a{
display: contents;
color: #897457;
}

.flow section .flow_cont li::before{
content: '・';
}

.flow section .flow_cont .stamp::before{
content: '※';
}

.flow section p.link_r:before{
font-family:"FontAwesome";
content: "\f061";
padding-right: 5px;
color: #897457;
}

.flow section ul.price_check{
display: flex;
flex-wrap: wrap;
margin-bottom:10px;
color: #897457;
}

.flow section ul.price_check li{
font-weight: bold;
}


.flow section ul.price_check li:first-child{
margin-right: 25px;
}

.flow section ul.price_check li:before{
font-family:"FontAwesome";
content: "\f14a";
padding-right: 5px;
}


/*	price
----------------------------------------------------*/
.price section dl {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
}

.price section dt {
padding-right: 25px;
}

.price section table{
width: 100%;
max-width: 682px;
margin: 10px 0 20px;
color: black;
}

.price section .p_hokei th,
.price section .p_hokei td{
padding: 15px 10px;
}

/*.price section .p_hokei .bottom_b{
border-bottom: 1px dotted gray;
}*/

.price section .p_hokei td.price{
text-align: right;
color: #897457;
font-weight: bold;
}

.price section .p_hokei td.price span{
font-size: .9em;
font-weight: normal;
}

.price section .p_hokei .right_b{
/*border-right: 1px dotted gray;*/
}

.price section .p_aga th,
.price section .p_aga td{
padding: 15px 10px;
}

.price section .p_aga td.price{
text-align: right;
color: #897457;
font-weight: bold;
}

.price section .p_aga td.price span{
font-size: .85em;
font-weight: normal;    
}

.price section .p_aga .goukei th,
.price section .p_aga .goukei td{
border-top:1px dotted gray;
}

.price section .p_zodai th,
.price section .p_zodai td,
.price section .p_soro th,
.price section .p_soro td{
padding: 15px 35px 15px 10px;
}

.price section .p_zodai td.price,
.price section .p_soro td.price{
text-align: right;
color: #897457;
font-weight: bold;
}

.price section .p_zodai td.price span,
.price section .p_soro td.price span{
font-size: .85em;
font-weight: normal;
}

.price section .p_zodai .left_b{
padding: 10px 20px;
text-align: center;
vertical-align: middle;
border-left: 1px dotted gray;
}

.price section .p_soro .left_b{
padding: 10px 15px;
text-align: center;
vertical-align: middle;
border-left: 1px dotted gray;
}

.price section .p_other th{
padding: 15px 10px;
}

.price section .p_other td.price{
padding: 0 10px;
text-align: right;
color: #897457;
font-weight: bold;
}

.price section .p_other td.price span{
font-size: .85em;
font-weight: normal;    
}

/*.price section .p_wakiga th,
.price section .p_wakiga td{
padding: 15px 10px;
}

.price section .p_wakiga td.price{
text-align: right;
color: #897457;
font-weight: bold;
}*/

.price section p a{
color: #897457;
}

.price section p.caution{
margin: 0 50px 30px !important;
padding: 10px 20px;
color: #f00 !important;
font-weight: bold;
background: #f5f5da;
}

.price .price_contact{
margin-bottom: 30px;
}

.price section ul.price_check{
display: flex;
margin-bottom:10px;
color: #897457;
}

.price section ul.price_check li{
font-weight: bold;
}

.price section ul.price_check li:not(:last-child){
margin-right: 25px;
}

.price section ul.price_check li:before{
font-family:"FontAwesome";
content: "\f14a";
padding-right: 5px;
}

.price section .loan p{
text-align: center;
}

.price section .loan p.price_check{
font-size: 17px !important;
color: #897457 !important;
font-weight: bold;
}

.price section .loan p.price_check:before{
font-family:"FontAwesome";
content: "\f14a";
padding-right: 5px;
}

.price section .credit img{
border: 3px solid #897457;
}

.price #contents .price_ex{
    width: 100%;
    max-width: 584px;
    margin: 0 auto;
    padding: 0;
}

.price #contents .price_ex h6{
    border-bottom: 1px solid #897457;
}

.price #contents .price_ex table{
    width: 100%;
    max-width: 584px;
    background: #f1f1f1;
}

.price #contents .price_ex .ex_name{
    padding: 4px 5px 3px;
    font-weight: bold;
    color: #fff;
    background: #897357;
}

.price #contents .price_ex td{
    padding: 4px 5px 3px;
}

.price #contents .price_ex .ex_treatment{
    width: 20%;
    font-weight: bold;
}

.price #contents .price_ex .ex_price{
    text-align: right;
}

.price #contents .price_ex .ex_price span{
    font-size: .85em;
    font-weight: normal;
}

.price #contents .price_ex .total{
    font-weight: bold;
    color: #E40000;
    border-top: 1px #ccc solid;
}

/*faq
----------------------------------------------------*/
.faq h6{
color: #897457 !important;
}


/*privacy
----------------------------------------------------*/
.privacy ul.number,
.privacy ul.disc{
margin-bottom: 15px;
padding-left: 17px;
font-size:14px;
color: black;
line-height: 24px;
}

.privacy ul.number{
list-style: decimal;
}

.privacy ul.disc {
list-style: disc;
}

.privacy .pp_mailto{
user-select: none;
}


/*minor
----------------------------------------------------*/
.minor .ttl h2 br{
display: none;
}

.minor #contents p .caution{
font-weight: bold;
color: black;
}

.minor .minor_area{
margin-bottom: 15px;
border: 2px solid #897457;
background:#e8e8e8;
background: -moz-linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%);
background: -webkit-linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%);
}

.minor #contents .minor_area h4{
margin: 15px 0 10px;
padding: 0;
text-align: center;
font-weight: 600;
color: #f00;
border-bottom: none;
}

.minor .minor_area .center{
text-align: center;
}

.minor .minor_area .center .pdf{
display: block;
width: 230px;
margin: 0 auto 5px;
padding: .4em;
font-weight: bold;
color: #fff;
text-decoration: none;
border-radius: 2em;
background: #8a7457;
}

.minor .minor_area .center .pdf:hover{
opacity: .7;   
}

.minor .minor_area .center .pdf:before{
content: '\f1c1';
font-family: fontawesome;
margin-right: 5px;
}

.minor .minor_area .txt_k{
color: #000 !important;
}

.minor .minor_area .adobe{
margin: 0 58px;
line-height: 1.5 !important;
font-weight: bold;
}


/*guideline
----------------------------------------------------*/
.guideline p{
text-align: center;
}

.guideline .guideline_list{
margin-bottom: 15px;
}

.guideline .guideline_list li{
text-align: center;
color: #897457;
line-height: 1.8;
font-weight: bold;
}

.guideline section a{
color: #897457;
}

.guideline .breadcrumb li a {
    color: white;
}


/*karte
----------------------------------------------------*/
.karte #contents li{
    font-size: 1.4rem;
}

.karte #contents h6{
    padding-left: 5px;
    border-left: 5px solid #887457;
}

.karte .list_disc{
    margin-bottom: 20px;
    padding-left: 18px;
}

.karte .list_disc li{
    list-style-type: disc;
}

.karte .pdf_area{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 580px;
    margin: 20px auto 10px;
    padding: 20px 0;
    border: 1px solid #887457;
}

.karte .pdf_area li:first-child {
    margin-right: 30px;
}

.karte .pdf_area li:before{
    font-family: "FontAwesome";
    content: "\f15c";
    padding-right: 5px;
    color: #887457;
}

.karte .pdf_area li a{
    font-size: 1.6rem;
    color: #887457;
}


/*oyako
----------------------------------------------------*/
.oyako #contents .mv{
    margin: 0 -10px 15px;
    text-align: center;
}

.oyako #contents .bold{
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #f00;
}

.oyako #contents dl{
    margin-bottom: 20px;
    padding: 12px;
    border: 1px solid #897457;
    font-family: YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
}

.oyako #contents dl dt{
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: bold;
    color: #f00;
    line-height: 1.25;
}

.oyako #contents dl dt:before{
    content: '■';
}

.oyako #contents dl dd{
    font-size: 14px;
}

.oyako #contents dl dd:first-of-type{
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #333;
}


/*clinic
----------------------------------------------------*/
.clinic #contents .root{
    font-family: YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
}

.clinic #contents h2{
    margin-right: 0;
    margin-left: 0;
}

.clinic #contents .clinic_info{
    display: flex;
    margin-bottom: 30px;
}

.clinic #contents .clinic_info figure{
    flex: 0 0 220px;
    margin-right: 25px;
}

.clinic #contents .clinic_info .clinic_data{
    display: flex;
    flex-wrap: wrap;
}

.clinic #contents .clinic_info .clinic_data dt,
.clinic #contents .clinic_info .clinic_data dd{
    margin-bottom: .4em;
    padding-bottom: .4em;
    border-bottom: 1px dotted #ccc;
}

.clinic #contents .clinic_info .clinic_data dt:last-of-type,
.clinic #contents .clinic_info .clinic_data dd:last-of-type{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.clinic #contents .clinic_info .clinic_data dt{
    width: 20%;
}

.clinic #contents .clinic_info .clinic_data dd{
    width: 80%;
}

.clinic #contents h4{
    margin-bottom: 0.6em;
    padding: .3em;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 600;
    color: #fff;
    background: #897357;
}

.clinic #contents h4 br{
    display: none;
}

.clinic #contents .root_map{
    margin-bottom: 1.6em;
}

.clinic #contents .root{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.clinic #contents .root li{
    width: 32%;
}

.clinic #contents .root li figure img{
    margin-bottom: 5px;
}

.clinic #contents .root li figcaption{
    font-size: 1.4rem;
}

.clinic #contents .root li figcaption span{
    font-weight: 600;
    color: #f00;
}

.clinic #contents h5::before{
    content: '\f111';
    font-family: FontAwesome;
    margin-right: 4px;
}

/* covid
----------------------------------------------------*/
.covid_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.covid_item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 10px;
}

.covid_item p {
    margin-bottom: 0 !important;
}

.covid_item i{
    margin-right: 5px;
}

.covid_item dt {
    padding: 8px 10px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background: #2bac2e;
    border-radius: 5px 5px 0 0;
}

.covid_item dd {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 10px;
    border-right: 1px solid #2bac2e;
    border-bottom: 1px solid #2bac2e;
    border-left: 1px solid #2bac2e;
    border-radius: 0 0 5px 5px;
}

.covid_item picture {
    width: 90px;
    margin-right: 20px;
}

.covid_item p {
    flex: 1;
}

/* ===================================================================
sguideページ
=================================================================== */
.sguide #contents h2,
.sguide #contents h3,
.sguide #contents h4,
.sguide #contents h5,
.sguide #contents ul,
.sguide #contents ol,
.sguide #contents dt,
.sguide #contents dd,
.sguide #contents p {
    font-family: 'Noto Sans JP', sans-serif;
}

.sguide #contents .sguide_ttl {
    margin-bottom: 0;
    padding: unset;
    background: unset;
    position: relative;
}

.sguide #contents .sguide_ttl img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.sguide #contents .sguide_ttl::before {
    content: none;
}

.sguide #contents .sguide_ttl::after {
    content: '';
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 30px 65px 0 65px;
    border-color: #34A563 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: unset;
    bottom: -30px;
    transform: translateX(-50%);
}

.sguide .breadcrumb {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 5px 0 10px;
}

.sguide .breadcrumb li,
.sguide .breadcrumb li a {
    color: #000;
}

.sguide #contents .sguide_ttl-sec {
    margin-bottom: unset;
    padding: .65em 5px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    background: #34a563;
    text-align: center;
    line-height: 1.3;
}

.sguide #contents .sguide_ttl-sec span {
    position: static;
    padding: unset;
    z-index: unset;
    background: unset;
}

.sguide #contents .sguide_ttl-sec span.inner {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.sguide #contents .sguide_ttl-sec span.inner::before,
.sguide #contents .sguide_ttl-sec span.inner::after {
    content: '';
    display: block;
    width: 16px;
    height: 28px;
    background: url(../images/sguide/ttl_l.svg) no-repeat center center / 100%;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}

.sguide #contents .sguide_ttl-sec span.inner::after {
    background-image: url(../images/sguide/ttl_r.svg);
    left: unset;
    right: -25px;
}

.sguide #contents .sguide_ttl-sec .lg {
    font-size: 3rem;
}

.sguide #contents .sguide_ttl-sec .top {
    display: block;
}

.sguide #contents .sguide_ttl-sec .yellow {
    color: #e5ca34;
}

.sguide #contents .sguide_ttl-sec::before {
    content: '';
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 30px 65px 0 65px;
    border-color: #34A563 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: unset;
    bottom: -30px;
    transform: translateX(-50%);
}

.sguide #contents .sguide_text {
    margin: unset;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.6rem;
    font-weight: normal;
}

.sguide #contents .sguide_text .bold {
    font-weight: bold;
    color: #333;
}

.sguide #contents .sguide_text .green,
.sguide #contents .sguide_course .green {
    color: #34A563;
}

.sguide #contents .sguide_qaList {
    display: flex;
    justify-content: space-between;
}

.sguide #contents .sguide_qaList img {
    width: 100%;
}

.sguide #contents .sguide_qaList .aguide_l {
    width: 57.9104%;
}

.sguide #contents .sguide_qaList .aguide_r {
    flex: 1;
    margin-left: 2.985%;
}

.sguide #contents .sguide_qaList-under {
    margin-bottom: unset;
}

.sguide #contents .sguide_qaList > li {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.sguide #contents .sguide_img {
    margin: 0 -10px;
    padding: 40px 10px 0;
    background: #edf0e7;
}

.sguide #contents .sguide_img picture,
.sguide #contents .sguide_qaList-item {
    display: block;
    max-width: 684px;
    margin: 0 auto;
}

.sguide #contents .sguide_qa {
    margin: 0 -10px;
    padding: 20px 17px 30px;
    background: #edf0e7;
}

.sguide #contents .sguide_text {
    text-align: center;
}

.sguide #contents .contact h5 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sguide #contents .contact h5 span {
    display: block;
}

.sguide #contents .contact h5 span.sm {
    font-size: .8em;
}

.sguide #contents .sp_br {
    display: none;
}

.sguide #contents .text_under {
    margin-bottom: unset;
    text-align: center;
}

.sguide #contents .sguide_qa .aguide_link a:hover {
    opacity: .8;
}

.sguide #contents .sguide_qa .aguide_link {
    background: #fff;
}

/* sguide_course
----------------------------------------------------*/
.sguide #contents .sguide_course {
    margin: 0 -10px;
    padding: 20px 17px 30px;
    background: #edf0e7;
}

.sguide #contents .sguide_ttl-sec.sguide_course-ttl {
    font-size: clamp(2.4rem, 3.75vw, 3rem);
    padding-top: .6em;
    padding-bottom: .78em;
}

.sguide #contents .sguide_ttl-sec.sguide_course-ttl .lg {
    font-size: clamp(3.6rem, 5.625vw, 4.6rem);
}

.sguide #contents .sguide_courseList .card {
    position: relative;
}

.sguide #contents .sguide_courseList .card:not(:first-of-type) {
    margin-top: 10px;
}

.sguide #contents .sguide_courseList .card_ttl {
    display: flex;
    justify-content: flex-start;
    margin: unset;
    padding: unset;
    font-size: clamp(1.6rem, 2.34375vw, 2.6rem);
    font-weight: bold;
    color: #34a563;
    background: #fdffe5;
    border: 2px solid #34a563;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.sguide #contents .sguide_courseList .card_ttl:hover {
    opacity: .8;
}

.sguide #contents .sguide_courseList .card_ttl::before {
    content: "";
    display: block;
    width: 23px;
    height: 25px;
    background: url(../images/sguide/icon-siori.svg) no-repeat center center / 100%;
    position: absolute;
    top: -4px;
    left: 4px;
}

.sguide #contents .sguide_courseList .card_ttl::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/sguide/icon-arrow.svg) no-repeat center center / 100%;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.sguide #contents .sguide_courseList .card_ttl.is_open::after {
    transform: translateY(-50%) rotate(180deg);
}

.sguide #contents .sguide_courseList .card_ttl .sub,
.sguide #contents .sguide_courseList .card_ttl .main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.sguide #contents .sguide_courseList .card_ttl .sub {
    width: 120px;
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    color: #fff;
    background: #34a563;
    text-align: center;
}

.sguide #contents .sguide_courseList .card_ttl .main {
    padding-left: 15px;
    text-align: left;
}

.sguide #contents .sguide_courseList .card_ttl .sp_br {
    display: none;
}

.sguide #contents .sguide_courseList .card_main {
    padding: 18px;
    background: #fff;
    border-left: 2px solid #34a563;
    border-right: 2px solid #34a563;
    border-bottom: 2px solid #34a563;
}

.sguide #contents .sguide_courseList .card_main p {
    font-size: 1.6rem;
}

.sguide #contents .sguide_courseList .acd_box {
    height: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.sguide #contents .sguide_courseList .acd_box.is_open {
    height: auto;
    opacity: 1;
}

.sguide #contents .hokei_type-inner {
    padding: 15px;
    background: #efefeb;
}

.sguide #contents .hokei_type-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    height: 40px;
    font-size: clamp(1.8rem, 2.8125vw, 2rem);
    font-weight: bold;
    color: #fff;
    background: #34a563;
    text-align: center;
}

.sguide #contents .hokei_type-top {
    display: flex;
    margin-top: 20px;
}

.sguide #contents .hokei_type-img {
    width: 135px;
    margin-right: 20px;
}

.sguide #contents .hokei_type-text {
    flex: 1;
    font-size: clamp(1.3rem, 2.03125vw, 1.6rem);
    font-weight: bold;
}

.sguide #contents .hokei_type-top p.text_sp {
    display: none;
}

.sguide #contents .hokei_type-text .text_pc {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.sguide #contents .hokei_type-list {
    color: #34a563;
}

.sguide #contents .hokei_type-item {
    margin-left: 24px;
    position: relative;
    z-index: 1;
}

.sguide #contents .hokei_type-item::before {
    content: '・';
    color: #000;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

.sguide #contents .hokei_type-item:not(:first-of-type) {
    margin-top: 5px;
}

.sguide #contents .hokei_type-top + p {
    margin-top: 15px;
    margin-bottom: unset;
}

.sguide #contents .sguide_courseList .one_last {
    margin: 20px 0 0;
}

/* two
----------------------------------------------------*/

.sguide #contents .sguide_courseList .q_item {
    margin-top: 40px;
    padding-left: 74px;
    position: relative;
    z-index: 1;
}

.sguide #contents .sguide_courseList .q_item::before {
    content: '';
    display: block;
    width: 59px;
    height: 59px;
    background: url(../images/sguide/illst-man01.svg) no-repeat center center / 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sguide #contents .sguide_courseList .q_item.q_item02::before {
    background-image: url(../images/sguide/illst-man02.svg);
}

.sguide #contents .sguide_courseList .q_item.q_item03::before {
    background-image: url(../images/sguide/illst-man03.svg);
}

.sguide #contents .sguide_courseList .q_item.q_item04::before {
    background-image: url(../images/sguide/illst-man04.svg);
}

.sguide #contents .sguide_courseList .q_item.q_item05::before {
    background-image: url(../images/sguide/illst-man05.svg);
}

.sguide #contents .sguide_courseList .q_item.q_item06::before {
    background-image: url(../images/sguide/illst-man06.svg);
}

.sguide #contents .sguide_courseList .q_item.q_item07::before {
    background-image: url(../images/sguide/illst-man07.svg);
}

.sguide #contents .sguide_courseList .q_item p {
    margin-bottom: unset;
    font-size: clamp(1.4rem, 2.1875vw, 2rem);
    font-weight: bold;
    color: #34a563;
    line-height: 1.4;
}

.sguide #contents .sguide_courseList .q_item span {
    display: inline-block;
    font-size: clamp(1rem, 1.5625vw, 1.3rem);
}

.sguide #contents .sguide_courseList .a_doctor {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 25px;
    margin-bottom: 30px;
}

.sguide #contents .sguide_courseList .a_doctor:last-of-type {
    margin-bottom: 20px;
}

.sguide #contents .sguide_courseList .a_doctor-img {
    width: 98px;
    margin-left: 28px;
}

.sguide #contents .sguide_courseList .a_doctor-text {
    flex: 1;
    margin-bottom: unset;
    padding: 15px;
    background: #efefeb;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.sguide #contents .sguide_courseList .a_doctor-text::after {
    content: '';
    width: 24px;
    height: 20px;
    background: url(../images/sguide/fukidashi-l.svg) no-repeat center center / 100%;
    position: absolute;
    bottom: 30px;
    right: -24px;
}

.sguide #contents .sguide_courseList .a_doctor.a_doctor-rev {
    flex-direction: row-reverse;
}

.sguide #contents .sguide_courseList .a_doctor-rev .a_doctor-img {
    margin-left: unset;
    margin-right: 28px;
}

.sguide #contents .sguide_courseList .a_doctor-rev .a_doctor-text::after {
    background-image: url(../images/sguide/fukidashi-r.svg);
    right: unset;
    left: -24px;
}

/* three
----------------------------------------------------*/
.sguide #contents .sguide_courseList .three .card_main .q {
    margin-bottom: 20px;
    padding-left: 52px;
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.sguide #contents .sguide_courseList .three .card_main .q::before {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/sguide/icon_q.svg) no-repeat center center / 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sguide #contents .sguide_courseList .three .card_main .chart_img {
    max-width: 530px;
    margin: 20px auto 30px;
}

.sguide #contents .sguide_courseList .three .card_main .a_list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sguide #contents .sguide_courseList .three .card_main .a_item {
    width: calc((100% - 10px) / 2);
    justify-content: space-between;
    background: #fdffe5;
    border: 2px solid #34a563;
}

.sguide #contents .sguide_courseList .three .card_main .a_item:nth-of-type(2) {
    border: 2px solid #e5ca34;
}

.sguide #contents .sguide_courseList .three .card_main .a_item dt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: clamp(1.6rem, 2.5vw, 1.8rem);
    font-weight: bold;
    color: #fff;
    background: #34a563;
}

.sguide #contents .sguide_courseList .three .card_main .a_item:nth-of-type(2) dt {
    background: #e5ca34;
}

.sguide #contents .sguide_courseList .three .card_main .a_item dd {
    height: 153px;
    padding: 15px 13px;
    font-size: clamp(1.4rem, 2.1875vw, 1.6rem);
    font-weight: bold;
    background: url(../images/sguide/illst-parents-f_v2.png) no-repeat bottom right -10px / 120px 140px;
}

.sguide #contents .sguide_courseList .three .card_main .a_item:nth-of-type(2) dd {
    background-image: url(../images/sguide/illst-parents-m_v2.png);
}

.sguide #contents .sguide_courseList .three .card_main .a_item ol li::before {
    content: '・';
}

.sguide #contents .sguide_courseList .three .card_main .a_item ol li:not(:first-of-type) {
    margin-top: 5px;
}

/* four
----------------------------------------------------*/
.sguide #contents .sguide_courseList .four .select_box {
    background: #efefeb;
}

.sguide #contents .sguide_courseList .four .select_box + .select_box {
    margin-top: 10px;
}

.sguide #contents .sguide_courseList .four .select-ttl {
    display: flex;
    align-items: center;
    margin: unset;
    background: #fdffe5;
}

.sguide #contents .sguide_courseList .four .select-ttl span {
    display: block;
}

.sguide #contents .sguide_courseList .four .select-ttl .ttl-l {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 66px;
    /* background: #34a563; */
    font-size: clamp(1.4rem, 2.1875vw, 1.6rem);
    color: #34a563;
    line-height: 1;
}

.sguide #contents .sguide_courseList .four .select-ttl .ttl-l .num {
    margin-top: 3px;
    font-size: clamp(2.4rem, 3.75vw, 2.6rem);
}

.sguide #contents .sguide_courseList .four .select-ttl .ttl-r {
    /* margin-left: 15px; */
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    font-weight: bold;
    color: #000;
    line-height: 1.3;
}

.sguide #contents .sguide_courseList .four .select_text {
    margin: unset;
    padding: 20px 15px 15px;
}

/* five
----------------------------------------------------*/
.sguide #contents .sguide_courseList .five .difference_list-l {
    display: flex;
    align-items: center;
    height: 36px;
    padding-left: 15px;
    font-size: clamp(1.5rem, 2.344vw, 1.8rem);
    font-weight: bold;
    color: #fff;
    background: #34a563;
}

.sguide #contents .sguide_courseList .five .difference_list-r {
    flex: 1;
    margin: unset;
    padding: 15px;
    background: #efefeb;
}

.sguide #contents .sguide_courseList .five .difference_list02-item:not(:first-of-type) {
    margin-top: 10px;
}

.sguide #contents .sguide_courseList .five .text_under {
    margin-top: 15px;
    /* padding-bottom: 102px; */
    /* background: url(../images/sguide/arrow_under-three.svg) no-repeat center bottom / 90px 82px; */
}

.sguide #contents .sguide_courseList .five .text_under > span {
    display: block;
}

/* extra
----------------------------------------------------*/
.sguide #contents .sguide_courseList .card.extra .card_ttl {
    color: #145c2d;
    background: #fff;
    border: 2px solid #145c2d;
}

.sguide #contents .sguide_courseList .card.extra .card_main {
    border-right: 2px solid #145c2d;
    border-bottom: 2px solid #145c2d;
    border-left: 2px solid #145c2d;
}

.sguide #contents .sguide_courseList .card.extra .sub {
    background: #145c2d;
}

.sguide #contents .sguide_courseList .extra_ttl {
    display: flex;
    align-items: center;
    height: 46px;
    margin: unset;
    font-size: clamp(1.4rem, 2.1875vw, 2.4rem);
    font-weight: bold;
    color: #34a563;
    background: #fdffe5;
    border-top: 1px solid #34a563;
    border-bottom: 1px solid #34a563;
}

.sguide #contents .sguide_courseList .extra_ttl::before {
    content: '1';
    width: 36px;
    height: 36px;
    margin: 0 5px;
    font-size: clamp(1.4rem, 2.1875vw, 2.3rem);
    font-weight: bold;
    color: #fff;
    background: #34a563;
    border-radius: 50%;
    text-align: center;
}

.sguide #contents .sguide_courseList .extra_item:nth-of-type(2) .extra_ttl::before {
    content: '2';
}

.sguide #contents .sguide_courseList .extra_item:nth-of-type(3) .extra_ttl::before {
    content: '3';
}

.sguide #contents .sguide_courseList .extra_box {
    display: flex;
    justify-content: space-between;
}

.sguide #contents .sguide_courseList .extra_box > p {
    flex: 1;
}

.sguide #contents .sguide_courseList .extra_img {
    max-width: 264px;
    margin-left: 40px;
}

.sguide #contents .sguide_courseList .extra_text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sguide #contents .sguide_courseList .extra_text.lm {
    margin-bottom: 0;
}

.sguide #contents .sguide_courseList + .lt {
    margin-top: 20px;
    margin-bottom: unset;
}

/* swiper
----------------------------------------------------*/
.sguide #contents .swiper {
    padding-bottom: 40px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: 26px;
    height: 26px;
    top: unset !important;
    bottom: 0 !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '' !important;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/sguide/swiper-l.svg) no-repeat center center / 100%;
}

.swiper-button-next::after {
    background-image: url(../images/sguide/swiper-r.svg);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .2 !important;
}