@charset "UTF-8";a,body{color:#404040}.fixed,header{position:fixed}.re_top,body{overflow:hidden}img{vertical-align:bottom}body{width:100%}a:hover{color:#002063}.pc{display:block}.sph{display:none}@media screen and (max-width:959px){.pc{display:block}.sph{display:none}}
@media screen and (max-width:767px){.pc{display:none}.sph{display:block}body{padding-top:0!important}}



ul.navi_pc{width:1160px;margin:0 auto;border:1px solid #f1f1f1;padding:1px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.navi_pc li{width:16.66%;height:120px}
ul.navi_pc li:nth-child(1){border-bottom:4px solid #ff6d63;background:url(../images/navi_pc01.png) center 10px no-repeat}
ul.navi_pc li:nth-child(2){border-bottom:4px solid #fbc900;background:url(../images/navi_pc02.png) center 10px no-repeat}
ul.navi_pc li:nth-child(3){border-bottom:4px solid #01afed;background:url(../images/navi_pc03.png) center 10px no-repeat}
ul.navi_pc li:nth-child(4){border-bottom:4px solid #faa630;background:url(../images/navi_pc04.png) center 10px no-repeat}
ul.navi_pc li:nth-child(5){border-bottom:4px solid #1bd89e;background:url(../images/navi_pc05.png) center 10px no-repeat}
ul.navi_pc li:nth-child(6){border-bottom:4px solid #ff99ca;background:url(../images/navi_pc06.png) center 10px no-repeat}
ul.navi_pc li:nth-child(1):hover{background-color:#ffe2e0}
ul.navi_pc li:nth-child(2):hover{background-color:#fefaec}
ul.navi_pc li:nth-child(3):hover{background-color:#cceffb}
ul.navi_pc li:nth-child(4):hover{background-color:#feedd6}
ul.navi_pc li:nth-child(5):hover{background-color:#d1f7ec}
ul.navi_pc li:nth-child(6):hover{background-color:#ffebf4}
ul.navi_pc li dl a{text-decoration:none;color:#404040;padding:60px 0 0}
ul.navi_pc li dl dt{font-size:16px;line-height:28px;color:#404040;margin:85px 0 0}
ul.navi_pc li dl dd{font-size:10px;line-height:18px;color:#404040}
.navi_block{width:100%;background:#fff;margin:0}.fixed{top:60px;width:100%;z-index:10000}
.fixed ul.navi_pc{margin:0 auto}
.fixed ul.navi_pc li{width:16.66%;height:60px;background:0 0}
.fixed ul.navi_pc li dl dt{margin:32px 0 0}
ul.navi_pc li{position:relative;z-index:1}
.fixed ul.navi_pc li a,
ul.navi_pc li a{position:absolute;top:0;z-index:2;width:100%;left:0}
ul.navi_pc li a{height:55%;padding:0}
.fixed ul.navi_pc li a{height:80%;padding:5px 0 0}
ul.second-level{width:100%;visibility:hidden;opacity:0;z-index:9999}
ul.second-level li{font-size:14px;width:100%!important;border:none!important}
ul.second-level li:hover{width:100%!important;border:none}
ul.navi_pc li ul.second-level li{font-size:14px;line-height:50px;height:50px}
ul.navi_pc li ul.second-level li a{height:60px;display:block;margin:0;padding:0;text-decoration:none;color:#fff}
.navi_pc>li{position:relative}
.navi_pc li ul.second-level{position:absolute;top:120px;width:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.navi_pc li:hover ul.second-level{top:120px;visibility:visible;opacity:1}
.fixed .navi_pc li ul.second-level{position:absolute;top:60px;width:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.fixed .navi_pc li:hover ul.second-level{top:60px;visibility:visible;opacity:1}

li.navi_cases{background:#01AFED!important;margin:0 0 1px}
li.navi_cases:hover{background:#82d1ed!important}
li.navi_store{background:#f7891c!important;margin:0 0 1px}
li.navi_store:hover{background:#faa630!important}
li.navi_company{background:#0fc780!important;margin:0 0 1px}
li.navi_company:hover{background:#1bd89e!important}
li.navi_sns{background:#ff7ab5!important;margin:0 0 1px}
li.navi_sns:hover{background:#ff99ca!important}
.navi{margin:0 0 50px}

@media screen and (max-width: 1060px) {
ul.navi_pc{width:96%;margin:0 auto;border:1px solid #f1f1f1;padding:1px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
}


@media screen and (max-width:959px){
.navi_block{display:block}
ul.navi_pc{width:96%;margin:0 auto;border:1px solid #f1f1f1;padding:1px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.navi_pc li dl,ul.navi_pc li dl dt span{margin:34px 0 0;}
ul.navi_pc li{width:16.66%;height:120px}
ul.navi_pc li:nth-child(1){border-bottom:4px solid #ff6d63;background:url(../images/navi_pc01.png) center 10px no-repeat}
ul.navi_pc li:nth-child(2){border-bottom:4px solid #fbc900;background:url(../images/navi_pc02.png) center 10px no-repeat}
ul.navi_pc li:nth-child(3){border-bottom:4px solid #01afed;background:url(../images/navi_pc03.png) center 10px no-repeat}
ul.navi_pc li:nth-child(4){border-bottom:4px solid #faa630;background:url(../images/navi_pc04.png) center 10px no-repeat}
ul.navi_pc li:nth-child(5){border-bottom:4px solid #1bd89e;background:url(../images/navi_pc05.png) center 10px no-repeat}
ul.navi_pc li:nth-child(6){border-bottom:4px solid #ff99ca;background:url(../images/navi_pc06.png) center 10px no-repeat}
ul.navi_pc li:nth-child(1):hover{background-color:#ffe2e0}
ul.navi_pc li:nth-child(2):hover{background-color:#fefaec}
ul.navi_pc li:nth-child(3):hover{background-color:#cceffb}
ul.navi_pc li:nth-child(4):hover{background-color:#feedd6}
ul.navi_pc li:nth-child(5):hover{background-color:#d1f7ec}
ul.navi_pc li:nth-child(6):hover{background-color:#ffebf4}
ul.navi_pc li dl a{text-decoration:none;color:#404040}
ul.navi_pc li dl dt{font-size:14px;line-height:28px;color:#404040}
ul.navi_pc li dl dd{font-size:10px;line-height:18px;color:#404040}
.navi_block{width:100%;background:#fff;margin:0}
.fixed{position:fixed;top:60px;width:100%;z-index:10000}
.fixed ul.navi_pc{margin:0 auto}
.fixed ul.navi_pc li{width:16.66%;height:60px;background:0 0}
.fixed ul.navi_pc li dl dt span{margin:16px 0 0}}

@media screen and (max-width:767px){.navi_block{display:none}.navi{margin:0}}
#navi01,#navi02,#navi03,#navi04,#navi05,body.fixed{margin-top:-120px;padding-top:120px}
#navi01_2,#navi03_2,#navi04_2,#navi05_2{margin-top:-410px;padding-top:410px}a.scroll{display:block;margin-top:-188px;padding-top:188px}
@media screen and (max-width:767px){
#navi01_sph,#navi03_sph,#navi04_sph,#navi05_sph{margin-top:0;padding-top:0}}



header{background:#fff;z-index:99999;top:0;left:0;right:0}

#header{width:1160px;height:100px;margin:0 auto;text-align:left;position:relative}
.fixed2 #header{height:60px;}

@media screen and (max-width: 1060px) {
#header{width:96%;height:100px;margin:0 auto;text-align:left;position:relative}
}






article{padding: 100px 0 0;}
#header #logo{height:52px;padding:24px 0 0;text-align:left;transition: all  0.5s ease;}
#header #logo img{height:52px;width:auto;transition: all  0.5s ease;}


.fixed2 #logo{height:40px!important;padding:10px 0 0!important;}
.fixed2 #logo img{height:40px!important;}




#header #logo h1 span{font-size:14px;line-height:52px;display:inline-block;margin:0 0 0 20px}
#header #contact{position:absolute;right:0;top:30px}
.fixed2 #contact{position:absolute;right:0;top:10px!important;transition: all  0.5s ease;}
.fixed2 #contact_reform{position:absolute;right:0;top:10px!important;transition: all  0.5s ease;}
#header #contact_sph{display:none}
#header #contact .btn{color:#404040;font-size:14px;line-height:40px;font-weight:700;height:40px;background-color:#fff100;padding:13px 50px 13px 30px;text-decoration:none;background-image:url(../images/btn_icon.png);background-position:center right;background-repeat:no-repeat}
#header #contact .btn:hover{background-color:#ffe400;text-decoration:none}


#header #contact_reform{position:absolute;right:180px;top:30px}
.fixed2 #contact_reform{position:absolute;right:180px;top:10px;transition: all  0.5s ease;}
#header #contact_reform_sph{display:none}
#header #contact_reform .btn{color:#404040;font-size:14px;line-height:40px;font-weight:700;height:40px;background-color:#fff100;padding:13px 50px 13px 30px;text-decoration:none;background-image:url(../images/btn_icon.png);background-position:center right;background-repeat:no-repeat}
#header #contact_reform .btn:hover{background-color:#ffe400;text-decoration:none}




@media screen and (max-width:959px){
header{background:#fff;z-index:99999;position:fixed;top:0;left:0;right:0}
#header{width:96%;height:100px;margin:0 auto;text-align:left;position:relative}
article{padding:100px 0 0}
#header #logo{height:52px;padding:24px 0 0;text-align:left}
#header #logo img{height:52px;width:auto}

#header #logo h1 span{font-size:14px;line-height:52px;display:inline-block;margin:0 0 0 20px}
#header #contact{position:absolute;right:60px;top:5px!important;}
#header #contact_sph{display:none}
#header #contact .btn{color:#404040;font-size:10px;line-height:40px;font-weight:700;height:40px;background-color:#fff100;padding:6px 25px 6px 10px;text-decoration:none;background-image:url(../images/btn_icon.png);background-size: 28px;background-position:center right;background-repeat:no-repeat}
#header #contact .btn:hover{background-color:#ffe400;text-decoration:none}
#header #contact_reform{position:absolute;right:180px;top:30px}
#header #contact_reform_sph{display:none}
#header #contact_reform .btn{color:#404040;font-size:10px;line-height:40px;font-weight:700;height:40px;background-color:#fff100;padding:6px 25px 6px 10px;text-decoration:none;background-image:url(../images/btn_icon.png);background-size: 28px;background-position:center right;background-repeat:no-repeat}
#header contact_reform .btn:hover{background-color:#ffe400;text-decoration:none}
}


@media screen and (max-width:767px){
header{background:#fff;z-index:99999;position:fixed;top:0;left:0;right:0}#header{height:60px}article{padding:60px 0 0}
#header #logo{height:40px;padding:10px 0 0 10px;text-align:left}
#header #logo img{height:40px;width:auto}

.fixed2 #logo{height:40px!important;padding:10px 0 0 10px!important;text-align:left!important;}
.fixed2 #logo img{height:40px!important;}

#header #contact,#header #contact_reform,#header #contact,#header #logo h1 span{display:none}
#header #contact_sph{position:absolute;top:8px;right:60px;width:44px;height:44px;background:#fff100;display:block}
#header #contact_reform_sph{position:absolute;top:8px;right:120px;width:44px;height:44px;background:#fff100;display:block}

}






.topic_path{clear:both;padding:0 0 20px}.topic_path ul{width:100%;text-align:left}.topic_path li{font-size:1.4em;line-height:1.4;font-weight:700;color:#000;vertical-align:top;display:inline-block}.topic_path li:before{content:">";color:#000;font-weight:400;margin-left:5px;margin-right:5px}.topic_path li:first-child:before{content:"";margin:0}.topic_path li a{font-weight:400;color:#04C;text-decoration:underline}.topic_path li a:hover{text-decoration:none}.footer_menu{background:#404040;padding:20px 0}.footer_menu ul{display:block}.footer_menu ul li{font-size:14px;line-height:24px;display:inline;padding:0 20px;border-right:1px solid #fff}.footer_menu ul li:first-child{border-left:1px solid #fff;border-right:1px solid #fff}.footer_menu ul li a{color:#fff;text-decoration:underline}.footer_menu ul li a:hover{color:#fff100}.footer_menu ul li.footer_menu_pc{display:inline-block}.footer_menu ul li.footer_menu_sph{display:none}.copyright p{font-size:12px;line-height:60px;text-align:center}@media screen and (max-width:959px){.footer_menu{background:#404040;padding:20px 0}.footer_menu ul li{font-size:14px;line-height:24px;display:inline;padding:0 20px;border-right:1px solid #fff}.footer_menu ul li:first-child{border-left:1px solid #fff;border-right:1px solid #fff}.footer_menu ul li a{color:#fff;text-decoration:underline}.footer_menu ul li a:hover{color:#fff100}.copyright p{font-size:12px;line-height:50px;text-align:center}}@media screen and (max-width:767px){.footer_menu{background:#404040;padding:10px 0}.footer_menu ul{width:96%;margin:0 auto}.footer_menu ul li{width:48%!important;font-size:12px;line-height:22px;display:inline-block;padding:inherit;border-right:1px solid #fff;margin:1% 0}.footer_menu ul li:first-child,.footer_menu ul li:nth-child(odd){border-left:1px solid #fff;border-right:1px solid #fff}.footer_menu ul li a{color:#fff;text-decoration:underline}.footer_menu ul li a:hover{color:#fff100}.footer_menu ul li.footer_menu_pc{display:none}.footer_menu ul li.footer_menu_sph{display:inline-block}.copyright p{font-size:12px;line-height:40px;text-align:center}}.re_top{display:none;height:50px;width:50px;position:fixed;z-index:9999;right:15px;bottom:15px}.re_top a{display:block}.re_top a:hover img{margin-top:-50px}@media screen and (max-width:767px){.re_top,.re_top a,.re_top a:hover img{display:none}}

.nav_sph{display:none}
@media screen and (max-width:640px){
#menu_btn,.header_nav{transition:all .4s ease}
#menu_btn,#menu_btn span{position:absolute;display:block}
.nav_sph{display:block}
ul.header_nav{width:90%;margin:0 auto;display:table-cell;padding:0;font-size:0;vertical-align:middle;border:1px solid #e5e5e5}
ul.header_nav li{display:inline-block;margin:0;font-size:12px!important;letter-spacing:2px;line-height:80px;text-align:left}
ul.header_nav li:nth-child(1){border-bottom:2px solid #ff6d63}
ul.header_nav li:nth-child(2){border-bottom:2px solid #fbc900}
ul.header_nav li:nth-child(3){border-bottom:2px solid #01afed}
ul.header_nav li:nth-child(4){border-bottom:2px solid #faa630}
ul.header_nav li:nth-child(5){border-bottom:2px solid #1bd89e}
ul.header_nav li:nth-child(6){border-bottom:2px solid #ff99ca}

ul.header_nav li a{padding:0;color:#fff;font-weight:700;display:block;vertical-align:middle;text-decoration:none}
.header_nav{position:absolute;left:5%;top:54px;display:block;width:100%;background:rgba(255,255,255,1);visibility:hidden;opacity:0}
.menu-open .header_nav{visibility:visible;opacity:1}
.menu-open .header_nav li{display:block;width:auto;min-width:initial;margin:0;padding:0 0 0 5%;font-size:16px!important;line-height:50px;text-align:left}.menu-open .header_nav li a{display:block;width:100%;height:50px;margin:0;padding:0;box-sizing:border-box;background:0 0;font-weight:400;text-decoration:none;color:#333}.menu-open .header_nav li span{font-size:10px;float:right;margin:0 5% 0 0}ul.header_nav li ul{margin:0 0 5%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.header_nav li ul li{padding:0!important}
ul.header_nav li ul li a{display:block;width:100%;height:40px!important;margin:0;padding:0;font-size:12px!important;letter-spacing:0;line-height:40px!important;text-align:center}


ul.header_nav li ul li.navi_cases{width:46%;border:1px solid #01afed;background:#fff!important;margin:0 2% 2% 0}
ul.header_nav li ul li.navi_cases:nth-child(2n){margin:0 0 2%}


ul.header_nav li ul li.navi_store{width:46%;border:1px solid #f7891c;background:#fff!important;margin:0 1% 0 0}
ul.header_nav li ul li.navi_store:nth-child(2n){margin:0}
ul.header_nav li ul li.navi_company{width:46%;border:1px solid #0fc780;background:#fff!important;margin:0 2% 2% 0}
ul.header_nav li ul li.navi_company:nth-child(2n){margin:0 0 2%}
ul.header_nav li ul li.navi_sns{width:46%;border:1px solid #ff7ab5;background:#fff!important;margin:0 2% 2% 0}
ul.header_nav li ul li.navi_sns:nth-child(2n){margin:0 0 2%}
#menu_btn{top:3px;right:3px;z-index:101;width:54px;height:54px}#menu_btn span{left:10px;width:34px;height:1px;background:#000;transition:all .4s}.menu-open #menu_btn,.menu-open #menu_btn span{transition:all .4s ease}#menu_btn span:nth-child(1){top:16px}#menu_btn span:nth-child(2){top:26px}#menu_btn span:nth-child(3){top:36px}.menu-open #menu_btn{position:fixed}.menu-open #menu_btn span:nth-child(1){transform:translateY(10px) rotate(-45deg)}.menu-open #menu_btn span:nth-child(2){opacity:0}.menu-open #menu_btn span:nth-child(3){transform:translateY(-10px) rotate(45deg)}}


#breadcrumb{width:1160px;margin:0 auto}#breadcrumb_block{background:#f1f1f1;mix-blend-mode:multiply;padding:5px 0}
@media screen and (max-width:1023px){#breadcrumb{width:96%;margin:0 auto}#breadcrumb_block{background:#f1f1f1;mix-blend-mode:multiply;padding:5px 0}}@media screen and (max-width:767px){#breadcrumb{width:90%;margin:0 auto}#breadcrumb_block{background:#f1f1f1;mix-blend-mode:multiply;padding:1% 0}}.breadcrumb{padding:5px 0 0;margin:0 0 10px;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.breadcrumb::-webkit-scrollbar{height:5px}.breadcrumb::-webkit-scrollbar-track{border-radius:5px;background:#eee}.breadcrumb::-webkit-scrollbar-thumb{border-radius:5px;background:#999}.breadcrumb ul{display:table;padding:5px 0}.breadcrumb ul li{font-size:12px;display:table-cell;white-space:nowrap;vertical-align:middle;padding-right:26px;position:relative}.breadcrumb ul li:last-child{padding-right:0}.breadcrumb ul li:last-child:after{display:none}.breadcrumb ul li:after{position:absolute;display:block;content:'';content:">";top:0;right:8px}.breadcrumb ul li a:before{position:absolute;display:block;content:'';width:100%;height:1px;background-color:#111;bottom:-7px}.breadcrumb ol li a,.breadcrumb ol li span{position:relative;display:block;top:-4px}.breadcrumb.no-scroll ul{display:block}.breadcrumb.no-scroll ul li{display:inline-block;margin-bottom:12px;white-space:normal}.breadcrumb.no-scroll ul li:after{top:-4px}@media print,screen and (min-width:1024px){.breadcrumb ul li a:before{transform:scaleX(1);transition:transform .3s ease}.breadcrumb ul li a:hover:before{transform:scaleX(0)}}