@charset "UTF-8";

@import url("https://image.raku-uru.jp/cms/fontcss/font.css");
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;500&display=swap');
/* ===================================================

File name: reset.css
Description: ファイルの説明
Applied pages: 全ページ
Date: 
Copyright: 

=====================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1em;font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}li{list-style:none;}*{zoom:1;}.left{float:left !important;}.right{float:right !important;} a.mouse-over:hover img {opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}.center { text-align:center;
}

/*-----------------------------------

	base

-----------------------------------*/
html {
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-family: 'Kiwi Maru', serif;
	font-size: 15px;
    font-size: 1.5em;
	color: #000000;
    line-height: 2;
	letter-spacing: 0;
	font-weight: 300;
	background: #ffffff;
	margin:0 !important;
	width: 100%;
	overflow: hidden;
	position: relative;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.contents_inner{
	max-width: 1170px;
    width: 95%;
	margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
}
a, a:link, a:visited {
	color: #000000;
	text-decoration:none;
    cursor: pointer;
	transition: all 0.5s;
}
a:hover {
	opacity: 0.6;
	text-decoration:none;
}
.sp{
	display:none;
}
.pc{
	display:block;
}
.left{
	float: left;
}
.right{
	float: right;
}
@media screen and (max-width: 640px) {
	body {
		font-size: 13px;
		font-size: 1.3em;
	}
	.sp{
        display:block;
    }
    .pc{
        display:none;
    }
}

/*-----------------------------------

	clearfix

-----------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/*-----------------------------------

	header

-----------------------------------*/
header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #FFF;
}
header .contents_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 120px;
}
header #header_logo {
	width: 184px;
	line-height: 1;
}
header #nav_menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 20px;
	line-height: 1;
	font-weight: 600;
	height: 120px;
}
header #nav_menu .icons {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 30px;
}
header #nav_menu .icons li a {
	display: block;
	height: 50px;
	line-height: 17px;
	padding: 16px 0;
}
header #nav_menu .icons li a img {
	width: 19px;
	height: 17px;
	object-fit: contain;
	margin-right: 5px;
}
header #nav_menu .icons li:last-of-type a {
	background: #5CA731;
	color: #FFF;
	width: 145px;
	text-align: center;
	border-radius: 0 0 10px 10px;
}
header #nav_menu .menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 80px;
}
header #nav_menu .menu li a {
	display: block;
}
.menu_btn_wrap {
    display: none;
}
@media screen and (max-width: 1170px) {
	header #nav_menu .menu {
		gap: 40px;
	}
}
@media screen and (max-width: 840px) {
	header .contents_inner {
		height: 80px;
	}
	header #header_logo {
		width: 140px;
	}
	.menu_btn_wrap {
        display: block;
		width: 80px;
		height: 80px;
		cursor:pointer;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}
	.menu_btn {
		width: 35px;
		height: 24px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		box-sizing: border-box;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		z-index:999;
	}
    .menu_btn .lineh {
        position:absolute;
        width: 35px;
        height: 2px;
        background: #000000;
        top:0;
        right:0;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .menu_btn .linem {
        position:absolute;
        width: 35px;
        height: 2px;
        background: #000000;
        top: 11px;
        right:0;
        opacity: 1;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .menu_btn .lineb {
        position:absolute;
        width: 35px;
        height: 2px;
        background: #000000;
        bottom: 0;
    	right:0;
        -moz-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }
    .menu_btn.active .lineh {
        -moz-transform:rotate(-135deg);
        -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
        top:11px;
        right:0;
    }
    .menu_btn.active .linem {
        opacity: 0;
    }
    .menu_btn.active .lineb {
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg);
        bottom:11px;
        right:0;
        width: 35px;
    }
    header #nav_menu {
        max-width: 500px;
		width: 100%;
		height: calc(100% - 80px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
		position: fixed;
		top:80px;
		right: -100%;
		padding: 20px;
		display:inline-block;
		z-index: 999;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
	}
	header #nav_menu.toggle{
		right: 0 !important;
	}
	header #nav_menu .icons {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px;
	}
	header #nav_menu .icons li:last-of-type a {
		width: 120px;
		border-radius: 5px;
	}
	header #nav_menu .menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0;
		position: relative;
	}
	header #nav_menu .menu::before {
		content: '';
		height: 2px;
		width: 100%;
		background: radial-gradient(circle farthest-side, #5CA731, #5CA731 30%, transparent 30%, transparent);
		background-size: 6px 2px;
		position: absolute;
		top: -1px;
		left: 0;	
	}
	header #nav_menu .menu li {
		position: relative;
	}
	header #nav_menu .menu li::after {
		content: '';
		height: 2px;
		width: 100%;
		background: radial-gradient(circle farthest-side, #5CA731, #5CA731 30%, transparent 30%, transparent);
		background-size: 6px 2px;
		position: absolute;
		bottom: -1px;
		left: 0;	
	}
	header #nav_menu .menu li a {
		padding: 20px 0;
		text-align: center;
	}
}
@media screen and (max-width: 640px) {
	header #nav_menu .icons {
		margin-bottom: 20px;
		gap: 20px;
	}
	header #nav_menu .icons li a {
		height: 40px;
		font-size: 13px;
		line-height: 13px;
		padding: 13px 0;
	}
	header #nav_menu .icons li:last-of-type a {
		width: 110px;
	}

}

