@charset "utf-8";

body { font-size: 95%; font-weight:normal; color: #fff;  font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif; line-height: 1.7; text-align:justify; line-height:1.7;}

body { position:relative;} 
#header { width:100%; background:url(../images/main_bg.jpg) no-repeat center top; background-size:cover; min-height:620px;  top:0; margin:0; padding:0; }
#header_top { background:url(../images/header_bg.png); width:100%; padding:10px 0; position:fixed; top:0; }
#header_top .inner { position:relative;}
#header_top h1 { text-align:center; }
#header_top p { position:absolute; right:0; top:16px;}

.inner { width:1000px; margin:0 auto;}

#main_visual { text-align:center; margin-top:0px;}
#main_visual { padding-top:260px;}

.secbg { background:#aaa;}


.sec_title { text-align:center; font-size:230%; letter-spacing:5px; font-weight:bold; line-height:1.3; margin-bottom:40px;}
.sec_title span { font-weight:normal; font-size:12px; letter-spacing:0.8px; display:block;}
.sec { padding:50px 0;}

.sec01 { color:#000; padding-bottom:0; }
.sec01 .inner { }
.sec01 .sub_title { width:100%; color:#163b6c; margin-bottom:40px;}
.sec01 .sub_title h2 { text-align:center!important; font-weight:bold; font-size:36px;}
.sec01 .sub_title span { display:block; font-size:28px;}
.sec01 .sub_title h3 {  text-align:center!important; font-size:20px;}

.sec01 .sec_l img { width:100%; height:auto;}
.sec01 .sec_l { float:left; width:45%;}
.sec01 .sec_r { float:right; width:50%;}
.sec01 .sec_r h4 { font-weight:bold; font-size:22px; margin-bottom:15px;}
.sec01 .sec_r dt {background:#163b6c; margin-bottom:5px; border-radius:5px; padding:1px 10px; display:inline-block; text-align:center; color:#fff;}
.sec01 .sec_r dl { margin-bottom:16px; border-bottom:1px #CCCCCC dotted; padding-bottom:10px;}

#bisuness { padding-top:670px;}

.sec01 ul { text-align:center; font-weight:bold; margin-bottom:50px;}
.sec01 li { border-bottom:1px #999999 dashed; padding:6px 0; font-size:20px;} 
.sec01 li span { display:inline-block; position:relative;}
.sec01 li span:before { position:absolute; content:""; width:12px; height:20px; left:-24px; top:6px; background:url(../images/icon_allow.svg) no-repeat left center; background-size:60%;}
.width_100.sec01_sub_title { background:#163b6c; padding:40px 0;}
.width_100.sec01_sub_title h3 { text-align:center; color:#FFF; font-size:28px; }
.width_100.sec01_sub_title  {position:relative; text-align:center;}
.width_100.sec01_sub_title:before {
	position:absolute; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 30px;
top:-30px;
left:0;
right:0;
border-color: transparent transparent #163b6c transparent;
margin:0 auto;
}

.sec01 .img { width:800px; margin:0 auto 80px;}
.sec01 .img img { width:100%; height:auto;}
.sec01 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#daebef+0,ffffff+100 */
background: #daebef; /* Old browsers */
background: -moz-linear-gradient(-45deg, #daebef 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #daebef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #daebef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.sec01 { background:url(../images/sec01_bg_ver2.jpg) no-repeat center top; background-size:cover;}
.sec01 h2 { width:400px; margin:0 auto;}
.sec01 h2 img { width:100%; height:auto; }

/*
#bisuness .inner > div { width:30%; margin-right:5%; float:left; text-align:center; margin-bottom:40px; }
#bisuness .inner > div:nth-child(3n+1) { margin-right:0;} 
#bisuness .inner dt { font-size:120%; margin-top:10px;}
#bisuness .inner dd { font-size:90%;}
*/

#news table { border-collapse: collapse; width: 700px; margin: 30px auto 30px auto; color: #666;}
#news table th,#news table td { border-bottom: 1px #000 dashed; padding: 8px 0;}
#news table th { font-weight: normal; padding: 10px;}
#news table td p { font-size: 13px; line-height: 1.7;}
#news table td a { text-decoration: none; display: inline-block; margin-bottom: 6px;}
#news table td a:hover { text-decoration: underline;}

#bisuness .inner > div.bin_bt { margin-left:15%;}

#message { color:#555; background:url(../images/message_bg.jpg) top; background-size:cover;}
.glay { color:#9b9796;}

#message p { line-height:2.5; text-align:center;}
#message dl { text-align:center; margin-top:2.5em;}
#message dl strong { letter-spacing:2px; font-size:110%;}

#company table { width:700px; margin:0 auto; }
#company th,#company td { padding:10px 0;}
#company th { width:30%; text-align:center;}
#company td { width:70%;}
#company iframe { margin-top:30px;}

#recruit { color:#555;}

#recruit .img { display:inline-block; width:60%;}
#recruit table { float:right; width:40%; margin-top:20px;}
#recruit table td,#recruit table th { border-bottom:1px #999999 dotted; padding:10px 0;} 
#recruit table td { padding-left:20px;}

#contact { text-align:center; background:url(../images/pa.jpg);}

#contact dt { margin:30px 0 40px;}


#page_top { cursor:pointer;}
#footer { color:#555; text-align:center;}

#footer h3 { font-size:140%; margin:40px 0;}
#footer dt { margin-bottom:2px;}
#footer dd { font-size:90%;}
#copyRight { background:#f1f1f1; font-size:90%; padding:15px 0; margin-top:20px;}