﻿/*!
Theme Name:
Theme URI: http://ace-union.net
Version:
Author: AceUnionDesign co.,ltd
*//*!
*** based on ***
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;word-break:break-all;word-break:break-word;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,main,menu,nav,section,summary{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}*{box-sizing:border-box}html{-webkit-appearance:none}body{-webkit-text-size-adjust:100%}button{display:inline-block;padding:0;background:none;border:none}small{font-size:75%}[hidden]{display:none}mark{background:none}em{font-style:normal}input{opacity:1}img{vertical-align:bottom}address{font-style:normal}@font-face{font-family:'YuGothic M';src:local("Yu Gothic Medium")}@font-face{font-family:'YuMincho M';src:local("Yu Mincho Medium")}body{position:relative;margin:0 auto;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",meiryo,sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue";line-height:1.6;background:#fff;color:#000;font-size:.875rem}@media only screen and (min-width: 992px){body{font-size:16px}}body strong{font-weight:bold}body a{color:#000;text-decoration:none;display:block;transition:all .2s ease-in}body a:hover{color:#e3007f;text-decoration:none;cursor:pointer;opacity:.7}button,input,select,option,textarea,label{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",meiryo,sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue";font-size:1rem}button{cursor:pointer}input::-webkit-input-placeholder{color:#bbb}input:-moz-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}.sp-original{display:block}@media only screen and (min-width: 992px){.sp-original{display:none;visibility:hidden}}.pc-original{display:none;visibility:hidden}@media only screen and (min-width: 992px){.pc-original{display:block;visibility:visible}}.flex{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.fixed{position:fixed;background:#fff}.fixed_body{position:fixed}.f-left{float:left}.f-right{float:right}.float-n{float:none}.pc-float-l{float:none}@media only screen and (min-width: 768px){.pc-float-l{float:left}}.pc-float-r{float:none}@media only screen and (min-width: 768px){.pc-float-r{float:right}}.al-right{text-align:right}.al-center{text-align:center}.al-left{text-align:left}.clear{clear:both}.strong{font-weight:bold}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}img{width:100%;height:auto}section{display:block}.inner{max-width:1030px;width:100%;margin:0 auto;padding:0 15px;text-align:center;position:relative}header .inner{max-width:1370px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:0 0}@media only screen and (min-width: 992px){header .inner{padding:0 15px}}.main_catch .inner{max-width:1300px;text-align:left;padding-top:62vh}@media only screen and (min-width: 992px){.main_catch .inner{background:none;padding-top:165px;padding-bottom:115px}}.thanks .inner{max-width:1300px;text-align:left;padding-top:62vh;padding-bottom:50px}@media only screen and (min-width: 992px){.thanks .inner{padding-top:200px;padding-bottom:370px}}.movie .inner{padding-top:20px;padding-bottom:20px;background-color:#0090e3}@media only screen and (min-width: 992px){.movie .inner{max-width:780px;padding-top:20px;padding-bottom:20px}}.about .inner{padding-top:80px;padding-bottom:80px}@media only screen and (min-width: 992px){.about .inner{padding-top:200px;padding-bottom:200px}}.features .inner{padding-top:20px;padding-bottom:70px}@media only screen and (min-width: 992px){.features .inner{padding-bottom:110px}}.top_contact .inner{padding-top:50px;padding-bottom:110px}@media only screen and (min-width: 992px){.top_contact .inner{padding-top:95px;padding-bottom:190px}}.large_shop .inner{padding-bottom:50px}@media only screen and (min-width: 992px){.large_shop .inner{padding-top:50px;padding-bottom:80px}}.midsize .inner{padding-top:55px;padding-bottom:35px}@media only screen and (min-width: 992px){.midsize .inner{padding-top:165px;padding-bottom:85px}}.company .inner{padding-top:60px}@media only screen and (min-width: 992px){.company .inner{padding-top:175px;padding-bottom:70px}}.service .inner{max-width:800px;padding-top:90px;padding-bottom:60px}@media only screen and (min-width: 992px){.service .inner{padding-top:210px;padding-bottom:140px}}.contact .inner{padding-top:60px;padding-bottom:60px}@media only screen and (min-width: 992px){.contact .inner{padding-top:100px;padding-bottom:140px}}h3{font-size:20px}@media only screen and (min-width: 992px){h3{font-size:34px}}h3 span{display:block;margin-top:5px;font-size:.75rem}@media only screen and (min-width: 992px){h3 span{font-size:18px}}h3+*{text-align:left;line-height:26px;margin-top:25px}@media only screen and (min-width: 992px){h3+*{margin-top:40px;line-height:36px}}h3+* .large_shop{margin-top:60px}.contact h3+*,.top_contact h3+*,.about h3+*{text-align:center}.top_contact h3+*{margin-top:25px}@media only screen and (min-width: 992px){.top_contact h3+*{line-height:30px}}.subs{color:#39f;display:inline-block;line-height:normal !important;margin-bottom:5px;font-size:.625rem}@media only screen and (min-width: 992px){.subs{font-size:1rem}}.subs.bg{background:#0090e3;color:#fff;position:relative;padding:5px 10px;margin-bottom:20px}@media only screen and (min-width: 992px){.subs.bg{margin-bottom:35px;padding:5px 30px}}.subs.bg:after{position:absolute;display:block;content:"";width:2px;height:18px;background:#0090e3;left:0;right:0;margin:auto}.btn_wrap{width:100%;margin-left:auto;margin-right:auto}@media only screen and (min-width: 992px){.btn_wrap{max-width:320px}}.btn_wrap .btn{background:#e3007f;border:1px solid #e3007f;color:#fff;text-align:center;transition:all .2s ease-in;padding:15px}.btn_wrap .btn:hover{opacity:1;background:#fff;color:#e3007f}.btn_wrap .btn.black{border:1px solid #333;background:#333}.btn_wrap .btn.black:hover{background:#fff;color:#333}.btn_wrap input[type=submit]{cursor:pointer}header .btn_wrap{display:block;max-width:90%;margin-top:15px}@media only screen and (min-width: 992px){header .btn_wrap{max-width:217px;margin:0}}header .btn_wrap .btn{padding:10px 15px}@media only screen and (min-width: 992px){header .btn_wrap .btn{padding:15px}}.top_contact .btn_wrap{margin-top:30px}@media only screen and (min-width: 992px){.top_contact .btn_wrap{margin-top:60px}}.service .btn_wrap{margin-top:30px}@media only screen and (min-width: 992px){.service .btn_wrap{max-width:240px;margin-top:50px}}.contact .btn_wrap{margin-top:60px}.thanks .btn_wrap{margin-top:20px}@media only screen and (min-width: 992px){.thanks .btn_wrap{margin-top:50px;margin-left:0}}.main_catch .btn_wrap{margin:30px 0 0 0}header{width:100%;padding:20px 0;position:fixed;z-index:20;top:0;background:-moz-linear-gradient(top, #fff 0%, #fff 30%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.39) 73%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top, #fff 0%, #fff 30%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.39) 73%, rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 30%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.39) 80%, rgba(255,255,255,0) 100%)}@media only screen and (min-width: 992px){header{background:-moz-linear-gradient(top, #fff 0%, #fff 30%, rgba(255,255,255,0.39) 73%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top, #fff 0%, #fff 30%, rgba(255,255,255,0.39) 73%, rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, #fff 0%, #fff 30%, rgba(255,255,255,0.39) 73%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 )}}header .logo{width:96px;margin-left:15px}@media only screen and (min-width: 992px){header .logo{padding-left:0;width:176px;height:auto}}header .nav{display:none;opacity:0}@media only screen and (min-width: 992px){header .nav{opacity:1;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%;max-width:740px}}@media only screen and (min-width: 1080px){header .nav{max-width:843px}}header .nav li{position:relative}header .nav li:after{position:absolute;display:block;content:"";width:100%;height:2px;opacity:0;transition:all .2s ease-in;transform:translateY(-10px);top:calc(100% + 5px);background:#0090e3}header .nav li:hover:after{opacity:1;transform:translateY(0)}header .nav .btn_wrap:after{display:none}header .nav.open{display:flex;opacity:1;justify-content:flex-start;flex-direction:column;width:100%;height:100vh;background:#fff;margin-top:20%}header .nav.open li a{font-size:1.125rem;padding:15px 3%}header .nav.open li .btn{padding:20px 3%}header .nav-button,header .nav-button span{display:inline-block;transition:all 0.4s;box-sizing:border-box}@media only screen and (min-width: 992px){header .nav-button,header .nav-button span{display:none}}header .nav-button{opacity:1 !important;z-index:20;position:absolute;width:30px;height:26px;top:0;right:20px}header .active.nav-button{position:fixed;top:18px;opacity:1}header .nav-button span{position:absolute;left:0;width:100%;height:3px;background-color:#e3007f;border-radius:4px}header .nav-button span:nth-of-type(1){top:0}header .nav-button span:nth-of-type(2){top:9px}header .nav-button span:nth-of-type(3){bottom:5px}header .nav-button.active span:nth-of-type(1){-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}header .nav-button.active span:nth-of-type(2){opacity:0}header .nav-button.active span:nth-of-type(3){-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg);bottom:0}.main_catch{background:url(./images/sp_main.png) center -50px/contain no-repeat #f3f3e8}@media only screen and (min-width: 992px){.main_catch{background:url(./images/main.png) right top/cover no-repeat}}@media only screen and (min-width: 992px){.main_catch h1{margin-bottom:15px;max-width:775px}}.main_catch h1 span{background:#fff;font-size:20px;display:inline-block;padding:0 5px}@media only screen and (min-width: 992px){.main_catch h1 span{padding:0;font-size:34px}}.main_catch h1 span.pads{padding-right:10px}@media only screen and (min-width: 992px){.main_catch h1 span.pads{padding-right:15px}}.main_catch p{font-size:14px;margin-top:10px;line-height:26px}@media only screen and (min-width: 992px){.main_catch p{margin-top:20px;font-size:17px;line-height:32px}}.main_catch p br{display:none}@media only screen and (min-width: 992px){.main_catch p br{display:block}}.main_catch p .under{border-bottom:2px solid #f60}.main_catch p .blue{color:#0090e3}.main_catch dl{display:flex;justify-content:space-between;align-items:center;background:#9cf;border-radius:999px;width:100%;max-width:320px;margin-top:25px}.main_catch dl dt,.main_catch dl dd{width:50%;text-align:center;font-size:.9375rem}.main_catch dl dt{border-radius:99px 0 0 99px}.main_catch dl dd{border-radius:0 99px 99px 0;background:#e8e8e8}.main_catch dl+dl{margin-top:15px}.movie{background:#f3f3e8}.movie h3{text-align:center;padding-top:50px;padding-bottom:20px}.movie iframe{max-width:780px;display:block;margin:0 auto;height:196px}@media only screen and (min-width: 992px){.movie iframe{height:439px}}.about{background:url(./images/bg01_l.png) left top/100% auto no-repeat,url(./images/bg01_r.png) right bottom/100% auto no-repeat}@media only screen and (min-width: 992px){.about{background:url(./images/bg01_l.png) left top/100% auto no-repeat,url(./images/bg01_r.png) right bottom/100% auto no-repeat}}@media only screen and (min-width: 992px){.about p{line-height:38px}}.about h3+p{text-align:left;line-height:26px}@media only screen and (min-width: 992px){.about h3+p{text-align:center;line-height:36px;margin-top:45px}}.features{background:#fffbee}.features ul{text-align:center}.features ul li{background:#d1f0ff;border-radius:99px;display:inline-block;text-align:center;font-size:.8125rem;padding:5px 10px}@media only screen and (min-width: 992px){.features ul li{font-size:20px;padding:5px 40px}}.features ul li+li{margin-top:12px}.features ol li{position:relative;padding-left:1.2rem;letter-spacing:.02rem;margin-bottom:10px}@media only screen and (min-width: 992px){.features ol li{margin-bottom:1.5rem}}.features ol li:before{position:absolute;display:block;top:0;left:0}.features ol li:first-child:before{content:"①"}.features ol li:nth-child(2):before{content:"②"}.features ol li:nth-child(3):before{content:"③"}.features ol li:nth-child(4):before{content:"④"}.features ol li:last-child:before{content:"⑤"}.top_contact{background:url(./images/bg02.png) center center/cover no-repeat}.large_shop{background:#edfbff}.img_area{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:40px}@media only screen and (min-width: 992px){.img_area{margin-top:55px}}.img_area .img{width:100%;position:relative}@media only screen and (min-width: 992px){.img_area .img{width:calc(50% - 15px);max-width:482px}}.img_area .img+.img{margin-top:30px}@media only screen and (min-width: 992px){.img_area .img+.img{margin-top:0}}.img_area.dub{justify-content:space-between}.abs{position:relative}.abs .ic{position:absolute;border-radius:99px;line-height:1;width:auto;min-width:71px;color:#fff;padding:10px 15px;top:-13px;left:10px;letter-spacing:.1rem;font-size:.875rem}@media only screen and (min-width: 992px){.abs .ic{font-size:20px}}.features .abs .ic{background:#39f}.midsize .abs .ic{background:#eebc18}.midsize .abs .ic.ly{padding:10px 40px;background:#ffefb9;color:#000}.bg_whi{text-align:left;padding:40px 50px;background:#fff;font-size:14px;padding:35px 15px 20px;margin-top:30px}@media only screen and (min-width: 992px){.bg_whi{margin-top:70px;padding:50px 40px 50px 50px}}.features .bg_whi{margin-top:30px;padding:20px 15px}@media only screen and (min-width: 992px){.features .bg_whi{padding:40px 40px 40px 50px;margin-top:40px}}.large_shop .bg_whi{margin-top:30px;padding:20px 15px}@media only screen and (min-width: 992px){.large_shop .bg_whi{padding:40px 40px 40px 50px;margin-top:50px}}.bg_whi h4{font-size:17px;margin-bottom:10px}.bg_whi p+ol{margin-top:10px;list-style-type:decimal;padding-left:1rem}.bg_whi p+ol li{letter-spacing:.05rem;line-height:26px}@media only screen and (min-width: 992px){.bg_whi p+ol li{line-height:28px}}.bg_whi p+ol li+li{margin-top:5px}@media only screen and (min-width: 992px){.bg_whi p+ol li+li{margin-top:0}}.midsize{background:url(./images/bg03.png) top center/100% auto no-repeat #fffbee}.company{background:url(./images/bg04.png) top center/100% auto no-repeat #fff}.company dl{display:flex;justify-content:flex-start;border-bottom:1px solid #ccc;padding:20px 0}@media only screen and (min-width: 992px){.company dl{padding:20px}}.company dl dt,.company dl dd{text-align:left}.company dl dt{width:30%}@media only screen and (min-width: 992px){.company dl dt{width:40%;padding-left:95px;max-width:250px}}.company dl dd{width:60%}@media only screen and (min-width: 992px){.company dl dd{width:70%}}.service{background:url(./images/bg05.png) top center/cover no-repeat #fff}.service strong{font-size:1rem;display:block;margin-bottom:10px}@media only screen and (min-width: 992px){.service strong{font-size:18px}}.contact{background:#f3f3e8}.contact form,.contact .confs{text-align:left;width:100%;max-width:806px;margin:25px auto 0}@media only screen and (min-width: 992px){.contact form,.contact .confs{margin:55px auto 0}}.contact form input,.contact form textarea,.contact .confs input,.contact .confs textarea{width:100%;border:none;padding:15px 20px}.contact form ::placeholder,.contact .confs ::placeholder{color:#bfbfb5}.contact form label,.contact .confs label{display:inline-block;font-size:.875rem}@media only screen and (min-width: 992px){.contact form label,.contact .confs label{font-size:1rem}}.contact form .inputs .names,.contact .confs .inputs .names{margin-bottom:10px}.contact form .inputs .names span,.contact .confs .inputs .names span{background:#fff;color:#e3007f;border:1px solid #e3007f;padding:0 5px;margin-left:5px}@media only screen and (min-width: 992px){.contact form .inputs .checks,.contact .confs .inputs .checks{text-align:center}}.contact form .inputs+.inputs,.contact .confs .inputs+.inputs{margin-top:20px}@media only screen and (min-width: 992px){.contact form .inputs+.inputs,.contact .confs .inputs+.inputs{margin-top:30px}}.contact form input[type=radio],.contact form input[type=checkbox],.contact .confs input[type=radio],.contact .confs input[type=checkbox]{display:none}.contact form input[type=radio]+label,.contact .confs input[type=radio]+label{padding-left:1.5rem;position:relative}.contact form input[type=radio]+label::before,.contact .confs input[type=radio]+label::before{content:"";display:block;position:absolute;top:4px;left:0;width:15px;height:15px;background:#fff;border-radius:50%}.contact form input[type=radio]:checked+label::after,.contact .confs input[type=radio]:checked+label::after{content:"";display:block;position:absolute;top:7px;left:3px;width:9px;height:9px;background:#333;border-radius:50%}.contact form input[type=checkbox]+label,.contact .confs input[type=checkbox]+label{padding-left:2rem;position:relative}.contact form input[type=checkbox]+label::before,.contact .confs input[type=checkbox]+label::before{content:"";display:block;position:absolute;top:0px;left:0;width:24px;height:24px;background:#fff;border:none}.contact form input[type=checkbox]:checked+label::after,.contact .confs input[type=checkbox]:checked+label::after{content:"";display:block;position:absolute;top:5px;left:5px;width:14px;height:14px;background:#333}.contact .confs{max-width:560px}.contact .confs .name{font-weight:bold}.contact .confs .names+p{padding:15px;background:#fff}.contact.conf input[type=checkbox]+label{padding-left:2rem;position:relative;line-height:1.4}.conf_btns{display:flex;justify-content:space-between;align-items:flex-start;max-width:560px;margin:70px auto 0}.conf_btns .form_btns{width:47%;margin:0}.conf_btns .form_btns .btn_wrap{max-width:100%;margin-top:0}footer{background:#333;text-align:center;padding:25px 3% 0}@media only screen and (min-width: 992px){footer{padding:55px 15px}}footer .foot_logo{height:auto;margin:0 auto;width:100px}@media only screen and (min-width: 992px){footer .foot_logo{width:149px}}footer .copy{color:#fff;font-size:.625rem;margin-top:15px}@media only screen and (min-width: 992px){footer .copy{font-size:15px}}.errorbox{max-width:670px;margin:40px auto;color:#e3007f}.errorbox p{font-weight:bold;margin-bottom:10px}.errorbox li{font-size:.875rem;line-height:2}@media only screen and (min-width: 992px){.english-page .main_catch .lead{padding:0 .5em 0 0}}@media only screen and (min-width: 992px){.english-page .main_catch .lead p{display:inline;padding:.3em 0;background-color:#fff}}.english-page .main_catch dl{max-width:400px}@media screen and (max-width: 380px){.english-page .main_catch dl dd{line-height:48px}}@media only screen and (min-width: 992px){.english-page header .nav li{width:calc((100% - 217px) / 4 )}.english-page header .nav li:nth-child(5){width:217px}}.english-page .features ul li{max-width:900px}
