@charset "UTF-8";


/*タイトル
---------------------------------------------------------*/
.com_idx{
	margin-bottom: 50px;
	position: relative;
	margin-top: 15px;
	padding-top: 1.3em;
	padding-bottom: 1.092em;
}
.com_idx::after{
	position: absolute;
	content: "";
	height: 34px;
	width: 52px;
	top:-15px;
	margin: auto;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.com_idx.no_01::after{
	background-image:url(../images/01@2x.png);
}
.com_idx.no_02::after{
	background-image:url(../images/02@2x.png);
}
.com_idx.no_03::after{
	background-image:url(../images/03@2x.png);
}
.com_idx.no_04::after{
	background-image:url(../images/04@2x.png);
}
.com_idx.no_05::after{
	background-image:url(../images/05@2x.png);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_idx::after{
	background-size: 6vw auto;
	top:-2vw;
	height: 100%;
	width: 100%;
}
.com_idx{
	margin-top: 2.5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_idx::after{
	background-size: 9vw auto;
	top:-3vw;
	height: 100%;
	width: 100%;
}
.com_idx{
	margin-top: 3vw;
	margin-bottom: 4%;
}
}





/*スタイル
---------------------------------------------------------*/
/* med_bottom */
.med_bottom_last {
	margin-bottom: 190px;/* ページ内最後のboxに使用 */
}
.med_bottom_l {
	margin-bottom: 140px;
}
.med_bottom_m {
	margin-bottom: 90px;
}
.med_bottom_s {
	margin-bottom: 60px;
}
.med_bottom_ss {
	margin-bottom: 30px;
}
.pd_bottom_08{
padding-bottom: 0.8em;
}

/* fs_14px */
.fs_14px{
font-size: 14px;
line-height: 1.7em;
}

/* med_inbox */
.med_inbox {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* med_flt */
.med_flt{
	overflow: hidden;
}
.med_flt .img_l,
.med_flt .txt_l {
	float: left;
}
.med_flt .img_r,
.med_flt .txt_r {
	float: right;
}
.med_flt .img_l,
.med_flt .img_r {
	width: 32.8%;
	max-width: 360px;
	text-align: center;
	margin-bottom: .5em;
}
.med_flt .img_l {
	margin-right: 4%;
}
.med_flt .img_r {
	margin-left: 4%;
}
.med_flt .txt_l,
.med_flt .txt_r{
	width: 63%;
}

.med_flt .img_r .memo{
	font-size:75%;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-top: 1em;
}

/* med_style */
.med_style1 dt {
	color: #054263;
	font-size: 155%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.8em;
	margin-bottom: .5em;
}
.med_style2 dt {
	color: #054263;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.7em;
	margin-bottom: .5em;
}
.med_style3 dt,
.med_style3 p{
	color: #0087b6;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
.med_style3 p{
margin-bottom: 0;
}
.med_style1 dd,
.med_style2 dd,
.med_style3 dd{
	 font-size: 85%;
	 line-height: 1.9em;
}

/* sp_only_l */
.sp_only_l{
text-align: center;
}

/* col_3 */
.col_3{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.col_3 li{
	width: 31%;
	margin-top: 3.5%;
}
.col_3 li:nth-child(1),
.col_3 li:nth-child(2),
.col_3 li:nth-child(3){
	margin-top: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* med_bottom */
.med_bottom_last {
	margin-bottom: 130px;/* ページ内最後のboxに使用 */
}
.med_bottom_l {
	margin-bottom: 100px;
}
.med_bottom_m {
	margin-bottom: 80px;
}
.med_bottom_s {
	margin-bottom: 50px;
}
.med_bottom_ss {
	margin-bottom: 20px;
}

/* med_flt */
.med_flt .txt_l,
.med_flt .txt_r {
	float: none;
	width: 100%;
}

/* med_style */
.med_style1 dt {
	font-size: 130%;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.med_style2 dt {
	font-size: 125%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.med_style3 dt,
.med_style3 p{
	letter-spacing: normal;
}
	
/* col_3 */
.col_3 li{
	width: 48%;
	margin-top: 4%;
}
.col_3 li:nth-child(3){
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* med_bottom */
.med_bottom_last {
	margin-bottom: 20%;/* ページ内最後のboxに使用 */
}
.med_bottom_l {
	margin-bottom: 20%;
}
.med_bottom_m {
	margin-bottom: 15%;
}
.med_bottom_s {
	margin-bottom: 8%;
}
.med_bottom_ss {
	margin-bottom: 5%;
}

/* med_flt */
.med_flt .img_l,
.med_flt .txt_l,
.med_flt .img_r,
.med_flt .txt_r {
	float: none;
}
.med_flt .img_l,
.med_flt .img_r {
	width: 70%;
	margin: 0 auto 1.0em;
}
.med_flt .sp_img_w {
	width: 90%;
}
.med_flt .txt_l,
.med_flt .txt_r{
	width: 100%;
}

/* med_style */
.med_style1 dt {
	font-size: 120%;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-bottom: .4em;
}
.med_style2 dt {
	font-size: 120%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .2em;
}
.med_style3 dt {
	line-height: 1.6em;
	margin-bottom: .2em;
}

/* sp_only_l */
.sp_only_l{
text-align: left;
}

/* col_3 */
.col_3{
	display: block;
}
.col_3 li{
	width: 100%;
	margin-top: 5%;
}
.col_3 li:nth-child(2),
.col_3 li:nth-child(3){
	margin-top: 5%;
}
	
.med_flt .img_r .memo{
	display: block;
	width: 150%;
	margin-left: -25%;
	font-size:80%;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-top: 1em;
}
}





/*annotation
---------------------------------------------------------*/
span.annotation{
	position: relative;
	padding-left: 1.1em;
}
span.annotation::after{
	position: absolute;
	font-family: 'fontello';
	content: "\e805";
	font-size: 0.8em;
	left: 0;
	top:-0.4em;
	height: 1em;
	width: 1em;
}





/*med_frame_box
---------------------------------------------------------*/
.med_frame_box{
	background-color: #faf9f6;
	padding: 55px 50px;
	box-sizing: border-box;
}
.med_frame_box.type_blue{
	background-color: #ecf8fb;
}
.med_frame_box.no_back{
	background-color: transparent;
	padding: 0;
}
.med_frame_box .border_b_title{
	position: relative;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	color: #0087b6;
	text-align: center;
	margin-bottom: 90px;
}
.med_frame_box .border_b_title::after{
	position: absolute;
	content: "";
	background-color: #0087b6;
	background-size:  100% auto;
	height: 3px;
	width: 250px;
	bottom: -1.3em;
	margin: auto;
	left: 0;
	right: 0;
	opacity: .5;
}

.med_index1{
	text-align: center;
}
.med_index1 .ft_jost{
	color: #d2effa;
	font-size: 420%;
	line-height: -1em;
}
.med_index1 .fw_bold{
	font-size:120%;
	letter-spacing: 0.2em;
	line-height: 1em;
	color: #032c42;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_frame_box{
	padding: 40px 35px;
}
.med_frame_box .border_b_title{
	font-size: 135%;
	margin-bottom: 70px;
}
.med_frame_box .border_b_title::after{
	bottom: -1em;
	width: 200px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_box{
	padding: 6%;
}
.med_frame_box .border_b_title{
	font-size: 5vw;
	margin-bottom: 12vw;
}
.med_frame_box .border_b_title::after{
	bottom: -0.8em;
	width: 50%;
	height: 2px;
}
	
.med_index1 .ft_jost{
	font-size: 300%;
}
.med_index1 .fw_bold{
	font-size:110%;
	letter-spacing: 0.1em;
}
}


/*med_frame_list*/
.med_frame_box .med_frame_list > li{
	border-bottom: solid 1px #CBCBCB;
	padding-bottom: 50px;
	margin-bottom: 45px;
}
.med_frame_box .med_frame_list > li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_frame_box .med_frame_list > li{
	padding-bottom: 5%;
	margin-bottom: 4.5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_box .med_frame_list > li{
	padding-bottom: 8%;
	margin-bottom: 8%;
}
}


/* med_flt */
.med_frame_box .med_flt .img_r{
	max-width: 300px;
	width: 30%;
}
.med_frame_box .med_flt .txt_l{
	width: 66%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_frame_box .med_flt .txt_l{
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_box .med_flt .img_r{
	width: 70%;
}
.med_frame_box .med_flt .txt_l{
	width: 100%;
}
}


/*med_frame_box col_3*/
.med_frame_box .col_3 > li {
    width: 30%;
	max-width: 300px;
	margin-top: 0;
}
.med_frame_box .col_3 > li dt {
    text-align: left;
}
.med_frame_box .col_3 > li .img_box{
	margin-top: 25px;
}

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_box .col_3{
	display: block;
}
.med_frame_box .col_3 > li {
    width: 100%;
	max-width: 100%;
	border-bottom:1px solid #CBCBCB;
	padding-bottom: 8%;
	margin-bottom: 8%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.med_frame_box .col_3 > li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.med_frame_box .col_3 > li .img_box{
	margin:0 auto 1.0em;
	width:70%;	
	text-align: center;
}
}





/*med_item_box
---------------------------------------------------------*/
.med_item_box{
	padding: 50px 40px;
	box-sizing: border-box;
}
.med_item_box.hoken{
	background-color: #faf9f6;
}
.med_item_box.jyuu{
	background-color: #ecf8fb;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_item_box{
	padding: 35px 30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_item_box{
	background-color: #FAF9F6;
	padding: 6%;
}
}





/*med_item_title
---------------------------------------------------------*/
.med_item_title{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding: 0.931em 3%;
	color: #fff;
	line-height: 1.5em;
	letter-spacing: 0.1em
}
.med_item_title.hoken{
	background-color: #bfac69;
}
.med_item_title.jyuu{
	background-color: #0087b6;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_item_title{
	font-size: 125%;
	padding: 0.8em 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_item_title{
	font-size: 120%;
	padding: 0.8em 3%;
}
}





/*med_icon_box
---------------------------------------------------------*/
.med_icon_box{
	background-color: #faf9f6;
	padding: 30px 3%;
	box-sizing: border-box;
}
.med_icon_box .center_icon{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 0.5em;
}
.med_icon_box .border_b_title{
	font-size: 140%;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-align: center;
	position: relative;
	margin-bottom: 2em;
}
.med_icon_box .border_b_title::after{
	position: absolute;
	content: "";
	background-color: #0087b6;
	background-size:  100% auto;
	height: 3px;
	width: 4em;
	bottom: -1em;
	margin: auto;
	left: 0;
	right: 0;
}
.med_icon_box .txt{
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_icon_box{
	padding: 15px 3%;
}
.med_icon_box .center_icon{
	width: 24%;
	padding-bottom: 0.2em;
}
.med_icon_box .border_b_title{
	font-size: 130%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_icon_box{
	padding: 5% 6% 6%;
}
.med_icon_box .center_icon{
	width: 20%;
	padding-bottom: 0.2em;
}
.med_icon_box .border_b_title{
	font-size: 5vw;
}
}





/*アイコン
---------------------------------------------------------*/
/*icon1*/
.icon1{
	position: relative;
	padding-left: 1.6em;
}
.icon1::before{
	font-family: 'fontello';
	content: '\e801';
	position: absolute;
	top: 0;
	font-size:100%;
	left: 0;
	color:rgba(44,168,199,0.50);
}





/*テキストリンク下線
---------------------------------------------------------*/
a.med_border_link{
	border-bottom: 1px solid #171717;
}
a.med_border_link:hover{
	border-bottom: none;
}





/*med_border_btn
---------------------------------------------------------*/
.med_border_btn{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #054263;
	border-top: solid 1px #054263;
	max-width: 400px;
	padding: 1em 2%;
	box-sizing: border-box;
}
.med_border_btn a{
	text-align: center;
	font-size: 95%;
	line-height: 1.5em;
	padding-right: 1.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/border_btn_icon@2x.png)no-repeat right center;
	background-size: 1.2em auto;
	color: #054263;
}





/*med_flow_list
---------------------------------------------------------*/
.med_flow_list{
	max-width:960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.med_flow_list li {
	width: 21%;
	text-align: center;
}
.med_flow_list li p {
	margin: 0 auto;
}
.med_flow_list li .txt {
	text-align: center;
	margin-top: 15px;
	line-height: 1.7em;
	letter-spacing: .05em;
	font-size:90%;
}
.med_flow_list li.flow_arrow {
	width: 5.333%;
	padding-top:9%;
	}
.med_flow_list li.flow_arrow img {
	max-width: 14px;
	display: block;
	margin: auto;
	text-align: center
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_flow_list li .txt {
	font-size: 1.5vw;
	line-height: 1.4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow_list{
	display: block;
}
.med_flow_list li {
	width: 100%;
	float:none;
	max-width: 100%;
}
.med_flow_list li p {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.med_flow_list li .illust {
	width: 38%;
}
.med_flow_list li .txt {
	margin-top: 0;
	font-size: 95%;
	width: 52%;
	margin-left: 2%;
	text-align: left;
}
.med_flow_list li.flow_arrow {
	width: 100%;
	padding: 2% 0;
}
.med_flow_list li.flow_arrow img {
	transform: rotate(90deg);
}
}





/*med_rel_box
---------------------------------------------------------*/
.med_rel_box{
	background-color: #faf9f6;
	padding: 70px 4% 35px;
	position: relative;
}
.med_rel_box::after{
	position: absolute;
	content: "";
	top:-35px;
	margin: auto;
	left: 0;
	right: 0;	
}
.med_rel_box.consultaion::after{
	background: url(../images/consultaion.svg) no-repeat center top;
	background-size: 100% auto;
	height: 62px;
	width: 568px;
}
.med_rel_box.check::after{
	background: url(../images/check_1.svg) no-repeat center top;
	background-size: 100% auto;
	height: 62px;
	width: 568px;
}
.med_rel_box .title{
	text-align: center;
	font-size: 190%;
	letter-spacing: 0.1em;
	padding-bottom: 1em;
}
.med_rel_box .check_title{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
}
.med_rel_box .check_title dt{
	font-size: 115%;
	padding-bottom: 0.6em;
	line-height: 1.3em;
}
.med_rel_box .check_title dd{
	font-size: 185%;
	background:url(../images/check.svg) no-repeat;
	background-size: 1em auto;
	background-position: calc(50% + 6.2em) center;
	padding-right: 1em;
	line-height: 1.3em;
}
.med_rel_box .sub_center_txt{
	text-align: center;
	font-size: 115%;
	line-height: 1.6em;
	padding-top: 1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_rel_box{
	padding: 50px 4% 30px;
}
.med_rel_box::after{
	top:-3.5vw;
}
.med_rel_box.consultaion::after,
.med_rel_box.check::after{
	background-size: auto 7vw;
	height: 100%;
	width: 100%;
}
.med_rel_box .title{
	font-size: 180%;
}
.med_rel_box .check_title dt{
	font-size: 110%;
}
.med_rel_box .check_title dd{
	font-size: 170%;
}
.med_rel_box .sub_center_txt{
font-size: 110%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_rel_box{
	padding:10% 6% 6%;
}
.med_rel_box::after{
	top:-4.5vw;
}
.med_rel_box.consultaion::after,
.med_rel_box.check::after{
	background-size: auto 9vw;
	height: 100%;
	width: 100%;
}
.med_rel_box .title{
	font-size: 6vw
}
.med_rel_box .check_title{
	max-width: 100%;
	padding-bottom: 1.5em;
}
.med_rel_box .check_title dt{
	font-size: 4vw;
}
.med_rel_box .check_title dd{
	font-size: 5.8vw;
	background-size:5.8vw auto;
	background-position: calc(50% + 6em) 1vw;
}
.med_rel_box .sub_center_txt{
	font-size: 100%;
	padding-top: 0;
}
}






/*.med_dl_box
------------------------------------------*/
.med_dl_box ul{
	display: flex;
	justify-content: space-between;
}
.med_dl_box li{
	width: 48%;
	background: #ecf8fb;
}
.med_dl_box li dt{
	font-size: 150%;
	letter-spacing: 0.08em;
	line-height: 1.4em;
	text-align: center;
	padding: 1.2em 5% 1em;
}
.med_dl_box li dd{
	background: #0087b6;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.4em;
	text-align: center;
	padding: 1em 4%;
}
.med_dl_box li p{
	padding: 1.6em 7% 2em;
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_dl_box li dt{
	padding: 1em 5% .5em;
}
.med_dl_box li dd{
	letter-spacing: 0.05em;
	padding: .85em 4% .7em;
}
.med_dl_box li p{
	padding: 1em 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_dl_box ul{
	display: block;
}
.med_dl_box li{
	width: 100%;
	margin-top: 5%;
}
.med_dl_box li:nth-child(1){
	margin-top: 0;
}
.med_dl_box li dt{
	font-size: 5vw;
	padding: 1em 6% .8em;
}
.med_dl_box li dd{
	letter-spacing: 0.05em;
	padding: .85em 4% .7em;
}
.med_dl_box li p{
	padding: 1em 5% 6%;
}
}





/*.med_dl_box2
------------------------------------------*/
.med_dl_box2 ul{
	display: flex;
	justify-content: space-between;
}
.med_dl_box2 li{
	width: 48%;
	background: #faf9f6;
}
.med_dl_box2 li dt{
	font-size: 140%;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	text-align: center;
	padding: 0.5em 5%;
	background-color: #0087b6;
	color: #fff;
}
.med_dl_box2 li dd{
	padding: 1.3em 6% 1.5em;
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_dl_box2 li dd{
	padding: 0.5em 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_dl_box2 ul{
	display: block;
}
.med_dl_box2 li{
	width: 100%;
	margin-top: 5%;
}
.med_dl_box2 li:nth-child(1){
	margin-top: 0;
}
.med_dl_box2 li dt{
	font-size: 5vw;
	padding: 0.5em 6%;
}
.med_dl_box2 li dd{
	padding: 1em 6%;
}
}





/*med_list2
---------------------------------------------------------*/
.med_list2,.cac_list1{
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.med_list2 li{
	width: 47%;
	margin-right: 6%;
}
.med_list2 li:nth-child(2n){
	margin-right: 0;
}
.med_list1 li{
	width: 100%;
}
.med_list2 .width_li {
	width: 100% !important;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_list2 li{
	width: 100%;
	margin-right: 0;
}
}





/*四角リスト
---------------------------------------------------------*/
.med_shikaku{
	max-width: 1000px;
	margin-right: auto;
	margin-right: auto;
}
.med_shikaku > li{
	position: relative;
	box-sizing: border-box;
	padding-left: 2.3em;
	padding-bottom: 0.9em;
	margin-bottom: 0.9em;
	border-bottom: solid 1px #CBCBCB;
	font-weight: bold;
	font-size: 105%;
	line-height: 1.5em;
	color: #175873;
}
.med_shikaku > li::after{
	position: absolute;
	content: "";	
	width: 1.4em;
	height: 1.45em;
	left: 0;
	top:0;
	background: url(../images/shikaku.svg) no-repeat left 0.05em;
	background-size: 1.4em auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_shikaku > li{
	font-size: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_shikaku > li{
	font-size: 100%;
}
}





/*med_border_b
---------------------------------------------------------*/
.med_border_b{
	border-bottom: solid 1px #CBCBCB;
	padding-bottom: 75px;
	margin-bottom: 70px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_border_b{
	padding-bottom: 45px;
	margin-bottom: 40px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_border_b{
	padding-bottom: 7%;
	margin-bottom: 8%;
}
}





/*よくある質問
---------------------------------------------------------*/
.med_faq dt,
.med_faq dd {
	padding-left: 70px;
	position: relative;
}
.med_faq dt::before,
.med_faq dd::before {
	position: absolute;
	content: "";
	width: 36px;
	height: 36px;
	left: 0;
}
.med_faq dt::before {
	background:url(../images/q.svg)no-repeat left top;
	background-size: 100% auto;
	top:0em;
}
.med_faq dd.pink::before {
	background:url(../images/a.svg)no-repeat left top;
	background-size: 100% auto;
	top:0.3em;
}
.med_faq dd.blue::before {
	background:url(../images/a.svg)no-repeat left top;
	background-size: 100% auto;
	top:0.3em;
}
.med_faq dd.purple::before {
	background:url(../images/a.svg)no-repeat left top;
	background-size: 100% auto;
	top:0.3em;
}
.med_faq dt {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .8em;
}
.med_faq dd {
	padding-bottom: 45px;
	border-bottom: solid 1px #cbcbcb;
	margin-bottom: 45px;
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_faq dt,
.med_faq dd {
	padding-left: 58px;
}
.med_faq dt::before,
.med_faq dd::before {
	width: 32px;
	font-size: 32px;
}

.med_faq dt {
	font-size: 135%;
	letter-spacing: .05em;
}
.med_faq dd {
	padding-bottom: 4%;
	margin-bottom: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_faq dt,
.med_faq dd {
	padding-left: 3.7rem;
}
.med_faq dt::before,
.med_faq dd::before {
	width: 2.1rem;
	height: 2.1rem;
}
.med_faq dt::before {
	top:-0.1rem;
}
.med_faq dd.pink::before {
	top:0.5rem;
}
.med_faq dd.blue::before {
	top:0.5rem;
}
.med_faq dt {
	font-size: 4.5vw;
	line-height: 1.4em;
	letter-spacing: .05em;
	margin-bottom: .5em;
}
.med_faq dd {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
}





/*med_merit_demerit
---------------------------------------------------------*/
.med_merit_demerit {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.med_merit_demerit > dl {
	width: 49%;
	box-sizing: border-box;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_merit_demerit {
	margin-top: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_merit_demerit {
	margin-top: 1.5em;
	display: block;
}
.med_merit_demerit > dl {
	width: 100%;
	max-width: 100%;
}
.med_merit_demerit > dl:first-child {
	margin-bottom: 8%;
}
}





/* med_merit, med_demerit
---------------------------------------------------------*/
.med_merit dt,
.med_demerit dt {
	text-align: center;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.2em;
	border-radius: 50px;
	padding: 0.6em 3%;
	margin-bottom: 1em;
}
.med_merit dt {
	background-color: #F29B91;
}
.med_demerit dt {
	background-color: #c2bdaa;
}
.med_merit dd,
.med_demerit dd {
	width: 96%;
	padding: 0 2%;
}
.med_merit_list li,
.med_demerit li {
	font-size: 85%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .7em;
	padding-left: 1.5em;
	position: relative;
}
.med_merit_list li:last-child,
.med_demerit_list li:last-child {
	margin-bottom: 0;
}
.med_merit_list li::before,
.med_demerit_list li::before {
	font-family: 'fontello';
	content: '\e800';
	color: #F29B91;
	font-size: 95%;
	position: absolute;
	left: 0;
	top: -0.02em;
}
.med_demerit_list li::before {
	content: '\e802';
	color: #c2bdaa;
	
}

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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_merit dt,
.med_demerit dt {
	font-size: 4.5vw;
}
}





/* med_col_box
---------------------------------------------------------*/
.med_col_box{
	color: #fff;
	padding: 45px 40px 40px;
}
.med_col_box.pink{
	background-color:#fa948a;
}
.med_col_box.green{
	background-color:#0087b6;
}
.med_col_box.emerald{
	background-color:#0087b6;
}
.med_col_box .min_title{
	text-align: center;
	font-size: 140%;
	padding-bottom: 1.2em;
	letter-spacing: 0.1em;
}
.med_col_box dd{
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_col_box{
	padding: 35px 30px 30px;
}
.med_col_box .min_title{
	padding-bottom: 1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_col_box {
	padding: 6%;
}
.med_col_box .min_title{
	padding-bottom: 5%;
	font-size: 5vw
}
}





/*med_flow_vertical
---------------------------------------------------------*/
.med_flow_vertical li{
	position: relative;
	padding-left: 60px;
	margin-left:30px;
	box-sizing: border-box;
	border-left:rgba(5,66,99,0.50) 1px solid;
	padding-bottom: 80px;
}
.med_flow_vertical li:last-child{
	border-left: none;
	padding-bottom: 0;
}
.med_flow_vertical .abs_no{
	position: absolute;
	left: -30px;
	top: -24px;
}
.med_flow_vertical .img_r {
	width: 28%;
	max-width: 280px;
}
.med_flow_vertical .txt_l{
	width:68%; 
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_flow_vertical li{
	padding-bottom:40px;
	padding-left: 40px;
	margin-left:25px;
}
.med_flow_vertical .abs_no{
	left: -25px;
	top: -20px;
	width:50px;
}	
.med_flow_vertical .img_r {
	width: 32%;
}
.med_flow_vertical .txt_l{
	width:100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow_vertical{
	padding-top: 8px;
}
.med_flow_vertical li {
    padding-left:10%;
    margin-left: 8%;
    padding-bottom: 13%;
}
.med_flow_vertical .abs_no{
	left: -8%;
	top: -18px;
	width: 17%;
}
.med_flow_vertical .med_flt{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.med_flow_vertical .img_r {
	margin: 5% auto 0 auto;
	width: 60%;
}
.med_flow_vertical .med_style1{
	width:100%;
}
.med_flow_vertical .med_style1 dt{
	font-size: 120%;
}
}











/*fkds_lead
------------------------------------------*/
.fkds_lead{
	position: relative;
	max-width: 650px;
	margin: 0 auto 30px auto;
	font-size: 130%;
	letter-spacing: 0.15em;
	text-align: center;
}
.fkds_lead::before{
	content: "";
	background: url("../images/invisalign/fkds_l.svg")no-repeat center top;
	background-size: 100% auto;
	width: 11px;
	height: 24px;
	position: absolute;
	top: 20%;
	left: 0;
}
.fkds_lead::after{
	content: "";
	background: url("../images/invisalign/fkds_r.svg")no-repeat center top;
	background-size: 100% auto;
	width: 11px;
	height: 24px;
	position: absolute;
	top: 20%;
	right: 0;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.fkds_lead{
	max-width: 385px;
	font-size: 1.2em;
	letter-spacing: 0.05em;
}
.fkds_lead::before,
.fkds_lead::after{
	top: 55%;
}
.youtube_box{
	margin: 0 auto 5% auto;
}
.youtube_box iframe{
	width: 90%;
	height: 48vw;
}
.fkds_lead{
	margin: 0 auto 3% auto;
}
}



/* med_syutten
---------------------------------------------------------*/
.med_syutten{
	font-size: 95%;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-top: 2em;
}
.med_syutten a{
	text-decoration: underline;
}
.med_syutten a:hover{
	text-decoration: none;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
}

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