@charset "utf-8";

#foot_layout { position:relative; padding: 0; background-color:#181818; width: 100%;overflow-x: hidden;}
#foot_layout .move_top { display: block; position: absolute; right:50px; top: 160px; width: 60px; text-align: center; z-index: 10; }
#foot_layout .move_top a { display:block; position:relative; width:100%; height:100%; font-size:0; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#foot_layout .move_top a span { font-size: 18px; color: #fff; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); font-family: 'Montserrat', sans-serif; writing-mode: vertical-rl; text-orientation: mixed; line-height: 1; height: 90px; }
#foot_layout .move_top a:before { content:""; display:block; position:absolute; left: -50px; top: calc(50% - 4px); width: 11px; height: 11px; border:1px solid #fff; border-right:none; border-top:none; box-sizing:border-box; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#foot_layout .move_top a:after { content:""; display:block; position:absolute; top: 50%; transition: width 0.3s ease; opacity:0.8; display:block; position:absolute; left: -50px; width: 26px; height:1px; background-color:#fff; color:transparent; -webkit-transition: width 0.3s ease; }
#foot_layout .move_top a:hover:after { width: 22px; }

#foot_layout .footer-info { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 114px 150px 0; flex-wrap: wrap; }
#foot_layout .footer-link { width: 100%; display: flex; flex-wrap: wrap; }
#foot_layout .footer-link .item { width:25%; }
#foot_layout .footer-link .item * { font-family:'Open Sans' }
#foot_layout .footer-link .item b { color:#fff; font-size: 19px; display: block; margin-bottom: 10px; }
#foot_layout .footer-link .item ul { }
#foot_layout .footer-link .item ul > li { margin-bottom: 0; }
#foot_layout .footer-link .item ul > li > a { display: block; font-size: 16px; color: rgba(255,255,255,0.8); line-height:1.2; font-family: 'Open Sans'; font-weight: 500; padding: 7px 0; position: relative; }
#foot_layout .footer-utile { width:100%; }
#foot_layout .footer-utile .utile-link { display: flex; justify-content: flex-start; margin: 60px 0; }
#foot_layout .footer-utile .utile-link > li { display:block; margin-right: 15px; }
#foot_layout .footer-utile .utile-link > li > a { color:#fff; line-height:1.2; display: block; font-size: 18px; }
#foot_layout .footer-utile .utile-link > li .family_site { position:relative; width:100%; }
#foot_layout .footer-utile .utile-link > li .family_site .selected { display:block; position:relative; height:51px; border-bottom: 1px solid rgba(255,255,255,0.2); }
#foot_layout .footer-utile .utile-link > li .family_site .selected span { display:block; padding:15px 10px; font-size:14px; font-weight:600; color:#a6a6a6; text-align:left; }
#foot_layout .footer-utile .utile-link > li .family_site .selected:after { display:block; position:absolute; right: 15px; top: 50%; width: 5px; height: 5px; border: solid #9d9f9f; border-width: 2px 0 0 2px; content:''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#foot_layout .footer-utile .utile-link > li .family_site ul { display:none; }
#foot_layout .footer-utile .utile-link > li .family_site.on ul { display:block !important; height: 233px; overflow-y:scroll; background: #004b93; position: absolute; bottom:51px; width: 100%; padding: 9px; z-index: 11; }
#foot_layout .footer-utile .utile-link > li .family_site.on ul li { display:block; min-height:51px; }
#foot_layout .footer-utile .utile-link > li .family_site.on ul li a { display:block; padding:17px; background:none; color:#fff; transition: all .3s; font-size: 16px; }
#foot_layout .footer-utile .utile-link > li .family_site.on ul li a:hover { background-color:#003c76 }


#foot_layout .footer-utile .sns { display: flex; align-items: center; justify-content: center; margin: 40px 0; }

