@charset "UTF-8";
/* CSS Document */
/*
基本サイズ
w320の場合
8px 	2.5vw;
9px 	2.81vw;
10px 	3.125vw;
11px 	3.4375vw;
12px 	3.75vw;
13px 	4.0625vw;
14px 	4.375vw;
15px 	4.6875vw;
16px 	5vw;
17px 	5.31vw;
18px 	5.63vw;
19px 	5.94vw;
20px 	6.25vw;
21px 	6.56vw;
22px 	6.88vw;
23px 	7.19vw;
24px 	7.5vw;
25px 	7.81vw;
26px 	8.13vw;

基本サイズ 	値
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%

基本サイズ12px/75%
表示したいサイズ 	指定する値
10px 	84%
11px 	92%
12px 	100%
13px 	109%
14px 	117%
15px 	125%
16px 	134%
17px 	142%
18px 	150%
19px 	159%
20px 	167%
21px 	175%
22px 	184%
23px 	192%
24px 	200%
25px 	209%
26px 	217%

基本サイズ13px/82%
表示したいサイズ 	指定する値
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

基本サイズ14px/88%
表示したいサイズ 	指定する値
10px 	72%
11px 	79%
12px 	86%
13px 	93%
14px 	100%
15px 	108%
16px 	115%
17px 	122%
18px 	129%
19px 	136%
20px 	143%
21px 	150%
22px 	158%
23px 	165%
24px 	172%
25px 	179%
26px 	186%
*/
/*=======================================
  共　通
=======================================*/
/*SP用共通明朝さわらびフォント
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
font-family: "Sawarabi Mincho", serif;

Google Fonts + 日本語
https://googlefonts.github.io/japanese/
*/

/*=============================
ブラウザ別フォントファイルフォーマット
woff:IE9以降多くのブラウザでサポート（IE8以前はEOT）
opentype:Android4.3など
src: url('xxx.eot'); IE9以上用
src: url('xxx.eot?#iefix') format('embedded-opentype'), IE8以前用
url('xxx.woff') format('woff'), モダンブラウザ用
url('xxx.ttf') format('truetype'); iOS, Android用
url('xxx.otf') format('opentype'); iOS, Android用
=============================*/


/*=============================
源ノ角ゴシック
使うときはhタグのbold解除して、あと太さフォント別にcss用意
=============================*/
/*
@font-face {
	font-family: "SourceHanSans-ExtraLight";
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/SourceHanSans-ExtraLight.woff') format('woff'),
	url('../fonts/SourceHanSans-ExtraLight.otf') format('opentype')
}
@font-face {
	font-family: "SourceHanSans-Regular";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/SourceHanSans-Regular.woff') format('woff'),
	url('../fonts/SourceHanSans-Regular.otf') format('opentype')
}
*/
@font-face {
	font-family: "SourceHanSans-Medium";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/SourceHanSans-Medium.woff') format('woff'),
	url('../fonts/SourceHanSans-Medium.otf') format('opentype')
}
@font-face {
	font-family: "SourceHanSans-Bold";
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/SourceHanSans-Bold.woff') format('woff'),
	url('../fonts/SourceHanSans-Bold.otf') format('opentype')
}


/*=============================
源ノ明朝
使うときはhタグのbold解除して、あと太さフォント別にcss用意
=============================*/
/*
@font-face {
	font-family: "SourceHanSerif-ExtraLight";
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/SourceHanSerif-ExtraLight.woff') format('woff'),
	url('../fonts/SourceHanSerif-ExtraLight.otf') format('opentype')
}*/
@font-face {
	font-family: "SourceHanSerif-Regular";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/SourceHanSerif-Regular.woff') format('woff'),
	url('../fonts/SourceHanSerif-Regular.otf') format('opentype')
}
/*
@font-face {
	font-family: "SourceHanSerif-Medium";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/SourceHanSerif-Medium.woff') format('woff'),
	url('../fonts/SourceHanSerif-Medium.otf') format('opentype')
}*/
@font-face {
	font-family: "SourceHanSerif-Bold";
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/SourceHanSerif-Bold.woff') format('woff'),
	url('../fonts/SourceHanSerif-Bold.otf') format('opentype')
}

