/*  charset ==================================================== */
@charset "utf-8";

/* =========================================================
	format
========================================================== */

body{
	letter-spacing:0.05em;
	font-family:"Noto Sans JP" , san-serif;
	color:#121212;
}


.elem {
	position:relative;
}
.cgImg span {
	display:none;
}







/* =========================================================
	common
========================================================== */
section#first {
	padding-top:78px;
}
section#first div,
section#first p,
section#first ul,
section#first li{
	box-sizing:border-box;
}

.contentsLead{
	text-align:center;
}
.lead{
	display:block;
	color:#1384e2;
	font-size:200%;
	line-height:1.6em;
	padding-bottom:1em;
	text-align:center;
}
.follow{
	color:#6a5434;
	font-size:110%;
	line-height:1.6em;
}
.bordered{
	border:#ccc 1px solid;
	text-align:center;
	padding:0.5em;
}
.center{
	float:none!important;
	margin-left:auto;
	margin-right:auto;
}
.contentBlock{
	padding-bottom:3em;
}
.notice{
	font-size:80%;
}
.narrow{
	width:80%;
	margin-left:10%;
}
.based{
	background-color:#f7f7f7;
	background-color:#c4ecf3;
	padding:2em;
	border-radius: 10px;  
}

ul.typical{

}
ul.typical li{
	border-left:#60bccc 3px solid;
	margin:0.5em 0;
	padding:0 0.5em;
}


#contentsTitle{
	position:absolute;

}
#contentsTitle figure{
	height:274px;
}
figure.relative{
	position:relative;
}
figure.relative figcaption{
	display:block;
	font-size:200%;
	position:absolute;
	bottom:1em;
	left:1em;
	font-family: 'Cardo', serif;
	color:#fff;
	text-shadow:-2px -2px 5px #000000,2px 2px 5px #000000;
}
figure.relative figcaption.brown{
	color:#5c4421;
	text-shadow:-2px -2px 5px #ffffff,2px 2px 5px #ffffff;
}
figure.relative figcaption.exp{
	font-size:100%;
	right:0;
	text-align:right;
	padding-right:1em;
	letter-spacing:0;
}


section .fadeStop, section .fadeBT, section .fadeRL {
	transition: 0.9s;
	transition-delay: 0.3s;
}

section .delaySlow {
	transition-delay: 1.5s;
}
section .fadeStop {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
section .fadeBT {
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
}
section .fadeRL {
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0);
}

section .mv {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

#pan {
	width:960px;
	margin:0 auto;
	padding-top:7px;
	padding-bottom:20px;
	text-align:right;
	font-size:10px;
}
#pan a {
	color:#60BCCC;
}
#bnrRequest {
	text-align:center;
	margin-top:40px;
	margin-bottom:60px;
}



.moshikomi{
	background: #91b62e;
	box-shadow: 0px 0px 0px 0.3em #91b62e;
	border: solid 0.3em #91b62e;
}
.muryo{
	background: #a02a7d;
	box-shadow: 0px 0px 0px 0.3em #a02a7d;
	border: solid 0.3em #a02a7d;
}
.shiryo{
	background: #f59f2b;
	box-shadow: 0px 0px 0px 0.3em #f59f2b;
	border: solid 0.3em #f59f2b;
}
.square_btn_footer:hover{
	border: dotted 1px #FFF;
}
.square_btn_footer{
	display: block;
	padding: 0.5em;
	text-decoration: none;
	color: #FFF!important;
	border-radius: 0.1em;
	border:dashed 1px #FFF!important;
	width:calc(300px - 0.6em);
	margin:0.3em 0 0.5em 0.3em;
	text-align:center;
	font-size:120%;
	box-sizing:border-box;
}


.square_btn_side{
	display: block;
	padding: 0 ;
	height:7em;
	width:2em;
	text-decoration: none;
	color: #FFF!important;
	border-radius: 0.2em;
	margin:-0.7em 0 0.5em 0.3em;
	text-align:center;
	font-size:120%;
	box-shadow: 0.1em 0em 0.2em 0.2em rgba(0,0,0,0.2);
	box-sizing:border-box;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	position:relative;

}
#sideButton .shiryo{
	height:12em!important;
	letter-spacing:-0.1em;
}
#sideButton .moshikomi{
	z-index:10503;
}
#sideButton .muryo{
	z-index:10502;
}
#sideButton_side .shiryo{
	z-index:10501;
}

@media screen and (min-width:769px) {


}

@media screen and (max-width:768px) {

}


/* =========================================================
	title
========================================================== */
#mainTitle {
	text-align:center;
	margin-top:40px;
	margin-bottom:60px;
}
#contentsTitle {
	position: relative;
	height:274px;
}
#contentsTitle img {
	position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.copy {
	margin-bottom:30px;
}

@media screen and (max-width:768px) {

}
/* =========================================================
	caption
========================================================== */
#caption, .captionL, .captionR, .captionC {
	color:#AAA;
	font-size:1.2rem;
	padding-top:2px;
	line-height:1.4rem;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;
}
#caption {
	width:80%;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:12px;
}
.captionL {
	text-align:left;
}
.captionR {
	text-align:right;
}
.captionC {
	text-align:center;
}
@media screen and (max-width:1400px) {
	#caption {
		width:96%;
		margin:0 auto;
		padding-top:40px;
		padding-bottom:12px;
	}
}
@media screen and (max-width:768px) {

}


/* =========================================================
	header
========================================================== */





#global-nav{
	display:none;
}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:768px) {

}

/* =========================================================
　sideButton
========================================================== */
#sideButton{
	position:fixed;
	right:0;
	bottom:150px;
	z-index:1500;
	display:none;
}


/* =========================================================
　toggle
========================================================== */
#top-head {
	display:none;
}
@media screen and (max-width:768px) {

}



/* =========================================================
	footer
========================================================== */

footer h1 {
	text-align:center;
	color:#666;
}
footer address {
	text-align:center;
	font-style:normal;
	margin-bottom:60px;
}





/*-----------------------------*/
.imageTitle{
	background-size:cover;
	width:100%;
}
.imageTitle h3{
	width:1000px;
	display:table-cell;
	height:5em;
	padding:1em;
	line-height:1.1em;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	vertical-align:middle;
}


.theme02{
	background-color:#c0d1d9;
}
.theme02 h3{
	color:#004567;
}

.theme03{
	background-color:#f8e0e5;
}
.theme03 h3{
	color:#e6002d;
}

.theme04{
	background-color:#fdebce;
}
.theme04 h3{
	color:#f39800;
}

.theme05{
	background-color:#d3eac8;
}
.theme05 h3{
	color:#66b32d;
}



table.wlcCms{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-top:0.5em;
}
table.wlcCms th{
	background-color:#60bccc;
	color:#fff;
	font-weight:normal;
}
table.wlcCms td,
table.wlcCms th{
	font-size:90%;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:0.3em 0.5em;
	line-height:1.2em;
}

._v_center{
	vertical-align:middle;
}
._h_center{
	text-align:center;
}
._h_right{
	text-align:right;
}