@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------
    set
--------------------------------------------------------------------------------------------------*/
html,body{ width:100%; height:auto; margin:0; padding:0;}
html{ font-size: 100%; color:#1c1c1c; background: #fff;}
body{
  -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size:62.5%;
  font-size: 15px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

  font-weight: normal;
  color: #000;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div,figure{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal;
}
span{ box-sizing: border-box;}
ul li, ol li{list-style: none;}
table{ margin: 0; padding: 0; font-size: 100%; border-collapse: collapse; border-spacing: 0;}
caption{ text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{ border:none; display: block; margin: 0; padding: 0;width: 100%;}
a, a:visited{ color: #000; text-decoration:none; outline:none;}
a{
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a:hover {
        opacity: 0.8;
    }

.is-imghover {
        transition: opacity .3s;
    }
.is-imghover:hover {
        opacity: .8;
    }
@media (max-width: 768px) {
  a:hover {
        opacity: 1;
    }
  .is-imghover:hover {
        opacity: 1;
    }
}

fieldset{border: none;}
header,section,nav,aside,footer,article{ display: block;}



.pc{ display:block;}
.sp{ display:none !important;}

@media screen and (max-width: 768px){
  .pc{ display:none !important;}
  .sp{ display:block !important;}
}
@media screen and (max-width: 481px){
    .pctb{ display:none !important;}
}
@media screen and (min-width: 480px){
    .smp{ display:none !important;}
}

/*--- PCで電話リンク無効 ---*/
/*
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
*/

/*--- SP && 横向き---*/
@media screen and (max-width: 768px) and (orientation: landscape){
}
.clearfix:after{
  content: "";
  clear: both;
  display: block;
}
.no-link {
    pointer-events: none;
}
.underline{ text-decoration:underline;}

.imgBox{
    position: relative;
}
.imgBox .cap{
    position: absolute;
    bottom: 0; right: 5px;
    font-size: 10px;
}
.cap.-ff{
    color: #fff;
}
.sup{
    font-size: 10px;
    vertical-align: text-top;
}
.sBr{
    display: inline-block;
}

/*------------------------------------------------------------------------------------------------
    lp
--------------------------------------------------------------------------------------------------*/
#lp-page{
    overflow: hidden;
}
.container{
    width: calc(100% -30px);
    max-width: 1396px;
    margin: 0 auto;
    padding: 0 15px;
}
.container.-contents{
    max-width: 1100px
}
.bg{
    position: relative;
    background-color: #dce0e8
}
.sec_ttlBox{
    position: relative;
    top: 0; left: 0;
    width: 100%;
    height: 150px;
    background: url(../img/sec_bg_ttl.svg) no-repeat center bottom / cover;
    border-top: solid 5px #001736;
    box-sizing: border-box;
}
.sec_ttl{
    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .sec_ttlBox{
        height: 90px;
    }
    .sec_ttl{
        font-size: 22px;
        margin-top: 16px;
    }
    .sec_ttl.-f_lh{
        line-height: 1.2
    }
}
.myitem{
    margin: 100px auto;
}
.sec_in-con{
    padding: 80px 0;
}
.sec_in-con.-tp{
    padding: 80px 0 0;
}
@media (max-width: 768px) {
    .myitem{
        margin: 40px auto;
    }
    .sec_in-con{
        padding: 40px 0;
    }
    .sec_in-con.-tp{
        padding: 40px 0 0;
    }
}
.sec_in-con.myitem{
    padding: 0;
}
.sec_in-con-ttl{
    font-size: 30px;
    color: #506990;
    border-bottom: solid 2px #506990;
    padding-bottom: 20px
}
.sec_in-con-ttl span{
    font-size: 80px;
    font-weight: 900;
    line-height: 1;
    margin-right: 15px;
}
.sec_in-con-txt{
    font-size: 20px;
    margin: 30px auto 50px;
}

@media (max-width: 768px) {
    .sec_in-con-ttl{
        font-size: 20px;
        padding-bottom: 15px
    }
    .sec_in-con-ttl span{
        font-size: 38px;
        margin-right: 8px;
    }
    .sec_in-con-txt{
        font-size: 14px;
        margin: 20px auto 30px;
    }
}
.cv_btn{
    background: #fff;
}
.cv_btn.-bgC{
    background: #dce0e8;
}
.cv_btn ul{
    display: flex;
    justify-content: space-between;
    width: calc(100% -30px);
    padding: 20px 15px 28px;
    max-width: 1100px;
    margin: 0 auto;
}
.cv_btn ul li{
    position: relative;
}
.cv_btn ul.row2 li{
    width: 50%;
}
.cv_btn a{
    display: block;
}
.cv_btn ul.row3 li{
    width: 32%;
}
@media (max-width: 768px) {
    .cv_btn ul.row2{
        display: block;
        padding: 15px 15px 13px;
    }
    .cv_btn ul.row2 li{
        width: 100%;
    }
}
@media (max-width: 480px) {
    .cv_btn ul.row3{
        display: block;
        padding: 25px 15px;
    }
    .cv_btn ul.row3 li{
        width: 100%;
        margin-top: 18px;
    }
    .cv_btn ul.row3 li:first-child{
        margin-top: 0;
    }
}
.cv_btn > div{
    padding: 20px 15px 18px;
    max-width: 1100px;
    margin: 0 auto;
}
/*-------------  header    -------------*/
#lp-header{
    position: fixed;
    top:0; left: 0;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 9000;
}
.lp-nav{
    width: 94%;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lp-nav-logo{
    width: 100%;
    max-width: 142px;
}
.lp-nav-menu{
    display: flex;
    align-items: center;
}
.lp-nav-menu a{
    display: block;
    color: #fff;
    font-size: 17px;
    margin-left: 15px;
    white-space: nowrap;
}
.lp-nav-menu .nav-btn a{
    font-weight: bold;
    border: solid 1px #fff;
    padding: 8px 25px;
    line-height: 1;
    letter-spacing: 0.1em;
    box-sizing: border-box;
}
.lp-nav-menu .tel a img{
    width: 250px;
}
@media (max-width: 768px) {
    .lp-nav{
        height: 52px;
    }
    .lp-nav-logo{
        width: 100%;
        max-width: 85px;
    }
    .lp-nav-menu a{
        font-size: 14px;
        margin-left: 3vw;
    }
    .lp-nav-menu .nav-btn a{
        margin-left: 2vw;
        padding: 8px 10px;
    }
    .lp-nav-menu .tel a img{
        width:100%;
        max-width: 205px;/*30px*/
    }
}
@media (max-width: 340px) {
    .lp-nav-menu .nav-btn a{
        font-size: 12px;
        padding: 8px;
    }
}
/*-------------  main    -------------*/
/* mvBox */
.mvBox{
    position: relative;
    width: 100%;
    height: 870px;
    background: url(../img/sec02_con03-img08.jpg) no-repeat center / cover;
}
.mv-ttl{
    position: absolute;
    top: 21.5%; left: 10.8%;
    width: 60%;
    max-width: 636px;
}
.mv_lead{
    position: absolute;
    bottom:30px; left: 50%;
    width: 100%;
/*    max-width: 1066px;*/
    transform: translateX(-50%);
    color: #1c3d75;
    background: rgba(255,255,255,.7);
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.75);
}
.mv_lead img{
    width: 100%;
    max-width: 535px;
    margin: 0 auto;
}
.mv_table{
    position: absolute;
    top: 52.5%;
    /*bottom: 140px; */left: 12%;
/*    transform: translateX(50%);*/
    width: 46%;
    max-width: 424px;
}
.mv_cv_btn{
    position: absolute;
    bottom: 140px; left: 10.8%;
    width: 48%;
    max-width: 592px
}
.mv_cv_btn li{
    position: relative;
}
.mv_cv_btn a{
    display: block;
}
.mv_linkBnr{
    position: absolute;
    bottom: 14%; right: 0;
    width: 28%;
    max-width: 294px;
    min-width: 222px;
}
.mv_linkBnr a{
    display: block;
}
@media (max-width: 768px) {
    .mvBox{
        height: 680px;
    }
    .mv-ttl{
        top: 16.5%; left: 50%;
        transform: translateX(-50%);
        width: 70%;
    }
    .mv_lead{
        bottom:20px;
        padding: 10px 15px;
    }
    .mv_lead img{
        max-width: 320px;
    }
    .mv_table{
        width: 50%;
        left: 28%;
        transform: translateX(-50%);
        top: auto;
        bottom: 70px;
    }
    .mv_cv_btn{
        bottom: 215px; left: 50%;
        transform: translateX(-50%);
        width: 65%;
    }
    .mv_linkBnr{
        bottom: 70px;
    }
}
@media (max-width: 480px) {
    .mvBox{
        height: 620px;
    }
    .mv-ttl{
        top: 13.5%;
/*        left: 0;*/
        width: 100%;
        max-width: 400px;
    }
    .mv_table{
        width: 70%;
        left: 50%;
        max-width: 305px;
        bottom: 130px;
    }
    .mv_cv_btn{
        bottom: 175px;
/*        left: 0;*/
        width: 100%;
        max-width: 370px;
        padding: 0 6px 0 10px;
    }
    .mv_linkBnr{
        bottom: 60px;
    }
}


/* ex */
.ex{
    width: 100%;
    background: url(../img/ex_bg.svg) no-repeat bottom center / contain;
    text-align: center;
    padding-bottom: 135px;
    margin-bottom: 20px;
}
.ex_ttl{
    font-weight: 500;
    font-size: 28px;
    color: #1c3d75;
    background: #dadee6;
    padding: 10px 50px;
    display: inline-block;
    margin-top: 40px;
}
.ex_txt{
    font-weight: bold;
    font-size: 28px;
    margin: 10px 0 30px;
}
.ex_txt .em{
    font-size: 200%;
    color: #c69836;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "MS P明朝", "MS 明朝", serif;
    font-weight: 700;
    position: relative;
    bottom: -4px;
}
.exBox{
    display: flex;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    border: solid 2px #a6b2c5;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}
.exBox_imgBox{
    position: relative;
    width: 34.3%;
/*    height: 100%;*/
    overflow: hidden;
}
.exBox_imgBox img{
    width: 110%;
    height: 100%;
}
.exBox_imgBox-txt{
    width: 100%;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    font-size: 34px;
    color: #1c3d75;
    background: rgba(255,255,255,.55);
    text-align: center;
    padding: 12px 0;
}
.exBox_imgBox .cap{
    position: absolute;
    bottom: 0; right: 5px;
    font-size: 10px;
}
.exBox_txtBox{
    width: 65.7%;
}
.exBox_txtBox .cap{
    font-size: 10px;
    text-align: right;
    line-height: 1.4;
    margin-top: 5px
}
@media (max-width: 768px) {
    .ex{
        padding-bottom: 80px;
        margin-bottom: 10px;
    }
    .ex .sec_ttl{
        margin-top: 8px;
        line-height: 1.4
    }
    .ex_ttl{
        width: 90%;
        margin: 20px auto 0;
        display: block;
        font-size: 20px;
        padding: 10px;
        line-height: 1.4;
    }
    .ex_txt{
        font-size: 20px;
        line-height: 1;
    }
    .exBox{
        display: block;
    }
    .exBox_imgBox{
        width: 100%;
    }
    .exBox_imgBox img{
        width: 100%;
    }
    .exBox_imgBox-txt{
        font-size: 6vw
    }
    .exBox_txtBox{
        width: 100%;
    }
    .exBox_txtBox .cap{
        text-align: left;
        font-size: 8px;
    }
}

/* 新規物件 */
.newBukkenBoxWrap{
    width: 100%;
    max-width: 1080px;
    margin: 15px auto 0;
    border: solid 2px #a6b2c5;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}
.newBukkenBox{
    display: flex;
    flex-wrap: wrap;
    background: #d8dde6;
    padding: 10px 10px 10px 0;
}
.newBukkenBox_txtBox{
    width: 34.3%;
}
.newBukkenBox_imgBox{
    display: flex;
    justify-content: space-between;
    width: 65.7%;
}
.newBukkenBox_imgBox-01{
    width: 43.5%
}
.newBukkenBox_imgBox-01 figure:first-child{
    margin-bottom: 3%
}
.newBukkenBox_imgBox-02{
    width: 55%
}
@media (max-width: 768px) {
    .newBukkenBox{
        padding: 10px;
    }
    .newBukkenBox_txtBox{
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .newBukkenBox_imgBox{
        width: 100%;
    }
}

/* tabBox */
.tabBox{
    width: 100%;
    padding: 30px 0;
}
.tab_list{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.tab_list li{
    width: 24%;
}
.tab_list a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1c3d75;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.26;
/*    padding: 42.5px 0;*/
    overflow: hidden;
    height: 110px;
}
.tab_list a:before{
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 51px;
    height: 100%;
    background: url(../img/deco_tab.svg) no-repeat center / contain;
}
.tab_list a:after{
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 51px;
    height: 100%;
    background: url(../img/deco_tab.svg) no-repeat center / contain;
    transform: rotate(180deg);
}
@media (max-width: 1260px) {
    .tab_list a{
        font-size: 1.78vw;
    }
}
@media (max-width: 768px) {
    .tabBox{
        padding: 15px 0;
    }
    .tab_list{
        display: block;
    }
    .tab_list li{
        width: 100%;
        margin: 10px 0;
    }
    .tab_list a{
        font-size: 18px;
        height: 64px;
/*        padding: 23px 0;*/
    }
    .tab_list a:before,
    .tab_list a:after{
        width: 30px;
        height: 64px;
    }
}
/* indexBox */
.indexBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0;
}
.index_inner-l{
    width: 44%;
    text-align: center;
    padding: 0 20px;
}
.index_inner-l p{
    position: relative;
    font-size: 28px;
    font-weight: 500;
    color: #1c3d75;
    line-height: 1.4;
    border-left: solid 3px #1c3d75;
    border-right: solid 3px #1c3d75;
}
.index_inner-l p:after{
    content: '';
    position: absolute;
    top: 50%; right: -6px;
    width: 25px;
    height: 25px;
    background: #fff;
    border-top: solid 3px #1c3d75;
    border-right: solid 3px #1c3d75;
    transform: rotate(45deg) translateY(-50%);
}
.index_inner-r{
    width: 52%;
}
.index_inner-r li{
    position: relative;
    padding: 20px 0;
    border-top: solid 1px #aab6c9;
}
.index_inner-r li p{
    padding-left: 28px;
    font-size: 20px;
    line-height: 1.5;
}
.index_inner-r li:first-child{
    border-top: none;
}
.index_inner-r li:before{
    content: '';
    position: absolute;
    top: 25px; left: 0;
    width: 18px;
    height: 23px;
    background: url(../img/deco_arr.svg) no-repeat center / contain;
}
@media (max-width: 768px) {
    .indexBox{
        display: block;
        padding: 40px 0 30px;
    }
    .index_inner-l{
        width: calc(100% - 30px);
        padding: 0;
        margin: 0 auto 30px;
    }
    .index_inner-l p{
        font-size: 20px;
        border-left: none;
        border-right: none;
        border-top: solid 3px #1c3d75;
        border-bottom: solid 3px #1c3d75;
        padding: 20px 0;
    }
    .index_inner-l p:after{
        content: '';
        position: absolute;
        top: 99.5%; right: 50%;
        width: 15px;
        height: 15px;
        background: #fff;
        transform: rotate(135deg) translateX(-50%) translateY(0);
    }
    .index_inner-r{
        width: 100%;
    }
    .index_inner-r li{
        padding: 15px 0;
    }
    .index_inner-r li p{
        padding-left: 20px;
        font-size: 15px;
    }
    .index_inner-r li:before{
        top: 18px; left: 0;
        width: 12px;
        height: 18px;
    }
}

/*-------------  #list01    -------------*/
#list01{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.deco_txt{
    position: absolute;
    top: 80px; left: -4px;
    background: url(../img/sec01_con01_bg_txt.svg) no-repeat top center / contain;
    width: 11.5%;
    max-width: 133px;
    height: 100%;
}
#list01 .item_li{
    position: relative;
    left: -7vw;
    width: 540px;
    height: 260px;
    margin: 0 auto 60px;
}
#list01 .item_li.-li02,
#list01 .item_li.-li04{
    transform: translateX(90px);
}
#list01 .item_li:before{
    content: '';
    position: absolute;
    top: 28px; left: 28px;
    width: 100%;
    height: 100%;
    background: #c9cedc;
}
#list01 .item_li:hover{
    cursor: pointer;
}
#list01 .item_li-ttl{
    position: relative;
    width: 540px;
    height: 260px;
    background: url(../img/sec01_con01_list-bg-img.jpg) no-repeat center / cover;
    text-align: left;
}
#list01 .item_li-ttl p{
    position: absolute;
    top: 50%; left: 60%;
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: 700;
    color: #ca9c36;
    line-height: 1.2;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    white-space: nowrap;
}
#list01 .item_li-ttl p span{
    display: block;
    font-size: 85px;
    font-weight: 900;
    line-height: 1;
}
#list01 .item_li-btn{
    position: absolute;
    top: 10px; right: 10px;
    width: 32px;
    height: 32px;
}
#list01 .item_li-btn span{
    position: absolute;
    top: 50%; left: 0;
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background: #ca9c36;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
#list01 .item_li-btn span:first-child{
    transform: rotate(90deg);
}

