@charset "utf-8";

.top_container {overflow:hidden; display:table; position:relative; width:100%; height:650px; background:#d8d9d0 url(/images/2023/main/main_visual_1.jpg) no-repeat center -317px;}
.main_visual {position:relative; margin:0 auto; width:1300px; min-width:1300px; height:100%;}

header {position:absolute; top:60px; width:100%; background:none;}
#header_container {display:table; margin:0 auto; width:1300px;}
#top_logo {display:table-cell; width:auto; vertical-align:middle;}

.log_menu {display:inline-block; margin-right:20px; padding-top:7px; width:180px; height:36px; text-align:center; background:#fff; border-radius:18px;}
.log_menu a {display:inline-block; padding:0 10px; font-size:15px; color:#242424; font-weight:600;}
.log_menu a:first-child {border-right:1px solid #ccc;}
.log_menu a:hover {color:#103682; text-decoration:none;}

nav {display:table-cell; width:80%; text-align:right; vertical-align:middle; background:inherit; border:0;}

#main_menu {display:inline-block; margin:inherit; padding-left:100px; width:100%; vertical-align:bottom;}
#main_menu > ul {display:table; width:100%;}
#main_menu > ul > li {display:table-cell; position:relative; width:16.666%;}
#main_menu > ul > li:last-child {border:0;}
#main_menu > ul > li > a {display:block; height:46px; font-size:24px; color:#242424; font-weight:600; letter-spacing:-0.05em; line-height:36px; text-align:center;}
#main_menu > ul > li > a:hover {text-decoration:none;}
#main_menu > ul > li:nth-child(4) > a {color:#EA5455;}

.secondM {z-index:123; display:none; position:absolute; width:100%;}
.main_sub_box {padding:8px 0; width:100%; background:#fff; border:1px solid #f1f1f1; border-top:0; border-radius:6px; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.22);}
.main_sub_box > li {padding:0 8px;}
.main_sub_box > li > a {display:block; padding:6px 0; font-size:15px; font-weight:600; letter-spacing:-0.05em; text-align:center; border-radius:3px; transition:all 0.1s ease;}
.main_sub_box > li > a:hover {color:#fff; text-decoration:none; background:#484848;}


.main_visual_comment {overflow:hidden; position:absolute; top:265px; right:5px; font-size:50px; color:#fff; letter-spacing:-0.05em; line-height:58px; text-align:right;}
.main_visual_comment > li:nth-child(1) {}
.main_visual_comment > li:nth-child(2) {padding-top:10px;}
.main_visual_comment > li:nth-child(3) {padding-top:10px;}
.main_visual_comment > li:nth-child(3) > span > span {font-size:64px; color:#EA5455; font-weight:bold;}
.main_visual_comment > li:nth-child(4) {font-size:20px; color:#242424; letter-spacing:0.1em;}

.main_visual_comment > li {overflow:hidden; display:block;}
.main_visual_comment > li > span {opacity:0;}
.main_visual_comment > li > .slide_up {opacity:1;}
.main_visual_comment > li:nth-child(1) .slide_up {display:inline-block; animation:slide_up 2s ease;}
.main_visual_comment > li:nth-child(2) .slide_up {display:inline-block; animation:slide_up 3s ease;}
.main_visual_comment > li:nth-child(3) .slide_up {display:inline-block; animation:slide_up 4s ease;}
.main_visual_comment > li:nth-child(4) .slide_up {display:inline-block; animation:slide_up 5s ease;}

@keyframes slide_up {
	0% {opacity:0; transform:translateY(100%);}
	100% {opacity:1; transform:translateY(0px);}
}

.log_box {display:inline-block; position:absolute; left:6px; bottom:155px; padding:16px 38px; width:368px; height:205px; background:rgba(255,255,255,0.85); border-radius:8px; box-shadow:2px 4px 6px rgba(0,0,0,0.44);}
.log_box .main_log_in {}
.log_box .main_log_in > li {}
.log_box .main_log_in > li:nth-child(1) {padding:9px 0; font-size:20px; color:#242424; font-weight:600;}
.log_box .main_log_in > li:nth-child(1) > span {float:right; display:inline-block; margin-top:4px; font-size:14px; color:#525252; vertical-align:middle;}
.log_box .main_log_in > li:nth-child(1) > span input[type="checkbox"] {margin-top:-3px;}
.log_box .main_log_in > li:nth-child(2) {position:relative;}
.log_box .main_log_in > li:nth-child(2) input[type=text], .log_box .main_log_in > li:nth-child(2) input[type=password] {margin-bottom:10px; padding:0 10px; width:200px; height:36px; background:#fff; border:1px solid #bababa;}
.log_box .main_log_in > li:nth-child(2) input[type=submit] {display:inline-block; position:absolute; top:0; right:0; width:82px; height:82px; font-size:16px; color:#fff; font-weight:400; background:#242424; border:0; transition:all 0.2s ease;}
.log_box .main_log_in > li:nth-child(2) input[type=submit]:hover {background:#000;}
.log_box .main_log_in > li:nth-child(3) {}
.log_box .main_log_in > li:nth-child(3) a {display:inline-block; font-size:14px; color:#000; font-weight:600;}
.log_box .main_log_in > li:nth-child(3) a:last-child {float:right;}
.log_box .main_log_out {}
.log_box .main_log_out > li {font-size:13px; color:#525252; text-align:center;}
.log_box .main_log_out > li:nth-child(1) {}
.log_box .main_log_out > li:nth-child(1) > div {padding-top:22px; font-size:15px; color:#242424; font-weight:bold; line-height:20px;}
.log_box .main_log_out > li:nth-child(2) {padding:10px; color:#253c5e;}
.log_box .main_log_out > li:nth-child(3) {padding:8px 0 6px;}
.log_box .main_log_out > li:nth-child(3) > span {color:#f54c2a;}
.log_box .main_log_out > li:nth-child(4) > span {color:#2c72d8;}
.log_box .main_log_out > li:nth-child(5) {padding-top:16px;}


.main_container {position:relative; width:100%; min-width:1300px;}
h3 {display:inline-block; padding:0 0 14px 14px; width:205px; font-family:"MaruBuri-Regular"; font-size:42px; color:#111; border-bottom:8px solid #111;}

.main_top_contents {position:relative; margin:0 auto; padding:60px 0; width:1300px; min-width:1300px;}
.main_icon_menu {display:table; width:100%;}
.main_icon_menu > li {float:left; display:table; margin-right:2%; width:23.5%; height:92px; border-radius:8px;}
.main_icon_menu > li:last-child {margin-right:0;}
.main_icon_menu > li > a {display:table-cell; padding-left:70px; font-size:17px; color:#242424; font-weight:600; text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; border:1px solid #bebebe; border-radius:8px; transition:all 0.1s ease;}
.main_icon_menu > li:nth-child(1) > a {background-image:url(/images/2023/main/top_icon_menu_1.png); background-position-x:76px;}
.main_icon_menu > li:nth-child(2) > a {background-image:url(/images/2023/main/top_icon_menu_2.png); background-position-x:80px;}
.main_icon_menu > li:nth-child(3) > a {background-image:url(/images/2023/main/top_icon_menu_3.png); background-position-x:72px;}
.main_icon_menu > li:nth-child(4) > a {background-image:url(/images/2023/main/top_icon_menu_4.png); background-position-x:89px;}
.main_icon_menu > li > a:hover {text-decoration:none; border:3px solid #EA5455; box-shadow:0px 3px 8px rgba(0,0,0,0.22);}

.pop_menu {display:none; position:absolute; bottom:10px; padding:20px 24px; font-size:15px; background:#fff; border:1px solid #6bbadb; border-radius:6px; box-shadow:0px 2px 8px 0px rgba(0,0,0,0.28); transition:all 0.2s ease;}

.cs_box {right:383px; bottom:179px;}
.cs_box > dt {margin-bottom:10px; padding-bottom:4px; border-bottom:1px dashed #c9c9c9;}
.cs_box > dd:nth-child(2) {font-size:28px; color:#0aac9d; font-weight:600; letter-spacing:-0.03em; line-height:1em;}
.cs_box > dd:nth-child(3) {font-size:18px; color:#525252; letter-spacing:-0.03em;}

.account_box {right:-8px; bottom:179px;}
.account_box > dt {margin-bottom:10px; padding-bottom:4px; border-bottom:1px dashed #c9c9c9;}
.account_box > dd {font-size:26px; color:#2196F3; font-weight:600; letter-spacing:-0.03em; line-height:1em;}
.account_box > dd a {display:inline-block; padding-right:10px; font-size:15px; vertical-align:middle;}
.account_box > dd a:hover {text-decoration:none;}
.account_box > dd a img {margin-right:4px; vertical-align:baseline;}
.account_box > dd:nth-child(4) {padding-top:6px; font-size:18px; color:#242424; font-weight:600; text-align:center;}


.main_middle_contents {position:relative; width:100%; background:#f1f1f1;}
.main_middle_container {position:relative; margin:0 auto; padding:43px 0; width:1300px; min-width:1300px;}
.middle_icon_menu {display:table;}
.middle_icon_menu > li {float:left; display:table; margin-right:65px; width:140px;}
.middle_icon_menu > li:last-child {margin-right:0;}
.middle_icon_menu > li a {display:table-cell; height:140px; font-size:17px; color:#242424; font-weight:600; text-align:center; vertical-align:bottom; transition:all 0.1s ease;}
.middle_icon_menu > li a > span {display:block; margin:0 auto 10px; width:120px; height:120px; background-color:#fff; background-repeat:no-repeat; background-position:center; border-radius:50%; transition:all 0.2s ease;}
.middle_icon_menu > li:nth-child(1) a > span {background-image:url(/images/2023/main/middle_icon_menu_1.png); background-position-x:40px;}
.middle_icon_menu > li:nth-child(2) a > span {background-image:url(/images/2023/main/middle_icon_menu_2.png);}
.middle_icon_menu > li:nth-child(3) a > span {background-image:url(/images/2023/main/middle_icon_menu_3.png);}
.middle_icon_menu > li:nth-child(4) a > span {background-image:url(/images/2023/main/middle_icon_menu_4.png);}
.middle_icon_menu > li:nth-child(5) a > span {background-image:url(/images/2023/main/middle_icon_menu_5.png); background-position-x:41px;}
.middle_icon_menu > li:nth-child(6) a > span {background-image:url(/images/2023/main/middle_icon_menu_6.png);}
.middle_icon_menu > li a:hover {text-decoration:none;}
.middle_icon_menu > li a:hover > span {background-color:#EA5455;}

.bottom_banner {padding:20px 0;}
.bottom_banner > ul {display:table; margin:0 auto; width:1300px;}
.bottom_banner > ul > li {display:table-cell; height:80px; text-align:center; vertical-align:middle;}
.bottom_banner > ul > li > a {}

.footer_menu_box {}
.footer_menu_wrap {width:1300px;}
.footer_menu > ul > li > a {font-size:18px;}
.go_link > ul > li > select {float:left; padding-left:10px; width:234px; height:42px; font-size:18px;}
a.btn_go_link {padding:0; width:60px; height:42px; font-size:18px; line-height:42px; text-align:center;}

.footer_box {padding:40px 0 40px 290px; width:1300px; font-size:15px; line-height:26px; background:url(/images/2023/main/logo_footer_main.png) no-repeat left center;}
.btn_footer_top {top:50px;}