@charset "UTF-8";

/*メインイメージ
---------------------------------------------------------*/
.m_img_area {
	height: 100vh;
}
.m_img_area .m_img {
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: min(36%, 555px) minmax(0, 1fr);
}
.m_img .m_img_l {
	order: 1;
}
.m_img .m_img_r {
	order: 2;
}

.m_img .m_img_l {
	position: relative;
}
.m_img .m_img_l > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: min(90%,410px);
}
.m_img .m_img_l .tit{
	text-align: center;
	font-size: min(1.9rem,1.6vw);
	font-weight: bold;
	line-height: 1.5em;
	color: #656565;
	margin-bottom: 1.5em;
}
.m_img .m_img_l .tit span{
	position: relative;
}
.m_img .m_img_l .tit span::before{
	position: absolute;
	display: block;
	content: "";
	background: var(--color-purple);
	background-size: 100% auto;
	width: .2em;
	aspect-ratio:1 / 1;
	top:-0.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
}
.m_img .m_img_l .com_medmenu__list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	gap: min(18px,1.5vw) 4%;
}
.m_img .m_img_l .com_medmenu__list > li {
	width: 48%;
}
.m_img .m_img_l .com_cta {
	margin-top: min(40px,4vh);
	text-align: center;
	font-size: min(100%,1.3vw);
}
.m_img .m_img_l .com_cta_tel {
	margin-bottom: min(20px,3vh);
}

.m_img .m_img_r {
	position: relative;
}
.m_img_area .m_slider{
	position: relative;
	z-index: 0;
	height: 100%;
}
.m_img_area .m_slider .swiper-slide {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.m_img_area .m_slider .slide1 {background-image: url("../images/top/fv_img1.jpg");}
.m_img_area .m_slider .slide2 {background-image: url("../images/top/fv_img1.jpg");}

.m_img .m_img_r .m_copy{
	color: #fff;
	font-size: min(2.5rem,3.5vh);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 2.0em;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 6%;
	left: 5%;
	height: 100%;
}

.m_img .m_img_r .m_kotei {
	width: min(40vw,483px);
	position: absolute;
	right: 6%;
	bottom: 0;
	transform: translateY(10%);
}
.m_img .m_img_r .m_kotei div:nth-child(1) {
	width: 37%;
	position: absolute;
	top: 50%;
	left: 51%;	/*見た目で微調整*/
	transform: translateY(-50%) translateX(-50%);
}
.m_img .m_img_r .m_kotei div:nth-child(1) img {
	filter: drop-shadow(0 20px 20px rgba(0,0,0,0.3));
	backface-visibility: hidden;
	transform: translateZ(0);
}
.m_img .m_img_r .m_kotei div:nth-child(2) {
	animation: m_rotate 80s linear infinite;
}
.m_img .m_img_r .m_kotei div:nth-child(2) img{
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.3));
	transform: translateZ(0);
	backface-visibility: hidden;
}

@keyframes m_rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.m_img .m_img_l .tit{
	font-size: var(--fs-18);
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.m_img .m_img_l .com_medmenu__list {
	font-size: min(1.6rem,1.8vw);
}
.m_img .m_img_l .com_cta {
	display: block;
	font-size: 1.5vw;
}
.m_img .m_img_l .com_cta > li {
	margin: 1.0rem 0 0 !important;
}
.m_img .m_img_l .com_cta_web a,
.m_img .m_img_l .com_cta_app a {
	width: 90%;
	margin-inline: auto;
}
.m_img .m_img_l .com_cta_web a .icon-arrow.maru,
.m_img .m_img_l .com_cta_app a .icon-arrow.maru{
	font-size: .7em;
}
.m_img .m_img_l .com_cta_web a span:nth-child(2) {
	font-size: 100%;
}
.m_img .m_img_l .com_cta_app a span {
	display: inline-block;
	font-size: 120%;
	padding-top: 0;
	padding-left: 2.8em;
}
.m_img .m_img_l .com_cta_app a span::before {
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: auto;
}

.m_img .m_img_r .m_copy{
	font-size: min(2.2rem,2.5vw);
}
.m_img .m_img_r .m_kotei {
	right: 3%;
	bottom: 0;
	transform: translateY(10%);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.m_img_area {
	height: auto;
}
.m_img_area .m_img {
	display: block;
}

.m_img .m_img_l > div {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	transform: none;
	width: 100%;
	padding: var(--gap-40) 5%;
}
.m_img .m_img_l .tit {
	display: none;
}
.m_img .m_img_l .com_cta {
	display: none;
}

.m_img .m_img_r {
	position: relative;
}
.m_img_area .m_slider .swiper-slide {
	width: 100%;
	aspect-ratio: 1 / 1;
}
.m_img .m_img_r .m_copy {
	font-size: var(--fs-20);
	line-height: 1.6em;
}
.m_img .m_img_r .m_kotei {
	width: 60vw;
	right: 3%;
	bottom: 0;
	transform: translate(10%,5%);
}
}



/* スマホメニュー
---------------------------------------------------------*/
.top_sp_menu {
	background: #fff;
	padding: var(--gap-40) 5% var(--gap-60);
}



/* info
---------------------------------------------------------*/
#info .w1280 {
	padding-top: var(--gap-90);
}
#info .info_flex{
	display: flex;
    justify-content: space-between;
}
#info .info_flex_l{
	width: 63%;
}
#info .info_flex_r{
	width: 34.5%;
}

#info .info_flex_l .info_flex_l_time{
	border-bottom: 1px solid #e4e1df;
	padding-bottom:20px;
	margin-bottom: 20px;
	display: flex;
    justify-content: space-between;
	font-size: min(100%,1.4vw);
}
#info .info_flex_l .info_flex_l_time_l{
	width: 66%;
}
#info .info_flex_l .info_flex_l_time_r{
	width: 30%;
}
#info .info_flex_l .info_flex_l_time_r p{
	font-size:110%;
	line-height: 1em;
	font-weight: bold;
	position: relative;
	padding-left: 1.3em;
	margin-bottom: .8em;
}
#info .info_flex_l .info_flex_l_time_r p::before{
	position: absolute;
	display: block;
	content: "";
	background: #95867f;
	background-size: 100% auto;
	width: .7em;
	height: 2px;
	top:48%;
	transform: translateY(-50%);
	left: 0;
}

#info .info_flex_l .com_cta {
	font-size: min(100%,1.2vw);
}

#info .com_cta__attention {
	margin-top: 20px;
}

#info .info_flex_r iframe{
	display: block;
}
#info .info_flex_r p{
	font-weight: bold;
	font-size:95%;
	line-height: 1.6em;
	margin: 1.3em 0 1em;
}
#info .info_flex_r ul{
	display: flex;
    justify-content: space-between;
	font-size: min(100%,1.3vw);
}
#info .info_flex_r ul li{
	width: 31.5%;
	border:1px solid #d5cecc;
	border-radius: 5px;
	text-align: center;
	color: #7a685f;
	font-size: 95%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
	padding: .8em 0;
}

