/* ===================================================================
GWキャンペーン
=================================================================== */


.mv-autumn1910{
	background: url(../img/cp_spring2020/bg_mv_cp_spring2002.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
}
.mv-autumn1910:before{
	content: "";
	display: block;
	padding-top: 45%;
}



.cont-cp-autumn{
	background:url(../img/cp_spring2020/bg_cp_spring2002.jpg) center center repeat;
	font-size: 16px;
}

.cont-cp{
	max-width: 1240px;
    width: calc(100% - 20px);
    margin: 0 auto;
    padding-bottom: 30px;
}
.cont-cp .ttl_cp_autumn_plan{
	text-align: center;
	margin-bottom: 3em;
}
.cont-cp-outloine{
	background-color: #fff;
    max-width: 1100px;
    width: calc(100% - 20px);
    margin: 0 auto 40px;
    position: relative;
    padding: 1%;
    text-align: center;
    font-size: 1.2em;
    background-image:url(../img/cp_spring2020/bg_cp_spring_outline_left.png),url(../img/cp_spring2020/bg_cp_spring_outline_right.png);
    background-position: left bottom,right top;
    background-repeat: no-repeat,no-repeat;
    margin-top: -6%;
}
.cont-cp-outloine .outline-inner{
	padding: 8% 5%;
	border: solid 1px #7f3b1a;
	line-height: 1.8em;
}
.cont-cp-outloine h3{
	color: #7f3b1a;
	font-size: 1.6em;
	margin-bottom: 1em;
}

.ttl-cp-autumn{
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	padding: 2em 0;
	margin-bottom: 3em;
}
.ttl-cp-autumn dl dt{
	font-weight: bold;
	font-size: 1.8em;
}
.cp-autumn-plan{
	margin-bottom: 3em;
}
.cp-autumn-plan01 .plan01 .col-left .photos{
	background-color: rgba(237,138,117,0.2);
	padding: 5.4%;
	display: flex;
	width: 100%;
	justify-content: space-between;
	position: relative;
}
.cp-autumn-plan01 .plan01 .col-left .photos p.or{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -59px;
	margin-top: -28px;
}
.cp-autumn-plan01 .plan01 .col-left .photos .photo{
	
}
.photo{
	position: relative;
	display: inline-block;
}
.photo:after{
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(134,70,71,1) 0%,rgba(134,70,71,0) 30%);
}
.photo.blue:after{
	background: linear-gradient(to top, rgba(78,79,151,1) 0%,rgba(109,51,22,0) 30%);
}

.photo p{
	text-align: center;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #fff;
	z-index: 1;
	padding: 1em;
	font-size: 1.4em;
}
.cont-set{
	background: url(../img/cp_spring2020/bg_cp_spring_set.jpg) center center repeat;
	color: #fff;
	padding: 2%;
}
.cont-set .set-inner{
	padding: 5%;
	border: solid 1px #fff;
}
.cont-set .set-inner h4{
	text-align: center;
	margin-bottom: 1em;
	font-size: 24px;
}

.cont-hakama{
	background-color: #864647;
	color: #fff;
	
}
.cont-hakama .cont-left{
}
.cont-hakama .cont-left .inner{
	padding: 10%;	
}
.cont-hakama .cont-left h5{
	margin-bottom: 2em;
}
.cont-hakama .cont-left p{
	margin-bottom: 1em;
}
.cont-hakama .cont-left p span{
	color: #fc9f4d;
}
.section-cp_autumn-cta{
	background:url(../img/cp_spring2020/bg_cp_spring_cta.jpg) top center no-repeat;
	background-size: cover;
	color: #cb3b4a;
}
.section-cp_autumn-cta .inner{
	padding: 3em 0;
	text-align: center;
}
.section-cp_autumn-cta .inner p{
	margin-bottom: 1em;
}
.section-cp_autumn-cta .inner dl{
	margin-bottom: 1em;
}
.section-cp_autumn-cta .inner dl dt{
	font-weight: bold;
}




