@charset "utf-8";
/*共通　左画像左角丸*/
.hemo-li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 2);
}
.hemo-li,
.hemo-li a{
    align-items: stretch;
}
.hemo-li a{
    height: 100%;
}
.hemo-li > li {
    width: calc((100% - calc(var(--margin) * 2))/2);
    background: var(--base-color);
}
.hemo-li.wide > li {
    width: 100%;
}
.hemo-li .img{
    width: 38.98%;
    overflow: hidden;
}
.hemo-li.wide .img{
    width: 230px;
}
.hemo-li .txt-box{
    width: 55.93%;
    padding: calc(var(--margin) * 3) calc(var(--margin) * 3) calc(var(--margin) * 3) 0;
    box-sizing: border-box;
    align-items: flex-start;
}
.hemo-li.wide .txt-box{
    width: calc(100% - 260px);
}
.hemo-li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
@media (hover: hover) {
    .hemo-li a:hover img{
        transform: scale(1.2, 1.2);
    }
}
.hemo-li .hemo-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
.hemo-li.wide .hemo-li-title{
    font-size: var(--fs-8l);
}
.hemo-li .lead{
    margin-bottom: 1em;
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 700;
}
.hemo-li .txt{
    line-height: 1.5;
    font-size: var(--fs-s);
}
.hemo-li .txt:not(:last-of-type){
    margin-bottom: 1em;
}
.hemo-li.wide .txt{
    font-size: var(--fs-3l);
}
.hemo-li .txt .underline{
    color: var(--main-color);
    text-decoration: underline;
}
.hemo-li .icon-maru-nv-right-big{
    width: 100%;
    margin-top: auto;
}
.hemo-li .icon-maru-nv-right-big::after{
    margin: auto 0 0 auto;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .hemo-li{
        flex-wrap: wrap;
    }
    .hemo-li > li {
        width: 100%;
    }
    .hemo-li > li > a{
        flex-wrap: wrap;
    }
    .hemo-li .img,
    .hemo-li.wide .img{
        width: 100%;
    }
    .hemo-li .txt-box,
    .hemo-li.wide .txt-box{
        width: 100%;
        padding: calc(var(--margin) * 2) ;
    }
}
/*END　共通　左画像左角丸*/

/*共通　左画像　画像全角丸*/
.raoundimg-txt-li li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 2);
}
.raoundimg-txt-li > li{
    align-items: stretch;
}
.raoundimg-txt-li a.flex-end{
    margin-top: auto;
    margin-left: auto;
    gap: 1em;
    color: var(--main-color);
    font-size: var(--fs-l);
}
.raoundimg-txt-li .img{
    width: 25%;
    overflow: hidden;
}
.raoundimg-txt-li.imgwide .img{
    width: 27.5%;
}
.raoundimg-txt-li .txt-box{
    width: 71.83%;
    box-sizing: border-box;
    align-items: flex-start;
}
.raoundimg-txt-li.imgwide .txt-box{
    width: 68.66%;
}
.raoundimg-txt-li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
@media (hover: hover) {
    .raoundimg-txt-li a:hover img{
        transform: scale(1.2, 1.2);
    }
}
.raoundimg-txt-li .raoundimg-txt-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
.raoundimg-txt-li .lead{
    margin-bottom: 1em;
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 700;
}
.raoundimg-txt-li .txt{
    line-height: 1.5;
    font-size: var(--fs-m);
}
.raoundimg-txt-li .txt:not(:last-of-type){
    margin-bottom: 1em;
}
.raoundimg-txt-li .txt .underline{
    color: var(--main-color);
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .raoundimg-txt-li li{
        flex-wrap: wrap;
    }
    .raoundimg-txt-li .img,
    .raoundimg-txt-li.imgwide .img,
    .raoundimg-txt-li .txt-box,
    .raoundimg-txt-li.imgwide .txt-box{
        width: 100%;
    }
    .raoundimg-txt-li .txt-box{
        padding: calc(var(--margin) * 2) 0;
    }
}
/*END　共通　左画像　画像全角丸*/

/*共通 上画像角丸*/
.treatment-li {
    align-items: stretch;
    gap:calc(var(--margin) * 2);
    margin-bottom: calc(var(--margin) * 8);
}
.treatment-li a{
    height: 100%;
}
.treatment-li > li {
    flex: 1;
    background: var(--sub-color);
}
.treatment-li .img{
    width: 100%;
    height: 254px;
    overflow: hidden;
}
.treatment-li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
@media (hover: hover) {
    .treatment-li a:hover .img img{
        transform: scale(1.2, 1.2);
    }
}
.treatment-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 3) var(--margin);
    box-sizing: border-box;
    align-items: flex-start;
}
.treatment-li .treatment-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-size: var(--fs-6l);
    font-weight: 500;
}
.treatment-li .treatment-li-title .lead{
    line-height: 1.4;
    font-size: var(--fs-3l);
    font-weight: 700;
}
.treatment-li .txt{
    line-height: 1.5;
    font-size: var(--fs-m);
}
.treatment-li .txt:not(:last-of-type){
    margin-bottom: 1em;
}
.treatment-li .txt .underline{
    color: var(--main-color);
    text-decoration: underline;
}
.treatment-li .icon-maru-nv-right{
    width: 100%;
    margin-top: auto;
    margin-bottom: var(--margin);
    align-items: center;
}
.treatment-li .icon-maru-nv-right::after{
    margin: auto 0 0 auto;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .treatment-li{
        flex-wrap: wrap;
        margin-bottom: calc(var(--margin) * 4);
    }
    .treatment-li > li {
        width: 100%;
        flex: unset;
    }
    .treatment-li > li a{
        flex-wrap: wrap;
    }
    .treatment-li .img{
        width: 100%;
    }
    .treatment-li .txt-box{
        width: 100%;
        padding: calc(var(--margin) * 2) ;
    }
}
/*END　共通 上画像角丸*/

/*診療案内*/
.medical-information-li{
    padding-bottom: var(--margin);
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--margin) * 2.5) 0;
}
.medical-information-li > li.dock{
    width: 100%;
    padding-bottom: calc(var(--margin) * 3);
}
.medical-information-li > li.dock .img{
    width:24%;
    min-height: 164px;
}
.medical-information-li > li.dock .txt-box{
    width: 72.33%;
    align-items: flex-start; 
}
.medical-information-li > li:not(.dock){
    padding: var(--margin) 0;
}
.medical-information-li > li{
    width: 47.12%;
    border-bottom: solid 1px #707070;
    position: relative;
}
.medical-information-li .medical-li-cat .cate{
    display: inline-block;
    min-width: 66px;
    padding: 0.2em 1em;
    margin: 0.5em;
    background: var(--sub-color);
    border-radius: 5px;
    text-align: center;
    color: var(--main-color);
    font-size: var(--fs-xxs);
    font-weight: 500;
}
.medical-information-li > li:not(.dock) .img{
    width:26.5%;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    text-align: center;
    border-radius: 100vmax;
    border: solid 1px var(--line-color);
    box-shadow: var(--boxshadow-m);
}
.medical-information-li > li:not(.dock) .img img{
    width: 53%;
}
.medical-information-li > li:not(.dock) .txt-box{
    width: 67.66%;
    align-items: flex-start; 
}
.medical-information-li > li:not(.dock) .medical-li-cat{
    align-items: flex-start; 
    margin-right: calc(var(--margin) * 3);
}
.medical-information-li > li .txt-box .link{
    position: absolute;
    right: 0;
    bottom: var(--margin);
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical-information-li{
        gap: unset;
    }
    .medical-information-li > li{
        width: 100%;
    }
    .medical-information-li > li.dock a{
        flex-wrap: wrap;
    }
    .medical-information-li > li.dock .img{
        width: 70%;
        margin: 0 auto var(--margin);
    }
    .medical-information-li > li.dock .txt-box{
        width: 100%;
        margin-bottom: 1em;
    }
    .medical-information-li > li:not(.dock) .txt-box{
        width: 70%;
    }
    .medical-information-li > li:not(.dock) .medical-li-cat{
        margin-right: calc(var(--margin) * 1);
    }
}
/*END 診療案内*/

/*共通　手術当日までの流れ　治療の流れ*/
.midical-flow-li .txt-box{
    justify-content: flex-start;
}
/*END　共通　手術当日までの流れ　治療の流れ*/

/*共通 keyvisual-01*/
.medical{
    position: relative;
    overflow-x: clip;
}
.medical .keyvisual-01{
    top: -18.75cqw;
    right: -20cqw;
    width: 49.58cqw;
}
.medical .keyvisual-02{
    left: -33cqw;
    width: 69.78cqw;
}
.medical .keyvisual-03{
    right: -3.4cqw;
    width: 49.84cqw;
}
.medical .keyvisual-05{
    left: -7.5cqw;
    width: 53.26cqw;
}
/*一番下に配置される*/
.medical .keyvisual-04{
    width: 69.78cqw;
    right:-3.4cqw;
}
.medical .notice{
    padding: calc(var(--margin) * 5);
    margin-bottom: calc(var(--margin) * 10);
    background: var(--sub-color);
    color: var(--main-color);
    line-height: 1.37;
    font-weight: 500;
}
.medical .notice.txt-center{
    text-align: center;
}
.medical .notice h2{
    margin-bottom: 1em;
}
.medical .notice .txt{
    color:var(--txt-color);
}
.medical .notice .attention{
    position: relative;
    padding-left: 1.5em;
    margin-top: 1em;
}
.medical .notice.txt-center .attention{
    display: inline-block;
    text-align: left;
    color: var(--txt-color);
}
.medical .notice .attention::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "※";
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    .medical .keyvisual-01,
    .medical .keyvisual-02,
    .medical .keyvisual-03{
        display: none;
    }
    .medical .keyvisual-04{
        right: -10cqw;
        width: 75.8qw;
    }
    .medical .notice{
        padding: calc(var(--margin) * 2);
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END 共通 keyvisual-01*/

/*共通　treatment-flow　治療の流れ*/
#treatment-flow .flow-tab-list{
    gap: calc(var(--margin) * 2);
    margin-bottom: calc(var(--margin) * 3);
}
#treatment-flow .flow-tab-list > li{
    padding: 1em 2em;
    border-radius: 100vmax;
    border: solid 1px var(--main-color);
    background: var(--base-color);
    transition: var(--transition);
    line-height: 1;
    color: var(--main-color);
    font-size: var(--fs-m);
    font-weight: 500;
}
#treatment-flow .flow-tab-list > li.active{
    background:var(--main-color);
    color: var(--base-color);
}
#treatment-flow .flow-tab-content{
    display: none;
    transition: var(--transition);
}
#treatment-flow .flow-tab-content.active{
    display: block;
}
#treatment-flow .flow-tab-title{
    margin-bottom: 0.5em;
    line-height: 1.5;
    color: var(--main-color);
    font-weight: 500;
}
#treatment-flow .txt:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #treatment-flow .flow-tab-list{
        flex-wrap: wrap;
        gap: var(--margin);
    }
    #treatment-flow .flow-tab-list > li{
        padding: 0.7em;
    }
}
/*END 共通　treatment-flow　治療の流れ*/

/*共通　aftercare 手術後の生活*/
.medical #aftercare .aftercare-lead{
    margin-bottom: 1em;
}
.medical #aftercare .aftercare-li{
    gap: var(--margin);
}
.medical #aftercare .mechanism-li-title{
    margin-top: 0.5em;
    color: var(--main-color);
    font-weight: 500;
}
.medical #aftercare .aftercare-li .txt{
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical #aftercare .aftercare-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
    }
    .medical #aftercare .aftercare-li > li{
        width: 100%;
    }
}
/*END 共通　aftercare 手術後の生活*/

/*共通　num-list-2cell 2カラムの01から始まる数字リスト*/
.num-list-2cell-li{
    gap: calc(var(--margin) * 2);
    align-items: stretch;
}
.num-list-2cell-li > li{
    width: calc(50% - var(--margin));
    padding: calc(var(--margin) * 3);
    background: var(--sub-color);
    border: solid 1px var(--line-color);
    color: var(--main-color);
}
.num-list-2cell-li .num-list-2cell-title{
    margin-bottom: 0.5em;
    font-weight: 700;
}
.num-list-2cell-li .num-list-2cell-li-list{
    counter-reset: num;
}
.num-list-2cell-li .num-list-2cell-li-list > li{
    counter-increment: num;
    position: relative;
    padding-left: 2em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    font-weight: 500;
}
.num-list-2cell-li .num-list-2cell-li-list > li::before{
    content: counter(num, decimal-leading-zero);;
    position: absolute;
    left: 0;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .num-list-2cell-li{
        flex-wrap: wrap;
    }
    .num-list-2cell-li > li{
        width: 100%;
        padding: calc(var(--margin) * 2);
    }
}
/*共通　END num-list-2cell 2カラムの01から始まる数字リスト*/

/*-------------------------
  診療案内 /medical/
-------------------------*/
/* */
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
}
/*END */

/*-------------------------
  肛門科・痔の日帰り手術 /medical/hemo/
-------------------------*/
/*keyvisual-01*/
#hemo{
    position: relative;
    overflow-x: clip;
}
#hemo .keyvisual-01{
    top: -21.8cqw;
    right: -21.18cqw;
    width: 49.56cqw;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #hemo .keyvisual-01{
        display: none;
    }
}
/*END keyvisual-01*/

/* firstvisit 斗南堂グループの理念*/
#hemo #firstvisit{
    padding-bottom: calc(var(--margin) * 10);
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo #firstvisit{
        padding-bottom: calc(var(--margin) * 5);
    }
}
/*END firstvisit 斗南堂グループの理念*/

/* firstvisit 痔について*/
#hemo #about{
    padding-bottom: calc(var(--margin) * 10);
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo #about{
        padding-bottom: calc(var(--margin) * 5);
    }
}
/*END firstvisit 痔について*/

/* treatment 痔の治療について*/
#hemo #treatment{
    position: relative;
}
#hemo #treatment .keyvisual-02{
    top: 13.4cqw;
    left: -35.13cqw;
    width: 69.78cqw;
}
#hemo #treatment .keyvisual-03{
    bottom: -26.38cqw;
    right: -3.4cqw;
    width: 49.84cqw;
}
#hemo #treatment .txt-li{
    flex-wrap: wrap;
    margin-bottom: calc(var(--margin) * 8);
    gap: calc(var(--margin) * 2);
}
#hemo #treatment .txt-li > li{
    min-height: 225px;
}
#hemo #treatment .txt-li .txt-box{
    width: 100%;
    padding: calc(var(--margin) * 3) calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#hemo #treatment .txt-li .icon-arrow-nv-right-left{
    height: auto;
    margin: auto auto calc(var(--margin) * 3) calc(var(--margin) * 3);
    align-items: center;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo #treatment .keyvisual-02{
        display: none;
    }
    #hemo #treatment .keyvisual-03{
        bottom: -30cqw;
        right: -10cqw;
        width: 75.8cqw;
    }
    #hemo #treatment .txt-li{
        margin-bottom: calc(var(--margin) * 4);
    }
    #hemo #treatment .txt-li > li{
        min-height:unset;
        width: 100%;
    }
    #hemo #treatment .txt-li .txt-box{
        padding: calc(var(--margin) * 2);
    }
}
/*END treatment 痔の治療について*/

/*-------------------------
  痔のQ&A /medical/hemo/faq
-------------------------*/
#questions{

}
#questions .questions-li {
	margin: 0 auto calc(var(--margin) * 2);
    background-color:var(--sub-color);
}
#questions .questions-li dt {
	position:relative;
	padding:calc(var(--margin) * 2) calc(var(--margin) * 10);
	font-size:var(--fs-6l);
	font-weight:700;	
}
#questions .questions-li dt:before,
#questions .questions-li dt:after {
	position:absolute;
	top:calc(var(--margin) * 4) ;
	right:calc(var(--margin) * 5) ;
	content:"";
	width:20px;
	height:3px;
    background: var(--main-color);
}
#questions .questions-li dt:after{
	transition: var(--transition);
	transform: rotateZ(-90deg);
}
#questions .questions-li dt.open:after {
	transform: rotateZ(0deg);
}
#questions .questions-li dt .q{
    position: relative;
}
#questions .questions-li dt .q::before{
    position:absolute;
	top:0;
	left:calc(var(--margin) * -5);
	content: "Q";
    color: var(--main-color);
    line-height: 1;
    font-size: var(--fs-9l);
    font-weight: 700;
}
#questions .questions-li dd {
	display:none;
	padding:0 calc(var(--margin) * 10) calc(var(--margin) * 2);
	font-size:var(--fs-m);
    position: relative;
}
#questions .questions-li dd::before{
    position:absolute;
	top:-0.15em;
	left:calc(var(--margin) * 5);
	content: "A";
    line-height: 1;
    font-size: var(--fs-9l);
    font-weight: 700;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #questions .questions-li dt {
        padding:calc(var(--margin) * 1) calc(var(--margin) * 5);
    }
    #questions .questions-li dt:before,
    #questions .questions-li dt:after {
        position:absolute;
        top:calc(var(--margin) * 2) ;
        right:calc(var(--margin) * 2) ;
    }
    #questions .questions-li dt .q::before{
        left:calc(var(--margin) * -3);
        font-size: var(--fs-8l);;
    }
    #questions .questions-li dd {
        padding:0 calc(var(--margin) * 5) calc(var(--margin) * 1);
    }
    #questions .questions-li dd::before{
        top:-0.15em;
        left:calc(var(--margin) * 2);
        font-size: var(--fs-8l);
    }
}

