@charset "utf-8";
/* Copyright All Rights Reserved. */

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

basic

------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{font-family:Noto Sans JP, Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
	font-size:16px;
	font-size:1.6rem;/*-16px-*/
	line-height:1.8;
	color:#333333;
    font-weight: 400;
	min-width: 1200px;
}

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

shortcodes

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

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto !important;}
.left{float:left !important;}
.right{float:right !important;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.italic{font-style: italic !important;}

.f14rem{font-size:1.4rem !important;}

/* vertical-align
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}

/* visibility
---------------------------------------------- */
.hidden{visibility:hidden !important;}
.visible{visibility:visible !important;}

/* none
---------------------------------------------- */
.none{display:none !important;}

/* margin
---------------------------------------------- */
.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

/* width
---------------------------------------------- */
.w480{width:480px !important;}
.w30per{width:30% !important;}
.w26per{width:26% !important;}


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

common

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

#wrap_all{overflow: hidden;}

#wrapper{padding-top:160px;}

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

/*--404ページ--*/
#wrap_404{
	padding:100px 0;
	text-align:center;
}
/*--文字色--*/
.red{
	color:red;
}
/*--リンク--*/
.link01{
	color:#FFF;
	text-decoration:underline !important;
}

.link01:hover{text-decoration:none !important;}

/* テーブル
---------------------------------------------- */
/*-- type01 --*/
.type01{width:100%;}

.type01 th,
.type01 td{padding:12px 15px;}

.type01 th{	
	font-weight:bold;
	color:#FFF;
	border-bottom:1px solid #FFF;
	background:#7D7D9B;
}

.type01 td{
	padding:11px 15px;
	border-bottom:1px solid #7D7D9B;
	border-right:1px solid #7D7D9B;
}

.type01 tr:first-child th,
.type01 tr:first-child td{border-top:1px solid #7D7D9B;}
.type01 tr:last-child th{border-bottom:1px solid #7D7D9B;}

/*-- type02 --*/
.type02{width:100%;}

.type02 th,
.type01 td{padding:12px 15px;}

.type02 th{	
	color:#333;
	font-weight:bold;
	border-bottom:1px solid #00003F;
	background:#DCDCE4;
}

.type02 td{
	padding:11px 15px;
	border-bottom:1px solid #DCDCE4;
	border-right:1px solid #DCDCE4;
}

.type02 tr:first-child th,
.type02 tr:first-child td{border-top:1px solid #DCDCE4;}
.type02 tr:last-child th{border-bottom:1px solid #DCDCE4;}

/*-- type03 --*/
.type03{width:100%;}

.type03 th,
.type03 td{
	padding:18px 0;
	border-bottom:1px dotted #AAA;
}

.type03 th{font-weight:bold;}

.type03 th span{color:#7E7E9A;}

.type03 tr:first-child th,
.type03 tr:first-child td{padding-top:0;}

/* パンくずリスト
---------------------------------------------- */
#breadcrumb{
	background:#F2F2F4;
	padding:10px 0;
	font-size:1.3rem;
	line-height:1.2;
}

#breadcrumb ol{
	width:1000px;
	margin:0 auto;	
	overflow:hidden;
	list-style:none;	
}

#breadcrumb ol li{
	background:url(../img/ico_arrow01.png) no-repeat right 0.3em;
	float:left;
	color:#777;
	padding-right:15px;
	margin-right:10px;
}

#breadcrumb ol li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

#breadcrumb ol li a{
	color:#000040;
	display: block;
}

#breadcrumb ol li a:hover{text-decoration: underline !important;}

/* フォーム関連
---------------------------------------------- */
.form{width:100%;}

input[type=text],
textarea{
	border:1px solid #AAA;
	padding:12px;
	width:100%;
}

textarea{
	display:block;
	height:356px;
	font-size: 1.6rem;
}

input[type=checkbox]{
	margin-right:5px;
	vertical-align:baseline;
}

label{display:inline-block;}

.error{color:#D50000;}

.must{
	color: #7E7E9A;
	font-size: 1.4rem;
	font-weight: normal;
}

::-webkit-input-placeholder{color:#AAA;}

/*--内容確認--*/
input.submit{
	background:url(../img/btn_submit01.png) no-repeat 0 0;
 	border:none;
	display:inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:600px;
	height:84px;
	cursor: pointer;
	padding: 0;
	opacity: 0.3;
	pointer-events: none;
	transition: opacity .3s;
}

input.submit.active{
	opacity: 1;
	pointer-events: auto;
}

input.submit:hover{background:url(../img/btn_submit01_on.png) no-repeat 0 0;}

/*--戻る--*/
input.back{
	background:url(../img/btn_back01.png) no-repeat 0 0;
	border:none;
	display:inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:600px;
	height:84px;
	cursor: pointer;
	padding: 0;
}

input.back:hover{background:url(../img/btn_back01_on.png) no-repeat 0 0;}

/*--送信--*/
input.send{
	background:url(../img/btn_send01.png) no-repeat 0 0;
	border:none;
	display:inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width:600px;
	height:84px;
	cursor: pointer;
	padding: 0;
	margin-bottom:40px;
}

input.send:hover{background:url(../img/btn_send01_on.png) no-repeat 0 0;}

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

header

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

#wrap_top{
	background:#000040;
	padding:2px 0 4px;
	color:#FFF;
	font-size:1.2rem;
	line-height:1;
}

#wrap_top h1{
	width:1200px;
	margin:0 auto;
	text-align:right;
}

#h_logo01,
#h_logo02{
	margin:auto;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 1;
}

