@charset "UTF-8";
/*setagaya-design.com
Theme Name: EMS_style
Theme URl: http://www.8creative.main.jp
Description: 
Version: 1.3
Author: Yagi
*/

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

/* CSSリセット-- */

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, p, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, 
form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}

ol, ul, li{list-style: none; margin: 0;}

fieldset{margin:0,0,0,0px; border: none;}

img{vertical-align: bottom; }

/* 基本骨格-- */

html{height: 100%;}

body{
	height: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333; 
	min-width: 100%;
	font-size: 14px;
	zoom:1;
} /* 画面横幅を縮小した際に画像が切れないようにmin-width設定 */

#pc{display: none;}

#page{
	width: 100%;
	height: auto;
	height: auto !important;
	min-height: 100%;
	position: relative;
	margin: 0 auto;

}



#wrapper{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 0px;
	padding-bottom: 280px;
	margin: 0px auto;
	border: 0px #C35 solid;
	}


#contents{
	width:100%;
	height: auto;
	position: relative;
	display: block;
	margin: 0 auto 50px;
	padding: 0;
}

/* リンク-- */

a:link {color: #333; text-decoration: underline;}

a:visited {text-decoration: none; color: #666;}

a:hover {color: #999;}



/* フロートクリア-- */

.clear{ clear: both; line-height: 0;}

.clearFix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}

/* 下線-- */
.underline{text-decoration: underline;}

/* ボトムマージン調整 */
.bottom5{margin-bottom: 5px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.bottom50{margin-bottom: 50px;}
.bottom60{margin-bottom: 60px;}
.bottom80{margin-bottom: 80px;}
.bottom90{margin-bottom: 90px;}
.bottom100{margin-bottom: 100px;}
.bottom150{margin-bottom: 150px;}
.bottom200{margin-bottom: 200px;}

/* フロート */
.float_l{float: left;}
.float_r{float: right;}

/***************************************************************************************************************************************************
■ヘッダー 
***************************************************************************************************************************************************/

#header{
	width: 100%;
	height: auto;
	margin: 0 auto 10%;
	padding: 2% 0 0 0;
	border: 0px #C3C solid;
	position: relative;
	background-color: #C5DDF3;
}

#logo img{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 0 7% 2%;
}

#header_copy{
	width: 80%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-weight: nomal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* お問い合わせ */

#header_inquiry{
	width: 100%;
	height: auto;
	padding: 2% 0;
	font-size: 16px;
}

