@charset "UTF-8";
 /* ========================================
   @media screen and (min-width: 768px), print
 ======================================== */ 
@media screen and (min-width: 768px),print {
#common .seo_bread_list {margin-bottom: -122px;padding: 49px 0;}
#common .main-ttl {margin-bottom: 57px;}

/* mainContents
-------------------------------------*/
.mainContents {
    background: #C8C6BE;
    padding-block: 176px 0;
    margin-bottom: -182px;
}
.mainContents .ttl {
    text-align: center;
    margin-bottom: 78px;
}
.mainContents .point {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: min(95%, 1100px);
    margin-inline: auto;
    margin-bottom: 46px;
}
.mainContents .attention-box {
    width: min(95%, 1200px);
    margin-inline: auto;
    backdrop-filter: blur(50px);
    --webkit-backdrop-filter: blur(50px);
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 30px;
    padding-block: 48px 56px;
    position: relative;
    z-index: 2;
}
.mainContents .attention-box::before {
    position: absolute;
    content: "";
    background: url(../images/common-page/attention-human.png)no-repeat;
    background-size: contain;
    width: 101px;
    height: 117px;
    bottom: 0;
    right: 120px;
}
.mainContents .attention-box .ttl {
    text-align: center;
    margin-bottom: 30px;
}
.mainContents .attention-box .txt {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
}


/* contents
-------------------------------------*/
.contents {
    position: relative;
    padding-block: 86px;
}
.contents .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: min(95%, 1280px);
    margin-inline: auto;
}
.contents .list li {
    border-radius: 20px;
    background: #fff;
    position: relative;
    text-align: center;
    padding-block: 43px 33px;
    z-index: 2;
}
.contents .list .full {
    grid-column: 1 / -1;
}
.contents .list li .num {
    position: absolute;
    top: 30px;
    left: 39px;
}
.contents .list li .ttl {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.2307;
    color: #2c2c2c;
    margin-bottom: 15px;
}
.contents .list .full .ttl {
    font-size: 30px;
}
.contents .list li .img {
    margin-bottom: 27px;
    text-align: center;
}
.contents .list li .txt {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.625;
    color: #2c2c2c;
}

/* list02 */
.contents .list .list02 .ttl {
    margin-bottom: 61px;
}
.contents .list .list02 .img {
    margin-bottom: 38px;
    /* padding-right: 25px; */
}

/* list03 */
.contents .list .list03 {
    padding-block: 43px 40px;
}
.contents .list .list03 .ttl {
    margin-bottom: -55px;
}
.contents .list .list03 .img {
    margin-bottom: 19px;
    padding-right: 49px;
}

/* list04 */
.contents .list .list04 .ttl {
    margin-bottom: 7px;
}
.contents .list .list04 .img {
    margin-bottom: 28px;
    /* padding-left: 28px; */
}

/* list05 */
.contents .list .list05 .ttl {
    margin-bottom: 39px;
}
.contents .list .list05 .img {
    margin-bottom: 29px;
    /* padding-right: 41px; */
}

/* list06 */
.contents .list .list06 {
    padding-block: 66px 76px;
}
.contents .list .list06 .ttl {
    margin-bottom: 82px;
}
.contents .list .list06 .img {
    margin-bottom: 29px;
    /* padding-right: 23px; */
}

/* list07 */
.contents .list .list07 .ttl {
    margin-bottom: 40px;
}

/* list08 */
.contents .list .list08 .ttl {
    margin-bottom: 40px;
}
.contents .list .list08 .img {
    margin-bottom: 29px;
    /* padding-right: 53px; */
}

/* list09 */
.contents .list .list09 {
    padding-block: 43px 26px;
}
.contents .list .list09 .ttl {
    margin-bottom: 21px;
}
.contents .list .list09 .img {
    margin-bottom: 14px;
    /* padding-left: 16px; */
}

/* list10 */
.contents .list .list10 .ttl {
    margin-bottom: 40px;
}

/* list11 */
.contents .list .list11 .ttl {
    margin-bottom: 40px;
}

/* list12 */
.contents .list .list12 {
    padding-block: 43px 62px;
}
.contents .list .list12 .ttl {
    margin-bottom: 25px;
}

/* list13 */
.contents .list .list13 {
    padding-block: 63px 14px;
}
.contents .list .list13 .ttl {
    margin-bottom: 1px;
}

/* list14 */
.contents .list .list14 {
    padding-block: 63px 0;
}
.contents .list .list14 .ttl {
    font-size: 34px;
    margin-bottom: -105px;
    position: relative;
}
.contents .list .list14 .img {
    margin-bottom: -10px;
}

