@charset "UTF-8";

/*----------------------------
contents
-----------------------------*/

#contents{
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 175px;
	min-height: 100vh;
}

#contents.shochu{
	background-image: url(../img/shochu/bg01.jpg);
}

.wrap{
	width: 900px;
}
h1.page_title{
	line-height: 1.4;
	text-align:center;
	color: #231815;
}
h1.page_title + p{
	text-align:center;
	line-height: 1.5;
	font-size:1.8rem;
	color: #231815;
	margin-top: 30px;
}
h2{
	font-size:2.1rem;
	margin:40px 0 15px;
}
h2+p{
	font-size:1.5rem;
	line-height:1.9;
}

.btn01{
	margin-top: 145px;
}
.btn02, .btn03{
	margin-top: 10px;
}
.btn04{
	margin-top: 60px;
}
.sec03 h2{
	font-size:2.7rem;
	font-weight:normal;
	text-align:center;
	margin-top:60px;
}
.sec03 h2+p{
	text-align:center;
	font-size:1.2rem;
}
.sec03 div{
	width:500px;
	margin:20px auto 0;
}
.sec03 div .ttl{
	position:relative;
	background:#333;
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	line-height:2.0;
	border-radius:25px;
}
.sec03 div .ttl span{
	display:inline-block;
	font-size:1.2rem;
	vertical-align:text-bottom;
}
.sec03 div .ttl+p{
	font-size:1.3rem;
	text-align:center;
	line-height:1.6;
	margin:5px 0 25px;
}
.sec03 div p+.ttl::after{
	content:'';
	position:absolute;
	top:-17px;
	left:50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #000 transparent transparent transparent;
	margin-left:-7px;
}


@media screen and (max-width: 768px) {

	body::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background:url(../img/shochu/bg01.jpg) center/cover no-repeat; /*fixedをトル！*/
		-webkit-background-size:cover;/*Android4*/
	}

	#contents{
		background: none!important;
	}


	.wrap{
		width: 96%;
	}
	#contents{
		padding-top: 70px;
	}
	h1.page_title + p {
		font-size:1.4rem;
		margin-top: 8%;
	}
	h2 {
	    font-size: 1.6rem;
	    margin: 8% 0 2%;
	}
	h2+p{
		font-size:1.2rem;
	}
	.sec03 h2{
		font-size:2.0rem;
		margin-top:10%;
	}
	.sec03 div{
		width:100%;
		margin:5% auto 0;
	}
	.sec03 div .ttl{
		font-size:1.4rem;
	}
	.sec03 div .ttl span{
		font-size:1.0rem;
	}
	.sec03 div .ttl+p{
		font-size:1.2rem;
	}
	.sec03 div .ttl+p br{
		display:none;
	}

	.btn01 {
		margin-top: 21%;
	}
	.btn02, .btn03 {
		margin-top: 2%;
	}
	.btn04 {
		margin-top: 15%;
	}

}