@charset "UTF-8";
	h2.pc{
		display: block;
	}
	h2.sp,
	img.sp{
		display: none;
	}

	
/* 1000px以下 */
@media screen and (max-width: 1000px) {
	#header .logo a{
		height: 46px;
	} 
#header{
		height: 80px;
	}
	#contents{
		padding-top: 80px;
	}
	#header .inner{
		height: 80px;
	}
	.menu-trigger{
		width: 25px;
		height: 20px;
		top: -3px;
		right: 0;
	}
	.menu-trigger span:nth-of-type(2) {
    top: 9px;
	}
	.menu-trigger.active span:nth-of-type(1){
		-webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
	}
	#nav ul {
    background: #03b6ff;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    overflow: hidden;
    padding: 12px;
    z-index:0;
    box-sizing: border-box;
    overflow-y: auto;
    opacity: 0;
		padding-top: 15%;
	}
	#nav ul.active {
    right: 0;
    opacity: 1;
}
#nav ul li {
	display: block;
	text-align: center;
	width: 100%;
}
#nav li a {
	color: #fff;
	margin: 0;
	padding: 30px 20px;
	box-sizing: border-box;
	height: auto;
	font-size: 25px;
	transform: translate(0, -5%);
	opacity: 0;
	transition: all 0.35s ease;
	display: inline-block;
	width: 100%;
}

#nav ul.active li a {
	transform: translate(0, 0);
	opacity: 1;
}
#nav li.btn a {
	background: none;
	color: #fff;
	border-radius: 0;
}
#nav ul.active li a:hover{
	border: none;
	opacity: .6;
}
#nav li.btn{
	margin-left: 0;
}
	.menu-trigger {
		display: inline-block;
	}
	.menu-trigger.active span {
    background-color: #fff;
}
h2{
	font-size: 3.0rem;
	margin-bottom: 35px;
}
h2+p{
	font-size: 1.5rem;
}
img.sp{
	display: inline;
}
h2 span:nth-of-type(2),
h2 span:nth-of-type(3){
	margin-top: 20px;
}
}

/* 750px以下 */
@media screen and (max-width: 750px) {
	h2{
		font-size: 2.0rem;
		margin-bottom: 35px;
	}
	h2 span{
		padding-bottom: 5px;
		border-bottom: 4px solid #1AC9FC;
	}
	h2+p{
		padding: 0 20px;
	}
	#header .logo a{
		width: 100px;
		height: 25px;
	} 
#header{
		height: 50px;
	}
	#contents{
		padding-top: 50px;
	}
	#header .inner{
		height: 50px;
	}
	.menu-trigger{
		width: 25px;
		height: 20px;
		top: -3px;
		right: 0;
	}
	.menu-trigger span:nth-of-type(2) {
    top: 9px;
	}
	.menu-trigger.active span:nth-of-type(1){
		-webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
	}
}
/* 500px以下 */
@media screen and (max-width: 500px) {
	.box{
		margin: 30px 2%;
		padding: 50px 0;
	}
	.select_box{
		padding: 0 10px;
	}
	h2{
		font-size: 1.8rem;
		letter-spacing: 3px;
	}
	h2+p{
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	h2 span:nth-of-type(2){
		margin-top: 10px;
	}
}