.contents .deco01 {
    position: absolute;
    top: -195px;
    right: -7px;
}
.contents .deco02 {
    position: absolute;
    top: 752px;
    left: 0;
}
.contents .deco03 {
    position: absolute;
    top: 2556px;
    left: 76px;
}
.contents .deco02-02 {
    position: absolute;
    top: 3794px;
    right: 0;
}
.contents .deco04 {
    position: absolute;
    bottom: -148px;
    left: -78px;
}

/* deco 共通 初期状態 */
.deco01,
.deco02,
.deco03,
.deco02-02,
.deco04 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
/* 表示状態 */
.deco01.is-show,
.deco02.is-show,
.deco03.is-show,
.deco02-02.is-show,
.deco04.is-show {
    opacity: 1;
    transform: translateY(0);
}


/* bottom-sec
-------------------------------------*/
.bottom-sec {
    background: url(../images/common-page/bottom-sec-bg.jpg)no-repeat, #fff;
    background-size: contain;
    padding-block: 191px 132px;
}
.bottom-sec .ttl{
    font-weight: bold;
    font-size: 42px;
    text-align: center;
    color: #fff;
    margin-bottom: 85px;
}
.bottom-sec .answer {
    text-align: center;
    padding-block: 0 141px;
}

.bottom-sec .link-box {
    width: min(95%, 1100px);
    margin-inline: auto;
    padding-block: 117px 27px;
}
.bottom-sec .link-box .ttl{
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 70px;
    letter-spacing: 0;
    color: inherit;
}
.bottom-sec .link-box .bnr-item {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 80px;
  
}

}


/* ========================================
@media screen and (min-width:768px) and (max-width:1919px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1919px) {
.contents .deco01 {
    position: absolute;
    top: 0.833vw;
    right: -4.323vw;
}
.contents .deco01 img {
    width: 38.25vw;
}
.contents .deco02 {
    position: absolute;
    top: 47.969vw;
    left: 0;
}
.contents .deco02 img {
    width: 29.29vw;
}
.contents .deco03 {
    position: absolute;
    top: 142.76vw;
    left: 3.958vw;
}
.contents .deco03 img {
    width: 33.25vw;
}
.contents .deco02-02 {
    position: absolute;
    top: 207.865vw;
    right: 0;
}
.contents .deco02-02 img {
    width: 29.29vw;
}
.contents .deco04 {
    position: absolute;
    bottom: -7.708vw;
    left: -4.062vw;
}
.contents .deco04 img {
    width: 38.25vw;
}
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1350px)
======================================== */
@media screen and (min-width:768px) and (max-width:1350px) {
.mainContents .ttl img {
    width: 56.74vw;
}
.mainContents .point img {
    width: 100%;
    height: auto;
}
.mainContents .attention-box .ttl img {
    width: 7.19vw;
}
.contents .list .list14 .img img {
    width: 100%;
    height: auto;
}
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1280px)
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
.mainContents {
    padding-block: 13.75vw 0;
    margin-bottom: -14.219vw;
}
.mainContents .attention-box {
    border-radius: 2.344vw;
    padding-block: 3.75vw 4.375vw;
}
.mainContents .attention-box::before {
    width: 7.891vw;
    height: 9.141vw;
    bottom: 0;
    right: 9.375vw;
}
.mainContents .attention-box .ttl {
    margin-bottom: 2.344vw;
}
.mainContents .attention-box .txt {
    font-size: 1.563vw;
}
.contents .list li {
    /* padding-block: 3.36vw 2.58vw; */
}
.contents .list li .num {
    top: 2.344vw;
    left: 3.047vw;
}
.contents .list li .num img {
    width: 3.047vw;
}
.contents .list li .ttl {
    font-size: clamp(1.125rem, 0.375rem + 1.56vw, 1.625rem);
}
.contents .list .full .ttl {
    font-size: clamp(1.25rem, 0.313rem + 1.95vw, 1.875rem);
}
.contents .list li .txt {
    font-size: clamp(0.75rem, 0.375rem + 0.78vw, 1rem);
}
.contents .list .list01 .img img {
    width: 37.58vw;
    margin-inline: auto;
}
.contents .list .list02 .img img {
    width: 33.98vw;
    margin-inline: auto;
}
.contents .list .list03 .img img {
    width: 74.22vw;
    margin-inline: auto;
}
.contents .list .list04 .img img {
    width: 36.17vw;
    margin-inline: auto;
}
.contents .list .list05 .img img {
    width: 38.59vw;
    margin-inline: auto;
}
.contents .list .list06 .img img {
    width: 70.16vw;
    margin-inline: auto;
}
.contents .list .list07 .img img {
    width: 24.69vw;
    margin-inline: auto;
}
.contents .list .list08 .img img {
    width: 39.69vw;
    margin-inline: auto;
}
.contents .list .list09 .img img {
    width: 39.14vw;
    margin-inline: auto;
}
.contents .list .list10 .img img {
    width: 24.69vw;
    margin-inline: auto;
}
.contents .list .list11 .img img {
    width: 24.69vw;
    margin-inline: auto;
}
.contents .list .list12 .img img {
    width: 40.86vw;
    margin-inline: auto;
}
.contents .list .list13 .img img {
    width: 86.02vw;
    margin-inline: auto;
}