/*-------------------------
  診療 治療の流れ /medical/hemo/flow
-------------------------*/
/*daytrip 斗南堂グループの理念*/
#flow #daytrip{
    margin-bottom: calc(var(--margin) * 10);
}
#flow #daytrip .lead{
    margin-bottom: calc(var(--margin) * 4);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #flow #daytrip{
        margin-bottom: calc(var(--margin) * 5);
    }
    #flow #daytrip .lead{
        margin-bottom: calc(var(--margin) * 2);
    }   
}
/*END daytrip 斗南堂グループの理念*/

/*treatment 治療*/
#flow #treatment{
    margin-bottom: calc(var(--margin) * 10);
}
#flow #treatment .lead{
    margin-bottom: calc(var(--margin) * 4);
}
#flow #treatment .raoundimg-txt-li{
    margin-bottom: calc(var(--margin) * 6);
}
#flow #treatment .raoundimg-txt-li .txt-box{
    justify-content: flex-start;
}
#flow #treatment .raoundimg-txt-li .link{
    margin-top: auto;
    margin-left: auto;
    gap: 1em;
}
#flow #treatment .treatment-anesthesia{
    background: var(--sub-color);
    align-items: stretch;
}
#flow #treatment .treatment-anesthesia > li:first-child{
    width: 51.75%;
}
#flow #treatment .treatment-anesthesia .txt-box{
    padding: 0 calc(var(--margin) * 3);
    height: 100%;
    align-items: flex-start;
    color: var(--main-color);
}
#flow #treatment .treatment-anesthesia .treatment-anesthesia-title{
    font-weight: 700;
}
#flow #treatment .treatment-anesthesia .txt{
    gap: 1em;
    font-weight: 500;
}
#flow #treatment .treatment-anesthesia > li:nth-child(2){
    width: 48.25%;
}
#flow #treatment .treatment-anesthesia > li:nth-child(2) img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #flow #treatment{
        margin-bottom: calc(var(--margin) * 5);
    }
    #flow #treatment .lead{
        margin-bottom: calc(var(--margin) * 2);
    }
    #flow #treatment .raoundimg-txt-li{
        margin-bottom: calc(var(--margin) * 3);
    }
    #flow #treatment .raoundimg-txt-li .link{
        flex-wrap: wrap;
        margin-top: 1em;
        margin-left: 0;
        white-space: nowrap;
    }
    #flow #treatment .raoundimg-txt-li .link a{
        margin-right: auto;
        margin-left: 0;
    }
    #flow #treatment .treatment-anesthesia{
        flex-wrap: wrap;
    }
    #flow #treatment .treatment-anesthesia > li:first-child{
        width: 100%;
        order: 2;
    }
    #flow #treatment .treatment-anesthesia > li:nth-child(2){
        width: 100%;
        order: 1;
    }
    #flow #treatment .treatment-anesthesia .txt-box{
        padding: calc(var(--margin) * 2);
    }
    #flow #treatment .treatment-anesthesia .treatment-anesthesia-title{
        margin-bottom: 0.5em;
    }
}
/*END treatment 治療*/

/*postop 術後の過ごし方と注意事項*/
#flow #postop .postop-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap:calc(var(--margin) * 2);
}
#flow #postop .postop-li > li{
    width: calc(50% - var(--margin));
    padding: calc(var(--margin) * 3);
    background: var(--sub-color);
    border: solid 1px var(--line-color);
    color: var(--main-color);
}
#flow #postop .postop-li-title{
    line-height: 1;
    padding-bottom: 0.5em;
    margin-bottom: 0.2em;
    border-bottom: solid 1px var(--main-color);
}
#flow #postop .postop-li-title-sub{
    font-size: var(--fs-4l);
    font-weight: 500;
}
#flow #postop .postop-li .txt{
    font-weight: 500;
}
#flow #postop .postop-li .txt:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #flow #postop .postop-li > li{
        width: 100%;
        padding: calc(var(--margin) * 2);
    }
    #flow #postop .postop-li-title{
        margin-bottom: 0.4em;
    }
    #flow #postop .postop-li-title-sub{
        margin-bottom: 0.5em;
    }
}
/*END postop 術後の過ごし方と注意事項*/

/*-------------------------
  薬による治療 /medical/hemo/drugs/
-------------------------*/
#drugs .drugs-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap:calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#drugs .drugs-li > li{
    width: calc(33% - var(--margin));
    min-height: 428px;
}
#drugs .drugs-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#drugs .drugs-li .drugs-li-title{
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    font-weight: 500;
}
#drugs .drugs-li .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 500;
}
#drugs .drugs-li .txt-box .txt .mini{
    font-size: var(--fs-xxs);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #drugs .drugs-li{
        gap:calc(var(--margin) * 2);
    }
    #drugs .drugs-li > li{
        width: 100%;
        min-height: unset;
    }
}
/*lead*/
#drugs #lead .lead{
    margin-bottom: calc(var(--margin) * 10);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #drugs #lead .lead{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END lead*/

/*topical 外用薬*/
#drugs #topical{
    margin-bottom: calc(var(--margin) * 10);
}
#drugs #topical .lead{
    margin-bottom: calc(var(--margin) * 4);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #drugs #topical{
        margin-bottom: calc(var(--margin) * 5);
    }
    #drugs #topical .lead{
        margin-bottom: calc(var(--margin) * 2);
    }
}
/*END topical 外用薬*/

/*topical 内服薬*/
#drugs #internal .lead{
    margin-bottom: calc(var(--margin) * 4);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #drugs #internal .lead{
        margin-bottom: calc(var(--margin) * 2);
    }
}
/*END topical 内服薬*/

/*-------------------------
  痔の予防法 /medical/hemo/prevention/
-------------------------*/
/*method 痔の予防法*/
#prevention #method .method-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap:calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#prevention #method .method-li > li{
    width: calc(50% - var(--margin));
    background: var(--sub-color);
}
#prevention #method .method-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#prevention #method .method-li .method-li-title{
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    font-weight: 500;
}
#prevention #method .method-li .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 500;
}
#prevention #method .method-li .txt-box .txt .mini{
    font-size: var(--fs-xxs);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #prevention #method .method-li > li{
        width: 100%;
        min-height: unset;
    }
}
/*EMD method 痔の予防法*/

/*-------------------------
  消化器内科 /medical/gastroenterology/
-------------------------*/
/*feature 当院の特徴*/
#gastro #feature{
    padding-bottom: calc(var(--margin) * 10);
}
#gastro #feature .raoundimg-txt-li.imgwide .txt{
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #gastro #feature{
        padding-bottom: calc(var(--margin) * 5);
    }
    
}
/*END feature 当院の特徴*/

/*details 診療内容*/
#details{
    position: relative;
    overflow-x: clip;
}
#details .keyvisual-02{
    top: 11.8cqw;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
}
/*END details 診療内容*/

/*-------------------------
  法定健診 /medical/regular-checkup/
-------------------------*/
#regularcheck .checkup-title{
    line-height: 1.6;
    color: var(--main-color);
}
#regularcheck .checkup-title .en{
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #regularcheck .checkup-title-wrap{
        flex-wrap: wrap;
    }
    #regularcheck .checkup-title-wrap .checkup-title{
        width: 100%;
    }
}
/*about 法定健診（定期健康診断）とは*/
#regularcheck #about{
    padding-bottom: calc(var(--margin) * 10);
}
#regularcheck #about .raoundimg-txt-li{
    margin-bottom: calc(var(--margin) * 5);
}
#regularcheck #about .raoundimg-txt-li > li{
    align-items: center;
}
#regularcheck #about .raoundimg-txt-li > li .txt{
    line-height: 1.6;
}
#regularcheck #about .about-detail:not(:last-of-type){
    margin-bottom: 1em;
}
#regularcheck #about .about-detail h3{
    color: var(--main-color);
}
#regularcheck #about .about-detail h3 .txt{
    line-height: 2;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #regularcheck #about{
        padding-bottom: calc(var(--margin) * 5);
    }
    #regularcheck #about .raoundimg-txt-li{
        margin-bottom: calc(var(--margin) * 2);
    }
    #regularcheck #about .about-detail h3{
        margin-bottom: 0.5em;
    }
}
/*END about 法定健診（定期健康診断）とは*/

/*price 個人健康診断・企業健康診断料金表*/
#regularcheck #price{
    padding-bottom: calc(var(--margin) * 10);
}
#regularcheck #price .next{
    gap:1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    #regularcheck #price{
        padding-bottom: calc(var(--margin) * 5);
    }
    #regularcheck #price .next{
        width: 100%;
        margin-top: 1em;
    }
}
/*END price 個人健康診断・企業健康診断料金表*/

/*checkup 八王子市特定健康診査*/
#regularcheck #checkup{
    padding-bottom: calc(var(--margin) * 10);
}
#regularcheck #checkup .checkup-title{
    margin-bottom: var(--margin);
}
#regularcheck #checkup .checkup-li{
    margin-bottom: calc(var(--margin) * 5);
}
#regularcheck #checkup .checkup-li > li{
    align-items: center;
}
#regularcheck #checkup .checkup-li .raoundimg-txt-li-title{
    color: var(--txt-color);
}
#regularcheck #checkup .checkup-li .txt{
    line-height: 1.6;
}
#regularcheck #checkup .checkup-detail dl{
    align-items: flex-start;
    gap:calc(var(--margin) * 3);
}
#regularcheck #checkup .checkup-detail dl:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 4);
}
#regularcheck #checkup .checkup-detail dt{
    width: 160px;
    padding: var(--margin) 0;
    background: var(--main-color);
    text-align: center;
    line-height: 1.3;
    color: var(--base-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
#regularcheck #checkup .checkup-detail dd{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #regularcheck #checkup{
        padding-bottom: calc(var(--margin) * 5);
    }
    #regularcheck #checkup .checkup-li{
        margin-bottom: calc(var(--margin) * 2);
    }
    #regularcheck #checkup .checkup-detail dl{
        flex-wrap: wrap;
        gap:var(--margin);
    }
    #regularcheck #checkup .checkup-detail dl:not(:last-of-type){
        margin-bottom: calc(var(--margin) * 2);
    }
}
/*END checkup 八王子市特定健康診査*/

/*overview 八王子市特定健診・がん検診*/
#regularcheck #overview{
    position: relative;
    overflow-x: clip;
}
#regularcheck #overview .keyvisual-02{
    top:-34.93cqw;
}
#regularcheck #overview .keyvisual-04{
    bottom:-26.38cqw;
}
.medical #overview .checkup-title{
    padding-bottom: 0.5em;
    border-bottom: solid 1px var(--main-color);
}
.medical #overview .moredetail-link{
    margin-bottom: calc(var(--margin) * 2);
}
.medical #overview .moredetail-link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
.medical #overview .note{
    margin-bottom: calc(var(--margin) * 10);
    font-weight: 500;
}
.medical #overview .overview-tbl{
    background: var(--base-color);
}
.medical #overview .overview-tbl .overview-tbl-title{
    padding: calc(var(--margin) * 1.5) 0;
    background:var(--main-color);
    text-align: center;
    color: var(--base-color);
    font-weight: 500;
}
.medical #overview .overview-tbl:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 5);
}
.medical #overview .overview-tbl table{
    width: calc(100% - var(--margin) * 10);
    margin: calc(var(--margin) * 5);
    border: solid 1px var(--line-color);
    border-collapse: separate; border-spacing: 0;
}
.medical #overview .overview-tbl th{
    min-height: 80px;
    padding:30px 30px 30px 45px;
    box-sizing: border-box;
    border: solid 1px var(--line-color);
    background: var(--sub-color);
    color: var(--main-color);
    font-size: var(--fs-ll);
    font-weight: 500;
    vertical-align: middle;
}
.medical #overview .overview-tbl td{
    padding:30px 30px 30px 45px;
    border: solid 1px var(--line-color);
    vertical-align: middle;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical #overview .note{
        margin-bottom: calc(var(--margin) * 5);
    }
    .medical #overview .overview-tbl:not(:last-of-type){
        margin-bottom: calc(var(--margin) * 2);
    }
    .medical #overview .overview-tbl table,
    .medical #overview .overview-tbl tbody,
    .medical #overview .overview-tbl tr,
    .medical #overview .overview-tbl th,
    .medical #overview .overview-tbl th{
        display: block;
        width: 100%;
    }
    .medical #overview .overview-tbl table{
        width: calc(100% - var(--margin) * 4);
        margin: calc(var(--margin) * 2);
        border: solid 1px var(--line-color);
    }
    .medical #overview .overview-tbl th,
    .medical #overview .overview-tbl td{
        min-height: unset;
        padding:1em;
    }
}
/*END overview 八王子市特定健診・がん検診*/

/*-------------------------
  内科 /medical/internal/
-------------------------*/
/*detail 診療内容*/
#internal #detail{
    margin-bottom: calc(var(--margin) * 10);
}
#internal #detail .detail-title{
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #internal #detail{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END detail 診療内容*/

/*greeting 院長ご挨拶*/
.medical #greeting{
    margin-bottom: calc(var(--margin) * 10);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical #greeting{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END greeting 院長ご挨拶*/

/*schedule 新町担当医表*/
.medical #schedule{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical #schedule{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END schedule 新町担当医表*/

/*hours 診療時間*/
.medical #hours{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .medical #hours{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END schedule 新町担当医表*/

/*information 診療案内*/
.medical #information .keyvisual-04{
        bottom: -26.38cqw;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
}
/*END information 診療案内*/

/*-------------------------
  粉瘤（アテローム） /medical/plastic-surgery/atheroma/
-------------------------*/
/*about 粉瘤とは？*/
#atheroma #about .content-block{
    margin-bottom: calc(var(--margin) * 10);
}
#atheroma #about .method-li > li:first-child{
    width: 45.5%;
}
#atheroma #about .method-li > li:nth-child(2){
    width: 49.16%;
}
#atheroma #about .method-li .txt-box .txt{
    font-weight: 500;
}
#atheroma #about .method-li .txt-box .txt:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #atheroma #about .content-block{
        margin-bottom: calc(var(--margin) * 5);
    }
    #atheroma #about .method-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
    }
    #atheroma #about .method-li > li:first-child,
    #atheroma #about .method-li > li:nth-child(2){
        width: 100%;
    }
}
/*END about 粉瘤とは？*/
/*difference 粉瘤と脂肪腫の違い*/
#atheroma #difference{
    margin-bottom: calc(var(--margin) * 10);
}
.plastic-surgery #difference .lead{
    margin-bottom: 1em;
    font-weight: 500;
}
.plastic-surgery #difference .difference-tbl{
    margin-bottom: calc(var(--margin) * 4);
}
.plastic-surgery #difference .difference-tbl table{
    width: 100%;
    border:solid 1px var(--line-color);
    border-collapse: separate; border-spacing: 0;
}
.plastic-surgery #difference .difference-tbl th,
.plastic-surgery #difference .difference-tbl td{
    border:solid 1px var(--line-color);
    padding: 0.7em 0 0.7em calc(var(--margin) * 3);
    vertical-align: middle;
}
.plastic-surgery #difference .difference-tbl tr:first-child th{
    background: var(--main-color);
    color: var(--base-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
.plastic-surgery #difference .difference-tbl tr:not(:first-child) th{
    background: var(--sub-color);
    font-size: var(--fs-m);
    font-weight: 500;
}
.plastic-surgery #difference .difference-tbl td{
    font-size: var(--fs-m);
    font-weight: 500;
}
.plastic-surgery #difference .moredetail-link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #atheroma #difference{
        margin-bottom: calc(var(--margin) * 5);
    }
    .plastic-surgery #difference .difference-tbl{
        margin-bottom: calc(var(--margin) * 2);
    }
    .plastic-surgery #difference .difference-tbl th,
    .plastic-surgery #difference .difference-tbl td{
        padding: 0.5em;
    }
    .plastic-surgery #difference .difference-tbl tr:first-child th{
        text-align: center;
    }
    .plastic-surgery #difference .difference-tbl tr:first-child th:first-child{
        width: 4em;
    }
}
/*END difference 粉瘤と脂肪腫の違い*/

