@charset "utf-8";
/* CSS Document */

#wedding_appeal {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
/* PCレイアウト */
@media (min-width: 640px) {
	
	.pc{
		display: block;
	}
	
	.sp{
		display: none;
	}
	
	
	
	
	
	/* メインビジュアル */
	.mainvisual{
		width: 100%;
		height: 470px;
		background-image:url("../img/wedding-appeal/main.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.main_01{
		text-align: center;
		padding-top: 100px;
	}
	
	.main_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* コンテンツ幅 */
	.contents01{
		max-width: 1000px;
		width: 100%;
		margin:0 auto;
	}
	
	.contents02{
		max-width: 820px;
		width: 100%;
		margin:0 auto;
	}
	
	.contents03{
		max-width: 1100px;
		width: 100%;
		margin:0 auto;
	}
	
	.contents04{
		max-width: 1550px;
		width: 100%;
		margin:0 auto;
	}
	
	
	
	
	
	/* 目次 */
	.contents{
		color: #ffffff;
		background-color: #EE71A3;
		padding: 10px 15px;
		font-size: 24px;
		letter-spacing: 3px;
	}
	
	li{
		list-style: none;
	}
	
	.contents_text{
		color: #EE71A3;
	}
	
	.contents_text li{
		margin-top: 10px;
		font-size: 20px;
		letter-spacing: 2.5px;
	}
	
	.contents_text a{
		color: #EE71A3;
	}
	
	.contents_text span{
		font-weight: bold;
	}
	
	.contents_box{
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
		padding: 0px 10px;
	}
	
	.img_01{
		margin-left: 10px;
	}
	
	.img_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* 魅力 */
	.attraction{
		margin-top: 50px;
		padding: 57px 10px;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/img_attraction_01.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.attraction_text{
		text-align: center;
	}
	
	.attraction_text_01{
		font-size: 36px;
		margin-bottom: 27px;
	}
	
	.attraction_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.attraction_text_02{
		line-height: 30px;
		font-size: 16px;
	}
	
	
	
	
	
	.box_a{
		padding-top: 57px;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/box_a_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	/* ベストシーズン */
	.season_text{
		text-align: center;
		color: #ffffff;
	}
	
	.season_text_01{
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.season_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.season_text_02{
		font-size: 24px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	.season_text_03{
		line-height: 30px;
		font-size: 16px;
	}
	
	/* 予算 */
	.budget_text{
		text-align: center;
		color: #ffffff;
		background-color: #EE71A3;
		border-radius: 25px;
		padding: 40px 0px;
		margin-top: 40px;
		background-image:url("../img/wedding-appeal/img_budget.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.budget_text_01{
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.budget_text span{
		color: #ffffff;
		font-weight: bold;
	}
	
	.budget_text_02{
		font-size: 24px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	.budget_text_03{
		line-height: 30px;
		font-size: 16px;
	}
	
	/* 旅行日程 */
	.schedule_text{
		text-align: left;
		border-radius: 25px;
		padding-bottom: 50px;
	}
	
	.schedule_text_01{
		font-size: 36px;
		margin-bottom: 10px;
	}
	
	.schedule_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.schedule_text_02{
		color: #EE71A3;
		font-size: 24px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	.schedule_text_03{
		line-height: 30px;
		font-size: 16px;
	}
	
	.schedule{
		display: flex;
		align-items: flex-end;
		margin-top: 50px;
	}
	
	.img_schedule{
		margin-right: -100px;
	}
	
	
	
	
	
	/* おすすめホテル */
	.box_b{
		padding: 57px 10px;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/box_b_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.hotel{
		background-color: #ffffff;
		padding: 55px 50px;
		border-radius: 25px;
	}
	
	.hotel_box{
		text-align: center;
		width: 45%;
	}
	
	.box01{
		border-right: 2px dotted #B8B8B8;
		padding-right: 50px;
	}
	
	.box02{
		padding-left: 50px;
	}
	
	.hotel_01 img{
		max-width: 100%;
		height: auto;
	}
	
	.hotel_text{
		text-align: center;
		font-size: 36px;
	}
	
	.hotel span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.hotel_text_01{
		font-size: 24px;
		font-weight: bold;
		margin-top: 18px;
	}
	
	.hotel_text_02{
		font-size: 18px;
		font-weight: bold;
		color: #FFBE1E;
		margin-top: 0px;
		margin-bottom: 14px;
	}
	
	.hotel_text_03{
		text-align: left;
		font-size: 16px;
	}
	
	.osusume_hotel{
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}
	
	.purple{
		color: #B38BD3;
	}
	
	
	
	
	
	/* ボタン */
	.btn{
		text-align: center;
		margin-top: 30px;
	}

	.btn1{
		background-color: #FFBE1E;
		color: #ffffff;
		display: inline-block;
		max-width: 100%;
		width: 320px; 
		height: auto;
		padding: 20px 0px;
		position: relative;
	}
	
	.btn1:hover{
		opacity: 0.8;
	}
	
	.btn a{
		text-decoration: none;
	}
	
	.button_yellow{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_yellow img{
		max-width: 100%;
		height: auto;
	}
	
	.button_purple{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_purple img{
		max-width: 100%;
		height: auto;
	}
	
	.purple_back{
		background-color: #B38BD3;
	}
	
	.button_pink{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_pink img{
		max-width: 100%;
		height: auto;
	}
	
	.pink_back{
		background-color: #EE71A3;
	}
	
	
	
	
	
	/* オプショナルツアー */
	.box_c{
		background-image: url("../img/wedding-appeal/box_c_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		padding-bottom: 60px;
		padding-left:10px;
		padding-right:10px;
	}
	
	.optional_title{
		text-align: center;
		font-size: 36px;
		padding-top: 60px;
		margin-bottom: 30px;
	}
	
	.optional span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.optional_text_01{
		font-size: 24px;
		color: #EE71A3;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.optional_text_02{
		font-size: 16px;
	}
	
	.optional_text_03{
		font-size: 18px;
		color: #EE71A3;
		font-weight: bold;
		margin-top: 10px;
	}
	
	.optional_text{
		text-align: center;
		width: 495px;
	}
	
	.optional_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.optional_img_01 img{
		max-width: 100%;
		height: auto;
	}
	
	.optional_img_02 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* 体験談 */
	.experience{
		padding: 50px 10px;
		background-image: url("../img/wedding-appeal/experience_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}
	
	.experience_title h2{
		font-size: 36px;
		margin-top: 30px;
		margin-left: 20px;
	}
	
	.experience_title h2 span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.experience_text{
		background-color: rgba(255, 255, 255, 0.8);
		width: 450px;
		padding: 60px;
		border-radius: 25px;
		margin-left: 10px;
	}
	
	.experience_text_01{
		font-weight: bold;
		text-align: center;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.experience_text_02{
		line-height: 30px;
		font-size: 16px;
	}
	
	.experience_box{
		display: flex;
		justify-content: space-between;
	}
	
	.experience_box_01{
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.img_experience{
		position: absolute;
		top: 20%;
		left: 0;
		right: 54%;
	}
	
	.img_experience img{
		max-width: 100%;
		height: auto;
	}
	
}





/* スマホレイアウト */
@media (max-width: 639px) {
	#appeal-1,#appeal-2,#appeal-3,#appeal-4,#appeal-5,#appeal-6,#appeal-7{
  scroll-margin-top: 65px;
}
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
	
	
	
	
	
	/* メインビジュアル */
	.mainvisual{
		width: 100%;
		height: 114vw;
		background-image:url("../img/wedding-appeal/main_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}
	
	.main_01{
		text-align: center;
		padding: 28vw 12vw;
	}
	
	.main_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* 目次 */
	.contents{
		color: #ffffff;
		background-color: #EE71A3;
		padding: 1.5vw 15px;
		font-size: 4vw;
		letter-spacing: 3px;
	}
	
	li{
		list-style: none;
	}
	
	.contents_text{
		color: #EE71A3;
	}
	
	.contents_text li{
		margin-top: 2vw;
		font-size: 3.7vw;
		letter-spacing: 2.5px;
	}
	
	.contents_text a{
		color: #EE71A3;
	}
	
	.contents_text span{
		font-weight: bold;
	}
	
	.contents_box{
		margin-top: 7.8vw;
		padding: 0px 28px;
	}
	
	.img_01{
		margin-top: 6vw;
	}
	
	.img_01 img{
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	
	
	
	
	
	/* 魅力 */
	.attraction{
		margin-top: 7.8vw;
		padding: 8.9vw 0px;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/img_attraction_01_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		padding-right: 28px;
		padding-left: 28px;
	}
	
	.attraction_text{
		text-align: center;
	}
	
	.attraction_text_01{
		font-size: 6.6vw;
		margin-bottom: 4.2vw;
	}
	
	.attraction_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.attraction_text_02{
		line-height: 5vw;
		text-align: left;
		font-size: 3.7vw;
		padding-left: 25vw;
	}
	
	
	
	
	
	.box_a{
		padding-top: 8.9vw;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/box_a_back_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding-right: 28px;
		padding-left: 28px;
	}
	
	/* ベストシーズン */
	.season_text{
		text-align: center;
		color: #ffffff;
	}
	
	.season_text_01{
		font-size: 6.6vw;
		margin-bottom: 10px;
	}
	
	.season_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.season_text_02{
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	.season_text_03{
		line-height: 5vw;
		font-size: 3.7vw;
		text-align: left;
	}
	
	/* 予算 */
	.budget_text{
		text-align: center;
		color: #ffffff;
		background-color: #EE71A3;
		border-radius: 3.9vw;
		padding: 6.2vw 5.4vw;
		margin-top: 6.2vw;
		background-image:url("../img/wedding-appeal/img_budget_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
	}
	
	.budget_text_01{
		font-size: 6.6vw;
		margin-bottom: 10px;
	}
	
	.budget_text span{
		color: #ffffff;
		font-weight: bold;
	}
	
	.budget_text_02{
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 4.6vw;
		margin-bottom: 10px;
	}
	
	.budget_text_03{
		line-height: 5vw;
		font-size: 3.7vw;
		text-align: left;
	}
	
	/* 旅行日程 */
	.schedule_text{
		border-radius: 25px;
		text-align: center;
	}
	
	.schedule_text_01{
		font-size: 6.6vw;
		margin-bottom: 10px;
	}
	
	.schedule_text span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.schedule_text_02{
		color: #EE71A3;
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 4.6vw;
		margin-bottom: 10px;
	}
	
	.schedule_text_03{
		line-height: 5vw;
		font-size: 3.7vw;
		text-align: left;
	}
	
	.schedule{
		margin-top: 6.2vw;
	}
	
	.img_schedule{
		text-align: center;
		margin-top: 4vw;
		padding: 0px 15vw;
	}
	
	.img_schedule img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* おすすめホテル */
	.box_b{
		padding:8.9vw 28px;
		background-color: #E8E9EA;
		background-image: url("../img/wedding-appeal/box_b_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.hotel{
		background-color: #ffffff;
		padding: 8.6vw 4.6vw;
		border-radius: 3.9vw;
	}
	
	.hotel_box{
		text-align: center;
	}
	
	.box01{
		border-bottom: 2px dotted #B8B8B8;
		padding-bottom: 5.4vw;
	}
	
	.box02{
		padding-top: 5.4vw;
	}
	
	.hotel_01 img{
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	
	.hotel_text{
		text-align: center;
		font-size: 6.6vw;
	}
	
	.hotel span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.hotel_text_01{
		font-size: 4.8vw;
		font-weight: bold;
		margin-top: 2.5vw;
	}
	
	.hotel_text_02{
		font-size: 3.2vw;
		font-weight: bold;
		color: #FFBE1E;
		margin-top: 0px;
		margin-bottom: 14px;
	}
	
	.hotel_text_03{
		text-align: left;
		font-size: 3.7vw;
	}
	
	.osusume_hotel{
		margin-top: 4vw;
	}
	
	.purple{
		color: #B38BD3;
	}
	
	
	
	
	
	/* ボタン */
	.btn{
		text-align: center;
		margin-top: 20px;
	}

	.btn1{
		background-color: #FFBE1E;
		color: #ffffff;
		display: inline-block;
		max-width: 100%;
		width: 320px; 
		height: auto;
		padding: 20px 0px;
		position: relative;
		font-size: 3.7vw;
	}
	
	.btn a{
		text-decoration: none;
	}
	
	.button_yellow{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_yellow img{
		max-width: 100%;
		height: auto;
	}
	
	.button_purple{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_purple img{
		max-width: 100%;
		height: auto;
	}
	
	.purple_back{
		background-color: #B38BD3;
	}
	
	.button_pink{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	
	.button_pink img{
		max-width: 100%;
		height: auto;
	}
	
	.pink_back{
		background-color: #EE71A3;
	}
	
	
	
	
	
	/* オプショナルツアー */
	.box_c{
		background-image: url("../img/wedding-appeal/box_c_back_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		padding-bottom: 30px;
		padding-left:28px;
		padding-right:28px;
	}
	
	.optional_title{
		text-align: center;
		font-size: 6.6vw;
		padding-top: 10vw;
		margin-bottom: 4.6vw;
	}
	
	.optional span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.optional_text_01{
		font-size: 4.5vw;
		color: #EE71A3;
		font-weight: bold;
		margin-bottom: 1.5vw;
	}
	
	.optional_text_02{
		font-size: 3.7vw;
		text-align: left;
	}
	
	.optional_text_03{
		font-size: 3.7vw;
		color: #EE71A3;
		font-weight: bold;
		margin-top: 1.5vw;
		text-align: left;
	}
	
	.optional_text{
		text-align: center;
		width: 100%;
		margin-top: 4vw;
	}
	
	.optional_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 7.8vw;
	}
	
	.optional_img_01 img{
		max-width: 100%;
		height: auto;
	}
	
	.optional_img_02 img{
		max-width: 100%;
		height: auto;
	}
	
	.box_02{
		flex-wrap: wrap-reverse;
	}
	
	
	
	
	
	/* 体験談 */
	.experience{
		padding: 7.8vw 0px;
		background-image: url("../img/wedding-appeal/experience_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}
	
	.experience_title h2{
		font-size: 6.6vw;
		text-align: center;
	}
	
	.experience_title h2 span{
		color: #EE71A3;
		font-weight: bold;
	}
	
	.experience_text{
		background-color: rgba(255, 255, 255, 0.8);
		padding: 7.8vw;
		border-radius: 25px;
	}
	
	.experience_text_01{
		font-weight: bold;
		text-align: center;
		font-size: 4vw;
		margin-bottom: 1.5vw;
	}
	
	.experience_text_02{
		line-height: 5vw;
		font-size: 3.7vw;
	}
	
	.experience_box_01{
		padding: 0px 28px;
	}
	
	.img_experience{
		text-align: center;
		margin-bottom: -4.6vw;
	}
	
	.img_experience img{
		max-width: 100%;
		height: auto;
	}
	
}