@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pc{display:block!important;}
.sp{display:none!important;}


/*Contents layout
----------------------------------------------------*/
header:after,
footer:after,
#wrapper:after,
.contents:after,
dl:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

section{
	margin-bottom:100px;
}

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

h2{
	margin-bottom:50px;
	padding-bottom:30px;
	background:url(../img/bg_ttl.png) no-repeat center bottom;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#B3A277;
	font-family: "Mplus 1p";
}


/*header
----------------------------------------------------*/
header{
    width:100%;
	margin-bottom:50px;
}

header .ttl_logo_s{
	display:none;
}

header.fixed .ttl_logo_s{
	position:fixed;
	top:5px;
	left:20px;
	display:block;
	z-index:9999;
}

header p{
	position:fixed;
	width:100%;
	height:50px;
	background:#FFF;
}

header p img{
	margin-left:10px;
}

header p + img{
	padding:5px;
}

.mainImage{
	height:350px;
	padding-top:120px;
	background:#283E7D;
	text-align:center;
}


/*navigation
----------------------------------------------------*/

/*icon
-----------------------------------*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 40px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color:#06407F;
  border-radius: 4px;
}


/*navi
-----------------------------------*/
.menu-container {
    width: 100%;
    margin: 0 auto;
	background:#B3A277;
}

.top .menu-container {
    width: 100%;
	top:350px;
    margin: 0 auto;
	background:#B3A277;
}

.top .menu-container.fixed{
	top:50px;
	border-top:1px solid #FFF;
}

.menu-container/*.fixed*/{
	position:fixed;
	top:132px;
	width:100%;
	z-index:9999;
}
.menu-mobile {
    display: none;
	z-index:9;
}

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

.menu-container.fixed .menu{
	width:1000px;
	margin:0 auto;
}

.menu > ul {
    /*position: relative;*/
    width: 100%;
    box-sizing: border-box;
	table-layout: fixed;
    display: table;
}

/*.menu ul:before,
.menu ul:after {
    content: "";
    display: table;
}

.menu ul:after {
    clear: both;
}*/

.menu > ul > li {
	border-right:1px solid #ECE4D0;
	vertical-align:middle;
	display:table-cell;
}

.menu > ul > li:nth-child(1) {
	border-left:1px solid #ECE4D0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 7px 0;
	text-align:center;
	line-height:1.2;
	font-size:14px;
	color:#FFF;
    display:block;
	box-sizing:border-box;
}

/*.menu > ul > li:nth-of-type(2) > a,
.menu > ul > li:nth-of-type(5) > a,
.menu > ul > li:nth-of-type(7) > a,
.menu > ul > li:nth-of-type(9) > a {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    font-family:Arial, Helvetica, "sans-serif";
}*/

.menu > ul > li > ul {
	position:absolute;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    background-color:rgba(25,120,155,0.9);
    box-sizing: border-box;
    display: none;
    z-index: 99999;
}

.menu > ul > li > ul > li{
	position:relative;
	width:980px;
	margin:0 auto;
	border:0;
	font-size:12px;
	display:block;
}

.menu > ul > li > ul > li span{
	position:absolute;
	top:-20px;
	width:25px;
	height:12px;
	background:url(../img/common/icon_ar_nav2.png) no-repeat;
}

.menu > ul > li:nth-of-type(2) > ul > li span{ left:48px; }
.menu > ul > li:nth-of-type(3) > ul > li span{ left:168px; }
.menu > ul > li:nth-of-type(4) > ul > li span{ left:290px; }
.menu > ul > li:nth-of-type(5) > ul > li span{ left:415px; }
.menu > ul > li:nth-of-type(6) > ul > li span{ left:538px; }
.menu > ul > li:nth-of-type(7) > ul > li span{ left:660px; }
.menu > ul > li:nth-of-type(8) > ul > li span{ left:780px; }
.menu > ul > li:nth-of-type(9) > ul > li span{ left:905px; }

.menu > ul > li > ul > li p{
	padding-bottom:30px;
	border-bottom:1px solid #FFF;
	color:#FFF;
}

.menu > ul > li > ul > li dl{
	position:relative;
	float:left;
	width:188px;
	margin-right:10px;
}

.menu > ul > li > ul > li dl:nth-of-type(5n){
	margin-right:0;
}

.menu > ul > li > ul > li dl dt{
	position:absolute;
	width:100%;
	padding:5px;
	background:#031C33;
	color:#FFF;
	text-align:left;
}

.menu > ul > li > ul > li dl dt.btn{
    background-color:rgba(3,28,51,0.6);
}

.menu > ul > li > ul > li dl dd{
	height:100px;
}


/*sec01
----------------------------------------------------*/
#sec01{
	padding-top:100px;
	text-align:center;
	font-size:40px;
	line-height:1.4;
	font-weight:bold;
}