#info .info_bnr{
	margin: 30px auto var(--gap-60);
	width: min(90%,920px);
	background: var(--color-laser);
	border-radius: 10px;
	padding: 20px 5%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#info .info_bnr_l{
	width: 32%;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
	transform: translateZ(0);
	backface-visibility: hidden;
}
#info .info_bnr_r{
	width: 66%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#info .info_bnr_r div{
	width: 15%;
}
#info .info_bnr_r dl{
	width: 82%;
}
#info .info_bnr_r dt{
	display: inline-block;
	background: #ee7d01;
	color: #fff;
	border-radius: 2em;
	font-size: var(--fs-15);
	font-weight: bold;
	line-height: 1em;
	padding: .8em 1.3em .7em;
	position: relative;
	margin-bottom: .5em;
}
#info .info_bnr_r dt::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/top/bnr_kids3.svg")no-repeat top left;
	background-size: 100% auto;
	width: 13px;
	aspect-ratio:13 / 15;
	top:calc(100% - 8px);
	left: 0;
}
#info .info_bnr_r dt span,
#info .info_bnr_r dd span{
	color: #ffff6e;
}
#info .info_bnr_r dd{
	position: relative;
	display: inline-block;
	font-size: var(--fs-25);
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	padding-right: 3.0rem;
}
#info .info_bnr_r dd i{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: 0;
	background: #877b5a;
}

#info .info_wp{
	max-width: 1150px;
	margin: 0 auto var(--gap-60);
	display: flex;
    justify-content: space-between;
}
#info .info_wp > div{
	width: 49%;
}
#info .info_wp_inbox{
	position: relative;
	border-radius: 10px;
	background: #fff;
	padding: 50px 4% 30px;
}
#info .info_wp_inbox > p{
	position: absolute;
	top:-0.5em;
	font-size: var(--fs-35);
	line-height: 1em;
	left: 9%;
}
#info .info_wp_inbox ul{
	max-width: 456px;
	margin: 0 auto;
}
#info .info_wp_inbox li{
	border-bottom: 1px solid #e4e1df;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#info .info_wp_inbox li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#info .info_wp_inbox dl{
	display: flex;
    justify-content: start;
    align-items: center;	
}
#info .info_wp_inbox dt{
	color: #8b8c8c;
	line-height: 1em;
	letter-spacing: 0.05em;
	margin-right: 1em;
}
#info .info_wp_inbox dd p{
	color: var(--color-purple);
	font-weight: bold!important;
	font-size:85%;
	line-height: 1em;
	border-radius: 2em;
	border:1px solid var(--color-purple);
	padding: .4em 1em .3em;
	min-width: 5em;
	text-align: center;
}
#info .info_wp_r dd p.cat_1{
	color: var(--color-corporate);
	border-color: currentColor;
}
#info .info_wp_r dd p.cat_2{
	color: var(--color-beauty);
	border-color: currentColor;
}
#info .info_wp_r dd p.cat_3{
	color: var(--color-laser);
	border-color: currentColor;
}
#info .info_wp_inbox li > p{
	line-height: 1.6em;
	margin-top: .8em;
}
#info .info_wp .btn{
	text-align: right;
	margin-top: .8em;
}
#info .info_wp .btn a{
	font-weight: bold;
	font-size: min(--fs-17);
	line-height: 1em;
	position: relative;
	padding-right: 2em;
}
#info .info_wp .btn a i{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: 0;
}

#info .info_sns {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	font-size: min(100%,1.5vw);
}
#info .info_sns dt{
	font-weight: bold;
	font-size:110%;
	line-height: 1em;
	border-bottom: 2px solid var(--color-purple);
	padding-bottom: 1em;
	margin-right: 2.5em;
}
#info .info_sns dd{
	display: flex;
    justify-content: center;
    align-items: center;
	gap:0 1em;
}
#info .info_sns dd a{
	background: #fff;
	border:1px solid #e4e1df;
	border-radius: 5em;
	height: 6em;
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 21.5em;
}
#info .info_sns .line span{
	line-height: 1em;
}
#info .info_sns .line span:nth-child(1){
	font-size:180%;
	color: #1bbf44;
	margin-right: .3em;
}
#info .info_sns .line span:nth-child(2){
	font-size:130%;
	font-weight: bold;
}
#info .info_sns .insta span{
	font-size:185%;
}
#info .info_sns span:nth-child(1){
	position: relative;
	padding-left: 4.5rem;
}
#info .info_sns span:nth-child(1)::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/common/icon_line.png")no-repeat top left;
	background-size: 100% auto;
	width: 3.5rem;
	aspect-ratio: 1 / 1;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
#info .info_sns .insta span:nth-child(1)::before{
	background-image: url("../images/common/icon_insta.png");
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#info .info_flex {
	display: block;
}
#info .info_flex_l {
	width: 100%;
	margin-bottom: var(--gap-60);
}
#info .info_flex_r {
	width: 100%;
}

#info .info_flex_l .info_flex_l_time {
	font-size: var(--fs-base);
}
#info .info_flex_l .com_cta {
	font-size: var(--fs-base);
}
#info .info_flex_r ul {
	font-size: var(--fs-base);
}

#info .info_bnr {
	width: 100%;
}

#info .info_wp_inbox{
	padding: var(--gap-60) 6% var(--gap-30);
}

#info .info_sns {
	column-gap: 3%;
}
#info .info_sns dt {
	font-size: 120%;
	margin-right: 0;
}
#info .info_sns dd {
	gap: 0 1%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#info .info_flex {
	display: block;
}
#info .info_flex_l {
	width: 100%;
	margin-bottom: var(--gap-80);
}
#info .info_flex_r {
	width: 100%;
}

#info .info_flex_l .info_flex_l_time {
	padding-bottom: var(--gap-40);
	margin-bottom: var(--gap-40);
	display: block;
	font-size: var(--fs-14);
}
#info .info_flex_l .info_flex_l_time_l ,
#info .info_flex_l .info_flex_l_time_r {
	width: 100%;
	margin-bottom: var(--gap-60);
}

#info .com_cta__attention {
	margin-top: var(--gap-40);
}

#info .info_flex_r iframe {
	height: 80vw;
}
#info .info_flex_r p {
	font-size: var(--fs-15);
}
#info .info_flex_r ul {
	font-size: var(--fs-15);
	letter-spacing: normal;
}
#info .info_flex_r ul li {
	border-radius: .5em;
	font-size: 100%;
	letter-spacing: .05em;
}
#info .info_flex_r ul li br {
	display: block !important;
}

#info .info_bnr {
	margin-top: var(--gap-60);
	width: 90%;
	border-radius: 3vw;
	padding: 5vw 6%;
	display: block;
	position: relative;
	margin-bottom: var(--gap-120);
}
#info .info_bnr_l {
	width: 100%;
	margin-bottom: 3vw;
}
#info .info_bnr_r {
	width: 100%;
}
#info .info_bnr_r div {
	width: 25%;
}
#info .info_bnr_r dl {
	width: 70%;
}
#info .info_bnr_r dt {
	display: block;
	text-align: center;
	font-size: var(--fs-12);
	padding: .8em 0 .7em;
}
#info .info_bnr_r dd {
	display: block;
	font-size: var(--fs-35);
	line-height: 1.4em;
	padding-right: 0;
	position: static;
}
#info .info_bnr_r dd i {
	right: 3%;
	top: auto;
	bottom: 0;
	transform: translateY(50%);
}

