@charset "utf-8";


/* ===================================
	layout
 =================================== */
body.js-fixed {position: fixed; width: 100%;}
.wrap {position: relative; min-width: 320px; overflow: hidden;}
.inner {max-width: 1400px; margin: 0 auto;}

@media only screen and (max-width: 1440px) {
	.inner {margin: 0 20px;}
}

.header-wrap {width:100%; position:fixed; z-index:9999; transition: all .3s ease-in-out;}
.header-wrap::after {content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: none; position: absolute; bottom: -1px; left: 0;}
.header-wrap.js-fixed::after {bottom: 0;}
.header-wrap.js-open-d::after {display: block; }
.header-wrap::before {display: block; content: ""; width: 120%; height: 100%; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0; transform: skew(40deg); z-index: 1;}
.header-wrap.js-fixed::before,
.header-wrap.js-open-d::before,
.header-wrap.js-fixed.js-open-d::before {background: rgba(255, 255, 255, 1);}
.header-wrap.js-fixed,
.header-wrap.js-open-d,
.header-wrap.js-fixed.js-open-d {border-bottom: 1px solid linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 1));}

.header-inner {text-align:right;}

.header-logo {position:absolute; left:50px; top:50%; transform:translateY(-50%); z-index: 1; width:180px; height:37px; transition: all .3s ease-in-out;}
.header-logo a {display:block; width:100%; height:100%; background:url('../images/common/top_logo.png') 0 0 no-repeat; overflow:hidden; text-indent:-9999px; text-align:left; background-size:cover; transition: all .3s ease-in-out;}
.header-logo a:hover,
.header-wrap.js-open-d .header-logo a,
.header-wrap.js-fixed .header-logo a {background: url('../images/common/top_logo_hover.png') 0 0 no-repeat;}