@media (min-width: 769px) {/*PC*/
	.mv-autumn1910 h2{
		position: absolute;
		left: 56%;
		top: 58%;
		transform: translate(-10%, -60%);
		width: 50%;
		margin-left: -40%;
		
	}
	.mv-autumn1910 h2.sp{
		display: none;
	}
	.outline-inner h3 br{
		display: none;
	}
	.ttl-cp-autumn dl{
		display: table;
		width: 100%;
	}
	.ttl-cp-autumn dl dt,
	.ttl-cp-autumn dl dd{
		display: table-cell;
		vertical-align: middle;
	}
	.ttl-cp-autumn dl dt{
		width: 30%;
		border-right: solid 1px #bfbfbf;
		text-align: center;
		padding: 1em 0;
	}
	.ttl-cp-autumn dl dd{
		width: 70%;
		padding-left: 2em;
	}
	.cp-autumn-plan01 .plan01{
		display: flex;
		justify-content: space-between;
		position: relative;
		margin-bottom: 3em;
	}
	.cp-autumn-plan01 .plan01 .col-left{
		width: 720px;
	}
	.cp-autumn-plan01 .plan01 .col-right{}
	
	.cp-autumn-plan01 .plan01 .arrow-set-right{
		position: absolute;
		top: 50%;
		left: 59%;
		margin-top: -55px
		
	}
	.cp-autumn-plan01 .plan01 .arrow-set-down{
		display: none;
	}
	.cont-set .set-inner .set{
		display: table;
		width: 100%;
	}
	.cont-set .set-inner .set dl{
		display: table-cell;
		width: 50%;
	}
	.cont-set .set-inner .set dl:first-child{
		padding-right: 5%;
		border-right: solid 1px #fff;
	}
	.cont-set .set-inner .set dl:last-child{
		padding-left: 5%;
	}
	.cont-set .set-inner .set dl dt{
		font-weight: bold;
		margin-bottom: 1em;
	}
	.cont-set .set-inner .set dl dd{
		line-height: 1.8em;
	}
	.cont-set .set-inner h4:before,
	.cont-set .set-inner h4:after{
		content: "";
		display: inline-block;
		width: 40px;
		height: 20px;
		background: url(../img/icon_hishi_white.png) center center no-repeat;
		padding:0 .5em;
	}
	.cp-autumn-plan .plan02{
		max-width: 76%;
		margin: 0 auto 3em;
	}
	.cp-autumn-plan .plan02 .inner{
		margin-bottom: 1em;
		display: flex;
		justify-content: space-between;
	}
	.cont-hakama{
		display: table;
		margin-bottom: 60px;
	}
	.cont-hakama .cont-left,
	.cont-hakama .cont-right{
		display: table-cell;
		vertical-align: top;
	}
	.cont-hakama .cont-left{
		width: 720px;
		position: relative;
		
	}
	.cont-hakama .cont-left .inner{
		text-align: left;
	}
	.cont-hakama .cont-right{
		width: 520px;
	}
	.cont-hakama .cont-left:before{
		content: "";
		display: block;
		width: 690;
		height: 490;
		border: solid 1px rgba(255,255,255,.5);
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
	}
	.cont-hakama .cont-left p{
		font-size: 18px;
		line-height: 1.8em;
	}
	.section-cp_autumn-cta .inner p{
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 1.5em;
	}
	.section-cp_autumn-cta .inner dl{
		margin-bottom: 2em;
	}
	.section-cp_autumn-cta .inner dl dt{
		font-size: 52px;
		font-family: YuMincho,'Yu Mincho',serif;
		margin-bottom: .5em;
	}
	.section-cp_autumn-cta .inner dl dd{
		font-size: 18px;
	}
	.section-cp_autumn-cta .inner{
		padding: 140px 0;
	}
	.section-cp_autumn-cta .inner ul{
		width: 700px;
		margin: 0 auto;
	}
	.section-cp_autumn-cta .inner ul li{
		display: inline-block;
		width: 40%;
		padding: 0 1vw;
	}
}
@media (max-width: 768px) {/*SP*/
	.mv-autumn1910{overflow: hidden;}
	.mv-autumn1910:before{
		content: "";
		display: block;
		padding-top: 65%;
	}
	.mv-autumn1910 h2{
		position: absolute;
		left: 24%;
		top: 58%;
		transform: translate(-40%, -60%);
	}
	.mv-autumn1910 h2.pc{
		display: none;
	}
	.cont-cp .ttl_cp_autumn_plan{
		margin-bottom: 1em;
	}
	.cont-cp-outloine{
		font-size: 12px;
	}
	.cont-cp-outloine{
		background-size: 40%;
	}
	.cont-cp-outloine h3{
		font-size: 18px;
	}
	.ttl_cp_autumn_plan{
		width: 80vw;
		margin: 0 auto;
	}
	.ttl-cp-autumn{
		margin-bottom: 1em;
	}
	.ttl-cp-autumn dl dt{
		font-size: 18px;
		margin-bottom: .5em;
	}
	.ttl-cp-autumn{
		padding: 1.5em 0;
	}
	.ttl-cp-autumn dl dd{
		font-size: 14px;
		line-height: 1.6em;
	}
	.ttl-cp-autumn dl dd br{
		display: none;
	}
	.cont-set .set-inner h4{
		font-size: 16px;
	}
	.cont-set .set-inner h4:before{
		content: "";
		display: block;
		width: 30px;
		height: 15px;
		margin: 0 auto;
		background: url(../img/icon_hishi_white.png) center center no-repeat;
		background-size: contain;
		margin-bottom: .5em;
	}
	.cont-set .set-inner dl{
		font-size: 14px;
		margin-bottom: 1em;
	}
	.cont-set .set-inner dl dt{
		margin-bottom: .5em;
		font-weight: bold;
	}
	.cp-autumn-plan01 .plan01 .col-left .photos p.or{
		width: 80px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -20px;
	}
	.arrow-set-right{
		display: none;
	}
	.arrow-set-down{
		text-align: center;
		margin-bottom: 1em;
	}
	.arrow-set-down img{
		width: 80px;
	}
	.plan01{
		margin-bottom: 2em;
	}
	.plan01 .col-right{
		width: 60vw;
		margin: 0 auto;
	}
	.plan01 .photos{
		margin-bottom: 1em;
	}
	.photo p{
		padding: 1em;
		font-size: 16px;
	}
	.plan02{margin-bottom: 2em;}
	.plan02 .inner{
		margin-bottom: .5em;
	}
	.plan02 .photo{
		display: table-cell;
		width: 50%;

	}
	.plan02 .note{
		font-size: 14px;
	}
	.cont-hakama{
		padding: 5%;
		margin-bottom: 2em;
	}
	.cont-hakama .cont-left .inner{
		padding: 0;
	}
	.section-cp_autumn-cta .inner ul li{
		display: inline-block;
		width: 43vw;
		padding: 0 1vw;
	}
	.section-cp_autumn-cta .inner dl dt{
		font-size: 24px;
	}
}