/*-----------------------------------

	pagetop

-----------------------------------*/
#pagetop{
    position: fixed;
    right: 20px;
    cursor: pointer;
    z-index: 999;
    width: 72px;
    height: 99px;
	background: url(https://image.raku-uru.jp/01/24269/43/totop_1674205050001.png) no-repeat center/contain;
}
@media screen and (max-width: 640px) {
	#pagetop{
		right: 20px;
		width: 50px;
		height: 70px;
	}
}

/*-----------------------------------

	footer

-----------------------------------*/
footer #about_block{
display:block;
}

footer {
	background: #5CA731;

	padding-bottom: 40px;
}
footer .contents_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
footer .footerlogo {
	width: 166px;
}
footer nav .navTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 100px;
	margin-bottom: 30px;
}
footer nav .navTop li a {
	display: block;
	color: #FFF !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding-right: 10px;
	position: relative;
}
footer nav .navTop li a::after {
	content: "";
	width: 7px;
	height: 7px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	top: 2px;
	bottom: 0;
	right: 0;
	margin: auto;
}
footer nav .navBtm {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 60px;
}
footer nav .navBtm li a {
	display: block;
	color: #FFF !important;
	font-size: 14px;
	line-height: 1;
}
footer small {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	line-height: 1;
margin-top: 50px;
}
@media screen and (max-width: 1170px) {
	footer nav .navTop {
		gap: 60px;
	}
	footer nav .navBtm {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		gap: 30px;
	}
	}
@media screen and (max-width: 840px) {
	footer .contents_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 30px;
	}
}
@media screen and (max-width: 640px) {
	footer {
		padding: 40px 0;
	}
	footer .contents_inner {
		margin-bottom: 40px;
	}
	footer nav .navTop {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 10px 30px;
	}
	footer nav .navTop li a {
		font-size: 14px;
	}
	footer nav .navBtm {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 10px 20px;
	}
	footer nav .navBtm li a {
		display: block;
		color: #FFF !important;
		font-size: 14px;
		line-height: 1;
	}
	footer small {
		font-size: 11px;
	}
	
}