#info .info_wp {
	display: block;
}
#info .info_wp > div{
	width: 100%;
	margin-bottom: var(--gap-80);
}
#info .info_wp_inbox{
	padding: var(--gap-60) 6% var(--gap-40);
}
#info .info_wp_inbox ul {
	max-width: 100%;
}
#info .info_wp_inbox li {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
#info .info_wp_inbox li > p {
	line-height: 1.6em;
	margin-top: .5em;
}

#info .info_sns {
	display: block;
	font-size: var(--fs-15);
	text-align: center;
}
#info .info_sns dt {
	width: max-content;
	margin: 0 auto 1.5em;
}
#info .info_sns dd {
	display: block;
}
#info .info_sns dd a {
	height: 5em;
	width: 90%;
	margin: .5em auto 0;
}
}



/* shiten
---------------------------------------------------------*/
#shiten .bg {
	padding-top: var(--gap-200);
	padding-bottom: var(--gap-120);
	position: relative;
}
#shiten .bg::before {
	content: "";	/*斜め白背景*/
	position: absolute;
	z-index: -1;
	width: 100%;
	height: min(1460px,95vw);
	background: #fff;
	transform: skewY(18deg);
	left: 0;
	top: 10vw;
}

#shiten .shi_sankaku {
	position: absolute;
	z-index: 10;
	width: 20vw;
}
#shiten .shi_sankaku span {
	display: block;
	filter: drop-shadow(0 30px 10px rgba(0,0,0,0.2));
	transform: translateZ(0);
	backface-visibility: hidden;
}

#shiten .shi_title {
	position: relative;
	margin-bottom: var(--gap-60);
}
#shiten .shi_title h2 {
	width: min(50%,525px);
}

#shiten .shi_number {
	font-size: min(12.0rem,12vw);
	line-height: 1em;
    background: linear-gradient(to bottom, #e1bde7 0%, #c2a7df 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
	position: absolute;
	z-index: 0;
	top: -.6em;
	right: 0;
}
#shiten2 .shi_number{
    background: linear-gradient(to bottom, #b0ded1 0%, #91d1e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
#shiten3 .shi_number{
    background: linear-gradient(to bottom, #84dca0 0%, #84dcd4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
#shiten4 .shi_number{
    background: linear-gradient(to bottom, #ffbdc0 0%, #ffd874 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
#shiten5 .shi_number{
    background: linear-gradient(to bottom, #ffd366 0%, #fcc5d9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
#shiten .txtbox {
	position: relative;
}

#shiten .shi_index1 {
	position: relative;
	z-index: 1;
	font-size: var(--fs-35);
	font-weight: bold;
	letter-spacing: 0.12em;
	line-height: 1.5em;
	margin-bottom: .5em;
}
#shiten .shi_index2 {
	font-size: var(--fs-20);
	font-weight: bold;
	letter-spacing: 0.12em;
	line-height: 1.5em;
	color: var(--color-foot);
}
#shiten .shi_index2:has(+ p){
	margin-bottom: 1em;
}
#shiten2 .shi_index2{color: var(--color-surgery);}
#shiten3 .shi_index2{color: var(--color-corporate);}
#shiten4 .shi_index2{color: #ffb21f;}
#shiten5 .shi_index2{color: var(--color-beauty);}

#shiten1 {
	margin-bottom: var(--gap-120);
}
#shiten1 .flexbox {
	position: relative;
}
#shiten1 .flexbox_l {
	width: 44%;
}
#shiten1 .flexbox_r {
	width: min(52%,580px);
}
#shiten1 .flexbox_l .sub_img {
	width: min(38%,475px);
	position: absolute;
	right: 0;
	bottom: calc(100% + 140px);
}
#shiten1 .flexbox_l .sub_img .shi_sankaku {
	max-width: 238px;
	bottom: 0;
	left: 0;
	transform: translate(-90%,60%);
}
#shiten1 .flexbox_r .flexbox_r_inbox {
	max-width: 440px;
}

#shiten2 {
	margin-bottom: var(--gap-120);
}
#shiten2 .flexbox {
	display: flex;
    justify-content: space-between;
	flex-direction: row-reverse;
    align-items: flex-end;
}
#shiten2 .flexbox_r {
	width: 58%;
	position: relative;
}
#shiten2 .flexbox_l {
	width: 38%;
	max-width: 435px;
	position: relative;
}
#shiten2 .flexbox_r .slide_wrap {
	width: 70vw;
	overflow: hidden;
}
#shiten2 .flexbox_r .shiten2__slider .swiper-slide {
	width: min(30vw,360px);
}
#shiten2 .flexbox_r .shi_sankaku {
	max-width: 214px;
	right: 12%;
	top: 0;
	transform: translateY(-75%);
}

.shiten3_4 {
	margin-bottom: var(--gap-120);
}
.shiten3_4 .w1200 {
	position: relative;
}
.shiten3_4 .flexbox > div {
	width: min(48%,560px);
	position: relative;
}
.shiten3_4 .txtbox {
	margin-top: var(--gap-40);
	width: min(100%,465px);
	margin-inline: auto;
}
#shiten3 .shi_sankaku {
	max-width: 198px;
	left: 0;
	top: 5vw;
	transform: translateX(-50%);
}
#shiten4 .shi_sankaku {
	max-width: 218px;
	right: 0;
	bottom: 0;
	transform: translate(5%,90%);
}

#shiten5 .slide_wrap {
	position: relative;
	z-index: 0;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
}
#shiten5 .slide_wrap .swiper-slide {
	width: min(70vw,960px);
}
#shiten5 .shiten5_inbox {
	position: relative;
	padding-top: 70px;
}
#shiten5 .flexbox_l {
	width: 40%;
	margin-top: 50px;
}
#shiten5 .flexbox_r {
	width: 56%;
}
#shiten5 .shi_sankaku {
	max-width: 225px;
	left: 0;
	top: 0;
	transform: translate(-50%,-130%);
}
#shiten5 .col4{
	position: absolute;
	display: flex;
	column-gap: .5em;
	top: 0;
	right: 0;
	transform: translate(10%,-70%);
}
#shiten5 .col4 li{
	width: 10em;
	aspect-ratio:1 / 1;
	background: #fff;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	font-weight: bold;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.3));
	transform: translateZ(0);
	backface-visibility: hidden;
}
#shiten5 .col4 li .txt_b {
	font-size:120%;
	font-weight: bold;
	line-height: 1.2em;
	color: var(--color-beauty);
}
#shiten5 .col4 li .txt_s {
	font-size:85%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.3em;
	color: #95867f;
}
#shiten5 .col4 li .txt_b + .txt_s {
	margin-top: .5em;
}
#shiten5 .col4 li .txt_s + .txt_b {
	margin-top: .3em;
}
#shiten5 .col4 li:nth-child(even) .txt_b{color: #fa9181;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#shiten .shi_title h2 {
	width: 55%;
}

