@charset "utf-8";

@media (max-width: 768px){
	
main#sub h1 {
    font-size: 2.5rem;
    margin-bottom: 45px;
    margin: 0;
	padding-top: 3rem;
    padding-bottom: 3rem;
}
	
main#sub section:not([class]) {
    width: 100%;
    padding: 0 2rem;
    margin: 3rem 0;
}
main#sub section:not([class]):not(:last-child) {
    margin-bottom: 60px;
}
main#sub section:not([class]) h2:not(.no-style) {
    font-size: 1.9rem;
    margin: 0rem 0 2.5rem;
}
main#sub section:not([class]) h3:not(.no-style) {
    font-size: 1.8rem;
    margin: 5rem 0 2rem;
}
main#sub section:not([class]) h4:not(.no-style) {
    font-size: 1.6rem;
    margin: 4rem 0 1.8rem;
}
main#sub section:not([class]) h5:not(.no-style) {
    font-size: 1.5rem;
    margin: 3.5rem 0 1.6rem;
}
main#sub section:not([class]) h3:not(.no-style)+img {
    width: 100%;
}
main#sub section:not([class]) p {
    font-size: 1.4rem;
/*	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
.mv {
    height: 20rem;
	margin-top: 5rem;
}
.mv:after {
    height: 30px;
    background-size: 100% 30px;
}
.pankuzu {
    padding: 0px 0 12px 0;
	margin-top: 10px;
	top: 0px;
}
.pankuzu ul {
    width: 100%;
    padding: 0 2.5rem;
}
.pankuzu ul li {
    font-size: 1rem;
}
main#sub section:not([class]) .hosoku {
    width: 100%;
    margin: 5vw auto;
    padding: 6vw;
}
main#sub section:not([class]) ol:not([class]) {
    margin: 3rem 0;
}
main#sub section:not([class]) ol:not([class]) li {
    font-size: 1.3rem;
    padding-left: 5rem;
    line-height: 2.6rem;
}
main#sub section:not([class]) ol:not([class]) li:before {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
}
main#sub section:not([class]) ul:not([class]) {
    margin: 3rem 0;
}
main#sub section:not([class]) ul:not([class]) li {
    font-size: 1.3rem;
}
main#sub section:not([class]) ul:not([class]) li:before {
    top: 1rem;
}
main#sub section:not([class]) ol.flow {
    margin: 4rem 0;
}
main#sub section:not([class]) ol.flow li.has-img {
    padding: 0;
    margin-bottom: 6rem;
}
main#sub section:not([class]) ol.flow strong:first-of-type {
    font-size: 1.4rem;
    padding-left: 4.2rem;
}
main#sub section:not([class]) ol.flow strong:first-of-type:before {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
    top: -0.3rem;
}
main#sub section:not([class]) ol.flow li img {
    width: 100%;
    position: static;
    margin-top: 1.5rem;
    display: block;
}
main#sub section:not([class]) ol.flow li {
    font-size: 1.3rem;
}
	
	
main#sub section:not([class]) ul.ul_flow {
    margin: 4rem 0;
}
main#sub section:not([class]) ul.ul_flow li.has-img {
    padding: 0;
    margin-bottom: 6rem;
}
main#sub section:not([class]) ul.ul_flow strong:first-of-type {
    font-size: 1.4rem;
    padding-left: 4.2rem;
}
main#sub section:not([class]) ul.ul_flow strong:first-of-type:before {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
    top: -0.3rem;
}
main#sub section:not([class]) ul.ul_flow li img {
    width: 100%;
    position: static;
    margin-top: 1.5rem;
    display: block;
}
main#sub section:not([class]) ul.ul_flow li {
    font-size: 1.3rem;
}	
	
main#sub section:not([class]) ul.ul_flow li.has-img {
    padding-right: 0rem;
    margin-bottom: 5rem;
}	
	
main#sub section:not([class]) ul.ul_flow li+li {
    margin-top: 2rem;
}	
main#sub section:not([class]) .dr_box{
/*	display: block;*/
}
	
	main#sub section:not([class]) .dr_box .dr_content > h3{
