@charset "utf-8";

body {
background-color: #FBF9F3;
color: #40210F;
font-family: "fot-tsukuardgothic-std", "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 18px;
}
.m-sec__title {
font-size: 36px;
font-weight: bold;
margin: 0 0 40px;
}
.m-common__btn {
background: #440000;
border-radius: 36px;
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
padding: 24px 0;
text-align: center;
width: 100%;
}
.m-common__btn--disable {
background: #D6D6D6;
border-radius: 36px;
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
padding: 24px 0;
text-align: center;
width: 100%;
}
.m-farm__em {
color: #DDBB35;
}
.l-global__link {
background-color: #440000;
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 12px;
}
.p-shoulder__copy {
color: #fff;
font-family: "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 13px;
}
.p-global-link__item a {
color: #fff;
font-family: "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 13px;
text-decoration: underline;
}
.l-header__link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 36px 24px;
}
.p-header__link {
font-weight: bold;
display: flex;
align-items: center;
}
.p-header__link--item {
font-size: 16px;
margin: 0 14px;
}
.mail_icon {
height: 34px;
width: 34px;
}
.p-header-main {
background-image: url(https://www.kaigetsu.jp/wp/wp-content/uploads/2025/03/bg.webp);
background-repeat: repeat;
background-size: 30%;
display: flex;
justify-content: center;
position: relative;
}
.p-header-main__title {
align-self: baseline;
background: #FBF9F3;
margin: 0 0 0 24px;
padding: 30px 12px 30px 0;
text-orientation: upright;
writing-mode: vertical-rl;
}
.p-header-main__title span {
font-size: 38px;
font-weight: bold;
display: block;
letter-spacing: 10px;
padding: 0 8px;
margin: 0 8px;
position: relative;
}
.p-header-main__title span::before {
background: url(https://www.kaigetsu.jp/wp/wp-content/themes/kadan_tcd056/assets/images/farm/border.svg);
background-repeat: repeat-y;
background-size: 2px 10px;
content: "";
display: block;
height: 384px;
position: absolute;
top: 0;
right: 0;
width: 2px;
}
.p-main__img {
height: auto;
width: 900px;
}
.l-about__container {
display: flex;
justify-content: space-between;
padding: 100px 0;
}
.l-about__container--center {
width: 32%;
}
.l-about__container--left,
.l-about__container--right {
position: relative;
width: 34%;
}
.l-about__container--sp {
display: none;
}
.p-about__header--label {
margin: 0 0 50px;
text-align: center;
}
.p-about__header--title {
margin: 0 0 60px;
text-align: center;
}
.p-about__header--text {
font-weight: bold;
line-height: 2;
}
.about_img_01 {
height: auto;
width: 400px;
position: absolute;
top: -60px;
left: -30px;
}
.about_img_02 {
height: auto;
width: 300px;
position: absolute;
bottom: -50px;
left: 30px;
}
.about_img_03 {
height: auto;
width: 300px;
position: absolute;
top: -160px;
right: 140px;
}
.about_img_04 {
height: auto;
width: 200px;
position: absolute;
top: 110px;
right: 110px;
}
.about_img_05 {
height: auto;
width: 360px;
position: absolute;
bottom: -120px;
right: 10px;
}
.l-partner__container {
background-color: #fff;
background-image: url(https://www.kaigetsu.jp/wp/wp-content/uploads/2025/03/parter_bg.webp);
background-repeat: no-repeat;
background-size: 100%;
background-position: center bottom;
display: flex;
justify-content: center;
padding: 100px 0 350px;
}
.l-partner__container--detail {
margin: 0 100px 0 0;
width: 500px;
}
.p-partner-detail__header--label {
margin: 0 0 40px;
}
.p-partner-detail__header--title {
line-height: 1.5;
}
.p-partner-detail__text {
font-size: 16px;
font-weight: bold;
line-height: 2;
}
.p-partner-img__item {
height: auto;
width: 540px;
}
.p-partner-img__item--sp {
display: none;
}
.l-produce__container {
padding: 100px 0;
}
.l-produce__header--container {
text-align: center;
}
.p-produce__header--label {
margin: 0 0 40px;
}
.l-produce__item--container {
background: #fff;
border-radius: 50px 0 0 50px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin: 0 0 50px auto;
padding: 60px 0 60px 60px;
align-items: center;
width: 96%;
}
.l-produce__item--container:nth-child(odd) {
border-radius: 0 50px 50px 0;
flex-direction: row;
margin: 0 auto 50px 0;
padding: 60px 60px 60px 0;
}
.l-produce__item--container:last-child {
margin-bottom: 0;
}
.p-produce__detail {
margin: 0 100px 0 0;
position: relative;
width: 460px;
}
.p-onion__detail::before {
background: url(https://www.kaigetsu.jp/wp/wp-content/themes/kadan_tcd056/assets/images/farm/decoration_01.svg) no-repeat;
background-size: 136px 170px;
content: "";
display: block;
height: 170px;
position: absolute;
top: -220px;
left: 0;
width: 136px;
}
.p-lettuce__detail::before {
background: url(https://www.kaigetsu.jp/wp/wp-content/themes/kadan_tcd056/assets/images/farm/decoration_03.svg) no-repeat;
background-size: 254px 126px;
content: "";
display: block;
height: 126px;
position: absolute;
top: -180px;
right: -80px;
width: 254px;
}
.l-produce__item--container:nth-child(odd) .p-produce__detail {
margin: 0 0 0 100px;
}
.p-produce__detail--title {
font-size: 32px;
font-weight: bold;
margin: 0 0 30px;
padding: 0 0 0 40px;
position: relative;
}
.p-produce__detail--title::before {
background: url(https://www.kaigetsu.jp/wp/wp-content/themes/kadan_tcd056/assets/images/farm/decoration_02.svg);
background-repeat: no-repeat;
background-size: 30px 28px;
content: "";
display: inline-block;
height: 28px;
padding: 0 0 0 20px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 30px;
}
.p-produce__detail--text {
font-size: 16px;
font-weight: bold;
line-height: 2;
margin: 0 0 60px;
}
.p-produce__detail--link {
text-align: center;
}
.p-produce__detail--link span {
font-weight: bold;
display: inline-block;
margin: 0 0 12px;
position: relative;
text-align: center;
}
.p-produce__detail--link span::before {
border-left: 2px solid #40210F;
content: "";
display: block;
height: 20px;
position: absolute;
top: 50%;
left: -20px;
transform: translate(0, -75%) rotate(-45deg);
width: 20px;
}
.p-produce__detail--link span::after {
border-left: 2px solid #40210F;
content: "";
display: block;
height: 20px;
position: absolute;
top: 50%;
right: -30px;
transform: translate(0, -15%) rotate(45deg);
width: 20px;
}
.produce__img {
width: 620px;
height: auto;
}
.l-exp__container {
background: #fff;
padding: 100px 0;
}
.exp_header_img {
height: auto;
width: 866px;
}
.l-exp__header {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
margin: 0 0 100px;
}
.l-exp__header--detail {
margin: 0 0 0 80px;
position: relative;
}
.l-exp__header--detail::before{
background: url(https://www.kaigetsu.jp/wp/wp-content/themes/kadan_tcd056/assets/images/farm/decoration_04.svg) no-repeat;
background-size: 136px 176px;
content: "";
display: block;
height: 176px;
position: absolute;
top: -240px;
left: 0;
width: 136px;
}
.p-exp__header--label {
text-align: center;
margin: 0 0 40px;
}
.p-exp__header--title {
text-align: center;
font-size: 42px;
}
.p-exp__header--supplement {
font-size: 24px;
display: block;
margin: 0 0 16px;
text-align: center;
}
.p-exp__header--supplement span {
position: relative;
}
.p-exp__header--supplement span::before {
border-left: 2px solid #40210F;
content: "";
display: block;
height: 20px;
position: absolute;
top: 50%;
left: -20px;
transform: translate(0, -75%) rotate(-45deg);
width: 20px;
}
.p-exp__header--supplement span::after {
border-left: 2px solid #40210F;
content: "";
display: block;
height: 20px;
position: absolute;
top: 50%;
right: -30px;
transform: translate(0, -15%) rotate(45deg);
width: 20px;
}
.p-exp__header--text {
font-size: 18px;
font-weight: bold;
line-height: 2;
width: 400px;
}
.l-exp__item {
background: #FBF9F3;
border-radius: 50px;
display: flex;
justify-content: center;
margin: 0 auto 60px;
padding: 60px;
width: 1040px;
}
.p-exp-item__conteiner--left {
margin: 0 60px 0 0;
}
.exp_item_img_01 {
height: auto;
width: 476px;
}
.exp_item_img_01_sp {
display: none;
}
.p-exp-item__title {
font-size: 28px;
font-weight: bold;
margin: 0 0 30px;
}
.p-exp-item__text {
font-size: 16px;
font-weight: bold;
line-height: 2;
}
.p-exp-item__text span {
display: block;
}
.p-exp-item__plan {
align-items: flex-start;
border-top: 1px solid #40210F;
border-bottom: 1px solid #40210F;
display: flex;
font-size: 16px;
margin: 20px 0 30px;
padding: 20px 0;
}
.p-exp-item__plan dt {
border: 1px solid #000;
border-radius: 4px;
display: inline-block;
margin: 0 40px 0 0;
padding: 4px;
text-align: center;
width: 120px;
}
.p-exp-item__plan dd {
font-weight: bold;
line-height: 2;
}
.p-exp-item__plan dd span {
display: block;
font-size: 14px;
line-height: 1.5;
margin: 20px 0 0;
}
.p-exp-item__link--text {
font-size: 14px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 20px;
}
.p-exp-item__report {
max-width: 1040px;
margin: 0 auto 80px;
}
.p-exp-item__report--item-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.p-exp-item__report--item {
margin: 0 2% 0 0;
width: 32%;
}
.p-exp-item__report--item:last-child {
margin: 0;
}
.p-exp-item__report--item a {
display: block;
}
.p-exp-item__report--item a:hover .exp__report--img,
.p-exp-item__report--item a:hover .p-exp-item__report--text {
opacity: .8;
}
.p-exp-item__report--title {
border-left: 6px solid #8dc21f;
font-size: 28px;
font-weight: bold;
margin: 0 0 40px;
padding: 0 0 0 16px;
}
.p-exp-item__report--text {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.exp__report--img {
width: 100%;
margin: 0 0 16px;
}
.l-exp__item--bnr {
display: block;
position: relative;
margin: 0 auto 100px;
text-align: center;
}
.l-exp__item--bnr:hover {
opacity: .8;
}
.exp_bnr {
height: auto;
width: 1040px;
}
.p-exp-item__bnr--text {
color: #fff;
font-size: 54px;
font-weight: bold;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-shadow: 0px 0px 8px black;
z-index: 1;
}
.p-exp-item__bnr--text span {
display: block;
font-size: 30px;
}
.l-exp__item--schedule {
text-align: center;
}
.p-exp-item__schedule--title {
font-size: 32px;
font-weight: bold;
margin: 0 0 24px;
}
.p-exp-item__schedule--text {
font-weight: bold;
line-height: 1.75;
margin: 0 0 24px;
}
.exp_schedule_img {
height: auto;
width: 1040px;
}
.l-topics__container {
padding: 100px 0;
}
.l-topics__header {
text-align: center;
}
.p-topics__header--label {
margin: 0 0 40px;
}
.l-access__container {
padding: 0 0 100px;
}
.l-access__header {
text-align: center;
}
.p-access__header--label {
margin: 0 0 40px;
}
.l-access__body {
display: flex;
align-items: center;
justify-content: center;
max-width: 1040px;
margin: 0 auto;
}
.p-access__map {
margin: 0 80px 0 0;
}
.p-access__detail--name {
font-size: 24px;
font-weight: bold;
margin: 0 0 20px;
}
.p-access__detail--address {
font-weight: bold;
font-size: 18px;
margin: 0px 0 8px;
}
.p-access__detail--email {
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
}
.p-access__detail--direction {
border-top: 1px solid #40210F;
padding: 20px 0 0;
}
.p-access__detail--direction dt {
margin: 0 0 12px;
}
.p-access__detail--direction dd {
line-height: 1.75;
font-size: 16px;
}
.p-access__detail--direction dd span {
font-size: 14px;
display: block;
margin: 20px 0 0;
}
.l-footer {
background-color: #440000;
color: #fff;
font-family: "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 15px;
padding: 30px 0;
}
.l-footer__upperlink {
font-weight: bold;
padding: 0 0 30px;
}
.l-footer__upperlink ul {
display: flex;
justify-content: center;
}
.l-footer__upperlink ul li {
border-right: 1px solid #fff;
font-size: 14px;
padding: 0 24px;
}
.l-footer__bottomlink {
font-weight: normal;
}
.l-footer__bottomlink ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
line-height: 2;
margin: 0 auto;
width: 65%;
}
.l-footer__bottomlink ul li {
font-size: 13px;
padding: 0 16px;
}
.l-footer__copyright {
background-color: #260000;
color: #fff;
font-size: 12px;
font-family: "Hiragino Kaku Gothic ProN",
"Hiragino Sans", "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
text-align: center;
padding: 16px;
}
.p-header__btn {
cursor: pointer;
display: none;
align-items: center;
width: 30px;
height: 32px;
position: relative;
}
.p-header__btn span {
display: block;
border-top: 2px solid #5c5c5c;
border-radius: 2px;
height: 1px;
width: 100%
}
.p-header__btn::before {
border-top: 2px solid #5c5c5c;
border-radius: 2px;
content: "";
display: block;
height: 1px;
position: absolute;
top: 5px;
width: 100%;
}
.p-header__btn::after {
border-top: 2px solid #5c5c5c;
border-radius: 2px;
content: "";
display: block;
height: 1px;
position: absolute;
bottom: 5px;
width: 100%;
}
.overlay_menu {
background: #FBF9F3;
display: none;
margin: 0;
padding: 60px 20px 60px;
position: fixed;
top: 0;
bottom: 0;
text-align: center;
width: 100%;
z-index: 10;
}
.overlay_menu_close {
position: absolute;
top: 24px;
right: 24px;
width: 50px;
height: 50px;
}
.overlay_menu_close::before {
border-left: 2px solid #5c5c5c;
border-radius: 2px;
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-15%, -15%) rotate(45deg);
height: 50px;
width: 50px;
}
.overlay_menu_close::after {
border-right: 2px solid #5c5c5c;
border-radius: 2px;
content: "";
display: block;
position: absolute;
top: 50%;
right: 50%;
transform: translate(15%, -15%) rotate(-45deg);
height: 50px;
width: 50px;
}
.overlay_menu_nav {
border-bottom: 1px dotted #c9c9c9;
margin: 0 4%;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate(0, -50%);
}
.p-overlay__nav--item {
border-top: 1px dotted #c9c9c9;
margin: 0;
}
.p-overlay__nav--item a {
font-weight: bold;
display: block;
padding: 24px 0;
}
.p-overlay__nav--item .p-header__nav--reserve {
border-radius: 8px;
padding: 30px 0;
margin: 40px 0 0;
}
@media screen and (min-width:1500px){
.l-about__container--center {
width: 500px;
}
.about_img_01 {
top: -60px;
right: 70px;
left: unset;
}
.about_img_02 {
bottom: -50px;
right: 100px;
left: unset;
}
.about_img_03 {
top: -160px;
left: 60px;
right: unset;
}
.about_img_04 {
top: 110px;
left: 180px;
right: unset;
}
.about_img_05 {
bottom: -120px;
left: 100px;
right: unset;
}
.l-produce__item--container {
width: 1450px;
}
.l-exp__header {
justify-content: flex-start;
align-items: center;
}
.l-exp__header--detail {
margin: 0 100px 0 0;
}
.exp_header_img {
width: 940px;
}
.l-footer__bottomlink ul {
width: 50%;
}
}
@media screen and (max-width:1280px){
body {
overflow-x: hidden;
}
.m-sec__title {
font-size: 32px;
}
.p-header__link--item {
font-size: 15px;
margin: 0px 8px;
}
.p-main__img {
width: 740px;
}
.p-header-main__title span {
font-size: 32px;
}
.p-header-main__title span::before {
height: 334px;
}
.l-about__container {
padding: 80px 0;
}
.l-about__container--center {
width: 40%;
}
.l-about__container--left,
.l-about__container--right {
width: 30%;
}
.p-about__header--label {
margin: 0px 0 40px;
}
.p-about__header--title {
margin: 0 0 40px;
}
.p-about__header--text {
font-size: 16px;
}
.about_img_01 {
width: 330px;
top: -60px;
left: -60px;
}
.about_img_02 {
width: 240px;
bottom: -30px;
left: 0px;
}
.about_img_03 {
width: 240px;
top: -170px;
right: 60px;
}
.about_img_04 {
width: 180px;
top: 50px;
right: 30px;
}
.about_img_05 {
width: 300px;
bottom: -60px;
right: -40px;
}
.l-partner__container {
padding: 80px 40px 270px;
}
.l-partner__container--detail {
margin: 0 80px 0 0;
width: 450px;
}
.p-partner-detail__text {
font-size: 15px;
}
.p-partner-img__item {
width: 480px;
}
.l-produce__container {
padding: 80px 0;
}
.l-produce__item--container {
margin: 0 0 40px auto;
padding: 40px 40px;
width: 98%;
}
.l-produce__item--container:nth-child(odd) {
margin: 0 auto 40px 0;
padding: 40px 40px;
}
.l-produce__item--container:last-child {
margin-bottom: 0;
}
.produce__img {
width: 500px;
}
.p-produce__detail {
margin: 0 60px 0 0;
width: 450px;
}
.l-produce__item--container:nth-child(odd) .p-produce__detail {
margin: 0 0 0 60px;
}
.p-produce__detail--title {
font-size: 28px;
margin: 0 0 30px;
}
.p-produce__detail--text {
font-size: 14px;
line-height: 1.75;
margin: 0 0 30px;
}
.p-produce__detail--link span {
font-size: 16px;
}
.p-onion__detail::before {
background-size: 116px 150px;
height: 150px;
top: -190px;
left: 0;
width: 116px;
}
.p-lettuce__detail::before {
background-size: 234px 106px;
height: 106px;
top: -160px;
right: -60px;
width: 234px;
}
.l-exp__header {
margin: 0 0 80px;
}
.exp_header_img {
width: 620px;
}
.l-exp__header--detail {
margin: 0px 0 0 60px;
}
.p-exp__header--supplement {
font-size: 20px;
}
.p-exp__header--title {
font-size: 36px;
}
.p-exp__header--text {
font-size: 16px;
width: 380px;
}
.l-exp__header--detail::before {
background-size: 116px 156px;
height: 176px;
top: -180px;
left: 0;
width: 136px;
}
.p-exp-item__bnr--text {
font-size: 48px;
}
.p-exp-item__bnr--text span {
font-size: 26px;
margin: 8px 0 0;
}
.p-access__map {
margin: 0 60px 0 0;
}
}
@media screen and (max-width:1040px){
.l-partner__container {
align-items: center;
padding: 80px 40px 240px;
}
.p-partner-img__item {
width: 460px;
}
.l-partner__container--detail {
margin: 0 40px 0 0;
width: 370px;
}
.p-partner-detail__text {
font-size: 14px;
line-height: 1.75;
}
.produce__img {
width: 430px;
}
.p-onion__detail::before {
background-size: 96px 130px;
height: 130px;
top: -160px;
left: 0;
width: 96px;
}
.p-lettuce__detail::before {
background-size: 214px 86px;
height: 86px;
top: -110px;
right: -40px;
width: 214px;
}
.l-exp__container {
padding: 80px 0;
}
.l-exp__header--detail {
margin: 0px 0 0 40px;
}
.p-exp__header--text {
font-size: 15px;
width: 340px;
}
.exp_header_img {
width: 540px;
}
.l-exp__item {
margin: 0 3% 60px;
padding: 40px;
width: 94%;
}
.p-exp-item__conteiner--left {
margin: 0 60px 0 0;
}
.p-exp-item__title {
font-size: 24px;
margin: 0 0 20px;
}
.p-exp-item__text {
font-size: 14px;
line-height: 1.75;
}
.p-exp-item__plan dt {
width: 100px;
}
.p-exp-item__plan dd {
font-size: 14px;
}
.p-exp-item__link--text {
font-size: 13px;
}
.exp_item_img_01 {
width: 380px;
}
.exp_item_img_01_sp {
display: none;
}
.p-exp-item__report {
max-width: none;
margin: 0 3% 80px;
width: 94%;
}
.exp_bnr,
.exp_schedule_img {
width: 92%;
}
.p-exp-item__bnr--text {
font-size: 42px;
}
.l-topics__container {
padding: 80px 0;
}
.l-access__body {
max-width: 94%;
margin: 0 3%;
}
.p-access__map {
margin: 0 40px 0 0;
}
.p-access__map iframe {
width: 480px;
height: 300px;
}
.p-access__detail--name {
font-size: 20px;
}
.p-access__detail--address,
.p-access__detail--email {
font-size: 16px;
}
.p-access__detail--direction dt {
font-size: 16px;
}
.p-access__detail--direction dd {
font-size: 14px;
}
.l-footer__upperlink ul li {
padding: 0 16px;
}
}
@media screen and (max-width:920px){
.m-sec__title {
font-size: 28px;
margin: 0 0 30px;
}
.m-common__btn {
font-size: 16px;
}
.p-header-main {
background-size: 40%;
}
.p-header-main__title {
margin: 0;
}
.p-header__btn {
display: flex;
}
.p-header__link {
display: none;
}
.p-main__img {
width: 680px;
}
.l-about__container--center {
width: 48%;
}
.l-about__container--left,
.l-about__container--right {
width: 26%;
}
.p-about__header--text {
font-size: 16px;
line-height: 1.75;
}
.about_img_01 {
width: 280px;
top: -30px;
left: -80px;
}
.about_img_02 {
width: 200px;
bottom: -30px;
left: -20px;
}
.about_img_03 {
width: 200px;
top: -140px;
right: 40px;
}
.about_img_04 {
width: 150px;
top: 50px;
right: 20px;
}
.about_img_05 {
width: 240px;
bottom: -20px;
right: -60px;
}
.l-partner__container {
padding: 80px 40px 200px;
}
.l-partner__container--detail {
margin: 0 20px 0 0;
}
.p-partner-img__item {
width: 420px;
}
.produce__img {
width: 400px;
}
.p-produce__detail {
margin: 0 40px 0 0;
}
.l-produce__item--container:nth-child(odd) .p-produce__detail {
margin: 0 0 0 40px;
}
.p-produce__detail--title {
font-size: 24px;
}
.p-produce__detail--link span {
font-size: 14px;
}
.p-exp__header--title {
font-size: 28px;
}
.p-exp__header--text {
font-size: 14px;
width: 250px;
line-height: 1.75;
}
.exp_header_img {
width: 500px;
}
.exp_item_img_01 {
width: 340px;
}
.p-exp-item__conteiner--left {
margin: 0 40px 0 0;
}
.p-exp-item__plan dt {
font-size: 14px;
margin: 0 20px 0 0;
}
.p-exp-item__bnr--text {
font-size: 36px;
}
.p-exp-item__bnr--text span {
font-size: 24px;
}
.p-exp-item__schedule--title {
font-size: 28px;
}
.p-access__map iframe {
width: 360px;
height: 340px;
}
}
@media screen and (max-width:800px){
.m-sec__title {
font-size: 26px;
margin: 0 0 40px;
}
.p-about__header--label img,
.p-partner-detail__header--label img,
.p-produce__header--label img,
.p-exp__header--label img,
.p-access__header--label img,
.p-topics__header--label img {
width: 180px;
}
.p-main__img {
width: 540px;
}
.p-header-main__title {
margin: 0 0 0 10px;
}
.p-header-main__title span {
font-size: 28px;
}
.p-header-main__title span::before {
height: 300px;
}
.l-about__container {
padding: 60px 0;
overflow: hidden;
}
.l-about__container--center {
width: 42%;
}
.l-about__container--left, .l-about__container--right {
width: 29%;
}
.p-about__header--text {
font-size: 14px;
line-height: 2;
}
.about_img_01 {
width: 230px;
top: 20px;
left: -60px;
}
.about_img_02 {
width: 180px;
bottom: 40px;
left: -30px;
}
.about_img_03 {
width: 160px;
top: -40px;
right: 20px;
}
.about_img_04 {
width: 130px;
top: 130px;
right: -10px;
}
.about_img_05 {
width: 220px;
bottom: -20px;
right: -60px;
}
.l-partner__container {
display: block;
padding: 60px 0 180px;
}
.l-partner__container--detail {
margin: 0 5%;
width: 90%;
}
.p-partner-detail__header--label {
margin: 0 0 40px;
text-align: center;
}
.p-partner-detail__header--title {
text-align: center;
}
.p-partner-img__item {
display: none;
}
.p-partner-img__item--sp {
display: block;
margin: 0 auto 40px;
width: 60%;
}
.l-produce__container {
padding: 60px 0;
}
.l-produce__item--container,
.l-produce__item--container:nth-child(odd) {
border-radius: 50px;
display: block;
margin: 0 5% 20px;
width: 90%;
}
.l-produce__item--container:nth-child(odd) .p-produce__detail {
margin: 40px 0 0;
}
.produce__img {
width: 100%;
}
.p-produce__detail {
margin: 40px 0 0;
text-align: center;
width: 100%;
}
.p-produce__detail--title {
font-size: 26px;
display: inline-block;
}
.p-produce__detail--text {
font-size: 14px;
margin: 0 0 40px;
text-align: left;
}
.p-onion__detail::before {
background-size: 76px 110px;
height: 110px;
top: -90px;
left: 0;
width: 76px;
}
.p-lettuce__detail::before {
background-size: 194px 66px;
height: 66px;
top: -70px;
right: -70px;
width: 194px;
}
.l-exp__container {
padding: 60px 0;
}
.exp_header_img {
margin: 0 0 40px 5%;
width: 95%;
}
.l-exp__header {
display: block;
margin: 0 0 40px;
}
.p-exp__header--title {
font-size: 28px;
}
.l-exp__header--detail {
margin: 0 0 40px;
}
.l-exp__header--detail::before {
background-size: 106px 146px;
height: 146px;
top: -40px;
left: 30px;
width: 106px;
}
.p-exp__header--text {
margin: 0 5%;
width: 90%;
}
.p-exp-item__conteiner--left {
display: none;
}
.p-exp-item__bnr--text {
font-size: 32px;
}
.p-exp-item__schedule--text {
font-size: 16px;
margin: 0 5% 20px;
}
.exp_item_img_01_sp {
display: block;
margin: 0 0 30px;
width: 100%;
}
.p-exp-item__report {
border-top: 1px dotted #c5c5c5;
border-bottom: 1px dotted #c5c5c5;
max-width: none;
margin: 40px 3%;
padding: 36px 0;
}
.p-exp-item__report--item-container {
display: block;
}
.p-exp-item__report--item {
margin: 0 0 20px;
width: 100%;
}
.p-exp-item__report--item:last-child {
margin: 0;
}
.p-exp-item__report--item a {
display: flex;
align-items: center;
}
.p-exp-item__report--title {
border-left: 4px solid #8dc21f;
font-size: 20px;
margin: 0 0 28px;
padding: 0 0 0 16px;
}
.p-exp-item__report--text {
font-size: 16px;
font-weight: bold;
width: calc(100% - 180px);
}
.p-exp-item__report--img {
height: 100px;
margin: 0 20px 0 0;
overflow: hidden;
padding: 0;
width: 180px;
}
.exp__report--img {
height: 100px;
margin: 0;
object-fit: cover;
width: auto;
}
.l-topics__container {
padding: 60px 0;
}
.l-access__container {
padding: 0 0 60px;
}
.l-access__body {
display: block;
max-width: 90%;
margin: 0 5%;
}
.p-access__map {
margin: 0 0 30px;
}
.p-access__map iframe {
width: 100%;
}
.l-footer__upperlink {
padding: 0 0 30px;
}
.l-footer__upperlink ul {
flex-wrap: wrap;
width: 80%;
margin: 0 10% 20px;
}
.l-footer__upperlink ul li {
font-size: 13px;
padding: 0 20px;
margin: 15px 0;
}
.l-footer__upperlink ul li:first-child {
border-left: 1px solid #fff;
}
.l-footer__bottomlink ul {
justify-content: flex-start;
width: 80%;
}
.l-footer__bottomlink ul li {
font-size: 12px;
padding: 0;
margin: 0 7% 10px;
width: 36%;
}
}
@media screen and (max-width: 640px) {
.m-sec__title {
font-size: 24px;
margin: 0 0 40px;
}
.p-shoulder__copy {
font-size: 10px;
}
.l-header__link {
padding: 24px 20px;
}
.p-header__logo img {
height: 48px;
width: 167px;
}
.p-global-link__item a {
font-size: 10px;
}
.p-main__img {
width: 94%;
margin: 0 3%;
}
.p-header-main__title {
background: transparent;
color: #fff;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
transform: translate(0, -40%);
height: 100%;
}
.p-header-main__title span {
letter-spacing: 8px;
padding: 0 4px;
text-shadow: 0 0 6px #808080;
}
.p-header-main__title span::before {
display: none;
}
.p-about__header--text {
line-height: 1.75;
}
.l-about__container {
background: url(https://www.kaigetsu.jp/wp/wp-content/uploads/2025/03/bg.webp);
background-size: 50%;
padding: 40px 0 60px;
text-align: center;
}
.l-about__container--center {
width: 90%;
margin: 0 5%;
}
.l-about__container--left,
.l-about__container--right {
display: none;
}
.p-about__header--title {
background: #FBF9F3;
display: inline-block;
margin: 0 0 12px;
padding: 8px 16px;
}
.p-about__header--text {
background: #FBF9F3;
padding: 20px;
text-align: left;
}
.l-about__container--sp {
display: block;
width: 100%;
height: 320px;
position: relative;
}
.about_img_01 {
width: 200px;
top: 40px;
left: 30px;
}
.about_img_03 {
width: 160px;
bottom: -20px;
left: 70px;
top: unset;
right: unset;
}
.about_img_02 {
width: 180px;
top: 10px;
right: 30px;
bottom: unset;
left: unset;
}
.about_img_05 {
width: 200px;
bottom: 0;
right: 20px;
top: unset;
}
.p-partner-img__item--sp {
width: 80%;
}
.l-produce__container {
overflow: hidden;
}
.p-produce__detail--title {
font-size: 22px;
}
.l-produce__item--container,
.l-produce__item--container:nth-child(odd) {
border-radius: 40px;
padding: 30px;
}
.l-produce__item--container:nth-child(odd) {
margin: 0 5%;
}
.p-onion__detail::before {
background-size: 66px 100px;
height: 110px;
top: -80px;
left: 0;
width: 76px;
}
.p-lettuce__detail::before {
background-size: 184px 56px;
height: 56px;
top: -60px;
right: -90px;
width: 184px;
}
.l-exp__header--detail::before {
background-size: 86px 126px;
height: 126px;
top: -60px;
left: 20px;
width: 86px;
}
.p-exp__header--title {
font-size: 26px;
}
.p-exp__header--supplement {
font-size: 18px;
}
.l-exp__item {
margin: 0 5% 60px;
padding: 30px 30px;
width: 90%;
}
.p-exp-item__title {
font-size: 22px;
}
.p-exp-item__report {
margin: 36px 5%;
padding:30px 0;
width: 90%;
}
.p-exp-item__report--item {
margin: 0 0 12px;
}
.p-exp-item__report--img {
height: 80px;
width: 120px;
}
.exp__report--img {
height: 80px;
}
.p-exp-item__report--text {
font-size: 14px;
width: calc(100% - 120px);
}
.p-exp-item__bnr--text {
font-size: 24px;
}
.p-exp-item__bnr--text span {
font-size: 18px;
}
.p-exp-item__schedule--title {
font-size: 24px;
}
.p-exp-item__schedule--text {
font-size: 14px;
}
.p-access__detail--name {
font-size: 18px;
}
.p-access__detail--address,
.p-access__detail--email {
font-size: 14px;
}
.p-access__detail--direction dt {
font-size: 14px;
}
}
@media screen and (max-width: 500px) {
.m-sec__title {
font-size: 24px;
margin: 0 0 30px;
}
.l-header__link {
padding: 20px;
}
.p-header-main {
background-size: 50%;
}
.p-header-main__title span {
font-size: 22px;
padding: 0 2px;
}
.l-about__container--sp {
height: 300px;
}
.about_img_01 {
width: 170px;
top: 40px;
left: 0px;
}
.about_img_03 {
width: 130px;
bottom: 0px;
left: 50px;
top: unset;
right: unset;
}
.about_img_02 {
width: 150px;
top: 10px;
right: 20px;
bottom: unset;
left: unset;
}
.about_img_05 {
width: 170px;
bottom: 10px;
right: -10px;
top: unset;
}
.l-produce__container {
padding: 60px 0 40px;
}
.l-produce__item--container,
.l-produce__item--container:nth-child(odd) {
border-radius: 30px;
}
.p-produce__detail--link span {
font-size: 14px;
}
.p-onion__detail::before {
background-size: 56px 90px;
height: 100px;
top: -70px;
left: -30px;
width: 66px;
}
.l-exp__container {
padding: 40px 0 60px;
}
.l-exp__header--detail::before {
background-size: 66px 106px;
height: 106px;
top: -60px;
left: 10px;
width: 66px;
}
.l-exp__item {
border-radius: 20px;
margin: 0 5% 30px;
padding: 30px 24px;
}
.l-exp__item--bnr {
margin: 0 auto 60px;
}
.p-exp-item__bnr--text {
font-size: 20px;
}
.p-exp-item__bnr--text span {
font-size: 14px;
margin: 4px 0 0;
}
.p-exp-item__schedule--text {
margin: 0 12% 20px;
}
.l-footer__upperlink ul {
width: 90%;
margin: 0 5% 20px;
}
.l-footer__bottomlink ul li {
margin: 0 4% 8px;
width: 42%;
}
.copyright {
font-size: 10px;
}
}