@charset "UTF-8";

/* mobile */
/* 1200px以下 */
@media screen and (max-width: 1200px) {
	.menu{
		width: 80%;
	}
	.menu a{
		font-size: 1.8rem;
	}
}
/* 1000px以下 */
@media screen and (max-width: 1000px) {
	.select{
		justify-content: center;
		flex-direction: column;
		width: auto;
	}
	.select li{
		margin-bottom: 80px;
	}
	h1{
		font-size: 3.2rem;
		padding: 40px 0;
	}
}
/* 700px以下 */
@media screen and (max-width: 700px) {
	.box{
		margin: 0;
		padding: 70px 20px;
	}
	h1{
		margin-bottom: 0;
	}
	.menu{
		width: 100%;
		padding: 40px 0;
    font-size: 2.7rem;
	}
	.box h2 span{
		font-size: 2.2rem;
	}
}
/* 500px以下 */
@media screen and (max-width: 500px) {
	h1 {
    padding: 30px 0;
    font-size: 2.2rem;
	}

	.box h2 span{
		font-size: 1.8rem;
	}
	.box dt{
		font-size: 1.4rem;
	}
	.select li{
		width: 300px;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.select .img_box{
		width: 200px;
    height: 200px;
	}
	.select .img_box img {
			width: 100px;
	}
	.select li:first-child .img_box img {
		width: 80px;
	}
	.box{
		margin: 0;
		padding: 50px 15px;
	}
	.box .inner{
		padding: 0;
	}
	.menu a {
		font-size: 1.6rem;
		padding: 20px 45px 20px 20px
	}
	.menu a:before {
		width: 16px;
    height: 16px;
	}
	.menu a:after{
		right: 28px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.box dd img {
    width: 80%;
}
.box_inner{
	padding: 0 10px;
}
}