@charset "utf-8";
/* CSS Document */
@media all {
	#firstview {
		width: 100%;
		position: relative;
	}
	#contents .slick-prev::before, #contents .slick-next::before {
		content: "";
	}
	/*サイト説明*/
	#description {
		width: 100%;
		background: url("../../images/beige_bg.jpg") repeat-y center;
		background-size: contain;
		padding: 50px 0 30px;
	}
	#description h2 {
    width: calc(100% - 40px);
    padding-bottom: 40px;
    margin: 0 auto;
	}
	#description.textbox {
		width: calc(100% - 40px);
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	#description.textbox .image {
		display: block;
		width: 20%;
	}
	#description.textbox .text {
		display: block;
		width: 80%;
		font-size: .9rem;
	}
	#description .textbox {
		width: calc(100% - 20px);
		max-width: 400px;
		margin: 0 auto;
		display: flex;
	}
	#description .textbox .image {
		display: block;
		width: 20%;
	}
	#description .textbox .text {
		display: block;
		width: 80%;
		font-size: .9rem;
		background: url(../../images/top_titletxtbg.png) no-repeat center;
		background-size: contain;
		padding: 1em 0 1em .8em;
		text-align: center;
	}
	/*最新情報*/
	#latestnews {
		width: 100%;
		background: url("../../images/news_bg.jpg") repeat-y center;
		background-size: contain;
		padding: 95px 0 10px;
		position: relative;
		z-index: 0;
	}
	#latestnews::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/top-news_bg.jpg") no-repeat;
		background-size: contain;
		z-index: -1;
	}
	#latestnews h2 {
		font-size: 2.1rem;
		color: #486daa;
		text-align: center;
		letter-spacing: 7px;
		padding-bottom: .2em;
	}
	#latestnews h2 span{
		letter-spacing: -3px;
	}
	#latestnews .subtitle {
		font-size: 1.1rem;
		color: #ff7b39;
		text-align: center;
		padding: 2rem 0 1em;
		position: relative
	}
	#latestnews .subtitle::before {
		content: "";
		display: block;
		position: absolute;
		top: .9em;
		left: calc(50% - 150px);
		width: 300px;
		height: 30px;
		background: url("../../images/news_kazari.png") no-repeat;
		background-size: contain;
	}
	#latestnews .titletext {
		font-size: 1rem;
		color: #ff7b39;
		text-align: center;
		letter-spacing: 3px;
		padding-bottom: 4rem;
		position: relative
	}
	#latestnews .titletext::after {
		content: "";
		display: block;
		position: absolute;
		top: 3.6em;
		left: calc(50% - 150px);
		width: 300px;
		height: 30px;
		background: url("../../images/news_kazari.png") no-repeat;
		background-size: contain;
	}
	#latestnews .newsbox {
		width: calc(100% - 20px);
		max-width: 430px;
		margin: 0 auto;
	}
	#news1,
	#info1,
	#acti1{
		width: 100%;
		background-color: #fff;
		border: 1px solid #486daa;
		padding: 1rem 10px;
		margin-bottom: 20px;
		border-radius: 20px;
		box-shadow: 6px 7px 0 0 rgba(72, 109, 170, 1);
	}
	#acti1 {
		border: 1px solid #f2e600;
		border-radius: 20px;
		box-shadow: 6px 7px 0 0 rgba(242, 230, 0, 1);
	}
	#news1 li a,
	#info1 li a,
	#acti1 li a {
		display: flex;
		margin-bottom: 1em;
		border-bottom: 1px solid #ff7b39;
		padding-bottom: 1em;
		align-items: center;
	}
	#acti1 li a {
		border-bottom: 1px solid #6d9f5b;
	}
	#news1 li .image,
	#info1 li .image,
	#acti1 li .image {
		width: 30%;
	}
	#news1 li .text,
	#info1 li .text,
	#acti1 li .text {
		width: 70%;
		font-size: 1rem;
		position: relative;
		padding: .3em 0 20px 10px;
	}
	#news1 li .text span,
	#info1 li .text span,
	#acti1 li .text span {
		color: #486daa;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#acti1 li .text span {
		color: #ff7b39;
	}
