@charset "UTF-8";
/* 共通
-------------------------------------------------- */

.sec_title {
	margin: 0 0 30px;
}

.grey {
	line-height: 30px;
	color: #4d4d4d;
}

.han {
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.han-mid {
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 500 !important;
	font-style: normal;
}

.han-bold {
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
}

h3.han-bold {
	font-size: 24px;
}

mark {
	background: linear-gradient(transparent 60%, #F7FF26 60%, #F7FF26 90%,transparent 90%);
}

.more_btn {
	max-width: 265px;
	width: 100%;
}

.more_btn a {
	display: block;
	background: #B9583F;
	width: 100%;
	border-radius: 5px;
	position: relative;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.more_btn a:after {
	content: "";
	background: url(../img/more_arrow.png) no-repeat center/contain;
	width: 26.25px;
	height: 26.25px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

/* Key Visual
-------------------------------------------------- */

.l-kv {
	background: url(../img/main_pc.jpg) no-repeat center/cover;
	padding: 62% 0 0;
	position: relative;
}

.l-kv .u-inner {
	position: absolute;
	top: 0;
	left: 25%;
	-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;
}

@media screen and (max-width:768px) {
	.l-kv {
		background: url(../img/main_sp.jpg) no-repeat center/cover;
		padding: 100% 0 0;
	}

	.l-kv .u-inner {
		top: 0;
		left: 20px;
		-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;
	}
}

/* Content
-------------------------------------------------- */
#CONTENT {
	background:  url(../img/bg_pc.jpg) repeat center top/826px;
	padding: 55px 0 140px;
}

#main_title {
	padding: 0 0 40px;
	text-align: center;
	position: relative;
}

#main_title h1 {
	margin: 0 auto;
	max-width: 570px;
}

.read {
	margin: 0 0 45px;
	color: #604D3F;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 2;
}

.read.red {
	margin: 0 auto 60px;
	padding: 25px 78px;
	border: #960000 2px solid;
	color: #960000;
	font-size: 18px;
	text-align: left;
	letter-spacing: 0;
	max-width: 900px;
}

.main_map_wrap{
	background: url(../img/bg_ill13.png) no-repeat left 8px center/230px,
							url(../img/bg_ill14.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;
}

@media screen and (max-width:768px) {
	#CONTENT {
		background:  url(../img/bg_sp.jpg) repeat center top;
		padding: 35px 0 110px;
	}

	#main_title {
		padding: 0 0 20px;
	}

	#main_title h1 {
		max-width: 330px;
	}

	.read {
		font-size: 16px;
		line-height: 1.8;
		letter-spacing: 0;
		margin-bottom: 20px;
	}

	.read.red {
		padding: 23px 22px;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0;
		margin-bottom: 100px;
	}

	.main_map_wrap{
		background: url(../img/bg_ill15.png) no-repeat left 3.5% bottom/86.3vw;
		padding: 0 0 45px;
		margin-bottom: 50px;
	}
	.main_map{
		max-width: 100%;
	}
	.main_map img{
		padding-right: 0;
	}
}

/* ページ内リンク
-------------------------------------------------- */
.content_btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 40px 0 0;
}

.content_btn li {
	width: calc(100% / 4);
}

@media screen and (max-width:768px) {
	.content_btn {
		margin: 100px 0 0;
	}

	.content_btn {
		gap: 13px 6px;
	}

	.content_btn li {
		width: calc((100% - 6px) / 2);
	}
}