/*=============================
フォント別太さ指定
=============================*/
/*
.fgwl{font-family: "SourceHanSans-ExtraLight" !important; font-weight: 100 !important;}
.fgwr{font-family: "SourceHanSans-Regular"    !important; font-weight: 400 !important;}
*/
.fgwm{font-family: "SourceHanSans-Medium"     !important; font-weight: 500 !important;}
.fgwb{font-family: "SourceHanSans-Bold"       !important; font-weight: 700 !important;}
.fnum{font-family: 'Rubik', sans-serif        !important; font-weight: 500 !important;}
.fnumb{font-family: 'Rubik', sans-serif        !important; font-weight: 700 !important;}
/*
.fmwl{font-family: "SourceHanSerif-ExtraLight" !important; font-weight: 100 !important;}
.fmwr{font-family: "SourceHanSerif-Regular"    !important; font-weight: 400 !important;}
.fmwm{font-family: "SourceHanSerif-Medium"     !important; font-weight: 500 !important;}
.fmwb{font-family: "SourceHanSerif-Bold"       !important; font-weight: 700 !important;}
*/
/*=============================
ベースはコレbodyに設定
=============================*/
/*
font-family:"SourceHanSans-Regular", sans-serif;
font-weight: 400;
*/


html {
	background:#fff;
	color:#000;
}
body{
	font-size:12px;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500; /*win游ゴシック汚れ対策*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝",serif;*/
	/*HG明朝Eは13pxからアンチエイリアス、ただoffice2000以降が入ってないと表示されない。HG明朝Bもある"
	游明朝はMac*/
	line-height:1.5;
	letter-spacing:0px;
	-webkit-text-size-adjust: 100%;/*スマホ文字拡大対策*/
	/*テキスト行揃え
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	*/
	/*角丸
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	/*回転
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	*/
	/*アニメーション
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	*/
	/*arrow
	content: '';
	position: absolute;
	top:50%;
	left: 0px;
	margin-top: -4px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #FFF;
	*/
	/*テキストシャドウ
	-moz-text-shadow:0px 0px 3px #666;
	-webkit-text-shadow:0px 0px 3px #666;
	text-shadow:0px 0px 3px #666;
	*/

}
	/*IE10以降に適用されるCSSハック（一応）*/
	/*@media all and (-ms-high-contrast:none){
	}*/
/*
Win10 Edgeは文字余白は他ブラウザと変わらない。
Win7 IE+Win10IEの遊ゴシック余白は同じ。
遊ゴシック対策はIE向けとWin7MSゴシックでOK
*/
/* --A-- */
a {
	cursor:pointer;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	max-height: 100%;/*android chrome対策*/
}
/* --OTHER TAGS-- */
p {
	margin-bottom:0;
	text-align:left;
	width:auto;
	max-height: 100%;/*android chrome対策*/
}
em, strong {
	font-weight:bold;
}
/* --clearfix-- */
.clf:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clf{
	display: inline-block;
}
	/* Hides from IE Mac */
	* html .clf{
		height: 1%;
	}
	.clf{
		display:block;
	}
.spClf:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.spClf{
	display: inline-block;
}
	/* Hides from IE Mac */
	* html .spClf{
		height: 1%;
	}
	.spClf{
		display:block;
	}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.Fright {float:right;}
.Fleft {float:left;}
.imgRight {float:right; margin:0px 0px 20px 20px ;}
.imgLeft {float:left; margin:0px 20px 20px 0px ;}
/*
.imgOpBt a:hover img{
	opacity:0.65;
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); For IE 5-7
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; For IE 8
}*/

