@charset "UTF-8"; /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
    /* max-width: 1920px; */
    margin: 0 auto;
}

/* スクロール固定用のクラス */
body.no-scroll {
  height: 100%;
  overflow: hidden;
}

main {
    overflow: hidden;
    max-width: 750px;
    margin: 0 auto;
}
@media screen and (min-width: 751px) {
	body{
		background: #f5f5f5;
	}
	
	header,.promo_frame,main,.page_promo {
		background: #fff;
	}
}
/***********************************************
feature　＞　トップ　安萬の魅力 共通
***********************************************/
.cmn_feature_area {
    background: var(--theme_a_color);
    position: relative;
}
.cmn_feature_area .feature_list {
	position: relative;
}

.cmn_feature_area h3.sub_ttl {
    width: 14rem;
    position: absolute;
    top: -6rem;
    right: 5rem;
}

.cmn_feature_area h3.sub_ttl span {
    position: relative;
    display: block;
}

.cmn_feature_area h3.sub_ttl span.num::before {
    position: absolute;
    content: "";
    background: no-repeat 50% / contain;
    height: 8.5rem;
    top: -6rem;
    right: -5rem;
    z-index: -1;
}

.cmn_feature_area h3.sub_ttl span.num.num01::before{
	background-image: url("../images/common/feature/num01.svg");
	width: 10.8rem;
}

.cmn_feature_area h3.sub_ttl span.num.num02::before{
	background-image: url("../images/common/feature/num02.svg");
	width: 11.2rem;
}

.cmn_feature_area h3.sub_ttl span.num.num03::before{
	background-image: url("../images/common/feature/num03.svg");
	width: 11.5rem;
}

.cmn_feature_area .img_wrap {
    width: 51rem;
    margin-bottom: 3rem;
}

.cmn_feature_area .img_wrap p.img.big {
    width: 100%;
}

.cmn_feature_area .img_wrap p.img.small {
    width: 32rem;
    margin-left: auto;
    margin-top: -14rem;
    margin-right: -9rem;
}

.cmn_feature_area p.main_txt {
    font-size: 3rem;
    color: #fff;
    letter-spacing: .08em;
    line-height: 1.5;
    width: 52rem;
    margin: 0 auto 6rem;
}

/***********************************************
お知らせ　汎用
***********************************************/
ul.cmn_post_list {
    margin-bottom: -4rem;
    padding: 0 7rem;
}

ul.cmn_post_list li {
    margin-bottom: 4rem;
}

ul.cmn_post_list li .box {
}

ul.cmn_post_list li .box .f_wrap {
    margin-bottom: 1rem;
    align-items: center;
}

ul.cmn_post_list li .box p.cat {
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    border: .2rem solid var(--theme_a_color);
    color: var(--theme_a_color);
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 15rem;
}

ul.cmn_post_list li .box p.date {
    font-size: 3.2rem;
    margin-right: 2rem;
}

ul.cmn_post_list li .box h3.ttl {
}

ul.cmn_post_list li .box h3.ttl a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 2.8rem;
}

/***********************************************
汎用パーツ
***********************************************/
.cmn_dl_wrap {
}

.cmn_dl_wrap dl.dl_list {
}

.cmn_dl_wrap dl.dl_list dt {
    border-top: .2rem solid var(--theme_a_color);
    border-bottom: .2rem solid #b3b3b3;
    font-weight: 700;
    position: relative;
    color: var(--theme_a_color);
    width: 100%;
    font-size: 3.4rem;
    display: block;
    padding: 1.5rem 4rem;
    text-align: center;
}

.cmn_dl_wrap dl.dl_list dd {
    width: 100%;
    display: block;
    line-height: 1.75;
    font-size: 3rem;
    padding: 3rem 2rem;
}
.cmn_col3_list {
    margin: 0 -10px -20px;
}

.cmn_col3_list li {
    width: calc(33.3333% - 20px);
    margin: 0 10px 20px;
}

.cmn_col3_list li:hover {
    cursor: pointer;
}

.cmn_col3_list li .area_a {
    margin-bottom: 10px;
}

.cmn_col3_list li .area_a p.img {
}

.cmn_col3_list li .area_b {
}

.cmn_col3_list li .area_b h3.ttl {
}

.cmn_col3_list li .area_b p.txt {
}

@media (max-width: 750px) {
    .cmn_col3_list {
        margin: 0 0 -20px;
    }

    .cmn_col3_list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .cmn_col3_list li .area_a {
        margin-bottom: 10px;
    }

    .cmn_col3_list li .area_a p.img {
    }

    .cmn_col3_list li .area_b {
    }

    .cmn_col3_list li .area_b h3.ttl {
    }

    .cmn_col3_list li .area_b p.txt {
    }
}

/***********************************************
汎用パーツ
***********************************************/
.cmn_col2_list {
    margin: 0 -10px -20px;
}

.cmn_col2_list li {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}

.cmn_col2_list li:hover {
    cursor: pointer;
}

.cmn_col2_list li .area_a {
    margin-bottom: 10px;
}

.cmn_col2_list li .area_a p.img {
}

.cmn_col2_list li .area_b {
}

.cmn_col2_list li .area_b h3.ttl {
}

.cmn_col2_list li .area_b p.txt {
}

@media (max-width: 750px) {
    .cmn_col2_list {
        margin: 0 0 -20px;
    }

    .cmn_col2_list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .cmn_col2_list li .area_a {
        margin-bottom: 10px;
    }

    .cmn_col2_list li .area_a p.img {
    }

    .cmn_col2_list li .area_b {
    }

    .cmn_col2_list li .area_b h3.ttl {
    }

    .cmn_col2_list li .area_b p.txt {
    }
}

ol.cmn_num00_list {
}

ol.cmn_num00_list li {
}

ol.cmn_num00_list li::before {
    content: counter(ol_cnt, decimal-leading-zero);
}