/*** inport ***/
@import "setting.css";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
/***********
** LAYOUT **
***********/

img{
	max-width:100%;
	display:block;
}
.alpha img:hover{
	opacity:0.85;
}
ul{
	list-style-type:none;
}
.m10{ margin:10px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.ml20{ margin-left:20px; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.small{ font-size:0.8rem; }
.bg-gray{ background:#e8e8e8; }


/***********
** main **
***********/
.main{
	padding:30px;
}
.area01 .pc{ display:block; }
.area01 .sp{ display:none; }
.area02 .pc{ display:block; }
.area02 .sp{ display:none; }
.area03 .pc{ display:block; }
.area03 .sp{ display:none; }


@media screen and (max-width: 480px){
	.area01 .pc{ display:none; }
	.area01 .sp{ display:block; }
	.area02 .pc{ display:none; }
	.area02 .sp{ display:block; }
	.area03 .pc{ display:none; }
	.area03 .sp{ display:block; }
}

.area01,.area02,.area03{
	
}

@media screen and (max-width: 480px){
	.main{
		padding:0;
	}
	.area01{
		padding:10px;
	}
	.width60{
		width:60%;
		margin:10px auto 0;
	}
	.width70{
		width:70%;
		margin:10px auto 0;
	}
	.area01 p{
		padding:15px 0 0;
	}
	.area03 .sp{
		padding:10px;
	}
}

.area04{
	color:#fff;
	padding:20px;
	background: url(../img/footer-bg.png) no-repeat right bottom #201718;
}
.area04 .flex-wrap{
	display:flex;
}

.area04 .flex-wrap .flex-box{
	width:50%;
}
.area04 dl{
	display:flex;
	margin-bottom:10px;
}
.area04 dl dt{
	width:20%;
}
.area04 dl dt span{
	border-bottom:3px solid #ffcc99;
	
}
.area04 dl dd{
	width:80%;
}
.area04 .wide dl dt{
	width:10%;
}
.area04 .wide dl dd{
	width:90%;
}
@media screen and (max-width: 896px){
	.area04 .flex-wrap{
		display:block;
	}
	.area04 dl{
		display:block;
		padding-bottom:10px;
		border-bottom:2px dotted #786d6e;
	}
	.area04 .flex-wrap .flex-box{
		width:100%;
	}
	.area04 dl dt,.area04 .wide dl dt{
		width:100%;
	}
	.area04 dl dd,.area04 .wide dl dd{
		width:100%;
	}
}
@media screen and (max-width: 480px){}

.go_back{
	
}
.go_back a{
	display:inline-block;
	font-size:1.1rem;
	color:#fff;
	text-decoration:none;
	background:#000;
	padding:3px 15px;
}
.go_back a:hover{
	background:#8e8283;
}

/**********************************************/

footer .inner{
	padding:15px 30px;
	text-align:right;
}

@media screen and (max-width: 480px){
	footer{
		padding:15px;
		text-align:center;
	}
}