/*padding & margin
.pt0{padding-top:0px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}.pt85{padding-top:85px;}.pt90{padding-top:90px;}.pt95{padding-top:95px;}.pt100{padding-top:100px;}.pt105{padding-top:105px;}.pt110{padding-top:110px;}.pt115{padding-top:115px;}.pt120{padding-top:120px;}.pt125{padding-top:125px;}.pt130{padding-top:130px;}.pt135{padding-top:135px;}.pt140{padding-top:140px;}.pt145{padding-top:145px;}.pt150{padding-top:150px;}.pb0{padding-bottom:0px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}.pb85{padding-bottom:85px;}.pb90{padding-bottom:90px;}.pb95{padding-bottom:95px;}.pb100{padding-bottom:100px;}.pb105{padding-bottom:105px;}.pb110{padding-bottom:110px;}.pb115{padding-bottom:115px;}.pb120{padding-bottom:120px;}.pb125{padding-bottom:125px;}.pb130{padding-bottom:130px;}.pb135{padding-bottom:135px;}.pb140{padding-bottom:140px;}.pb145{padding-bottom:145px;}.pb150{padding-bottom:150px;}.ptb{padding-top:0; padding-bottom:0;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}.pl85{padding-left:85px;}.pl90{padding-left:90px;}.pl95{padding-left:95px;}.pl100{padding-left:100px;}.pl105{padding-left:105px;}.pl110{padding-left:110px;}.pl115{padding-left:115px;}.pl120{padding-left:120px;}.pl125{padding-left:125px;}.pl130{padding-left:130px;}.pl135{padding-left:135px;}.pl140{padding-left:140px;}.pl145{padding-left:145px;}.pl150{padding-left:150px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}.pr85{padding-right:85px;}.pr90{padding-right:90px;}.pr95{padding-right:95px;}.pr100{padding-right:100px;}.pr105{padding-right:105px;}.pr110{padding-right:110px;}.pr115{padding-right:115px;}.pr120{padding-right:120px;}.pr125{padding-right:125px;}.pr130{padding-right:130px;}.pr135{padding-right:135px;}.pr140{padding-right:140px;}.pr145{padding-right:145px;}.pr150{padding-right:150px;}.mt0{margin-top:0px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}.mt95{margin-top:95px;}.mt100{margin-top:100px;}.mt105{margin-top:105px;}.mt110{margin-top:110px;}.mt115{margin-top:115px;}.mt120{margin-top:120px;}.mt125{margin-top:125px;}.mt130{margin-top:130px;}.mt135{margin-top:135px;}.mt140{margin-top:140px;}.mt145{margin-top:145px;}.mt150{margin-top:150px;}.mb0{margin-bottom:0px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}.mb85{margin-bottom:85px;}.mb90{margin-bottom:90px;}.mb95{margin-bottom:95px;}.mb100{margin-bottom:100px;}.mb105{margin-bottom:105px;}.mb110{margin-bottom:110px;}.mb115{margin-bottom:115px;}.mb120{margin-bottom:120px;}.mb125{margin-bottom:125px;}.mb130{margin-bottom:130px;}.mb135{margin-bottom:135px;}.mb140{margin-bottom:140px;}.mb145{margin-bottom:145px;}.mb150{margin-bottom:150px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}.ml85{margin-left:85px;}.ml90{margin-left:90px;}.ml95{margin-left:95px;}.ml100{margin-left:100px;}.ml105{margin-left:105px;}.ml110{margin-left:110px;}.ml115{margin-left:115px;}.ml120{margin-left:120px;}.ml125{margin-left:125px;}.ml130{margin-left:130px;}.ml135{margin-left:135px;}.ml140{margin-left:140px;}.ml145{margin-left:145px;}.ml150{margin-left:150px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}.mr85{margin-right:85px;}.mr90{margin-right:90px;}.mr95{margin-right:95px;}.mr100{margin-right:100px;}.mr105{margin-right:105px;}.mr110{margin-right:110px;}.mr115{margin-right:115px;}.mr120{margin-right:120px;}.mr125{margin-right:125px;}.mr130{margin-right:130px;}.mr135{margin-right:135px;}.mr140{margin-right:140px;}.mr145{margin-right:145px;}.mr150{margin-right:150px;}.mtb0{margin-top:0; margin-bottom:0;}
.fs8{font-size: 8px;}.fs9{font-size: 9px;}.fs10{font-size: 10px;}.fs11{font-size: 11px;}.fs12{font-size: 12px;}.fs13{font-size: 13px;}.fs14{font-size: 14px;}.fs15{font-size: 15px;}.fs16{font-size: 16px;}.fs17{font-size: 17px;}.fs18{font-size: 18px;}.fs19{font-size: 19px;}.fs20{font-size: 20px;}.fs21{font-size: 21px;}.fs22{font-size: 22px;}.fs23{font-size: 23px;}.fs24{font-size: 24px;}.fs25{font-size: 25px;}.fs26{font-size: 26px;}.fs27{font-size: 27px;}.fs28{font-size: 28px;}.fs29{font-size: 29px;}.fs30{font-size: 30px;}
*/
#backToTop{
	bottom:10px;
	right: 10px;
	display: none;
	font-family: "SourceHanSans-Bold"!important;
	font-weight: 700 !important;
}
#backToTop a{
	display: block;
	text-decoration: none;
	width: 50px;
	height: 50px;
	color: #1D2080;
	border: 2px solid #1D2080;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: rgba(255,255,255,1.0);
	z-index: 100;
	text-align: center;
}
#backToTop a::after{
	content: '';
	width: 13px;
	height: 13px;
	border-top: 2px solid #1D2080;
	border-left: 2px solid #1D2080;
	position: absolute;
	top:17px;
	left:50%;
	-moz-transform:translateX(-50%) rotate(45deg);
	-webkit-transform:translateX(-50%) rotate(45deg);
	-o-transform:translateX(-50%) rotate(45deg);
	-ms-transform:translateX(-50%) rotate(45deg);
	transform:translateX(-50%) rotate(45deg);
}
#backToTop a span{
	position: absolute;
	left:50%;
	bottom: 10px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: 1px;
	line-height: 1.0;
}
#loaderOuter{
	position:fixed;
	width:100%;
	height:100%;
	z-index:499;
	background:#FFF;
}
#loader{
	position: fixed;
	top:50%;
	left:50%;
	z-index:90;
}
.fwb{font-weight: bold !important;}
.fwn{font-weight: normal !important;}
.txtInd{text-indent: -1em;padding-left: 1em;}
.bb1{border-bottom: 1px solid #000;}
.bt1{border-top: 1px solid #000;}
.posRe{position: relative;}
.posAb{position: absolute;}
.posFix{position: fixed;}
.lh2{line-height: 2.0;}
.pc{display: none !important;}
/*=============================
  header
=============================*/
header{
	width: 100%;
	height: 60px;
	position: fixed;
	top:0;
	left:0;
	z-index: 100;
}
header .inner{
}
header .logo{
	padding: 7px 0px 0px 10px;
}
header .logo img{
	width: 70px;
	height: auto;
}

/*gnav
=============================*/
#gnav {
	position: absolute;
	top:0;
	right:0;
	z-index: 299;
	background: #1D2088;
	width: 100%;
	max-height: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#gnav.show{
	max-height: 100vh;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
}



/*hBtList*/
header #gnav ul#hBtList{
	-js-display: flex;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	padding: 15px 15px 80px 20px;
}
header #gnav ul#hBtList li{
	margin-right: 10px;
	margin-bottom: 15px;
}
header #gnav ul#hBtList li a {
	display: block;
	font-weight: bold;
	color: #FFF;
	position: relative;
}


