@charset "UTF-8";
/* CSS Document */
/*
基本サイズ
w640の場合
8px 1.25vw;
9px 1.41vw;
10px 1.56vw;
11px 1.72vw;
12px 1.88vw;
13px 2.03vw;
14px 2.19vw;
15px 2.34vw;
16px 2.50vw;
17px 2.66vw;
18px 2.81vw;
19px 2.97vw;
20px 3.13vw;
21px 3.28vw;
22px 3.44vw;
23px 3.59vw;
24px 3.75vw;
25px 3.91vw;
26px 4.06vw;
27px 4.22vw;
28px 4.38vw;
29px 4.53vw;
30px 4.69vw;
35px 5.47vw;
40px 6.25vw;
45px 7.03vw;
50px 7.81vw;
55px 8.59vw;
60px 9.38vw;
65px 10.16vw;
70px 10.94vw;
75px 11.72vw;
80px 12.50vw;
85px 13.28vw;
90px 14.06vw;
95px 14.84vw;
100px 15.63vw;


基本サイズ 	値
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/

iPhoneで@importによるフォント指定が利かない
読み込みは<link>で行うこと
*/
/*SVG使用の際の注意点
backgroundで使用するばあい、IEでsvgのルートにwitdh,heightが
設定されていないと、background-positionで崩れる

SVGの比率を変更できるようにするには、SVGのルートに以下を記載
preserveAspectRatio="none"
*/
/*=============================
ブラウザ別フォントファイルフォーマット
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-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-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-Light";
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/SourceHanSerif-Light.woff') format('woff'),
	url('../fonts/SourceHanSerif-Light.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-Bold";
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/SourceHanSerif-Bold.woff') format('woff'),
	url('../fonts/SourceHanSerif-Bold.otf') format('opentype')
}
/*
@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')
}
*/
/*=============================
フォント別太さ指定
=============================*/
.fgwr{font-family: "SourceHanSans-Regular"    !important; font-weight: 400 !important;}

.fmwl{font-family: "SourceHanSerif-Light"      !important; font-weight: 300 !important;}
.fmwr{font-family: "SourceHanSerif-Regular"    !important; font-weight: 400 !important;}
.fmwb{font-family: "SourceHanSerif-Bold"       !important; font-weight: 700 !important;}
/*
.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;}

.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;
}
html.lock{
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
}
body{
	/*font-size:12px;*/
	font-size: 3.75vw;
	font-family: "SourceHanSerif-Light", "游明朝", YuMincho, "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: 300;
	/*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.0;
	letter-spacing:0px;
	-webkit-text-size-adjust: 100%;/*スマホ文字拡大対策*/
}
	/*IE10以降に適用されるCSSハック（一応）*/
	/*@media all and (-ms-high-contrast:none){
	}*/
/*
Win10 Edgeは文字余白は他ブラウザと変わらない。
Win7 IE+Win10IEの遊ゴシック余白は同じ。
遊ゴシック対策はIE向けとWin7MSゴシックでOK
*/
/* --A-- */
a {
	cursor:pointer;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);/*リンクタップ時のハイライト表示無効*/
}
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;
	}
	
.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 ;}
.vm,
.vmTxt{
	display: inline-block;
	position: relative;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	/*IE遊ゴずれ対応*/
	/*@media all and (-ms-high-contrast:none){
		.vmTxt{padding-top: 0.3em;}
	}*/
/*
.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:20px;
	right: 20px;
	z-index: 100;
	display: none;
}
#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;}
/*.pc{display: none !important;}*/

.noEv_sp{pointer-events:none}/*IE11以降（IE11ではaタグには利かない）*/

#wrapper{
	overflow: hidden;
}
/*=============================
header
=============================*/
header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 500;
}
header > *{
	position: relative;
	z-index: 500;
}
header .logo{
	position: absolute;
	top:10px;
	left:10px;
}
header .logo a img{
	height: 28px;
	width: auto;
}