margin: 20px 0;
	}	
	
	main#sub section:not([class]) .history-row .inner h4{
margin-top: 1rem;		
	}	
	
	main#sub section:not([class]) table.no-style tr{
line-height: 6vw;		
	}
	
	.flex_box{

	}	
	
	.flex_box .fl_c{
	flex-basis: 100%;
	order: 2;	
	}	
	
	.flex_box .fl_i{
	flex-basis: 100%;
	order: 1;
	margin-bottom: 15px;	
	}	
	
	.flex_box .wr_txt{
	flex-basis: 100%;	
	order: 2;		
		
	}	
	.flex_box .wr_img{
		flex-basis: 100%;	
	order: 1;	
text-align: center;	
margin-bottom: 20px;		
	}	
	
	.flex_box .wr_img img{
	width: 50%;	
	}	
	
	main h1:before{
top: 0rem;		
font-size: 7vw;		
	}	
	
main#sub h1{
	margin-top: 6rem;	
	}	
	
/*main#sub section:not([class]) table:not(.no-style) {
    margin: 3rem 0;
}
main#sub section:not([class]) table:not(.no-style) th {
    font-size: 1.3rem;
    width: 30%;
}
main#sub section:not([class]) table:not(.no-style) td {
    font-size: 1.3rem;
    width: 30%;
}
main#sub section:not([class]) table.sp-break {
    border-bottom: solid 1px;
    display: block;
}
main#sub section:not([class]) table:not(.no-style).sp-break th {
    text-align: center;
    border-bottom: none;
    padding: 0.5em 1em;
}
main#sub section:not([class]) table:not(.no-style).sp-break td {
    border-bottom: none;
    border-top: none;
}*/
main section:not([class]) table:not(.no-style) {margin: 3rem 0;}
main#sub section:not([class]) table:not(.no-style) th {font-size: 1.3rem;width: 30%;}
main#sub section:not([class]) table:not(.no-style) td {font-size: 1.3rem;width: 70%;}
	
	main#sub section:not([class]) table.sp-break {border-bottom: solid 1px #F2ECDF;display: block;}
	
	    main#sub section:not([class]) table:not(.no-style).sp-break th {text-align: center;border-bottom: dotted 2px #F2ECDF;padding: 0.5em 1em; border-top: solid 1px #F2ECDF;}
	
	main#sub section:not([class]) table.sp-break tbody, main#sub section:not([class]) table.sp-break tr, main#sub section:not([class]) table.sp-break th, main#sub section:not([class]) table.sp-break td {display: block;width: 100%;}
	   
	main#sub section:not([class]) table:not(.no-style).sp-break td {border-top: none;}
	
	main#sub section:not([class]) table:not(.no-style).sp-break td:last-child{
	border-bottom: none;	
	}
	
	
main#sub section:not([class]) .dr-pic {
    height: 16.5rem;
    margin: 6rem 0 2rem;
	        width: 100%;
}
main#sub section:not([class]) .dr-pic .inner {
    padding-left: 2rem;
}
main#sub section:not([class]) .dr-pic img {
    width: 20rem;
    height: 18rem;
    object-fit: cover;
    object-position: top;
    right: 1rem;
}
main#sub section:not([class]) .dr-pic h3 {
    font-size: 2.5rem;
}
main#sub section:not([class]) .dr-pic h3+small {
    font-size: 1.3rem;
}
main#sub section:not([class]) .history-row {
    flex-wrap: wrap;
    margin: 4.5rem 0;
	display: block;

}
	
