@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.l-article {
	max-width: 1170px;
}
/* ヘッダーアイコン位置 */
.kamiya-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

/* MVボタンを右下へ移動 */
.p-mainVisual__slideBtn {
    position: absolute;
    right: 40px;
    bottom: 60px;
    margin: 0;
}

/* スマホ */
@media screen and (max-width: 599px) {
    .p-mainVisual__slideBtn {
        right: 15px;
        bottom: 15px;
    }
}
/* PCだけボタンを大きく */
@media screen and (min-width: 960px) {
    .c-mvBtn__btn {
        font-size: 20px;
        padding: 18px 42px;
    }
}
/* 3枚目のボタン：PC */
@media screen and (min-width: 600px) {
    .p-mainVisual__slide[data-swiper-slide-index="2"] .p-mainVisual__slideBtn {
        bottom: 140px;
    }
}

/* 3枚目のボタン：スマホ */
@media screen and (max-width: 599px) {
    .p-mainVisual__slide[data-swiper-slide-index="2"] .p-mainVisual__slideBtn {
        bottom: 145px;
    }
}
.c-pageTitle {
  display: none;
}
/* 投稿ページのタイトルのサイズ・色固定 */
.single-post .p-articleHead.c-postTitle {
	color: #4b6e29;
	font-size: 29px !important;
}
.post_content h2 {
	font-family: "Noto Serif JP", sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #4b6e29;
}
/* 固定ページ */
.page .post_content h2.wp-block-heading {
	font-size: 65px !important;
}

/* 投稿ページ */
.single-post .post_content h2.wp-block-heading {
	font-size: 29px !important;
}
body,
button,
input,
select,
textarea {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
}
/* --お問い合わせ 事務所情報-- */
.office-info {
	text-align: center;
}

.office-info p,
.office-info div {
	display: inline-block;
	text-align: left;
}

/* -------------------------
	フォーム
-------------------------*/
.contact_form {
	margin-top: 5rem;
}

.contact_form dl {

	justify-content: space-between;
	margin-bottom: 1rem;
}

.contact_form dl dt {
	font-weight:300;
	width: 100%;
}

.contact_form dl dt .red {
	color: #db3030;
	font-weight:300;
}

.contact_form dl dd {
	width:100%;
}

.contact_form dl dd input,
.contact_form dl dd textarea {
	width: 100%;
	background: #FBFEEB;
	border: 1px solid #4C6E29;
	border-radius: 8px;
}

.contact_form .submit {
	text-align: center;
	margin-top: 2rem;
}

.contact_form .submit input {
	padding: 0.5rem 2rem;
	background: #4C6E29;
	color: #fff;
	border: none;
}

.contact_form .submit .wpcf7-spinner {
	display: none;
}

@media screen and (max-width:767px) {
	.contact_form dl {
		flex-wrap: wrap;
	}

	.contact_form dl dt,
	.contact_form dl dd {
		width: 100%;
	}
}

/* reCAPTCHA */

.grecaptcha-badge {
	z-index: 1000;
	bottom: 100px !important;
}

@media screen and (max-width:767px) {
	.grecaptcha-badge {
		bottom: 80px !important;
	}
}
/*プロフィールの画像スライド*/

@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.loop_slider {
	display: flex;
	overflow: hidden;
	gap: 1.5rem;
	/* 画像間の余白を指定 */
}

.loop_slider .wp-block-group__inner-container,
.loop_slider .swell-block-columns {
	display: contents;
}

.loop_slider.many .swell-block-columns__inner {
	flex-wrap: nowrap;
	animation: infinity-scroll-left 10s infinite linear;
	/* アニメーションの時間を指定 */
}

.loop_slider .swell-block-column figure {
	width: 500px;
	/* 画像の横幅を指定（パソコン） */
	position: relative;
}

.loop_slider .swell-block-column figure::before {
	padding-top: 65%;
	/* 画像の縦横比を指定 */
	display: block;
	content: "";
}

.loop_slider .swell-block-column figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

.dorm_gallery {
	padding: 0 !important;
}


@media screen and (max-width: 767px) {
	.loop_slider .swell-block-column figure {
		width: 200px;
		/* 画像の横幅を指定（スマホ） */
	}

	.lum-lightbox-inner img {
		height: auto;
		width: 100%;
	}
}
/* スマホ表示でh2のサイズ統一 */
@media screen and (max-width: 767px) {
  .page .post_content h2.wp-block-heading {
    font-size: 35px !important;
  }
}

/* 応援するページ：ボタンのホバー */
.page-id-36 .swell-block-button__link:hover {
  background-color: #fff !important;
  color: #487526 !important;
  border: 2px solid #487526 !important;
}