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


/* BOX1〜 backgorund
------------------------------------------------------------------------------------*/
/* PC */
@media(min-width:768px) {
	#contents #p01 { 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 #p03 { background:url(../../img/pc/backG.gif) no-repeat center 90px; }
	#contents #p04 { background:url(../../img/pc/backG.gif) no-repeat center 80px; }
	#contents #p05 { background:url(../../img/pc/backB.gif) no-repeat center 80px; }
}
@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/backY@2x.gif) no-repeat center 80px; 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 li {
		text-align: center;
		margin-top: 6px;
	}
	
	#contents #p05 a {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_01.gif) , url(../../../common/img/pc/allowR.png); background-size: 257px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:62px auto 0px;
		margin:62px auto 40px;
		margin:62px auto 24px;
		float:none;
	}
}

/* スマホ */
@media(max-width:767px) {
	#contents #p01 div {
		background: url(../../img/sp/backY.jpg) no-repeat 0px 40%;
		background-size :contain;
	}
	
	#contents #p01 li {
		line-height:22px;
		line-height:2.2rerm;
		margin: -22px 0px 22px 8px;
	}
	
	#contents #p05 a {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_01.gif) , url(../../../common/img/sp/allowR.png); background-size:183px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:28px auto 40px;
	}
}