@charset "UTF-8";

body#tpbg{
background-color: #000;
-webkit-text-size-adjust:100%;
margin:0;
padding:0;
}

body#tpbg:before{
content: "";
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position:center center;
z-index: -1;
}

#tpbg{
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
background-color: #fff;
font-family:"M PLUS 1", sans-serif;
font-weight:350;
font-style:normal;
}

#tpbg:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-size:cover;
background-color: #fff;
}

img{
vertical-align:top;
image-rendering:-webkit-optimize-contrast;
}
*{
backface-visibility: hidden;/
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale;
}
video{vertical-align:top;}

html{
scroll-padding-top:50px;
scroll-behavior: smooth;
}

a{text-decoration:none;}

.fll{float:left;}
.flr{float:right;}
.cf{clear:both;}

.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}

.whp{width:100%;}
.w90p{width:90%;margin:0 5%;}
.bora1{border-radius:10px;}
.bdsa{border:1px solid #aaa;}
.fsdem{font-size:1.8em;}
.fsdemm{font-size:1.6em;}
.ls0{letter-spacing:0em;}
.shad{box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.5);}
.str{font-weight:bold;font-size:1.2em;letter-spacing:.1em;background-image:linear-gradient(transparent 60%,#bcfa89 60%);}

.fwb{font-weight:bold;}
.fcfff{color:#fff !important;}
.fc000{color:#000;}
.fcmain{color:#0075a9;}

.w1{width:100px;}
.w2{width:200px;}
.w3{width:300px;}
.w4{width:400px;}
.w5{width:500px;}
.w6{width:600px;}
.w7{width:700px;}
.w8{width:800px;}
.w9{width:900px;}

.mtlit{margin-top:15px !important;}
.mtmid{margin-top:30px !important;}
.ptlit{padding-top:15px !important;}
.ptmid{padding-top:30px !important;}
.mblit{margin-bottom:15px !important;}
.mbmid{margin-bottom:30px !important;}

.mllit{margin-left:15px !important;}
.mrlit{margin-right:15px !important;}

.vamid{vertical-align:middle;}

.ami1{
background:#eee;
padding:20px;
}

.iv:hover{filter:brightness(120%);transition:all 0.5s;}
.sv:hover{margin-top:5px;transition:all 0.4s;}

.bgsiro{background:#fff;color:#333;}
.bgkuro{background:#000;color:#fff;}
.bg1{background:#0075a9;}
.bg2{background:#f5f9ff;}
.bg3{background:#f8f8f1;}
.bg4{background:#005dbb;}

.bgsiro_s{background-color:rgb(255 255 255 / .8);}
.bgsiro_ss{background-color:rgb(255 255 255 / .7);}
.bgsiro_sss{background-color:rgb(255 255 255 / .9);}
.bg1_s{background-color:rgb(0 90 140 / .8);}
.bg2_s{background-color:rgb(245 249 255 / .85);}

p{
font-size:1em;
line-height:1.6em;
letter-spacing:.12em;
color:#333;
margin:0;
padding:0 0 12px 0;
}

ul.bas{list-style:none;margin:0;padding:0;}
ul.bas li:before{
content:"";
width:10px;
height:10px;
display:inline-block;
background-color:#88d0f0;
position:relative;
top:0px;
border-radius:50%;
margin-right:5px;
}
ul.bas li{
padding:4px 10px;
margin-bottom:0px;
color:#333;
font-size:1em;
line-height:1.6em;
padding-left:1em;
text-indent: -1em;
}
.tbin{font-size:1em !important;}
.lh2{line-height:1.1em !important;}

ol{margin:0px 0 0 30px;padding:0;}
ol li{
padding:4px 10px;
margin-bottom:0px;
color:#333;
font-size:1em;
line-height:1.6em;
}

.kome{
text-indent: -1em;
padding-left: 1em;
}

table{width:100%;border-spacing:0;}
th{
text-align:left;
color:#0075a9;
padding:20px;
border-bottom:dotted 1px #007832;
font-size:1.1em;
line-height:1.6em;
font-weight:normal;
}
td{
color:#333;
border-bottom:dotted 1px #007832;
padding:20px;
font-size:1em;
line-height:1.6em;
}
.naka{width:940px;padding:20px 10px;margin:auto;}.naka_d{width:1200px;padding:20px 10px;margin:auto;}.naka_s{width:700px;padding:20px 10px;margin:auto;}
div#head{
background-color:rgb(255 255 255 / .8);
z-index:99;
position:fixed;
top:0;
width:100%;
height:40px;
}

	#hn{
	width:100%;min-width:1200px;
	height:50px;
	padding:0px;margin:auto;
	z-index:9901;
	position:fixed;
	top:0;
	}
	#hl{float:left;width:200px;text-align:left;margin:4px 0 0 10px;}
	#hr{float:right;width:840px;min-width:840px;display:flex;flex-wrap:wrap;margin:12px 20px 0 0;}
	#hr div{margin:0 6px;font-size:14px;line-height:16px;text-align:center;}
	#hn div a{color:#004e70;text-decoration:none;}
	
.hman{
 padding-bottom: 1px;
  background-image: linear-gradient(#68c5eb, #68c5eb);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  transition: background-size 0.5s;
}
.hman:hover {
  background-position: bottom left;
  background-size: 100% 1px;
}

div#foot{
font-size:1em;
background:#0075a9;
color:#fff;
padding:30px 0;
margin:0;
}
#foot a{color:#fff;text-decoration:none;}

#footw{display:flex;flex-wrap:wrap;}
.ftll{width:48%;text-align:right;padding:1%;}
.ftrr{width:50%;text-align:left;line-height:1.7em;}

.fmmo{}
.fmmo a{
  display: inline-block;
  text-decoration:none;
  position: relative;
  transition: .3s;
}
.fmmo a::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: .3s;
}
.fmmo a:hover::after{width: 100%;}

.snsw{width:400px;margin:auto;text-align:center;}
.snsw img{width:60px;margin:0 24px;}

.fnkw{display:flex;flex-wrap:wrap;margin:0px 0;}
.fnkw p{color:#fff;}
div.fnkww{
padding:10px 10px;
width:calc(50% - 20px);
}
.fnkww img{width:100%;}

.fnkwbot{position:relative;}
.fnkwbot h2{
font-weight:bold;
margin:0;
padding:0;
position:absolute;
color:#fff;
top:50%;
left:50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.fnkwbot img{
width: 100%;
border-radius:10px;
}

.ftcp{font-size:.8em;color:#fff;margin:50px 0 10px 0;text-align:center;}

h2{
color:#0075a9;
font-size:1.8em;
text-align:center;
letter-spacing:0.2em;
padding:10px 0px 14px 0px;
margin:0px auto;
font-weight:300;
font-style: normal;
}
.lesplit{letter-spacing:0.08em;}

div.mmtit{
text-align:center;
background:#d76f00;color:#fff;
border-bottom:1px solid #999;
}

h3{
color:#0075a9;
font-size:1.7em;
letter-spacing:0.2em;
margin:0px;
padding:30px 0px 20px 0px;
text-align:center;
font-weight:400;
font-style: normal;
}

h4{
text-align:center;
letter-spacing:0.1em;
color:#555;
margin:10px 0px 0px 0px;
padding:3px 0px;
font-size:1.4em;
font-weight:350;
font-style: normal;
}

h5{
text-align:center;
letter-spacing:0.1em;
color:#666;
margin:10px 0px 0px 0px;
padding:3px 0px;
font-size:1.1em;
font-weight:300;
font-style: normal;
}

.ttit{
text-align:left;
display:flex;
height:100vh;
}
.titsz{
width:740px;
height:600px;
margin:60px 0 0 10px;
}

.ptit{text-align:center;}
.ptit h2{padding:40vh 0 0 0;margin-bottom:0;}
.ptit h4{padding:0 0 47vh 0;color:#fff;font-size:1.3em;margin-top:0;}

.ptit2{text-align:center;}
.ptit2 h2{padding:15vh 0 11vh 0;margin-bottom:0;}
.rmore{margin:20px calc(50% - 200px);}
.tmtx{
width:100%;
padding:38vh 0;
text-align:center;
}

.toptxt1{
margin:auto;
width:300px;
display:flex;
flex-wrap:wrap;
}
.toptxt2{
margin:auto;
width:300px;
}
.toptxt2 img{width:100%;}

.ttfu{
opacity:0;
transform:translateY(20px);
transition: opacity .8s, transform 1.2s;
}
.ttfu.is-inview {opacity:1;transform: translateY(0);}

.chaill{
width:540px;
bottom:-50px;
right:20px;
position:absolute;
}

.cac{
text-algin:center;
padding:35vh 0 25vh 0;
}
.tauw{background-color:rgb(255 255 255 / .3);border-radius:8px;}.tauw{margin:0 140px;padding:20px;}.kkidsw{margin:0 320px;}.tkkids{display:flex;flex-wrap:wrap;}.tkkids div{padding:15px 15px 15px 15px;width:calc(25% - 30px);}.tkkids div img{width:100%;border-radius:6px;}
@keyframes rtani{
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.rtani-box{animation:rtani 30s linear infinite;}

.abrebox{display:flex;flex-wrap:wrap;margin:50px 0;}
.abrebox p{color:#fff;}
div.abre{
padding:30px 10px 15px 10px;
width:calc(50% - 20px);
}
img.arim{width:100%;margin:0 0 30px 0;}

.mbot{position:relative;}
.mbot h2{
font-weight:bold;
margin:0;
padding:0;
position:absolute;
color:#fff;
top:50%;
left:50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.mbot img{
width: 100%;
border-radius:10px;
}

.p2s1{display:flex;flex-wrap:wrap;}
.p2s1n{width:50%;}
.ab_ai{padding:30px 200px;}
.ab_ai p{line-height:2em;}

.tefs{display:flex;flex-wrap:wrap;}
.tefs div.llt{
margin:20px;
width:calc(50% - 80px);
text-align:center;
}
.tefs div.rrt{
background:#fff;
border-radius:4px;
margin:20px;
width:calc(50% - 80px);
padding:20px;
}
.llt h3{line-height:1em;margin:60px 0 12px 0;padding:0;}
.llt h3 span{font-size:.6em;letter-spacing:.1em;}
.llt h4{font-size:1em;color:#333;margin:10px;}
.senb{
font-size:1em;
background:#0075a9;
color:#fff;
border-radius:4px;
padding:16px;
}
.rrt h4{color:#0075a9;margin:0;}

.jgmi h4{margin-top:15px;}
.jgmi h5{
color:#fff;
background:#0075a9;
border-radius:4px;
padding:4px;
font-weight:400;
margin:20px 0;
}

.mttbox{
background:url(im/au/housin.jpg);
background-size:cover;
padding:10vh 0;
}
.mttbox h3{margin-bottom:30px;}

.mtt{display:flex;flex-wrap:wrap;padding:0 0 20px 0;}
.mtt div{
background-color:rgb(255 255 255 / .8);
margin:2px;
width:calc(33.3% - 4px);
}
.mtt div img{width:100%;}
.mtt h4{
font-size:48px;
margin:100px 20% 0 20%;
color:#0075a9;
font-family:"Zen Old Mincho", serif;
font-weight:400;
font-style:normal;
border-bottom:1px solid #0075a9;
}
.mtt p{
color:#000;
margin:0 0 100px 0;
text-align:center;
font-size:18px;
}
.mttp{color:#fff;font-size:18px;}

.jmks{display:flex;flex-wrap:wrap;}
.jmks div{
background:#fff;
padding:20px;
margin:20px;
width:calc(25% - 80px);
}
.jmks div img{width:60%;padding:6px 20%;}

.jmkss{display:flex;flex-wrap:wrap;}
.jmkss div{
background:#fff;
padding:8px;
margin:7px;
width:calc(33.3% - 30px);
}
.jmkss div img{width:70%;padding:6px 28%;}

.jgbox{display:flex;flex-wrap:wrap;}
.jgbox div{padding:50px 30px;width:calc(50% - 60px);}
.jgbox h3{color:#fff;margin:0 0 50px 0;padding:0;}

.jgbox img{
width:80%;
padding:10%;
border-radius:4px;
}
.accbox{style="margin-left:30%;"}
.jgny{display:flex;flex-wrap:wrap;padding:0 0 30px 0;}
.jgny p{margin:10px 30px;}
.jgny div{
background:#fff;
margin:4px;
padding:30px;
border:1px solid #e8f4ff;
width:calc(33.3% - 70px)
;}

.enk{
margin:10px 100px 30px 100px;
padding:30px;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
}

.enkp{margin:10px 100px 30px 100px;}
.enkp img{width:100%;}

.smes{margin:30px 100px;}

.flho{}
.fln{
background:#fff;
padding:30px;
margin:30px 0 30px 0;
}

.fln{display:flex;flex-wrap:wrap;}
.flhobun{width:800px;margin:0 20px;}

.flho p{margin:0;padding:8px 0;}
.flho h4{
margin:0;
padding:30px 0;
width:200px;
background:#2b65a0;
color:#fff;
}
.atfs{font-size:1em;}

.oubw{
background-color:rgb(255 255 255 / .85);
padding:20px;
}

.oub{display:flex;flex-wrap:wrap;margin:0 0 30px 10px;}
.oubbun{width:800px;margin:0 20px;}

.oub p{margin:0;padding:0 8px;}
.oub h4{
margin:0;
padding:30px 0;
width:200px;
background:#3a7dbf;
color:#fff;
}
.oub h5{
font-size:1.1em;
text-align:left;
margin:0;
padding:0 8px;
color:#024a92;
}

.bybox{margin:0 0 30px 0;display:flex;flex-wrap:wrap;}
div.bynk{
width:calc(50% - 44px);
margin:30px 0;
padding:22px;
}

bynk span{
background:#185a9b;
color:#fff;
}

.btn {
  position: relative;
  display: block;
  width: 400px;
  height: 80px;
  line-height: 80px;
  font-size: 1.2em;
  text-decoration: none;
  background-color:#fff;
  border-radius:8px;
  border:3px solid #2589d0;
  color: #2589d0;
  text-align: center;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-weight:400;
}
.wlhh{
width:500px !important;
height:100px !important;
line-height:34px;
padding:44px 0 0 0;
}

.btn:hover {
  color: #fff;
}
.btn::after,
.btn::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn:hover::after {
  top: 0;
  left: 0;
  background-color: #2589d0;
}
.btn::after {
  top: 0;
  left: -200px;
  width: 100%;
  height: 100%;
}

.jsfu{opacity:0;transform:translateY(60px);transition: opacity .8s, transform .8s;}
.jsfu.is-inview {opacity:1;transform: translateY(0);}

.jsfd{opacity:0;transform:translateY(-60px);transition: opacity .8s, transform .8s;}
.jsfd.is-inview {opacity:1;transform: translateY(0);}

.jsfl{opacity:0;transform:translateX(-60px);transition: opacity .8s, transform .8s;}
.jsfl.is-inview {opacity:1;transform: translateX(0);}

.jsfr{opacity:0;transform:translateX(60px);transition: opacity .8s, transform .8s;}
.jsfr.is-inview {opacity:1;transform: translateX(0);}

.ad1{transition-delay:0s;}
.ad2{transition-delay:0.2s;}
.ad3{transition-delay:0.4s;}
.ad4{transition-delay:0.6s;}
.ad5{transition-delay:0.8s;}
.ad6{transition-delay:1.0s;}
.ad7{transition-delay:1.2s;}
.ad8{transition-delay:1.4s;}

.tmc1{transition-delay:0s;}
.tmc2{transition-delay:0.5s;}
.tmc3{transition-delay:1.0s;}

input.bb{
	-webkit-appearance: none;
	width:300px;
	height:60px;
	margin:20px 0px;
	font-size:18px;
    color: #fff;
    background:#0075a9;
	border:1px solid #0075a9;
    font-weight:400;
}
input.bb:hover{background:#fff;color:#0075a9;transition:.3s;}

input[type="text"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
input[type="tel"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
input[type="email"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
textarea{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	border-radius:4px;
	font-size:16px;
}
select{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	font-size:16px;
}
input[type=radio]{
width:18px;
height:18px;
vertical-align:-3px;
font-size:16px;
margin:8px 8px;
}
input[type=checkbox]{
width:20px;
height:20px;
vertical-align: bottom;
}
::placeholder{color:#999;}

span.radi{
border:1px solid #ccc;
padding:4px 14px 6px 4px;
border-radius:4px;
}

.babt{
width:300px;
height:60px;
line-height:60px;
text-align:center;
margin:20px 0px;
font-size:18px;
color: #fff;
background:#0075a9;
border:1px solid #0075a9;
font-weight:400;
}
.babt:hover{background:#fff;color:#0075a9;transition:.3s;}

.consm{
text-align:center;
margin:30px 0;
}

#page-top{
	width:80px;
	height:80px;
	display:none;
	position:fixed;
	right:10px;
	bottom:20px;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:url(im/pt.png);
}
#move-page-top{
	color:#fff;
	line-height:80px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

#topi_w{margin:0 0 20px 0;}
.nlw{
padding:12px 10px;
border-bottom:1px dotted #aaa;
font-size:1em;
}
.nlw a{color:#0075a9;text-decoration:none;}
.nlw a:hover{text-decoration:underline;transition:.3s;}

.nltit{margin:5px 0 0 0;}

.nlhiw{display:flex;flex-wrap:wrap;}
.nlhi{width:88px;margin:0 10px 0 0;}
.categl{
width:100px;
background:#417cb7;
color:#fff;
padding:2px 0 0 0;
text-align:center;
font-size:.75em;
}

.categ{
background:#417cb7;
color:#fff;
padding:4px 20px;
text-align:center;
}

.nbnow{text-align:center;margin:40px 0;}
.nbno{display:inline-block;}
span.nbnoa{color:#024a92;padding:10px 20px;margin:5px;border:1px solid #96cafd;}
span.nbnon{color:#024a92;padding:10px 20px;margin:5px;border:1px solid #024a92;background:#f1f8ff;}
span.nbnoa:hover{border:1px solid #024a92;}

.nkiji{}
.nkiji a{color:#0075a9;text-decoration:none;}
.nkiji a:hover{text-decoration:underline;transition:.3s;}

.nkiji h4{
text-align:left;
padding:0 10px;
border-bottom:1px solid #024a92;
font-size:1.5em;
color:#024a92;
}
.nkiji h6{
margin:20px 0px 0px 0px;
padding:4px 0px 4px 10px;
font-size:1.3em;
font-weithg:bold;
letter-spacing:.06em;
}
.hiduke{
text-align:right;
margin:10px;
padding:0px;
color:#666;
}

.infot{
font-size:1em;
line-height:1.6em;
letter-spacing:.1em;
color:#333;
margin:20px;
padding:0 0 12px 0;
}

.infw{
margin-top:20px;
padding:10px;
border:1px solid #ccc;
border-radius:4px;
}

	.iw1{width:100%;}
	.iw2{width:600px;}
	
.mfth{
float:left;
width:280px;
height:30px;
padding:10px 0px 0px 10px;
margin:4px 0px;
font-size:1.1em;
color:#0075a9;
}
.mfth span{color:#ff0000;font-size:.8em;}

.mftd{
float:left;
width:620px;
padding:0px;
margin:10px 0px;
font-size:1.1em;
}
.mfbd{
clear:both;
border-bottom:1px dotted #679c80;
margin-bottom:20px;
}

.mfni{
float:left;
width:50%;
height:90px;
font-size:1.1em;
}
.mfni img{margin:5px;border:1px solid #ddd;border-radius:4px;}
.mfni select{margin:10px 0 0 0;}

.mfele{
margin:4px 0px;
padding:5px;
background:#eee;
border-radius:4px;
}
.mffs{font-size:1.1em;}
p.dame{
margin:0px !important;
padding:0px !important;
font-size:20px !important;
color:#b20e0f !important;

input.bigbot{
	width:100%;
	height:80px;
	margin:20px 0px;
	font-size:24px;
    color: #ffffff;
    background:#f97627;
	border-radius:10px;
    font-weight: bold;
    border:none;
}
input.bigbot:hover{background:#f1a945;}

.waku{
padding-bottom:30px;
border-bottom:1px solid #ccc;
}