@charset "UTF-8";

.contentpage .m_img {
	background-image: url("../images/clinic/m_img@2x.jpg");}


/* clinic
---------------------------------------------------------*/
#clinic .box1{
	background: linear-gradient(to bottom,  rgba(238,239,232,1) 0%,rgba(246,246,245,1) 100%);
}
#clinic .box2 .w1300{
	width: 80%;
	max-width: 950px;
}

.clinic_index1{
	margin-bottom: .5em;
}
.clinic_index1 .com_marce18{
	margin-bottom: .6em;
}
.clinic_index1 .fs40{
	letter-spacing: 0.12em;
}

#anshin .bg{
	background: #e6e6dc;
}
#anshin .anshin_index1{
	text-align: center;
}
#anshin .anshin_index1 .abs{
	width: min(80px,8.5vw);
	margin: 0 auto .7rem;
}
#anshin .anshin_index1 .fs35{
	position: relative;
	display: inline-block;
	padding: 0 1.2em;
	box-sizing: border-box;
}
#anshin .anshin_index1 .fs35::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/clinic/selif.svg")no-repeat bottom left;
	background-size: 100% auto;
	width: 20px;
	height:45px;
	bottom: 0;
	left: 0;
	aspect-ratio: 17 / 39;
}
#anshin .anshin_index1 .fs35::after{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/clinic/selif.svg")no-repeat bottom left;
	background-size: 100% auto;
	width: 20px;
	height:45px;
	bottom: 0;
	right: 0;
	aspect-ratio: 17 / 39;
	transform: scale(-1, 1);
}

#anshin .anshin1{
	position: relative;
	z-index: 2;
}
#anshin .anshin1 .imgbox{
	display: flex;
    justify-content: space-between;
}
#anshin .anshin1 .imgbox li{
	width: 49%;
}
#anshin .anshin1 .imgbox li:nth-child(2){
	margin-top: 30px;
}
#anshin .anshin2{
	position: relative;
	display: flex;
    justify-content: space-between;
	align-items: flex-end;	
}
#anshin .anshin2::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../images/clinic/img05@2x.png")no-repeat top right;
	background-size: 100% auto;
	width: 44.5%;
	height: 480px;
	aspect-ratio: 579 / 480;
	top: -4em;
	right: -8%;
}
#anshin .anshin2 > div{
	position: relative;
	z-index: 2;
}
#anshin .anshin2 .imgbox{
	width:60%;
}
#anshin .anshin2 .swiper-slide{
	position: relative;
	background: url("../images/clinic/img04@2x.png")no-repeat center center;
	background-size: cover;
	width: 780px;
	height: 4 36px;
	aspect-ratio: 780 / 436;
}
#anshin .anshin2 .swiper-slide.slide2{
	background-image: url("../images/clinic/img04_2@2x.png");
}
#anshin .anshin2 .swiper-slide .abs{
	position: absolute;
	bottom: 4%;
	left: 4%;
	width:20%;
	max-width: 130px;
	aspect-ratio: 130 / 130;
}
#anshin .anshin2 .dotto {
    width:28px;
    display: flex;
    justify-content: space-between;
	margin: 15px auto 0;
}
#anshin .anshin2 .dotto .swiper-pagination-bullet {
	cursor: pointer;
	display: block;
	width: 8px;
    height: 8px;
	border-radius: 50%;
	background:rgba(255,255,255,0.5);
	transition: all 0.4s;
}
#anshin .anshin2 .dotto .swiper-pagination-bullet-active {
	background: #fff;
}
#anshin .anshin2 .txtbox{
	width: 35%;
	padding-bottom: 60px;
}


#clinic .box3 ul{
	display: flex;
    justify-content: space-between;
}
#clinic .box3 ul li{
	width: 48%;
	max-width: 620px;
}

#clinic .box4 .w1300{
	width: 80%;
	max-width: 920px;
}

