html,body,p,h1,h3,h4,h5,ul{margin:0;padding:0; }
h2{margin:0;padding:0;font-size::44px; }
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}
body{}
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;}
/*.en{font-family: 'Marcellus', serif;}*/
.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.8s;z-index:5;}
.home_header.tps{top:44px;}
header.fixed{transition:0.8s;position:fixed;top:0;z-index:5;background-color:#fff;}
header.open{/*background:#fff;*/}
.logo{position: absolute;left: 45%;top: 18px;width:138px;height:23px;background-image: url(../img/logo.svg);/* background-size: 56px auto; */ background-repeat: no-repeat;transition:0.5s;}
.logo_top{display: block;}
.fixed .logo{background-image: url(../img/logo_fix.svg);width:144px;height: 25px;background-size:144px auto;}
.fixed .logo_fix{display: block;}
.logo_sp{display: none;}
.logo_text{display: none;}
.inner-page .logo_fix{display:block;}
.topics{width: 100%;background: #111;padding: 13px;text-align: center;position: fixed;top:0;left: 0;height: 44px;overflow: hidden;z-index: 2;display: none;}
.topics a{font-size:14px;color:#fff;text-decoration: underline;}
.topics .close{position: absolute;right:10px;top:0;cursor:pointer;padding: 9px 15px;}
#global-nav{ width: 100%;margin: 0 auto;text-align: right;}
#global-nav ul li{display:inline-block;text-align: center; padding:0 5px;color:#000;font-size:14px;line-height:40px;font-weight:500;letter-spacing:1px;}
.menu_left{float: left;}
#global-nav ul li.sns{padding:0 10px;}
#global-nav ul li a{color:#fff;padding:0 10px;}
.fixed #global-nav ul li a{color:#000;}
#global-nav ul li.active a{color: #000;}
#global-nav ul li a:hover{}
#global-nav ul li:nth-child(1){width:134px;}
#global-nav ul li:nth-child(2){width:130px;}
#global-nav ul li:nth-child(3){width:100px;}
#global-nav ul li:nth-child(4){width:138px;}
#global-nav ul li:nth-child(5){width:130px;}
#global-nav ul li a{display: inline-block;}
.jp_menu{display:none;}
#global-nav ul li a:hover .jp_menu{display:inline-block;text-align:center;}
#global-nav ul li a:hover .en_menu{display: none;}
/*.fixed .jp_menu{display: block;}
.fixed .en_menu{display: none;}*/


/*-- ボタン --*/
#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:25px;height:32px;cursor:pointer;z-index:101;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#bababa;left:0;-webkit-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out;}
#nav-toggle span:nth-child(1) {top:2px;}
#nav-toggle span:nth-child(2) {top:9px;}
#nav-toggle span:nth-child(3) {top:16px;}

/*-- スマホ --*/
@media screen and (max-width: 769px) {

header ul{float:none;}
#top-head.fixed{background-color:#fff;height:65px;}
#global-nav ul li{float:none;text-align:center}
#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0;font-size:20px;}
#nav-toggle {display:block;right:17px;top:15px;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);background: #8c8b8b;}
.open #nav-toggle span:nth-child(2){width:0;left:50%;background: #8c8b8b;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);background: #8c8b8b;}
.open #global-nav{-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}


#mobile-head{position:relative;}
#top-head.open{z-index:101;}
#top-head.open .logo{z-index:20;}
#global-nav{position: absolute;/* top: 50px; */background:#fff;width:100%;text-align:center;padding:10px 15px;-webkit-transition:.7s ease-in-out;-moz-transition:.7s ease-in-out;transition:.7s ease-in-out;height:0;left:100%;height: 100vh;top: 0;transform: translateX(0);height: calc(100vh - 50px);display: flex;align-items: center;}
#global-nav ul li{padding:10px 5px;display:block;color:#fff;text-align:left;border-bottom: solid 1px rgba(254, 85, 13, 0.08);line-height: 2em;}
#global-nav ul li.menu_left{padding:5px;float: none;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width:100%;display:block;color:#000;padding:0;font-size:15px;line-height: 2.1em;}
#nav-toggle{display:block;width: 22px;}
.open #nav-toggle @media screen and (max-width: 769px)span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}
.open #global-nav {
-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);}
#gnav-container{width:100%;margin-top: -25px;}
#global-nav ul li{text-align: center;margin-bottom: 20px;}
#global-nav ul li:nth-child(1){width:100%;}
#global-nav ul li:nth-child(2){width:100%;}
#global-nav ul li:nth-child(3){width:100%;}
#global-nav ul li:nth-child(4){width:100%;}
#global-nav ul li:nth-child(5){width:100%;}
#global-nav ul li a{padding:0;color: #000;}
#global-nav ul li a span{display: block;width:100%;font-size: 20px;}
#global-nav ul li a .jp_menu{font-size:14px;}
#global-nav ul li{border:none;}
#global-nav ul li a:hover .en_menu{display:block;}
}



.top{position: relative;width:100%;height:100%;display: flex;justify-content: center;align-items: center;/* max-height: 1000px; */background-image: url(../img/top_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.top h1{text-align:center;margin-top:55%;}
.top h2{text-align:center;margin-top:200px;width: 30%;display: inline-block;margin: 240px 20px;}
.top .box{width:100%;max-width:1140px;padding:40px;margin:0 auto;z-index:0;margin-bottom: 40px;text-align: center;}
.top p{font-size:22px;line-height:1.6em;color:#fe550d;margin-bottom:0;}
.top .links{padding:10px 28px;border-radius:40px;color:#000;background:#fff;font-size:15px;border:solid 1px #fff;font-weight:bold;transition:0.4s;}
.top .links:hover{background:none;color:#fff;}
.top .links2{padding:10px 28px;border-radius:40px;color:#fff;font-size:17px;font-weight:bold;transition:0.4s;margin-left:20px;}
.top .links2:hover{text-decoration: underline;}
#bgVideo{position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index:-1; top: 0; left: 0; overflow: hidden;}
#videoBt{position:absolute;width:50px;height:50px;bottom:20px;right:28px;background-image: url(../img/play_bt.svg);background-size:50px;background-repeat: no-repeat;}
#videoBt.on{background-image: url(../img/play_bt_on.svg);}
.line{position:fixed;bottom:20px;right:20px;z-index:2;width:200px;height:60px;background-image:url(../img/line_icon.png);background-size:auto 60px;background-position:right center;background-repeat: no-repeat;cursor:pointer;}
.line:hover{background-image: url(../img/line_icon_hv.png);background-size:auto 60px;}

.h1 svg{width:100%;max-width:500px;}
.h2 svg{width:100%;max-width:500px;}

social{width:50px;padding:40px 20px 20px;margin-top: 100px;text-align: center;}
social img{width: 50px; padding: 0px 12px 0 12px;text-align: center;margin-top: 100px;}

.footer{width:100%;padding:40px 20px 20px;margin-top: 100px;text-align: center;background:#fff;}
.footer img{width:160px;margin: 20px 0 30px 0;text-align: center;}
.footer ul{list-style: none;margin-bottom:40px;}
.footer ul li{text-align: center;line-height:1.6em;padding:5px 0px; display: inline-block; margin: 0 10px;}
.footer ul li a{font-size:16px;color:#333;margin-bottom:20px;font-weight:400;}
.footer .copy{font-size:11px;color:#999;line-height:1.6em;}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 85, 13);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}


.top_bn{width:100%;padding:20px 10px;display: table;}
.top_bn .box{width: calc(33.333% - 20px);display: inline-block;margin:0 10px;padding:280px 20px;text-align: center;background-size:cover;background-position:center;background-repeat: no-repeat;/*transition:0.4s;*/}
.top_bn h2{font-size:34px;color:#fff;font-weight:400;margin-bottom:10px;letter-spacing: 1px;}
.top_bn .bn1{background-image: url(../img/top_bn1.jpg);}
.top_bn .bn2{background-image: url(../img/top_bn2.jpg);}
.top_bn .bn3{background-image: url(../img/top_bn3.jpg);}
.top_bn .links{font-size:15px;color:#fff;font-weight:500;text-decoration:underline;}
.top_bn .box:hover{background-color: rgba(0, 0, 0, 0.12);background-blend-mode: multiply;transition:0.4s;}
.top_career{width:100%;padding:100px 20px;text-align:center;}
.top_career h2{color:#606060;font-size:48px;margin-bottom:10px;font-weight:400;}
.top_career img{width:100%; max-width:540px;}
.top_career .links{font-size:15px;text-decoration:underline;color:#606060;}
.top_about{text-align:center; width:calc(100% - 40px); margin:0 auto;margin-bottom:40px; padding:240px 20px;background-size:cover;background-position:top center;background-repeat: no-repeat;background-image: url(../img/top_about.jpg);}
.top_about h2{font-size:72px;color:#fff;margin-bottom:15px;font-weight:400;}
.top_about .links{font-size:15px;text-decoration:underline;color:#fff;}
.anime_zoom{opacity: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: opacity 1.8s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1.8s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
-o-transition: opacity 1.8s cubic-bezier(.165,.84,.44,1),transform 1s cubic-bezier(.165,.84,.44,1);
transition: opacity 1.8s cubic-bezier(.165,.84,.44,1),transform 1.2s cubic-bezier(.165,.84,.44,1);
transition: opacity 1.8s cubic-bezier(.165,.84,.44,1),transform 1.2s cubic-bezier(.165,.84,.44,1),-webkit-transform 1.2s cubic-bezier(.165,.84,.44,1);}
.anime_zoom.ac{-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;}

social{width:100%;padding:40px 20px 20px;margin-top: 100px;text-align: center;}
social img{width: 50px; padding: 0px 12px 0 12px;text-align: center;margin-top: 100px;}

footer{width:100%;padding:40px 20px 20px;margin-top: 20px;text-align: center;background:#fff;}
footer img{width:160px;margin: 20px 0 30px 0;text-align: center;}
footer ul{list-style: none;margin-bottom:40px;}
footer ul li{text-align: center;line-height:1.6em;padding:5px 0px; display: inline-block; margin: 0 10px;}
footer ul li a{font-size:16px;color:#333;margin-bottom:20px;font-weight:400;}
footer .copy{font-size:11px;color:#999;line-height:1.6em;}

.about_top{width:100%;border:solid 20px #fff;height:50%;background-image: url(../img/about_top.jpg);background-size:cover;background-position:center;background-repeat: no-repeat;margin-top:60px;min-height:460px;}
.about_main{width:100%;padding:80px 20px;position: relative;text-align: center;max-width:1440px;margin:0 auto;}
.about_main h2{color:#606060;font-size:48px;font-weight:400;margin-bottom:40px;}
.about_main p{font-size:21px;line-height:1.8em;margin-bottom:20px;}
.about_maru1{position: absolute;right: 80px;bottom: 0;width:360px;height: 360px;border-radius: 50%;background-image: url(../img/about_maru1.jpg);background-position: center;background-size: 360px;z-index:-1;}
.anime_maru{border:solid 180px #fff;transition: 2.8s;}
.anime_maru.ac{border:solid 0px #fff;}
.about_maru2{right: 80px;bottom: 0;width:510px;height: 510px;margin-top:-100px; border-radius: 50%;background-image: url(../img/about_maru2.jpg);background-position: center;background-size: 510px;z-index:-1;}
.about_maru3{position: absolute;right:100px;bottom: 200px;width:390px;height: 390px;border-radius: 50%;background-image: url(../img/about_maru3.jpg);background-position: center;background-size: 390px;z-index:-1;}
.about_table{width:100%;padding:0 20px 80px;}
.about_table .box{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.about_table .box_img{width:50%;}
.about_table .box_text{width:50%;position:relative;}
.about_table h2{font-size:48px;font-weight:400;text-align:center;color:#606060;margin-bottom:80px;}
.about_table h3{font-size:42px;font-weight:400;color:#606060;margin-bottom:10px;}
.about_table p{font-size:18px;line-height:2em;margin-bottom:80px;}

.overview{width:100%;height:90%;/*padding:80px 20px;*/background-image:url(../img/top_about.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;text-align: center;display: flex;align-items:center;margin-bottom: 80px;}
.overview .box{width:100%;margin-bottom: 240px;}
.overview h2{font-size:48px;color: #C69C6D;font-weight:400;margin-bottom:28px;line-height:1.4em;}
.overview p{font-size:21px;line-height:1.7em;color:#fff;margin-bottom:20px;}
.products{width:100%;}
.products .box{width:100%;max-width:1180px;margin:0 auto; padding:50px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.products .box_left{width:45%;}
.products .box_right{width:45%;}
.products .box h2{font-size:44px;color:#606060;font-weight:400;margin-bottom:10px;}
.products .box h3{font-size:24px;color:#606060;font-weight:400;margin-bottom:40px;}
.products .box p{font-size:18px;line-height:1.68em;color:#606060;width:100%;}

.career_top{position:relative; width:100%;height:100%;background-image:url(../img/career_top.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;}
.career_top .box{position:absolute;left:80px;bottom:100px;}
.career_top h2{font-size:48px;color:#fff;font-weight:400;margin-bottom:20px;}
.career_top h3{font-size:40px;color:#fff;line-height:1.8em;font-weight:400;}
.career_main{width:100%;background:#eae5da;padding:100px 20px;}
.career_main h2{font-size:48px;color:#606060;font-weight:400;margin-bottom:40px;text-align: center;line-height:1.4em;}
.career_main h2 small{display: block;font-size:18px;color:#000;font-weight:600;}
.career_main .list{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;max-width:1240px;margin:0 auto;}
.career_main .list .box{width:31.4%;}
.career_main .list img{border-radius:8px;}
.career_main h3{font-size:28px;color:#606060;line-height:1.4em;margin-top:15px;margin-bottom:15px;font-weight:400;}
.career_main p{font-size:15px;color:#606060;}
.partnership{width:100%;max-width: 1140px;margin:0 auto;margin-top:80px;text-align: center;background: #dfc7ad;padding: 60px 0px 60px 0;}
.partnership .box_center{width:45%;}
.partnership h2{font-size:44px;font-weight: 400; color:#fff;margin-bottom: 20px;}
.partnership h3{font-size:24px;font-weight: 400; color:#606060;margin-bottom: 30px;letter-spacing: 6px;}
.partnership .box h2{font-size:44px;font-weight: 400; color:#606060;margin-bottom: 10px;}
.partnership p{font-size:18px;color:#000;line-height:1.6em;margin-bottom:40px;}
.partnership p small{display: block;}
.partnership a{display: inline-block;color:#000;/*border:solid 1px #fff;*/padding:12px 68px;font-size:16px;font-weight:600;transition:0.4s;background: #fff;}
.partnership a:hover{background:none;color:#fff;background: #000;}

.shop_top{width:100%;border:solid 20px #f2f2f2;margin-top:60px;}
.shop_main{width:100%;padding:100px 20px;}
.shop_main h2{font-size:48px;color:#606060;font-weight:400;margin-bottom:40px;text-align: center;line-height:1.4em;}
.shop_main h2 small{display: block;font-size:18px;color:#000;font-weight:600;}
.shop_main .list{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;max-width:1240px;margin:0 auto;}
.shop_main .list .box{width:24%;background:#fff;border-radius: 10px;overflow: hidden;}
.shop_main .list .pd{padding:25px;}
.shop_main .list h3{font-size:18px;color:#000;font-weight:600;margin-bottom:15px;}
.shop_main .list p{font-size:13px;color:#606060;line-height:1.6em;font-weight:400;}
.shop_info{width:100%;text-align: center;padding:80px 20px;}
.shop_info h2{text-align:center;font-size:48px;color:#606060;font-weight:400;margin-bottom:10px;line-height:1.4em;}
.shop_img{max-width:490px;margin:0 auto;margin-bottom:60px;}
.shop_info .list{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;max-width:1000px;margin:0 auto;}
.shop_info .list p{font-size:15px;color:#233444;line-height:1.6em;margin-top:10px;}
.shop_info .list .box{width:30%;margin-bottom:20px;}

.contact_top{width:100%;background-image:url(../img/contact_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;}
.contact_top h2{font-size:48px;color:#fff;font-weight:400;padding:420px 20px 40px;text-align: center;}
.contact_main{background:#f1edec;padding:80px 20px;}
.contact_main h2{font-size:28px;font-weight:600;margin-bottom:28px;color:#606060;text-align:center;}
.contact_main p{font-size:14px;line-height:1.7em;text-align:center;}

.info_top{width:100%;background-image:url(../img/info_top.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;}
.info_top h2{font-size:48px;color:#fff;font-weight:400;padding:420px 20px 40px;text-align: center;}
.info_main{background:#f1edec;padding:80px 20px;}
.info_main h2{font-size:28px;font-weight:600;margin-bottom:28px;color:#606060;text-align:center;}

.privacy{width:100%;padding:160px 20px 120px;max-width:680px;margin:0 auto;}
.privacy h1{text-align:center;color:#000;font-weight:bold;font-size:38px;margin-bottom:40px;}
.privacy h2{font-weight:bold;font-size:18px;margin-bottom:5px;}
.privacy p{font-size:16px;line-height:1.6em;margin-bottom:25px;font-weight:400;}
.privacy ul{padding-left: 22px;margin-bottom:25px;}
.privacy li{list-style: decimal;font-size: 16px;line-height: 1.6em;font-weight:400;}
.privacy li ol li{list-style:lower-roman;}
.privacy .right_text{text-align:right;margin-top:20px;}


form#mail_form{width:680px;padding: 60px 0;}
form#mail_form dl dt{color:#000;padding: 10px 0;font-size:16px;}
form#mail_form #form_submit input{float: none;width: 200px;background:#222;font-weight:600;}
form#mail_form textarea{font-size:16px;}
form#mail_form #form_submit{text-align:left;}
form#mail_form ul li a{text-decoration: underline;}

.thanks{width: 100%;text-align: center;padding: 80px 20px;}
.thanks h2{font-size:28px;margin-bottom:20px;}
.thanks p{font-size:18px;line-height:1.6em;margin-bottom:28px;}
.thanks a{display: inline-block;background:#fe550d;color:#fff;border:solid 1px #fe550d; padding:12px 48px;font-size:16px;font-weight:600;transition:0.4s;}
.thanks a:hover{background:none;color:#fe550d;}

@media (max-width:1200px){

}

@media (max-width:1025px){
.app .box_right img{width:185px;}
.maps{padding: 40px 20px 40px;}
.sns{padding: 40px 15px 60px;}
}


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

}





@media (max-width:770px){
header{height: 50px;padding: 10px 15px;}
.logo img{width:80px;}
.logo_top{display: none;}
.logo_sp{display:none;}
.logo_sp{display: block;}
.logo_fix{display: none!important;}
.logo_text{display: block;margin:0 auto;}
.app .box_right img{width: 125px;}
.map_left select{width:100%;}
}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
header{height: 50px;padding: 10px 15px;}
.home_header.tps{top:37px;}
.topics a{width: 280px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;margin: 0 auto;font-size: 11px;display: block;}
.topics .close{padding:6px 10px;right:0;}
#global-nav ul li.sns{display: inline-block;border: none;margin-top: 20px;padding: 20px;}
#global-nav ul li.sns img{width:28px;}
.logo{top:10px; transform: scale(0.8);left: 35%;/*width:40px;height:30px;background-size:40px 30px;transition:none;*/}
.fixed .logo{/*width:103px;background-size:auto 30px;*/}
.logo img{width:80px;}
.logo_top{display: none;}
.logo_sp{display:none;}
.logo_sp{display: block;}
.logo_fix{display: none!important;}
.logo_text{display: block;margin:0 auto;}
.top{position: relative; background-image: url(../img/top_bg_mob.jpg);}
h1 svg{max-width: 240px;}
.top .box{margin-bottom:0;padding-bottom:20px;}


.top h1{ont-size:22px;margin-top: 40px;margin-bottom: 100%;}
.top h2{text-align: center;margin-top: 200px;width: 100%;display: inline-block;margin: 10px 0px;}
.top p{font-size:14px;margin-bottom:28px;}
.top .links{padding: 8px 20px;font-size:12px;}
.top .links2{padding: 8px 20px;font-size:14px;}
#videoBt{bottom:15px;right:15px;width:45px;height:45px;background-size:45px;}
.top_bn{padding:10px 5px;}
.top_bn .box{width:100%;margin: 0;padding:120px 20px;margin-bottom:20px;}
.top_bn .bn1{width: calc(50% - 10px);margin: 5px;}
.top_bn .bn2{width: calc(50% - 10px);margin: 5px;}
.top_bn .bn3{padding: 160px 20px;margin: 5px;float: none;width: calc(100% - 10px);}
.top_bn h2{font-size:22px;margin-bottom: 5px;}
.top_bn .links{font-size:13px;}
.top_career{padding: 20px 20px 50px;}
.top_career h2{font-size:24px;}
.top_career .links{font-size:13px;}
.top_about{padding: 100px 20px;}
.top_about h2{font-size:24px;margin-bottom: 10px;font-weight:400;}
.top_about .links{font-size:13px;}


.overview h2{font-size: 24px;margin-bottom: 15px;}
.overview p{font-size:14px;margin-bottom: 15px;}
.overview{height:80%;margin-bottom: 0px;}
.overview .box{width:100%;margin-bottom: 60px;}
.products{padding:20px;}
.products .box{padding: 50px 0px 0;}
.products .box_left{width:100%;}
.products .box_right{width:100%;}
.oder2{order:2;}
.products .box h2{font-size:24px;}
.products .box h3{font-size:18px;margin-bottom:20px;}
.products .box p{font-size:14px;width:100%;margin-bottom:20px;}
.products .box{margin-bottom:0px;}
.about_top{margin-top:50px;}
.about_main{padding:40px 20px;}
.about_main h2{font-size: 24px;margin-bottom:20px;}
.about_main p{font-size:15px;margin-bottom:15px;}
.about_maru1{width:220px;height:220px;background-size: 240px;right: 10px;}
.anime_maru{}
.about_table h2{font-size:24px;margin-bottom:34px;}
.about_table .box_img{display: none;}
.about_table .box_text{width:100%;}
.about_table h3{font-size:21px;}
.about_table p{margin-bottom: 40px;font-size:15px;}
.about_maru3{width:220px;height:220px;background-size:220px;right:0;}
.about_table{padding: 0 20px 20px;}

.career_top{height:370px;}
.career_top h2{font-size:24px;margin-bottom: 5px;}
.career_top h3{font-size:20px;}
.career_top .box{bottom: 40px;left: 40px;}
.career_main{padding:50px 20px;}
.career_main h2{font-size:24px;margin-bottom: 28px;}
.career_main h2 small{font-size:15px;}
.career_main .list .box{width:100%;}
.career_main h3{font-size:20px;margin-top: 10px;margin-bottom: 10px;}
.career_main p{font-size:14px;}
.career_main .list .box{margin-bottom: 40px;}
.partnership{margin-top:50px;}
.partnership img{border-radius:10px;margin-bottom: 20px;}
.partnership p{margin-bottom: 28px;padding-left: 20px;padding-right: 20px;font-size: 15px;}
.partnership a{padding: 10px 40px;font-size: 14px;}
.shop_top{margin-top: 40px;}
.shop_main{padding: 40px 20px;}
.shop_main h2{font-size:24px;margin-bottom: 28px;}
.shop_main h2 small{font-size:15px;line-height: 1.4em;padding-top: 10px;}
.shop_main .list .box{width:100%;}
.shop_main .list .pd{padding:20px;}
.shop_main .list .box{margin-bottom: 28px;}
.shop_info{padding: 20px 20px 40px;}
.shop_info h2{font-size:24px;margin-bottom: 5px;}
.shop_img{max-width:100%;margin-bottom: 20px;}
.shop_info .list .box{width:100%;}
.shop_info .list .box img{width:80px;}
.shop_info .list p{font-size:14px;}
.contact_top h2{padding: 140px 20px 20px;font-size:24px;}
.contact_main h2{font-size:22px;margin-bottom: 20px;}
.contact_main p{font-size:12px;}




footer{padding:20px 0px;}
footer ul{display: block;text-align: center;}
footer ul li{padding: 0 4px;}
footer ul li a{font-size: 13px;}
footer .copy{font-size:10px;margin-top: 10px;float: none;text-align: center;}

.privacy{padding:80px 20px 20px;}
.privacy h1{font-size:24px;margin-bottom:28px;}
.privacy h2{font-size:16px;}
.privacy p{font-size: 14px;line-height: 1.5em;margin-bottom: 20px;}
.privacy ul{padding-left: 20px;margin-bottom: 20px;}
.privacy li{font-size:14px;}
.privacy ol{padding-left: 30px;}

.contact_top{padding:80px 20px 20px;}
.contact_top h1{font-size:24px;margin-bottom:20px;}
.contact_top p{font-size:14px;line-height: 1.5em;}
.contact_main{width:100%;padding:40px 20px;}
form#mail_form{width:100%;padding:0;margin-top: 80px;}
form#mail_form dl{width: 100%;margin-top: 0px;}
form#mail_form dl dt{padding: 5px 0;}
form#mail_form input{max-width:100%;margin-bottom:15px;}
form#mail_form #form_submit{margin-left:0;}
form#mail_form textarea{margin-bottom:10px;}
form#mail_form ul li{font-size:15px;}
form#mail_form #form_submit input{font-size: 14px;font-weight: 600;}

.thanks h2{font-size:20px;margin-bottom: 20px;}
.thanks p{font-size:13px;}


}



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

}