@charset "UTF-8";




/* 共通
---------------------------------------------------------*/
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
}

/*m_title*/
.contentpage .medical .m_title{
	bottom:20px;
}
.contentpage .medical .m_title .m_title_txt{
	font-size:350%;
	line-height: 1.3em;
	margin-top: 0;
}
.contentpage .medical .m_title .m_title_txt span{
	color:#9dd05b;
}
.contentpage .medical .m_title .ft_gar{
	font-size:180%;
	margin-top: 20px;
}

/* ボックス */
.medical .med_box {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 100px;
}

/* スタイル */
.med_flt{
	overflow: hidden;
}
.med_flt .img_l,
.med_flt .img_r {
	text-align: center;
	width: 37%;
	margin-bottom: .5em;
	max-width: 4400px;
}
.med_flt .img_l {
	float: left;
	margin-right: 4%;
}
.med_flt .img_r {
	float: right;
	margin-left: 4%;
}
.med_flt .txt_l,
.med_flt .txt_r{
    width: 59%;
}
.med_flt .txt_l{
	float: left;
}
.med_flt .txt_r{
	float: right;
}
.med_style1 dt {
	font-size: 180%;
	letter-spacing: .15em;
	line-height: 1.7em;
	margin-bottom: 10px;
	font-weight: bold;
	color:#45371e;
}
.med_bdr_b{
	border-bottom:1px solid #bdb8b6;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

/*med_tel*/
.med_tel{
	display:table;
	margin: 0 auto;
	text-align: center;
}
.med_tel dt,
.med_tel dd{
	display:table-cell;
	vertical-align: middle;
}
.med_tel dt{
	font-weight: bold;
	fnt-size:110%;
	color:#45371e;
	letter-spacing: 0.15em;
	border-top: 1px solid #45371e;
	border-bottom: 1px solid #45371e;
	padding: 10px 25px;
}
.med_tel dd{
	padding-left:30px;
}

.txt_caution {
    font-weight: bold;
    color: #db5310;
    margin-top: 0.2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/* ボックス */
.medical .med_box {
	padding-bottom: 80px;
}

/*m_title*/
.contentpage .medical .m_title{
	bottom:1vw;
}
.contentpage .medical .m_title .m_title_txt{
	font-size:4.5vw;
}
.contentpage .medical .m_title .ft_gar{
	font-size:3vw;
	margin-top: 1vw;
}
	
/* スタイル */
.med_flt .img_l,
.med_flt .img_r{
    width:39%;
    margin-bottom: 0.5em;
}
.med_flt .img_l {
	margin-right: 3%;
}
.med_flt .img_r {
	margin-left: 3%;
}
.med_flt .txt_l,.med_flt .txt_r{
	width: 100%;
	float: none;
}
.med_style1 dt {
	font-size: 120%;
    letter-spacing: 0.1em;
    margin-bottom: 5px;}
.med_bdr_b{
	padding-bottom: 30px;
	margin-bottom: 30px;
}
	
/*med_tel*/
.med_tel dt{
	fnt-size:1.5vw;
	width: 35%;
	letter-spacing: 0;
	padding: 10px 0;
}
.med_tel dd{
	padding-left:20px;
	width: 65%;
}
}

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

/* ボックス */
.medical .med_box {
	padding-bottom: 13%;
}	
.medical .in_box1 {
	margin-bottom: 8%;
}
.medical .in_box2 {
	margin-bottom: 10%;
}

/*m_title*/
.contentpage .medical .m_title{
	bottom:0;
	line-height: 1.5em;
}
.contentpage .medical .m_title .m_title_txt{
	font-size:6vw;
}
.contentpage .medical .m_title .ft_gar{
	font-size:4vw;
	margin-top: 1vw;
}
	
/* スタイル */
.med_flt .img_l,
.med_flt .img_r {
    float: none;
	width: 70%;
	margin: 0 auto 5%;
}
.med_flt .img_l {
	margin-right: auto;
}
.med_flt .img_r {
	margin-left: auto;
}
.med_flt .txt_l,
.med_flt .txt_r{
    float: none;
    width: 100%;
}
.med_style1 dt {
	font-size: 4.7vw;
	line-height: 1.6em;
	letter-spacing: .1em;
	margin-bottom: 2%;}
.med_bdr_b{
	padding-bottom: 8%;
	margin-bottom: 8%;
}
	
/*med_tel*/
.med_tel{
	display:block;
	margin: 0 auto 7% auto;
}
.med_tel dt,
.med_tel dd{
	display:block;
}
.med_tel dt{
	letter-spacing: 0.1em;
	padding: 1.5% 5%;
	text-align: center;
}
.med_tel dd{
	padding-left:0;
	margin-top: 5%;
}
.med_tel dd img{display:block;}
	
.txt_caution {
    margin-top: 0;
}

}





