@charset "UTF-8";




    .mod--h2 {

        font-weight: bold !important;
    }

.tx_c {
    text-align: center;
}

[class*="title_s"] {

        padding-left: 2px;

}

.title_sc {
    position: relative;
    padding-left: 30px;
}

.title_sc::before {
    position: absolute;
    content: "■";
    left: 0 ;
}

.green_wrap {

    border: 1px solid #00B050;

    padding: 15px ;
    border-radius: 15px;

}

.green_wrap ul {

    margin-bottom: 40px;
}

.green_wrap li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
}
.green_wrap li::before {
    position: absolute;
    content: "・";

    left: 0;
}

.contentArea article {

    margin: 60px 0;
}
.coment {
    margin-top: 5px;
}

    .coment li {

        position: relative;
        display: flex;
        font-size: 14px;

    }

    .coment li::before {

        content: '※';


    }

    .fl_b001 {
        margin-top: 0px;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        align-items: center;
    }


    .fl_b001 div {

        flex: 2.5;
    }

        .fl_b001 figure {
            flex: 1;
        }

        .flex02 {

                flex: 0 0 calc((100% - 0px) / 2);
                margin-bottom: 25px;
        }


        .flex03 {

                flex: 0 0 calc((100% - 38px) / 2);
             margin-bottom: 25px;
            }



        .flex04 {

                flex: 0 0 calc((100% - 40px) / 2);
                             margin-bottom: 25px;

        }

                h2, h3 {

                    font-weight: bold;
                }

        h2, h3,h4 {

            font-feature-settings: "palt";
        }


        main h2.tx_c {
    font-size: clamp(2.1rem, 2.027rem + 0.36vw, 2.3rem);
    font-weight: bold;
    text-shadow: 0 0 1px #000 !important;
}


    .contentArea.bio h4 {

            font-size: clamp(1.4rem, 1.223rem + 0.37vw, 1.5rem);
            font-weight: bold;

    
    }


    .fl_bm02 {

        gap:10px 30px;
    }

    .fl_bm02 div {

        flex: 1;
    }

                        @media screen and (max-width: 767px){
 body .fl_b001 figure,
 body .fl_b001 div {

        flex: auto;
    }


  .contentArea .mod--3col_in:nth-child(1) img {

    width:  100%;
  }

  body .mod--anker_list {

    height: auto;
  }
    


                        }