.contents .list .list14 {
    padding-block: 4.922vw 0;
}
.contents .list .list14 .ttl {
    font-size: 2.656vw;
    margin-bottom: -8.203vw;
    position: relative;
}
.contents .list .list14 .img {
    margin-bottom: -0.781vw;
}

.bottom-sec .link-box .bnr-item img {
    width: 100%;
    height: auto;
}

}

/* ========================================
@media screen and (min-width:768px) and (max-width:1800px)
======================================== */
@media screen and (min-width:768px) and (max-width:1800px) {
.bottom-sec .answer img {
    width: 28.61vw;
}
.bottom-sec {
    padding-block: 10.611vw 7.333vw;
}
.bottom-sec .ttl{
    font-size: 2.333vw;
    margin-bottom: 4.722vw;
}
.bottom-sec .answer {
    text-align: center;
    padding-block: 0 7.833vw;
}
}


/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#common .seo_bread_list {
    margin-bottom: -16vw;
    padding: 7vw 0 3.5vw;
    position: relative;
    z-index: 2;
}


/* mainContents
-------------------------------------*/
.mainContents {
    background: #C8C6BE;
    padding-block: 32.99vw 0;
    position: relative;
    margin-bottom: -26.5vw;
}
.mainContents .ttl {
    text-align: center;
    margin-bottom: 12.66vw;
}
.mainContents .point {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.35vw 1.69vw;
    width: 74.88vw;
    margin-inline: auto;
    margin-bottom: 9.66vw;
}
.mainContents .attention-box {
    width: 91.79vw;
    margin-inline: auto;
    backdrop-filter: blur(50px);
    --webkit-backdrop-filter: blur(50px);
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 2.42vw;
    padding-block: 11.58vw 14.7vw;
    position: relative;
    z-index: 2;
}
.mainContents .attention-box::before {
    position: absolute;
    content: "";
    background: url(../images/common-page/attention-human_sp.png)no-repeat;
    background-size: contain;
    width: 14.01vw;
    height: 16.18vw;
    bottom: 0;
    right: 3.62vw;
}
.mainContents .attention-box .ttl {
    text-align: center;
    margin-bottom: 4.83vw;
}
.mainContents .attention-box .txt {
    font-weight: 500;
    font-size:3.382vw;
    line-height: 2;
    text-align: center;
}
.mainContents .deco01-sp {
    position: absolute;
    top: 110vw;
    right: -42vw;
}
.mainContents .deco01-sp img {
    width: 112.56vw;
}
/* deco 共通 初期状態 */
.deco01-sp,
.deco02-sp{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
/* 表示状態 */
.deco01-sp.is-show,
.deco02-sp.is-show {
    opacity: 1;
    transform: translateY(0);
}


/* contents
-------------------------------------*/
.contents {
    position: relative;
    padding-block: 12vw;
}
.contents .deco02-sp {
    position: absolute;
    top: -19vw;
    left: -27vw;
}
.contents .deco02-sp img {
    width: 86.35vw;
}
.contents .list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4.83vw;
    width: 91.79vw;
    margin-inline: auto;
}
.contents .list li {
    border-radius: 4.83vw;
    background: #fff;
    position: relative;
    text-align: center;
    padding-block: 6.31vw 5.43vw;
    z-index: 2;
}
.contents .list li .num {
    position: absolute;
    top: 2.86vw;
    left: 5.96vw;
}
.contents .list li .ttl {
    font-weight: bold;
    font-size:3.865vw;
    line-height: 1.1875;
    color: #2c2c2c;
    margin-bottom: 2.62vw;
}
.contents .list li .img {
    margin-bottom: 5.23vw;
    text-align: center;
}
.contents .list li .txt {
    font-weight: 500;
    font-size: 2.42vw;
    line-height: 1.5;
    color: #2c2c2c;
}

