@charset "utf-8";
/* CSS Document */
/****footer設定************************/

/*** スマホ　798px以下 *******/
.footer{
	z-index: 2;
}

.footer .f1{
	width:100%;
	color:#fff;
	margin:0 auto;
}
.footer .f1 p{
	width:80%;
	color:#fff;
	margin: 0 auto;
	text-align:center;
	font-weight: bold;
}
.footer .f1 h4{
	width:80%;
	color:#fff;
	font-size: 2.5rem;
	margin: 0 auto 20px;
	text-align:center;
}

.footer .f1 .in01{
	background: #1C9EDA;
	width:100%;
	padding-top:30px;
	/margin-left: -25px;
}

.footer .f1 .in02{
	background: #0539CA;
	width:100%;
	padding-top:30px;
	font-weight: 500;
	/margin-left: -25px;
	margin-top:-22px!important;
}

.footer .f1 .f1_2 p{
		width:85%;
	margin: 0 auto;
	font-size:1.4rem;
	font-weight: 400;
	color:#fff;
	text-align: center;
}


/********footer***下**********************/
.footer .f2{
	background-color: #ededed;
	margin: -25px auto 0;
	padding:30px 0;
	color:#054d75;
}

.footer .f2 .f2_1{
	width:320px;
	margin:0 auto;
}

.footer .f2 .f2_1 ul{
	width:100%;
	display: flex;
	justify-content: space-around;
	font-size: 1.4rem;
}

.footer .f2 .f2_1 ul li span{
	display: block;
	font-weight: bold;
}

.footer .f2 .f2_1 ul li img{
	width:330px;
	margin-left:0;
	margin-right: 0;
}

.footer .f2 .f2_1 ul li img:hover{
	opacity: 0.65;
		transition: .8s;
}


.footer .f2 .f2_2 a{
	display: block;
	color: #054d75;
	font-size: 1.5rem;
	letter-spacing: .15rem;
	font-weight:600;
}


.footer .f2 .f2_2 a:hover{
	opacity:0.8;
}

.footer .f2 .f2_2{
	width:70%;
	margin:50px auto 0;
}

.footer .f2 .f2_2 ul{
width:100%;
display: flex;
justify-content: space-between;	
flex-wrap: wrap;	
}

.footer .f2 .f2_2 ul li{
display: flex;
width:80px;
margin-top:15px;	
text-align:center;	
}

.footer .f2 .f2_2 ._in{
	margin:30px auto;
}


.footer .f2 .f2_2 ._in ul{
	margin-top:0px;
	display: block;
}

.footer .f2 .f2_2 ._in ul li p{
font-weight: 700;
color:gray;	
/line-height: 1rem;	
margin:0;	
}

.footer .f2 .f2_2 ul li.long{
	text-align: left;
	width:50%;
	/font-size: 1.3rem;
	/font-weight:500;
	display: block;
}

.footer .f2 address{
	display: block;
	text-align: center;
	margin:10px auto 0;
	font-weight: 600;
	font-size: 12px;
}

.footer .f2 small{
	display: block;
	text-align: center;
	margin:50px auto 5px;
	font-weight: 600;
	font-size: 10px;
}

.footer .f2 .f2_3{
	width:75%;
	max-width: 700px;
	margin:0 auto;
}

.footer .f2 .f2_3 ul{
	width:100%;
}

.footer .f2 .f2_3 ul li a{
	font-size:12px;
	text-align: left;
}


.about_main footer{
	margin-top:0!important;
}


/* 画面サイズ 798px～*/
@media screen and (min-width: 798px) {
	


}

/* 画面サイズ 1150px～*/
@media screen and (min-width: 1074px) {
	
	.footer .f2 .inbox{
		width:85%;
		margin: auto;
		max-width:1000px;
		/display: flex;
	}
	
	.footer .f2 .f2_2{
		width:80%;
		margin:15px auto 0;
	}
	
	.footer .f2 .f2_2 ul{
    width: 100%;
	max-width:600px;	
    margin: 50px auto 0;
}
	
.about_main footer{
	margin-top:0!important;
}	
	
	
}









/**************************************/
@media screen and (min-width: 1280px) {

	.footer{
		/z-index: 2;
	}	
	
/.top_main footer{
	margin-top:400px;
	}				
	
/.footer .f1 a{
	margin:50px auto;	
	}
	
.footer .f2 {
    padding: 60px 0 30px;

}	
	
/.about_main footer{
	margin-top:0!important;
}	
	
   .footer .f1{
		width:100%;
	  margin: 0;
		max-width:2000px;
		display: flex;
	    justify-content:space-between;
	}
	
	.footer .f1 .in01{
		/width:55%;
		/max-width:1500px;
		margin-right:-15px!important;
		/padding-right:15px;
		margin-left:15px;
	}
	
	.footer .f1 .in02{
		/width:55%;
		/max-width:1500px;
		padding-right:15px!important;
		margin-top:0!important;
	}
	
}