#h_logo01{
	width: 200px;
	height: 46px;
}

#h_logo02{
	width: 170px;
	height: 39px;
	display: none;
}

#h_logo01 img,
#h_logo02 img{width: 100%;}

.header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.header_inner{
	width: 1200px;
	height: 140px;
    margin: 0 auto;
    position: relative;
}

.header_fix_on,
.header_fix_off{
	background: #FFF;
	width: 100%;
	height: 105px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	border-bottom: 5px solid #000040;
}

.header_fix_on #h_logo01,
.header_fix_off #h_logo01{display: none;}
.header_fix_on #h_logo02,
.header_fix_off #h_logo02{display: block;}

.header_fix_on .header_inner,
.header_fix_off .header_inner{height: 100px;}

/*HEADER_FIX アニメーション*/
.header_fix_on { animation:header_fix_on 0.3s ease-in-out forwards; }
@keyframes header_fix_on {
	0% { top:0; opacity:0; }
	100% { top:0; opacity:1; }
}

.header_fix_off { animation:header_fix_off 0.3s ease-in-out forwards; }
@keyframes header_fix_off {
	0% { top:0; opacity:1; }
	100% { top:0; opacity:0; }
}

/* ナビ
---------------------------------------------- */
#nav_global{
	width: 1030px;
	height:33px;
	position: absolute;/*--.header_inner--*/
	top: 65px;
	left: 95px;
}

.header_fix_on #nav_global,
.header_fix_off #nav_global{
	top: 35px;
	left: 95px;
}

#nav_global ul{overflow: hidden;}

#nav_global li{float:left;}

#nav_global li a{
	display:block;
	height:33px;
}

#nav_global li a span{display:none;}

#nav_global li.g01 {width:179px;}
#nav_global li.g02 {width:180px; margin-right: 366px;}
#nav_global li.g03 {width:199px;}
#nav_global li.g04 {width:104px;}

#nav_global li a{display: block;}

#nav_global li.g01 a{background:url(../img/nav_global01.jpg) no-repeat 0 0;}
#nav_global li.g02 a{background:url(../img/nav_global01.jpg) no-repeat -179px 0;}
#nav_global li.g03 a{background:url(../img/nav_global01.jpg) no-repeat -725px 0;}
#nav_global li.g04 a{background:url(../img/nav_global01.jpg) no-repeat -924px 0;}
	
#nav_global li.g01 a:hover,
#nav_global li.g01 a.active{background:url(../img/nav_global01.jpg) no-repeat 0 -33px;}
#nav_global li.g02 a:hover,
#nav_global li.g02 a.active{background:url(../img/nav_global01.jpg) no-repeat -179px -33px;}
#nav_global li.g03 a:hover,
#nav_global li.g03 a.active{background:url(../img/nav_global01.jpg) no-repeat -725px -33px;}
#nav_global li.g04 a:hover,
#nav_global li.g04 a.active{background:url(../img/nav_global01.jpg) no-repeat -924px -33px;}

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

footer

------------------------------------------------------------ */
#footer{
    background: url(../img/bg_footer01.jpg) repeat-x 0 0;
    color: #FFF;
	text-align:center;
}

#footer_inner{
	background: url(../img/bg_footer02.png) no-repeat center top;
	min-width: 1200px;
	margin: 0 auto;
	padding: 170px 0 20px;
}

.f_logo{margin-bottom:20px;}

.f_address{margin-bottom:148px;}

#small{
	font-size:1.2rem;
	line-height:1.2;
}

/*--pagetop--*/
#pagetop{
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:100;
}

#pagetop a{
	background:url(../img/btn_pagetop01.png) no-repeat 0 0;
	width:49px;
	height:49px;
	display:block;
}

#pagetop a:hover{background:url(../img/btn_pagetop01_on.png) no-repeat 0 0;}

#pagetop a span{display:none;}