@charset "UTF-8";
@media screen and (min-width: 736px) {
/* common
----------------------------------------------- */
body { font-size: 16px; overflow-x: hidden;}

.sp { display: none; }
.pc { display: block; }

.midashi01 { margin: 0 auto 20px;font-size: 30px;letter-spacing: 1px;}
.midashi01 .fade-text span { padding: 8px; }

.midashi02{margin-bottom:90px;}
.midashi02:after{width:40px;top:92px;}
.midashi02 .en{margin-bottom:10px;font-size:16px;}
.midashi02 .jp{font-size:24px;}

.midashi03{margin: 0 auto 60px;}
.midashi03 .jp{font-size:36px;line-height:1.2;margin-bottom: 10px;}
.midashi03 .en{font-size:24px;}

.midashi04{margin-bottom:90px;}
.midashi04:after{width:40px;bottom: -30px;}
.midashi04 .en{margin-bottom:10px;font-size:16px;}
.midashi04 .jp{font-size:24px;}

.more01{width:auto;letter-spacing:1px;display:inline-block;font-size:18px;padding: 16px 70px 14px 27px;min-width: 350px;}
.more01:after{width:40px;height:18px;right: 6px;top: 30%;}
.more01.two_line{padding: 16px 70px 14px 27px;}
.more01.two_line:after{right: 0;top: 18px;}
.more01.short{padding: 16px 70px 14px;}

.contact_btn{font-size:16px;width:226px;padding:15px 0;}
.contact_btn:before{width: 20px;height:18px;margin-right: 8px;top:3px;}


/* aside-fixed
----------------------------------------------- */
.aside-fixed {position: fixed;top: 50%;right: 30px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 100;}
.aside-fixed .btn00{color: #fff;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-o-writing-mode: vertical-rl;writing-mode: vertical-rl;font-size: 18px;border: 1px solid #b19772;width: 46px;padding: 20px 0 10px;border-radius: 100px;background: #d4b76b;background: -moz-linear-gradient(top,  #d4b76b 0%, #9e761e 100%);background: -webkit-linear-gradient(top,  #d4b76b 0%,#9e761e 100%);background: linear-gradient(to bottom,  #d4b76b 0%,#9e761e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b76b', endColorstr='#9e761e',GradientType=0 );display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 268px;}
.aside-fixed .icon-arrow-up{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);margin-top: 10px;}

/* header
----------------------------------------------- */
.sp-header{display:none;}
.pc-header{display:block;}

header{background:#fff;padding: 10px 0 10px;}
.header .seo{ font-size:10px;margin:0 auto;width: 960px;  padding: 0 0 14px;height: auto;}
.header_inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width: 960px;margin: auto;}
.header-logo{width: 140px;margin: 0 0 14px;}
.header-global-items{width:800px;}

.pc-header-navi {max-width: 980px;}

.header-bottom .header-global-items li{height: 40px;width: 12%;text-align: center;position: relative;    -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}

.header-global-items>li:before{height:100%;}
.header-global-items>li:first-child:before{display: block;}
.header-bottom .header-global-items a{font-size:12px;text-align: center;margin: auto;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.header-bottom .header-global-items a .mark{font-size:90%;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.header-bottom .header-global-items li:after{content: '';width: calc(100% - 10px); height: 0; background: #e5d59f;   position: absolute;  left: 50%;  bottom: -10px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);  transform: translateX(-50%); -moz-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
.header-bottom .header-global-items li:hover:after, .header-bottom .header-global-items li.current:after { height: 3px; }

/* hero
----------------------------------------------- */
.hero {min-width: 2000px;margin: 100px 0 0;width: 2000px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hero .hero-img { width: 100%; min-width: 100%; }
.hero .sp{display: none;}
.hero .pc{display: block;}

.add-hero {margin: 100px 0 0;}
.add-hero .top_hero_txt{font-size: 36px;left: 50%;-webkit-transform: translate(-480px,-50%);transform: translate(-480px,-50%);}

.control{padding: 30px 0;}
.flex-control-nav{margin: auto;width: 440px;}
.flex-control-nav li{width: 30%;}
.flex-control-nav li a {width: 85%;height: 5px;}

/* footer_sub
----------------------------------------------- */
.top_machine{padding: 80px 0  80px;  }
.top_machine ul{margin: auto;width: 960px;margin: auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.top_machine li{margin-bottom: 6%;}

/* footer
----------------------------------------------- */
.footer{padding-bottom: 0;}
.sp-footer{display:none;}
.pc-footer{display:block;}

.footer-content{padding: 48px 0 0;}
.footer-inner{max-width:900px;margin:0 auto;}

.footer_nav_wra{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 68px;}
.footer_nav a{color:#fff;font-size:12px;line-height:1.5;display:inline-block;}
.footer_nav .footer_nav_item{margin-bottom: 20px;}
.footer_nav .footer_nav_sub{padding-left:26px;position:relative;margin-bottom: -4px;}
.footer_nav .footer_nav_sub.select:before{content:'';width:10px;height:1px;display:inline-block;background-color:#fff;position:absolute;top:50%;left:18px;font-size:120%;-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.footer_nav.second{position:relative;left:-75px;}
.footer_fb iframe{width:250px;height:336px;}
.footer_nav .footer_nav_heading,.footer_nav.second .footer_nav_item{margin-bottom: -4px;}

.footer_bnrs{max-width: 900px;margin: 0 auto 60px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.footer_bnrs .footer_bnr{width:435px;margin:0;}
.footer_bnrs .footer_bnr:last-of-type{margin-bottom:0;}
.copyright{font-size:12px;letter-spacing:1px;padding:20px 0;}

.footer-info{padding: 60px 0 0;background-size: cover;}
.footer-info .footer-info-inner{width: 960px;margin: auto;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center;align-items: center;}
.footer-info .footer-contact-box{padding: 40px 0;width: 392px;border-right: 1px solid #fff;border-bottom: none;}
.footer-info .footer-address-box{padding: 20px 0 20px 50px;width: 580px;}
.footer-info .footer-logo{margin: 0 auto 26px;width: 220px;}
.footer-info .footer_text{margin:0 auto ;}
 .footer-info .footer-content-btn{  padding: 3% 0;width: 60%;margin: 0 auto  0;  }
.footer-info .footer-content-btn a{margin: auto;display: block;}
.footer-info .footer-content-btn p:before{content: ''; background: url(../images/footer_mail_icon.svg)no-repeat center;background-size: 100%;width: 20px;height: 21px;position: absolute;margin: auto;top: 4px;left: -120px;right: 0;}
.footer-info .footer-content-btn p{text-align: center;position: relative;padding: 0 0 0 10%;font-size: 16px;}
.footer-info .footer-address{font-size: 12px;line-height: 1.6;}
.footer-info .footer-address br{display:none;}
 .footer-info .footer-tel{font-size: 12px;}
.footer-info .footer-open{font-size: 12px;}
.footer-info .footer-sns{ width: 100px;margin: 20px auto 30px 0;}
.footer-info .footer-sns li{width: 24px; }
.footer-info .footer-sns img{width: 100%;}
.footer-info .footer-text{text-align: left;margin: auto;}
.footer-info .footer-text .jp{display: block;  line-height: 1;font-size: 24px;  }
.footer-info .footer-text .en{ font-size: 14px; }

.pc-footer .footer_nav .footer_nav_item {margin-bottom: 10px;}
.pc-footer .footer_nav a { font-size: 16px;}
.pc-footer .f-nav-first,
.pc-footer .f-nav-second {display: flex;flex-direction: column;}
.pc-footer .has-mt { margin-top: 20px; }
.pc-footer .height-specify {height: auto;width: 280px;}
.pc-footer .footer_nav_sub {padding-left: 0;}
.pc-footer .footer_nav_sub a{font-size: 14px;margin-bottom:10px;}

.footer-menu-list{display: none;}

/* second
----------------------------------------------- */
.second-text { width: 960px; min-height: 400px; padding: 100px 0 20px; }
.second-text p { margin-bottom: 30px; font-size: 14px; }


/* bread
----------------------------------------------- */
.breadcrumb-items { max-width: 960px;}
.breadcrumb-items li { font-size: 12px; }
.breadcrumb-items li:last-child a { padding: 6px 9px 6px; }
.breadcrumb-items a { padding: 6px 25px 6px 0px; }




/* slim-shock thanks
----------------------------------------------- */

.slimshock_header {position: fixed;width: 100%;background: #fff;top: 0;height: auto;z-index: 10;padding: 0;}
.slimshock_header .header_in {max-width: 960px;height: 90px;margin: 0 auto;}
.slimshock_header #logo_area {float: left;padding: 19px 0 0;width: 230px;}
.slimshock_header #logo_area div {padding: 0;}
.slimshock_header #logo_area div p {padding: 0;}
.slimshock_header #logo_area div p img {padding: 0;}
.slimshock_header .header_btn {float: right;padding: 10px 0;width: 470px;}
.slimshock_header .header_btn li {display: inline-block;margin-right: 10px;width: 270px;}
.slimshock_header .header_btn li:last-child {margin: 0;width: 190px;}
.slimshock_header .header-tel {margin-right: 5px;width: 460px;position: unset;}
.slimshock_header  .header-tel .header-tel-number {padding-left: 32px;margin-bottom: 2px;font-size: 34px;font-weight: 500;font-style: normal;background: url(../images/icon-tel.png) no-repeat top 10px left;background-size: 26px;line-height: 1;color: #000;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
#foot_btn{display: none;}

.slimshock_header .header-tel .header-tel-open{font-size: 14px;color: #000;}


.slimshock .midashi01 {margin-bottom: 80px;padding-bottom: 5px;}
.slimshock .midashi01 .en {font-size: 16px;}
.slimshock .midashi01 .jp {font-size: 26px;}

.slimshock .sec-inner { width: 900px; margin: 0 auto; }
.slimshock .sec-inner p {margin-bottom: 20px;font-size: 16px;line-height: 1.8;}

.slimshock .sec-white{padding-top: 100px;padding-bottom: 100px;}


}