@charset "utf-8";

#subbox,#box1,#box2,#box3,#box4,.body_bg,#header{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
/*	position:static;*/
	}
	
@media screen and (max-width: 1080px) {
#subbox,#box1,#box2,#box3,#box4,.body_bg{background-position: top center;}
}
/************************************************************************************************************/
/* boxr00-06(初期値) */
/************************************************************************************************************/
.bodysr02 #contents{background:#fff;}
.bodysr02 #footer.ftop{margin-top: 0;}

.boxr03{background: rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.2);}
.boxr04{background: #fff;}
.boxr05{border-radius:6px;}
.boxr06{border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);}

.bodytype01 #contents{background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5 324px,#fff 324px,#fff 100%);}
.bodytype02 #contents{background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5 312px,#fff 312px,#fff 100%);}
.bodytype01,.bodytype02{background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5 40%,#fff 40%,#fff 100%);}
.bodytype01 #footer,.bodytype02 #footer{margin-top:0;}
.outside .bodytype01 #contents,.outside .bodytype01 #field,
.outside .bodytype02 #contents,.outside .bodytype02 #field{background:transparent;}
@media screen and (max-width: 1040px) {
.bodytype01 #contents,.bodytype01,.bodytype02 #contents,.bodytype02{background:transparent;}
.bodytype01 #footer,.bodytype02 #footer{margin-top:24px;}
}

/************************************************************************************************************/
/* boxbg01の拡張レイアウト指定 */
/************************************************************************************************************/
.w776 .boxbg01{width:1040px;margin:24px auto 12px auto;padding:0 12px 0 24px;}
.outside .w776 .boxbg01{width:1040px;margin:0px auto 12px auto;padding:24px 12px 0 24px;}
.w576R .boxbg01{width: 720px;margin:24px 12px 0 12px;}
.w376L .boxbg01{width: 480px;margin:24px 0 0 12px;}
.w176R .boxbg01{width: 240px;margin:24px 12px 0 0;}

.w776 .boxbg01 [class^="i0"]{width:calc(100%/12*3 - 4px);margin:0 4px 4px 0;}
.w576R .boxbg01 [class^="i0"]{width:calc(100%/12*4 - 7px);margin:0 4px 4px 0;}
.w376L .boxbg01 [class^="i0"]{width:calc(100%/12*6 - 14px);margin:0 4px 4px 0;}
.w176R .boxbg01 [class^="i0"]{width:calc(100%/12*12 - 12px);margin:0 4px 4px 0;}

.w776 .boxbg01 [class^="i06"] .ibox,
.w576R .boxbg01 [class^="i06"] .ibox,
.w376L .boxbg01 [class^="i06"] .ibox,
.w176R .boxbg01 [class^="i06"] .ibox{width:calc(100%);float:none;}

.w576R .boxbg01 .box1t,.w576R .boxbg01 .box2t,.w576R .boxbg01 .box3t,.w576R .boxbg01 .box4t{padding:0px 0px 12px 0px;}/*layout.cssを相殺*/

/* ★Media Queries指定★共有設定　*/
/*============================================================*/
@media screen and (min-width: 733px) and (max-width: 1080px) {
.w776{width:100%;}
.w776 .boxbg01{width:calc(100%);margin-left:0;margin-right:0;}
.outside .w776 .boxbg01{width:calc(100%);margin:0 auto 12px auto;padding:24px 12px 0 24px;}
.w576R .boxbg01{width:calc(100% - 36px);margin-left:24px;margin-right:12px;}	
.w376L .boxbg01{width:calc(100% - 24px);margin-left:24px;margin-right:0;}
.w176R .boxbg01{width:calc(100% - 12px);margin-left:0;margin-right:12px;}

.w776 .boxbg01 [class^="i0"]{width:calc(100%/12*4 - 6px);}
}

@media screen and (min-width: 481px) and (max-width: 732px) {
.w776{width:100%;}
.w776 .boxbg01{width:calc(100%);margin-left:0;margin-right:0;}
.outside .w776 .boxbg01{width:calc(100%);margin:0 auto 12px auto;padding:24px 12px 0 24px;}
.w576R .boxbg01{width:calc(100% - 36px);margin-left:24px;margin-right:12px;}	
.w376L .boxbg01{width:calc(100% - 24px);margin-left:24px;margin-right:0;}
.w176R .boxbg01{width:calc(100% - 12px);margin-left:0;margin-right:12px;}
.w576R .boxbg01 [class^="i0"]{width:calc(100%/2 - 8px);}
.w776 .boxbg01 [class^="i0"]{width:calc(100%/2 - 9px);}
.w376L .boxbg01 [class^="i0"]{width:calc(100%/2 - 12px);}
.w176R .boxbg01 [class^="i0"]{width:calc(100% - 12px);}
}

@media screen and (max-width: 480px) {
.w776{width:100%;}
.w776 .boxbg01{width:calc(100%);margin:12px 0 0 0;padding: 0 0 0 12px;}
.outside .w776 .boxbg01{width:calc(100%);margin:0 auto 12px auto;padding:12px 0 0 12px;}
.w576R .boxbg01{width:calc(100% - 12px);margin:12px 0 0 12px;}	
.w376L .boxbg01{width:calc(100% - 12px);margin:12px 0 0 12px;}
.w176R .boxbg01{width:calc(100% - 12px);margin-left:12px;margin-right:12px;}
	
.w576R .boxbg01 [class^="i0"]{width:calc(100% - 12px);}
.w776 .boxbg01 [class^="i0"]{width:calc(100% - 12px);}
.w376L .boxbg01 [class^="i0"]{width:calc(100% - 12px);}
.w176R .boxbg01 [class^="i0"]{width:calc(100% - 12px);}

.w376L .boxbg01 .box1t,.w376L .boxbg01 .box2t,.w376L .boxbg01 .box3t,.w376L .boxbg01 .box4t,
.w176R .boxbg01 .box1t,.w176R .boxbg01 .box2t,.w176R .boxbg01 .box3t,.w176R .boxbg01 .box4t{padding:0;}
}

/*[見出][本文][表組]可変サイズ指定*/
/*==========================================================================================================*/
.w176R .boxbg01 table,
.w376L .boxbg01 table,
.w576R .boxbg01 table,
.w776 .boxbg01 table{width: calc(100% - 12px);}
.w776 .boxbg01 [class^="h0"],
.w776 .boxbg01 [class^="p0"]{width: calc(100%/12*3 - 6px);}
.w576R .boxbg01 [class^="h0"],
.w576R .boxbg01 [class^="p0"]{width: calc(100%/12*4 - 7px);}
.w376L .boxbg01 [class^="h0"],
.w376L .boxbg01 [class^="p0"]{width: calc(100%/12*6 - 12px);}
.w176R .boxbg01 [class^="h0"],
.w176R .boxbg01 [class^="p0"]{width: calc(100% - 12px);}

/* ★Media Queries指定★共有設定　*/
/*==========================================================================================================*/
@media screen and (min-width: 733px) and (max-width: 1080px) {
.w776 .boxbg01 [class^="h0"],
.w776 .boxbg01 [class^="p0"]{width: calc(100%/12*4 - 7px);}
}

@media screen and (min-width: 481px) and (max-width: 732px) {
.w776 .boxbg01 [class^="h0"],
.w776 .boxbg01 [class^="p0"],
.w576R .boxbg01 [class^="h0"],
.w576R .boxbg01 [class^="p0"]{width: calc(100%/12*6 - 6px);}
.w376L .boxbg01 [class^="h0"],
.w376L .boxbg01 [class^="p0"]{width: calc(100%/12*6 - 12px);}
.w176R .boxbg01 [class^="h0"],
.w176R .boxbg01 [class^="p0"]{width: calc(100% - 12px);}
}

@media screen and (max-width: 480px) {
.w176R .boxbg01 table,
.w376L .boxbg01 table,
.w576R .boxbg01 table{width: calc(100% - 8px);}
.w776 .boxbg01 [class^="h0"],
.w776 .boxbg01 [class^="p0"],
.w576R .boxbg01 [class^="h0"],
.w576R .boxbg01 [class^="p0"],
.w376L .boxbg01 [class^="h0"],
.w376L .boxbg01 [class^="p0"],
.w176R .boxbg01 [class^="h0"],
.w176R .boxbg01 [class^="p0"]{width: calc(100% - 8px);}
}

/************************************************************************************************************/
/* boxbg02の拡張レイアウト指定 */
/************************************************************************************************************/
.outside .w776 .boxbg02,
.w776 .boxbg02{padding: 24px 18px 0 24px;}
.w576R .boxbg02{width: 714px;margin: 24px 18px 0 12px;}
.w376L .boxbg02{width: 462px;margin: 24px 18px 0 12px;}

@media screen and (max-width: 1080px) {
.w776 .boxbg02{padding-top:24px;}
.w576R .boxbg02{width: calc(100% - 18px);margin-left: 0;}
.w376L .boxbg02{width: calc(100% - 42px);margin-left: 24px;}
}

@media screen and (max-width: 480px) {
.outside .w776 .boxbg02,
.w776 .boxbg02{padding: 24px 6px 0 12px;}
.w576R .boxbg02,
.w376L .boxbg02,
.w176R .boxbg02{width: calc(100% - 6px);margin-left: 0;}
}

.boxbg02 .i00R,.boxbg02 .i01R,.boxbg02 .i02R,.boxbg02 .i03R,
.boxbg02 .i04R,.boxbg02 .i05R,.boxbg02 .i06R{margin-left:6px;margin-right: 6px;}
.boxbg02 .i00,.boxbg02 .i00L,.boxbg02 .i01L,.boxbg02 .i02L,.boxbg02 .i03L,
.boxbg02 .i04L,.boxbg02 .i05L,.boxbg02 .i06L{margin-right:6px;margin-bottom: 6px;}

.w776 .boxbg02 [class^="i00"],#footer [class^="i00"],
.w776 .boxbg02 [class^="i01"],#footer [class^="i01"]{width:calc(100% - 6px);}
.w776 .boxbg02 [class^="i02"],#footer [class^="i02"]{width:calc(100%/12*6 - 6px);}
.w776 .boxbg02 [class^="i03"],#footer [class^="i03"]{width:calc(100%/12*4 - 6px);}
.w776 .boxbg02 [class^="i04"],#footer [class^="i04"]{width:calc(100%/12*3 - 6px);}
.w776 .boxbg02 [class^="i05"],#footer [class^="i05"]{width:calc(100%/12*2.4 - 6px);}
.w776 .boxbg02 [class^="i06"],#footer [class^="i06"]{width:calc(100% - 6px);}

.w576R .boxbg02 [class^="i00"],
.w576R .boxbg02 [class^="i01"]{width:calc(100% - 6px);}
.w576R .boxbg02 [class^="i02"]{width:calc(100%/12*6 - 6px);}
.w576R .boxbg02 [class^="i03"]{width:calc(100%/12*4 - 6px);}
.w576R .boxbg02 [class^="i04"]{width:calc(100%/12*3 - 6px);}
.w576R .boxbg02 [class^="i05"]{width:calc(100%/12*2.4 - 6px);}
.w576R .boxbg02 [class^="i06"]{width:calc(100% - 6px);}

.w376L .boxbg02 [class^="i00"],
.w376L .boxbg02 [class^="i01"]{width:calc(100% - 6px);}
.w376L .boxbg02 [class^="i02"],
.w376L .boxbg02 [class^="i03"],
.w376L .boxbg02 [class^="i04"],
.w376L .boxbg02 [class^="i05"]{width:calc(100%/12*6 - 6px);}
.w376L .boxbg02 [class^="i06"]{width:calc(100% - 6px);}

.w176R .boxbg02 [class^="i00"],
.w176R .boxbg02 [class^="i01"],
.w176R .boxbg02 [class^="i02"],
.w176R .boxbg02 [class^="i03"],
.w176R .boxbg02 [class^="i04"]{width:calc(100% - 24px);}
.w176R .boxbg02 [class^="i05"]{width:calc(100%/12*6 - 15px);}
.w176R .boxbg02 [class^="i06"]{width:calc(100% - 24px);}

/* ★Media Queries指定★ [画像]用imgサイズ指定*/
/*==========================================================================================================*/
@media screen and (max-width: 480px) {
.w776 .boxbg02 [class^="i00"],#footer [class^="i00"],
.w776 .boxbg02 [class^="i01"],#footer [class^="i01"],
.w776 .boxbg02 [class^="i02"],#footer [class^="i02"]{width:calc(100% - 6px);}
.w776 .boxbg02 [class^="i03"],#footer [class^="i03"],
.w776 .boxbg02 [class^="i04"],#footer [class^="i04"],
.w776 .boxbg02 [class^="i05"],#footer [class^="i05"]{width:calc(100%/2 - 6px);}
.w776 .boxbg02 [class^="i06"],#footer [class^="i06"]{width:calc(100% - 6px);}

.w576R .boxbg02 [class^="i00"],
.w576R .boxbg02 [class^="i01"],
.w576R .boxbg02 [class^="i02"]{width:calc(100% - 6px);}
.w576R .boxbg02 [class^="i03"],
.w576R .boxbg02 [class^="i04"],
.w576R .boxbg02 [class^="i05"]{width:calc(100%/2 - 6px);}
.w576R .boxbg02 [class^="i06"]{width:calc(100% - 6px);}

.w376L .boxbg02 [class^="i00"],
.w376L .boxbg02 [class^="i01"]{width:calc(100% - 6px);}
.w376L .boxbg02 [class^="i02"],
.w376L .boxbg02 [class^="i03"],
.w376L .boxbg02 [class^="i04"],
.w376L .boxbg02 [class^="i05"]{width:calc(100%/2 - 6px);}
.w376L .boxbg02 [class^="i06"]{width:calc(100% - 6px);}

.w176R .boxbg02 [class^="i00"],
.w176R .boxbg02 [class^="i01"]{width:calc(100% - 6px);}
.w176R .boxbg02 [class^="i02"],
.w176R .boxbg02 [class^="i03"],
.w176R .boxbg02 [class^="i04"],
.w176R .boxbg02 [class^="i05"]{width:calc(100%/2 - 6px);}
.w176R .boxbg02 [class^="i06"]{width:calc(100% - 6px);}
}

.boxbg02 [class^="h0"],.boxbg02 [class^="p0"],.boxbg02 [class^="t0"]{margin-right:6px;}
.boxbg02 [class^="t0"],.boxbg02 table.tnomal{width: calc(100% - 6px);}

@media screen and (min-width: 481px) {
.w176R .boxbg02 [class^="h0"],.w176R .boxbg02 [class^="p0"],.w176R .boxbg02 [class^="t0"]{margin-right:24px;}
.w176R .boxbg02 [class^="t0"]{width: calc(100% - 24px);}
}

/************************************************************************************************************/
/* boxbg03の拡張レイアウト指定 */
/************************************************************************************************************/
.boxbg03 .box1t,.boxbg03 .box2t,.boxbg03 .box3t,.boxbg03 .box4t{padding:0px 12px 12px 0px;}

.w376L .boxbg03{width: 480px;margin:24px 0px 0 12px;}
.w176R .boxbg03{width: 228px;margin:24px 12px 0 12px;}

.boxbg03 .box1t,.boxbg03 .box2t,.boxbg03 .box3t,.boxbg03 .box4t{
	width:calc(100% - 24px);
	padding:0;
	text-align:center;
}

@media screen and (min-width: 481px) and (max-width: 1080px) {
.w776{width:100%;}
.w776 .boxbg03{width:calc(100%);margin-left:0px;margin-right:0px;}
.outside .w776 .boxbg03{width:calc(100%);margin:0px auto 12px auto;padding:24px 0 0 24px;}
.w576R .boxbg03{width:calc(100% - 36px);margin-left:24px;margin-right:12px;}	
.w376L .boxbg03{width:calc(100% - 24px);margin-left:24px;margin-right:0;}
.w176R .boxbg03{width:calc(100%);margin-left:0;margin-right:0;}
}

@media screen and (max-width: 480px) {
.w776{width:100%;}
.w776 .boxbg03{width:calc(100%);margin:8px 0 0 0;padding: 0 0 0 12px;}
.outside .w776 .boxbg03{width:calc(100%);margin:0px auto 12px auto;padding:12px 0 0 12px;}
.w576R .boxbg03{width:calc(100% - 12px);margin:12px 0 0 0;}	
.w376L .boxbg03{width:calc(100%);margin:12px 0 0 0;;}
.w176R .boxbg03{width:calc(100%);margin-left:0;margin-right:0;}

.boxbg03 .box1t,.boxbg03 .box2t,.boxbg03 .box3t,.boxbg03 .box4t{
	width:calc(100% - 12px);
	padding:0;
	text-align:center;
}
}

[class*="igroup"]{
	text-align: center;
	width:calc(100% - 18px);
	}
.boxbg01 [class*="igroup"]{text-align:left;width:calc(100%);}
	
.boxr01 [class*="igroup"],.boxbg02 [class*="igroup"],.boxbg03 [class*="igroup"]{width:calc(100%);}

.boxr01 [class*="igroup"] [class^="i0"]{margin-right:0;}
#box4 [class*="igroup"]{width:calc(100% - 6px);}

[class*="igroup"] [class^="i00"],
[class*="igroup"] [class^="i01"]{width:calc(100% - 6px);}
[class*="igroup"] [class^="i02"]{width:calc(100%/12*6 - 6px);}
[class*="igroup"] [class^="i03"]{width:calc(100%/12*4 - 6px);}
[class*="igroup"] [class^="i04"]{width:calc(100%/12*3 - 6px);}
[class*="igroup"] [class^="i05"]{width:calc(100%/12*2 - 6px);}
[class*="igroup"] [class^="i06"]{width:calc(100% - 6px);}

.boxbg03 [class^="i00"],
.boxbg03 [class^="i01"]{width:calc(100%/12*10);}
.boxbg03 [class^="i02"]{width:calc(100%/12*5 - 4px);}
.boxbg03 [class^="i03"]{width:calc(100%/12*3.3 - 4px);}
.boxbg03 [class^="i04"]{width:calc(100%/12*2.4 - 1px);}
.boxbg03 [class^="i05"]{width:calc(100%/12*1.9 - 1px);}
.boxbg03 [class^="i06"]{width:calc(100%/12*10);}

.boxbg03 [class^="i0"],[class*="igroup"] [class^="i0"]{
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
	float:none;
	vertical-align: top;
	}
[class*="igroup"] [class^="i0"]{margin:0 6px 12px 0;}

.boxbg03 h1,.boxbg03 h2,.boxbg03 h3,
.boxbg03 [class^="p0"],
.boxbg03 table{margin-right:0;}
.boxbg03 table{width:100%;}

/************************************************************************************************************/
/* naviL用boxbg01-06レイアウト指定 */
/************************************************************************************************************/
.w176Lm .boxbg01{width:300px;margin:24px 12px 12px 24px;}
.w176Lm .boxbg02{width:288px;margin:24px 24px 12px 24px;}
.w176Lm .boxbg03{width:276px;margin:24px 36px 12px 24px;}
.boxbg01 #naviLt{padding:0;}
.boxbg02 #naviLt{padding:0;}
.boxbg03 #naviLt{padding:0;border-right: 3px dotted}

.w176Lm .boxbg04{
	width: 300px;
	margin: 0px 12px 12px 24px;
	padding: 0;
	border-right:2px groove rgba(255,255,255,0.5);
	background:none;
	}
.boxbg04 #naviLt{padding: 24px 0px 12px 0px;}

.w176Lm .boxbg05{
	width: 300px;
	margin: 0px 12px 12px 24px;
	border-radius:0 0 4px 4px;
	border:none;
	background:rgba(0,0,0,0.05);
	}
	
.boxbg05 #naviLt{padding: 24px 0px 24px 24px;}

.w176Lm .boxbg05 #local ul li a{border-color:#fff;}

.w176Lm .boxbg06{
	width: 300px;
	margin: 0px 12px 12px 24px;
	background:#fff;
	}
.boxbg06 #naviLt{padding: 24px 0px 24px 24px;}

@media screen and (max-width: 1080px) {
.w176Lm .boxbg01,.w176Lm .boxbg02,.w176Lm .boxbg03,
.w176Lm .boxbg04,.w176Lm .boxbg05,.w176Lm .boxbg06{margin:0;}
.boxbg01 #naviLt,.boxbg02 #naviLt,.boxbg03 #naviLt,
.boxbg04 #naviLt,.boxbg05 #naviLt,.boxbg06 #naviLt{border:none;padding: 12px 0 12px 12px}
.w176Lm .boxbg04{padding: 0;}
}

@media screen and (max-width: 480px) {
.boxbg01 #naviLt,.boxbg02 #naviLt,.boxbg03 #naviLt,
.boxbg04 #naviLt,.boxbg05 #naviLt,.boxbg06 #naviLt{padding:8px 0 8px 8px;border:none;}
[class*="igroup"]{width:calc(100% - 6px);}
}

.i0heibox{display:block;width:calc(100%/2 - 18px);height:348px;float:left;}