header #gnav ul#hBtList li.bt_contact a {
	padding: 7px 25px 7px 15px;
	font-size: 5.16vw;
	line-height: 22px;
	border: 1px solid #FFF;
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
header #gnav ul#hBtList li.bt_contact a::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -4px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
header #gnav ul#hBtList li.bt_tel{
	color: #FFF;
	font-size: 5.63vw;
	line-height: 1.0;
	letter-spacing: 0.5px;
	font-family: 'Rubik', sans-serif!important;
	font-weight: 700 !important;
	padding-left: 20px;
	background: url(../images/icon_tel_w.svg) no-repeat left center/auto 100%;
}
/*iPhoneTEL自動リンク対応*/
header #gnav ul#hBtList li.tel a{
	color: #FFF;
}

/*gmenu*/
#gmenu {
	padding-top: 40px;
}
#gmenu > li > ul.sub{
	display: none;
}

#gnav ul#gmenu > li{
	border-bottom: 1px solid #FFF;
}
#gnav ul#gmenu > li > a{
	display: block;
	color: #FFF;
	font-weight: bold;
	padding: 15px 15px 15px 2em;
	text-decoration: none;
	position: relative;
	font-size: 5.0vw;
	letter-spacing: 1px;
	line-height: 1.0;
}
#gnav ul#gmenu > li > a::before{
	content: '';
	position: absolute;
	top:50%;
	left: 1.25em;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left: 6px solid #FFF;
	margin-top: -4px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
#gnav ul#gmenu > li > a.open::before{
	margin-top: -2px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#gnav ul#gmenu > li > a span.en{
	display: none;
}

#gnav ul#gmenu ul.sub{
	padding-bottom: 5px;
}
#gnav ul#gmenu ul.sub a{
	font-size: 5vw;
	display: block;
	padding: 6px 15px 6px 3em;
	position: relative;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0.5px;
	text-indent: -1em;
	line-height: 1.2;
}
#gnav ul#gmenu ul.sub > li ul.sub{
	padding-left: 1.5em;
}
#gnav ul#gmenu ul.sub a::before{
	content: '－';
}