/*method 治療方法*/
#atheroma #method{
    margin-bottom: calc(var(--margin) * 10);
}
#atheroma #method .lead{
    margin-bottom: 2em;
}
#atheroma #method .method-flow{
    padding: calc(var(--margin) * 5);
    background: var(--sub-color);
}
#atheroma #method .method-flow-title{
    color: var(--main-color);
}
#atheroma #method .method-flow-li{
    margin-bottom: calc(var(--margin) * 3);
    align-items: stretch;
    gap: calc(var(--margin) * 2);
}
#atheroma #method .method-flow-li > li{
    flex: 1;
}
#atheroma #method .method-flow-li-title{
    font-weight: 700;
}
#atheroma #method .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 500;
}
#atheroma #method .time{
    padding-top: 0.5em;
    border-top: solid 1px var(--main-color);
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
}
#atheroma #method .time span{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #atheroma #method{
        margin-bottom: calc(var(--margin) * 5);
    }
    #atheroma #method .method-flow{
        padding: calc(var(--margin) * 2);
    }
    #atheroma #method .method-flow-title{
        margin-bottom: 1em;
    }
    #atheroma #method .method-flow-li{
        flex-wrap: wrap;
    }
    #atheroma #method .method-flow-li > li{
        width: calc(50% - var(--margin));
        flex: unset;
    }
    #atheroma #method .method-flow-li-title{
        margin: 0.5em 0;
    }
}
/*END method 治療方法*/

/*price 手術費用*/
.plastic-surgery #price{
    margin-bottom: calc(var(--margin) * 10);
}
.plastic-surgery #price .price-tble-before{
    width: 100%;
    margin-bottom: calc(var(--margin) * 2);
    border: solid 1px var(--line-color);
}
.plastic-surgery #price .price-tble-before th{
    width: 59.92%;
    background: var(--main-color);
    color: var(--base-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
.plastic-surgery #price .price-tble-before th,
.plastic-surgery #price .price-tble-before td{
    border: solid 1px var(--line-color);
    padding: 0.7em 0 0.7em calc(var(--margin) * 3);
    vertical-align: middle;
    box-sizing: border-box;
}
.plastic-surgery #price .price-tble-before td{
    font-size: var(--fs-ll);
}
.plastic-surgery #price .price-tble-sp{
    display: none;
}
.plastic-surgery #price .price-tble-pc{
    width: 100%;
    border: solid 1px var(--line-color);
}
.plastic-surgery #price .price-tble-pc th,
.plastic-surgery #price .price-tble-pc td{
    border: solid 1px var(--line-color);
    padding: 0.7em 0 0.7em calc(var(--margin) * 3);
    vertical-align: middle;
    box-sizing: border-box;
    background: var(--sub-color);
    font-weight: 500;
    font-size: var(--fs-ll);
}
.plastic-surgery #price .price-tble-pc tr:first-child th{
    width: 13.33%;
    background: var(--main-color);
    color: var(--base-color);
    font-size: var(--fs-4l);
}
.plastic-surgery #price .price-tble-pc tr:not(:first-child) th{
    color: var(--main-color);
    font-size: var(--fs-4l);
}
.plastic-surgery #price .price-tble-pc td:nth-child(3){
    width: 23%;
}
.plastic-surgery #price .price-tble-pc td:nth-child(4){
    width: 40.16%;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .plastic-surgery #price{
        margin-bottom: calc(var(--margin) * 5);
    }
    .plastic-surgery #price .price-tble-pc{
        display: none;
    }
    .plastic-surgery #price .price-tble-sp{
        display: table;
        width: 100%;
        border: solid 1px var(--line-color);
    }
    .plastic-surgery #price .price-tble-sp th,
    .plastic-surgery #price .price-tble-sp td{
        border: solid 1px var(--line-color);
        padding: 0.7em 0 0.7em calc(var(--margin) * 2);
        vertical-align: middle;
        box-sizing: border-box;
        background: var(--sub-color);
        font-weight: 500;
        font-size: var(--fs-ll);
    }
    .plastic-surgery #price .price-tble-sp tr:first-child th{
        background: var(--main-color);
        color: var(--base-color);
        font-size: var(--fs-4l);
    }
    .plastic-surgery #price .price-tble-sp tr:nth-child(7) th{
        border-top: solid 2px var(--main-color);
    }
    .plastic-surgery #price .price-tble-sp tr:not(:first-child) th{
        color: var(--main-color);
        font-size: var(--fs-4l);
    }
    .plastic-surgery #price .price-tble-sp td{
        width: 50%;
    }
}
/*END price 手術費用*/

/*questions よくあるご質問*/
.plastic-surgery #questions{
    margin-bottom: calc(var(--margin) * 10);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .plastic-surgery #questions{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END questions よくあるご質問*/

/*-------------------------
  脂肪腫（リポーマ） /medical/plastic-surgery/lipoma/
-------------------------*/
/*about 脂肪腫とは*/
#lipoma #about{
    margin-bottom: calc(var(--margin) * 10);
}
#lipoma #about .about-li:first-of-type{
    margin-bottom: calc(var(--margin) * 10);
}
#lipoma #about .about-li > li:first-child{
    width: 45.5%;
}
#lipoma #about .about-li > li:nth-child(2){
    width: 49.16%;
}
#lipoma #about .about-li .txt-box .txt:not(:last-of-type){
    margin-bottom: 1em;
    font-weight: 500;
}
#lipoma #about .about-li.about-li-txt{
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #lipoma #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #lipoma #about .about-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2)
    }
    #lipoma #about .about-li:first-of-type{
        margin-bottom: calc(var(--margin) * 2);
    }
    #lipoma #about .about-li > li:first-child,
    #lipoma #about .about-li > li:nth-child(2){
        width: 100%;
    }
}
/*END about 脂肪腫とは*/

/*difference 粉瘤と脂肪腫の違い*/
#lipoma #difference{
    margin-bottom: calc(var(--margin) * 10);
}
#lipoma #difference .section-title .link{
    gap: 1em;
    margin-left: auto;
    color: var(--main-color);
    font-size: var(--fs-l);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #lipoma #difference{
        margin-bottom: calc(var(--margin) * 5);
    }
    #lipoma #difference .section-title{
        flex-wrap: wrap;
    }
    #lipoma #difference .section-title .link{
        margin-left: 0;
    }
}
/*END difference 粉瘤と脂肪腫の違い*/

/*method 治療方法*/
#lipoma #method{
    margin-bottom: calc(var(--margin) * 10);
}
#lipoma #method .lead:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #lipoma #method{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END method 治療方法*/

/*steps 治療の流れ*/
#lipoma #steps{
    margin-bottom: calc(var(--margin) * 10);
}
#lipoma #steps .steps-flow-li{
    margin-bottom: calc(var(--margin) * 3);
    align-items: stretch;
    gap: calc(var(--margin) * 2);
}
#lipoma #steps .steps-flow-li > li{
    flex: 1;
}
#lipoma #steps .steps-flow-li-title{
    margin-top: 1em;
    color: var(--main-color );
}
#lipoma #steps .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
}
#lipoma #steps .time{
    padding-top: 0.5em;
    border-top: solid 1px var(--main-color);
    text-align: center;
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #lipoma #steps{
        margin-bottom: calc(var(--margin) * 5);
    }
    #lipoma #steps .steps-flow-title{
        margin-bottom: 1em;
    }
    #lipoma #steps .steps-flow-li{
        flex-wrap: wrap;
    }
    #lipoma #steps .steps-flow-li > li{
        width: calc(50% - var(--margin));
        flex: unset;
    }
    #lipoma #steps .steps-flow-li-title{
        margin: 0.5em 0;
    }
}
/*END steps 治療の流れ*/

/*-------------------------
  巻き爪（陥入爪）） /medical/plastic-surgery/ingrown-nails/
-------------------------*/
/*about 巻き爪（陥入爪）について*/
#ingrown-nails #about{
    margin-bottom: calc(var(--margin) * 10);
}
#ingrown-nails #about .about-li:first-of-type{
    margin-bottom: calc(var(--margin) * 10);
}
#ingrown-nails #about .about-li > li:first-child,
#ingrown-nails #about .about-li.about-li2 > li:nth-child(2){
    width: 45.5%;
}
#ingrown-nails #about .about-li > li:nth-child(2),
#ingrown-nails #about .about-li.about-li2 > li:first-child{
    width: 49.16%;
}
#ingrown-nails #about .about-li .txt-box .txt:not(:last-of-type){
    margin-bottom: 1em;
}
#ingrown-nails #about .about-li.about-li-txt{
    align-items: flex-start;
}
#ingrown-nails #about .about-li.about-li2{
    align-items: flex-end;
}
#ingrown-nails #about .about-li2 .about-li2-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #ingrown-nails #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #ingrown-nails #about .about-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2)
    }
    #ingrown-nails #about .about-li:first-of-type{
        margin-bottom: calc(var(--margin) * 2);
    }
    #ingrown-nails #about .about-li > li:first-child,
    #ingrown-nails #about .about-li > li:nth-child(2),
    #ingrown-nails #about .about-li.about-li2 > li:first-child,
    #ingrown-nails #about .about-li.about-li2 > li:nth-child(2){
        width: 100%;
    }
}
/*END about 巻き爪（陥入爪）について*/

/*method 治療方法*/
#ingrown-nails #method{
    margin-bottom: calc(var(--margin) * 10);
}
#ingrown-nails #method .lead:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #ingrown-nails #method{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END method 治療方法*/

/*surgery 治療方法*/
#ingrown-nails #surgery{
    margin-bottom: calc(var(--margin) * 10);
}
#ingrown-nails #surgery .surgery-flow-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
}
#ingrown-nails #surgery .surgery-flow-li{
    align-items: stretch;
    gap:calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#ingrown-nails #surgery .surgery-flow-li > li{
    width: calc(25% - var(--margin));
}
#ingrown-nails #surgery .surgery-flow-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#ingrown-nails #surgery .surgery-flow-li .surgery-flow-li-title{
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    font-weight: 500;
}
#ingrown-nails #surgery .surgery-flow-li .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 500;
}
#ingrown-nails #surgery .surgery-flow-li .txt-box .txt .mini{
    font-size: var(--fs-xxs);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #ingrown-nails #surgery{
        margin-bottom: calc(var(--margin) * 5);
    }
    #ingrown-nails #surgery .surgery-flow-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2);
    }
    #ingrown-nails #surgery .surgery-flow-li > li{
        width: calc(50% - var(--margin));
        min-height: unset;
    }
}
/*END surgery 治療方法*/

/*prevention 巻き爪の予防法*/
#ingrown-nails #prevention{
    margin-bottom: calc(var(--margin) * 10);
}
#ingrown-nails #prevention .prevention-li{
    gap: calc(var(--margin) * 2);
    align-items: stretch;
}
#ingrown-nails #prevention .prevention-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
    line-height: 1.4;
}
#ingrown-nails #prevention .prevention-li-title{
    margin-bottom: 1em;
    color: var(--main-color);
    font-weight: 500;
}
#ingrown-nails #prevention .prevention-li-num{
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #ingrown-nails #prevention{
        margin-bottom: calc(var(--margin) * 5);
    }
    #ingrown-nails #prevention .prevention-li{
        flex-wrap: wrap;
    }
    #ingrown-nails #prevention .prevention-li > li{
        width: 100%;
    }
}
/*EMD prevention 巻き爪の予防法*/

/*-------------------------
  ホクロ、イボ /medical/plastic-surgery/moles-warts/
-------------------------*/
/*about ホクロとは*/
#moles-warts #about{
    margin-bottom: calc(var(--margin) * 10);
}
#moles-warts #about .about-li > li:first-child{
    width: 45.5%;
}
#moles-warts #about .about-li > li:nth-child(2){
    width: 49.16%;
}
#moles-warts #about .about-li .txt-box .txt:not(:last-of-type){
    margin-bottom: 1em;
}
#moles-warts #about .about-li.about-li-txt{
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #moles-warts #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #moles-warts #about .about-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2)
    }
    #moles-warts #about .about-li:first-of-type{
        margin-bottom: calc(var(--margin) * 2);
    }
    #moles-warts #about .about-li > li:first-child,
    #moles-warts #about .about-li > li:nth-child(2){
        width: 100%;
    }
}
/*END about ホクロとは*/

/*type ホクロの種類*/
#moles-warts #type{
    margin-bottom: calc(var(--margin) * 10);
}
#moles-warts .type-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--margin) * 3);
}
#moles-warts .type-li > li{
    width: calc(50% - (var(--margin) * 1.5));
    border-bottom: solid 1px var(--main-color);
}
#moles-warts .type-li .type-li-title{
    color: var(--main-color);
}
#moles-warts .type-li .type-li-item{
    align-items: flex-start;
}
#moles-warts .type-li .txt-box{
    width: 61.13%;
    padding-top: 1em;
    margin-bottom: calc(var(--margin) * 2);
}
#moles-warts .type-li .img{
    width: 23.97%;
    aspect-ratio: 1 / 1;
    margin-bottom: calc(var(--margin) * 2);
}
#moles-warts .type-li .txt-box .txt{
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #moles-warts #type{
        margin-bottom: calc(var(--margin) * 5);
    }
    #moles-warts .type-li .type-li-title{
        margin-bottom: 0.5em;
    }
    #moles-warts .type-li > li{
        width: 100%;
    }
    #moles-warts .type-li .txt-box{
        padding-top: 0;
    }
}
/*END type ホクロの種類*/

/*other ホクロに似たほかの病気*/
#moles-warts #other{
    margin-bottom: calc(var(--margin) * 10);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #moles-warts #other{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END other ホクロに似たほかの病気*/

/*surgery 手術の流れ*/
#moles-warts #surgery{
    margin-bottom: calc(var(--margin) * 10);
}
#moles-warts #surgery .surgery-flow-li{
    align-items: stretch;
    gap:calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#moles-warts #surgery .surgery-flow-li > li{
    width: calc(25% - var(--margin));
}
#moles-warts #surgery .surgery-flow-li .txt-box{
    padding: calc(var(--margin) * 3) 0 0;
}
#moles-warts #surgery .surgery-flow-li .surgery-flow-li-title{
    margin-bottom: 1em;
    line-height: 1;
    color: var(--main-color);
    font-weight: 500;
}
#moles-warts #surgery .surgery-flow-li .txt-box .txt{
    line-height: 1.4;
    font-size: var(--fs-m);
    font-weight: 500;
}
#moles-warts #surgery .surgery-flow-li .txt-box .txt .mini{
    font-size: var(--fs-xxs);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #moles-warts #surgery{
        margin-bottom: calc(var(--margin) * 5);
    }
    #moles-warts #surgery .surgery-flow-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2);
    }
    #moles-warts #surgery .surgery-flow-li > li{
        width: calc(50% - var(--margin));
        min-height: unset;
    }
    #moles-warts #surgery .surgery-flow-li .txt-box{
        padding: var(--margin) 0 0;
    }
}
/*END surgery 手術の流れ*/

/*-------------------------
  頭痛の治療 /medical/headache/
-------------------------*/
/*data 日本人の約３割が頭痛持ち*/
#headache #data{
    margin-bottom: calc(var(--margin) * 10);
}
#headache #data .lead{
    margin-bottom: 2em;
}
#headache #data .data-li{
    align-items: stretch;
}
#headache #data .data-li > li:first-child{
    width: 38.5%;
}
#headache #data .data-li > li:nth-child(2){
    width: 59.41%;
}
#headache #data .data-li .txt-box .txt:not(:last-of-type){
    margin-bottom: 1em;
}
#headache #data .data-li.data-li-txt{
    align-items: flex-start;
}
#headache #data .data-li .txt-box{
    align-items: flex-start;
    height: 100%;
}
#headache #data .data-li .data-title{
    margin-bottom: 0.5em;
    line-height: 1;
    color: var(--main-color);
}
#headache #data .data-li .note{
    margin-top: auto;
}
#headache #data .data-list-box{
    padding: calc(var(--margin) * 5) calc(var(--margin) * 4);
    background: var(--sub-color);
    border: soli 1px var(--line-color);
}
#headache #data .data-list-box ul{
    flex-wrap: wrap;
}
#headache #data .data-list-box li{
    width: 50%;
    padding-left: 1.5em;
    position: relative;
    color: var(--main-color);
}
#headache #data .data-list-box li::before{
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #data{
        margin-bottom: calc(var(--margin) * 5);
    }
    #headache #data .data-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2)
    }
    #headache #data .data-li:first-of-type{
        margin-bottom: calc(var(--margin) * 2);
    }
    #headache #data .data-li > li:first-child,
    #headache #data .data-li > li:nth-child(2){
        width: 100%;
    }
}
/*END data 日本人の約３割が頭痛持ち*/