.history-row .inner:first-child{
	border-right:none;		
}	
main#sub section:not([class]) .history-row .inner {
    width: 100%;
}
main#sub section:not([class]) .history-row .inner h4 {
    margin-bottom: 1.7rem;
    font-size: 1.4rem;
}
main#sub section:not([class]) .history-row .inner table.no-style th {
    font-size: 1.3rem;
}
main#sub section:not([class]) .history-row .inner+.inner {
    margin-top: 3.25rem;
}
main#sub section:not([class]) .history-row .inner ul.no-style li {
    font-size: 1.3rem;
}
main#sub section:not([class]) table.sp-break tbody, main#sub section:not([class]) table.sp-break tr, main#sub section:not([class]) table.sp-break th, main#sub section:not([class]) table.sp-break td {
    display: block;
    width: 100%;
}
/*
main#sub section:not([class]) table:not(.no-style).sp-break tr:last-child td {
    border-bottom: none;
}
*/
main#sub section:not([class]) ol.flow li+li {
    margin-top: 5rem;
}

.side-img {
    flex-wrap: wrap;
    margin: 6vw 0;
}
.side-img .img {
    width: 100%;
    order: 1;
    margin-bottom: 4.66vw;
}
.side-img .content {
    width: 100%;
    order: 2;
}
	


	
	
	}

@media (max-width: 768px){
main section:not([class]) #treatment a {
    width: 100%;
    margin-bottom: 4vw;
}
	main section:not([class]) #treatment a div {
    padding: 3vw 4vw 0;
}
	main section:not([class]) #treatment a div h3 {
    font-size: 1.5rem!important;
}
	.comInfo.left {
    padding-bottom: 206px;
    border-top-left-radius: 0;
    border-top-right-radius: 80px;
    margin-top: 200px;
}
	
	#sub .group {
    padding: 25px 0 121px;
    border-top-right-radius: 80px;
    position: relative;
    z-index: 5;
}
	#sub .group .content {
    max-width: inherit;
    flex-wrap: wrap;
}
	#sub .group .headLine01 {
    margin-bottom: 26px;
    width: 100%;
    font-size: 5.4rem;
    text-align: center;
}
	#sub .group .headLine01 span {
    margin-top: -2px;
}
	#sub .group .groupBox {
    margin-top: 0;
    flex-wrap: wrap;
    padding: 0 21px 27px 21px;
    width: 100%;
}
	#sub .group .groupBox .img {
    margin-bottom: 10px;
    max-width: inherit;
    width: 100%;
    aspect-ratio: 293/180;
}
	#sub .group .groupBox .textInner {
    width: 100%;
}
	#sub .group .groupBox .textInner .title {
    max-width: inherit;
    margin-bottom: 13px;
    padding: 6px 0 10px;
    font-size: 1.8rem;
    letter-spacing: 0;
}
	#sub .group .groupBox .textInner .add {
    margin-bottom: 3px;
    letter-spacing: 0.12em;
}
	#sub .group .groupBox .textInner .small {
    margin: -2px 0 0 5px;
    letter-spacing: 0.12em;
    flex-wrap: wrap;
}
	#sub .group .groupBox .small a {
    margin: 24px 0 0 auto;
    padding: 0px 46px 0 0;
    display: block;
    text-align: right;
}
	#sub .group .groupBox .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
	.half{
flex-basis: 100%;
margin-bottom: 15px;		
	}	
	
	}

@media all and (min-width: 897px) {
	#sub .treatment .linkUl li a:hover .text::before {
		opacity: 1;
	}
	.pad #sub .treatment .linkUl li a:hover .text::before {
		opacity: 0;
	}
}

@media all and (min-width: 897px) {
	#sub .treatment .circleUl li a:hover {
		color: #FFF;
		background: url(../img/common/webp/blue_bg_img.webp);
	}
	.pad #sub .treatment .circleUl li a:hover {
		color: #B99A5C;
		background-image: none;
		background-color: #fff;
	}
	.no-webp #sub .treatment .circleUl li a:hover {
		background-image: url(../img/common/blue_bg_img.png);
	}
	#sub .treatment .circleUl li a:hover img {
		filter: grayscale(100%) brightness(200%);
	}
	.pad #sub .treatment .circleUl li a:hover img {
		filter: none;
	}
}

