@charset "utf-8";

/* =======================================================================================
	TEMPLATE
======================================================================================= */



/* =======================================================================================
	COMMON
======================================================================================= */



/* =======================================================================================
	PAGE
======================================================================================= */

/* sumikaeSectionIntroBlock
------------------------------------------------------------------------ */
	.sumikaeSectionIntroBlock .sectionHeader {
        padding: var(--site-marpad-M-flexible) 0 0;
	}
@media screen and (max-width: 736px) {
	.sumikaeSectionIntroBlock .sectionHeaderTxt {
        text-align: center;
	}
}


/* sumikaeAncNav
------------------------------------------------------------------------- */
	.sumikaeAncNav ul {
        gap: 10px;
        width: 90%;
        max-width: 1140px;
        margin: 0 auto;
	}
	.sumikaeAncNav li {
		flex: 1 1 0;
		min-width: 140px;
		border-radius: 10px;
		overflow: hidden;
	}
	.sumikaeAncNav li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 1em 0.5em 1.8em;
        text-align: center;
        line-height: 1.6;
        font-size: clamp(1rem, (14 / 1350 * 100vw), 1.3rem);
        letter-spacing: 0;
        font-weight: bold;
        font-family: var(--site-font_family-sans);
	}
	.sumikaeAncNav li.ln01 a { background: #8cc63f; }
	.sumikaeAncNav li.ln02 a { background: #1fa99c; }
	.sumikaeAncNav li.ln03 a { background: #f0879d; }
	.sumikaeAncNav li.ln04 a { background: #f0a233; }
	.sumikaeAncNav li.ln05 a { background: #e8626f; }
	.sumikaeAncNav li.lnQa a { background: #6b4fa0; }
    .sumikaeAncNav li.is-current a {
        color: #fff;
    }
    .sumikaeAncNav li a::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: rgba(255, 255, 255, .275);
        mix-blend-mode: overlay;
        transform: scaleX(0);
        transform-origin: right top;
        transition: transform .35s ease;
    }
    .sumikaeAncNav li a::after {
        display: none;
    }
    .sumikaeAncNav li a .arrow {
        inset: auto auto 10px auto;
    }
    .sumikaeAncNav li a .arrow::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: inherit;
        border: 0 solid currentColor;
        border-width: 1px 1px 0 0;
        transform: scale(calc(1 / (1 * 1.41421356))) translateY(-27.5%) rotate(135deg);
    }
@media (hover: hover) and (pointer: fine) {
    .sumikaeAncNav li a:hover::before {
        transform: scaleX(1);
        transform-origin: left top;
    }
}
	.sumikaeAncNav .ln {
		display: block;
	}
	.sumikaeAncNav .ln .subTtl {
        color: #fff100;
	}
	.sumikaeAncNav .ln strong,
	.sumikaeAncNav .qaTtl {
        display: block;
        font-size: 1.4em;
	}
	.sumikaeAncNav .qaIcon {
        display: inline-block;
        margin-left: .25em;
        vertical-align: middle;
	}
	.sumikaeAncNav .qaIcon img {
		display: block;
        max-width: 60px;
	}
@media screen and (max-width: 1020px) {
	.sumikaeAncNav li {
		min-width: 31%;
	}
	.sumikaeAncNav li a {
        font-size: clamp(1rem, (14 / 1020 * 100vw), 1.3rem);
	}
}
@media screen and (max-width: 736px) {
	.sumikaeAncNavWrap {
        padding: var(--site-marpad-M-flexible) 0 var(--site-marpad-L-flexible);
	}
	.sumikaeAncNav ul {
		display: block;
	}
	.sumikaeAncNav li {
        width: 100%;
        border-radius: 8px;
        margin-bottom: 8px;
        max-width: 100%;
	}
	.sumikaeAncNav li:last-child {
		margin-bottom: 0;
	}
	.sumikaeAncNav li a {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        min-height: 0;
        padding: 1em 2.6em 1em 1.5em;
        text-align: left;
        font-size: 1em;
	}
    .sumikaeAncNav li a .arrow {
        inset: auto 1em auto auto;
        width: 10px;
    }
	.sumikaeAncNav .ln strong,
	.sumikaeAncNav .qaTtl {
        display: inline;
        margin-bottom: 0;
        margin-right: .6em;
        font-size: 1.25em;
	}
	.sumikaeAncNav .qaIcon img {
        max-width: 50px;
	}
}


/* cardContentSection
------------------------------------------------------------------------- */
	.cardContentSection {
        background: #f3f9ff;
        padding: var(--site-marpad-L-flexible) 0;
	}
	.cardWrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 6em 2em;
        width: 90%;
        max-width: 1140px;
        margin: 0 auto;
	}
	.cardBox .pic {
		line-height: 0;
		border-radius: 16px;
		overflow: hidden;
	}
	.cardBox .pic img {
		display: block;
		width: 100%;
		height: auto;
	}
	.cardBox .btn {
        margin-top: 30px;
	}
	.cardBox .noticeBtn .generalBtnUnit {
        max-width: 320px;
        background: rgba(var(--site-themeColor-main), 1);
        color: rgba(var(--site-themeColor-base_text), 1);
        overflow: hidden;
        font-weight: 500;
        padding-right: 2.6em;
	}
	.cardBox .noticeBtn .generalBtnUnit::after {
        content: "";
        position: absolute;
        inset: 0 15px 0 auto;
        width: 0;
        height: 0;
        margin: auto;
        border-style: solid;
        border-width: 7px 0 7px 7px;
        border-color: transparent transparent transparent #262626;
	}
	@media (hover: hover) and (pointer: fine) {
		.cardBox .noticeBtn .generalBtnUnit[href]:hover {
			background: #dbe4e2;
		}
	}
@media screen and (max-width: 736px) {
	.cardWrap {
        grid-template-columns: 1fr;
        gap: 4em;
	}
	.cardBox .pic {
		border-radius: 10px;
	}
	.cardBox .btn {
        margin-top: 20px;
	}
}


/* qaContentSection
------------------------------------------------------------------------- */
	.qaContentSection {
        background: #76609f;
        padding: var(--site-marpad-L-flexible) 0;
	}
	.qaContentSection .ptHeading {
		text-align: center;
	}
	.qaContentSection .hTxt {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-family: var(--site-font_family-sans);
        font-size: clamp(2.8rem, (35 / 1350 * 100vw), 3.5rem);
        letter-spacing: .04em;
	}
	.qaContentSection .qaTtl {
        display: inline-flex;
        align-items: center;
        gap: .2em;
        font-size: .8em;
        margin-right: 1em;
	}
	.qaContentSection .qaIcon img {
        display: block;
        max-width: 90px;
	}
	.qaContentSection .qaWrap {
        display: flex;
        flex-direction: column;
        gap: 1em;
        width: 90%;
        max-width: 900px;
        margin: 0 auto;
	}
	.qaContentSection .pic img {
		display: block;
		width: 100%;
		height: auto;
	}
@media screen and (max-width: 736px) {
	.qaContentSection {
        padding: var(--site-marpad-L-flexible) 0;
	}
	.qaContentSection .hTxt {
        font-size: 1.6em;
        margin-bottom: 1em;
    }
    .qaContentSection .qaTtl {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-right: 0;
    }
	.qaContentSection .qaIcon img {
        max-width: 70px;
	}
}