@charset "utf-8";
/* # =================================================================
#### footer
# ================================================================= */
footer{
	position : relative;
	display  block;
	width : 100%;
	height : auto;
	background-color : #0A5774;
	padding : 50px 0 30px;
}

.footer_inner{
	position : relative;
	display  block;
	width : 1100px;
	height : auto;
	margin : 0 auto;
}
/**** inquiry-area ****/
.inquiry-area{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.inquiry-area .box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
	padding : 0 80px;
}
.inquiry-area .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #FFF;
	font-size : var(--18px);
	margin-bottom : 20px;
}
.inquiry-area .box:nth-of-type(1)  p{
	text-align : center;
}
.inquiry-area .box a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.inquiry-area .box a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/**** menu ****/
.footer-menu{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #00769D;
	padding : 22px 0;
}
.footer-menu ul{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
	gap : 50px;
	width : 100%;
	height : auto;
}
.footer-menu ul li{
	position : relative;
	display : list-item;
	width : fit-content;
	height : auto;
}
.footer-menu ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1;
	color : #FFF;
	font-size : var(--16px);
}
.footer-menu ul li a:hover{
	
}
/**** footer-info ****/
.footer-info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 50px 0;
}
.footer-info h2{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #FFF;
	font-size : var(--18px);
	font-weight : bold;
	margin-bottom : 15px;
}
.footer-info p{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	margin : 0 auto;
}
.footer-info p span{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	color : #FFF;
	font-size : var(--14px);
}
.footer-info img{
	position : relative;
	display : block;
	width : 255px;
	height : auto;
}
/**** footer-bottom ****/
.footer-bottom{
	position : relative;
	display : grid;
	grid-template-columns : 1fr auto 1fr;
	align-items : center;
	width : 100%;
}
.footer-bottom .copyright{
	grid-column : 2;
	text-align : center;
	color : #FFF;
	font-size : var(--12px);
}
.footer-bottom p{
	grid-column : 3;
	text-align : right;
}
.footer-bottom p a{
	position : relative;
	color : #FFF;
	font-size : var(--12px);
}
.footer-bottom p a::before{
	content : "";
	position : absolute;
	display : block;
	width : 12px;
	height : 8px;
	top : 0;
	right : auto;
	bottom : 0;
	left : -15px;
	margin : auto auto;
	background : url(../../images/common/icon_privacy.png)center / contain no-repeat;
}



/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){
.footer_inner{
	width : 100%;
}
.inquiry-area .box{
	padding : 0 40px;
}
}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.inquiry-area{
	display : block;
}
.inquiry-area .box{
	width : 400px;
	padding : 0;
	margin : 0 auto 50px;
}
.inquiry-area .box:last-child{
	margin-bottom : 0;
}
.footer-bottom{
	display : flex;
	flex-wrap : wrap;
	text-align : center;
}
.footer-bottom p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 10px;
	order : 1;
}
.footer-bottom .copyright{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	order : 2;
}
.footer-menu{
	display : none;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.inquiry-area .box{
	width : 80%;
}
}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/