/* .content_wrap
-------------------------------------------------- */
.content_wrap{
	position: relative;
	padding-bottom: 140px;
}
.content_wrap::before{
	content: "";
	background: url(../img/bg_purple_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -70px;
	left: 0;
}
.content_wrap .sec_title {
	text-align: center;
}
.content_wrap .photo {
	margin: 0 0 60px;
	position: relative;
}
.content_wrap .bg{
	position: relative;
}
.content_wrap .bg::before{
	content: "";
	background: #D1F0C8;
	width: 100%;
	height: 450px;
	position: absolute;
	top: -70px;
	left: 0;
	z-index: -1;
}
.content_wrap .bg_b::before{
	background: #CDE8FD;
}
.content_wrap .bg_r::before{
	background: #F2D6D6;
}
.content_wrap .bg_o::before{
	background: #FCEED3;
}
.content_wrap .flex {
	display: flex;
	gap: 50px;
	margin-bottom: 40px;
}
.content_wrap .flex .text_area,.content_wrap .flex .img_area{
	width: calc((100% - 50px) / 2);
}
.content_wrap .flex .img_area{
	padding: 0 0 200px 20px;
	position: relative;
}
.content_wrap .flex .img_area::before{
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	width: 440px;
	height: 230px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.content_wrap .flex .img_area::after{
	position: absolute;
	content: "";
	background-size: cover;
}
.content_wrap .flex .text_area{
	position: relative;
}
.content_wrap .flex .text_area::before{
	position: absolute;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
}
.content_wrap .text_area .han , .content_wrap .text_area .more_btn{
	margin-top: 20px;
}
.content_wrap .flex.img_left .img_area{
	order: 1;
	padding: 0 20px 160px 0;
}
.content_wrap .flex.img_left .img_area::before{
	left: auto;
	right: 0;
}
.content_wrap .flex.img_left .text_area{
	order: 2;
}
@media screen and (max-width:768px) {
	.content_wrap {
		padding-bottom: 100px;
	}
	.content_wrap::before {
		background: url(../img/bg_brown_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
		top: -55px;
		left: 0;
	}
	.content_wrap .photo {
		margin: 0 0 35px;
	}
	.content_wrap .bg::before{
		height: 190px;
		top: -40px;
	}
	.content_wrap .bg_b .photo {
        margin: 0 0 60px;
    }
	.content_wrap .flex {
		flex-direction: column;
		gap: 40px;
		gap: 0;
		margin-bottom: 60px;
	}
	.content_wrap .flex .text_area,.content_wrap .flex .img_area{
		width: 100%;
	}
	.content_wrap .flex .img_area{
		padding: 0 0 145px 0;
		order: 1;
	}
	.content_wrap .flex.img_left .img_area{
		padding: 0 0 145px 0;
		order: 1;
	}
	.content_wrap .flex .text_area{
		order: 2;
	}
	.content_wrap .flex .img_area::before{
		width: 325px;
		height: 240px;
		position: absolute;
		bottom: -50px;
		left: -5px;
	}
}

/* #content01
-------------------------------------------------- */
	#content01{
		padding-bottom: 60px;
	}
#content01 .sec_title img{
	max-width: 586px;
}
#content01.content_wrap::before{
	content: "";
	background: url(../img/bg_brown_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#content01 .column01{
	margin-bottom: 100px;
}
#content01 .column01 .text_area .pc_nowrap{
	white-space: nowrap;
}
#content01 .column01 .text_area::before{
	background-image: url(../img/sec01_deco01.png);
	width: 95px;
	height: 90px;
	bottom: 0;
	right: 10px;
	left: auto;
}
#content01 .column01 .img_area::before{
	content: "";
	background: url(../img/sec01_img03.png);
	background-size: cover;
	background-repeat: no-repeat;
	bottom: 0;
	right: 10px;
	left: auto;
}
#content01 .column02 .img_area::before{
	background: url(../img/sec01_img05.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 232px;
	height: 185px;
	bottom: -40px;
	left: 10px;
	transform: translate(0,-50%);
}

#content01 .column03 {
	margin-bottom: 0px;
}
#content01 .column03 .img_area::before{
	content: "";
	background: url(../img/sec01_img07.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 233px;
	height: 180px;
	bottom: 0;
	left: auto;
	right: 30px;
	transform: translate(0,-50%);
}
#content01 .column03 .img_area::after{
	background-image: url(../img/sec01_deco02.png);
	width: 51px;
	height: 50px;
	left: 60px;
	right: auto;
	bottom: 60px;
	transform: translate(0,-100%);
}