.contents .list .list01 .img img {
    width: 69.93vw;
    margin-inline: auto;
}
.contents .list .list02 .img img {
    width: 63.41vw;
    margin-inline: auto;
}
.contents .list .list03 .img img {
    width: 79.83vw;
    margin-inline: auto;
}
.contents .list .list04 .img img {
    width: 67.51vw;
    margin-inline: auto;
}
.contents .list .list05 .img img {
    width: 69.57vw;
    margin-inline: auto;
}
.contents .list .list06 .img img {
    width: 77.42vw;
    margin-inline: auto;
}
.contents .list .list07 .img img {
    width: 45.89vw;
    margin-inline: auto;
}
.contents .list .list08 .img img {
    width: 71.50vw;
    margin-inline: auto;
}
.contents .list .list09 .img img {
    width: 71.38vw;
    margin-inline: auto;
}
.contents .list .list10 .img img {
    width: 45.89vw;
    margin-inline: auto;
}
.contents .list .list11 .img img {
    width: 45.89vw;
    margin-inline: auto;
}
.contents .list .list12 .img img {
    width: 76.21vw;
    margin-inline: auto;
}
.contents .list .list13 .img img {
    width: 84.54vw;
    margin-inline: auto;
}

/* list02 */
.contents .list .list02 .ttl {
    margin-bottom: 9vw;
}
.contents .list .list02 .img {
    margin-bottom: 4vw;
    padding-right: 3vw;
}

/* list03 */
.contents .list .list03 {
   padding-block: 6.31vw 4.43vw;
}
.contents .list .list03 .ttl {margin-bottom: -0.5vw;}
.contents .list .list03 .img {margin-bottom: 3vw;}

/* list04 */
.contents .list .list04 {
    padding-block: 6.31vw 4.43vw;
 }
.contents .list .list04 .ttl {
  margin-bottom: 1.5vw;
}
.contents .list .list04 .img {
    padding-left: 5vw;
}


/* list05 */
.contents .list .list05 .ttl {
    margin-bottom: 6vw;
}
.contents .list .list05 .img {
    margin-bottom: 4vw;
    padding-right: 3vw;
}

/* list06 */
.contents .list .list06 {
 padding-block: 6.31vw 3.43vw;
}
.contents .list .list06 .ttl {
    margin-bottom: 9.5vw;
}

/* list07 */
.contents .list .list07 {
    padding-block: 6.31vw 1.43vw;
}
.contents .list .list07 .ttl {
    margin-bottom: 6vw;
}

/* list08 */
.contents .list .list08 {
    padding-block: 6.31vw 4.43vw;
}
.contents .list .list08 .ttl {
    margin-bottom: 6vw;
}
.contents .list .list08 .img {
    margin-bottom: 4vw;
}

/* list09 */
.contents .list .list09 {
    padding-block: 6.31vw 4.43vw;
}
.contents .list .list09 .ttl {
    margin-bottom: 2.9vw;
}
.contents .list .list09 .img {
    margin-bottom: 2vw;
    padding-left: 4vw;
}

/* list10 */
.contents .list .list10 {
    padding-block: 6.31vw 1.43vw;
}
.contents .list .list10 .ttl {
    margin-bottom: 6vw;
}

/* list11 */
.contents .list .list11 {
    padding-block: 6.31vw 1.43vw;
}
.contents .list .list11 .ttl {
    margin-bottom: 6vw;
}

/* list12 */
.contents .list .list12 {
    padding-block: 6.31vw 5.43vw;
}
.contents .list .list12 .ttl {
    margin-bottom: 3.9vw;
}
.contents .list .list12 .img {
    margin-bottom: 2vw;
    padding-right: 3vw;
}

/* list13 */
.contents .list .list13 {
    padding-block: 6.31vw 4.43vw;
}
.contents .list .list13 .ttl {
    margin-bottom: 5vw;
}
.contents .list .list13 .img {
    margin-bottom: 2vw;
    padding-right: 3vw;
}

/* list14 */
.contents .list .list14 {
    padding-block: 11.31vw 0;
}
.contents .list .list14 .ttl {
    font-size:4.348vw;
    position: relative;
    margin-bottom: -16.5vw;
}
.contents .list .list14 .img {
    margin-bottom: -10px;
}


/* bottom-sec
-------------------------------------*/
.bottom-sec {
    background: url(../images/common-page/bottom-sec-bg_sp.jpg)no-repeat, #fff;
    background-size: contain;
    padding-block: 36.49vw 15vw;
    position: relative;
}
.bottom-sec .ttl{
    font-weight: bold;
    font-size:4.348vw;
    letter-spacing: 0.05em;
    line-height: 1.7777;
    text-align: center;
    margin-bottom: 9.25vw;
    color: #fff;
}
.bottom-sec .answer {
    text-align: center;
    padding-block: 0 22vw;
}
.bottom-sec .link-box {padding-block: 16vw 0;}
.bottom-sec .link-box .ttl{
    font-weight: bold;
    font-size:4.348vw;
    text-align: center;
    margin-bottom: 6.25vw;
    letter-spacing: 0;
    color: inherit;
}
.bottom-sec .link-box .bnr-item {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 4.83vw;
    width: 67.63vw;
    margin-inline: auto;
}

}