@charset "UTF-8";




/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 7% 6%;
}
.h_logo{
	width: 65%;
}
.h_logo .branch {
	color: var(--accent-color);
	background-color: #FFF;
	border-color: #FFF;
}
}

/*アニメーション
---------------------------------------------------------*/
/*フェード*/
.com_an_fade {
	opacity: 0;
	transition: all .8s ease;
}
.com_an_fade.anime_on{
	opacity: 1;
}
/*アップ*/
.com_an_up {
	opacity: 0;
	transition: all 1s ease;
	transform: translateY(20px);
}
.com_an_up.anime_on {
	opacity: 1;
	transform: translateY(0px);
}
/*ズーム*/
.com_an_zoom {
	opacity: 0;
	transition: all .5s ease;
	transform: scale(0.9);
}
.com_an_zoom.anime_on {
	opacity: 1;
	transform: scale(1.0);
}

/*メインイメージ
---------------------------------------------------------*/
.m_img_area {
	position: relative;
}
.m_img_area .m_slider {
	z-index: 0;
    opacity: 0;
	transition: opacity 3.0s;
}
.m_img_area .slick-initialized{
    opacity: 1
}
.m_img_area .m_slider .slick-slide {
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.m_img_area .m_slider .slick-slide::before {
	display: block;
	content: "";
	padding-top: 96%;
}
.m_img_area .m_slider .copy {
	position: absolute;
	z-index: 1;
	text-align: center !important;
}
.m_img_area .m_slider .copy img {
	margin: auto;
}

.m_img_area .m_slider .slide1 {	background-image: url("../images/top/m_img1@2x.jpg"); }
.m_img_area .m_slider .slide2 {	background-image: url("../images/top/m_img2@2x.jpg"); }
.m_img_area .m_slider .slide3 {	background-image: url("../images/top/m_img3@2x.jpg"); }
.m_img_area .m_slider .slide4 {	background-image: url("../images/top/m_img4@2x.jpg"); }
.m_img_area .m_slider .slide5 {	background-image: url("../images/top/m_img5@2x.jpg"); }

.m_img_area .m_slider .slide1 .copy {
	width: 100%;
	left: 0;
	right: 0;
	top: 12%;
	margin: auto;
}
.m_img_area .m_slider .slide2 .copy {
	width: 74%;
	left: 13%;
	bottom: 8%;
}
.m_img_area .m_slider .slide3 .copy {
	width: 46%;
	left: 27%;
	top: 25%;
}
.m_img_area .m_slider .slide4 .copy {
	width: 46%;
	right: 5%;
	top: 6%;
}
.m_img_area .m_slider .slide5 .copy {
	width: 58%;
	left: 4%;
	bottom: 8%;
}
/*仮設定*/
.m_img_area .m_slider .slide1 .copy {
	font-size: min(1.33vw,133%);
	letter-spacing: .2em;
	line-height: 1.4;
	white-space: nowrap;
}
.m_img_area .m_slider .slide1 .copy span {
	font-size: 110%;
}
.m_img_area .m_slider .slide1 .copy .ft_min {
	text-shadow: 0 0 5px #FFF, 0 0 8px #FFF, 0 0 10px #FFF, 0 0 15px #FFF;
}
.m_img_area .m_slider .slide1 .copy .ft_en {
	color: #ec9176;
	font-size: 600%;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

/* ドット */
.slick-dots {
	position: absolute;
	z-index: 10;
	opacity: 0.5;
    padding: 0;
    width: 130px;
	left: 0;
	right: 0;
	bottom: 6%;
	margin: auto;
	line-height: 10px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.slick-dots li {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
	border-radius: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	padding: 0;
	margin: 0;
    background: #312f2f;
	transition: background-color 1.0s;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
    outline: none;
    background: #ff968a;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* ドット */
.slick-dots {
	left: 5%;
	right: auto;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.m_img_area .m_slider {
	height: calc(100svh - 27vw);
}

.m_img_area .m_slider .slick-list,
.m_img_area .m_slider .slick-track,
.m_img_area .m_slider .slick-slide {
	height: 100%;
}
.m_img_area .m_slider .slick-slide::before {
	padding-top: 0;
}
.m_img_area .m_slider .slide1 {background-image: url("../images/top/m_img1_sp@2x.jpg");}
.m_img_area .m_slider .slide2 {background-image: url("../images/top/m_img2_sp@2x.jpg");}
.m_img_area .m_slider .slide3 {background-image: url("../images/top/m_img3_sp@2x.jpg");}
.m_img_area .m_slider .slide4 {background-image: url("../images/top/m_img4_sp@2x.jpg");}
.m_img_area .m_slider .slide5 {background-image: url("../images/top/m_img5_sp@2x.jpg");}
	
.m_img_area .m_slider .slide1 .copy {
	top: auto;
	bottom: 5%;
}
.m_img_area .m_slider .slide2 .copy {
	width: 80%;
	left: 10%;
}
.m_img_area .m_slider .slide3 .copy {
	width: 60%;
	left: 20%;
	top: 38%;
}
.m_img_area .m_slider .slide4 .copy {
	width: 60%;
	right: 6%;
	top: 56%;
}
.m_img_area .m_slider .slide5 .copy {
	width: 80%;
	left: 10%;
}
/*仮設定*/
.m_img_area .m_slider .slide1 .copy {
	font-size: 100%;
}
.m_img_area .m_slider .slide1 .copy .ft_en {
	font-size: 500%;
}

.sp_menu {
	position: relative;
	padding: 5% 0 2%;
}
.sp_menu .com_menu1 {
	padding: 0 5%;
}
.sp_menu .com_menu1 > li:nth-last-of-type(-n+2) a {
	border-bottom: none;
}
.sp_menu .com_menu1 > li.txt_s a{
	line-height: 1.4em;
}
.sp_menu .spmenu_inmenu_med {
	position: absolute;
	display: none;
	width: 100%;
	background-color: #fdf6f4;
	box-sizing: border-box;
	padding: 5%;
	left: 0;
	top: 100%;
	z-index: 5;
}
	
/* ドット */
.slick-dots {
    width: 130px;
	line-height: 8px;
	bottom: 3%;
}
.slick-dots li {
    width: 8px;
    height: 8px;
}
.slick-dots li button {
    width: 8px;
    height: 8px;
}
}





/*opening
---------------------------------------------------------*/
.opening {
	width: 85%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto min(12%, 80px);
}
.opening_img {
	width: 80%;
	margin: 0 auto 1.6em;
}
.opening_txt,
.opening_date {
	width: 86%;
	max-width: max-content;
	margin: 1em auto;
}
.opening_detail {
	font: var(--font-min);
	font-size: 112%;
	line-height: 1.5;
	letter-spacing: .18em;
	padding: 1em 2%;
	border-top: 1px solid #847e79;
	border-bottom: 1px solid #847e79;
	margin: 1em auto;
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {

.opening {
	width: 95%;
	margin-bottom: 20%;
}
.opening_img {
	width: 100%;
	margin-bottom: 1em;
}
.opening_txt,
.opening_date {
	width: 100%;
	margin: .6em auto;
}
.opening_detail {
	font-size: 100%;
	letter-spacing: .1em;
}
}








/*talkshow
---------------------------------------------------------*/
.talkshow{
	padding: 50px 0;
	text-align: center;
}
.talkshow .txt1{
	font-size: min(150%,2.6vw);
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin-bottom: 1em;
}
.talkshow li{
	display: inline-block;
	margin-right: 1em;
}
.talkshow li:last-child{
	margin-right: 0;
}
.talkshow li a{
	position: relative;
	display: inline-block;
	background:rgba(233,155,157,0.9);
	color: #fff;
	line-height: 1em;
	letter-spacing: 0.1em;
	padding: 1.5em 0;
	box-sizing: border-box;
	width: 16em;
	font-weight: bold;
	border-radius: 5px;
}
.talkshow li:nth-child(2) a{
	background:#DB7D0E;
}
.talkshow li a span{
	position: relative;
	padding-right: 1.7em;
	box-sizing: border-box;
}
.talkshow li a span::before{
	position: absolute;
	content: "";
	display: block;
	background: url("../images/icon_site.svg") no-repeat right top;
	background-size: 100% auto;
	width: 1.5em;
	height: 1.5em;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.talkshow{
	padding: 6% 0 8%;
}
.talkshow .txt1{
	margin-bottom: .8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.talkshow{
	padding: 8% 0;
}
.talkshow .txt1{
	font-size: 120%;
	margin-bottom: 1em;
}
.talkshow ul{
	display: flex;
	justify-content: space-between;
}
.talkshow li{
	font-size: 3.5vw;
	display: block;
	width: 49%;
	margin-right: 0;
}
.talkshow li:last-child{
	margin-right: 0;
}
.talkshow li a{
	display: block;
	letter-spacing: normal;
	padding: 1.5em 0;
	width: 100%;
}
}





/*concept
---------------------------------------------------------*/
#concept {
	background-color: #faf4e3;
	padding: 100px 0 60px;/*padding: 100px 0 60px;*/
	border-bottom: 1px solid #ccc;
}
#concept .lead {
	position: relative;
	background: url("../images/common/motif2.svg") no-repeat right bottom;
	background-size: 30% auto;
	text-align: center;
}
#concept .lead::before {
	position: absolute;
	content: "";
	background: url("../images/common/motif1.svg") no-repeat left top;
	background-size: contain;
	width: 30%;
	height: 80%;
	left: 5%;
	top: -20%;
}
#concept .lead > dt {
	font-size: min(3.8vw,266%);
	letter-spacing: .15em;
	line-height: 1.7;
	margin-bottom: .5em;
}
#concept .lead > dd {
	line-height: 2.6;
}
#concept .poi_list {
	display: flex;
	justify-content: space-between;
}
#concept .poi_list > li {
	width: 30%;
	max-width: 390px;
}
#concept .poi_list a {
	position: relative;
	display: block;
	border-radius: 1.3em;
	margin-bottom: 1.6em;
}
#concept .poi_list a img {
	border-radius: inherit;
}
#concept .poi_list .txt {
	position: absolute;
	width: 100%;
	color: #d97c94;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	background-color: rgba(255,255,255,0.6);
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 2.6em 1em;
	border-radius: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#concept .poi_list .txt .ft_min {
	display: block;
	font-size: min(2.4vw,213%);
	letter-spacing: .04em;
	line-height: 1.3;
	font-feature-settings: "halt";
	white-space: nowrap;
	margin-top: .2em;
}
#concept .poi_list .com_arrow1 {
	position: absolute;
	background-color: #ff93af;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,40%);
}
#concept .poi_list .com_arrow1::before {
	color: #FFF;
}
#concept .poi_list > li:nth-of-type(2) .txt {color: #e88466;}
#concept .poi_list > li:nth-of-type(3) .txt {color: #e67e74;}
#concept .poi_list > li:nth-of-type(2) .com_arrow1 {background-color: #e88466;}
#concept .poi_list > li:nth-of-type(3) .com_arrow1 {background-color: #e67e74;}