/*-----------------------------------

	about_block

-----------------------------------*/
#about_block {
	background: #F8F6E7;
	padding: 100px 0;
}
#about_block .contents_inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 50px;
}
#about_block .box {
	width: 100%;
	padding: 20px 0;
}
#about_block .box:last-of-type {
	background-color: #FFF;
	border-radius: 10px;
	padding: 20px 30px;
}
#about_block .box .inner_box:not(:last-of-type) {
	padding-bottom: 70px;
}
#about_block .box h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 2px solid #5CA731;
	margin-bottom: 20px;
}
#about_block .box p:not(:last-of-type) {
	margin-bottom: 50px;
}/*
#about_block .box .schedule-area .schedule {
	margin-bottom: 50px;
}
#about_block .box .schedule-area h4 {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
#about_block .box .schedule-area table {
	width: 90%;
	margin: 0 auto;
	line-height: 1;
}
#about_block .box .schedule-area table th {
	width: 14.28%;
	text-align: center;
	padding: 10px 0;
}
#about_block .box .schedule-area table td {
	text-align: center;
	padding: 10px 0;
}
#about_block .box .schedule-area table td.e1 {
	background: #FFEECC;
	color: #E04A00;
}*/
@media screen and (max-width: 1170px) {
	#about_block .contents_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#about_block .box {
		width: calc((100% - 50px) / 2);
	}
	#about_block .box:last-of-type {
		width: 100%;
		padding: 20px;
	}
	#about_block .box .schedule-area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
		gap: 50px;
	}
	#about_block .box .schedule-area .schedule {
		width: calc((100% - 50px) / 2);
		margin-bottom: 0;
	}	
}
@media screen and (max-width: 840px) {
	#about_block .contents_inner {
		gap: 30px;
	}
	#about_block .box {
		width: calc((100% - 30px) / 2);
	}
	#about_block .box .schedule-area {
		gap: 30px;
	}
}
@media screen and (max-width: 640px) {
	#about_block {
		padding: 50px 0;
	}
	#about_block .contents_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 50px;
	}
	#about_block .box {
		width: 100%;
		padding: 0;
	}
	#about_block .box:last-of-type {
		padding: 30px 20px;
	}
	#about_block .box .inner_box:not(:last-of-type) {
		padding-bottom: 50px;
	}
	#about_block .box h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}	
	#about_block .box p:not(:last-of-type) {
		margin-bottom: 20px;
	}	
	#about_block .box .schedule-area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 320px;
		margin: 0 auto;
	}
	#about_block .box .schedule-area .schedule {
		width: 100%;
		margin-bottom: 0;
	}
	#about_block .box .schedule-area h4 {
		font-size: 16px;
	}	
}

/* カレンダー線あり
--------------------------------------------*/
.calendar table {
  width: 94%;
  margin: auto;
}
.calendar th, .calendar td {
  font-size: 13px;
  font-weight: normal;
  padding: 5px 0;
  width: -webkit-calc(94% / 7);
  width: calc(94% / 7);
  text-align: center;
  border: 2px solid #fff;
  margin: 0;
  display: table-cell;
}
.calendar thead th {
  padding: 10px 0;
}
.calendar thead th:first-child {
  color: #d70035;
}
.calendar thead th:last-child {
  color: #006eb0;
}
.calendar td i {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
}

/* カレンダー線なし
--------------------------------------------*/
.calendar-2 {
  margin-bottom: 24px;
}
.calendar-2 table {
  width: 94%;
  margin: auto;
}
.calendar-2 th, .calendar-2 td {
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  width: -webkit-calc(94% / 7);
  width: calc(94% / 7);
  text-align: center;
  border: none;
  display: table-cell;
}
.calendar-2 thead {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.calendar-2 thead th {
  background: rgba(246, 246, 247, 0);
  padding: 10px 0;
}
.calendar-2 thead th:first-child {
  color: #d70035;
}
.calendar-2 thead th:last-child {
  color: #006eb0;
}
.calendar-2 tbody {
  padding-top: 10px;
}
.calendar-2 tbody td {
  vertical-align: middle;
  padding: 5px 3px;
}
.calendar-2 tbody td i {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 26px;
}

/* イベント色分け */
.e1 i {
  color: #000;
  background-color: #FFEECC;
  border-radius: 5px;
}

.e2 i {
  color: #fff;
  background-color: #22af73;
  border-radius: 20px;
}

.e3 i {
  color: #000;
  background-color: #d6dd21;
  border-radius: 20px;
}

.list-event {
  border-top: 1px solid #d2d2d2;
  padding: 15px 0;
  margin: 0 3%;
  text-align: left;
}
.list-event li {
  display: inline-block;
  line-height: 24px;
  position: relative;
  min-height: 24px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-left: 32px;
  text-align: left;
  list-style: none;
  font-size: 13px;
  font-size: 1.3rem;
}
.list-event li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  content: '';
}
.list-event li.event1::before {
  background-color: #FFEECC;
border-radius: 5px;
}
.list-event li.event2::before {
  background-color: #22af73;
border-radius: 20px;
}
.list-event li.event3::before {
  background-color: #d6dd21;
border-radius: 20px;
}