/*sec03
----------------------------------------------------*/
#sec03{
	padding:50px 0 0 0;
	background:#F5F5F5;
}

#sec03 .contents{
	padding-bottom:50px;
}

#sec03 table th,
#sec03 table td{
	padding:20px 0;
	border-bottom:1px solid #B2A177;
}

#sec03 img{
	width:100%;
	height:auto;
}


/*sec04
----------------------------------------------------*/
#sec04 ul{
	float:left;
	width:33.3%;
	padding:0 2%;
	border-left:1px solid #B2A177;
	font-size:15px;
}

#sec04 ul:nth-child(4){
	border-right:1px solid #B2A177;
}


/*sec05
----------------------------------------------------*/
.ttl_company{
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #B2A177;
	font-size:30px;
	font-weight:bold;
	color:#283E7D;
	text-align:center;
}

#sec05 table{
	margin-bottom:20px;
}

#sec05 table th{
	width:200px;
	padding:20px;
	background:#283E7D;
	font-weight:bold;
	color:#ECE4D0;
	text-align:center;
	font-size:24px;
}

#sec05 table td{
	padding:20px;
	background:#ECE4D0;
}


/*sec06
----------------------------------------------------*/
#sec06 h3{
	font-weight:bold;
	font-size:28px;
	text-align:center;
}


/*sec07
----------------------------------------------------*/
#sec07 table{
	float:left;
	width:48%;
	margin-bottom:50px;
}

#sec07 table + table{
	float:right;
}

#sec07 h4 + table{
	float:none;
	width:100%;
	clear:both;
}

#sec07 table th,
#sec07 table td{
	padding:20px 0;
	border-bottom:1px solid #B2A177;
}

#sec07 table th{
	width:120px;
}

#sec07  h4 + table th{
	width:160px;
}

#sec07 h4{
	margin-top:30px;
	padding:10px;
	background:#ECE4D0;
	font-weight:bold;
	clear:both;
}


/*sec08
----------------------------------------------------*/
#sec08 dl{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #B2A177;
	font-size:15px;
}

#sec08 dl dt{
	float:left;
	width:150px;
	font-weight:bold;
	color:#283E7D;
}

#sec08 dl dd{
	float:left;
	width:840px;
	padding-left:1em;
	text-indent:-1em;
}


/*sec09
----------------------------------------------------*/
#sec09 .btn{
	width:480px;
	margin:30px auto;
	padding:20px;
	border:1px solid #283E7D;
	text-align:center;
	font-weight:bold;
	display:block;
}


/*sec10
----------------------------------------------------*/
#sec10{
	margin-bottom:0;
	padding:50px 0 80px 0;
	border-top:1px solid #283E7D;
	background:#F1F1F1;
	text-align:center;
}

#sec10 img{
	width:480px;
	height:auto;
}

#sec10 ul li{
	float:left;
	margin:0 10px;
}

.sec10_recruit li{
	float:none!important;
	margin:0 10px;
}


/*recruit
----------------------------------------------------*/
.table_recruit{
	margin-bottom:20px;
	border:1px solid #B2A177;
	border-collapse:collapse;
	font-size:14px;
}

.table_recruit th,
.table_recruit td{
	padding:8px;
	border:1px solid #B2A177;
}

.table_recruit th{
	background:#F5F5F5;
	text-align:center;
	color:#283E7D;
}


.table_recruit th.th_lv1{
	width:240px;
}

.table_recruit th.th_lv2{
	width:120px;
}

.table_recruit th.th_lv3{
	width:120px;
	font-weight:normal;
}

.box_faq{
	margin-bottom:80px;
}

.box_faq dl{
	margin-bottom:40px;
	padding:30px;
	border:1px solid #B2A177;
}

.box_faq dl img{
	width:100%;
	max-width:600px;
	height:auto;
}

.box_faq dl dt{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #B2A177;
	font-weight:bold;
}

.box_faq dl dt,
.box_faq dl dd{
	padding-left:38px;
	text-indent:-38px;
}

.box_faq dl dt:before{
	content:"Q";
	padding-right:0.5em;
	font-size:30px;
	line-height:1.0;
	color:#C00;
}

.box_faq dl dd:before{
	content:"A";
	padding-right:0.5em;
	font-size:30px;
	font-weight:bold;
	line-height:1.0;
	color:#283E7D;
}


/*footer
----------------------------------------------------*/
footer{
	padding:30px 0;
	background:#283E7D;
	color:#FFF;
	text-align:center;
	font-size:12px;
}



/*page top
----------------------------------------------------*/
#page-top{
	position: fixed;
	bottom: 20px;
	right: 2%;
	z-index:999;
}

#page-top a:hover{
	opacity:0.70;
	filter: alpha(opacity=70);
}