#shiten .shi_index1 {
	letter-spacing: .06em;
}
#shiten .shi_index2:has(+ p) {
	margin-bottom: .5em;
}

#shiten1 .flexbox_l .sub_img {
	bottom: calc(100% + 10vw);
}
#shiten1 .flexbox_l .sub_img .shi_sankaku {
	transform: translate(-60%,60%);
}

#shiten3 .shi_sankaku {
	left: 0;
	top: 0;
	transform: translate(-40%,-80%);
}

#shiten5 .shi_sankaku {
	left: 0;
	top: 0;
	transform: translate(-30%,-150%);
}
#shiten5 .col4 {
	transform: translate(8%,-70%);
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#shiten .shi_sankaku {
	width: 30vw;
}
#shiten .shi_sankaku span {
	filter: drop-shadow(0 20px 10px rgba(0,0,0,0.2));
}

#shiten .shi_title {
	margin-bottom: 3vw;
}
#shiten .shi_title h2 {
	width: 100%;
}

#shiten .shi_number {
	font-size: 10.0rem;
}

#shiten .shi_index1 {
	letter-spacing: 0.06em;
	margin-bottom: .5em;
}
#shiten .shi_index2 {
	letter-spacing: 0.06em;
}
#shiten .shi_index2:has(+ p){
	margin-bottom: .7em;
}

#shiten1 .flexbox {
	display: block;
}
#shiten1 .flexbox_l {
	width: 100%;
	position: relative;
	padding-bottom: 25vw;
}
#shiten1 .flexbox_r {
	width: 100%;
}
#shiten1 .flexbox_l .sub_img {
	width: 70%;
	right: auto;
	left: -6%;
	bottom: 0;
	margin-bottom: var(--gap-40);
}
#shiten1 .flexbox_l .sub_img .shi_sankaku {
	bottom: 0;
	left: 65%;
	transform: translateY(30%);
}
#shiten1 .flexbox_r .flexbox_r_inbox {
	max-width: 100%;
}

#shiten2 .flexbox {
	display: block;
}
#shiten2 .flexbox_r {
	width: 100%;
	margin-bottom: var(--gap-60);
	position: relative;
	z-index: 0;
}
#shiten2 .flexbox_l {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 1;
}
#shiten2 .flexbox_r .slide_wrap {
	width: 100%;
	overflow: visible;
}
#shiten2 .flexbox_r .shiten2__slider .swiper-slide {
	width: 60vw;
}
#shiten2 .flexbox_r .shi_sankaku {
	right: 0;
	top: 0;
	transform: translateY(-50%);
}

.shiten3_4 .flexbox {
	display: block;
}
.shiten3_4 .flexbox > div {
	width: 100%;
	margin-bottom: var(--gap-120);
}
.shiten3_4 .txtbox {
	width: 100%;
}
#shiten3 .shi_sankaku {
	left: auto;
	right: 0;
	top: 0;
	transform: translate(30%,-50%);
}
#shiten4 .shi_sankaku {
	right: 0;
	bottom: 0;
	transform: translate(15%,70%);
}

#shiten5 .slide_wrap {
	margin-bottom: var(--gap-60);
}
#shiten5 .slide_wrap .swiper-slide {
	width: 100vw;
}
#shiten5 .shiten5_inbox {
	padding-top: 0;
}
#shiten5 .flexbox {
	display: block;
}
#shiten5 .flexbox_l {
	width: 100%;
	margin-top: 0;
}
#shiten5 .flexbox_r {
	width: 100%;
}
#shiten5 .shi_index2 {
	margin-bottom: .7em;
}
#shiten5 .shi_sankaku {
	left: 0;
	top: 0;
	transform: translate(-25%,-110%);
}
#shiten5 .col4 {
	width: 90%;
	margin-inline: auto;
	margin-top: var(--gap-80);
	position: relative;
	top: auto;
	right: auto;
	transform: none;
    justify-content: space-between;
    flex-wrap: wrap;
	gap: 4vw 0;
}
#shiten5 .col4 li {
	width: 48%;
}
}



/* トップ共通
---------------------------------------------------------*/
.top_index1 {
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: min(100%,1.5vw);
}
.top_index1 .txt1,
.top_index1 .txt4 {	
	font-size: 550%;
	letter-spacing: 0.18em;
	line-height: 1em;
}
.top_index1 .txt1 {
	color: var(--color-general);
}
.top_index1 .txt1 span {
	position: relative;
}
.top_index1 .txt1 span::before {
	content: "";
	display: block;
	width: .1em;
	aspect-ratio:1 / 1;
	background: currentcolor;
	border-radius: 50%;
	position: absolute;
	top: 0.1em;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.top_index1 .txt2 {	
	font-size: 210%;
	letter-spacing: 0.3em;
	line-height: 1.0em;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	padding-top: .5em;
}
.top_index1 .txt3 {
	position: relative;
}
.top_index1 .txt3 .img {
	display: block;
	width: min(155px,10em);
	margin: 0 1.5em;
}
.top_index1 .txt3 .serif {
	position: absolute;
	top: 0;
	left: 70%;
	transform: translateY(-40%);
	white-space: nowrap;
	text-align: center;
	font-size: var(--fs-16);
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	background: var(--color-general);
	padding: .7em 2.0em;
	border-radius: 100vmax;
}
.top_index1 .txt3 .serif::before {
	content: "";
	background: url("../images/top/deco_disease2.svg")no-repeat top left;
	background-size: contain;
	width: 1em;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: calc(100% - 0.3em);
	left: 1.3em;
}
.top_index1 .txt3 .serif strong {
	color: #ffff6e;
}

#symptoms .top_index1 .txt1{color: #da8c9f;}
#symptoms .top_index1 .txt3 .serif{	background: #da8c9f;}
#symptoms .top_index1 .txt3 .serif::before{background-image: url("../images/top/deco_symptoms2.svg");}

.top_en_fs80 {
	font: var(--font-en);
	font-size: min(8.0rem,7.0vw);
	letter-spacing: 0.05em;
	line-height: 1em;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.top_index1 {
	font-size: var(--fs-base);
}
.top_index1 .txt1,
.top_index1 .txt4 {	
	font-size: 340%;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
.top_index1 .txt2 {	
	font-size: 140%;
	letter-spacing: 0.1em;
	padding-top: .3em;
}
.top_index1 .txt3 .img {
	width: 4.5em;
	margin: 0 .5em;
}
.top_index1 .txt3 .serif {
	top: 0;
	left: 0;
	transform: translateY(-80%);
	font-size: var(--fs-12);
	padding: .7em 1.5em;
}
.top_index1 .txt3 .serif::before {
	left: 5.0em;
}

.top_en_fs80 {
	font-size: 6.2rem;
	letter-spacing: 0.05em;
	line-height: 1em;
}
}



/* disease
---------------------------------------------------------*/
#disease .max_1536 {
	padding-top: var(--gap-120);
}
#disease .top_index1 {
	margin-bottom: 30px;
}

