/* seisaku 2023.11.   alank  katayama tomoya */


/* リセット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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#000000;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
body{background:#ffffff;width:100%;height:auto;font-family:serif;}
.rel{position:relative;}
.ab{position:absolute;}
.flex{display:flex;}
.fixed{position:fixed;}
.underline{border-bottom:1px solid #000000;}
.hv-underline::after{position:absolute;bottom:-3px;left:0;content:'';width:100%;height:.3px;background:#000000;transform:scale(0, 1);transform-origin:left right;transition:transform .3s;}
.hv-underline:hover::after,.hv-underline1:hover::after{transform:scale(1, 1);}
.hv-underline1::after{position:absolute;bottom:-3px;left:0;content:'';width:100%;height:.3px;background:#fff;transform:scale(0, 1);transform-origin:left right;transition:transform .3s;}
.hv-underline1:hover::after,.hv-underline1:hover::after{transform:scale(1, 1);}

p,summary,a{font-size:17px;letter-spacing:.2rem;font-weight:normal;line-height:2rem;}
h1{font-size:27px;letter-spacing:.2rem;}
h2{font-size:25px;letter-spacing:.2rem;}
h3{font-size:20px;letter-spacing:.2rem;}
h4,h5,h6{font-size:15px;letter-spacing:.2rem;}

@media screen and (max-width:1050px){
  p,summary,a{font-size:13px;line-height:1.5rem;}
  h1{font-size:20px;}
  h2{font-size:19px;}
  h3{font-size:18px;}
  h4,h5,h6{font-size:17px;}
}
@media screen and (max-width:1050px){
  p,summary,a{line-height:1.3rem;}
}
@media screen and (max-width:900px){
  .title{margin:0 auto 5vw;text-align:center;font-size:1.5rem;}
  p,summary,a{font-size:15px;line-height:1.4rem;}
  h1{font-size:19px;}
  h2{font-size:18px;}
  h3{font-size:17px;}
  h4,h5,h6{font-size:16px;}
}
@media screen and (max-width:650px){
  p,summary,a{font-size:14px;line-height:1.5rem;}
  h1{font-size:17px;}
  h2{font-size:16px;}
  h3{font-size:15px;}
  h4,h5,h6{font-size:14px;}
}
@media screen and (max-width:500px){
  p,summary,a{font-size:13px;line-height:1.3rem;}
  h1{font-size:16px;}
  h2{font-size:15px;}
  h3{font-size:14px;}
  h4,h5,h6{font-size:13px;}
}
@media screen and (max-width:400px){
  p,summary,a{font-size:13px;line-height:1.1rem;}
}

/* @font-face{
  font-family:'AsenineThin';
  src: url('./AsenineThin.ttf') format('truetype');
} */

