html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box;font-size:100%;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-smoothing: antialiased;}
img{max-width:100%;height:auto;vertical-align:middle}
a{text-decoration:none;cursor:pointer;color:initial;}
html,body{width:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;height:100%;}
table{border-collapse: collapse;border-spacing: 0;}
.dis_res{display:none!important}
.dis_se{display:none!important;}
header{width:100%;top:0px;left:0;padding:10px 35px;position: fixed;display: block;transition:0.4s;z-index:5;text-align: center;background:#fff;}
.home header{top:20px;}
.home header.fixed{top:0;}
/*-- メニュー --*/
#nav-toggle{width:25px;height:28px;cursor:pointer;z-index:101;display:block;position: absolute;left:60px;top:20px;transition:0.4s;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:1px;width:100%;background:#555;left:0;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;}
#nav-toggle span:nth-child(1) {top:5px;}
#nav-toggle span:nth-child(2) {top:10px;display: none;}
#nav-toggle span:nth-child(3) {top:14px;}
.open #nav-toggle span{background:#000;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(-21deg);-moz-transform:rotate(-21deg);transform:rotate(-21deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(21deg);-moz-transform:rotate(21deg);transform:rotate(21deg);}
.open #global-nav{-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

.menu_right{position:absolute;right:60px;top:19px;}
.menu_right2{position:absolute;right:93px;top:19px;}
.menu_right3{position:absolute;right:120px;top:19px;}
#menu{opacity:0;width:400px;height:100%;position: fixed;left:0;top:0;background:#fff;z-index:3;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:0.8s;}
#menu.ac{opacity:1;-moz-transform:translateX(0);-webkit-transform:translateX0);transform:translateX(0);}
#menu .box{width: 100%;max-width: 240px;margin: 0 auto;height: 100%;padding-top:17vh;}
#menu .box ul{width:100%;display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;list-style:none;}
#menu .box ul li{width:100%;}
#menu .box ul a{display: block;font-size:20px;color:#000;line-height: 1.6em;margin-bottom:25px;}
.menu_links{font-size:14px;color:#fff;display: inline-block;font-weight: 500;display: block;background: #000;text-align: center;padding: 12px;}

.seminar{position: fixed;right:0;bottom:80px;background:#000;color:#fff;font-size:14px;font-weight:600;text-align:center;padding: 20px 80px;z-index: 1;transition:0.4s;}
.seminar:hover{padding:20px 90px;}
.top{width:calc(100% - 100px);margin:0 auto;margin-top:120px;padding:100px;position:relative; background-image: url(../img/top_bg.jpg);background-size: cover;background-position: center;background-repeat:no-repeat;}
.top_img{text-align: center;}
.top_img img{width:400px;}
.top h2{font-size:18px;letter-spacing:0em;font-weight:400;position:absolute;left:200px;top:50%;transition:2s;}
.top h2.ac{letter-spacing:0.6em;}
.sns_list{width:100%;text-align: center;}
.sns_list span{display: inline-block;padding:28px;}
.sns_list span span{padding:0;}
.sns_list span img{margin-right:10px;vertical-align:top;}
.top_about{width:100%;max-width:1100px;margin:0 auto;padding:90px 20px;}
.top_about .box{display:flex;flex-wrap:wrap; justify-content: space-between;align-items: stretch;width:100%;}
.top_about .box_text{width:52%;}
.top_about .box_img{width:46%;}
.top_about h2{margin-bottom:28px;}
.top_about p{font-size:17px;line-height:1.9em;}
.links{font-size:18px;color:#000;display: inline-block;margin-top:20px;font-weight: 500;}
.links span{transition:0.4s}
.links:hover span{margin-left:10px;}
@keyframes infinity-scroll-left {
from {transform: translateX(0);}
to {transform: translateX(-100%);}}
@keyframes infinity-scroll-right {
from {transform: translateX(-100%);}
to {transform: translateX(0%);}}
.scroll_gallay{margin-bottom: 80px;padding:80px 0;}
.scroll_gallay .content{width:100%;max-width:1100px;margin:0 auto;}
.scroll_gallay h2{}
.scroll_gallay .box {display: flex;overflow: hidden;margin-top:-40px;}
.scroll_gallay .box ul {display: flex;list-style: none;padding: 0;z-index: -1;}
.scroll_gallay .scroll_left {animation: infinity-scroll-left 80s infinite linear 0.5s both;}
.scroll_gallay .box li {width: calc(100vw / 4);margin: 10px;background: #C7B299;padding: 20px;}
.scroll_gallay .box li:nth-child(even){margin-top:100px;}
.scroll_gallay .box li:nth-child(odd){margin-bottom:100px;}
.scroll_gallay .box li img {width: 100%;border-radius:8px;}
.scroll_gallay .box h3{font-size:21px;font-weight:400;text-align: center;}
.top_company{width:calc(100% - 100px);margin:0 auto;padding:100px;position:relative; background-image: url(../img/company_bg.jpg);background-size: cover;background-position: center;background-repeat:no-repeat;}
.start{width:100%;max-width:1100px;margin:0 auto;padding:100px 20px;}
.start h2{margin-bottom:80px;}
.start .box{display:flex;justify-content: space-between;align-items: stretch;width:100%;}

.about_top{width:100%;text-align:center;margin-top:60px; padding:240px 20px;background-image: url(../img/about_top.jpg);background-position: center;background-repeat: repeat;background-size:cover;}
.about_main{width:100%;max-width:1100px;margin:0 auto;padding:120px 20px;}
.about_mark{width:100%;display:flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.about_mark .box_text{width:64%;}
.about_mark .box_img{width:28%;margin-top:80px;}
.about_main h2{font-size:34px;font-weight:400;margin-bottom:40px;}
.about_main p{font-size:24px;line-height: 1.8em;margin-bottom:40px;}
.about_main h4{font-size:38px;color:#000;font-weight:300;margin-top:20px;}
.about_box{width:100%;display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-top: 100px;}
.about_box .box_img{width:50%;}
.about_box .box_text{width:45%;padding:40px;}
.about_box ul{padding-left:1em;font-size:24px;line-height:2em;font-weight:300;margin-bottom:40px;}
.links2{font-size:24px;text-decoration:underline;}
.links2 span{margin-left:20px;}
.products_top{width:100%;margin-top:60px; padding:100px 20px 400px;background-image: url(../img/products_top.jpg);background-position: center;background-repeat: repeat;background-size:cover;}
.products_top .box{width:100%;max-width:1100px;margin:0 auto;}
.products_main{width:100%;max-width:1100px;margin:0 auto;padding:0px 20px 120px;}
.products_main h2{padding-top:120px;}
.products_list{width:100%;display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding:40px 0;}
.products_list .products_box{width:31%;text-align: center;margin-bottom:40px;}
.products_list .products_box img{width:160px;}
.products_list h3{font-size:22px;margin-bottom:10px;}
.products_list p{font-size:14px;}
.products_link{display: block;background: #C7B299;padding: 24px 50px;font-size: 24px;transition:0.4s;}
.products_link:hover{padding-right:40px;}
.products_link small{float:right;}
.products{width:100%;padding:40px 0;max-width:1100px;margin:0 auto;margin-top:100px;}
.products .back img{margin-right:10px;transition:0.4s;}
.products .back a:hover img{margin-right:5px;}
.products .box{display:flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;width:100%;padding:40px 0;}
.products .box_img{width:29%;}
.products .box_text{width:66%;padding-top:20px;}
.products h2{font-size:40px;font-weight:400;line-height:1.2em;margin-bottom:28px;}
.products h2 small{display: block;font-size:17px;}
.products p{font-size:19px;line-height:1.7em;margin-bottom:28px;}
.products table{width:100%;}
.products table td{min-width:200px;font-size:15px;vertical-align:top;padding:15px 0;border-top:solid 1px #ccc;}


.flow_top{width:100%;text-align:center;padding:90px 20px;}
.flow_top p{font-size:15px;margin-bottom:40px;}
.flow_main{width:100%;max-width:1100px;margin:0 auto;padding-bottom:80px;}
.step{width:100%;padding:40px 20px;display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.step .box_img{width:28%;}
.step .box_text{width:62%;}
.flow_main h2{margin-bottom:20px;padding-top:100px;}
.step h3{font-size:36px;font-weight:300;margin-bottom:20px;}
.step p{font-size:21px;line-height:1.6em;}
.step p small{display: block;padding-top:20px;}
.plan{width:100%;padding:80px 20px;display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.plan .box{width:40%;}
.plan h3{font-size:42px;font-weight:400;margin:15px auto;}
.plan p{font-size:19px;}
.plan p small{display: block;padding-top:5px;}
.voice{width:100%;padding:40px 40px;display:flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;border-bottom:solid 1px #ddd;}
.voice .box_icon{width:8%;}
.voice .box_text{width:88%;}
.voice h3{font-size:24px;font-weight:500;margin-bottom:20px; background-image:url(../img/voice_icon.svg);background-position: right center;background-repeat: no-repeat;}
.voice p{font-size:18px;}
.company_top{width:100%;padding:140px 50px 80px;text-align:center;}
.company_top h2{margin-bottom:60px;}
.company_mission{width:100%;text-align: center;}
.company_mission h2{margin-bottom: 60px;}
.company_mission h3{font-size:40px;font-weight:300;margin-bottom:40px;}
.company_mission p{font-size:18px;line-height:1.9em;margin-bottom:20px;}
.company_ceo{width:100%;padding: 200px 20px;margin-top:100px;text-align:center; background-image: url(../img/company_ceo_1.jpg);background-size:cover;background-position: center;background-repeat: no-repeat;}
.company_ceo h2{padding-left: 25%;}
.company_mes{width:100%;max-width:940px;margin:0 auto;padding:100px 20px;}
.company_mes p{font-size:20px;line-height: 1.8em;margin-bottom:20px;}
.text_right{text-align:right;}
.company_mes h2{margin-bottom:50px;}
.company_mes table{width:100%;margin-bottom:40px;}
.company_mes table td{min-width:90px;font-size: 20px;}
.talj{letter-spacing:0.1em;}
.company_mes iframe{width:100%;height:400px;filter:grayscale(100%);}
.news_top{width:100%;padding:140px 50px 80px;text-align:center;}
.news_main{padding:80px 20px;}
.news_main h2{font-size:24px;font-weight:600;}
.news_main p{font-size:14px;}
.news_main .box{width:100%;max-width:980px;margin:0 auto;padding:40px 0px;border-bottom:solid 1px #ddd; display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.news_main .box_text{width:72%;}
.news_main .box_img{width:20%;}

.contact_top{width:100%;margin-top:60px;text-align:center;padding:80px 20px 180px; background-image: url(../img/contact_top.jpg);background-size:cover;background-position: center;background-repeat: no-repeat;}
.contact_top h2{margin-bottom: 20px;}
.contact_top p{font-size:18px;color:#fff;}
form#mail_form dl dd{width:100%;}
form#mail_form dl dt{display: none;}
.contact_main{padding:20px 20px 100px;width: 100%;background:#f2f2f2;margin: 0 auto;}
.contact_main form{max-width:580px;margin:0 auto;}
form#mail_form{width:100%;}
form#mail_form input{border:1px solid rgba(0,0,0,.29);border-radius:4px;}
form#mail_form #form_submit{margin-left:0;}
form#mail_form #form_submit input{width:100%;background:#000;}
.thanks{width:100%;padding:90px 20px;max-width:900px;margin:0 auto;text-align:center;}
.thanks h2{font-size:28px;font-weight:500;margin-bottom:20px;}
.thanks p{font-size:16px;margin-bottom:20px;}

footer{width:100%;background:#272727;padding:40px 50px 20px;z-index: 2;position: relative;}
footer ul{text-align:center;list-style:none;width:240px;margin:0 auto;padding-left: 120px;}
footer ul li{text-align: left;line-height: 2em;}
footer ul a{color:#fff;font-size:14px;line-height:1.9em;}
footer .copy{text-align:right;color:#fff;font-size:14px;}

.anime{transition-property: opacity, transform;transition-duration:2s;transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);opacity: 0;-webkit-transform: translate(0px, 20px);transform: translate(0px, 20px);}
.anime2{transition-property: opacity, transform;transition-duration:2s;transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);opacity: 0;-webkit-transform: translate(-20px, 0px);transform: translate(-20px, 0px);}
.anime.ac,.anime2.ac{opacity: 1;-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.anime3{transition-property: opacity, transform;transition-duration:3s;opacity: 0;}
.anime3.ac{opacity:1;}
.anime4{transform:rotate(20deg);opacity:0;transition:2.5s;}
.anime4.ac{opacity:1;transform:rotate(0deg);}
.anime_text{opacity:0;transform: scale(1.05);transition: transform 800ms cubic-bezier(.215,.61,.355,1),opacity 1.5s cubic-bezier(.694,0,.335,1),-webkit-transform 1.5s cubic-bezier(.215,.61,.355,1);}
.anime_text.ac{transform: scale(1);opacity: 1;}


@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}




@media (max-width:1200px){

}

@media (max-width:1024px){

}


@media only screen and (max-width: 813px) and (min-width: 568px){

}





@media (max-width:770px){

}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
#nav-toggle span{background: #000;height:1px;}
#menu{width:100%;}
#menu .box .list{width:49%;}
#nav-toggle{top:15px;left: 20px;}
header{top:0;background-color: #fff;padding:11px 20px;display: block;}
.home header{top:0;}
.logo{display: inline-block;}
.logo img{width: 120px;}
.menu_right{right: 20px;top: 14px;}
.menu_right2{right:60px;top:14px;}
.menu_right3{right:90px;top:14px;}
#menu .box ul a{font-size:18px;margin-bottom:20px;}

.seminar{padding: 10px 40px;bottom: 0;}
.top{width: calc(100% - 40px);margin-top: 50px;padding:40px;height:calc(100% - 108px);display:flex;align-items: center;}
.top h2{margin-left:-107px;left: 50%;top: 80%;font-size:22px;letter-spacing: 0.4em;}
.sns_list{text-align:left;padding-left: 28px;}
.sns_list span{padding: 20px 8px;font-size:11px;}
.sns_list span img{width:34px;margin-right:5px;}
.top_about{padding:50px 20px;}
.top_about .box_text{width:100%;margin-bottom:20px;}
.top_about .box_img{width:100%;}
.top_about h2{width:75%;margin-bottom: 15px;}
.top_about p{font-size:14px;}
.links{font-size:14px;margin-top: 10px;}
.scroll_gallay{padding: 40px 0;margin-bottom: 0;}
.scroll_gallay .content{padding: 20px;max-width: 75%;margin:0;}
.scroll_gallay .box{margin-top: -50px;}
.scroll_gallay .box li{width: calc(100vw / 2);}
.scroll_gallay .box h3{font-size: 12px;}
.top_company{padding: 60px 28px 40px;width: calc(100% - 40px);}
.start{padding: 50px 20px;}
.start h2{width:68%;margin-bottom: 20px;}
.start .box{text-align:center;}
.start .box span img{width:45px;margin-bottom:5px;}
.start .box span{display: block;font-size: 12px;}
footer{padding: 28px 20px 10px;}
footer h2 img{width:120px;}
footer ul a{font-size:11px;}
footer .copy{font-size:10px;text-align:left;}

.about_top{padding: 70px 80px;}
.about_main{padding:50px 20px;}
.about_mark .box_text{width:100%;}
.about_main h2{font-size:19px;margin-bottom:20px;}
.about_main p{font-size:14px;margin-bottom: 28px;}
.about_main h4{font-size:20px;margin-top:10px;}
.about_mark .box_img{width:80%;margin: 0 auto;margin-top: 40px;}
.about_box{padding-top:50px;}
.about_box .box_img{width:100%;}
.about_box .box_text{width:100%;padding: 20px;}
.about_box ul{font-size:16px;}
.links2{font-size:15px;}
.links2 span{margin-left: 12px;}
.links2 img{width: 16px;}
.products_top{padding:20px 20px 100px;}
.products_top .box{max-width: 220px;}
.products_main{padding: 0px 20px 50px;}
.products_main h2{padding-top: 50px;width: 75%;}
.products_list{padding: 40px 0 0;}
.products_list .products_box{width: 48%;}
.products_list .products_box img{width: 110px;}
.products_list h3{font-size: 14px;margin-bottom: 5px;}
.products_list p{font-size: 11px;}
.products_list .products_box.mb0{margin-bottom:0;}
.products_link{padding: 15px 20px;font-size: 18px;}
.products_link small{width:40px;}
.products_list.pt0{padding-top:0;}
.products{padding: 40px 20px;margin-top: 50px;}
.products .back img{width:40px;}
.products .box_img{width: 60%;margin: 0 auto;}
.products .box_text{width:100%;}
.products h2{font-size:28px;margin-bottom: 20px;}
.products h2 small{font-size:14px;}
.products h3{font-size:15px;}
.products p{font-size:14px;}
.products table tr{border-top: solid 1px #ccc;}
.products table td{border-top:none;min-width: 120px;font-size: 13px;padding:8px 0;width: 100%;display: block;}


.flow_top{padding: 90px 20px 20px}
.flow_top p{font-size:12px;margin-bottom:20px;}
.flow_top img.anime{width:28px;}
.flow_main{padding:20px;}
.flow_main h2{width:120px;padding-top: 40px;}
.step{padding:28px 0px;}
.step .box_img{width: calc(100% - 40px);margin: 0 auto;margin-bottom:20px;}
.step .box_text{width: 100%;}
.step h3{font-size:19px;margin-bottom: 12px;}
.step p{font-size: 15px;}
.step p small{padding-top:10px;}
.plan{padding: 20px 0;}
.plan .box{width:100%;margin-bottom:40px;}
.plan h3{font-size: 24px;margin: 10px auto;}
.plan p{font-size: 16px;}
.voice{padding:20px 20px;}
.voice .box_icon{width:100%;}
.voice .box_icon img{width: 50px;}
.voice h3{font-size:17px;margin-bottom: 15px;}
.voice .box_text{width:100%;}
.voice p{font-size: 13px;}
.company_top{padding: 80px 20px 50px;}
.company_top h2{width: 70%;margin: 0 auto;padding-bottom:20px;}
.company_mission h2{margin-bottom: 20px;}
.company_mission h2 img{width:120px;}
.company_mission h3{font-size:20px;margin-bottom:20px;}
.company_mission p{font-size:12px;margin-bottom:10px;}
.company_ceo{margin-top: 50px;padding: 60px 20px;}
.company_ceo h2{text-align:right;}
.company_ceo h2 img{width:240px;}
.company_mes{padding: 28px 20px;}
.company_mes p{font-size:13px;margin-bottom: 10px;}
.company_mes h2{margin-bottom: 28px;}
.company_mes h2 img{width:260px;}
.company_mes table td{min-width: 70px;font-size: 13px;vertical-align: top;}
.company_mes iframe{height: 290px;}
.news_top{padding: 80px 20px 0px;}
.news_top img{width: 200px;}
.news_main{padding: 50px 20px;}
.news_main h2{font-size: 15px;}
.news_main p{font-size: 11px;}
.news_main .box{padding: 20px 0px;}

.contact_top{padding: 40px 20px 100px;}
.contact_top h2{margin-bottom:10px;}
.contact_top h2 img{width:180px;}
.contact_top p{font-size:12px;}
.contact_main{padding:50px 20px 50px;}
form#mail_form{padding: 0px 0 60px;}
form#mail_form dl{width:100%;margin-top: 5px;}
form#mail_form input{margin-bottom:0;}
form#mail_form textarea{margin-bottom:0;}
form#mail_form .scroll{font-size:13px;}
form#mail_form .scroll b{display: block;margin-bottom: 5px;}
form#mail_form p{width:100%;}
form#mail_form .scroll p{font-size:13px;}
form#mail_form #form_submit input{background:#222;}
form#mail_form #form_submit{margin-left:0;}
form#mail_form ul li input{margin-right: 0.2em;vertical-align: text-bottom;}
.thanks{padding: 40px 20px;}
.thanks h2{font-size:18px;margin-bottom: 10px;}
.thanks p{font-size:12px;}

}



@media (max-width:400px){
	
}
@media (max-width:321px){
.dis_se{display:block!important;}

}