/*投稿ページネーション*/
.postpagination {
  margin: 2rem 0;
  text-align: center;
}
.postpagination a.nextpage{
	display: inline-block;
	font-size: 1rem;
	width: fit-content;
	padding: .3em 2em .37em;
	box-sizing: border-box;
	position: relative;
	border: solid 1px #ff7b39;
	margin: 0 2.5px;
  text-decoration: none;
  color: #ff7b39;
}
#volunteer .postpagination a.nextpage{
	border: solid 1px #f2e600;
  color: #f2e600;
}
	/*おすすめ飲食店*/
	#restaurant {
		padding: 120px 0 30px;
		position: relative;
		background-color: #ffe0bb;
	}
	#restaurant::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background: url("../../images/top-restaurant_bg.jpg") no-repeat;
		background-size: contain;
	}
	#restaurant .subtitle {
		font-size: 1.3rem;
		text-align: center;
		padding-bottom: 1em;
	}
	#restaurant h2 {
		font-size: 2rem;
		text-align: center;
		color: #486daa;
		position: relative;
		z-index: 0;
		padding-bottom: 1em;
	}
	#restaurant h2::after {
		content: "";
		display: block;
		position: absolute;
		top: .7em;
		left: calc(50% - 125px);
		width: 250px;
		height: 100%;
		background: url("../../images/restaurant_titlebg.png") no-repeat;
		background-size: contain;
		z-index: -1;
	}
	#restaurant h2 .dot-text {
		padding-top: .3em;
		background-position: top left -5px;
		background-repeat: repeat-x;
		background-size: 1.3em .3em;
		background-image: radial-gradient(.1em .1em at center center, #e87e43, #e87e43 100%, transparent);
	}
	#restaurant .slickslide {
		width: calc(100% - 40px);
		margin: 0 auto 20px;
		border-radius: 20px;
		background-color: #fff;
		padding: 25px 15px 15px;
	}
	#restaurant .slickslide li {
		text-align: center;
	}
	#restaurant .slickslide li .image {
		padding-bottom: 1em;
	}
	#restaurant .slickslide li .title {
		font-size: 1.3rem;
		color: #486daa;
		padding-bottom: .5em;
	}
	#restaurant .slickslide li .text {
		font-size: 1rem;
		padding-bottom: 1em;
	}
	#restaurant .slickslide li .linkbutton {
		display: block;
		margin: 0 90px;
		text-align: center;
		color: #fffef5;
		padding: .4em 0;
		background-color: #e87e43;
		border-radius: 25px;
	}
	#restaurant .gamagoriginal {
		width: calc(100% - 40px);
		margin: 0 auto;
		background-color: #e87e43;
		padding: 25px 15px;
	}
	#restaurant .gamagoriginal .title {
		color: #fffef5;
		font-size: 1.2rem;
		padding-bottom: 1em;
		letter-spacing: -1px;
		text-align: center;
	}
	#restaurant .gamagoriginal .title span {
		font-size: 1rem;
	}
	#restaurant .gamagoriginal .image {
		font-size: 1.1rem;
		padding: 0 20px 10px;
	}
	#restaurant .gamagoriginal .text {
		color: #fffef5;
		padding-bottom: 1.5em;
		text-align: center;
	}
	#restaurant .gamagoriginal .linkbutton {
		display: block;
		margin: 0 20px;
		text-align: center;
		color: #e87e43;
		padding: .4em 0;
		background-color: #fffef5;
		border-radius: 25px;
	}
	#contents #restaurant .slick-next {
		width: 30px;
		height: 60px;
		background: url("../../images/restaurant_next.png") no-repeat;
		background-size: contain;
		z-index: 1;
	}
	/*おすすめ観光スポット*/
	#tourism {
		padding: 150px 0 20px;
		position: relative;
		background: url("../../images/green_bg.jpg") repeat-y center;
		background-size: contain;
	}
	#tourism::before {
		content: "";
		display: block;
		position: absolute;
		top: -0.5em;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/restaurant-tourism_bg.jpg") no-repeat;
		background-size: contain;
	}
	#tourism .subtitle {
		text-align: center;
		font-size: 1.3rem;
		padding-bottom: 1em;
	}
	#tourism h2 {
		font-size: 2rem;
		text-align: center;
		color: #ff7b39;
		position: relative;
		z-index: 0;
		padding-bottom: 1em;
	}
	#tourism h2::after {
		content: "";
		display: block;
		position: absolute;
		top: .7em;
		left: calc(50% - 175px);
		width: 350px;
		height: 100%;
		background: url("../../images/tourism_titlebg.png") no-repeat;
		background-size: contain;
		z-index: -1;
	}
	#tourism h2 .dot-text {
		padding-top: .3em;
		background-position: top left -5px;
		background-repeat: repeat-x;
		background-size: 1.3em .3em;
		background-image: radial-gradient(.1em .1em at center center, #56ad4d, #56ad4d 100%, transparent);
	}
	#tourism .slickslide {
		width: calc(100% - 40px);
		margin: 0 auto 20px;
		border-radius: 20px;
		background-color: #fff;
		padding: 25px 15px;
	}
	#tourism .slickslide li {
		text-align: center;
	}
	#tourism .slickslide li .image {
		padding-bottom: 1em;
	}
	#tourism .slickslide li .title {
		font-size: 1.3rem;
		color: #ff7b39;
		padding-bottom: .5em;
	}
	#tourism .slickslide li .text {
		font-size: 1rem;
		padding-bottom: .5em;
	}
	#tourism .slickslide li .linkbutton {
		display: block;
		margin: 0 90px;
		text-align: center;
		color: #fffef5;
		padding: .4em 0;
		background-color: #56ad4d;
		border-radius: 25px;
	}
	#tourism .gamagorinavi {
		width: calc(100% - 40px);
		margin: 90px auto 0;
		background-color: #56ad4d;
		padding: 25px;
		position: relative;
	}
	#tourism .gamagorinavi::before {
		content: "";
		display: block;
		position: absolute;
		top: -23%;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/tourism_linkbg.png") no-repeat;
		background-size: contain;
	}
	#tourism .gamagorinavi .title {
		color: #fffef5;
		font-size: 1.4rem;
		padding-bottom: .5em;
		letter-spacing: -1px;
		text-align: center;
	}
	#tourism .gamagorinavi .title span {
		font-size: 1rem;
	}
	#tourism .gamagorinavi .image {
		font-size: 1.1rem;
		padding: 0 20px 10px;
	}
	#tourism .gamagorinavi .text {
		color: #fffef5;
		padding-bottom: 1.5em;
		text-align: center;
	}
	#tourism .gamagorinavi .linkbutton {
		display: block;
		margin: 0 20px;
		text-align: center;
		color: #56ad4d;
		padding: .4em 0;
		background-color: #fffef5;
		border-radius: 25px;
	}
	#contents #tourism .slick-next {
		width: 30px;
		height: 60px;
		background: url("../../images/tourism_next.png") no-repeat;
		background-size: contain;
		z-index: 1;
	}
	/*おすすめ体験プラン*/
	#experience {
		padding: 95px 0 20px;
		position: relative;
		background-color: #fcff76;
	}
	#experience::before {
		content: "";
		display: block;
		position: absolute;
		top: -0.5em;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/tourism-experience_bg.jpg") no-repeat;
		background-size: contain;
	}
	#experience .subtitle {
		font-size: 1.3rem;
		text-align: center;
		padding-bottom: 1em;
	}
	#experience h2 {
		font-size: 2rem;
		text-align: center;
		color: #c1469b;
		position: relative;
		z-index: 0;
		padding-bottom: 1em;
		letter-spacing: -1px;
	}
	#experience h2::after {
		content: "";
		display: block;
		position: absolute;
		top: .7em;
		left: calc(50% - 180px);
		width: 355px;
		height: 100%;
		background: url("../../images/experience_titlebg.png") no-repeat;
		background-size: contain;
		z-index: -1;
	}
	#experience h2 .dot-text {
		padding-top: .3em;
		background-position: top left -5px;
		background-repeat: repeat-x;
		background-size: 1.3em .3em;
		background-image: radial-gradient(.1em .1em at center center, #d8d800, #d8d800 100%, transparent);
	}
	#experience .slickslide {
		width: calc(100% - 40px);
		margin: 0 auto 20px;
		border-radius: 20px;
		background-color: #fff;
		padding: 25px 15px;
	}
	#experience .slickslide li {
		text-align: center;
	}
	#experience .slickslide li .image {
		padding-bottom: 1em;
	}
	#experience .slickslide li .title {
		font-size: 1.3rem;
		color: #ff7b39;
		padding-bottom: .5em;
	}
	#experience .slickslide li .text {
		font-size: 1rem;
		padding-bottom: .5em;
	}
	#experience .slickslide li .linkbutton {
		display: block;
		margin: 0 90px;
		text-align: center;
		color: #fffef5;
		padding: .4em 0;
		background-color: #c1469b;
		border-radius: 25px;
	}
	#experience .gamagorinavi {
		width: calc(100% - 40px);
		margin: 20px auto 90px;
		background-color: #c1469b;
		padding: 25px;
		position: relative;
	}
	#experience .gamagorinavi::after {
		content: "";
		display: block;
		position: absolute;
		bottom: -99%;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/experience_linkbg.png") no-repeat;
		background-size: contain;
	}
	#experience .gamagorinavi .title {
		color: #fffef5;
		font-size: 1.4rem;
		padding-bottom: .5em;
		letter-spacing: -1px;
		text-align: center;
	}
	#experience .gamagorinavi .title span {
		font-size: 1rem;
	}
	#experience .gamagorinavi .image {
		font-size: 1.1rem;
		padding: 0 20px 10px;
	}
	#experience .gamagorinavi .text {
		color: #fffef5;
		padding-bottom: 1.5em;
		text-align: center;
	}
	#experience .gamagorinavi .linkbutton {
		display: block;
		margin: 0 20px;
		text-align: center;
		color: #c1469b;
		padding: .4em 0;
		background-color: #fffef5;
		border-radius: 25px;
	}
	#contents #experience .slick-next {
		width: 30px;
		height: 60px;
		background: url("../../images/experience_next.png") no-repeat;
		background-size: contain;
		z-index: 1;
	}
	/*蒲郡市情報*/
	#information {
		width: 100%;
		background: url("../../images/beige_bg.jpg") repeat-y center;
		background-size: contain;
		padding: 50px 0 30px;
	}
	#information h2 {
		width: calc(100% - 40px);
		max-width: 350px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#information .subtitle {
		font-size: 1.1rem;
		text-align: center;
		padding: 1em 0;
	}
	#information .titletext {
		font-size: 1rem;
		text-align: center;
		padding-bottom: 2rem;
	}
	#information .newsbox {
		width: calc(100% - 20px);
		max-width: 430px;
		margin: 0 auto;
	}
	/*奉仕活動*/
	#volunteer {
		width: 100%;
		background: url("../../images/volunteer-activities_bg.jpg") repeat-y center;
		padding: 110px 0 6em;
		position: relative;
		z-index: 0;
	}
	#volunteer::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/volunteer-activities_topbg.jpg") no-repeat;
		background-size: contain;
		z-index: -1;
	}
	#volunteer::after {
		content: "";
		display: block;
		position: absolute;
		bottom:-25px;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../../images/volunteer-activities-bottombg.jpg") no-repeat;
		background-size: contain;
		background-position: bottom;
		z-index: -1;
	}
	#volunteer h2 {
		font-size: 2.5rem;
		color: #f2e600;
		text-align: center;
		letter-spacing: 7px;
		padding-bottom: .5em;
	}
	#volunteer .subtitle {
		font-size: 1.1rem;
		color: #ffffff;
		text-align: center;
		padding: 2rem 0 1em;
		position: relative
	}
	#volunteer .subtitle::before {
		content: "";
		display: block;
		position: absolute;
		top: .9em;
		left: calc(50% - 150px);
		width: 300px;
		height: 30px;
		background: url("../../images/volunteer-activities_kazari.png") no-repeat;
		background-size: contain;
	}
	#volunteer .titletext {
		font-size: 1rem;
		color: #ffffff;
		text-align: center;
		letter-spacing: 3px;
		padding-bottom: 4rem;
		position: relative
	}
	#volunteer .titletext::after {
		content: "";
		display: block;
		position: absolute;
		top: 3.6em;
		left: calc(50% - 150px);
		width: 300px;
		height: 30px;
		background: url("../../images/volunteer-activities_kazari.png") no-repeat;
		background-size: contain;
	}
	#volunteer .newsbox {
		width: calc(100% - 20px);
		max-width: 430px;
		margin: 0 auto;
	}
	/*自己紹介*/
	#introduction{
		width: 100%;
		background: url("../../images/beige_bg.jpg") repeat-y center;
		background-size: contain;
		padding-top: 50px;
		position: relative;
		text-align: center;
	}
	#introduction .linkbunner{
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	#introduction .linkbunner a {
		display: block;
		padding-bottom: 20px;
	}
	#introduction h2{
		font-size: 1.4rem;
		text-align: center;
		position: relative;
		letter-spacing: 5px;
		margin-bottom: 2em;
	}
	#introduction h2::after {
		content: "";
		display: block;
		position: absolute;
		bottom: -1.5em;
		left: calc(50% - 100px);
		width: 200px;
		height: 30px;
		background: url("../../images/self-introduction_kazari.png") no-repeat;
		background-size: contain;
	}
	#introduction ruby{
		font-size: 2rem;
		ruby-align: space-between;
	}
	#introduction .box {
		width: calc(100% - 20px);
		max-width: 430px;
		margin: 10px auto 0;
		display: flex;
		align-items: center;
		border-bottom: solid 1px #ffa539;	
		padding-bottom: 30px;
	}
	#introduction .image {
		width: 34%;
	}
	#introduction .textbox {
		width: 60%;
		position: relative;
		text-align: center;
		margin-left: 6%;
	}
	#introduction .textbox dl {
		font-size: .9rem;
		padding-bottom: .1px;
		text-align: left;
		}
	#introduction .textbox dd {
		padding-left: 5.5em;
		border-bottom: solid 1px #ffa539;
		}
	#introduction .textbox dd:last-child {
		border-bottom: none;
		}
	#introduction .textbox dd span{
		font-size: .8rem;
		}
	#introduction .textbox dt{
		position: absolute;
		left: 0;
		width: 5.5em;
		color: #4b7f61;
		}
	#introduction .career,
	#introduction .history{
		width: calc(100% - 20px);
		margin: 0 auto;
		max-width: 430px;
		font-size: .9rem;
		text-align: left;
		border-bottom: solid 1px #ffa539; 
		padding: 12px 0 12px 12px;	
		line-height: 2.0
		}
	#introduction .career span,
	#introduction .history span{
		display: block;
		line-height: 1.3;	
		}
	#introduction .history{
		margin-bottom: 20px;
		}
