/*基本*/
@charset "UTF-8";

body{margin:0px;
display: flex;
flex-direction: column;
min-height: 100vh;
-webkit-text-size-adjust:100%;
}

/*ぼやけ回避*/
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;
}

p{text-align:justify;color:#333;}p{font-size:1em;}
video{vertical-align:top;}
html{scroll-padding-top:120px;} /* 固定ヘッダの高さ分 */
a{text-decoration:none;}

.fff{font-family:A1明朝;}

.bgsiro{background:#fff;color:#333;}
.bgkuro{background:#000;color:#fff;}
.bgsasi0{background:#48adf9;color:#333;}
.bgsasi1{background:url(im/sasi1.gif);color:#333;}
.bgsasi2{background:#ffd75f;color:#333;}
.bgsasi3{background:#ecf5ff;color:#333;}
.bgsasi4{background:#ff875f;color:#333;}
.bgsasi5{background:#feefd2;color:#333;}

.fll{float:left;}
.flr{float:right;}
.cf{clear:both;}
.tac{text-align:center;}
.tar{text-align:right;}

.fcfff{color:#fff;}
.fc000{color:#000;}

.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;}

.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w70p{width:70%;}
.w60p{width:60%;}
.w100p{width:100%;}

.wsh{width:100px;}
.pd10{padding:10px;}
.ptlit{padding-top:15px;}
.ptmid{padding-top:30px;}
.pblit{padding-bottom:15px;}
.pbmid{padding-bottom:30px;}

.mtlit{margin-top:15px;}
.mtmid{margin-top:30px;}
.mblit{margin-bottom:15px;}
.mbmid{margin-bottom:30px;}

.bdr{border-radius:8px;}

.ff{opacity:0;transform:translateY(30px);transition:all 1s;}
.ss{opacity:0;transform:translateX(30px);transition:all 1s;}

.vv{opacity:0;animation:r7 0.6s linear;transition:all 1s;}
@keyframes r7 {
0%{transform: rotateY(270deg); }
100%{transform: rotateY(360deg); }
}


.ad1{transition-delay:0s;}
.ad2{transition-delay:0.2s;}
.ad3{transition-delay:0.4s;}
.ad4{transition-delay:0.6s;}

.iv:hover{filter:brightness(120%);transition:all 0.5s;}

.naka{width:940px;padding:20px 10px;margin:auto;}.naka_d{width:1260px;padding:20px 10px;margin:auto;}
div#head{
background:#0056cc;color:#fff;
z-index:9999;
position: -webkit-sticky;
position: sticky;
top: 0;
opacity:0.8;
}

	div#hn{width:1280px;height:60px;margin:auto;font-size:20px;}
	div#hc{float:left;width:60px;}
	.hmm{float:left;width:203px;padding-top:16px;text-align:center;}
	#hn a{color:#fff;font-family:A1明朝;}
#hn a:hover{color:#ffff00;border-bottom: solid 2px #fff;transition:.3s;}


/*フッタ*/
div#foot{
font-size:.9em;
background:#6d6c70;
padding:10px;
margin-top:auto;
}
#foot p{color:#fff;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{color:#fff;text-decoration:underline;transition:.3s;}

.link_w{
text-align:center;
width:300px;
background:#225a22;
border:1px solid #fff;
border-radius:8px;
margin:0px auto;
padding:20px;
}

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

h2{
font-family:Ryumin Bold KL;
color:#000;
font-size:1.8em;
text-align:center;
letter-spacing:0.1em;
padding:10px 0px 14px 0px;
margin:0px auto;
}

h3{
letter-spacing:0.1em;
margin:0px;
padding:20px 0px 5px 0px;
text-align:center;
font-size:1.6em;
font-weight:bold;
color:#18205e;
border-bottom:1px dotted #18205e;
}

h4{
letter-spacing:0.1em;
color:#023f93;
margin:10px 0px 0px 0px;
padding:3px 0px;
font-size:1.1em;
border-bottom:1px dotted #023f93;
}

h5{
text-align:left;
letter-spacing:0.1em;
color:#666;
margin:10px 0px 0px 0px;
padding:0 0 10px 0;
font-size:1.1em;
border-bottom:1px dotted #023f93;
}

div.top4bot{
position:relative;z-index:0;
width:22%;
height:280px;
float:left;
text-align:center;
background:#fff;
color:#333;
padding:15px 5px 10px 5px;
margin:0 1%;
border-radius:16px;
margin-bottom:5px;margin-top:30px;
}
.picw{filter:opacity(50%);}

.yk3bot{
float:left;
width:29.3%;
padding:2%;
text-align:center;
color:#333;
}
.yk3bot img{width:100%;}
.yk3bot p{text-align:center;}

.rn3bot{
float:left;
width:29%;
height:260px;
text-align:center;
padding:1%;
margin:1%;
border-radius:10px;
background:#ffe9a9;
color:#333;
}
.rn3bot img{margin-top:-200px;}

div.q3bot{
width:98%;
text-align:center;
background:#fff;
color:#333;
padding:1%;
border-radius:8px;
margin-bottom:10px
}

.catxt{font-size:32px;color:#023f93;letter-spacing:0.1em;}

.aisl{width:800px;margin-left:100px;}
.aisr{width:360px;}

.riw{
float:left;
width:31%;
padding:1.1%;
}
.ril{
float:left;
width:40%;
padding:0%;
}
.rir{
float:left;
width:58%;
padding:0 1%;
}

.trl{float:left;width:20%;padding:3%;}
.trr{float:left;width:65%;padding:2%;font-size:1.2em;}
.qico{
background:#ff7050;
color:#fff;
padding:4px 10px;
border-radius:50%;
margin:0px 10px 0px 0px;
}

.ques{
margin:10px;
padding:10px;
border-radius:8px;
background:#fff;
}

.fuki{
float:left;
position:relative;
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
padding:10px 0;
background-color:#023f93;
border-radius:20px;
width:19%;
margin:0 .3%;
}
.fuki:before{
content:'';
position:absolute;
display:block;
z-index:1;
border-style:solid;
border-color:#023f93 transparent;
border-width:10px 10px 0 10px;
bottom:-10px;
left:50%;
margin-left:-10px;
}
/*----------------------------------------*/
.toiw{background:url(im/toibg.gif);}
.toi{
padding:30px 0px;
text-align:center;
}
.conbox{
float:left;
width:50%;
}
.toitx{font-size:1.6em;text-align:center;}
/*----------------------------------------*/
table{width:100%;border-spacing:0;}
th{border-bottom:dotted 1px #007832;padding:20px;font-size:1.1em;}
td{border-bottom:dotted 1px #007832;padding:20px;}
/*----------------------------------------*/
ul{list-style:none;margin:0;padding:0;}
li:before{
content:"";
width:12px;
height:12px;
display:inline-block;
background-color:#66ae84;
position:relative;
top:0px;
border-radius:50%;
margin-right:5px;
}
li{
padding:4px 10px;
margin-bottom:0px;
color:#333;
padding-left: 1em;
text-indent: -1em;
}
/*----------------------------------------*/
.but1w{margin:20px auto;width:100%;text-align:center;}
.but1{
width:100%;
border-radius:10px;
box-shadow:0 5px 0 #888;
transition:0.3s;
}
.but1 img{border-radius:10px;width:100%;}
.but1:hover {
transform:translateY(3px);
box-shadow:0 2px 0 #aaaaaa;
}
/*----------------------------------------*/
.buttel{
z-index:8888;
text-align:center;
margin-left:1000px;
width:200px;
background:#000;
color:#fff;
}


.mfth{
float:left;
width:200px;
height:30px;
padding:10px 0px 0px 0px;
margin:4px 0px;
font-weight:bold;
font-size:1.1em;
color:#333;
}
.mftd{
float:left;
width:700px;
padding:0px;
margin:10px 0px;
}
.mfbd{
clear:both;
border-bottom:1px dotted #679c80;
margin-bottom:20px;
}
.mffs{font-size:1.1em;}
p.dame{
margin:0px !important;
padding:0px !important;
font-size:20px !important;
color:#b20e0f !important;
font-weight:bold;
animation:updown .6s infinite ease-in-out alternate;
}
@keyframes updown{
  0% {transform: translateY(-6px)}
  100% {transform: translateY(6px);}
}


.repq{width:100%;font-size:1.1em;color:#666;border-top:20px;}
.repa{width:100%;font-size:1.1em;padding:4px;}
/*----------------------------------------*/
input.bb{
	-webkit-appearance: none;
	width:300px;
	height:60px;
	margin:20px 0px;
	font-size:24px;
    color: #ffffff;
    background:#0a3627;
	border-radius:4px;
    font-weight: bold;
}
input.bb:hover{background:#1c654c;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;
	font-size:16px;}
input[type="email"]{
	border:1px solid #aaaaaa;
	margin:2px;
	padding:8px;
	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:20px;
height:20px;
vertical-align: middle;
}
::placeholder{color:#999;}

.mado{
overflow:auto;
height:260px;
margin:20px 0;
border:1px solid #CCCCCC;
padding:10px;
}
/*----------------------------------------*/
/*ページトップjavascript用*/
/*----------------------------------------*/
#page-top{
	width:100px;
	height:110px;
	display:none;
	position:fixed;
	right:30px;
	bottom:60px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:url(im/pt.png);
}
#page-top p:hover{opacity: 0.7;}
 
#move-page-top{
	color:#fff;
	line-height:110px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/*----------------------------------------*/
/* Float */
/*----------------------------------------*/
.hvr-float{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
/*----------------------------------------*/


.topiw{
border-radius:4px;
background:#fff;
padding:20px;
}

	.tipihi{
	float:left;
	width:120px;
	color:#333;
	margin:15px 0px 10px 0px;
	font-size:1.1em;
	}
	.topitit{
	float:left;
	width:1100px;
	margin:15px 0px 10px 0px;
	padding:0px;
	font-size:1.1em;
	}
	
.topiul{clear:both;border-bottom:1px solid #aaa;}
.topiw a{color:#00642a;text-decoration:none;}
.topiw a:hover{color:#000;text-decoration:underline;transition:.3s;}

div.mmtit{
text-align:center;
background:#3378d6;
color:#fff;
border-bottom:1px solid #999;
}
div.mmsd{
background:#bbb;
height:1px;
width:100%;
border-bottom:1px solid #ddd;
}


div.swaku{
margin:4px 10px;
padding:5px;
border:solid 1px #cccccc;
}


div.nwaku{
margin:10px;
padding:20px;
background:#fff;
color:#444;
border-radius:8px;
font-size:1.1em;
}

.icomw{text-align:center;height:80px;margin-top:30px;}
.icom{
padding:34px 10px;
border-radius:50%;
box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

.jibot{
margin:20px auto;
width:70%;
border-radius:10px;
background:#333;
color:#fff;
text-align:center;
border:2px solid #aaa;
padding:30px 0px;
}

.decnon{text-decoration:none;}
.jibot:hover{background:#888;transition:.3s;}



.aicobox{
float:left;
height:200px;
text-align:center;
color:#333;
margin:0.2%;
padding:10px;
border-radius:10px;
background:#f2feda;
width:30%;
}
.aicotit{
background:#fff;
padding:10px;
border-radius:50%;
box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.hlow{height:180px;}

.newico{
background:#df302f;
color:#fff;
padding:3px;
border-radius:20%;
margin-right:5px;
}


p.gai{
margin-left:1em;
text-indent:-1em;
paddign:0px;
margin:5px 16px;
}

.pdfbot{
margin:10px 0px;
border-radius:10px;
box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
/*----------------------------------------*/