header #hBtArea{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
        align-items: center;
}
header #hBtArea li{
	width: 55px;
	height: 50px;
}
header #hBtArea li.bt_call a{
	display: block;
	height: 100%;
	background: url(../img/icon_tel.svg) #005d8b no-repeat center center/auto 25px;
}
header #hBtArea li.bt_call a span,
header #hBtArea li.bt_contact a span{display: none;}


header #hBtArea li.bt_contact a{
	display: block;
	height: 100%;
	background: url(../img/icon_mail.svg) #00a0ca no-repeat center center/auto 20px;
}

/*deSVG
=============================*/
/*
.svgImg path{
	fill: #FFF;
}*/
/*gnavBt
=============================*/
header #gnavBt {
	width: 60px;
}
header #gnavBt a{
	display: block;
	height: 100%;
	position: relative;
	background: #FFF;
}
header #gnavBt a img{
	width: 22.5px;
	height: auto;
	position: absolute;
	left:50%;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 12px;
}
/*▼gnavBtアニメ*/
header #gnavBtBorder{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7.5px;
	margin-top: -5px;
	display: block;
	width: 15px;
	height: 2px;
	background-color: #005d8b;
	-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: #005d8b;
	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: #005d8b;
	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: -2px;
}
header #gnavBt a:hover #gnavBtBorder:after {
	margin-top: 2px;
}
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)
}
header #gnavBt a.open #gnavBtBorder:after {
	top:0 !important;
	margin-top: 0 !important;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

/*gnav ani
=============================*/
nav#gnav {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background: rgba(255,255,255,0.8);
	display: none;
	padding-top: 50px;
}
nav#gnav.opening {
	display: block;
	-webkit-animation: opening 0.25s ease 0s 1 normal both;
	animation: opening 0.25s ease 0s 1 normal both;
}
nav#gnav.opened{display: block;}

nav#gnav.closing {
	display: block;
	-webkit-animation: closing 0.5s ease 0s 1 normal both;
	animation: closing 0.5s ease 0s 1 normal both;
}
nav#gnav.closed{display: none;}

@-webkit-keyframes opening {
	0% {
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
	100% {
		opacity: 1.0;
	}
}
@keyframes         opening {
	0% {
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
	100% {
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
}

@-webkit-keyframes closing {
	0% {
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
	100% {
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
}
@keyframes         closing {
	0% {
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
	100% {
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
}
/*
@-webkit-keyframes opening {
	0% {
		-moz-perspective:1300px;
		-webkit-perspective: 1300px;
				perspective: 1300px;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
			transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
	100% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
			transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
}
@keyframes         opening {
	0% {
		-moz-perspective:1300px;
		-webkit-perspective: 1300px;
				perspective: 1300px;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
			transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
	100% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
			transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
}

@-webkit-keyframes closing {
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
			transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
	100% {
		-moz-perspective:1300px;
		-webkit-perspective: 1300px;
				perspective: 1300px;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
			transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
}
@keyframes         closing {
	0% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
			transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
	100% {
		-moz-perspective:1300px;
		-webkit-perspective: 1300px;
				perspective: 1300px;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
			transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
}*/

nav#gnav .gmenu{
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav#gnav .gmenu li{
	height: 0;
	margin-bottom: 1px;
}
nav#gnav .gmenu li a{
	display: block;
	height: 100%;
	background: url(../img/icon_arrow01.svg) no-repeat center left 9.38vw/auto 3.44vw;
	background-color: #005d8b;
	font-size: 5.47vw;
	color: #FFF;
	padding-left: 18vw;
	position: relative;
}
nav#gnav .gmenu li a span{
	position: absolute;
}
nav#gnav .gmenu li a.on{
	background-color: #367fa4;
}

nav#gnav.opening .gmenu li{
	opacity: 0;
}
nav#gnav.opened .gmenu li{
	opacity: 1;
	height: 14.06vw;
	-webkit-transition: height 0.5s ease,opacity 0.5s ease;
	transition: height 0.5s ease,opacity 0.5s ease;
}

nav#gnav.closing .gmenu li{
	height: 0;
	opacity: 0;
	-webkit-transition: height 0.5s ease,opacity 0.5s ease;
	transition: height 0.5s ease,opacity 0.5s ease;
}
nav#gnav.closed .gmenu{}
/*
nav#gnav {
	visibility: hidden;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 200;
	-moz-perspective:1300px;
	-webkit-perspective: 1300px;
			perspective: 1300px;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
		transform: scale(1.5);
	filter: alpha(opacity=000);
	opacity: 0.0;
}
nav#gnav.opening {
	-webkit-transition: all 0.8s ease;
			transition: all 0.8s ease;
}
nav#gnav.opened {
	visibility: visible;
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
		transform: scale(1.0);
	filter: alpha(opacity=100);
	opacity: 1.0;
}*/
/*
#gmenu li ul.subMenu{
	position: absolute;
	top:46px;
	left:0;
	text-align: left;
	background: #FFF;
	width: 210px;
	overflow: hidden;
	max-height: 0;
	-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;
}
#gmenu li.open ul.subMenu{
	max-height :350px;
	-webkit-transition: all 0.75s ease-out;
	-moz-transition: all 0.75s ease-out;
	-ms-transition: all 0.75s ease-out;
	-o-transition: all 0.75s ease-out;
	transition: all 0.75s ease-out;
}
*/
/*=============================
footer
=============================*/
footer {
	background: #FFF;
	padding: 7.03vw 0;
	position: relative;
}
footer #backToTop{
	position: absolute;
	right:3.13vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
