@charset "UTF-8";
/* CSS Document */


/* BOX1〜 backgorund
------------------------------------------------------------------------------------*/
/* PC */
@media(min-width:768px) {
	#contents #p01 { background:url(../../img/pc/backB.gif) no-repeat center 16px; }
	#contents #p02_1 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #p02_2 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #p02_3 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #p02_4 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #p02_5 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #p03 { background:url(../../img/pc/backY.gif) no-repeat center 0px , url(../../img/pc/backY.gif) no-repeat center 582px , url(../../img/pc/backY.gif) no-repeat center 1184px; } /*1164px*/
	#contents #p07 { background:url(../../img/pc/backB.gif) no-repeat center 16px; }

	
	/*#contents #p03 { background:url(../../img/pc/backY.gif) no-repeat center 80px; }*/
	
	/*
	#contents #p02 { background:url(../../img/pc/backY.gif) no-repeat center 80px , url(../../img/pc/backY.gif) no-repeat center 782px; }
	#contents #p04 { background:url(../../img/pc/backG.gif) no-repeat center 80px; }
	#contents #p05 { background:url(../../img/pc/backB.gif) no-repeat center 80px; }
	*/
	
	
	/* LCRBOX
	---------------------------*/
	#contents .LCRBOX {
		width:1008px;
		margin:0px auto 0px;
		padding:0px 16px;
	}
	
	#contents .LCRBOX div {
		width:468px;
		float:left;
	}
	
	#contents .LCRBOX div:nth-of-type(1) { margin-right:72px; }
	#contents .LCRBOX div:nth-of-type(3) { margin-left:270px; }
}
@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),
       only screen and (min-width:768px) and (min--moz-device-pixel-ratio:2),
       only screen and (min-width:768px) and (-o-min-device-pixel-ratio:2/1),
       only screen and (min-width:768px) and (min-device-pixel-ratio:2)
{
	#contents #p01 { background:url(../../img/pc/backB@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p02_1 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p02_2 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p02_3 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p02_4 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p02_5 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #p03 { background:url(../../img/pc/backY@2x.gif) no-repeat center 16px , background:url(../../img/pc/backY@2x.gif) no-repeat center 582px , background:url(../../img/pc/backY@2x.gif) no-repeat center 1184px; background-size:1264px; }
	#contents #p07 { background:url(../../img/pc/backB@2x.gif) no-repeat center 16px; background-size:1264px; }
		
	/*#contents #p03 { background:url(../../img/pc/backY@2x.gif) no-repeat center 80px; background-size:1264px;  }*/
	/*#contents #p01 { background:url(../../img/pc/backY@2x.gif) no-repeat center 80px , background:url(../../img/pc/backY@2x.gif) no-repeat center 782px; background-size:1264px; }*/	
	/*
	#contents #p03 { background:url(../../img/pc/backG@2x.gif) no-repeat center 90px; background-size:1264px; }
	#contents #p04 { background:url(../../img/pc/backG@2x.gif) no-repeat center 80px; background-size:1264px; }
	#contents #p05 { background:url(../../img/pc/backB@2x.gif) no-repeat center 80px; background-size:1264px; }
	*/
}


/* 個別設定
------------------------------------------------------------------------------------*/
/* PC */
@media(min-width:768px) {
	#contents #p01 img {
		text-align: center;
		margin-top: 26px;
	}
	
	#contents #p01 li,
	#contents #p03 li {
		text-align: center;
		line-height:26px;
		line-height:2.6rem;
	}
	
	#contents #p02_1 img,
	#contents #p02_2 img,
	#contents #p02_3 img,
	#contents #p02_4 img,
	#contents #p02_5 img,
	#contents #p07 img {
		text-align: center;
		margin-top: 26px;
	}
		
	#contents #p02_1 p:first-of-type,
	#contents #p02_2 p:first-of-type,
	#contents #p02_3 p:first-of-type,
	#contents #p02_5 p:first-of-type {
		font-size:20px;
		font-size:2rem;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 16px;
	}
	
	#contents #p02_1 p:first-of-type:before,
	#contents #p02_2 p:first-of-type:before,
	#contents #p02_3 p:first-of-type:before,
	#contents #p02_5 p:first-of-type:before {
		content: "ー ";
	}
	#contents #p02_1 p:first-of-type:after,
	#contents #p02_2 p:first-of-type:after,
	#contents #p02_3 p:first-of-type:after,
	#contents #p02_5 p:first-of-type:after {
		content: " ー";
	}
	
	#contents #p03 .textCBOX:last-child { width:468px; }
	
	#contents #p08 img {
		text-align: center;
		margin-top: 26px;
	}
	
	#contents #p09 img {
		text-align: center;
		margin-top: 26px;
	}
	
	#contents #p10 img {
		text-align: center;
		margin-top: 26px;
	}
	
	#contents #p11 img {
		text-align: center;
		margin-top: 26px;
	}
}

/* スマホ */
@media(max-width:767px) {
	#contents #p01 div {
		background: url(../../img/sp/backB.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #p02_1 div,
	#contents #p02_2 div,
	#contents #p02_3 div,
	#contents #p02_4 div,
	#contents #p02_5 div {
		background: url(../../img/sp/backG.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #p02_1 p:first-of-type,
	#contents #p02_2 p:first-of-type,
	#contents #p02_3 p:first-of-type,
	#contents #p02_5 p:first-of-type {
		font-size:15px;
		font-size:1.5rem;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
		margin-bottom: 16px;
	}
	
	#contents #p02_1 p:first-of-type:before,
	#contents #p02_2 p:first-of-type:before,
	#contents #p02_3 p:first-of-type:before,
	#contents #p02_5 p:first-of-type:before {
		content: "ー ";
	}
	#contents #p02_1 p:first-of-type:after,
	#contents #p02_2 p:first-of-type:after,
	#contents #p02_3 p:first-of-type:after,
	#contents #p02_5 p:first-of-type:after {
		content: " ー";
	}
	
	#contents #p07 div {
		background: url(../../img/sp/backB.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #p09 div {
		background: url(../../img/sp/backG.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #p10 div {
		background: url(../../img/sp/backG.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #p11 div {
		background: url(../../img/sp/backG.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
}