@charset "utf-8";

body{min-width: 1200px;
	overflow-y: scroll;}

.font-goth1{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 400;
font-style: normal;}

.font-goth2{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 700; 
font-style: normal;}

.font-goth3{font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 900; 
font-style: normal;}

.font-min1{font-family: kozuka-mincho-pr6n,serif;
font-weight: 500; 
font-style: normal;}

.font-min2{font-family: kozuka-mincho-pr6n,serif;
font-weight: 700; 
font-style: normal;}

.font-min3{font-family: kozuka-mincho-pr6n,serif;
font-weight: 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_block{width: 200px;
	height: 100px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -50px 0 0 -100px;}

.loading_img{width: 100%;;
	height: 100%;
	-webkit-animation:blink 2s linear infinite;
	-moz-animation:blink 2s linear infinite;
	-ms-animation:blink 2s linear infinite;
	-o-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite;}

@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-ms-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.loading_img img{width: 100%;}

#particles-js{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	z-index: 0;}

.bg_box{width: 100%;
	min-width: 1200px;
	height: 100vh;
	background:url("../img/bg_sp1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0;
	z-index: 0;}

#container{width: 100%;
	min-height: 650px;
	position: relative;
	z-index: 1;}

header{width: 100%;
	height: 30px;
	background: rgba(0,0,0,1.00);
	position: fixed; top: 0; left: 0;
	z-index: 1;}
	
.header_text1{padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	color: rgba(255,134,0,1.00);}

.logo1{width: 20%;
	position: fixed; top: 50px; left: 2%;}

.logo_text1{padding-top: 10px;}

h2{font-size: 0.95vw;}

.menu1{position: fixed; top: 40px; right: 2%;
	overflow: hidden;}
	
.menu_btn1{font-size: 1.5vw;
	line-height: 100%;
	color: rgba(255,255,255,1.00);
	text-align: right;
	float: right;}

.menu_s{font-size: 1.0vw;
	line-height: 110%;}

.menu_spacer{width: 2%;
	float: right;}

.menu_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}

.menu_btn1 a:hover{color: rgba(134,0,2,1.00);}

.main_box{width: 50%;
	margin: 100px auto;}
	
.title1{width: 50%;
	margin: 0 auto;}

.text_box1{width:  calc(90% - 20px);
	padding: 10px;
	margin: 0 auto;
	background: rgba(26,26,26,1.00);}
	
.text_box_inner1{width: 100%;
	background: url("../img/box_bg1.png");
	background-size: 100% auto;}

.text_box_name1{width: 95%;
	margin: 0 auto;
	font-size: 1.2vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.text_box_text1{width: 95%;
	margin: 0 auto;
	font-size: 0.9vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.box_line{border: rgba(255,255,255,1.00) solid 1px;}
	
.text_box_bar1{width: 95%;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,1.00);}
	
.link_btn1{width: 20%;
	margin: 20px auto 0;
	font-size: 0.9vw;
	line-height: 200%;
	text-align: center;
	background: rgba(192,39,45,1.00);}
	
.link_btn1:hover{background: rgba(255,158,0,1.00);}
	
.link_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}	
	


footer{width: 100%;
	height: 30px;
	background: rgba(0,0,0,1.00);
	position: fixed; bottom: 0;}

.footer_text1{font-size: 14px;
	line-height: 30px;
	text-align: right;
	padding-right: 10px;
	color:rgba(130,130,130,1.00);}

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

#page-top{width: 60px;
	height: 60px;
	position: fixed; bottom: 10px; left: 10px;
	z-index: 8;}
	
#page-top img{width: 100%;
	height: 100%;}





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

.loading_block{width: 100px;
	height: 50px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -25px 0 0 -50px;}

.bg_box{min-width: 320px;
	margin-top: 0;
	background:url("../img/bg_sp2.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0;
	background-position: center top;
	z-index: 0;}

#container{min-height: 480px;}

.logo1{width: 45%;
	position: fixed; top: 35px; left: 2%;}

.logo_text1{width: 45%;
	position: fixed; top: 35px; right: 2%;
	padding-top: 0;}

h2{font-size: 3.5vw;
	line-height: 150%;}

.menu1{position: fixed; top: calc(100% - 85px); right: 2%;
	overflow: hidden;
	z-index: 99;}
	
.menu_btn1{font-size: 24px;
	line-height: 100%;
	color: rgba(255,255,255,1.00);
	text-align: right;
	float: right;}

.menu_s{font-size: 16px;
	line-height: 110%;}

.menu_spacer{width: 2%;
	float: right;}

.menu_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}

.menu_btn1 a:hover{color: rgba(255,255,255,1.00);}

.main_box{width: 90%;
	margin: 100px auto;}
	
.title1{width: 90%;
	margin: 0 auto;}

.text_box1{width:  calc(100% - 20px);
	padding: 10px;
	background: rgba(26,26,26,1.00);}
	
.text_box_inner1{width: 100%;
	background: url("../img/box_bg1.png");
	background-size: 150% auto;}

.text_box_name1{width: 95%;
	margin: 0 auto;
	font-size: 4vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.text_box_text1{width: 95%;
	margin: 0 auto;
	font-size: 3.8vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.box_line{border: rgba(255,255,255,1.00) solid 1px;}
	
.text_box_bar1{width: 95%;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,1.00);}
	
.link_btn1{width: 60%;
	margin: 10px auto 0;
	font-size: 3.8vw;
	line-height: 200%;
	text-align: center;
	background: rgba(192,39,45,1.00);}

.link_btn1:hover{background: rgba(192,39,45,1.00);}

.renovation_img1{width: 25%;
	margin: 0 auto;}

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

}