footer .footer_nav{
margin-top:60px;
}

.main{
 max-width:1200px;
 margin:10em auto;
}
/* ===================================================

File name: index.css
Description: ファイルの説明
Applied pages: TOP
Date:
Copyright:

=====================================================*/
/*-----------------------------------

	mainvisual

-----------------------------------*/
.swiper {
    width: min(1170px, 95%);
	position: relative;
}
.swiper {
    overflow: visible !important;
}
.swiper::before {
	content: "";
	width: 226px;
	height: 131px;
	background: url(https://image.raku-uru.jp/01/24269/12/mv_img01_1674204791200.png) no-repeat center/contain;
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index: 50;
}
.swiper::after {
	content: "";
	width:  362px;
	height: 111px;
	background: url(https://image.raku-uru.jp/01/24269/10/mv_img02_1674204790506.png) no-repeat center/contain;
	position: absolute;
	right: 0;
	bottom: -90px;
	z-index: 50;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute !important;
    top: 50% !important;
    width: 46px !important;
    height: 46px !important;
	margin-top: auto !important;
	transform: translateY(-50%) !important;
	background: #000 !important;
	border-radius: 6px !important;
}
.swiper-button-next {
	left: calc(100% + 18px) !important;;
	right: auto !important;;
}
.swiper-button-prev {
	left: auto !important;
	right: calc(100% + 18px) !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
	content: "" !important;
	width: 11px;
	height: 11px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.swiper-button-next:after {
	left: 15px;
}
.swiper-button-prev:after {
	right: 15px;
	transform: rotate(-135deg);
}
.swiper .swiper-slide {
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width: 1300px) {
	.swiper-button-next {
		left: auto !important;;
		right: -2% !important;;
	}
	.swiper-button-prev {
		left: -2% !important;;
		right: auto !important;;
	}
}
@media screen and (max-width: 840px) {
	.swiper::before {
		width: 158px;
		height: 92px;
		bottom: -80px;
	}
	.swiper::after {
		width:  253px;
		height: 79px;
		bottom: -70px;
	}
}
@media screen and (max-width: 640px) {
	.swiper::before {
		width: 113px;
		height: 66px;
		bottom: -50px;
	}
	.swiper::after {
		width:  181px;
		height: 55px;
		bottom: -40px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		width: 32px !important;;
		height: 32px !important;;
		border-radius: 4px !important;;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		width: 9px;
		height: 9px;
	}
	.swiper-button-next:after {
		left: 10px;
	}
	.swiper-button-prev:after {
		right: 10px;
	}
	.swiper .swiper-slide img {
		height: 55vw;
		object-fit: cover;
	}
}

/*-----------------------------------

	common

-----------------------------------*/
#contents section {
	padding: 100px 0;
}
#contents h2 {
	font-size: 32px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	padding-top: 50px;
	background: url(https://image.raku-uru.jp/01/24269/27/ttlbg_g_1674204908002.png) no-repeat center top/262px;
	margin-bottom: 40px;
}
#contents h2::before {
	content: "";
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
	#contents section {
		padding: 60px 0;
	}
	#contents h2 {
		font-size: 24px;
		padding-top: 40px;
		background: url(https://image.raku-uru.jp/01/24269/27/ttlbg_g_1674204908002.png) no-repeat center top/200px;
		margin-bottom: 30px;
	}
	#contents h2::before {
		font-size: 10px;
		margin-bottom: 10px;
	}
	
}
/*-----------------------------------

	notice_block

-----------------------------------*/
#notice_block {
	padding: 100px 0 0 0 !important;
	background: linear-gradient(0deg, rgba(248,246,231,1) 0%, rgba(248,246,231,1) 40%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%), url(https://image.raku-uru.jp/01/24269/7/notice_bg_1674204788992.png) repeat-x center/1358px;
}
#notice_block .contents_inner {
	background: #5CA731;
	color: #FFF;
	max-width: 780px;
	border-radius: 20px;
	padding: 20px 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#notice_block .leftArea {
	width: 150px;
	line-height: 1;
}
#notice_block .leftArea h2 {
	font-size: 24px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
}
#notice_block .leftArea h2::before {
	margin-bottom: 0;
}
#notice_block .leftArea a {
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	padding-right: 15px;
	position: relative;
}
#notice_block .leftArea a::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#notice_block .rightArea {
	width: calc(100% - 150px);
}
#notice_block .rightArea ul li {
	position: relative;
}
#notice_block .rightArea ul li::after {
    content: '';
    height: 2px;
    width: 100%;
    background: radial-gradient(circle farthest-side, #FFF, #FFF 30%, transparent 30%, transparent);
    background-size: 6px 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#notice_block .rightArea ul li:last-child::after {
display:none;
}
#notice_block .rightArea ul li a {
	color: #FFF;
	line-height: 1;
	padding: 20px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 20px;
}
#notice_block .rightArea ul li a .date {
	font-weight: 500;
	width: 90px;
}
#notice_block .rightArea ul li a .ttl {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 15px;
	overflow: hidden;
}
@media screen and (max-width: 840px) {
	#notice_block .leftArea {
		width: 130px;
		line-height: 1;
	}
	#notice_block .rightArea {
		width: calc(100% - 130px);
	}
}
@media screen and (max-width: 640px) {
	#notice_block {
		padding: 60px 0 0 0 !important;
	}
	#notice_block .contents_inner {
		border-radius: 16px;
		padding: 20px 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
	}
	#notice_block .leftArea {
		width: 100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#notice_block .leftArea h2 {
		font-size: 20px;
		margin-bottom: 0;
	}
	#notice_block .leftArea a {
		font-size: 12px;
	}	
	#notice_block .rightArea {
		width: 100%;
	}
	#notice_block .rightArea ul li a {
		padding: 15px 0;
		gap: 10px;
	}	
	#notice_block .rightArea ul li a .date {
		width: 70px;
	}
	#notice_block .rightArea ul li a .ttl {
		height: 13px;
	}
	
}

