@charset "UTF-8";

/* --------------------------------------------------------------------
	00: body設定
--------------------------------------------------------------------- */

body{
    color:#000000;
	font-family:"dnp-shuei-gothic-kin-std",sans-serif,"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic" ;
}


/* --------------------------------------------------------------------
	01: cmsコンテンツ用設定
--------------------------------------------------------------------- */

.area01 img,
.area02 img,
.area03 img,
.area04 img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.pc-display {
    display: none!important;
}
.sp-display {
    display: block!important;
}

.area01 p,
.area02 p,
.area03 p,
.area04 p {
    font-size: 13px;
    font-weight: 500;
}

.w-container {
    margin: 0 auto;
    max-width: 100%;
}

.area03 figure {
    margin-left: 0;
    margin-right: 0;
}


/* --------------------------------------------------------------------
	02: cmsコンテンツ用スタイル設定
--------------------------------------------------------------------- */

.area01-container {
    margin: 60px auto 90px;
}
.area01-container p {
    text-align: center;
    line-height: 2.2;
    margin: 2em auto;
}

.area02 {
    background-color: #E0E0E0;
    padding-bottom: 150px;
}
.area02-visual {
    margin-bottom: 20px;
    transform: translateY(-30px);
}
.area02-heading {
    width: 50%;
    max-width: 300px;
    min-width: 220px;
    margin: 0 auto 50px;
}
.area02-staff {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.area02-staff > div {
    width: 135px;
}
.area02-staff figure {
    width: 120px;
    margin: 0 auto 20px;
}
.area02-staff p {
    font-size: 12px;
    line-height: 1.8;
}

.area03 {
    margin-top: -120px;
}
.area03-heading {
    margin-bottom: 50px;
}
.area03-description {
    width: 60%;
    min-width: 300px;
    font-size: 13px;
    margin: 0 auto 40px;
}
.area03-description span {
    text-decoration: underline;
    text-decoration-thickness: 7px;
    text-underline-offset: -0.6em;
    text-decoration-skip-ink: none;
    font-weight: 700;
}
.hl-orange span {
    text-decoration-color: #FFB38B;
}
.hl-pink span {
    text-decoration-color: #F4CBD0;
}

.area04-visual {
    margin-bottom: 100px;
    margin-left: 0;
    margin-right: 0;
}


/* --------------------------------------------------------------------
	03: swiper設定
--------------------------------------------------------------------- */

.slider-container {
    width: 80%;
    min-width: 320px;
    margin: 0 auto 100px;
    position: relative;
}
.swiper-wrapper {
    height: auto;
}
.swiper.swiper-container-initialized.swiper-container-horizontal {
    overflow: hidden;
}
.swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    margin: 0 10px !important;
    background: #fff !important;
    border: 1px solid #000;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #A7A7A7 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px !important;
}
.swiper-button-prev {
    background-image: url(../../../img/acurez/2024haco/arrow_left.png) !important;
    left: -20px !important;
}
.swiper-button-next {
    background-image: url(../../../img/acurez/2024haco/arrow_right.png) !important;
    right: -20px !important;
}
.swiper-button-next, .swiper-button-prev {
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
}