@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2026-4-1

---------------------------------------*/



/*=============================
タイトル
=============================*/
.ttl_ico img{
    width: 36px;
    margin: 0 auto;
}

#mainarea .ttl_home{
    clear:both;
    font-size:180%;
    color: #127bb8;
    font-weight: 700;
    line-height:1.2;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
}
#mainarea .ttl_catch{
    font-size: 110%;
    text-align: center;
    margin-bottom: 2em;
}

#mainarea .ttl_home span,
#mainarea .ttl_catch span{
    display: inline-block;
}

#mainarea {
    padding-top: 0;
    padding-bottom: 0em;
}


@media screen and (max-width:768px){
    #mainarea .ttl_home{
        font-size:160%;

    }
}

@media screen and (max-width:480px){
    #mainarea .ttl_home{
        font-size:150%;
    }
}


/*=============================
#mainimg
=============================*/



/*=============================
lead_area
=============================*/
#lead_area{
    clear: both;
    background: url("../img/bg_blue.png") repeat top center;
    color: #fff;
}
#lead_area .inner01{
    padding-top: 5em;
    padding-bottom: 4em;
}
#lead_area .ttl_lead{
    font-size:200%;
    line-height:1.2;
    text-align: center;
}
#lead_area .lead_illust{
    margin-bottom: 1.5em;
}
#lead_area .lead_illust img{
    margin: 0 auto;
}

#lead_area .lead_txt{
    line-height: 2.4;
    text-align: center;
    margin-bottom: 3em;
}
#lead_area .lead_txt span{
    display: inline-block;
}


@media screen and (max-width:600px){
    #lead_area .ttl_lead{
        font-size:180%;
    }
    #lead_area .lead_illust img{
        width: 50%;
        margin: 0 auto;
    }

}


/*=============================
#activity_area
=============================*/
#activity_area{
    clear: both;
    background: #fff;
}
#activity_area .inner01{
    padding-top: 5em;
    padding-bottom: 2em;
}
.activity_box01{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items:center;
    background: #f1fafe;
    margin-bottom: 4em;
    gap:0 2em;
}
.activity_box01 .img_box{
    width: 40%;
    box-sizing: border-box;
}
.activity_box01 .txt_box{
    width:60%;
    box-sizing: border-box;
}
#item01.activity_box01 .txt_box,
#item03.activity_box01 .txt_box{
    padding-right: 2em;
}
#item02.activity_box01 .txt_box{
    padding-left: 2em;
}


.activity_box01 .txt_box h3{
    font-weight: 700;
    font-size: 110%;
    margin-bottom: 0.5em;
}

@media screen and (max-width:900px){
.activity_box01{
    align-items:flex-start;
    padding: 2em;
}
#item01.activity_box01 .txt_box,
#item03.activity_box01 .txt_box{
    padding-right: 0em;
}
#item02.activity_box01 .txt_box{
    padding-left: 0em;
}
}

@media screen and (max-width:768px){
.activity_box01{
    padding: 1.5em;
    gap:0 1.5em;
}
}

@media screen and (max-width:600px){
.activity_box01{
    flex-wrap: wrap;
    padding: 0;
}
.activity_box01 .img_box{
    width: 100%;
}
.activity_box01 .img_box img{
    width: 100%;
}
.activity_box01 .txt_box{
    width:100%;
    padding: 1em 1em 2em 1em;
}
.activity_box01 .txt_box .btn01 a{
    width: 80%;
    margin: 0 auto;
}

#item02.activity_box01 .txt_box{
    order: 2;
}
#item02.activity_box01 .img_box{
    order: 1;
}
#item01.activity_box01 .txt_box,
#item03.activity_box01 .txt_box{
    padding-right: 1em;
}
#item02.activity_box01 .txt_box{
    padding-left: 1em;
}
}




/*=============================
#bouhan_area
=============================*/
#bouhan_area{
    clear: both;
    background: #fff;
}
#bouhan_area .inner01{
    padding-top: 5em;
    padding-bottom: 6em;
}
#bouhan_info{
    margin-bottom: 4em;
}
#bouhan_info a{
    border: 1px solid #ccc;
    background: #f7fcfe;
    color: #333;
    padding: 1em 1em;
}
#bouhan_info a img{
    width: 90%;
    opacity: 1;
    margin: 0 auto 0;
}
#bouhan_info a:hover{
    border: 1px solid #127bb8;
    color:#51b6f1;
}


/*=============================
#info_area
=============================*/
#info_area{
    clear: both;
    /*background: #fff;*/
}
#info_area .inner01{
    padding-top: 5em;
    padding-bottom: 0em;
}
#info_area .info_waku{
    padding-top: 5em;
    padding-bottom: 0em;
    background: rgba(255,255,255,0.9);
    border-radius: 12px;
    padding: 3em 3em 4em;
}
@media screen and (max-width:768px){
    #info_area .info_waku{
        padding: 3em 1em 4em;
    }
}



/*=============================
bnr_area
=============================*/
#bnr_area{
    clear: both;
    /*background: #fff;*/
    padding-top: 6em;
    padding-bottom: 5em;
}

#bnr_area ul{
    text-align: center;
}
#bnr_area ul li{
    display: inline-block;
    max-width: 300px;
    margin: 0 2em 1em;
}


@media screen and (max-width:768px){
    #bnr_area{
        padding-top: 5em;
        padding-bottom: 4em;
    }
}