/* フォント設定
------------------------------------------*/
/* 本文 */
body,
input,
textarea,
select {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", AppleSystem,HiraKakuProN-W3,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,Osaka,'MS UI Gothic','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* 見出し */
body .has-heading-ll-font-size,
body .has-heading-l-font-size,
body .has-heading-m-font-size,
body .has-heading-s-font-size,
body header .gnav_list a,
body header .gnav_list a small,
body header .contact_btn a,
body footer .contact_btn a,
body .wp-block-qa dt:before,
body .wp-block-qa dd:before,
h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	font-style: normal;
}

.font_en,
.font_en * {
  font-family: 'EB Garamond', serif !important;
}


/* ナビのアクティブ処理
　　※「#menu-item-xxxx」は該当のメニュー番号に差し替えてください。
------------------------------------------*/
body.post-type-archive-post01 #menu-item-896,
body.tax-tax01 #menu-item-896,
body.single-post01 #menu-item-896 {
	border-bottom: 1px solid currentColor !important;
}

/* ファーストビュー
------------------------------------------*/
.wp-block-firstview {
	position: relative;
    width: 100%;
    max-width: 1500px;
    height: 62.5vw;
	max-height: 938px;
    margin: 0 auto;
}

.wp-block-firstview .bg {
	position: absolute;
    top: 6.7%;
    right: 5.4%;
	width: 68%;
    height: auto;
    margin: 0;
}

.wp-block-firstview .bg img {
	width: 100%;
	height: auto;
	margin: 0;
}

.wp-block-firstview .scroll {
	position: absolute;
    bottom: 1.7%;
    right: 2%;
	width: 8.5%;
}

.wp-block-firstview .scroll .txt {
	position: absolute;
    bottom: 14px;
    left: -30px;
}

.wp-block-firstview .maincopy {
	position: absolute;
    top: 25.8%;
    left: 11.4%;
    width: 9%;
    margin: 0;
}

.wp-block-firstview .maincopy img {
    width: 100%;
    height: auto;
	margin: 0;
}

.wp-block-firstview .map {
	position: absolute;
    left: 3.5%;
    bottom: 4.5%;
	width: 20.8%;
}

@media screen and (max-width: 781px){
    .wp-block-firstview {
        height: auto;
        max-height: none;
        padding-top: 210px;
    }

    .wp-block-firstview .bg {
        position: relative;
        left: 10px;
        width: calc(100% - 10px);
        overflow: hidden;
    }
    .wp-block-firstview .bg img {
        width: 153%;
        max-width: none;
    }

    .wp-block-firstview .maincopy {
        top: 10%;
        left: calc(50% - 40px);
        width: 80px;
    }

    .wp-block-firstview .scroll,
    .wp-block-firstview .map {
        display: none;
    }
}


/* 独自カスタム
------------------------------------------*/
.wp-block-group.colorset2 .padding-0px .wp-block-group__inner-container {
	padding: 0px;
}
.padding-lr-14px {
	padding: 0 14px;
}

.wp-block-table.is-style-underline td {
    padding-left: 0;
    padding-right: 0;
}
.wp-block-group.colorset2 .wp-block-table.recommend table td:nth-child(2n+1) {
    width: 30%;
}

.contact_page .wp-block-button__link {
    width: 320px;
}

.wp-block-qa dl {
    padding: 24px 0;
}

.wp-block-qa dd {
    width: calc(100% - 2px);
    margin-left: 2px;
}
.wp-block-group.colorset2 .wp-block-qa dt:before,
.wp-block-group.colorset2 .wp-block-qa dd:before {
    color: #C9960C;
}

.wp-block-group.colorset2.pd-l .wp-block-group__inner-container {
    padding: 9%;
}

p.has-background.br-s {
    border-radius: 8px;
}

.no-decoration a {
    text-decoration: none;
}

.lh-14,
.lh-14 * {
    line-height: 1.4;;
}

.wp-block-columns.is-not-stacked-on-mobile.flexwrap {
    flex-wrap: wrap !important;
}

footer .info * {
    font-size: 12px;
}

.br-zero > .wp-block-group__inner-container {
    border-radius: 0 !important;
}


@media screen and (max-width: 781px){
    .wp-block-columns.sp-gap-20px {
        gap: 20px 0;
    }
    .wp-block-columns.sp-gap-30px {
        gap: 30px 0;
    }
    .wp-block-columns.sp-mt-20px,
    .wp-block-group.sp-mt-20px {
        margin-top: 20px !important;
    }
    .index.container1 > .wp-block-group.pt-120px {
		padding-top: 120px;
	}

    .wp-block-columns.sp-column-jc-start,
    .wp-block-cptarchive .cptarchive_list.sp-column-jc-start {
        justify-content: flex-start;
    }

    #top_summary {
        max-width: 364px;
        margin-left: auto;
        margin-right: auto;
    }
}