@charset "utf-8";

body{width: 100%;
	min-width: 1200px;
	background: rgba(255,245,233,1.00);
	overflow-y: scroll;}

.font-goth1{font-family: "UD Shin Go Regular";}

.font-goth2{font-family: "UD Shin Go Medium";}

.font-goth3{font-family: "Gothic MB101 Bold";}


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

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

.loading_img{height: 80px;
	/*-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;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.loading_img1 img,.loading_img img{
	height: 100%;}

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

.contents_fadein{opacity: 0.0;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;}
	
.isAnimate { opacity: 1;}

#container{width: 100%;
	position: relative;}

header{width: 100%;
	height: 50px;
	background: rgba(255,255,255,1.00);
	border-bottom: rgba(200,200,200,1.00) solid 2px;
	overflow: hidden;
	position: fixed; top: 0; left: 0;
	z-index: 20;}

.pc_menu{width: 100%;
	height: 100%;
	overflow: hidden;}
	
.head_logo{height: 100%;
	float: left;}
	
.head_logo img{height: 100%;}
	
.pc_menu_left{float: left;
	overflow: hidden;}
	
.pc_menu_btn1{font-size: 14px;
	margin-right: 10px;
	line-height: 50px;
	float: left;}
	
.pc_menu_btn1 a{display: block;
	color: rgba(0,0,0,1.00);}
	
.pc_menu_btn1:hover.pc_menu_btn1 a{color: rgba(255,142,0,1.00);}
	
.pc_menu_right{height: 40px;
	padding: 5px 10px;
	float: right;
	overflow: hidden;}

.pc_menu_btn2{height: 100%;
	margin-left: 5px;
	float: left;}
	
.pc_menu_btn2 img{height: 100%;}

.pc_menu_btn2:hover{opacity: 0.7;}

.main_img{width: 100%;
	background: url("../img/top_img2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;}

.main_img img{width: 100%;}
	
.qr{width: 5%;
	position: absolute; top: 65px; right: 15px;}
	
.qr img{width: 100%;}

.catch1{width: 100%;
	font-size: max(2.6vw,26px);
	line-height: 180%;
	color: rgba(255,255,255,1.00);
	text-align: center;
	background: rgba(0,113,188,1.00);}

.top_select{width: 60%;
	min-width: 800px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;}

.top_select_title{font-size: max(2.4vw,20px);
	text-align: center;}

.top_select_btn_box{width: 100%;
	overflow: hidden;}
	
.top_select_btn1{width: calc(49% - 10px);
	margin: 0 0.5%;
	padding: 3px;
	border: rgba(0,113,188,1.00) solid 2px;
	border-radius: 10px;
	float: left;}
	
.top_select_btn_inner1{width: 100%;
	padding: 5px 0;
	font-size: max(1.1vw,16px);
	line-height: 300%;
	background: rgba(0,113,188,1.00);
	border-radius: 5px;}
	
.top_select_btn_inner2{width: 100%;
	padding: 5px 0;
	font-size: max(1.4vw,20px);
	line-height: 200%;
	background: rgba(0,113,188,1.00);
	border-radius: 5px;}

.top_select_btn1:hover{opacity: 0.7;}

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

.arrow1{width: 8%;
	margin: 0 auto;
	line-height: 100%;}

.pcr_type_title1{width: 60%;
	min-width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	font-family: "Gothic MB101 Bold";
	font-size: max(1.6vw,22px);
	line-height: 150%;
	text-align: center;}
	
.pcr_type_title_bar{width: 60%;
	min-width: 800px;
	height: 3px;
	margin: 0 auto;
	background: rgba(247,147,30,1.00);}

.free_top_img{width: 60%;
	min-width: 820px;
	margin: 0 auto;}

.free_top_img img{width: 100%;}

.pcr_free{width: calc(60% - 40px);
	min-width: 780px;
	padding: 20px;
	margin: 0 auto;
	background: rgba(255,255,255,0.70);
	border-radius: 10px;
	overflow: hidden;}
	
.pcr_free_title{font-size: max(1.2vw,18px);
	text-align: center;
	color: rgba(0,113,188,1.00);}
	
.pcr_free_inner{font-size: max(0.9vw,14px);
	line-height: 150%;
	overflow: hidden;}

.pcr_free_text{width: calc(70% - 20px);
	padding-right: 20px;
	float: left;}
	
.pcr_free_text2{font-size: max(1.0vw,15px);}

.pcr_free_text a{color: rgba(0,113,188,1.00);}

.pcr_free_img1{width: 30%;
	float: left;}
	
.pcr_free_img1 img{width: 100%;}

.text_right{text-align: right;}

.pcr_flow{width: max(60%,820px);
	margin:0 auto;
	background: rgba(0,113,188,1.00);
	border: rgba(0,113,188,1.00) solid 5px;
	border-radius: 10px;
	overflow: hidden;}

.pcr_flow_title{width: 100%;
	font-size: max(2vw,20px);
	line-height: 180%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(0,113,188,1.00);}

.pcr_flow_img{background: rgba(255,255,255,1.00);}

.pcr_flow_img .pc{width: max(80%,700px);
	margin: 0 auto;}

.pcr_flow_text1{background: rgba(255,255,255,1.00);
	text-align: center;}

.pcr_flow_text_inner{display: inline-block;
	margin: 0 auto;
	font-size: max(0.85vw,14px);
	line-height: 150%;
	text-align: left;}

.con_title1{width: 100%;
	font-size: max(2.0vw,20px);
	line-height: 180%;
	text-align: center;
	color: rgba(0,113,188,1.00);}

.about_pcr_check{width: 100%;
	background: url("../img/bg1.jpg");
	background-size: 100% auto;
	background-repeat: repeat-y;}
	
.about_box{width: max(calc(70% + 30px),1100px);
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;}

.about_block1{width: 33.3%;
	padding: 10px 0;}

.about_block2{width: 16%;}

.about_block_inner{width: calc(100% - 20px);
	height: 100%;
	background: rgba(255,255,255,0.50);
	border-radius: 10px;
	box-shadow: 0 0 8px gray;}
	
.about_block_title{font-size: max(1.2vw,17px);
	padding-top: 10px;
	line-height: 150%;
	text-align: center;
	color: rgba(241,90,36,1.00);}
	
.about__block_img{width: 30%;
	margin: 0 auto;}

.about_block_text{width: 90%;
	padding-bottom: 10px;
	margin: 0 auto;
	font-size: max(0.8vw,14px);
	line-height: 150%;
	text-align: center;}

.inline{display: inline-block;
	text-align: justify;}

.about_block_text2{width: 90%;
	margin: 0 auto;
	font-size: max(1.0vw,15px);
	line-height: 150%;
	text-align: center;}

.btn1{width: 100%;
	font-size: max(0.9vw,14px);
	line-height: 200%;
	text-align: center;
	background: url("../img/btn_bg1.png");
	background-size: 100% 100%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;}
	
.btn2{width: 100%;
	font-size: max(1.0vw,16px);
	line-height: 300%;
	text-align: center;
	background: url("../img/btn_bg1.png");
	background-size: 100% 100%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;}

.btn3{width: 80%;
	margin-bottom: 5px;
	font-size: max(0.9vw,14px);
	line-height: 200%;
	text-align: center;
	background: url("../img/btn_bg1.png");
	background-size: 100% 100%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;}
	
.btn3_2{width: 80%;
	margin-bottom: 5px;
	font-size: max(0.9vw,14px);
	line-height: 200%;
	text-align: center;
	background: url("../img/btn_bg2.png");
	background-size: 100% 100%;
	border-radius: 5px;
	position: relative;
	overflow: hidden;}

.btn1:hover,.btn2:hover,.btn3:hover,.btn3_2:hover{opacity: 0.7;}

.btn1::after,.btn2::after,.btn3::after,.btn3_2::after{
  content: ">";
  color: rgba(255,255,255,1.00);
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.btn1 a,.btn2 a,.btn3 a,.btn3_2 a{display: block;
	color: rgba(255,255,255,1.00);}

.con_box1{width: max(65%,820px);
	margin: 0 auto;}

.title_bar1{width: 100%;
	height: 3px;
	background: rgba(0,113,188,1.00);}

.root_block1{width: 100%;
	border-radius: 10px;
	display: flex;
	box-shadow: 5px 3px 5px 0 rgba(0, 0, 0, .5);
	overflow: hidden;}

.root_block_left{width: 32%;
	font-size: max(1.2vw,15px);
	color: rgba(255,255,255,1.00);
	background: rgba(0,113,188,1.00);
	display:flex;
	align-items: center;
	position: relative;
	float: left;}

.root_block_right{width: calc(68% - 20px);
	padding: 10px;
	font-size: max(0.9vw,14px);
	line-height: 150%;
	background: rgba(255,255,255,1.00);
	float: left;}

.arrow_u{width: 5%;
	margin: 10px auto;}

.root_caution1{width: calc(100% - 24px);
	padding: 10px;
	border: rgba(255,0,4,1.00) solid 2px;}

.text_imp1{font-size: max(1.1vw,17px);
	padding-bottom: 10px;}


.schedule_box{width: 100%;
	overflow: hidden;}

.schedule_table{width: 62%;
	text-align: center;
	float: left;}
	
.schedule_table table{width: 100%;
	border-top: rgba(0,0,0,1.00) solid 1px;
	border-left: rgba(0,0,0,1.00) solid 1px;
	background: rgba(255,255,255,0.20);}

.schedule_td1,.schedule_td2{width: 14.28%;
	border-bottom: rgba(0,0,0,1.00) solid 1px;
	border-right: rgba(0,0,0,1.00) solid 1px;}

.schedule_text{width: 17%;
	padding:0 1%;
	text-align: left;
	float: left;}

.access{width: 100%;
	background: rgba(255,255,255,1.00);
	text-align: center;}

.map{width: 100%;
	height: 350px;}
	
.map iframe{width: 100%;
	height: 100%;}

.equip_block{width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	display: flex;}

.equip_left{width: 20%;
	text-align: center;
	background: url("../img/equip_bg1.png");
	background-size: 100% 100%;
	float: left;}
	
.equip_left img{width: 90%;}

.equiq_right{width: calc(80% - 20px);
	padding: 10px;
	background: rgba(255,255,255,1.00);
	float: left;}

.equip_right_text1{font-size: max(1.2vw,15px);
	line-height: 150%;
	color: rgba(0,113,188,1.00);}
	
.equip_right_text2{font-size: max(0.9vw,14px);
	line-height: 150%;}

.text1{font-size: max(1.3vw,20px);
	line-height: 150%;}
	
.text2{font-size: max(0.85vw,14px);
	line-height: 150%;}

.text3{font-size: max(1.2vw,17px);
	line-height: 150%}

.spacer1{width: 100%;
	font-size: max(0.85vw,12px);
	line-height: 150%;}

.clear{clear: both;}

footer{width: 100%;
	padding: 30px 0;
	text-align: center;
	background: rgba(0,113,188,1.00);}

.footer_logo{width: 400px;
	margin: 0 auto 20px;}

.footer_text{font-size: 16px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.footer_text2{padding-top: 20px;
	font-size: 18px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}


.copyright{width: 100%;
	padding-top: 20px;
	font-size: max(0.9vw,12px);
	line-height: 150%;
	text-align: center;}

ul.listmarker1 {font-size: max(0.85vw,14px);
	list-style-type: none;
	margin-left:max(0.85vw,14px);
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:max(-0.85vw,-14px); 
}

ul.listmarker2 {font-size: max(0.9vw,14px);
	line-height: 150%;
	list-style-type: none;
	margin-left:max(0.9vw,16px);
}
	
ul.listmarker2 li{margin-bottom: 5px;}
	
ul.listmarker2 li:before {
	content: '●'; 
	color: rgba(255,0,4,1.00);
	margin-left:max(-0.9vw,-16px); 
}

ul.listmarker3 {font-size: max(0.9vw,14px);
	line-height: 150%;
	list-style-type: none;
	margin-left:max(0.9vw,16px);
}

ul.listmarker3 li{margin-bottom: 5px;}
	
ul.listmarker3 li:before {
	content: '・'; 
	margin-left:max(-0.9vw,-16px); 
}
	
#page-top{width: 60px;
	position: fixed; bottom: -200px; left: 10px;
	overflow: hidden;
	transition: .5s;
	z-index: 3;}
	
#page-top img{width: 100%;}
	
#page-top:hover{opacity: 0.7;}
	
	

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

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

.loading_img{height: 60px;}

header{}

.main_img{height: 100vh;
	min-height: 480px;
	overflow: hidden;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;}

.catch1{width: 100%;
	font-size: max(2.6vw,20px);}

.top_select{width: 90%;
	min-width: 0;}

.top_select_title{font-size: max(4.8vw,18px);}

.top_select_btn_box{width: 100%;
	overflow: hidden;}
	
.top_select_btn1{width: calc(100% - 6px);
	margin: 5px auto;
	padding: 1px;
	border: rgba(0,113,188,1.00) solid 2px;
	border-radius: 7px;
	float: none;}
	
.top_select_btn_inner1{width: 100%;
	padding: 5px 0;
	font-size: max(3.8vw,13px);
	line-height: 300%;
	background: rgba(0,113,188,1.00);
	border-radius: 5px;}
	
.top_select_btn_inner2{width: 100%;
	padding: 5px 0;
	font-size: max(4.2vw,16px);
	line-height: 150%;
	background: rgba(0,113,188,1.00);
	border-radius: 5px;}

.top_select_btn1:hover{opacity: 0.7;}

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

.arrow1{width: 10%;
	margin: 0 auto;
	line-height: 100%;}

.pcr_type_title1{width: 90%;
	min-width: 0;
	font-size: max(4.8vw,16px);}

.pcr_type_title_bar{width: 90%;
	min-width: 0;}

.free_top_img{width: 90%;
	min-width: 0;}

.pcr_free{width: calc(90% - 20px);
	min-width: 0;
	padding: 20px 10px;}
	
.pcr_free_title{font-size: max(3.8vw,14px);
	text-align: left;
	color: rgba(0,113,188,1.00);}
	
.pcr_free_inner{font-size: max(3.4vw,12px);
	line-height: 150%;
	overflow: hidden;}

.pcr_free_text{width: 100%;
	float: none;}

.pcr_free_text2{font-size: max(3.8vw,14px);}

.pcr_free_img1{width: 90%;
	margin: 20px auto;
	float: none;}

.pcr_flow{width: 90%;}

.pcr_flow_title{width: 100%;
	font-size: max(1.9vw,19px);
	line-height: 180%;}

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

.pcr_flow_text1{}

.pcr_flow_text_inner{width: 95%;
	margin: 0 auto;
	font-size: 12px;}

.con_title1{width: 100%;
	font-size: max(2.0vw,20px);
	line-height: 180%;
	text-align: center;
	color: rgba(0,113,188,1.00);}

.about_pcr_check{width: 100%;
	background: url("../img/bg1.jpg");
	background-size: 100% auto;
	background-repeat: repeat-y;}
	
.about_box{width: 90%;
	margin: 0 auto;
	display: block;
	flex-flow: row wrap;
	justify-content: space-around;}

.about_block1{width:100%;
	padding: 10px 0;
	margin: 0 auto;
	float: none;}
	
.about_block_inner{width: calc(100% - 20px);
	height: 100%;
	padding: 0 10px;
	background: rgba(255,255,255,0.50);
	border-radius: 10px;}
	
.about_block_title{font-size: 16px;}
	
.about__block_img{width: 30%;
	margin: 0 auto;}

.about_block_text{font-size: 12px;}

.about_block_text2{width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
	font-size: 15px;}

.btn1{font-size: 14px;
	line-height: 300%;}
	
.btn2{padding: 5px 0;}

.btn3,.btn3_2{width: 100%;
	line-height: 250%;
	margin: 0 auto;}

.btn1:hover,.btn2:hover,.btn3:hover,.btn3_2:hover{opacity: 1.0;}

.btn1::after,.btn2::after,.btn3::after,.btn3_2::after{
  content: ">";
  color: rgba(255,255,255,1.00);
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.btn1 a,.btn2 a,.btn3 a,.btn3_2 a{display: block;
	color: rgba(255,255,255,1.00);}

.con_box1{width: 90%;
	margin: 0 auto;}

.title_bar1{width: 100%;
	height: 3px;
	background: rgba(0,113,188,1.00);}

.root_block1{width: 100%;
	border-radius: 10px;
	display: block;
	box-shadow: 5px 3px 5px 0 rgba(0, 0, 0, .5);
	overflow: hidden;
	z-index: 1;}

.root_block_left{width: 100%;
	padding: 5px 0;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	display:block;
	position: relative;
	float: none;}

.root_block_right{width: calc(100% - 20px);
	padding: 10px;
	font-size: 12px;
	float: none;}

.arrow_u{width: 15%;
	margin: 10px auto;}

.root_caution1{width: calc(100% - 24px);
	padding: 10px;
	border: rgba(255,0,4,1.00) solid 2px;}

.text_imp1{font-size: max(1.1vw,14px);}

.schedule_table{width: 100%;
	text-align: center;
	float: none;}
	
.schedule_text{width: 100%;
	float: none;}

.access{width: 100%;
	background: rgba(255,255,255,1.00);
	text-align: center;}

.map{width: 100%;
	height: 290px;}
	
.map iframe{width: 100%;
	height: 100%;}

.equip_block{display: block;}

.equip_left{width: 100%;
	float: none;}
	
.equip_left img{width: 60%;}

.equiq_right{width: calc(100% - 20px);
	float: none;}

.equip_right_text1{font-size:  16px;
	line-height: 150%;
	text-align: center;}
	
.equip_right_text2{font-size: 12px;
	line-height: 150%;}

.text1{font-size: 16px;
	line-height: 150%;}
	
.text2{font-size: 12px;
	line-height: 150%;}

.text3{font-size: 15px;
	line-height: 150%}
	
	
	
	


.spacer1{font-size: max(0.85vw,12px);
	line-height: 150%;}

.spacer2{font-size: 2.0vw;
	line-height: 100%;}


footer{padding: 30px 0 90px;}

.footer_logo{width: 250px;
	margin: 0 auto 20px;}

.footer_text{font-size: 12px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}
	
.footer_text2{padding-top: 20px;
	font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}


.copyright{width: 100%;
	padding-top: 20px;
	font-size: 10px;
	line-height: 150%;
	text-align: center;}
	
.sp_link{height: 60px;
	position: fixed; bottom: 10px; right: 10px;
	overflow: hidden;
	z-index: 3;}
	
.sp_link_btn1{width: 60px;
	margin-left: 10px;
	float: right;}
	
.sp_link_btn1 img{width: 100%;}
	
ul.listmarker1 {font-size: 12px;
	margin-left:12px;}
	
ul.listmarker1 li:before {margin-left:-12px;}

ul.listmarker2 li{margin-bottom: 5px;
	font-size: 12px;}
	
ul.listmarker2 li:before {
	content: '●'; 
	color: rgba(255,0,4,1.00);
	margin-left:-16px; 
}

ul.listmarker3 li{margin-bottom: 5px;
	font-size: max(3.4vw,12px);}
	
ul.listmarker3 li:before {
	content: '・'; 
	margin-left:-16px; 
}
	
#page-top:hover{opacity: 1.0;}
	
}