@media screen and (max-device-width: 414px) {


body {
text-align:center;
background-image:url(images/bg.jpg);
margin:0px;
padding:0px;
-webkit-text-size-adjust: 100%;
}

#frame {
width:100%;
margin:0px auto 0px;
text-align:left;
}

div.id_frame {
width:100%;
margin:0px 5% 0px;
}

div#title_space {
position:relative;
}
div#title_btn {
	position:absolute;
	left: 68%;
	top: 20px;
	font-size:30px;
}
div#title_btn a {
color:#000000;
text-decoration:none;
}
div#title_btn a:hover {
color:#CC0000;
}


p.cptitle {
text-align:center;
font-size:48px;
line-height:180%;
font-weight:bold;
margin-top:160px;
}

p.cptext {
margin-top:125px;
font-size:36px;
line-height:160%;
}


p.cptext_left {
float:none;
width:100%;
margin-top:120px;
margin-right:15px;
font-size:36px;
line-height:160%;
}





p.cpimg {
margin:40px 0px 200px;
}

p.cpimg img {
width:48%;
}


p.cpimg_right {
float:none;
width:100%;
margin:130px 0px 200px;
text-align:center;
}

p.cpimg_right img {
width:80%;
}








td {
padding-bottom:30px;
}

td.icon {
vertical-align:top;
}

td.message {
font-size:36px;
line-height:160%;
background-color:#FFFFFF;
padding:8px 8px 20px;
}


p.taidan_img {
width:100%;
}

p.taidan_img img {
width:100%;
}


div#footer {
text-align:center;
margin:0px auto 0px;
}


.middleimg {
float:right;
}


}