@charset "UTF-8";




/*-----------------------------------------------
 Component - c-anchor-list
-----------------------------------------------*/
.c-anchor-list {

	& a {
		flex-direction: row;
		justify-content: flex-start;
        align-items: center;
		gap: .8em;
		padding: .36em;
        padding-right: 2em;
    }
}
.c-anchor-list__img {
    width: 3.1em;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;

    > img {
        width: 120%;
        height: 120%;
        max-width: 120%;
        margin: -10%;
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.c-anchor-list {
	grid-template-columns: repeat(4,23.6%);
}
}



/* ========================================================
  
  page_common

======================================================== */

/*---------------------------------------------------------
 p-symp-list
---------------------------------------------------------*/
.p-symp-list {
	display: flex;
	justify-content: center;
	gap: 1em 1.62%;
    font: var(--font-min);
	font-size: min(1.8vw,1.41rem);
	letter-spacing: .16em;
	line-height: 1.6;

	> li {
		position: relative;
        width: 18.7%;
		max-width: 100%;
		height: 5.8em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		white-space: nowrap;
        color: #FFF;
		background-color: var(--color-taq);
		padding: 1em;
		border-radius: .5em;

        &:first-child {
            &::before {
                position: absolute;
                content: "";
                background: url(../images/alignment/guruguru.svg) no-repeat;
                background-size: contain;
                width: 3em;
                height: 3em;
                left: -0.5em;
                top: -2em;
            }
        }
	}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-symp-list {
	flex-wrap: wrap;
	gap: 1em 4%;
	font-size: 100%;

	> li {
		width: 48%;

        &:first-child {
            &::before {
                top: -1.2em;
            }
        }
	}
}
}

/*---------------------------------------------------------
 p-cause
---------------------------------------------------------*/
.p-cause {
    display: grid;
    grid-template-columns: 13.5% 84%;
    justify-content: space-between;
    align-items: center;
    margin-top: 5%;
}
.p-cause__list {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3,32%);
	gap: .6em;
	font-size: min(1.6vw,1.17rem);
	font-weight: var(--fw-bold);
	letter-spacing: .08em;
	line-height: 1.4;
    font-feature-settings: "halt";

	> li {
		position: relative;
		padding: .5em 0 .5em 2em;
        border-bottom: 1px solid currentColor;

        &::before {
            position: absolute;
            content: "";
            background: url(../images/alignment/icon-check.svg) no-repeat;
            background-size: contain;
            width: 1.5em;
            height: 1.5em;
            left: 0;
            top: .4em;
        }
	}
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-cause {
    grid-template-columns: 25% 70%;
    align-items: flex-start;
    margin-top: 8%;
}
.p-cause__list {
    grid-template-columns: auto;
	gap: .4em;
	font-size: 100%;
    letter-spacing: .06em;
}
}


/*---------------------------------------------------------
　p-untreated
---------------------------------------------------------*/
.p-untreated {
    background-color: var(--color-brw-200);
    padding-top: 1px;
    margin-top: 7%;

    .c-hdg--radi {
        background-color: var(--color-brw-300);
        margin-top: -0.8em;
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.p-untreated {
    .c-flt__img {
        width: 20%;
    }
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-untreated {
    margin-top: 15%;

    .c-flt__img {
        width: 40%;
    }
}
}


/* ========================================================
  
  content

======================================================== */

/*---------------------------------------------------------
 nayami
---------------------------------------------------------*/
.nayami {
    position: relative;
    padding-top: 1px;
    margin-bottom: min(10%,120px);
}
.nayami__lead {
    text-align: center;
    margin-bottom: 4%;

    .c-hdg--min {
        margin-bottom: .7em;
    }
    .c-txt--bld {
        color: var(--color-base);
    }
}
.nayami__img {
    width: 14%;
    margin: -5% auto 1em;
    filter: drop-shadow(.2em .2em .3em rgb(0 0 0 / 0.1));
}
.nayami__ttl {
    letter-spacing: .16em;
    > span {
        font-size: 144%;
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.nayami__lead {
    margin-bottom: 6%;
    
    .c-txt--bld {
        text-align: left;
    }
}
.nayami__img {
    width: 25%;
    filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.1));
}
.nayami__ttl {
    > span {
        font-size: 144%;
    }
}
}



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

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

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}