@charset "UTF-8";

/* 共通
-------------------------------------------------- */
.sec_title{
	margin:0 0 5px;
	text-align: center;
}

/* btn */
.more_btn{
	clear: both;
	margin: 20px 0 50px;
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
}
	.more_btn a{
		display: block;
		width: 325px;
		border-radius: 5px;
		position: relative;
	}
	#content01 .more_btn a{background: #E5BC0F;}
	#content02 .more_btn a{background: #F7A1A5;}
	#content03 .more_btn a{background: #6B66A0;}
	#content04 .more_btn a{background: #A3452E;}
	.more_btn a:after{
		content: "";
		background: url(../img/more_arrow.png) no-repeat center/contain;
		width: 26.25px;
		height: 26.25px;
		position: absolute;
		top: 18px;
		right: 20px;
	}

/* bnr */
.bnr_area{
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/* -webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between; */
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
	.bnr_area li{
		max-width: 250px;
		width: 100%;
		flex-shrink: 0;
	}
	#content01 .bnr_area li,#content04 .bnr_area li{
		max-width: 200px;
		width: 100%;
		flex-shrink: 0;
	}


/* Key Visual
-------------------------------------------------- */
.l-kv {
	background: url(../img/title_photo.png) no-repeat center 65%/91.3vw,
							url(../img/main_pc.jpg) no-repeat center/cover;
	padding: 70% 0 0;
	position: relative;
}
	.l-kv .u-inner {
		position: absolute;
		top: 0;
		left: 30%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.l-kv .l-banner {
		display: inline-block;
		margin-top: -7px;
		max-width: 346px;
	}
	.l-kv .l-arrow {
		display: block;
		max-width: 52px;
		position: absolute;
		left: 50%;
		bottom: 6%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.l-kv .l-arrow a{
		display: block;
	}

#CONTENT{
	background: url(../img/bg_01.jpg) repeat center top/826px;
	padding: 45px 0 0;
}

#main_title{
	padding: 0 0 34px;
	text-align: center;
	position: relative;
}
#main_title::before,#main_title::after{
	content: '';
	position: absolute;
}
#main_title::before{
	width: 120px;
	height: 94px;
	background: url(../img/main_title_cut_l.png) no-repeat center center/contain;
	left: -60px;
	bottom: -35px;
}
#main_title::after{
	width: 123px;
	height: 93px;
	background: url(../img/main_title_cut_r.png) no-repeat center center/contain;
	right: -50px;
	bottom: -30px;
}
#main_title h2{
	margin: 0 auto;
	max-width: 744px;
}
.read{
	margin: 0 0 30px;
	color: #604D3F;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.read.red{
	margin: 0 0 70px;
	color: #FF0000;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.main_map_wrap{
	background: url(../img/main_map_cut_l.png) no-repeat left 8px center/230px,
							url(../img/main_map_cut_r.png) no-repeat right 39px top/201px;
	margin-bottom: 75px;
}
.main_map{
	margin: 0 auto;
	max-width: 695px;
}
.main_map img{
	display: block;
	padding-right: 139px;
}