#list01 .item_li-inner{
    display: none;
    visibility: hidden;
    text-align: left;
}
#list01 .item_li-inner p{
    font-size: 0;
    line-height: 0;
}
#list01 .item_li-inner-txt small{
    font-size: 0;
}
.item_li-inner-img{
    width: 100%;
    margin: 25px auto 0;
}
@media (max-width: 1080px) {
    #list01 .item_li{
        left: 0;
    }
    #list01 .item_li-ttl{
        overflow: hidden;
    }
    #list01 .item_li-ttl p{
        left: 8%;
        margin-right: -8%;
    }
}
@media (max-width: 768px) {
    #list01 .item_li{
        width: 100%;
        height: 180px;
        margin: 0 auto 40px;
    }
    #list01 .item_li.-li02,
    #list01 .item_li.-li04{
        transform: translateX(0);
    }
    #list01 .item_li-ttl{
        width: 100%;
        height: 180px;
    }
    #list01 .item_li-ttl p{
        font-size: 18px;
    }
    #list01 .item_li-ttl p span{
        font-size: 42px
    }
    #list01 .item_li:before{
        top: 15px; left: 15px;
    }
    #list01 .item_li-btn span{
        width: 20px;
    }
}

/* #list01 .item on */
#list01 .item_li.on{
    display: flex;
    width: 100%;
    height: auto;
    left: 0;
}
#list01 .item_li.-li02.on,
#list01 .item_li.-li04.on{
    transform: translateX(0);
}
#list01 .item_li.on .item_li-ttl{
    width: 30%;
    height: auto;
    min-height: 260px;
}
#list01 .item_li.on .item_li-ttl p{
    left: 8%;
    font-size: 25px
}
#list01 .item_li.on .item_li-btn span:first-child{
    transform: rotate(0deg);
}
#list01 .item_li.on .item_li-ttl p span{
    font-size: 24px;
}
#list01 .item_li.on .item_li-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    position: relative;
    visibility: visible;
    padding: 35px 60px;
    background: #fff;
    border-bottom: solid 5px #1c3d75;
    box-sizing: border-box;
}
#list01 .item_li-inner p{
    width: 100%;
    font-size: 20px;
    line-height: 2.2;
}
#list01 .item_li-inner-txt small{
    font-size: 14px;
    color: #666;
}
#list01 .item_li-inner p .line{
    padding: 0 0 8px;
    border-bottom: dashed 1px #aab6c9;
}
@media (max-width: 1080px) {
    #list01 .item_li.on .item_li-ttl{
        width: 35%;
    }
    #list01 .item_li.on .item_li-ttl p{
        left: 8%;
        font-size: 22px
    }
}
@media (max-width: 768px) {
    #list01 .item_li.on{
        display: block;
    }
    #list01 .item_li.on .item_li-ttl{
        width: 100%;
        height: auto;
        min-height: 70px;
    }
    #list01 .item_li.on .item_li-ttl p{
        left: 8%;
        font-size: 20px;
