@charset "utf-8";
* {
    font-family: "Hiragino Sans", hiragino-kaku-gothic-pron, sans-serif,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"游ゴシック体","YuGothic","游ゴシック","Yu Gothic",'Meiryo','メイリオ', sans-serif;
    scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;
}
.mt10 {
    margin-top: 10px !important;
}
.fcr {
    color: #d81717;
}
.fcp {
    color: #FA57CC;
}
.fco {
    color: #ff6c00;
}
.fcy {
    color: #fefaca;
}
.fcb {
    color: #0047b2;
}
.fcg {
    border-bottom: solid 1px #888888;
    margin: auto;
    padding: 15px 0;
}
.fcpg {
    color: #3a818e;
}
.fcsb {
    color: #0497FF;
}
.fsm {
    font-size: 19px;
}
.fsl {
    font-size: 21px;
}
.fsll {
    font-size: 23px;
}
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.mark {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%,#ffff00 0%) repeat scroll 0 0;
}
#wrapper{
    margin: auto;
}
img,video {
    width: 100%;
    vertical-align: middle;
}
.tablet {
    display: none;
}

@media only screen and (min-width: 767px){
    #wrapper{
        margin: auto;
    }
    .sp {
        display: none!important;
    }
    .pc {
        display: block;
    }
}
@media only screen and (min-width: 767px) and (max-width: 800px) {
    .tablet {
        display: block;
    }
}
@media only screen and (max-width: 766px){
    .sp {
        display: block;
    }
    .pc {
        display: none!important;
    }
}

header {
    background-color: #39818d;
    padding: 10px 0;
}
.head_content {
    display: flex;
    align-items: center;
    width: 98%;
    margin: auto;
    color: #fff;
}
.head_content img {
    max-width: 60px;
    margin: 0 10px;
}
.head_content p {
    margin: 0;
    line-height: 1.4;
}
.head_content p b {
    font-size: larger;
}

@media only screen and (max-width: 766px){
    .head_content img {
        max-width: 40px;
        margin: 0 6px;
    }
    .head_content p {
        font-size: clamp(13px, 1.2vw, 22px);
    }
}

h1 {
    margin: auto auto 2%;
    text-align: center;
    font-size: clamp(20px, 3.2vw, 60px);
    color: #39818d;
    line-height: 1.4;
    font-weight: 800;
}
h1::after {
    content: "";
    width: 60px;
    height: 4px;
    background-color: #39818d;
    display: block;
    margin: auto;
    margin-top: 0.5%;
    border-radius: 999px;
}
h1 span {
    color: #08353e;
    font-size: clamp(16px, 1.6vw, 44px);
    display: flex;
    align-items: center;
    justify-content: center;
}
h1 span::before {
    content: "";
    width: 26px;
    height: 2px;
    transform: rotate(60deg);
    box-sizing: border-box;
    background-color: #333333;
  }
h1 span::after {
    content: "";
    width: 26px;
    height: 2px;
    transform: rotate(-60deg);
    box-sizing: border-box;
    background-color: #333333;
}
section {
    padding: 4% 0;
}
.bg_green {
    background-image: linear-gradient( 30deg, rgb(217,240,243) 0%, rgb(219,244,240) 100%);
}
.bg_gray {
    background-color: #f3f3f3;
}

@media only screen and (max-width: 766px){
    section {
        padding: 8% 0;
    }
    h1 {
        font-size: clamp(36px, 3.2vw, 60px);
    }
    h1 span::before , h1 span::after {
        content: "";
        width: 24px;
    }
}

/*お知らせ*/
.news_list {
    margin: 3% auto;
    width: 90%;
    max-width: 820px;
}
.news_a {
    color: #303030;
    text-decoration: none;
}
.fcg span,
.ttl-ico {
    margin: 10px;
    padding: 0 20px;
    background: #39818d;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}
.news_wrap {
    width: 80%;
    max-width: 800px;
    margin: auto;
    padding: 2% 0;
}
.news_wrap img {
    width: 75%;
    margin: auto;
    display: block;
}
.root{
    color: #858585;
    font-size: 14px;
}
.root a{
    text-decoration: none;
    color: #39818d;
}
.ttl {
    border: solid 1px #39818d;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
}
.ttl h2 {
  margin: 10px 0;
}
@media only screen and (max-width: 766px){
    .news_wrap {
        width: 92%;
    }
    .news_wrap img {
        width: 100%
    }
    .ttl {
        padding: 8px;
    }
    .ttl h2 {
        font-size: 18px;
        line-height: 25px;
    }
}

/* フッター */
footer {
    background-color: #39818d;
    padding: 2%;
}
.f02 {
    background-color: #39818d;
    padding: 2%;
    position: absolute;
    bottom: 0;
    width: 96%;
}
footer .disclaimer {
    width: 90%;
    max-width: 1000px;
    font-size: 12px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 3%;
}
footer .disclaimer .ttl {
    background-color: #daf1f3;
    color: #39818d;
    padding: 10px;
}
footer .disclaimer .txt {
    padding: 10px;
    background-color: #ededed;
}

.foot_content {
    display: flex;
    align-items: center;
}
.foot_content .foot_l {
    display: flex;
    align-items: center;
    width: 80%;
    margin: auto;
    color: #fff;
}
.foot_content img {
    max-width: 60px;
    margin: 0 10px;
}
.foot_content .foot_l p {
    margin: 0;
    line-height: 1.4;
}
.foot_content .foot_l p b {
    font-size: larger;
}
.foot_r a {
    color: #fff;
    text-decoration: none;
}
.foot_r {
    line-height: 1.2;
}

@media only screen and (max-width: 766px){
    footer {
        padding: 8% 2%;
    }
    footer .disclaimer {
        width: 100%;
        flex-direction: column;
    }
    footer .disclaimer .ttl {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 5px 0;
    }
    footer .disclaimer .ttl {
        height: auto;
    }
    .foot_content img {
        max-width: 40px;
        margin: 0 6px 0 0;
    }
    .foot_r a,.foot_content p {
        font-size: clamp(10px, 1.2vw, 22px);
    }
}