.kamoku_box {
	position: relative;
	display: flex;
    justify-content: space-between;
}
.kamoku_box .kamoku_title {
	width: 24.5%;
	position: relative;
	z-index: 0;
	padding-bottom: 190px;
}
.kamoku_box .kamoku_content {
	width: 75.5%;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	background: var(--subject-light-color);
	border-top-left-radius: min(80px,6vw);
	min-height: 400px;
}

.kamoku_box .kamoku_title .img {
	width: 128%;
	position: relative;
	z-index: 0;
}
.kamoku_box .kamoku_title .txt {
	position: absolute;
	z-index: 1;
	left: 0;
	top: min(300px,25vw);
}

.kamoku_box .kamoku_title .txt {
	width: 100%;
	padding-left: 12%;
}
.kamoku_box .kamoku_title .txt .maru {
	position: absolute;
	bottom: calc(100% + 20px);
	left: 6%;
	width: 9.5em;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: var(--subject-color);
	text-align: center;
	color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.kamoku_box .kamoku_title .maru .normal {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.5em;
}
.kamoku_box .kamoku_title .maru .ft_min {
	font-size: 140%;
	line-height: 1.2em;
	color: #ffff6e;
}
.kamoku_box .kamoku_title .txt > .ft_min {
	font-size: min(4.5rem,3.4vw);
	letter-spacing: 0.05em;
	line-height: 1.3em;
}
.kamoku_box .kamoku_title .txt > .ft_en {
	color: var(--subject-color);
	font-size: var(--fs-15);
	line-height: 1.4em;
	margin-top: 1.3em;
}

.kamoku_box .kamoku_content_inbox {
	padding: var(--gap-50) 4% var(--gap-60);
}

.kamoku_box .com_btn1 {
	text-align: center;
}
.kamoku_box .com_btn1 a::before {
	color: var(--subject-color);
}
.kamoku_box .com_btn1 a:hover {
	border-color: var(--subject-color);
	background: var(--subject-color);
	color: #fff;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#disease .top_index1 {
	margin-bottom: 3vw;
}

.kamoku_box .kamoku_title {
	width: 27%;
}
.kamoku_box .kamoku_content {
	width: 73%;
}

.kamoku_box .kamoku_title .txt {
	top: 30vw;
	padding-left: 10%;
}

.kamoku_box .kamoku_title .txt .maru {
	bottom: calc(100% + 2vw);
}
.kamoku_box .kamoku_title .txt > .ft_min {
	font-size: min(4.5rem,4.2vw);
}
.kamoku_box .kamoku_title .txt > .ft_en {
	margin-top: 1.0em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#disease .top_index1 {
	margin-bottom: var(--gap-80);
}

.kamoku_box {
	display: block;
}
.kamoku_box .kamoku_title {
	width: 100%;
	padding-bottom: 0;
}
.kamoku_box .kamoku_content {
	width: 100%;
	margin-top: 0;
	border-top-left-radius: 10vw;
	min-height: 0;
}

.kamoku_box .kamoku_title .img {
	width: 100%;
}
.kamoku_box .kamoku_title .txt {
	left: 0;
	top: auto;
	bottom: 5vw;
}

.kamoku_box .kamoku_title .txt {
	padding: 0 5%;
}
.kamoku_box .kamoku_title .txt .maru {
	position: static;
	font-size: var(--fs-15);
	width: 9.0em;
	margin-bottom: 0;
}
.kamoku_box .kamoku_title .txt > .ft_min {
	font-size: 4.0rem;
}
.kamoku_box .kamoku_title .txt > .ft_en {
	margin-top: .6em;
}
#surgery .kamoku_box .kamoku_title .txt .maru,
#foot .kamoku_box .kamoku_title .txt .maru {
	margin-left: auto;
	margin-right: 0;
}
#surgery .kamoku_box .kamoku_title .txt .maru {
	transform: translateY(50%);
}

.kamoku_box .kamoku_content_inbox {
	padding: var(--gap-80) 5% var(--gap-80);
}
}



/* equipment
---------------------------------------------------------*/
#equipment .bg{
	position: relative;
	background: url("../images/top/bg_eq.jpg")no-repeat top center #68789c;
	background-size: 100% auto;
	padding-top: var(--gap-100);
}
#equipment .bg::before {
	position: absolute;
	display: block;
	content: "";	/*下部白背景*/
	background: #fff;
	background-size: 100% auto;
	width: 100%;
	height: 110px;
	bottom: 0;
	left: 0;
}
#equipment .title{
	text-align: center;
	margin-bottom: var(--gap-50);
}
#equipment .title .ft_min{
	font-size: var(--fs-35);
	line-height: 1.6em;
	color: #fff;
}
#equipment .title .ft_en{
	font-size: var(--fs-15);
	line-height: 1em;
	color: #a4ffff;
	margin-top: 1.3em;
}
#equipment .content{
	position: relative;
	z-index: 3;
	background: #fff;
	border-radius: 30px;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.3));
	transform: translateZ(0);
	backface-visibility: hidden;
	padding: var(--gap-60) 2%;
}
#equipment .content ul{
	display: flex;
    justify-content: start;
	flex-wrap: wrap;
	row-gap: 40px;
	font-size: var(--fs-17);
	line-height: 1.6em;
	text-align: center;
}
#equipment .content li{
	width: 25%;
	border-right: dashed 1px #d5cecc;
	padding: 0 2% .5em;
}
#equipment .content li:nth-child(4n){
	border-right: none;
}
#equipment .content .img{
	position: relative;
	width: min(70%,160px);
	margin-inline: auto;
}
#equipment .content .img i{
	position: absolute;
	bottom: .5em;
	right: .5em;
	font-size: .7em;
	width: 2.6em;
}
#equipment .content p{
	font-weight: bold;
	margin-top: 1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#equipment .content ul {
	font-size: var(--fs-15);
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#equipment .bg {
	padding-top: var(--gap-150);
}
#equipment .bg::before {
	height: 10vw;
}
#equipment .title {
	margin-bottom: var(--gap-80);
}
#equipment .title .ft_en {
	margin-top: 1.0em;
}
#equipment .content {
	border-radius: 4vw;
	padding: var(--gap-60) 2%;
}
#equipment .content ul {
    justify-content: space-between;
	row-gap: var(--gap-40);
}
#equipment .content li{
	width: 50%;
	padding: 0 2% .5em;
}
#equipment .content li:nth-child(2n){
	border-right: none;
}
#equipment .content .img{
	width: 80%;
}
#equipment .content .img i {
	bottom: 0;
	right: 0;
}
}



/* symptoms
---------------------------------------------------------*/
#symptoms .bg_white {
	padding-top: var(--gap-100);
}

.symptoms__list {
	width: 100%;
	max-width: 1424px;
	margin: 0 auto;
	font-size: var(--fs-15);
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 1.2em;
	display: flex;
    flex-wrap: wrap;
	column-gap: 1.066%;
}
.symptoms__open-btn {
	margin-top: 20px;
	width: 24.2%;
}
.symptoms__open-box {
	width: 100%;
}
.symptoms__list > li:nth-child(1) {order: 1;}
.symptoms__list > li:nth-child(3) {order: 2;}
.symptoms__list > li:nth-child(5) {order: 3;}
.symptoms__list > li:nth-child(7) {order: 4;}
.symptoms__list > li:nth-child(2) {order: 5;}
.symptoms__list > li:nth-child(4) {order: 6;}
.symptoms__list > li:nth-child(6) {order: 7;}
.symptoms__list > li:nth-child(8) {order: 8;}

