@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	min-height: 100%;
	font-size:15px;
	line-height: 150%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", YuGothic,"Noto Sans Japanese",  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
a {
	overflow: hidden;
	outline: none;
	color: #333333;
}
.pc_hide {
	display: none !important;
}
.sp_hide {
}
a {
	opacity: 1;/*-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}
a:hover {
}
.sp_hide {
}
.pc_hide {
	display: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/**/

.nicescroll-rails{
	z-index:100 !important;
}

/**/

@font-face {
  font-family: "myFont";
  src: url("./fonts/SourceHanSerif-Medium.eot?")  format('eot'),
       url("./fonts/SourceHanSerif-Medium.woff2") format('woff2'),
       url("./fonts/SourceHanSerif-Medium.woff")  format('woff');
}
.myFontClass {
  font-family: "myFont";
}

/*-----------------------------------------------------------*/
/*ヘッダー*/

#header_wrap{
	width:100vw;
	overflow: hidden;
}

#header_container{
	width: 79.73vw;
	height: 8.78vw;
	position:relative;
	margin:0px auto;
}

/**/

#header_container .col_left{
	width: 34.46vw;
	float: left;
	margin-top: 1.76vw;
}

#header_container .col_left dt{
	width: 4.73vw;
	float: left;
	margin-top: 0.81vw;
}

#header_container .col_left dt img{
	width: 4.80vw;
	height: auto;
}

#header_container .col_left dd{
	width: 28.38vw;
	float: right;
}

#header_container .col_left dd.col01{
	font-size: 0.88vw;
	line-height: 150%;
	margin-bottom: 1.01vw;
}

#header_container .col_left dd.col02{
	font-size: 1.49vw;
	color: #D51818;
	font-weight: bold;
	letter-spacing: -1px;
}

/**/

#header_container .col_right{
	width: 44.49vw;
	float: right;
}

#header_container .col_right dd{
	width: 8.78vw;
	height: 8.85vw;
	float: left;
}

#header_container .col_right dd a{
	width: 8.78vw;
	height: 8.85vw;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#header_container .col_right .menu01{
	background-image: url("common/gmenu01_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu01:hover{
	background-image: url("common/gmenu01_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu02{
	background-image: url("common/gmenu02.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu02:hover{
	background-image: url("common/gmenu02_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;F7E8E8
}

#header_container .col_right .menu03{
	background-image: url("common/gmenu03.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu03:hover{
	background-image: url("common/gmenu03_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu04{
	background-image: url("common/gmenu04.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu04:hover{
	background-image: url("common/gmenu04_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.78vw 8.85vw;
}

#header_container .col_right .menu05{
	background-image: url("common/gmenu05.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.85vw 8.85vw;
}

#header_container .col_right .menu05:hover{
	background-image: url("common/gmenu05_on.png");
	background-repeat:  no-repeat; 
	background-position: left top;
	background-size: 8.85vw 8.85vw;
}

/**/

#page_title{
	height:156px;
	width:100vw;
	background-image:url(common/bg_title.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
	position:absolute;
	left:0px;
	bottom:0px;
	line-height:100%;
}

#page_title h2{
	vertical-align:middle;
	line-height:100%;
	font-size:0px;
	margin-left:406px;
	height:156px;
	z-index:0;
	position:relative;
	display:table;
	vertical-align:middle;
}

#page_title h2 span{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

#page_title h2 img{
	width:auto;
	height:32px;
}



#breadcrumb{
	width:1280px;
	position:absolute;
	right:50%;
	margin-right:-640px;
	bottom:15px;
	color:#fff;
	z-index:10;
	font-size:15px;
	text-align:right;
}

#breadcrumb a{
	color:#fff;
	text-decoration:none;
	position:relative;
}

#breadcrumb a:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: 0.3s;
}

#breadcrumb a:hover:before{
  width: 100%;
}


/**/

.head_btn01{
	width:157px;
	line-height:100%;
	position:absolute;
	top:11px;
	right:319px;
}

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

#hide_header_container .head_btn01{
	top:11px;
}

/**/

.head_btn02{
	width:139px;
	line-height:100%;
	position:absolute;
	top:11px;
	right:174px;
}

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

#hide_header_container .head_btn02{
	top:11px;
}

/**/

.head_btn03{
	width:168px;
	line-height:100%;
	position:absolute;
	top:11px;
	right:0px;
}

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

#hide_header_container .head_btn03{
	top:11px;
}

/**/


.gnavi{
	position:absolute;
	width:555px;
	top:26px;
	/*left:246px;*/
	left:212px;
}

#hide_header_container .gnavi{
	top:26px;
}

.gnavi ul{
	display:table;
	width:555px;
	margin-left:auto;
	margin-right:auto;
}

.gnavi ul li{
	list-style-type:none;
	display:table-cell;
	text-align:center;
}


.gnavi ul li a{
	text-decoration:none;
	line-height:1em;
	display:inline-block;
	text-align:center;
	padding:0px 0em;
	background-repeat:no-repeat;
	background-position:center bottom;
}

/*.gnavi ul li:nth-child(4) a{
	padding-right:34px;
}*/

.gnavi ul li a span{
	display:inline-block;
	overflow:hidden;
	padding:12px 0em;
	font-size:17px;
}


.gnavi ul li a:hover{
	
}

.gnavi01 a:hover{
	background-image:url(common/gnavi_wave01.png);
}

.gnavi02 a:hover{
	background-image:url(common/gnavi_wave02.png);
}

.gnavi03 a:hover{
	background-image:url(common/gnavi_wave03.png);
}

.gnavi04 a:hover{
	background-image:url(common/gnavi_wave04.png);
}

.gnavi05 a:hover{
	background-image:url(common/gnavi_wave04.png);
}

/*-----------------------------------------------------------*/
/*フッター*/

#footer_wrap{
	width:100vw;
	margin:0px auto;
	padding-top: 2.70vw;
	overflow:hidden;
	position: relative;
}

#footer_wrap .footter_icon{
	width:100vw;
	position: absolute;
	text-align: center;
	top: 0vw;
	left: 0;
	right: 0;
	z-index: 999;
	line-height: 100%;
}

#footer_wrap .footter_icon img{
	width: 4.12vw;
	height: auto;
}

#footer{
	width:100vw;
	margin:0px auto;
	overflow:hidden;
	color: #fff;
	background-color:#1A1A1A;
}

/**/

#footer .footer_txt01{
	overflow:hidden;
	margin: 4.05vw auto 0vw auto;
	text-align:center;
}

#footer .footer_txt01 dt{
	font-size: 1.35vw;
	font-weight:bold;
	
}

#footer .footer_txt01 dd{
	margin-top: 1.66vw;
	font-size: 0.95vw;
	line-height: 150%;
}

/**/

#copy{
	text-align:center;
	overflow:hidden;
	font-size: 0.95vw;
	margin: 3.04vw auto 2.36vw auto;
}

/*-----------------------------------------------------------*/
/*コンテンツ*/

#contents_container{
	width:100vw;
}

#contents_container .subtitle{
	text-align:center;
	overflow:hidden;
	background-image:url(company/image/sub_border@2x.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:77px auto;
	padding:2.34vw 0px;
	line-height:100%;
	font-size:22px;
	margin:2.80vw auto;
}

#contents_container .subtitle span{

}

/*-----------------------------------------------------------*/

#ready{
	text-align:center;
	font-size:18px;
	overflow:hidden;
	margin:200px auto;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/