.gnb {display:inline-block; transition: all .3s ease-in-out; padding-right: 245px; position: relative; z-index: 1000;}
.gnb::before {display: block; content: ""; width: calc(100% + 65px); height: 100%; border: 4px solid #13489d; border-top: 0; border-right: 0; transform: skew(40deg); position: absolute; top: 0; left: -65px;}
.header-wrap.js-fixed .gnb::before,
.header-wrap.js-open-d .gnb::before,
.header-wrap.js-fixed.js-open-d .gnb::before {display: none;}
.gnb-wrap {font-size:0; width:100%; position: relative; z-index: 1001;}

.gnb-1dep {display:inline-block; vertical-align:middle; max-width:20%; transition: all .3s ease-in-out; position: relative;}
.gnb-1dep::before {display: block; content: ""; width: 3000%; height: 0; background: #fff; transform: skew(40deg); position: absolute; top: 90px; left: 60px;}
.gnb-1dep > a {display:block; line-height:90px; padding:0 35px; font-size:18px; font-weight:700; color: #fff; text-align: center; position:relative; transition: all .3s ease-in-out;}
.gnb-1dep > a::before {display: block; content: ""; width: 0; height: 100%; background: #13489d; transform: skew(40deg) translateX(-50%); position: absolute; top: 0; left: 50%; transition: all .3s ease-in-out;}
.gnb-1dep > a span {position: relative; z-index: 1;}

.header-wrap.js-fixed .gnb-1dep {height: 70px;}
.header-wrap.js-fixed .gnb-1dep::before {top: 70px; left: 55px;}
.header-wrap.js-open-d .gnb-1dep.js-open-d::before {height: 60px;}
.header-wrap.js-open-d .gnb-1dep > a {color: #222;}
.header-wrap.js-fixed .gnb-1dep > a {color: #222; line-height: 70px; height: 70px;}
.header-wrap.js-open-d .gnb-1dep.js-open-d > a {color: #fff;}
.header-wrap.js-open-d .gnb-1dep.js-open-d > a::before {width: 100%;}

.gnb-2dep {max-height: 0; width: 600%; white-space: nowrap; overflow: hidden; position: absolute; top: 90px; left: 70px; font-size: 0; text-align: left;}
.gnb-1dep.js-open-d .gnb-2dep {max-height:1000px; transition: all 0.5s ease-in-out;}
.gnb-2dep > li {display: inline-block; position: relative; z-index: 1;}
.gnb-2dep > li > a {display:block; padding:0 20px; font-size:16px; font-weight: 500; color:#666; line-height:60px; transition: all .3s ease-in-out;}
.gnb-2dep > li > a:hover {color: #13489d; font-weight: 700;}

.header-wrap.js-fixed .gnb-2dep {top: 70px;}

.top__util {position:absolute; right:45px; top:50%; transform:translateY(-50%); font-size:0; z-index: 1000;}

.allmenu .allmenu-link {display: block; position: relative; width: 22px; height: 18px; overflow: hidden;}
.allmenu .allmenu-link span {display: block; height: 2px; width: 100%; background: #fff;}
.allmenu .allmenu-link span+span {margin-top: 6px;}

.header-wrap.js-open-d .allmenu .allmenu-link span,
.header-wrap.js-fixed .allmenu .allmenu-link span {background: #222;}


.gnb-inner-util {display: none;}

.gnb-dimmed {position: fixed; top: 0px; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: none;}
.gnb-dimmed.js-open-d {display: block; top: 94px;}
.header-wrap.js-fixed .gnb-dimmed.js-open-d {top: 70px;}


@media only screen and (max-width: 1440px) {
	.top-util {margin: 0 20px;}
	.header-inner {height:70px;}

	.gnb {padding-right: 160px;}
	.gnb::before {left: -10px;}

	.header-wrap.js-open-d .gnb-1dep.js-open-d::before {top: 70px; left: 55px;}

	.gnb-1dep > a {line-height: 70px; height: 70px;}
	.gnb-2dep {top: 70px;}
	.gnb-2dep > li > a {padding: 0 10px;}

	.gnb-dimmed.js-open-d {top: 70px;}
}

@media only screen and (max-width: 1240px) {
	.gnb-1dep > a {padding: 0 30px; font-size: 16px;}

	.gnb-2dep > li > a {font-size: 15px;}
}

@media only screen and (max-width: 1024px) {
	.header-inner {text-align: left;}

	.gnb {width:320px; height:100%; padding-right: 0; background:#fff; display:block; position:fixed; z-index:1001; top:0px; right:-100%;transition: all .3s ease-in-out; overflow-y:auto; }
	.gnb::before {display: none;}

	.gnb-wrap {margin:0; display: block;}
	.gnb.js-open-m {right:0;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;overflow-y:auto; z-index: 1002;}


	.gnb-1dep {display:block; font-size:16px; height:auto; position:relative; border-bottom: 1px solid #ddd; width:100%; max-width:100%;}
	.gnb-1dep:before {display:none;}
	.gnb-1dep > a {display:block; line-height:50px; height: 50px; padding:0 20px; color:#000; text-transform: none; margin:0; text-align: left;}

	.gnb-1dep > a:hover,
	.gnb-1dep.js-open-m > a{color:#000 !important;}

	.gnb-1dep > a:after {position: absolute; top: 20px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-135deg);}
	.gnb-1dep.js-open-m > a:after {top:20px;transition: all .3s ease-in-out; transform: rotate(-135deg);}

	.gnb-1dep > a.is-2depth-m:after {position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a.is-2depth-m:after {top:22px;transition: all .3s ease-in-out; transform: rotate(-225deg);}
	

	.gnb-2dep {height:auto; max-height:0; overflow:hidden; position:static; width:auto; margin:0; background-color:#efefef;border-top:0px solid #ddd; transition: all .3s ease-in-out; transform:translateX(0); border-radius: 0;}
	.gnb-1dep:last-child .gnb-2dep {margin-left:0;}

	.gnb-2dep > li {display: block; border-bottom:1px solid #ddd; padding:0; margin:0;}
	.gnb-2dep > li > a {display:block; padding: 12px 30px; color:#666; text-align:left; line-height: 1.4;}
	.gnb-2dep > li > a:hover,
	.gnb-2dep > li > a:focus {font-weight:400; padding:12px 30px; background: #13489d; color:#fff; font-weight: 700;}
	.gnb-2dep > li:first-child {margin-top:0px;}
	.gnb-2dep > li:last-child {margin-bottom:0px; border:0;}
	.gnb-2dep > li > a span::after {display: none;}
	
	.header-wrap.js-fixed .gnb-1dep,
	.header-wrap.js-fixed .gnb-1dep > a {height: auto; line-height: 50px;}
	.gnb-1dep.js-open-m .gnb-2dep{max-height:1000px;border-top:1px solid #ddd;}

	.gnb-inner-util {display:block; position:relative; height:60px; background-color:#13489d; padding:0 60px 0 0;font-size:0;}
	
	
	.gnb-mbtn-close {display:block; position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; background:#3a3a3a; overflow:hidden; }
	.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn-close:not(.zxcv):before { top: 16px; }
	.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; }

	.js-open-m .gnb-mbtn-close {top:0px; right:0; min-height: 26px; }
	.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after {border-top: 2px solid #fff;  }
	.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
	.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	.top__util .language {display: none;}
	.gnb-mbtn {display:block; position: absolute; z-index: 1; top: 0; right:-5px; bottom: 0; width: 40px; min-height: 30px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; }

	.gnb-dimmed.js-open-m {display:block; top:0; z-index: 1001;} 
}

@media only screen and (max-width: 768px) {
	.header-logo {width: 150px;}
	.header-logo a,
	.header-logo a:hover,
	.header-wrap.js-open-d .header-logo a,
	.header-wrap.js-fixed .header-logo a {background-size: contain;}
}

@media only screen and (max-width: 480px) {
	.header-logo {left: 20px;}
	.top__util {right: 20px;}
}


.newAllmenu {z-index:1005; position:fixed; display: none; width:100%; height:100%; top:0; left:0;}
.newAllmenu-wrap {width:100%; height:100%; top:0; left:0; z-index: 1001; overflow-y:auto; overflow-x:hidden; background:url('../images/common/allmenu_bg01.png') no-repeat left bottom / 100% 150%;}

.newAllmenu-close {display:block; position: absolute; right: 0; top: 60%; transform: translateY(-50%); width: 60px; height: 60px; z-index:1002; padding:0; font-size:0; font-weight:700; text-align:center; transition: all 0.3s ease-in-out; overflow:hidden; text-indent:-8888888px;}

.newAllmenu-close span:before,
.newAllmenu-close span:after {content:''; display:block; width:60px; height:2px; background-color:#222; position:absolute; top:50%; left:50%;transition: all 0.3s ease-in-out;}

.newAllmenu-close span:before {transform:translate(-50%, -50%) rotate(45deg);}
.newAllmenu-close span:after {transform:translate(-50%, -50%) rotate(-45deg);}

.newAllmenu-close:hover span:before,
.newAllmenu-close:focus span:before {transform:translateX(-50%) rotate(-45deg); background-color:#fff;}
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after {transform:translateX(-50%) rotate(45deg); background-color:#fff;}
.newAllmenu-close:hover,
.newAllmenu-close:focus {background-color:#13489d;}

.newAllmenu-tit {position:relative; z-index:2; padding:80px 0; background-color:#fff; width:100%; min-height: 250px;}
.newAllmenu-tit .inner {position: relative;}
.newAllmenu-tit img {max-width:25%;}

.newAllmenu-inner {display:block; max-width:1400px; height: calc(100% - 250px); position:relative; margin:0 auto; font-size:0;}

.newAllmenu-nav {font-size:0; position:relative; width:100%; height: 100%;}

.newAllmenu-1dep {display:inline-block; width: 20%; height: 100%; padding: 55px 30px 0; vertical-align:top; transition: all 0.3s ease-in-out; position: relative;}
.newAllmenu-1dep > a {display:block; font-size:35px; font-weight:800; color:#fff; padding: 20px 0 20px 30px; transition: all 0.3s ease-in-out; height:86px; line-height: 86px;}
.newAllmenu-1dep > a span {white-space: nowrap;}
.newAllmenu-1dep:hover,
.newAllmenu-1dep:focus {background: #fff;}
.newAllmenu-1dep:hover > a,
.newAllmenu-1dep:focus > a {color: #13489d;}

.newAllmenu-1dep:hover .newAllmenu-2dep > li > a,
.newAllmenu-1dep:focus .newAllmenu-2dep > li > a {color: #222;}
.newAllmenu-2dep {margin-top: 50px;}
.newAllmenu-2dep > li > a {display:block; padding: 5px 0 5px 30px; color:#fff; font-size:20px; font-weight:400; line-height:1.3; transition: all 0.3s ease-in-out; white-space: nowrap; position: relative;}
.newAllmenu-2dep > li > a span {position: relative; z-index: 1;}
.newAllmenu-2dep > li > a::before {display: block; content: ""; width: 0; height: 100%; clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%); background: #13489d url('../images/common/allmenu-bg02.png') no-repeat left top / cover; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out;}
.newAllmenu-2dep > li:hover > a::before,
.newAllmenu-2dep > li:focus > a::before {width: calc(100% + 60px);}
.newAllmenu-2dep > li > a::after,
.newAllmenu-2dep > li > a::after {display: block; content: ""; opacity: 0; width: 45px; height: 15px; background: url('../images/common/arrow01.png') no-repeat center; position: absolute; top: 50%; right: -50px; transform: translateY(-50%); transition: all 0.8s ease-in-out;}
.newAllmenu-2dep > li:hover > a::after,
.newAllmenu-2dep > li:focus > a::after {opacity: 1;}
.newAllmenu-1dep .newAllmenu-2dep:hover > li:hover > a,
.newAllmenu-1dep .newAllmenu-2dep:focus > li:hover > a {color: #fff;}



.newAllmenu-3dep {margin: 10px 0 50px;}
.newAllmenu-3dep > li > a {display: block; padding: 5px 0 5px 35px; font-size: 16px; font-weight: 500; color: #fff; position: relative; transition: all 0.3s ease-in-out;}
.newAllmenu-3dep > li > a::after {display: block; content: ""; width: 4px; height: 1px; background: #fff; position: absolute; top: 50%; left: 25px;}
.newAllmenu-1dep:hover .newAllmenu-3dep > li > a,
.newAllmenu-1dep:focus .newAllmenu-3dep > li > a {color: #666;}
.newAllmenu-1dep:hover .newAllmenu-3dep > li > a::after,
.newAllmenu-1dep:focus .newAllmenu-3dep > li > a::after {background: #666;}
.newAllmenu-1dep:hover .newAllmenu-3dep > li > a:hover,
.newAllmenu-1dep:focus .newAllmenu-3dep > li > a:hover {color: #13489d; transform: translateX(-5px);}
.newAllmenu-1dep:hover .newAllmenu-3dep > li > a:hover::after,
.newAllmenu-1dep:focus .newAllmenu-3dep > li > a:hover::after {background: #13489d;}

@media only screen and (max-width: 1440px) {
	.newAllmenu-inner {height: calc(100% - 200px);}
	.newAllmenu-tit {padding: 60px 0; min-height: 200px;}
}

@media only screen and (max-width: 1240px) {
	.newAllmenu-inner {height: calc(100% - 138px);}
	.newAllmenu-tit {padding: 40px 0; min-height: 138px;}
	.newAllmenu-1dep {padding-left: 0;}
	.newAllmenu-1dep > a {font-size: 24px;}
	.newAllmenu-2dep > li:hover > a::before, .newAllmenu-2dep > li:focus > a::before {width: calc(100% + 40px);}
	.newAllmenu-2dep > li > a::after, .newAllmenu-2dep > li > a::after {right: -26px;}

	.newAllmenu-2dep {margin-top: 30px;}
	.newAllmenu-2dep > li > a {font-size: 18px;}

	.newAllmenu-3dep > li > a {font-size: 14px;}
}

@media only screen and (max-width: 1024px) {
	.newAllmenu{display:none !important;}
}


.visual__contents {position: relative;}
.sub_visual {position:relative; overflow:hidden;}
.sub_visual-bg {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.5); transition: all 10s ease-in-out; background:url('../images/contents/visual_bg01.jpg') no-repeat center / cover;}
.sub_visual.nth-2 .sub_visual-bg {background-image: url('../images/contents/visual_bg02.jpg');}
.sub_visual.nth-3 .sub_visual-bg {background-image: url('../images/contents/visual_bg03.jpg');}
.sub_visual.nth-4 .sub_visual-bg {background-image: url('../images/contents/visual_bg04.jpg');}
.sub_visual.nth-5 .sub_visual-bg {background-image: url('../images/contents/visual_bg05.jpg');}
.sub_visual-bg.is-active {transform: scale(1);}

.sub_visual-inner {max-width: 1400px; margin: 0 auto; padding: 10% 0; position: relative; z-index: 1;}
.sub_visual h2 {font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -0.025em; line-height: 1.4;}
.sub_visual p {font-size: 16px; font-weight: 800; color: #13489d; letter-spacing: 0.18em; text-transform: uppercase;}


.lnb{position:absolute; width:100%; bottom:35px; left:0; text-align:left; z-index:3; z-index: 1;}

.lnb-wrap {max-width:1400px; margin:0 auto;}
.lnb-list {font-size:0;}
.lnb-list > li {display:inline-block; vertical-align:top; position:relative;}
.lnb-list > li+li {margin-left: 15px;}
.lnb-item {min-width:190px; max-width:30%; height:40px; font-size:18px; box-sizing: border-box;}
.lnb-home {width:48px; height:40px;}
.lnb-home::before {display: block; content: ""; width: 100%; height: 100%; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0%); background: #13489d; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lnb-home a {display:block; font-size:0; line-height:0; width:100%; height:100%; background:transparent url('../images/common/lnb_home_ico.png') center center no-repeat; transition:all 0.3s ease-in-out; position: relative; z-index: 1;}
.lnb-home:hover::before {background: #5f8bd2;}

.lnb-link {position:relative; display:block; line-height:40px; height:100%; padding:0 60px 0 20px; box-sizing:border-box; color:#fff; transition:all 0.3s ease-in-out;}
.lnb-link::before {display: block; content: ""; width: calc(100% - 40px); height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.lnb-link span {display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/lnb_open01.png') center center no-repeat; transition: all .3s ease-in-out;}

.lnb-link:hover{color: #5f8bd2;}
.lnb-link.js-active {color: #5f8bd2;}
.lnb-link.js-active:after {transform: rotate(180deg); background:url('../images/common/lnb_open02.png') center center no-repeat;}

.lnb__menu-list {position:absolute; left:-1px; top:40px; display:none; z-index:2; width:100%; padding: 30px 0 40px; box-sizing:content-box; border-radius: 0 25px 0 0; background: #fff url('../images/common/lnb_bg.png') no-repeat right bottom / contain; box-shadow: 0 0 10px rgba(8, 25, 65, 0.17);}

.lnb__menu-list a {display:block; font-size:16px; font-weight: 500; letter-spacing: -0.025em; line-height:1.3; color:#666; padding: 10px 20px; white-space: normal; transition:all 0.3s ease-in-out;}
.lnb__menu-list a:hover {color:#222; font-weight:700;}


.contents__title {text-align: center; padding: 50px 0;}
.contents__title h3 {font-size: 40px; font-weight: 700; color: #222; line-height: 1.4; letter-spacing: -0.025em;}

@media only screen and (max-width: 1440px) {
	.sub_visual-inner {margin: 0 50px; padding: 15% 0;}
	.lnb-wrap {margin: 0 0 0 50px;}
}

@media only screen and (max-width: 1240px) {
	.sub_visual h2 {font-size: 40px;}

	.contents__title h3 {font-size: 30px;}
}

@media only screen and (max-width: 1024px) {
	.lnb-item {font-size: 16px;}
	.lnb-link {padding-left: 10px; padding-right: 40px;}
	.lnb-link::before {width: calc(100% - 20px);}
}

@media only screen and (max-width: 768px) {
	.sub_visual-inner {padding: 15% 0 20%;}

	.sub_visual h2 {font-size: 30px;}
	.sub_visual p {font-size: 15px;}

	.lnb-list > li+li {margin-left: 5px;}
	.lnb-item {min-width: 1px;}

	.contents__title h3 {font-size: 24px;}
}

@media only screen and (max-width: 640px) {
	.sub_visual-inner {padding: 20% 0 ; min-height: 300px; margin: 0 20px;}

	.lnb-wrap {margin: 0 0 0 20px;}
	.lnb-list > li+li {margin-left: 0;}
}

@media only screen and (max-width: 480px) {
	.sub_visual-inner {padding: 30% 0;}

	.lnb-list > li+li {width: 33.3333%; max-width: 100%;}
	.lnb-list > li.lnb-home {display: block;}
	.lnb-item {font-size: 14px;}
	.lnb-link {padding-left: 0; padding-right: 25px;}
	.lnb-link::before {width: calc(100% - 10px); left: 0; transform: translateX(0);}

	.lnb__menu-list a {font-size: 14px; padding: 10px;}

	.contents__title h3 {font-size: 18px;}
}


.footer {background: #1a1a1a; text-align: center; position: relative;}

.footer-top {display: block; font-size: 0; width: 75px; height: 61px; background: url('../images/common/footer-top.png') no-repeat center; position: absolute; top: 0; right: 45px; transform: translateY(-38px);}

.footer-menu {background: #151515; font-size: 0;}
.footer-menu-item {display: inline-block;}
.footer-menu-item a {display: block; padding: 20px 40px; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.005em; position: relative;}
.footer-menu-item+.footer-menu-item a::after {display: block; content: ""; width: 6PX; height: 6PX; border-radius: 50%; background: #13489d; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}

.footer .inner {padding: 70px 0;}
.footer .footer-logo {font-size: 0; width: 246px; height: 51px; background: url('../images/common/footer-logo.png') no-repeat center / contain; margin: 0 auto;}

.footer address {margin-top: 70px;}
.footer-item .text {font-size: 17px; font-weight: 700; color: #444648; letter-spacing: 0.05em; line-height: 1.4;}
.footer-item.add {margin-bottom: 25px; font-size: 16px; letter-spacing: 0;}

.footer-copy {margin-top: 40px; font-size: 14px; font-weight: 400; color: #4b4c4c; letter-spacing: 0.1em; line-height: 1.4;}
.footer-copy span {font-weight: 700; color: #13489d;}

@media only screen and (max-width: 1024px) {
	.footer address {margin-top: 40px;}
}

@media only screen and (max-width: 768px) {
	.footer .footer-logo {width: 200px;}
}

@media only screen and (max-width: 640px) {
	.footer-menu-item {display: block;}
	.footer-menu-item+.footer-menu-item a::after {top: 0; left: 50%; transform: translate(-50%, -50%);}
	.footer-menu-item a {padding: 20px; font-size: 15px;}
}

@media only screen and (max-width: 480px) {
	.footer-top {right: 20px;}
}