@charset "UTF-8";

:root {

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

}

/*-------------------------
__base_style
-------------------------*/

.h_ttl_wrap .h_ttl_inner .btn_inner{gap:20px;}
/*-------------------------
__header
-------------------------*/
#header .header_inner{padding:30px 30px 0;}
#header .header_inner .h_wrap{margin:30px -30px 0;}
#header .header_inner .h_wrap #navi{width:70%;}
#header .header_inner .h_wrap #navi ul{justify-content:center;border-left:none;border-radius:0;}
#header .header_inner .h_wrap #navi ul li .link .tab_on{display:block;}
#header .header_inner .h_wrap .btn_wrap{width:30%;gap:0;}
#header .header_inner .h_wrap .btn_wrap .w_btn{width:calc(100% - 50px);}
#header .header_inner .h_wrap .btn_wrap .w_btn a{font-size:16px;justify-content:center;border-radius:0;border-left:none;border-right:none;}
#header .header_inner .h_wrap .btn_wrap .b_btn{width:50px;}
#header .header_inner .h_wrap .btn_wrap .b_btn a .tab_off{display:none;}
#header .header_inner .h_wrap .btn_wrap .b_btn a{padding:12px 22px 13px 22px;border-radius:0;border-left:none;border-right:none;}
#header .header_inner .h_wrap .btn_wrap .b_btn a::before{width:20px;height:12px;left:50%;transform:translate(-50%,-50%);}
#header .header_inner .h_wrap .btn_wrap .b_btn a::after{content:none;}
/*-------------------------
__content
-------------------------*/
.topic_path{padding:36px 30px 20px;}
/*-------------------------
__footer
-------------------------*/
#footer .f_ttl{font-size:18px;}
#footer .green{padding:30px;border-radius:30px;gap:30px;}
#footer .green .f_btm{margin-bottom:30px;}
#footer .green .left_wrap .com_wrap{gap:30px;margin-bottom:50px;}
#footer .green .left_wrap .com_wrap .logo{width:calc(100% - 325px);}
#footer .green .left_wrap .com_wrap .com_txt{font-size:14px;width:295px;}
#footer .green .left_wrap .link_wrap .b_link{gap:20px;font-size:16px;}
#footer .green .left_wrap .roku_link,
#footer .green .left_wrap .area_link,
#footer .green .left_wrap .type_link{display:flex;flex-wrap:wrap;gap:20px;}
#footer .green .left_wrap .roku_link dt{font-size:14px;}
#footer .green .left_wrap .roku_link dd{width:100%;font-size:12px;font-weight:500;}
#footer .green .left_wrap .roku_link dd ul{gap:20px;}
#footer .green .left_wrap .area_link dt{font-size:14px;}
#footer .green .left_wrap .area_link dd{width:100%;font-size:12px;gap:20px 30px;font-weight:500;}
#footer .green .left_wrap .area_link dd ul li{margin-bottom:14px;}
#footer .green .left_wrap .type_link > dt{font-size:14px;}
#footer .green .left_wrap .type_link > dd{width:100%;font-size:12px;gap:20px 30px;font-weight:500;}
#footer .green .left_wrap .type_link > dd ul{}
#footer .green .left_wrap .type_link > dd ul li{margin-bottom:14px;}
#footer .green .left_wrap .type_link dd dt{font-size:14px;margin-bottom:20px;}
#footer .green .left_wrap .type_link dd dd{font-size:12px;}
#footer .green .left_wrap .type_link dd dd ul li{margin-top:14px;}
#footer .green .btn_wrap{gap:20px;}
#footer .green .btn_wrap .line a img:not(.sph_off){display:none;}