@charset "utf-8";



h2{
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 15px 0;
}

h3{
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
}



@media screen and (max-width: 767px){

h2{font-size: 50px;font-family: "Zen Kaku Gothic New";font-weight: bold;font-size: 20px;letter-spacing: 0.05em;text-align: left;color: #0099d9;}

}


.mainvisual{
    position: relative;
    margin: 0px auto 0;
    /* display: flex; */
    right: 0;
    width: 100%;
    /* max-width: 1195px; */
    border-radius: 30px;
    /* overflow: hidden; */
    box-sizing: border-box;
    /* overflow: hidden; */
}



.mainvisual .photo{
    margin: -2px auto 0px;
    display: flex;
    text-align: center;
    padding: 0;
}
.mainvisual .photo img{
    height: auto;
    width: 100%;
    /* max-height: 1000px; */
    padding: 0;
    box-sizing: border-box;
    object-fit: cover;
    }


.mainvisual .main_picture{
    position: absolute;
    bottom: -48px;
    width: 100%;
    /* top: -235px; */
    font-size: 54px;
    /* left: 0; */
    /* top: 35%; */
    letter-spacing: 0.05em;
    display: flex;
    justify-content: end;
    line-height: 65px;
    text-align: right;
    color: #fff;
    text-shadow: 0px 3px 10px rgba(16, 56, 131, 0.55);
}

.mainvisual h1{
        position: absolute;
        width: 100%;
        bottom: 200px;
        font-size: 54px;
        display: flex;
        justify-content: flex-start;
        left: 80px;
        /* top: 35%; */
        letter-spacing: 0.05em;
        line-height: 65px;
        text-align: left;
        color: #fff;
        text-shadow: 0px 3px 10px rgba(16, 56, 131, 0.55);
}




.mainvisual h1 span{font-family: "Zen Kaku Gothic New";font-weight: bold;font-size: 24px;letter-spacing: 0.05em;line-height: 36px;display: contents;text-align: left;color: #fff;text-shadow: 0px 3px 10px rgba(16, 56, 131, 0.55);}







.mainvisual .photo video{
    /* height: 50%; */
    width: auto;
    max-width: 399px;
    max-height: 641px;
    padding: 0;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center center;
}




.mainvisual .fix_bar{
    width: 100%;
    height: 62px;
    position: fixed;
    display: block;
    justify-content: end;
    background: #FFFFFF;
    z-index: 10000;
}
.mainvisual .fix_bar .info_btn{
    position: absolute;
    right: 270px;
    width: 200px;
    height: 62px;
    background: #fe3;
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}
.mainvisual .fix_bar .info_btn a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

.mainvisual .fix_bar .info_btn a:before{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/undiva/img/index/mail_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mainvisual .fix_bar .info_btn a span{font-family: "Zen Kaku Gothic New";font-weight: bold;font-size: 16px;letter-spacing: 0.08em;text-align: left;color: #0099d9;}








@media screen and (max-width: 767px){
    .mainvisual {
    margin: 0px auto 50px;
    padding: 0;
    /* display: flex; */
    right: 0;
    width: 100%;
    max-width: 1195px;
    height: 400px;
    border-radius: 30px;
    /* overflow: hidden; */
    box-sizing: border-box;
}

.mainvisual .fix_bar{
    display: none;
}


.mainvisual .main_picture{
/*     bottom: -90px; */
	bottom: -105px;
    left: 130px;
}

.mainvisual h1{
            font-family: "Zen Kaku Gothic New";
            font-weight: bold;
            font-size: 40px;
            letter-spacing: 0.03em;
            line-height: 50px;
            text-align: left;
            color: #fff;
            text-shadow: 0px 3px 10px rgba(16, 56, 131, 0.55);
            left: 20px;
            top: 60px;
            display: flex;
            flex-wrap: wrap;
}




.mainvisual h1 .small{/* display: block; */font-family: "Zen Kaku Gothic New";
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 28px;
        text-align: left;
        color: #fff;
        text-shadow: 0px 3px 10px rgba(16, 56, 131, 0.55);
        display: block;
        margin: 18px 0 0 0px;}

}




.main{position: relative;width: 100%;padding: 120px 220px 70px 220px;/* max-width: 1400px; *//* margin: 0 auto; */box-sizing: border-box;}
.main .slick_list{}
.main .slick_list ul{}
.main .slick_list ul li{}
.main .slick_list ul li .photo{width: 100%;}
.main .slick_list ul li .photo img{width: 100%;}

.main .text{position: absolute;top: 50px;right: 15%;}
.main .text span{
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;font-family: "Noto Sans JP";
font-weight: bold;
font-size: 42px;
letter-spacing: 0.1em;
line-height: 45px;
text-align: left;
color: #000;
background-color: #FFF;
padding: 25px 14px;
}
.main .text .first{}
.main .text .second{position: absolute;right: 70px;bottom: -70px;}


@media screen and (max-width: 1975px){
.main{
    padding: 5vw 5vw 5vw 4vw;
}
}

@media screen and (max-width: 767px){
.main{padding: 0 0 50px 0;}
.main .slick_list{}
.main .slick_list ul{}
.main .slick_list ul li{}
.main .slick_list ul li .photo{}
.main .slick_list ul li .photo video{
    width: 100%;
}
.main .slick_list ul li .photo img{}

.main .text{right: 60px;top: 20px;}
.main .text span{font-size: 28px;padding: 15px 10px;}
.main .text .first{right: 30px;}
.main .text .second{right: 10px;}
}







/*--------NEWS------------*/


.news .inner1280{
    display: flex;
    padding: 40px 0 0 0;
}

.news p{
    position: relative;
    font-family: "Zen Kaku Gothic New";
    height: 64px;
    font-weight: bold;
    padding: 6px 30px 0px 30px;
    box-sizing: border-box;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 36px;
    text-align: center;
    color: #0099d9;
    background-color: #f0f9ff;
    border-radius: 4px;
}

.news p:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    color: #f0f9ff;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 10px;
    border-left-color: currentColor;
    border-right: 0;
    position: relative;
    top: -36px;
    left: 76px;
}

.news p span{
    display: block;
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 4px;
    text-align: center;
    color: #0099d9;
}




.inner_box.news .news_list {
    padding: 0px 0 0px 10px;
}







.inner_box.news{
    padding: 0;
    box-shadow: none;
    background: none;
}
.inner_box.news .news_list{}
.inner_box.news .news_list ul{}
.inner_box.news .news_list ul li{}
.inner_box.news .news_list ul li:last-child{}

.inner_box.news .news_list ul li .photo{
    display:none;
}

.inner_box.news .news_list ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 20px 4px 20px;
    transition: 0.2s;
}

.inner_box.news .news_list ul li a:hover .title{
    /*background-color: #f3f3f3;*/
    color: #0099d9;
    transition: 0.2s;
}

.inner_box.news .news_list ul li a .text_box{
    display: flex;
    justify-content: flex-start;

}
.inner_box.news .news_list ul li a .text_box .sub_item{
    display: flex;
    justify-content: flex-start;

}

.inner_box.news .news_list ul li a .time{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 18px;
    text-align: left;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 3px 10px 0px 0px;
}
.inner_box.news .news_list ul li a  .category{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 14px;
    line-height: 0;
    text-align: left;
    color: #0099d9;
    border-radius: 10.5px;
    background: transparent;
    border: 1px solid #0099da;
    display: block;
    padding: 9px 20px 11px 20px;
    margin: 3px 0 0 0;
}
.inner_box.news .news_list ul li a .title{
   height: auto;
   font-family: "Zen Kaku Gothic New";
   font-weight: normal;
   padding: 5px 0 0px 10px;
   box-sizing: border-box;
   font-size: 16px;
   letter-spacing: 0.05em;
   text-align: left;
   color: #000;
   display: flex;
   background: none;
   justify-content: flex-start;
}


.detail_btn{
    border-left: 1px solid #ddd;
    padding: 13px 0 0 40px;
    display: block;
}
.detail_btn a{position:relative;}

.detail_btn a:after{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 26px;
    height: 26px;
    background-image: url(/wp-content/themes/undiva/img/index/yazirusi_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: 84px;
}

.detail_btn a span{
    font-family: "Zen Kaku Gothic New";
font-weight: 500;
font-size: 14px;
line-height: 36px;
text-align: center;
color: #000;
border: 1px solid rgba(0, 0, 0, 0);

}



@media screen and (max-width:1400px){
.news{}
.news .inner1280{}
.news p{
    font-size: 18px;
    padding: 7px 20px 0 20px;
}
.news p:after{
    left: 61px;
}
.news p span{}
.inner_box.news .news_list {}
.inner_box.news{}
.inner_box.news .news_list{}
.inner_box.news .news_list ul{}
.inner_box.news .news_list ul li{}
.inner_box.news .news_list ul li:last-child{}
.inner_box.news .news_list ul li .photo{}
.inner_box.news .news_list ul li a{
    padding: 3px 20px 4px 10px;
}
.inner_box.news .news_list ul li a:hover{}
.inner_box.news .news_list ul li a .text_box{}
.inner_box.news .news_list ul li a .text_box .sub_item{}
.inner_box.news .news_list ul li a .time{
    font-size: 14px;
}
.inner_box.news .news_list ul li a  .category{
    padding: 9px 15px 10px 15px;
    font-size: 13px;
}
.inner_box.news .news_list ul li a .title{
    font-size: 14px;
}
.inner_box.news .news_list ul li a:hover .title{}
.detail_btn{
    padding: 13px 0 0 15px;
}
.detail_btn a{}
.detail_btn a:after{
    width: 22px;
    height: 22px;
    top: -1px;
    left: 74px;
}
.detail_btn a span{
    font-size: 13px;
}
}




@media screen and (max-width:767px){
.news{
    padding: 50px 0 0 0;
}
.news .inner1280{
    display: block;
    padding: 20px 0 0 0;
}
.news p{
    width: 200px;
    margin: 0 auto;
}
.news p:after{
    bottom: 0;
    top: 0px;
    left: 0;
    transform: rotate( 90deg );
}
.news p span{}
.inner_box.news .news_list {}


.inner_box.news{
    padding: 40px 0 0 0;
}
.inner_box.news .news_list{
    padding: 0 0 25px 0;
    border-bottom: 1px solid #ddd;
}
.inner_box.news .news_list ul{}
.inner_box.news .news_list ul li{
    padding: 0 0 20px 0;
}
.inner_box.news .news_list ul li:last-child{}

.inner_box.news .news_list ul li .photo{}

.inner_box.news .news_list ul li a{}

.inner_box.news .news_list ul li a:hover{}

.inner_box.news .news_list ul li a .text_box{
    display: flex;
    flex-wrap: wrap;
}
.inner_box.news .news_list ul li a .text_box .sub_item{
    padding: 0 0 10px 0;
}

.inner_box.news .news_list ul li a .time{}
.inner_box.news .news_list ul li a  .category{}
.inner_box.news .news_list ul li a .title{
    padding: 0;
    line-height: 24px;
    font-size: 15px;
}

.inner_box.news .news_list ul li a:hover .title{}
.detail_btn{
    display: none;
}
.detail_btn a{}
.detail_btn a:after{}
.detail_btn a span{}
}

















/*--------aboutus------------*/



.about{
    padding: 100px 0 0 0;
}
.about .inner960{}
.about h2{

}

.about h3{
    padding: 0 0 40px 0;
}


.about .textbox{
    display: flex;
    justify-content: space-between;
}

.about .textbox .detail{width: 49%;}

.about .textbox .photo{
    margin: -100px 0 0 0;
}
.about .textbox .photo img{
}


.about .detail p{
font-family: "Zen Kaku Gothic New";
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 36px;
text-align: left;
color: #000;
}

.about .voice{
    position: relative;
    padding: 50px 0 0 0;
}


.about .voice:before {
    position: absolute;
    content: "";
    display: block;
    top: 20px;
    right: 0;
    margin: auto;
    width: 74px;
    height: 64px;
    background-image: url(/wp-content/themes/undiva/img/index/access_item.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.about .voice h4{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 20px 0;
}
.about .voice .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #000;
}
.about .voice .voice_list{
    padding: 30px 0 140px 0;
}
.about .voice .voice_list ul{
    display: flex;
    justify-content: space-between;
}
.about .voice .voice_list ul li{
    width: 30%;
}
.about .voice .voice_list ul li .photo{}
.about .voice .voice_list ul li .photo img{
    width: 100%;
}
.about .voice .voice_list ul li .text_box{}
.about .voice .voice_list ul li .text_box .item{
    display: flex;
    justify-content: space-between;
    padding: 15px 0 13px 0;
}
.about .voice .voice_list ul li .text_box .item .tag{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    background: #f0f9ff;
    padding: 7px 10px;
}
.about .voice .voice_list ul li .text_box .item .name{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: right;
    color: #0099d9;
}
.about .voice .voice_list ul li .text_box .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #000;
}



.slick-slide {
    margin: 0 25px; /* ���Ҥ���פ��O�� */
}

.slick-list {
    margin: 0 -25px; /* ���饤��ȫ�����פ��{�� */
}






@media screen and (max-width: 1400px){
.about{}
.about .inner960{}
.about h2{}
.about h3{}
.about .textbox{}
.about .textbox .detail{}
.about .textbox .photo{}
.about .textbox .photo img{}
.about .detail p{
    font-size: 15px;
}
.about .voice{}
.about .voice:before {}
.about .voice h4{}
.about .voice .detail{}
.about .voice .voice_list{}
.about .voice .voice_list ul{}
.about .voice .voice_list ul li{}
.about .voice .voice_list ul li .photo{}
.about .voice .voice_list ul li .photo img{}
.about .voice .voice_list ul li .text_box{}
.about .voice .voice_list ul li .text_box .item{
    padding: 13px 0 7px 0;
}
.about .voice .voice_list ul li .text_box .item .tag{}
.about .voice .voice_list ul li .text_box .item .name{
    padding: 8px 0 0 0;
}
.about .voice .voice_list ul li .text_box .detail{
    font-size: 15px;
}
.slick-slide {}
.slick-list {}
}







@media screen and (max-width: 767px){
.about{
/*     padding: 70px 0 0 0; */
	        padding: 100px 0 0 0;
}
.about .inner960{}
.about h2{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
}
.about h3{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 30px 0;
}
.about .textbox{
    display: block;
    flex-wrap: wrap;
}
.about .textbox .detail{
    padding: 0 0 40px 0;
    width: 100%;
}
.about .textbox .photo{
    margin: 0;
}
.about .textbox .photo img{}
.about .detail p{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #000;
}
.about .voice{
    padding: 55px 0 0 0;
}
.about .voice:before {}
.about .voice h4{}
.about .voice .detail{}
.about .voice .voice_list{
    padding: 30px 0 80px 0;
}
.about .voice .voice_list ul{
    display: block;
}
.about .voice .voice_list ul li{
    width: 100%;
    padding: 0 0 50px 0;
}
.about .voice .voice_list ul li .photo{}
.about .voice .voice_list ul li .photo img{}
.about .voice .voice_list ul li .text_box{}
.about .voice .voice_list ul li .text_box .item{}
.about .voice .voice_list ul li .text_box .item .tag{}
.about .voice .voice_list ul li .text_box .item .name{}
.about .voice .voice_list ul li .text_box .detail{}
.slick-slide {}
.slick-list {}
}















/*--------PROPERTIES------------*/
.properties{
    padding: 100px 0 0 0;
}
.properties .properties_read {
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 36px;
    text-align: left;
    color: #000;
}
.properties_banner {
    display: block;
    width: 320px;
    margin-top: 40px;
    transition: all .3s;
    opacity: 1;
}
.properties_banner:hover {
    opacity: .7;
}
.properties_banner img {
    width: 100%;
}
@media screen and (max-width: 767px){
    .properties{
        padding: 100px 0 0 0;
    }
    .properties .properties_read {
        font-family: "Zen Kaku Gothic New";
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 28px;
        text-align: left;
        color: #000;
    }
    .properties_banner {
        width: 240px;
        margin: 0 auto;
        margin-top: 40px;
    }
}




/*--------PLOFILE------------*/

.plofile{
    padding: 50px 0 0 0;
}
.plofile .inner960{}
.plofile h2{}
.plofile .detail{
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
line-height: 45px;
text-align: left;
color: #000;
}

.plofile .detail .name_en{
        font-family: Outfit;
font-weight: bold;
font-size: 16px;
color: #000;
padding: 0 0 0 20px;
}




.plofile .detail_btn{display: block;text-align: right;}
.plofile .detail_btn a{}
.plofile .detail_btn a span{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 46px;
text-align: right;
color: #000;}
.plofile .text_box{padding: 20px 0 0 0;display: flex;justify-content: space-between;}
.plofile .text_box .text{padding: 0;}
.plofile .text_box .text h3.black_border{padding: 0 0 50px 0;}
.plofile .text_box .text h3.black_border span{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 32px;
letter-spacing: 0.05em;
line-height: 150%;
text-align: left;
color: #fff;background-color: #000;padding: 2px 15px;}
.plofile .text_box .text h3.black_border .first{margin: 0px 0 20px 0;display: table;}
.plofile .text_box .text h3.black_border .second{padding: 2px 10px 4px;}
.plofile .text_box .text .detail{
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 46px;
text-align: left;
color: #000;
padding: 0 0 20px 0;
}

.plofile .text_box .text .detail .small {
       font-size: 10px;
    padding: 0px 5px 0px 0;
}
.plofile .text_box .text .detail .detail_text{
    padding: 0px 0px 0px 10px;
}


.plofile .text_box .photo{width: 40%;margin: -60px 0 0 0;}
.plofile .text_box .photo img{width: 100%;max-width: 300px; border-radius: 20px;}

@media screen and (max-width: 767px){
.plofile{padding: 60px 0 0 0;}
.plofile .inner960{}
.plofile h2{padding: 0 0 30px 0;}
.plofile .photo{
    padding: 0 0 15px 0;
}
.plofile .photo img{
    width: 100%;
    border-radius:15px;

}


.plofile .detail{font-size: 16px;line-height: 200%;}
.plofile .detail_btn{}
.plofile .detail_btn a{}
.plofile .detail_btn a span{}
.plofile .text_box{padding: 0 0 0 0;display: block;}
.plofile .text_box .text{}
.plofile .text_box .text h3.black_border{padding: 0 0 30px 0;}
.plofile .text_box .text h3.black_border .first{margin: 0 0 15px 0;padding: 4px 12px 5px;}
.plofile .text_box .text h3.black_border .second{}
.plofile .text_box .text h3.black_border span{font-size: 20px;padding: 0 10px;}
.plofile .text_box .text .detail{line-height: 200%;font-size: 16px;}
.plofile .text_box .photo{padding: 0 0 20px 0;width: 100%;}
.plofile .text_box .photo img{width: 100%;}

}









/*--------MESSAGE------------*/




.message{padding: 100px 0 0 0;}
.message .inner960{}
.message h2{}
.message .detail{
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
line-height: 45px;
text-align: left;
color: #000;}

.message .detail_btn{display: block;text-align: right;}
.message .detail_btn a{}
.message .detail_btn a span{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 46px;
text-align: right;
color: #000;}
.message .text_box{padding: 100px 0 0 0;display: flex;justify-content: space-between;}
.message .text_box .text{padding: 50px 0 0 0;}
.message .text_box .text h3.black_border{padding: 0 0 50px 0;}
.message .text_box .text h3.black_border span{font-family: "Noto Sans JP";
font-weight: bold;
font-size: 32px;
letter-spacing: 0.05em;
line-height: 150%;
text-align: left;
color: #fff;background-color: #000;padding: 2px 15px;}
.message .text_box .text h3.black_border .first{margin: 0px 0 20px 0;display: table;}
.message .text_box .text h3.black_border .second{padding: 2px 10px 4px;}
.message .text_box .text .detail{

font-family: "Noto Sans JP";
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 46px;
text-align: left;
color: #000;}
.message .text_box .photo{width: 40%;}
.message .text_box .photo img{width: 100%;max-width: 520px;}

@media screen and (max-width: 767px){
.message{padding: 60px 0 0 0;}
.message .inner960{}
.message h2{padding: 0 0 30px 0;}
.message .detail{font-size: 16px;line-height: 200%;}
.message .detail_btn{}
.message .detail_btn a{}
.message .detail_btn a span{}
.message .text_box{padding: 0 0 0 0;display: block;}
.message .text_box .text{}
.message .text_box .text h3.black_border{padding: 0 0 30px 0;}
.message .text_box .text h3.black_border .first{margin: 0 0 15px 0;padding: 4px 12px 5px;}
.message .text_box .text h3.black_border .second{}
.message .text_box .text h3.black_border span{font-size: 20px;padding: 0 10px;}
.message .text_box .text .detail{line-height: 200%;font-size: 16px;}
.message .text_box .photo{padding: 0 0 20px 0;width: 100%;}
.message .text_box .photo img{width: 100%;}

}


/*--------information------------*/
.information{
    position:relative;
    background-color: #f0f9ff;
    padding: 100px 0 100px 0;
}
.information .main_picture{
    position: absolute;
    top: -90px;
    right: -95px;
}
.information .inner1280{}
.information h2{}
.information h3{padding: 0 0 35px 0;}
.information .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 36px;
    text-align: left;
    color: #000;
    padding: 0 0 10px 0;
}
.information .info_box{}
.information .info_box ul{
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        justify-content: space-between;
}
.information .info_box ul li{
    width: 49%;
    display: flex;
    background-color: #FFFFFF;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
    margin: 0 0 32px 0;
    border-radius: 10px;
}
.information .info_box ul li .icon{
    padding: 0 25px 0 0px;
}
.information .info_box ul li .icon img{}

.information .info_box ul li .text{}
.information .info_box ul li .text .title{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 14px 0;
}
.information .info_box ul li .text .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #000;
    padding: 0 0 12px 0;
}
.information .info_box ul li .text .text_btn{}
.information .info_box ul li .text .text_btn a{
    font-family: "Zen Kaku Gothic New";
    position: relative;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #0099d9;
    border-bottom: 1px solid #0099da;
    padding: 0 0 0 2px;
}
.information .info_box ul li .text .text_btn a:hover{
    opacity: .7;
    transition: 0.2s;

}
.information .info_box ul li .text .text_btn a.nolink{
    border: none;
    pointer-events: none;
}
.information .info_box ul li .text .text_btn a.nolink:after{
   display: none;
}
.information .info_box ul li .text .text_btn a:after{
    position: relative;
    content: "";
    display: inline-block;
    margin: 3px 10px 0 0px;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/themes/undiva/img/index/tab_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    right: -5px;
}
.information .site_info{
    padding: 40px 0 0 0;
}
.information .site_info h3{
    font-size: 30px;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0 0 25px 0;
}
.information .site_info .detail{
    text-align: center;
    padding: 0 0 30px 0;
}
.information .site_info .site_list{
    display: flex;
    justify-content: center;
}
.information .site_info .site_list .photo{
    /* width: 33%; */
    padding: 0 10px;
}
.information .site_info .site_list .photo a{
    width: 100%;
    display: block;
}
.information .site_info .site_list .photo a:hover{
    opacity: .7;
    transition: 0.2s;
}
.information .site_info .site_list .photo a img{
    display: block;
    width: 100%;
}

.information .site_info .info_consult{
    position: relative;
    padding: 60px 0 0 0;
}
.information .site_info .info_consult:after{
    position: absolute;
    right: 100px;
    top: 0;
    bottom: 40px;
    content: "";
    display: block;
    margin: auto;
    width: 164px;
    height: 52px;
    background-image: url('/wp-content/themes/undiva/img/index/info_image02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.information .site_info .info_consult:before{
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 50px;
    left: 100px;
    margin: auto;
    width: 150px;
    height: 60px;
    background-image: url('/wp-content/themes/undiva/img/index/info_image01.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.information .site_info .info_consult .info_title{
    position: relative;
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: center;
    color: #0099d9;
    display: table;
    margin: 0 auto;
    position: relative;
    padding: 0 0 6px 0;
    border-bottom: 2px solid #0099DA;
}
.information .site_info .info_consult .info_title::before {
  content: "";
  position: absolute;
  width: 0px;
  bottom: -23px;
  left: 0;
  right: 0;
  border: 12px solid transparent;
  border-top: 12px solid #f0f9ff;
  z-index: 2;
  margin: 0 auto;
}
.information .site_info .info_consult .info_title::after {
  position: absolute;
  border: 13px solid transparent;
  border-top-color: #0099DA;
  border-bottom-width: 0;
  bottom: -68px;
  content: "";
  left: 0;
  z-index: 1;
  right: 0;
  margin: 0 auto;
  width: 0px;
  height: 55px;
}
.information .site_info .info_consult .consult_list{
    display: block;
    flex-wrap: wrap;
    padding: 30px 0 50px 0;
    margin: 0 auto;
}
.information .site_info .info_consult .consult_list ul{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 12px 0px;
}
.information .site_info .info_consult .consult_list li{
    padding: 0 26px;
}
.information .site_info .info_consult .consult_list li span{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #000;
    position: relative;
}
.information .site_info .info_consult .consult_list li span:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    margin: 4px 0px 0 -18px;
    border-radius: 2px;
    background: #0099d9;
    display: block;
    top: 5px;
}
.information .site_info .info_consult .info_contact{
    width: 700px;
    background-color: #FFF;
    padding: 40px 40px 40px 45px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
}
.information .site_info .info_consult .info_contact .tel{}
.information .site_info .info_consult .info_contact .tel .tel_inner{
    border-right: 1px solid #ddd;
    padding: 0 40px 0px 0px;
}
.information .site_info .info_consult .info_contact .tel .tel_inner .title{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: center;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0 0 10px 0;
}
.information .site_info .info_consult .info_contact .tel .tel_inner .number{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 31px;
    letter-spacing: 0.05em;
    line-height: 38px;
    text-align: center;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
}
.information .site_info .info_consult .info_contact .tel .tel_inner .time{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: center;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
}


.information .site_info .info_consult .info_contact .mail{
    padding: 0 0px 0 50px;
    display: block;
    box-sizing: border-box;
    width: 44%;
}
.information .site_info .info_consult .info_contact .mail .mail_inner{}
.information .site_info .info_consult .info_contact .mail .mail_inner p{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: center;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0 0 20px 0;
}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn{
    background-color: #FFEE33;
}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 19px 0px;
    box-sizing: border-box;
}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a:before{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/undiva/img/index/mail_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a span{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #0099d9;
}


@media screen and (max-width: 1400px){
.information{}
.information .main_picture{}
.information .main_picture img{}
.information .inner1280{}
.information h2{}
.information h3{}
.information .detail{}
.information .info_box{}
.information .info_box ul{}
.information .info_box ul li{}
.information .info_box ul li .icon{}
.information .info_box ul li .icon img{}
.information .info_box ul li .text{}
.information .info_box ul li .text .title{}
.information .info_box ul li .text .detail{
    font-size: 14px;
}
.information .info_box ul li .text .text_btn{}
.information .info_box ul li .text .text_btn a{}
.information .info_box ul li .text .text_btn a:after{}
.information .site_info{}
.information .site_info h3{}
.information .site_info .detail{}
.information .site_info .site_list{}
.information .site_info .site_list .photo{}
.information .site_info .site_list .photo a{}
.information .site_info .site_list .photo a img{}
.information .site_info .info_consult{}
.information .site_info .info_consult:after{
    right: 30px;
}
.information .site_info .info_consult:before{
    left: 30px;
}
.information .site_info .info_consult .info_title{}
.information .site_info .info_consult .info_title::before {}
.information .site_info .info_consult .info_title::after {}
.information .site_info .info_consult .consult_list{}
.information .site_info .info_consult .consult_list ul{}
.information .site_info .info_consult .consult_list li{}
.information .site_info .info_consult .consult_list li span{
    font-size: 15px;
}
.information .site_info .info_consult .consult_list li span:after {
    top: 3px;
}
.information .site_info .info_consult .info_contact{}
.information .site_info .info_consult .info_contact .tel{}
.information .site_info .info_consult .info_contact .tel .tel_inner{}
.information .site_info .info_consult .info_contact .tel .tel_inner .title{}
.information .site_info .info_consult .info_contact .tel .tel_inner .number{}
.information .site_info .info_consult .info_contact .tel .tel_inner .time{}
.information .site_info .info_consult .info_contact .mail{}
.information .site_info .info_consult .info_contact .mail .mail_inner{}
.information .site_info .info_consult .info_contact .mail .mail_inner p{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a:before{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a span{}



}







@media screen and (max-width: 767px){
.information{
    padding: 100px 0 70px 0;
}
.information .main_picture{
    width: 100%;
    right: -66px;
    top: -56px;
}
.information .main_picture img{
    width: 100%;
}
.information .inner1280{}
.information h2{}
.information h3{
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    color: #0099d9;
}
.information .detail{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #000;
}

.information .info_box{}
.information .info_box ul{
    display: block;
    margin: 25px 0 0 0;
}
.information .info_box ul li{
    width: 100%;
    padding: 20px 10px 20px 15px;
    margin: 0 0 20px 0;
}
.information .info_box ul li .icon{
    padding: 23px 15px 0 0;
    width: 50%;
    max-width: 85px;
    box-sizing: border-box;
}
.information .info_box ul li .icon img{
    width: 100%;
}

.information .info_box ul li .text{}
.information .info_box ul li .text .title{
    font-size: 16px;
}
.information .info_box ul li .text .detail{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 20px;
    text-align: left;
    color: #000;
    padding: 0 0 5px 0;
}
.information .info_box ul li .text .text_btn{}
.information .info_box ul li .text .text_btn a{
    font-size: 13px;
}
.information .info_box ul li .text .text_btn a:after{}

.information .site_info{}
.information .site_info h3{
    font-size: 24px;
    letter-spacing: 0.05em;
}
.information .site_info .detail{
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
}
.information .site_info .site_list{
    display: block;
}
.information .site_info .site_list .photo{
    margin: 0 0 20px 0;
}
.information .site_info .site_list .photo a{}
.information .site_info .site_list .photo a img{}
.information .site_info .info_consult{
    padding: 40px 0 0 0;
}
.information .site_info .info_consult:after{
    bottom: 0;
    top: 60px;
    left: auto;
    right: -30px;
}
.information .site_info .info_consult:before{
    top: 116px;
    left: -10px;
}
.information .site_info .info_consult .info_title{}
.information .site_info .info_consult .info_title::before {}
.information .site_info .info_consult .info_title::after {}

.information .site_info .info_consult .consult_list{
    padding: 30px 0 60px 0;
}
.information .site_info .info_consult .consult_list ul{}
.information .site_info .info_consult .consult_list li{}
.information .site_info .info_consult .consult_list li span{
    line-height: 23px;
}
.information .site_info .info_consult .consult_list li span:after {}
.information .site_info .info_consult .info_contact{
    width: 100%;
    display: block;
    padding: 55px 30px 40px 30px;
}
.information .site_info .info_consult .info_contact .tel{}
.information .site_info .info_consult .info_contact .tel .tel_inner{
    padding: 0 0 25px 0;
    border-right: none;
    border-bottom: 1px solid #ddd;
}
.information .site_info .info_consult .info_contact .tel .tel_inner .title{}
.information .site_info .info_consult .info_contact .tel .tel_inner .number{}
.information .site_info .info_consult .info_contact .tel .tel_inner .time{}
.information .site_info .info_consult .info_contact .mail{
    width: 100%;
    padding: 30px 0 0 0;
}
.information .site_info .info_consult .info_contact .mail .mail_inner{}
.information .site_info .info_consult .info_contact .mail .mail_inner p{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a:before{}
.information .site_info .info_consult .info_contact .mail .mail_inner .info_btn a span{}



}
















/*--------faq------------*/

.faq{
    padding: 100px 0 0px 0;
}
.faq .inner1280{
    position: relative;
}

.faq .inner1280 .main_picture{
    position: absolute;
    top: 20px;
    right: 0px;
}

.faq h2{}
.faq h3{
    padding: 0 0 40px 0;
}
.faq .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding: 0 0 50px 0;
}
.faq .anker_list{}
.faq .anker_list ul{
    display: flex;
    justify-content: center;
}
.faq .anker_list ul li.on{
    position: relative;
    background: #0099d9;
    margin: 0 10px;
    border-radius: 4px;
}

.faq .anker_list ul li.on:after{
    display: none;
}

.faq .anker_list ul li{
    position: relative;
    background: #FFF;
    margin: 0 10px;
    border-radius: 4px;
    border: 1.4px solid #0099d9;
}


.faq .anker_list ul li:hover{
    opacity: .8;
    transition: .2s;
}

.faq .anker_list ul li:after{
    content: "";
    position: absolute;
    width: 0px;
    bottom: -22px;
    left: 0;
    right: 0;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
    margin: 0 auto;
}

.faq .anker_list ul li:before{
        position: absolute;
        border: 11px solid transparent;
        border-top-color: #0099DA;
        border-bottom-width: 0;
        bottom: -66px;
        content: "";
        left: 0;
        z-index: 1;
        right: 0;
        margin: 0 auto;
        width: 0px;
        height: 55px;
}




.faq .anker_list ul li a{
    display: inline-block;
    padding: 12px 20px;
}
.faq .anker_list ul li a span{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    color: #0099d9;
}

.faq .anker_list ul li.on a span{
    color: #FFF;
}

.faq .edit_area{
    padding: 50px 0 0 0;
}
.faq .edit_area .inner1080{}

.faq .edit_area .faq_list{}
.faq .edit_area .faq_list li{
    background-color: #f0f9ff;
    border: none;
    padding: 0px;
    margin: 0 0 30px 0;
    border-radius: 10px;
}
.faq .edit_area .faq_list li dl{}
.faq .edit_area .faq_list li dl dt{
    border: none;
}
.faq .edit_area .faq_list li dl dd{}



@media screen and (max-width: 1400px){
.faq .detail{
    font-size: 15px;
}
.faq .inner1280 .main_picture {
    top: -10px;
    right: 0px;
}
}


@media screen and (max-width: 767px){

.faq{
    padding: 70px 0 0 0;
}
.faq .inner1280{}
.faq .inner1280 .main_picture{
    display: none;
}

.faq h2{}
.faq h3{
    font-weight: bold;
    font-size: 30px;
}
.faq .detail{}
.faq .anker_list{}
.faq .anker_list ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.faq .anker_list ul li{
    display: block;
    padding: 0;
    margin: 0 0 30px 0;
    max-height: 43px;
    width: 46%;
}


.faq .anker_list ul li.on {
	width: 46%;
	margin: 0;
	}

.faq .anker_list ul li:after{
    bottom: -22px;
    left: 1px;
}

.faq .anker_list ul li a{
    /* display: block; */
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.faq .anker_list ul li.on a span{
    color: #fff;
}

.faq .anker_list ul li a span{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #0099d9;
}
.faq .edit_area{
    padding: 30px 0 0 0;
}
.faq .edit_area .inner1080{}
.faq .edit_area .faq_list{}
.faq .edit_area .faq_list li{
    box-sizing: border-box;
    margin: 0 0 14px 0;
}

.faq .edit_area .faq_list li dl dd{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #000;
    padding: 7px 15px 30px 80px;
    margin: 0;
}
}










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


.edit_area .text_block.type_faq{
display: block;
padding: 0 0 48px 0;
}
.edit_area .text_block.type_faq .text{}
.edit_area .text_block.graph{}


@media screen and (max-width: 768px){
.edit_area .text_block.type_faq h2{
padding: 0 0 50px 0;
}
.edit_area .text_block.type_faq{
padding: 0 0 60px 0;
}
.edit_area .text_block.type_faq .text{}
.edit_area .text_block.graph{}
} .faq_list{
margin-bottom: 100px;
}
@media screen and (max-width: 768px){
.faq_list{
margin-bottom: 50px;
}
}
.faq_list > li{
position: relative;
border-bottom: 0.1rem solid #DFDFDF;
cursor: pointer;
}
.faq_list > li:first-child{
border-top: 0.1rem solid #DFDFDF;
}
@media screen and (max-width: 768px){
.faq_list > li{
padding: 0;
}
}
.faq_list > li.check{
opacity: .3;
}
.faq_list > li dt:before,
.faq_list > li dt:after{content: "";position: absolute;right: 2.3rem;top: 2.3rem;display: block;width: 15px;height: 2px;cursor: pointer;background:  #0099da;transform: rotate(0);transition: ease .25s transform;pointer-events: none;}
@media screen and (max-width: 768px){
.faq_list > li dt:before,
.faq_list > li dt:after{
right: 1rem;
top: 48%;
width: 1rem;
}
}
.faq_list > li dt:after{
transform: rotate(90deg);
}
.faq_list > li dt.on:after{
transform: rotate(0deg);
}
.faq_list > li.on dt:after{
transform: rotate(90deg);
}
.faq_list > li.on dt.on:after{
transform: rotate(0deg);
}
.faq_list dt,
.faq_list dd{
    position: relative;
    padding: 26px 0 26px 90px;
}
@media screen and (max-width: 768px){
.faq_list dt,
.faq_list dd{
padding-top: 28px;
padding-left: 3.4rem;
padding-bottom: 30px;
}
}
.faq_list dt{font-weight: bold;font-size: 16px;line-height: 150%;letter-spacing: 0.04em;color:  #0099d9;}
.faq_list dt:after{
}
@media screen and (max-width: 768px){
.faq_list dt{
    padding-right: 4rem;
    font-size: 15px;
    padding: 20px 50px 20px 80px;
}
.faq_list dt:after{
content: "";
width: 36px;
right: 5px;
height: 36px;
display: block;
position: absolute;
border-radius: 20px;
top: 23px;
}
}
.faq_list dd{
    display: none;
    padding: 0px 100px 28px 90px;
    margin: 0;
    font-style: normal;
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;letter-spacing: 0.05em;
    line-height: 22px;
    text-align: left;color: #000;
}
@media screen and (max-width: 768px){
.faq_list dd {padding: 0px 23px 30px 30px;margin: 0 0 30px 0;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;}
}
.faq_list li.on dd{
}
.faq_list li:before{
    content: "";padding: 5px 0px 0px 11px;box-sizing: border-box;width: 36px;height: 36px;position: absolute;margin-top: 0;left: 28px;top: 21px;display: block;font-weight: bold;font-size: 16px;line-height: 150%;letter-spacing: 0.02em;color: #2587DF;background: #FFF;border-radius: 23px;font-family: "Zen Kaku Gothic New";}
.faq_list dd:before{
    content: "";
    padding: 5px 0px 0px 11px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    position: absolute;
    margin-top: 0;
    left: 28px;
    top: 3px;
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    background: #0099d9;
    border-radius: 25px;
    font-family: "Zen Kaku Gothic New";
}
@media screen and (max-width: 768px){ .faq_list li:before {left: 25px;top: 18px;}
.faq_list dd:before{
left: 0.85rem;
}
.faq_list dt:before{
font-size: 16px;
top: 25px;
}
.faq_list dd:before{
    font-size: 16px;
    top: 8px;
    left: 25px;
}
}
.faq_list li:before{content: "Q.";color: #0099d9;}
.faq_list dd:before{content: "A.";color: #FFFFFF;} .edit_area .text_block.type_text{}
.edit_area .text_block.type_text .detail{
padding: 0 0 48px 0;
}
.edit_area .text_block.type_text .text{}
.edit_area .text_block.type_text .text h3{
padding: 0 0 24px 0;
}
.edit_area .text_block.type_text p{
padding: 0 0 24px 0;
margin: 0;
}
.edit_area .text_block.type_text .btn_link{
padding: 0 0 48px 0;
}



.faq.photo{
    padding: 0 0 70px 0;
}
.faq.photo img{width: 100%;}


/*--------------sns---------------*/

.sns{
    padding: 100px 0 115px 0;
    margin: -100px 0 0 0;
}
.sns .inner1280{
    display: flex;
    justify-content: space-between;
}
.sns .news_area{
    position: relative;
    width: 48%;
}

.sns .news_area:before{
        position: absolute;
        content: "";
        display: block;
        top: -28px;
        right: 0;
        margin: auto;
        width: 104px;
        height: 74px;
        background-image: url(/wp-content/themes/undiva/img/index/sns_item.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
}

.sns .news_area .title{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
}




.sns .news_area .title .en{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 0 20px;
}
.sns .news_area .news_list{
    padding: 40px 0 0 0;
}
.sns .news_area .news_list ul{}
.sns .news_area .news_list ul li{
    padding: 0 0 30px 0;
}
.sns .news_area .news_list ul li a{
    display: flex;
    justify-content: flex-start;
}
.sns .news_area .news_list ul li a .photo{}
.sns .news_area .news_list ul li a .photo img{}
.sns .news_area .news_list ul li a .text_box{
    padding: 0 0 0 25px;
    display: flex;
    flex-wrap: wrap;
}



.sns .news_area .news_list ul li a .text_box .sub_item{}
.sns .news_area .news_list ul li a .text_box .sub_item .time{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 36px;
    text-align: left;
    color: #0099d9;
}
.sns .news_area .news_list ul li a .text_box .sub_item .category{}
.sns .news_area .news_list ul li a .text_box .sub_item .category{font-family: "Zen Kaku Gothic New";font-weight: bold;font-size: 14px;line-height: 0;text-align: left;color: #0099d9;border-radius: 10.5px;background: transparent;border: 1px solid #0099da;padding: 0px 10px 1px 10px;margin: 0px 0 0 9px;}

.sns .news_area .news_list ul li a .text_box:hover .title{
    color: #0099d9;
    transition: .2s;
}

.sns .news_area .news_list ul li a .text_box .title{
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #000;
}


.sns .insta_area{
    position: relative;
    width: 46%;
}
.sns .insta_area .title{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
}

.sns .insta_area .title .en{}
.sns .insta_area .title .en{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #0099d9;
    padding: 0 0 0 20px;
}

.sns .insta_area .detail_btn{
    position: absolute;
    padding: 0;
    display: block;
    top: 0;
    right: 27px;
    border: none;
}
.sns .insta_area .detail_btn a{position:relative;}

.sns .insta_area .detail_btn a:after{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 26px;
    height: 26px;
    background-image: url(/wp-content/themes/undiva/img/index/yazirusi_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: 155px;
}

.sns .insta_area .detail_btn a span{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0 5px 0px 0px;
}







.sns .insta_area .photo_list{
    padding: 40px 0 0 0;
}
.sns .insta_area .photo_list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sns .insta_area .photo_list ul li{
    width: 30%;
    padding: 0 0 28px 0;
}
.sns .insta_area .photo_list ul li a{
    display: block;
}
.sns .insta_area .photo_list ul li a img{
    width: 100%;
}




@media screen and (max-width: 767px){
.sns{}
.sns .inner1280{
    display: block;
}
.sns .news_area{
    width: 100%;
    padding: 0 0 40px 0px;
}
.sns .news_area:before{}
.sns .news_area .title{
    font-size: 24px;
}
.sns .news_area .title .en{}
.sns .news_area .news_list{}
.sns .news_area .news_list ul{}
.sns .news_area .news_list ul li{}
.sns .news_area .news_list ul li a{

	}
.sns .news_area .news_list ul li a .photo{}
.sns .news_area .news_list ul li a .photo img{}
.sns .news_area .news_list ul li a .text_box{
    padding: 0 0 0 20px;
}
.sns .news_area .news_list ul li a .text_box .sub_item{}
.sns .news_area .news_list ul li a .text_box .sub_item .time{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 36px;
    text-align: left;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
}
.sns .news_area .news_list ul li a .text_box .sub_item .category{}
.sns .news_area .news_list ul li a .text_box .sub_item .category{
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
	margin:0 0 10px 0;
	display:block;
    text-align: left;
    color: #0099d9;
}
.sns .news_area .news_list ul li a .text_box .title{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: left;
    color: #000;
}
.sns .insta_area{
    width: 100%;
}
.sns .insta_area .title{
    font-size: 24px;
}
.sns .insta_area .title .en{}
.sns .insta_area .title .en{}
.sns .insta_area .detail_btn{
    left: 0;
    right: auto;
    top: 30px;
}
.sns .insta_area .detail_btn a{}
.sns .insta_area .detail_btn a:after{}
.sns .insta_area .detail_btn a span{}
.sns .insta_area .photo_list{
    padding: 60px 0 0 0;
}
.sns .insta_area .photo_list ul{}
.sns .insta_area .photo_list ul li{
    padding: 0 0 15px 0;
    width: 31%;
}
.sns .insta_area .photo_list ul li a{}
.sns .insta_area .photo_list ul li a img{}

}




/*--------staff------------*/

.staff{
    position:relative;
    background-color: #f0f9ff;
    padding: 100px 0 50px 0;
}

.staff .main_picture{
    position: absolute;
    top: -70px;
    right: -95px;
}


.staff .inner1280{}
.staff h2{}
.staff h3{
    padding: 0 0 60px 0;
}
.staff .staff_box{
    display: flex;
    padding: 55px 50px 50px 60px;
    background-color: #FFFFFF;
    margin: 0 0 60px 0;
    border-radius: 10px;
}
.staff .staff_box .staff_text{display: block;width: 60%;padding: 0 50px 0 0px;box-sizing: border-box;}
.staff .staff_box .staff_text .text_box{}
.staff .staff_box .staff_text .text_box.top{}
.staff .staff_box .staff_text .text_box .name{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.05em;
    line-height: 28px;
    text-align: left;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0 0 32px 0;
}

.staff .staff_box .staff_text .text_box .name .en{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: left;
    color: #0099d9;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0px 0 0px 15px;
}
.staff .staff_box .staff_text .text_box .detail{
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding: 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 30px 0;
}
.staff .staff_box .staff_text .text_box .staff_list{
    display: flex;
    padding: 25px 0px 0 0px;
}
.staff .staff_box .staff_text .text_box .staff_list li{
}

.staff .staff_box .staff_text .text_box .staff_list li dl{
    display: flex;
    padding: 0 0 10px 0;
}
.staff .staff_box .staff_text .text_box .staff_list li dl dt{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 33px;
    text-align: left;
    color: #0099d9;
    width: 120px;
}
.staff .staff_box .staff_text .text_box .staff_list li dl dd{
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding: 0 0 0 60px;
}
.staff .staff_box .bl_imgSwitcher{
    display: block;
    width: 35%;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main{
    padding: 0 0 10px 0;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main img{
    width: 100%;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn{
    display: block;
    width: 32.5%;
    border: none;
    background-color: unset;
    padding: 0;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn img{
    display: block;
    width: 100%;
}
.staff .staff_box .bl_imgSwitcher02{
    display: block;
    width: 35%;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02{
    padding: 0 0 10px 0;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02 img{
    width: 100%;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02{
    display: block;
    width: 32.5%;
    border: none;
    background-color: unset;
    padding: 0;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02 img{
    display: block;
    width: 100%;
}






@media screen and (max-width: 1400px){
.staff{}
.staff .main_picture{}
.staff .main_picture img{}
.staff .inner1280{}
.staff h2{}
.staff h3{}
.staff .staff_box{}
.staff .staff_box .staff_text{
    width: 60%;
    padding: 0 30px 0 0;
}
.staff .staff_box .staff_text .text_box{}
.staff .staff_box .staff_text .text_box.top{}
.staff .staff_box .staff_text .text_box .name{}
.staff .staff_box .staff_text .text_box .name .en{}
.staff .staff_box .staff_text .text_box .detail{
    font-size: 14px;
}
.staff .staff_box .staff_text .text_box .staff_list{}
.staff .staff_box .staff_text .text_box .staff_list li{}
.staff .staff_box .staff_text .text_box .staff_list li dl{}
.staff .staff_box .staff_text .text_box .staff_list li dl dt{}
.staff .staff_box .staff_text .text_box .staff_list li dl dd{
    font-size: 14px;
    padding: 0 0 0 30px;
}
.staff .staff_box .bl_imgSwitcher{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main img{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn img{}
.staff .staff_box .bl_imgSwitcher02{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02 img{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02 img{}
}


@media screen and (max-width: 767px){
.staff{}
.staff .main_picture{
    width: 100%;
    right: -64px;
    top: -50px;
}
.staff .main_picture img{
    width: 100%;
}
.staff .inner1280{}
.staff h2{
    padding: 0 0 10px 0;
}
.staff h3{
    font-size: 30px;
    padding: 0 0 40px 0;
}
.staff .staff_box{
    display: block;
    padding: 30px 0 0 20px;
    margin: 0 0 20px 0;
}
.staff .staff_box .staff_text{
    width: 100%;
    padding: 0 15px 0 0;
}
.staff .staff_box .staff_text .text_box{}
.staff .staff_box .staff_text .text_box.top{}
.staff .staff_box .staff_text .text_box .name{
    font-size: 24px;
    padding: 0 0 20px 0;
}

.staff .staff_box .staff_text .text_box .name .en{
    font-size: 14px;
}
.staff .staff_box .staff_text .text_box .detail{
    padding: 0 0 20px 0;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #000;
}
.staff .staff_box .staff_text .text_box .staff_list{}
.staff .staff_box .staff_text .text_box .staff_list li{}

.staff .staff_box .staff_text .text_box .staff_list li dl{
    display: block;
    padding: 0 0 20px 0;
}
.staff .staff_box .staff_text .text_box .staff_list li dl dt{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
.staff .staff_box .staff_text .text_box .staff_list li dl dd{
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
.staff .staff_box .bl_imgSwitcher{
    width: 100%;
    padding: 20px 20px 35px 0px;
    box-sizing: border-box;
}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_main img{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb{}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn{

}
.staff .staff_box .bl_imgSwitcher .bl_imgSwitcher_thumb .bl_imgSwitcher_btn img{}
.staff .staff_box .bl_imgSwitcher02{
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 35px 0px;
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02{
}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_main02 img{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02{}
.staff .staff_box .bl_imgSwitcher02 .bl_imgSwitcher_thumb .bl_imgSwitcher_btn02 img{}



}





/*--------company------------*/

.company{
    padding: 100px 0 100px 0;
}
.company_list_item {
    display: flex;
    padding: 28px 12px;
    border-bottom: 1px dotted #80d9ff;
}
.company_list_item_ttl{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 33px;
    text-align: left;
    color: #0099d9;
    width: 150px;
}
.company_list_item_value{
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
}
.company_list_item_value_caution{
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}
.company_list_item_value_flex {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.company_list_item_value_line {
    display: block;
    width: 60px;
}
.company_list_item_value_line img {
    width: 100%;
}
.company_list_item_value_contact {
    width: 220px;
    height: 60px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(135deg, #FF97B5 0%, #C2A4FF 50%, #7FCBFF 100%);
    border-radius: 5px;
}
.company_list_item_value_contact:visited {
    color: #fff;
}

.company_list_item_value_contact:before {
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/undiva/img/index/mail_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
}
.company_list_item_value_contact span {
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #FFFFFF;
}

@media screen and (max-width: 767px){
    .company{
        padding: 0;
    }
    .company_list_item {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .company_list_item_value {
        display: block;
        padding-left: 0;
    }
}








/*--------access------------*/

.access{
    padding: 100px 0 0 0;
}
.access .inner1280{}
.access h2{}
.access h3{}
.access .access_box{

    display: flex;
    justify-content: space-between;
    padding: 30px 0 0 0;
}



.access .text_box{
    position: relative;
}

.access .text_box:before{
        position: absolute;
        content: "";
        display: block;
        top: -110px;
        right: -110px;
        margin: auto;
        width: 104px;
        height: 74px;
        background-image: url(/wp-content/themes/undiva/img/index/access_item.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
}

.access .text_box .access_list{
    display: flex;
    padding: 25px 0px 0 0px;
}
.access .text_box .access_list li{
}

.access .text_box .access_list li dl{
    display: flex;
    padding: 0 0 20px 0;
}
.access .text_box .access_list li dl dt{
    font-family: "Zen Kaku Gothic New";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 33px;
    text-align: left;
    color: #0099d9;
    width: 80px;
}
.access .text_box .access_list li dl dd{
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding: 0 0 0 30px;
}


.access .text_box .access_list li dl dd {
    font-family: "Zen Kaku Gothic New";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #000;
    padding: 0 0 0 30px;
}


.access .text_box .access_list li dl dd  .text_btn a{
    font-family: "Zen Kaku Gothic New";
    position: relative;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: left;
    color: #0099d9;
    border-bottom: 1px solid #0099da;
    padding: 0 0 0 2px;
}

.access .text_box .access_list li dl dd  .text_btn a:hover{
    opacity: .7;
    transition: .2s;
}





.access .text_box .access_list li dl dd  .text_btn a:after{
    position: relative;
    content: "";
    display: inline-block;
    margin: 3px 10px 0 0px;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/themes/undiva/img/index/tab_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1px;
    right: -5px;
}







 .access .text_box .access_list li dl .info_btn{
    background: linear-gradient(135deg, #FF97B5 0%, #C2A4FF 50%, #7FCBFF 100%);
margin: -5px 0 0 0;
	 border-radius:5px;
}
 .access .text_box .access_list li dl .info_btn a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    padding: 18px 40px 17px 40px;
    box-sizing: border-box;
}


 .access .text_box .access_list li dl .info_btn a:before{
    content: "";
    display: block;
    margin: 3px 10px 0 0px;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/undiva/img/index/mail_icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	filter: brightness(0) invert(1);
}

 .access .text_box .access_list li dl .info_btn a span{
    font-family: "Zen Kaku Gothic New";
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #FFFFFF;
}


.access .photo_box{
    margin: -100px 100px 0 0;
}
.access .photo_box img{}



@media screen and (max-width: 1400px){
.access{}
.access .inner1280{}
.access h2{}
.access h3{}
.access .access_box{}
.access .text_box{}
.access .text_box:before{
    top: -100px;
    right: -20px;
}
.access .text_box .access_list{}
.access .text_box .access_list li{}
.access .text_box .access_list li dl{}
.access .text_box .access_list li dl:last-child dd{}
.access .text_box .access_list li dl dt{}
.access .text_box .access_list li dl dd{
    font-size: 15px;
}
.access .text_box .access_list li dl dd {}
.access .text_box .access_list li dl dd  .text_btn a{}
.access .text_box .access_list li dl dd  .text_btn a:after{}
.access .text_box .access_list li dl .info_btn{}
.access .text_box .access_list li dl .info_btn a{}
.access .text_box .access_list li dl .info_btn a:before{}
.access .text_box .access_list li dl .info_btn a span{}
.access .photo_box{
    width: 50%;
    object-fit: cover;
}
.access .photo_box img{
    width: 100%;
}
}


@media screen and (max-width: 767px){
.access{
    padding: 60px 0 0 0;
}
.access .inner1280{}
.access h2{}
.access h3{
    font-size: 30px;
}
.access .access_box{
    display: block;
    padding: 10px 0 0 0;
}
.access .text_box{}
.access .text_box:before{}
.access .text_box .access_list{}
.access .text_box .access_list li{}
.access .text_box .access_list li dl{
    display: block;
}

.access .text_box .access_list li dl:last-child dd{
    margin: 20px auto 0;
    padding : 0 0 0 0px;
}


.access .text_box .access_list li dl dt{
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 40px;
}
.access .text_box .access_list li dl dd{}
.access .text_box .access_list li dl dd {
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 26px;
}
.access .text_box .access_list li dl dd  .text_btn a{}
.access .text_box .access_list li dl dd  .text_btn a:after{}
.access .text_box .access_list li dl .info_btn{}
.access .text_box .access_list li dl .info_btn a{}
.access .text_box .access_list li dl .info_btn a:before{}
.access .text_box .access_list li dl .info_btn a span{}
.access .photo_box{
    margin: 20px 0 0 0;
    width: 100%;
}
.access .photo_box img{
    width: 100%;
}




 .access .text_box .access_list li dl .info_btn{
    background: linear-gradient(135deg, #FF97B5 0%, #C2A4FF 50%, #7FCBFF 100%);
margin: 0px 0px 0 80px;
	 border-radius:5px;
}
 .access .text_box .access_list li dl .info_btn a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    padding: 18px 40px 17px 40px;
    box-sizing: border-box;
}




}