/*        margin-top: 5px*/
    }
    #list01 .item_li.on .item_li-ttl p span{
        font-size: 18px;
    }
    #list01 .item_li.on .item_li-inner{
        display: block;
        width: 100%;
        position: relative;
        padding: 20px 30px 35px;
        background: #fff;
        border-bottom: solid 5px #1c3d75;
        box-sizing: border-box;
    }
    #list01 .item_li-inner p{
        font-size: 15px;
    }
    #list01 .item_li-inner-txt small{
        font-size: 12px;
    }
    #list01 .item_li-inner p .line{
        padding: 0 0 8px;
        border-bottom: dashed 1px #aab6c9;
    }
}
/*-------------  #list02    -------------*/
/* contents01 */
#list02 .con_inner{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#list02 .con_inner .txtBox{
    width: 58%;
}
#list02 .con_inner-txt{
    font-size: 20px;
    line-height: 2;
    margin-top: 45px;
}
#list02 .con_inner .imgBox{
    width: 28%;
}
#list02 .con_inner .imgBox img{
    margin: 30px auto;
}
#list02 .sec3_in-con{
    padding-bottom: 0;
}
@media (max-width: 768px) {
    #list02 .con_inner{
        display: block;
        flex-direction: column;
    }
    #list02 .con_inner .txtBox{
        width: 100%;
    }
    #list02 .con_inner-txt{
        font-size: 14px;
        line-height: 1.8;
        margin-top: 30px;
    }
    #list02 .con_inner .imgBox{
        width: 85%;
        margin: 0 auto;
    }
    #list02 .con_inner .imgBox img{
        margin: 30px auto;
        max-width: 500px;
    }
}