/*
#concept .poi_list a:hover .com_arrow1 {
	background-color: #e85d88;
}
*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1220px) {
#concept .lead > dd br.tb_only {
	display: block !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1130px) {
#concept .poi_list .txt br {
	display: block !important;
}
}



/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#concept {
	padding: 10% 0 6%;/*10% 0 6%;*/
}
#concept .lead > dd {
	line-height: 2;
}
#concept .poi_list > li {
	width: 31%;
}

#concept .poi_list .txt .ft_min {
	font-size: 2.5vw;
	letter-spacing: .02em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
#concept {
	padding: 18% 0 8%;/*18% 0 8%;*/
}
#concept .lead {
	background-size: 60% auto;
}
#concept .lead::before {
	width: 50%;
	height: 80%;
	left: 0;
	top: -10vw;
}
#concept .lead > dt {
	font-size: 140%;
	letter-spacing: .08em;
}
#concept .lead > dd {
	text-align: left;
	line-height: 2;
}
#concept .poi_list {
	display: block;
}
#concept .poi_list > li {
	width: 100%;
	max-width: none;
}
#concept .poi_list > li:nth-of-type(n+2) {
	margin-top: 8%;
}
#concept .poi_list > li a {
	width: 80%;
	margin: 0 auto 7%;
}
#concept .poi_list .txt {
	padding: 2em 1em;
}
#concept .poi_list .txt .ft_min {
	font-size: 150%;
}
#concept .poi_list .com_arrow1 {
	position: absolute;
	background-color: #ff93af;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,40%);
}

}