@media (max-width: 896px){
#sub .treatment.whiteBox {
    padding: 11px 0 100px;
    background: #fff;
}
#sub .treatment .content {
    padding: 0;
}
#sub .treatment.whiteBox .headLine01 {
    position: relative;
    z-index: 2;
}
.headLine01 span {
    margin: -14px 0 0 -3px;
    display: block;
    font-size: 2rem;
    letter-spacing: 0.08em;
}
.headLine01 .line::after {
    bottom: -19px;
}
#sub .treatment .treatBox {
    margin: -105px 0 0;
    padding: 106px 20px 67px;
    border-radius: 0 80px;
    position: relative;
}
#sub .treatment .topTxt {
    margin-bottom: 14px;
    font-size: 1.7rem;
    line-height: 1.83;
}
#sub .treatment .linkUl li a {
		flex-wrap: wrap;
	}
	#sub .treatment .linkUl li .pho {
		width: 100%;
		aspect-ratio: 335/92;
	}
	
@media all and (min-width: 897px) {
	#sub .problem .proList li a:hover {
		border-color: transparent;
		color: #FFF;
	}
	#sub .problem .proList li a:hover::before {
		opacity: 1;
	}
	.pad #sub .problem .proList li a:hover {
		border-color: #B99A5C;
		background: none;
		color: #000;
	}
	.pad #sub .problem .proList li a:hover::before {
		opacity: 0;
	}
	.no-webp #sub .problem .proList li a:hover {
		background-image: url(../img/common/btn_over_img01.png);
	}
	#sub .problem .proList li a:hover .num {
		color: #FFF;
	}
	.pad #sub .problem .proList li a:hover .num {
		color: #B99A5C;
	}
}

@media (max-width: 896px){
#sub .problem .proBox {
		margin: 42px auto 42px;
		padding: 0 20px;
		max-width: inherit;
		flex-wrap: wrap;
	}
	#sub .problem .phoBox {
		margin: 0 0 14px;
		width: 100%;
		max-width: inherit;
		aspect-ratio: 335/176;
		order: 1;
		border-radius: 0 41px 0 41px;
	}
	#sub .problem .phoBox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#sub .problem .txtBox {
		margin: -37px 0 0 0;
		width: 100%;
		order: 2;
	}
	#sub .problem .txtBox p {
		font-size: 1.7rem;
		line-height: 1.64;
	}
	#sub .problem .proList {
		background: #FFF;
	}
	#sub .problem .proList li {
		padding: 9px;
		width: calc(100%/2);
	}
	#sub .problem .proList li a {
		padding: 10px 0;
		font-size: 1.6rem;
		min-height: 132px;
		text-align: center;
		line-height: 1.375;
		box-sizing: border-box;
	}
	#sub .problem .proList li .num {
		margin: 0 0 7px;
		width: 100%;
		color: #B99A5C;
		font-size: 3rem;
	}
	#sub .problem .imgBox {
		max-width: inherit;
		padding: 20px;
		width: 100%;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	#sub .problem .imgBox .pho {
		max-width: 750px;
		width: 100%;
		border-bottom-left-radius: 80px;
		border-top-right-radius: 80px;
		overflow: hidden;
	}
	#sub .problem .imgBox .textBox {
		width: 100%;
		margin: 14px 0 0 0;
		min-width: inherit;
	} 
	#sub .whiteBox {
		padding: 33px 0 29px;
	}
	#sub .problem .whiteBox {
		padding: 33px 0 100px;
	}
	#sub .problem .imgBox .textBox h3 {
		margin-bottom: 9px;
		font-size: 2.4rem;
		line-height: 1.75;
	}
	#sub .problem .imgBox .textBox {
		width: 100%;
		margin: -2px 0 0 0;
	}
	#sub .problem .imgBox .textBox p {
		font-size: 1.6rem;
		font-feature-settings: "palt";
		line-height: 2;
	}
	.flex-clinic {
    display: block;
}
	.breadcrumbs {
    font-size: 1rem;
    padding: 0 2rem;
    width: 90%;
}
	}

@media (max-width: 768px) {
	.chapter{width: 100%;column-count: 1;}
	
	.fle-btn{display: block!important;}
	.fle-btn .comBtn{margin-bottom: 20px;}
	
	.mv.sample009 {
    background-image: url("../img/sub/mv/010_sp.webp");
}
	
}

