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

.wrap {
    width: 854px;
    margin: 0 auto;
}
.wrap h2 {
    font-size: 25px;
    border-left: 5px solid #e33d52;
    padding: 5px 0 1px 15px;
    margin: 30px auto;
    line-height: 1.2;
}
.top-image{
    margin: 30px 0;
}

.wrap h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 auto;
	padding: 7px 20px 7px 20px;
	border: 0;
    list-style: none;
	background-color:#000;
}/*�ۑ�y�[�W�ph3�ݒ�*/

.telcost {
	margin:30px 0 auto;
	padding:0;
}
.apocost {
	margin:30px 0 auto;
	padding:0;
}

.subh3 {
	margin:15px 0 25px 0;
	padding:0;
}
.subcost {
	margin:15px 0 50px 0;
	padding:0 25px 0 25px;
	font-size:12px;
}
.excosttitle {
	margin:0 0 25px 0;
	width:100%;
	height:22px;
	font-size:18px;
	border-bottom:#000 solid 1px;
}
.excostcase {
	margin:30px 0 auto;
	padding:0;
}


.fivepr {
	height:auto;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin: 40px 0 auto;
	padding: 9px 15px 9px 15px;
    list-style: none;
	background-color:#C00;
}

@media screen and (min-width: 801px){
.pankuzu {
    font-size: 10px;
    padding: 10px;
}
.spimg {
	display:none;
}

}

@media screen and (max-width:800px) and (min-width: 0px) {
.wrap {
    width: 80%;
    margin: 0 auto;
}
.wrap h2 {
    margin: 80px 30px 30px 0;
}
img {
    max-width : 100%;
}
.pankuzu {
    display: none;
}
.pcimg{
	display:inline;
}
.spimg {
	display:none;
}

.subcost {
	margin:12px 0 40px 0;
	padding:0 20px 0 20px;
	font-size:11px;
}
}

@media screen and (max-width:430px) and (min-width: 0px) {
.wrap h2 {
    margin: 70px 30px 30px 0px;
}
img {
    max-width : 100%;
}
.pcimg {display:none;}
.spimg {
	display:block;
}

.telcost {
	margin:15px 0 auto;
}
.apocost {
	margin:15px 0 auto;
}

.subcost {
	margin:10px 0 30px 0;
	padding:0 12px 0 12px;
	font-size:10px;
}
}