/*medical
---------------------------------------------------------*/
#medical .lead .fs17 {
	line-height: 2.6em;
}
#medical .med_inbox {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0 80px;
}
#medical .med_inbox::before {
	position: absolute;
	content: "";
	background: linear-gradient(to bottom, #e6f6f7 80%, #67a2c7 80%);
	width: 100%;
	height: 100%;
	right: 14%;
	top: 0;
	z-index: -1;
}
#medical .med_inbox .box_img {
	width: 51.6%;
}
#medical .med_inbox .box_txt {
	width: 42%;
}
#medical .med_inbox .box_txt > div {
	max-width: 570px;
}
#medical .med_style1 .fw_bold {
	letter-spacing: .2em;
	line-height: 1.6;
}
#medical .med_style1 .ft_min {
	font-size: min(5.2vw,453%);
	letter-spacing: .15em;
	font-feature-settings: "palt";
	line-height: 1.5;
	white-space: nowrap;
	margin-bottom: .2em;
}

.img_movie {
	position: relative;
	width: 80%;
	max-width: 410px;
	margin-top: 3em;
}
.img_movie img {
	margin: 0;
}
.img_movie .ft_en {
	position: absolute;
	font-style: 113%;
	letter-spacing: .14em;
	line-height: 1;
	white-space: nowrap;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	left: calc(100% + .8em);
	top: 50%;
	transform: translateY(-50%);
}