footer #backToTop a{display: block;}
footer #backToTop a img{
	width: 8.59vw;
	height: 8.59vw;
}


footer .copyRight{
	font-size: 2.81vw;
	color: #374c56;
	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
=============================*/
/*PC/スマホ縦
@media only screen and (orientation:portrait) {

}*/
/*PC/スマホ横
@media only screen and (orientation:landscape) {

}
*/
/*ボタン
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;
}*/




	/*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-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	*/
	/*回転
	-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;
	*/
	/*角丸
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	*/
	/*テキストシャドウ
	-moz-text-shadow:0px 0px 3px #666;
	-webkit-text-shadow:0px 0px 3px #666;
	text-shadow:0px 0px 3px #666;
	*/
	/*flex
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	*/
	/*テキスト行揃え
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	*/
	/*テキスト改行しない
	white-space: nowrap;
	*/

	/*キーフレーム
	{
	animation: ani1 0.25s linear 0s 1 normal both;
	animation-name アニメーション名 複数指定する場合はカンマ（,）区切り 名が長いとIEで不可
	animation-duration 時間
	animation-timing-function linear ease ease-in ease-out
	animation-delay 時間
	animation-iteration-count 回数 infinite
	animation-direction normal 正転 alternate 正転、反転
	animation-fill-mode:再生後のスタイル
	backwards 最初のキーフレーム（0%）
	forwards 最後のキーフレーム（100%）
	both 最後のキーフレーム（100%） delay指定中は（0%）

	//delay
	//-webkit-animation-delay: 0.5s;
	//animation-delay: 0.5s;

	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	//r実行中のアニメーションを一時停止できる。//running paused
	animation-play-state: paused;
	//animation-timingのcubic-bezier
	//https://matthewlein.com/tools/ceaser
	/*http://easings.net/ja
	//easeOutCubic cubic-bezier(0.215, 0.610, 0.355, 1.000);
	//easeInOutExpo cubic-bezier(1.000, 0.000, 0.000, 1.000);

	-webkit-animation-name: scroll;
	animation-name: scroll;
	}
@-webkit-keyframes scroll {from {top:-35px;} to {top:35px;}}
@keyframes         scroll {from {top:-35px;} to {top:35px;}}
又は
@-webkit-keyframes scroll {
	0% {width: 0;}
	100% {width: 100%;}
}
@keyframes         scroll {
	0% {width: 0;}
	100% {width: 100%;}
}

*/
/*改行させない
	white-space: nowrap;
*/
/*上下中央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高さ幅不明で使用可）
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
*/