.add_con01-inner{
    background: #eceae2;
    padding: 100px 0 80px;
}
.add_con01_lead{
    color: #414548;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.1em
}
.add_con01_txtWrap{
    margin: 70px auto 50px;
}
.add_con01_txtWrap .imgBox{
    width: 157px;
    margin-bottom: 24px;
}
.add_con01_txt{
    font-size: 18px;
}
@media (max-width: 768px) {
    .add_con01-inner{
        padding: 40px 0;
    }
    .add_con01_lead{
        font-size: 18px;
    }
    .add_con01_txtWrap{
        margin: 30px auto;
    }
    .add_con01_txtWrap .imgBox{
        width: 130px;
        margin-bottom: 15px;
    }
    .add_con01_txt{
        font-size: 14px;
    }
}

/* contents03*/
#list02-1 .-con3{
    background: #fff;
}
#list02-1 .-con3 .imgBox > img{
    margin-bottom: 1px;
}
#list02-1 .-con3 .imgBox > img:last-child{
    margin-top: 1px;
}
#list02-1 .-con3 .imgBox .imgBox_sep{
    display: flex;
    justify-content: space-between;
}
#list02-1 .-con3 .imgBox .imgBox_sep div img{
    margin-top: 1px;
}
#list02-1 .-con3 .imgBox .imgBox_sep div img:first-child{
    margin-top: 0;
}
#list02-1 .-con3 .imgBox .imgBox_sep-l{
    width: calc(52.1% - 1px);
}
#list02-1 .-con3 .imgBox .imgBox_sep-r{
    width: 47.9%
}

