/* common */
* {word-break:break-word; letter-spacing:-1px;}
html , body {overflow-x:hidden;}
html.fixed , body.fixed {overflow:hidden; touch-action:none; -webkit-touch-action:none;}
.container {max-width:1220px; margin:0 auto; padding:0 10px;}
.container2 {max-width:1220px; margin:0 auto; padding:0 10px;}
@media (max-width:1200px){
.container {padding:0 15px;}
.container2 {padding:0px;}
}

/* btn */
.btn {flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.btn-black {background:#333; color:#fff !important;}
.btn-gray {border:1px solid #ccc; color:#757575 !important;}
.btn-orange {background:#FF9900; color:#fff !important;}
.btn-red {background:#ff0000; color:#fff !important;}
.btn-blue {background:#4A5F8A; color:#fff !important;}
.btn-bd-blue {border:1px solid #4A5F8A; color:#4A5F8A !important;}

/* sticker */
.sticker {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:70px; height:22px; font-size:12px; margin:0 auto;}
.sticker.red {background:#FF0000; color:#fff !important;}
.sticker.orange {background:#FF9900; color:#fff !important;}
.sticker.green {background:#008D39; color:#fff !important;}
.sticker.blue {background:#0039CD; color:#fff !important;}
.sticker.gray {background:#D9D9D9; color:#555 !important;}
.sticker.black {background:#333; color:#fff !important;}

/* icon */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-logout {width:42px; height:42px; font-size:0; border-radius:50%; background:#8A97B3 url('../images/icon_logout.svg') no-repeat center / 18px 16px;}
.icon-register {width:42px; height:42px; font-size:0; border-radius:50%; background:#8A97B3 url('../images/icon_register.svg') no-repeat center / 20px 17px;}	  
.icon-lock {width:42px; height:42px; font-size:0; border-radius:50%; background:#8A97B3 url('../images/icon_lock.svg') no-repeat center / 16px 20px;}
.icon-menu {width:30px; height:25px; border:3px solid #4a5f8a; border-width:3px 0; position:relative; font-size:0;}
.icon-menu:after {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:3px; background:#4a5f8a; content:"";}
.icon-addr-delete {width:25px; height:25px; font-size:0; background:url('../images/icon_addr_delete.svg') no-repeat center / 10px 8px;}
.icon-schedule:before {display:inline-block; width:16px; height:17.23px; content:""; background:url('../images/icon_schedule.svg') no-repeat center / cover; margin-right:5px;}
.icon-invest:before {display:inline-block; width:32px; height:32px; content:""; background:url('../images/icon_invest.svg') no-repeat center / cover; margin-right:5px;}
@media (max-width:1200px){
.icon-invest:before {width:20px; height:20px;}
}

/* radio */
.radio {position:relative; overflow:hidden; margin-right:35px;}
.radio:last-of-type {margin-right:0;}
.radio input[type=radio] {cursor:pointer; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.radio label {font-size:18px; color:#222; display:flex; flex-wrap:wrap; align-items:center;}
.radio label:before {display:inline-block; width:24px; height:24px; content:""; margin-right:10px; background:url('../images/icon_radio_off.svg') no-repeat center / cover;}
.radio input[type=radio]:checked ~ label:before {background:url('../images/icon_radio_on.svg') no-repeat center / cover;}
@media (max-width:1200px){
.radio-box {width:100%; justify-content:flex-start;}
.radio {margin-right:15px;}
.radio label {font-size:14px;}
.radio label:before {width:20px; height:20px; margin-right:5px;}
}

/* check */
.check-box {position:relative; overflow:hidden;}
.check-box input[type=checkbox] {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#222;}
.check-box label:before {display:inline-block; width:25px; height:25px; content:""; margin-right:20px; background:url('../images/icon_check_off.svg') no-repeat center / cover;}
.check-box input[type=checkbox]:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}
.check-group {margin:0 0 -10px;}
.check-group .check-box {margin-right:30px; margin-bottom:10px;}
.check-group .check-box:last-of-type {margin-right:0;}
.check-group .check-box label:before {margin-right:10px;}
@media (max-width:1200px){
.check-box label {font-size:14px;}
.check-box label:before {margin-right:10px; width:20px; height:20px;}
}

/* select */
.select-box {position:relative; background:#fff;}
.select-box:after {position:absolute; right:8px; top:50%; transform:translateY(-50%); width:13px; height:8px; content:""; background:url('../images/icon_select.svg') no-repeat center / cover;}
.select-box select {border:1px solid #ccc; padding:15px; padding-right:30px; font-size:16px; color:#aaa; background:none; position:relative; z-index:2;}

.select-box2 {position:relative; background:#fff;}
.select-box2:after {position:absolute; right:8px; top:50%; transform:translateY(-50%); width:13px; height:8px; content:""; background:url('../images/icon_select.svg') no-repeat center / cover;}
.select-box2 select {border:1px solid #ccc; padding:15px; padding-right:30px; font-size:16px; color:#aaa; background:none; position:relative; z-index:2;}


/* file */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box p {display:block; line-height:54px; width:400px; padding:0 10px; font-size:18px; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:10px; border:1px solid #ccc; height:54px;}
.file-box label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; overflow:hidden; background:#333; width:160px; height:54px; color:#fff; font-size:18px; font-weight:500;}
.file-box label input[type=file] {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
@media (max-width:1200px){
.file-box {width:100%;}
.file-box p {width:calc(100% - 90px); height:35px; line-height:35px; font-size:14px;}
.file-box label {width:80px; height:35px; font-size:13px;}
}

/* email */
.email-box em {font-size:16px; padding:0 10px;}
.email-box .select-box {margin-left:10px;}
.email-box .select-box select {height:54px; min-width:180px;}
@media (max-width:1200px){
.email-box > div {width:100%;}
.email-box  .select-box {width:100%; margin-left:0; margin:10px 0 0;}
.email-box  .select-box select {min-width:100%; width:100%; height:35px; padding:0 10px; font-size:14px;}
.email-box > div div {width:calc(50% - 17.5px) !important;}
.email-box em {width:35px;}
}

/* address */
.addr-box .select-all {flex:1; display:flex; flex-wrap:wrap; align-items:center;}
.addr-box .select-box {width:calc(33.33% - 10px); margin-right:10px;}
.addr-box .select-box select {width:100%;}
.addr-box .select-box2 {width:calc(20% - 10px); margin-right:10px;}
.addr-box .select-box2 select {width:100%;}
.addr-box .btn {width:110px; height:48px; flex:inherit;}
.addr-btn-box ul {margin:0 -5px -10px;}
.addr-btn-box ul li {background:#4A5F8A; border-radius:60px; padding:8px 18px; margin:0 5px 10px;}
.addr-btn-box ul li b {margin-right:40px; font-size:18px; line-height:26px; font-weight:500; color:#fff;}
@media (max-width:1200px){
.addr-box {align-items:inherit; marmgin:0;}
.addr-box .select-box {width:100%; margin:0 0 5px;}
.addr-box .select-box:last-of-type {margin:0;}
.addr-box .select-box select {width:100%; padding:10px;}
.addr-box .select-box2 {width:100%; margin:0 0 5px;}
.addr-box .select-box2:last-of-type {margin:0;}
.addr-box .select-box2 select {width:100%; padding:10px;}
.addr-box .apt-input-box {width:100%; margin:0 0 5px;}
.addr-box .apt-span-box {width:100%; margin:0 0 5px;height:24px;display:flex;align-items:center;}
.addr-box .btn {width:100px; height:auto !important; margin-left:5px;}
.addr-btn-box ul li {padding:5px 10px;}
.addr-btn-box ul li b {margin-right:20px; font-size:14px; line-height:1;}
}

/* time */
.time-box {display:flex; flex-wrap:wrap; align-items:center;}
.time-box input[type=text] {margin-right:10px;}
.time-box span {font-size:18px; color:#222;}
.time-box b {font-size:20px; font-weight:700; color:#222; margin-left:7px;}
@media (max-width:1200px){
.time-box input[type=text] {width:calc(100% - 110px) !important; flex:1;}
.time-box span {font-size:14px;}
.time-box b {font-size:16px; margin-left:4px;}
}

/* selfcheck */
.selfcheck-box {display:flex; flex-wrap:wrap; align-items:center;}
@media (max-width:1200px){
.selfcheck-box input[type=text] {flex:1;}
.selfcheck-box input[type=password] {flex:1;}
.selfcheck-box a {width:100px !important; height:35px !important; font-size:13px !important;}
}

/* footer */
footer {background:#2E323D;}
footer .footer-top {padding:19px 0 16px; border-bottom:1px solid #3d404b;}
footer .footer-top img {width:50px;}
footer .footer-top ul li:after {display:inline-block; position:relative; top:-2px; width:3px; height:3px; background:#585b64; content:""; border-radius:50%; margin:0 20px;}
footer .footer-top ul li:last-of-type:after {display:none;}
footer .footer-top ul li a {font-size:14px; line-height:16.94px; color:#fff;}
footer .footer-bottom {padding:19px 0;}
footer .footer-bottom ul li span {font-size:13px; font-weight:300; line-height:19.24px; color:#fff;}
footer .footer-bottom ul li span a {font-size:13px; font-weight:300; line-height:19.24px; color:#fff;}
@media (max-width:1200px){
footer .footer-top ul li:after {margin:0 10px;}
footer .footer-top ul li a {font-size:13px;}
}

/* header */
header {position:relative; z-index:99;}
header.fixed {position:fixed; left:0; top:0; width:100%;}
header h1 img {width:100px;}
header .gnb {padding:0 115px; border-bottom:1px solid #CCCCCC; background:#fff;}
header .gnb .flex-box {width:146px;}
header .gnb .flex-box:nth-of-type(2) {width:calc(100% - 292px);}
header .gnb .flex-box.gnb-menu {display:none;}	  
header .gnb .flex-box.gnb-member > div {position:relative; z-index:10;}
header .gnb .flex-box.gnb-member > div .depth {display:none; padding:10px 0 0; position:fixed; right:35px;}
header .gnb .flex-box.gnb-member > div .depth:before {box-shadow:0 0 10px rgba(0,0,0,0.3); position:absolute; left:50%; top:5px; transform:translateX(-50%) rotate(45deg); width:15px; height:15px; background:#fff; content:"";}
header .gnb .flex-box.gnb-member > div .depth:after {position:absolute; width:30px; height:15px; left:50%; top:11px; transform:translateX(-50%); background:#fff; content:"";}
header .gnb .flex-box.gnb-member > div:hover .depth {display:block;}
header .gnb .flex-box.gnb-member > div .depth dl {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:10px; padding:10px 20px; width:200px;}
header .gnb .flex-box.gnb-member > div .depth dl dd {border-bottom:1px solid #efefef;}
header .gnb .flex-box.gnb-member > div .depth dl dd:last-of-type {border-bottom:0;}
header .gnb .flex-box.gnb-member > div .depth dl dd a {display:block; font-size:15px; padding:10px; color:#666;}
header .gnb ul li a {position:relative; padding:20px 20px 20px; font-size:21px; line-height:33.3px; font-weight:500; color:#000;}
header .gnb ul li a:hover:after {position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:85px; height:4px; background:#4a5f8a; content:"";}
header .gnb-box.is-pc {display:none; position:absolute; width:100%; box-shadow:0 14px 20px rgba(0,0,0,0.45); background:#fff; padding:0 115px 65px;}
header .gnb-box.is-pc ul {justify-content:center; padding:0 120px;}
header .gnb-box.is-pc ul li dl dt {padding:0 40px; font-size:23px; font-weight:500; text-align:center; opacity:0;}
header .gnb-box.is-pc ul li dl dt a {display:block; font-size:23px; font-weight:500;}
header .gnb-box.is-pc ul li dl dd a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:18px; line-height:45px; font-weight:500; color:#555; letter-spacing:-1px;}
header .gnb-box.is-pc ul li dl dd a small {font-size:15px; line-height:45px; font-weight:500; color:#555;}
header .gnb-box.is-pc ul li dl dd a:hover {color:#4a5f8a;}
header .gnb-box.is-pc ul li dl dd a:hover small {color:#4a5f8a;}
header .gnb-box .gnb-box-mobile {display:none;}
header .gnb-box .gnb-box-close {display:none;}
header .gnb-box.is-m {display:none;}
@media(max-width:1350px){
header .gnb {padding:0 50px;}
header .gnb-box {padding:0 50px 65px;}
}
@media (max-width:1200px){
/*
header h1 img {width:60px;}
*/
header .gnb {padding:10px 15px;}
header .gnb .flex-box {width:auto;}
header .gnb .flex-box:nth-of-type(2) {display:none;}
header .gnb .flex-box.gnb-member {display:none;}
header .gnb .flex-box.gnb-menu {display:block;}
header .gnb-box.is-m {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
header .gnb-box.is-m .inner {position:absolute; left:-300px; top:0; width:300px; height:100%; background:#fff; box-shadow:5px 0 10px rgba(0,0,0,0.3);}
header .gnb-box.is-m ul {padding:0; width:100%;}
header .gnb-box.is-m ul li {width:100%;}
header .gnb-box.is-m ul li dl dt {font-size:18px; opacity:1; cursor:pointer; text-align:left; padding:15px; border-bottom:1px solid #65779c; background:#4A5F8A; color:#fff;}
header .gnb-box.is-m ul li dl dt a {font-size:18px; display:block; color:#fff; font-weight:500;}
header .gnb-box.is-m ul li dl dd {display:none;}
header .gnb-box.is-m ul li.gnb-depth dl dt {position:relative;}
header .gnb-box.is-m ul li.gnb-depth dl dt:after {position:absolute; right:15px; top:50%; transform:translateY(-50%) rotate(135deg); width:10px; height:10px; content:""; border-top:2px solid #e5e5e5; border-right:2px solid #e5e5e5;}
header .gnb-box.is-m ul li.gnb-depth dl dd a {justify-content:flex-start; font-size:15px; line-height:40px; padding:0 20px;}
header .gnb-box.is-m ul li.gnb-depth dl dd a small {font-size:15px; line-height:40px;}
header .gnb-box.is-m ul li.gnb-depth dl dd:last-of-type {border-bottom:1px solid #eee;}
header .gnb-box.is-m ul li.active.gnb-depth dl dt:after {transform:translateY(-50%) rotate(315deg);}
header .gnb-box.is-m .gnb-box-mobile {display:block; border-top:1px solid #eee;}
header .gnb-box.is-m .gnb-box-mobile img {display:block; width:120px; margin:15px auto;}
header .gnb-box.is-m .gnb-box-mobile .gnb-box-member a {width:50%; height:35px; font-size:14px; border:1px solid #eee;}
header .gnb-box.is-m .gnb-box-mobile .gnb-box-member a:last-of-type {border-left:0;}
header .gnb-box.is-m .gnb-box-close {display:block; position:absolute; top:10px; right:15px; width:33px; height:33px; content:""; font-size:0;}
header .gnb-box.is-m .gnb-box-close:after {position:absolute; width:100%; left:0; top:15px; background:#fff; content:""; transform:rotate(45deg); width:100%; height:3px;}
header .gnb-box.is-m .gnb-box-close:before {position:absolute; width:100%; left:0; top:15px; background:#fff; content:""; transform:rotate(-45deg); width:100%; height:3px;}
header .gnb-box.is-m.fixed {display:block;}
header .gnb-box.is-m.fixed .inner {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
@keyframes menu {
	from {left:-300px;}
	to {left:0;}
}
}

/* sub-wrap */
/*
.sub-wrap {margin:100px 0; min-height:1000px;}
*/
.sub-wrap {margin:10px 0;}
@media (max-width:1200px){
.sub-wrap {margin:50px 0; min-height:auto; padding-bottom:100px;}
}

/* sub-banner */
.sub-banner {position:relative; height:300px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.sub-banner.member {background-image:url('../images/sub_bg_member.png');}
.sub-banner.story {background-image:url('../images/sub_bg_story.png');}
.sub-banner.youtube {background-image:url('../images/sub_bg_youtube.png');}		   
.sub-banner.consulting {background-image:url('../images/sub_bg_consulting.png');}	
.sub-banner.sale01 {background-image:url('../images/sub_bg_sale_01.png');}	  
.sub-banner.sale02 {background-image:url('../images/sub_bg_sale_02.png');}     
.sub-banner.sotoday {background-image:url('../images/sub_bg_sotoday.png');}    
.sub-banner.sotoday2 {background-image:url('../images/sotu_bg3.png');}    
.sub-banner.intro {background-image:url('../images/sub_bg_intro.png');}       
.sub-banner h2 {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.sub-banner h2 b {font-size:47px; line-height:69px; font-weight:700; color:#fff; display:block;}
.sub-banner h2 b small {font-size:37px; line-height:75px; font-weight:700; color:#fff;}
.sub-banner h2 p {font-size:24px; line-height:35px; font-weight:500; color:#fff;}
@media (max-width:1200px){
.sub-banner {height:200px;}
.sub-banner h2 {padding:0 10px;}
.sub-banner h2 b {font-size:25px; line-height:1.3;}
.sub-banner h2 b small {font-size:20px; line-height:1.3; position:relative; top:3px;}
.sub-banner h2 p {font-size:16px; line-height:1.5; margin:10px 0 0;}
}

/* sub-loca */
.sub-loca {border-bottom:1px solid #f2f2f2;}
.sub-loca .flex-box:first-of-type {margin-left:-26px;}
.sub-loca .flex-box:first-of-type ul li a {font-size:16px; line-height:23.68px; color:#222; padding:30px 26px;}
.sub-loca .flex-box:first-of-type ul li.active a {position:relative; color:#4A5F8A; font-weight:500;}
.sub-loca .flex-box:first-of-type ul li.active a:after {position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:calc(100% - 52px); height:2px; background:#4A5F8A; content:"";}
.sub-loca .flex-box:first-of-type ul li a:hover {color:#4a5f8a;}
.sub-loca .flex-box:last-of-type ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#222;}
.sub-loca .flex-box:last-of-type ul li:after {display:inline-block; width:4.25px; height:7.13px; content:""; background:url('../images/icon_loca.svg') no-repeat center / cover; margin:0 15px;}
.sub-loca .flex-box:last-of-type ul li:last-of-type:after {display:none;}
.sub-loca .flex-box:last-of-type ul li.home {width:15px; height:15px; font-size:0; background:url('../images/icon_home.svg') no-repeat center / cover; margin-right:15px;}
.sub-loca .flex-box:last-of-type ul li.home:after {display:none;}
@media (max-width:1200px){
.sub-loca {border:0; margin:0 -15px;}
.sub-loca .flex-box:first-of-type {width:100%; margin-left:0;}
.sub-loca .flex-box:first-of-type ul li {width:50%; text-align:center; border:1px solid #f2f2f2; border-width:0 1px 1px 0;}
.sub-loca .flex-box:first-of-type ul li a {padding:15px 0; display:block; line-height:1.3; font-size:14px;}
.sub-loca .flex-box:first-of-type ul li.active a {background:#4a5f8a; color:#fff;}
.sub-loca .flex-box:first-of-type ul li.active a:after {display:none;}
.sub-loca .flex-box:last-of-type {display:none;}
}

/* sub-title */
.sub-title {margin:0 0 30px;}
.sub-title h2 {text-align:center; font-size:47px; font-weight:700; color:#4A5F8A;}
@media (max-width:1200px){
.sub-title h2 {font-size:30px;}
}

/* sub-form-title */
.sub-form-title {font-size:24px; font-weight:500; margin:0 0 20px;}
@media (max-width:1200px){
.sub-form-title {font-size:20px;}
}

/* sub-search */
.sub-search {background:#f9f9f9; padding:15px 50px; margin:0 0 30px;}
.sub-search .form-search b {font-size:16px; margin-right:25px;}
.sub-search .form-search .select-box select {min-width:180px; height:30px; padding:0 15px; font-weight:300;}
@media (max-width:1200px){
.sub-search {padding:15px;}
.sub-search .form-search b {font-size:14px; margin-right:10px;}
.sub-search .form-search .select-box select {min-width:120px;}
}

/* sub-order */
.sub-order {margin:0 0 50px;}
.sub-order h3 {font-size:34px; font-weight:700; color:#444; margin:0 0 10px;}
.sub-order h3 b {position:relative;}
.sub-order h3 b:before {position:absolute; left:0; bottom:0; width:100%; height:13px; background:#ffb23e; content:""; left:5px;}
.sub-order h3 b em {position:relative; font-size:34px; font-weight:700; color:#444; margin-left:5px;}
.sub-order ul li {position:relative; width:33.33%;}
.sub-order ul li img {width:100%; max-width:350px; display:block; margin:0 auto;}
.sub-order ul li p {position:absolute; left:0; top:200px; width:100%; font-size:18px; line-height:26px; text-align:center; font-weight:500;}
@media (max-width:1200px){
.sub-order {text-align:center;}
.sub-order h3 {display:inline-block; text-align:center; font-size:28px;}
.sub-order h3 b {display:block; margin:5px 0 0;}
.sub-order h3 b:before {left:0; height:9px;}
.sub-order h3 b em {font-size:28px; margin-left:0;}
.sub-order ul li {width:100% !important;}
.sub-order ul li p {font-size:15px; line-height:24px; top:170px;}
}

/* sub-total */
.sub-total b {font-size:16px;}
.sub-total b strong {font-size:18px; font-weight:700; color:#4a5f8a; margin-left:3px;}
.sub-total form .select-box {margin-right:10px;}
.sub-total form .select-box select {min-width:129px; height:40px; padding:0 10px;}
.sub-total form input[type=text] {width:340px; margin-right:10px; height:40px; border:1px solid #dcdcdc; padding:0 10px;}
.sub-total form a {width:100px; height:40px; font-size:16px; font-weight:500;}
.sub-total .flex-box > a {width:213px; height:56px; font-size:18px; font-weight:500;}
@media (max-width:1200px){
.sub-total .flex-box {width:100%;}
.sub-total .flex-box:last-of-type {margin:10px 0 0;}
.sub-total form .select-box {margin-right:0; width:100%;}
.sub-total form .select-box select {min-width:100%;}
.sub-total form input[type=text] {margin:10px 0 0; width:100%;}
.sub-total form a {width:100%; margin:10px 0 0;}
.sub-total .flex-box > a {width:auto; height:45px; padding:0 10px; font-size:14px; flex:inherit;}
}

/* sub-paging */
.sub-paging {margin:30px 0 0;}
.sub-paging ul li {margin:0 5px;}
.sub-paging ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #d9d9d9; font-size:16px; font-weight:600;}
.sub-paging ul li.active a {border:1px solid #4a5f8a; background:#4a5f8a; color:#fff;}
.sub-paging ul li.paging-btn a {font-size:0; background:url('../images/icon_paging_next.svg') no-repeat center / cover; border:0;}
.sub-paging ul li.paging-btn.prev a {background:url('../images/icon_paging_prev.svg') no-repeat center / cover;}
@media (max-width:1200px){
.sub-paging ul li a {width:32px; height:32px; font-size:14px; font-weight:500;}
}

/* sub-state */
.sub-state {margin:0 0 75px;}
.sub-state ul li {width:25%; text-align:center; position:relative;}
.sub-state ul li:before {position:absolute; left:0; top:92px; width:100%; height:1px; background:#ccc; content:"";}
.sub-state ul li:first-of-type:before {width:50%; left:auto; right:0;}
.sub-state ul li:last-of-type:before {width:50%;}
.sub-state ul li p {font-size:24px; font-weight:500; color:#666; position:relative;}
.sub-state ul li p.off {color:#ccc;}
.sub-state ul li p.on {color:#03A530;}
.sub-state ul li p:before {display:block; content:""; margin:0 auto 20px; width:50px; height:108px; background-repeat:no-repeat; background-size:47.5px 108px;}
.sub-state ul li:nth-of-type(1) p:before {background-image:url('../images/icon_state_01.svg');}
.sub-state ul li:nth-of-type(2) p:before {background-image:url('../images/icon_state_02.svg');}
.sub-state ul li:nth-of-type(3) p:before {background-image:url('../images/icon_state_03.svg');}
.sub-state ul li:nth-of-type(4) p:before {background-image:url('../images/icon_state_04.svg');}
.sub-state ul li:nth-of-type(1).off p:before {background-image:url('../images/icon_state_01_off.svg');}
.sub-state ul li:nth-of-type(2).off p:before {background-image:url('../images/icon_state_02_off.svg');}
.sub-state ul li:nth-of-type(3).off p:before {background-image:url('../images/icon_state_03_off.svg');}
.sub-state ul li:nth-of-type(4).off p:before {background-image:url('../images/icon_state_04_off.svg');}
.sub-state ul li:nth-of-type(1).on p:before {background-image:url('../images/icon_state_01_on.svg');}
.sub-state ul li:nth-of-type(2).on p:before {background-image:url('../images/icon_state_02_on.svg');}
.sub-state ul li:nth-of-type(3).on p:before {background-image:url('../images/icon_state_03_on.svg');}
.sub-state ul li:nth-of-type(4).on p:before {background-image:url('../images/icon_state_04_on.svg');}
@media (max-width:1200px){
.sub-state {margin:0 0 35px;}
.sub-state ul li:before {top:43px;}
.sub-state ul li p {font-size:15px;}
.sub-state ul li p:before {margin:0 auto 10px; width:25px; height:54px; background-size:22.5px; height:54px;}
}

/* button */
.button-wrap a {flex:inherit; width:422px; height:120px; font-size:32px; font-weight:700;}
@media (max-width:1200px){
.button-wrap a {width:180px; padding:0 15px; height:50px; font-size:17px;}
}

/* login */
.login-wrap {max-width:580px; margin:0 auto;}
.login-wrap .login-title {text-align:center;}
.login-wrap .login-title:before {display:block; width:90px; height:90px; content:""; margin:0 auto 20px; background:url('../images/icon_login.svg') no-repeat center / cover;}
.login-wrap .login-title b {display:block; font-size:24px; font-weight:700;} 
.login-wrap .login-title span {display:block; font-size:24px; font-weight:500; margin:10px 0 0;}
.login-wrap .login-group {background:#f2f5f5; border-radius:10px; padding:20px 30px;}
.login-wrap .login-group input {background:none; width:calc(100% - 35px); font-size:16px; font-weight:600;}
.login-wrap .login-group input::placeholder {color:#555;}
.login-wrap .login-group.id-group:before {display:inline-block; width:20px; height:20px; content:""; background:url('../images/icon_id.svg') no-repeat center / cover; margin-right:15px;}
.login-wrap .login-group.pw-group:before {display:inline-block; width:20px; height:20px; content:""; background:url('../images/icon_pw.svg') no-repeat center / 16px 20px; margin-right:15px;}
.login-wrap .login-box ul {width:100%;}
.login-wrap .login-box ul li {width:33.33%;}
.login-wrap .login-box ul li a {display:block; position:relative; font-size:16px; color:#555; text-align:center;}
.login-wrap .login-box ul li a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:1px; height:15px; background:#888;}
.login-wrap .login-box ul li:last-of-type a:after {display:none;}
@media (max-width:1200px){
.login-wrap .login-title:before {width:50px; height:50px;}
.login-wrap .login-title b {font-size:20px;}
.login-wrap .login-title span {font-size:17px; line-height:1.3;}
}

/* write */
.write-wrap {border-top:2px solid #4a5f8a;}
.write-wrap .form-group {border-bottom:1px solid #ccc;}

.write-wrap .form-group > .flex-box:first-of-type {width:257px; background:#f9f9f9;}
.write-wrap .form-group > .flex-box:first-of-type b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#222;}
.write-wrap .form-group > .flex-box:first-of-type b em {display:none;}
.write-wrap .form-group > .flex-box:first-of-type b.req em {display:inline-block; color:#FF0000; font-size:15px; font-weight:600; margin-right:10px; position:relative; top:3px;}
.write-wrap .form-group > .flex-box:last-of-type {width:calc(100% - 257px); padding:15px 30px;}

.write-wrap .form-group > .flex-box2:first-of-type {width:257px; background:#f9f9f9;}
.write-wrap .form-group > .flex-box2:first-of-type b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#222;}
.write-wrap .form-group > .flex-box2:first-of-type b em {display:none;}
.write-wrap .form-group > .flex-box2:first-of-type b.req em {display:inline-block; color:#FF0000; font-size:15px; font-weight:600; margin-right:10px; position:relative; top:3px;}
.write-wrap .form-group > .flex-box2:last-of-type {width:100%; padding:15px 30px;}



.write-wrap .form-group input[type=text] {height:34px; border:1px solid #ccc; padding:0 10px; font-size:15px;}
.write-wrap .form-group input[type=password] {height:34px; border:1px solid #ccc; padding:0 10px; font-size:15px;}
.write-wrap .form-group p.text {font-size:18px; line-height:26px; color:#222; padding:16px 0 12px;} 
.write-wrap .form-group p.form-alert-text {font-size:14px; font-weight:500; color:#ff0000; margin-left:10px;}
.write-wrap .form-group a.pwchange {font-size:18px; width:176px; height:54px; flex:inherit;}
.write-wrap .form-group a.selfcheck {font-size:18px; width:176px; height:54px; flex:inherit; margin-left:10px;}
.write-wrap .form-group textarea {border:1px solid #ccc; height:240px; padding:15px; font-size:16px; line-height:24px;}
.write-wrap .form-group textarea::placeholder {color:#555;}
.write-wrap .form-agree-group {border-bottom:1px solid #ccc; padding:30px 0; padding-left:115px;}
.write-wrap .form-agree-group .agree-box .flex-box:first-of-type {width:310px;}
.write-wrap .form-agree-group .agree-box .btn-gray {height:30px; font-size:16px; padding:0 27px;}
.write-wrap .form-button {margin:50px 0;}
.write-wrap .form-button a {width:190px; height:56px; font-size:18px; flex:none;}
.write-wrap .form-find {max-width:1100px; margin:0 auto; background:#f9f9f9; border:1px solid #ccc; padding:40px;}
.write-wrap .form-find p {font-size:14px; line-height:20px; font-weight:500; color:#222;}
.write-wrap .form-find p b {font-size:24px; font-weight:500; color:#222; padding:0 10px;}
.write-wrap .form-notice {padding:0 100px; margin:45px 0 0;}
.write-wrap .form-notice > div:before {display:inline-block; content:""; width:80px; height:80px; background:url('../images/icon_notice.svg') no-repeat center / cover; margin-right:20px; position:relative; top:10px;}
.write-wrap .form-notice > div p {flex:1; font-size:14px; line-height:23px;}
.write-wrap .form-notice > div p a {font-size:14px; line-height:23px;}
.write-wrap .form-inner {display:flex; flex-wrap:wrap;}
.write-wrap .form-inner .form-group {width:50%;}
.write-wrap .form-inner-image {display:flex; flex-wrap:wrap;}
.write-wrap .form-inner-image .inner-image:first-of-type {flex:1; border-bottom:1px solid #ccc;}
.write-wrap .form-inner-image .inner-image:first-of-type .form-group:last-of-type {border-bottom:0; height:274px;}
.write-wrap .form-inner-image .inner-image:last-of-type {width:390px;}
.write-wrap .form-inner-image .inner-image img {width:390px; height:360px; object-fit:cover;}
.write-wrap .form-notice-text {padding:30px; border-bottom:1px solid #ccc;}
.write-wrap .form-notice-text ul li {margin:0 0 30px;}
.write-wrap .form-notice-text ul li:last-of-type {margin:0;}
.write-wrap .form-notice-text ul li dl dt {font-size:24px; line-height:35px; font-weight:500; color:#222; margin:0 0 10px;}
.write-wrap .form-notice-text ul li dl dd {font-size:18px; line-height:26px; color:#222; padding-left:10px;}
@media (max-width:1200px){
.write-wrap {border-top:0;}
.write-wrap .form-group {border-bottom:0; margin:20px 0 20px;}
.write-wrap .form-group:last-of-type {margin:0;}
.write-wrap .form-group > .flex-box:first-of-type {background:none; width:100%; border-bottom:0; justify-content:flex-start;}
.write-wrap .form-group > .flex-box:first-of-type b {font-size:16px; padding:0; text-align:left;}
.write-wrap .form-group > .flex-box:last-of-type {width:100%; padding:10px 0 0; justify-content:flex-start;}
.write-wrap .form-group input[type=text] {height:35px; width:100% !important;}
.write-wrap .form-group input[type=password] {height:35px; width:100% !important;}
.write-wrap .form-group p.text {border-bottom:1px solid #eee; padding:0 0 5px; font-size:15px; text-align:left; width:100%;}
.write-wrap .form-group p.form-alert-text {font-size:12px; margin-left:0; margin:5px 0 0;}
.write-wrap .form-group a.pwchange {margin:0; height:40px; font-size:14px;}
.write-wrap .form-group textarea {font-size:14px;}
.write-wrap .form-agree-group {padding-left:0;}
.write-wrap .form-agree-group .agree-box {margin:0 0 25px;}
.write-wrap .form-agree-group .agree-box:last-of-type {margin:0;}
.write-wrap .form-agree-group .agree-box .flex-box:first-of-type {width:100%; margin:0 0 5px;}
.write-wrap .form-agree-group .agree-box .flex-box:last-of-type {width:100%;}
.write-wrap .form-agree-group .agree-box .btn-gray {height:40px;}
.write-wrap .form-button {margin:50px 0 0;}
.write-wrap .form-button a {width:150px; height:50px;}
.write-wrap .form-find {margin:50px 0 0; padding:20px 0;}
.write-wrap .form-find p b {font-size:20px;}
.write-wrap .form-notice {padding:0; margin:30px 0 0;}
.write-wrap .form-notice > div:before {display:block; margin:0 auto;}
.write-wrap .form-notice > div p {flex:inherit; width:100%; margin:0 0 5px;}
.write-wrap .form-notice > div p:last-of-type {margin:0;}
.write-wrap .form-inner {margin:0 0 20px;}
.write-wrap .form-inner .form-group {width:100%;}
.write-wrap .form-inner-image {flex-direction:column-reverse;}
.write-wrap .form-inner-image .inner-image {width:100% !important;}
.write-wrap .form-inner-image .inner-image:first-of-type {border-bottom:0;}
.write-wrap .form-inner-image .inner-image:first-of-type .form-group:last-of-type {border-bottom:1px solid #ccc;; height:auto;}
.write-wrap .form-inner-image .inner-image img {width:100%; height:auto; object-fit:cover;}
.write-wrap .form-notice-text {padding:15px;}
.write-wrap .form-notice-text ul li {margin:0 0 15px;}
.write-wrap .form-notice-text ul li dl dt {font-size:17px; line-height:1.5;}
.write-wrap .form-notice-text ul li dl dd {font-size:14px; line-height:1.5; padding-left:5px;}
}

/* list-wrap */
.list-wrap .table-box {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
.list-wrap .table-box table thead tr th {background:#eee; border-top:2px solid #4A5F8A; font-size:16px; color:#222; padding:13px 0;}
.list-wrap .table-box table tbody tr td {border-bottom:1px solid #ccc; padding:13px 0; font-size:14px; color:#555;}
.list-wrap .table-box table tbody tr td a {font-size:14px; color:#555;}
.list-wrap .table-box table tbody tr td a:hover {text-decoration:underline;}
.list-wrap .table-box.is-pc ul {display:none;}
@media (max-width:1200px){
.list-wrap .table-box.is-pc table {display:none;}
.list-wrap .table-box {margin-right:-15px; padding-right:15px;}
.list-wrap .table-box table thead tr th {font-size:14px; padding:10px 0;}
.list-wrap .table-box table tbody tr td {font-size:13px; padding:10px 0;}
.list-wrap .table-box table tbody tr td a {font-size:13px;}
.list-wrap .table-box.is-pc ul {display:block; border-top:2px solid #4a5f8a;}
.list-wrap .table-box.is-pc ul li {border-bottom:1px solid #ccc; padding:0 10px;}
.list-wrap .table-box.is-pc ul li .list-head .subject {flex:1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; padding:15px 15px 15px 0;}
.list-wrap .table-box.is-pc ul li .list-head time {color:#666; font-size:13px; line-height:1.3; text-align:right;}
.list-wrap .table-box.is-pc ul li .list-head a.more {display:inline-block; width:25px; height:25px; font-size:0; background:red; margin:0 -10px 0 5px; background:url('../images/icon_paging_next.svg') no-repeat center / cover; transform:rotate(90deg);}
.list-wrap .table-box.is-pc ul li.active .list-head a.more {transform:rotate(-90deg);}
.list-wrap .table-box.is-pc ul li .list-body {display:none; border-top:1px solid #ccc; background:#f8f8f8; padding:10px;}
.list-wrap .table-box.is-pc ul li .list-body dl dd {margin:0 0 5px;}
.list-wrap .table-box.is-pc ul li .list-body dl dd:last-of-type {margin:0;}
.list-wrap .table-box.is-pc ul li .list-body b {font-weight:600; margin-right:5px;}
}

/* view-wrap */
.view-wrap .view-head {border-top:2px solid #4a5f8a;}
.view-wrap .view-head h2 {font-size:24px; padding:22px 0; padding-left:20px;}
.view-wrap .view-head h2.flex-tc {background:#eee; padding-left:0;}
.view-wrap .view-head .state {border-bottom:1px solid #ccc; padding:20px;}
.view-wrap .view-head .state b {font-size:18px; margin-right:5px;}
.view-wrap .view-head .state span {font-size:18px; color:#555;}
.view-wrap .view-body {min-height:600px; padding:20px;}
.view-wrap .view-body p {font-size:16px; line-height:1.5; width:100%;}
.view-wrap .view-foot {border-top:1px solid #ccc; padding:20px 0 0;}
.view-wrap .view-foot .btn {flex:inherit; font-size:18px; font-weight:500;}
.view-wrap .view-foot .view-foot-list {margin:50px 0 0;}
.view-wrap .view-foot .view-foot-list ul {border:1px solid #ccc; border-width:1px 0;}
.view-wrap .view-foot .view-foot-list ul li {border-bottom:1px solid #ccc;}
.view-wrap .view-foot .view-foot-list ul li:last-of-type {border-bottom:0;}
.view-wrap .view-foot .view-foot-list ul li span {display:flex; flex-wrap:wrap; align-items:center; justify-content:centger; font-size:14px; font-weight:500; color:#555; padding:0 30px;}
.view-wrap .view-foot .view-foot-list ul li span:after {display:inline-block; content:""; margin-left:30px; width:8px; height:6.93px; background:url('../images/icon_arrow.svg') no-repeat center / cover;}
.view-wrap .view-foot .view-foot-list ul li:last-of-type span:after {transform:rotate(180deg);}
.view-wrap .view-foot .view-foot-list ul li a {flex:1; font-size:14px; line-height:20px; font-weight:500; padding:12px 0 13px;}
@media (max-width:1200px){
.view-wrap .view-head h2 {padding:15px 0; font-size:18px; line-height:1.5; padding-left:10px;}
.view-wrap .view-head h2.flex-tc {padding-left:0;}
.view-wrap .view-head .state {padding:15px 10px;}
.view-wrap .view-head .state .sticker {font-size:14px !Important;}
.view-wrap .view-head .state b {font-size:15px;}
.view-wrap .view-head .state span {font-size:15px;}
.view-wrap .view-body {min-height:300px;padding:0px;}
.view-wrap .view-body p {font-size:14px;}
.view-wrap .view-foot .btn {font-size:15px;}
.view-wrap .view-foot .view-foot-list {margin:20px 0 0;}
.view-wrap .view-foot .view-foot-list ul li span {padding:0 15px;}
.view-wrap .view-foot .view-foot-list ul li span:after {margin-left:10px;}
}

/* service-wrap */
.service-wrap {border-top:2px solid #4A5F8A; border-bottom:1px solid #ccc; padding:30px;}
.service-wrap .box {margin:0 0 30px;}
.service-wrap .box:last-of-type {margin:0;}
.service-wrap h3 {font-size:30px; line-height:1.5; font-weight:700; color:#4a5f8a; margin:0 0 20px;}
.service-wrap h4 {font-size:20px; line-height:1.5; font-weight:500; color:#333; margin:0 0 10px;}
.service-wrap p {font-size:15px; line-height:1.5; font-weight:400; color:#111;}
.service-wrap p span {display:block; font-size:15px; line-height:1.5; font-weight:400; color:#111; margin:0 0 5px;}
.service-wrap p span:last-of-type {margin:0;}
@media (max-width:1200px){
.service-wrap {padding:15px;}
.service-wrap .box {margin:0 0 20px;}
.service-wrap h3 {font-size:25px; margin:0 0 15px;}
.service-wrap h4 {font-size:17px;}
.service-wrap p {font-size:13px;}
.service-wrap p span {font-size:13px;}
}

/* error-wrap */
.error-wrap {height:100vh; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.error-wrap .box {max-width:1230px; margin:0 auto; padding:0 10px;}
.error-wrap .box h2 {font-size:47px; color:#4a5f8a; font-weight:700; text-align:center;}
.error-wrap .box h2:before {display:block; content:""; width:146px; height:146px; margin:0 auto 40px; background:url('../images/icon_error.svg') no-repeat center / cover;}
.error-wrap .box p {margin:40px 0; text-align:center; color:#555; font-size:24px; line-height:35px;}
.error-wrap .box a {flex:inherit; width:220px; height:44px; border-radius:60px; font-size:18px;}
@media (max-width:1200px){
.error-wrap {height:90vh;}
.error-wrap .box {padding:0 15px;}
.error-wrap .box h2 {font-size:30px;}
.error-wrap .box h2:before {width:80px; height:80px; margin:0 auto 20px;}
.error-wrap .box p {margin:20px 0; font-size:16px; line-height:1.5;}
.error-wrap .box a {width:150px; height:40px; font-size:16px;}
}

/* youtube-wrap */
.youtube-wrap .banner {max-width:504px; margin:0 auto;}
.youtube-wrap .banner img {max-width:100%;}
.youtube-wrap .title {margin:50px 0 20px; text-align:center;}
.youtube-wrap .title b {font-size:47px; font-weight:700; color:#444;}
.youtube-wrap .title strong {font-size:47px; font-weight:700; color:#4A5F8A; margin-left:10px;}
.youtube-wrap .special ul li b {text-align:center; font-size:24px; font-weight:700; color:#4a5f8a; display:block;}
.youtube-wrap .special ul li b:before {display:block; content:""; margin:0 auto 10px; width:120px; height:120px; background-size:cover; background-position:center;}
.youtube-wrap .special ul li:nth-of-type(1) b:before {background-image:url('../images/icon_youtube_01.svg');}
.youtube-wrap .special ul li:nth-of-type(2) b:before {background-image:url('../images/icon_youtube_02.svg');}
.youtube-wrap .special ul li:nth-of-type(3) b:before {background-image:url('../images/icon_youtube_03.svg');}
.youtube-wrap .special ul li:nth-of-type(4) b:before {background-image:url('../images/icon_youtube_04.svg');}
.youtube-wrap .special ul li:nth-of-type(5) b:before {background-image:url('../images/icon_youtube_05.svg');}
.youtube-wrap .special ul li:nth-of-type(6) b:before {background-image:url('../images/icon_youtube_06.svg');}
.youtube-wrap .special ul li small {display:block; text-align:center; margin:10px 0 0; font-size:18px; line-height:26px; color:#222;}
.youtube-wrap .number {background:#f9f9f9; margin:50px 0 0; padding:40px 0 30px; text-align:center;}
.youtube-wrap .number p {text-align:center; font-size:24px; font-weight:500; color:#444;}
.youtube-wrap .number p strong {font-size:24px; font-weight:700; color:#4a5f8a;}
.youtube-wrap .number a {display:block; text-align:center; font-size:54px; line-height:79px; font-weight:700; color:#2A3A7F;}
.youtube-wrap .order {padding:0 100px; margin:50px 0 130px;}
.youtube-wrap .order ul li {flex-direction:row-reverse; margin:0 0 120px;}
.youtube-wrap .order ul li:last-of-type {margin:0;}
.youtube-wrap .order ul li .flex-box:last-of-type {flex:1;}
.youtube-wrap .order ul li .flex-box:last-of-type b {font-size:32px; font-weight:700; line-height:47px; color:#4A5F8A;}
.youtube-wrap .order ul li .flex-box:last-of-type h3 {font-size:38px; font-weight:700; line-height:56px; color:#333;}
.youtube-wrap .order ul li .flex-box:last-of-type p {font-size:22px; line-height:32px; color:#222;}
.youtube-wrap .order ul li:nth-of-type(2) .flex-box:first-of-type img {position:relative; left:45px;}
.youtube-wrap .order ul li:nth-of-type(3) .flex-box:first-of-type img {position:relative; left:-10px;}
.youtube-wrap .order ul li:nth-of-type(4) .flex-box:first-of-type img {position:relative; left:-10px;}
.youtube-wrap .order ul li:nth-of-type(5) .flex-box:first-of-type img {position:relative; left:20px;}
@media (max-width:1200px){
.youtube-wrap .title {margin:50px 0 30px;}
.youtube-wrap .title b {font-size:30px;}
.youtube-wrap .title strong {font-size:30px; display:block; margin:10px 0 0;}
.youtube-wrap .special ul {margin:0 0 -15px;}
.youtube-wrap .special ul li {width:33.33%; margin:0 0 15px;}
.youtube-wrap .special ul li b {font-size:20px;}
.youtube-wrap .special ul li b:before {width:70px; height:70px;}
.youtube-wrap .special ul li small {font-size:13px; line-height:1.5;}
.youtube-wrap .number {padding:30px 0 20px;}
.youtube-wrap .number p {font-size:20px; line-height:1.7;}
.youtube-wrap .number p b {font-size:20px; line-height:1.7;}
.youtube-wrap .number a {font-size:40px; line-height:65px;}
.youtube-wrap .order {padding:0; margin:50px 0;}
.youtube-wrap .order ul li {margin:0 0 50px;}
.youtube-wrap .order ul li .flex-box {width:100%;}
.youtube-wrap .order ul li .flex-box:first-of-type img {width:100%; max-width:100%; left:0 !important;}
.youtube-wrap .order ul li .flex-box:last-of-type {margin:15px 0 0;}
.youtube-wrap .order ul li .flex-box:last-of-type b {font-size:20px; line-height:1.5;}
.youtube-wrap .order ul li .flex-box:last-of-type h3 {font-size:25px; line-height:1.5;}
.youtube-wrap .order ul li .flex-box:last-of-type p {font-size:16px; line-height:1.5;}
}

/* inver-wrap */
.inver-wrap {margin:0 0 150px;}
.inver-wrap > ul {margin:0 -15px -15px;}
.inver-wrap > ul > li {width:calc(33.33% - 30px); margin:0 15px;}
.inver-wrap > ul > li .list-image {position:relative;}
.inver-wrap > ul > li .list-image a {display:block;}
.inver-wrap > ul > li .list-image img {width:100%; height:529px; object-fit:cover;}
.inver-wrap > ul > li .list-image .info {position:absolute; left:0; bottom:0; padding:25px; width:100%;}
.inver-wrap > ul > li .list-image .info h3 a {font-size:32px; line-height:1.5; font-weight:700; color:#fff;}
.inver-wrap > ul > li .list-image .info p {font-size:20px; line-height:27px; font-weight:500; color:#fff;}
.inver-wrap > ul > li .list-content {padding:20px 10px;}
.inver-wrap > ul > li .list-content .flex-box:last-of-type {flex:1;}
.inver-wrap > ul > li .list-content b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:62px; height:62px; background:#555; color:#fff; font-size:20px; font-weight:500;}
.inver-wrap > ul > li .list-content ul {padding-left:15px; margin-top:5px;}
.inver-wrap > ul > li .list-content ul li {position:relative; font-size:18px; line-height:26px; font-weight:500; color:#555; padding-left:10px;}
.inver-wrap > ul > li .list-content ul li:before {position:absolute; width:4px; height:4px; border-radius:50%; background:#555; content:""; left:0; top:11px;}
.inver-wrap > ul.list02 > li .list-image img  {height:367px;}
.inver-wrap > ul.list02 > li .list-image .info {background:rgba(255,255,255,0.9); padding:15px 20px; left:50%; bottom:-68px; transform:translateX(-50%); width:calc(100% - 20px);}
.inver-wrap > ul.list02 > li .list-image .info p {font-size:20px; line-height:30px; color:#333;}
@media (max-width:1200px){
.inver-wrap {margin:0 0 50px;}
.inver-wrap > ul {margin:0;}
.inver-wrap > ul > li {width:100%; margin:0 0 30px;}
.inver-wrap > ul > li:last-of-type {margin:0;}
.inver-wrap > ul > li .list-image .info {padding:10px;}
.inver-wrap > ul > li .list-image .info h3 a {font-size:28px;}
.inver-wrap > ul > li .list-image .info p {font-size:15px;}
.inver-wrap > ul > li .list-content {padding:15px;}
.inver-wrap > ul > li .list-content .flex {align-items:center;}
.inver-wrap > ul > li .list-content b {width:60px; height:60px; font-size:15px;}
.inver-wrap > ul > li .list-content ul {margin-top:0;}
.inver-wrap > ul > li .list-content ul li {font-size:15px; line-height:1.5;}
.inver-wrap > ul.list02 > li .list-image .info {position:static; transform:none; background:none; padding:0; margin:15px 0 0;}
.inver-wrap > ul.list02 > li .list-image .info p {font-size:15px; line-height:1.5;}
}

/* intro-wrap */
.intro-wrap {margin:-100px 0 0; background:url('../images/bg_intro.png') no-repeat center top / 100% 373px;}
.intro-wrap .title {text-align:center; margin:30px 0 0;}
.intro-wrap .title b {display:block; font-size:50px; line-height:74px; font-weight:700; padding:30px 0 0;}
.intro-wrap .title p {margin:15px 0 0; font-size:42px; line-height:62px; font-weight:700; color:#353333;}
.intro-wrap .image {margin:30px 0 0;}
.intro-wrap .image img {max-width:100%;}
.intro-wrap .text {margin:50px 0 0;}
.intro-wrap .text p {margin:0 0 50px; font-size:20px; line-height:30px; color:rgba(53, 51, 51, 1);}
.intro-wrap .text p:last-of-type {margin:0;}
.intro-wrap .text p strong {font-size:24px; display:block; line-height:35px;}
.intro-wrap .text p strong b {font-size:24px; font-weight:700; color:#4A5F8A; line-height:35px;}
.intro-wrap .sign {margin:20px 0 0;}
.intro-wrap .info {background:#eee; padding:50px 39px; margin:110px 0 0;}
.intro-wrap .info ul {margin:0 0 -20px;}
.intro-wrap .info ul li {margin-right:20px; margin-bottom:20px;}
.intro-wrap .info ul li span {font-size:20px; color:#222;}
.intro-wrap .info ul li b {font-size:20px; font-weight:700; color:#222;}
.intro-wrap .info ul li b a {font-size:20px; font-weight:700; color:#222;}
.intro-wrap .info ul li.is-m {display:none;}
@media (max-width:1200px){
.intro-wrap {margin:-50px 0 0;}
.intro-wrap {background:url('../images/bg_intro.png') no-repeat center top / 100% 200px;}
.intro-wrap .title b {font-size:25px; line-height:1.5;}
.intro-wrap .title p {font-size:20px; line-height:1.5;}
.intro-wrap .text p {margin:0 0 30px; font-size:14px; line-height:1.5;}
.intro-wrap .text p strong {font-size:18px; line-height:1.5; margin:0 0 5px;}
.intro-wrap .text p strong b {font-size:18px; line-height:1.5;}
.intro-wrap .info {margin:50px 0 0; padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.intro-wrap .info ul {margin:0 0 -10px; text-align:center;}
.intro-wrap .info ul li {margin-right:0; margin:0 0 10px; width:100%; text-align:left; display:inline-block;}
.intro-wrap .info ul li span {font-size:15px; width:70px; display:inline-block; text-align:center;}
.intro-wrap .info ul li b {font-size:15px; padding-left:5px;}
.intro-wrap .info ul li b a {font-size:15px;}
.intro-wrap .info ul li.is-m {display:block;}
.intro-wrap .info ul li.is-pc {display:none;}
}

/* history-wrap */
.history-wrap {max-width:680px; margin:0 auto;}
.history-wrap ul li .flex-box:first-of-type {width:55px;}
.history-wrap ul li .flex-box:last-of-type {flex:1; position:relative; margin-left:55px; padding-left:55px; padding-bottom:20px; border-left:1px solid #ccc;}
.history-wrap ul li .flex-box:last-of-type:before {position:absolute; left:-10px; top:0; display:inline-block; width:15px; height:15px; content:""; border:2px solid #4a5f8a; border-radius:50%; background:#fff; content:"";}
.history-wrap ul li {margin:0 0 20px;}
.history-wrap ul li h3 {font-size:24px; font-weight:700; color:#4A5F8A;}
.history-wrap ul li dl {position:relative; top:10px;}
.history-wrap ul li dl dd {font-size:18px; line-height:26px; color:#222; position:relative; padding-left:15px;}
.history-wrap ul li dl dd:before {position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:#4a5f8a; content:"";}
.history-wrap ul li dl dd b {font-size:18px; line-height:26px; font-weight:700; color:#4a5f8a;}
@media (max-width:1200px){
.history-wrap {max-width:100%;}
.history-wrap ul li .flex-box {width:100% !Important;}
.history-wrap ul li .flex-box:first-of-type {margin:0 0 10px;}
.history-wrap ul li .flex-box:last-of-type {border-left:0; padding-left:0; margin-left:0;}
.history-wrap ul li .flex-box:last-of-type:before {display:none;}
.history-wrap ul li h3 {font-size:22px;}
.history-wrap ul li dl {top:0;}
.history-wrap ul li dl dd {font-size:15px; line-height:1.5;}
.history-wrap ul li dl dd:before {top:9px;}
.history-wrap ul li dl dd b {font-size:15px; line-height:1.5;}
}

/* loca-wrap */
.loca-wrap iframe {width:100%; height:480px; border:1px solid #ccc; margin:0 0 50px;}
.loca-wrap ul {border-top:2px solid #4a5f8a;}
.loca-wrap ul li {border-bottom:1px solid #ccc; padding:30px; width:50%;}
.loca-wrap ul li:last-of-type {width:100%;}
.loca-wrap ul li b {font-size:18px; font-weight:500; line-height:26px; color:#222; margin-right:30px;}
.loca-wrap ul li p {font-size:18px; line-height:26px; color:#555;}
.loca-wrap ul li p a {font-size:18px; line-height:26px; color:#555;}
@media (max-width:1200px){
.loca-wrap iframe {height:250px; margin:0 0 25px;}
.loca-wrap ul li {padding:15px; width:100%;}
.loca-wrap ul li b {font-size:16px; margin-right:15px; line-height:1.5;}
.loca-wrap ul li p {font-size:16px; line-height:1.5; flex:1;}
.loca-wrap ul li p a {font-size:16px; line-height:1.5;}
}

/* main-banner */
.main-banner {background:url('../images/bg_main_banner.png') no-repeat center / cover;}
.main-banner .text {text-align:center; padding:140px 0 168px;}
.main-banner .text h2 {font-size:57px; line-height:84.36px; font-weight:700; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); color:#fff;}
.main-banner .text p {font-size:24px; line-height:35px; font-weight:500; color:#fff; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.25); margin:0 0 45px;}
.main-banner .text p br {display:none;}
.main-banner .text a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:200px; height:47px; border:1px solid #fff; color:#fff; font-size:17px; font-weight:700;}
@media (max-width:1200px){
.main-banner .text {padding:50px 0;}
.main-banner .text h2 {font-size:35px; line-height:1.5;}
.main-banner .text p {font-size:16px; line-height:1.5; margin:0 0 30px;}
.main-banner .text p br {display:block;}
.main-banner .text a {width:150px; height:40px; font-size:15px;}
.main-banner .text img {width:80%;}
}

/* main-intro */
.main-intro {margin:35px 0 0;}
.main-intro .container {background:url('../images/bg_main_intro.png') no-repeat right top / 541px 414px; padding:35px 10px 66px;}
.main-intro h2 {font-size:45px; line-height:66px; font-weight:700; color:#5269BC; margin:0 0 18px;}
.main-intro p {font-size:17px; line-height:28px; font-weight:500; color:#797979; margin:0 0 54px;}
.main-intro a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:246px; height:60px; color:#fff; border-radius:40px; font-size:16px; font-weight:500;}
.main-intro a:first-of-type {background:#c5c5c5; margin-right:30px;}
.main-intro a:last-of-type {background:#5269bc;}
@media (max-width:1200px){
.main-intro .container {background:none; padding:0 15px;}
.main-intro h2 {font-size:30px; line-height:1.5; margin:0 0 10px;}
.main-intro p {font-size:14px; line-height:1.5; margin:0 0 20px;}
.main-intro p br {display:none;}
.main-intro a {width:calc(50% - 10px); height:40px; font-size:14px;}
.main-intro a:first-of-type {margin-right:5px;}
.main-intro a:last-of-type {margin-left:5px;}
}

/* main-board */
.main-board {background:url('../images/bg_main_board.png') no-repeat center / cover; margin:66px 0 0;}
.main-board .flex {padding:55px 0 51px;}
.main-board .flex-box:first-of-type {flex:1; padding-right:70px;}
.main-board .flex-box:first-of-type h2 {font-size:45px; line-height:1.2; font-weight:700; color:#fff;}
.main-board .flex-box:first-of-type ul {margin:70px 0 0;}
.main-board .flex-box:first-of-type ul li a {display:block; text-align:center; font-size:22px; font-weight:500; text-align:center; color:#fff; padding:12px 0 15px; border-bottom:1px solid #fff;}
.main-board .flex-box:last-of-type {width:920px; background:#fff; padding:20px;}
@media (max-width:1200px){
.main-board .flex {padding:50px 0;}
.main-board .flex-box {width:100% !important;}
.main-board .flex-box:first-of-type {padding-right:0;}
.main-board .flex-box:first-of-type h2 {font-size:30px; text-align:center;}
.main-board .flex-box:first-of-type h2 br {display:none;}
.main-board .flex-box:first-of-type ul {display:flex; flex-wrap:wrap; margin:30px 0 0; flex-direction:column;}
.main-board .flex-box:first-of-type ul li {width:100%;}
.main-board .flex-box:last-of-type {padding:15px;}
}

/* main-notice */
.main-notice {margin:50px 0 0;}
.main-notice .flex-inner > .flex-box:first-of-type {flex:1; padding-right:50px;}
.main-notice .flex-inner > .flex-box:last-of-type {width:504px;}
.main-notice .flex-inner > .flex-box:last-of-type a {display:block;}
.main-notice .flex-inner > .flex-box:last-of-type a img {max-width:100%;}
.main-notice h2 {font-size:32px; font-weight:700; color:#333; padding:0 0 20px;}
.main-notice h2 a {font-size:18px; font-weight:500; color:#888;}
.main-notice ul {border-top:1px solid #222;}
.main-notice ul li {border-bottom:1px solid #ccc;}
.main-notice ul li a {padding:25px 5px;}
.main-notice ul li a p {width:calc(100% - 90px); font-size:20px; color:#222;}
.main-notice ul li a time {width:90px; font-size:20px; color:#888;}
@media (max-width:1200px){
.main-notice .flex-inner > .flex-box {width:100% !important;}
.main-notice .flex-inner > .flex-box:first-of-type {padding-right:0;}
.main-notice .flex-inner > .flex-box:last-of-type {margin:30px 0 0;}
.main-notice h2 {font-size:30px; padding:0 0 20px;}
.main-notice h2 a {font-size:15px;}
.main-notice ul li a {padding:20px 0;}
.main-notice ul li a p {font-size:14px; width:calc(100% - 60px);}
.main-notice ul li a time {width:60px; font-size:13px;}
}

/* main-company */
.main-company {margin:100px 0 0;}
.main-company .container {border-top:1px solid #ccc; padding-top:40px; padding-bottom:40px;}
.main-company ul {margin:0 -15px -15px;}
.main-company ul li {margin:0 15px 15px;}
.main-company img {max-width:100%;}
@media (max-width:1200px){
.main-company {margin:50px 0 0;}
.main-company .container {padding-top:30px; padding-bottom:30px;}
.main-company ul {margin:0 0 -10px;}
.main-company ul li {width:100%; margin:0 0 0px;height:60px;}
.main-company ul li a {display:flex;align-items:center;justify-content:center;height:100%;}
.main-company ul li img {display:block; margin:0 auto;}
}

.modal-row { display:flex ; flex-direction:row ; min-height:42px}
.modal-column { display:flex ; flex-direction:column ; min-height:42px}
.modal-title { display:flex ; flex:4 ; align-items:center  ; justify-content:center ; background : #f9f9f9}
.modal-title-text { font-weight:500 ; font-size:15px;color:#222}
.modal-content { display:flex ; flex:8 ; align-items:center  ; justify-content:flex-start}
.modal-content-text { font-size:14px;color:#555;padding-left:10px}

.address-item { }
.address-item:hover { background:#f3f3f3; }

.view-wrap img {max-width:100%; height:auto}
.view-wrap strong { font-weight : bold ; font-size : inherit}
.view-wrap b { font-weight : bold ; font-size : inherit}
.view-wrap h1 {font-size:32px; font-weight:normal; color:#000;}
.view-wrap h2 {font-size:24px; font-weight:normal; color:#000;}

.video-btn {position:absolute;top:50%;left:50%; background:none ; border:0px ; z-index:99;}

.clips { display: flex ; flex-direction : row ; flex-wrap : wrap ; justify-content : space-between}
.clips::after { content: '' ; width:380px}
.clip-item { margin-top : 20px ; width: 380px ; cursor: pointer; }

.popup {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba( 255, 255, 255, 0.8);
  outline: none;
}
.popup > .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.popup .btn-close {
  position: absolute;
  top: 2px;
  right: 5px;
  width: 32px;
}
.popup .btn-close:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url("/resources/images/btn.png") no-repeat -193px 0;
}
 
@media (max-width:1200px){
.popup img {max-width:100% !important; height : auto;}
.popup > .inner { width:100%  }
}

@media (max-width:1200px){
.login-divide {max-width:98% !important; height : auto; width : 100px !important}
.login-bottom { border-bottom:2px solid #fff !important}
.login-image img {max-width:98% !important; height : auto;}
}

/*
.swiper-button-prev {
  background-image: url("/resources/images/arrow_left_black.png") !important;
}

.swiper-button-next {
  background-image: url("/resources/images/arrow_right_black.png") !important;
}
*/

.rp-marker { position:relative; cursor:pointer; }
.rp-marker .maker-number { transition-duration:200ms; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; width:30px; height:30px; font-weight:bold; font-size:16px; text-align:center; line-height:40px; color:#fff; border-radius:100%; background:#61b842; user-select:none; box-shadow:0 0px 7px 0px rgba(0, 0, 0, 0.5); }
.rp-marker .marker-number:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:12px; height:16px; margin:auto; }
.rp-marker .marker-number span { position:absolute; top:-1px; right:-5px; min-width:18px; height:18px; font-weight:bold; font-size:12px; text-align:center; line-height:18px; padding:0 4px; background:#cc0a0a; border-radius:18px; box-sizing:border-box; }
.rp-marker:hover:before { content:""; position:absolute; bottom:0; left:0; right:0; width:60px; height:68px; margin:auto; }
.rp-marker .marker { position:relative; width:100%; margin-right:5px;line-height:16px; border-width:1.5px; border-style:solid; border-radius:4px; border-bottom-left-radius:0; background:#fff; cursor:pointer; user-select:none; box-sizing:border-box; }
.rp-marker .marker:hover { z-index:1; }
.rp-marker .marker:before { content:''; width:5px; height:8px; position:absolute; bottom:-8px; left:-1px; background:url("/resources/images/map_arrow.png") no-repeat -45px 0; }
.rp-marker .marker-area.item8 { background : #405685;}
.rp-marker .marker.item8 { border-color : #144799;}

.rp-marker .marker .marker-number { position:absolute; z-index:1; top:-10px; right:-12px; min-width:18px; height:18px; font-weight:bold; font-size:12px; text-align:center; line-height:18px; color:#fff; border-radius:100%; background:#cc0a0a; box-sizing:border-box; }
.rp-marker .marker .marker-number.item8{background-color:#FF0000;}

.location-marker {
  position: relative;
  left:-55px;
  top:70px
}
.location-marker:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  animation: locationMarkerArrow 1s alternate infinite;
  width: 20px;
  height: 28px;
  background: url("/resources/images/map_location_marker.png") no-repeat
    0 0;
}
.location-marker:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: scale(1);
  margin-left: -12px;
  animation: locationMarkerShadow 1s alternate infinite;
  width: 24px;
  height: 10px;
  background: url("/resources/images/map_location_marker.png") no-repeat -20px
    0;
}

@keyframes locationMarkerArrow {
  0% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(-50%, -10px);
  }
}
@keyframes locationMarkerShadow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}

.filter-input > .inner {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #9e9e9e;
  box-sizing: border-box;
  overflow: hidden;
}
.filter-input label {
  float: left;
  width: 33.33%;
  margin-bottom: -1px;
}
.filter-input input[type="checkbox"] + span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  line-height: 18px;
  padding: 5px 0;
  border: 1px solid #9e9e9e;
  border-left: none;
  background: #fff;
  box-sizing: border-box;
}
.filter-input input[type="checkbox"] + span {
  height: 42px;
}
.filter-input input[type="checkbox"] + span:before {
  display: none;
}
.filter-input input[type="checkbox"]:checked + span {
  color: #fff;
  background: #062a73;
}
.filter-input label:nth-child(3n + 3) input[type="checkbox"] + span {
  border-right: none;
}
.filter-input label:nth-child(1) input[type="checkbox"] + span,
.filter-input label:nth-child(2) input[type="checkbox"] + span,
.filter-input label:nth-child(3) input[type="checkbox"] + span {
  border-top: none;
}


.container .price-pc.is-pc {display:block;}
.container .price-pc.is-m {display:none;}
.container .rank-pc {display:block;}
.container .rank-m {display:none;}
.container .map-pc {display:block;}
.container .map-m {display:none;}
@media (max-width:1200px){
.container .price-pc.is-pc {display:none;}
.container .price-pc.is-m {display:block;}
.container .rank-pc {display:none;}
.container .rank-m {display:block;}
.container .map-pc {display:none;}
.container .map-m {display:block;}