/*severe 重度な頭痛の症状*/
#headache #severe{
    margin-bottom: calc(var(--margin) * 10);
}
#headache #severe .severe-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 700;
}
#headache #severe .severe-li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 3);
}
#headache #severe .severe-li > li{
    align-items: center;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #severe{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END severe 重度な頭痛の症状*/

/*benign 辛いが危険ではない頭痛の症状*/
#headache #benign{
    margin-bottom: calc(var(--margin) * 10);
}
#headache #benign .benign-li{
    gap: calc(var(--margin) * 2);
    align-items: stretch;
    background: var(--base-color);
}
#headache #benign .benign-li > li {
    flex: 1;
}
#headache #benign .benign-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
    line-height: 1.4;
}
#headache #benign .benign-li-title{
    margin-bottom: 1em;
    color: var(--main-color);
    font-weight: 500;
}
#headache #benign .benign-li-num{
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #benign{
        margin-bottom: calc(var(--margin) * 5);
    }
    #headache #benign .benign-li{
        flex-wrap: wrap;
    }
    #headache #benign .benign-li > li{
        width: 100%;
        flex: unset;
    }
}
/*END benign 辛いが危険ではない頭痛の症状*/

/*other その他の症状*/
#headache #other{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#headache #other .keyvisual-02{
    top:-19.66cqw;
}
#headache #other .other-li li{
    align-items: center;
}
#headache #other .other-li .other-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #other{
        margin-bottom: calc(var(--margin) * 5);
    }
    #headache #other .keyvisual-02{
        display: none;
    }
}
/*END other その他の症状*/

/*hours 診療時間*/
#headache #hours{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #hours{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END hours 診療時間*/

/*schedule 診療時間*/
#headache #schedule{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#headache #schedule .keyvisual-04{
    top: 0;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #headache #schedule{
        margin-bottom: calc(var(--margin) * 5);
    }
    #headache #schedule .keyvisual-04{
        display: none;
    }
}
/*END schedule 診療時間*/

/*-------------------------
  循環器内科 /medical/cardiology/
-------------------------*/
/*feature 当院の特徴*/
#cardiology #feature{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#cardiology #feature .feature-li > li{
    align-items: center;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #cardiology #feature{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END feature 当院の特徴*/

/*menu 診察内容*/
#cardiology #menu{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#cardiology #menu .menu-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
}
#cardiology #menu .menu-li{
    align-items: stretch;
}
#cardiology #menu .menu-li > li:first-child{
    width: 38.5%;
}
#cardiology #menu .menu-li > li:nth-child(2){
    width: 59.41%;
}
#cardiology #menu .menu-li.data-li-txt{
    align-items: flex-start;
}
#cardiology #menu .menu-li .txt-box{
    align-items: flex-start;
    height: 100%;
}
#cardiology #menu .menu-li .data-title{
    margin-bottom: 0.5em;
    line-height: 1;
    color: var(--main-color);
}
#cardiology #menu .menu-li .txt-box .txt{
    margin-bottom: 1em;
    font-size: var(--fs-m);
    line-height: 1.6;
}
#cardiology #menu .menu-li .note{
    font-weight: 500;
}
#cardiology #menu .menu-list-box{
    width: 100%;
    padding: calc(var(--margin) * 4) calc(var(--margin) * 7);
    margin-bottom: 1em;
    background: var(--sub-color);
    border: soli 1px var(--line-color);
}
#cardiology #menu .menu-list-box ul{
    flex-wrap: wrap;
}
#cardiology #menu .menu-list-box li{
    padding-left: 1.5em;
    position: relative;
    color: var(--main-color);
    font-weight: 500;
}
#cardiology #menu .menu-list-box li:nth-child(odd){
    width: 30%;
}
#cardiology #menu .menu-list-box li:nth-child(even){
    width: 70%;
}
#cardiology #menu .menu-list-box li::before{
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
#cardiology #menu .menu-li .txt-box .moredetail-link{
    margin-left: auto;
    margin-top: auto;
}
#cardiology #menu .menu-li .txt-box .moredetail-link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #cardiology #menu{
        margin-bottom: calc(var(--margin) * 5);
    }
    #cardiology #menu .menu-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
    }
    #cardiology #menu .menu-li > li:first-child,
    #cardiology #menu .menu-li > li:nth-child(2){
        width: 100%;
    }
    #cardiology #menu .menu-list-box{
        padding: calc(var(--margin) * 2);
    }
    #cardiology #menu .menu-list-box ul{
        gap:0.5em 0;
    }
    #cardiology #menu .menu-list-box li:nth-child(odd),
    #cardiology #menu .menu-list-box li:nth-child(even){
        width: 30%;
    }
    #cardiology #menu .menu-list-box li:last-child{
        width: 100%;
    }
    #cardiology #menu .menu-list-box li::before{
        top: 0.2em;
    }
}
/*END menu 診察内容*/

/*examination 検査項目*/
#cardiology #examination{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#cardiology #examination .examination-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 700;
}
#cardiology #examination .examination-li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 3);
}
#cardiology #examination .examination-li > li{
    align-items: center;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #cardiology #examination{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END examination 検査項目*/

/*-------------------------
  大腸カメラ検査/内視鏡検査 /medical/endoscopy/
-------------------------*/
/*symptoms このような症状でお悩みではありませんか？*/
#endoscopy #symptoms{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#endoscopy #symptoms .symptoms-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--margin) * 2);
}
#endoscopy #symptoms .symptoms-li > li{
    width: calc(33% - var(--margin));
    background: var(--base-color);
}
#endoscopy #symptoms .symptoms-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 1.5);
}
#endoscopy #symptoms .symptoms-li .symptoms-li-title{
    color: var(--main-color);
    font-size: var(--fs-ll);
    font-weight: 500;
}
#endoscopy #symptoms .symptoms-list-box ul{
    display: grid;
    grid-template-columns: repeat(2, auto);
    row-gap: 0.5em;
}
#endoscopy #symptoms .symptoms-list-box li{
    padding-left: 1.2em;
    position: relative;
    font-weight: 500;
    font-size: var(--fs-m);
}
#endoscopy #symptoms .symptoms-list-box li::before{
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--txt-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #endoscopy #symptoms{
        margin-bottom: calc(var(--margin) * 5);
    }
    #endoscopy #symptoms .symptoms-li > li{
            width: 100%;
    }
    #endoscopy #symptoms .symptoms-li .symptoms-li-title{
        margin-bottom: 0.5em;
    }
    #endoscopy #symptoms .symptoms-list-box li::before{
        top: 0.2em;
    }
}
/*END symptoms このような症状でお悩みではありませんか？*/

/*disease このような症状でお悩みではありませんか？*/
#endoscopy #disease{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#endoscopy #disease .disease-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 700;
}
#endoscopy #disease .disease-list-box{
    padding: calc(var(--margin) * 5);
    background: var(--sub-color);
    border: soli 1px var(--line-color);
}
#endoscopy #disease .disease-list-box ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0.5em;
    color: var(--main-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
#endoscopy #disease .disease-list-box ul > li{
    padding-left: 1.5em;
    position: relative;
}
#endoscopy #disease .disease-list-box ul > li::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
#endoscopy #disease .disease-list-box ul > li.none::before {
    display: none;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #endoscopy #disease{
        margin-bottom: calc(var(--margin) * 5);
    }
    #endoscopy #disease .disease-list-box{
        padding: calc(var(--margin) * 2);
    }
    #endoscopy #disease .disease-list-box ul{
        grid-template-columns: repeat(2, auto);
        font-size: var(--fs-ll);
    }
    #endoscopy #disease .disease-list-box ul > li::before{
        top:0.2em;
    }
    #endoscopy #disease .disease-list-box ul > li.none{
        display: none;
    }
}
/*END disease このような症状でお悩みではありませんか？*/

/*menu 当院の内視鏡検査*/
#endoscopy #menu{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#endoscopy #menu .menu-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 700;
}
#endoscopy #menu .menu-li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 3);
}
#endoscopy #menu .menu-li > li{
    align-items: center;
    position: relative;
}
#endoscopy #menu .menu-li > li .moredetail-link{
    position: absolute;
    bottom: 0;
    right: 0;
}
#endoscopy #menu .menu-li > li .moredetail-link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #endoscopy #menu{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END menu 当院の内視鏡検査*/

/*feature 当院の特徴*/
#endoscopy #feature{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
    overflow-x: clip;
}
#endoscopy #feature .keyvisual-02{
    top:-11.73cqw;
}
#endoscopy #feature .keyvisual-04{
    bottom: 13cqw;
    width: 49.79cqw;
}
#endoscopy #feature .feature-li{
    align-items: stretch;
    flex-wrap: wrap;
    gap: calc(var(--margin) * 4) calc(var(--margin) * 2);
}
#endoscopy #feature .feature-li > li{
    width: calc(50% - var(--margin));
}
#endoscopy #feature .feature-li .feature-li-title{
    min-height: 5em;
    padding: 1em 0;
    gap: 0.5em;
    align-items: flex-start;
    line-height: 1.4;
    font-size: var(--fs-4l);
    font-weight: 700;
}
#endoscopy #feature .feature-li .feature-li-title .num{
    color: var(--main-color);
    line-height: 1;
    font-weight: 500;
    font-size: var(--fs-9l);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #endoscopy #feature{
        margin-bottom: calc(var(--margin) * 5);
    }
    #endoscopy #feature .keyvisual-02,
    #endoscopy #feature .keyvisual-04{
        display: none;
    }
    #endoscopy #feature .feature-li > li{
        width: 100%;
    }
    #endoscopy #feature .feature-li .feature-li-title{
        gap: 1em;
    }
    #endoscopy #feature .feature-li .feature-li-title{
        min-height: unset;
    }
}
/*END feature 当院の特徴*/
/*keyvisual*/
#endoscopy #schedule .keyvisual-05{
    top: -13.88cqw;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #endoscopy #schedule .keyvisual-05{
        display: none;
    }
}
/*END keyvisual*/

/*-------------------------
  健康診断 /medical/health-check/
-------------------------*/
/*price 個人健康診断・企業健康診断料金表*/
#health-check #price{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#health-check #price .price-li{
    align-items: flex-start;
}
#health-check #price .price-li li:first-child{
    width: 62.5%;
}
#health-check #price .price-li li:nth-child(2){
    width: 34.41%;
}
#health-check #price .moredetail-link {
    padding-top: calc(var(--margin) * 2);
    gap: 2em;
}
#health-check #price .moredetail-link a{
    color: var(--main-color);
    gap: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #health-check #price{
        margin-bottom: calc(var(--margin) * 5);
    }
    #health-check #price .price-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
    }
    #health-check #price .price-li li:first-child{
        width: 100%;
        order: 2;
    }
    #health-check #price .price-li li:nth-child(2){
        width: 100%;
        order: 1;
    }
}
/*END price 個人健康診断・企業健康診断料金表*/

/*about 八王子市特定健康診査とは？*/
#health-check #about{
    margin-bottom: calc(var(--margin) * 10);
    position: relative;
}
#health-check #about .about-li{
    margin-bottom: calc(var(--margin) * 5);
}
#health-check #about .about-li li:first-child{
    width: 49.16%;
}
#health-check #about .about-li li:nth-child(2){
    width: 50%;
}
#health-check #about .about-detail dl{
    align-items: flex-start;
    gap:calc(var(--margin) * 3);
}
#health-check #about .about-detail dl:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 4);
}
#health-check #about .about-detail dt{
    width: 160px;
    padding: var(--margin) 0;
    background: var(--main-color);
    text-align: center;
    line-height: 1.3;
    color: var(--base-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
#health-check #about .about-detail dd{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #health-check #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #health-check #about .about-li{
        margin-bottom: calc(var(--margin) * 2);
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
    }
    #health-check #about .about-li li:first-child{
        width: 100%;
        order: 2;
    }
    #health-check #about .about-li li:nth-child(2){
        width: 100%;
        order: 1;
    }
    #health-check #about .about-detail dl{
        flex-wrap: wrap;
        gap:var(--margin);
    }
    #health-check #about .about-detail dl:not(:last-of-type){
        margin-bottom: calc(var(--margin) * 2);
    }
}
/*END about 八王子市特定健康診査とは？*/

/*overview 各種がん検診の概要<*/
#health-check #overview .moredetail-link{
    margin-bottom: calc(var(--margin) * 2);
}
#health-check #overview .moredetail-link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
}
/*END overview 各種がん検診の概要<*/

/*-------------------------
  脳神経内科 /medical/neurology/
-------------------------*/
/*feature　当院の特徴*/
#neurology #feature{
    margin-bottom: calc(var(--margin) * 10);
}
.feature-title{
    margin: calc(var(--margin) * 5) 0 0.5em;
    color: var(--main-color);
}
#neurology #feature .feature-list-box{
    padding: calc(var(--margin) * 5);
    background: var(--sub-color);
    border: soli 1px var(--line-color);
}
#neurology #feature .feature-list-box ul{
    display: grid;
    grid-template-columns: repeat(4, auto);
    row-gap: 0.5em;
    color: var(--main-color);
    font-size: var(--fs-4l);
    font-weight: 500;
}
#neurology #feature .feature-list-box ul > li{
    padding-left: 1.5em;
    position: relative;
}
#neurology #feature .feature-list-box ul > li::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #neurology #feature{
        margin-bottom: calc(var(--margin) * 5);
    }
    .feature-title{
        margin: calc(var(--margin) * 2) 0 0.5em;
    }
    #neurology #feature .feature-list-box{
        padding: calc(var(--margin) * 2);
    }
    #neurology #feature .feature-list-box ul{
        grid-template-columns: repeat(2, auto);
        font-size: var(--fs-ll);
    }
    #neurology #feature .feature-list-box ul > li::before{
        top:0.2em;
    }
}
/*END　feature　当院の特徴*/

/*detail 診療内容*/
#neurology #detail{
    margin-bottom: calc(var(--margin) * 10);
}
#neurology #detail .detail-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 700;
}
#neurology #detail .detail-li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 3);
}
#neurology #detail .detail-li > li{
    align-items: center;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #neurology #detail{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END detail 診療内容*/

/*menu 当院の検査機器*/
#neurology #menu{
    margin-bottom: calc(var(--margin) * 10);
}
#neurology #menu .menu-li{
    width: 89.5%;
    margin: 0 auto;
}
#neurology #menu .menu-li > li{
    max-width: 421px;
    width: 39.2%;
}
#neurology #menu .menu-li .moredetail-link{
    margin-top: 1em;
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #neurology #menu{
        margin-bottom: calc(var(--margin) * 5);
    }
    #neurology #menu .menu-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
        width: 70%;
    }
    #neurology #menu .menu-li > li{
        max-width: unset;
        width: 100%;
    }
}
/*END menu 当院の検査機器*/

/*-------------------------
  形成外科 /medical/plastic-surgery/
-------------------------*/
/*detail 診療案内*/
#plastic-surgery #detail{
    margin-bottom: calc(var(--margin) * 10);
}
#plastic-surgery #detail .detail-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--margin) * 2);
}
#plastic-surgery #detail .detail-li > li{
    width: calc(50% - var(--margin));
    align-items: stretch;
}
#plastic-surgery #detail .detail-li > li .img{
    width: 39%;
}
#plastic-surgery #detail .detail-li > li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
#plastic-surgery #detail .detail-li > li .txt-box{
    width: 56%;
    padding: calc(var(--margin) * 3) calc(var(--margin) * 3) calc(var(--margin) * 3) 0;
    align-items: flex-start;
}
#plastic-surgery #detail .detail-li .detail-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 500;
}
#plastic-surgery #detail .detail-li .detail-li-lead{
    margin-bottom: 0.5em;
    font-weight: 700;
    font-size: var(--fs-ll);
}
#plastic-surgery #detail .detail-li .txt{
    line-height: 1.5;
    font-size: var(--fs-s);
}
#plastic-surgery #detail .detail-li .moredetail-link{
    margin-top: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #plastic-surgery #detail{
        margin-bottom: calc(var(--margin) * 5);
    }
    #plastic-surgery #detail .detail-li > li{
        width: 100%;
    }
    #plastic-surgery #detail .detail-li > li .txt-box{
        padding: calc(var(--margin) * 2) calc(var(--margin) * 2) calc(var(--margin) * 2) 0;
    }
}
/*END detail 診療案内*/

