@charset "utf-8";


.doctor_span{ color:#009A7A; font-size:1.0rem; display: block; font-weight: bold;}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 767px) {

.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;}



/* hack */




/* chg_dsp */
.only_tab, .only_pc, .exc_sp, .only_pc_B, .only_tab_B	{display:none !important;}
.only_sp, .exc_tab					{display:inline;}
.only_sp_B, .exc_pc, exc_tab_B, .exc_pc_B		{display:block;}





/* ワイド box */
.box_all_bg_green{width: 100%;padding: 60px 0 1px 0;margin: 0 0 60px 0;background-color: #F7FBF3;}

/*---------------------------------------------
 ** レイアウト　
---------------------------------------------*/
/* wrapper */
.box_cont{width: 100%;height: 100%;padding: 15px 0 0 0;_zoom: 1;overflow: hidden;position: relative;margin: 0 0 30px 0;}
/* 背景虹 */
.box_cont_bg_top_01{background: url(../img/top/box_cont_top_01.jpg) center no-repeat; padding:0;  }
/* inner */
.box_cont_inner{width: 100%; margin: 0 auto 30px auto; }

.clounm_1{width:90%;margin: 0 auto 20px;clear:both;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2{width:90%;margin: 0 auto 20px;clear:both;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_2 div{width:100%; margin:1em 0 2em;}
.clounm_2 div img{width:100%;}
/*.clounm_2 div.clounm_2_inner{width:49%; margin:0 2% 0 0;}
.clounm_2 div.clounm_2_inner:last-child{width:49%; margin:0;}*/

.clounm_3{width:90%; margin:0 auto 20px;}
.clounm_3 div{width:100%; margin:1em 0 2em;}
.clounm_3 div img{width:100%;}

.clounm_3_m0{width:90%; margin:0 auto 2em;}

.clounm_3_inner h4	{width:90%; margin:10px auto; font-weight:bold;}
.clounm_3_inner p	{width:90%; margin:10px auto;}

.clounm_4{width:90%; margin:0 auto 20px;}
.clounm_4 div{width:100%; margin:0 auto 2em;}
/*
.clounm_4 div.clounm_4_inner{width:23.5%; margin:0 2% 0 0;}
.clounm_4 div.clounm_4_inner:last-child{width:23.5%; margin:0;}
*/
.clounm_4 div img{width:100%;}

.clounm_4_inner h4	{width:90%; margin:10px auto; font-weight:bold;}
.clounm_4_inner p	{width:90%; margin:10px auto;}

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{width: 100%;_zoom: 1;overflow: hidden;
background-image:-moz-linear-gradient(rgb(228,238,245) 0%,rgb(255,255,255) 104px);
background-image:-webkit-gradient(linear,color-stop(0, rgb(228,238,245)),color-stop(1, rgb(255,255,255)));
background-image:-webkit-linear-gradient(rgb(228,238,245) 0%,rgb(255,255,255) 104px);
background-image:-o-linear-gradient(rgb(228,238,245) 0%,rgb(255,255,255) 104px);
background-image:linear-gradient(rgb(228,238,245) 0%,rgb(255,255,255) 104px);
}
/*body#top #header:after{background: url(../img/common/header_bg.png) no-repeat;width: 100%;height: 100%;content: '';position: absolute;top:0;left:0;z-index: 0;}
*/
/* ヘッダーインナー */
.header_inner{width: 100%;height: 130px; margin: 0 auto;position: relative; z-index: 2;}

/* ロゴ */
#logo {}
#logo a h1{
	display:block;
	width: 190px;
	height: 76px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../img/common/logo.png) no-repeat center center;background-size:contain;
	padding:0;
	margin: 0 0 0 15px;
}
/* お問い合わせ */
.header_conttact{display:block; width:100%;zoom: 1;}
.header_conttact:after {content: "";display: block;clear: both;}
.header_conttact a{ display: block; width:calc(50% - 2px); text-align:center; float:left; }
.header_conttact a .fa{font-size:1.6em; margin-right:6px; position:relative; top:3px;}
/* メイン画像（TOPページ） */
#top .main_img_wrapper{background: #0F4988; padding:40px 0 50px;}
#top .main_img_inner{text-align: center; background:none;}
#top .main_img_inner p{font-family: 'Open Sans Condensed', sans-serif;font-size: 2.5em;line-height:120%;color:rgb(255,255,255);text-align:center;margin: 0 0 40px;letter-spacing: 5px;}
#top .main_img_inner p span{font-size: 0.4em; display: block; letter-spacing: 0px; line-height: 120%; padding: 0.5em 0.3em;}
#top .main_img_wrapper:before{background:none!important; }
#top .main_img_wrapper:after{background:none!important; }


/* ホバー効果 */
.main_img_inner a{font-size:30px;display: inline-block;margin: 0 auto;letter-spacing:3px;position:relative;z-index: 2;}
.main_img_inner a:after{content:"\25B6";font-size:20px;position:absolute;bottom: 18px;right: -20px;z-index: 1;color:#0F59A8;background-color:rgb(255,255,255);width:38px;height:38px;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;line-height: 2;padding: 1px 0 0 6px;}
.main_img_inner a:hover:after{background-color:#DBE8F7;}

/* ホバー効果時のテキスト */
.main_img_inner a span{display: block; width: 250px; height: 100%; padding: 15px 10px 11px; font-size: 24px;}
.main_img_inner a span:hover{letter-spacing:10px;}

/* メイン画像（中ページ） */
.main_img_wrapper{height:140px; padding-top:30px; position:relative;background-size: cover !important;}
.main_img_inner{width:100%;background-color: rgba(0,0,0,0.55);margin: 0 auto ;text-align: center;}
.main_img_inner h1{font-family: 'Open Sans Condensed', sans-serif;font-size: 40px; padding:20px 0 12px 0; line-height:90%;color:rgb(255,255,255);text-align:center;margin: 0 0 0;letter-spacing: 5px; position:relative;}
.main_img_inner h1:after{ width:100%; height:87px; border:1px solid #949494;content:""; position:absolute;top: 7px;left:0px;z-index: 1;}
.main_img_inner h1 span{font-size:16px;  display:block;letter-spacing:0px;}
/*
.main_img_wrapper:before	{width:80px;height:148px;content:""; position:absolute; top: 0px;left :0px;background: url(../img/main_img/main_img_left.png) no-repeat right top; z-index:2;}
.main_img_wrapper:after		{width:80px;height:148px;content:""; position:absolute; top: 0px;right:0px;background: url(../img/main_img/main_img_right.png) no-repeat left bottom;z-index:2;}
*/


#top .main_img_wrapper{height:auto; padding:30px 0 40px; position:relative;background-size: cover !important;}


/*---------------------------------------------
 ** TOPページ　中
---------------------------------------------*/
/* お知らせ */
.news{margin: 0 0 -20px 0;_zoom: 1;overflow: hidden;}
.news dl{padding: 20px 1em 0;margin: 0; text-align:center;}
.news dl dt{display:inline-block; padding:3px 10px;-moz-border-radius: 9px;-webkit-border-radius:9px;border-radius:9px;position: relative;font-weight: bold; background:#9BC9E9;}
/*.news dl dt:after{content:"\25C6";font-size: 32px;position:absolute;top: -13px;right: -35px;z-index: 1;color: #9BC9E9;}*/
.news dl dd{margin:10px 0 0; text-align:left;}
.news dl dd a{text-decoration:underline;}
.news dl dd a:hover{text-decoration:none;}

/*---------------------------------------------
 ** TOP　4つのコンテンツ
---------------------------------------------*/
/*TOPコンテンツ*/
.box_cont_bg_top_01 div a div h3,
.box_cont_bg_top_01 div a div p{z-index: 2;position: relative; color: #FFF;}
/*黒色オーバーレイ*/
.box_cont_bg_top_01 div a div {width: calc(100% - 2em);height:calc(100% - 140px);padding: 115px 1em 25px;}
.zoom_anime{ width: 100%;height: 300px;display: block;}
/*サムネイル　ホバー（1.05倍にしてるだけ）*/
.zoom_anime:hover div {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);	-o-transform: scale(1.05);	transform: scale(1.05);  }
.zoom_anime div:before{   opacity: 1;background-color: rgba(0,0,0,0.3);}
.zoom_anime:hover div:before{opacity: 0.5;}

/*オーバーレイのふわっと効果*/
.zoom_anime div:before {width: 100%;height: 100%;content: '';display: block;position: absolute;left: 0;top: 0;-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);}

.top_con_01_a{background: url(../img/top/01/top_con_01.jpg) center;background-size: contain;position:relative;z-index:2;}
.top_con_01_b{background: url(../img/top/01/top_con_02.jpg) center;background-size: cover;position:relative;z-index:2;}
.top_con_01_c{background: url(../img/top/01/top_con_03.jpg) center;background-size: cover;position:relative;z-index:2;}
.top_con_01_d{background: url(../img/top/01/top_con_04.jpg) center;background-size: cover;position:relative;z-index:2;}

.top_con_01_a:after{width:86px;height:90px;padding: 0px 4px 0 0px; line-height:1.45; content:"1";font-size:60px;position:absolute; text-align:center;top:0;right:0px;z-index: 1;color:#FFF;background-color:#0F59A8;font-family: 'Open Sans Condensed', sans-serif; }
.top_con_01_b:after{width:86px;height:90px;padding: 0px 4px 0 0px; line-height:1.45; content:"2";font-size:60px;position:absolute; text-align:center;top:0;right:0px;z-index: 1;color:#FFF;background-color:#0F59A8;font-family: 'Open Sans Condensed', sans-serif; }
.top_con_01_c:after{width:86px;height:90px;padding: 0px 4px 0 0px; line-height:1.45; content:"3";font-size:60px;position:absolute; text-align:center;top:0;right:0px;z-index: 1;color:#FFF;background-color:#0F59A8;font-family: 'Open Sans Condensed', sans-serif; }
.top_con_01_d:after{width:86px;height:90px;padding: 0px 4px 0 0px; line-height:1.45; content:"4";font-size:60px;position:absolute; text-align:center;top:0;right:0px;z-index: 1;color:#FFF;background-color:#0F59A8;font-family: 'Open Sans Condensed', sans-serif; }

.top_con_01_a:hover:after,
.top_con_01_b:hover:after,
.top_con_01_c:hover:after,
.top_con_01_d:hover:after{background-color:#1170CE;}


#sp_3em{margin-bottom:3em !important;}

/*拡大アニメーション*/
.zoom_anime div {background-size: cover;-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);}


/* TOP cont 02 */
.side_space{  margin:10px 5% 3% !important;}
.around_space{  margin:3% 5% 3% !important;}


/* TOP cont 03 */
.box_cont_inner_L{ width:100%; margin-bottom:3em;}
.box_cont_inner_R{width:100%;}

.box_cont_inner_L p.side_space{margin:3% 5% 3% !important;}
.box_cont_inner_R p.side_space{margin:3% 5% 3% !important;}

.box_cont_inner_L_m{width:48%; float:left;}
.box_cont_inner_R_m{width:48%; float:right;}

/*---------------------------------------------
 ** フッター
---------------------------------------------*/
#footer{position: relative;margin: 0px 0 0 0;background:url( ../img/common/footer_bg_blue.jpg) repeat-x;height: 100%;}
/* フッターインナー */
.footer_inner{width:calc(100% - 30px);margin: 0 auto;position:relative;padding: 12px 0 0;}

/* フッターロゴ */
#f_logo			{width: 100%;height:100px;background:  no-repeat #FFF;border-top: 10px solid #F8F8F8;}
#f_logo a		{width:280px;height:100px; margin:0 auto; display:block;background: url(../img/common/footer_logo.jpg)  no-repeat center center; background-size:contain;}

/* フッター左 */
#ftrL{width: 890px;float: left; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#ftrL .cloumn:nth-of-type(1){width:619px; float:left; margin:0 30px 0 0;}
#ftrL .cloumn:nth-of-type(2){width:235px; float:left; margin:0 0 0 0;}
#ftrL .cloumn ul{float:left;margin:0 20px 0 0;width: 100%;padding: 0 0 0 10px;}
#ftrL .cloumn ul li{position:relative;margin: 0 0 15px 0;font-size:14px;padding: 0 0 0 30px;}
#ftrL .cloumn ul li:nth-of-type(1){ font-size:18px; padding: 0 0 0 20px;}
#ftrL .cloumn ul li a{ color: #FFF!important; transition: all .3s; }
#ftrL .cloumn ul li a:hover{ color: #BBD2FF!important; border-bottom:1px solid #BBD2FF;}


/* 事業内容3つの width */
.footer_nav_01{width: 220px !important;}
.footer_nav_02{width: 167px !important;}
.footer_nav_03{width: 120px !important;margin-top: -47px !important;}
.footer_nav_04{width: 167px !important;}

/* マーク　≫ */
#ftrL .cloumn ul li:nth-of-type(1) a:after{content:"≫";font-size:12px;position:absolute;top: 6px;left:0px;z-index: 1;}
/* マーク　├ */
#ftrL .cloumn ul li a:after{content:"├";font-size:12px;position:absolute;top: 3px;left: 8px;z-index: 1;}

/*WINDW FILM と PAIN　のマークを ≫ に*/
.footer_nav_02 li {padding:0 0 0 20px !important;}
.footer_nav_02 li a:after{content:"≫"!important; top:6px !important; left:0px !important;}


/*各liの最後のマークを └ に*/
.footer_nav_01 li:last-child a:after{content:"└"!important;}
.footer_nav_03 li:last-child a:after{content:"└"!important;}
.footer_nav_06 li:last-child a:after{content:"└"!important;}
.footer_nav_04 li:last-child a:after{content:"└"!important;}

/* フッター右 */
#ftrR{width: 100%; color:#F1F1F1; margin:0 auto; }
#ftrR a{width: 100%;margin: 10px 0 23px;height: 60px; font-weight: bold;} 
#ftrR .column{border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;font-size:14px;padding: 17px 0 10px 0;text-align:center;margin: 0 0 17px 0;}
#ftrR .column p{margin: 0 0 8px 0;}
/* フッター地図 */

/* pagetop */
#pagetop	{display:block; position:relative;}
#pagetop a	{display:block; position:relative;}
#pagetop a img{width: 72px;height:72px;position:fixed;right:6px;bottom: 20px;opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;z-index: 5;}
#pagetop a img:hover, #pagetop a img:focus {
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
-webkit-animation: gelatine 0.5s 1;
animation: gelatine 0.5s 1;
opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }


/* コピーライト */
#copyright		{font-size: 0.8em;width:100%;text-align:center;padding: 15px 0 12px 0;background-color: #FFF;color:#333333;float: left; background:url( ../img/common/footer_bg_white.jpg) repeat-x;}


/*中ページ*/
.box_cont_inner_inner{width:90%; margin:0 auto;}



/*サムネイルwrapper（マスク）*/
.zoom_anime2 {
display: block;
overflow: hidden;
}

/*サムネイル　ホバー（1.05倍にしてるだけ）*/
.zoom_anime2:hover .thumb {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);	-o-transform: scale(1.05);	transform: scale(1.05);  }
.zoom_anime2:hover .thumb:before{    opacity: 1;  }

/*スムーズな拡大縮小を実現*/
.thumb  {
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	position:relative;
	/* margin:0 0 10px; */
	/* overflow: hidden; */
}

.thumb img{width:100%; height:auto;}

/*オーバーレイのふわっと効果*/
.thumb:before {
width: 100%;
height: 100%;
opacity: 0;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;

-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
   -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	 -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
background-color: rgba(0,0,0,0.639);
  }

.btn_x {
    background-color: #8Fc9f8;
    border: 2px solid #8Fc9f8;
    color: #0F59A8!important;
    line-height: 50px;
}

/*中ページ共通のお問い合わせ*/
.inner_page_contact{width:calc(90% - 2px); border:1px solid #CCC; text-align:center; overflow:hidden; margin:0 auto 20px; }
.inner_page_contact h4{background:#0F59A8; padding:12px 6px 8px; margin: 0 0 30px 0; color:#FFF; text-align:center; font-size:22px;}
.inner_page_contact p{ font-size:20px; color:#0F59A8;}
.inner_page_contact p span{ font-size:16px; color:#202020; display:block;}
.inner_page_contact ul{ width: 100%; /*border-bottom:1px solid #CCC;*/ }
.inner_page_contact ul li{ display:block; color:#0F59A8; border-top:1px solid #CCC; font-size:26px;padding:7px 0; }
.inner_page_contact ul li:last-child{ border-bottom:none; }
.inner_page_contact ul li i:before{ font-size:30px; color:#E4EEF5 !important;}


/*会社概要*/
.daihyo{ float: right; }
.daihyo span{ font-size:30px; color:rgb(0,25,102); margin-left: 10px;}

/* 会社概要 */
.about_info{display:block;  border-top: 1px solid #CCCCCC; padding-top:15px; margin-bottom: 1em;  }
.about_info_bdb{ border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; }
.about_info dt{ display:block; width: 100%;color:#0F59A8;text-align:center; margin-bottom:0.5em;}
.about_info dd{ display:block; width: 100%;text-align:left;}



.list_back{width:150px;padding:0;font-size:18px;margin:0 auto;display: block;}



.recruit{background: #EEF5FB;border-color: #0F59A8;border-width:4px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border-style:solid;padding: 30px 20px 10px 20px;width:calc(90% - 48px);margin:0 auto;overflow:hidden;}
.recruit p {counter-reset: number; text-align:center;}



.flow_div{
	background-color:rgb(255,255,255);
	border-color:#0F59A8;
	border-width:4px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border-style:solid;
	margin: 35px 0 3em !important;
	padding: 20px;
	width: auto !important;
	margin-bottom: 3em;
	position:relative;
}
.flow_div:nth-of-type(3):after{ display:none;}
.flow_div:after{
width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 38.5px 0 38.5px;
    border-color: #0F59A8 transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -48px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
}
.flow_div h3{ color:#0F59A8; font-size:16px; font-weight:bold;}
.mr0{margin-right:0 !important;}




#ppg .btn_01B{padding:0 30px;}
#rpr .btn_01B{padding:12px 30px;line-height: 1.6em;}


.thanks{width:90%; margin:0 auto;}

#container {
    width: 90% !important;
    margin: 0 auto;
    text-align: left;
}

.zeromail tbody th {display:block;
    width: calc(100% - 1em) !important;
    padding: 0.9em 0.5em 0.2em 0.5em !important;
    /* background-color: #ebf1f9; */
    font-weight: normal;
    /* text-align: center; */
}

.zeromail td {display:block;
width:calc(100% - 1em) !important;
    padding: 0 0.5em 1.2em !important;
    text-align: left;
}

.zeromail [type=text], .zeromail [type=password], .zeromail textarea {
width:calc(100% - 16px) !important;
    padding: 7px;
    border: 1px solid #aaa;
    border-radius: 3px;
    /* font-size: 18px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.zeromail [type=submit] {
    margin-bottom:0.5em !important;
}

.zeromail span.error {
    display: block;
    margin: 1.5em 0 !important;
    padding: 1.5em 0.5em !important;
}













}