@charset "utf-8"; #header { height:111px; box-sizing:border-box; position:fixed; top:0; left:0; z-index:20; width:100%; }
 #header h1.logo {position:absolute; top:34px; left:60px; width:103px; height:44px; }
 #header h1.logo a { display:block; text-indent:-999999px; width:103px; height:44px;}
 #header .gnb_box { margin-left:204px; padding-top:34px; }
 #header .gnb_box .gnb li.gnbA { float:left; }
 #header .gnb_box .gnb li.gnbA > a { display:block; font-size:17px; padding:0 34px 40px; line-height:44px;}
 #header .gnb_box .gnbA .gnb_wrap { position:absolute; left:0; top:110px; background-color:#bf5b92; width:100%; height:64px; line-height:64px; display:none; }
 #header .gnb_box .gnb_wrap li { float:left;}
 #header .gnb_box .gnb_wrap a { display:block; color:#fff; padding:0 25px; }
 #header .gnb_box .gnb_wrap .gnb_inner {position:absolute;}
 #header .gnb_box .gnbA:hover .gnb_wrap { display:block; transition:ease-in-out 0.3s; }
 #header .gnb_box .gnb_wrap a.newwin span.newicon {display:block; float:right; background:url("/images/www/common/newwin.png?build_20250626002") no-repeat 0 0; width:17px; height:17px; text-indent:-99999px; margin-top:22px; margin-left:4px;}
 #header .gnb_box .gnbA1 .gnb_wrap .gnb_inner { left:215px;}
 #header .gnb_box .gnbA2 .gnb_wrap .gnb_inner { left:100px;}
 #header .gnb_box .gnbA3 .gnb_wrap .gnb_inner { left:260px;}
 #header .gnb_box .gnbA4 .gnb_wrap .gnb_inner { left:430px;}
 #header .gnb_box .gnbA5 .gnb_wrap .gnb_inner { left:300px;}
 #header .gnb_box .gnbB .gnbC{ display:none;}
 #header .header_right { position:absolute; right:60px; top:34px;}
 #header .header_right li { float:left; height:44px;}
 #header .header_right li a { display:block; line-height:44px; padding:0 18px; font-size:17px;}
 #header .header_right li.sitemap { margin-left:19px;}
 #header .header_right li.sitemap a { text-indent:-999999px; width:30px; position:relative; padding:0;}
 #header .header_right li.sitemap:before { content:""; position:absolute; display:block; margin:15px auto; width:30px; height:13px; }
  #header.bg_white { border-bottom:1px solid #e9e9e9;}
 #header.bg_white h1.logo { background:url("/images/www/common/logo_nb_2023.png?build_20250626002") no-repeat 0 0;}
 #header.bg_white .gnb_box .gnb li.gnbA > a, #header.bg_white .header_right li a { color:#393939;}
 #header.bg_white .header_right li.sitemap:before { background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -713px -116px; }
  #header.bg_black h1.logo { background:url("/images/www/common/logo_nw_2023.png?build_20250626002") no-repeat 0 0;}
 #header.bg_black .gnb_box .gnb li.gnbA > a, #header.bg_black .header_right li a { color:#fff;}
 #header.bg_black .header_right li.sitemap:before { background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -417px -116px; }
  #header:hover { background-color:#fff; transition:ease-in-out 0.3s;}
 #header:hover h1.logo { background:url("/images/www/common/logo_nb_2023.png?build_20250626002") no-repeat 0 0;}
 #header:hover .gnb_box .gnb li.gnbA > a, #header:hover .header_right li a { color:#393939;}
 #header:hover .header_right li.sitemap:before { background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -713px -116px; }
 #header .gnb_box .gnb li.gnbA > a:hover { color:#bf5b92; transition:ease-in-out 0.3s;}
 #header .gnb_box .gnb li.gnbA.on > a:after { content:""; display:block; float:right; width:24px; height:24px; margin:10px 0 0 7px; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -555px -172px;}
 #header:hover .gnb_box .gnb li.gnbA.on > a:after { background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -600px -172px;}
 #header .gnb_box .gnb_wrap .gnbB li a:hover { background-color:#b23379; transition:ease-in-out 0.3s;}
 #header .gnb_box .gnb_wrap .gnbB li.on a {background-color:#b23379;}
 #footer { width:100%; height:251px; background-color:#3b3b3b; min-width:1410px;}
 #footer .inner { padding-top:60px;}
 #footer .copyright { color:#fff; float:left;}
 #footer .copyright .phone { margin-bottom:20px; height:35px;}
 #footer .copyright .phone span { display:block; float:left; height:50px; line-height:50px;}
 #footer .copyright .phone .maru { font-size:28px; color:#fff; margin:0 10px; }
 #footer .copyright .id { margin-bottom:5px; clear:both;}
 #footer .family_site { float:left; margin-left:95px;}
 #footer .family_site h3 { margin-top:0; color:#fff; font-size:16px; font-weight:300;}
 #footer .family_site ul li { float:left; margin-right:45px;}
 #footer .family_site ul li a { display:block; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat 0 0; text-indent:-999999px;}
 #footer .family_site ul li.yubi a { width:83px; height:17px; background-position:-10px -212px; margin-top:0;}
 #footer .family_site ul li.phsp a { width:94px; height:22px; background-position:-1361px -3690px; margin-top:0;}
 #footer .family_site ul li.re_now a { width:155px; height:28px; background-position:-133px -207px; margin-top:-6px;}
 #footer .family_site ul li.musan a { width:102px; height:53px; background-position:-328px -206px; margin-top:-15px;}
 #footer .family_site ul li.yubi a:hover { background-position:-10px -255px;}
 #footer .family_site ul li.phsp a:hover { background-position:-1361px -3761px;}
 #footer .family_site ul li.re_now a:hover { background-position:-133px -250px;}
 #footer .family_site ul li.musan a:hover { background-position:-186px -325px;}
 #footer .memlogin { position:absolute; top:60px; right:75px;}
 #footer .memlogin a { display:block; background-color:#705bbf; box-sizing:border-box; padding-top:56px; width:110px; height:110px; border-radius:50%; color:#fff; text-align:center; font-size:17px; letter-spacing:0.5px; line-height:18px; }
 #footer .memlogin a:before { content:""; position:absolute; display:block; top:35px; left:50%; margin-left:-7px; width:16px; height:14px; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -693px -186px; }
 #footer .memlogin a:hover { background-color:#dc82b4; transition:ease-in-out 0.3s;}
 #footer .memlogin li.login a { padding-top:40px; }
 #footer .memlogin li.login a:before { display:none;}
 #footer .top { position:absolute; top:-47px; right:0;}
 #footer .top a { display:block; background-color:#bf5b92; box-sizing:border-box; padding-top:54px; width:110px; height:110px; border-radius:50%; color:#fff; text-align:center; font-size:15px; }
 #footer .top a:before { content:""; position:absolute; display:block; top:35px; left:50%; margin-left:-7px; width:14px; height:10px; background:url("/images/www/main/main_sp.png?build_20250626002") no-repeat -433px -188px; }
 