#clinic .box5 .box5_1{
	display: flex;
    justify-content: space-between;
	align-items: flex-end;	
}
#clinic .box5 .box5_1 .imgbox{
	width: 48%;
}
#clinic .box5 .box5_1 .txtbox{
	width: 47%;
	padding-bottom:min(140px,7vw);
}
#clinic .box5 .box5_2{
	position: relative;
	padding: 0 3%;
	padding-bottom: min(45px,5vw);
	box-sizing: border-box;
	margin-top: min(-30px,0);
}
#clinic .box5 .box5_2::before{
	position: absolute;
	display: block;
	content: "";
	background: #e6e6dc;
	background-size: 100% auto;
	width: 107%;
	height:100%;
	bottom:0;
	left: -3.5%;
	z-index: -1;
}
#clinic .box5 .box5_2::after{
	position: absolute;
	display: block;
	content: "";
	background: #e6e6dc;
	background-size: 100% auto;
	width: 107%;
	height: min(40px,3vw);
	bottom:100%;
	left: -3.5%;
	z-index: -1;
}
#clinic .box5 .box5_2 > div{
	display: flex;
    justify-content: space-between;
	flex-flow: row-reverse;
}
#clinic .box5 .box5_2 .imgbox{
	width: 45%;
}
#clinic .box5 .box5_2 .txtbox{
	width: 50%;
	padding-top:min(100px,5vw);
}
.clinic_index2{
	border-bottom: 1px solid #102e55;
	padding-bottom: .6em;
	margin-bottom: .8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#clinic .box5 .box5_2::before,
#clinic .box5 .box5_2::after{
	width: 102%;
	left: -1%;
}
#clinic .box5 .box5_2 .txtbox{
	width: 51%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#clinic .box2 .w1300{
	width: 92%;
}

.clinic_index1{
	margin-bottom: .5em;
}
.clinic_index1 .com_marce18{
	margin-bottom: .3em;
}
.clinic_index1 .fs40{
	letter-spacing: 0.1em;
}

#anshin .anshin_index1 .abs{
	width: 15vw;
	margin: 0 auto .7rem;
}
#anshin .anshin1 .imgbox{
	display: block;
	margin-bottom: 5%;
}
#anshin .anshin1 .imgbox li{
	width: 80%;
}
#anshin .anshin1 .imgbox li:nth-child(1){
}
#anshin .anshin1 .imgbox li:nth-child(2){
	margin-top: 3vw;
	margin-left: auto;
}
	
#anshin .anshin2{
	display: block;
	border-top:1px solid rgba(64,65,66,0.50);
	margin-top: 10%;
	padding-top: 10%;
}
#anshin .anshin2::before{
	width:65%;
	top:auto;
	bottom: 1vw;
	right: -18%;
	background-position: right bottom;
}
#anshin .anshin2 .imgbox{
	width: 100%;
}
#anshin .anshin2 .swiper-slide .abs{
	bottom: 5%;
	left: 3%;
}
#anshin .anshin2 .dotto {
	margin: 15px auto 1%;
}
#anshin .anshin2 .txtbox{
	width: 100%;
	padding-bottom: 0;
}


#clinic .box3 ul{
	display: block;
	margin-bottom: 0;
}
#clinic .box3 ul li{
	width:100%;
	max-width: 100%;
	padding-bottom: 10%;
	margin-bottom: 10%;
	border-bottom:1px solid rgba(64,65,66,0.50);
}
#clinic .box3 ul li .imgbox{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#clinic .box4 .w1300{
	width: 92%;
}
#clinic .box4 .txtbox{
	padding-bottom: 10%;
	border-bottom:1px solid rgba(64,65,66,0.50);
}
	