/*feature 当院の特徴*/
#plastic-surgery #feature{
    margin-bottom: calc(var(--margin) * 10);
}
#plastic-surgery #feature .feature-li{
    flex-wrap: wrap;
    align-items: stretch;
    gap: calc(var(--margin) * 6) calc(var(--margin) * 2);
}
#plastic-surgery #feature .feature-li > li{
    width: calc(50% - var(--margin));
    align-items: stretch;
}
#plastic-surgery #feature .feature-li .img{
    margin-bottom: calc(var(--margin) * 2);
}
#plastic-surgery #feature .feature-li .feature-li-title{
    margin-bottom: 0.5em;
    gap: 0.5em;
    align-items: flex-start;
    line-height: 1.4;
    font-size: var(--fs-4l);
    font-weight: 700;
}
#plastic-surgery #feature .feature-li .feature-li-title .num{
    color: var(--main-color);
    line-height: 1;
    font-weight: 500;
    font-size: var(--fs-9l);
}
#plastic-surgery #feature .feature-li .txt{
    line-height: 1.5;
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #plastic-surgery #feature{
        margin-bottom: calc(var(--margin) * 5);
    }
    #plastic-surgery #feature .feature-li{
        gap: calc(var(--margin) * 3);
    }
    #plastic-surgery #feature .feature-li > li{
        width: 100%;
    }
}
/*END feature 当院の特徴*/

/*information 受付時間のご案内*/
#plastic-surgery #information{
    position: relative;
    overflow-x: clip;
}
#plastic-surgery #information .keyvisual-02{
    bottom: -39.37cqw;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #plastic-surgery #information .keyvisual-02{
        display: block;
        bottom: -39.37cqw;
    }
}
/*END information 受付時間のご案内*/

/*-------------------------
  クランプトレーザー法 /medical/hemo/hemo_skin-tag/
-------------------------*/
/*overview クランプトレーザー法とは？ 3つの特徴*/
#hemo_skin-tag #overview{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #overview .overview-lead{
    margin-bottom: 1em;
    font-weight: 500;
}
#hemo_skin-tag #overview .benign-li{
    align-items: stretch;
    gap: calc(var(--margin) * 2);
}
#hemo_skin-tag #overview .benign-li > li{
    width: calc(33% - var(--margin));
}
#hemo_skin-tag #overview .benign-li .txt-box{
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2);
}
#hemo_skin-tag #overview .benign-li .benign-li-title{
    margin-bottom: 1em;
    line-height: 1.5;
    font-size: var(--fs-ll);
    color: var(--main-color);
}
#hemo_skin-tag #overview .benign-li .txt{
    line-height: 1.5;
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #overview{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #overview .benign-li{
        flex-wrap: wrap;
    }
    #hemo_skin-tag #overview .benign-li > li{
        width: 100%;
    }
    #hemo_skin-tag #overview .benign-li .txt-box{
        padding: calc(var(--margin) * 2);
    }
}
/*END overview クランプトレーザー法とは？ 3つの特徴*/

/*outline クランプトレーザー法の概要*/
#hemo_skin-tag #outline{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #outline .overview-lead{
    margin-bottom: 1em;
}
#hemo_skin-tag #outline .overview-lead:last-of-type{
    margin-bottom: 2em;
}
#hemo_skin-tag #outline .outline-li .img{
    width: 34.66%;
}
#hemo_skin-tag #outline .outline-li .txt-box{
    width: 61.58%;
}
#hemo_skin-tag #outline .outline-li .outline-li-title{
    color: var(--main-color);
}
#hemo_skin-tag #outline .outline-li .txt{
    font-weight: 500;
}
#hemo_skin-tag #outline .about-note{
    margin-top: 1em;
    text-align: center;
    font-size: var(--fs-6l);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #outline{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #outline .outline-li{
        flex-wrap: wrap;
    }
    #hemo_skin-tag #outline .outline-li .img,
    #hemo_skin-tag #outline .outline-li .txt-box{
        width: 100%;
    }
}
/*END outline クランプトレーザー法の概要*/

/*reason 開発医が語る「なぜクランプトレーザー法なのか」*/
#hemo_skin-tag #reason{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #reason .reason-lead{
    margin-bottom: 1em;
    font-weight: 500;
}
#hemo_skin-tag #reason .reason-txt-box{
    padding: calc(var(--margin) * 5);
    background-color: var(--sub-color);
    border: solid 1px var(--line-color);
    line-height: 1.5;
}
#hemo_skin-tag #reason .reason-txt-box:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 2);
}
#hemo_skin-tag #reason .reason-txt-box .reason-title{
    margin-bottom: 1em;
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #reason{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #reason .reason-txt-box{
        padding: calc(var(--margin) * 2);
    }
}
/*END reason 開発医が語る「なぜクランプトレーザー法なのか」*/

/*comparison 従来の手術（保険診療）との違い*/
#hemo_skin-tag #comparison{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #comparison .comparison-txt-box{
    line-height: 1.5;
}
#hemo_skin-tag #comparison .comparison-txt-box{
    margin-bottom: calc(var(--margin) * 2);
}
#hemo_skin-tag #comparison .comparison-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
}
#hemo_skin-tag #comparison .comparison-txt-box .blue{
    color: var(--main-color);
    font-weight: 700;
}
#hemo_skin-tag #comparison .comparison-tble{
    width: 100%;
    margin-bottom: calc(var(--margin) * 5);
    border: solid 1px var(--line-color);
    background: var(--base-color);
    border-collapse: separate; border-spacing: 0;
}
#hemo_skin-tag #comparison .comparison-tble th,
#hemo_skin-tag #comparison .comparison-tble td{
    padding: calc(var(--margin) * 3);
    border: solid 1px var(--line-color);
    line-height: 1.6;
}
#hemo_skin-tag #comparison .comparison-tble td{
    font-size: var(--fs-m);
    font-weight: 500;
}
#hemo_skin-tag #comparison .comparison-tble tr:first-child th {
    background: var(--main-color);
    color: var(--base-color);
    font-size: var(--fs-4l);
}
#hemo_skin-tag #comparison .comparison-tble td:first-child {
    width: 24.4%;
}
#hemo_skin-tag #comparison .comparison-tble td:not(:first-child) {
    width: 37.8%;
}
/*アコーディオン部分*/
#hemo_skin-tag #comparison .comparison-group:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 4);
}
#hemo_skin-tag #comparison .comparison-title-wrap {
    position: relative;
    margin-bottom: 2px;
    border-bottom: dashed 1px var(--main-color);
}
#hemo_skin-tag #comparison .comparison-title-wrap h4 {
    padding-bottom: 1em;
    position: relative;
    padding-left: calc(var(--margin) * 3);
    font-weight: 700;
}
#hemo_skin-tag #comparison .comparison-title-wrap h4::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
#hemo_skin-tag #comparison .comparison-title-wrap::before, #hemo_skin-tag #comparison .comparison-title-wrap::after {
    position: absolute;
    top: calc(var(--margin) * 2);
    right: calc(var(--margin) * 5);
    content: "";
    width: 20px;
    height: 3px;
    background: var(--main-color);
}
#hemo_skin-tag #comparison .comparison-title-wrap:after {
    transition: var(--transition);
    transform: rotateZ(-90deg);
}
#hemo_skin-tag #comparison .comparison-title-wrap.open:after {
    transform: rotateZ(0deg);
}
#hemo_skin-tag #comparison .comparison-li-wrap{
    display: none;
}
#hemo_skin-tag #comparison .comparison-li-bg {
    background: var(--sub-color);
    padding: calc(var(--margin) * 3) calc(var(--margin) * 5);
}
/*END　アコーディオン部分*/
/*傷の大きさ*/
#hemo_skin-tag #comparison .wound .comparison-li{
    flex-wrap: wrap;
    gap: 7.47%;
}
#hemo_skin-tag #comparison .wound .comparison-li > li{
    flex-wrap: wrap;
    width: calc(50% - 3.735%);
    text-align: center;
}
#hemo_skin-tag #comparison .wound .comparison-li-title{
    font-weight: 500;
    color: var(--main-color);
}
#hemo_skin-tag #comparison .wound .comparison-li > li:first-child .img,
#hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(2) .img{
    border-radius: calc(var(--margin) * 2) calc(var(--margin) * 2) 0 0;
    overflow: hidden;
}
#hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(3) .img,
#hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(4) .img{
    border-radius: 0 0 calc(var(--margin) * 2) calc(var(--margin) * 2);
    overflow: hidden;
}
#hemo_skin-tag #comparison .wound .comparison-li .txt{
    font-weight: 500;
}
/*END　傷の大きさ*/
/*手術時の留意点*/
#hemo_skin-tag #comparison .point .point-lead{
    margin: 1em 0;
    font-size: var(--fs-3l);
    font-weight: 500;
}
#hemo_skin-tag #comparison .point .point-title{
    color: var(--main-color);
    font-size: var(--fs-6l);
    font-weight: 500;
}
#hemo_skin-tag #comparison .point .point-txt{
    margin-bottom: 0.5em;
    line-height: 1.47;
    font-size: var(--fs-3l);
    font-weight: 500;
}
#hemo_skin-tag #comparison .point .comparison-li{
    gap: calc(var(--margin) * 1); calc(var(--margin) * 4);
    flex-wrap: wrap;
}
#hemo_skin-tag #comparison .point .comparison-li:not(:last-of-type){
    margin-bottom:calc(var(--margin) * 2);
}
#hemo_skin-tag #comparison .point .comparison-li > li{
    width: calc(50% - calc(var(--margin) * 2));
    text-align: center;
}
#hemo_skin-tag #comparison .point .comparison-li .annotation{
    font-size: var(--fs-3l);
    font-weight: 500;
}
/*END 手術時の留意点*/
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #comparison{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #comparison .comparison-tble th, #hemo_skin-tag #comparison .comparison-tble td{
        padding: 0.5em 0.2em;
    }
    #hemo_skin-tag #comparison .comparison-tble td:first-child{
        width: 6em;
    }
    #hemo_skin-tag #comparison .comparison-tble{
        margin-bottom: calc(var(--margin) * 3);
    }
    #hemo_skin-tag #comparison .comparison-group:not(:last-of-type){
        margin-bottom: calc(var(--margin) * 2);
    }
    #hemo_skin-tag #comparison .comparison-title-wrap h4::before{
        top:0.4em ;
    }
    #hemo_skin-tag #comparison .comparison-title-wrap::before, #hemo_skin-tag #comparison .comparison-title-wrap::after {
        top: calc(var(--margin) * 1);
        right: calc(var(--margin) * 1);
    }
    #hemo_skin-tag #comparison .comparison-li-bg{
            padding: calc(var(--margin) * 2);
    }
    #hemo_skin-tag #comparison .wound .comparison-li > li{
        width: 100%;
    }
    #hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(2){
        order: 3;
    }
    #hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(3){
        order: 2;
        margin-bottom: calc(var(--margin) * 2);
    }
    #hemo_skin-tag #comparison .wound .comparison-li > li:nth-child(4){
        order: 4;
    }
    #hemo_skin-tag #comparison .wound .comparison-li-title{
        margin-bottom: 0.5em;
    }
    #hemo_skin-tag #comparison .point .comparison-li > li{
        width: 100%;
    }
}
/*END comparison 従来の手術（保険診療）との違い*/

/*cost 費用について*/
#hemo_skin-tag #cost{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #cost .cost-tbl{
    width: 100%;
    margin-bottom: calc(var(--margin) * 4);
    border: solid 1px var(--line-color);
    background: var(--base-color);
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--fs-m);
    font-weight: 500;
}
#hemo_skin-tag #cost .cost-tbl th{
    background: var(--sub-color);
    width: 50%;
}
#hemo_skin-tag #cost .cost-tbl th,
#hemo_skin-tag #cost .cost-tbl td{
    padding: calc(var(--margin) * 2) calc(var(--margin) * 3);
    border: solid 1px var(--line-color);
    line-height: 1.6;
}
#hemo_skin-tag #cost .cost-title{
    margin-bottom: 0.5em;
    line-height: 1.5;
    color: var(--main-color);
    font-weight: 500;
}
#hemo_skin-tag #cost .cost-lead .mini{
    font-size: var(--fs-s);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #cost{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #cost .cost-tbl th{
        width: 60%;
    }
}
/*END cost 費用について*/

/*mechanism 手術のメカニズム（技術詳細）*/
#hemo_skin-tag #mechanism{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #mechanism .mechanism-title{
    margin-bottom: 0.5em;
    line-height: 1.5;
    color: var(--main-color);
}
#hemo_skin-tag #mechanism .mechanism-lead{
    margin-bottom: 1em;
    line-height: 1.5;
}
#hemo_skin-tag #mechanism .mechanism-li{
    gap: calc(var(--margin) * 2);
}
#hemo_skin-tag #mechanism .mechanism-li > li{
    width: calc(50% - var(--margin));
}
#hemo_skin-tag #mechanism .txt-box{
    line-height: 1.5;
}
#hemo_skin-tag #mechanism .mechanism-li-title{
    margin-bottom: 0.5em;
    color: var(--main-color);
    font-weight: 500;
}
#hemo_skin-tag #mechanism .txt{
    font-size: var(--fs-m);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #mechanism{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #mechanism .mechanism-li{
        flex-wrap: wrap;
    }
    #hemo_skin-tag #mechanism .mechanism-li > li{
        width: 100%;
    }
}
/*END mechanism 手術のメカニズム（技術詳細）*/

/*video 手術動画*/
#hemo_skin-tag #video{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #video .video-li,
#hemo_ope-video #video .video-li{
    gap: var(--margin);
}
#hemo_skin-tag #video .video-li > li,
#hemo_ope-video #video .video-li > li{
    width: calc(25% - var(--margin));
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #video{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #video .video-li,
    #hemo_ope-video #video .video-li{
        flex-wrap: wrap;
    }
    #hemo_skin-tag #video .video-li > li,
    #hemo_ope-video #video .video-li > li{
        width: calc(50% - var(--margin));
    }
}
/*END video 手術動画*/

/*photos 手術動画*/
#hemo_skin-tag #photos{
    margin-bottom: calc(var(--margin) * 10);
}
#hemo_skin-tag #photos .photos-group{
    calc(var(--margin) * 5)
}
#hemo_skin-tag #photos .photos-title-wrap{
    position: relative;
    margin-bottom: 2px;
    border-bottom: dashed 1px var(--main-color);
}
#hemo_skin-tag #photos .photos-title-wrap::before,
#hemo_skin-tag #photos .photos-title-wrap::after{
    position: absolute;
    top: calc(var(--margin) * 2);
    right: calc(var(--margin) * 5);
    content: "";
    width: 20px;
    height: 3px;
    background: var(--main-color);
}
#hemo_skin-tag #photos .photos-title-wrap:after {
    transition: var(--transition);
    transform: rotateZ(-90deg);
}
#hemo_skin-tag #photos .photos-title-wrap.open:after {
    transform: rotateZ(0deg);
}
#hemo_skin-tag #photos .photos-title{
    position: relative;
    padding-left:calc(var(--margin) * 3);
    font-weight: 700;
}
#hemo_skin-tag #photos .photos-title::before{
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
#hemo_skin-tag #photos .photos-lead{
    padding-left:calc(var(--margin) * 2);
    margin-bottom: 1em;
}
#hemo_skin-tag #photos .photos-li-wrap{
    display: none;
    background: var(--sub-color);
    padding: calc(var(--margin) * 5);
}
#hemo_skin-tag #photos .photos-group:not(:last-child) .photos-li-wrap{
    margin-bottom: calc(var(--margin) * 5);
}
#hemo_skin-tag #photos .photos-li{
    gap: calc(var(--margin) * 2) 7.27%;
    flex-wrap: wrap;
}
#hemo_skin-tag #photos .photos-li > li{
    width: calc(25% - 7.27%);
    position: relative;
}
#hemo_skin-tag #photos .photos-li > li:not(:last-of-type)::before{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25.24%;
    margin: auto 0;
    content: "";
    width: 12.87%;
    height: 25.24%;
    background: left top / contain no-repeat url(../img/medical/hemo/hemo_skin-tag/hemo_skin-tag-photos-arrow.webp);
}
#hemo_skin-tag #photos .photos-li > li .txt{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #photos{
        margin-bottom: calc(var(--margin) * 5);
    }
    #hemo_skin-tag #photos .photos-group{
        calc(var(--margin) * 2)
    }
    #hemo_skin-tag #photos .photos-title-wrap::before,
    #hemo_skin-tag #photos .photos-title-wrap::after{
        top: calc(var(--margin) * 1);
        right: calc(var(--margin) * 1);
    }
    #hemo_skin-tag #photos .photos-title{
        margin-bottom: 0.5em;
    }
    #hemo_skin-tag #photos .photos-title::before{
        top: 0.4em;
    }
    #hemo_skin-tag #photos .photos-li{
        gap: calc(var(--margin) * 2) 8%;
    }
    #hemo_skin-tag #photos .photos-li-wrap{
        padding: calc(var(--margin) * 2);
    }
    #hemo_skin-tag #photos .photos-group:not(:last-child) .photos-li-wrap{
        margin-bottom: calc(var(--margin) * 3);
    }
    #hemo_skin-tag #photos .photos-li > li{
        width: calc(50% - 8%);
    }
    #hemo_skin-tag #photos .photos-li > li:not(:last-of-type)::before{
        right: -16%;
    }
}
/*END photos 手術動画*/