.symptoms__list > li:nth-child(9) {order: 9;}
.symptoms__list > li:nth-child(11) {order: 10;}
.symptoms__list > li:nth-child(13) {order: 11;}
.symptoms__list > li:nth-child(15) {order: 12;}
.symptoms__list > li:nth-child(10) {order: 13;}
.symptoms__list > li:nth-child(12) {order: 14;}
.symptoms__list > li:nth-child(14) {order: 15;}
.symptoms__list > li:nth-child(16) {order: 16;}

.symptoms__list > li:nth-child(17) {order: 17;}
.symptoms__list > li:nth-child(19) {order: 18;}
.symptoms__list > li:nth-child(21) {order: 19;}
.symptoms__list > li:nth-child(23) {order: 20;}
.symptoms__list > li:nth-child(18) {order: 21;}
.symptoms__list > li:nth-child(20) {order: 22;}
.symptoms__list > li:nth-child(22) {order: 23;}
.symptoms__list > li:nth-child(24) {order: 24;}

.symptoms__list > li:nth-child(25) {order: 25;}
.symptoms__list > li:nth-child(27) {order: 26;}
.symptoms__list > li:nth-child(29) {order: 27;}
.symptoms__list > li:nth-child(31) {order: 28;}
.symptoms__list > li:nth-child(26) {order: 29;}
.symptoms__list > li:nth-child(28) {order: 30;}
.symptoms__list > li:nth-child(30) {order: 31;}
.symptoms__list > li:nth-child(32) {order: 32;}

.symptoms__list > li:nth-child(33) {order: 33;}
.symptoms__list > li:nth-child(35) {order: 34;}
.symptoms__list > li:nth-child(37) {order: 35;}
.symptoms__list > li:nth-child(39) {order: 36;}
.symptoms__list > li:nth-child(34) {order: 37;}
.symptoms__list > li:nth-child(36) {order: 38;}
.symptoms__list > li:nth-child(38) {order: 39;}
.symptoms__list > li:nth-child(40) {order: 40;}

.symptoms__open-btn {
	background: #fff;
	border: solid 1px #d5cecc;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
	font-feature-settings: "halt";
	height: 5.0em;
	padding: 0 .5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
	transition: all 0.4s;
}
.symptoms__open-btn:hover,
.symptoms__open-btn.is-open {
	border-color: #da8c9f;
	color: #da8c9f;
}
.symptoms__open-btn::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: .9em;
	left: 0;
	top: 100%;
	background: url("../images/top/deco_symptoms3.svg") no-repeat center center;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.4s;
}
.symptoms__open-btn.is-open::before {
	transition-delay: 0.2s;
	opacity: 1;
}

.symptoms__open-box {
	display: none;	/*初期表示*/
	position: relative;
	z-index: 1;
	padding: 1.5em 0 1.0em;
}
.symptoms__open-box a {
	text-decoration: underline;
}
.symptoms__open-box a:hover {
	text-decoration: none;
}

.symptoms__sub-menu {
	width: 90%;
	margin-inline: auto;
	background: #da8c9f;
	color: #fff;
	font-size: var(--fs-15);
	font-weight: bold;
	line-height: 1.4em;
	padding: 1.5em 1.5em;
	border-radius: .5em;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	row-gap: 1.0em;
}
.symptoms__sub-menu > li {
	position: relative;
	padding: 0 1.5em;
}
.symptoms__sub-menu > li::before {
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% - .5em);
	background: currentcolor;
	right: 0;
	top: .2em;
}
.symptoms__sub-menu > li:last-child::before {
	display: none;
}

#symptoms .btn {
	margin: var(--gap-60) auto 0;
	display: flex;
    justify-content: center;
}
#symptoms .btn li{
	position: relative;
	color: #fff;
	background: #81a6d6;
}
#symptoms .btn li:nth-child(2){background: #dbc957;}
#symptoms .btn li:nth-child(3){background: #bfb396;}

#symptoms .btn li a {
	font-size: var(--fs-28);
	line-height: 1.4em;
	width: 10.5em;
	height: 5em;
	display: flex;
    justify-content: center;
    align-items: center;
}
#symptoms .btn li a span{
	position: relative;
	width: 8.5em;
	padding-left: 3em;
}
#symptoms .btn li a span::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/top/icon_search.svg")no-repeat top left;
	background-size: 100% auto;
	width: 2.5em;
	aspect-ratio:1 / 1;
	top:50%;
	transform: translateY(-50%);
	left: 0;
}
#symptoms .btn li:nth-child(2) a span::before{
	background-image: url("../images/top/icon_faq.svg");}
#symptoms .btn li:nth-child(3) a span::before{
	background-image: url("../images/top/icon_price.svg");}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.symptoms__list {
	letter-spacing: normal;
	column-gap: 1.1%;
}
.symptoms__open-btn {
	margin-top: 10px;
	width: 32.6%;
}
.symptoms__list > li:nth-child(1) {order: 1;}
.symptoms__list > li:nth-child(3) {order: 2;}
.symptoms__list > li:nth-child(5) {order: 3;}
.symptoms__list > li:nth-child(2) {order: 4;}
.symptoms__list > li:nth-child(4) {order: 5;}
.symptoms__list > li:nth-child(6) {order: 6;}
	
.symptoms__list > li:nth-child(7) {order: 7;}
.symptoms__list > li:nth-child(9) {order: 8;}
.symptoms__list > li:nth-child(11) {order: 9;}	
.symptoms__list > li:nth-child(8) {order: 10;}
.symptoms__list > li:nth-child(10) {order: 11;}
.symptoms__list > li:nth-child(12) {order: 12;}

.symptoms__list > li:nth-child(13) {order: 13;}	
.symptoms__list > li:nth-child(15) {order: 14;}
.symptoms__list > li:nth-child(17) {order: 15;}
.symptoms__list > li:nth-child(14) {order: 16;}
.symptoms__list > li:nth-child(16) {order: 17;}
.symptoms__list > li:nth-child(18) {order: 18;}

.symptoms__list > li:nth-child(19) {order: 19;}
.symptoms__list > li:nth-child(21) {order: 20;}
.symptoms__list > li:nth-child(23) {order: 21;}
.symptoms__list > li:nth-child(20) {order: 22;}
.symptoms__list > li:nth-child(22) {order: 23;}
.symptoms__list > li:nth-child(24) {order: 24;}

.symptoms__list > li:nth-child(25) {order: 25;}	
.symptoms__list > li:nth-child(27) {order: 26;}
.symptoms__list > li:nth-child(29) {order: 27;}
.symptoms__list > li:nth-child(26) {order: 28;}
.symptoms__list > li:nth-child(28) {order: 29;}
.symptoms__list > li:nth-child(30) {order: 30;}

