@charset "UTF-8";

/* m_img
---------------------------------------------------------*/
.contentpage .m_img > div {	background-image: url("../../images/medical/invisalign/m_img@2x.jpg");}
.m_point .abs {	bottom: 0;}



/* 色変更
---------------------------------------------------------*/
.med_pickbox{	background:rgba(116,200,178,0.30);}
.med_pickbox .pick_title .bubble span {	color: #e4643e;}
.rsn_no .ft_att {	color: #e4643e;} 
.med_cnsl::before{	background: #64bca3;}
.med_cnsl .cnsl_tit .com_deco_txt1{	color: #4db293;}

.com_flt .com_btn1{
	margin-top: 2em;
}
.com_style2_txt{
	margin-bottom: .3em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_flt .com_btn1{
	text-align: center;
	margin-top: 1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_flt .com_btn1{
	margin-top: 1em;
}
}





/* about
---------------------------------------------------------*/
#about .com_flt .img_l{
	position: relative;
}
#about .com_flt .img_l::before{
	position: absolute;
	display: block;
	content: "";
	background: url("../../images/medical/invisalign/img01_2@2x.png") no-repeat top left;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	top:0;
	left: 50%;
}

.in_attention{
	margin-top:2em;
	color: #999999;
	line-height: 2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.in_attention{
	margin-top: 1.5em;
	line-height: 1.8em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.in_attention{
	margin-top: 1.5em;
	line-height: 1.8em;
	padding-left: 1em;
	text-indent: -1em;
}
}





/* in_col3
---------------------------------------------------------*/
.in_col3{
	display: flex;
    justify-content: start;
	flex-wrap: wrap;
}
.in_col3 li:nth-child(-n+3){
	margin-top: 0;
}
.in_col3 li{
	width: 32.5%;
	background:rgba(116,200,178,0.50);
	margin-right: 1.25%;
	margin-top: 1.25%;
	padding: 60px 3%;
	box-sizing: border-box;
}
.in_col3 li:nth-child(3n){
	margin-right: 0;
}
.in_col3 li .img{
	width: 50%;
	margin: 0 auto 1.2em;
}
.in_col3 li h4{
	font-size: min(145%,2.5vw);
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin-bottom: .5em;
	font-weight: bold;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.in_col3 li{
	padding: 3% 2.5%;
}
.in_col3 li .img{
	margin: 0 auto 1em;
}
.in_col3 li h4{
	line-height: 1.4em;
	margin-bottom: .4em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.in_col3{
	display: block;
	margin-top: -4%;
}
.in_col3 li:nth-child(-n+3){
	margin-top: 4%;
}
.in_col3 li{
	width:100%;
	margin-right: 0;
	margin-top:4%;
	padding: 6% 4%;
}
.in_col3 li:nth-child(3n){
	margin-right: 0;
}
.in_col3 li .img{
	width: 25%;
	margin: 0 auto .5em;
}
.in_col3 li h4{
	font-size: 110%;
	margin-bottom: .2em;
}
}






/* plan
---------------------------------------------------------*/
#plan.med_rsn::before {
	width: 39%;
	top: -160px;
	background-image: url("../../images/medical/invisalign/img02@2x.png");
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#plan.med_rsn::before {
	top: -10vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#plan.med_rsn::before {
	width: 50%;
	top: -16vw;
}
}




/* risk
---------------------------------------------------------*/
#risk .in_inbox1{
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}
#risk .in_index1{
	text-align: center;
	font-size: min(140%,2.5vw);
	letter-spacing: 0.1em;
	line-height: 1.6em;
	font-weight: bold;
	padding: .45em 1em;
	box-sizing: border-box;
	border-radius: 50px;
	background: #3591b9;
	color: #fff;
}
#risk .in_index1.clr2{
	background: #c08cba;
}
#risk .in_colbox{
	display: flex;
    justify-content: space-between;
}
#risk .in_colbox li{
	padding: 30px 2% 35px;
	box-sizing: border-box;
	border-radius: 20px; 
	background:rgba(53,145,185,0.20);
}
#risk .in_colbox.col4 li{
	width: 24%;
}
#risk .in_colbox.col2{
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
}
#risk .in_colbox.col2 li{
	width: 49%;
	padding-left: 4%;
	padding-right: 4%;
}
#risk .in_colbox.clr2 li{
	background:rgba(192,140,186,0.20);
}
#risk .in_colbox h5{
	font-size: min(130%,2.3vw);
	letter-spacing: 0.05em;
	line-height: 1.45em;
	margin-bottom: .5em;
	text-align: center;
	font-weight: bold;
}
#risk .in_colbox h5 span{	color: #3591b9;}
#risk .in_colbox.clr2 h5 span{	color: #c08cba;}

#risk .in_colbox p{
	font-size:95%;
	line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#risk .in_colbox li{
	padding: 3% 2%;
	border-radius: 15px; 
}
#risk .in_colbox.col2 li{
	padding-left: 3%;
	padding-right: 3%;
}
#risk .in_colbox h5{
	margin-bottom: .3em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#risk .in_index1{
	font-size: 110%;
	line-height: 1.5em;
	padding: .6em 1em;
}
#risk .in_colbox{
	display: block;
}
#risk .in_colbox li{
	padding: 6% 4%;
	border-radius: 15px; 
	margin-bottom: 3%;
}
#risk .in_colbox li:last-child{
	margin-bottom: 0;
}
#risk .in_colbox.col4 li{
	width: 100%;
}
#risk .in_colbox.col2 li{
	width:100%;
}
#risk .in_colbox h5{
	font-size: 105%;
	margin-bottom: .3em;
}
#risk .in_colbox p{
	font-size:95%;
	line-height: 1.8em;
}
}







/* clinic
---------------------------------------------------------*/
#clinic .rsn_title{
	font-size: min(300%,4.5vw);
	line-height: 1.7em;
	letter-spacing: 0.1em;
}
#clinic .rsn_title .ft_att{
	font-size: 50%;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 1em;
	color: #87cab6;
}
#clinic.med_rsn::before {
	width: 39%;
	top: 0;
	background-image: url("../../images/medical/invisalign/img08@2x.png");
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#clinic .rsn_title{
	line-height: 1.5em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#clinic .rsn_title{
	font-size: 135%;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
#clinic .rsn_title .ft_att{
	font-size:70%;
	margin-bottom:.8em;
}
#clinic.med_rsn::before {
	width: 60%;
	right: -10%;
}
}