/* contents05 */
#list02-1 .-con5{
    background: #fff;
}
#list02-1 .-con5 .con_mvBox{
    position: relative;
    background: url(../img/sec02_con05-mv.jpg) no-repeat center / cover;
    width: 100%;
    height: 714px;
}
#list02-1 .-con5 .con_mvBox .con_mv-ttl{
    position: absolute;
    top: 10%; right: 0;
    width: 80%;
    max-width: 880px;
}
#list02-1 .-con5 .con_mvBox .con_mv-txt{
    position: absolute;
    bottom: 60px; left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    background: rgba(255,255,255,.8);
    width: calc(100% - 90px);
    max-width: 1080px;
    padding: 35px 45px;
    letter-spacing: 0;
}

@media (max-width: 768px) {
    #list02-1 .-con5 .con_mvBox{
        height: 70vw;
        min-height: 420px;
    }
    #list02-1 .-con5 .con_mvBox .con_mv-ttl{
        width: 100%;
    }
    #list02-1 .-con5 .con_mvBox .con_mv-txt{
        bottom: 30px; left: 50%;
        font-size: 14px;
        background: rgba(255,255,255,.8);
        width: calc(100% - 30px);
        max-width: 1080px;
        padding: 20px 20px;
    }
}

.modal_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px auto 25px;
}
.modal_list li{
    position: relative;
    width: 48.5%;
    height: 130px;
    border: solid 1px #1c3d75;
    margin-bottom: 35px;
}
.modal_list a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 44px);
    height: 100%;
    font-size: 28px;
    font-weight: 700;
    color: #1c3d75;
}
.modal_list a .icon_arr{
    position: absolute;
    top: 0; right: 0;
    width: 44px;
    height: 100%;
    background: #1c3d75
}
.modal_list a .icon_arr:after{
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: 18px;
    height: 23px;
    background: url(../img/deco_arr.svg) no-repeat center / contain;
}
@media (max-width: 768px) {
    .modal_list{
        display: block;
        margin: 30px auto 35px;
    }
    .modal_list li{
        width: 100%;
        height: 76px;
        margin-bottom: 12px;
    }
    .modal_list a{
        font-size: 18px;
    }
    .modal_list a .icon_arr{
        width: 30px
    }
    .modal_list a .icon_arr:after{
        width: 12px;
        height: 18px;
    }
}
/*モーダル
------------------------------------------ */
body.on,
html.on{
    overflow: hidden;
}
.modal{
    display: none;
    height: 100%;
  width: 100%;
    position: fixed;
    top: 0;
  left:0;
    z-index: 9999;
}
.modal__bg{
    background: rgba(17, 44, 90, 0.8);
    height: 100%;
  width: 100%;
    position: absolute;
}
.modal__content{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 536px;
    height: auto;
}
@media (max-width: 768px) {
    .modal__content{
        width: 97%;
        height: auto;
        min-height: 45%;
    }
}
.modal .close-btn{
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:3vw;
  font-weight: bold;
  border: 0px #fff solid;
  margin: auto;
  top:8px;
  right:-35px;
  height:30px;
  width:30px;
  z-index: 9999;
  cursor: pointer
}
@media (max-width: 768px) {
    .modal .close-btn{
        top:-20px;
      right:0px;
    }
}
.modal .close-btn::before{position: absolute;
  content: '';
  width:30px;
  height:2px;
  top:5px;
  left:0;
  background: #fff;
  transform: rotate(-45deg);
}
.modal .close-btn::after{position: absolute;
  content: '';
  width:30px;
  height:2px;
  top:5px;
  left:0;
  background: #fff;
  transform: rotate(45deg);
}
.modal .close-btn span{display: none}