@media screen and (max-width:1000px) {
	#content01 .column01 .text_area .pc_nowrap{
		white-space: wrap;
		word-break: keep-all;
	}
}
@media screen and (max-width:768px) {
	#content01{
		padding-bottom: 40px;
	}
	#content01 .sec_title{
		margin-bottom: 13.6px;
	}
	#content01.content_wrap::before {
		content: "";
		background: url(../img/bg_brown_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#content01 .sec_title img {
		width: 100%;
		padding-left: 10px;
		transform: scale(1.1);
	}
	#content01 .column01{
		margin-bottom: 60px;
	}
	#content01 .column01 .img_area::before{
		width: 328px;
		height: 172px;
		bottom: 0;
		left: 0px;
	}
	#content01 .column01 .text_area::before{
		background: none;
	}
	#content01 .column02 .img_area::before{
		width: 200px;
		height: 160px;
		bottom: -60px;
		left: 10px;
	}
	#content01 .column02 .img_area::after{
		background-image: url(../img/sec01_deco01.png);
		width: 95px;
		height: 90px;
		bottom: 20px;
		right: 30px;
		left: auto;
	}

	#content01 .column03 {
		margin-bottom: 80px;
	}

	#content01 .column03 .img_area::before{
		width: 200px;
		height: 152px;
		right: 10px;
		bottom: -40px;
		transform: translate(0,-50%);
	}
	#content01 .column03 .img_area::after{
		background-image: url(../img/sec01_deco02.png);
		width: 51px;
		height: 50px;
		left: 30px;
		right: auto;
		bottom: 20px;
		transform: translate(0,-100%);
	}
}

/* #content02
-------------------------------------------------- */
#content02.content_wrap::before{
	content: "";
	background: url(../img/bg_purple_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#content02 .sec_title img{
	max-width: 362px;
}
#content02 .more_btn a{
	background: #5B3990;
}

#content02 .column01 .text_area{
	width: 52%;
}
#content02 .column01 .img_area{
	width: calc(48% - 50px);
}
#content02 .column01 .img_area::before{
	content: "";
	background: url(../img/sec02_img03.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 500px;
	height: 320px;
	bottom: 120px;
	left: 160px;
	transform: translate(-50%,50%);
}
#content02 .column01 .img_area::after{
	content: "";
	background-image: url(../img/sec02_deco01.png);
	background-size: cover;
	width: 95px;
	height: 90px;
	bottom: -40px;
	left: -150px;
	transform: translate(-50%,-100%);
}

#content02 .column02 .img_area::before{
	content: "";
	background: url(../img/sec02_img05.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 420px;
	height: 218px;
	bottom: -20px;
	left: 0px;
	transform: translate(0,0%);
}
#content02 .column02 .text_area::before{
	background-image: url(../img/sec02_deco02.png);
	background-size: cover;
	width: 76px;
	height: 109px;
	bottom: 0px;
	right: 40px;
	left: auto;
}

@media screen and (max-width:768px) {
	#content02{
		padding-bottom: 60px;
	}
	#content02.content_wrap::before {
		content: "";
		background: url(../img/bg_purple_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#content02 .sec_title img {
		width: 100%;
		padding: 0 20px;
	}

	#content02 .column01 .text_area,#content02 .column01 .img_area{
		width: 100%;
	}
	#content02 .column01 .img_area{
		padding-bottom: 200px;
	}
	#content02 .column01 .img_area::before{
		width: 340px;
		height: 230px;
		bottom: 30px;
		left: 0px;
		transform: translate(0,-0%);
	}
	#content02 .column01 .img_area::after{
		content: "";
		background-image: url(../img/sec02_deco01.png);
		background-size: cover;
		width: 78px;
		height: 68px;
		bottom: 0px;
		left: 80px;
		transform: translate(0,0%);
	}
	#content02 .column02 .img_area::before{
		width: 340px;
		height: 180px;
		bottom: 0px;
		left: 0px;
		transform: translate(0,0%);
	}
	#content02 .column02 .text_area::before{
		background-image: url(../img/sec02_deco02.png);
		width: 76px;
		height: 100px;
		bottom: 320px;
		right: 20px;
		left: auto;
	}
}

