@charset "utf-8";



/* リセット

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

* {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-style:normal;

    font-weight: normal;

    font-size: 100%;

    vertical-align: baseline;

}

html {
	overflow-x: hidden;
}

ol, ul{list-style:none;}

table{border-collapse: collapse; border-spacing:0;}

img {border: none;}

body {

	color: #1a1a1a;

	font-size: 16px;

	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

a,body,p,th,td,h1,h2,h3,div,ul,li{

	-webkit-text-size-adjust: 100%;

	max-height: 999999px;

	max-height: 100%;

}

strong {

	font-weight: bold;

}

/* 回り込み */

.f-right {float: right;}

.f-left {float: left;}

.f-clear {clear: both;}

.clearfix:after,article:after,section:after,header:after,footer:after,.wrapper:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



/* 段落 */

p {line-height: 1.7em; margin-bottom: 15px;}

p:last-child {margin-bottom: 0px;}

.t-right {text-align :right;}

.t-left {text-align: left;}

.t-center {text-align: center;}



/* 余白 */

.mb10 {margin-bottom: 10px;}

.mb20 {margin-bottom: 20px;}

.mb30 {margin-bottom: 30px;}

.mb50 {margin-bottom: 50px;}

.mt10 {margin-top: 10px;}

.mt20 {margin-top: 20px;}

.mt30 {margin-top: 30px;}

.mt50 {margin-top: 50px;}



.ml10 { margin-left:10px;}

.mr10 { margin-right:10px;}

.ml20 { margin-left:20px;}

.mr20 { margin-right:20px;}



/* 文字 */

.bold {font-weight: bold;}

.under {text-decoration:underline;}

