@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */

html {
    font-size: 62.5%;
    overflow-wrap: break-word;
    overflow-x: hidden;
    text-size-adjust: 100%
}

*, body { 
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #020202;
}
input::placeholder {
  color: #ccc;
}
.maskot{display: none;}
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6:Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.9; }
html,body { background-color:#FFF; }
.nobd{ border:none!important; }
ul{ padding-left:0!important; list-style:none; }
.img-responsive{ display: block; max-width: 100%; height: auto; }
.m992{ display:none; }
.container{ padding-left:0; padding-right:0; }
.fontsmall{font-size: 12px;}
.sp{ display: none; }

/* wrapper	----------------------- */

#wrapper { background: #fff; }

/* navigation	----------------------- */
#company{padding: 40px;}
.company_wrapper{display: inline-flex;}
.company_wrapper dl{width:52%; padding: 58px 20px 20px 20px; display: flex;}
.company_wrapper ul{width:50%; padding: 20px;}
.company_wrapper ul li{margin-bottom: 8px;}
#company dl dd {width: 82%;}
#company dl dt {
    color: #64ad18;
    font-weight: bold;
    width: 18%;
}
.title_li{font-weight: bold;
    color: #64ad18;
    font-size: 17px;margin-bottom: 20px;
}
.news_box {margin-top: 30px; display: flex;}
.news_box ul{ max-height: 205px; overflow-y: scroll; }
.news_box ul::-webkit-scrollbar { width: 10px; height: 10px; }
.news_box ul::-webkit-scrollbar-track { background: #FAFAFA; }
.news_box ul::-webkit-scrollbar-thumb { background: #64ad18; }
.news_box ul li{font-size: 13px; margin-bottom: 8px; padding: 0 8px 8px; border-bottom: 1px solid #eee;}
.news_box ul li a{font-size: 12px;}
.news_box ul li span{display: inline-block; font-size: 12px; background-color: #64ad18; color: #fff; padding:3px 15px; text-align: center; }
.news_box h3{
    width: 100px;
font-size: 2.5rem;
    vertical-align: middle;
    color: #ff9600;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    }

.navigation-body{ display:inline-block; }
.navigation-menu{ float:none; }
.navigation-brand-text{ width:100%; text-align:center; }
.navigation-brand-textbox{ display:flex; align-items:center; }
.header_left{ width: calc( 100% - 600px );  text-align:left; }
.header_middle{ width:370px; padding-top:20px; padding-right:20px; text-align:left; }
.header_right{ width:230px; padding-top:5px; text-align:right; }
.header_phone{ color:#64ad18; font-weight:700; }
.header_phonenumber{ padding-top:5px; font-size:4.9rem; color:#64ad18; font-weight:700; }
.header_button{ margin-right:-15px; }
.header_logo{ margin-left:-15px; }
.container1{}
.header_btn{ width:100%; display:block; color:#64ad18; font-size:1.8rem; border:2px solid #64ad18; font-weight:700; padding:15px 20px; text-align:center;  }

.mheader_phone{ padding-top:10px; color:#64ad18; font-weight:700; }
.mheader_phonenumber{ font-size:2.4rem; font-family:'roboto', sans-serif; color:#64ad18; font-weight:700; }

.navigation-brand-text{ font-size:0; letter-spacing:0; }
.navmenu{ width:100%; margin-top:10px; }
.navigation-link{ padding: 17px 25px 17px 14px; line-height:40px; color:#fff; font-size:1.8rem; font-weight:700; }
.navigation-link:hover:{ background:none; }
.navigation-item:not(.navigation-brand-text).is-active .navigation-link{ color:#f4f4f4; }
.navigation .navigation-menu{ background:#64ad18; border-radius:70px; }


.headerbox{ background:url(../images/slider_img_box.jpg) bottom center no-repeat; background-size: 100% auto; padding-bottom:35px; }
.headerslider{ padding-top:57px; padding-bottom:70px; display:flex; }
.headerslider_left{ width:50%; margin-right:8%; }
.headerslider_right{ background:#fff; width:42%; margin-bottom:40px; padding:30px 0px 0px 0px; }
.headerslider_button1{ padding:25px 15px 10px 5px; }
.headerslider_btn1{ background:#ff9700 url(../images/slider_img_btnbg1.png) top center no-repeat; background-size:cover; padding:17px 20px; display:block; font-size:2.15rem; color:#fff; border-radius:10px; }
.headerslider_button2{ padding:10px 15px 10px 5px; }
.headerslider_btn2{ background:#ff9700; padding:17px 20px; display:block; font-size:2.15rem; color:#fff; border-radius:10px; }
.headerslider_button3{ padding:10px 15px 10px 5px; }
.headerslider_btn3{ background:#ff9700; padding:17px 20px; display:block; font-size:2.15rem; color:#fff; border-radius:10px; }
.headerslider_btn1 img, .headerslider_btn2 img, .headerslider_btn3 img{ vertical-align:sub; margin-right:10px; }

.headerslider_titleright{ padding-bottom:20px; font-size:23.5px; color:#64ad18; text-align:center; font-weight:700; }
.headerformbox{ padding:10px 30px 10px 50px; display:flex; align-items:center; }
.headerformbox_left{ width:120px; font-size:1.5rem; color:#64ad18;  }
.headerformbox_right{ width: calc( 100% - 120px ); font-size:15px; }
.headerformbox_textbox{ background:#f0f0f0; width:100%; padding:5px 5px; border:none; }
.headerformbox_req{ padding-left:10px; display:inline-block; font-size:1rem; color:#ff9b03; }
.headerformbox_button{ bottom:-30px; position:relative; }
.headerformbox_submit{ background:#ffc90e; width:95%; margin-left:2.5%; padding:20px 20px; color:#fff; font-size:2.2rem; text-align:center; display:block; border:none; }


/* all page	----------------------- */
.roboto{ font-family: 'Roboto', sans-serif; }
.titlebox{ text-align:center; }
.titlebox img{ vertical-align:middle; margin-left:10px; margin-right:10px; }
.title{ padding-top:5px; font-size:4.1rem; color:#64ad18; display:inline-block; font-weight:700; }
.title img{ vertical-align:middle; }
.title_orange{ font-size:4.1rem; color:#ff9600; display:inline-block; font-weight:700; }
.orangefont{ color:#ff9600; }

#top1{ padding-top:130px; }
#top1 .subtitle{ padding-top:0px; letter-spacing: 1rem; font-size:3.4rem; color: #64ad18; text-align:center; font-weight:700; }
#top1 .titlebox{}
#top1 .title{}
#top1 .title img{}
#top1 .bigtitle{ font-size:10rem; vertical-align:middle; color:#ff9600; font-family: 'Roboto', sans-serif;  display:inline-block; }
#top1 .orangefont{ color:#ff9600; }
#top1 .list{ padding:30px 30px 30px 30px; display:flex; }
#top1 li{ width:30%; margin-right:5%; }
#top1 li:nth-child(3){ margin-right:0; }
#top1 .title2{ padding-top:40px; font-size:3.6rem; color:#64ad18; font-weight:700; text-align:center; }

#top2{ padding-top:140px; padding-bottom:100px; }
#top2 .title{}
#top2 .list{ padding:75px 0px 0px 0px; }
#top2 li{ margin-bottom:60px; border:2px solid #64ad18; border-radius:10px; }
#top2 .box{ background:url(../images/top_img_boxbg.png) top right no-repeat; background-size:185px; display:flex; align-items:center; }
#top2 .left{ width:47%; position:relative;  }
#top2 .right{ width:53%; padding:0px 40px; }
#top2 .img{ }

#top2 .ballon{ background:url(../images/top_icn_ballon2.png) top center no-repeat; background-size:cover; width:150px; height:155px; padding-top:25px; text-align:center; position:absolute; top:-30px; left:-30px; color:#64ad18; font-weight:700; }
#top2 .bigballom{ font-size:5.4rem; color:#64ad18; text-align:center; display:inline-block; font-weight:700; font-family: 'roboto', sans-serif; }
#top2 .ballon-text{ margin-top:-15px; font-size:2rem; color:#64ad18; text-align:center;}
#top2 .text1{ padding-top:10px; color:#1d1d1d; }
#top2 .title1{ padding-top:10px; font-size:2.5rem; color:#64ad18; font-weight:700; }
#top2 .box1{ padding-top:40px; display:flex; align-items:flex-end; }
#top2 .left1{ background:url(../images/top_icn_rightarrow.png) center right no-repeat; background-size:17px; width:180px; margin-right:20px; }
#top2 .text2{ font-size:1.8rem; color:#1d1d1d; }
#top2 .small{ font-size:3.3rem; font-family: 'roboto', sans-serif; text-decoration:line-through; }
#top2 .text3{ font-size:1.8rem; color:#1d1d1d; text-decoration:none; }
#top2 .right1{ width: calc( 100% - 200px ); text-align:right; }
#top2 .text4{ padding-bottom:10px; color:#1d1d1d; text-align:left; }
#top2 .textbox{ text-align:left; font-size:2.25rem; color:#1d1d1d; }
#top2 .pricebox{ background:url(../images/top_icn_calendar.png) top center no-repeat; background-size:73px; width:73px; height:110px; margin-right:5px; padding-top:15px; display:inline-block; font-size:9rem; line-height:1em; color:#fff; text-align:center; font-family: 'Roboto', sans-serif;  }
#top2 .pricebox{}

#top3{ background:url(../images/top_img_greenbg1.jpg) bottom center no-repeat; background-size:cover; padding-top:95px; padding-bottom:80px; }
#top3 .title{ color:#fff; }
#top3 .myslide1{ padding-top:40px; }
#top3 .box{ background:#fff; margin-right:20px; padding:20px 20px 20px 20px; border-radius: 5px; }
#top3 .titlebox1 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #64ad18;
    font-weight: 300;
    text-align: right;
}
#top3 .box1{ padding-top:10px; display:flex; }
#top3 .left{ width:120px; }
#top3 .right{ width: calc( 100% - 120px ); padding-left:20px; font-size:1.5rem; color:#000; }
#top3 .img{ padding-top:55px; padding-left:20px; padding-right:20px; text-align:center; display:block;  }

#top4{ padding-top:195px; }
#top4 .area{  margin:30px 10px; padding:45px 30px; border:2px solid #64ad18; border-radius:10px;  }
#top4 .title2{ background:#fff; padding:0px 30px; display:inline-block; font-size:4.1rem; color:#64ad18; font-weight:700; }
#top4 .title2 img{ vertical-align:middle; }
#top4 .titlebox1{ margin-top:-115px; text-align:center; }
#top4 .orangefont{ display:inline-block; font-size:4.1rem; color:#ff9600; font-weight:700; }
#top4 .inbox{ padding:20px 30px 15px 55px; display:flex; align-items:center; }
#top4 .inbox1{ padding-top:35px; }
#top4 .left{ width:100px; }
#top4 .inboxround{ width:140px; height:140px; padding-top:35px; font-size:2rem; color:#64ad18; border-radius:70px; border:2px solid #64ad18; text-align:center;  }
#top4 .roundtext{ margin-top:-10px; font-size:4rem; font-weight:700; text-align:center; color:#64ad18; font-family: 'roboto' , sans-serif; }
#top4 .right{ width: calc( 100% - 140px ); padding-left:100px; text-align:left; }
#top4 .text{ padding-top:20px; font-size:2.1rem; color:#0a0909; }
#top4 .title1{ padding-top:10px; font-size:3.75rem; color:#64ad18; font-weight:700; }
#top4 .orangefont1{ font-size:3.75rem; color:#ff9600; font-weight:700; }

#top5{ padding-top:130px; padding-bottom:160px; }
#top5 .title{ }
#top5 .area{ padding:80px 60px 20px 60px; display:flex; align-items:center; }
#top5 .left{ width:41.5%; position:relative; }
#top5 .left1{ width:58.5%; padding-right:30px; padding-right:90px; }
#top5 .baloon{ background:url(../images/top_icn_ballon2.png) top center no-repeat; background-size:cover; width:209px; height:206px; padding-top:60px; font-size:1.75rem; text-align:center; position:absolute; top:-50px; left:-60px; color:#64ad18; }
#top5 .baloon1{ background:url(../images/top_icn_ballon2.png) top center no-repeat; background-size:cover; width:209px; height:206px; padding-top:70px; font-size:1.75rem; text-align:center; position:absolute; top:-50px; right:-60px; color:#64ad18; }

#top5 .right{ width:58.5%; padding-left:90px; }
#top5 .right1{ width:41.5%; position:relative; }
#top5 .subtitle{ font-size:1.7rem; color:#64ad18; font-family: 'roboto', sans-serif; font-weight:700; }
#top5 .title1{ padding-top:0px; font-size:3.1rem; color:#64ad18; }
#top5 .orangefont{ font-size:3.1rem; color:#ff9600; }
#top5 .textbox{ padding-top:35px; line-height:2em; font-size:1.8rem; color:#111111; }

#top6{ background:url(../images/top_img_greenbg2.png) bottom center no-repeat; background-size:cover; padding-top:100px; padding-bottom:200px; }
#top6 .title{ color:#fff; }
#top6 .area{ padding-top:100px; /*padding-bottom:125px;*/ display:flex; }
#top6 .left{ width:68%; padding-right:50px; }
#top6 .titlebox1{ position:relative; font-size:2.9rem; line-height:2.35em; color:#fff; font-weight:700; }
#top6 .baloon{ background:url(../images/top_icn_ballon3.png) top center no-repeat; background-size:cover; width:158px; height:155px; padding-top:45px; font-size:2rem; text-align:center; position:absolute; top:-30px; right:50px; color:#64ad18; }
#top6 .textbox{ padding-top:40px; font-size:1.75rem; color:#fff; line-height:2.3em; }
#top6 .right{ width:25%; }
#top6 .title1{}
#top6 .list{ padding-top:100px; display:flex; }
#top6 li{ width:18%; margin-right:2%; }
#top6 .title2{  padding-top:72px; font-size:4.1rem; color:#fff; font-weight:700; text-align:center; }

#top7{ padding-top:145px; }
#top7 .title{}
#top7 .img{ padding:50px 0px; }
#top7 .img1{ display:none; }

#top8{ padding-top:110px; }
#top8 .title{}
#top8 .top8{ margin-top:75px; background:url(../images/top_img_box6.jpg) top left no-repeat; background-size:37% 90%; }
#top8 .area{ display:flex; }
#top8 .left{ width:37%; }
#top8 .right{ width:63%; padding-left:50px; }
#top8 .textbox1{ padding-bottom:60px; }
#top8 .textbox2{ padding-bottom:30px; }
#top8 .textbox3{ padding-bottom:30px; }
#top8 .title1{ font-size:3rem; color:#64ad18; font-weight:700; }
#top8 .orangefont{ font-size:3rem; color:#ff9600; font-weight:700; }
#top8 .text{ padding-top:15px; font-size:1.75rem; color:#0a0909; }
#top8 .orangefont{ font-size:3rem; color:#ff9600; font-weight:700; }
#top8 .text1{ padding-top:15px; font-size:1.75rem; color:#0a0909; }
#top8 .text2{ padding-top:5px; font-size:1.75rem; color:#0a0909; }
#top8 .text3{ padding-top:25px; font-size:1.75rem; color:#0a0909; }

#top9{ padding-top:60px; }
#top9 .area{ background:#f4f4f4; margin-top:50px; margin-bottom:120px; padding:50px 40px 30px; position:relative; }
#top9 .title1{ font-size:3.4rem; color:#64ad18; font-weight:700; text-align:center; }
#top9 .text{ padding-top:30px; font-size:1.7rem; color:#0a0909; line-height:2em; text-align:center; }
#top9 .list{  padding:0 60px!important; display:flex; }
#top9 li{ padding:20px 20px 20px 100px; width:50%; }

#top9 li:nth-child(2){ padding:20px 100px 20px 20px; }
#top9 .pricebox{ text-align:center; }
#top9 .price{ display:inline-block; font-size:6.1rem; color:#ff9600; font-weight:700; font-family: 'roboto', sans-serif; }
#top9 .fontsmall{ display:inline-block; font-size:2.6rem; color:#ff9600; font-weight:700; }
#top9 .baloon{ background:url(../images/top_icn_ballon3.png) top center no-repeat; background-size:cover; width:212px; height:209px; padding-top:65px; font-size:2.8rem; text-align:center; position:absolute; top:-30px; right:-55px; color:#64ad18; }
.banner{}

#top10{ padding-top:105px; padding-bottom: 100px;}
#top10 .title{}
#top10 .box{ padding:0 90px; }
#top10 .titlebox{ padding-bottom:70px; }
#top10 .accordion{ cursor: pointer; width:100%; outline: none; transition: 0.4s; }
#top10 .qbox{ background:#64ad18; padding:25px 15px 20px 30px; color:#fff; font-size:2.3rem; }
#top10 .accordion:after { margin-top:-8px; content: '\002B'; font-size:30px; color: #fff; float: right; }
#top10 .active:after { content: "\2212"; }
#top10 .panel { background:#f4f4f4; margin-bottom:5px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
#top10 .abox{ padding:50px 50px; font-size:1.9rem; color:#020202; }
#top10 .abox1{ display:flex; }
#top10 .left{ width:200px; }
#top10 .right{ width: calc( 100% - 200px ); }
#top10 .aboxtitle{ font-size:2.65rem; color:#ff9801; padding-bottom:30px; }

#top11{ padding-top:170px; }
#top11 .area{ position:relative; }
#top11 .absolutetextbox{ max-width:630px; border:2px solid #64ad18; position:absolute; top:15px; left:15px; }
#top11 .title1{ padding:25px 30px; color:#64ad18; font-size:3.25rem; border-bottom:4px solid #64ad18; text-align:center; font-weight:700; }
#top11 .text{ padding:25px 50px 35px; line-height:2em; color:#020202; font-size:1.5rem; }

#top12{ padding-top:60px; padding-bottom:100px; }
#top12 .list{ display:flex; flex-wrap:wrap; }
#top12 li{ width:25%; padding:10px 20px 40px 20px; }
#top12 .title1{ font-size:1.75rem; color:#020202; font-weight:700; }
#top12 .text{ padding-top:10px; font-size:1.5rem; color:#020202; }
#top12 .titlelist{ padding-left:20px; padding-bottom:10px; font-size:2rem; color:#64ad18; }

#top13{ background:#64ad18; padding-top:100px; padding-bottom:85px; }
#top13 .title{ color:#fff; text-align:center; display:block; font-weight:normal; }
#top13 .top13form{ padding:35px 175px; }
#top13 .top13formbox{ padding:20px 0px; display:flex; }
#top13 .top13formbox_left{ width:245px; color:#fff; font-size:1.9rem; }
#top13 .top13formbox_right{ width: calc( 100% - 245px ); font-size:1.9rem; }
#top13 .top13formbox_select{ background:#64ad18; width:100%; padding:15px 15px; color:#fff; border:1px solid #fff; }
#top13 .top13formbox_textbox{ background:#64ad18; width:100%; padding:15px 15px; color:#fff; border:1px solid #fff; }
#top13 .top13formbox_textarea{ background:#64ad18; width:100%; height:240px; padding:15px 15px; color:#fff; border:1px solid #fff; }
#top13 .top13formbox_button{ padding-top:80px; text-align:center; }
#top13 .top13formbox_submit{ background:#64ad18; padding:17px 180px; border:1px solid #fff; font-size:1.9rem; color:#fff; text-align:center; }
#top13 .align-item{  align-items:center; }
#top13 .top13formbox_select option{ background:#fff; }

.banner{ background:url(../images/top_img_greenbg3.jpg) bottom center no-repeat; background-size:cover; }
.bannerarea{ padding:95px 0px; display:flex; }
.bannerleft{ width:50%; padding-right:45px; }
.bannerright{ width:50%; }
.bannerphone{ margin-top:-10px; font-size:2.7rem; text-align:center; color:#fff; }
.bannerphonenumber{ font-size:6.6rem; color:#fff; text-align:center; font-family: 'roboto', sans-serif; }
.bannerbox{ padding-top:0px; display:flex; }
.bannerboxleft{ width:49%; margin-right:1%; }
.bannerbtn1{ background:#fff; width:100%; padding:27px 5px; text-align:center; font-size:2.2rem; color:#5aa81f; }
.bannerboxright{ width:49%; margin-left:1%; }
.bannerbtn2{ background:#ff9801; width:100%; padding:27px 5px; text-align:center; font-size:2.2rem; color:#fff; }

/* footer	----------------------- */

#back-to-top{position:fixed; bottom:30px; right:30px; z-index:9999; text-align:center; cursor:pointer; border:0; text-decoration:none; transition:opacity .2s ease-out; opacity:0; }
#back-to-top img{ width:45px; }
#back-to-top.show{opacity:1}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 320px) {

}

@media (max-width: 375px) {

.mheader_phone{ font-size:1rem!important; }
.mheader_phonenumber{ font-size:1.6rem!important; }

}

@media (max-width: 414px) {


}

@media (max-width: 480px) {

.headerslider_btn1 img, .headerslider_btn2 img, .headerslider_btn3 img { width:20px; margin-right:5px; }
.headerslider_btn1, .headerslider_btn2, .headerslider_btn3{ font-size:1.6rem; font-weight: bold; }
.headerslider_button2, .headerslider_button3{ padding-top:0; }
.headerformbox{ padding-left:10px; padding-right:10px; }
.navigation-header .navigation-brand-text{ padding-right:30px; }
.navigation-phone{ padding-right:10px; }
.mheader_phone{ font-size:1.3rem; }
.mheader_phonenumber{ font-size:1.9rem; }
.navigation-phone{ width:150px; }

#top2 .title1{ font-size:2.3rem; }

#top4 .title2{ padding-left:10px; padding-right:10px; }
#top4 .title1, #top4 .orangefont1{ font-size:2.75rem; }
#top4 .inboxround{ width: 100px; height: 100px; padding-top: 15px; font-size: 1.5rem; border-radius: 50px; }

#top6 .baloon{ top:-250px!important; }
#top11 .title1{ font-size:5vw; }
}

@media (max-width: 575.98px) {

.container{ padding-left:15px; padding-right:15px; }
.header{ padding-left:0; padding-right:0; }
.headerbox{ background:none; }
.headerslider{ padding-bottom:0; }
.headerslider_left{ background:url(../images/slider_img_mbg1.png) bottom center no-repeat; background-size:100% auto; } 
.headerslider_right{ background:url(../images/slider_img_mbg2.png) bottom center no-repeat; background-size:100% auto; }
.headerslider_left, .headerslider_right{ padding-left:15px; padding-right:15px; }
.formbox{ margin-left:0px; margin-right:0px; background:#fff; }
.headerslider_right{ padding-bottom:70px; }

#top1{ padding-top:0; }
#top1 .list{ margin-left:10px; padding-right:10px; flex-wrap:wrap; }
#top1 li{ width:50%; padding-left:10px; padding-right:10px; padding-bottom:25px; margin-right:0;  padding-left:0; }
#top1 li:nth-child(3){ margin-left:25%; }
#top1 .title2{ padding-top:0; }


#top2{ padding-top:0px!important; padding-bottom:30px; }
#top2 .ballon{ left:-5px; }
#top2 .right{ padding-left:15px; padding-right:15px; }
#top2 .text2, #top2 .textbox { font-size:1.4rem; }
#top2 .left1{ width:130px; }
#top2 .right1{ width: calc( 100% - 130px ); }
#top2 .pricebox { background: url(../images/top_icn_calendar.png) top center no-repeat; background-size: 50px; width: 50px; height: 76.5px; padding-top: 15px; font-size: 6rem; }

#top4{ padding-top:60px; }
#top5{ padding-top:30px; padding-bottom:60px; }
#top5 .area{ padding-left:0; padding-right:0; }
#top5 .baloon{ left:-10px; }
#top5 .baloon1{ right:-10px; }
#top5 .area1{ padding-top:30px; }
#top5 .area2{ padding-top:30px; }
#top5 .textbox{ padding-top:20px; }

#top6{ padding-top:60px; padding-bottom:60px; }
#top6 .area{ padding-bottom:55px; }
#top6 .list{ padding-top:45px; margin-bottom:20px; flex-wrap:wrap; }
#top6 li{ width:30%; margin-right:5%; }
#top6 li:nth-child(3){ margin-right:0; }
#top6 li:nth-child(4){ margin-left:18%; }

#top7{ padding-top:60px; }
#top7 .img{ display:none; }
#top7 .img1{ margin-right:0%; padding:50px 0px; display:block; }

#top8{ padding-top:60px; }
#top8 .top8{ margin-top:55px; }
#top8 .title1, #top8 .orangefont{ font-size:5.5vw; }

#top9 .baloon{ display:none; }
#top9 { padding-top:0; }
#top9 .fontsmall{ font-size:4vw; }
#top9 .price{ font-size:8vw; }
#top9 .baloon{ display:none; }
#top9 .area{ margin-bottom:40px; }
#top9 .title1{ font-size: 5.5vw; }

#top10{ padding-top:60px; }
#top11{ padding-top:60px; }
#top12{ padding-bottom:30px; }
#top13{ padding-top:60px; padding-bottom:60px; }

#top10 .qbox {
    background: #64ad18;
    padding: 12px 9px 10px 12px;
    color: #fff;
    font-size: 1.5rem;
}
.panel{
    width: 100%;
}
#top10 .accordion:after {
    margin-top: -14px;
    content: '\002B';
    font-size: 30px;
    color: #fff;
    float: right;
}

}

@media (max-width: 640px) {
.sp{ display: block; }
.news_box ul{ max-height: 500px; }
#top10 .titlebox {
    padding-bottom: 10px;
}
#top13 .top13formbox_button {
    padding-top: 0px;}
#top5 .title1 {
    font-size: 2.8rem;}
#top1 .list {
    padding: 10px 30px 0px 30px;}
#top2 .list {
    padding: 15px 0px 0px 0px;
}
#top3 .box {
    min-height: 380px;
}
#top4 .text {
    font-size: 1.7rem;}
#top3 {
    background: url(../images/top_img_greenbg1.jpg) bottom center no-repeat;
    background-size: cover;
    padding-top: 45px;
    padding-bottom: 40px;
}
#top3 {
    padding-top: 45px;
    padding-bottom: 40px;
}
#top2 .ballon {
    background-size: 78%;
padding-top: 8px;}
#top2 .bigballom {
    font-size: 4.6rem;}

.headerslider_btn1 ,.headerslider_btn2 ,.headerslider_btn3{
    padding: 17px 12px;}
#company dl dt {
    width: 23%;
}
#company dl dd {
    width: 77%;
}
#top13 .top13formbox_left {
    font-size: 1.3rem;
}
#top10 {
    padding-bottom: 0px;
}
#top13 .top13formbox_textbox {
    padding: 4px;}
.company_wrapper{display: block;}
.company_wrapper dl{width: 100%;}
.company_wrapper ul {
    width: 100%;
}
#top10 .abox {
    padding: 20px 12px;
    font-size: 1.5rem;
    color: #020202;
}
.headerslider_left{position: relative;
overflow: hidden;}
.maskot{    display: block;
    position: absolute;
    right: -10px;
    bottom: -13px;
    width: 113px;}
.titlebox img{ width:12px; height:40px; }

.bannerarea{ padding-top:50px; padding-bottom:50px; flex-wrap:wrap; }
.bannerleft{ width:100%; padding-left:20px; padding-right:20px; }
.bannerright{ width:100%; padding-top:40px; }
.bannerphone{ font-size:4vw!important; }
.bannerphonenumber{ padding-bottom:10px; font-size:11vw!important; }


#top1 .title2{ padding-left:20px; padding-right:20px; font-size:5vw; }
#top1 .subtitle{ font-size:4.5vw; letter-spacing:normal; }
#top1 .bigtitle{ font-size:10vw; }

#top4 .inbox{ flex-wrap:wrap; padding-left:10px; padding-right:10px; }
#top4 .left{ width:100%; text-align:center;  }
#top4 .right{ width:100%; padding-left:0; }
#top4 .inboxround{ display:inline-block; }
#top4 .text, #top4 .title1{ text-align:center; }

#top6 .title2 { padding-top: 35px; font-size: 5vw; }

#top12 li { width: 50%; }
#top13 .top13formbox_submit{ padding-left:30px; padding-right:30px; width:100%; }


#top13 .top13formbox { flex-wrap:wrap; }
#top13 .top13formbox_left{ width:100%; padding-bottom:8px; }
#top13 .top13formbox_right{ width:100%; }

}

@media (max-width: 767.98px) {


}

@media (max-width: 768px) {

.news_box {    margin-top: -50px;
    display: block;
    margin-bottom: 50px;}
.news_box ul li{font-size: 13px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee; line-height: 2;}
.news_box ul li span{display: inline-block; font-size: 12px; background-color: #64ad18; color: #fff; padding:3px 15px; text-align: center; }
.news_box h3{
    width: 100px;
font-size: 2.5rem;
    vertical-align: middle;
    color: #ff9600;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    }


#top9 .text {
    padding-top: 30px;
    font-size: 1.6rem;
    color: #0a0909;
    line-height: 2em;
    letter-spacing: -1px;
    text-align: center;
}
#top10 .left {
    width: 160px;
}
#top10 .right {
    width: calc( 100% - 116px );
}

.bannerboxleft{ width:100%; }
.bannerboxright{ width:100%; }
.bannerboxleft {
    margin-right: 0%;
}
.bannerbtn1{
    padding: 15px;margin-bottom: 10px;
}
.bannerbtn2{
    padding: 15px;margin-bottom: 10px;
}
.bannerboxright {
    margin-left: 0%;
}
#top9 .area {
    padding: 30px 17px 0px;
}
#top4 .area {
    margin: 30px 0px;
    padding: 45px 20px;}
.navigation .navigation-menu{border-radius:0px; }
#top3 .box1 {
    padding-top: 10px;
    display: block;
}

#top10{margin-bottom: 60px;}
#top3 .box1 {
    padding-top: 10px;
    display: block;
}
#top3 .left {
    width: 70%;
    text-align: center;
    margin: 0 auto 20px auto;
}
#top3 .right {
    width: calc( 100% - 0px );}

#top4 .title2 img{ width:50px; }
#top4 .titlebox1 { margin-top: -75px; }
#top6 .area{ padding-top:30px; padding-bottom:60px; }
#top6 .titlebox1{ line-height:1.7em; }
#top6 .baloon{ right:0; top:-300px; }

}

@media (max-width: 991.98px) {
	
.titlebox{ display:flex; align-items:center; justify-content:center; }
.title, .title_orange{ font-size:5vw; }

.header_logo{ padding:5px 0px 5px 15px; }
.header_logo img{ width:200px; }
.header_left{ width:100%; }


.navigation{ min-height:80px; }
.mobile_menu{ padding-top:5px; }
.navigation-button-toggler{ margin-right:20px; }
.navmenu{ background:none; }
.navigation-body{ width:100%; }
.navigation-body-header{ background:#fff; }
.navigation-menu{ margin-left:2.5%; width:95%; border-radius:10px; }
.navigation-link { padding:20px 30px; color:#fff; border-bottom:1px solid #fff; font-size:1.8rem; }

.navigation-link:visited { color:#ecffcf; }
.navigation-item:not(.navigation-brand-text).is-active .navigation-link, 
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ color:#ecffcf; }

.navigation-brand-text{ text-align:left; }

.m992{ display:block; }
.pc992{ display:none; }

.navigation-phone{ width:350px; }
.headerslider{ flex-wrap:wrap; padding-top:20px; }
.headerslider_left{ width:100%!important; margin-right:0!important; padding-bottom:30px; } 
.headerslider_right{ width:100%; margin-right:0; }
.headerslider_button1, .headerslider_button2, .headerslider_button3{ padding-left:0; padding-right:0; }

.bannerphone{ font-size:2vw; }
.bannerphonenumber{ font-size:5vw; }
.bannerbox{ flex-wrap:wrap; }
.bannerbtn1, .bannerbtn2{ font-size:1.7rem; }

#top2{ padding-top:60px; }
#top2 .box{ flex-wrap:wrap; }
#top2 .left{ width:100%; }
#top2 .right{ width:100%; padding-top:30px; padding-bottom:30px; }
#top2 .box1{ padding-top:25px; }

#top4 .title2, #top4 .orangefont{ font-size:3rem; }

#top5 .area{ flex-wrap:wrap; padding-bottom:50px; }
#top5 .area1{ flex-direction:column-reverse; }
#top5 .left{ width:100%; padding-bottom:30px; }
#top5 .right{ width:100%; padding-left:0; }
#top5 .left1{ width:100%; padding-right:0; }
#top5 .right1{ width:100%; padding-bottom:30px; }

#top6 .area { flex-wrap:wrap; }
#top6 .left{ width:100%; padding-right:0; }
#top6 .right{ display:none; }

#top8 .top8{ background:none; }
#top8 .area { flex-wrap:wrap; }
#top8 .left{ width:100%; padding-bottom:40px;  }
#top8 .right{ width:100%; padding-left:20px;  }

#top9 .list{ padding-left:0!important; padding-right:0!important; }
#top9 li{ padding-left:0px; padding-right:10px; }
#top9 li:nth-child(2){ padding-left:10px; padding-right:0; }

#top10 .box{ padding-left:10px; padding-right:10px; }
#top11 .area{ position:static; }
#top11 .absolutetextbox{ width:100%; margin-top:30px; position:static; display:block; }

#top13 .top13form{ padding-left:20px; padding-right:20px; }

}

@media (max-width: 1024px) {

.headerslider_left { width: 55%; margin-right: 3%; }
.header_phonenumber{ font-size:3rem; }
.header_middle{ text-align:right; }
#top13{ }
.navigation-link{ padding-left:25px; padding-right:25px; }


}

/* 20220912 */
.container .hidden {display:none!important;}