/* lead
---------------------------------------------------------*/
/*com_lead*/
.com_lead{
	margin-bottom: 75px;
}
.com_lead h2{
	color:#8dc21f;
	font-size:325%;
	letter-spacing: 0.16em;
	padding-bottom: 45px;
	margin-bottom: 25px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*com_lead*/
.com_lead{
	margin-bottom: 40px;
}
.com_lead h2{
	font-size:250%;
	letter-spacing: 0.14em;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*com_lead*/
.com_lead{
	margin-bottom: 10%;
}
.com_lead h2{
	font-size:7.5vw;
	letter-spacing: 0.15em;
	padding-bottom: 7%;
	margin-bottom: 4%;
}
}





/*med_frame_box
---------------------------------------------------------*/
.med_frame_box{
	background: rgba(242,242,235,0.90);
}
.med_frame_index{
	font-size:180%;
    font-weight: bold;
	letter-spacing: 0.2em;
    text-align:center;
	color:#45371e;
	background:rgba(236,221,72,0.70);
	padding: 27px 3%;
	position: relative;
}
.med_frame_index::before,
.med_frame_index::after{
	display:block;
	content: "";
	position: absolute;
	top: 0;
	max-width: 91px;
	width: 10%;
	height: 100%;
}
.med_frame_index::before{
	left: 0;
	background:url("../images/med_frame_index_l@2x.png") no-repeat left top;
	background-size:100% 100%;
}
.med_frame_index::after{
	right: 0;
	background:url("../images/med_frame_index_r@2x.png") no-repeat right top;
	background-size:100% 100%;
}
.med_frame_index span{
	position:relative;
	z-index: 2;
}
.med_frame_list{
    padding: 60px 55px 50px 55px;
    box-sizing: border-box;
}
.med_frame_box .med_frame_list > li{
	overflow: hidden;
    border-bottom: 1px solid #bdb8b6;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.med_frame_box .med_frame_list > li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.med_frame_box .med_frame_list > li dt,
.med_frame_box .med_frame_list > li p.title{
	font-size:130%;
	color: #45371e;
	letter-spacing: 0.1em;
	padding-left: 25px;
	margin-bottom: 15px;
	font-weight: bold;
	position: relative;
}
.med_frame_box .med_frame_list > li dt::before,
.med_frame_box .med_frame_list > li p.title::before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'fontello';
	content: '\e820';
	font-size: 70%;
	color:rgba(236,221,72,0.70);
}

.med_frame_box .med_flt .img_l,
.med_frame_box .med_flt .img_r{
	width:37%;
	max-width: 440px;
}
.med_frame_box .med_flt .txt_l,
.med_frame_box .med_flt .txt_r{
	width: 59%;
}
.med_frame_box .col_3 li {
    width: 31%;
	max-width: 335px;
	float: left;
}
.med_frame_box .col_3 li:nth-child(2) {
    margin: 0 3.5%;
}
.med_frame_box .col_3 li .img_box{
	max-width: 335px;
	margin: 0 auto;
	margin-top: 25px;
}
.med_frame_box .col_3 li dt {
    text-align: left;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_frame_index{
	font-size: 135%;
	padding: 20px 0;
}
.med_frame_list{
    padding: 30px;
}
.med_frame_box .med_frame_list > li{
	padding-bottom: 6.5%;
	margin-bottom: 5.5%;
}
.med_frame_box .med_frame_list > li dt,
.med_frame_box .med_frame_list > li p.title{
    font-size: 110%;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    margin-bottom: 5px;
}
.med_frame_box .med_flt .txt_l,
.med_frame_box .med_flt .txt_r{
    float: none;
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_index{
    font-size:4.7vw;
	letter-spacing: 0.05em;
	padding: 4% 3%;
	line-height: 1.4em;
}
.med_frame_list{
    padding: 5%;
}
.med_frame_box .med_frame_list > li{
	padding-bottom:10%;
	margin-bottom:8%;
}
.med_frame_box .med_frame_list > li dt,
.med_frame_box .med_frame_list > li p.title{
    font-size:4.5vw;
	margin-bottom: 2%;
	padding-left: 5vw;
}	
.med_frame_box .med_frame_list > li dt::before,
.med_frame_box .med_frame_list > li p.title::before {
	font-size: 3.7vw;
}
	
.med_frame_box .med_frame_list > li .img_box{
    margin-top: 5%;
}
.med_frame_box .med_flt .img_l,
.med_frame_box .med_flt .img_r{
	width:75%;
	text-align: center;
}
.med_frame_box .med_flt .txt_l,
.med_frame_box .med_flt .txt_r{
	width: 100%;
}
.med_frame_box .col_3 li {
    width: 100%;
	max-width: 100%;
	float: none;
	border-bottom: 1px solid #bdb8b6;
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.med_frame_box .col_3 li:last-child{
    border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;
}
.med_frame_box .col_3 li:nth-child(2) {
    margin: 8% 0;
}
.med_frame_box .col_3 li dt {
    text-align: left;
}
.med_frame_box .col_3 li .img_box{
	margin: 3% auto 0 auto;
	display: block;
}
}





/*med_point_box
---------------------------------------------------------*/
.med_point_box{
	background:#f69faa;
	color:#ffffff;
	padding: 20px 50px 30px 50px;
}
.med_point_box h5{
	font-size:155%;
	letter-spacing: 0.2em;
	text-align: center;
	background-position:center top;
	background-repeat: no-repeat;
	background-size: 130px 60px;
	padding-top: 70px;
	margin-bottom: 15px;
}
.med_point_box p{
	font-weight:bold;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_point_box{
	padding: 20px 30px 30px 30px;
}
.med_point_box h5{
	font-size:140%;
	background-size: 100px auto;
	padding-top: 55px;
	margin-bottom: 10px;
	}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_point_box{
	padding: 5%;
}
.med_point_box h5{
	font-size:5.2vw;
	line-height: 1.4em;
	background-size: 25% auto;
	padding-top: 14%;
	margin-bottom: 3%;
}}





/*med_flow_box
---------------------------------------------------------*/
.med_frame_list .med_flow_box {
	background: #ffffff;
}
.med_frame_list .med_flow_box{
	padding:35px 55px 40px 55px;
}
.med_frame_list .med_flow_box h6 {
	color: #8e775d;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	letter-spacing: .25em;
	line-height: 1.7em;
	margin-bottom: 25px;
}
.med_flow_list{
	margin: 0 auto;
	max-width: 950px;
}
.med_flow_list li {
	width: 21.25%;
	float: left;
	position: relative;
	text-align: center;
}
.med_flow_list li p {
	margin: 0 auto;
}
.med_flow_list li .illust{
	max-width:185px;
	margin: 0 auto;
}
.med_flow_list li .txt {
	font-size:90%;
	text-align: center;
	margin-top: 15px;
	line-height: 1.7em;
	letter-spacing: .05em;
}
.med_flow_list li.flow_arrow {
	width:5%;
	padding-top:10%;
}
.med_flow_list li.flow_arrow img {
	max-width: 16px;
	margin: auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_frame_list .med_flow_box{
	padding:30px;
}
.med_frame_list .med_flow_box h6 {
	font-size: 130%;
    margin-bottom: 1em;
}
.med_flow_list li .txt {
	line-height: 1.6em;
	font-size: 90%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_frame_list .med_flow_box{
	padding:8% 4% 6% 4%;
}
.med_frame_list .med_flow_box h6 {
	font-size: 4.5vw;
	margin-bottom: 4%;
	letter-spacing: .05em;
}
.med_flow_list li {
	width: 100%;
	float:none;
	max-width: 100%;
}
.med_flow_list li .illust {
	width: 28%;
}
.med_flow_list li p {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.med_flow_list li .txt {
    margin-top: 0;
	width: 62%;
	margin-left: 2%;
	font-size: 100%;
	text-align: left;
	line-height: 1.7em;
}
.med_flow_list li.flow_arrow {
	width: 100%;
	padding:2% 0;
}
.med_flow_list li.flow_arrow img {
	max-width: 14px;
	display: block;
	margin: auto;
	transform: rotate(90deg);
}
}





/*med_check_box
---------------------------------------------------------*/
.med_check_box {
	position:relative;
	background:rgba(242,242,235,0.90);
	padding: 70px 4% 55px 4%;
	color:#544337;
}
.med_check_box::before{
	position:absolute;
	display: block;
	content: "";
	top:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 80px;
	height: 75px;
	width: 8%;
	background:url("../images/check_kazari@2x.png") no-repeat center center;
	background-size:100% auto;
}
.med_check_box .med_check_inbox{
	position:relative;
	z-index: 2;
}
.med_check_box .med_check_title{
	text-align: center;
	margin-bottom: 20px;
}
.med_check_box .med_check_title dt{
	font-size: 115%;
	letter-spacing: 0.2em;
	margin-bottom:20px;
}
.med_check_box .med_check_title dt span{
	padding: 0 35px;
	position: relative;}
.med_check_box .med_check_title dt span::before,
.med_check_box .med_check_title dt span::after{
	display:block;
	content: "";
	position: absolute;
	bottom: 0;
	max-width: 14px;
	width: 14px;
	height: 22px;
}
.med_check_box .med_check_title dt span::before{
	background:url("../images/check_fkds_l@2x.png") no-repeat left bottom;
	background-size: 100% auto;
	left: 0;
}
.med_check_box .med_check_title dt span::after{
	background:url("../images/check_fkds_r@2x.png") no-repeat right bottom;
	background-size: 100% auto;
	right: 0;
}
.med_check_box .med_check_title dd span{
	font-size:220%;
    letter-spacing: 0.2em;
    background: url("../images/check_icon@2x.png") no-repeat right center;
    background-size:37px 32px;
	padding-right: 42px;
}
.med_check_box .med_check_li ul{
	max-width:1075px;
}
.med_check_box .med_check_li li{
	width: 48%;
	float: left;
	padding: 20px 0;
	border-bottom:1px solid #aea49f;
}
.med_check_box .med_check_li li:nth-child(even){
	float: right;
}
.med_check_box .med_check_li li p{
	font-size:115%;
	letter-spacing: 0.13em;
    background: url("../images/check_box@2x.png") no-repeat left 0.3em;
    background-size:23px 23px;
	padding-left: 35px;
}
.med_check_box .txt_end{
	margin-top: 35px;
	text-align: center;
	font-size:130%;
	letter-spacing: 0.2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.med_check_box {
	padding: 50px 4% 30px 4%;
}
.med_check_box .med_check_title{
	margin-bottom: 20px;
}
.med_check_box .med_check_title dt{
	font-size:105%;
    letter-spacing: 0.1em;
	margin-bottom:8px;
}
.med_check_box .med_check_title dt span{
	padding: 0 30px;}
.med_check_box .med_check_title dd span{
	font-size:170%;
    background-size:30px auto;
	padding-right: 35px;
}
.med_check_box .med_check_li li{
	width: 49%;
	padding: 10px 0;
}
.med_check_box .med_check_li li p{
    background: url("../images/check_box@2x.png") no-repeat left 0.3em;
    background-size:18px 18px;
	padding-left: 28px;
	font-size: 95%;
	line-height: 1.5em;
}
.med_check_box .txt_end{
	font-size:100%;
	margin-top: 20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_check_box {
	padding: 11% 5% 5% 5%;
}
.med_check_box::before{
	width: 10%;
}
.med_check_box .med_check_title{
	margin-bottom:5%;
}
.med_check_box .med_check_title dt{
	font-size:4vw;
	letter-spacing: 0.05em;
	margin-bottom: 1%;
}
.med_check_box .med_check_title dt span{
	padding: 0 5.5vw;}
.med_check_box .med_check_title dt span::before,
.med_check_box .med_check_title dt span::after{
	width: 4.2vw;
}
.med_check_box .med_check_title dd span{
	font-size:5.5vw;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    background-size:7vw auto;
	padding-right: 8vw;
}
.med_check_box .med_check_li li{
	width: 100%;
	float: none;
	padding: 3% 0;
}
.med_check_box .med_check_li li:nth-child(even){
	float: none;
}
.med_check_box .med_check_li li p{
    line-height: 1.6em;
    letter-spacing: 0.05em;
	padding-left: 7vw;
    background: url("../images/check_box@2x.png") no-repeat left 0.2em;
    background-size:4.5vw auto;
	font-size:100%;
}
.med_check_box .txt_end{
	margin-top: 5%;
	font-size: 3.8vw;
    line-height: 1.5em;
}  
}





/*med_merit_box
---------------------------------------------------------*/
.med_merit_box {
	overflow:hidden;
}
.med_merit_box > div{
	width:48%;
    background:rgba(255,144,61,0.15);
	float: left;
}
.med_merit_box > .demerit{
    background:rgba(149,163,169,0.15);
	float: right;
}
.med_merit_box .merit dt,
.med_merit_box .demerit dt{
    font-size:115%;
    letter-spacing: 0.1em;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	background: #ff903d;
}
.med_merit_box .demerit dt{
    background:rgba(149,163,169,0.80);
}
.med_merit_box .merit dd,
.med_merit_box .demerit dd{
	padding:20px 25px 30px 25px;
}
.med_merit_box .merit li,
.med_merit_box .demerit li{
    position: relative;
	margin-bottom: 10px;
    line-height: 1.4em;
    padding-left: 1.4em;
}
.med_merit_box .merit li::before{
    position: absolute;
    font-family: 'fontello';
    content: '\e808';
    left: 0;
    top: .03em;
	color:#ff903d;
    font-size: 90%;
}
.med_merit_box .demerit li::before{
    position: absolute;
    font-family: 'fontello';
    content: '\e807';
    left: 0;
    top: .1em;
	color:#95a3a9;
    font-size: 90%;
}
.med_merit_box .merit li:last-child,
.med_merit_box .demerit li:last-child{
	margin-bottom: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_merit_box > div{
	width:49%;
}
.med_merit_box .merit dt,
.med_merit_box .demerit dt{
    font-size:110%;
}
.med_merit_box .merit dd,
.med_merit_box .demerit dd{
	padding:15px 15px 20px 15px;
}
.med_merit_box .merit li,
.med_merit_box .demerit li{
    position: relative;
	margin-bottom: 12px;
    line-height: 1.6em;
    padding-left: 1.4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_merit_box > div{
	width: 100%;
}
.med_merit_box > div.merit{
    margin-bottom: 3%;
}
.med_merit_box .merit dt,
.med_merit_box .demerit dt{
    font-size:115%;
}
.med_merit_box .merit dd,
.med_merit_box .demerit dd{
	padding:5% 3%;
}
.med_merit_box .merit li,
.med_merit_box .demerit li{
    padding-left: 1.3em;}
.med_merit_box .merit li::before,
.med_merit_box .demerit li::before{
    top: .08em;
}
}





/* med_col
---------------------------------------------------------*/
.med_col_3 > ul > li{
    float: left;
    background: rgba(250,248,229,0.80);
    padding: 35px 30px 35px 30px;
    box-sizing: border-box;
	margin-bottom: -15px;
}
.med_col_3 > ul > li{
    width: 32.5%;
    margin-right:1.25%;
	margin-bottom: 15px;
}
.med_col_3.med_col_2 > ul > li{
    width: 48.25%;
    margin-right:3.5%;
}
.med_col_3.med_col_2 > ul > li:nth-child(2n){
    margin-right:0;
}
.med_col_3 > ul > li:nth-child(3n){
    margin-right: 0;
}
.med_col_3 > ul > li dt{
	max-width:180px;
	width: 50%;
	margin: 0 auto 20px auto;
	text-align: center;
}
.med_col_3 > ul > li .ft_min{
    color: #45371e;
    font-size: 160%;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 25px;
}
.med_col_3 > ul > li .ft_min small{
    font-size: 60%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_col_3 ul > li{
    padding: 3%;
}
.med_col_3 > ul > li dt{
	margin: 0 auto 10px auto;
}
.med_col_3 > ul > li .ft_min{
    font-size: 2.6vw;
    letter-spacing: 0;
    margin-bottom: 5px;} 
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_col_3 > ul > li{
    padding: 6% 5%;
    float: none;
}
.med_col_3 > ul > li,
.med_col_3.med_col_2 > ul > li{
    width:100%;
    margin-right:0;
    margin-bottom: 3%;
}
.med_col_3 > ul > li:last-child{
    margin-bottom: 0;
}
.med_col_3 > ul > li dt{
	width: 30%;
	margin: 0 auto 4% auto;
}
.med_col_3 > ul > li .ft_min{
    font-size: 5vw;
    letter-spacing: 0.15em;
    margin-bottom: .4em;}
}





/*med_qa_box
---------------------------------------------------------*/
.med_qa_box li{
	margin-bottom: 50px;
}
.med_qa_box li:last-child{
	margin-bottom: 0;
}
.med_qa_box dt{
	background:url("../images/icon_q@2x.png") no-repeat 10px top;
	background-size:36px 40px;
	padding-bottom: 12px;
	padding-left: 65px;
	margin-bottom: 10px;
	color:#45371e;
	font-size:145%;
	font-weight: bold;
	letter-spacing: 0.21em;
}
.med_qa_box dd{
	background:url("../images/icon_a@2x.png") no-repeat left top rgba(250,248,229,0.80);
	background-size:75px 90px;
	padding: 30px 30px 30px 90px;
 }

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_qa_box li{
	margin-bottom: 40px;
}
.med_qa_box dt{
	background:url("../images/icon_q@2x.png") no-repeat 5px top;
	background-size:30px auto;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-bottom: 5px;
	font-size:130%;
	letter-spacing: 0.12em;
}
.med_qa_box dd{
	background-size:65px auto;
	padding: 20px 20px 20px 80px;
 }
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_qa_box li{
	margin-bottom: 8%;
}
.med_qa_box dt{
	background:url("../images/icon_q@2x.png") no-repeat 0 top;
	background-size:6.5vw auto;
	padding-bottom: 3%;
	padding-left: 9vw;
	margin-bottom: 0;
	font-size:4.8vw;
	letter-spacing: 0.1em;
}
.med_qa_box dd{
	background-size:13vw auto;
	padding: 5% 5% 5% 15vw;
 }
}





/*med_item_list
---------------------------------------------------------*/
.med_item_list > li{
	margin-bottom:50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #bdb8b6;
}
.med_item_list > li:last-child{
	margin-bottom:0;
	padding-bottom: 0;
	border-bottom: none
}
.med_item_list > li h4{
	font-size:150%;
	color:#45371e;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	position: relative;
	padding-left: 40px;
}
.med_item_list > li h4::before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'fontello';
	content: '\e820';
	font-size: 105%;
	color:#6fc14f;
}
.med_item_list > li .item_flt{
	overflow:hidden;
	margin-bottom: 45px;
}
.med_item_list > li .item_flt .img_r{
	float:right;
	max-width: 440px;
	width: 37%;
}
.med_item_list > li .item_flt .txt_l{
	float:left;
	width: 58%;
}
.med_item_list > li .evaluation{
	margin-bottom:15px;
	border-top: 1px solid #6fc14f;
	border-bottom: 1px solid #6fc14f;
	font-size:115%;
	color:#6fc14f;
	padding: 7px 20px;
	font-weight: bold;
}
.med_item_list > li .evaluation span{
	font-weight:  normal;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_item_list > li{
	margin-bottom:40px;
	padding-bottom: 40px;
}
.med_item_list > li h4{
	font-size:130%;
	margin-bottom: 15px;
	padding-left: 30px;
}
.med_item_list > li h4::before {
	font-size: 90%;
}
.med_item_list > li .item_flt{
	margin-bottom: 20px;
}
.med_item_list > li .item_flt .img_r{
	width: 40%;
}
.med_item_list > li .item_flt .txt_l{
	width: 56%;
}
.med_item_list > li .evaluation{
	font-size:100%;
	padding: 5px 10px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_item_list > li{
	margin-bottom:8%;
	padding-bottom: 8%;
}
.med_item_list > li h4{
	font-size:5vw;
	margin-bottom: 3%;
	padding-left: 6.5vw;
}
.med_item_list > li h4::before {
	font-size:4.5vw;
}
.med_item_list > li .item_flt{
	margin-bottom: 7%;
}
.med_item_list > li .item_flt .img_r{
	float:none;
	width: 70%;
	margin: 0 auto 5% auto;
}
.med_item_list > li .item_flt .txt_l{
	float:none;
	width: 100%;
}
.med_item_list > li .evaluation{
	margin-bottom:3%;
	font-size:100%;
	padding: 5px 3%;
}
}




/*med_flow_vertical
---------------------------------------------------------*/
.med_flow_vertical .flowlist > li{
	position: relative;
	padding-left: 70px;
	margin-left:35px;
	box-sizing: border-box;
	border-left: rgba(142,119,93,0.50) dashed 1px;
	padding-bottom: 45px;
}
.med_flow_vertical .flowlist > li:last-child{
	border-left: none;
	padding-bottom: 0;
}
.med_flow_vertical .abs_no{
	position: absolute;
	left: -35px;
	top: -25px;
}
.med_flow_vertical .img_r {
	width: 34%;
max-width: 360px;
}
.med_flow_vertical .txt_l{
	width:62%; }


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_flow_vertical .flowlist > li{
	padding-bottom:40px;
	margin-left:30px;
	padding-left: 40px;
}
.med_flow_vertical .abs_no{
	left: -35px;
	width:70px;
	top: -15px;
}
.med_flow_vertical .img_r {
	width: 35%;
}
.med_flow_vertical .txt_l{
	padding-top: 0;
	width:100%; }	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow_vertical .flowlist > li {
    padding-left:10%;
    margin-left: 6%;
    padding-bottom: 7%;
}
.med_flow_vertical .abs_no{
left: -8%;
	width: 17%;
	top: -0.5em;
}
.med_flow_vertical .img_r {
	margin:5% auto 7% auto;
	width: 60%;
}
.med_flow_vertical .med_style1{
	padding-top: 0;
	width:100%; }
}





/*med_sankaku
---------------------------------------------------------*/
.med_sankaku h6{
	position: relative;
	text-align:center;
	color:#6fc14f;
	font-size:170%;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
.med_sankaku h6::before{
	position:absolute;
	content: "";
	display: block;
	max-width: 136px;
	height: 124px;
	width: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background:url("../images/sankaku_bg@2x.png") no-repeat center center;
	background-size:100% auto;
	z-index: -1
}
.med_sankaku p{
	text-align:center;
}
.med_sankaku p a{
	text-decoration: underline;
}
.med_sankaku p a:hover{
	text-decoration: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_sankaku h6{
	font-size:145%;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_sankaku h6{
	font-size:5vw;
	letter-spacing: 0.1em;
	margin-bottom: 3%;
	line-height: 1.5em;
}
.med_sankaku h6::before{
	width: 20%;
}
.med_sankaku p{
	text-align:left;
}
}



/* 
---------------------------------------------------------*/
.med_pick_txt{
	color:#6fc14f;
	font-size: 130%;
	letter-spacing: 0.13em;
	line-height: 1.9em;
	margin-bottom: 25px;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.med_pick_txt{
	font-size: 120%;
	margin-bottom: 20px;
	line-height: 1.8em;}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.med_pick_txt{
	font-size: 115%;
	letter-spacing: 0.07em;
	line-height: 1.8em;
	margin-bottom: 5%;
	text-align: left;}
}



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

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





/*med_footer
---------------------------------------------------------*/
.med_footer{
	margin-top:30px;
	background:rgba(227,242,219,0.80);
	padding: 70px 0 80px 0;
}
.med_footer dt{
	text-align:center;
	font-size:230%;
	color:#6fc14f;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}
.med_footer dl{
	max-width:1310px;
	margin: 0 auto;
}
.med_footer li{
	float:left;
	width: 18%;
	margin-right: 2.5%;
	border-bottom:1px solid rgba(69,55,30,0.80);
	height: 70px;
	margin-top: 5px;
	position: relative;
}
.med_footer li:nth-child(5n){
	margin-right: 0;
}
.med_footer li a{
	position:absolute;
	font-weight: bold;
	font-size:95%;
	color:#45371e;
	display: block;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	left: 5px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.med_footer li::before {
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'fontello';
	content: '\e800';
	font-size: 150%;
}

/* w1400
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1400px) {
.med_footer li a{
	font-size:1.2vw;
	letter-spacing: 0.1em;
}
.med_footer li::before {
	font-size: 1.8vw;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_footer{
	margin-top:20px;
	padding: 40px 0 50px 0;
}
.med_footer dt{
	font-size:190%;
	margin-bottom: 10px;
}
.med_footer li{
	width: 19%;
	margin-right: 1.25%;
	height: 7vw;
	margin-top: 5px;
}
.med_footer li a{
	font-size:1.5vw;
	letter-spacing: 0.05em;
	left: 0;
}
.med_footer li::before {
	right: 0;
	font-size:1.9vw;}

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_footer{
	margin-top:2%;
	padding:8% 0 8% 0;
}
.med_footer dt{
	font-size:6vw;
	margin-bottom: 1%;
}
.med_footer li{
	width: 48%;
	margin-right: 4%;
	height: 15vw;
	margin-top: 5px;
}
.med_footer li:nth-child(5n){
	margin-right: 4%;
}
.med_footer li:nth-child(even){
	margin-right: 0;
}
.med_footer li a{
	font-size:3.7vw;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	left: 0;}
.med_footer li::before {
	right: 0;
	font-size: 4vw;
}
}




/* med_news
---------------------------------------------------------*/
.med_news{
    border: 5px solid rgba(111,193,79,0.3);
    padding: 40px 4% 45px;
    box-sizing: border-box;
    max-width: 1080px;
    margin: 0 auto 60px;
    text-align: center;
}
.med_news dt{
    color: #6fc14f;
    font-size:140%;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.med_news{
    padding: 4%;
    margin: 0 auto 5%;
}
.med_news dt{
    margin-bottom: .3em;
}
.med_news dd{
    text-align: left;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.med_news{
    padding: 6% 4%;
    margin: 0 auto 8%;
}
.med_news dt{
    font-size:130%;
    margin-bottom: .4em;
}
.med_news dd{
    text-align: left;
}
}