/*-----------------------------------

	farm_block

-----------------------------------*/
#farm_block {
	background: #F8F6E7;
}
#farm_block .contents_inner {
	max-width: 960px;
}
#farm_block h2::before {
	content: "NAKAJIMA FARM";
}
#farm_block .copy {
	text-align: center;
	margin-bottom: 40px;
}
#farm_block .farm_menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	border-radius: 40px;
	background-color: #5CA731;
	gap: 1px;
	padding: 1px;
}
#farm_block .farm_menu li {
	width: 100%;
}
#farm_block .farm_menu li a {
	background: #FFF;
	color: #5CA731;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding: 24px 0 40px;
	text-align: center;
	position: relative;
}
#farm_block .farm_menu li a::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid #5CA731;
	border-bottom: 2px solid #5CA731;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: rotate(45deg);
	transition: all 0.5s;
}
#farm_block .farm_menu li:first-of-type a {
	border-radius: 40px 0 0 40px;
}
#farm_block .farm_menu li:last-of-type a {
	border-radius: 0 40px 40px 0;
}
#farm_block .farm_menu li a:hover {
	opacity: 1;
	background: #5CA731;
	color: #FFF;
}
#farm_block .farm_menu li a:hover::after {
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#farm_block .wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding: 60px 0;
}
#farm_block .wrap:nth-of-type(2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#farm_block .wrap:not(:last-of-type) {
	border-bottom: 3px dotted #5CA731;
}
#farm_block .wrap:last-of-type {
	padding: 60px 0 0 0;
}
#farm_block .wrap .imageArea {
	width: 50%;
}
#farm_block .wrap .imageArea img {
	max-width: 320px;
	width: 70%;
	display: block;
	margin: 0 auto;
}
#farm_block .wrap .textArea {
	width: 50%;
}
#farm_block .wrap .textArea h3 {
	font-size: 26px;
	font-weight: 500;
	padding-left: 25px;
	margin-bottom: 30px;
	position: relative;
	line-height: 1;
}
#farm_block .wrap .textArea h3::before {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #5CA731;
	position: absolute;
	top: 8px;
	left: 0;
}
#farm_block .wrap .textArea p {
	margin-bottom: 30px;
}
#farm_block .wrap .textArea img {
	max-width: 378px;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