/*gnavBt
=============================*/
header #gnavBt {
	position: fixed;
	top:2px;
	right:5px;
	z-index:500;
}
header #gnavBt a{
	display: block;
	width: 35px;
	height: 35px;
	position: relative;
}
/*▼gnavBtアニメ*/
header #gnavBtBorder{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7.5px;
	margin-top: -1px;
	display: block;
	width: 15px;
	height: 2px;
	background-color: #000;
	-webkit-transition: -webkit-transform 0.3s ease, top 0.3s ease;
	transition: transform 0.3s ease, top 0.3s ease;
}
header #gnavBtBorder:before {
	top: -5px;
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	background-color: #000;
	position: absolute;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s ease, top 0.3s ease, margin 0.2s ease;
	transition: transform 0.3s ease, top 0.3s ease, margin 0.2s ease;
}
header #gnavBtBorder:after {
	top: 5px;
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	background-color: #000;
	position: absolute;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s ease, top 0.3s ease, margin 0.2s ease;
	transition: transform 0.3s ease, top 0.3s ease, margin 0.2s ease;
}
/*
header #gnavBt a:hover #gnavBtBorder:before {
	margin-top: -3px;
}
header #gnavBt a:hover #gnavBtBorder:after {
	margin-top: 3px;
}*/
header #gnavBt a.open::after{
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid #FFF;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
header #gnavBt a.open #gnavBtBorder {
	background: none;
}
header #gnavBt a.open #gnavBtBorder:before {
	top:0 !important;
	margin-top: 0 !important;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color: #FFF;
}
header #gnavBt a.open #gnavBtBorder:after {
	top:0 !important;
	margin-top: 0 !important;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background-color: #FFF;
}

#container {
	position: relative;
}
/*=============================
  footer
=============================*/
footer{
	background: #1D2088;
	padding: 10px 0px;
}
footer #fnav{display: none;}
footer #copyRight{
	font-size: 2.81vw;
	color: #FFF;
	letter-spacing: 0.5px;
	text-align: center;
}
/*=============================
  カルーセル
=============================*/
/*
.carouselArea{
	position: relative;
}
.carouselArea .caroufredsel_wrapper {
	overflow: hidden;
}
.carouselArea .carousel img{
	display: block;
	float: left;
}
.carouselArea .prev{
	position: absolute;
	top:205px;
	left:0;
}
.carouselArea .next{
	position: absolute;
	top:205px;
	right:0;
}
.carouselArea .pager {
	text-align: center;
}
.carouselArea .pager a {
	background: url(../images/bt_pager_off.png) no-repeat;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
.carouselArea .pager a:hover,
.carouselArea .pager a.selected {
	background: url(../images/bt_pager_on.png) no-repeat;
}
*/

/*=============================
  etc
=============================*/
/*上下中央01
.sample6Wrap{
	width: 100%;
	height: 100%;
	position: relative;
}
.sample6Wrap .sample6{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100px;
	height: 100px;
}
*/

/*上下中央02（CSS3高さ幅不明で使用可）
.demo p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
*/

/*ボタン
ul.linkBtList{
	text-align: center;
}
ul.linkBtList li{
	display: inline-block;
	width: 320px;
	height: 60px;
	margin: 0px 30px;
}
ul.linkBtList li:first-child{margin-left: 0;}
ul.linkBtList li:last-child {margin-right: 0;}
ul.linkBtList li a{
	display: block;
	padding: 15px 0px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #006469;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	position: relative;
}*/
	/*IE10以降に適用されるCSSハック（一応）*/
	/*@media all and (-ms-high-contrast:none){
		ul.linkBtList li a{
			padding: 18px 0px 12px 0px;
		}
	}*/

/*三角
ul.linkBtList li a::after{
	content: '';
	position: absolute;
	top:50%;
	right: 15px;
	margin-top: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left: 8px solid #E5EA0A;
}*/

/*下線付きタイトル
.borderTit{
	font-size: 28px;
	color: #006469;
	padding-bottom: 20px;
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}
.borderTit::after{
	content:'';
	position: absolute;
	bottom:0;
	left:50%;
	width: 70px;
	height: 1px;
	background: #666;
	margin-left: -35px;
}*/