.header{background-color:#fff;padding-left:60px;padding-right:60px}@media screen and (min-width:768px) and (max-width:991px){.header{padding-left:30px;padding-right:30px}}@media screen and (max-width:767px){.header{padding-left:0;padding-right:0}}.head_row01{width:100%;display:table;overflow:hidden;border-bottom:1px solid #eee}.head_row01>*{display:table-cell;vertical-align:middle}.head_row01 .logo{position:relative;padding-right:10px}.head_row01 .logo>a{display:inline-block;padding:5px;vertical-align:middle;font-size:28px;font-weight:bold;line-height:1.1}.head_row01 .contact{width:140px;padding:15px 5px;text-align:center;color:#fff;line-height:1}.head_row01 .contact .fa{margin-bottom:5px;display:block;font-weight:normal;font-size:32px}@media screen and (min-width:768px){.head_row01 .menu{display:none}}@media screen and (min-width:768px) and (max-width:991px){.head_row01 .logo>a{font-size:22px}.head_row01 .contact{width:120px}}@media screen and (max-width:767px){.head_row01{position:relative;background-color:#fff;z-index:104}.head_row01 .logo{padding-left:10px}.head_row01 .logo>a{font-size:18px}.head_row01 .contact{width:50px;padding:10px 5px;font-size:26px;border-left:1px solid #ddd}.head_row01 .menu{width:50px}}.ul_sns{margin-bottom:0;text-align:right}.ul_sns>li{display:inline-block}.ul_sns>li>a{display:block;padding:10px;color:#aaa;font-size:20px;line-height:1}@media screen and (max-width:767px){.ul_sns{text-align:center}}.head_row02{width:100%;display:table}.head_row02>*{display:table-cell;vertical-align:middle}.head_row02 .drawer-nav .ul_nav{overflow:hidden}.head_row02 .drawer-nav .ul_nav>li{position:relative;display:inline-block}.head_row02 .drawer-nav .ul_nav>li>a{position:relative;display:block;width:170px;padding:15px 10px;border-bottom:4px solid transparent;text-align:center;color:#111}.head_row02 .drawer-nav .ul_nav>li>a:focus,.head_row02 .drawer-nav .ul_nav>li>a:hover{opacity:1}.head_row02 .sns{padding-left:15px;width:150px}@media screen and (min-width:768px) and (max-width:991px){.head_row02 .drawer-nav .ul_nav>li>a{width:130px;padding:15px 5px}}@media screen and (max-width:767px){.head_row02 .drawer-nav .ul_nav{padding:60px 20px 30px;text-align:center;overflow:hidden}.head_row02 .drawer-nav .ul_nav>li{padding:0;display:block}.head_row02 .drawer-nav .ul_nav>li+li{border-top:1px solid #ddd}.head_row02 .drawer-nav .ul_nav>li>a{display:block;width:100%;padding:12px 10px;height:50px}.head_row02 .sns{display:none}}@media (min-width:768px){.drawer-nav{position:static;width:auto;height:auto}}@media (max-width:767px){.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-hamburger{position:static;width:27px;padding:10px 11px 18px}.drawer-hamburger-icon:after{top:7px}.drawer-hamburger-icon:before{top:-7px}.drawer-open .drawer-hamburger-icon{background-color:transparent!important}.hambuger_text{display:inline-block;margin-top:13px;font-size:12px;line-height:1}.drawer--left .drawer-nav{left:-100%;width:100%;height:100%;overflow:scroll}}.key_top{position:relative;z-index:1;padding:0 60px 160px;overflow:hidden}.key_top:after,.key_top:before{content:'';position:absolute;z-index:-1;bottom:85px;left:0;right:0;margin:auto;width:100%;height:340px;opacity:0.8;-webkit-transform:skewY(-5deg);-ms-transform:skewY(-5deg);transform:skewY(-5deg);background-color:#36a70f}.key_top:after{z-index:-2;-webkit-transform:skewY(5deg);-ms-transform:skewY(5deg);transform:skewY(5deg);background-color:#aaa}.key_top .img{position:relative;padding:16% 30px}.key_top .img .catch{margin:0;text-align:center;font-weight:500;font-size:46px;color:#fff;line-height:1.3;letter-spacing:6px}.key_top .img .catch>span{position:relative;z-index:1;display:inline-block;padding:30px 45px}.key_top .img .catch>span:after,.key_top .img .catch>span:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;opacity:0.8;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}.key_top .img .catch>span:after{z-index:-2;top:15px;bottom:-15px;left:15px;right:-15px;background-color:#aaa}.key_top+.box_pd_xl{padding-top:30px}@media screen and (min-width:1200px) and (max-width:1499px){.key_top .img .catch{font-size:38px}}@media screen and (min-width:992px) and (max-width:1199px){.key_top .img .catch{font-size:34px;letter-spacing:4px}.key_top .img .catch>span{padding:20px}}@media screen and (min-width:768px) and (max-width:991px){.key_top{padding:0 30px 120px}.key_top .img{padding:16% 30px}.key_top .img .catch{font-size:26px;letter-spacing:3px}.key_top .img .catch>span{padding:20px}}@media screen and (max-width:767px){.key_top{padding:0 15px 60px}.key_top:after,.key_top:before{bottom:30px;height:120px}.key_top .img{padding:16% 20px}.key_top .img .catch{font-size:20px;letter-spacing:2px}.key_top .img .catch>span{padding:15px 10px}.key_top .img .catch>span:after,.key_top .img .catch>span:before{-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg)}.key_top .img .catch>span:after{top:10px;bottom:-10px;left:10px;right:-10px}}.key_scroll{display:block;position:absolute;left:0;right:0;bottom:-40px;margin:auto;padding-top:25px;width:90px;height:90px;border-radius:50%;text-align:center;background-color:#333;color:#fff;font-size:16px}.key_scroll .fa{display:block}.key_scroll:focus,.key_scroll:hover{color:#fff}@media screen and (max-width:991px){.key_scroll{bottom:-20px;padding-top:18px;width:50px;height:50px;font-size:16px}}@media screen and (max-width:767px){.key_scroll{display:none}}.sub_title{position:relative;z-index:1;margin-top:0;margin-bottom:60px;padding:8px 10px 10px;text-align:center;color:#fff;font-size:28px;font-weight:normal;letter-spacing:2px;line-height:1.2}.sub_title:after,.sub_title:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;width:100%;max-width:320px;margin:auto;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}.sub_title:after{z-index:-2;top:10px;bottom:-10px;left:10px;right:-10px;background-color:#aaa}.sub_title .sub{display:block;font-size:16px;color:#fff;font-weight:normal;line-height:1.2}@media screen and (max-width:767px){.sub_title{margin-bottom:30px;font-size:22px;padding:5px 10px 8px}.sub_title:after,.sub_title:before{max-width:230px}.sub_title .sub{font-size:13px;letter-spacing:1px}}
/*# sourceMappingURL=design-2.css.map */