/* ページ内リンク
-------------------------------------------------- */
.btn_wrap{
	background: url(../img/bg_02.jpg) repeat center center/800px;
	padding: 80px 0 55px;
	position: relative;
}
.btn_title{
	width: 100%;
	text-align: center;
	position: absolute;
	top: -30px;
	left: 0;
}
.btn_title img{
	width: 100%;
	max-width: 345px;
}
.content_btn{
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.content_btn li{
	width: 33%;
}


/* 画像配置 */
.photo img{
	border-radius: 20px;
}
.photo,
.photo_right{
	margin-bottom: 30px;
}
.photo_m_area{
	position: relative;
}
/* 画像右寄せ */
.photo_right{
	overflow: hidden;
}
	.photo_right img{
		float: right;
	}

.box{
	position: relative;
}
.right{
	float: right;
}
.left{
	float: left;
}
.photo_s{
	position: absolute;
	top: -110px;
	right: -20px;
}

/* h3_icon */
h3 {
	line-height: 1.3;
	margin-bottom: 20px;
	position: relative;
}
h3 mark{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #F7FF26));
	background: linear-gradient(transparent 70%, #F7FF26 10%);
	font-size: 24px;
	color: #4D4D4D;
	vertical-align: middle;
}
h3.icon{
	vertical-align: middle;
}
h3.icon::after{
	content: '';
	display: inline-block;
	height: 38px;
	width: 84px;
	margin-left: 8px;
	vertical-align: middle;
}
h3.icon_gero::after{
	background: url(../img/icon_gero.png) no-repeat center center/contain;
}
h3.icon_huru::after{
	background: url(../img/icon_huru.png) no-repeat center center/contain;
}
h3.icon_sira::after{
	background: url(../img/icon_sira.png) no-repeat center center/contain;
	width: 70px;
}
h3.icon_sira_huru::after{
	background: url(../img/icon_sira_huru.png) no-repeat center center/contain;
	width: 159px;
}
h3.icon_taka::after{
	background: url(../img/icon_taka.png) no-repeat center center/contain;
}
br.pc{
	display: inline-block;
}
.icon_gifu a{
	position: relative;
	display: block;
}
.txt_area span.red,
.txt_wrap span.red{
	color: #FF0000;
}

/* #content01
-------------------------------------------------- */
#content01{
	margin-bottom: 80px;
}
#content01 h2.sec_title img{
	width: 562px;
}
/* .content01_bg01 */
.content01_bg01{
	padding: 50px 0;
	position: relative;
}
	.content01_bg01:before{
		content: "";
		background: url(../img/bg_03.png) repeat-X center top/1568px,#FFFCB2;
		height: 470px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content01_bg01 .photo_m_area{
		height: 390px;
	}
	.content01_bg01 .photo_m_l{
		width: 60.6%;
		position: absolute;
		left: -70px;
		top: -60px;
	}
	.content01_bg01 .photo_m_r{
		width: 51.5%;
		position: absolute;
		right: -35px;
		top: 0;
	}
	.content01_bg01 .txt_area{
		max-width: 85%;
		width: 100%;
	}

	/* .content01_bg02 */
	.content01_bg02{
		padding: 60px 0 50px;
		position: relative;
	}
	.content01_bg02:before{
		content: "";
		background: #FFFCB2;
		height: 420px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content01_bg02 .txt_area{
		width: 46.9%;
	}
	.content01_bg02 .photo_s{
		width: 54.3%;
		top: 0;
		left: -19px;
	}
	.content01_bg02 .tips{
		background: url(../img/bg_tips.jpg) no-repeat center center/cover;
		border-radius: 10px;
		margin: 30px 0;
		padding: 25px 0;
		text-align: center;
	}
	.content01_bg02 .tips p{
		display: inline-block;
		padding-left: 150px;
		font-size: 20px;
		position: relative;
	}
	.content01_bg02 .tips p::before,
	.icon_gifu a::before{
		content: '';
		width: 132px;
		height: 137px;
		background: url(../img/icon_gifu.png) no-repeat center center/contain;
		position: absolute;
	}
	.content01_bg02 .tips p::before{
		top: calc(50% - 69px);
		left: 0;
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	.content01_bg02 .photo.icon_gifu a::before{
		top: -44px;
		left: -31px;
	}

/* .content01_bg03 */
.content01_bg03 .photo_m_area{
	height: 408px;
}
.content01_bg03 .photo_m_l{
	width: 54.8%;
	position: absolute;
	left: 0;
	top: 85px;
}
.content01_bg03 .photo_m_r{
	width: 54.2%;
	position: absolute;
	right: 0;
	top: 0;
}
.content01_bg03 .txt_area{
	max-width: 43.5%;
	width: 100%;
}
.content01_bg03 .icon_gifu a::before{
	top: 80px;
	left: 10px;
}
/* .content01_bg04 */
.content01_bg04 .photo_m_area{
	height: 398px;
}
.content01_bg04 .photo_m_l{
	width: 50.2%;
	position: absolute;
	left: 0;
	top: -15px;
}
.content01_bg04 .photo_m_r{
	width: 57.8%;
	position: absolute;
	right: -55px;
	top: 40px;
}
.content01_bg04 .txt_area{
	max-width: 40%;
	width: 100%;
	margin-bottom: 10px;
}
.content01_bg04 .icon_gifu a::before{
	top: -20px;
	left: 10px;
}

/* #content02
-------------------------------------------------- */
#content02{
	padding-top: 50px;
	position: relative;
}
#content02:before{
	content: "";
	background: url(../img/bg_04.png) repeat-X center top 4px/1072px,#FFE5DD;
	height: 470px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
	#content02 h2.sec_title{
		margin-bottom: 35px;
	}
	#content02 h2.sec_title img{
		width: 634px;
	}
	#content02 .tips{
		background: url(../img/bg_05.png) repeat-X left top/1000px;
		padding: 15px 50px 0;
	}
	#content02 .tips .tips_flex{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
		padding: 15px 0;
	}
	#content02 .tips .tips_flex .img_wrap{
		-webkit-flex: 0 0 250px;
		-ms-flex: 0 0 250px;
		flex: 0 0 250px;
		width: 250px;
		max-width: 250px;
		margin-right: 39px;
	}
	#content02 .tips .tips_flex .txt_wrap{
		-webkit-flex: 0 0 461px;
		-ms-flex: 0 0 461px;
		flex: 0 0 461px;
		width: 461px;
		max-width: 461px;
		position: relative;
	}
	#content02 .tips::before{
		content: '';
		width: 196px;
		height: 122px;
		background: url(../img/icon_sakura.png) no-repeat center center/contain;
		position: absolute;
		top: -20px;
		right: 30px;
	}
	#content02 .tips .tips_flex.tips_flex_w .img_wrap{
		-webkit-flex: 0 0 400px;
		-ms-flex: 0 0 400px;
		flex: 0 0 400px;
		width: 400px;
		max-width: 400px;
		margin-right: 8px;
	}
	#content02 .tips .tips_flex.tips_flex_w .txt_wrap{
		-webkit-flex: 0 0 492px;
		-ms-flex: 0 0 492px;
		flex: 0 0 492px;
		width: 492px;
		max-width: 492px;
	}
	#content02 .content02_bg04 .tips::before{
		top: -20px;
		right: -28px;
	}
	#content02 .tips .tips_flex.tips_flex_w:nth-child(1) .img_wrap img{
		max-width: 250px;
	}
	#content02 .tips .tips_flex.tips_flex_w:nth-child(2){
		background: url(../img/line_01.png) no-repeat center top/940px;
	}
	.content02_bg01{
		padding: 0 0 70px;
	}
	.content02_bg01 .left{
		max-width: 49%;
		width: 100%;
		padding-bottom: 40px;
	}
	.content02_bg01 .right{
		width: 47%;
		position: relative;
	}
	.content02_bg01 .right .img_wrap{
		width: 51.5vw;
		max-width: 515px;
		position: absolute;
		top: -70px;
		left: 0;
	}
	.content02_bg01 .txt_area{
		margin: 515px 0 30px;
	}
	.content02_bg01 .txt_area p:not(.more_btn){
		margin-bottom: 25px;
	}
	#content02 .tips .more_btn {
		margin: 20px 0 0;
	}