/*アコーディオン*/
	.accordionlist {
		width: calc(100% - 40px);
		max-width: 500px;
		margin: 0 auto 20px;
		background-color:  #4b7f61;
		padding: 5px;
		position: relative;
	}
	.accordionlist dt {
		display: block;
		font-size: 1rem;
		color: #4b7f61;
		text-align: center;
		background-color: #fff8dc;
		cursor: pointer;
		position: relative;
		transition: .3s;
	}
	.accordionlist dd {
		display: none;
    background-color: #fff8dc;
    border-radius: 15px;
    line-height: 1.5;
    padding: 14px;
    font-size: .9rem;
    text-align: left;
	margin: 20px 10px 10px 10px;
	}
	.accordionlist dt .title {
		font-size: 1.1rem;
		padding: .5em;
		box-sizing: border-box;
		line-height: 1em;
		text-align: center
	}
	.accordion_icon, .accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box
	}
	.accordion_icon {
		position: absolute;
		width: 40px;
		height: 100%;
		top: 0;
		right: 10px
	}
	.accordion_icon span {
		position: absolute;
		left: 10px;
		width: 50%;
		height: 2px;
		background-color: #4b7f61;
		border-radius: 4px;
	}
	.accordion_icon span:nth-of-type(1) {
		top: 1.1rem;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg)
	}
	.accordion_icon span:nth-of-type(2) {
		top: 1.1rem;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg)
	}
	/*＋、×切り替え*/
	.accordion_icon.active span:nth-of-type(1) {
		top: 1.1rem;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg)
	}
	.accordion_icon.active span:nth-of-type(2) {
		top: 1.1rem;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg)
	}
	.accordionlist .subtext{
		text-align: center;
	font-size: 1rem;
		padding-bottom: 1.5em;
	}
	.accordionlist .visiontitle{
		text-align: center;
	font-size: 1.1rem;
		color: #ffa539;
		padding-bottom: 1em;
	}
	.accordionlist .visiontitle span{
		display: block;
	font-size: .9rem;
	}
	.accordionlist .visiontext{
		text-align: center;
	font-size: 1rem;
		padding-bottom: 2.5em;
	}
	/*SNS*/
	#introduction .snslist{
