@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
 default_CSS
/////////////////////////////////////////////////////////////////////////*/
/* /////// Reset //////////*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul { list-style:none; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before,blockquote:after,q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

/* basic */
* { margin:0;padding:0;}
body { text-align:center; font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
/*h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}*/
a,object,embed { outline:none;}
img { border:none;}
.alt { position:absolute; top:-5000px; left:-9999px;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
a { text-decoration:none; /*color:#009900;*/ color:#07448a; }
a:hover { text-decoration:underline;}

.f70 { font-size:70%;}
.f75 { font-size:70%; }
.f80 { font-size:75%; }
.f85 { font-size:85%;}
.f90 { font-size:90%;}
.f95 { font-size:95%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f115 { font-size:115%; }
.f120 { font-size:120%;}
.f125 { font-size:125%; }
.f130 { font-size:130%; }
.f135 { font-size:135%; }
.f140 { font-size:140%;}
.f160 { font-size:160%;}

.black { color:#000000; }
.green { color:#009900; }
.green_l { color:#e7f3d9; }
.blue { color:#0b448a; }
.blue_d { color:#07448a; }
.blue_l { color:#dbe6f2; }
.white {color:#ffffff; }


.red, .red a { color:#db0000;}
.yellow1 { color:#feff01;}

.img_lnk a img:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.lefting { text-align:left; }
.righting { text-align:right; }
.centering { text-align:center; }
.bolding { font-weight:bold; }
.normalizing { font-weight:noraml; }

.pad40 {  padding:0 0 40px 0; }
.pad20 {  padding:0 0 20px 0; }

.bg_grey { backgroud-color:#efefef; }

/*/////////////////////////////////////////////////////////////////////////
共通CSS
/////////////////////////////////////////////////////////////////////////*/
html,body { width:100%; }
body { color:#282828; font-size:90%; line-height:1.4; text-align:left; position:relative; -webkit-text-size-adjust: 100%; }
.glb_inner { position:relative; }
.prt_inner { width:94%; margin:0 auto 24px; }

.cntnr { width:100%; position:relative; z-index:100; }
.cntnr img { width:100%; }

.mv_hldr { width:70%; position:absolute; top:5%; left:2%; z-index:105; }
.mv_hldr .img { width:100%; }

.nav { width:30%; padding:14px 2%; position:absolute; top:3%; right:3%; background:url(../img/bg_black.png); color:#ffffff; z-index:102;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em; 
}
.nav .nav_ttl { margin:0 0 14px 0; font-size:120%; font-weight:bold; text-align:center; }
.nav .nav_cnt { /*display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap;*/ width:100%; }
.nav .nav_cnt .nav_cnt_ech { width:40%; margin:0 5% 20px; float:left; }
.nav .nav_cnt .nav_cnt_ech .nav_pht { width:100%; position:relative; line-height:0; }
.nav .nav_cnt .nav_cnt_ech .nav_pht a { display:block; }
.nav .nav_cnt .nav_cnt_ech .nav_pht img { width:100%; }
.nav .nav_cnt .nav_cnt_ech .nav_pht .nav_nam { width:96%; padding:5px 2%; /*font-size:110%;*/ background:url(../img/bg_black.png); text-align:center; line-height:1.2em; position:absolute; bottom:0; left:0; }
.nav .nav_cnt .nav_cnt_ech .nav_cap { width:96%; padding:5px 3%;/* font-size:110%;*/ line-height:1.2em; }

.prf { display:none; width:30%; padding:14px 2%; position:absolute; top:3%; right:3%; background:url(../img/bg_black.png); color:#ffffff; z-index:106;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em; 
}
.prf .prf_nam { margin:0 0 14px 0; font-size:120%; font-weight:bold; text-align:center; }
.prf .prf_pht { width:60%; margin:0 auto 10px; line-height:0; }
.prf .prf_pht img { width:100%; }
.prf .prf_cap { margin:0 0 10px 0; }
.prf .prf_txt {  }

.btns { width:60%;margin:0 20%; position:absolute; bottom:3%; left:0; display:flex; align-items:stretch; /*justify-content:space-between;*/ flex-wrap:nowrap; display:none; }
.btns .btns_ech { width:27%; margin:0 3%; text-align:center; font-weight:bold; font-size:140%; }
.btns .btns_ech a { display:block; padding:14px 10%; background-color:#333333; color:#ffffff; position:relative;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}
.btns .btns_ech.prev a:before { display:block; position:absolute; top:50%; left:7%; width:12px; height:12px; margin-top:-8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:4px solid #ffffff; border-left:4px solid #ffffff; content:""; }
.btns .btns_ech.next a:after { display:block; position:absolute; top:50%; right:7%; width:12px; height:12px; margin-top:-8px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:4px solid #ffffff; border-right:4px solid #ffffff; content:""; }


/* footer */
#ft { width:100%; padding:14px 0; background-color:#efefef; border-top:1px solid #999999; }
#ft .ft_inner { width:90%; margin:0 auto; }
#ft .ft_inner .ft_prf { width:66%; margin:0 4% 0 0; float:left; }
#ft .ft_inner .ft_prf .ft_ttl { margin:0 0 5px 0; font-size:160%; font-weight:bold; }
#ft .ft_inner .ft_prf .ft_ttl a { color:#282828; }
#ft .ft_inner .ft_prf .ft_ttl a:hover { color:#ff6699; text-decoration:none; }
#ft .ft_inner .ft_prf .ft_txt_s { margin:0 0 5px 0; font-size:90%; }
#ft .ft_inner .ft_prf .ft_txt { margin:0 0 5px 0; }
#ft .ft_inner .ft_prf .ft_txt a { display:block; width:40%; padding:5px 7% 5px 3%; background-color:#07448a; color:#ffffff; position:relative;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-botttom: 0.5em; 
}
#ft .ft_inner .ft_prf .ft_txt a:after { display:block; position:absolute; top:50%; right:3%; width:5px; height:5px; margin-top:-3px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #ffffff; border-right:2px solid #ffffff; content:""; }

#ft .ft_cpy { padding:10px 0 0 0; font-size:90%; text-align:center; }