.content02_bg02{
	padding: 70px 0;
	position: relative;
}
.content02_bg02:before{
	content: "";
	background: #FFE5DD;
	height: 420px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content02_bg02 .txt_area{
	width: 46.9%;
	min-height: 470px;
}
.content02_bg02 .photo_s{
	width: 105%;
	top: 0;
	left: -65px;
}
/* .content02_bg03 */
.content02_bg03 .photo_m_area{
	height: 400px;
}
.content02_bg03 .photo_m_l{
	width: 54.7%;
	position: absolute;
	left: 0;
	top: 73px;
}
.content02_bg03 .photo_m_r{
	width: 55.5%;
	position: absolute;
	right: 0;
	top: -60px;
}
.content02_bg03 .txt_area{
	max-width: 42.8%;
	width: 100%;
}
/* .content02_bg04 */
.content02_bg04 .photo_m_area{
	height: 460px;
}
.content02_bg04 .photo_m_l{
	width: 59.6%;
	position: absolute;
	left: 14px;
	top: -45px;
}
.content02_bg04 .photo_m_r{
	width: 52.8%;
	position: absolute;
	right: -7px;
	top: 0;
}
.content02_bg04 .txt_area{
	max-width: 40%;
	width: 100%;
	margin: 0 0 10px 120px;
}
.content02_bg04 .tips{
	margin-bottom: 60px;
}
#content02 .bnr_wrap{
	padding-top: 117px;
	position: relative;
	background: url(../img/bg_06.png) repeat-X center bottom/1366px,url(../img/bg_07.png) repeat-X center bottom/2030px;
}
#content02 .bnr_wrap .bnr_title{
	width: 100%;
	text-align: center;
	position: absolute;
	top: -117px;
	left: 0;
}
#content02 .bnr_wrap .bnr_title img{
	width: 529px;
}
#content02 .bnr_area{
	padding: 90px 0 75px;
}
/* #content03
-------------------------------------------------- */