/*mouthpiece*/
#medical .med_inbox.mouthpiece .med_style1 .ft_min {
	color: #38567d;
}
/*implant*/
#medical .med_inbox.implant::before {
	background: linear-gradient(to bottom, #e7f5cb 80%, #a9ba75 80%);
}
#medical .med_inbox.implant .med_style1 .ft_min {
	color: #597a5d;
}

/*kids*/
#medical .kids {
	background: url("../images/top/kids_bg@2x.jpg") no-repeat right center;
	background-size: cover;
	padding: 70px 0;
}
#medical .kids .med_style1 .ft_min span:nth-of-type(1) {color: #e68400;}
#medical .kids .med_style1 .ft_min span:nth-of-type(2) {color: #599ed7;}
#medical .kids .med_style1 .ft_min span:nth-of-type(3) {color: #3c9e47;}
#medical .kids .med_style1 .ft_min span:nth-of-type(4) {font-size: 73%;}
#medical .kids_bnr {
	display: flex;
	justify-content: space-between;
	max-width: 740px;
	margin-top: 4em;
}
#medical .kids_bnr > li {
	position: relative;
	width: 48.7%;
	max-width: 360px;
}
#medical .kids_bnr .abs_txt {
	position: absolute;
	width: 36%;
	left: 5%;
	top: -5%;
}
#medical .kids_bnr .com_arrow1 {
	position: absolute;
	font-size: min(1.3vw,100%);
	left: 50%;
	bottom: 0%;
	transform: translate(-50%,50%);
}
/*yobo*/
#medical .med_inbox.yobo {
	padding: 45px 5.3%;
}
#medical .med_inbox.yobo::before{
    display: none;
}
#medical .med_inbox.yobo::after{
    position: absolute;
    display: block;
    content: "";
    background: #e6faef;
    bottom:0;
    left: 14%;
    z-index: -2;
    width: 200%;
    height: 100%;
}
#medical .med_inbox.yobo.type2::after{
    background:rgba(253,187,180,0.3);
    left: auto;
    right: 14%;
}
#medical .med_inbox.yobo.type3::after{
    background:#ECEBF5;
}
#medical .med_inbox.yobo .med_style1 .ft_min span {
	color: #3fc2ac;
}
#medical .med_inbox.yobo.type2 .med_style1 .ft_min span {
	color: #d67bac;
}
#medical .med_inbox.yobo.type3 .med_style1 .ft_min span {
	color: #C07AA6;
}