.symptoms__list > li:nth-child(31) {order: 31;}
.symptoms__list > li:nth-child(33) {order: 32;}
.symptoms__list > li:nth-child(35) {order: 33;}
.symptoms__list > li:nth-child(32) {order: 34;}
.symptoms__list > li:nth-child(34) {order: 35;}
.symptoms__list > li:nth-child(36) {order: 36;}

.symptoms__list > li:nth-child(37) {order: 37;}
.symptoms__list > li:nth-child(39) {order: 38;}
.symptoms__list > li:nth-child(41) {order: 39;}
.symptoms__list > li:nth-child(38) {order: 40;}
.symptoms__list > li:nth-child(40) {order: 41;}
.symptoms__list > li:nth-child(42) {order: 42;}
	
.symptoms__open-btn {
	height: 4.0em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#symptoms .bg_white {
	padding-top: var(--gap-150);
	padding-bottom: var(--gap-100);
}
#symptoms .top_index1 {
	margin-bottom: var(--gap-40);
}
	
.symptoms__list {
    justify-content: space-between;
	text-align: left;
	font-size: var(--fs-14);
	letter-spacing: normal;
	column-gap: 0;
}
.symptoms__open-btn {
	width: 49%;
	margin-top: 2%;
}

.symptoms__list > li:nth-child(1) {order: 1;}
.symptoms__list > li:nth-child(3) {order: 2;}
.symptoms__list > li:nth-child(2) {order: 3;}
.symptoms__list > li:nth-child(4) {order: 4;}
	
.symptoms__list > li:nth-child(5) {order: 5;}
.symptoms__list > li:nth-child(7) {order: 6;}
.symptoms__list > li:nth-child(6) {order: 7;}
.symptoms__list > li:nth-child(8) {order: 8;}

.symptoms__list > li:nth-child(9) {order: 9;}
.symptoms__list > li:nth-child(11) {order: 10;}
.symptoms__list > li:nth-child(10) {order: 11;}
.symptoms__list > li:nth-child(12) {order: 12;}
	
.symptoms__list > li:nth-child(13) {order: 13;}
.symptoms__list > li:nth-child(15) {order: 14;}
.symptoms__list > li:nth-child(14) {order: 15;}
.symptoms__list > li:nth-child(16) {order: 16;}

.symptoms__list > li:nth-child(17) {order: 17;}
.symptoms__list > li:nth-child(19) {order: 18;}
.symptoms__list > li:nth-child(18) {order: 19;}
.symptoms__list > li:nth-child(20) {order: 20;}
	
.symptoms__list > li:nth-child(21) {order: 21;}
.symptoms__list > li:nth-child(23) {order: 22;}
.symptoms__list > li:nth-child(22) {order: 23;}
.symptoms__list > li:nth-child(24) {order: 24;}
	
.symptoms__list > li:nth-child(25) {order: 25;}
.symptoms__list > li:nth-child(27) {order: 26;}
.symptoms__list > li:nth-child(26) {order: 27;}
.symptoms__list > li:nth-child(28) {order: 28;}
	
.symptoms__list > li:nth-child(29) {order: 29;}
.symptoms__list > li:nth-child(31) {order: 30;}
.symptoms__list > li:nth-child(30) {order: 31;}
.symptoms__list > li:nth-child(32) {order: 32;}
	
.symptoms__list > li:nth-child(33) {order: 33;}
.symptoms__list > li:nth-child(35) {order: 34;}
.symptoms__list > li:nth-child(34) {order: 35;}
.symptoms__list > li:nth-child(36) {order: 36;}
	
.symptoms__list > li:nth-child(37) {order: 37;}
.symptoms__list > li:nth-child(39) {order: 38;}
.symptoms__list > li:nth-child(38) {order: 39;}
.symptoms__list > li:nth-child(40) {order: 40;}

.symptoms__open-btn {
	border-radius: .5em;
	letter-spacing: normal;
	line-height: 1.2em;
	height: 4.0em;
	padding: 0 1.0em;
}

.symptoms__sub-menu {
	width: 100%;
	padding: 1.0em 1.0em;
}
.symptoms__sub-menu > li {
	padding: 0 1.2em;
}

#symptoms .btn li {
	width: 33.3333%;
}
#symptoms .btn li a {
	font-size: var(--fs-18);
	text-align: center;
	width: 100%;
	height: 7.8em;
	padding-top: 1.0em;
	display: block;
}
#symptoms .btn li a span {
	display: block;
	width: 100%;
	padding: 0;
}
#symptoms .btn li a span::before {
	position: static;
	width: 2.5em;
	margin: 0 auto .5em;
	transform: none;
}
}



/* message
---------------------------------------------------------*/
#message .bg {
	background: var(--color-corporate) url("../images/top/bg_message.svg") no-repeat top -1px right;
	background-size: 100% auto;
	padding: var(--gap-100) 0 var(--gap-120);
}

#message .box1 {
	margin-bottom: var(--gap-60);
}
#message .box1_title {
	position: relative;
	z-index: 2;
	margin-bottom: var(--gap-50);
}
#message .box1_title_tit1 .top_en_fs80 {
	color: #ade1df;
}
#message .box1_title_tit1 h2{
	font-size: var(--fs-20);
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	margin-top: 1.2em;
}
#message .box1 .layout_box {
	position: relative;
	z-index: 1;
	width: min(96%,1150px);
	margin-inline: auto;
}
#message .box1_title_tit2 {
	color: #fff;
	font-size: var(--fs-50);
	line-height: 1.6em;
	margin-bottom: var(--gap-90);
}
#message .box1 .layout_box .img_r {
	width: min(56%,640px);
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 70px;
	transform: translateX(12%);
}
#message .box1 .layout_box .con {
	width: min(60%,640px);
	background: #fff;
	border-radius: 10px;
	padding: var(--gap-90) 4% var(--gap-60);
	position: relative;
}
#message .box1 .con .tit{
	position: absolute;
	top:-2.5em;
	left:-4em;
	font-size: var(--fs-20);
	line-height: 1.5em;
	text-align: center;
	color: #95867f;
	z-index: 3;
	width: 18em;
}
#message .box1 .con .tit p{
	position: absolute;
	top:40%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	font-weight: bold;
}
#message .box1 .con > p {
	width: min(100%,500px);
	margin-inline: auto;
}

#message .box2{
	display: flex;
    justify-content: space-between;
    align-items: center;
	max-width: 1220px;
	margin: 0 auto;
}
#message .box2_l {
	width: 76%;
}
#message .box2_r {
	width: 24%;
}

