/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,main { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
main{box-shadow:0 0 0;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#000000;}
li{list-style:none;}
body{background:#FFFEF9;width:100%;height:auto;font-family:'Noto Sans JP', serif,"myfont";}
.rel{position:relative;}
.ab{position:absolute;}
.max{max-width:1300px;margin:0 auto;}
.bold{font-weight:bold;}
.fl{display:flex;}

p,summary,a{font-size:15px;letter-spacing:.1rem;font-weight:normal;line-height:1.5rem;}
h1{font-size:24px;letter-spacing:.1rem;font-weight:normal;}
h2{font-size:22px;letter-spacing:.1rem;font-weight:normal;}
h3{font-size:18px;letter-spacing:.1rem;font-weight:normal;}
h4,h5,h6{font-size:15px;letter-spacing:.1rem;font-weight:normal;}

@media screen and (max-width:950px){
  h1{font-size:21px;}
  h2{font-size:19px;}
  h3{font-size:16px;}
  h4,h5,h6{font-size:14px;}
  p,summary,a{font-size:14px;}
}
@media screen and (max-width:500px){
  h1{font-size:18px;}
  h2{font-size:16px;}
  h3{font-size:15px;}
  h4,h5,h6{font-size:13px;}
  p,summary,a{font-size:13px;}
}
/* ロードフェードイン */
.js-box{display:none;}
/* ロードフェードイン(下から) */
.js-box-under{opacity:0;visibility:hidden;transform:translateY(50px);transition:opacity 3s,visibility 3s, transform 3s;}
.js-box-under.load{opacity:1;visibility:visible;transform:translateY(0px);}
/* フェードイン */
.block{opacity:0;transition:all 2s;}
.fadeIn{opacity:1;}
/*------ ホバーアンダーライン ------*/
.a-hov{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:3px;background:#ffa033;bottom:2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.4s;}
.a-hov:hover::after{transform:scale(1, 1);}

/* ハンバーガー */
.hum{position:relative;z-index:9999;display:none;}
@media screen and (max-width:950px){
  .hum{display:block;}
  .header{display:none;}
}
/* Hamburger menu */
.nav-trigger{position:fixed;z-index:4;top:1.2rem;left:2%;width:44px;height:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;}
.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after{position:absolute;width:36px;height:2px;background:#000000;}
.nav-trigger span{top:calc(50% - 2px);left:calc(50% - 18px);transition:background .3s;}
.nav-trigger span::before,
.nav-trigger span::after{content:'';top:0;left:0;transition:background .3s, transform .3s;}
.nav-trigger span::before{transform:translateY(-12px);}
.nav-trigger span::after{transform:translateY(12px);}

.nav-open .nav-trigger span{background:transparent;}
.nav-open .nav-trigger span::before{transform:rotate(-45deg);}
.nav-open .nav-trigger span::after{transform:rotate(45deg);}
/* ナビ内 */
/* ナビ表示幅 */
.nav-container{position:fixed;z-index:3;width:40%;height:100vh;top:0;left:0;overflow:hidden;transform:translateZ(0);transform:translateX(-100%);}
.nav-open .nav-container{transform:translateX(0);}
.nav{padding:0;color:#fff;overflow:auto;height:100%;padding-top:17%;background:linear-gradient(to right, rgba(15, 45, 60, 1),rgba(41, 122, 162, 1));}
@keyframes slide-links{
  100%{opacity:0;transform:translateX(100%);}
  0%{opacity:1;transform:translateX(0%);}
}

@media screen and (min-width:1500px){
  .nav-container{width:35%;}
}
@media screen and (max-width:1250px){
  .nav-trigger::before{font-size:20px;}
}
@media screen and (max-width:1050px){
  .nav-trigger::before{font-size:20px;top:2rem;left:-1rem;}
  .nav-open .nav-trigger::before{left:-1.2rem;}
}
@media screen and (max-width:950px){
  .nav-container{width:60%;}
}
@media screen and (max-width:700px){
  .nav-trigger{width:4.5rem;}
  .nav-trigger::before{font-size:17px;}
  .nav-container{width:70%;}
}
@media screen and (max-width:500px){
  .nav-open .nav-trigger::before{top:1.3rem;}
  .nav-container{width:80%;}
  .nav-trigger{width:3.5rem;top:.7rem;}
  .nav-trigger::before{font-size:15px;top:2.5rem;left:-.5rem;}
  .nav-open .nav-trigger::before{top:1.9rem;left:-.8rem;}
  .nav h3{font-size:70px;}
}
@media screen and (max-width:430px){
  .nav-container{width:85%;}
}

/*-------------------- top ----------------------*/
/*-------------------- sidebar ----------------------*/
.sidebar,.sidebar-hum{height:100vh;position:fixed;top:0;background-color:#FFFEF9;text-align:center;box-shadow:1px 1px 8px #d1d1d1;z-index:10;}
.sidebar{width:15%;left:0;}
.sidebar-hum{width:50%;left:0;}
.sidebar p,.sidebar-hum p{font-size:9px;color:#bbbbbb;font-weight:bold;margin-top:-5px;}
.sidebar li,.sidebar-hum li{margin:5px 10px 10px 10px;font-weight:bold;}
.sidebar a,.sidebar-hum a{font-size:16px;}
.top-logo img{width:100px;margin-top:3%;}
.sns-icon img{width:34px;}
.top-sns{display:flex;width:100px;margin:3% auto;justify-content:space-between;}
.sns-icon:hover{opacity:.4;}
.sub-ttl{margin:0 0 -6% 32px;}
.top-ttl{font-size:20px;margin-bottom:7%;}
.top-tel p{font-size:12px;color:#000000;margin-bottom:-5px;}
.top-tel a:hover{opacity:.4;}
.sidebar-bot-box{bottom:3%;left:50%;transform:translate(-50%,0);width:100%;}

@media screen and (max-width:950px){
  .sidebar{display:none;width:30%;}
}
@media screen and (max-width:700px){
  .sidebar-hum{width:60%;}
}

/*-------------------- main ----------------------*/
.main-box{margin-left:15%;width:85%;overflow:hidden;}
.top{background-color:#FCDB70;}
.bk-img{width:100%;margin:0 auto;position:fixed;z-index:-1;top:0;left:0;opacity:.4;}
.tel-box{top:0;right:0;background-color:#FFFEF9;padding:15px 25px;border-radius:0 0 0 10px;z-index:10;}
.tel-box p{border-bottom:1px solid #ecd99a;}
.tel-box span{font-size:10px;}
.top-com{padding:5px 5px 5px 10px;background-color:rgba(255, 255, 255, 0.8);z-index:5;}
.top-c{left:5%;top:15%;}
.mid-c{left:5%;top:25%;}
.bot-c{left:5%;bottom:10%;font-size:30px;padding:10px 10px 10px 20px;letter-spacing:5px;}

.back-ball{border-radius:50%;}
.b-ball1{top:-5%;left:1%;z-index:0;background-color:#E8D6D3;width:190px;height:190px;}
.b-ball2{bottom:15%;left:4%;z-index:2;background-color:#D3E2E8;width:90px;height:90px;}
.b-ball3{top:15%;right:-3%;z-index:2;background-color:#E8D3E2;width:130px;height:130px;}
.b-ball4{bottom:-10%;right:-7%;z-index:2;background-color:#ACD3B5;width:250px;height:250px;}

.slider-all{width:100%;height:100vh;overflow:hidden;}
.slider-all img{width:90%;margin:4% 0 0 10%;object-fit:cover;clip-path:polygon(0% 20%, 0% 20%, 50% 0%, 100% 20%, 100% 100%, 0% 100%, 0% 80%)}


@media screen and (max-width:1100px){
  .bot-c{font-size:25px;}
  .top-c{top:10%;}
  .mid-c{top:20%;}
  .b-ball4{width:220px;height:220px;}
  .slider-all{height:90vh;}
  .slider-all img{margin:7% 0 0 10%;}
}
@media screen and (max-width:950px){
  .main-box{margin-left:0;width:100%;}
  .slider-all{height:100vh;}
}
@media screen and (max-width:800px){
  .bot-c{font-size:23px;}
  .tel-box p{font-size:13px;line-height:1.3rem;}
  .top-c{top:7%;}
  .mid-c{top:16%;}
  .slider-all img{margin:15% 0 0 10%;}
}
@media screen and (max-width:700px){
  .bk-img{top:50%;left:50%;transform:translate(-50%,-50%);}
  .tel-box{bottom:0;top:unset;border-radius:10px 0 0 0;padding:10px 25px;}
  .top-c{left:unset;right:5%;}
  .mid-c{left:unset;right:5%;}
  .bot-c{bottom:25%;left:3%;}
  .b-ball2{bottom:6%;}
  .b-ball3{top:3%;}
  .slider-all img{margin:150px 0 0 10%;}
}
@media screen and (max-width:500px){
  .tel-box{width:100%;border-radius:10px 10px 0 0;}
  .b-ball2{bottom:13%;}
  .b-ball4{bottom:5%;width:200px;height:200px;}
  .bot-c{bottom:130px;left:0%;font-size:19px;}
  .slider-all img{height:400px;margin:110px 0 0 10%;}
}
@media screen and (max-width:430px){
  .tel-box{padding:10px;}
  .tel-box p{font-size:12px;}
  .bot-c{font-size:15px;padding:10px;}
  .slider-all{height:80vh;}
  .slider-all img{margin:25% 0 0 0;}
}
/*-------------------- about ----------------------*/
.about{display:flex;align-items:center;width:80%;margin:10% auto;max-width:1000px;}
.about img{width:30%;max-width:180px;margin:0 5%;}
.about p{width:50%;margin:0 5%;font-size:20px;line-height:38px;margin-top:3%;}
.about p span{background:linear-gradient(transparent 60%, #FFEB88 60%);}

@media screen and (max-width:1300px){
  .about{width:85%;}
  .about p{width:100%;font-size:18px;}
}
@media screen and (max-width:1100px){
  .about p{font-size:17px;}
}
@media screen and (max-width:900px){
  .about p{font-size:15px;line-height:30px;margin:0 2%;}
}
@media screen and (max-width:700px){
  .about{display:block;width:80%;}
  .about img{width:200px;margin:0;}
  .about p{font-size:14px;line-height:25px;}
}
@media screen and (max-width:500px){
  .about{width:85%;}
  .about img{width:160px;}
  .about p{font-size:13px;line-height:20px;}
}

/*-------------------- news ----------------------*/
.news{width:100%;margin:5% auto;max-width:1000px;padding-bottom:20px;}
.ttl{text-align:center;font-size:22px;letter-spacing:10px;font-weight:bold;}
.news img,.area-img{top:-14px;right:43%;width:35px;}
.news-list{width:70%;margin:5% auto;}
.t-n-con{display:flex;justify-content:center;text-align:center;}
.t-n-con li{margin-bottom:15px;font-size:18px;letter-spacing:5px;}
.t-n-con a{margin-left:80px;}
.t-n-con a:hover{opacity:.4;}
.news-list li hr{width:80%;opacity:.2;}
.t-n-new{display:flex;}
.t-b-news-y{margin:0 2vw 0 1vw;}
.orange{color:#F99F5F;display:flex;align-items:center;}

.news-more,.ser-more{text-align:right;}
.news-more{width:80%;margin:5% auto 0;}
.ser-more{width:70%;margin:8% auto 0;}
.mo-hov{position:relative;}
.mo-hov::after{position:absolute;left:-100%;content:'';width:200%;height:1px;background:#A4A4A4;bottom:-3px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.4s;}
.mo-hov:hover::after{transform:scale(1, 1);}

@media screen and (max-width:1200px){
  .ser-more{width:80%;}
}
@media screen and (max-width:1100px){
  .news-box{width:80%;}
  .news-box li{font-size:16px;}
}
@media screen and (max-width:800px){
  .news img,.area-img{right:41%;}
  .t-n-con a{margin-left:50px;}
}
@media screen and (max-width:700px){
  .t-n-con li{font-size:14px;margin-bottom:10px;}
  .t-n-con a{margin-left:5px;}
}
@media screen and (max-width:600px){
  .news-list{width:85%;}
  .news img,.area-img{right:39%;}
  .t-n-con a{margin-left:10px;}
}
@media screen and (max-width:500px){
  .news img,.area-img{right:37%;}
  .news-list{width:95%;}
  .t-n-con a{margin-left:0px;}
  .t-n-con li{font-size:13px;}
}
@media screen and (max-width:430px){
  .news img,.area-img{right:35%;}
  .news-list{width:95%;}
}



/*-------------------- service ----------------------*/
.service{width:100%;margin:5% auto 15%;max-width:1000px;}
.ttl-img{top:-16px;left:40.5%;width:35px;}
.ser-box{display:flex;width:80%;margin:3% auto .5%;justify-content:space-between;max-width:900px;}
.ser-box-inner-box{margin:0 20px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.ser-box-inner-box,.ser-box-inner{width:240px;height:240px;border-radius:50% 50% 0 0;}

.ser-box-inner{width:100%;margin:0 auto;height:240px;}
.ser-box-inner::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.6);border-radius:50% 50% 0 0;}
.ser-box-inner p{top:60%;left:50%;width:200px;transform:translate(-50%,-50%);z-index:3;}
.ser-box-inner1{background-image:url(./img/top.jpg);}
.ser-box-inner2{background-image:url(./img/talk.jpg);}
.ser-box-inner3{background-image:url(./img/Organize.jpg);}
.se-box-img{top:0;right:0;width:35px;opacity:.5;}
.click-ser .caption{border-radius:50% 50% 0 0;padding-top:15%;}
.click-ser .mask{border-radius:50% 50% 0 0;width:90%;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:flex;align-items:center;}
.click-ser:hover .mask{opacity:1;}
.click-ser:hover .se-box-img{transform:rotateZ(20deg);opacity:1;}

/* .ser-text-box{display:flex;width:62%;margin:0 auto;justify-content:space-between;max-width:710px;padding-bottom:5%;} */
.ser-box-inner-box h2{font-size:20px;text-align:center;margin-top:10px;}

@media screen and (max-width:1200px){
  .ser-box{width:85%;justify-content:center;}
  .ser-box-inner-box h2{font-size:18px;}
  .ser-box-inner-box,.ser-box-inner{width:250px;height:230px;}
}
@media screen and (max-width:1100px){
  .ser-box-inner-box,.ser-box-inner{width:235px;height:210px;}
}
@media screen and (max-width:1050px){
  .ttl-img{left:39%;}
}
@media screen and (max-width:1000px){
  .ser-box-inner-box,.ser-box-inner{width:215px;height:200px;}
}
@media screen and (max-width:900px){
  .ttl-img{left:39%;}
  .ser-box-inner-box h2{font-size:15px;}
  .click-ser .mask{margin-left:5px;}
}
@media screen and (max-width:800px){
  .ttl-img{left:37%;}
  .ser-box-inner-box,.ser-box-inner{width:200px;height:180px;}
  .ser-box-inner-box{margin:0 10px;}
  .ser-box-inner p{margin-left:.3rem;}
}
@media screen and (max-width:700px){
  .ttl-img{left:35%;}
  .ser-box{display:block;width:70%;}
  .ser-box-inner-box{width:80%;height:250px;margin:10% auto;}
  .ser-box-inner{width:100%;height:250px;}
  .ser-box-inner p{width:80%;}
}
@media screen and (max-width:600px){
  .ttl-img{left:33%;}
  .ser-box-inner-box{margin:10% auto 15%;}
  .ser-box-inner-box:last-child{margin:10% auto 0%;}
}
@media screen and (max-width:500px){
  .ser-box{width:75%;}
  .ttl-img{left:29%;}
  .ser-box-inner-box{width:100%;margin:10% auto 18%;}
  .ser-box-inner-box:last-child{margin:10% auto 0%;}
  .click-ser .mask{opacity:1;}
}
@media screen and (max-width:430px){
  .ttl-img{left:26%;}
}
@media screen and (max-width:380px){
  .ttl-img{left:23%;}
}
@media screen and (max-width:340px){
  .ttl-img{left:20%;}
}

/*-------------------- area ----------------------*/
.area{width:100%;margin:5% auto;max-width:1000px;}
.area-box{display:flex;justify-content:center;width:70%;margin:4% auto;}
.area-box img{width:40%;margin-right:10%;object-fit:cover;}
.area-text-box{width:50%;}
.area-text-box h1{font-size:20px;font-weight:bold;margin-bottom:2%;}
.area-text-box p{font-weight:normal;}

@media screen and (max-width:1200px){
  .area-box{width:85%;}
}
@media screen and (max-width:900px){
  .area-box img{width:30%;margin-right:5%;}
  .area-text-box{width:60%;}
  .area-text-box h1{font-size:18px;}
}
@media screen and (max-width:700px){
  .area-box{display:block;width:80%;text-align:center;}
  .area-box img{width:40%;margin:0 auto;}
  .area-text-box{width:100%;margin:0 auto;text-align:left;}
  .area-text-box h1{font-size:17px;}
}
@media screen and (max-width:500px){
  .area-box{width:85%;}
  .area-box img{width:60%;}
  .area-text-box h1{font-size:15px;}
}

/*-------------------- contact ----------------------*/
.contact{width:80%;margin:5% auto 0;max-width:1000px;background-color:#FFF;padding:5% 0 1%;border-radius:40px;}
.contact .cont-img{left:38%;top:3%;width:35px;}
.con-box{width:80%;margin:2% auto;}
.table-contactform{width:100%;margin:0 auto;}
.table-contactform th{position:relative;text-align:left;width:40%;}
.table-contactform th::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background-color:#FFBE31;top:9px;left:-15%;text-align:left;}
.table-contactform td{width:70%;margin-left:10%;}
.table-contactform td input,.table-contactform textarea{display:block;resize:none;border:none;background-color:#fdf8e7;border-radius:15px;padding:.5rem .7rem;text-align:left;width:100%;}
.table-contactform textarea{height:300px;}
.table-contactform td p{width:100%;margin-left:10%;margin-bottom:5%;}

@media screen and (max-width:1200px){
  .contact{width:85%;}
}
@media screen and (max-width:1050px){
  .contact .cont-img{left:36%;}
  .con-box{width:85%;}
}
@media screen and (max-width:800px){
  .contact .cont-img{top:2%;left:34%;}
}
@media screen and (max-width:700px){
  .contact .cont-img{left:32%;}
  .table-contactform th::before{top:6px;left:-5%;}
  .table-contactform th,.table-contactform td{display:block;width:100%;margin:0 auto;}
  .table-contactform td p{margin:5% auto;}
  .table-contactform textarea{height:200px;}
}
@media screen and (max-width:620px){
  .contact .cont-img{left:29%;}
}
@media screen and (max-width:550px){
  .contact .cont-img{top:1%;left:27%;}
}
@media screen and (max-width:500px){
  .contact .cont-img{left:25%;}
  .con-box{width:90%;}
}
@media screen and (max-width:430px){
  .contact .cont-img{left:22%;}
  .con-box{width:95%;}
  .table-contactform th p{margin-left:3%;}
  .table-contactform th::before{top:7px;left:-2%;}
}
@media screen and (max-width:400px){
  .contact .cont-img{left:20%;}
}
@media screen and (max-width:380px){
  .contact .cont-img{top:0;left:17%;}
}

/*-------------------------------- お問い合わせフォーム --------------------------------*/
/* 上のお問い合わせありがとうございますコメント */
.screen-reader-response{display:none;}
.contactform7,.contactform8{color:#fff;padding:.1rem .5rem .05rem;float:right;border-radius:15px;margin-top:-1px;}
/* 必須 */
.contactform7{background:#ff6e6e;}
/* 任意 */
.contactform8{background:#575757;}

@media screen and (max-width:1050px){
  .contactform7,.contactform8{font-size:11px;padding:0 .7rem;}
}
@media screen and (max-width: 900px){
  .contact-main{width:85%;}
  .table-contactform{ display:block; }
}
/* 保護内容 */
.hogo{width:70%;margin:5vw auto;}
.hogo p{text-align:left;font-size:1.3vw;line-height:25px;}
@media screen and (max-width: 900px){
	.hogo{width:90%;}
	.hogo p{font-size:14px;}
}
@media screen and (max-width:500px){
	.hogo p{13px}
}
/* 同意（チェックボックス） */
.doui p {text-align:center;margin-top:5vw;}
/* 個人情報保護方針 */
.scroll-box{width:85%;margin:1% auto;background-color:#fdf8e7;border-radius:15px;padding:4%; height:300px; overflow-y:scroll; border:none;}
.scroll-box::-weblit-scrollbar{ width:10px; }
.scroll-box::-webkit-scrollbar-track{ background:#f1f1f1; }
.scroll-box::-webkit-scrollbar-thumb{ border-radius:6px; background:#c1c1c1; }
.bs{ margin-bottom:1em; padding-left:3%;}
.scroll-box h3{text-decoration:none; padding:1% 2%; font-weight:normal; margin-bottom:1em; }
.scroll-box h4{border-bottom:solid 2px black; display:block; margin:1em;}
.scroll-box .olol,.scroll-box p::marker{ padding-left:3%; }
.scroll-box .lili,.scroll-box .no,.scroll-box p{line-height:25px;}
.scroll-box .no { margin-bottom:1em; list-style:auto;}
.scroll-box .lili { list-style:none; padding-left:3%; margin:0 0 1em 0; position:relative;padding:0;}
.scroll-box .lili:before{position: absolute; top:33%; left:-3%; display: block; content: ''; width: 8px; height: 8px; background-color: #6d9e41;}
/* 送信ボタン */
.submit{text-align:center;margin:3% auto 15%;}
.submit input{padding:3px 29px 6px;background-color:#FF9900;color:#fff;border-radius:20px;border:none;}
.submit input:hover{transition:all .1s;cursor:pointer;opacity:.6;}
@media screen and (max-width: 900px){
  .scroll-box{width:90%;margin:1% auto;}
  .scroll-box h1{font-size:17px;text-align:center;}
  .scroll-box h2{font-size:15px;}
  .bs{ font-size:15px;}
  .scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:13px; }
}
@media screen and (max-width:500px){
  .scroll-box h2{font-size:14px;}
  .bs{font-size:13px;}
  .scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:12px;width:95%;margin:0 auto;}
}
@media screen and (max-width:430px){
  .scroll-box{width:95%;height:230px;}
}

.veu_socialSet{display:none;}