#content03 h2.sec_title img{
	width: 562px;
}
/* .content03_bg01 */
.content03_bg01{
	padding: 50px 0 10px;
	position: relative;
}
	.content03_bg01:before{
		content: "";
		background: url(../img/bg_08.png) repeat-X center top/850px,#DCDDED;
		height: 470px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content03_bg01 .photo_m_area{
		height: 395px;
	}
	.content03_bg01 .photo_m_l{
		width: 58%;
		position: absolute;
		left: -43px;
		top: -58px;
		z-index: 1;
	}
	.content03_bg01 .photo_m_r{
		width: 52.4%;
		position: absolute;
		right: -8px;
		top: 13px;
		z-index: 0;
	}
	.content03_bg01 .txt_area{
		max-width: 85%;
		width: 100%;
	}

	/* .content03_bg02 */
	.content03_bg02{
		padding: 0 0 50px;
		position: relative;
	}
	.content03_bg02 .txt_area{
		width: 46.9%;
	}
	.content03_bg02 .photo_s{
		width: 51.8%;
		top: 13px;
		left: -18px;
	}
	.icon_unesco{
		position: relative;
	}
	.icon_unesco::before{
		content: '';
		width: 135px;
		height: 135px;
		background: url(../img/icon_unesco.png) no-repeat center center/contain;
		position: absolute;
		top: -43px;
		left: -31px;
	}
/* .content03_bg03 */
.content03_bg03 .photo_m_area{
	height: 445px;
}
.content03_bg03 .photo_m_l{
	width: 54.5%;
	position: absolute;
	left: 0;
	top: 160px;
}
.content03_bg03 .photo_m_r{
	width: 60.9%;
	position: absolute;
	right: 5px;
	top: 0;
}
.content03_bg03 .txt_area{
	max-width: 42.8%;
	width: 100%;
}

/* .content03_bg04 */
.content03_bg04 .photo_m_area{
	height: 398px;
}
.content03_bg04 .photo_m_l{
	width: 49.4%;
	position: absolute;
	left: -3px;
	top: 0;
}
.content03_bg04 .photo_m_r{
	width: 57.8%;
	position: absolute;
	right: -55px;
	top: 0;
}
.content03_bg04 .txt_area{
	max-width: 40%;
	width: 100%;
	margin-bottom: 10px;
}

/* #content04
-------------------------------------------------- */
#content04{
	padding: 50px 0 90px;
	background: #FFF8E3;
	position: relative;
}
	#content04 h2{
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
	#content04 h2 img{
		width: 516px;
	}
	#content04 h2::before,#content04 h2::after{
		content: '';
		position: absolute;
	}
	#content04 h2::before{
		width: 188px;
		height: 86px;
		background: url(../img/title_04_cut_l.png) no-repeat center center/contain;
		left: 5px;
		top: 25px;
	}
	#content04 h2::after{
		width: 129px;
		height: 79px;
		background: url(../img/title_04_cut_r.png) no-repeat center center/contain;
		right: 57px;
		top: 25px;
	}
	#content04 .more_btn a{
		margin: 0 0 50px;
	}
	#content04 .exp_area{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: stretch;
		align-items: stretch;
		align-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#content04 .exp_area li{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex: 0 0 47.5%;
		-ms-flex: 0 0 47.5%;
		flex: 0 0 47.5%;
		width: 47.5%;
		max-width: 47.5%;
	}
	#content04 .exp_area li:nth-child(2n+1){
		margin-right: 5%;
	}
	#content04 .exp_area li:nth-child(2) h3{
		margin-bottom: 52px;
	}
	#content04 .exp_area li:nth-child(3){
		margin-right: 3.5%;
		-webkit-flex: 0 0 49%;
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		width: 49%;
		max-width: 49%;
	}
	#content04 .exp_area .img_wrap,
	#content04 .exp_area .txt_wrap{
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	#content04 .exp_area .img_wrap{
		height: 400px;
		position: relative;
	}
	#content04 .exp_area .img_wrap img{
		position: absolute;
		max-width: none;
		height: auto;
	}
	#content04 .exp_area li:nth-child(1) .img_wrap img{
		width: 117%;
		top: 40px;
		right: 0;
	}
	#content04 .exp_area li:nth-child(2) .img_wrap img{
		width: 113.8%;
		top: 0;
		right: -7%;
	}
	#content04 .exp_area li:nth-child(3) .img_wrap img{
		width: 104.4%;
		top: 20px;
		right: 0;
	}
	#content04 .exp_area li:nth-child(4) .img_wrap img{
		width: 113.8%;
		top: -20px;
		right: -7%;
	}
	#content04 .exp_area .txt_wrap .doc{
		margin-bottom: 30px;
	}