/*treatment-flow 治療の流れ*/
#hemo_skin-tag #treatment-flow{
    margin-bottom: calc(var(--margin) * 10);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #hemo_skin-tag #treatment-flow{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END treatment-flow 治療の流れ*/

/*-------------------------
  痔の日帰り手術 /medical/hemo/day-surgery/
-------------------------*/
/*about 当院の日帰り手術*/
#day-surgery #about{
    margin-bottom: calc(var(--margin) * 10);
}
#day-surgery #about .about-li{
    gap: calc(var(--margin) * 2);
}
#day-surgery #about .about-li > li{
    width: calc(50% - var(--margin));
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #day-surgery #about .about-li{
        flex-wrap: wrap;
    }
    #day-surgery #about .about-li > li{
        width: 100%;
    }
}
/*END about 当院の日帰り手術*/

/*result 日帰り手術の実績*/
#day-surgery #result{
    margin-bottom: calc(var(--margin) * 10);
}
#day-surgery #result .result-li{
    gap: calc(var(--margin) * 2);
}
#day-surgery #result .result-li > li{
    width: calc(50% - var(--margin));
}
#day-surgery #result .result-li .txt:not(:last-of-type){
    margin-bottom: 1em;
}
#day-surgery #result .result-li .link{
    gap: 1em;
    margin-top: 2em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #result{
        margin-bottom: calc(var(--margin) * 5);
    }
    #day-surgery #result .result-li{
        flex-wrap: wrap;
    }
    #day-surgery #result .result-li > li{
        width: 100%;
    }
}
/*END result 日帰り手術の実績*/

/*list クランプトレーザー法とは？ 3つの特徴*/
#day-surgery #list{
    margin-bottom: calc(var(--margin) * 10);
}
#day-surgery #list .list-li{
    gap: calc(var(--margin) * 2);
    flex-wrap: wrap;
    align-items: stretch;
}
#day-surgery #list .list-li > li{
    width: calc(50% - var(--margin));
    background: var(--sub-color);
}
#day-surgery #list .txt-box{
    align-items: flex-start;
    padding: calc(var(--margin) * 5) calc(var(--margin) * 4);
    line-height: 1.5;
}
#day-surgery #list .txt-box .benign-li-title{
    margin-bottom: 1em;
    color: var(--main-color);
    font-weight: 500;
}
#day-surgery #list .txt-box .lead{
    margin-bottom: 0.5em;
    font-size: var(--fs-ll);
    font-weight: 500;
}
#day-surgery #list .txt-box .list-list{
    margin-bottom: 1em;
}
#day-surgery #list .txt-box .list-list li{
    padding-left: 1.5em;
    position: relative;
    line-height: 2;
}
#day-surgery #list .txt-box .list-list li::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
#day-surgery #list .txt-box .link{
    margin-top: 2em;
    margin-left: auto;
    gap: 1em;
    color: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #list{
        margin-bottom: calc(var(--margin) * 5);
    }
    #day-surgery #list .list-li{
        flex-wrap: wrap;
    }
    #day-surgery #list .list-li > li{
        width: 100%;
    }
    #day-surgery #list .txt-box{
        padding: calc(var(--margin) * 2);
    }
}
/*END list クランプトレーザー法とは？ 3つの特徴*/

/*questions よくある質問*/
#day-surgery #questions{
    margin-bottom: calc(var(--margin) * 10);
}
#day-surgery #questions .link{
    margin-top: calc(var(--margin) * 3);
}
#day-surgery #questions .link a{
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #questions{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END questions よくある質問*/

/*cost 費用について*/
#day-surgery #cost{
    margin-bottom: calc(var(--margin) * 10);
}
#day-surgery #cost .cost-lead{
    margin-bottom: 1em;
    font-weight: 500;
}
#day-surgery #cost .cost-title{
    margin-bottom: 1em;
    line-height: 1.5;
    color: var(--main-color);
    font-weight: 500;
}
#day-surgery #cost .cost-li{
    align-items: stretch;
    gap: calc(var(--margin) * 2);
    margin-bottom: calc(var(--margin) * 5);
}
#day-surgery #cost .cost-li > li{
    width: calc(50% - var(--margin));
    align-items: flex-start;
}
#day-surgery #cost .cost-li .cost-li-lead{
    margin-bottom: 1em;
    line-height: 1.5;
}
#day-surgery #cost .cost-li .txt-box{
    width: 100%;
    height: 100%;
    flex-grow: 1;
    align-items: flex-start;
}
#day-surgery #cost .cost-li .txt-box .cost-li-title{
    width: 100%;
    padding: 1em;
    background: var(--main-color);
    line-height: 1.5;
    text-align: center;
    font-weight:700;
    color: var(--base-color);
}
#day-surgery #cost .cost-li .txt-box .cost-li-list{
    margin: calc(var(--margin) * 3) calc(var(--margin) * 3) 1em;
    counter-reset: num;
}
#day-surgery #cost .cost-li .txt-box .cost-li-list li{
    counter-increment: num;
    position: relative;
    padding-left: 3em;
    font-size: var(--fs-4l);
    font-weight: 700;
}
#day-surgery #cost .cost-li .txt-box .cost-li-list li::before{
    content: counter(num);
    position: absolute;
    left: 0;
}
#day-surgery #cost .cost-li .txt-box .cost-li-list .mini{
    font-size: var(--fs-m);
    font-weight: normal;
}
#day-surgery #cost .cost-li .txt-box .note{
    margin: 0 calc(var(--margin) * 3) 1em;
}
#day-surgery #cost .cost-li .cost-cost{
    width: 100%;
    margin: auto 0 0;
    padding: 0.5em 0 1em;
    box-sizing: border-box;
    line-height: 1.5;
    text-align: center;
    font-weight:700;
    color: var(--main-color);
    position: relative;
}
#day-surgery #cost .cost-li .cost-cost::before{
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--margin) * 3);
    right: calc(var(--margin) * 3);
    height: 0;
    border-top: solid 1px var(--main-color);
}
#day-surgery #cost .txt{
    font-weight: 500;
}
#day-surgery #cost .txt:not(:last-of-type){
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #cost{
        margin-bottom: calc(var(--margin) * 5);
    }
    #day-surgery #cost .cost-li{
        flex-wrap: wrap;
        margin-bottom: calc(var(--margin) * 2);
    }
    #day-surgery #cost .cost-li > li{
        width: 100%;
    }
    #day-surgery #cost .cost-li .txt-box .cost-li-list li{
        padding-left: 1.5em;
        margin-bottom: 0.5em;
    }
    #day-surgery #cost .cost-li .txt-box .cost-li-list{
        margin: calc(var(--margin) * 2) calc(var(--margin) * 2) 1em;
    }
    #day-surgery #cost .cost-li .txt-box .note{
        margin: 0 calc(var(--margin) * 2) 1em;
    }
    #day-surgery #cost .cost-li .cost-cost::before{
        left: calc(var(--margin) * 2); 
        right: calc(var(--margin) * 2);
    }
}
/*END cost 費用について*/

/*treatment-flow 治療の流れ*/
#day-surgery #treatment-flow{
    margin-bottom: calc(var(--margin) * 10);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #day-surgery #treatment-flow{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END treatment-flow 治療の流れ*/

/*-------------------------
  ジオン注射 /medical/hemo/alta/
-------------------------*/
/*zion 手術不要 — 痛みが少ない内痔核治療「ジオン注射」*/
#alta #zion{
    margin-bottom: calc(var(--margin) * 10);
}
#alta #zion .zion-li > li{
    padding-left: 2em;
    position: relative;
    font-size: var(--fs-4l);
    font-weight: 700;
}
#alta #zion .zion-li > li::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100vmax;
    background: var(--main-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #alta #zion{
        margin-bottom: calc(var(--margin) * 5);
    }
    #alta #zion .zion-li > li{
        line-height: 2;
    }
}
/*END zion 手術不要 — 痛みが少ない内痔核治療「ジオン注射」*/

/*estimated ジオン注射の費用の目安*/
#alta #estimated{
    margin-bottom: calc(var(--margin) * 10);
}
#alta #estimated .estimated-box{
    padding: calc(var(--margin) * 5) 0;
    background: var(--sub-color);
    text-align: center;
}
#alta #estimated .estimated-box-title{
    width: 74.9%;
    margin: 0 auto calc(var(--margin) * 3);
    border-bottom: solid 1px var(--main-color);
    color: var(--main-color);
    font-weight: 500;
}
#alta #estimated .estimated-box .txt{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #alta #estimated{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END estimated ジオン注射の費用の目安*/

/*about ジオン注射とは？*/
#alta #about{
    margin-bottom: calc(var(--margin) * 10);
}
#alta #about .about-lead{
    margin-bottom: 1em;
    font-weight: 500;
}
#alta #about .about-lead .blue{
    color: var(--main-color);
}
#alta #about .about-box{
    padding: calc(var(--margin) * 5);
    background: var(--sub-color);
}
#alta #about .about-li{
    align-items: stretch;
    margin-bottom: calc(var(--margin) * 4);
}
#alta #about .about-li > li{
    width: 27.92%;
    position: relative;
}
#alta #about .about-li > li:not(:last-of-type)::after{
    position: absolute;
    top: 22%;
    right: -18.7%;
    content: "";
    width: 8.93%;
    height: 10.83%;
    background: left top / contain no-repeat url(../img/medical/hemo/alta/alta-about-arrow.webp);
}
#alta #about .about-li .about-li-title{
    margin: 1em 0;
    line-height: 1.5;
    color: var(--main-color);
    font-weight: 700;
}
#alta #about .about-li .txt{
    font-weight: 500;
}
#alta #about .about-li .txt.mini{
    line-height: 1.4;
    font-size: var(--fs-xxxs);
}
#alta #about .injection{
    border-top: solid 1px var(--main-color);
    padding-top: calc(var(--margin) * 4);
}
#alta #about .injection-li{
    margin-bottom: calc(var(--margin) * 3);
}
#alta #about .injection-li > li{
    align-items:center;
}
#alta #about .injection-li .img{
    width: 36%;
}
#alta #about .injection-li .txt-box{
    width: 57.92%;
}
#alta #about .injection .injection-li-title{
    color: var(--main-color);
}
#alta #about .injection h4{
    font-weight: 500;
}
#alta #about .injection .txt{
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #alta #about{
        margin-bottom: calc(var(--margin) * 5);
    }
    #alta #about .about-box{
        padding: calc(var(--margin) * 2);
    }
    #alta #about .about-li{
        flex-wrap: wrap;
        gap:calc(var(--margin) * 2);
        margin-bottom: calc(var(--margin) * 2);
    }
    #alta #about .about-li > li{
        width: 100%;
    }
    #alta #about .injection{
        padding-top: calc(var(--margin) * 2);
    }
    #alta #about .injection-li{
        margin-bottom: calc(var(--margin) * 2);
    }
    #alta #about .injection-li > li{
        gap: calc(var(--margin) * 2);
    }
    #alta #about .injection-li .img,
    #alta #about .injection-li .txt-box{
        width: 100%;
    }
    #alta #about .injection-li .txt-box{
        padding: 0;
    }
    #alta #about .injection .injection-li-title{
        margin-bottom: 0.5em;
    }
}
/*END estimated ジオン注射とは？*/

/*merit-demerit ジオン注射のメリット&デメリット*/
#alta #merit-demerit{
    margin-bottom: calc(var(--margin) * 10);
}
#alta #merit-demerit .num-list-2cell-li > li:first-child{
    background: var(--sub-color);
}
#alta #merit-demerit .num-list-2cell-li > li:nth-child(2){
    background: #F5F5F5;
    color: var(--txt-color-color);
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #alta #merit-demerit{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END merit-demerit ジオン注射のメリット&デメリット*/

/*-------------------------
  ジオン注射 /medical/hemo/types-of-hemo/
-------------------------*/
/*hemorrhoid いぼ痔（痔核）*/
#types-of-hemo #types{
    margin-bottom: calc(var(--margin) * 10);
}
#types-of-hemo #types .types-li{
    margin-bottom: calc(var(--margin) * 10);
}
#types-of-hemo #types .types-li > li:first-child{
    width: 45.25%;
}
#types-of-hemo #types .types-li > li:nth-child(2){
    width: 50%;
}
#types-of-hemo #types .threemajor{
    margin-bottom: calc(var(--margin) * 10);
}
#types-of-hemo #types .threemajor-title{
    margin-bottom: calc(var(--margin) * 5);
    color: var(--main-color);
    font-size: var(--fs-7l);
    font-weight: 500;
}
#types-of-hemo #types .threemajor-li > li:not(:last-of-type){
    margin-bottom: calc(var(--margin) * 5);
}
#types-of-hemo #types .threemajor-li .btn{
    width: 25%;
    gap: 1em;
    color: var(--main-color);
    font-size: var(--fs-3l);
    font-weight: 500;
}
#types-of-hemo #types .threemajor-li .txt-box{
    font-size: var(--fs-m);
}
.types-sub-title{
    text-align: center;
    line-height: 1.5;
    color: var(--main-color);
    font-size: var(--fs-3l);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #types-of-hemo #types{
        margin-bottom: calc(var(--margin) * 5);
    }
    #types-of-hemo #types .types-li{
        flex-wrap: wrap;
        gap: calc(var(--margin) * 2);
        margin-bottom: calc(var(--margin) * 5);
    }
    #types-of-hemo #types .types-li > li:first-child,
    #types-of-hemo #types .types-li > li:nth-child(2){
        width: 100%;
    }
    #types-of-hemo #types .threemajor-title{
            margin-bottom: calc(var(--margin) * 2);
    }
    #types-of-hemo #types .threemajor-li > li a{
        flex-wrap: wrap;
        gap: var(--margin);
    }
    #types-of-hemo #types .threemajor-li .btn,
    #types-of-hemo #types .threemajor-li .txt-box{
        width: 100%;
    }
}
/*END hemorrhoid いぼ痔（痔核）*/

/*hemorrhoid いぼ痔（痔核）*//*fissures きれ痔（裂肛）*//*fistula きれ痔（裂肛）*/
#types-of-hemo #hemorrhoid,
#types-of-hemo #fissures,
#types-of-hemo #fistula{
    margin-bottom: calc(var(--margin) * 10);
}
#types-of-hemo #hemorrhoid .lead,
#types-of-hemo #fissures .lead,
#types-of-hemo #fistula .lead{
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    #types-of-hemo #hemorrhoid,
    #types-of-hemo #fissures,
    #types-of-hemo #fistula{
        margin-bottom: calc(var(--margin) * 5);
    }
}
/*END hemorrhoid いぼ痔（痔核）*//*END fissures きれ痔（裂肛）*//*END fistula きれ痔（裂肛）*/

/*hemo-types 分類*/
.hemo-types{
    margin-bottom: calc(var(--margin) * 10);
}
.hemo-types .lead{
    margin-bottom: 1em;
}
.hemo-types .hemo-types-li{
    flex-wrap: wrap;
    gap: calc(var(--margin) * 2);
    align-items: stretch;
}
.hemo-types .hemo-types-li > li{
    width: calc(50% - var(--margin));
}
.hemo-types .hemo-types-li > li a{
    height: 100%;
}
.hemo-types .hemo-types-li .txt-box{
    width: 100%;
    padding: calc(var(--margin) * 3) calc(var(--margin) * 2) calc(var(--margin) * 2);
    align-items: flex-start;
    flex-grow: 1;
}
.hemo-types .hemo-types-li .hemo-types-li-title{
    margin-bottom: 0.5em;
    line-height: 1.5;
    color: var(--main-color);
    font-size: var(--fs-6l);
    font-weight: 500;
}
.hemo-types .hemo-types-li .txt{
    margin-bottom: 1em;
    line-height: 1.4;
    font-weight: 500;
}
.hemo-types .hemo-types-li .link{
    margin-top: auto;
    margin-left: auto;
    gap: 1em;
    color: var(--main-color);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
    .hemo-types{
        margin-bottom: calc(var(--margin) * 5);
    }
    .hemo-types .hemo-types-li > li{
        width: 100%;
    }
    .hemo-types .hemo-types-li .txt-box{
        padding: calc(var(--margin) * 2);
    }
}
/*END hemo-types 分類*/

