@charset "UTF-8";

:root {

/* 共通設定（基本カラーなどなど） */

}

/*-------------------------
__base_style
-------------------------*/
body{font-family:'Zen Maru Gothic', sans-serif;font-weight:900;-webkit-text-size-adjust:none;}
#wrap{position:relative;}
a{text-decoration:none;}
#wrap img{width:100%;height:auto;vertical-align:bottom;}
#content .inner{max-width:1200px;width:100%;box-sizing:border-box;padding:50px;margin:0 auto;}
#content .page_title{max-width: 1100px;margin: 0 auto;padding: 0 50px;box-sizing: border-box;}
#content .page_title .main_ttl{font-size:42px;font-weight:900;margin-bottom:50px;position:relative;}
#content .page_title .main_ttl::after{position: absolute;content:"";width:50px;height:4px;background:#ea7035;bottom:-20px;left:50%;transform:translateX(-50%);}
#content .page_title .page_caption{font-size:18px;font-weight:700;line-height:1.6;}
#content .contact_txt_wrap{position:relative;margin:50px auto 0;display:inline-block;padding:0 50px;box-sizing:border-box;}
#content .contact_txt_wrap .contact_txt{font-size:32px;line-height:1.6;}
#content .contact_txt_wrap img{position:absolute;width:94px;height:auto;right:-100px;top:50%;transform:translateY(-50%);}