/*med_list*/
#medical .med_list {
	padding: 90px 0;
}

#medical .med_col2{
    display: flex;
    justify-content: space-between;
    background:#FAF4E3;
}
#medical .med_col2 li{
    width:50%;
    padding: 50px 0;
    background: url(../images/top/img02@2x.png)no-repeat top left;
    background-size: 80% auto;
}
#medical .med_col2 li:nth-child(2){
    background: url(../images/top/img03@2x.png)no-repeat top right;
    background-size: 80% auto;
}
#medical .med_col2 li:nth-child(1) > div{
    border-right: 1px solid #B5A886;
}
#medical .med_col2 li > div{
    padding: 10px 12.5%;
    box-sizing: border-box;
}
#medical .med_col2 .med_style1 .ft_min span{ 
    color: #F28A6A;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
	
#medical .med_inbox::before {
	width: 86vw;
	left: 14%;
}
#medical .med_inbox .com_link1 {
	position: absolute;
	right: 16%;
	bottom: 1em;
}
/*mouthpiece*/
#medical .med_inbox.mouthpiece::before {
	left: auto;
	right: 14%;
}
#medical .med_inbox.mouthpiece .box_img {
	order: 2;
}
#medical .med_inbox.mouthpiece .box_txt {
	order: 1;
	padding-left: 5%;
}
#medical .med_inbox.mouthpiece .box_txt > div {
	margin-left: auto;
}
/*implant*/
#medical .med_inbox.implant .box_txt {
	padding-right: 5%;
}
#medical .med_inbox.implant .com_link1 {
	right: 2em;
}
/*kids*/
#medical .kids .kids_inbox {
	width: 65%;
}
/*yobo*/
#medical .med_inbox.yobo .box_img {
	width: 37.4%;
}
#medical .med_inbox.yobo .box_txt {
	width: 57%;
}
#medical .med_inbox.yobo .box_txt > div {
    max-width: 640px;
}
#medical .med_inbox.yobo .med_style1 .ft_min {
	font-size: min(4vw,300%);
}
#medical .med_col2 .med_style1 .ft_min {
	font-size: min(3.6vw,260%);
}
#medical .med_inbox.yobo .com_link1 {
	position: relative;
	right: auto;
	bottom: auto;
}
    
/*yobo type2*/
#medical .med_inbox.yobo.type2{
    flex-flow: row-reverse;
}
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
#medical .med_col2 li > div{
    padding: 0 5%;
}
#medical .med_col2 .med_style1 .ft_min{
    font-feature-settings: "palt";
    letter-spacing: normal;
}  
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#medical .med_style1 .fw_bold {
	letter-spacing: .12em;
}
/*med_list*/
#medical .med_list {
	padding: 7% 0 9%;
}
    