#foot_layout .footer-utile .sns > a { display:inline-block; width:35px; height:25px; background: url(/common/tmpl/skinC/img/sns_ic.png); font-size:0; line-height: 0; /* border: 1px solid; */margin:0 2px; }
#foot_layout .footer-utile .sns > a.sns-1 { background-position: -225px 0; }
#foot_layout .footer-utile .sns > a.sns-2 { background-position: -132px 0; }
#foot_layout .footer-utile .sns > a.sns-3 { background-position: -88px 0; }
#foot_layout .footer-utile .sns > a.sns-4 { background-position: 0 0; }
#foot_layout .footer-utile .sns > a.sns-5 { background-position: -43px 0; }
#foot_layout .footer-utile .sns > a.sns-6 { background-position: -182px 0; }
#foot_layout .footer-utile .sns > a.sns-7 { ;background-position: -262px 0;}
#foot_layout .subscribe { display: flex; align-items: flex-end;; justify-content: flex-start; width: 100%;margin-bottom: 40px; }
#foot_layout .subscribe-tit { margin-right: 45px; }
#foot_layout .subscribe-tit p { font-size: 46px; font-family: 'Montserrat', sans-serif; color: #fff; line-height: 1; font-weight: bold; }
#foot_layout .subscribe-tit p:last-child { font-weight: bold; }
#foot_layout .subscribe-form { display: flex; justify-content: flex-end; align-items: flex-end; }
.subscribe-form { width: calc(70% - 45px); }
.subscribe-form input { padding: 20px; margin-right: 10px; border: 1px solid rgba(255,255,255,0.3); color: #fff; height: 63px; width: calc(60% - 10px); background:transparent; }
.subscribe-form input::placeholder { color: rgba(255,255,255,.5); font-size: 13px; }
.subscribe-form a { color: #fff; font-size: 16px; padding: 20px 30px; text-align: center; width: 70%; background:#044779; border: 1px solid #044779; transition: all .3s; }
.subscribe-form a:hover,.subscribe-form button:focus { color: #044779; background:transparent; }
#foot_layout .copyright { text-align: left; display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 43px; margin-top: 60px; padding-bottom: 43px; /*padding-bottom: 70px; */ background: #000; }
#foot_layout .copyright address { color: #b1b2b8; padding-right: 10px; margin-right: 10px; border-right: 1px solid #b1b2b8; }
#foot_layout .copyright address ul { display:flex; flex-wrap:wrap; width: 100%; margin-left:0; justify-content: flex-start; }
#foot_layout .copyright address ul > li { margin: 0 16px;color: rgba(255,255,255,0.82); position: relative; font-size: 14px; }
#foot_layout .copyright .copy { display:block; margin: 0; color: rgba(255,255,255,0.6); font-size:15px; /*text-transform: uppercase; */font-size: 14px; white-space: nowrap;}


@media screen and (max-width:1380px) {
#foot_layout .layout { padding: 0; }
#foot_layout .move_top { top:-26px }
#foot_layout .footer-utile { margin-right:0; }
#foot_layout .footer-link { width: calc(100% - 254px); }
#foot_layout .copyright { padding-left:40px; padding-right:40px; margin-top: 20px; }
#foot_layout .footer-info { padding-left:40px; padding-right:40px; }
 }

@media screen and (max-width:1280px) {#foot_layout .footer-info { padding-left:30px; padding-right:30px; }
#foot_layout .copyright { padding-left:30px; padding-right:30px; }
 }
@media screen and (max-width:1023px) {#foot_layout .footer-info { padding-top:54px; }
#foot_layout .footer-link .item { padding:0 20px; }
#foot_layout .footer-utile { width: 23%; }
#foot_layout .footer-link { width: 75%; }
#foot_layout .footer-link .item b { font-size:18px; letter-spacing: -1px; }
#foot_layout .footer-link .item ul > li > a { font-size:15px; }
#foot_layout .copyright .copy{white-space:normal}
}

@media screen and (max-width:800px) {#foot_layout .footer-info { padding-left:15px; padding-right:15px; }
#foot_layout .copyright { padding-left:15px; padding-right:15px; }
#foot_layout .footer-link { order:2; display:none; }
#foot_layout .footer-utile { order:1; width:100%; }
#foot_layout .footer-info { padding-top: 101px; }
#foot_layout .footer-utile .sns {position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: 77px;padding: 8px 0;border-bottom: 1px solid rgba(255,255,255,0.1);z-index: 9; }
#foot_layout .footer-utile .utile-link { display:flex; padding: 0 40px; }
#foot_layout .footer-utile .utile-link > li { width:25%; order:1; margin-bottom: 0; text-align: center; /* max-width: 160px; */ }
#foot_layout .footer-utile .utile-link > li > a { padding:15px 10px }
#foot_layout .footer-utile .utile-link > li:first-child { order:2; }
#foot_layout .footer-utile .utile-link > li .family_site .selected { border:1px solid #ffffff }


#foot_layout .copyright { text-align: left; display: flex; flex-wrap: wrap; flex-direction: column; /* justify-content: space-between; */border-top: 1px solid rgba(255,255,255,0.1); padding-top: 23px; margin-top: 30px; padding-bottom: 35px; text-align: center; }
#foot_layout .copyright address { color: #b1b2b8; width: 100%; text-align: center; }
#foot_layout .copyright address ul > li { margin: 0 16px; color: rgba(255,255,255,0.82); position: relative; font-size: 14px; }
}

@media screen and (max-width:640px) {#foot_layout .copyright address ul { justify-content: center; margin-bottom: 10px; }
#foot_layout .copyright address ul > li { }
#foot_layout .copyright address ul > li:first-child { width:100% }
#foot_layout .copyright { padding-bottom:100px; }
#foot_layout .move_top { top: auto; right:15px; bottom: 20px; }
#foot_layout .footer-utile .sns { text-align:left; padding: 8px 15px; }
#foot_layout .footer-utile .utile-link { justify-content: center; }
#foot_layout .footer-utile .utile-link > li { width: auto; }
#foot_layout .footer-utile .utile-link > li:first-child {position: absolute;top: 17px;right:15px;z-index: 10; }
#foot_layout .footer-utile .utile-link > li .family_site { width: 152px; }
#foot_layout .footer-utile .utile-link > li .family_site .selected { height: 44px; }
#foot_layout .footer-utile .utile-link > li .family_site .selected span { padding: 9px 7px; }
#foot_layout .footer-info { padding-top:85px; }
#foot_layout .copyright { margin-top:10px; }
.subscribe-form a{width: 100%;}
 }
@media screen and (max-width: 1380px){
 #foot_layout .footer-info { padding: 40px; }
 #foot_layout .footer-utile .sns { margin: 20px 0; }
 .subscribe-form button { height: 50px; }
 .subscribe-form input { height: 50px; }
 .subscribe-form { width: calc(60% - 45px); }
 #foot_layout .footer-utile .utile-link>li { margin-right: 25px; }
 #foot_layout .footer-utile .utile-link>li>a { font-size: 1.4vw; }
 }
@media screen and (max-width: 1023px){
 #foot_layout .footer-utile { width: 100%}
 #foot_layout .subscribe { flex-wrap: wrap; }
 #foot_layout .subscribe-tit { width: 100%; margin-bottom: 35px; }
 #foot_layout .subscribe-form { width: 100%; }
 #foot_layout .footer-utile .utile-link { flex-wrap: wrap; margin: 0; margin: 10px; padding: 0; }
 #foot_layout .footer-link { display: none; }
 #foot_layout .footer-utile .utile-link>li { width: 25%; margin: 0; padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
 #foot_layout .copyright address { border: 0; margin: 0; padding: 0; margin-bottom: 10px; width: 100%; text-align: center; }
 #foot_layout .copyright address ul { justify-content: center; }
 #foot_layout .footer-utile .sns { position: static}
 #foot_layout .footer-utile .utile-link>li:first-child { position: static; order: 1; }
 #foot_layout .subscribe-tit p { font-size: 5vw; }
 .subscribe-form button { font-size: 13px; }
 .subscribe-form input { padding: 10px; }
 }
@media screen and (max-width: 640px){
 #foot_layout .footer-utile .utile-link>li { width: 33%; }
 }
@media screen and (max-width: 480px){
 #foot_layout .footer-utile .utile-link>li { width: 50%}
 #foot_layout .copyright address ul > li{
   width: 100%;
 }
 #foot_layout .copyright address ul > li:first-child{
   margin-bottom: 8px;
 }
 }

  #foot_layout .layout{max-width: 100%;}