/* css/common.css */
@import "reset.css";
body { overflow-y: auto; min-width: 260px; } 
body.hidden { overflow-y: hidden; } 
a, button { -webkit-transition: all .3s ease; transition: all .3s ease;}
button {text-decoration: none;}


.blind { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(1px 1px 1px 1px); border: 0; z-index: -1; clip-path: inset(50%); color: transparent !important; font-size: 1px; line-height: 1px; } 
.hidden {overflo-y:hidden;}
.txt_bl { color: #4588e5 !important; } 
.link_bl { color: #4588e5; } 
.txt_navy { color: #003177 !important; } 
.img_p { display: block !important; } 
.img_m { display: none !important; } 
.bold { font-weight: bold !important; } 
.sebold { font-weight: 500 !important; } 

/* .wrap_cont { overflow-x: hidden; }  */
.wrap_cont .inner {max-width: 1440px; margin: 0 auto; } 

.box_add_notitxt {text-align: right;color: #666;font-size: 16px;}
.box_add_notitxt em {color: #accd43;}


.btn_basic {  position: relative;overflow: hidden;border: 0;border-radius: 50px;background-color: #accd43;color: #fff;display: inline-block;width: auto;min-width: 200px;max-width: none;}
.btn_bwrap {padding: 80px 0 100px;display: flex;justify-content: center;}
.btn_bwrap .btn_basic {width: 160px;height: 70px;font-size: 20px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.btn_bwrap .btn_basic:hover {box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}
.btn_bwrap .btn_basic i {display:inline-block;margin: 2px 0 0 10px;background: url(../images/ico_more.png) no-repeat center center;width: 10px;height: 18px;}

.btn_linkmove {position: relative;overflow: hidden;border: 0;border-radius: 50px;background-color: #accd43;color: #fff;display: inline-block;width: auto;min-width: 140px;max-width: none;font-size: 18px;font-weight: bold;text-align: center;padding: 10px;box-sizing: border-box;min-height: 50px;}



/**************** HEADER ****************/
.wrap_header {height: 150px;position: relative;box-shadow: 3px 3px 10px 0px rgb(47 46 44 / 7%);z-index: 22;} 
.wrap_header .box_m_topmenu { display: none; } 
.wrap_header .w_inner {display: flex;width: 100%;max-width: 1440px;height: 100%;margin: 0 auto;align-items: center;justify-content: space-between;min-height: inherit;} 
.wrap_header .inner { display: flex; justify-content: space-between; min-height: inherit; width: 95%; max-width: 1440px; margin: 0 auto; align-items: center; height: 100%; } 
.wrap_header .area_logo>a { display: block; } 
.wrap_header .area_logo>a>img {max-width: 100%;} 
.area_rheader {width: calc(100% - 100px);height: inherit;} 

.menuToggle { display: block; position: relative; top: 50px; z-index: 1; -webkit-user-select: none; user-select: none; } 
.menuToggle a { text-decoration: none; color: #232323; transition: all 0.3s ease; } 
.menuToggle a:hover { color: tomato; } 
.menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; cursor: pointer; opacity: 0; /* hide this */ z-index: 2; /* and place it over the hamburger */ -webkit-touch-callout: none; } 
.menuToggle span { position: relative; display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; } 
.menuToggle span:first-child { transform-origin: 0% 0%; } 
.menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } 

.menuToggle.active span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323; } 
.menuToggle.active span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } 
.menuToggle.active span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } 
.menuToggle.active .menuItem { transform: none; } 

.menuToggle.btn_rnb {width:28px;height:20px;background:url(../images/ico_rnb_ham.png) no-repeat center center; cursor: pointer; background-size:cover;text-decoration: none;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.menuToggle.btn_rnb.active {background:url(../images/ico_rnb_close.png) no-repeat center center; background-size:contain;}

.btn_rnb {display:none;}

.area_rheader .menu--bottom--right {height: inherit;width: 100%;display: flex;align-items: center;justify-content: end;}
.area_rheader .menu--bottom--right.active:before {content: '';width: 100vh;height: 100vh;position: fixed;background: #000;top: 0;left: 0;opacity: 0.7;}
.area_rheader .menuItem {display: flex;}
.area_rheader .menuItem li a {display:block; font-size: 24px;color: #000;font-weight: bold;padding-right: 105px;opacity: 0.5;}
.area_rheader .menuItem li:last-child a {padding-right: 0;}
.area_rheader .menuItem li a:hover {color:#accd43;}
.area_rheader.mo .menu--bottom--right .menuToggle {z-index: 15;position: absolute;top: 35px;right: 35px;} 
.area_rheader.mo .menu--bottom--right .menuToggle input { right: 50px; bottom: 50px; top: auto; } 
.area_rheader.mo .menu--bottom--right.active .menuItem { opacity:1; transform: scale(1); } 
.area_rheader.mo .menu--bottom--right.active .menuItem li:nth-child(1) { -webkit-animation: text-slide-in 0.4s; -moz-animation: text-slide-in 0.4s; animation: text-slide-in 0.4s; } 
.area_rheader.mo .menu--bottom--right.active .menuItem li:nth-child(2) { -webkit-animation: text-slide-in 0.6s; -moz-animation: text-slide-in 0.6s; animation: text-slide-in 0.6s; } 
.area_rheader.mo .menu--bottom--right.active .menuItem li:nth-child(3) { -webkit-animation: text-slide-in 0.8s; -moz-animation: text-slide-in 0.8s; animation: text-slide-in 0.8s; } 
.area_rheader.mo .menu--bottom--right .menuToggle span { right: 50px; bottom: 50px; top: auto; } 


.area_rheader.mo .menu--bottom--right .menuItem {opacity:0;display: flex;flex-direction: column;position: fixed;top: 0;right: 0;margin: 0;padding-top: 50px;padding-bottom: 125px;transform-origin: bottom right;transform: scale(0);-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;-moz-transition: -moz-transform 0.3s, visibility 0s 0s;transition: transform 0.3s, visibility 0s 0s;height: 100vh;z-index: 12;width: 300px;background-color: #f1f1f1;padding: 100px 30px 0 30px;box-sizing: border-box;} 
.area_rheader.mo .menu--bottom--right .menuItem li {padding: 20px 0; font-size: 22px;  -webkit-backface-visibility: hidden; backface-visibility: hidden; } 
.area_rheader.mo .menu--bottom--right .menuItem li a:hover { padding-left: 5px; } 


footer.wrap_footer { width: 100%; background-color: #000; color: #fff; } 
footer.wrap_footer .inner {margin: 0 auto;width: 90%;max-width: 1440px;height: 100%;padding: 55px 0 38px;box-sizing: border-box;} 
footer.wrap_footer .inner a {color:#fff;}
footer.wrap_footer .top_row .link {font-weight: bold;font-size:16px;display: inline-block;vertical-align: top;padding: 40px 22px 20px 0;}
footer.wrap_footer .top_row .footer_link_area {border-bottom: 1px solid #fff;}

footer.wrap_footer .bot_row .footer_info_area .m_block {padding-top: 20px;display: inline-block;vertical-align: top;font-weight: lighter;} 
footer.wrap_footer .bot_row .footer_info_area .m_block.long {display:block;line-height: 1.5;padding-top: 10px;}
footer.wrap_footer .bot_row .footer_info_area .m_block .f_txt { margin-right: 15px;}
footer.wrap_footer .bot_row .footer_copy_w {padding-top: 50px;display:block;font-weight: 500;}
footer.wrap_footer .bot_row .footer_copy_w .copyright {color: #666;font-size: 16px;line-height: 1.5;}


.wow:nth-child(1){ visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; }
.wow:nth-child(2){ visibility: visible; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.wow:nth-child(3){ visibility: visible; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; }
.wow:nth-child(4){ visibility: visible; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.wow:nth-child(5){ visibility: visible; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.wow:nth-child(6){ visibility: visible; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.wow:nth-child(7){ visibility: visible; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.wow:nth-child(8){ visibility: visible; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }

@media screen and (max-width: 1240px){
    .wrap_header {height: 90px;}
    .area_logo {width: 150px;}
    .area_rheader .menuItem li a {padding-right: 50px;font-size: 22px;}


}


@media screen and (max-width: 1024px){

    .btn_linkmove {font-size: 16px;min-height: 40px;}
    .btn_bwrap {padding: 40px 0 60px;}
    .btn_bwrap .btn_basic {width: 120px;height: 65px;min-width: auto;font-size: 16px;}
    .btn_bwrap .btn_basic i {width: 8px;height: 16px;background-size: contain;}
}


@media screen and (max-width: 767px){
    .btn_rnb {display:block;}
    .img_p {display:none !important;}
    .img_m {display:block !important;}

    .area_rheader.mo .menu--bottom--right .menuToggle {right: 15px;top: 38px;}

    footer.wrap_footer .inner {padding: 55px 0 40px;}
    footer.wrap_footer .top_row .link {font-weight:bold;padding: 35px 12px 20px 0;}  
    footer.wrap_footer .top_row .footer_link_area {margin-top: 10px;}
    footer.wrap_footer .bot_row .footer_info_area { margin-top: 10px;}
    footer.wrap_footer .bot_row .footer_info_area .m_block {line-height: 1.3;padding-top: 8px;}
    footer.wrap_footer .bot_row .footer_info_area .m_block.long .f_txt em { display: block;}
    footer.wrap_footer .bot_row .footer_copy_w {padding-top: 10px;}
    footer.wrap_footer .bot_row .footer_copy_w .copyright em { display: block; }    

}




@keyframes text-slide-in { 
    0% { 
        -webkit-transform: translateX(100px); 
        -moz-transform: translateX(100px); 
        -ms-transform: translateX(100px); 
        -o-transform: translateX(100px); 
        transform: translateX(100px); 
    } 
    100% {
        -webkit-transform: translateY(0); 
        -moz-transform: translateY(0); 
        -ms-transform: translateY(0); 
        -o-transform: translateY(0); 
        transform: translateY(0);
    } 
}