.t-red {color:#D83535;}

.fs12 {font-size:12px;}

.fs13 {font-size:13px;}

/* リンク */

a {text-decoration: none;color:#009FE8;}

a:hover img{

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha( opacity=70 )";

    zoom: 1;

}

.a_blue {

	display:inline-block;

	padding:5px 20px 5px 40px;

	border-radius:20px;

	border:2px solid #009FE8;

	color:#009FE8;

	font-weight:bold;

	background:url(img/common/pink_right.png)no-repeat left 20px center;

}

.a_blue.kon {
	border:2px solid #004ea2;
	color:#004ea2;
	padding:10px 20px 10px 40px;
	border-radius:30px;
}

.a_blue.w_250 {
	width: 250px;
	text-align: center;
}
.a_blue.down {
	width: 250px;
	background:url(img/common/pink_down.png)no-repeat left 20px center;
}


/*  見出し */

.h_shikaku {

	padding:2px 5px 2px 20px;

	text-align:left;

	position:relative;

	font-size:1.1em;

	font-weight:bold;

	border-bottom:1px solid #ccc;

	margin-bottom:10px;

}

.h_shikaku:before {

	content:"■";

	color:#0885C9;

	font-size:16px;

	left:5px;

	top:2px;

	position:absolute;

}

.h_under {

    background: url(img/common/h_under.gif) no-repeat bottom center;

    text-align: center;

    padding-bottom: 10px;

    font-weight: bold;

    font-size: 1.8em;

    margin-bottom: 30px;

}

.h_bold {

	border-bottom:1px solid #009FE8;

	margin-bottom:15px;

	padding-bottom:5px;

	font-weight:bold;

	font-size:1.2em;

	color:#009FE8;

}

.h_radius {

	display:inline-block;

	border:2px solid #009FE8;

	border-radius:30px;

	margin-bottom:10px;

	padding:1px 20px;

	font-weight:bold;

	color:#009FE8;	

}



/* リスト */

.ul_shikaku li {

	position:relative;

	padding-left:20px;

	margin-bottom:5px;

}

.ul_shikaku li:before {

	content:"■";

	color:#ccc;

	font-size:8px;

	left:5px;

	top:3px;

	position:absolute;

}

.ul_under li {

	border-bottom:1px dashed #666;

	margin-bottom:5px;

	padding-bottom:5px;

}

.ul_under li  span {

	display:inline-block;

	min-width:150px;

	font-weight:bold;

}

.ol_num{margin-left:15px;}

.ol_num li {

	list-style-type:decimal;

	list-style-position:outside;

	border-bottom:1px dashed #666;

	padding:2px;

}







/* 背景 */

.bg_gray {background-color:#fbfbfb;}

.bg_blue {	background-color:#009FE8;}

.bg_white {	background-color:#fff;}

.bg_palegreen {background-color:#F5FFF5;}

.bg_orange {

	background:url(img/common/bg_orange.gif)no-repeat center center;

	background-size:cover;

}

.bg_dot {

	background:url(img/common/dot_bg.png)repeat center center;

	-ms-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.1) inset;

	-moz-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.1) inset;

	-webkit-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.1) inset;

	-o-box-shadow:0px 3px 3px -1px rgba(0,0,0,0.1) inset;

	box-shadow:0px 3px 3px -1px rgba(0,0,0,0.1) inset;

}





/* テーブル */



.tbl_gray{

	width:100%;

	text-align:left;

	background-color:#fff;

}

.tbl_gray th , .tbl_gray td {

	padding:15px ;

	border:1px solid #ccc;

}

.tbl_gray th {

	width:30%;

	background-color:#eee;

	vertical-align:middle;

}



.tbl_temp {

	width: 100%;

  border-radius: 10px;

  border-collapse: separate;

  overflow:hidden;

  margin-bottom:10px;

}

.tbl_temp th {

	background-color:#009ae3;

	text-align:center;

	padding:15px;

	color:#fff;

	vertical-align:middle;

	border-bottom:5px #fff solid;



}

.tbl_temp td {

	background-color:#eee;

	padding:15px;

	border-bottom:5px #fff solid;

}

.tbl_temp tr:last-child th , .tbl_temp tr:last-child td {

	border-bottom:none;

}

.bg_gray .tbl_temp td {

	background-color:#fff;

	border-bottom:#fbfbfb 5px solid ;

}

.bg_gray .tbl_temp th {

	border-bottom:#fbfbfb 5px solid ;

}



/* レスポンシブ  */

.w100 {width:100%;height:auto;}

.max100 {max-width:100%;height:auto;}

.res-block {display:none}



/* hover */

.big_effect img{

	width:100%;

	height:auto;

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.big_effect {

	display:inline-block;

	width:100%;

	height:0px;

	padding-bottom:56%;

	border-radius:10px;

	overflow:hidden;

}



.big_effect:hover img {

	opacity:1;

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.layer_effect img {

	width:100%;



}

.layer_effect {

	display:inline-block;

	width:100%;

	height:0px;

	padding-bottom:56%;

	border-radius:10px;

	overflow:hidden;

}

.layer_effect:hover {

	background-color:rgba(0,0,0,1);

}

.layer_effect:hover img {opacity:0.5;}









/*******************************

/* コンテンツ幅

********************************/

section {

	padding:60px 0px;

}

.sec_0 {padding:0px;}

.sec_30 {padding:30px 0;}

.sec_pd {padding:60px 0px;}

.sec_t_0 {padding-top: 0;}
.w1000 {width:1000px;margin:0 auto;max-width: 100%;}
.w600 {width:600px;margin:0 auto;}


/*** カラム組 ***/

.colwrap {

	letter-spacing: -0.4em;

}

.colwrap > * {

	letter-spacing: normal;

	vertical-align: top;

	display: inline-block;

}

.col2,.col3,.col4,.col6 {

	text-decoration: none;

}



.col2 {width: 48%;}

.col3 {width: 30%;}

.col4 {width: 23%;}

.col6 {width: 14.44444%;}





/*******************************

/* ヘッダー

********************************/

header {

	/*background:url(img/common/blue_yoko.jpg)repeat-x top center ,#fff;*/

	padding-top:20px;

}

header .inner {

	width:1000px;
	max-width: 100%;

	margin:0 auto;

	padding:20px 0px 10px;

}

.hd_left {float:left;}

.hd_right {	float:right;}

.hd_tel{

	display:inline-block;

	margin-right:20px;

	color:#009FE8;

	text-align:center;

}

.hd_tel i {

	font-size:1.1em;

	margin-right:5px;

}

.hd_tel a {

	font-size:1.8em;

	font-weight:bold;

	color:#009FE8;

}

.hd_shop {

	display:inline-block;

	margin-right:10px;

	padding:10px;

	background-color:#FFEBF0;

	border-radius:10px;

	color:#E3007F;

	text-align:center;

	font-size:13px;

	transition:0.2s;

}

.hd_shop span {

	display:inline-block;

	width:100%;

	font-weight:bold;

}

.hd_shop i {

	margin-bottom:5px;

	font-size:30px;

}

.hd_shop:hover {	

	color:#fff;

	background-color:#E3007F;

}

.hd_contact {

	display:inline-block;

	padding:10px 5px;

	background-color:#EEFCFF;

	border-radius:10px;

	color:#009FE8;

	text-align:center;

	font-size:13px;

	transition:0.2s;

}

.hd_contact span {

	display:inline-block;

	width:100%;

	font-weight:bold;

	letter-spacing:-0.05em;

}

.hd_contact i {

	margin-bottom:5px;

	font-size:30px;

}

.hd_contact:hover {	

	color:#fff;

	background-color:#009FE8;

}



/* ナビ */

.gnav-wrapper {

	width:1000px;
	max-width: 100%;

	margin:0 auto;

	position: relative;

}

.gnav {

	display: flex;

	justify-content: space-between;

}

.sp_nav_icon {display:none;}

.gnav > li {

	width:100%;

	border:1px solid transparent;

	text-align: center;

	transition: all .2s ease-in-out;

	overflow:hidden;

}

.gnav >  li:first-child {border-radius:10px 0px 0px 0px;}

.gnav >  li:last-child {border-radius:0px 10px 0px 0px;}

.gnav > li > a {

	display:inline-block;

	width:100%;

	padding:20px 0px;

	color: #fff;

	font-weight:bold;

}

/*.gnav > li > a:hover {font-size:1.2em;}*/

.megamenu {

	background: #3e3e3e;

	max-height: 0;

	opacity: 0;

	overflow: hidden;

	width: 100%;

	position: absolute;

	top: 65px;

	left: 0;

	transition: all .2s ease-in;

	z-index: 999;

	text-align:left;

}



/* メガメニュー内 */

.nav_title {

	margin-left:-2px;

	padding:8px 0px 8px 15px;

	color:#fff;

	font-size:1.5em;

	font-weight:bold;

	line-height:1em;

	text-align:left;

}

.nav_title span {

	display:inline-block;

	width:100%;

	font-size:13px;

}



.menu_left {

	display:inline-block;

	width:30%;

	border-right:1px solid #fff;

	padding-right:30px;

	vertical-align:top;

}

.menu_left .disc {

	color:#fff;

	padding-left:25px;

	font-size:14px;

}

.menu_right {

	display:inline-block;

	width:67%;

	margin-left:2%;

	vertical-align:top;

}

.menu_right .col3{

	display:inline-block;

	margin-right:2%;

	vertical-align:top;

}

.menu_right .col3:last-child {margin-right:0px;}

.menu_right a {color:#fff;}



.menu_right .submenu li{

	position:relative;

	border-bottom:1px solid #fff;

	padding-left:15px;

	padding-bottom:10px;

	margin-bottom:10px;

	letter-spacing:-0.05em;

	font-size:14px;



}

.menu_right .submenu li i {

	position:absolute;

	left:0px;

	top:3px;

	font-size:1.2em;

	color:#fff;

}

.menu_right a img {

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}









/* 患者様へ */

.gnav li.nav_user { background:url(img/common/nav_urapyon1.png)no-repeat bottom -50px right, #009FE8;}

.gnav li.nav_user:hover { 

	background-position:bottom 0px right !important;

}

.nav_user .megamenu {	background-color:#009FE8;}

.nav_user .nav_title { 	border-left:10px solid #C7F3FF;}



.gnav li.nav_doctor { background:url(img/common/nav_urapyon4.png)no-repeat bottom -50px right, #73BC00;}

.gnav li.nav_doctor:hover { background-position:bottom 0px right !important;}

.nav_doctor .megamenu {	background-color:#73BC00;}

.nav_doctor .nav_title { 	border-left:10px solid #D4F0A8;}





.gnav li.nav_recruit { background:url(img/common/nav_urapyon2.png)no-repeat bottom -50px right, #F4A300;}

.gnav li.nav_recruit:hover { background-position:bottom 0px right !important;}

.nav_recruit .megamenu {	background-color:#F4A300;}

.nav_recruit .nav_title { 	border-left:10px solid #FEE7BB;}





.gnav li.nav_company { background:url(img/common/nav_urapyon3.png)no-repeat bottom -50px right, #E3007F;}

.gnav li.nav_company:hover { background-position:bottom 0px right !important;}

.nav_company .megamenu {	background-color:#E3007F;}

.nav_company .nav_title { 	border-left:10px solid #FCD3E5;}







.gnav li.nav_blog { 

	/*border:1px solid #E3007F;*/

	background:url(img/common/blog_icon.png) no-repeat center right 10px ,#FF9DB6;

}

.nav_blog .megamenu {	background-color:#FF9DB6;}

/*.gnav li.nav_blog a{ color:#E3007F; font-weight:bold;}*/





.gnav > li:hover .megamenu {

	max-height: 9999px;

	opacity: 1;

	padding: 30px 0;

}









/* ▼SlickNavを使う場合 */

.slicknav_menu {

	display:none;

}





/*******************************

/* フッター

********************************/

footer {

	clear: both;

	border-top:5px solid #009FE8;

	/*border-top:5px solid #009FE8;*/

	background-color:#eee;

	/*background: url(img/common/blue_yoko.jpg)repeat-x top center ,#EFFDFF;*/

	padding-top:45px;

	/*box-shadow: 0px -5px 5px -5px rgba(17,123,163,0.4);

	-moz-box-shadow: 0px -5px 5px -5px rgba(17,123,163,0.4);

	-webkit-box-shadow: 0px -5px 5px -5px rgba(17,123,163,0.4);

	-o-box-shadow:0px -5px 5px -5px rgba(17,123,163,0.4);

	-ms-box-shadow:0px -5px 5px -5px rgba(17,123,163,0.4);*/

}

footer .inner {

	width:1000px;
	max-width: 100%;

	margin:0 auto;	

}



/* サイトマップ */

.sitemap_ul {

	display:inline-block;

	width:23%;

	margin-right:2%;

	vertical-align:top;

}

.sitemap_ul:nth-of-type(4n) {

	margin-right:0px;

}

.ft_sitemap .ttl {

	display:inline-block;

	width:100%;

	margin-bottom:10px;

	padding:5px 10px;

	border:2px solid #666;

	border-radius:30px;

	color:#666;

	text-align:center;

	font-weight:bold;

	font-size:1.1em;

	transition:0.2s;

	background-color:#fff;

}

/*

.ft_sitemap .ttl.user {

	color:#009FE8;

	border-color:#009FE8;

}

.ft_sitemap .ttl.doctor {

	color:#73BC00;

	border-color:#73BC00;

}

.ft_sitemap .ttl.recruit {

	color:#F4A300;

	border-color:#F4A300;

}

.ft_sitemap .ttl.company{

	color:#E3007F;

	border-color:#E3007F;

}

*/

.ft_sitemap .ttl.user:hover{color:#009FE8;border-color:#009FE8;	background-color:#fff;}

.ft_sitemap .ttl.doctor:hover{color:#73BC00;border-color:#73BC00;background-color:#fff;}

.ft_sitemap .ttl.recruit:hover{color:#F4A300;border-color:#F4A300;	background-color:#fff;}

.ft_sitemap .ttl.company:hover{color:#E3007F;border-color:#E3007F;background-color:#fff;}





.ft_sitemap .parent {

	margin-left:10px;

}

.ft_sitemap .parent li {

	position:relative;

	padding-left:20px;

	margin-bottom:5px;

	padding-bottom:5px;

	font-size:15px;

}

.ft_sitemap .parent li:before {

	content:"";

	position:absolute;

	left:0px;

	top:10px;

	display:block;

	width:11px;

	height:2px;

	background-color:#009FE8;

}

.ft_sitemap .parent a {color:#000;}



.ft_sitemap .child {margin-top:10px;}

.ft_sitemap .child li{

	font-size:12px;

	margin-bottom:2px;

}

.ft_sitemap .child li:before {background-color:#E3007F;}



/* 住所 */

.ft_info {

	display:inline-block;

	width:100%;

	height:auto;

	margin:40px 0px 0px;

	padding:30px 20px;	

	border-top:2px solid #ccc;

	border-bottom:2px solid #ccc;

	background-color:rgba(255,255,255,0.5);

	text-align:center;

}

.ft_info .left{

	display:inline-block;

	float:left;

	width:75%;

	height:auto;

}

.ft_info .right{

	display:inline-block;

	float:left;

	width:24%;

	height:auto;

}

.ft_info .right img{

	max-width:100%;

}

.ft_info  .ft_logo {

	display:inline-block;

	vertical-align:middle;

	margin-right:20px;

}

.ft_info  .addr {

	display:inline-block;

	vertical-align:middle;

	line-height:1.4em;

}

.ft_info  .addr a {color:#000;}

/* コピーライト */

small {

	display:inline-block;

	width:100%;

	padding:30px 10px;

	background-color:#eee;

	text-align:center;

}





/*******************************

/* サイドバー

********************************/

aside {

	width: 230px;

	float: left;

}



.new_staff_bnr{

	display:inline-block;

	width:100%;

	height:auto;

	margin:0 auto 30px auto;

}

.new_staff_bnr img{

	display:block;

	max-width:100%;

	height:auto;

	margin:0 auto;

}