.h_ttl_wrap{width:100%;padding:10px 50px;box-sizing:border-box;background:#00a73c;min-width:1100px;}
.h_ttl_wrap .h_ttl_inner{margin:0 auto;max-width:1200px;color:#fff;text-align:left;display:flex;justify-content:space-between;align-items:center;}
.h_ttl_wrap .h_ttl_inner .h_ttl{color:#fff;font-size:16px;text-align:left;}
.h_ttl_wrap .h_ttl_inner .btn_inner{display:flex;gap:30px;align-items:center;}
.h_ttl_wrap .h_ttl_inner .btn_inner a{color:#fff;font-size:14px;text-align:left;}
.h_ttl_wrap .h_ttl_inner .btn_inner .login_txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;}
.h_ttl_wrap .h_ttl_inner .btn_inner .login_txt span .member_name{padding-left:5px;}
.h_ttl_wrap .h_ttl_inner .btn_inner div a{transition:.3s;}

@media screen and (min-width: 768px) {
.sph_on{display:none;}
.h_ttl_wrap .h_ttl_inner .btn_inner div a:hover{color:#c8dc64;}
}
@media screen and (max-width: 1199px) {
#content .inner{padding:30px;}
#content .page_title{padding: 0 30px;}
#content .contact_txt_wrap{padding:0 30px;}
.h_ttl_wrap{padding:10px 20px;}
.h_ttl_wrap .h_ttl_inner .h_ttl{font-size:14px;}
}
@media screen and (max-width: 767px) {
.h_ttl_wrap{min-width: auto;}
}
/*-------------------------
__header
-------------------------*/
#header{position:relative;min-width:1100px;}
#header::before{position:absolute;content:"";left:0;bottom:0;width:100%;height:2px;background:#000;}
#header .header_inner {max-width:1300px;padding:30px 50px;box-sizing:border-box;margin:0 auto;position:relative;}
#header .header_inner .flex_box{display:flex;justify-content:space-between;}
#header .header_inner .flex_box .logo{width:auto;height:80px;}
#header .header_inner .flex_box .logo a{transition:.3s;}
#header .header_inner .flex_box .line a{display:flex;align-items:center;gap:20px;width:100%;height:auto;transition:.3s;}
#header .header_inner .flex_box .line a .line_txt{font-size:18px;text-align:left;line-height:1.6;color:#000;}
#header .header_inner .flex_box .line a img{height:80px;width:auto;}
#header .header_inner .h_wrap{display:flex;justify-content:space-between;margin-top:30px;}
#header .header_inner .h_wrap #navi ul{display:flex;align-items:center;gap:30px;padding:0 18px;height:46px;border:2px solid #000;box-sizing:border-box;border-radius:18px;background:#c8dc64;}
#header .header_inner .h_wrap #navi ul li{position:relative;font-size:14px;}
#header .header_inner .h_wrap #navi ul li::after{position:absolute;content:"";height:1em;width:2px;background:#000;right:-15px;top:0;}
#header .header_inner .h_wrap #navi ul li:nth-of-type(6)::after{content:none;}
#header .header_inner .h_wrap #navi ul li:last-child::after{content:none;}
#header .header_inner .h_wrap #navi ul li .link{color:#000;transition:.3s;}
#header .header_inner .h_wrap #navi ul li .link .tab_on{display:none;}
#header .header_inner .h_wrap .btn_wrap{display:flex;gap:10px;}
#header .header_inner .h_wrap .btn_wrap .w_btn a{display:flex;align-items:center;border:2px solid #000;padding:0 20px 4px 40px;height:46px;box-sizing:border-box;font-size:18px;color:#000;border-radius:18px;position:relative;}
#header .header_inner .h_wrap .btn_wrap .w_btn a::before{content:"";position:absolute;background-image:url(/images/h_tel@2x.png);width:20px;height:26px;background-size:100%;background-repeat:no-repeat;left:15px;top:50%;transform:translateY(-50%);}
#header .header_inner .h_wrap .btn_wrap .b_btn a{display:flex;align-content:center;border:2px solid #000;padding:0 30px 4px 45px;height:46px;box-sizing:border-box;font-size:14px;color:#fff;border-radius:18px;position:relative;background:#000;transition:.3s;}
#header .header_inner .h_wrap .btn_wrap .b_btn a .tab_off{display:flex;align-items:center;}
#header .header_inner .h_wrap .btn_wrap .b_btn a::before{content:"";position:absolute;background-image:url(/images/h_mail@2x.png);width:22px;height:14px;background-size:100%;background-repeat:no-repeat;left:15px;top:50%;transform:translateY(-50%);}
#header .header_inner .h_wrap .btn_wrap .b_btn a::after{content:"";width:5px;height:5px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg) translateY(-48%);position:absolute;top:48%;right:15px;border-radius:1px;transition:0.3s ease-in-out;}
#header .header_inner .h_wrap button{background-color:transparent;border-color:transparent;}
#header .header_inner .mysearch{position:absolute;bottom:-36px;z-index:999;display:flex;gap:10px;right:50px;}
#header .header_inner .mysearch li{background:#ea7035;border-radius:0 0 18px 18px;border:2px solid #000;border-top:none;transition:.3s;}
#header .header_inner .mysearch li a{font-size:14px;padding:10px 20px;display:block;box-sizing:border-box;color:#fff;}

@media screen and (min-width: 768px) {
#header .header_inner .flex_box .logo a:hover,
#header .header_inner .flex_box .line a:hover{opacity:.5;}
#header .header_inner .h_wrap #navi ul li .link:hover{color:#00a73c;}
#header .header_inner .h_wrap .btn_wrap .w_btn a{pointer-events:none;}
#header .header_inner .h_wrap .btn_wrap .b_btn a:hover{background:#00a73c;}
#header .header_inner .h_wrap .hamburger{display:none;}
#header .header_inner .mysearch li:hover{background:#00a73c;}
}
@media screen and (max-width: 1199px) {
#header .header_inner{padding:30px;}
#header .header_inner .h_wrap #navi ul{display:flex;gap:20px;padding:0 15px;}
#header .header_inner .h_wrap #navi ul li{font-size:12px;}
#header .header_inner .h_wrap #navi ul li::after{right:-10px;}
#header .header_inner .h_wrap .btn_wrap .w_btn a{padding:10px 15px 11px 30px;font-size:14px;}
#header .header_inner .h_wrap .btn_wrap .w_btn a::before{width:15px;height:20px;left:10px;}
#header .header_inner .h_wrap .btn_wrap .b_btn a{padding:12px 25px 13px 35px;}
#header .header_inner .h_wrap .btn_wrap .b_btn a::before{width:20px;height:12px;left:10px;}
#header .header_inner .mysearch{right:30px;}
}
@media screen and (max-width: 767px) {
#header{min-width:auto;}
}
/*-------------------------
__content
-------------------------*/
.topic_path{clear:both;padding:36px 50px 20px;max-width:1200px;margin:0 auto;}
.topic_path ul{width:100%;text-align:left;}
.topic_path li{font-size:1.4em;line-height:1.4;font-weight:900;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:700;color:#00a73c;text-decoration:underline;transition:.3s;}
.topic_path li a:hover{text-decoration:none;}

#content #main{display:block;min-width: 1100px;}
@media screen and (max-width: 1199px) {
.topic_path{padding:36px 30px 20px;}
}
@media screen and (max-width: 767px) {
#content #main{min-width: auto;}
}
/*-------------------------
__footer
-------------------------*/
#footer{margin-top:135px;position:relative;min-width: 1100px;}
#footer a{text-decoration:none;color:#fff;transition:.3s;}
#footer .f_ttl{font-size:24px;position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:100%;}
#footer .green{padding:50px 70px;box-sizing:border-box;background:#00a73c;margin:0 30px;border-radius:50px;display:flex;justify-content:space-between;text-align:left;gap:50px;}
#footer .green .f_btm{margin-bottom:50px;}
#footer .green .left_wrap{width:calc(100% - 370px);}
#footer .green .left_wrap .com_wrap{display:flex;gap:50px;align-items:center;}
#footer .green .left_wrap .com_wrap .logo{width:calc(100% - 390px);height:auto;max-width:318px;}
#footer .green .left_wrap .com_wrap .com_txt{font-size:16px;line-height:1.8;color:#fff;width:340px;}
#footer .green .left_wrap .link_wrap .b_link{display:flex;gap:30px;font-size:18px;flex-wrap:wrap;}
#footer .green .left_wrap .roku_link,
#footer .green .left_wrap .area_link,
#footer .green .left_wrap .type_link{display:flex;flex-wrap:wrap;gap:30px;}
#footer .green .left_wrap .roku_link dt{width:130px;font-size:16px;color:#fff;}
#footer .green .left_wrap .roku_link dd{width:calc(100% - 160px);font-size:14px;font-weight:700;}
#footer .green .left_wrap .roku_link dd ul{display:flex;flex-wrap:wrap;gap:30px;}
#footer .green .left_wrap .area_link dt{width:130px;font-size:16px;color:#fff;}
#footer .green .left_wrap .area_link dd{width:calc(100% - 160px);font-size:14px;display:flex;gap:30px 50px;flex-wrap:wrap;font-weight:700;}
#footer .green .left_wrap .area_link dd ul{}
#footer .green .left_wrap .area_link dd ul li{margin-bottom:10px;}
#footer .green .left_wrap .type_link > dt{width:130px;font-size:16px;color:#fff;}
#footer .green .left_wrap .type_link > dd{width:calc(100% - 160px);font-size:14px;display:flex;gap:30px 50px;flex-wrap:wrap;font-weight:700;}
#footer .green .left_wrap .type_link > dd ul{}
#footer .green .left_wrap .type_link > dd ul li{margin-bottom:10px;}
#footer .green .left_wrap .type_link dd dt{font-size:16px;color:#fff;margin-bottom:20px;}
#footer .green .left_wrap .type_link dd dd{font-size:14px;}
#footer .green .left_wrap .type_link dd dd ul li{margin-top:10px;}
#footer .green .btn_wrap{width:320px;}
#footer .green .btn_wrap .tel{margin-bottom:20px;}
#footer .green .btn_wrap .tel a{display:flex;flex-wrap:wrap;justify-content:center;padding:40px 0;box-sizing:border-box;font-size:18px;color:#00a73c;border-radius:20px;background:#fff;text-align:left;}
#footer .green .btn_wrap .tel a span{position:relative;font-size:36px;margin-left:15px;}
#footer .green .btn_wrap .tel a span::before{content:"";position:absolute;background-image:url(/images/f_tel@2x.png);width:20px;height:26px;background-size:100%;background-repeat:no-repeat;left:-30px;top:50%;transform:translateY(-50%);}
#footer .green .btn_wrap .mail{margin-bottom:20px;}
#footer .green .btn_wrap .mail a{padding:40px 0;box-sizing:border-box;font-size:18px;color:#fff;border-radius:20px;border:2px solid #fff;background:#00a73c;display:flex;flex-direction:column;align-items:center;}
#footer .green .btn_wrap .mail a img{width:48px;margin-bottom:20px;height:auto;}
#footer .green .btn_wrap .line a{padding:40px 0;box-sizing:border-box;font-size:18px;color:#00a73c;border-radius:20px;background:#fff;display:flex;align-items:center;gap:15px;justify-content:center;}
#footer .green .btn_wrap .line a img:not(.sph_off){height:50px;width:auto;}
#footer .green .btn_wrap .line a img{height:60px;width:auto;}
#footer .green .btn_wrap .line a .line_txt{line-height:1.2;}
#footer .copyright{margin:0 auto;font-size:14px;padding:20px 0;}
@media screen and (min-width: 768px) {
#footer a:hover{color:#c8dc64;}
#footer .green .btn_wrap .tel a{pointer-events:none;}
#footer .green .btn_wrap .mail a:hover{background:#c8dc64;border:2px solid #c8dc64;}
#footer .green .btn_wrap .line a:hover{background:#c8dc64;}
}
@media screen and (max-width: 1299px) {
#footer .green{flex-wrap:wrap;}
#footer .green .left_wrap{width:100%;}
#footer .green .btn_wrap{width:100%;display:flex;justify-content:center;gap:30px;}
#footer .green .btn_wrap .tel{margin-bottom:0;width:33%;}
#footer .green .btn_wrap .tel a{align-items:center;padding:30px 0;font-size:14px;height:120px;flex-direction:column;gap:10px;}
#footer .green .btn_wrap .tel a span{font-size:27px;margin-left:15px;}
#footer .green .btn_wrap .tel a span::before{content:"";position:absolute;background-image:url(/images/f_tel@2x.png);width:16px;height:21px;left:-20px;}
#footer .green .btn_wrap .mail{margin-bottom:0;width:33%;}
#footer .green .btn_wrap .mail a{padding:30px 0;font-size:16px;height:120px;}
#footer .green .btn_wrap .mail a img{width:32px;margin-bottom:20px;}
#footer .green .btn_wrap .line{width:33%;}
#footer .green .btn_wrap .line a{font-size:16px;gap:10px;height:120px;}
#footer .green .btn_wrap .line a img:not(.sph_off){height:32px;}
#footer .green .btn_wrap .line a img{height:50px;}
}
@media screen and (max-width: 767px) {
#footer{min-width: auto;}
}
.re_top{display:none;position:fixed;bottom:30px;right:40px;z-index:999;}
.re_top a{transition:.3s;}
.re_top a img{height:90px!important;width:auto!important;}
.re_top a img:last-of-type{opacity:0;display:none;}
@media screen and (min-width: 768px) {
.re_top a:hover img:first-of-type {opacity:0;display:none;}
.re_top a:hover img:last-of-type {opacity:1;display:block;}
}

.err_main_txt{font-size:24px;line-height:2;margin-bottom:20px;}
.err_txt{font-size:16px;line-height:1.6;}
.err_txt a{color:#000;text-decoration:underline;}
@media screen and (min-width: 768px) {
.err_txt a:hover{text-decoration:none;}
}