/*基本*/
@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:Maru Folk Regular;}

.bgsiro{background:#fff;color:#333;}
.bgkuro{background:#000;color:#fff;}

.bgsora{background:#b9e3f9;}
.bgsora{background:#c1ffff;}

.bgsasi0{background:#fff;color:#333;}
.bgsasi1{background:#cffffa;color:#333;}
.bgsasi6{background:#eee;color:#333;}
.bgsasi5{background:#e5ffea;color:#333;}
.bgsasi2{background:#e0d5f3;color:#333;}
.bgsasi3{background:#ffede3;color:#333;}
.bgsasi4{background:#c1ffe7;}
.bgsasi7{background:#fffcdb;}


.nwaku{margin:10px;padding:10px;background:#fff;border-radius:8px;}
.cwaku{margin:10px 0;padding:10px 30px;background:#fffadd;border-radius:8px;}

.fll{float:left;}
.flr{float:right;}
.cf{clear:both;}
.tac{text-align:center;}
.tar{text-align:right;}
.str{font-weight:bold;color:#40786f;}
.sage1{padding-left:1em;text-indent:-1em;}
.sage2{padding-left:2em;text-indent:-2em;}
.kyty{font-size:1.3em;line-height:1.8em;}
.kytys{font-size:1.2em;line-height:1.4em;margin-top:20px;}

.opa{filter:opacity(40%);}
.opa:hover{filter:opacity(60%);transition:all .4s;}

img.bri{border-radius:4px;}
img.kg{filter:drop-shadow(2px 2px 0px #bbb);}
.bri:hover{filter:brightness(115%);transition:all .4s;}

.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%;}
.sage{display:block;margin-left:1em;text-indent:-1em;}

.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_m{
background:#fff;color:#333;
z-index:9999;
position: -webkit-sticky;
position: sticky;
top: 0;
opacity:0.9;
border-bottom:1px solid #ccc;
}

	div#hn{width:980px;height:60px;margin:auto;font-size:17px;}
	.hc{float:left;width:140px;}
	.hmm{float:left;width:140px;padding-top:16px;text-align:center;}
	.hmm:hover{transform:translateY(-2px);transition-duration:0.2s;}
	
.hmm a{color:#27044c;font-family:Maru Folk Regular;}

/*ヘッダ(Form用)*/
div#head{
height:90px;
text-align:center;
font-size:20px;
background:#c1ffff;
color:#333;
}

/*フッタ*/
div#foot{
font-size:.9em;
background:#999;
padding:10px;
margin-top:auto;
}
#fmm{font-family:Maru Folk Regular;text-align:center;width:100%;font-size:17px;color:#fff;border-bottom:1px solid #eee;padding-bottom:20px;}
#foot p{color:#fff;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{color:#fff;text-decoration:underline;}

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

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

h2{
font-family:Maru Folk Regular;
color:#333;
font-size:1.8em;
text-align:center;
letter-spacing:0.1em;
padding:10px 0px 14px 0px;
margin:0px auto;
}

h3{
font-family:Maru Folk Regular;
letter-spacing:0.1em;
margin:0px;
padding:30px 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;}

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



.koe{
font-size:1.1em;
width:98%;
text-align:left;
background:#fff;
color:#333;
padding:0 1%;
border:3px solid #fff;
border-radius:8px;
margin-bottom:10px
}
.koe_f{float:left;width:140px;text-align:center;}
.koe_t{float:left;width:780px;}
.koe_tit{font-weight:bold;border-bottom:1px dotted #f6ba6d;color:#555;}

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

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

.opw{
float:left;
height:290px;
width:23%;
padding:0.8%;
padding-top:20px;
margin:0.2%;
background:#fff;
border-radius:8px;
text-align:center;
}
.opw h4{margin:0px;border:none;}
.opw img{border-radius:8px;}
.str{font-weight:bold;color:#40786f;}
.fsb{font-size:130%;}

.rih{
float:left;
width:31%;
padding: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:#fce2c3;
}
.toi{
padding:10px 0px;
text-align:center;
}
.conbox{
float:left;
width:49%;
padding:10px 0;
margin:1% .5%;
background:#fff;
border-radius:8px;
}

.toitx{font-size:1.6em;text-align:center;}
.toilv{color:#333;}
.toilv:hover{background:#fffadd;}
/*----------------------------------------*/
table{width:90%;margin:0 auto;font-size:20px;}
table th{
color:#666;
position: relative;
text-align:right;
width: 30%;
padding:10px 14px;
border-bottom:1px dotted #aaa;
}
table td{
color:#333;
text-align:left;
width: 70%;
padding:10px 14px;
border-bottom:1px dotted #aaa;
}
/*----------------------------------------*/
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;
}
/*----------------------------------------*/

.buttel{
z-index:8888;
text-align:center;
margin-left:1000px;
width:200px;
background:#000;
color:#fff;
}


	.mfhi1{width:80px;}
	.mfhi2{width:40px;}
	.mfhi3{width:40px;}
	
.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:680px;
padding:0px;
margin:10px 0px;
}
.mf3b{
float:left;
width:30%;
padding:10px;
text-align:center;
font-weight:bold;
font-size:1.1em;
}
.mf4b{
float:left;
width:25%;
text-align:center;
font-size:1.1em;
}
.mfz{
margin:10px;
width:95%;
text-align:center;
font-weight:bold;
font-size:1.1em;
}

.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;}
.mfbd{
clear:both;
border-bottom:1px dotted #679c80;
margin-bottom:20px;
}
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:#461c87;
	border-radius:4px;
    font-weight: bold;
	cursor:pointer;
}
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;
	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:20px;
height:20px;
vertical-align: middle;
}
input[type=checkbox]{
width:20px;
height:20px;
vertical-align: middle;
}
::placeholder{color:#999;}

.mado{
overflow:auto;
height:260px;
margin:20px 0;
border:3px solid #aaa;
padding:10px;
}

/*------------------------*/
#roop{
    width:100%;
    height:180px;
    padding-top:20px;
    background:url(im/kumo.gif) repeat-x;
    background-position:0 0;
    -webkit-animation:bgroop 240s linear infinite;
    animation:bgroop 240s linear infinite;
    text-align:center;
}
@-webkit-keyframes bgroop{
    from{background-position:0 0;}
    to{background-position:-1920px 0;}
}
@keyframes bgroop{
    from{background-position:0 0;}
    to{background-position:-1920px 0;}
}
/*-----------------------------*/
#page-top{
	width:120px;
	height:120px;
	display:none;
	position:fixed;
	right:30px;
	bottom:30px;
}
#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:120px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/*----------------------------------------*/
.img_wrap{
  box-shadow:5px 5px 5px rgba(0,0,0,0.4);
  transform:translateY(-3px);
  border-radius:10px;
  margin:20px auto 0;
  transition-duration:0.3s;
}
.img_wrap img{
  width:100%;
  cursor:pointer;
}
.img_wrap:hover{
  box-shadow:2px 2px 2px rgba(0,0,0,0.2);
  transform:translateY(-1px);
  transition-duration:0.3s;
}
/*----------------------------------------*/


.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{
background:#fff;
border-bottom:1px solid #ccc;
}

.mmtit h2{
font-family:Maru Folk Regular;
font-size:30px;
padding:10px 0 16px 0;
margin:0px;
}

div.mmsd{
background:#bbb;
height:1px;
width:100%;
border-bottom:1px solid #ddd;
}

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

.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);
}
/*----------------------------------------*/