/*aftercare 数字で見る手術実績*/
.surgical-results .section-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .surgical-results .section-title br {
    display: block;
  }
}
.surgical-results .section-title small {
  font-size: 0.5em;
}
.surgical-results__section {
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__section {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__section {
    margin-bottom: 11.25vw;
  }
}
.surgical-results__year--img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__year--img {
    margin-bottom: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__year--img {
    margin-bottom: 12.5vw;
  }
}
.surgical-results__gender--flex {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__gender--flex {
    gap: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__gender--flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__gender--flex {
    gap: 10vw;
  }
}
.surgical-results__gender--flex img {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 767px) {
  .surgical-results__gender--flex img {
    width: 100%;
  }
}
.surgical-results__after--img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__after--img {
    margin-bottom: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__after--img {
    margin-bottom: 6.25vw;
  }
}
.surgical-results__after p {
  text-align: end;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .surgical-results__after p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__after p {
    font-size: 3.5vw;
  }
}
.surgical-results__prefectures--img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__prefectures--img {
    margin-bottom: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__prefectures--img {
    margin-bottom: 12.5vw;
  }
}
.surgical-results__anchor--flex {
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
  border-radius: 20px;
  padding-block: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 58px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__anchor--flex {
    padding-block: 3.65vw;
    gap: 4.75vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__anchor--flex {
    flex-direction: column;
    border-radius: 5vw;
    padding-block: 5vw;
    gap: 5vw;
  }
}
.surgical-results__anchor--flex a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__anchor--flex a {
    gap: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__anchor--flex a {
    gap: 5vw;
  }
}
.surgical-results__anchor--flex a p {
  font-size: 15px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .surgical-results__anchor--flex a p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__anchor--flex a p {
    font-size: 3.75vw;
  }
}
.surgical-results__anchor--flex a img {
  width: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__anchor--flex a img {
    width: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__anchor--flex a img {
    width: 12.5vw;
  }
}
.surgical-results__clinic--flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex {
    margin-bottom: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex {
    flex-direction: column;
    align-items: center;
    margin-bottom: 12.5vw;
    gap: 5vw;
  }
}
.surgical-results__clinic--flex .left {
  width: 49%;
  border-radius: 20px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  padding: 27px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left {
    padding: 2.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left {
    width: 100%;
    border-radius: 5vw;
    padding: 6.75vw;
  }
}
.surgical-results__clinic--flex .left h3 {
  font-size: 18px;
  color: var(--main-color);
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left h3 {
    font-size: 1.5vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left h3 {
    font-size: 4.5vw;
    margin-bottom: 3.75vw;
  }
}
.surgical-results__clinic--flex .left .add {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.35;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .add {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .add {
    font-size: 3vw;
    margin-bottom: 1.25vw;
  }
}
.surgical-results__clinic--flex .left .tel {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  text-decoration: underline;
  margin-bottom: 13px;
  pointer-events: auto;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .tel {
    font-size: 1.175vw;
    margin-bottom: 1.125vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .tel {
    gap: 1.25vw;
    font-size: 3.5vw;
    margin-bottom: 3.25vw;
  }
}
.surgical-results__clinic--flex .left .tel::before {
  width: 14px;
  height: 18px;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/common/icon-tell.svg);
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .tel::before {
    width: 1.175vw;
    height: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .tel::before {
    width: 3.5vw;
    height: 4.5vw;
  }
}
.surgical-results__clinic--flex .left .genre {
  display: block;
  font-size: 12px;
  padding-block: 8px;
  border-top: solid 1px #EDEDED;
  border-bottom: solid 1px #EDEDED;
  margin-bottom: 19px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .genre {
    font-size: 1vw;
    padding-block: 0.7vw;
    margin-bottom: 1.55vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .genre {
    font-size: 3vw;
    padding-block: 2vw;
    margin-bottom: 4.75vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .genre br {
    display: none;
  }
}
.surgical-results__clinic--flex .left .genre span {
  display: none;
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .genre span {
    display: inline;
  }
}
.surgical-results__clinic--flex .left .time {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  color: var(--main-color);
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .time {
    gap: 1.25vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .time {
    gap: 3.75vw;
    font-size: 4.5vw;
  }
}
.surgical-results__clinic--flex .left .time span {
  font-size: 12px;
  padding: 0 12px;
  background-color: var(--main-color);
  color: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .time span {
    font-size: 1vw;
    padding: 0 1vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .time span {
    font-size: 3vw;
    padding: 0 3vw;
    border-radius: 1.25vw;
  }
}
.surgical-results__clinic--flex .left .attention {
  margin-top: 3px;
  font-size: 13px;
  color: var(--main-color);
  line-height: 1.35;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--flex .left .attention {
    font-size: 1.075vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .left .attention {
    margin-bottom: 0.75vw;
    font-size: 3.25vw;
  }
}
.surgical-results__clinic--flex .right {
  width: 49%;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .right {
    width: 100%;
    border-radius: 5vw;
  }
}
.surgical-results__clinic--flex .right iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--flex .right iframe {
    border-radius: 5vw;
    height: 86.25vw;
  }
}
.surgical-results__clinic--access h3 {
  font-size: 24px;
  text-align: center;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--access h3 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--access h3 {
    font-size: 6vw;
  }
}
.surgical-results__clinic--access img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .surgical-results__clinic--access img {
    margin-bottom: 4.25vw;
  }
}
@media screen and (max-width: 767px) {
  .surgical-results__clinic--access img {
    margin-bottom: 12.5vw;
  }
}
.surgical-results__clinic--access img.last {
  margin-bottom: 0;
}/*# sourceMappingURL=surgical-results.css.map */
/*END aftercare 数字で見る手術実績*/

/*aftercare いぼ痔の手術*/
.hemorrhoid .section-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .hemorrhoid .section-title br {
    display: block;
  }
}
.hemorrhoid .section-title small {
  font-size: 0.5em;
}
.hemorrhoid__intro--ttl {
  font-size: 28px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__intro--ttl {
    font-size: 2.3333333333vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__intro--ttl {
    font-size: 7vw;
    margin-bottom: 7.5vw;
  }
}
.hemorrhoid__intro--sub {
  font-size: 18px;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__intro--sub {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__intro--sub {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.hemorrhoid__intro--lead {
  font-size: 15px;
  margin-bottom: 40px;
  color: var(--txt-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__intro--lead {
    font-size: 1.25vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__intro--lead {
    font-size: 3.75vw;
    margin-bottom: 10vw;
  }
}
.hemorrhoid__intro--lead span {
  color: var(--main-color);
}
.hemorrhoid__intro--btn {
  padding-right: 70px;
  display: inline-block;
  position: relative;
  color: var(--main-color);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__intro--btn {
    padding-right: 5.8333333333vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__intro--btn {
    padding-right: 17.5vw;
    font-size: 3.75vw;
  }
}
.hemorrhoid__intro--btn::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #004f9c url("../img/common/icon-arrow-wh-right.svg") no-repeat center center/14px 14px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__intro--btn::after {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__intro--btn::after {
    width: 12.5vw;
    height: 12.5vw;
  }
}
.hemorrhoid__laser--ttl {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__laser--ttl {
    font-size: 2.3333333333vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__laser--ttl {
    font-size: 7vw;
    margin-bottom: 5vw;
  }
}
.hemorrhoid__laser--list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__laser--list ul {
    gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__laser--list ul {
    gap: 2.5vw;
  }
}
.hemorrhoid__laser--list ul li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__laser--list ul li {
    padding-left: 2.0833333333vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__laser--list ul li {
    padding-left: 6.25vw;
    font-size: 4.5vw;
  }
}
.hemorrhoid__laser--list ul li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  content: "";
  display: block;
  background-color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__laser--list ul li::before {
    width: 1.25vw;
    height: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__laser--list ul li::before {
    width: 3.75vw;
    height: 3.75vw;
    bottom: unset;
    top: 1.5vw;
  }
}
.hemorrhoid__features {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__features--flex {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .hemorrhoid__features--flex {
    flex-direction: column;
    gap: 5vw;
  }
}
.hemorrhoid__features--flex .left {
  width: 49%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .hemorrhoid__features--flex .left {
    width: 100%;
  }
}
.hemorrhoid__features--flex .right {
  padding: 30px;
  width: 51%;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__features--flex .right {
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__features--flex .right {
    padding: 0;
    width: 100%;
  }
}
.hemorrhoid__features--flex .right h4 {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__features--flex .right h4 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__features--flex .right h4 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.hemorrhoid__features--flex .right p {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__features--flex .right p {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__features--flex .right p {
    font-size: 3.5vw;
  }
}
.hemorrhoid__merit {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__merit--flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex {
    flex-direction: column;
    gap: 5vw;
  }
}
.hemorrhoid__merit--flex .card {
  width: 49%;
  border-radius: 20px;
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__merit--flex .card {
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex .card {
    width: 100%;
    border-radius: 5vw;
  }
}
.hemorrhoid__merit--flex .card img {
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__merit--flex .card img {
    border-radius: 1.6666666667vw 1.6666666667vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex .card img {
    border-radius: 5vw 5vw 0 0;
  }
}
.hemorrhoid__merit--flex .card__content {
  padding: 30px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__merit--flex .card__content {
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex .card__content {
    padding: 7.5vw;
  }
}
.hemorrhoid__merit--flex .card__content h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__merit--flex .card__content h3 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex .card__content h3 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.hemorrhoid__merit--flex .card__content p {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__merit--flex .card__content p {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__merit--flex .card__content p {
    font-size: 3.5vw;
  }
}
.hemorrhoid__flow {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__flow--flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__flow--flex {
    gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__flow--flex {
    flex-direction: column;
    gap: 2.5vw;
  }
}
.hemorrhoid__flow--flex .arrow {
  width: 29px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__flow--flex .arrow {
    width: 2.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__flow--flex .arrow {
    width: 7.25vw;
    transform: rotate(90deg);
  }
}
.hemorrhoid__flow--flex .card {
  width: calc((100% - 58px - 40px) / 3);
  box-shadow: 0 3 20px rgba(0, 43, 85, 0.08);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__flow--flex .card {
    width: calc((100% - 4.8333333333vw - 3.3333333333vw) / 3);
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__flow--flex .card {
    width: 100%;
  }
}
.hemorrhoid__think {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__think--content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hemorrhoid__think--content .inner {
  max-width: 930px;
  margin-inline: auto;
  padding-inline: 15px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__think--content .inner {
    max-width: unset;
    width: 77.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__think--content .inner {
    width: 100%;
    padding-left: 3.75vw;
  }
}
.hemorrhoid__think--content .inner h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding-bottom: 10px;
  border-bottom: solid 1px var(--main-color);
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__think--content .inner h3 {
    gap: 4.1666666667vw;
    padding-bottom: 0.8333333333vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__think--content .inner h3 {
    gap: 12.5vw;
    padding-bottom: 2.5vw;
    margin-bottom: 7.5vw;
  }
}
.hemorrhoid__think--content .inner h3 .left {
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__think--content .inner h3 .left {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__think--content .inner h3 .left {
    font-size: 6vw;
  }
}
.hemorrhoid__think--content .inner h3 .right {
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__think--content .inner h3 .right {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__think--content .inner h3 .right {
    font-size: 6vw;
  }
}
.hemorrhoid__think--content .inner h3 .right small {
  font-size: 0.75em;
}
.hemorrhoid__think--content .inner p {
  font-size: 15px;
  color: var(--txt-color);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__think--content .inner p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__think--content .inner p {
    font-size: 3.75vw;
  }
}
.hemorrhoid__think--content .inner p small {
  font-size: 0.8em;
}
.hemorrhoid__difference {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__difference--flex {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__difference--flex {
    gap: 2.9166666667vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__difference--flex {
    flex-direction: column;
    gap: 7.5vw;
    margin-bottom: 7.5vw;
  }
}
.hemorrhoid__difference--flex .card {
  width: calc((100% - 29px - 70px) / 2);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__difference--flex .card {
    width: calc((100% - 2.4166666667vw - 5.8333333333vw) / 2);
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__difference--flex .card {
    width: 100%;
  }
}
.hemorrhoid__difference--flex .arrow {
  width: 29px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__difference--flex .arrow {
    width: 2.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__difference--flex .arrow {
    width: 7.25vw;
    transform: rotate(90deg);
  }
}
.hemorrhoid__difference .notice {
  color: var(--txt-color);
}
.hemorrhoid__difference .notice p {
  font-size: 15px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__difference .notice p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__difference .notice p {
    font-size: 3.75vw;
  }
}
.hemorrhoid__difference .notice p small {
  font-size: 0.8em;
}
.hemorrhoid__video--flex {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__video--flex {
    gap: 0.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__video--flex {
    flex-direction: column;
    gap: 2.5vw;
  }
}
.hemorrhoid__video--flex li {
  width: calc((100% - 16px) / 3);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__video--flex li {
    width: calc((100% - 1.3333333333vw) / 3);
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__video--flex li {
    width: 100%;
  }
}
.hemorrhoid__data {
  margin-bottom: calc(var(--margin) * 10);
}
.hemorrhoid__data--lead {
  font-size: 14px;
  margin-bottom: 30px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__data--lead {
    font-size: 1.1666666667vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__data--lead {
    font-size: 3.5vw;
    margin-bottom: 7.5vw;
  }
}
.hemorrhoid__data--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__data--flex {
    gap: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__data--flex {
    flex-direction: column;
    gap: 7.5vw;
  }
}
.hemorrhoid__data--flex .graph01 {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .hemorrhoid__data--flex .graph01 {
    width: 100%;
  }
}
.hemorrhoid__data--flex .graph02 {
  width: calc(100% - 30px - 25%);
}
@media screen and (max-width: 1200px) {
  .hemorrhoid__data--flex .graph02 {
    width: calc(100% - 2.5vw - 25%);
  }
}
@media screen and (max-width: 767px) {
  .hemorrhoid__data--flex .graph02 {
    width: 100%;
  }
}
.hemorrhoid__data--flex .graph03 {
  width: 100%;
}/*# sourceMappingURL=surgical-results.css.map */
/*END aftercare いぼ痔の手術*/

/*aftercare 痔ろうの手術*/
.fistula__intro {
  margin-bottom: calc(var(--margin) * 10);
}
.fistula__intro--block {
  display: flex;
  align-items: center;
  gap: 66px;
  padding: 13px 20px 16px 20px;
  border-radius: 40px;
  background-color: #F5F8FA;
}
@media screen and (max-width: 1200px) {
  .fistula__intro--block {
    gap: 5.5vw;
    padding: 1.0833333333vw 1.6666666667vw 1.3333333333vw 1.6666666667vw;
    border-radius: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__intro--block {
    flex-direction: column;
    align-items: flex-start;
    gap: 7.5vw;
    padding: 5vw;
    border-radius: 5vw;
  }
}
.fistula__intro--block img {
  display: block;
  width: 341px;
}
@media screen and (max-width: 1200px) {
  .fistula__intro--block img {
    width: 28.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__intro--block img {
    width: 100%;
  }
}
.fistula__intro--block p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .fistula__intro--block p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__intro--block p {
    font-size: 3.75vw;
  }
}
.fistula__how {
  margin-bottom: calc(var(--margin) * 10);
}
.fistula__how--lead {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .fistula__how--lead {
    font-size: 1.1666666667vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how--lead {
    font-size: 3.5vw;
    margin-bottom: 7.5vw;
  }
}
.fistula__how h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fistula__how h3 {
    font-size: 2vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how h3 {
    font-size: 6vw;
    margin-bottom: 5vw;
  }
}
.fistula__how--flex {
  display: flex;
  align-items: stretch;
  gap: 21px;
}
@media screen and (max-width: 1200px) {
  .fistula__how--flex {
    gap: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 5vw;
  }
}
.fistula__how--flex .block {
  width: calc((100% - 21px) / 2);
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 1200px) {
  .fistula__how--flex .block {
    width: calc((100% - 1.75vw) / 2);
    border-radius: 1.6666666667vw;
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how--flex .block {
    width: 100%;
    border-radius: 5vw;
    padding: 7.5vw;
  }
}
.fistula__how--flex .block h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fistula__how--flex .block h4 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how--flex .block h4 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.fistula__how--flex .block p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .fistula__how--flex .block p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__how--flex .block p {
    font-size: 3.75vw;
  }
}
.fistula__genre {
  margin-bottom: calc(var(--margin) * 10);
}
.fistula__genre--flex {
  display: flex;
  align-items: stretch;
  gap: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .fistula__genre--flex {
    gap: 1.6666666667vw;
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__genre--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 5vw;
    margin-bottom: 12.5vw;
  }
}
.fistula__genre--flex .block {
  width: calc((100% - 40px) / 3);
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 1200px) {
  .fistula__genre--flex .block {
    width: calc((100% - 3.3333333333vw) / 3);
    border-radius: 1.6666666667vw;
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__genre--flex .block {
    width: 100%;
    border-radius: 5vw;
    padding: 7.5vw;
  }
}
.fistula__genre--flex .block h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fistula__genre--flex .block h4 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__genre--flex .block h4 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.fistula__genre--flex .block p {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .fistula__genre--flex .block p {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__genre--flex .block p {
    font-size: 3.5vw;
  }
}
.fistula__genre figure {
  display: block;
}
@media screen and (max-width: 767px) {
  .fistula__genre figure {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.fistula__genre figure img {
  display: block;
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fistula__genre figure img {
    width: 170vw;
    height: auto;
  }
}
.fistula__double {
  margin-bottom: calc(var(--margin) * 10);
}
.fistula__double--lead {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  .fistula__double--lead {
    font-size: 1.1666666667vw;
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--lead {
    font-size: 3.5vw;
    margin-bottom: 6.25vw;
  }
}
.fistula__double--flex {
  display: flex;
  align-items: stretch;
  gap: 21px;
}
@media screen and (max-width: 1200px) {
  .fistula__double--flex {
    gap: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 5.25vw;
  }
}
.fistula__double--flex .block {
  width: calc((100% - 21px) / 2);
  border-radius: 20px;
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
}
@media screen and (max-width: 1200px) {
  .fistula__double--flex .block {
    width: calc((100% - 1.75vw) / 2);
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--flex .block {
    width: 100%;
    border-radius: 5vw;
  }
}
.fistula__double--flex .block img {
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1200px) {
  .fistula__double--flex .block img {
    border-radius: 1.6666666667vw 1.6666666667vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--flex .block img {
    border-radius: 5vw 5vw 0 0;
  }
}
.fistula__double--flex .block__content {
  padding: 30px;
}
@media screen and (max-width: 1200px) {
  .fistula__double--flex .block__content {
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--flex .block__content {
    padding: 7.5vw;
  }
}
.fistula__double--flex .block__content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .fistula__double--flex .block__content p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fistula__double--flex .block__content p {
    font-size: 3.75vw;
  }
}
/*END aftercare 痔ろうの手術*/

/*aftercare スキンタグページ*/
.skinTag__intro {
  margin-bottom: calc(var(--margin) * 10);
}
.skinTag__intro--block {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 20px;
  border-radius: 20px;
  background-color: #F5F8FA;
}
@media screen and (max-width: 1200px) {
  .skinTag__intro--block {
    gap: 3.3333333333vw;
    padding: 1.6666666667vw;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__intro--block {
    flex-direction: column;
    align-items: flex-start;
    gap: 7.5vw;
    padding: 5vw;
    border-radius: 5vw;
  }
}
.skinTag__intro--block img {
  display: block;
  width: 366px;
}
@media screen and (max-width: 1200px) {
  .skinTag__intro--block img {
    width: 30.5vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__intro--block img {
    width: 100%;
  }
}
.skinTag__intro--block .right h3 {
  font-size: 28px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .skinTag__intro--block .right h3 {
    font-size: 2.3333333333vw;
    margin-bottom: 2.5vw;
  }
}
.skinTag__intro--block .right p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .skinTag__intro--block .right p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__intro--block .right p {
    font-size: 3.75vw;
  }
}
.skinTag__genre {
  margin-bottom: calc(var(--margin) * 10);
}
.skinTag__genre--lead {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .skinTag__genre--lead {
    font-size: 1.25vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__genre--lead {
    font-size: 3.75vw;
    margin-bottom: 7.5vw;
  }
}
.skinTag__genre--table tr {
  display: flex;
  align-items: stretch;
  border-right: solid 1px #EDEDED;
  border-left: solid 1px #EDEDED;
  border-top: solid 1px #EDEDED;
}
.skinTag__genre--table tr:last-of-type {
  border-bottom: solid 1px #EDEDED;
}
@media screen and (max-width: 767px) {
  .skinTag__genre--table tr {
    flex-direction: column;
    align-items: flex-start;
  }
}
.skinTag__genre--table tr th {
  display: flex;
  align-items: center;
  padding: 30px;
  width: 33%;
  border-right: solid 1px #EDEDED;
  background-color: #F5F8FA;
  font-size: 15px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .skinTag__genre--table tr th {
    padding: 2.5vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__genre--table tr th {
    width: 100%;
    padding: 7.5vw;
    font-size: 3.75vw;
  }
}
.skinTag__genre--table tr td {
  width: 67%;
  padding: 30px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  .skinTag__genre--table tr td {
    padding: 2.5vw;
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__genre--table tr td {
    width: 100%;
    padding: 7.5vw;
    font-size: 3.5vw;
  }
}
.skinTag__laser {
  margin-bottom: 95px;
}
@media screen and (max-width: 1200px) {
  .skinTag__laser {
    margin-bottom: 7.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__laser {
    margin-bottom: 15vw;
  }
}
.skinTag__laser--flex {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 1200px) {
  .skinTag__laser--flex {
    gap: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__laser--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 7.5vw;
  }
}
.skinTag__laser--flex img {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .skinTag__laser--flex img {
    width: 100%;
  }
}
.skinTag__laser--flex p {
  width: calc(100% - 60px - 45%);
  font-size: 15px;
  line-height: 1.55;
}
@media screen and (max-width: 1200px) {
  .skinTag__laser--flex p {
    width: calc(100% - 5vw - 45%);
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__laser--flex p {
    width: 100%;
    font-size: 3.75vw;
  }
}
.skinTag__laser--flex p span {
  color: var(--main-color);
}
.skinTag#hemo_skin-tag #photos .photos-lead {
  line-height: 1.5;
}
.skinTag#hemo_skin-tag #photos .photos-li.start > li:not(:last-of-type)::before {
  top: 120px;
  bottom: unset;
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .photos-li.start > li:not(:last-of-type)::before {
    top: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .photos-li.start > li:not(:last-of-type)::before {
    top: 18vw;
  }
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .photos-title {
    padding-right: calc(var(--margin) * 2);
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .photos-title {
    padding-right: 11vw;
  }
}
.skinTag#hemo_skin-tag #photos .flex-start.start {
  align-items: flex-start;
}
.skinTag#hemo_skin-tag #photos .flex-start.start .sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .flex-start.start .sub {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .flex-start.start .sub {
    font-size: 3.5vw;
  }
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other {
  padding: 0;
  background: none;
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex {
    gap: 1.6666666667vw 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex {
    flex-direction: column;
    gap: 7.5vw;
  }
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li {
  position: relative;
  width: calc((100% - 32px) / 2);
  padding: calc(var(--margin) * 5);
  background: var(--sub-color);
  gap: 26px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li {
    width: calc((100% - 2.6666666667vw) / 2);
    gap: 2.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li {
    width: 100%;
    gap: 6.5vw;
  }
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li .other-flex-text {
  position: absolute;
  top: 10px;
  left: 48px;
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li .other-flex-text {
    top: 0.8333333333vw;
    left: 4vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li .other-flex-text {
    top: 2.5vw;
    left: 12vw;
    font-size: 4vw;
  }
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li li {
  width: 44.73%;
}
.skinTag#hemo_skin-tag #photos .photos-li-wrap.other .other-flex .photos-li li::before {
  width: 10.897%;
  height: 15.24%;
  right: -17.24%;
}
.skinTag__price {
  margin-bottom: calc(var(--margin) * 10);
}
.skinTag__price--flex {
  display: flex;
  gap: 21px;
}
@media screen and (max-width: 1200px) {
  .skinTag__price--flex {
    gap: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__price--flex {
    flex-direction: column;
    gap: 5vw;
  }
}
.skinTag__price--flex .block {
  width: calc((100% - 21px) / 2);
  border-radius: 20px;
  padding: 30px;
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
}
@media screen and (max-width: 1200px) {
  .skinTag__price--flex .block {
    width: calc((100% - 1.75vw) / 2);
    border-radius: 1.6666666667vw;
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__price--flex .block {
    width: 100%;
    border-radius: 5vw;
    padding: 7.5vw;
  }
}
.skinTag__price--flex .block h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .skinTag__price--flex .block h3 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__price--flex .block h3 {
    font-size: 6vw;
  }
}
.skinTag__price--flex .block p {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .skinTag__price--flex .block p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .skinTag__price--flex .block p {
    font-size: 6vw;
  }
}/*# sourceMappingURL=surgical-results.css.map */
/*END aftercare スキンタグページ*/


/*aftercare 肛門の解剖と痔の関係*/
.anatomy {
  background-color: #F5F8FA;
  position: relative;
  z-index: 1;
}
.anatomy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
  background-color: #fff;
  clip-path: polygon(0 0, 64% 0, 0 60%);
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .anatomy::before {
    height: 58.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy::before {
    height: 175vw;
  }
}
.anatomy__intro {
  margin-bottom: calc(var(--margin) * 10);
}
.anatomy__intro--flex {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media screen and (max-width: 1200px) {
  .anatomy__intro--flex {
    gap: 8.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__intro--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10vw;
  }
}
.anatomy__intro--flex img {
  width: 41%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .anatomy__intro--flex img {
    width: 100%;
  }
}
.anatomy__intro--flex p {
  width: calc(100% - 100px - 41%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .anatomy__intro--flex p {
    width: calc(100% - 8.3333333333vw - 41%);
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__intro--flex p {
    width: 100%;
    font-size: 3.5vw;
  }
}
.anatomy__temp {
  margin-bottom: calc(var(--margin) * 10);
}
.anatomy__temp--card {
  border-radius: 20px;
  box-shadow: 0 3px 20px rgba(0, 43, 85, 0.08);
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .anatomy__temp--card {
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__temp--card {
    border-radius: 5vw;
  }
}
.anatomy__temp--card .content {
  padding: 30px 50px 30px 30px;
}
@media screen and (max-width: 1200px) {
  .anatomy__temp--card .content {
    padding: 2.5vw 4.1666666667vw 2.5vw 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__temp--card .content {
    padding: 5vw;
  }
}
.anatomy__temp--card .content p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .anatomy__temp--card .content p {
    font-size: 1.25vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__temp--card .content p {
    font-size: 3.75vw;
    margin-bottom: 7.5vw;
  }
}
.anatomy__temp--card .content a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  gap: 20px;
  font-size: 15px;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .anatomy__temp--card .content a {
    gap: 1.6666666667vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__temp--card .content a {
    gap: 5vw;
    font-size: 3.75vw;
  }
}
.anatomy__temp--card .content a::after {
  width: 36px;
  height: 36px;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/common/icon-maru-nv-right.svg);
}
@media screen and (max-width: 1200px) {
  .anatomy__temp--card .content a::after {
    width: 3vw;
    height: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .anatomy__temp--card .content a::after {
    width: 9vw;
    height: 9vw;
  }
}
.anatomy__graph figure {
  display: block;
}
@media screen and (max-width: 767px) {
  .anatomy__graph figure {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.anatomy__graph figure img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .anatomy__graph figure img {
    width: 175vw !important;
    max-width: none !important;
    height: auto;
  }
}/*# sourceMappingURL=surgical-results.css.map */
/*END aftercare 肛門の解剖と痔の関係*/

/*aftercare きれ痔*/
.fissure__intro {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__intro--ttl {
  font-size: 28px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .fissure__intro--ttl {
    font-size: 2.3333333333vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__intro--ttl {
    font-size: 7vw;
    margin-bottom: 7.5vw;
  }
}
.fissure__intro--lead {
  font-size: 15px;
  color: var(--txt-color);
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .fissure__intro--lead {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__intro--lead {
    font-size: 3.75vw;
  }
}
.fissure__symptoms {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__symptoms--list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fissure__symptoms--list {
    gap: 0.8333333333vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__symptoms--list {
    gap: 2.5vw;
    margin-bottom: 5vw;
  }
}
.fissure__symptoms--list li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  font-weight: 700;
  color: var(--txt-color);
}
@media screen and (max-width: 1200px) {
  .fissure__symptoms--list li {
    padding-left: 2.0833333333vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__symptoms--list li {
    padding-left: 6.25vw;
    font-size: 4.5vw;
  }
}
.fissure__symptoms--list li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: var(--main-color);
  content: "";
  display: block;
}
@media screen and (max-width: 1200px) {
  .fissure__symptoms--list li::before {
    width: 1.25vw;
    height: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__symptoms--list li::before {
    width: 3.75vw;
    height: 3.75vw;
  }
}
.fissure__symptoms--lead {
  font-size: 15px;
  color: var(--txt-color);
}
@media screen and (max-width: 1200px) {
  .fissure__symptoms--lead {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__symptoms--lead {
    font-size: 3.75vw;
  }
}
.fissure__condition {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__condition--flex {
  display: flex;
  align-items: stretch;
  gap: 21px;
}
@media screen and (max-width: 1200px) {
  .fissure__condition--flex {
    gap: 1.75vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__condition--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 5vw;
  }
}
.fissure__condition--flex .block {
  width: calc((100% - 21px) / 2);
  background-color: #F5F8FA;
  border: solid 1px #EDEDED;
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 1200px) {
  .fissure__condition--flex .block {
    width: calc((100% - 1.75vw) / 2);
    border-radius: 1.6666666667vw;
    padding: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__condition--flex .block {
    width: 100%;
    border-radius: 5vw;
    padding: 7.5vw;
  }
}
.fissure__condition--flex .block h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fissure__condition--flex .block h4 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__condition--flex .block h4 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.fissure__condition--flex .block p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .fissure__condition--flex .block p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__condition--flex .block p {
    font-size: 3.75vw;
  }
}
.fissure__abandoned {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__abandoned--lead {
  font-size: 15px;
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .fissure__abandoned--lead {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__abandoned--lead {
    font-size: 3.75vw;
  }
}
.fissure__pattern {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__pattern--lead {
  font-size: 15px;
  margin-bottom: 30px;
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .fissure__pattern--lead {
    font-size: 1.25vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern--lead {
    font-size: 3.75vw;
    margin-bottom: 7.5vw;
  }
}
.fissure__pattern figure {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .fissure__pattern figure {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern figure {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 7.5vw;
  }
}
.fissure__pattern figure img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fissure__pattern figure img {
    width: 250vw !important;
    max-width: none !important;
    height: auto;
  }
}
.fissure__pattern .notice h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fissure__pattern .notice h3 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern .notice h3 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.fissure__pattern .notice ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .fissure__pattern .notice ul {
    gap: 0.8333333333vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern .notice ul {
    gap: 2.5vw;
    margin-bottom: 7.5vw;
  }
}
.fissure__pattern .notice ul li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 1200px) {
  .fissure__pattern .notice ul li {
    padding-left: 2.0833333333vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern .notice ul li {
    padding-left: 6.25vw;
    font-size: 4.5vw;
  }
}
.fissure__pattern .notice ul li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: var(--main-color);
  content: "";
  display: block;
}
@media screen and (max-width: 1200px) {
  .fissure__pattern .notice ul li::before {
    width: 1.25vw;
    height: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern .notice ul li::before {
    width: 3.75vw;
    height: 3.75vw;
  }
}
.fissure__pattern .notice p {
  font-size: 15px;
  line-height: 1.75;
  color: var(--txt-color);
}
@media screen and (max-width: 1200px) {
  .fissure__pattern .notice p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__pattern .notice p {
    font-size: 3.75vw;
  }
}
.fissure__lvsos {
  margin-bottom: calc(var(--margin) * 10);
}
.fissure__lvsos h3 {
  font-size: 24px;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos h3 {
    font-size: 2vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos h3 {
    font-size: 6vw;
    margin-bottom: 5vw;
  }
}
.fissure__lvsos--lead {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--lead {
    font-size: 1.1666666667vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--lead {
    font-size: 3.5vw;
    margin-bottom: 10vw;
  }
}
.fissure__lvsos--flex {
  display: flex;
  align-items: stretch;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--flex {
    gap: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--flex {
    flex-direction: column;
    gap: 7.5vw;
  }
}
.fissure__lvsos--flex .block {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--flex .block {
    width: calc((100% - 3.3333333333vw) / 2);
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--flex .block {
    width: 100%;
  }
}
.fissure__lvsos--flex .block img {
  border-radius: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--flex .block img {
    border-radius: 1.6666666667vw;
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--flex .block img {
    border-radius: 5vw;
    margin-bottom: 7.5vw;
  }
}
.fissure__lvsos--flex .block h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--flex .block h4 {
    font-size: 1.5vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--flex .block h4 {
    font-size: 4.5vw;
    margin-bottom: 5vw;
  }
}
.fissure__lvsos--flex .block p {
  font-size: 15px;
  line-height: 1.75;
}
@media screen and (max-width: 1200px) {
  .fissure__lvsos--flex .block p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .fissure__lvsos--flex .block p {
    font-size: 3.75vw;
  }
}/*# sourceMappingURL=surgical-results.css.map */
/*END aftercare きれ痔*/