/* #content05
-------------------------------------------------- */
#content05{
	background: url(../img/bg_09.png) repeat-x center top 10px/761px,#F8F6F0;
	padding: 95px 15px 125px
}
#content05 iframe{
	width: 100%;
	height: 500px;
	border: #B1ABA7 3px solid;
	border-radius: 20px;
	overflow: hidden;
}
/* footer
-------------------------------------------------- */
footer{
	margin: 0 0 50px;
	position: relative;
	}
	footer:before{
		content: "";
		background: url(../img/footer_icon.png) no-repeat center/contain;
		width: 242px;
		height: 63.86px;
		position: absolute;
		top: -40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
.footer_logo{
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 30px 0;
	margin-bottom: 20px;
	text-align: center;
}
	.footer_logo img{
		max-width: 639px;
	}
#copyright{
	font-size: 12px;
	text-align: center;
}
.pagetop{
	background: #F6F83C;
	width: 103px;
	height: 103px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2000;
	cursor: pointer;
	text-align: center;
	opacity: 0.8;
}
	.pagetop:before{
		content: "";
		display: block;
		background: url(../img/footer_arrow.png) no-repeat center/contain;
		width: 44px;
		height: 22px;
		margin: 15px auto 5px;
	}


/*  768px
======================================================*/
@media screen and (max-width: 768px) {
	.sec_title{
		margin:0 0 20px;
	}

	/* btn */
	.more_btn{
		padding: 0 20px;
		margin: 20px 0 0;
		height: 60px;
		line-height: 60px;
		font-weight: bold;
		text-align: center;
		position: relative;
	}
		.more_btn a{
			display: inline-block;
			max-width: 400px;
			width: 100%;
			border-radius: 5px;
			position: relative;
		}
		.more_btn a:after{
			content: "";
			background: url(../img/more_arrow.png) no-repeat center/contain;
			width: 26.25px;
			height: 26.25px;
			position: absolute;
			top: 18px;
			right: 20px;
		}

	/* bnr */
	.bnr_area{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 30px;
	}
	.bnr_area li,#content01 .bnr_area li,#content04 .bnr_area li{
		max-width: 80%;
		text-align: center;
	}
	.bnr_area li a{
		text-align: center;
	}
	.container{
		padding: 0;
	}

	/* Key Visual
	-------------------------------------------------- */
	.l-kv {
		background: url(../img/title_photo_sp.png) no-repeat center 45%/94.4vw auto,
		url(../img/main_sp.jpg) no-repeat center/100%;
		padding: 157vw 0 0;
	}
		.l-kv .u-inner {
			top: 0;
			left: -6px;
			-webkit-transform: translateX(0%);
			-ms-transform: translateX(0%);
		}
		.l-kv .l-banner {
			display: inline-block;
			margin-top: -4px;
			max-width: 224px;
		}
		.l-kv .l-arrow {
			max-width: 40px;
			bottom: 2%;
		}

	#CONTENT{
		padding: 30px 0 0;
	}
	.read{
		padding: 0 15px;
		margin: 0 0 30px;
		font-size: 18px;
	}
	.main_map_wrap{
		background: url(../img/main_map_cut_sp.png) no-repeat left 3.5% bottom/76.3vw;
		padding-bottom: 75px;
		margin-bottom: 50px;
	}
	.main_map{
		max-width: 87%;
	}
	.main_map img{
		padding-right: 0;
	}