/*-------------  #list03    -------------*/
.sec3_in-con{
    padding: 60px 0;
}
.sec3_in-con:first-child{
    padding: 0;
}
.sec3_in-flex{
    display: flex;
    justify-content: space-between;
}
.sec3_in-flex .sec_in-conBox{
    width: 48%;
}
#list03 .sec_in-conBox{
    position: relative;
}
.con_num{
    position: absolute;
    top: 0; left: 0;
    width: 87px;
}
@media (max-width: 768px) {
    .sec3_in-con{
        padding: 40px 0;
    }
    .sec3_in-flex{
        display: block;
    }
    .sec3_in-flex .sec_in-conBox{
        width: 100%;
    }
    .con_num{
        width: 60px;
    }
    .sec3_in-flex .sec_in-conBox:first-child{
        margin-bottom: 40px;
    }
}
.sec3_in-con-ttl{
    position: relative;
    font-size: 52px;
    font-weight: 900;
    color: #366482;
    border-bottom: solid 1px #0b3d79;
    line-height: 1;
    height: 198px;
    padding: 30px 0 0 48px;
}
.sec3_in-con-ttl span{
    position: absolute;
    bottom: 18px; right: 10px;
    font-size: 24px;
    font-weight: 500;
}
.sec3_in-con-txt{
    font-size: 20px;
    margin: 30px auto 0;
}

@media (max-width: 1080px) {
/*
    .sec3_in-con-ttl{
        font-size: 5.8vw;
    }
*/
}
@media (max-width: 768px) {
    .sec3_in-con-ttl{
        font-size: 38px;
        height: auto;
        padding: 30px 0 0 10px;
        text-align: right;
        height: auto;
    }
    .sec3_in-con-ttl span{
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 1.2;
        padding-top: 30px;
    }
    .sec3_in-con-txt{
        font-size: 14px;
        margin: 20px auto 0;
    }
}
.sec3_in-flex > img:first-child{
    width: 48%;
}
.sec3_in-flex > img:last-child{
    width: 46.5%;
}
@media (max-width: 768px) {
    .sec3_in-flex > img:first-child{
        width: 100%;
        margin-bottom: 30px
    }
    .sec3_in-flex > img:last-child{
        width: 100%;
    }
}
.sec3_in-con4-wrap{
    position: relative;
}
.sec3_in-con4_01{
    position: absolute;
    top: 0; left: 0;
    width: 70%;
    max-width: 620px;
}
.sec3_in-con4_02 img{
    padding: 100px 0 120px;
}
.sec3_in-con4_03{
    position: absolute;
    bottom: 0; right: 0;
    width: 36%;
    max-width: 446px;
}
@media (max-width: 768px) {
    .sec3_in-con4_01{
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .sec3_in-con4_02 img{
        padding: 30px 0;
    }
    .sec3_in-con4_03{
        position: relative;
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }
}


/*-------------  ▼ Lplus▼  -------------*/

.lplus{
  letter-spacing: 0.1em;
}
.lplus_hirao{
  background: #274047;
  color: #d0bda8;
  padding: 30px 0;
}
.lplus_minosima{
  background: #f2ece5;
  color: #915f2b;
  padding:30px 0;
}
.lplus_ttl{
  max-width: 420px;
  margin:auto;
  padding:50px;
}
.lplus .lpttl02{
  max-width: 480px;
}
.lplus_ttl_p{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "MS P明朝", "MS 明朝", serif;
  font-size: 1.2em;
  text-align: center;
  margin-bottom:30px;
}
.lplus_ttl_p span{
  font-size: 1.5em;
}
.lplus_con_wrap{
  display: flex;
  justify-content: space-between;
}
.lplus_con_wrap li{
  width: 48%;
  margin-bottom: 30px;
}
.lplus_con_ttl{
  margin:30px auto;
  max-width: 60%;
}
@media (max-width: 768px) {
  .lplus_con_wrap{
    display:block;
  }
  .lplus_con_wrap li{
    width: 100%;
  }
  .lplus_ttl_p{
    font-size: 1em;
  }
  .lplus_con_ttl{
    max-width: 250px;
  }
}

  /*-------------  ▲sec06 lplus▲    -------------*/

.add_con02{
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}
.add_con02-01{
    background: #fff;
    padding: 80px 0;
}
.add_con02-01_txtBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.add_con02-01_txtBox-logo{
    width: 24%
}
.add_con02-01_txtBox-txt{
    width: 71%;
}

.add_con02-02{
    background: #fff;
    padding: 100px 0;
}
.add_con02-02 > div{
    display: flex;
    justify-content: space-between;
}
.add_con02-02_txtBox{
    width: 100%;
}
.add_con02-02_txtBox-img{
    width: 40%;
    max-width: 226px;
    margin: 0 auto 65px;
}
.add_con02-02_txtBox-txt{
    font-size: 18px;
    color: #414548;
    text-align: center;
    margin: 30px;
}
.add_con02-02_imgBox{
    width: 34%;
}

@media (max-width: 768px) {
    .add_con02-01,
    .add_con02-02{
        padding: 40px 0;
    }
    .add_con02-01_txtBox,
    .add_con02-02 > div{
        display: block;
    }
    .add_con02-01_txtBox{
        margin-bottom: 30px;
    }
    .add_con02-01_txtBox-logo{
        width: 38%;
        margin-bottom: 3vw
    }
    .add_con02-01_txtBox-txt{
        width: 100%;
    }
    .add_con02-02_txtBox{
        width: 100%;
    }
    .add_con02-02_txtBox-img{
        width: 46%;
        margin: 0 auto 30px;
    }
    .add_con02-02_txtBox-txt{
        font-size: 14px;
        margin-bottom: 30px;
    }
    .add_con02-02_imgBox{
        width: 100%;
    }
}

/* footer
-----------------------------------------------------*/
#lp-footer{
    width: 100%;
    background: #030533;
    color: #fff;
    font-size: 13px;
}
#lp-footer a{
    color: #fff;
    font-size: 13px;
}
#lp-footer .container{
    display: flex;
    justify-content: space-between;
}
.footCompany{
    width: 50%;
    padding: 25px 0 20px;
}
.footCompany strong{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
}
.footLink{
    width: 50%;
    padding: 25px 0 20px;
}
.footLink li{
    padding-bottom: 8px;
}
.footLink li a:hover{
    text-decoration: underline;
}
#lp-footer .copyright{
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 10px 0 15px;
    border-top: solid 1px rgba(255,255,255,.3);
}

