/* CSS Document */






@media screen and (min-device-width:750px){ /*PC*/
#houmon #contents {
	padding-top:60px;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
#houmon #contents {
	padding-top:50px;
}
}

/* ■■■■■pankuzu■■■■■ */

.pankuzu {
	background-image:url(../../barrier/images/pankuzu_bg.gif);
}

.pankuzu li.now{
	background:#c5c1bd;
	border-radius:3px;
}

/* ■■■■■contents■■■■■ */


h2 {
	background-image:url(../../houmon/images/h2_bg.gif);
}













#contents h3 {
	border-bottom:1px dashed #c5c1bd;
}

@media screen and (min-device-width:750px){ /*PC*/
#contents h3 {
	margin:0 0 20px 0;
	padding:30px 0 0 0;
	font-size:2rem;
}
}
@media screen and (max-device-width:749px){ /*スマホ*/
#contents h3 {
	margin:0 0 15px 0;
	font-size:1.6rem;
}
}

@media screen and (min-device-width:750px){ /*PC*/
#guide .com {
	padding:10px 20px 0 0;
	width:320px;
	float:left;
}
#guide img {
	padding:10px 0;
	float:left;
}

}


@media screen and (max-device-width:749px){ /*スマホ*/
#guide img {
	margin:0 auto;
	width:90%;
	height:auto;
}
}




@media screen and (min-device-width:750px){ /*PC*/
#guide ul {
	padding:20px 0 0 40px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#guide ul {
	padding:10px 0 0 10px;
}
}

#guide ul li {
	background-image:url(../images/n_ic.gif);
	background-repeat:no-repeat;
}
@media screen and (min-device-width:750px){ /*PC*/
#guide ul li {
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background-position:top 10px  left;
	background-size:14px 14px;
	font-size:1.4rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#guide ul li {
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background-position:top 4px  left;
	background-size:10px 10px;
	font-size:1.2rem;
}
}



#okay ul li {
	display:block;
}

@media screen and (min-device-width:750px){ /*PC*/
#okay ul li {
	margin:0 0 20px 0;
	padding:5px 13px;
	height:280px;
	font-size:20px;
	float:left;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#okay ul li {
	margin:0 auto 10px;
	width:90%;
}
}

#okay ul li span {
	display:block;
}

@media screen and (min-device-width:750px){ /*PC*/
#okay ul li span {
	height:100px;
}
#okay ul li.uketeru {
	width:135px;
}

#okay ul li.derenai {
	width:235px;
}
#okay ul li.derenai span {
	padding:0 0 0 10px;
}

#okay ul li.kyori16 {
	width:190px;
}
#okay ul li.kyori16 span {
	padding:0 0 0 15px;
}

#okay .kibou {
	width:600px;
	font-size:2.4rem;
	text-align:center;
}
#okay .kibou img {
	margin:10px 0 0 0;
}

}

@media screen and (max-device-width:749px){ /*スマホ*/
#okay ul li {
	text-align:center;
}
#okay ul li span {
	padding:10px 0 5px 0;
	font-size:1.2rem;
}

#okay ul li img {
	margin:0 0 20px 0;	
}

#okay .kibou {
	text-align:center;
}
}

@media screen and (min-device-width:750px){ /*PC*/
#dekiru ul {
	padding:20px 0 40px 50px;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#dekiru ul {
	padding:20px 0 40px 20px;
}
}

#dekiru ul li {
	margin:0 0 3px 0;
	background-image:url(../images/n_ic.gif);
	background-position:top 7px left;
	background-repeat:no-repeat;
	background-size:14px 14px;
}
@media screen and (min-device-width:750px){ /*PC*/
#dekiru ul li {
	padding:0 0 0 18px;
	font-size:1.6rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#dekiru ul li {
	padding:0 0 0 18px;
	font-size:1.6rem;
}
}




#dekiru p.chuui {
	padding:0 0 0 18px;
	background-image:url(../images/i_ic.gif);
	background-position:top 5px left;
	background-repeat:no-repeat;
	background-size:12px 12px;
}
@media screen and (min-device-width:750px){ /*PC*/
#dekiru p.chuui {
	margin:0 0 3px 50px;
	font-size:1.2rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
#dekiru p.chuui {
	margin:0 10px 3px 25px;
	font-size:1.2rem;
}
}