#clinic .box5 .box5_1{
	display: block;
}
#clinic .box5 .box5_1 .imgbox{
	width: 80%;
	margin: 0 auto 6%;
}
#clinic .box5 .box5_1 .txtbox{
	width: 100%;
	padding-bottom: 0;
}
#clinic .box5 .box5_2{
	padding:5% 5% 8%;
	margin-top:8%;
}
#clinic .box5 .box5_2::before{
	width: 100%;
	left:0;
}
#clinic .box5 .box5_2::after{
	display: none;
}
#clinic .box5 .box5_2 > div{
	display: block;
}
#clinic .box5 .box5_2 .imgbox{
	width: 100%;
	margin: 0 auto 5%;
}
#clinic .box5 .box5_2 .txtbox{
	width: 100%;
	padding-top: 0;
}
}







/* equipment
---------------------------------------------------------*/
#equipment .bg{
	background: url("../images/clinic/img11@2x.png")no-repeat top center #102e55;
	background-size: 100% auto;
	padding-top: min(170px,12vw);
	color: #fff;
}
#equipment .titlebox .com_marce21{
	margin-bottom: .5em;
}

#equipment .bdr{
	border-bottom: rgba(255,255,255,0.60) 1px solid;
	padding-bottom: min(70px,6vw);
	margin-bottom: min(70px,6vw);
}
#equipment .flex{
	display: flex;
    justify-content: space-between;
}
#equipment .flex.turn{
	flex-flow: row-reverse;
}
#equipment .eq_flex1 .img_l,
#equipment .eq_flex1 .img_r{
	width: 47%;
	max-width: 572px;
}
#equipment .eq_flex1 .img_l > div,
#equipment .eq_flex1 .img_r > div{
	position: relative;
	padding-bottom: min(90px,7vw);
}
#equipment .eq_flex1 .img_l > div .abs,
#equipment .eq_flex1 .img_r > div .abs{
	position: absolute;
	bottom: 0;
	width:34%;
	aspect-ratio: 187 / 187;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.4));
}
#equipment .eq_flex1 .img_l > div .abs{
	left: 6%;
}
#equipment .eq_flex1 .img_r > div .abs{
	right: 6%;
}
#equipment .eq_flex1 .txt_r,
#equipment .eq_flex1 .txt_l{
	width: 49%;
}

#equipment .box1 .eq_flex1 .txt_r .subimg{
	margin-bottom: 20px;
}

#equipment .box1 .subbox{
	background: #102644;
	padding: 50px 5%;
	box-sizing: border-box;
}
#equipment .box1 .subbox .img_l{
	width: 39%;
	max-width: 436px;
}
#equipment .box1 .subbox .txt_r{
	width: 57%;
}

#equipment .eq_col3{
	display: flex;
    justify-content: start;
	flex-wrap: wrap;
}
#equipment .eq_col3 li{
	width: 30%;
	margin-right: 5%;
	margin-top: 50px;
}
#equipment .eq_col3 li:nth-child(3n){
	margin-right: 0;
}
#equipment .eq_col3 li:nth-child(-n+3){
	margin-top: 0;
}
#equipment .eq_col3 li h3{
	margin-top: .8em;
	line-height: 1.2em;
	margin-bottom: .4em;
}
#equipment .eq_col3 li h3.height2{
	height:2.3em;
}
#equipment .eq_col3 li h3 .sub_txt {
	display: inline-block;
	font-size: 80%;
	line-height: 1.4em;
	margin-left: -.5em;
}

.equ_index1{
	margin-bottom: .3em;
}
.equ_index1 .sub_txt {
	display: inline-block;
	font-size: 80%;
	line-height: 1.4em;
	margin-left: -.5em;
	transform: translateY(-.2em);
}
.equ_index2{
	border-bottom: 1px solid #fff;
	padding-bottom: .8em;
	margin-bottom: .8em;
}
.equ_index2.fs25{
	letter-spacing: 0.15em;
	line-height: 1.6em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
#equipment .eq_col3 li{
	width: 31%;
	margin-right: 3.5%;
}
#equipment .eq_col3 li h3{
	letter-spacing: normal;
	font-size:2.6vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#equipment .box1 .subbox{
	padding: 5% 4%;
}
.equ_index2.fs25{
	letter-spacing: normal;
}
	
