@charset "UTF-8";



/*共通
---------------------------------------------------------*/
.m_img {
	position: relative;
}
.m_img .bxslider {
	z-index: 0;
}
.m_img .bxslider li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/* スライドイメージ */
.m_img .bxslider li.slide1 {background-image: url(../images/top/m_img1@2x.jpg);}
.m_img .bxslider li.slide2 {background-image: url(../images/top/m_img2@2x.jpg);}
.m_img .bxslider li.slide3 {background-image: url(../images/top/m_img3@2x.jpg);}
.m_img .bxslider li.slide4 {background-image: url(../images/top/m_img4@2x.jpg);}
.m_img .bxslider li.slide5 {background-image: url(../images/top/m_img5@2x.jpg);}


.m_img .bx-viewport {
	overflow: visible !important;
}

.m_img .bxslider li > p {
	position: relative;
	z-index: 0;
}
.m_img .bxslider li .copy_area {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.m_img .bxslider .copy_area .copy_bg {
	position: absolute;
	z-index: 1;
	width: 46%;
	max-width: 450px;
	box-sizing: border-box;
	left: 0;
	top: -100px;
	padding: 40px 25px 20px;
}
/* コピー背景 */
.m_img .bxslider li.slide1 .copy_area .copy_bg {background: #003357;}
.m_img .bxslider li.slide2 .copy_area .copy_bg {background: #d9cf6c;}
.m_img .bxslider li.slide3 .copy_area .copy_bg {background: #f27e18;}
.m_img .bxslider li.slide4 .copy_area .copy_bg {background: #00a99d;}
.m_img .bxslider li.slide5 .copy_area .copy_bg {background: #b1cc5e;}

/* ＜＞のリンク */
.m_img #count_area {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 1100px;
	box-sizing: border-box;
	padding: 0 25px;
	left: 0;
	right: 0;
	bottom: -35px;
	margin: 0 auto;
	color: #003357;
}
.m_img #count_area a {
	color: #003357;
	display: block;
}

.m_img #count_area .bx-controls-direction2,
.m_img #count_area .bx-pager {
	width: 100px;
	margin-left: auto;
	margin-right: 0;
}

.m_img #count_area .bx-controls-direction2 {
	_zoom: 1;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font-size: 70%;
}
.m_img #count_area .bx-controls-direction2 a:first-child {
	float: left;
}
.m_img #count_area .bx-controls-direction2 a:last-child {
	float: right;
}

.m_img #count_area .bx-pager {
	position: absolute;
	z-index: 0;
	right: 25px;
	bottom: 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
}

.m_img .bnr_lp {
	width: 20%;
	max-width: 230px;
	position: absolute;
	z-index: 5;
	right: 2%;
	bottom: 4%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.m_img .bxslider .copy_area .copy_bg {
	top: -50px;
	padding: 40px 25px 3%;
}
/* ＜＞のリンク */
.m_img #count_area {
	bottom: -30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.m_img .m_area {
	padding-bottom: 20%;
}

.m_img .bxslider .copy_area .copy_bg {
	position: absolute;
	width: 64%;
	left: 4%;
	top: -2.0em;
	padding: 6% 4% 2%;
}

/* ＜＞のリンク */
.m_img #count_area {
	padding: 0 4%;
	left: 0;
	right: 0;
	bottom: -5.0em;
	font-size: 90%;
	color: #322b29;
}
.m_img #count_area a {
	color: #322b29;
}

.m_img #count_area .bx-controls-direction2,
.m_img #count_area .bx-pager {
	width: 26%;
	margin-left: auto;
	margin-right: 0;
	box-sizing: border-box;
}

.m_img #count_area .bx-pager {
	left: auto;
	right: 4%;
	padding-left: .5em;
}
}



/*lead
---------------------------------------------------------*/
.lead {
	padding-top: 60px;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 80px;
	text-align: left;
	position: relative;
}

.lead .open_box {
	width: 53%;
	box-sizing: border-box;
	padding: 0 3% 0px;
	background: rgba(255,255,255,0.6);
	margin-left: auto;
	margin-right: 0;
	position: relative;
	z-index: 1;
}

.lead .in_box {
	width: 53%;
	box-sizing: border-box;
	padding: 0 3% 60px;
	background: rgba(255,255,255,0.6);
	margin-left: auto;
	margin-right: 0;
	position: relative;
	z-index: 1;
}
.lead .in_box p {
	width: 100%;
	max-width: 550px;
	margin-left: 0;
	margin-right: auto;
	letter-spacing: .1em;
	line-height: 2.2em;
}
.lead .abs_img {
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	width: 47%;
	max-width: 600px;
}

