@charset "UTF-8";

#page_header{
    background-image: url("../img/head_img.webp");
    background-position: center center;
    background-size: auto 100%;
    background-repeat: repeat;
    height: 460px;
}



.title_h3{color:#0000000;font-size: 1.4em;margin-bottom: 1%;margin-top: 1em;}
.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}
.sonota_plan{text-align: center;font-size: 1.6em;}

.section_05,.bg_breadcrumb {
    background-color: #fff;
}

.section_01 {
    background-color: #fff;
}
.section_01 .container {
    background-image: url("../img/bg1_pc.png");
    background-repeat: no-repeat;
    background-position: left top 20px;
    background-size: 30% auto;
}
.st_title {
    position: relative;
    text-align: center;
    line-height: 1;
    margin-bottom: 3em;
}
.st_title p {
    color: #ef8da5;
    font-family: 'Century Gothic',Futura;
    font-size: 1.4em;
}
.st_title h3 {
    font-size: 2em;
    margin: 0 auto;
    padding: 0.8em 0 1em;
}
.st_title::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 3px;
    background-color: #ef8da5;
}
.section_01 h5 {
    text-align: center;
    font-weight: normal;
    font-size: 1.16em;
    line-height: 1.7;
    margin-bottom: 0.5em;
}
.section_01 h4 {
    text-align: center;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.5
}
.ab_tx1 {
    margin: 3em 5%;
    line-height: 1.7;
}
.ab_tx1 p {
    text-indent: 1em;
}
.ab_main img {
    width: 100%;
}

.section_02 {
    background-color: #f5edef;
}
.waku1 {
    background-color: #fff;
    padding: 3em;
    background-image: url("../img/bg2.png");
    background-repeat: no-repeat;
    background-position: left 60px top 20px;
    background-size: 10% auto;
}

.ab_img {
    margin-bottom: 4em;
}
.ab_img:last-of-type {
    margin-bottom: 0;
}

.ab_img ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ab_img:nth-last-of-type(2) ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.ab_img ul li img {
    width: 100%;
}
.ab_img ul li h4 {
    color: #ef8da5;
    font-size: 1.4em;
    line-height: 1.4;
    margin-bottom: 0.5em;
}
.ab_img ul li p {
    line-height: 1.7;
    margin-bottom: 2em;
}
.ab_img ul li:first-child {
    width: 48%;
}
.ab_img ul li:last-child {
    width: 48%;
}
.ab_btn {
    width: 70%;
}


/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{
    background-image: url("../img/head_img_sp.webp");
    width: 100%;
    height: auto;
    background-size: cover;
    aspect-ratio:160 / 63;
}
}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{
    
}
	
.mt100{margin-top: 30px;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}

.section_01 .container {
    background-image: url("../img/bg1_sp.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25% auto;
}
.st_title {
    margin-bottom: 3em;
}
.st_title p {
    font-size: 1.16em;
}
.st_title h3 {
    font-size: 1.5em;
    padding: 0.8em 0 1em;
}
.st_title::after {
    width: 80px;
}
.section_01 h5 {
    font-size: 1em;
}
.section_01 h4 {
    font-size: 1.4em;
}
.ab_tx1 {
    font-size: 0.92em;
    margin: 3em 0;
}
.ab_tx1 p {
    text-indent: 1em;
}

.waku1 {
    padding: 2em;
    background-position: left 30px top 10px;
    background-size: 15% auto;
}

.ab_img {
    margin-bottom: 4em;
}
.ab_img:last-of-type {
    margin-bottom: 0;
}

.ab_img ul {
    justify-content: space-around;
}
.ab_img:nth-last-of-type(2) ul {
    justify-content: space-around;
    flex-direction: row;
}
.ab_img ul li h4 {
    font-size: 1.24em;
    margin-bottom: 0.5em;
}
.ab_img ul li p {
    line-height: 1.7;
    margin-bottom: 2em;
}
.ab_img ul li:first-child {
    width: 90%;
    margin-bottom: 1.5em;
}
.ab_img ul li:last-child {
    width: 100%;
}
.ab_btn {
    width: 100%;
}



}