/*#equipment .box1 .eq_flex1 {
	display: block;
	overflow: hidden;
}
#equipment .box1 .eq_flex1 .img_l {
	float: left;
	margin-right: 4%;
	margin-bottom: 1.0em;
}
#equipment .box1 .eq_flex1 .txt_r {
	width: 100%;
}
#equipment .box1 .eq_flex1 .subimg {
	width: 49%;
	margin-left: auto;
	margin-right: 0;
}*/
	
#equipment .box1 .subbox .flex {
	display: block;
	overflow: hidden;
}
#equipment .box1 .subbox .img_l {
	width: 39%;
	float: left;
	margin-right: 4%;
	margin-bottom: 1.0em;
}
#equipment .box1 .subbox .txt_r {
	width: 100%;
}
#equipment .box1 .subbox .txt_r .equ_index2 {
	width: 57%;
	margin-left: auto;
	margin-right: 0;
}
	
#equipment .box2 .eq_flex1 {
	display: block;
	overflow: hidden;
}
#equipment .box2 .eq_flex1 .img_r {
	float: right;
	margin-left: 4%;
	margin-bottom: 1.0em;
}
#equipment .box2 .eq_flex1 .txt_l {
	width: 100%;
}
#equipment .box2 .eq_flex1 .subimg {
	width: 49%;
}
	
#equipment .eq_col3 li{
	width: 31.5%;
	margin-right: 2.75%;
}
#equipment .eq_col3 li h3{
	letter-spacing: normal;
	font-size:2.6vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#equipment .bg{
	padding-top: 20vw;
}

#equipment .bdr{
	padding-bottom: 10%;
	margin-bottom: 10%;
}
#equipment .flex{
	display: block;
}
#equipment .eq_flex1 .img_l,
#equipment .eq_flex1 .img_r{
	width: 95%;
	margin: 0 auto 4%;
}
#equipment .eq_flex1 .img_l > div,
#equipment .eq_flex1 .img_r > div{
	padding-bottom: 3vw;
}
#equipment .eq_flex1 .img_l > div .abs,
#equipment .eq_flex1 .img_r > div .abs{
	width:34%;
}
#equipment .eq_flex1 .img_l > div .abs{
	left: -4%;
}
#equipment .eq_flex1 .img_r > div .abs{
	right:-4%;
}
#equipment .eq_flex1 .txt_r,
#equipment .eq_flex1 .txt_l{
	width: 100%;
}

#equipment .eq_flex1 .subimg{
	width: 90%;
	margin: 0 auto 2%;
}

#equipment .box1 .subbox{
	padding: 5%;
}
#equipment .box1 .subbox .img_l{
	width: 90%;
	margin: 0 auto 4%;
}
#equipment .box1 .subbox .txt_r{
	width: 100%;
}

#equipment .eq_col3{
	display: block;
}
#equipment .eq_col3 li{
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	border-bottom:rgba(255,255,255,0.60) 1px solid;
	padding-bottom: 10%;
	margin-bottom: 10%;
}
#equipment .eq_col3 li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#equipment .eq_col3 li:nth-child(3n){
	margin-right: 0;
}
#equipment .eq_col3 li:nth-child(-n+3){
	margin-top: 0;
}
#equipment .eq_col3 li .img{
	width: 60%;
	margin: 0 auto;
}
#equipment .eq_col3 li h3{
	margin-top: .8em;
	line-height: 1.2em;
	margin-bottom: .4em;
}
#equipment .eq_col3 li h3.height2{
	height:auto;
}
#equipment .eq_col3 li h3 .tb_pc + .sub_txt {
	margin-left: 0;
}

.equ_index1{
	margin-bottom: .3em;
}
.equ_index2{
	padding-bottom: .6em;
}
.equ_index2.fs25{
	letter-spacing: normal;
	line-height: 1.6em;
}
}