@media (max-width: 896px) {
#sub .doctor {padding: 6.5rem 0 23.5rem;background-image: url(../img/index/bg22_sp.webp);}
#sub .doctor .imgBox {display: block;}
#sub .doctor .imgBox .photoBox {margin: 0 2rem 2.1rem;width: auto;}
#sub .doctor .imgBox p {line-height: 1.875;}
#sub .doctor .imgBox .ttl {margin-bottom: 1.6rem;font-size: 1.6rem;line-height: 1.38;letter-spacing: 0.096rem;}
#sub .doctor .imgBox .name {margin-bottom: 2rem;display: block;font-size: 3.2rem;letter-spacing: 0.256rem;}
#sub .doctor .imgBox .name .txtSpan {display: block;font-size: 1.2rem;margin: 0.5rem 0 0 0.4rem;letter-spacing: 0.192rem;}
#sub .doctorList {display: block;margin-bottom: 7.3rem;}
#sub .doctorList > li {width: auto !important;margin-bottom: 4rem;}
#sub .doctorList > li:last-child {margin-bottom: 0;}
#sub .doctorList dl {display: block;line-height: 1.6;font-size: 1.4rem;}
#sub .doctorList dt {width: auto;padding-right: 0;font-weight: 700;letter-spacing: 0.084rem;}
#sub .doctorList dd {margin-bottom: .7rem;width: auto;letter-spacing: 0.084rem;}
#sub .doctorList .textList li {font-size: 1.4rem;padding-left: 1.1rem;margin-bottom: 0.5rem;letter-spacing: 0.084rem;}
#sub .doctorList .textList li::after {width: 3px;height: 3px;top: 0.8rem;}
#sub .doctor .comLink {margin-top: 7rem;}
#sub .doctor::after {width: 20.9rem;height: 29.3rem;left: -5.9rem;bottom: -2.7rem;}
	
	#sub section:not([class]) dl:not([class]) {
        width: 100%;
        margin: 10vw auto;
        padding: 8vw 6vw
    }

    #sub section:not([class]) dl:not([class]) dt {
        text-align: center;
        font-size: 1.75rem;
        margin-bottom: 2vw
    }

    #sub section:not([class]) dl:not([class]) .side-img {
        margin-top: 0
    }
	    #sub section:not([class]) dd {
        font-size: 1.4rem;
    }
	#sub ul.mokuji {
        margin-top: 0;
        padding: 3rem 2.5rem 0
    }

    #sub ul.mokuji li {
        width: 48%;
        margin-top: 5px;
        margin-left: 4px;
        font-size: 12px
    }
	
	main section:not([class]) h2 + img, main section:not([class]) h3 + img {
    width: 100%!important;
}
}

@media (min-width: 897px) {
    #sub .treatmentList li:nth-child(5n-1) a, #sub .treatmentList li:nth-child(5n-3) a {
        background-color: #F0E6D3;
    }
}

@media (hover: hover) {
	#sub .treatmentList a:hover {
		opacity: 0.65;
	}
}

@media (max-width: 768px){

#sub section.treatment h2{
font-size: 1.9rem;
margin: 0rem 0 2.5rem;	
	}
}		
	
#sub .treatment .linkList {

		margin-bottom: 1.9rem;

		padding-top: 0.9rem;

		display: block;

	}

#sub .treatment .linkList li {

		margin-bottom: 1.9rem;

		width: auto;

	}

#sub .treatment .linkList li img {

		width: 100%;

	}

#sub .treatment .linkList .comLink01 {

		right: 1rem;

	}

#sub .treatment .linkUl {

		display: block;

	}

#sub .treatment .linkUl .ttl {

		margin-bottom: 1.3rem;

		font-size: 1.6rem;

	}

#sub .treatment .linkUl .phoBox {

		display: block;

	}

#sub .treatment .linkUl .pho {

		margin-bottom: 2rem;

	}

#sub .treatment .linkUl li .pho img {

		width: 100%;

		height: 14rem;

		object-fit: cover;

	}