#medical .med_col2 li{
    padding: 6% 0;
}
#medical .med_col2 li > div{
    padding: 0 5%;
}
#medical .med_col2 .med_style1 .ft_min{
    font-feature-settings: "palt";
    letter-spacing: normal;
}    
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
#medical .lead .fs17 {
	line-height: 2em;
}
#medical .med_inbox {
	display: block;
	padding: 8% 4%;
}
#medical .med_inbox::before {
	background: linear-gradient(to bottom, #e6f6f7 80%, #67a2c7 80%);
	right: 0;
}
#medical .med_inbox .box_img {
	width: 110%;
	margin: 0 auto 5%;
}
#medical .med_inbox.mouthpiece .box_img {
	margin-left: -4%;
}
#medical .med_inbox.implant .box_img {
	margin-left: -5%;
}
#medical .med_inbox .box_txt {
	width: 100%;
}
#medical .med_style1 .fw_bold {
	letter-spacing: .1em;
}
#medical .med_style1 .ft_min {
	font-size: 200%;
	letter-spacing: .15em;
}
#medical .med_inbox .com_link1 {
	margin-top: 2em;
}
.img_movie {
	margin: 5% auto 0;
}
#medical .med_inbox.mouthpiece .com_link1,
#medical .med_inbox.implant .com_link1,
#medical .med_inbox.yobo .com_link1 {
	text-align: center;
}
/*kids*/
#medical .kids {
	background-color: #f9f7f8;
	background-image: url("../images/top/kids_bg_sp@2x.jpg");
	background-position: right top;
	background-size: 100% auto;
	padding: 48vw 0 15%;
}
#medical .kids_bnr {
	margin-top: 13%;
}

#medical .kids_bnr > li:last-of-type {
	margin-bottom: 0;
}
#medical .kids_bnr .abs_txt {
	width: 48%;
	left: -3%;
	top: -22%;
}
#medical .kids_bnr .com_arrow1 {
	font-size: 70%;
}
/*yobo*/
#medical .med_inbox.yobo::before {
	height: 80%;
	top: auto;
	bottom: 0;
}
#medical .med_inbox.yobo .box_img {
	width: 70%;
}
/*med_list*/
#medical .med_list {
	padding: 9% 0 10%;
}
    
#medical .med_inbox.yobo::after{
    left: 0;
    width: 100%;
    height:calc(100% - 32vw);
}
#medical .med_inbox.yobo.type2::after{
    left: auto;
    right:0;
}
    
#medical .med_col2{
    display: block;
}
#medical .med_col2 li{
    width:100%;
    padding: 0;
}
#medical .med_col2 li:nth-child(1) > div{
    border-right: none;
    border-bottom: 1px solid #B5A886;
}
#medical .med_col2 li > div{
    padding: 10% 0;
    width: 90%;
    margin: 0 auto;
}
#medical .med_col2 .med_style1 .ft_min{
    font-feature-settings: "palt";
    letter-spacing: normal;
    font-size:200%;
}  
}


/*med_pointlist
-----------------------------*/
.med_pointlist {
	display: flex;
	gap: 2.6%;
	margin-top: 1.6em;
}



