@charset "utf-8";

/* =base
------------------------------------------------------------------------------------------*/
*{box-sizing: border-box;}

body {
	text-align: center;
	color: #333;
	font-family: "メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif;
	font-size: 14px;
	line-height: 1.5em;;
	height: 100%;
	background-image:url(../images/bg.png);
	background-position:top left;
	background-repeat:repeat;
}
html {overflow-y:scroll; height:100%;}

a {color: #996600;text-decoration: none; outline:none;}
a:hover {color: #996600;text-decoration: underline;}
a:hover img{opacity:0.8;filter: alpha(opacity=80);}

.sp_none{ display:block; margin:0 auto;}
.pc_none{ display:none;}

@media only screen and (max-width: 639px){
.sp_none{ display:none;}
.pc_none{ display:block;}
}


/* =fade
------------------------------------------------------------------------------------------*/
#js_fade2 {position : fixed;top : 0;left : 0;width: 100%; height : 100%;background-color: #fff;background-image : url( ../images/loading.gif );background-repeat : no-repeat; background-position : 50% 50%; z-index:100;}

/* =header
------------------------------------------------------------------------------------------*/
header{ width:100%; background-color:#000; text-align:left; margin-bottom:32px; border-bottom:2px solid #0099cc;}

@media only screen and (max-width: 639px){
header{ margin-bottom:18px; }
header img{ width:24%;}
}

/* =main
------------------------------------------------------------------------------------------*/

main{ width:100%; margin-bottom:55px;}

.container{ width:1000px; margin:0 auto;}

h2{ font-size: 60px; line-height: 1.5em; font-weight: bold; margin-bottom: -20px;}
h3{ font-size: 60px; line-height: 1.5em; font-weight: bold; color: #cc0000;}

.main_box{ width:100%; position:relative; margin-bottom:90px;}
.main_box .left_img{ float:left;}
.main_box .abs_mark{ position: absolute; top: 283px; left: 271px; z-index:10;}

.btn_box .left_btn{ float:left; margin-right:14px;}


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

main{ margin-bottom:20px;}

.container{ width:94%;}

h2{ font-size: 32px; line-height: 1em; margin-bottom: 3px;}
h3{ font-size: 20px; line-height: 1em;}

.main_box{ width:100%; position:relative; margin-bottom:-10px;}
.main_box .img_box{ margin-bottom:10px;}
.main_box .left_img{ float:left; width:50%;}
.main_box .right_img{ float:left; width:50%;}
.main_box .abs_mark{ position: inherit; top: 0px; left: 0px;}
.main_box .abs_mark img{ width:100%;}

.btn_box img{ width:100%;}
.btn_box .left_btn{ float:left; margin:0 0 10px 0;}
}

/* =foot
-----------------------------------------------------------------------------------------*/
footer{ width:100%; text-align:center; padding:30px 0 ; border-top:1px solid #000;}
.footer_logo{ margin-bottom: 12px;}

@media only screen and (max-width: 639px){
footer{ width:100%; padding:30px 0 ;}
footer img{ width:100%;}

.footer_logo{ margin-bottom: 12px;}
.footer_logo img{ width:50%; margin:0 auto;}

}

/* =ページトップ
------------------------------------------------------------------------------------------*/
.page_top{text-align: right;margin: 0;  width:80px;  text-align:center;position:fixed; right:30px; bottom:40px;  z-index:10}
.page_top a{background-color:#000; display:block;border-radius: 50%;height:80px; width:80px; line-height:80px; color:#fff; font-family: 'Oswald';font-size:12px;}
.page_top a:hover{background-color:#cc0000; text-decoration:none;}


@media only screen and (max-width: 639px){
.page_top{ display:none;}
}



/* =clearfix
------------------------------------------------------------------------------------------*/
.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}


/* font
------------------------------------------------------ */