@charset "utf-8";
.hummenu ul li.nav-position::before {
	width: 50% !important;
}
html {
	scroll-behavior: smooth;
}

body{
    font-family: "shippori-mincho", sans-serif;
    color: #000;
    letter-spacing: 0.1em;
    font-weight: normal;
}
.subhead{
    background: url(../img/access/subhead.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

main .com_inner{
    padding: 0;
}

main .loc_inner_pd{
    padding: 0 20px;
    box-sizing: content-box;
}


.com_inner_max1000 {
    max-width: 1000px;
    margin: 0 auto;
}
.com_inner_max650 {
    max-width: 650px;
    margin: 0 auto;
}
.com_inner_max750 {
    max-width: 750px;
    margin: 0 auto;
}
.com_inner_max700 {
    max-width: 700px;
    margin: 0 auto;
}

.img_cap_l {
    left: 0.5em;
}
.ac_cap {
    font-size: 10px;
    line-height: 1.5;
    font-weight: lighter;
    letter-spacing: 0.01em;
    margin-top: 0.5em;
}
.st_ttl.ta_l {
    text-align: left;
}



.sec_pt80 {
    padding-top: 80px;
}
.sec_pb80 {
    padding-bottom: 80px;
}
.sec_mt80 {
    margin-top: 80px;
}

.inner_mt80 {
    margin-top: 80px;
}
.inner_mt60 {
    margin-top: 60px;
}
.inner_mt40 {
    margin-top: 40px;
}
.inner_mt30 {
    margin-top: 30px; 
}
.inner_mt20 {
    margin-top: 20px;
}

.inner_mb60 {
    margin-bottom: 60px;
}
.inner_mb40 {
    margin-bottom: 40px;
}
.inner_mb30 {
    margin-bottom: 30px;
}
.inner_mb20 {
    margin-bottom: 20px;
}

.inner_mtb60 {
    margin: 60px 0;
}

.inner_ptb40 {
    padding: 40px 0;
}
.inner_plr20 {
    padding: 0 20px;
}


.inner_pb20 {
    padding-bottom: 20px;
}
.inner_pd5{
    padding-bottom: 5px;
}

.inner_mb5{
    padding-bottom: 5px;
}

.img_mb40 {
    margin-bottom: 40px;
}
.mt0_mb1 {
    margin: 0 auto 1em;
}

.ttl_mg {
    margin: 60px 0 40px;
}
.ac_cap_mt30 {
    margin-top: 30px;
}


.bg_blue01 {
    background: linear-gradient(90deg, #d7ecf5, #fff, #d7ecf5);
}

.bg_blue02 {
    background-image: linear-gradient(90deg, #75c3e0, #9ed2e8 50%, #75c3e0);
}


#area,#living,#green,#sports,#children,#info {
    padding-top: 120px;
    margin-top: -120px;
}


.top_st_min {
    max-width: 750px;
    margin: 80px auto 0;
}
.section_ttl_ja.pos {
    /* margin: 60px auto 30px; */
}


.id_btn_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* margin-top: 60px; */
}
.id_btn_box a {
    width: calc((100%/6) - 1px);
    height: 100%;
    transition: 0.5s;
}
.id_btn_box a:hover {
    /* opacity: 0.3; */
    transition: 0.5s;
    background: #318cc9;
}
.id_btn_list:hover::after{
	color: #fff;
    transition: 0.5s;
}
.id_btn_list {
    width: 100%;
    color: #fff;
    font-size: 16px;
    /* padding: 30px; */
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #318cc9;
    opacity: 0.3;
}
.id_btn_list.active {
    opacity: initial;
}


.pos_sec_ttl_box {
    text-align: center;
}
.pos_sec_ttl {
    font-size: 20px;
    color: #318cc9;
    display: inline-block;
    /* border-bottom: solid 4px #318cc9; */
    /* padding-bottom: 1em; */
    margin: 40px 0 0;
    font-family: "A1+Adobe Garmond Pro", serif;
}
.pos_sec_ttl::after {
    content: "";
    background: #318cc9;
    height: 3px;
    width: 60px;
    display: block;
    margin: 0.8em auto;
}


.tate_line {
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}
.kara_box::after {
    content: "";
    position: absolute;
    width: 1.5px;
    height: 80px;
    background: #318cc9;
}


.col2_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.col2_flex_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.col2_flex_item_a {
    width: calc(48% - 30px);
    position: relative;
    z-index: 1;
}
.col2_flex_item_b {
    width: 52%;
}
.area_ttl_en {
    font-size: 18px;
    color: #318cc9;
    font-family: "A1+Adobe Garmond Pro", serif;
    margin-bottom: 80px;
}
.area_ttl_ja {
    font-size: 28px;
    color: #318cc9;
    line-height: 2;
    white-space: nowrap;
    text-shadow: 0 0 4px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}


.section_lead.pos_are {
    /* font-size: 18px; */
    text-align: justify;
    line-height: 1.8;
    margin-top: 30px;
    max-width: 800px;
}


.hp_btn {
    /* margin-top: 60px; */
}
.hp_btn a {
    height: 50px;
    max-width: 320px;
    margin: 0 auto;
    border: solid 1px #318cc9;
    color: #318cc9;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s;
}
.hp_btn a::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.7em;
    height: 0.7em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
    transition: 0.3s;
}
.hp_btn a:hover{
    background: #318cc9;
    color: #fff;
    transition: 0.3s;

}
.hp_btn a:hover::after{
    right: 0.8em;
}


.voice01_img_cap {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    width: 100%;
    text-shadow: 0 0 10px #51c3db, 0 0 13px #30a2be, 0 0 13px #49c0dc, 0 0 10px #1c5d6e;
}


.col2_flex_item {
    width: 48%;
}
.col2_flex_item_c {
    width: 50%;
}
.section_lead.txt_blue {
    color: #318cc9;
    line-height: 1.5;
}
.section_lead.txt_wht {
    color: #fff;
}
.section_ttl_ja.txt_wht {
    color: #fff;
}


.lank_box {
    padding: 50px 20px;
}
.wht_line {
    width: 5%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.col2_flex_fs {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
}
.col2_flex_item_sogo {
    width: 42.3%;
    max-width: 380px;
}
.lank_wd650 {
    max-width: 650px;
    margin: 0 auto;
    padding: 5% 0 5% 5%;
}
.area_link_box{
    width: calc(100% - 40px);
}



/* shopping */
.belt01 {
    width: 100%;
    background-image: linear-gradient(90deg, #287ab0, #00b3e9 50%, #287ab0);
    padding: 20px 0;
}
.belt02 {
    width: 100%;
    background-image: linear-gradient(90deg, #75c3e0, #9ed2e8 50%, #75c3e0);
    padding: 30px 0;
}
.belt_ttl {
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-family: "A1+Adobe Garmond Pro", serif;
}
.belt_shop_name {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.belt_shop_siten {
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin: 15px 0 30px;
}
.toho {
    font-size: 1em;
    text-align: center;
    color: #fff;
    margin-left: 3%;
    letter-spacing: 1.2;
}
.min {
    font-size: 2em;
    list-style: 1;
    text-align: center;
    color: #fff;
    margin: 0 1.2% 0 2%;
}
.belt_shop_lead{
    font-size: 18px;
    text-align: justify;
    color: #fff;
    margin-top: 40px;
    display: inline-block;
    line-height: 1.5;
}


.belt_shop_name02 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    width: 100%;
}
.belt_shop_siten02 {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    margin: 15px 0 30px;
    display: inline-block;
}
.toho02 {
    font-size: 1em;
    text-align: center;
    color: #fff;
    /* margin-left: 3%; */
}
.min02 {
    font-size: 2em;
    list-style: 1;
    text-align: center;
    color: #fff;
    margin: 0 3% 0 5%;
}


.belt_shop_name03 {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin-top: 5px;
}
.toho03 {
    font-size: 1em;
    text-align: center;
    color: #000;
    margin-left: 3%;
}
.min03 {
    font-size: 1.4em;
    list-style: 1;
    text-align: center;
    color: #000;
    margin: 0 1% 0 2%;
}


.col2_flex_item_d{
    width: 100%;
    height: 250px;
    background-image: linear-gradient(90deg, #75c3e0, #9ed2e8 50%, #75c3e0);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #318cc9;
    font-size: 32px;
    letter-spacing: 0.13em;
    position: relative;
}
.col2_flex_item_d.bd_wh::after {
    content: "";
    width: 92%;
    height: 210px;
    border: solid #fff 1px;
    position: absolute;
    pointer-events: none;
}
.shopping_bg01 {
    width: 100%;
    height: 250px;
    background: url(../img/position/shopping_bg01.jpg);
    background-size: cover;
}
.shopping_bg02 {
    width: 100%;
    height: 500px;
    background: url(../img/position/shopping_bg02.jpg);
    background-size: cover;
    background-position: center;
}
.shopping_bg03 {
    width: 100%;
    height: 250px;
    background: url(../img/position/shopping_bg03.jpg);
    background-size: cover;
    background-position: center;
}
.shopping_bg04 {
    width: 100%;
    height: 250px;
    background: url(../img/position/shopping_bg04.jpg);
    background-size: cover;
    background-position: center;
}

.col2_flex_item_e {
    width: 49%;
}
.col2_flex_item_e:nth-child(n+3) {
    margin-top: 20px;
}

.shisetsu_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bd_box_ttl_small {
    color: #fff;
    text-align: center;
    font-size: 24px;
    /* margin: 20px auto; */
    line-height: 1.5;
}
.bd_box_ttl {
    color: #fff;
    text-align: center;
    font-size: 28px;
    margin: 20px 0 40px 0;
    line-height: 1.5;
    border: solid 1px #fff;
    padding: 20px 40px;
    letter-spacing: 0.5em;
}
.small_lead {
    color: #fff;
    font-size: 16px;
    text-align: justify;
    line-height: 1.8;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

.gourmet_bg01 {
    width: 100%;
    height: 500px;
    background: url(../img/position/gourmet_img01.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg02 {
    width: 100%;
    height: 250px;
    background: url(../img/position/gourmet_img02.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg03 {
    width: 100%;
    height: 250px;
    background: url(../img/position/gourmet_img03.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg04 {
    width: 100%;
    height: 250px;
    background: url(../img/position/gourmet_img04.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg05 {
    width: 100%;
    height: 250px;
    background: url(../img/position/gourmet_img05.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg06 {
    width: 100%;
    height: 500px;
    background: url(../img/position/gourmet_img06.jpg);
    background-size: cover;
    background-position: center;
}
.gourmet_bg07 {
    width: 100%;
    height: 250px;
    background: url(../img/position/gourmet_img07.jpg);
    background-size: cover;
    background-position: center;
}

.finance_bg01 {
    width: 100%;
    height: 250px;
    background: url(../img/position/finance_img01.jpg);
    background-size: cover;
    background-position: center;
}



/* with green */
.col2_flex_item_d.h_632 {
    height: 500px;
    padding: 40px;
}
.ib_mb30 {
    margin-bottom: 30px;
    display: inline-block;
}

.green_bg01 {
    width: 100%;
    height: 500px;
    background: url(../img/position/green_img03.jpg);
    background-size: cover;
    background-position: center;
}
.green_bg02 {
    width: 100%;
    height: 250px;
    background: url(../img/position/green_img04.jpg);
    background-size: cover;
    background-position: center;
}
.green_bg03 {
    width: 100%;
    height: 250px;
    background: url(../img/position/green_img05.jpg);
    background-size: cover;
    background-position: center;
}
.green_bg04 {
    width: 100%;
    height: 250px;
    background: url(../img/position/green_img06.jpg);
    background-size: cover;
    background-position: center;
}
.green_bg05 {
    width: 100%;
    height: 250px;
    background: url(../img/position/green_img07.jpg);
    background-size: cover;
    background-position: center;
}



/* sports */
.col2_flex_item_f {
    width: 49.8%;
    margin-top: 0.4%;
}


/* raising children */
.cap {
    font-size: 10px;
    /* white-space: nowrap; */
    margin-top: 0.5em;
}
.child_bg01 {
    width: 100%;
    height: 500px;
    background: url(../img/position/child_img02.jpg);
    background-size: cover;
    background-position: center;
}
.child_bg02 {
    width: 100%;
    height: 250px;
    background: url(../img/position/child_img03.jpg);
    background-size: cover;
    background-position: center;
}
.child_bg03 {
    width: 100%;
    height: 250px;
    background: url(../img/position/child_img04.jpg);
    background-size: cover;
    background-position: center;
}
.child_bg04 {
    width: 100%;
    height: 500px;
    background: url(../img/position/child_img05.jpg);
    background-size: cover;
    background-position: center;
}
.child_bg05 {
    width: 100%;
    height: 250px;
    background: url(../img/position/child_img06.jpg);
    background-size: cover;
    background-position: center;
}





@media(max-width: 1000px){
.sec_pd80 {
    padding: 60px 0;
}
.sec_pt80 {
    padding-top: 60px;
}
.sec_pb80 {
    padding-bottom: 60px;
}
.inner_mb60 {
    margin-bottom: 30px;
}

.area_ttl_ja{
    font-size: 24px;
}

.belt_shop_name{
    font-size: 24px;
}
.belt_shop_name02 {
    font-size: 24px;
}
.belt_shop_name03 {
    font-size: 16px;
}

.area_ttl_l{
    left: 20px;
}
.area_ttl_r{
    right: 20px;
}
}



@media(max-width: 850px){
}

@media(max-width: 750px){
}

@media(max-width: 650px){
.sec_pd80 {
    padding: 40px 0;
}
.sec_pb80 {
    padding-bottom: 30px;
}
.sec_pt80 {
    padding-top: 40px;
}

.img_mb40 {
    margin-bottom: 20px;
}
.inner_mb60 {
    margin-bottom: 30px;
}
.inner_mb40{
    margin-bottom: 20px;
}
.inner_mb30{
    margin-bottom: 15px;
}

.inner_mtb60{
    margin: 30px 0;
}

.inner_mt80{
    margin-top: 40px;
}
.inner_mt60 {
    margin-top: 30px;
}
.inner_mt40{
    margin-top: 20px;
}
.inner_mt30{
    margin-top: 15px;
}

.voice01_img_cap{
    top: 3%;
}

.section_ttl_ja.pos{
    /* margin: 30px auto 20px; */
}

.id_btn_box a {
    /* width: calc(100%/3); */
}

.id_btn_list{
    font-size: 10px;
    letter-spacing: 0;
    height: 45px;
}

.belt_ttl{
    font-size: 16px;
}
.belt01{
    padding: 10px 0;
}

.area_ttl_ja{
    font-size: 18px;
    line-height: 1.8;
}
.area_ttl_en{
    font-size: 12px;
    margin-bottom: 30px;
}

.col2_flex_item_b{
    width: 58%;    
}
.col2_flex_item_a{
    width: calc(32% - 0px);
}

.col2_flex_item_d.h_632{
    height: 250px;
    padding: 15px;
}

.pos_sec_ttl{
    font-size: 14px;
}

.gourmet_bg01{
    height: 250px;
}
.shopping_bg02{
    height: 250px;
}
.green_bg01{
    height: 250px;
}
.child_bg01{
    height: 250px;
}
.child_bg04{
    height: 250px;
}

.ib_mb30 {
    margin-bottom: 10px;
}

.belt_shop_name{
    font-size: 15px;
}

.belt_shop_name02{
    font-size: 15px;
}
.belt_shop_lead{
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: 0.01em;
    line-height: 1.6;
}

/* .toho{
    font-size: 16px;
}
.toho02 {
    font-size: 16px;
} */

.kara_box::after{
    height: 40px;
}
.tate_line{
    padding-bottom: 40px;
}

.green_bg02{
    height: 125px;
}
.col2_flex_item_d{
    height: 125px;
}
.col2_flex_item_d.bd_wh::after{
    height: 110px;
}

.gourmet_bg06{
    height: 250px;
}

.belt_shop_siten02{
    margin: 5px 0 10px;
}

.shisetsu_txt_box{
    width: 100%;
    max-width: 340px;
}

.bd_box_ttl_small{
    font-size: 14px;
}
.bd_box_ttl{
    font-size: 18px;
    margin: 10px 0 15px 0;
    line-height: 1.5;
    padding: 10px 10px;
    letter-spacing: 0.5em;
}
.small_lead{
    font-size: 12px;
}
.belt_shop_name03{
    font-size: 12px;
}
.belt02 {
    padding: 15px;
}

.voice01_img_cap .section_ttl_ja {
    font-size: 18px;
}
.voice01_img_cap .section_lead{
    font-size: 12px;
}
.col2_flex_fs  .col2_flex_item_c {
    width: 52%;
}
.col2_flex_item_sogo {
    width: 44.3%;
}

.hp_btn a {
    font-size: 12px;
    height: 40px;
    max-width: 280px;
}



}


@media(max-width: 550px){
}

@media(max-width: 500px){
}






/* scroll_start */
.slick-dots {
    position: absolute;
    bottom: 28%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    width: 40px;
    height: 4px;
    margin: 0 5px;
    background: #4099c7;
    cursor: pointer;
    opacity: 0.5;
}
.slick-dots li.slick-active{
    opacity: 1;
    color: #318cc9;
}

.slick-dots li button {
    display: none;
}

.slide01 .slick-dots li {
    margin: 0 5px;
}


@media(max-width: 650px){

    .slick-dots{
        bottom: 26%;
    }
    .slick-dots li{
        width: 30px;
    }

}
/* scroll_end */


/* lifeinfo */



.lifeinfo_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.lifeinfo_flex_item{
    width: 48%;
}
dt{
    font-weight: unset;
}
.lifeinfo_item{
    counter-reset: dt-counter;
}

.lifeinfo_ttl{
    color: #318cc9;
    background: #fff;
    /* text-align: center; */
    margin-bottom: 0.5em;
    padding: 0 0 0.5em;
    border-bottom: solid 2px #318cc9;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.01em;
}

.lifeinfo_list{
    letter-spacing: 0.01em;
}

.lifeinfo_list dt {
    float: left;
    font-size: 13px;
    clear: both;
}
.lifeinfo_list dt::before{
    counter-increment: dt-counter;
    content: counter(dt-counter);
    background: #318cc9;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}


.lifeinfo_list dt  i{
    font-size: 0.7em;
    font-style: normal;
}
.lifeinfo_list dd {
    text-align: right;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    /* margin: 0 0 10px; */
}
.lifeinfo_list dd::before {
    content: "";
    flex-grow: 1;
    border-top: 1px dashed #318cc9;
    display: block;
    margin-right: .4em;
}
.lifeinfo_flex_item .lifeinfo_item:not(:last-child){
    margin-bottom: 20px;
}

.lifeinfo_map{
    margin-bottom: 30px;
}

.lifeinfo_list dt,
.lifeinfo_list dd {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 2.4em;
}



@media screen and (max-width:1000px){
    .lifeinfo_list dd {
        font-size: 12px;
    }
    .lifeinfo_list dt {
        font-size: 12px;
    }
}
@media screen and (max-width:768px){
}
@media screen and (max-width:750px){
}
@media screen and (max-width:650px){
    .lifeinfo_flex_item{
        width: 100%;
    }
    .lifeinfo_flex_item:not(:last-child){
        margin-bottom: 20px;
    }
}
@media screen and (max-width:550px){
}