* {	margin: 0;
	padding: 0;
	box-sizing:border-box}
a{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);}
*:focus {outline: none;}
strong{ font-weight:bold; font-size:2em}
img{ width:100%; backface-visibility: hidden;}

.clearfix:after {
	content: "";
	display: block;
	clear: both;}
 
.clearfix:before {
	content: "";
	display: block;
	clear: both;}
.clearfix {	display: block;}
.animeup, .animeup2, .animeleft,{  visibility: hidden;}

/* entire
----------------------------------------------------------- */
html, body {
	height: 100%;
	width: 100%;
	max-height:100%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	background:#59BDFF;
	scroll-behavior: smooth;
}

/*フォント指定*/
.weight100   {
    font-weight:100
    }
 
.weight300   {
    font-weight:300
    }
 
.weight400   {
    font-weight:400
    }
 
.weight500   {
    font-weight:500
    }
 
.weight600   {
    font-weight:600
    }
 
.weight700   {
    font-weight:700
    }
 
.weight900   {
    font-weight:900
    }
.red {color:#DF2C14;}
/*-------------------------------------*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
	}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
	}
/*-------------------------------------*/
#loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 110;
}
#loader .loader-slide {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #01479D;
 
}
#loader .loader-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 40px;
}
#loader .loader-slide.open {
  animation-name: slideOut;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 1s;
}
@keyframes slideOut {
	from {
	transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}

/*-------------------------------------*/
@media screen and (max-width:1080px){ #base{width:100%; height:auto;} .inblock{ width:92%; height:auto; margin:auto;}}
@media screen and (min-width:1081px){ #base{width:1080px; height:auto; margin:auto;} .inblock{ width:900px; height:auto; margin:auto;}}

.btn{
	width:30%;
	color:#fff;
	font-weight:900;
	font-size:1.5em;
	padding:0 0.8em; height:3em;
	background:#DF2C14;
	box-shadow: 4px 4px 0px rgba(76,41,10,0.2);
	text-align:center;
	margin:auto;
	border:0;
	display:block;
	transition: all .2s;
	}
.btn:active {
	border:none;
	transform: translateY(5px) translateX(5px);
	box-shadow:none;
	box-shadow: 0px 0px 3px rgba(76,41,10,0.6);
	transition: all .2s;
	}

.btn_gray{
	background:#ddd;
	box-shadow:none;
	border:none;
	transform: translateY(5px) translateX(5px);
	transition: all .2s;
	}
.btn_gray:active{transform: translateY(0) translateX(0); box-shadow:none;}
.reddiv{ border:3px solid #DF2C14; padding:0.3em; font-size:0.5em; clear:both; text-align:center; color:#DF2C14;}

header{ width:100%; height:60px; position: absolute; top:0; background:#01479D;}
footer{ width:100%; background:#01479D; margin:0; height:10px; padding:0; }
#logo{ width:auto; height:50%; padding:0; margin:15px 16px;}
#top{
	background:#fff; width:100%; height:auto;
	padding-top:60px;
	text-align:right}
#img_top{ width:32%; max-width:400px; margin-left:3%}
.top_kenon_text{
	margin:60px 0 ;
	height:50%;
	max_height:auto;
	width:auto;
	width:50%;}
h2{
	font-weight:900;
	font-size:4em; 
	text-align:center;
	padding-top:1em;}
h2 span{ display:inline-block;}
h5{ margin:1em auto 0; text-align:center}
#box3_kenondeha,#box4_exbasho{ margin-top:5em}
#box1_tokucho h2{
	background:url("../img/bg_h1bg01.png");
	background-position: top right;
	background-repeat:no-repeat;
	background-size:9em;
	}

#box3_kenondeha h2{
	background:url("../img/bg_h1bg02.png");
	background-position: top right;
	background-repeat:no-repeat;
	background-size:9em;
	}

#box4_exbasho h2{
	background:url("../img/bg_h1bg03.png");
	background-position: bottom right;
	background-repeat:no-repeat;
	background-size:9em;
	}

h2 img{ height:1.3em; width:auto; vertical-align:bottom; margin:0 0.2em 0 0; clear:both;}
h3{ border-bottom:5px solid #4BD1D1; width:100%; text-align:center; margin:0 auto 1em; font-size:2em ; padding: 1em 0 0.3em; clear:both; font-weight:800}
h3 span{ display:inline-block}
h4{ text-align:center;}

/*フレックスボックス*/
.flex-container, .flex-containerB {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.flex-container div{background:#000036; text-align:center; width:23%; color:#fff; margin:0.5em auto 0; overflow:hidden;}
.flex-container div img{ width:100%; vertical-align:bottom}

.flexB2_box{ background:#000036; padding:1em; color:#fff}
.flex-containerB .flexB_box,.flex-containerB .flexB2_box{text-align:center; width:48%; color:#fff; margin:0.5em 0 0}
.flex-container div span{ display:inline-block; margin:1em auto;}

#box1_tokucho .flex-container div:nth-of-type(2) span, #box1_tokucho .flex-container div:nth-of-type(3) span{ margin:0.5em auto; }
#box4_exbasho .flex-container div:nth-of-type(4) span, #box4_exbasho .flex-container div:nth-of-type(8) span{ margin:0.5em auto; }

/*-------------------*/

.divtable{ background:#E6E6E6; width:85%; margin:auto; border:solid; border-color:#fff; display:table;}
.divtr{ display:table-row;}
.divth,.divtd{ display:table-cell; text-align:left; vertical-align:top; padding:0.3em 0.5em; font-size:0.8em; border:1px solid #fff;width:25%}
.divth{  font-weight:bold}
.divtr:nth-child(even) { background:#F2F2F2}

/*-------------------*/

#tokucho{ width:100%; height:auto; padding:; text-align:center;}
#box1_tokucho{ clear:both;}
#box1_tokucho .inblock{border:solid #fff 3px; padding:3%}
#img_top{vertical-align:middle; float:left; margin:45px; z-index:100;}
.img_topmin{ display:none;}


#box1_tokucho .small{ font-size:0.7em; width:90%; color:#fff; margin:1em 5% 0 5%; text-align:right}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:5em auto;
	}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}

#box2_nayami{ margin:1em auto;}
.box2_nayami_whitediv{ width:100%; margin:-1px auto 0; background:#FFF; border-top: solid 2px #fff; padding-bottom: 10%;  border-bottom: solid 2px #fff;}
.box2_nayami_whitediv h2{ width:92%; margin: 0 auto 0.5em; padding-top:1em}
#box2_nayami h2 img{ width:100%; height:auto;}
#box2_nayami h2 img:nth-of-type(1){ display:block}
#box2_nayami h2 img:nth-of-type(2){ display:none}

#box3_kenondeha h3{ padding-top:2em}
#box3_kenondeha h3:first-child{ padding-top:1em}
#box3_kenondeha .inblock{ background:#fff; padding-bottom:2em}
#box3_kenondeha .inblock .box3{ width:92% ; margin:auto;}
#box3_kenondeha .inblock .box3 img{ width:100% ; margin:auto; vertical-align:bottom;}
.box3 .small{ font-size:0.7em; width:100%; text-align:right}
.box3 .small2 {margin:-2em auto 2em;}
#box3_kenondeha .reddiv{ width:90%; min-height:3.8em; max-height:auto; margin:1% auto; font-weight:bold; font-size:1em}
#box3_kenondeha .flex-containerB .flexB_box:nth-of-type(1) .reddiv{ padding:1em}
#box3_kenondeha .flex-containerB .flexB_box:nth-of-type(3) .reddiv { padding:0.5em 0.5em 0em;}
#box3_kenondeha .reddiv span{ font-size:0.6em;  vertical-align:bottom;}
#box3_kenondeha .reddiv span:nth-of-type(2){ font-size:0.6em;  vertical-align:top;}
#box3_kenondeha .inblock .box3 .flexB2_box img{ float:right; width:auto; height:4em; margin: 2%}
#box3_kenondeha .inblock .box3 .flexB2_box:nth-of-type(3) img { height:5em; margin:0 auto;}
#box3_kenondeha .flex-container div span{ margin:1.5em auto; display:block; height:100%; vertical-align:middle;}
#box3_kenondeha .flexB2_box p{ width:65%; margin:0 auto; float:left;}
#box3_kenondeha .flexB2_box .reddiv{ display:block; min-height:1em; background:#fff; padding:0.1em; margin:0.2em auto; border:1px solid;}
.flexB2_boxmin{ display:none}
.flexB2_after{ width:80%; margin:0 auto;}
.flexB2_after img:nth-of-type(1){display:block;}
.flexB2_after img:nth-of-type(2){display:none;}
#box3_kenondeha .box3_text1,#box3_kenondeha .box3_text2{ background:#000036;display:inline-block; color:#fff; font-size:1em; text-align:center; overflow:hidden;}
#box3_kenondeha .box3_text1 .animeup,#box3_kenondeha .box3_text2 .animeup{ margin:1em auto; display:inline-block;}
#box3_kenondeha .box3_text1{ width:100%;  clear:both; margin:1em auto;}
#box3_kenondeha .box3_text2{ width:100%; }
#box3_kenondeha .box3_textA .animeup{ padding:0.75em 0; display:inline-block;}
#box3_kenondeha .chui{ text-align:right; font-size:0.5em}

#box4_exbasho h2{ padding-top:1.5em;}

#mailform{ width:100%; height:auto;}
#mailsent{ width:80%; margin:1em auto 2em; text-align:center; display:none}

#box5_speck{ clear:both; padding-top:2em;}
#box5_speck .inblock{ background:#FFF; padding-bottom:3em}
#box5_speck h2{ border-bottom:5px solid #59BDFF; width:92%; text-align:left; margin:0 auto 0.5em; font-size:3em ; padding: 1em 0 0.3em; clear:both; }
#box5_kakaku h2 span{font-size:0.3em; font-weight:bold; float:right; margin: 2em 0 0;}

#box5_kakaku .box5_setsumei,#box5_kakaku .box5_chui{ width:55%; float:right;}
#box5_kakaku .kakaku_naiyou{  margin:0.5em;}
#box5_kakaku .kakaku_naiyou span:nth-of-type(1){ font-weight:bold; font-size:1em}
#box5_kakaku .kakaku_naiyou span:nth-of-type(2){ font-size:1.5em}

.kakakuimg{width:40%; float:left; margin-top:2em}
.divblue{ width:100%; background:#000036; font-size:1.5em; padding:0.2em 1em; color:#fff; height:auto}
#box5_otoiawase .divtable{ width:90%;}
#box5_otoiawase .divth{ text-align:right}
#box5_otoiawase .divtr:nth-child(even) { background: none}
#box5_otoiawase .divth,#box5_otoiawase .divtd{ width:auto;}
#box5_otoiawase .divtable{ background:none; vertical-align:middle;}
#box5_otoiawase p{text-align:center; padding:1em; font-size:1.3em}
#box5_otoiawase .toiawasenaiyou .divth{width:16.5%}
#box5_otoiawase .toiawasenaiyou input{ height:9em}
#box5_otoiawase .toiawasenaiyou textarea{width:100%; height:8em; padding:0.5em; border:0;}

input[type="text"] {background: #F1F1F1; border:none; width:100%; height:2em; padding:0 1em}
input[type="checkbox"]{  transform: scale(1.5); margin-right:0.5em;}
textarea{background: #F1F1F1; outline:none;}
#box5_otoiawase .inputerror_form{ background:#ffe1e1;}
#box5_otoiawase .mailsent{ display:none}

#box5_otoiawase .divprivacy{
	width:90%; height:8em; overflow:auto; margin:1em auto;
	padding:0.5em;
	box-shadow:1px 1px 0 #000 inset; border:1px solid #ddd
	}
ul{ margin-left:1em}
li{ font-size:0.8em; list-style-position: outside}
#box5_otoiawase .divprivacy li{	margin:0.5em 0;}
#box5_otoiawase .divprivacy p{ font-size:0.8em; text-align:left; line-height:1.3em}


#err_message{
	display:none;
	width:100%;
	height:auto;
	font-size:1.2em;
	padding:0;
	color:#DF2C14;
	margin:0.5em auto;
	text-align:center;
	}

#page-top{ position:fixed; z-index:101; width:80px;height:auto}
#page-top a{
	display:block;
	border-radius: 50%;
	padding:1em; height:100%; width:100%;
	background:#01479d;
	box-shadow: 4px 4px 0px rgba(24,45,51,0.2);
	transition: all .2s;
	}
#page-top a:active{
	transform: translateY(5px) translateX(5px);
	box-shadow: none;
	background:#4BD1D1;
	transition: all .2s;
	transform:scale(0.9,0.9)
	}
#page-top a img:active{ transform:scale(0.8,0.8)}
#page-top img{ height:auto;width:100%; margin:auto;}

@media screen and (min-width:1081px){
	#box2_nayami{ width:1080px; height:auto;}
		}
@media screen and (max-width:1080px){
	#top{padding-top:60px;text-align:right}
	#img_top{margin:3%; width:38%}
	.top_kenon_text{
	margin:60px 0 ;
	height:auto;
	max_height:auto;
	width:auto;
	max-width:50%;}
	.flex-container div span{font-size:1.5vw;}
	#box3_kenondeha .reddiv{ font-size:0.8em;}
	#box2_nayami{ width:100%;; height:auto;}
	.box3 .small{ width:100%; margin:auto;}
	}
@media screen and (max-width:720px){	
	html{ font-size:18px;}
	.btn{ width:80%}
	#img_top{margin:15px; width:43%}

	.flex-container div span{font-size:1.6vw;}
	#box3_kenondeha .box3_text1, #box3_kenondeha .box3_text2{ font-size:0.8em}
	#box5_kakaku .kakaku_naiyou{ font-size:0.8em}
	#box5_kakaku .kakaku_naiyou span:nth-of-type(2){ display:block; font-size:1em;}
	#box5_kakaku .box5_chui{ width:100%; float:none; clear:both;}
	#box5_otoiawase .divtable,#box5_otoiawase .divtr,#box5_otoiawase .divth,#box5_otoiawase .divtd{ display:block;}
	#box5_otoiawase .divtable{margin:auto; width:92%;}
	#box5_otoiawase .divth{ text-align:left;}
	#box5_otoiawase .divtr, #box5_otoiawase .divth,#box5_otoiawase .divtd{ width:100%;}
	#box5_otoiawase .toiawasenaiyou .divth{ width:100%;}
	#box5_otoiawase .emptydate{ display:none;}
	.emptydate{ display:none;}
	.kakakuimg{ width:36%; margin:0 2%}
	h3{ font-size:2em}
	}
@media screen and (max-width:720px)and (min-width:641px){	
	h2{ font-size:3.5em}
	}
@media screen and (max-width:640px)and (min-width:501px){
	html{ font-size:15px; }
	.imgblock{ width:23.4%; }

	h2{
		font-size:2.5em; 
		padding-top:1.2em;}

	#box1_tokucho h2{
		background:url("../img/bg_h1bg01.png");
		background-repeat:no-repeat;
		background-position: bottom 0 right -10%;
		background-size:50%;
		}

	#box3_kenondeha h2{
		background:url("../img/bg_h1bg02.png");
		background-repeat:no-repeat;
		background-position: bottom 0 right -10%;
		background-size:50%;
		}

	#box4_exbasho h2{
		background:url("../img/bg_h1bg03.png");
		background-repeat:no-repeat;
		background-position: bottom 0 right -10%;
		background-size:50%;
		}
		}

@media screen and (max-width:500px){
html{ font-size:15px;}
.btn{ width:80%;}
	header{ width:100%; height:3em}
	 #logo{ width:auto; height:1.5em; padding:0; margin:0.75em}

	#box1_tokucho h2{
		background:url("../img/bg_h1bg01.png");
		background-repeat:no-repeat;
		background-position: bottom 10px right -10%;
		background-size:80%;
		}

	#box3_kenondeha h2{
		background:url("../img/bg_h1bg02.png");
		background-repeat:no-repeat;
		background-position: bottom 10px right -10%;
		background-size:80%;
		}

	#box4_exbasho h2{
		background:url("../img/bg_h1bg03.png");
		background-repeat:no-repeat;
		background-position: bottom 10px right -10%;
		background-size:80%;
		}

	#top{ text-align:center;}
	#img_top{ display:none}
	.img_topmin{ width:100%; display:block;}
	.img_topmin img{width:60%; position:relative; margin:-1em 20% -4em;}
	.inblock .imgblock{ margin:1% 0.5%}
	.top_kenon_text{ max-width:100%; height:auto; margin:1em 0 ; padding:1em 0 1em 10%; vertical-align:middle; text-align:right}
	h2{
		font-size:3em; 
		padding-top:1em;}
	.flex-container{ margin:1em auto;}
	.flex-container div{ width:48%;}
	.flex-container div span{ font-size:3vw}
	.flex-containerB .flexB_box,.flex-containerB .flexB2_box{width:92%; margin:1em auto 0;}
	.flex-containerB .flexB2_boxmin{ display:block; width:5%; height:1em; margin:0 47%;  text-align:center;  padding:0;}

	#box1_tokucho{ padding-top:5em}
	#box2_nayami h2 img:nth-of-type(1){ display:none}
	#box2_nayami h2 img:nth-of-type(2){ display:block}
	#box2_nayami .flex-container div span{ margin:0.5em auto}

	#box3_kenondeha h3{ padding-top:3em; margin-bottom:0.5em; width:92%; font-size:2em}
	#box3_kenondeha h3:first-child{ padding-top:1em}
	#box3_kenondeha .inblock{ background:#fff; padding-bottom:2em}
	#box3_kenondeha .inblock .box3{ width:98% ; margin:auto;}
	#box3_kenondeha .reddiv{ width:100%; display: inline-block; margin:1% 0; font-size:1em; min-height:auto;}
	#box3_kenondeha .reddiv:nth-of-type(2){ float:right}

	#box3_kenondeha .flexB2_box p{ margin:1em 0; width:60%}
	#box3_kenondeha .inblock .box3 .flexB2_box:nth-of-type(1) img { margin:1em 2%}
	#box3_kenondeha .inblock .box3 .flexB2_box:nth-of-type(2) img { margin:0; height:100%; width:auto; }
	#box3_kenondeha .inblock .box3 .flexB2_box:nth-of-type(3) { margin-top:0;}
	#box3_kenondeha .inblock .box3 .flexB2_box:nth-of-type(3) img { margin:0 1em; height:6em; width:auto;}

	.flexB2_after img:nth-of-type(1){display:none;}
	.flexB2_after img:nth-of-type(2){display:block;}

	#box3_kenondeha .box3_text1,#box3_kenondeha .box3_text2{ background:#000036; display:inline-block; color:#fff; font-size:1em; text-align:center}
	#box3_kenondeha .box3_text1 .animeup,#box3_kenondeha .box3_text2 .animeup{ margin:0.5em; display:inline-block}
	#box3_kenondeha .box3_text1 .animeup`{margin:1em auto;}
	#box3_kenondeha .box3_text1{ width:92%; height:auto; margin:1.5em 4%; }
	#box3_kenondeha .box3_textA span{ margin:0.5em auto; display:inline-table;}
	.box3 .small{ width:96%; margin:auto;}
	.box3 .small2 {margin:0 auto}
	.divtable, .divtr,.divth,.divtd{ display:block;}
	.divtable{margin:auto; width:92%;}
	.divtr,.divth,.divtd{ width:100%;}
	.emptydate{ display:none;}
	.divth{ background:#E6E6E6;}
	.divtd{ background:#F2F2F2}
	#box5_seihin h2{ padding-top:1em;}
	#box5_kakaku .box5_setsumei{ width:100%; float:none; margin-top:1em}
	#box5_kakaku .kakaku_naiyou{ margin-bottom:1em}
	#box5_kakaku .kakaku_naiyou span:nth-of-type(2){ display:block; font-size:1em; margin:0;}
	#box5_kakaku h2 span{ font-size:0.25em; margin-top:3em}
	#box5_otoiawase .divth{ text-align:left;}
	#box5_otoiawase .divth,	#box5_otoiawase .divtd { background: none}
	#box5_otoiawase .toiawasenaiyou .divth{ width:100%;}
	input[type="text"]{ font-size:1.3em}
	.kakakuimg{width:80%; margin:5% auto 0 15%; float:none;}
	#page-top{ width:15vw; height:15vw; padding:0}
		}
@media screen and (max-width:360px){

	#box5_speck h2{ font-size:2em}
	h3{ font-size:1em}
	.box2_nayami_whitediv h2 { padding-top:1em;}
	}