@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------
Base
--------------------------------------------------------------------------------------------------------*/
#text { position:fixed; top:0; left:0; background:#000; width:100px; color:#fff; z-index:9999; display:none; }

/*----------------------------------------------------
ブラウザおよびそのプロジェクトにおける、
各要素のデフォルトのスタイルを定義
----------------------------------------------------*/
html { overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-weight:normal; }
q:before,q:after { content: ''; }
object, embed { vertical-align:top; }
hr,legend { display:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
img,abbr,acronym,fieldset { border:0; }
li { list-style-type:none; }
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary { display:block; }

/*----------------------------------------------------
基本設定
----------------------------------------------------*/
body {
	/*display:none;*/
	background:#3399CC; color:#333; font-size:100%; line-height:1.8;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	word-wrap:break-word; -webkit-text-size-adjust:none;
}
table { font-size:100%; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; }
input,textarea,select,option { color:#333; font-size:100%; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; }
button { font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; }

img { vertical-align:bottom; -ms-interpolation-mode:bicubic; }
iframe { vertical-align:bottom;} 	
a:hover img { opacity:0.8; }

.clear { zoom:100%; }
.clear:after { display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; content:"."; }

.closeModal { padding-top:30px; }
.closeModal a { display:block; margin:0 auto; height:35px; line-height:35px; text-align:center; font-size:13px; font-weight:bold; width:140px; color:#fff; text-decoration:none; background:#999;
border-radius:3px; -webkit-border-radius:3px;  -moz-border-radius:3px; }
.closeModal a:hover { background:#ccc; }

/* アイコン関連 */
.fa-external-link { position:relative; top:1px; margin-left:3px; }



#fade { display:none; }

/*----------------------------------------------------
トップ
----------------------------------------------------*/
#top .contents {}
#top .contents_body { background:#3399CC; position:relative; width:990px; margin:0 auto; }
#top .contents_body h1 { position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-50px; width:200px; }
#top .contents_body h1 img { width:100%; }

/*----------------------------------------------------
ナビゲーション
----------------------------------------------------*/
.headerOuter { height:65px; }
#nomal.headerOuter { height:65px; background:#ff0000; }
#header { width:100%; height:60px; background:#fff; border-bottom:5px solid #eee; position:fixed; top:0; left:0; }
.header__inner { width:990px; height:60px; margin:0 auto; background:#fff; }
.header__inner h1 { float:left; padding:15px; width:174px; }
.header__inner h1 img { width:100%; }
.header__inner nav { float:right; }
.header__inner nav ul { zoom:100%; }
.header__inner nav ul:after { display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; content:"."; }
.header__inner nav ul li { float:left; font-size:15px; font-family: 'Ubuntu', sans-serif; }
.header__inner nav ul li a { display:block; height:60px; line-height:60px; padding:0 20px; color:#333; text-decoration:none; position:relative; }
.header__inner nav ul li a:after { content:''; display:block; width:1px; height:30px; position:absolute; top:15px; left:0; background:#ddd; }
.header__inner nav ul li:last-child a:before { content:''; display:block; width:1px; height:30px; position:absolute; top:15px; right:0; background:#ddd; }
.header__inner nav ul li a:hover { background:#eee; }

/*----------------------------------------------------
セクション見出し
----------------------------------------------------*/
.contents_header { width:990px; margin:0 auto; background:#f5f5f5; padding:20px 0 10px 0; }
.contents_header h2 { color:#727272;  text-align:center; margin-bottom:30px; }
.contents_header h2 .en { font-size:60px; line-height:1.2; font-family: 'Ubuntu', sans-serif; }
.contents_header h2 .en span { font-size:100px; color:#D4A950; }
.contents_header h2 .ja { display:block; font-size:24px; margin-top:-10px; }

/*----------------------------------------------------
事業案内
----------------------------------------------------*/
#services { background:#f5f5f5; }
#services .contents_body { width:990px; margin:0 auto; background:#f5f5f5; padding:0 0 20px 0; }
#services .contents_body__inner .sectionOuter { display:table; width:100%; table-layout:fixed; height:100%; }
#services .contents_body__inner .section_01 { display:table-cell; padding:0 20px 0 0; height:100%; }
#services .contents_body__inner .section_01 .section__inner { padding:30px; height:100%; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; background:#79D1B0;  }
#services .contents_body__inner .section_02 { display:table-cell; padding:0 0 0 20px; height:100%; }
#services .contents_body__inner .section_02 .section__inner { padding:30px; height:100%; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; background:#F58E7E;  }
#services .contents_body__inner .section__inner h3 { font-size:24px; font-weight:bold; text-align:center; color:#fff; }
#services .contents_body__inner .section__inner .ph { text-align:center; padding:25px 0 30px 0; }
#services .contents_body__inner .section__inner .ph img { width:150px; }
#services .contents_body__inner .section__inner p { color:#fff; font-size:15px; }

/*----------------------------------------------------
会社概要
----------------------------------------------------*/
#about { background:#f5f5f5; }
#about .contents_body { width:990px; margin:0 auto; background:#f5f5f5; padding:0 0 20px 0; }
#about .contents_body__inner .tableOuter { background:#93B8CA; padding:50px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
#about .contents_body__inner table { width:100%; background:#93B8CA; border-top:1px solid rgba(255,255,255,0.3); }
#about .contents_body__inner table tr { }
#about .contents_body__inner table tr th { width:180px; font-size:15px; padding:20px; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; font-weight:bold; color:#fff; }
#about .contents_body__inner table tr td { font-size:15px; padding:20px; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; }
#about .contents_body__inner table tr td a { color:#fff; }
#about .contents_body__inner table tr td .label { display: inline-block; width: 6em; }
#about .contents_body__inner table tr:first-child th {  }
#about .contents_body__inner table tr:first-child td {  }

/*----------------------------------------------------
企業理念
----------------------------------------------------*/
#vision { background:#f5f5f5; }
#vision .contents_body { width:990px; margin:0 auto; background:#f5f5f5; padding:0 0 20px 0; }
#vision .contents_body__inner { background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding-top:40px; }
#vision .contents_body__inner h3 { text-align:center; font-size:24px; color:#727272; }
#vision .contents_body__inner ul { padding:30px 0 40px 240px; }
#vision .contents_body__inner ul li { color:#666666; line-height:1.2; }
#vision .contents_body__inner ul li:last-child { margin-bottom:0; }
#vision .contents_body__inner ul li .ja { font-size:20px; }
#vision .contents_body__inner ul li .en { font-size:40px; font-family: 'Ubuntu', sans-serif; }
#vision .contents_body__inner ul li .en span { font-size:60px; color:#79D1B0; }

/*----------------------------------------------------
採用情報
----------------------------------------------------*/
#recruit { background:#f5f5f5; }
#recruit .contents_body { width:990px; margin:0 auto; background:#f5f5f5; padding:0 0 20px 0; }
#recruit .contents_body__inner h3 { font-size:24px; font-weight:bold; margin-bottom:40px; color:#fff; text-align:center; }
#recruit .contents_body__inner .tableOuter { padding:50px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
#recruit .contents_body__inner table { width:100%; border-top:1px solid rgba(255,255,255,0.3); }
#recruit .contents_body__inner table tr { }
#recruit .contents_body__inner table tr th { width:180px; font-size:13px; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; font-weight:bold; color:#fff; }
#recruit .contents_body__inner table tr td { font-size:13px; padding:20px; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; }
#recruit .contents_body__inner table tr td a { color:#fff; }
#recruit .contents_body__inner table tr:first-child th {  }
#recruit .contents_body__inner table tr:first-child td {  }
#recruit .contents_body__inner .section_01 .tableOuter { background:#5EBABA; margin-bottom:40px; }
#recruit .contents_body__inner .section_01 table { background:#5EBABA; }
#recruit .contents_body__inner .section_02 .tableOuter { background:#737373 }
#recruit .contents_body__inner .section_02 table { background:#737373; }
#recruit .contents_body__inner .recruit-banner-pc { display:block; margin:auto; padding-bottom:50px; width:50%; }
#recruit .contents_body__inner .recruit-banner-sp { display:none; }

/*----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
#contact { background:#f5f5f5; padding-bottom:80px; }
#contact .contents_body { width:990px; margin:0 auto; background:#fff; padding:0 0 40px 0; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
#contact .contents_body__inner { max-width:670px; min-width:inherit; background:#fff; margin:0 auto; padding:40px; }
#contact .contents_body__inner a { color:#333; }
#contact .cf-turnstile { margin-bottom: 20px; text-align: center; }
#contact button[type="submit"] { background: #d4a950; color: #fff; border: none; padding: 10px 50px; font-weight: bold; border-radius: 3px; cursor: pointer; outline:none; }
#contact button[type="reset"] { background: #999; color: #fff; border: none; padding: 10px 50px; font-weight: bold; border-radius: 3px; cursor: pointer; outline:none; }
#contact button:hover { opacity:0.8; }
#contact .mailform { margin-bottom:65px; }
#contact .todofuken li { padding-bottom:5px; }
#contact .todofuken li:last-child { padding-bottom:0; }
#contact .yubin { margin-bottom:5px; }
#contact input, textarea, select, option { padding:5px; border:1px solid #ccc; }
#contact .form_01 input { width:120px; }
#contact .form_02 input { width:120px; }
#contact .form_03 input { width:100%; box-sizing:border-box; }
#contact .form_04 input { width:100%; box-sizing:border-box; }
#contact .form_05 input { width:100%; box-sizing:border-box; }
#contact .form_06 input { width:80px; }
#contact .form_06 span { font-size:13px; }
#contact .form_06 .todofuken .shi input{ width:300px; box-sizing:border-box; }
#contact .form_06 .todofuken .cho input{ width:300px; box-sizing:border-box; }
#contact .form_07 input { width:120px; }
#contact .form_08 textarea { width:100% !important;  min-height:100px !important; resize:vertical !important; box-sizing:border-box; vertical-align:bottom; }
#contact .form_09  { padding-top:15px !important; }
#contact .form_09 input { position:relative; top:0px; }
#contact .form_09 input:hover { cursor:pointer; }
#contact .form_09 label { position:relative; top:5px; }

/*----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
#thanks { background:#f5f5f5; padding:0; }
#thanks .contents_body { width:990px; margin:0 auto; position:relative; }
#thanks .contents_body__inner {}
#thanks .contents_body__inner a { color:#333;}
#thanks .contents_body__inner .section__inner {}
#thanks .contents_body__inner .section__inner p { position:absolute; top:50%; left:0; width:990px; text-align:center; font-size:15px; margin-top:-25px; }
#thanks .contents_body__inner .section__inner p  a { display:block; margin:20px auto 0 auto; height:35px; line-height:35px; text-align:center; font-size:13px; font-weight:bold; width:140px; color:#fff; text-decoration:none; background:#999;
border-radius:3px; -webkit-border-radius:3px;  -moz-border-radius:3px; }
#thanks .contents_body__inner .section__inner p  a:hover { background:#ccc; }

/*----------------------------------------------------
個人情報の取り扱いについて
----------------------------------------------------*/
#form_rule { background:#fff; padding:20px; }
#form_rule .contents_header { width:100%; margin:0 auto; background:#fff; }
#form_rule .contents_header h2 { font-size:18px; font-weight:bold; margin-bottom:25px; color:#727272; text-align:left; border-left:5px solid #666; padding-left:10px; padding-top:2px; line-height:1.4; }
#form_rule .contents_body { width:100%; margin:0 auto; background:#fff; }
#form_rule .contents_body__inner h3 { font-size:15px; font-weight:bold; margin-bottom:10px; color:#727272; text-align:left; line-height:1.4; }
#form_rule .contents_body__inner h4 { font-size:13px; font-weight:bold; color:#333; }
#form_rule .contents_body__inner p { margin-bottom:20px; font-size:13px; } 
#form_rule .contents_body__inner p:last-child { margin-bottom:0; }
#form_rule .contents_body__inner .block { border:1px dashed #ccc; padding:20px; }

/*----------------------------------------------------
個人情報保護方針
----------------------------------------------------*/
#rule { background:#fff; padding:20px; }
#rule .contents_header { width:100%; margin:0 auto; background:#fff; }
#rule .contents_header h2 { font-size:18px; font-weight:bold; margin-bottom:25px; color:#727272; text-align:left; border-left:5px solid #666; padding-left:10px; padding-top:2px; line-height:1.4; }
#rule .contents_body { width:100%; margin:0 auto; background:#fff; }
#rule .contents_body__inner .date { text-align: right; } 
#rule .contents_body__inner h3 { font-size:18px; font-weight:bold; margin-bottom:20px; color:#727272; text-align:left; border-left:5px solid #666; padding-left:10px; padding-top:2px; line-height:1.4; }
#rule .contents_body__inner h4 { font-size:13px; font-weight:bold; }
#rule .contents_body__inner p { margin-bottom:20px; font-size:13px; } 
#rule .contents_body__inner p:last-child { margin-bottom:0; }
#rule .contents_body__inner ul { margin-bottom:20px; }
#rule .contents_body__inner ul li { font-size:13px; margin-bottom:10px; }
#rule .contents_body__inner ul li:last-child { margin-bottom:0; }
#rule .contents_body__inner .block { border:1px dashed #ccc; padding:20px; text-align: right; }

/*----------------------------------------------------
個人情報に関する公表事項
----------------------------------------------------*/
#announce { background:#fff; padding:20px; }
#announce .contents_header { width:100%; margin:0 auto; background:#fff; }
#announce .contents_header h2 { font-size:18px; font-weight:bold; margin-bottom:25px; color:#727272; text-align:left; border-left:5px solid #666; padding-left:10px; padding-top:2px; line-height:1.4; }
#announce .contents_body { width:100%; margin:0 auto; background:#fff; }
#announce .contents_body__inner h3 { font-size:15px; font-weight:bold; margin-bottom:10px; color:#727272; text-align:left; line-height:1.4; }
#announce .contents_body__inner p { margin-left:20px; font-size:13px; } 
#announce .contents_body__inner p:last-child { margin-bottom:0; }
#announce .contents_body__inner .table_01 { width:100%; margin-bottom:20px; }
#announce .contents_body__inner .table_01 tr { border-top:1px solid #ddd; border-left:1px solid #ddd; }
#announce .contents_body__inner .table_01 tr:first-child td { background:#eee; font-weight:bold; }
#announce .contents_body__inner .table_01 tr td { width:50%; font-size:13px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; }
#announce .contents_body__inner .table_01 tr td { font-size:13px; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
#announce .contents_body__inner .section_01 { margin-bottom:40px; }
#announce .contents_body__inner .section_02 { margin-bottom:40px; }
#announce .contents_body__inner .section_03 { margin-bottom:40px; }
#announce .contents_body__inner .section_04 { margin-bottom:0; }
#announce .contents_body__inner ul { margin-left:30px; }
#announce .contents_body__inner ul li { font-size:13px; margin-bottom:0px; }
#announce .contents_body__inner .interval { margin-top:20px; }
#announce .contents_body__inner .right { text-align: right; } 
#announce .contents_body__inner .table_02 { width:100%; }
#announce .contents_body__inner .table_02 tr { border-top:1px solid #ddd; border-left:1px solid #ddd; }
#announce .contents_body__inner .table_02 tr th { width:200px; font-size:13px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; background:#eee; font-weight:bold; }
#announce .contents_body__inner .table_02 tr td { font-size:13px; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

/*----------------------------------------------------
フッター
----------------------------------------------------*/
.footer { background:#fff; position:relative; border-top:5px solid #eee; background:#fff; height:60px; }
.footer:after { content:""; display:block; position:absolute; top:-5px; left:0; width:990px; height:5px; background:#eee; }
.footer__inner { width:990px; margin:0 auto; padding:20px 0; background:#fff; }
.footer__inner { zoom:100%; }
.footer__inner:after { display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; content:"."; }
.footer__inner .nav { font-size:11px; text-align:left; float:left; }
.footer__inner .nav li { display: inline-block; margin-right:20px; }
.footer__inner .nav li:last-child { margin-right:0; }
.footer__inner .nav li a { color:#333; text-decoration:none; }
.footer__inner .nav li a:hover { text-decoration:underline; }
.footer__inner small { font-size:11px; display:block; text-align:right; line-height:1; float:right; padding-top:5px;}