.sp{display:none}.pc{display:block}.newsection h1{font-size:32px;color:#199c3d !important;letter-spacing:1px;margin-top:48px;padding-top:10px;font-family:"Noto Sans JP",sans-serif}.post-date{font-size:16px;font-weight:bold;margin-top:10px;margin-bottom:32px;color:#4a4a4a;line-height:1.8em}.PrevNextButton{margin-top:48px;display:flex;justify-content:space-between;color:#199c3d}.PrevNextButton a{color:#199c3d}.post-content{font-size:16px;line-height:1.75em;font-weight:300;font-family:"Noto Sans JP",sans-serif;border-bottom:1px solid #199c3d}@media screen and (max-width: 980px){.sp{display:block}.pc{display:none}.post-wrapper{width:90%}.newsection h1{font-size:28px}}

*{box-sizing:border-box}html{font-size:16px}a{text-decoration:none}ol,ul,li{list-style:none}.btn-insta:hover .btn-arrow1{margin-top:4px !important}.btn-green:hover .btn-arrow1{margin-top:4px !important}.noto{font-family:"Noto Sans JP",sans-serif}@font-face{font-family:"Noto Sans JP";src:url(../fonts/NotoSansJP-VariableFont_wght.ttf)}@font-face{font-family:"ETmodules";src:url(../fonts/modules.ttf)}html,body{padding:0px;margin:0px;color:#4a4a4a;line-height:1.8em}body,input,textarea,select{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-family:"Kosugi",sans-serif}.container{max-width:1080px;margin:auto;width:80%}header{height:80px;align-items:center;padding-left:40px;padding-right:40px;position:fixed;top:0;z-index:3;background-color:#fff;width:100%;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif}.header{display:flex;height:80px;align-items:center;justify-content:space-between}.head{max-width:1440px;width:100%;display:flex;align-items:center}.nav{display:block}.menu_logo img{width:55px;margin-right:30px}.nav{display:flex;justify-content:center}.menu_nav{display:flex;align-items:center;justify-content:flex-start;font-size:14px;flex-wrap:wrap}.menu_nav li{padding-left:11px;padding-right:11px}.menu_nav li a{font-size:16px;transition:all 300ms ease 0ms;color:#4a4a4a;display:flex;position:relative}.menu_nav li a:hover{opacity:.7}.third_li{display:flex;align-items:center}.third_li a{padding-right:0px;transition:none !important}.fa-angle-down{margin:8px 0 0 8px}.submenu{visibility:hidden;border-top:2px solid #54d126;background-color:#fff;padding:20px 0;text-align:left;position:absolute;top:calc(100% - 40px);z-index:9999;width:240px;line-height:26px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.submenu li{position:relative;line-height:2em;padding:0 20px;margin:0}.submenu li a{height:40px;font-size:16px;padding:6px 20px;width:200px;color:#4a4a4a}.submenu li a:hover{background-color:rgba(0,0,0,.03);opacity:.7}.head_contact{float:left;text-align:right}.head_contact a{color:#fff;font-size:14px;background-color:#3eb153;padding:.3em 1em;border-radius:6px;display:inline-block;line-height:1.7;transition:all 300ms ease 0ms;width:122px;text-align:center}.head_contact a:hover{border:1px solid;border-color:#3eb153}.mediaMenu{display:flex;flex-direction:column}.menuContainer{cursor:pointer;display:none;margin-left:6px}.menuElments{display:flex;position:relative;width:20px;height:2px;background-color:#2bb494;margin:2px}.scrollMenu{box-shadow:0 2px 5px rgba(0,0,0,.1);height:auto;border-top:3px solid #54d126;background-color:#fff;padding:5%;transform:translateY(-25px);z-index:10;overflow:hidden;display:none}.scroll-MenuElement{font-size:16px;color:#6b6b6b;font-weight:700;border-bottom:1px solid rgba(0,0,0,.03);padding:10px 5%;cursor:pointer;text-decoration:none}.scrollMenu a:nth-child(2) .scroll-MenuElement{background-color:rgba(0,0,0,.03)}.scrollMenu a:nth-child(5) .scroll-MenuElement{background-color:rgba(0,0,0,.03)}.sp{display:none}header .right{display:flex;align-items:center;width:400px;justify-content:right}.header .tel{color:#54d126;font-size:18px;width:115px}.header .icon{width:36px;height:36px;background-color:red;border-radius:100px;margin-left:11px;margin-right:11px;display:flex;justify-content:center;align-items:center}.header .icon i{font-size:24px;color:#fff}.main-visual{padding:2% 0;margin-top:54px}.main-visual .left{padding-top:6%}.main-visual .welcome h3{margin-top:80px;padding-bottom:10px;font-family:"DM Sans",Helvetica,Arial,Lucida,sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;color:#4a4a4a !important;letter-spacing:1px;line-height:1.5em;margin-bottom:0px}.main-visual h1{font-family:"Kosugi",Helvetica,Arial,Lucida,sans-serif;font-weight:bold;font-style:normal;text-transform:none;text-decoration:none;color:#00751c;font-size:45px;letter-spacing:-1px;line-height:1.3em;margin:0px;padding-bottom:10px}.main-visual h2{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:rgba(0,0,0,0);color:#54d126 !important;padding-top:2px;padding-left:2px;font-size:20px;letter-spacing:2px;font-family:"Noto Sans JP",sans-serif}.main-visual .left{width:40%}.main-visual .right{width:60%}.main-visual .right img{width:100%;height:auto}.main-visual .container{display:flex}.bg1{background-color:#faf8f5 !important}.card1{background-color:#5ab96a;border-radius:20px 20px 20px 20px;overflow-x:visible;overflow-y:visible;padding-top:60px !important;padding-right:60px !important;padding-bottom:60px !important;padding-left:60px !important;margin-bottom:40px !important;background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex}.relative{position:relative}.absolute{position:absolute}.btn-green{display:inline-block;color:#fff !important;border-width:2px !important;border-color:#199c3d;border-radius:10px;border-style:solid;letter-spacing:1px;font-size:16px;font-weight:700 !important;text-transform:uppercase !important;background-color:#199c3d;transition:all 300ms ease 0ms;position:relative;transition-property:all !important}.btn-green:hover{color:#fff !important;border-color:#fff !important;background-image:initial;background-color:RGBA(255, 255, 255, 0);border:2px solid rgba(0,0,0,0);padding:.3em 2em .3em .7em}.fa-angle-right{transition:all 300ms ease 0ms;line-height:1.5em;opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;margin-top:7px}.btn-green:hover .fa-angle-right{opacity:1;margin-left:10px}.color1{color:#00751c !important}.color2{color:#54d126 !important}.text-center{text-align:center}.p-0{padding:0px}.m-0{margin:0px}.half{width:47.5%}.half:first-child{margin-right:5.5%}.eq3{width:29.6667%;margin-right:5.5%}.eq3:last-child{margin-right:0px !important}.img{width:100%;height:auto}.fw-500{font-weight:500 !important}.fw-700{font-weight:700 !important}.bg-green{background-color:#5ab96a !important}.m-auto{margin:auto}.shadow{border-radius:10px 10px 10px 10px;overflow:hidden;box-shadow:8px 8px 0px 0px rgba(232,226,225,.85)}.rounded{border-radius:10px}.btn-outline-green{display:inline-block;color:#fff !important;border-width:2px !important;border-color:#3eb153;border-style:solid;border-radius:8px;letter-spacing:1px;font-size:16px;font-weight:700 !important;text-transform:uppercase !important;background-color:#3eb153;transition:all 300ms ease 0ms;position:relative}.btn-outline-green:hover{background-color:#fff;color:#3eb153 !important}.btn-outline-green::after{font-size:1.6em;color:#3eb153;line-height:1em;opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off}.btn-outline-green:hover .fa-angle-right{opacity:1;margin-left:10px}.flex{display:flex}footer{padding:4% 0}footer .left{width:29.7%;margin-right:5.5%;padding:2.855% 0}footer .left a{display:inline-block;width:20%}footer .left img{max-width:100%;height:auto}footer .container{display:flex}footer .right{width:65%}footer .right .flex{padding:4.2415% 0;gap:40px}footer .right p{margin:0px;padding:0px;padding-bottom:10px;color:#4a4a4a !important;font-size:14px}footer .right a{display:block;padding-bottom:10px;font-size:14px;color:#4a4a4a}footer .copyright{font-size:12px;padding:4.2415% 0}footer .icon{width:36px;height:36px;background-color:red;border-radius:100px;margin:auto;display:flex !important;justify-content:center;align-items:center;padding-bottom:0 !important}footer .icon i{font-size:24px;color:#fff}.main-visual.subpage .container .left{width:50%}.main-visual.subpage .container .right{width:50%}.hr{background-color:#54d126;height:2px;width:108px;margin-left:0;margin-bottom:50px}.image.about{width:80%;margin:auto;margin-bottom:2.75%}.image.about img{width:100%;height:auto;border-radius:10px}.table.about{width:100%;background-color:#faf8f5;border-collapse:collapse;margin-top:30px}.table.about tr td:nth-child(1){border:2px solid;border-color:#fff;padding:10px;line-height:1.8;color:#2bb494;font-weight:500;text-align:center;width:200px}.table.about tr td:nth-child(2){border:2px solid;border-color:#fff;padding:10px;line-height:1.8;color:#4a4a4a;font-weight:500}.sec1 .title.staff p{padding:0 0 0 0 !important;margin:0 !important}.sec1 .title.staff h2{margin-top:0;font-size:40px}.row.staff{display:flex;padding:20px 0}.step{display:inline-block;position:relative;color:#fff;background-color:#00751c;font-size:inherit;padding:.3em 1.6em;margin-right:0px}.contactform input{background-color:#fff;width:100%;border-width:0;border-radius:0;color:#999;font-size:14px;padding:16px;margin-bottom:3%}.contactform textarea{background-color:#fff;width:100%;border-width:0;border-radius:0;color:#999;font-size:14px;padding:16px;margin-bottom:3%;height:150px}input:focus{outline:none}textarea:focus{outline:none}.submit{color:#2ea3f2;font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em !important;background-color:rgba(0,0,0,0);margin:0 0 0 18px;border:2px solid;border-radius:3px;transition:all 300ms ease 0ms}.submit::after{font-size:32px;line-height:1em;content:"5";opacity:0;position:absolute;margin-left:-1em;font-variant:none;font-style:normal;font-weight:400;text-shadow:none;font-family:ETmodules !important;transition:all 300ms ease 0ms}.submit:hover::after{margin-left:-0.25em;opacity:1}.sec6.privacy{margin-top:54px;padding:100px 0}.section8{background-color:#faf8f5 !important;margin-top:54px;padding:54px 0}.newsection{width:90%;max-width:608px;margin:auto;padding:2% 0}.newsection img{width:100%;height:auto}.newsection h1{font-size:32px;color:#199c3d !important;letter-spacing:1px;margin-top:48px;padding-top:10px}.newsection p{padding-top:0;padding-bottom:50px;margin:0}.newsection iframe{border:none}.sec-title .sub-title{font-family:"Noto Sans JP",sans-serif;letter-spacing:3px}.title p{font-family:"Noto Sans JP",sans-serif;letter-spacing:3px}.sec-title p{font-family:"Noto Sans JP",sans-serif;letter-spacing:3px}.sec7 p{font-family:"Noto Sans JP",sans-serif;letter-spacing:3px}.sec-title h1{letter-spacing:3px}.sec7 h1{letter-spacing:3px}@media(max-width: 980px){.scroll-MenuElement{font-size:14px}.head{width:100%}.head_contact{display:none}.nav{display:none}.menuContainer{display:block;position:absolute;right:40px}.header .icon{display:none}header .right{margin-right:60px}.main-visual .container{display:block}.main-visual .right{width:100%}.main-visual .left{width:100%}.main-visual h1{font-size:51px}.card1{display:block}.half{width:100%}.half:first-child{margin-right:0}footer .container{display:block}footer .left{width:100%;text-align:center}footer .right{width:100%}footer .col4{width:46%}footer .right .flex{flex-wrap:wrap}footer .left img{max-width:94px}.main-visual.subpage .container .left{width:100%}.main-visual.subpage .container .right{width:100%}.row.staff{display:block;padding:20px 0}.step{margin-top:30px}}@media(max-width: 767px){.main-visual h1{font-size:36px}.container{width:90%}.table.about tr td:nth-child(1){width:100px}.main-visual.subpage .welcome h3{margin-top:40px}.sec7 h1{font-size:26px}.sec1 .container{width:100%}.sec1 .card1{border-radius:0;margin-bottom:0px !important}.sec2 .content h1{font-size:26px !important}.sec3 h1{font-size:32px !important}.sec4 .sec-title h1{font-size:36px !important}.sec4 h1{text-align:left !important}.sec5 .sec-title h1{font-size:36px !important}.sec6 .sec-title h1{font-size:36px !important}.sec7 h1{font-size:36px !important}.sec7{padding:90px 0px !important}.contact-btn-box{text-align:center}footer .right .flex{gap:0px}footer .icon{margin:0}}

.sec1{padding-top:100px;padding-bottom:100px}.sec1 img{width:100%;height:auto}.sec1 .img1{margin-top:1% !important;margin-bottom:-48% !important;margin-left:-40% !important;text-align:left}.sec1 h2{margin:0px;margin-top:40px;margin-bottom:5.82%;padding-bottom:10px;font-style:normal;text-transform:none;text-decoration:none;letter-spacing:3px;font-family:"Kosugi",Helvetica,Arial,Lucida,sans-serif;font-weight:600;font-size:50px;color:#fff !important;line-height:1.15em}.sec1 p{margin-bottom:5.82%;letter-spacing:1px;padding-bottom:25px !important;word-wrap:break-word;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff !important;font-weight:500}.sec1 a{padding-top:15px !important;padding-right:36px !important;padding-bottom:12px !important;padding-left:42px !important;margin-bottom:20px}.sec1 .card1{margin-bottom:40px !important}.sec2{padding:2% 0}.sec2 h1{font-size:30px;padding-bottom:10px;font-weight:bold;font-style:normal;text-transform:none;text-decoration:none;letter-spacing:3px;margin-bottom:10px}.sec2 .title p{font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:2px}.sec2 .content{display:flex}.sec2 .card-img img{border-radius:10px 10px 10px 10px;overflow:hidden;box-shadow:8px 8px 0px 0px rgba(232,226,225,.85)}.sec2 .content h1{padding-top:10px;padding-bottom:10px;font-size:26px}.sec2 .divider{margin:auto;margin-top:20px;margin-bottom:9.27%;width:20%;position:relative;height:23px}.sec2 .divider::before{border-top-color:#54d126;border-top-width:3px;border-top-style:solid;display:block;font-size:100%;content:"";width:100%;height:1px;position:absolute;left:0;top:0;z-index:10}.sec3{padding:50px 0px}.sec3 .container{padding:2% 0px}.sec3 h1{padding-bottom:10px;margin:0px;font-size:30px;letter-spacing:3px}.sec3{color:#fff}.sec3 .sec-title p{font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:2px;margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:rgba(0,0,0,0);margin-bottom:2.75%}.sec4{padding-top:50px;padding-bottom:50px}.sec4 .sec-title{padding:2% 0px}.sec4 .sec-title h1{font-size:40px;margin:0px !important}.sec4 .sec-title .sub-title{margin-bottom:2.75%;padding-bottom:40px;font-size:14px;font-weight:600;letter-spacing:2px}.sec4 .sec-title .desc{padding-bottom:30px !important}.sec4 .card{padding:30px;padding-bottom:40px;background-color:#fff}.sec4 .row{display:flex}.sec4 .row:first-child{padding-bottom:50px}.sec4 h1{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none;letter-spacing:3px;font-size:30px}.sec4 a{padding-top:10px !important;padding-right:51px !important;padding-bottom:10px !important;padding-left:49px !important}.btn-group.about a{padding-top:10px !important;padding-right:51px !important;padding-bottom:10px !important;padding-left:49px !important}.sec4 .btn-group{padding-top:40px}.btn-group.about{padding-top:40px;margin-bottom:50px}.sec4 .card:nth-child(2){margin-top:60px !important}.sec4 .card:nth-child(2) .btn-group{padding:0px;margin-top:5.82%}.sec4 .card:nth-child(2) .row{padding:0px !important}.sec4 .card:nth-child(2){padding-bottom:30px}.sec4 .card:nth-child(3){padding-bottom:4%;margin-top:60px !important}.sec5{padding-top:50px;padding-bottom:50px}.sec5 .sec-title{padding:2% 0px}.sec5 .sec-title h1{font-size:40px;margin:0px !important}.sec5 .sec-title .sub-title{margin-bottom:2.75%;font-size:14px;font-weight:600;letter-spacing:2px}.sec5 .post-meta{color:#666;font-size:13px}.sec5 .link{font-size:16px;white-space:wrap;word-break:break-all;margin:0px;margin-bottom:54px !important;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#e2e2e2}.sec6{padding-top:50px;padding-bottom:50px}.sec6 .sec-title{padding:2% 0px}.sec6 .sec-title h1{font-size:40px;margin:0px !important}.sec6 .sec-title .sub-title{margin-bottom:2.75%;font-size:14px;font-weight:600;letter-spacing:2px}.sec6 .card-group{display:grid;grid-template-columns:1fr 1fr 1fr;flex-wrap:wrap;grid-column-gap:5.5%;grid-row-gap:0%;height:max-content}.sec6 .card-group .card{padding:19px;margin-bottom:18.539%}.sec6 .img-wrap{margin:-20px -20px 29px;margin-bottom:30px}.sec6 .text-wrapper a{padding-bottom:10px;display:inline-block;font-size:18px;font-weight:600}.sec7{padding:50px 0px}.sec7 .container{padding:80px 60px}.sec7 h1{font-size:40px;color:#fff !important;text-align:center;margin:0px;padding-bottom:10px;font-size:40px;font-weight:700 !important;text-transform:uppercase !important}.sec7 a{padding-top:25px !important;padding-right:76px !important;padding-bottom:23px !important;padding-left:82px !important;font-size:24px;font-weight:700 !important;text-transform:uppercase !important}.sec7 p{margin:0px;margin-bottom:2.75%;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:1px;color:#fff}@media(max-width: 980px){.sec1 .img1{margin-left:0 !important;margin-bottom:0 !important}.sec1 .card1{padding:40px 30px !important}.sec1 h2{font-size:36px}.sec2 h1{font-size:40px}.sec2 .content{display:block}.sec2 .content h1{font-size:34px;margin-top:-20px}.sec2 .divider{margin-bottom:4.27%}.eq3{width:100%;margin-right:0%;margin-bottom:30px}.sec3 h1{font-size:40px}.sec4 .row{display:block}.sec4 h1{font-size:34px;text-align:center}.sec6 .card-group{grid-template-columns:1fr 1fr}}@media(max-width: 767px){.sec2 h1{text-align:left}.sec2 .title p{text-align:left}.sec2 .divider{margin-left:0}.sec4 h1{font-size:26px}.sec4 .sec-title h1{text-align:left}.sec4 .sec-title .sub-title{text-align:left}.sec4 .sec-title .desc{text-align:left}.text-center{text-align:left}.card1{padding-left:20px !important;padding-right:20px !important}.m-auto{width:100% !important}.sec6 .card-group{grid-template-columns:1fr}.sec7 .container{padding:0 0}.sec7 h1{text-align:left}}@media(max-width: 480px){footer .col4{width:100%}}

$(document).ready(function () {
    $(".hamburger-button").click(function () {
        // $(".hamburger").show();
        $(".hamburger").slideToggle();
        // alert("sadf")
    })


    // $(window).scroll(function(e){
    //     if($(document).scrollTop() >$(".imgqqq").offset().top)
    // })

    let doms = document.getElementsByClassName("imgqqq")
    let len = doms.length;

    let titleDoms = document.getElementsByClassName('titleqqq');
    let titlelen = titleDoms.length;

    function ani_func () {
        
        for (let i = 0; i < len; i++) {
            if (isElementInViewport(doms[i])) {
                // console.log(doms[i].classList.)
                if (!doms[i].classList.contains('img-ani')) {
                    doms[i].classList.add('img-ani');

                    let height = doms[i].height;
                    doms[i].height = height;

                    let fullwidth = doms[i].width;;
                    let initwidth = fullwidth / 3 * 2;
                    let inter = 5
                    let timerId = setInterval(() => {
                        inter *= 0.96
                        initwidth += inter + 1
                        // $(".img-ani").css("width", initwidth);
                        doms[i].style.width = initwidth + "px";

                        if (initwidth > fullwidth) {
                            clearInterval(timerId);
                            doms[i].style.width = initwidth + "px";
                        }

                    }, 20);
                }
                // console.log(y)
            }
        }
        
        for(let i = 0; i < titlelen; i++ ){
            if (isElementInViewport(titleDoms[i])) {
                // console.log(doms[i].classList.)
                if (!titleDoms[i].classList.contains('img-ani')) {
                    titleDoms[i].classList.add('img-ani');

                    titleDoms[i].style.top = -20 +"px";
                    let top = -20;
                    let opacity = 0;
                    
                    let timerId = setInterval(() => {
                        top += 1
                        opacity += 0.05
                        titleDoms[i].style.top = top +"px";
                        titleDoms[i].style.opacity = opacity;
                        if (top > 0) {
                            clearInterval(timerId);
                            titleDoms[i].style.top = 0 +"px";
                            titleDoms[i].style.opacity = 1;
                        }

                    },10);
                    titleDoms[i].style.opacity = 1;
                }
                // console.log(y)
            }
        }
    }
    window.onscroll = function (e) {
        ani_func();
    }

    function isElementInViewport(el) {
        var rect = el.getBoundingClientRect();
        return (
            rect.bottom >= 0 &&
            rect.top <= (window.innerHeight || document.documentElement.clientHeight)
        );
    }
    ani_func();
})

$(document).ready(function(){
  $(".menuContainer").click(function(){
    $(".scrollMenu").slideToggle(500);
  });
});


$( document ).ready( function()
{
     $('#top_img').each( function( index )  // Change picture scrolling speed
       {
          $(this).css('scrollSpeed', '1.5');
       }
)} );

sincere-news

センセール通信5月号