/* #content03
-------------------------------------------------- */
#content03{
	padding-bottom: 100px;
}
#content03.content_wrap::before{
	content: "";
	background: url(../img/bg_green_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#content03 .sec_title img{
	max-width: 509px;
}
#content03 .more_btn a{
	background: #106013;
}
#content03 .bg02{
	position: relative;
}
#content03 .bg02::before{
	content: "";
	background: #FCEED3;
	width: 95%;
	height: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: -1;
}
#content03 .column01 .img_area::before{
	content: "";
	background: url(../img/sec03_img05.png);
	background-size: cover;
	background-repeat: no-repeat;
}
#content03 .column02 .img_area::before{
	content: "";
	background: url(../img/sec03_img06.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 200px;
	height: 155px;
	/* left: 20px; */
	left: 50px;
	/* bottom:0; */
	bottom: -35px;
	transform: translate(0,-50%);
}
#content03 .column02 .text_area::before{
	background-image: url(../img/sec03_deco01.png);
	width: 77px;
	height: 57px;
	bottom: 140px;
	right: 20px;
	left: auto;
}
#content03 .column03 .img_area::before{
	content: "";
	background: url(../img/sec03_img07.png);
	background-size: cover;
	background-repeat: no-repeat;
}
#content03 .column03 .img_area::after{
	content: "";
	background: url(../img/sec03_deco02.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 51px;
	height: 51px;
	bottom: 140px;
	left: -100px;
}
#content03 .column04 ul{
	display: flex;
}
#content03 .column04 ul li{
	width: 100%;
}

@media screen and (max-width:768px) {
	#content03{
		padding-bottom: 50px;
	}
	#content03.content_wrap::before {
		content: "";
		background: url(../img/bg_green_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#content03 .sec_title img {
		width: 100%;
		padding: 0 10px;
	}

	#content03 .bg02::before{
		width: 100%;
	}
	#content03 .link_list_area01{
		margin-bottom: 165px;
	}
	#content03 .link_wrap{
		flex-direction: row;
		justify-content: center;
		gap: 40px 20px;
		margin-top: 50px;
		margin-bottom: 0;
	}
	#content03 .link_wrap li{
		width: calc((100% - 20px) / 2);
	}
	#content03 .link_wrap li .more_btn a{
		padding-right: 20px;
	}
	#content03 .link_wrap .link_food .flex{
		flex-direction: row;
		flex-wrap: wrap;
        justify-content: center;
        gap: 10px 20px;
        margin-top: 50px;
        margin-bottom: 0;
	}
	#content03 .link_wrap .link_food .flex div,#content03 .link_wrap .link_food .more_btn{
		width: calc((100% - 20px) / 2);
	}
	#content03 .link_list_area02{
		margin-top: 30px;
	}
	#content03 .link_list_area02 .link_wrap{
		gap: 50px 18px;
	}
	#content03 .link_list_area02 .link_wrap li:first-of-type .flex{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px 18px;
		margin-bottom: 25px;
	}
	#content03 .link_list_area02 .link_wrap li:first-of-type .flex img,#content03 .link_list_area02 .link_wrap li:first-of-type .more_btn{
		width: calc((100% - 18px) / 2);
	}
	#content03 .link_list_area02 .link_wrap li .txt {
        height: auto;
    }
	#content03 .column01 .img_area::before{
		width: 320px;
		height: 180px;
		bottom: 0px;
		left: 0px;
		transform: translate(0,0%);
	}
	#content03 .column02 .img_area::before{
		width: 220px;
		height: 180px;
		bottom: 0px;
		/* left: 20px; */
		left: 0;
		transform: translate(0,0%);
	}
	#content03 .column02 .text_area::before{
		background-image: url(../img/sec03_deco01.png);
		width: 77px;
		height: 57px;
		top: -50px;
		bottom: auto;
		right: 20px;
		transform: translate(0,-100%);
	}
	#content03 .column03 .img_area::before{
		width: 300px;
		height: 160px;
		bottom: 0px;
		left: 0px;
		transform: translate(0,0%);
	}
	#content03 .column04 ul{
		display: flex;
		flex-wrap: wrap;
	}
	#content03 .column04 ul li{
		width: 50%;
	}
	#content03 .column04 ul li:nth-child(3) img{
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	}
}

