@charset "shift_jis";

@media screen and (min-width: 750px) {

div.toppage {
	position:relative;
	width:100%;
	overflow:hidden;
	height:100%;
	margin:0 auto;
	text-align: center;
	clear:both;
}

div.toppage img {
	width:10%;
	height:auto;
	margin-top:10px;
}

div.topmain_1 {
	width:100%;
	overflow:hidden;
	height:auto;
	margin:0 auto;
	text-align: center;
	background-color: #259df8; 
}

p.top_text_1 {
	line-height:2.5vw;
	font-size:2vw;
	color: white;
	margin-bottom:2vw;
}

div.topmain_2 {
	width:80%;
	margin:10px auto 10px;
}

div.box_1 {
	width:28%;
	margin:0 auto;
	float:left;
	text-align: center;
}

div.box_1 img {
	width:60%;
	margin:0 auto;
}

div.box_2 {
	width:72%;
	line-height:2.1vw;
	font-size:1.6vw;
	margin:0 auto;
	padding-top:5vw;
	float:left;
	text-align: left;
}

p.boX_2_text_1{
	color: white;
}

p.boX_2_text_2{
	color: white;
}

div.box_3 {
	width:100%;
	margin:0 auto;
}

div.box_3 img{
	width:100%;
	height:6vw;
	margin:0 auto;
}

div.topmain_3 {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align: center;
	background-color: #FFFFFF; 
}

div.topmain_4 {
	width:90%;
	height:12vw;
	margin:0 auto 40px;
}

div.topmain_4 p {
	font-style:oblique;
}
 
div.box_4 {
	position:absolute;
	bottom:10px;
	width:50%;
	margin:0 auto;
	float:left;
	text-align: center;
}

div.box_5 {
	position:absolute;
	bottom:10px;
	right:6%;
	width:50%;
	margin:0 auto;
	float:left;
	text-align: center;
}

a.btn_gak {
    width:50%;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1vw;
    color:#fff;
    background-color:#259df8;
    border-radius:5px;
    box-shadow:0px 2px #1a6ea0;
	text-shadow:0px 0px 3px #000000;
}

a.btn_ten {
    width:50%;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1vw;
    color:#fff;
    background-color:#ff8a23;
    border-radius:5px;
    box-shadow:0px 2px #c66209;
	text-shadow:0px 0px 3px #000000;
}

span.btn_span {
	line-height:3vw;
	font-size:2.7vw;
	text-shadow:none;
}

hr.top_hr {
	width:98%;
	border:1px solid #259df8; 
}

div.top_footer {
	width:100%;
}

p.top_footer_text {
	float:left;
	margin-left:2vw;
}

}

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

div.toppage {
	position:relative;
	width:100%;
	overflow:hidden;
	height:auto;
	margin:0 auto;
	text-align: center;
	clear:both;
}

div.toppage img {
	width:30%;
	height:auto;
	margin-top:10px;
}

div.topmain_1 {
	width:100%;
	overflow:hidden;
	height:auto;
	margin:0 auto;
	text-align: center;
	background-color: #259df8; 
}

p.top_text_1 {
	color: white;
}

div.topmain_2 {
	width:100%;
	margin:20px auto 10px;
}

div.box_1 {
	width:30%;
	margin:0 auto;
	float:left;
	text-align: center;
}

div.box_1 img {
	width:80%;
	padding-top:1.2vw;
	margin:0 auto;
}

div.box_2 {
	width:70%;
	margin:0 auto;
	padding-top:0;
	float:left;
	text-align: left;
}

p.boX_2_text_1{
	color: white;
}

p.boX_2_text_2{
	color: white;
}

div.box_3 {
	width:100%;
	margin:0 auto;
}

div.box_3 img{
	width:100%;
	margin:0 auto;
}

div.topmain_3 {
	width:100%;
	margin:0 auto;
	text-align: center;
	background-color: #FFFFFF; 
}

div.topmain_4 {
	width:100%;
	height:auto;
	margin:0 auto 40px;
}

div.topmain_4 p {
	color:#000000;
	font-style:oblique;
}
 
div.box_4 {
	width:100%;
	margin:5vw auto;
	float:left;
	text-align: center;
}

div.box_5 {
	width:100%;
	margin:0 auto;
	float:left;
	text-align: center;
}

a.btn_gak {
    width:70%;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1.2vw;
    color:#fff;
    background-color:#259df8;
    border-radius:5px;
    box-shadow:0px 2px #1a6ea0;
	text-shadow:0px 0px 3px #000000;
}

a.btn_ten {
    width:70%;
    font-weight:bold;
    text-decoration:none;
    display:block;
	margin:0 auto;
    text-align:center;
    padding:1.2vw;
    color:#fff;
    background-color:#ff8a23;
    border-radius:5px;
    box-shadow:0px 2px #c66209;
	text-shadow:0px 0px 3px #000000;
}

span.btn_span {
	line-height:6vw;
    font-size:7vw;
	text-shadow:none;
}

hr.top_hr {
	width:98%;
	border:1px solid #259df8; 
}

div.top_footer {
	width:100%;
	margin-left:1vw;
}

p.top_footer_text {
	margin-left:2vw;
	text-align: left;
}

}