/*clinic
---------------------------------------------------------*/
#clinic {
	color: #fff;
	background-color: #ff968a;
	padding: 70px 0;
}
#clinic .flex_box {
	justify-content: space-between;
}
#clinic .flex_box > div {
	width: 47%;
}
#clinic .cli_index {
	font-size: min(2.1vw,173%);
	letter-spacing: .08em;
	line-height: 1.6;
	margin-bottom: .6em;
}
#clinic .cli_index .ft_en {
	color: #fff7d1;
	font-size: 230%;
	letter-spacing: .05em;
	line-height: 1.2;
}
#clinic .box_r .cli_index .ft_en {
	color: #bfe9ff;
}
#clinic .box_img {
	max-width: 590px;
	margin: 0 auto 1em;
}
#clinic .com_link1 {
	text-align: right;
	margin-top: .2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#clinic {
	padding: 7% 0;
}
#clinic .flex_box > div {
	width: 48%;
}
#clinic .cli_index {
	font-size: 2.3vw;
	font-feature-settings: "palt";
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
#clinic {
	padding: 9% 0;
}
#clinic .flex_box {
	display: block;
}
#clinic .flex_box > div {
	width: 100%;
}
#clinic .flex_box > div.box_l {
	margin-bottom: 7%;
}
#clinic .cli_index {
	font-size: 130%;
	letter-spacing: .08em;
}
#clinic .com_link1 {
	text-align: right;
	margin-top: .2em;
}
}




/*cln_slide
---------------------------------------------------------*/
.cln_slide li {
	max-width: max-content;
}



/*info
---------------------------------------------------------*/
#info .info_index {
	font-size: 300%;
	letter-spacing: .05em;
	line-height: 1;
	margin-bottom: .1em;
}
#info .info_inbox {
	display: flex;
}
#info .info_inbox .box_l,
#info .info_inbox .box_r {
	box-sizing: border-box;
	padding: 0 5%;
}
#info .info_inbox .box_l {
	width: 66%;
	border-right: 1px solid #3e3a39;
}
#info .info_inbox .box_l > div {
	max-width: 595px;
	margin: 0 auto;
}
#info .info_inbox .box_r {
	width: 34%;
}
#info .info_inbox .box_r > div {
	max-width: 230px;
	margin: 0 auto;
}
#info .info_inbox .box_r .fs14 {
	white-space: nowrap;
}

#info .com_sns_list {
	margin-top: 1.5em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

#info .com_sns_list {
	display: block;
	margin-top: 20%;
}
#info .com_sns_list > li:nth-of-type(n+2) {
	padding-top: 12%;
	margin-top: 12%;
	border-top: 1px solid currentColor;
	border-left: none;
}
#info .com_sns .icon {
	width: 9.3em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
#info .info_index {
	font-size: 200%;
}
#info .info_inbox {
	display: block;
}
#info .info_inbox .box_l,
#info .info_inbox .box_r {
	width: 100%;
	padding: 0;
}
#info .info_inbox .box_r {
	padding: 0;
}
#info .info_inbox .box_l {
	border-right: none;
	border-bottom: 1px solid #3e3a39;
	padding-bottom: 8%;
	margin-bottom: 8%;
}
#info .info_inbox .box_l > div,
#info .info_inbox .box_r > div {
	max-width: none;
}
#info .info_inbox .box_r > div h2,
#info .info_inbox .box_r > div .fs14{
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}
}