.lead .open {
	margin-bottom: 2.0em;
}

.lead .nairankai {
	width: 100%;
	position: relative;
	max-width: 100%;
	margin: 4.0em auto 2.0em;
	background: url(../images/top/nairan_bg.png);
}

.lead .nairankai::before {
	position: absolute;
	content: "";
	width: 15%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	left: 0;
	top: 0;
	height: 100%;
}

.lead .nairankai::after {
	position: absolute;
	content: "";
	width: 15%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	right: 0;
	top: 0;
	height: 100%;
}

.lead .nairankai img {
	display: block;
	margin: 0 auto;
}
.lead .nairankai a {
	display: block;
	line-height: 1.0em;
	padding: .5em 5%;
	text-align: center;
	background: #d9d082;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.lead {
	padding-top: 6%;
	margin-bottom: 8%;
}
.lead .in_box {
	padding-bottom: 0;
}
.lead .in_box p {
	line-height: 2.0em;
}
.lead .abs_img {
	bottom: 8%;
}

.lead .nairankai {
	margin: 6em auto 2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.sp_nav {
	margin-top: 34%;
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}

.sp_nav li {
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: left;
	line-height: 100%;
	border-bottom: 1px solid #003357;
	margin-bottom: 8px;
}

.sp_nav li:nth-child(2n) {
	margin-left: 2%;
	margin-right: auto;
}

.sp_nav li a {
	padding: 8px 0;
	display: block;
}

.lead .open_box {
	width: 100%;
}

.lead .bnr_lp {
	width: 80%;
	margin: 8% auto 8%;
}

.lead {
	padding-top: 7%;
	margin-bottom: 10%;
}
.lead .in_box {
	width: 100%;
	padding: 0 3% 6%;
}
.lead .in_box p {
	max-width: 100%;
	letter-spacing: .05em;
	line-height: 2.0em;
}
.lead .abs_img {
	position: static;
	width: 94%;
	margin: 0 auto;
}

.lead .open {
	text-align: center;
	margin-bottom: 1.0em;
}
.lead .nairankai {
	margin: 0 auto;
	margin-bottom: 1.0em;
}
}