@media (max-width: 768px) {
    #lp-footer .container{
        display: block;
        text-align: center
    }
    .footCompany{
        width: 100%;
    }
    .footLink{
        width: 100%;
        padding: 0 0 20px;
    }
    #lp-footer .copyright{
        padding: 10px 0 65px;
    }
}
/* pagetop
-----------------------------------------------------*/
.pagetop{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 5px; right: 5px;
    z-index: 9998;
}
.pagetop a{
    position: relative;
    bottom: 0;
    display: block;
    height:100%;
    width: 100%;
    text-decoration: none;
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    border-radius: 30px;
}
.pagetop.on a{
    bottom: 0;
    opacity: 1;
}
@media (max-width: 768px) {
    .pagetop{
        width: 44px;
        height: 44px;
        bottom: 56px;
    }
}


/* cv amazon 条件追加*/
a.-cvCondition{
    position: absolute;
    bottom: -15x; right: 5px;
    font-size: 10px;
    color: #aaa;
    letter-spacing: 0.05em;
/*    border-bottom: solid 1px rgba(170, 170, 170,.5);*/
    z-index: 10;
}
a.-cvCondition.-c1{
    color: #777;
    border-color: rgba(119, 119, 119,.5);
}
a.-cvCondition.-c2{
    color: #b5b5b5;
    border-color: rgba(181, 181, 181,.5);
}
@media (min-width: 769px){
    a.-cvCondition:hover{
        color: rgba(17, 44, 90, 0.8);
        border-color: rgba(17, 44, 90, 0.5);
    }
}
@media (max-width: 480px){
    a.-cvCondition{
        font-size: 1.52vw;
    }
}

/* amazonModal
-----------------------------------------------------*/
.modal__content.-amazon{
    position: relative;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: 740px;
    max-width: calc(100vw - 40px);
    height: auto;
    max-height: 85vh;
    min-height: 200px;
    background-color: #fff;
    border-radius: 3px;
    border: solid 3px rgba(17, 44, 90, 0.8);
    overflow-y:scroll;
}
.modal__content.-amazon .modal__inner{
  width:100%;
  margin: 0 auto;
  padding: 0 40px;
}
.az-modal__ttl{
    padding: 30px 0 25px;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #333;
    border-bottom: 1px dashed #e5e5e5;
    box-sizing: border-box;
}
.az-modal__txt{
    padding: 30px 0 40px;
    font-size: 13px;
    line-height: 1.67;
    letter-spacing: 0.05em;
    color: #5f5f5f;
}
.modal.-az .close-btn{
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:3vw;
    font-family: "Shuei KakuGo Gin B";
  font-weight: bold;
  margin: auto;
  top:15px;
  right:12px;
  height:25px;
  width:25px;
  cursor: pointer;
    background: none;
    border: none;
}
.modal.-az .close-btn::before{position: absolute;
  content: '';
  width:25px;
  height:2px;
  top:5px;
  left:0;
  background: rgba(17, 44, 90, 0.8);
  transform: rotate(-45deg);
}
.modal.-az .close-btn::after{position: absolute;
  content: '';
  width:25px;
  height:2px;
  top:5px;
  left:0;
  background: rgba(17, 44, 90, 0.8);
  transform: rotate(45deg);
}
.modal.-az .close-btn span{display: none}
.modal__content.-amazon .modal__inner a{
    text-decoration: underline;
    color: #003b89
}
.modal__content.-amazon .az-modal__img{
    margin: 15px auto 20px;
    max-width: 362px;
}
.modal__content.-amazon .az-modal__cap{
    font-size: 12px
}
.modal__content.-amazon .az-modal__cap img{
    vertical-align:text-bottom;
    width: 17px;
    display: inline-block;
    margin-bottom: 2px;
}


.footBtnWrap{
    position: fixed;
    bottom: 0; left: 0;
    width: 100%;
    background: rgba(0,0,0,.75);
    z-index: 9000;
    padding: 7px 12px;
}

.footBtn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footBtn .footBtn__btn{
    width: 33%;
}
.footBtn a{
    display: block;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
}
.footBtn .footBtn__btn a{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    border: solid 1px #fff;
    border-radius: 3px;
    padding: 11px 10px;
    line-height: 1;
    letter-spacing: 0.1em;
    box-sizing: border-box;
}
@media (max-width: 340px) {
    .footBtnWrap{
        padding: 7px 5px;
    }
    .footBtn a{
        font-size: 12px;
    }
}