/*-------------------- ハンバーガー ----------------------*/
.hamburger{display:block;position:fixed;z-index:9999;right:12px;top:1.3vw;width:42px;height:42px;cursor:pointer;text-align:center;}
.hamburger span{display:block;position:absolute;width:30px;height:2px;left:6px;background:#555;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.hamburger span:nth-child(1){top:10px;}
.hamburger span:nth-child(2){top:20px;}
.hamburger span:nth-child(3){top:30px;}
.hamburger.active span{background:#fff;}
.hamburger.active span:nth-child(1){-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}
.hamburger.active span:nth-child(2){-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);transform:translateY(-4px);}
.hamburger.active span:nth-child(3){-webkit-transform:translateY(-14px);-moz-transform:translateY(-14px);transform:translateY(-14px);}
nav.globalMenuSp{position:fixed;z-index:3;top:0;right:0;color:#fff;background:rgba(0,0,0,0.8);text-align:center;width:50%;opacity:0;transition:opacity .6s ease,width 0s .6s;;height:100vh;visibility: hidden;}
nav.globalMenuSp ul{margin:20vw auto 0;padding:0;width:100%;}
nav.globalMenuSp ul li{list-style-type:none;padding:0;width:100%;transition:.4s all;}
nav.globalMenuSp ul li:last-child{padding-bottom:0;}
nav.globalMenuSp ul li:hover{background:#ddd;}
nav.globalMenuSp ul li a{display:block;color:#fff;padding:1em 0;text-decoration:none;}
nav.globalMenuSp.active{opacity:100;width:50%;transition:opacity .4s ease,width 0s;visibility:visible;z-index:9998;}

@media screen and (max-width:800px){.hamburger,.globalMenuSp{display:block;}nav.globalMenuSp ul li a{font-size:1.4rem;}}
@media screen and (max-width:600px){nav.globalMenuSp{width:100%;}nav.globalMenuSp.active{opacity:100;width:100%;z-index:9998;}nav.globalMenuSp ul li a{font-size:1.7rem;}}
@media screen and (max-width:500px){.hamburger{top:.8vw;}}
@media screen and (max-width:400px){.hamburger{top:.5vw;}}
@media screen and (min-width:801px){.hamburger,.globalMenuSp{display:none;}}

/*---------------- menu(header) ------------------*/
.top-header{top:0;background:#fff;width:100%;z-index:999;box-shadow:0 .2vw 1.7vw rgb(61, 61, 61);}
.top-menu{margin-right:3vw;z-index:999;align-items:center;width:40%;justify-content:right;}
.top-menu li{margin-left:4vw;}
.top-menu li a{font-size:1.2rem;color:#000000;position:relative;}
.top-name{align-items:center;width:60%;}
.top-name img{width:6vw;object-fit:contain;margin:0 1rem;}
.top-name h1,.top-name p{margin:0 1vw;}


@media screen and (max-width:900px){
  .top-menu li a{font-size:1rem;}
}
@media screen and (max-width:800px){
  .top-header{display:none;}
}
/*---------------- top ------------------*/
.top{width:100%;overflow:hidden;}
.top video{width:100%;height:100vh;object-fit:cover;}

/*---------------- 携帯トップ ------------------*/
.phone-top{overflow:hidden;z-index:999;color:rgb(0, 0, 0);align-items:center;display:none;}
@media screen and (max-width:800px){
  .phone-top{display:flex;padding:1.5vw 0 1.5vw 2vw;background:#fff;width:100%;position:fixed;top:0;left:0;box-shadow:0 .2vw 1.7vw rgb(61, 61, 61);}
  .top video{width:100%;height:50vh;object-fit:cover;}
  .header-name{padding-left:3vw;}
}
@media screen and (max-width:500px){
  .phone-top{padding:2vw 0 2vw 2vw;}
}

/*---------------- 代表挨拶 ------------------*/
.daihyou{width:90%;margin:7vw auto 3vw;overflow:hidden;}
.mimura{width:100%;margin:0 auto;}
.mimura-flex{display:flex;width:100%;margin:0 auto;}
.mimura p,.aisatsu p{display:flex;align-items:baseline;padding:3vw;}
.mimura p{width:70%;}
.mimura img{width:30%;object-fit:contain;}
.aisatsu{width:90%;margin:3vw auto 0;}
/* .aisatsu img{width:70%;height:13vw;margin:2vw 0 0 30%;object-fit:cover;} */
@media screen and (max-width:800px){
  .daihyou{text-align:center;}
  .mimura-flex{display:block;}
  .mimura,.aisatsu{width:90%;}
  .mimura h1,.aisatsu h1{text-align:left;}
  .aisatsu{margin-top:5vw;}
  .mimura p,.aisatsu p{width:80%;margin:2vw auto;display:flex;justify-content:center;align-items:center;text-align:left;}
  .mimura img,.aisatsu img{width:80%;height:25vw;margin:0 auto;}
}
@media screen and (max-width:600px){
  .daihyou{width:100%;}
  .mimura p,.aisatsu p{width:90%;}
}
@media screen and (max-width:500px){
  .mimura img,.aisatsu img{width:90%;height:30vw;margin:0 auto;}
  .mimura p,.aisatsu p{width:100%;}
}


/*---------------- section-all ------------------*/
@media screen and (max-width:800px){
  .section-all{padding:5vw 0;}
}
@media screen and (max-width:500px){
  .section-all{padding:15vw 0;}
}

/*---------------- section1,3 ------------------*/
.section1,.section3{width:80%;margin:0 auto;padding:6vw 0;align-items:end;position:relative;}
.section1-img,.section3-img{width:50%;text-align:right;line-height:0;z-index:-1;}
.section1 img,.section3 img{width:80%;height:20vw;}
.coment1,.coment3{margin:0 auto;padding-top:min(7vw,10%);width:50%;}
.coment1 p,.coment3 p{position:relative;margin-bottom:4vw;line-height:2rem;padding-left:3vw;}
.coment1 p::after,.coment3 p::after{content:"";position:absolute;bottom:-2vw;left:0;background:#000;width:48vw;height:1px;}
.coment1 a,.coment3 a{padding:0 3vw 0 3vw;position:relative;}
@media screen and (max-width:800px){
  .section1,.section3{width:100%;align-items:center;padding:0;}
  .coment1,.coment3{padding:0;}
  .coment1 p,.coment3 p{display:flex;justify-content:center;padding:0 3vw;line-height:1.5rem;font-size:1.7vw;margin:0 auto;}
  .coment1 p::after,.coment3 p::after{display:none;}
  .section1 img,.section3 img{width:100%;height:100%;}
  .coment1 a,.coment3 a{margin-left:6vw; padding:0 3vw 0 0;border-bottom:1px solid #000;font-size:2vw;}
}
@media screen and (max-width:500px){
  .coment1 p,.coment3 p{line-height:1rem;font-size:.6rem;}
  .coment1 a,.coment3 a{font-size:.6rem;}
}

/*---------------- section2 ------------------*/
.section2{width:80%;margin:0 auto;align-items:end;position:relative;}
.section2-img{width:50%;text-align:left;line-height:0;z-index:-1;}
.section2 img{width:80%;height:20vw;margin:0 auto;}
.coment2{margin:0 auto;padding-top:min(7vw,10%);text-align:right;width:50%;}
.coment2 p{position:relative;margin-bottom:4vw;line-height:2rem;text-align:left;display:flex;justify-content:center;}
.coment2 p::after{content:"";position:absolute;bottom:-2vw;right:0;background:#000;width: 48vw;height:1px;}
.coment2 a{padding:0 3vw 0 3vw;position:relative;}
@media screen and (max-width:800px){
  .section2{width:100%;align-items:center;}
  .coment2{padding:0;}
  .coment2 p{display:flex;padding:0 3vw;line-height:1.5rem;font-size:1.7vw;margin:0 auto;}
  .coment2 p::after{display:none;}
  .section2 img{width:100%;height:100%;}
  .coment2 a{margin-right:6vw; padding:0 0 0 3vw;border-bottom:1px solid #000;font-size:2vw;}
}
@media screen and (max-width:500px){
  .coment2 p{line-height:1rem;font-size:.6rem;}
  .coment2 a{font-size:.6rem;}
}

/*---------------- footer ------------------*/
.footer{width:100%;margin:2vw auto 0;overflow:hidden;display:flex;}
.footer-left{width:40%;padding-left:5%;}
.footer-left iframe{width:100%;height:18vw;}
.footer-center{margin:0 auto;}
.footer-center img{width:6vw;object-fit:contain;margin-right:1vw;}
.footer-logo{margin-bottom:1vw;}
.footer-a{justify-content:center;}
.footer-right{width:20%;position:relative;margin-top:2vw;}
.footer-right::before{content:"";position:absolute;top:5%;left:0;width:1px;height:80%;background:#000;}
.footer-right li{margin:1vw 0 1vw 3vw;}
.footer-center h1{letter-spacing:.7rem;}
.footer-center p{margin:1vw 0;}
.footer-center a,.footer-right a{position:relative;}

@media screen and (max-width:800px){
  .footer{display:block;}
  .footer-left{width:80%;margin:0 auto 3vw;padding:0;}
  .footer-left iframe{height:15rem;}
  .footer-center{width:80%;}
  .footer-right{width:80%;margin:0 auto;}
  .footer-a{display:flex;justify-content:left;}
  .footer-right li{margin:1vw 3vw 1vw 0;}
  .footer-right::before{display:none;}
}

@media screen and (max-width:500px){
  .footer{padding-top:4vw;}
  .footer-middle{margin:5vw;}
  .footer-center h1{letter-spacing:.5rem;}
}
@media screen and (max-width:400px){
  .footer-center h1{letter-spacing:.3rem;}
}

.copyright{width:100%;text-align:right;margin:0 auto;padding:0 5%;background:#fff;}
.copyright p{font-size:.8rem;color:#5c5c5c;padding:1vw 0;}
@media screen and (max-width:800px){
  .copyright p{font-size:.5rem;}
}



/* fadeUp */
.fadeUp{animation-name:fadeUpAnime;animation-duration:1.5s;animation-fill-mode:forwards;opacity:0;}
  
  @keyframes fadeUpAnime{
    from {
    opacity: 0;
    transform: translateY(100px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
  }
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
  .fadeUpTrigger{opacity: 0;}