body{margin:0;padding:0;background:#81bcd8;overflow:hidden scroll;}	
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
a{outline:none !important;text-decoration:none;color:#222;}
a:hover{color:#69BD83;}
img{display:block;}
.slider{margin:auto;background-color:white;position:relative;}
.slider img{width:100%;animation-name:slider;-webkit-animation-name:slider;animation-duration:15s;-webkit-animation-duration:15s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;opacity:0;}
.slider .img1{display:block;margin:0 auto;animation-delay:0s;-webkit-animation-delay:0s;}
.slider .img2{animation-delay:5s;-webkit-animation-delay:5s;position:absolute;top:0;left:0;}
.slider .img3{animation-delay:10s;-webkit-animation-delay:10s;position:absolute;top:0;left:0;}
@keyframes slider{
0%{opacity:0;}
12.5%{opacity:1;}
37.5%{opacity:1;}
50%{opacity:0;}
}
@-webkit-keyframes slider{
0%{opacity:0;}
12.5%{opacity:1;}
37.5%{opacity:1;}
50%{opacity:0;}
}
.mainimgaa{position:relative;}
.mainimgaa h1{position:absolute;top:40px;left:32px;font:700 3vw "UD新ゴNT DB,UD Shin Go NT DemiBold,serif";color:#1a1a1a !important;line-height:1.3;transform:translate3d(0%, 0px, 0px);text-shadow:0px -1px 1px #fff, 1px 1px 1px #2e8453;z-index:2;}
.mc1{font:700 3vw "游ゴシック" !important;color:#ec77af;display:inline-block;}
.mc2{font:700 3vw "游ゴシック" !important;color:#e19351;display:inline-block;}
.scroll{width:100%;height:68px;position:absolute;margin:-4em 0 0;}
.arrowwrap{margin-top:1vh;text-align:center;}
.arrow{width:15px;margin:1em auto;-webkit-animation:arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;animation:arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;}
.arrow span{position:relative;display:block;left:50%;}
.arrow span:before{content:'';width:15px;height:15px;border:0;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(135deg);transform:rotate(135deg);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;}
@keyframes arrow{
0%{opacity:0;}
12.5%{opacity:1;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
100%{opacity:0.5;-webkit-transform:translate3d(-50%, -8px, 0);transform:translate3d(-50%, -8px, 0);}
}

header{z-index:9;}
.dh{background:rgba(255,255,255,0);display:flex;position:fixed;justify-content:space-between;transition:.5s;width:100%;}
.dh.transform{background:rgba(255,255,255,0.9);height:64px;}

.site-logo img{
    height:20px;
    width:auto;
}
.mainnavi ul{position:relative;float:right;height:26px;display:flex;background:rgba(11, 49, 143, .8);padding:0 0 0 1em;margin:1.3em 0 0 0;}
.mainnavi li{list-style:none;height:28px;float:left;color:#342e1f;padding-right:1em;}
.mainnavi li a{text-align:center;display:flex;align-items:center;justify-content:center;padding:0;line-height:1 !important;height:28px;font:1rem normal;position:relative;color:#fff;}
.mainnavi li a::before,.mainnavi li a::after{border-bottom:2px dashed #fff;bottom:5px;content:"";display:block;position:absolute;transition:all .3s ease;-webkit-transition:all .3s ease;width:0;}
.mainnavi li a::before{left:50%;}
.mainnavi li a::after{right:50%;}
.mainnavi li a:hover::before,.mainnavi li a:hover::after{width:50%;}
.site-header.fix .mainnavi{position:relative;}
header.dh.transform .mainnavi ul {background:rgba(255,255,255,0);}
header.dh.transform .mainnavi li a {color:#2e5ac4;}
header.dh.transform .mainnavi li a:hover{color:#2e5ac4;}
header.dh.transform .mainnavi li a::before,header.dh.transform .mainnavi li a::after{border-bottom:2px dashed #2e5ac4;} 
header.dh.transform .menu li a {}
header.dh.transform .menu li a:hover{}

/*snav*/
.snav{display:none;}
.sp{position:absolute;right:20px;top:12px;width:40px;height:40px;cursor:pointer;z-index:300;background:#2e5ac4;}
.hline{position:absolute;width:28px;height:3px;right:5.7px;background:#fff;transition:all 0.5s;}
.l1{top:5px;}
.l2{top:17.5px;}
.l3{top:31px;}
/*ハンバーガーがクリックされたら*/
.open .l1{transform:rotate(-45deg);top:19px;}
.open .l2{opacity:0;}
.open .l3{transform:rotate(45deg);top:19px;}
.menu{position:fixed;right:-100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
top:0;width:28%;height:100vh;background:rgba(11, 49, 143, .8);transition:all 0.5s;z-index:200;
overflow-y:auto; /* メニューが多くなったらスクロールできるように */
}
.menu ul{position:relative;top:44px;}
.menu li{list-style:none;margin:0;height:48px;padding-right:1em;}
.menu li a{text-align:center;display:flex;align-items:center;color:#fff;justify-content:center;padding:0;line-height:1 !important;height:48px;font:1rem normal;position:relative;}
/*クリックされたら右からスライド*/
.open .menu{right:0;}
/*メニュー解除*/
.snavblack{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5;background:#000;opacity:0;visibility:hidden;transition:all 0.5s;cursor:pointer;z-index:100;}
/*開いたら表示*/
.open .snavblack{}



.content{
    line-height:1.6;
    margin:0 auto;
    padding-top:100px;
    width:800px;
}
.content p{
    margin-bottom:40px;
}

/*q*/
section.feature{width:100%;margin-bottom:20px;display:flex;}
section.feature .area{width:50%;}
.parent1 .area,.parent2 .area{margin-right: 10px;}


@media screen and (max-width:1156px){
.mainnavi ul{display:none;}
.snav{display:block;}
.parent1{flex-direction:column;}
.parent2{flex-direction:column-reverse;}
}