@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');

/* メインイメージ */
.contentpage #m_img h2 {
	margin-top: 0;
	font-size: 290%;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}
.contentpage #m_img .ft_selif {
	margin-top: 13px;
	color: #AED44D;
	font-size: 160%;
}

#header #m_nav2 {
	position: fixed;
	z-index: 500;
	
	left: 0;
	right: 0%;
	
}


/*全体共通
---------------------------------------------------------*/
/* 共通 */
.contentpage .medical {
	line-height: 1.8em;
}

hr.grd {
	margin: 15px auto 40px;
	width: 50%;
	border: none;
	height: 2px;
	background: -moz-linear-gradient(left, rgba(125,88,78,0) 0%, rgba(125,88,78,1) 50%, rgba(125,88,78,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(125,88,78,0) 0%,rgba(125,88,78,1) 50%,rgba(125,88,78,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(125,88,78,0) 0%,rgba(125,88,78,1) 50%,rgba(125,88,78,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d584e', endColorstr='#007d584e',GradientType=1 ); /* IE6-9 */
}

/* 導入 */
.com_lead {
	margin-bottom: 80px;
}

.com_lead dd {
	line-height: 2.3em;
}

.med_lead {
	text-align: center;
	margin-bottom: 50px;
}
.med_lead .en_name {
	font-style: normal;
	font-size: 140%;
	letter-spacing: .1em;
	margin-bottom: 20px;
}
.med_lead .en_name span:nth-child(6n+1) {color: #AFE043;}
.med_lead .en_name span:nth-child(6n+2) {color: #83B0DE;}
.med_lead .en_name span:nth-child(6n+3) {color: #E8B87F;}
.med_lead .en_name span:nth-child(6n+4) {color: #9480D7;}
.med_lead .en_name span:nth-child(6n+5) {color: #AC946A;}
.med_lead .en_name span:nth-child(6n+6) {color: #D7917F;}
.med_lead h3 {
	color: #472007;
	font-size: 240%;
	font-weight: normal;
	letter-spacing: .07em;
	line-height: 1.4em;
}
.med_lead .txt {
	margin-top: 20px;
	letter-spacing: .07em;
	line-height: 2.4em;
}

/* タイトル */
.med_index1 {
	background: rgb(164,152,133); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(33,61,93,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(33,61,93,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(33,61,93,1) 0%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a35d', endColorstr='#afcca2',GradientType=0 ); /* IE6-9 */
	padding: 10px 5%;
	text-align: center;
	color: #fff;
	font-size: 166%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 2em;
}

.med_index1kako202510made {
	background: rgb(115,163,93); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(115,163,93,1) 0%, rgba(175,204,162,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(115,163,93,1) 0%,rgba(175,204,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(115,163,93,1) 0%,rgba(175,204,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a35d', endColorstr='#afcca2',GradientType=0 ); /* IE6-9 */
	padding: 10px 5%;
	text-align: center;
	color: #fff;
	font-size: 166%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 2em;
}

/* ボックス */
.medical .in_box {
	padding: 60px 0px 100px;
}

/* スタイル */
.med_flt .img_l {
	text-align: center;
	float: left;
	margin-right: 4%;
	margin-bottom: 20px;
}
.med_flt .img_r {
	text-align: center;
	float: right;
	margin-left: 4%;
	margin-bottom: 20px;
}
.med_flt_top {
	margin-top: 40px;
}
.med_style1 dt {
	color: #79584C;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: 15px;
}

.med_style1 dd {
	font-size: 94%;
	line-height: 2.3em;
}



/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 導入 */
.com_lead {
	margin-bottom: 8%;
}

hr.grd {
	margin: 10px auto 4%;
}

.med_lead {
	margin-bottom: 8%;
}

/* タイトル */
.med_index1 {
	font-size: 145%;
}

/* ボックス */
.medical .in_box {
	padding: 6% 0 10%;
}

/* スタイル */
.med_flt .img_l,
.med_flt .img_r {
	width: 36%;
}

.med_flt_top {
	margin-top: 5%;
}

.med_style1 dt {
	font-size: 130%;
	margin-bottom: 10px;
}

.med_style1 dd {
	line-height: 2.1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* 共通 */
.medical {
	line-height: 1.6em;
}

hr.grd {
	margin: 10px auto 6%;
	width: 70%;
}

/* 導入 */
.com_lead {
	margin-bottom: 8%;
}

.com_lead dd {
	line-height: 2em;
}

.med_lead {
	margin-bottom: 10%;
}
.med_lead .en_name {
	font-size: 100%;
	letter-spacing: .05em;
	margin-bottom: 10px;
}
.med_lead h3 {
	font-size: 170%;
	letter-spacing: .05em;
}
.med_lead .txt {
	letter-spacing: .05em;
	line-height: 2.0em;
}

/* タイトル */
.med_index1 {
	font-size: 120%;
	letter-spacing: .1em;
	padding: 10px 3%;
}

/* ボックス */
.medical .in_box {
	padding: 6% 0 12%;
}

/* スタイル */
.med_flt .img_l,
.med_flt .img_r {
	float: none;
	max-width: 250px;
	margin: 0 auto 5%;
}

.med_flt .img_width {
	max-width: 100%;
}

.med_flt_top {
	margin-top: 8%;
}
.med_style1 dt {
	font-size: 120%;
	letter-spacing: normal;
	margin-bottom: 10px;
}

.med_style1 dd {
	line-height: 2.1em;
}
}


/*ページ内メニュー
---------------------------------------------------------*/
.mdcl_menu {
	background: -moz-linear-gradient(top, rgba(226,221,218,0.4) 0%, rgba(226,221,218,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,221,218,0.4) 0%,rgba(226,221,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,221,218,0.4) 0%,rgba(226,221,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66e2ddda', endColorstr='#e2ddda',GradientType=0 ); /* IE6-9 */
	padding: 40px 0 30px;
	margin-bottom: 85px;
}

.mdcl_menu .menu_box {
	max-width: 1370px;
	width: 94%;
	margin: 0 auto;
}

.mdcl_menu ul {
	margin-left: -0.6%;
}


.mdcl_menu li a {
	display: inline-block;
	float: left;
	background: #fff;
	margin-left: 0.6%;
	padding: 15px 1%;
	text-align: left;
	width: 49%;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 10px;
	letter-spacing: .1em;
}
/*
.mdcl_menu li:nth-child(11) a {
	width: 49%
}

.mdcl_menu li:last-child a {
	width: 49%;
	background-image: url(../images/price_icon.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 47px;
	background-color: #634f40;
	color: #fff;
}
*/
.mdcl_menu li a::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #7d584e;
  border-right: solid 2px #7d584e;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}

.mdcl_menu li a:hover {
	background: #b28500;
	color: #fff;
}

.mdcl_menu li a:hover::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}

.mdcl_menu li a.select {
	background-color: #b28500;
	color: #fff;
}

.mdcl_menu li a.select::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}
/*
.mdcl_menu li:last-child a::after {
  width: auto;
  height: auto;
  border: 0px;
  border: none;
  position: relative;
  top: auto;
  right: auto;
  margin-top: auto;;
}

.mdcl_menu li:last-child a:hover {
	background: url(../images/price_icon.png)no-repeat;
	background-position: left 15px center;
	padding-left: 47px;
	background-color: #b28500;
	color: #fff;
}*/

/* 微調整用
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1380px) {
.mdcl_menu ul {
	margin-left: -2%;
}

.mdcl_menu li a {
	width: 23%;
	margin-left: 2%;
}

.mdcl_menu li:nth-child(11) a {
	width: 34%;
}

.mdcl_menu li:last-child a {
	width: 12%;
}

}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.mdcl_menu ul {
	margin-left: -2%;
}

.mdcl_menu li a {
	width: 31%;
	margin-left: 2%;
}

.mdcl_menu li:nth-child(11) a {
	width: 44%;
}

.mdcl_menu li:last-child a {
	width: 18%;
}
}

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

.mdcl_menu ul {
	margin-left: auto;
}

.mdcl_menu li a {
	width: 49%;
	margin-bottom: 5px;
	padding: 10px 3%;
	font-size: 85%;
}

.mdcl_menu li:nth-child(4) a {
	letter-spacing: -.03em;
}

.mdcl_menu li:nth-child(11) a {
	width: 100%;
}

.mdcl_menu li:last-child a {
	width: 100%;
}
}



/*チェック
---------------------------------------------------------*/
.med_check_box h5 {
	text-align: center;
	line-height: 1.6em;
	color: #7b584e;
	font-weight: bold;
	letter-spacing: .2em;
	font-size: 140%;
}

.med_check_box h5 span {
	background: url(../images/check_icon.png)no-repeat;
	background-position: right 0 top -5px;
	padding-right: 40px;
	display: inline-block;
}

.med_check_box .check_list li {
	padding-left: 40px;
	position: relative;
	line-height: 3em;
	font-weight: bold;
}
.med_check_box .check_list li::before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border: solid 1px #7d584e;
}

.med_check_box .txt_strong {
	margin-top: 10px;
	text-align: center;
	color: #EAB232;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_check_box .bg_white {
	padding: 4%;
}

.med_check_box .check_list li {
	padding-left: 25px;
}

.med_check_box .check_list li::before {
	position: absolute;
	top: 13px;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 15px;
	height: 15px;
	border: solid 1px #7d584e;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_check_box h5 {
	padding: 15px 3%;
}
.med_check_box .bg_white {
	padding: 5% 4%;
}

.med_check_box .txt_strong {
	letter-spacing: .05em;
}

.med_check_box .check_list li {
	padding-left: 25px;
	line-height: 2em;
	margin-bottom: 10px;
}

.med_check_box .check_list li::before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 15px;
	height: 15px;
	border: solid 1px #7d584e;
}
}



/*流れ
---------------------------------------------------------*/
.med_flow_box {
	background: #f6f5f4;
	padding: 40px 4%;
}
.med_flow_box li {
	width: 20%;
	float: left;
}
.med_flow_box li p {
	max-width: 186px;
	margin: 0 auto;
	text-align: center;
}
.med_flow_box li .txt {
	text-align: left;
	margin-top: 15px;
	font-size: 94%;
	line-height: 1.8em;
}
.med_flow_box li.flow_arrow {
	width: 6.6666%;
	padding-top: 20%;
	text-align: center;
	position: relative;
  display: inline-block;
}

.med_flow_box li.flow_arrow::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 5px #90b87d;
  border-right: solid 5px #90b87d;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
	left: 50%;
	margin-left: -15px;
}

.med_flow_box li.flow_arrow img {
	max-width: 18px;
	margin: auto;
}

.med_flow_box h5 {
	color: #7b584e;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: .2em;
	text-align: center;
	font-size: 140%;
}

.med_flow_box hr {
	margin: 15px auto 40px;
	width: 50%;
	border: none;
	height: 2px;
	background: -moz-linear-gradient(left, rgba(125,88,78,0) 0%, rgba(125,88,78,1) 50%, rgba(125,88,78,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(125,88,78,0) 0%,rgba(125,88,78,1) 50%,rgba(125,88,78,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(125,88,78,0) 0%,rgba(125,88,78,1) 50%,rgba(125,88,78,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d584e', endColorstr='#007d584e',GradientType=1 ); /* IE6-9 */
}

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

.med_flow_box hr {
	margin: 10px auto 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow_box h5 {
	font-size: 120%;
}

.med_flow_box {
	padding: 6% 4%;
}
.med_flow_box li {
	width: 100%;
	float: none;
}
.med_flow_box li p {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.med_flow_box li .illust {
	width: 28%;
}
.med_flow_box li .txt {
	margin-top: 0;
	width: 62%;
	margin-left: 5%;
	font-size: 90%;
}
.med_flow_box li.flow_arrow {
	width: 100%;
	margin: 10px auto;
	height: 20px;
	padding: 0;
}

.med_flow_box li.flow_arrow::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 5px #90b87d;
  border-right: solid 5px #90b87d;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 5px;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
}

.med_flow_box hr {
	margin: 10px auto 6%;
	width: 70%;
}
}



/*QA
---------------------------------------------------------*/
.med_qa dt {
	position: relative;
	color: #79584c;
	font-size: 114%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.6em;
	padding-left: 60px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.med_qa dt span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: rgb(121,101,89); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(121,101,89,1) 0%, rgba(171,159,150,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(121,101,89,1) 0%,rgba(171,159,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(121,101,89,1) 0%,rgba(171,159,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#796559', endColorstr='#ab9f96',GradientType=0 ); /* IE6-9 */
	border-radius: 50px;
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #fff;
	font-size: 166%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 50px;
}

.med_qa dd {
	position: relative;
	padding-left: 40px;
	margin-bottom: 50px;
	font-size: 94%;
	line-height: 1.6em;
	background: -moz-linear-gradient(top, rgba(205,191,112,0) 0%, rgba(205,191,112,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(205,191,112,0) 0%,rgba(205,191,112,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(205,191,112,0) 0%,rgba(205,191,112,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cdbf70', endColorstr='#cdbf70',GradientType=0 ); /* IE6-9 */
}
.med_qa dd span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px 0 0 50px;
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #745f52;
	font-size: 166%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 50px;
}
.med_qa dd div {
	padding: 15px 2% 25px;
}

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_qa dt {
	padding-top: 0;
	margin-bottom: 3%;
}

.med_qa dd {
	margin-bottom: 5%;
}
.med_qa dd div {
	padding: 15px 5%;
	line-height: 2.1em;
}
}



/*フッター診療メニュー
---------------------------------------------------------*/
#f_medical {
	text-align:center;
	background: repeating-linear-gradient(-45deg, #FDFDFC, #FDFDFC 3px, #FBF9F7 0, #FBF9F7 22px);
	padding: 50px 0;
}
#f_medical h5 {
	font-style: normal;
	color: #99C332;
	font-size: 140%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-align: center;
	padding-bottom: 10px;
}
#f_medical ul {
	margin-left: -2%;
}
#f_medical li {
	margin-top: 10px;
	width: 31.3333%;
	margin-left: 2%;
	float: left;
	background: #fff;
	position: relative;
}
#f_medical li a {
	display: block;
	width: 35%;
}
#f_medical li .txt {
	color: #482108;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: .07em;
	line-height: 1.4em;
	position: absolute;
	left: 42%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#f_medical li:nth-child(1) .r_corner,
#f_medical li:nth-child(6) .r_corner,
#f_medical li:nth-child(8) .r_corner {
	border-bottom-color: #E6B6AB;
}
#f_medical li:nth-child(2) .r_corner,
#f_medical li:nth-child(4) .r_corner,
#f_medical li:nth-child(9) .r_corner {
	border-bottom-color: #FAF52A;
}
#f_medical li:nth-child(3) .r_corner,
#f_medical li:nth-child(5) .r_corner,
#f_medical li:nth-child(7) .r_corner {
	border-bottom-color: #AFCDE7;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#f_medical li .txt {
	letter-spacing: normal;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#f_medical {
	padding: 8% 0;
}
#f_medical ul {
	margin-left: -1%;
}
#f_medical li {
	width: 49%;
	margin-left: 1%;
}
#f_medical li a {
	width: 44%;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	position: relative;
	z-index: 0;
}
#f_medical li img {
	opacity: 0.4;
}
#f_medical li .txt {
	letter-spacing: normal;
	left: 5%;
}
#f_medical li .r_corner {
	right: 5px;
	bottom: 5px;
	border-width: 0 0 8px 8px;
	z-index: 5;
}
#f_medical li:nth-child(3n+1) .r_corner {
	border-bottom-color: #E6B6AB;
}
#f_medical li:nth-child(3n+2) .r_corner {
	border-bottom-color: #FAF52A;
}
#f_medical li:nth-child(3n+3) .r_corner {
	border-bottom-color: #AFCDE7;
}
}



/*共通
---------------------------------------------------------*/

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

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