width: 100%;
    height: 173vw;
		max-height: 900px;
    background: url(../../images/sns_bg.jpg) no-repeat bottom;
    background-size: contain;
    position: relative;
	}
	#introduction .position{
		width: 100%;
		height: auto;
		position: absolute;
		top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
		
	}
	
	#introduction .snslist .snsbox{
		width: calc(100% - 38%);
		max-width: 285px;
		margin: 0 auto 5px;
		display: flex;
		align-items: center;
	}
	#introduction .snslist .snsbox .icon{
		width: 30%;
		padding: 5px 0 5px 20px;
	}
	#introduction .snslist .snsbox .linkbox{
		width: 65%;
		margin-left: 5%;
	}
	#introduction .snslist .snsbox .snsname{
		color: #e87e43;
		font-size: 1rem;
	}
	#introduction .snslist .snsbox .id{
		color: #e87e43;
		font-size: .9rem;
	}
	#introduction .snslist .snsbox .followlink{
		display: block;
		color: #fff;
		background-color: #e87e43;
		font-size: .9rem;
		margin: 0 25px;
	}
	/*お問い合わせ*/
	#inquiry{
		width: 100%;
		background-color: #052d05;
		text-align: center;
		padding: 50px 0;
	}
	#inquiry h2,
	#inquiry p{
		font-size: 1.4rem;
		color: #e3ffe3;
		padding-bottom: 1em
	}
	#inquiry h2{
		position: relative;
		padding-bottom: 1em
	}
		#inquiry h2::before {
    content: "";
    display: block;
    position: absolute;
		top: -10%;
  left: 50%;
  transform: translate(-50%, -45%);
    width: 80px;
    height: 17px;
    background: url("../../images/contacts_kazari.png") no-repeat;
    background-size: contain;
    z-index: 1;
	}
	#inquiry p span{
		font-size: 1rem;
	}
	#inquiry a{
		display: block;
		padding: .2em 0;
		margin: 0 90px;
		color: #052d05;
		background-color: #e3ffe3;
		border-radius: 10px;
	}
}
@media screen and (max-width: 768px) {
	#firstview .slideshow {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	#contents .slick-next {
		right: -17px;
		top: 200px;
	}
}

