@charset "utf-8";

@media print {
    * {
        display: none;
        opacity: 0;
        background: #fff;
    }

    img {
        display: none;
        opacity: 0;
        background: #fff;
    }
}

html{background: rgba(0,0,0,1.00);}

body{min-width: 1180px;
	overflow-y: scroll;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 300; /* 200 300 400 500 700 900 */
	font-style: normal;} 

.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	background: rgba(0,0,0,1.00);
	z-index: 99;}

.loading_img{width: 175px;
	height: 50px;
	position: fixed; top: 50%; left: 50%;
	margin: -25px 0 0 -88px;}

.loading_img img{width: 100%;}

#container{width: 100%;
	position: relative;
	display: none;
	z-index: 1;}

.bg_box{width: 100%;
	height: 100%;
	position: fixed; top: 0; left: 0;
	background: url("../img/bg3.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 0;}
	
.side_line{width: 30px;
	height: 100%;
	text-align: center;
	background: rgba(241,90,36,1.00);
	overflow: hidden;
	position: fixed; top: 0; left: 0;
	z-index: 3;}
	
.side_line_top{width: 100%;
	height: 15px;
	background: rgba(247,147,30,1.00);}
	
.side_line_text{width: 25px;
	padding-top: 15px;}

header{width: calc(100% - 40px);
	height: 50px;
	padding-left: 40px;
	position: fixed; top: 0; left: 0;
	z-index: 2;}
	
.pc_menu{width: 100%;
	height: 32px;
	padding: 10px 0;
	overflow: hidden;}

.pc_menu_btn{display: inline-block;height: 30px;	
	margin-right: 5px;
	border-bottom: rgba(209,43,45,1.00) solid 2px;
	background: rgba(0,0,0,0.90);
	float: left;}
	
.pc_menu_btn2{display: inline-block;height: 30px;	
	margin-right: 5px;
	border-bottom: rgba(255,255,255,1.00) solid 2px;
	background:rgba(255,0,4,0.90);
	float: right;}

.pc_menu_btn:hover,.pc_menu_btn2:hover{border-bottom:rgba(255,221,0,1.00) solid 2px;}

.pc_menu_btn img,.pc_menu_btn2 img{margin: 5px 10px;}

.pc_menu a{display: block;}

.con_block1{width: 100%;
	padding: 40px 0;
	text-align: center;
	position: relative;
	z-index: 1;}
	
.bg1{background: url("../img/con_bg1.png");
	background-size: 100% 100%;}

.bg2{background: rgba(0,0,0,0.90);}

.con_title{width: 20%;
	position: absolute; top: 10px; left: 10px;}
	
.con_title img{width: 100%;}

.con_inner{width: 58%;
	margin: 0 auto;}

.contact_box{width: 30%;
	margin: 0 auto;
	border: rgba(0,113,188,1.00) solid 2px;
	position: relative;}

.contact_title{width: 100%;
	line-height: 200%;
	font-size: 0.9vw;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,113,188,1.00);}
	
.contact_inner{width: calc(100% - 20px);
	padding: 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 0.8vw;
	line-height: 150%;
	background: rgba(0,0,0,0.90);}
	
.contact_inner a{color: rgba(0,235,255,1.00);}

.contact_inner a:hover{color: rgba(255,158,0,1.00);}

footer{width: 100%;
	padding: 20px 0;
	border-top: rgba(247,147,30,1.00) solid 2px;
	background: rgba(0,0,0,0.90);
	position: relative;
	text-align: center;}
	
.footer_logo{width: 150px;
	margin: 0 auto;}
	
.footer_logo img{width: 100%;}

.footer_entry{width: 200px;
	margin: 5px auto;
	border: rgba(255,255,255,1.00) solid 1px;}
	
.footer_entry_bar{width: 100%;
	height: 3px;
	background: rgba(247,147,30,1.00);}
	
.footer_entry_text{padding: 10px;
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;}

.copyright{padding-top: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 0.8vw;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:14px;
}
	
ul.listmarker2 li:before {
	content: '・'; 
	margin-left:-14px; 
}

@media screen and ( max-width:1280px )
{
.contact_title{width: 100%;
	line-height: 200%;
	font-size: 16px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,113,188,1.00);}
	
.contact_inner{width: calc(100% - 20px);
	padding: 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 0.8vw;
	line-height: 150%;
	background: rgba(0,0,0,0.90);}
	
.copyright{font-size: 12px;}
}

@media screen and ( max-width:736px )
{
body{min-width: 320px;} 

header{display: none;}

.bg2{background: rgba(0,0,0,0.70);}

.con_block1{width: 100%;
	padding: 30px 0;}
	
.con_title{width: 40%;
	margin: 0 auto;
	position: relative;}

.con_inner{width: 95%;
	max-width: 420px;
	margin: 20px auto 0;}
	
.contact_box{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	border: rgba(0,113,188,1.00) solid 2px;
	position: relative;}

.contact_title{width: 100%;
	line-height: 200%;
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,113,188,1.00);}
	
.contact_inner{width: calc(100% - 20px);
	padding: 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 12px;
	line-height: 150%;
	background: rgba(0,0,0,0.90);}

.copyright{padding-top: 30px;
	color: rgba(255,255,255,1.00);
	font-size: 12px;}

}