/*recruit
---------------------------------------------------------*/
.recruit {
	position: relative;
	background-color: #faed00;
}
.rec_bg {
	max-width: max-content;
	width: 82%;
}
.rec_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rec_txt {
	position: relative;
	display: block;
	color: #FFF;
	line-height: 1.5;
	background-color: var(--accent-color);
	box-sizing: border-box;
	padding: min(4%,60px) 2.5% 1em;
}
.rec_txt p {
	font-weight: bold;
	letter-spacing: .15em;
	margin-bottom: .2em;
}
.rec_ttl {
	font: var(--font-en);
	font-size: min(6vw,533%);
}
.rec_more {
	position: absolute;
	font: var(--font-en);
	font-size: 94%;
	letter-spacing: .16em;
	writing-mode: vertical-rl;
	padding-right: 1.2em;
	right: 15%;
	top: 55%;
	translate: 50% -50%;
	transition: right .3s;
}
.rec_more::before {
	position: absolute;
	content: "";
	width: .7em;
	aspect-ratio: 1;
	border-right: 1px solid currentColor;
	border-top: 1px solid currentColor;
	right: 0;
	top: 50%;
	translate: 0 -50%;
	rotate: 45deg;
}
.recruit a:hover {
	background-color: rgb(255 150 138 / 0.95);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.rec_txt {
	position: absolute;
	width: 80%;
	max-width: 870px;
	right: 0;
	bottom: 0;
}
.recruit a:hover .rec_more {
	right: 14%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.rec_bg {
	width: 92%;
}
.rec_txt {
	padding: 6% 5% 1em;
}
.rec_txt p {
	font-size: 90%;
	letter-spacing: .1em;
}
.rec_ttl {
	font-size: 10vw;
}
.rec_more {
	font-size: 70%;
	right: 10%;
	top: 55%;
}
}	



/* botox_bnr
---------------------------------------------------------*/
.botox_bnr{
    background: url(../images/top/botox_bg@2x.jpg) no-repeat top center #83623f;
    background-size: auto 100%;
    padding: 45px 4% 40px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.botox_bnr .flexbox{
    display: flex;
    justify-content: space-between;
    align-items: center;	
}
.botox_bnr,
.botox_bnr a{
    color: #fff    
}
.botox_bnr .flexbox .flex_l{
    width: 50%;
}
.botox_bnr .flexbox .flex_r{
    width: 46%;
}
.botox_bnr .flexbox .flex_r .tit2{
    margin-bottom: 25px;
}
.botox_bnr .flexbox .flex_r .tit2 dt{
    font-size:105%;
    font-weight: bold;
    letter-spacing: 0.3em;
    line-height: 1.4em;
    margin-bottom: 1em;
}
.botox_bnr .flexbox .flex_r .tit2 dd{
    display: flex;
    align-items: center;	
}
.botox_bnr .flexbox .flex_r .tit2 dd h3{
    width: 59%;
    max-width: 290px;
}
.botox_bnr .flexbox .flex_r .tit2 dd .btn{
    width: 29%;
    max-width: 144px;
    margin-left: 3%;
}
.botox_bnr .flexbox .flex_r .img{
    margin-bottom: 1rem;
}
.botox_bnr .flexbox .flex_r .txt{
    font-size:90%;
    line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.botox_bnr{
    padding: 4vw 3% 4vw 1%;
    margin-bottom: 8%;
}
.botox_bnr .flexbox .flex_r{
    width: 48%;
}
.botox_bnr .flexbox .flex_r .tit2{
    margin-bottom: 1.5vw;
}
.botox_bnr .flexbox .flex_r .tit2 dt{
    font-size:100%;
    letter-spacing: 0.2em;
    margin-bottom: .5em;
}
.botox_bnr .flexbox .flex_r .img{
    margin-bottom: .5rem;
}
.botox_bnr .flexbox .flex_r .txt{
    letter-spacing: normal;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.botox_bnr{
    background: url(../images/top/botox_bg_sp@2x.jpg) no-repeat top center #83623f;
    background-size: 100% auto;
    padding: 5% 8%;
    margin-bottom: 8%;
}
.botox_bnr .flexbox{
    display: block;
}
.botox_bnr .flexbox .flex_l{
    width: 100%;
    margin-bottom: 3vw;
}
.botox_bnr .flexbox .flex_r{
    width: 100%;
}
.botox_bnr .flexbox .flex_r .tit2{
    margin-bottom: 5%;
}
.botox_bnr .flexbox .flex_r .tit2 dt{
    font-size:95%;
    letter-spacing: 0.15em;
    margin-bottom: 2vw;
}
.botox_bnr .flexbox .flex_r .tit2 dd h3{
    width: 59%;
}
.botox_bnr .flexbox .flex_r .tit2 dd .btn{
    width: 29%;
    margin-left: 3%;
}
.botox_bnr .flexbox .flex_r .img{
    margin-bottom: 1rem;
}
.botox_bnr .flexbox .flex_r .txt{
    letter-spacing: normal;
}
}


/*
---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}