@media screen and (min-width: 769px) {

	#contents .slick-next {
		right: -26px;
		top: 250px;
	}
	#news1,
	#info1,
	#acti1 {
		padding: 1rem 20px;
	}
	/*サイト説明*/
	#latestnews::before {
		top: -20px;
	}
	#news1 li .text,
	#info1 li .text,
	#acti1 li .text {
		padding: .3em 0 30px 10px;
	}
	/*おすすめ飲食店*/
	#restaurant {
		padding: 150px 0 0;
	}
	#restaurant .gamagoriginal .title {
		font-size: 1.4rem;
	}
	#restaurant .gamagoriginal .image {
		padding: 0 65px 10px;
	}
	#contents #restaurant .slick-next {
		width: 50px;
		height: 70px;
	}
	/*おすすめ観光スポット*/
	#tourism {
		padding: 190px 0 20px;
	}
	#tourism .slickslide {
		margin: 0 auto 140px;
	}
	#tourism .gamagorinavi::before {
		top: -35%;
	}
	#contents #tourism .slick-next {
		width: 50px;
		height: 70px;
	}
	/*おすすめ体験プラン*/
	#experience {
		padding: 130px 0 20px;
	}
	#contents #experience .slick-next {
		width: 50px;
		height: 70px;
	}
	/*奉仕活動*/
	#volunteer {
		padding: 110px 0 120px;
	}
	#volunteer::before {
		top: -10px;
	}
}