/* #content04
-------------------------------------------------- */
#content04{
	padding-bottom: 60px;
}
#content04.content_wrap::before{
	content: "";
	background: url(../img/bg_yellow_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#content04 .link_list_area01{
	margin-bottom: 240px;
}
#content04 .link_wrap{
	justify-content: center;
	flex-wrap: wrap;
	gap: 60px 36px;
	margin-top: 50px;
}
#content04 .link_wrap li{
	width: calc((100% - 72px) / 3);
}
#content04 .link_wrap li:nth-child(n+4){
	margin: 0 0.1px;
}
#content04 .link_wrap li img{
	margin-bottom: 10px;
}
#content04 .link_wrap li .txt{
	font-size: 15px;
	margin-bottom: 15px;
}
#content04 .link_list_area02{
	margin-top: 110px;
}
#content04 .link_list_area02 .link_wrap{
	justify-content: center;
	gap: 50px 36px;
	margin-top: 0;
}
#content04 .more_btn a{
	background: #E07900;
}
#content04 .column01{
	margin-bottom: 0;
}
#content04 .more_btn{
	margin: 0 auto;
}
#content04 .sec_title img{
	max-width: 328px;
}
@media screen and (max-width:768px) {
	#content04.content_wrap::before {
		content: "";
		background: url(../img/bg_yellow_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#content04 .link_wrap{
		flex-direction: row;
		justify-content: left;
		gap: 40px 20px;
		margin-top: 50px;
		margin-bottom: 0;
	}
	#content04 .link_wrap li{
		width: calc((100% - 20px) / 2);
	}
	#content04 .link_wrap li:nth-child(n+4){
		margin: 0 0px;
	}
	#content04 .link_wrap li .more_btn a{
		padding-right: 20px;
	}
	#content04 .link_list_area02{
		margin-top: 30px;
	}
	#content04 .link_list_area02 .link_wrap{
		gap: 50px 18px;
	}
	#content04 .link_list_area02 .link_wrap li:first-of-type .flex{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px 18px;
		margin-bottom: 25px;
	}
	#content04 .link_list_area02 .link_wrap li:first-of-type .flex img,#content04 .link_list_area02 .link_wrap li:first-of-type .more_btn{
		width: calc((100% - 18px) / 2);
	}
	#content04 .link_list_area02 .link_wrap li .txt {
        height: auto;
    }
	#content04 .more_btn a{
		background: #E07900;
	}
	#content04 .sec_title img{
		max-width: 230px;
	}
}


/* #banner
-------------------------------------------------- */

.bnr_list {
	display: flex;
	justify-content: center;
}

.bnr_list .bnr_btn {
	max-width: 308px;
	width: 100%;
	margin: auto;
}

.bnr_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 50px;
	gap: 16px;
}
.bnr_flex li{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	width: calc((100% - 16px) / 4);
}

.bnr_flex .more_btn {
	margin: 0 15px;
}

.bnr_flex .more_btn a {
	height: 100px;
}

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

	.bnr_flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 11px;
		margin: 30px 0 90px;
	}
	.bnr_flex li{
		width: calc((100% - 11px) / 2);
	}

	.bnr_flex a {
		margin: 10px 0 0;
	}
}


/* #content05
-------------------------------------------------- */

#content05 {
	background-color: #F5F5F5;
	padding: 59px 0;
}

.bnr_flex02 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.bnr_flex02 li{
	width: calc((100% - 20px) / 2);
	max-width: 400px;
}

.bnr_flex02 .more_btn {
	margin: 0 15px;
}

.bnr_flex02 .more_btn a {
	height: 100px;
}

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

	.bnr_flex02 {
		flex-direction: column;
	}
	.bnr_flex02 li{
		width: 100%;
	}

	.bnr_flex02 a {
		margin: 20px 0 0;
	}
}


/* #content06
-------------------------------------------------- */

#content06{
	background: url(../img/bg_09.png) repeat-x center top 10px/761px,#F8F6F0;
	padding: 95px 15px 125px
}
#content06 iframe{
	width: 100%;
	height: 500px;
	border: #B1ABA7 3px solid;
	border-radius: 20px;
	overflow: hidden;
}
#content06 .han-bold {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	#content06{
		padding: 80px 20px 100px;
	}
	#content06 .content05_bg01 .container{
		padding: 0;
	}
	#content06 iframe{
		height: 240px;
	}
	#content06 .han-bold {
		font-size: 20px;
	}
}
/* 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: 678px;
}

#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;
}

@media screen and (max-width: 768px) {
	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;
	}
}