/* bnr_corona
---------------------------------------------------------*/
.bnr_corona{
	margin: 40px auto 65px;
	text-align: center;
	max-width: 800px;
	width: 80%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bnr_corona{
	margin: 4% auto 7%;
	width: 90%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bnr_corona{
	margin: 0 auto 10%;
	width: 92%;
}
}







/* ブログ・コラム
---------------------------------------------------------*/
.blog_column{
    background:rgba(50,43,41,0.06);
    width: 100%;
    margin-bottom: 80px;
    padding: 30px 0;
}
.blog_column dl{
    max-width: 1372px;
    margin: 0 auto;
}
.blog_column dt{
    float: left;
    width: 240px;
}
.blog_column dt p:nth-child(1){
    font-size: 300%;
    letter-spacing: 0.03em;
    line-height: 1.1em;
    font-weight: 500;
    color: #a4bc00;
}
.blog_column dt p:nth-child(2){
    font-size:110%;
    letter-spacing: 0.1em;
    padding-left: 0.1em;
    margin-top: 0.1em;
}
.blog_column dd{
    float: left;
    width: calc(100% - 240px);
    border-left: 1px solid #726d6b;
    padding-left: 2.3em;
    box-sizing: border-box;
}
.blog_column dd ul,
.blog_column dd .arrow{
    display: table-cell;
    vertical-align: middle;
}
.blog_column dd ul{
    width: 92%;
}
.blog_column dd ul li{
    float: left;
    width: 31%;
    margin-right: 3.5%;
}
.blog_column dd ul li:last-child{
    margin-right: 0;
}
.blog_column dd ul li .day{
    position: relative;
    width: 100%;
    letter-spacing: 0.1em;
    padding-bottom: 0.2em;
    margin-bottom: 0.8em;
}
.blog_column dd ul li .day a{
    color:#a4bc00;
}
.blog_column dd ul li .day::before{
    position: absolute;
    display: block;
    content: "";
    background: #a4bc00;
    width: 6em;
    height: 2px;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.blog_column dd ul li .day::after{
    position: absolute;
    display: block;
    content: "";
    background: #726d6b;
    width: calc(100% - 6em);
    height: 2px;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.blog_column dd ul li .tit{
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    margin-bottom: .5em;
}
.blog_column dd ul li .txt{
    font-size: 88%;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    color: #797979;
}
.blog_column dd ul li .txt span{
    text-decoration: underline;
}
.blog_column dd .arrow{
    width: 8%;
    text-align: right;
    padding-left: 2%;
    box-sizing: border-box;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.blog_column dt{
    width: 210px;
}
.blog_column dt p:nth-child(1){
    font-size: 270%;
}
.blog_column dt p:nth-child(2){
    font-size:110%;
}
.blog_column dd{
    width: calc(100% - 210px);
    padding-left: 2em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.blog_column{
    margin-bottom: 10%;
    padding: 3% 0;
}
.blog_column dt{
    width: 140px;
}
.blog_column dt p:nth-child(1){
    font-size: 180%;
}
.blog_column dt p:nth-child(2){
    font-size: 85%;
}
.blog_column dd{
    width: calc(100% - 140px);
    padding-left: 1.3em;
}
.blog_column dd ul li{
    width: 31.333%;
    margin-right: 3%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.blog_column{
    margin-bottom: 10%;
    padding: 5% 0;
}
.blog_column dt{
    width: 29%;
}
.blog_column dt p:nth-child(1){
    font-size: 5.5vw;
}
.blog_column dt p:nth-child(2){
    font-size:70%;
    letter-spacing: 0.05em;
}
    
.blog_column dd{
    width: 71%;
    padding-left: .8em;
}
.blog_column dd .scl_area {
    position: relative;
} 
.blog_column dd .scl_area .scl_area_inbox{
	height: 125px;
    padding-right: 1em;
    box-sizing: border-box;
} 
.blog_column dd ul,
.blog_column dd .arrow{
    display: block;
    width: 100%;
}
.blog_column dd ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5em;
}
.blog_column dd ul li:last-child{
    margin-bottom: 1.5em;
}
.blog_column dd ul li .day{
    font-size: 95%;
    padding-bottom: 0.01em;
    margin-bottom: 0.5em;
}
.blog_column dd ul li .tit{
    font-size: 100%;
    margin-bottom: .2em;
}
.blog_column dd ul li .txt{
    font-size: 85%;
    letter-spacing: normal;
    line-height: 1.7em;
}
.blog_column dd .arrow{
    padding-left:auto;
    padding-right:auto;
    text-align: center;
    width: 2.5em;
    margin: 0 auto;
}
}





/*6つのこだわり
---------------------------------------------------------*/
.kodawari h2 {
	text-align: center;
	width: 76%;
	margin: 0 auto;
}

.kodawari .box {
	margin-top: 50px;
	_zoom: 1;
	overflow: hidden;
	width: 100%;
	position: relative;
	padding-bottom: 40px;
}
/* 右半分 */
.kodawari .box::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}
/* 下線 */
.kodawari .box::after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 30px;
	right: 0;
	bottom: 0;
	background: url(../images/top/bg_line.svg) repeat-x center bottom;
}

.kodawari .l_box,
.kodawari .r_box {
	width: 50%;
	position: relative;
	z-index: 5;
}
/* 白く被さる部分 */
.kodawari .l_box::before,
.kodawari .r_box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 150px;
	left: 0;
	top: 0;
	background: #fff;
}
.kodawari .l_box {
	float: left;
}
.kodawari .r_box {
	float: right;
}

.kodawari .max_width {
	width: 88%;
	max-width: 900px;
	padding: 0 6%;
}
.kodawari .l_box .max_width {
	margin-left: auto;
	margin-right: 0;
}
.kodawari .r_box .max_width {
	margin-left: 0;
	margin-right: auto;
}

.kodawari .cnt_box {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.kodawari .box p {
	position: relative;
	z-index: 0;
}
.kodawari .box h3 {
	margin-top: .6em;
	padding-top: .1em;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 300%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.2em;
	margin-bottom: .1em;
	position: relative;
}
.kodawari .box h3::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 1.2em;
	left: 0;
	right: 0;
	bottom: 100%;
	margin: 0 auto;
}
.kodawari .box dt {
	font-size: 170%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.6em;
}
.kodawari .box dd {
	max-width: 590px;
	margin: 1.0em auto;
	text-align: left;
	letter-spacing: .1em;
	line-height: 2.0em;
}
.kodawari .box ul {
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.kodawari .box li {
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 1.0em;
}
.kodawari .box li:first-child {
	margin-left: 0;
}
.kodawari .box li a {
	display: block;
	padding-right: 50px;
	padding-bottom: 10px;
	background: url(../images/arrow1.svg) no-repeat right bottom;
	background-size: 52px 12px;
	-webkit-transition: 1.0s;
	-moz-transition: 1.0s;
	transition:  1.0s;
}
.kodawari .box li a:hover {
	padding-right: 25px;
	padding-left: 25px;
}
/* 色 */
.kodawari .box0102 {background: #fce5d1;}
.kodawari .box01 h3 {color: #f27e18;}
.kodawari .box01 h3::before {background: #f27e18;}
.kodawari .box01 dt {color: #f27e18;}
.kodawari .box01 li a:hover {color: #f27e18;}

.kodawari .box0102::before {background: #ccdeeb;}
.kodawari .box02 h3 {color: #005a99;}
.kodawari .box02 h3::before {background: #005a99;}
.kodawari .box02 dt {color: #005a99;}
.kodawari .box02 li a:hover {color: #005a99;}

.kodawari .box0304 {background: #fbf0cc;}
.kodawari .box03 h3 {color: #edb200;}
.kodawari .box03 h3::before {background: #edb200;}
.kodawari .box03 dt {color: #edb200;}
.kodawari .box03 li a:hover {color: #edb200;}

.kodawari .box0304::before {background: #eaf0cc;}
.kodawari .box04 h3 {color: #95b300;}
.kodawari .box04 h3::before {background: #95b300;}
.kodawari .box04 dt {color: #95b300;}
.kodawari .box04 li a:hover {color: #95b300;}

.kodawari .box0506 {background: #ffeae6;}
.kodawari .box05 h3 {color: #ff9480;}
.kodawari .box05 h3::before {background: #ff9480;}
.kodawari .box05 dt {color: #ff9480;}
.kodawari .box05 li a:hover {color: #ff9480;}

.kodawari .box0506::before {background: #cceeeb;}
.kodawari .box06 h3 {color: #00a99d;}
.kodawari .box06 h3::before {background: #00a99d;}
.kodawari .box06 dt {color: #00a99d;}
.kodawari .box06 li a:hover {color: #00a99d;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.kodawari .box {
	margin-top: 5%;
}
/* 白く被さる部分 */
.kodawari .l_box::before,
.kodawari .r_box::before {
	height: 100px;
}

.kodawari .box h3 {
	margin-top: .4em;
	font-size: 280%;
	margin-bottom: 0;
}
.kodawari .box h3::before {
	height: .8em;
}
.kodawari .box dt {
	font-size: 120%;
	letter-spacing: .1em;
}
.kodawari .box dd {
	margin-top: .5em;
	line-height: 1.8em;
}
.kodawari .box li {
	margin-left: 5%;
}
.kodawari .box li a {
	padding-right: 30px;
}
.kodawari .box li a:hover {
	padding-right: 15px;
	padding-left: 15px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.kodawari .box {
	width: 96%;
	margin: 0 2%;
	padding-bottom: 0;
}
/* 右半分 */
.kodawari .box::before {
	display: none;
}
/* 下線 */
.kodawari .box::after {
	display: none;
}

.kodawari .l_box,
.kodawari .r_box {
	width: 100%;
	float: none;
	padding-top: 2.0em;
}
/* 白く被さる部分 */
.kodawari .l_box::before,
.kodawari .r_box::before {
	height: 8.0em;
}

.kodawari .max_width {
	width: 90%;
	padding: 0 5%;
	background-image: url(../images/top/bg_line.svg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 1.5em;
	padding-bottom: 2.0em;
}
.kodawari .cnt_box {
	max-width: 100%;
}

.kodawari .box p {
	padding: 0 3%;
}
.kodawari .box h3 {
	margin-top: .4em;
	font-size: 250%;
	margin-bottom: 0;
}
.kodawari .box h3::before {
	width: 1px;
	height: .8em;
}
.kodawari .box dt {
	font-size: 130%;
	line-height: 1.6em;
	letter-spacing: .05em;
}
.kodawari .box dd {
	max-width: 100%;
	margin: .5em auto 1.0em;
	letter-spacing: .05em;
	line-height: 1.8em;
}
.kodawari .box ul {
	font-size: 108%;
	letter-spacing: .1em;
}
.kodawari .box li {
	margin-left: 1.5em;
}
.kodawari .box li a {
	padding-right: 1.0em;
}
.kodawari .box li a:hover {
	padding-right: 1.0em;
	padding-left: 0;
}
/* 色 */
.kodawari .box01 .max_width {background-color: #fce5d1;}
.kodawari .box02 .max_width {background-color: #ccdeeb;}
.kodawari .box03 .max_width {background-color: #fbf0cc;}
.kodawari .box04 .max_width {background-color: #eaf0cc;}
.kodawari .box05 .max_width {background-color: #ffeae6;}
.kodawari .box06 .max_width {background-color: #cceeeb;}
}



/*診療案内
---------------------------------------------------------*/
.med_lead {
	margin-top: 50px;
	width: 100%;
	background: url(../images/top/medical_bg@2x.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.med_lead .in_box {
	padding-top: 80px;
	padding-bottom: 100px;
	color: #fff;
	position: relative;
}
.med_lead .section h2 {
	position: absolute;
	left: 240px;
	bottom: -.16em;
	font-size: 600%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.0em;
}
.med_lead .section p {
	max-width: 800px;
	letter-spacing: .1em;
	line-height: 2.4em;
}

.medical .title_box {
	position: relative;
	padding-top: 30px;
	padding-left: 245px;
	margin-bottom: 40px;
}
.medical .title_box p {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: -20px;
}

.medical .med_list {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
.medical .med_list li {
	margin-bottom: 30px;
	width: 33.3333%;
	float: left;
	text-align: center;
}
.medical .med_list li p {
	-webkit-transition: opacity 1.0s;
	-moz-transition: opacity 1.0s;
	transition: opacity 1.0s;
}
.medical .med_list a {
	display: block;
	width: 90%;
	max-width: 303px;
	margin: 0 auto;
	padding: 1.2em 0 1.0em;
	line-height: 1.0em;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 303px 13px;
	position: relative;
}
.medical .med_list li:nth-child(1) a {background-image: url(../images/top/med_arw1.svg);}
.medical .med_list li:nth-child(2) a {background-image: url(../images/top/med_arw2.svg);}
.medical .med_list li:nth-child(3) a {background-image: url(../images/top/med_arw3.svg);}
.medical .med_list li:nth-child(4) a {background-image: url(../images/top/med_arw4.svg);}
.medical .med_list li:nth-child(5) a {background-image: url(../images/top/med_arw5.svg);}
.medical .med_list li:nth-child(6) a {background-image: url(../images/top/med_arw6.svg);}
.medical .med_list li:nth-child(7) a {background-image: url(../images/top/med_arw7.svg);}
.medical .med_list li:nth-child(8) a {background-image: url(../images/top/med_arw8.svg);}
.medical .med_list li:nth-child(9) a {background-image: url(../images/top/med_arw9.svg);}
.medical .med_list a::before {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background: #fff;
	left: 0;
	bottom: 0;
	-webkit-transition: 1.0s;
	-moz-transition: 1.0s;
	transition: 1.0s;
}
.medical .med_list li:hover a::before {
	width: 60%;
}
.medical .med_list li:hover p:first-child {
	opacity: 0.6;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_lead {
	margin-top: 5%;
}
.med_lead .in_box {
	padding-top: 10%;
}
.med_lead .section p {
	line-height: 2.0em;
}

.medical .title_box {
	margin-bottom: 6%;
}

.medical .med_list li {
	margin-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_lead {
	margin-top: 8%;
}
.med_lead .in_box {
	padding-top: 14%;
	padding-bottom: 22%;
}
.med_lead .section h2 {
	position: absolute;
	left: 26%;
	font-size: 330%;
}
.med_lead .section p {
	font-size: 106%;
	letter-spacing: .05em;
	line-height: 2.0em;
	font-weight: bold;
}

.medical .title_box {
	padding-top: 6%;
	padding-left: 26%;
	margin-bottom: 6%;
}
.medical .title_box p {
	width: 25%;
	bottom: 1.0em;
}

.medical .med_list li {
	margin-bottom: 4%;
	width: 50%;
}
.medical .med_list a {
	padding: .8em 0 .8em;
	background-size: contain;
}
}



/*技工士
---------------------------------------------------------*/
.giko {
	margin-top: 80px;
	background: url(../images/top/giko_bg.png) no-repeat center top;
	background-size: 1000px 200px;
	text-align: center;
	padding-top: 20px;
}
.giko .txt_lead {
	margin-top: -10px;
	letter-spacing: .1em;
	line-height: 1.6em;
}

.giko .flt_box {
	width: 100%;
	max-width: 1500px;
	margin: 30px auto 100px;
	text-align: left;
}
.giko .flt_box .flt_l,
.giko .flt_box .flt_r {
	width: 50%;
	box-sizing: border-box;
}
.giko .flt_box .flt_l {padding-left: 50px;}
.giko .flt_box .flt_r {padding-right: 50px;}

.giko .flt_box .bg_box {
	color: #fff;
	letter-spacing: .05em;
	line-height: 2.0em;
	position: relative;
	padding: 60px 8%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.giko .flt_box .flt_l .bg_box {background-image: url(../images/top/giko1_bg@2x.jpg);}
.giko .flt_box .flt_r .bg_box {background-image: url(../images/top/giko2_bg@2x.jpg);}
.giko .flt_box .bg_box::before,
.giko .flt_box .bg_box::after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 61px;
	height: 51px;
	background: url(../images/top/corner.svg) no-repeat center center;
}
.giko .flt_box .bg_box::before {
	left: 10px;
	top: 10px;
}
.giko .flt_box .bg_box::after {
	right: 10px;
	bottom: 10px;
	transform: rotate(180deg);
}

.giko .flt_box .abs_img {
	position: absolute;
	z-index: 1;
	width: 40%;
	max-width: 260px;
	padding-top: 6%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.giko .flt_box .flt_l .abs_img {left: -50px;}
.giko .flt_box .flt_r .abs_img {right: -50px;}
.giko .flt_box h3,
.giko .flt_box .sub_title,
.giko .flt_box .txt {
	position: relative;
	z-index: 2;
}

.giko .flt_box .flt_l .title_box {
	text-align: right;
	padding-left: 18%;
}
.giko .flt_box .flt_r .title_box {
	text-align: left;
	padding-right: 18%;
}
.giko .flt_box .sub_title {
	color: #d9d3a3;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin: 25px 0 20px;
}
.giko .flt_box .flt_l .txt {padding-left: 28%;}
.giko .flt_box .flt_r .txt {padding-right: 28%;}

.giko .flt_box .flt_l .com_btn {
	margin-left: 0;
	margin-top: 1.0em;
}
.giko .flt_box .flt_l .com_btn a {
	color: #003357;
	font-size: 90%;
	font-weight: bold;
	background: rgba(217,211,163,1.0);
	position: relative;
}
.giko .flt_box .flt_l .com_btn a::before {
	content: "";
	position: absolute;
	width: .8em;
	height: 100%;
	background: url("../images/arrow_site@2x.png") no-repeat center center;
	background-size: contain;
	right: 1.0em;
	top: 0;
}
.giko .flt_box .flt_l .com_btn a:hover {
	background: rgba(217,211,163,0.6);
}

/* Tablet (Portrait)：微調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
.giko {
	margin-top: 8%;
	padding-top: 4%;
}
.giko .txt_lead {
	margin-top: 0;
}

.giko .flt_box {
	margin: 0 auto 8%;
	width: 100%;
	max-width: 900px;
}
.giko .flt_box .flt_l,
.giko .flt_box .flt_r {
	margin-top: 6%;
	width: 100%;
	float: none;
	padding: 0 50px;
}

.giko .flt_box .bg_box {
	line-height: 1.8em;
	padding: 6% 8% 4%;
}

.giko .flt_box .abs_img {
	width: 32%;
}
.giko .flt_box .sub_title {
	margin: 1.0em 0 .4em;
}
.giko .flt_box .flt_l .txt {padding-left: 22%;}
.giko .flt_box .flt_r .txt {padding-right: 22%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.giko {
	margin-top: 8%;
	background-size: contain;
	padding-top: 5%;
}
.giko .txt_lead {
	margin-top: 0;
	letter-spacing: .05em;
}

.giko .flt_box {
	margin: 0 auto 8%;
	width: 100%;
}
.giko .flt_box .flt_l,
.giko .flt_box .flt_r {
	margin-top: 8%;
	width: 100%;
	float: none;
	padding: 0;
}

.giko .flt_box .bg_box {
	color: #322b29;
	letter-spacing: .05em;
	line-height: 1.8em;
	padding: 0;
	background: none !important;
}
.giko .flt_box .bg_box::before,
.giko .flt_box .bg_box::after {
	display: none;
}

.giko .flt_box .abs_img {
	width: 34%;
	padding-top: 0;
	top: -1.0em;
	-webkit-transform: none;
	transform: none;
}
.giko .flt_box .flt_l .abs_img {left: -5%;}
.giko .flt_box .flt_r .abs_img {right: -5%;}

.giko .flt_box .title_box {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 3.0em 5%;
	position: relative;
}
.giko .flt_box .flt_l .title_box {
	background-image: url(../images/top/giko1_bg.jpg);
	padding-left: 24%;
}
.giko .flt_box .flt_r .title_box {
	background-image: url(../images/top/giko2_bg.jpg);
	padding-right: 24%;
}
.giko .flt_box .title_box::before,
.giko .flt_box .title_box::after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 61px;
	height: 51px;
	background: url(../images/top/corner.svg) no-repeat center center;
}
.giko .flt_box .title_box::before {
	left: 5px;
	top: 5px;
}
.giko .flt_box .title_box::after {
	right: 5px;
	bottom: 5px;
	transform: rotate(180deg);
}
.giko .flt_box .sub_title {
	font-size: 90%;
	font-weight: normal;
	letter-spacing: .1em;
	margin: 1.0em 0 0;
}
.giko .flt_box .txt {
	max-width: 490px;
	padding: 4% 0 0 !important;
}
.giko .flt_box .flt_l .txt {
	margin-left: auto;
	margin-right: 0;
}
.giko .flt_box .flt_r .txt {
	margin-left: 0;
	margin-right: auto;
}
}



/*院長挨拶
---------------------------------------------------------*/
.greet {
	background: #f2f2f2;
	position: relative;
	padding: 100px 0;
}
.greet::before,
.greet::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}
.greet::before {
	z-index: 0;
	background: url(../images/top/greet_bg@2x.jpg) no-repeat center center;
	background-size: cover;
}
.greet::after {
	z-index: 1;
	background: -moz-linear-gradient(left,  rgba(242,242,242,1) 5%, rgba(242,242,242,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(242,242,242,1) 5%,rgba(242,242,242,0) 100%);
	background: linear-gradient(to right,  rgba(242,242,242,1) 5%,rgba(242,242,242,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=1 );
}
.greet .section {
	position: relative;
	z-index: 5;
}

.greet h2 {
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 640%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
	left: 30%;
	top: -75px;
}
.greet .flt_box {
	position: relative;
	z-index: 0;
}

.greet .flt_l {
	width: 34%;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}
.greet .flt_r {
	width: 63%;
	padding-top: 9%;
	letter-spacing: .15em;
	line-height: 2.2em;
}

.greet .flt_l dl {
	margin-top: 1.2em;
	padding-top: .8em;
	position: relative;
}
.greet .flt_l dl::before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 1px;
	height: 2.5em;
	background: #322b29;
	left: 0;
	right: 0;
	bottom: 100%;
	margin: 0 auto;
}
.greet .flt_l p {
	position: relative;
	z-index: 0;
}
.greet .flt_l dt {
	font-size: 160%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.greet .flt_l dt span {
	font-size: 70%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-right: .8em;
}
.greet .flt_l dd {
	margin-top: 5px;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.2em;
}

.greet .flt_r dt {
	font-size: 180%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.8em;
	margin-bottom: 1.2em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.greet {
	padding: 8% 0;
}
.greet::before,
.greet::after {
	width: 100%;
	height: 100%;
}
.greet .section {
	position: relative;
	z-index: 5;
}

.greet h2 {
	font-size: 600%;
	top: -14%;
}

.greet .flt_r {
	letter-spacing: .1em;
	line-height: 1.8em;
}

.greet .flt_r dt {
	font-size: 160%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.greet {
	padding: 14% 0 30%;
	position: relative;
}
.greet::before,
.greet::after {
	display: none;
}
.greet .section {
	position: relative;
	z-index: 5;
}

.greet h2 {
	font-size: 340%;
	left: 0;
	right: 0;
	top: -.7em;
	text-align: center;
	margin: 0 auto;
}

.greet .flt_l {
	width: 70%;
	float: none;
}
.greet .flt_r {
	width: 100%;
	float: none;
	padding-top: 6%;
	letter-spacing: .1em;
	line-height: 1.8em;
}

.greet .flt_l dl {
	margin-top: .8em;
	padding-top: .5em;
}
.greet .flt_l dl::before {
	height: 2.0em;
}

.greet .flt_r dt {
	font-size: 140%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}

.greet .sp_bg {
	position: absolute;
	width: 100%;
	z-index: 0;
	left: 0;
	bottom: 0;
}
.greet .sp_bg::before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 5%, rgba(242,242,242,0.2) 50%);
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 5%,rgba(242,242,242,0.2) 50%);
background: linear-gradient(to bottom,  rgba(242,242,242,1) 5%,rgba(242,242,242,0.2) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=0 );
}
}



/*お知らせ
---------------------------------------------------------*/
.information {
	padding-top: 130px;
	padding-bottom: 100px;
}
.information .news_box {
	 width: 100%;
	 max-width: 1000px;
	 margin: 0 auto 30px;
	 border: solid 7px rgba(222,233,234,0.5);
	 box-sizing: border-box;
	 padding: 60px 6% 40px;
	 position: relative;
}
.information .news_box h2 {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	right: 0;
	top: -1.5em;
	margin: 0 auto;
}
.information .news_box li {
	margin-bottom: 40px;
}
.information .news_box dl {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.information .news_box dt,
.information .news_box dd {
	display: table-cell;
	vertical-align: top;
}
.information .news_box dt {
	width: 100px;
}
.information .news_box dt a {
	display: block;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.2em;
	padding-bottom: 1.0em;
	border-bottom: solid 1px #322b29;
}
.information .news_box dd {
	padding-left: 3%;
}
.information .news_box dd p {
	color: #666;
	font-size: 84%;
	letter-spacing: .15em;
	line-height: 1.6em;
}
.information .news_box dd .title_txt {
	color: #322b29;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.information .news_box dd span {
	text-decoration: underline;
}

.information .btn_news {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.information .btn_news a {
	display: block;
	padding: .6em 0 .8em;
	background: rgba(50,43,41,0.3);
	border-radius: 2.0em;
	text-align: center;
	padding-left: 1.0em;
	color: #fff;
	font-size: 84%;
	font-weight: normal;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.information .btn_news a:hover {
	background: rgba(50,43,41,0.5);
}
.information .btn_news a i {
	font-size: 150%;
	margin-left: .1em;
}

.information .bnr_list {
	text-align: center;
}
.information .bnr_list > li {
	display: inline-block;
	vertical-align: bottom;
}
.information .bnr_list > li:first-child {
	width: 57%;
	max-width: 720px;
	margin-right: 1%;
}
.information .bnr_list > li:last-child {
	width: 33%;
	max-width: 440px;
	margin-left: 1%;
}

.information .bnr_list ul li {
	width: 49%;
	max-width: 210px;
	float: left;
}
.information .bnr_list ul li:last-child {
	float: right;
}
.information .bnr_drfile{
	margin:50px auto 30px auto;
	text-align: center;
	width:280px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.information {
	padding-top: 10%;
	padding-bottom: 8%;
}
.information .news_box {
	margin-bottom: 4%;
	padding: 60px 4% 4%;
	position: relative;
}
.information .news_box li {
	margin-bottom: 5%;
}

.information .btn_news {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.information .bnr_list > li {
	display: block;
}
.information .bnr_list > li:first-child {
	width: 100%;
	margin: 0 auto 3%;
}
.information .bnr_list > li:last-child {
	width: 100%;
	margin: 0 auto;
}
.information .bnr_drfile{
	margin:50px auto 10px auto;
	width:250px;
}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.information {
	padding-top: 14%;
	padding-bottom: 10%  ;
}
.information .news_box {
	 width: 94%;
	 border-width: 3px;
	 margin-bottom: 0;
	 padding: 2.0em 5% 5%;
}
.information .news_box li {
	margin-bottom: 8%;
}
.information .news_box dl {
	display: block;
}
.information .news_box dt,
.information .news_box dd {
	display: block;
}
.information .news_box dt {
	width: 100%;
	margin-bottom: .5em;
	width: 6.5em;
}
.information .news_box dt a {
	padding-bottom: .6em;
}
.information .news_box dd {
	padding-left: 0;
}
.information .news_box dd p {
	letter-spacing: .05em;
}
.information .news_box dd .title_txt {
	margin-bottom: 0;
}

.information .btn_news {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.information .btn_news a {
	display: block;
	padding: .6em 0 .8em;
	background: rgba(50,43,41,0.3);
	border-radius: 2.0em;
	text-align: center;
	padding-left: 1.0em;
	color: #fff;
	font-size: 84%;
	font-weight: normal;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.information .btn_news a:hover {
	background: rgba(50,43,41,0.5);
}
.information .btn_news a i {
	font-size: 150%;
	margin-left: .1em;
}

.information .bnr_list > li {
	display: block;
}
.information .bnr_list > li:first-child {
	width: 100%;
	max-width: 100%;
	margin: 4% 0 0;
}
.information .bnr_list > li:last-child {
	width: 70%;
	margin: 4% auto 0;
}
.information .bnr_drfile{
	margin:13% auto 5% auto;
	width:60%;
}	
}


/*cancel
---------------------------------------------------------*/
#cancel .bg {
	background-color: #f2f2f2;
	padding: 100px 0 110px;
}
#cancel .cancel_tit {
	text-align: center;
	font-size: 187%;
	letter-spacing: .15em;
	line-height: 1.5;
	background: url(../images/icon_first.svg) no-repeat center top;
	background-size: .9em auto;
	padding-top: 2em;
	margin-bottom: 1em;
}
#cancel .red {
	color: #e05a23;
}
#cancel dt {
	text-align: center;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.5;
	background-color: #83b3c6;
	padding: .5em 0;
	margin-top: 2em;
	margin-bottom: 1.2em;
}
#cancel dd {
	padding: 0 1.5%;
}
#cancel .com_marulist > li::before {
	color: #83b3c6;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#cancel .bg {
	padding: 10% 0 11%;
}
#cancel .cancel_tit {
	font-size: 150%;
}
#cancel dt {
	font-size: 115%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#cancel .bg {
	padding: 12% 0 10%;
}
#cancel .cancel_tit {
	font-size: 130%;
}
#cancel dt {
	font-size: 105%;
	letter-spacing: .08em;
	margin-top: 1.6em;
	margin-bottom: .8em;
}
}
	


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


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

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