#farm_block .wrap .textArea .buy {
	display: block;
	width: 260px;
	background: #5CA731;
	color: #FFF;
	border-radius: 40px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	padding: 20px 0;
	position: relative;
}
#farm_block .wrap .textArea .buy::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}
@media screen and (max-width: 840px) {
	#farm_block .wrap .imageArea {
		width: 40%;
	}
	#farm_block .wrap .imageArea img {
		width: 80%;
	}	
	#farm_block .wrap .textArea {
		width: 60%;
	}
	
}
@media screen and (max-width: 640px) {
	#farm_block .copy {
		margin-bottom: 30px;
	}
	#farm_block .farm_menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border-radius: 20px;
	}
	#farm_block .farm_menu li a {
		font-size: 14px;
		padding: 20px 0 30px;
	}
	#farm_block .farm_menu li a::after {
		bottom: 13px;
		left: 50%;
		transform: rotate(45deg);
		transition: all 0.5s;
	}	
	#farm_block .farm_menu li:first-of-type a {
		border-radius: 20px 20px 0 0;
	}
	#farm_block .farm_menu li:last-of-type a {
		border-radius: 0 0 20px 20px;
	}
	#farm_block .wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px;
		padding: 40px 0;
	}
	#farm_block .wrap:nth-of-type(2) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}	
	#farm_block .wrap .imageArea {
		width: 100%;
	}
	#farm_block .wrap .imageArea img {
		width: 70%;
	}	
	#farm_block .wrap .textArea {
		width: 100%;
	}
	#farm_block .wrap .textArea h3 {
		font-size: 24px;
		padding-left: 20px;
		margin-bottom: 20px;
	}
	#farm_block .wrap .textArea h3::before {
		width: 10px;
		height: 10px;
		top: 8px;
	}
	#farm_block .wrap .textArea p {
		margin-bottom: 20px;
	}	
	#farm_block .wrap .textArea .buy {
		border-radius: 30px;
		font-size: 14px;
	}
}

