@charset "UTF-8";
@media screen and (max-width: 640px){
*{
	margin:0;
	padding:0;
}

body { 
	color: #000000;
	margin:0;
	padding:0;
	font-family: 'メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック', 'ヒラギノ角ゴ Pro W3','HGSゴシックE','MS P Gothic',sans-serif;
	width:100%;
}

img{
	border:0;
	margin:0;
}

table,tr,td {
	border-collapse: collapse; 
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

#style01{
	width:100%;
}

.header_area{
	background-color:#66BCDD;
	padding:0 0 2% 0;
}


.header_left{
}

.header_right{
}

.head01{
	font-size:0.6em;
	color:#333333;
}

.header_logo{
	width:40%;
	margin:3% 0;
}

.header_logo img{
	width:100%;
}

.header_right p{
	font-size:1em;
	color:#003366;
	text-align:right;
	margin:2% 0;
}

.header_tel{
	width:50%;
	float:right;
	margin:0 2% 0 0;
}

.header_tel img{
	width:100%;
}


.main_area{
	display:none;
}


.content_area{
	width:98%;
	margin:0 auto;
	padding:1% 0
}

.main_sp{
	width:100%;
	margin:0 auto;
}

.main_sp img{
	width:100%;
}

.main01{
	display:none;
}

.menu01{
	display:none;
}

.content01{
	background-color:#F2F2F2;
	padding:10% 0;
}

.title{
	width:100%;
	margin:0 auto 5% auto;
}


.title img{
	width:100%
}


.text_area01{
	font-size:1em;
	line-height:1.7;
	margin:0 0 10% 0;
}

.text_area01 p{
	margin:0 0 5% 0;
}

.img01{
	margin:0 0 3% 3%;
	width:30%;
}

.contact01{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #CCCCCC solid;
	width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:3% 5%;
}

.contact02{
	font-size:1em;
	line-height:1.5;
	margin:2%;
}

.contact03{
	margin:2%;
}

.contact0301{
	width:90%;
	margin:0 auto 3% auto;
}

.contact0301 img{
	width:100%;
}

.contact0302{
	color:#0066CC;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 3% 0;
	text-align:center;
	text-decoration:none;
}

.contact0303{
	width:90%;
	margin:0 auto 3% auto;
}

.contact0303 img{
	width:100%;
}

.contact04{
	font-size:0.8em;
	text-align:center;
}

.content02{
	background-color:#66BDDD;
	padding:5% 0;
}

.text_area0001{
	width:94%;
	padding:3%;
	background-color:#FFFFFF;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin:0 auto 20px auto;
}

.text01{
	color:#000000;
	font-size:19px;
}

.text02{
	font-size:1.5em;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	width:96%;
	padding:2% 2% 1.5% 2%;
	margin:0 0 20px 0;
	color:#0066CC;
	background-color:#FFCC00;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin:0 auto 20px auto;
}

.content03{
	padding:5% 0;
}

.bn02{
	width:96%;
	background-color:#D9EEF7;
	color:#000000;
	text-align:center;
	padding:0.8em 0 0.5em 0;
	margin:0 auto 0.5em auto;
	font-size:1.2em;
	border:3px #24A1CF solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.bn02img{
	margin:0 0 0.5em 0;
}

.content04{
	background-color:#BBE1F0;
	padding:5% 0;
}

.text03{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:90%;
	color:#0066CC;
	font-size:1.2em;
	line-height:1.5;
	background-color:#FFFFFF;
	padding:5%;
}

.box01{
	display:none;
}

.box01sp{
	width:99%;
	margin:10% auto;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

.box01sp th{
	color:#FFFF00;
	font-size:1.1em;
	font-weight:normal;
	background-color:#999999;
	border-bottom:1px #CCCCCC solid;
	padding:3%;
	display:block;
}

.box01sp td{
	font-size:1em;
	color:#333333;
	border-bottom:1px #CCCCCC solid;
	background-color:#FFFFFF;
	line-height:1.3;
	padding:3%;
	display:block;
}

.text04{
	font-size:1em;
	width:96%;
	margin:0 auto 10% auto;
	line-height:1.5;
}

.title03{
	width:70%;
	margin:0 0 5% 0;
}

.title03 img{
	width:100%;
}

.list01{
	width:100%;
	margin:0 auto 5% auto;
}

.list02{
	font-size:1em;
	color:#333333;
	text-align:center;
	width:96%;
	margin:0 auto 3% auto;
}

.list02 img{
	width:100%;
	margin:0 0 3% 0;
	border:1px #BBBBBB solid;
}

.list02 a{
	color:#333333;
	text-decoration:none;
	font-size:1.2em;
}

.list02 a:hover{
	color:#333333;
	text-decoration:underline;
}

.text05{
	color:#FFFFFF;
	font-size:1em;
	text-align:center;
	margin:5% 0;
}

.mail01{
	width:98%;
	margin:0 auto 3% auto;
}

.mail01 th{
	width:100%;
	font-size:1em;
	font-weight:normal;
	display:block;
	text-align:left;
	padding:0 0 3% 0;
}

.mail01 td{
	width:100%;
	height:1.5;
	display:block;
	padding:0 0 5% 0;
}

.mail02{
	width:94%;
	padding:2%;
	font-size:1em;
	margin:0 auto;
}

.mail03{
	width:80%;
	margin:0 auto 5% auto;
}


.mail0302{
	width:100%;
}

.contact05{
	display:none;
}

.contact06{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #CCCCCC solid;
	width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:3% 5%;
}

.contact07{
	width:94%;
	margin:3% auto;
}

.contact0701{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 3% 0;
}

.contact0305{
	font-size:0.8em;
	text-align:center;
}

.footer01{
	padding:6% 0 20% 0;
}

.footer02{
	text-align:center;
	color:#0066CC;
	font-size:1em;
}

.footer03{
	font-size:0.8em;
	line-height:1.3;
	text-align:center;
	color:#333333;
	margin:4% 0 0 0;
}

.footer03 a{
	color:#333333;
}

.footer03 a:hover{
	color:#FF0000;
}

#page-top {
	position: fixed;
	bottom: 0;
	right: 0;
}

.nav_area01{
	width:100%;
	margin:0 auto;
	background-color:#CCCCCC;
}

.topfoot01{
	position: relative;
	width: 100%;
	padding-top: 62.5%;
}

.topfoot01 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}