#message .box2_l {
	border-right: dashed 1px #fff;
	padding-right: 2%;
	display: flex;
    justify-content: space-between;
}
#message .box2_l ul:nth-child(1){
	width: 48%;
}
#message .box2_l ul:nth-child(2){
	width: 48%;
}
#message .box2_l li{
	color: #fff;
	letter-spacing: normal;
	position: relative;
	padding-left: 1em;
}
#message .box2_l li::before{
	position: absolute;
	display: block;
	content: "";
	background: #b9ffff;
	background-size: 100% auto;
	width: 3px;
	height: .8em;
	top:.65em;
	left: 0;
}
#message .box2_r {
	text-align: right;
}
#message .box2_r dl{
	display: flex;
    justify-content: flex-end;
    align-items: center;
	color: #fff;
}
#message .box2_r dt {
	font-size: var(--fs-20);	
	line-height: 1em;
	margin-right: .7em;
}
#message .box2_r dd {
	font-size: var(--fs-35);	
}
#message .box2_r .com_btn1 {
	width: min(90%,240px);
	margin-left: auto;
	margin-right: 0;
}
#message .box2_r .com_btn1 a {
	display: flex;
	min-width: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .box2_l {
	width: 65%;
}
#message .box2_r {
	width: 30%;
}

#message .box2_l {
	padding-right: 0;
	display: block;
}
#message .box2_l ul {
	width: 100% !important;
}
#message .box2_r dd {
	font-size: var(--fs-40);	
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#message .box1 .layout_box {
	width: 100%;
}
#message .box1_title_tit2 {
	margin-left: 5%;
	margin-bottom: var(--gap-40);
}
#message .box1 .layout_box .img_r {
	width: 90%;
	margin-inline: auto;
	position: relative;
	right: auto;
	bottom: auto;
	transform: none;
}
#message .box1 .layout_box .con {
	width: 100%;
	border-radius: 2vw;
	padding: var(--gap-150) 6% var(--gap-60);
}
#message .box1 .con .tit {
	top: -3.5em;
	left: -.8em;
	font-size: var(--fs-20);
}
#message .box1 .con > p {
	width: 100%;
}

#message .box2 {
	display: block;
}
#message .box2_l {
	width: 100%;
}
#message .box2_r {
	width: 100%;
}

#message .box2_l {
	border-right: none;
	border-bottom: dashed 1px #fff;
	padding: 0 0 var(--gap-40);
	margin-bottom: var(--gap-40);
	display: block;
}
#message .box2_l ul:nth-child(1),
#message .box2_l ul:nth-child(2) {
	width: 100%;
	font-size: var(--fs-15);
}
#message .box2_r {
	text-align: center;
}
#message .box2_r dl {
    justify-content: center;
}
#message .box2_r dd {
	font-size: var(--fs-45);	
}
#message .box2_r .com_btn1 {
	width: 100%;
	text-align: center;
}
#message .box2_r .com_btn1 a {
	display: inline-flex;
	min-width: 16em;
}
}



/* teikei
---------------------------------------------------------*/
#teikei .w1500{
	padding-top: var(--gap-70);
	padding-bottom: var(--gap-80);
}
#teikei .flexbox{
    justify-content: center;
	gap: 30px 3%;
}
#teikei .flexbox .flex_l {
	width: min(37%,400px);
}
#teikei .flexbox .flex_r {
	width: min(60%,520px);
}
#teikei .flex_l h2{
	color: var(--color-purple);
	font-size: var(--fs-30);
	line-height: 1.5em;
	margin-bottom: .4em;
}
#teikei .flex_l p{
	font-size: var(--fs-17);
	line-height: 1.6em;
}
#teikei .flex_r ul {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	font-size: var(--fs-17);
	line-height: 1.4em;
}
#teikei .flex_r ul li {
	width: 49%;
	position: relative;
	padding-left: 1em;
	margin-bottom: .5em;
}
#teikei .flex_r ul li::before{
	position: absolute;
	display: block;
	content: "";
	background: var(--color-purple);
	background-size: 100% auto;
	width: .4em;
	aspect-ratio:1 / 1;
	top: .4em;
	left: 0;
	border-radius: 50%;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#teikei .w1500 {
	padding-bottom: var(--gap-120);
}
#teikei .flexbox {
	display: block;
}
#teikei .flexbox .flex_l {
	width: 100%;
	text-align: center;
}
#teikei .flexbox .flex_r {
	width: 100%;
}
#teikei .flex_l p {
	margin-bottom: 1.5em;
}
#teikei .flex_r ul {
	font-size: var(--fs-14);
}
}



/* recruit
---------------------------------------------------------*/
#recruit .layout_box {
	display: grid;
	grid-template-columns: min(40%, 415px) minmax(0, 1fr);
}

#recruit .flex_l {
	position: relative;
	background: linear-gradient(45deg,rgba(252,189,211,0.5) 0%,#f5f2ea 30%,#f5f2ea 100%); 
	padding: var(--gap-80) 10% var(--gap-60);
}
#recruit .flex_l .top_en_fs80 {
	position: absolute;
	z-index: 5;
	top: -0.5em;
	left: .6em;
	color: #fa9eaa;
}
#recruit .flex_l dl {
	width: min(100%,300px);
	margin-inline: auto;
}
#recruit .flex_l dt {
	font-size: var(--fs-30);
	line-height: 1.6em;
	margin-bottom: .7em;
}
#recruit .flex_l .btn {
	position: absolute;
	left: calc(100% - 1.8em);
	top: 70px;
	z-index: 3;
	background: #fff;
	aspect-ratio:1 / 1;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: var(--fs-30);
	line-height: 1.2em;
	width: 5.3em;
	text-align: center;
	color: #f98998;
}
#recruit .flex_l .btn span{
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
#recruit .flex_l .btn i{
	position: absolute;
	bottom: 1.3em;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 40%;
}


#recruit .flex_r{
	position: relative;
	display: flex;
    justify-content: space-between;
}
#recruit .flex_r::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/top/deco_recruit1.png") no-repeat top left;
	background-size: 100% 100%;
	top: 0;
	left: -1px;
	width: 27%;
	height: 100%;
}
#recruit .flex_r::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/top/deco_recruit2.png")no-repeat bottom right;
	background-size: 100% 100%;
	bottom: 0;
	right: -1px;
	width: 18%;
	height: 100%;
}
#recruit .flex_r div {
	width: 50%;
	background: url("../images/top/img_recruit1.jpg")no-repeat center center;
	background-size: cover;
}
#recruit .flex_r div:nth-child(2){
	background-image: url("../images/top/img_recruit2.jpg");
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#recruit .layout_box {
	display: block;
}

#recruit .flex_l {
	background: linear-gradient(-135deg,rgba(252,189,211,0.5) 0%,#f5f2ea 30%,#f5f2ea 100%); 
	padding: var(--gap-150) 5% 0;
}
#recruit .flex_l .top_en_fs80 {
	margin: auto;
	top: -0.3em;
	left: 0;
	right: 0;
	text-align: center;
}
#recruit .flex_l dl {
	width: 100%;
}
#recruit .flex_l dt {
	margin-bottom: .7em;
}
#recruit .flex_l .btn {
	left: auto;
	right: 5%;
	top: 15vw;
	font-size: var(--fs-25);
	width: 5.0em;
}

#recruit .flex_r {
	height: 65vw;
}
#recruit .flex_r::before,
#recruit .flex_r::after {
	display: none;
}
#recruit .flex_r div {
	display: none;
}
#recruit .flex_r div.sp_only {
	width: 100%;
	display: block;
	background: none;
}
}



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

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

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