#sub .treatment .linkUl .pho span {

		bottom: 1.5rem;

		font-size: 1.8rem;

		letter-spacing: 0.18rem;

	}	
#sub .menu .menuList {

		margin: -1rem 0 6rem;

		position: relative;

		justify-content: space-between;
width: 100%;
	}

#sub .menu .menuList::after {

		content: "";

		width: 31.7%;

	}

#sub .menu .menuList li {

		margin: 1rem 0 0;

		width: 31.7%;

	}

#sub .menu .menuList li a {

		padding: 1.3rem 0 0.9rem;

		min-height: 10rem;

		font-size: 1.2rem;

		letter-spacing: 0.12rem;

	}

#sub .menu .menuList li .pho {

		margin-bottom: 1rem;

	}

#sub .menu .menuList li .pho img {

		height: 5rem;

	}		
main#sub section:not([class]) .dr_content span{
padding-left: 0px;
font-size: 1.2rem;	
}	
	
	main#sub section:not([class]) .dr_box > .dr_content{
	flex-basis: 100%;	
	order: 2;
	}	
	main#sub section:not([class]) .dr_box > .dr_img{
flex-basis: 100%;	
}
	
	
#sub .treatBox {
        padding: 6.2rem 0px 6rem;
        background-size: 18.6rem;
        background-position: right -0.1rem bottom 0rem;
    }

    #sub .treatBox .infoBox {
        margin-bottom: 2rem;
        padding: 3rem 1.9rem;
        border-radius: 0.8rem;
        background-image: url("../img/index/bg07_sp.webp");
    }

    #sub .treatBox .heading {
        padding-bottom: 1.1rem;
        width: fit-content;
        max-width: inherit;
        margin-bottom: 2.1rem;
        font-size: 2.4rem;
        border: none;
    }

    #sub .treatBox .heading::before {
        content: "";
        position: absolute;
        width: 9.3rem;
        height: 0.2rem;
        background: var(--green);
        left: 0px;
        bottom: 0px;
    }

    #sub .treatBox .heading::after {
        background: none;
        width: calc(100% - 9.8rem);
        height: 1.7rem;
        left: auto;
        right: 0px;
        top: calc(100% - 0.2rem);
        border-top: 0.2rem solid var(--green);
        border-left: 0.3rem solid var(--green);
        transform: skew(138deg);
    }

    #sub .treatBox .heading small {
        margin-bottom: 0.3rem;
        font-size: 1.4rem;
        line-height: 1.428;
    }

    #sub .treatBox .list01 {
        margin-bottom: 3.5rem;
        row-gap: 0.8rem;
    }

    #sub .treatBox .list01 li {
        padding: 0.3rem 0.5rem 0.3rem 3rem;
        width: 100%;
        font-size: 1.4rem;
        background-size: 3.1rem;
        line-height: 1.571;
    }

    #sub .treatBox .list01 .li04 {
        order: 3;
    }

    #sub .treatBox .list01 .li03 {
        order: 1;
    }

    #sub .treatBox .list01 .li02 {
        order: 2;
    }

    #sub .treatBox .list02 {
        gap: 2rem 1.6rem;
    }

    #sub .treatBox .list02 li {
        width: calc(50% - 0.8rem);
    }

    #sub .treatBox .list02 li a {
        padding: 1.7rem 0.5rem 2.6rem;
        border-radius: 0.8rem;
        font-size: 1.2rem;
        line-height: 1.666;
    }

    #sub .treatBox .list02 .ttl {
        margin: 0px 0px 0.8rem;
        font-size: 2rem;
        line-height: 1;
    }

    #sub .treatBox .list02 .img img {
        width: 9.4rem;
    }

    #sub .treatBox .list02 .item a {
        padding: 0.3rem 0.5rem 1.2rem;
    }

    #sub .treatBox .list02 .item .ttl {
        margin: -0.8rem 0px 0.4rem;
        font-size: 1.6rem;
        line-height: 1.25;
        position: relative;
    }

    #sub .treatBox .list01 .light {
        padding-bottom: 0.3rem;
    }
	
	
	  
            .accordion-header {
                font-size: 16px;
                padding: 15px;
				color: #000;
            }
            
            .accordion-inner {
                padding: 15px;
            }
	
	.accordion-section{
	width: 100%;
        padding: 0 2rem;
        margin: 3rem 0;		
	border: none;	
	}
	
	
	#sub .sec04 {

		padding: 3.8rem 0 1px;

		margin: 0 2rem;

		background-image: url(../img/index/sec04_bg_sp.webp);

		border-radius: 1.2rem;

	}

	#sub .sec04 .content {

		max-width: 100%;

	}

	#sub .sec04 .headLine01 {

		margin-bottom: 3rem;

	}

	#sub .sec04 .treatList {

		margin: 0 0 5rem;

		display: block;

	}

	#sub .sec04 .treatList li {

		margin: 0 0 2rem;

		width: auto;

		border-radius: 1.2rem;

	}

	#sub .sec04 .treatList li:last-child {

		margin-bottom: 0;

	}

	#sub .sec04 .treatList .photoBox {

		position: relative;

		height: 32vw;

	}

	#sub .sec04 .treatList .photoBox img {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	#sub .sec04 .treatList .textBox {

		padding: 2.1rem 2rem 3.4rem;

	}

	#sub .sec04 .treatList .textBox .ttl {

		margin-bottom: 1.6rem;

		font-size: 2.2rem;

		letter-spacing: 0.176rem;

		line-height: 1.36;

	}

	#sub .sec04 .treatList .textBox .txt {

		margin-bottom: 1.9rem;

	}

	#sub .sec04 .linkList {

		margin: -3.5rem 0 5rem;

	}

	#sub .sec04 .linkList li {

		margin: 3.5rem 0 0 0;

		width: 28%;

	}

	#sub .sec04 .linkList li:nth-child(3n-1) {

		width: 44%;

	}

	#sub .sec04 .linkList a {

		background-size: 1rem auto;

	}

	#sub .sec04 .linkList .pic {

		margin-bottom: 0.8rem;

	}

	#sub .sec04 .linkList img {

		height: 4.7rem;

	}

	#sub .sec04 .linkList p {

		margin: 0 -0.5rem 1.3rem;

		font-size: 1.2rem;

		letter-spacing: 0.048rem;

	}

	#sub .sec04 .firstBox {

		margin-bottom: -13rem;

		padding: 2rem;

		border-radius: 1.2rem;

	}

	#sub .sec04 .firstBox .sub {

		padding: 3rem 1.8rem 2.8rem;

		border-radius: 1.2rem;

	}

	#sub .sec04 .firstBox .sub .ttl {

		padding: 4.2rem 0 0;

		margin-bottom: 1.7rem;

		font-size: 2rem;

		letter-spacing: 0.16rem;

		line-height: 1.4;

		background-size: 2.4rem auto;

		background-position: center top;

	}

	#sub .sec04 .firstBox .sub .txt {

		margin: 0 -2rem 2.6rem;

		font-size: 1.6rem;

		letter-spacing: 0.096rem;

	}

	#sub .sec04 .firstBox .sub .col {

		font-size: 2rem;

		letter-spacing: 0.12rem;

		line-height: 1.2;

	}

	#sub .sec04 .firstBox .sub .sml {

		font-size: 1.4rem;

		letter-spacing: 0.084rem;

	}

	#sub .sec04 .firstBox .sub .num {

		font-size: 2.2rem;

		letter-spacing: 0.132rem;

	}

	#sub .sec04 .firstBox .sub .sml01 {

		margin-top: 0.3rem;

		display: block;

		font-size: 1.2rem;

		letter-spacing: 0.072rem;

	}

	#sub .sec04 .firstBox .btnList {

		display: block;

	}

	#sub .sec04 .firstBox .btnList li {

		margin: 0 auto 2rem;

	}

	#sub .sec04 .firstBox .btnList li:last-child {

		margin-bottom: 0;

	}


	
	
	
	
}