/* loan */
.myBlockLoan{
    padding: 66px 0 70px;
}
.myBlockLoan__ttl{
    font-family: "Yu Gothic Pr6N D", "A1 Gothic M", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 53px;
}
.myBlockLoan__lead{
    font-size: 1.25rem;
    letter-spacing: .04em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 54px;
}
.myBlockLoan__list {
    margin-bottom: 56px
}
@media only screen and (max-width:768px) {
    .myBlockLoan{
        padding: 40px 0 30px;
    }
    .myBlockLoan__ttl{
        font-size: 1.75rem;
        margin-bottom: 22px;
    }
    .myBlockLoan__lead{
        font-size: .875rem;
        line-height: 1.42857;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:480px) {
    .myBlockLoan__lead{
        text-align: left;
    }
}
@media only screen and (min-width:769px) {
    .myBlockLoan__list {
        background: url(../img/loan_detail/bg_loan.jpg) no-repeat 0 0;
        background-size: 620px;
        padding-top: 92px
    }
}

@media only screen and (min-width:769px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-width:769px) and (min-resolution:2dppx) {
    .myBlockLoan__list {
        background-image: url(../img/loan_detail/bg_loan@2x.jpg)
    }
}

@media only screen and (max-width:768px) {
    .myBlockLoan__list {
        background: url(../img/loan_detail/bg_loan_sp.jpg) no-repeat center;
        background-size: cover;
        margin: 0 -20px 28px;
        padding: 30px 20px 30px
    }
}

@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:768px) and (min-resolution:2dppx) {
    .myBlockLoan__list {
        background-image: url(../img/loan_detail/bg_loan_sp@2x.jpg)
    }
}
.myBlockLoan__list-inner {
    background-color: #fff;
    position: relative;
    max-width: 579px;
    width: 100%;
    margin: 0 0 0 auto;
    padding: 79px 79px 74px
}

@media only screen and (max-width:768px) {
    .myBlockLoan__list-inner {
        background-color: rgba(255, 255, 255, .85);
        max-width: 375px;
        padding: 25px 26px 32px;
        margin: 0 auto
    }
}

.myBlockLoan__list-inner::before {
    content: "";
    border: 1px solid #566674;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    pointer-events: none
}

@media only screen and (max-width:768px) {
    .myBlockLoan__list-inner::before {
        top: 6px;
        bottom: 6px;
        left: 6px;
        right: 6px
    }
}

.myBlockLoan__item:not(:last-child) {
    margin-bottom: 44px
}

@media only screen and (max-width:768px) {
    .myBlockLoan__item:not(:last-child) {
        margin-bottom: 25px
    }
}

.myBlockLoan__item-title {
    background-color: #e6e9ef;
    border: 1px solid #566674;
    color: #566674;
    font-size: 1.25rem;
    font-family: "Yu Gothic Pr6N D", "A1 Gothic M", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center;
    max-width: 220px;
    margin-bottom: 15px;
    padding: 11px 20px 10px
}

@media only screen and (max-width:768px) {
    .myBlockLoan__item-title {
        font-size: 1.125rem;
        max-width: 160px;
        margin: 0 auto 18px;
        padding: 7px 10px 7px
    }
}

.myBlockLoan__item-txt {
    color: #000;
    font-size: 1.25rem;
    line-height: 1.5
}

@media only screen and (max-width:768px) {
    .myBlockLoan__item-txt {
        font-size: .875rem;
        line-height: 1.42857
    }
}

.myBlockLoan__txt {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.66667;
    text-align: center
}

@media only screen and (max-width:768px) {
    .myBlockLoan__txt {
        font-size: 1.125rem;
        line-height: 1.33333
    }
}

/* Suppor */
.mydBlockSupportDetailOnline {
    background-color: #e6e9ef;
    padding: 56px 0 60px
}

@media only screen and (max-width:768px) {
    .mydBlockSupportDetailOnline {
        padding: 28px 0 30px
    }
}

.mydBlockSupportDetailOnline__title {
    color: #354859;
    font-size: 1.5rem;
    font-family: "Yu Gothic Pr6N D", "A1 Gothic M", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 36px
}

@media only screen and (max-width:768px) {
    .mydBlockSupportDetailOnline__title {
        font-size: 1.25rem;
        margin-bottom: 17px
    }
}

.mydBlockSupportDetailOnline__image {
    text-align: center;
    margin-bottom: 60px
}

@media only screen and (max-width:768px) {
    .mydBlockSupportDetailOnline__image {
        margin: 0 -10px 30px
    }
    .mydBlockSupportDetailOnline__image img{
        width: 95%;
        max-width: 365px;
        margin: 0 auto;
    }
}

.mydBlockSupportDetailOnline__link {
    background-color: #fff;
    border: 1px solid #000;
    display: block;
    position: relative;
    color: #000;
    font-size: 1.125rem;
    font-family: "Yu Gothic Pr6N D", "A1 Gothic M", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    padding: 17px 20px 16px
}

@media only screen and (max-width:768px) {
    .mydBlockSupportDetailOnline__link {
        max-width: 335px
    }
}

.mydBlockSupportDetailOnline__link::after {
    content: "";
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17px;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#voice{
/*    background-color: #e6e9ef;*/
    padding-bottom: 70px;
    border-bottom: solid 5px #001736;
}
.voiceList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.voiceList li{
    width: 32%;
    margin-top: 5%;
    font-size: 14px
}
.voice__title{
    margin: 10px 0 4px
}
@media only screen and (max-width:768px) {
    #voice{
        padding-bottom: 40px;
    }
    .voiceList li{
        width: 48.5%;
        margin-top: 7%;
    }
}
@media only screen and (max-width:480px) {
    .voiceList li{
        width: 100%;
    }
}