/*-----------------------------------

	odsession_block

-----------------------------------*/
#odsession_block .contents_inner {
	max-width: 960px;
}
#odsession_block h2::before {
	content: "ODSESSION";
}
/*-- odsession_inner01 --*/
#odsession_block #odsession_inner01 {
	border: 2px solid #5CA731;
	border-radius: 20px;
	box-shadow: 10px 10px 0px 0px #5ca731;
	padding: 50px 40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 60px;
	position: relative;
	margin-bottom: 120px;
}
#odsession_block #odsession_inner01::before {
	content: "";
	width: 161px;
	height: 103px;
	background: url(https://image.raku-uru.jp/01/24269/37/odsession01_deco01_1674204911418.png) no-repeat center/contain;
	position: absolute;
	top: -50px;
	left: -10px;
}
#odsession_block #odsession_inner01::after {
	content: "";
	width: 334px;
	height: 161px;
	background: url(https://image.raku-uru.jp/01/24269/36/odsession01_deco02_1674204911103.png) no-repeat center/contain;
	position: absolute;
	bottom: -75px;
	right: -50px;
}
#odsession_block #odsession_inner01 .imageArea {
	width: 55%;
}
#odsession_block #odsession_inner01 .textArea {
	width: 45%;
}
@media screen and (max-width: 840px) {
	#odsession_block #odsession_inner01 {
		padding: 40px 30px;
		gap: 20px;
	}
	#odsession_block #odsession_inner01::before {
		width: 112px;
		height:73px;
		top: -30px;
		left: -5px;
	}
	#odsession_block #odsession_inner01::after {
		width: 235px;
		height: 113px;
		bottom: -55px;
		right: -30px;
	}	
	#odsession_block #odsession_inner01 .imageArea {
		width: 45%;
	}
	#odsession_block #odsession_inner01 .textArea {
		width: 55%;
	}
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner01 {
		border-radius: 15px;
		padding: 30px 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 80px;
	}
	#odsession_block #odsession_inner01 .imageArea {
		width: 100%;
	}
	#odsession_block #odsession_inner01 .imageArea img {
		display: block;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}
	#odsession_block #odsession_inner01 .textArea {
		width: 100%;
	}
}
/*-- wrap --*/
#odsession_block .wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#odsession_block .wrap:not(:last-of-type) {
	margin-bottom: 120px;
}
#odsession_block .wrap:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
#odsession_block .wrap .imageArea {
	width: 47%;
	border-radius: 20px;
	overflow: hidden;
}
#odsession_block .wrap .textArea {
	width: 53%;
	padding: 0 90px 0 50px;
	position: relative;
}
#odsession_block .wrap .textArea::before {
	content: "";
    width: 112%;
    height: 500px;
    position: absolute;
    top: 50%;
	right: -5%;
    z-index: -1;
    transform: translateY(-50%);
}
#odsession_block .wrap:nth-of-type(2n) .textArea {
	padding: 0 50px 0 90px;
}
#odsession_block .wrap:nth-of-type(2n) .textArea::before {
	right: auto;
    left: -5%;
}
#odsession_block .wrap .textArea h3 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.5;
	margin-bottom: 20px;
	position: relative;
	padding-top: 35px;
}
#odsession_block .wrap .textArea h3::before {
	content: "";
	width: 100px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 1170px) {
	#odsession_block .wrap .textArea {
		padding: 0 70px 0 30px;
	}
	#odsession_block .wrap:nth-of-type(2n) .textArea {
		padding: 0 30px 0 70px;
	}
	#odsession_block .wrap .textArea::before {
		width: 120%;
	}
}
@media screen and (max-width: 840px) {
	#odsession_block .wrap:not(:last-of-type) {
		margin-bottom: 80px;
	}
	#odsession_block .wrap .textArea {
		padding: 0 30px 0 0;
	}
	#odsession_block .wrap:nth-of-type(2n) .textArea {
		padding: 0 0 0 30px;
	}
	#odsession_block .wrap .textArea::before {
		width: 500px;
	}
}
@media screen and (max-width: 640px) {
	#odsession_block .wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px;
	}
	#odsession_block .wrap:not(:last-of-type) {
		margin-bottom: 50px;
	}
	#odsession_block .wrap:nth-of-type(2n) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#odsession_block .wrap .imageArea {
		width: 100%;
	}
	#odsession_block .wrap .textArea {
		width: 100%;
		padding: 0;
	}
	#odsession_block .wrap:nth-of-type(2n) .textArea {
		padding: 0;
	}
	#odsession_block .wrap .textArea::before {
		width: 130%;
		height: 350px;
		top: -10vw;
		left: 50%;
		transform: translateX(-50%);
	}
	#odsession_block .wrap:nth-of-type(2n) .textArea::before {
		left: 50%;
	}
	#odsession_block .wrap .textArea h3 {
		font-size: 18px;
		padding-top: 25px;
		margin-bottom: 15px;
	}
	#odsession_block .wrap .textArea h3::before {
		width: 70px;
		height: 23px;
	}
	
}
/*-- odsession_inner02 --*/
#odsession_block #odsession_inner02 .textArea::before {
	background: url(https://image.raku-uru.jp/01/24269/34/odsession02_bg_1674204910020.png) no-repeat center center/contain;
}
#odsession_block #odsession_inner02 .textArea h3::before {
	background: url(https://image.raku-uru.jp/01/24269/32/odsession02_deco_1674204909123.png) center/contain;
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner02 .textArea::before {
		background: url(https://image.raku-uru.jp/01/24269/34/odsession02_bg_1674204910020.png) no-repeat center top/contain;
	}
}
/*-- odsession_inner03 --*/
#odsession_block #odsession_inner03 .textArea::before {
	background: url(https://image.raku-uru.jp/01/24269/25/odsession03_bg_1674204907235.png) no-repeat center center/contain;
}
#odsession_block #odsession_inner03 .textArea h3::before {
	background: url(https://image.raku-uru.jp/01/24269/31/odsession03_deco_1674204908919.png) center/contain;
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner03 .textArea::before {
		background: url(https://image.raku-uru.jp/01/24269/25/odsession03_bg_1674204907235.png) no-repeat center top/contain;
	}
}
/*-- odsession_inner04 --*/
#odsession_block #odsession_inner04 .textArea::before {
	background: url(https://image.raku-uru.jp/01/24269/23/odsession04_bg_1674204906110.png) no-repeat center center/contain;
}
#odsession_block #odsession_inner04 .textArea h3::before {
	background: url(https://image.raku-uru.jp/01/24269/30/odsession04_deco_1674204908675.png) center/contain;
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner04 .textArea::before {
		background: url(https://image.raku-uru.jp/01/24269/23/odsession04_bg_1674204906110.png) no-repeat center top/contain;
	}
}
/*-- odsession_inner05 --*/
#odsession_block #odsession_inner05 .textArea::before {
	background: url(https://image.raku-uru.jp/01/24269/33/odsession05_bg_1674204909287.png) no-repeat center center/contain;
}
#odsession_block #odsession_inner05 .textArea h3::before {
	background: url(https://image.raku-uru.jp/01/24269/29/odsession05_deco_1674204908487.png) center/contain;
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner05 .textArea::before {
		background: url(https://image.raku-uru.jp/01/24269/33/odsession05_bg_1674204909287.png) no-repeat center top/contain;
	}
}
/*-- odsession_inner06 --*/
#odsession_block #odsession_inner06 .textArea::before {
	background: url(https://image.raku-uru.jp/01/24269/24/odsession06_bg_1674204906724.png) no-repeat center center/contain;
}
#odsession_block #odsession_inner06 .textArea h3::before {
	background: url(https://image.raku-uru.jp/01/24269/28/odsession06_deco_1674204908300.png) center/contain;
}
@media screen and (max-width: 640px) {
	#odsession_block #odsession_inner06 .textArea::before {
		background: url(https://image.raku-uru.jp/01/24269/24/odsession06_bg_1674204906724.png) no-repeat center top/contain;
	}
}
/*-----------------------------------

	greeting_block

-----------------------------------*/
#greeting_block {
	background: url(https://image.raku-uru.jp/01/24269/3/greeting_bg_1674204786491.jpg) center bottom/cover;
	position: relative;
}
#greeting_block::before {
	content: "";
	width: 180px;
	height: 112px;
	background: url(https://image.raku-uru.jp/01/24269/13/greeting_deco01_1674204791472.png) center/cover;
	position: absolute;
	left: 5%;
	bottom: 30%;
}
#greeting_block::after {
	content: "";
	width: 176px;
	height: 145px;
	background: url(https://image.raku-uru.jp/01/24269/17/greeting_deco02_1674204792643.png) center/cover;
	position: absolute;
	right: 5%;
	bottom: 30%;
}
#greeting_block .contents_inner {
	max-width: 960px;
	color: #FFF;
	text-align: center;
}
#greeting_block h2 {
	background: url(https://image.raku-uru.jp/01/24269/26/ttlbg_w_1674204907786.png) no-repeat center top/262px;
}
#greeting_block h2::before {
	content: "GREETING";
}
#greeting_block p {
	margin-bottom: 40px;
}
@media screen and (max-width: 840px) {
	#greeting_block::before {
		width: 127px;
		height: 78px;
		left: 2%;
		bottom: 40%;
	}
	#greeting_block::after {
		width: 123px;
		height: 101px;
		right: 2%;
		bottom: 40%;
	}
}
@media screen and (max-width: 640px) {
	#greeting_block::before {
		width: 0;
		height: 0;
	}
	#greeting_block::after {
		width: 0;
		height: 0;
	}
	#greeting_block .contents_inner {
		text-align: left;
	}
	#greeting_block h2 {
		background: url(https://image.raku-uru.jp/01/24269/26/ttlbg_w_1674204907786.png) no-repeat center top/200px;
	}
	#greeting_block p {
		margin-bottom: 30px;
	}
}
/*-----------------------------------

	banner_block

-----------------------------------*/
#banner_block {
	padding: 80px 0;
}
#banner_block ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap: 40px;
}
@media screen and (max-width: 840px) {
	#banner_block {
		padding: 60px 0;
	}
	#banner_block ul {
		gap: 20px;
	}
}
@media screen and (max-width: 640px) {
	#banner_block ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 360px;
		margin: 0 auto;
	}
}
#tabiiro{
margin-bottom:2vw;
}
@media screen and (max-width: 640px) {
#tabiiro{
margin-bottom:10vw;
}
}