@charset "UTF-8";

.link_btn {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.link_btn {
		width: 200px;
		margin-left: 0;
		margin-right: auto;
	}
	
	.sec5 .link_btn {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}	
}

/*/////////////// MV ////////////////*/
.slider{
	width: 100%;
	height: auto;
}

.slider img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.mv .title {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width: 100%;
	
}

/*/////////////// セクション1 ////////////////*/
.sec1 .slider3 {
	position: absolute;
	top:-95px;
	left:1%;
	width: 47%;
	height: auto;
	z-index: 10;	
}

.sec1 .about {
	position: absolute;
	top: 30px;
	right: 0;
	width: 57%;
	opacity: 0.4;
}

@media (min-width: 576px) {
	.sec1 .slider3 {
		top:-135px;
		left:1%;
		width: 43%;
	}
	
	.sec1 .about {
		right: 3%;
		width: 55%;
	}
	
	.sec1 .container {
		margin-top: -10px;
	}	
}

@media (min-width: 640px) {
	.sec1 .slider3 {
		top:-155px;
	}
}

@media (min-width: 744px) {
	.sec1 .slider3 {
		top:-190px;
	}
	
	.sec1 .container {
		margin-top: 0;
	}		
}

@media (min-width: 768px) {
	.sec1 .slider3 {
		top:-30px;
		width: 34%;
	}

	.sec1 .about {
		top: 20px;
		right: 4%;
		width: 53%;
	}
	
	.sec1 .container {
		margin-top: -15px;
	}
}

@media (min-width: 992px) {
	.sec1 .slider3 {
		top:-55px;
		left:4%;
		width: 37%;
	}

	.sec1 .about {
		top: 25px;
		right: 3%;
		width: 50%;
	}
	
	.sec1 .container {
		margin-top: -10px;
	}
}

@media (min-width: 1200px) {
	.sec1 .slider3 {
		top:-55px;
		left:6%;
		width: 420px;
	}

	.sec1 .about {
		top: 30px;
		width: 45%;
	}
	
	.sec1 .container {
		margin-top: 0;
	}
}

@media (min-width: 1400px) {
	.sec1 .slider3 {
		left:12%;
		width: 440px;
	}
	
	.sec1 .container {
		margin-top: 15px;
	}
}

@media (min-width: 1600px) {
	.sec1 .slider3 {
		left:14%;
		width: 480px;
	}

	.sec1 .about {
		top: 35px;
		right: 4%;
		width: 45%;
	}
	
	.sec1 .container {
		margin-top: 45px;
	}
}


/*/////////////// セクション2 ////////////////*/
.sec2 .box {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(189,12,36,0.60);
	padding: 1.25rem;
}

.sec2 .box h2 {
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	font-size: 1.35rem;
	line-height: 1.4em;
	font-weight: 600;
	text-align: center;
}

.sec2 .box p {
	color: #fff;
	line-height: 1.65em;
	margin-bottom: 0 !important;
}

.sec2 .box:hover {
	background-color: rgba(189,12,36,1.00);
	transition-duration: 0.3s;
}

.sec2 .line_btn:hover {
	opacity: 0.7;
}

@media (min-width: 576px) {
	.sec2 .box h2 {
		font-size: 1.45rem;
	}
}

@media (min-width: 768px) {
	.sec2 .box {
		height: 11em;
	}
	
	.sec2 .box1 {
		height: 13em;
	}
	
	.sec2 .box h2 {
		font-size: 1.4rem;
	}
}

@media (min-width: 992px) {
	.sec2 .box {
		height: 8.6em;
	}
	
	.sec2 .box1 {
		height: 12em;
	}	
	
	.sec2 .box h2 {
		font-size: 1.4rem;
	}
}

@media (min-width: 1200px) {
	.sec2 .box {
		padding: 1.8rem;
	}
	
	.sec2 .box {
		height: 9.5em;
	}
	
	.sec2 .box1 {
		height: 10.7em;
	}	
}

@media (min-width: 1300px) {
	.sec2 .box h2 {
		font-size: 1.55rem;
	}
}


/*/////////////// セクション3 ////////////////*/
.slider2 {
	width: 100%;
	height: auto;
}

.slider2 img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	padding: 0 3%;
}

@media (min-width: 1300px) {
	.sec3 {
		padding-left: 2%;
	}
}

@media (min-width: 1400px) {
	.sec3 {
		padding-left: 6%;
	}
}

@media (min-width: 1500px) {
	.sec3 {
		padding-left: 9%;
	}
}

@media (min-width: 1600px) {
	.sec3 {
		padding-left: 12%;
	}
}

@media (min-width: 1700px) {
	.sec3 {
		padding-left: 14%;
	}
}


/*/////////////// セクション4 ////////////////*/
@media (min-width: 1300px) {
	.sec4 {
		padding-right: 2%;
	}
}

@media (min-width: 1400px) {
	.sec4 {
		padding-right: 6%;
	}
}

@media (min-width: 1500px) {
	.sec4 {
		padding-right: 9%;
	}
}

@media (min-width: 1600px) {
	.sec4 {
		padding-right: 12%;
	}
}

@media (min-width: 1700px) {
	.sec4 {
		padding-right: 14%;
	}
}


/*/////////////// セクション5 ////////////////*/
.sec5 .wrap {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width: 100%;
}

.sec5 a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition-duration: 0.3s;	
}