/* photo_m */
.photo_m_area{
	height: auto!important;
}

.photo_m_l,.photo_m_r{
	width: 100%!important;
	padding: 0 15px 15px!important;
	position: relative!important;
	right: auto!important;
	left: auto!important;
	top: auto!important;
	bottom: auto!important;
}
h2.sec_title{
	text-align: left;
	overflow: hidden;
}
	/* ページ内リンク
	-------------------------------------------------- */
	.content_btn{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.content_btn li{
		width: 70%;
		text-align: center;
	}

	#main_title{
		padding: 0 15px 25px;
	}
	#main_title::before,#main_title::after{
		display: none;
	}
	#main_title h2{
		margin: 0 auto;
	}

	/* 画像配置 */
	.photo,
	.photo_right{
		margin-bottom: 40px;
		padding: 0 15px;
	}
	/* 画像右寄せ */
	.photo_right{
		overflow: hidden;
	}
		.photo_right img{
			float: none;
		}

	.box{
		position: relative;
	}
	.right{
		float: none;
	}
	.left{
		float: none;
	}
	.photo_s{
		position: static;
		margin-top: 20px;
		max-width: 100%;
	}
	.txt_area{
		max-width: 100%!important;
		width: 100%!important;
		padding: 0 15px;
	}

	br.pc{
		display: none;
	}
	/* #content01 #content03
	-------------------------------------------------- */
	#content01{
		margin-bottom: 0;
	}
	#content01 h2.sec_title img,
	#content03 h2.sec_title img{
		width: 113.3vw;
		max-width: none;
	}
	/* .content01_bg01 */
	.content01_bg01,
	.content03_bg01{
		padding: 30px 0 50px;
		position: relative;
	}
	.content01_bg01:before,
	.content03_bg01:before{
		height: 300px;
	}

	/* .content01_bg02 */
	.content01_bg02{
		padding: 30px 0 0;
	}
	.content01_bg02:before,
	.content02_bg02:before{
		top: 0;
		height: 180px;
	}
	.content01_bg02 .photo_s,
	.content03_bg02 .photo_s{
		width: 100%;
		top: auto;
		left: auto;
	}
	.content01_bg02 .tips{
		background: url(../img/bg_tips.jpg) no-repeat center center/cover;
		border-radius: 10px;
		margin: 30px 15px;
		padding: 20px 0;
		text-align: center;
	}
	.content01_bg02 .tips p{
		padding-left: 100px;
		font-size: 18px;
	}
	.content01_bg02 .tips p::before,
	.icon_gifu a::before{
		width: 97px;
		height: 101px;
	}
	.content01_bg02 .tips p::before{
		top: calc(50% - 48px);
		left: -5px;
	}
	.content01_bg02 .photo.icon_gifu a::before{
		top: -22px;
		left: 1px;
	}

	/* .content01_bg03 */
	.content01_bg03 .icon_gifu a::before{
		top: 55px;
		left: 10px;
	}
	/* .content01_bg04 */
	.content01_bg03,
	.content01_bg04{
		padding: 0 0 50px;
	}
	.content01_bg03 .txt_area,
	.content01_bg04 .txt_area{
		width: 100%;
	}
	.content01_bg04 .bnr_area{
		padding-top: 30px;
	}

	/* #content02
	-------------------------------------------------- */
	#content02{
		padding-top: 30px;
	}
	#content02:before{
		height: 300px;
	}
	#content02 h2.sec_title img{
		width: 116.5vw;
		max-width: none;
	}
	#content02 .tips{
		background: url(../img/bg_05.png) repeat-X left top/1000px,-moz-linear-gradient(to bottom,transparent,transparent 29%,#F8F4F0 30%,#F8F4F0);
		background: url(../img/bg_05.png) repeat-X left top/1000px,-webkit-linear-gradient(to bottom,transparent,transparent 29%,#FFC778 30%,#F8F4F0);
		background: url(../img/bg_05.png) repeat-X left top/1000px,linear-gradient(to bottom,transparent,transparent 29%,#F8F4F0 30%,#F8F4F0);
		margin: 60px 15px 40px;
		padding: 15px 20px 0;
	}
	#content02 .tips .tips_flex{display: block;
		padding: 15px 0;
	}
	#content02 .tips .tips_flex .img_wrap{
		max-width: 250px;
		margin: 0 auto 20px;
	}
	#content02 .tips .tips_flex .txt_wrap,
	#content02 .tips .tips_flex.tips_flex_w .txt_wrap{
		width: 100%;
		max-width: 100%;
	}
	#content02 .tips::before,
	#content02 .content02_bg04 .tips::before{
		content: '';
		width: 139px;
		height: 86px;
		background: url(../img/icon_sakura.png) no-repeat center center/contain;
		position: absolute;
		top: -50px;
		right: 5px;
	}
	#content02 .tips .tips_flex.tips_flex_w .img_wrap{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		text-align: center;
	}
	#content02 .tips .more_btn{
		margin-top: 20px;
	}
	.content02_bg01 .left{
		max-width: 100%;
		width: 100%;
		padding-bottom: 0;
	}
	.content02_bg01 .right{
		width: 100%;
	}
	.content02_bg01 .right .img_wrap,
	.content02_bg01 .txt_area{
		margin-bottom: 30px;
	}
	.content02_bg01 .right .img_wrap{
		width: 100%;
		height: auto;
		padding: 0 15px;
		position: relative;
		top: auto;
	}
	.content02_bg01 .txt_area{
		margin-top: 0;
	}
	.content02_bg01{
		padding-bottom: 0;
	}
	.content02_bg02{
		padding: 30px 0 0;
	}
	.content02_bg04 .txt_area{
		margin: 0 0 10px;
	}
	.content02_bg03 .more_btn{
		margin-bottom: 20px;
	}
	#content02 .bnr_wrap{
		padding-top: 117px;
		position: relative;
		background: url(../img/bg_06_sp.png) repeat-X center top 10%/375px,url(../img/bg_07_sp.png) repeat-X center bottom/375px,-moz-linear-gradient(to bottom,transparent,transparent 15%,#FFECE6 15%,#FFECE6);
		background: url(../img/bg_06_sp.png) repeat-X center top 10%/375px,url(../img/bg_07_sp.png) repeat-X center bottom/375px,-webkit-linear-gradient(to bottom,transparent,transparent 15%,#FFECE6 15%,#FFECE6);
		background: url(../img/bg_06_sp.png) repeat-X center top 10%/375px,url(../img/bg_07_sp.png) repeat-X center bottom/375px,linear-gradient(to bottom,transparent,transparent 15%,#FFECE6 15%,#FFECE6);
	}
	#content02 .bnr_wrap .bnr_title{
		width: 100%;
		padding: 0 15px;
		top: -117px;
		left: 0;
	}
	#content02 .bnr_wrap .bnr_title img{
		width: 529px;
	}
	#content02 .bnr_area{
		padding: 0 15px 50px;
	}
	#content02 .bnr_area li{
		max-width: 50%;
	}
	/* #content03
	-------------------------------------------------- */
	.icon_unesco::before{
		content: '';
		width: 90px;
		height: 90px;
		position: absolute;
		top: -27px;
		left: 2px;
	}
	/* #content04
	-------------------------------------------------- */
	#content04{
		padding: 50px 0;
		background: #FFF8E3;
		position: relative;
	}
	#content04 h2{
		padding: 0 15px;
	}
		#content04 h2::before,#content04 h2::after{display: none;}
		#content04 .exp_area{display: block;}
		#content04 .exp_area li{
			display: block;
			width: 100%;
			max-width: 100%;
		}
		#content04 .exp_area li:nth-child(2n+1){
			margin-right: 0;
		}
		#content04 .exp_area li:nth-child(2) h3{
			margin-bottom: 20px;
		}
		#content04 .exp_area li:nth-child(3){
			margin-right: 0;
			width: 100%;
			max-width: 100%;
		}
		#content04 .exp_area .img_wrap{
			height: auto;
			padding: 0 15px 20px;
		}
		#content04 .exp_area .img_wrap img{
			position: relative;
			max-width: 100%;
			height: auto;
		}
		#content04 .exp_area li:nth-child(1) .img_wrap img,
		#content04 .exp_area li:nth-child(2) .img_wrap img,
		#content04 .exp_area li:nth-child(3) .img_wrap img,
		#content04 .exp_area li:nth-child(4) .img_wrap img{
			width: 117%;
			top: auto;
			right: auto;
		}
		#content04 .exp_area .txt_wrap{
			padding: 0 15px 30px;
		}

	/* #content05
	-------------------------------------------------- */
	#content05{
		padding: 80px 20px 100px;
	}
	#content05 iframe{
		height: 240px;
	}
	/* footer
	-------------------------------------------------- */
	footer{
		margin: 100px 0 50px;
		position: relative;
		}
		footer:before{
			content: "";
			background: url(../img/footer_icon.png) no-repeat center/contain;
			width: 242px;
			height: 63.86px;
			position: absolute;
			top: -40px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	.footer_logo{
		border-top: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		padding: 30px 0;
		margin-bottom: 20px;
		text-align: center;
	}
		.footer_logo img{
			max-width: 639px;
		}
	#copyright{
		font-size: 12px;
		text-align: center;
	}
	.pagetop{
		background: #F6F83C;
		width: 103px;
		height: 103px;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 2000;
		cursor: pointer;
		text-align: center;
		opacity: 0.8;
	}
		.pagetop:before{
			content: "";
			display: block;
			background: url(../img/footer_arrow.png) no-repeat center/contain;
			width: 44px;
			height: 22px;
			margin: 15px auto 5px;
		}

	/* footer
	-------------------------------------------------- */
	footer{
		margin: 0 0 20px;
	}
	footer:before{
		left: 0;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	.footer_logo{
		border-top: 1px solid #BFBFBF;
		border-bottom: 1px solid #BFBFBF;
		padding: 30px 0;
		margin-bottom: 20px;
		text-align: center;
	}
		.footer_logo img{
			padding: 0 20px;
			max-width: 100%;
		}
	#copyright{
		font-size: 12px;
		text-align: center;
	}
	.pagetop{
		background: #F6F83C;
		width: 64px;
		height: 64px;
		font-size: 11px;
		bottom: 20px;
		right: 0;
	}
		.pagetop:before{
			content: "";
			display: block;
			background: url(../img/footer_arrow.png) no-repeat center/contain;
			width: 27.69px;
			height: 13.88px;
			margin: 10px auto 2px;
		}

}