@charset "UTF-8";

/* ============================= FOOTER STYLE1 ============================= */
.footer {position:relative; width: 100%; border-top: 1px solid #ececec; padding: 0 0 80px 0; border-top: 1px solid #ececec;}
.footer .footer_inner {}
.footer .footer_inner .ft_top_box {margin: 0 0 25px 0; border-bottom: 1px solid #ececec;}
.footer .footer_inner .ft_top_box .container {}
.footer .footer_inner .ft_top_box .container .ft_site_area { border-right: 1px solid #ececec; border-left: 1px solid #ececec;}
.footer .footer_inner .ft_top_box .container .ft_site_area > .list { font-size: 0;}
.footer .footer_inner .ft_top_box .container .ft_site_area > .list > li { display: inline-block; width: 33.333%; border-right: 1px solid #ececec; vertical-align: middle;}
.footer .footer_inner .ft_top_box .container .ft_site_area > .list > li:last-child { border-right: none;}
.footer .footer_inner .ft_top_box .container .ft_site_area > .list > li > .box { display: block;}
.footer .footer_inner .ft_top_box .container .ft_site_area > .list > li > .box .inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 75px;}

.footer .footer_inner .ft_bot_box {}
.footer .footer_inner .ft_bot_box .container { display: flex; justify-content: space-between; align-items: stretch;}
.footer .footer_inner .ft_bot_box .container .ft_logo_box { display: inline-block; width: 151px; margin: 0 35px 0 0;}
.footer .footer_inner .ft_bot_box .container .txt_list_box { flex: 1; margin: 0 15px 0 0; padding: 10px 0 0 0;}
.footer .footer_inner .ft_bot_box .container .txt_list_box .list {}
.footer .footer_inner .ft_bot_box .container .txt_list_box .list li {margin: 0 0 5px 0; padding: 0 0 0 35px; background-position: left top; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 27px; color: rgb(103, 103, 103, 0.75);}
.footer .footer_inner .ft_bot_box .container .txt_list_box .list li:last-child { margin: 0;}
.footer .footer_inner .ft_bot_box .container .txt_list_box .list li.address {background-image: url('/images/home/eng/user/footer/address_icon.png');}
.footer .footer_inner .ft_bot_box .container .txt_list_box .list li.email {background-image: url('/images/home/eng/user/footer/email_icon.png');}
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link { display: inline-block; margin: 15px 0 0; border: 1px solid var(--com-main-color); padding: 5px 15px; border-radius: 5px; transition: all 0.3s;}
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link > a { display: block; font-weight: 500; font-size: 16px; line-height: 24px; color: rgb(103, 103, 103, 1);}
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link:hover,
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link:focus { background-color: var(--com-main-color);}
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link:hover > a,
.footer .footer_inner .ft_bot_box .container .txt_list_box .ft_link:focus > a { color: #ffffff;}
.footer .footer_inner .ft_bot_box .container .txt_list_box .text {margin: 25px 0 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: rgb(103, 103, 103, 0.4);}
.footer .footer_inner .ft_bot_box .container .ft_right_box {text-aling: right;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area { margin: 20px 0 0 0;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list {font-size: 0;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li {display: inline-block; vertical-align: middle;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li:last-child {margin: 0;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li a {display: block; width: 55px; height: 55px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li a.icon01 { background-image: url('/images/home/eng/user/footer/ft_icon_01.png');}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li a.icon02 { background-image: url('/images/home/eng/user/footer/ft_icon_02.png');}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li a.icon03 { background-image: url('/images/home/eng/user/footer/ft_icon_03.png');}
.footer .footer_inner .ft_bot_box .container .ft_right_box .sns_list_area .list li a.icon04 { background-image: url('/images/home/eng/user/footer/ft_icon_04.png');}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box {display: inline-block; vertical-align: middle;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box {position: relative; display: inline-block;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 215px; height: 42px; border: 1px solid #ffffff; border-bottom: 1px solid #cecece !important; padding: 0 35px 0 10px; background-color: #ffffff; font-weight: 700; font-size: 16px; line-height: 42px; color: #676767; text-align: left; outline: none;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_btn.on { border: 1px solid #cecece;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 20px; top: 50%; width: 8px; height: 6px; background-image: url('/images/home/eng/user/footer/site_arrow.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; transform: translateY(-50%) rotate(180deg); transition: 0.32s ease;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(0deg);}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 42px; width: 100%; max-height: 124px; border: 1px solid #cecece; border-bottom: none; background-color: #ffffff; text-align: left; overflow-y: auto; z-index: 111;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_link > li {}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_link > li > a {display: block; padding: 10px 35px 10px 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; word-break: keep-all; transition: all 0.3s;}
.footer .footer_inner .ft_bot_box .container .ft_right_box .site_box .baro_box .site_link > li > a:hover { background-color: #faeaf7; font-weight: 700; color: var(--com-main-color);}

.footer .ft_top_btn_area { position: fixed; right: 60px; bottom: 430px; font-size: 0; z-index: 111;}
.footer .ft_top_btn_area .ft_top_btn { display: block; width: 78px; height: 78px; background-color: #d73ea3; font-size: 0; border-radius: 50%; opacity: 0; visibility: hidden;}
.footer .ft_top_btn_area .ft_top_btn .inner { display: flex; justify-content: center; align-items: center; flex-direction: column;}
.footer .ft_top_btn_area .ft_top_btn .inner i { font-size: 13px; color: #ffffff;}
.footer .ft_top_btn_area .ft_top_btn .inner .txt { font-weight: 700; font-size: 13px; line-height: 22px; color: #ffffff;}
/* ============================= FOOTER STYLE1 ============================= */