.header_address{
	width: 80%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.header_tel{
	width: 80%;
	height: auto;
	font-size: 24px;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0 auto;
	text-align: center;
}
.header_tel a{text-decoration: none;}


.inquiry_btn a{
	width: 80%;
	height: auto;
	background-image: url(images/images-sp/inquiry-btn-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 auto;
	display: block;
	min-height: 50px;
}

.inquiry_btn a:hover{
	opacity: 0.5; filter: alpha(opacity=50);
}

/* ロゴ部分 */

h1 a{
	width: 90%; height: auto; min-height: 45px; margin: 0 auto;
	position: relative;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(images/images-sp/companyname-sp.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	text-align: center;}

/* 必ずaタグで指定。これを忘れ*/


/* ドロップメニュー */

p.nav_button{width:auto; height:50px; position: absolute; top: 0; right: 0; }
p.nav_button img{width:auto; height:50px;}

nav.dropmenu{display:none; width:100%; position:absolute; top: 50px; z-index:1000; background:#f9f8f4; box-shadow:#cdcdcd 0px 5px 5px; height:auto; padding:0 0 60px;}
nav.dropmenu ul{width:100%; height:auto; margin:0 auto; padding: 0;}
nav.dropmenu ul li{width:100%; margin:0 auto; text-align:center; height:50px; line-height:50px; border-bottom:#cdcdcd 1px solid;  background-color: #002C79; padding: 0;}
nav.dropmenu ul li a{color: #fff; text-decoration: none;}
nav.dropmenu ul li a:hover{color: #cdcdcd;}
nav.dropmenu ul li:first-child{border-top:#cdcdcd 2px solid;}
nav.dropmenu ul li:last-child{border-bottom:#cdcdcd 2px solid;}
nav.dropmenu ul li:hover{border-bottom:#cdcdcd 1px solid;}
nav.dropmenu ul li:last-child:hover{border-bottom:#cdcdcd 2px solid;}
nav.dropmenu .bt_close{bottom: 10px; left: 50%; margin-left: -40px; position: absolute; height: auto;}
nav.dropmenu .bt_close img{margin:20px auto 0; width:80px;}




/* 個人情報保護方針 */


/***************************************************************************************************************************************************
■フォント
***************************************************************************************************************************************************/

h2{
	font-size:150%;
	color: #004386;
	line-height: 200%;
	letter-spacing : 0.1em;
	clear: both;
	border-top: 1px solid #004386;
	border-bottom: 1px solid #004386;
	width: 610px;
	margin: 0 0 30px 10px;
	padding: 4px 0 0 20px;
	height: 40px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

h3{
	font-size:125%;
	color: #002C79;
	line-height: 170%;
	letter-spacing : 0.1em; 
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	max-height: 999999px;/* Android Chromeバグ対策*/
}


h4{	font-size:113%;
	color: #333;
	line-height: 160%;
	letter-spacing : 0em; 
	clear: both;
	margin: 0 0 10px 30px;
	padding: 0;
	max-height: 999999px;/* Android Chromeバグ対策*/
}



h6{font-size:115%; margin: 0; padding: 0; color: #333; line-height: 160%; clear: both;}


.address{font-size: 78%; line-height: 160%;}

.center{text-align: center;}
.right{text-align:right;}
.bold{font-weight: bold;}
.red{color: #ff0000;}
.blue{color: #004386;}

.st_text{font-size:115%; color: #333; line-height: 200%; clear: both}

.small{width:95%; margin: 0 auto; font-size: 95%; line-height: 160%;}

.comment{font-size: 85%; line-height: 160%;}
.comment_l{font-size: 90%; line-height: 160%;}

.table-comment{font-size: 80%; line-height: 160%; margin-top: -3%;}
.midashi20{font-size:125%; padding: 0; color: #333; line-height: 160%; font-weight: bold;}

.midashi20_blue{font-size:125%; padding: 0; color: #004386; line-height: 160%; font-weight: bold;}

.contact_tel{font-size:140%; margin: 0 0 10px 0; padding: 0; color: #333; line-height: 160%; font-weight: bold;}



/***************************************************************************************************************************************************
■メイン
***************************************************************************************************************************************************/

#main{
	width: 100%;
	height: auto;
	margin: 0 auto 5%;
	position: relative;
	overflow: hidden;
}

#main img{width: 100%;}

.page_container{
	width: 100%;
	height: auto;
	margin: 0 auto 5%;
	display: block;
	overflow: hidden;
}

.text_box00{
	width: 95%;
	height: auto;
	margin: 0 auto 5%;
	padding: 0;
}

.text_box01{
	width: 95%;
	height: auto;
	margin: 0 auto 5%;
	padding: 0;
}


.text_box02{
	width: 95%;
	height: auto;
	margin: 0 auto 5%;
	padding: 0;
}

.text_box03{
	width: auto;
	height: auto;
	padding: 0;
}

.text_box04{
	width: auto;
	height: auto;
	padding: 0;
}


.text-viet{
	width: 95%;
	height: auto;
}

.text-myan{
	width: 95%;
	height: auto;
}

.mess_text{
	width: 95%;
	height: auto;
	margin: 0 auto 10%;
}

.mess_img{
	width: 40%;
	height: auto;
	margin: 0 auto 10%;
	padding: 0;
}


.persons{
	width: 95%;
	margin: 0 auto;
}

.workcate {
	width: 95%;
	height: auto;
	margin: 0 auto 5%;
	padding: 0;
}

.flow-detail{
	width: 95%;
	height: auto;
	margin: 0 auto ;
	padding: 0;
	display: block;
}

.detail-title{
	width: 95%;
	height: auto;
	background-color: #002C79;
	color: #fff;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	display: block;
	border: 1px solid #002C79;
}

.detail-text{
	width: 95%;
	height: auto;
	background-color: #fff;
	color: #333;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	display: block;
	border: 1px solid #002C79;

}

.sankaku{
	height:35px; padding-top: 10px;
}

.feature ul{
	width: 85%;
	float: none;
	margin: 0 0 3% 0;
}

.feature ul li{
	font-weight: bold;
	font-size: 14px;
	list-style-type: disc;
	line-height: 170%;
	margin: 0 0 10px -15px;

}

ul.case li{
	line-height: 200%;
	list-style-type: disc;
}

/***************************************************************************************************************************************************
■トップページ
***************************************************************************************************************************************************/

#top_image_sp{
	width: 100%;
	height: auto;
	margin: 0 0 5% 0;
	text-align: left;
	position: relative;
}

#top_image_sp img{width: 100%;}

.catch{
	width: 95%;
	height: auto;
	margin: 3% auto 0;
}


#top_container{
	width: 100%;
	height: auto;
	margin: 0 auto 5%;
	display: block;
	overflow: hidden;
}

#top_container a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.top_sec_block{
	width: 95%;
	height: auto;
	padding: 0;
	margin: 0 auto 2%;
	display: block;
}

.top_sec_block >p {
	margin: 0 auto;
	line-height: 170%;
}

.top_sec_block >p img{
	width: 95%;
}

.sec_img{margin: 0 10px 5px 5px;}



/***************************************************************************************************************************************************
■フッター 
***************************************************************************************************************************************************/

#footer {
	width: 100%;
	height: auto;
	position: absolute;
	background-color: #444;
	bottom: 0;
	padding: 0;
	clear: both;
}

#footer_u{
	width: 100%;
	height: auto;
	background-color: #999;
	margin: 0 auto;
	padding: 0;
}

#footer_m{
	width: 100%;
	height:auto;
	background-color: #002C79;
}

.footer_menu{
	width: 90%;
	height: auto;
	margin: 0 auto 5%;
	padding: 5% 0 0 0;
	color: #fff;
	text-align: center;
}

.footer_menu ul{padding: 0;}

.footer_menu ul li{
	display: inline-block;
	padding: 0 2% 0;
}

.footer_menu ul li a{color: #fff; text-decoration: none;}
.footer_menu ul li a:hover{color: #999;}

#footer_b{
	width: 100%;
	height:auto;
	background-color: #002C79;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	line-height: 160%;
	text-align: center;
}


#footer_b p.footer_corp{
	font-size: 12px;
	color: #fff;
	line-height: 160%;
	text-align: center;
	padding: 10px 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/***************************************************************************************************************************************************
■フォーマットページ
***************************************************************************************************************************************************/


/* サイトマップ */

.sitemap{
	font-size: 115%;
	line-height: 200%;
	margin-top: 30px;
}

.kaigo_text_sp{
	width: 95%;
	padding: 3%;
	border: 1px solid #900;
	margin: 0 0 7% 0;
}

/***************************************************************************************************************************************************
■テーブル
***************************************************************************************************************************************************/

.contact_table{
	width: 90%;
	height: auto;
	font-size: 14px;
	border-collapse: collapse;
	color: #333;
	font-size: 100%;
	margin: 0 auto 10%;
}

.contact_table th{
	text-align: left;
	background-color: #e5f5fd;
	color: #333; 
	padding: 3%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	vertical-align: top;
}


.contact_table td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	padding: 3%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}


.table01{
	width: 98%;
	height: auto;
	margin: 0 auto 5%;
	font-size: 14px;
	border-collapse: collapse;
	color: #333;
	font-size: 100%;
}

.table01 th{
	text-align: center;
	background-color: #C5DDF3;
	color: #333; 
	border: 1px solid #000;
	padding: 5px 0 5px;
	border-collapse: collapse;
	vertical-align: middle;
}

.table01 th.image{width: 240px;}

.table01 td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	border: 1px solid #000;
	padding: 7px;
	border-collapse: collapse;
}

.table01 td.image{text-align: center; vertical-align: middle;}


.table02{
	width: 98%;
	height: auto;
	margin: 0 0 10% 0;
	font-size: 14px;
	border-collapse: collapse;
	font-size: 100%;
	color: #333;}

.table02 th{
	text-align: left;
	background-color: #C5DDF3;
	color: #333; 
	padding: 3%;
	border-collapse: collapse;
	vertical-align: middle;
	border: 1px solid #000;
}

.table02 td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	border: 0px solid #000;
	padding: 3%;
	border-collapse: collapse;
	border: 1px solid #000;
}


/****************************************
　ナビゲーション
*****************************************/

#page-top {
	position: fixed;
	bottom: 10px;
	right: 10%;
	z-index: 500;
}
#page-top a {
	background-image : url(images/retop_btn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	width: 50px;
	height: 50px;
	padding: 0;
	display: block;

}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/***************************************************************************************************************************************************
■問い合わせフォーム
***************************************************************************************************************************************************/

/* 問い合わせページ */

.contact{
	width: 750px;
	height: auto;
	margin:0 0 50px 105px;
	padding: 0;
	position: relative;
}

.contact_tel{
	font-size: 20px;
	font-weight: bold;
	padding: 8px 0 0 0;
}

.kakomi{
	font-size: 16px;
	font-weight: bold;
	background-color: #ff0000;
	color: #fff;
	padding: 10px;
	width: 200px;
	height: 18px;
	margin: 10px 0 10px 10px;
	vertical-align: middle;
	text-align: center;
}

.kakomi a{color: #fff; text-decoration: none;}
.kakomi:hover{opacity: 0.7; filter: alpha(opacity=70);}


.inquiry_text{
	text-align: left;
	margin: 0 0 5% 0;
	padding: 0 3% 0 3%;
}

p.alert_text{
	font-size: 16px;
	text-align: center;
	margin: 0 0 2% 0;
}

ul.alert li{
	text-align: center;
	margin: 0 0 3% 0;
}


.subbtn{margin: 0 auto; text-align: center;}
.btn01:hover{opacity: 0.7; filter: alpha(opacity=70);}
.btn02:hover{opacity: 0.7; filter: alpha(opacity=70);}

input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
}	
	
input[type="submit"]{
	width: 110px;
	height: 40px;
	font-size: 16px;
	border:1px solid #ccc;
	vertical-align: middle;
	background-color: #004386;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;]
}


.top_news {
	width: 95%;
	height: auto;
	display: block;
	margin: 10% auto 25%;
	padding: 2% 0;
        position: relative;
}
 
.top_news ul {
	width: 90%;
	height: auto;
	margin: 0 auto;
        border-top: 1px solid #333;
}
 
.top_news ul li {
    width: 90%;
    display: none;
    padding: 10% 0 0 0;
}



}