@charset "UTF-8";

/*-----SP-----*/




@media screen and (max-width:767px) {
#middle-page .mv h1 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-top: 3px;
    line-height: 30px;
}
#middle-page .mv h1 span {
    font-size: 24px;
    vertical-align: middle;
display:block;
}
    #middle-page .onlypc {
        display: none;
    }
    #middle-page .onlysp {
        display: block;
    }

    #middle-page .mv {
	background: #3a5475 url(../img/mvsp.png) center top no-repeat;
        background-size: cover;
    }
#middle-page .mv .inner {
    padding: 22px 0 47px;
}
    #middle-page .mv .inner {
        background: none;

    }

    #middle-page .mv .sub:before, .mv .sub:after {
        width: 22%;
    }
    
    #middle-page .nav ul {
        display: block;
        width: 100%;
    }
    
    #middle-page .nav ul li {
        border-right: none;
        border-bottom: 1px solid #e7e7e7;
background: url(../img/icon_img_001.png) 97% center no-repeat;
    background-size: 15px 10px;
    }
    
    #middle-page .nav ul li a {
        text-align: left;
        padding: 12px 15px;
font-size:12px;

    }
    #middle-page .secTop {
      position: relative;
  }
    #middle-page .secTop .box .read p{
font-size: 15px;
    line-height: 1.8;
}
    #middle-page .nav ul li:nth-child(1) {
        width: 100%;
    }
    #middle-page .nav ul li:nth-child(2) {
        width: 100%;
    }
    #middle-page .nav ul li:nth-child(3) {
        width: 100%;
    }
    #middle-page .nav ul li:nth-child(4) {
        width: 100%;
    }
    #middle-page .nav ul li:nth-child(5) {
        width: 100%;
    }
    #middle-page .nav ul li:nth-child(6) {
        width: 100%;
    }
    #middle-page .nav ul li:last-child {
        border-right: none;
        border-bottom: none;
    }
    
    #middle-page .secTop .box {
        display: block;
    }
    
    #middle-page .secTop .box .photo {
        width: 70%;
        margin: 0 auto;
    }
    
    #middle-page .secTop .box .read {
        width: 100%;
        padding-top: 8rem;
    }

    #middle-page .secTop .chose_box{
        padding: 26px;
        margin:0 auto 30px;
    }
    #middle-page .secTop .chose_box h2{
        font-size: 19px;
font-weight:bold;
    }
    #middle-page .secTop .chose_box h2 span.left, #middle-page .secTop .chose_box h2 span.right {
        display: none;
    }

#middle-page .grd_link_01.under a span{
background-position: right 20px center;
}

    #middle-page .secTop .chose_box li{
        font-size: 14px;
        background-size: 16px 16px;
    }

    #middle-page .grd_link_01 a {
        padding: 12px 0px 12px 0px;
        font-size: 14px;
        line-height: 18pt;
        font-weight:bold;
        color: #FFF;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        margin: 0 auto;
      transition: .3s;
      display:inline-block;
      width:100%;
      text-align: center;
    line-height: 18pt;
    }
    
    #middle-page .grd_link_01 a span{
      width:85%;
      display:inline-block;
      transition: 0.3s;
    }
    #middle-page .grd_link_01 a span{
        background-image: url(../img/arrow_r.png);
        background-repeat:no-repeat;
        background-size: 15px 15px;
        background-position: right 0px center;
        padding:0 0px;
    }
    #middle-page .grd_link_01 a:hover span{
        background-position: right 0px center;
    }
    
    #middle-page .mainTtl .sub span {
        font-size: 12px;
    }
    
    #middle-page .mainTtl h2 {
        font-size: 24px;
        line-height: 34px;

    }
    
    #middle-page .mainTtl h2 span {
        font-size: 16px;
    }

    #middle-page .sec01, #middle-page .sec02 {
        padding: 60px 0 60px;
    }
    
    #middle-page .sec01 .block:before {
        border-radius: 0;
        width: 100%;
        height: 80%;
    }
    
    #middle-page .sec01 .block02:before {
        border-radius: 0;
        width: 100%;
        height: 80%;
    }
    
    #middle-page .sec01 .block02:before, #middle-page .sec01 .block03:before {
        top: 78px;
    }
    
    #middle-page .sec01 .block02:after, #middle-page .sec01 .block03:after {
        height: 78px;
    }
    
    #middle-page .sec01 .block .inner {
        padding-top: 130px;
        width: 100%;
    }
    
    #middle-page .sec01 .block01 .inner {
        padding-top: 48px;
    }
    
    #middle-page .sec01 .block .photo {
        width: 50%;
        margin: 0 auto 20px;
    }
    
    #middle-page .sec01 .block .ttl {
        display: block;
        padding-left: 0;
    }
    
    #middle-page .sec01 .block .ttl .point {
        margin: 0 auto 15px;
    }
    
    #middle-page .sec01 .block01 .ttl .point {
        background: url(../img/point01_sp.png) left center no-repeat;
        background-size: 159px;
        width: 159px;
        height: 80px;
    }
    
    #middle-page .sec01 .block02 .ttl .point {
        background: url(../img/point02_sp.png) left center no-repeat;
        background-size: 165px;
        width: 165px;
        height: 80px;
    }
    
    #middle-page .sec01 .block03 .ttl .point {
        background: url(../img/point03_sp.png) left center no-repeat;
        background-size: 162px;
        width: 162px;
        height: 80px;
    }
    
    #middle-page .sec01 .block .ttl h3 {
        font-size: 24px;
        text-align: center;
        line-height: 40px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    
    #middle-page .sec01 .block .ttl h3 span {
        padding: 0;
    }
    
    #middle-page .sec01 .block .box {
        display: block;
    }
    
    #middle-page .sec01 .block .box .read {
        width: 100%;
        padding: 40px 20px;
        border-radius: 0;
    }
    
    #middle-page .sec01 .block .box .read p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 20pt;
    }

    #middle-page .sec02 .areas{
      position: relative;
      padding:20px;
      margin:0 0 20px 0;
    }
    #middle-page .sec02 .areas .cate1{
      position:relative;
      top:auto;
      left:auto;
      color:#FFF;
      font-size:12px;
      line-height:12pt;
      padding:8px 18px;
      display:inline-block;
    }
    #middle-page .sec02 .areas .right_list{
      position:relative;
      right:auto;
      top:auto;
      margin:10px 0 0 0;
      padding:0;
    }
    #middle-page .sec02 .areas .right_list li{
      display:inline-block;
      margin:0 1px 0 0px;
      font-size:10px;
      line-height:10pt;
      font-weight:bold;
      padding:4px 10px;
        border-radius: 400px;
    }
    #middle-page .sec02 .areas h3{
      margin:20px 0 0 0 ;
      padding:0 0 0 20px;
      font-size:18px;
      line-height:22pt;
      font-weight:bold;
    }
    #middle-page .sec02 .areas .fbox{
      display:flex;
      justify-content: space-between;
      margin:20px auto 0;
      flex-wrap: wrap;
    }
    #middle-page .sec02 .areas .fbox .lefts{
      max-width:100%;
    }
    #middle-page .sec02 .areas .fbox .rights{
      max-width:100%;
      margin:40px 0 0 0;
    }
    #middle-page .sec02 .areas .fbox .lefts p{
      font-size:15px;
      line-height:20pt;
      margin:0 0 20px 0;
    }
    #middle-page .sec02 .areas .fbox .lefts p em{
      font-weight:bold;
      font-size:14px;
      line-height:18pt;
      font-style:normal;
    }
    
    #middle-page .sec02 .areas .fbox .lefts .fbox_link{
      display:block;
      width:100%;
      margin:20px auto 0 ;
    }
    #middle-page .sec02 .areas .fbox .lefts .fbox_link div:nth-child(1){
      margin:0 0 10px 0;
    }
    #middle-page .sec02 .areas .fbox .lefts .fbox_link .grd_link_01 a{
      padding: 12px 0px 12px 0px;
      font-size: 14px;
      line-height: 18pt;
      margin:0;
    }
    #middle-page .sec02 .areas .fbox .rights .teac{
      position: relative;
      padding:20px;
      display:flex;
      justify-content: flex-start;;
      align-items:start;
    }
    #middle-page .sec02 .areas .fbox .rights .teac .ttl{
      height:60px;
      width:60px;
      font-size: 11px;
        border-radius: 50%;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
        position: absolute;
        right:-25px;
        top:-25px;
        padding:15px 0 0 0;
    }
    #middle-page .sec02 .areas .fbox .rights .teac img{
      width:25%;
    }
    #middle-page .sec02 .areas .fbox .rights .teac .names{
      padding:0 0 0 18px;
      width:auto;
    }
    #middle-page .sec02 .areas .fbox .rights .teac .names p em{
      font-size:14px;
      line-height:18pt;
      font-weight:bold;
      font-style:normal;
    }
    #middle-page .sec02 .areas .fbox .rights .teac .names p span{
      font-size:10px;
      line-height:10pt;
      font-weight:bold;
    }
    
    #middle-page .sec02 .areas .fbox .rights .teac .names p{
      font-size:11px;
      line-height:13pt;
      margin:0px 0 10px 0;
    }
    #middle-page .sec02 .areas .fbox .rights .teac .names p:last-child{
      margin:10px 0 0 0;
    }

    #middle-page .sec03 {
        padding: 20px 0 0px 0;
    }
    
    #middle-page .sec03 .inBox {
        padding: 30px 20px;
    }
    
    #middle-page .sec03 .btnBox {
        display: block;
    }
    
    #middle-page .sec03 .btnBox .btn {
        width: 100%;
    }
    
    #middle-page .sec03 .btnBox .btn a {
        text-align: left;
    }
    
    #middle-page .sec03 .btnBox .btn a span {
        font-size: 15px;
        padding: 0 40px 0 50px;
    }
    
    #middle-page .sec03 .btnBox .btn01 a span {
        background-size: 40px;
    }
    
    #middle-page .sec03 .btnBox .btn02 a span {
        background-size: 40px;
    }
    
    #middle-page .sec03 .btnBox .btn a span em {
        font-size: 12px;
    }

    #middle-page .section_block_04{
        background: #205e8d url(../img/bg_img_002.jpg) center top no-repeat;
        padding:50px 20px 30px 20px;
        background-size: contain;
        margin:0 0 20px 0;
      }
      #middle-page .section_block_04 .section_area_04{
        max-width:auto;
        margin:0px auto 0px;
      }
      #middle-page .section_block_04 .section_area_04 h2{
        text-align:center;
        font-size:21px;
        line-height:24pt;
        font-weight:bold;
        margin:0 0 20px 0;
        color:#FFF;
      }
      #middle-page .section_block_04 .section_area_04 h2 span{
        font-size:14px;
        font-weight:normal;
        display:block;
      }
      
      #middle-page .section_block_04 .section_area_04 .subttl_01{
        max-width:65px;
        margin:0 auto 15px;
      }
      #middle-page .section_block_04 .section_area_04 .subttl_01 img{
        width:100%;
      }
      #middle-page .section_block_04 .section_area_04 p{
        text-align: left;
        font-size: 15px;
        line-height: 20pt;
        color: #FFF;
      }
      
      #middle-page .section_block_04 .section_area_04 .psblocks{
        position: relative;
        margin:40px auto 0;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks ul{
        position: relative;
        display:block;
        margin:0;
        padding:0;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li{
        background:#FFF;
        position: relative;
        width:100%;
        filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.1));
        padding:0px 5% 30px 5%;
        list-style-type:none;
        margin:0 0 20px 0;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .number{
        position: absolute;
        top:-30px;
        right:0;
        max-width:100px;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .number img{
        width:100%;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .photos img{
        width:100%;
          max-width:310px;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .ttl{
        color:#205e8d;
        font-size:18px;
        line-height:22pt;
        margin:0px 0 15px 0;
        text-align:center;
        font-weight:bold;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li p{
        color:#404040;
        font-size:14px;
        line-height:19pt;
        text-align:left;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li p a{
        font-weight:bold;
        color:#205e8d;
        text-decoration:underline;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li p a:hover{
        text-decoration:none;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .grd_link_01 a{
        margin:20px 0 0 0;
        padding: 14px 0px;
        font-size:14px;
        line-height:14pt;
        font-weight:normal;
        filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.0));
        background:#FFF;


        font-weight:bold;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .grd_link_01 a:hover{

      }
      
      
      #middle-page .section_block_04 .section_area_04 .psblocks li .grd_link_01 a span {
          background-repeat: no-repeat;
          background-size: 15px 15px;
          background-position: right 5px center;
          padding: 0 0px 0 0px;
          width: 85%;
      }
      #middle-page .section_block_04 .section_area_04 .psblocks li .grd_link_01 a:hover span {
          background-repeat: no-repeat;
          background-size: 15px 15px;
          background-position: right 0px center;
      }

    .sp_pdg {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 40px;
    }

    #middle-page .ak_links {
        display: block;
    }

    #middle-page .ak_links li{
        width: 90%;
        margin: 0 auto;
      }
      #middle-page .ak_links li a{
        padding:15px 5% 15px 8%;
        border-radius: 40px;
        font-size:13px;
        line-height:13pt;
        font-weight:bold;
          background-repeat: no-repeat;
          background-size: 15px 15px;
          background-position: right 20px center;
          display:inline-block;
            transition: 0.3s;
            margin:0 0 5px 0;
        text-decoration:none;
        width:100%;
      }
    
    #middle-page .section_block_06 {
        padding: 60px 0;
        margin:40px 0 40px 0;
    }

    #middle-page .section_block_06 .section_area_06 .areas{
        padding:30px 20px;
        margin: 20px auto 20px;
        width: 100%;
    }
    #middle-page .section_block_06 .section_area_06 .areas h3{
        font-size:21px;
        line-height:24pt;
    }

    #middle-page .section_block_06 .section_area_06 .fboxs {
        display: block;
    }

    #middle-page .section_block_06 .section_area_06 .fboxs .lefts {
        max-width: 100%;
        width: 100%;
    }

    #middle-page .section_block_06 .section_area_06 .fboxs .lefts {
        max-width: 100%;
        width: 100%;
    }

    #middle-page .section_block_06 .section_area_06 .point_b {
        display: block;
    }

    #middle-page .section_block_06 .section_area_06 .point_b div:nth-child(2) {
        width: 100%;
        margin-top: 10px;
    }

    #middle-page .section_block_06 .section_area_06 .fboxs .rights {
        max-width: 100%;
        width: 60%;
        margin: 10px auto;
    }

    #middle-page .section_block_06 .section_area_06 .areas .areas_white {
        padding: 10px;
    }

    #middle-page .section_block_06 .section_area_06 .grd_link_01 a {
        margin: 0 0 10px;
    }

    #middle-page .section_block_06 .grd_link_01 {
        width: 90%;
        margin: 60px auto 0;
    }

    #middle-page .banner02 {
        margin: 40px auto;
padding:0 20px;
    }

    #middle-page .sec07 {
        padding: 60px 0;
    }

    #middle-page .sec07:after {
        height: 100%;
    }

    #middle-page .sec07 .mainTtl {
        max-width: 100%;
        padding: 0;
    }

    #middle-page .sec07 .mainTtl:before {
        top: -40px;
        background-size: 102px;
        width: 102px;
        height: 100px;
    }

    #middle-page .sec07 .list {
        display: block;
    }

    #middle-page .sec07 .list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 70px;
    }

    #middle-page .sec07 .list li:nth-child(3) {
        margin-bottom: 0;
    }

    #middle-page .sec08 .list {
        display: block;
    }

    #middle-page .sec08 .list li {
        width: 100%;
        margin-bottom: 45px;
        margin-right: 0;
    }

    #middle-page .sec08 .list li:last-child {
        margin-bottom: 0;
    }



#middle-page .secTop .chose_box{
width:100%;
}
#middle-page .secTop .chose_box ul {

    margin: 15px auto 0;
}
#middle-page .mainTtl {
    margin-bottom: 20px;
}

#middle-page .sec03 .mainTtl h2 {
    font-size: 18px;
	line-height:23pt;
}
#middle-page .sec03 .mainTtl {
    margin-bottom: 10px;
}

#middle-page .section_block_06 .section_area_06 .areas .ttl {
    position: relative;
    font-size: 18px;
    line-height: 21pt;
    padding: 0 0 0 30px;
    font-weight: bold;
    margin: 0 0 20px 0;
    /* text-decoration: underline; */
}
#middle-page .section_block_06 .section_area_06 .areas .ttl:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 13px;
    height: 13px;
}

#middle-page .section_block_06 .section_area_06 .areas .ttl {
    position: relative;
    font-size: 18px;
    line-height: 21pt;
    padding: 0 0 0 30px;
    font-weight: bold;
    margin: 0 0 20px 0;
    /* text-decoration: underline; */
}

#middle-page .section_block_06 .grd_link_01 {
    width: 100%;
    margin: 30px auto 0;
}
#middle-page .section_block_06 .section_area_06 .fboxs .lefts .white_bk {
    padding: 20px 25px;
}
#middle-page .section_block_06 .section_area_06 .fboxs .lefts .white_bk div span{    font-size: 13px;
    line-height: 20pt;
}

#middle-page .section_block_06 .section_area_06 .grd_link_01 a {
    margin: 0 0px 10px 0;
    padding: 14px 0px;
    font-size: 14px;
    line-height: 17pt;
}
#middle-page .section_block_06 .section_area_06 .areas h4 span{
font-size:21px;
}



#middle-page .sec07 .list li {
    padding: 60px 20px 20px;
	min-height:auto;
}
#middle-page .sec07 .list li p {

    margin-bottom: 15px;
line-height:20pt;
}

#middle-page .sec08 .list li a .photo{
margin-bottom:10px;
}


#middle-page .btn_bottom{
	padding:0 20px;
}

#middle-page .section_block_06 .section_area_06 .areas h3 span {
background: #FFF;
    display: inline-block;
    text-align: right;
    color: #999ca5;
    font-size: 14px;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    position: absolute;
    right: 0;
    bottom: -15px;
    padding: 5px 0 5px 20px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 14pt;
}



#middle-page .section_block_06 .section_area_06 .cs_list li p {
    margin: 0 0 20px 0px;
	padding:0 30px;
}

#middle-page .section_block_06 .section_area_06 .cs_list li .grd_link_01{
margin:0 0 0 0;
padding:0 30px;
}





.onlyPC {
  display: none;
}
.onlySP {
  display: block;
}
.fx_banner {
  position: fixed;
  bottom: -260px;
  right: -10px;
  z-index:99999999;
  transition: 0.8s;
}
#page .fx_banner p{
  margin-bottom:0;
}
.fx_banner a {
  width: 100%;
  padding: 0px 0;
  text-align: center;
  display: block;
  transition: 0.8s;
}
.fx_banner a img{
  width:100%;
  transition: 0.6s;
}
.fx_banner a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.fx_banner span{
  position: absolute;
  top: 0px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #FFF;
  border: solid 4px #52a34b;
  border-radius: 100px;
  color: #52a34b;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  z-index: 1;
}





#middle-page .grd_link_01{
margin:0 20px;
}

#middle-page .l-main .inner{
	width:100%;
}



#middle-page .sec03 .btnBox .btn a::before {
content:none;
}
#middle-page .sec01 .block .box .read .grd_link_01{
margin:0 0px;
}

#middle-page .grd_link_01.under a:hover span {
    background-position: right 20px center;
}

#middle-page .sec03 .btnBox .btn a:after{
content:none;
}

#middle-page .sec03 .inBox:after{
content:none;
}


#middle-page .section_block_06 .grd_link_01.under{
	margin:30px 20px 0 20px;
	width: auto;
}

#middle-page .section_block_06 .section_area_06 .cs_list li .grd_link_01 {
    margin: 0 0 0 0;
    padding: 0 10px;
}



#middle-page .sec01 .banner {
    max-width: auto;
    width: 100%;
    margin: 60px 0px 0 0;
padding:0 20px;
}



#middle-page .secTop .box{
    padding:0 20px;
}
#middle-page .sec02.topLine .inner{
    padding:0 20px;
}
#middle-page .sec02 .areas .fbox .lefts{
    width:100%;
}

#middle-page .sec02 .areas .fbox .lefts .grd_link_01.left{
    margin:0;
}

#middle-page .sec02 .areas .fbox .rights{
    width:100%;
}

#middle-page .section_block_06 .section_area_06 .cs_list li .grd_link_01{
    flex-wrap: wrap;
}

#middle-page .section_block_06 .section_area_06 .cs_list li p {
    margin: 0 0 20px 0px;
    padding: 0 10px;
}

#middle-page .sec07.topLine .inner{
    padding:0 20px;
}
#middle-page .sec08 .inner{
    padding:0 20px;
}

#middle-page .sec08 .list li:last-child {
    margin-bottom: 40px;
}


.feature_block_02.extra{
    width: 90%;
    margin: 0 auto;
    padding: 0px 0 20px 0;
  }
  .feature_block_02.extra2{
    margin:1rem 15px;
  }
  .feature_block_02.extra2{
    padding:0 0 3rem 0;
  }
  .feature_block_02.extra img,
  .feature_block_02.extra2 img{
    width: 100%;
  }
  .feature_block_02.extra .banner_block{
    margin:0 auto 0 !important;
  }
  .feature_block_02.extra .feature_area_02{
    margin:0rem 0 0 0;
  }

  #middle-page ul.l-breadcrumbs__wrap {
    padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}
.faq_section {
  max-width: 1200px;
  margin:30px auto 0px;
  background:#f3f3f3;
  border-radius: 0px;
  padding:40px 20px;
}
.faq_section h2 {
  text-align: center;
  font-size: 21px;
  line-height: 24pt;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.faq_section li{
  margin:20px 0 0 0;
}
.faq_section ul li div p{
  font-weight:normal;
  padding:5px 0 0 25px;
  font-size: 14px;
  line-height: 19pt;
}
.faq_section li .questions{
  font-size:16px;
}

#middle-page .nav .lnav__floater.is-nav-fixed ul li a{
  padding: 12px 15px;
}

#middle-page ul.new_nav{
  position: absolute;
  width: 100%;
  margin:0;
  /*
  bottom:44rem;
  */
  top:21rem;
  }
#middle-page ul.new_nav li{
  text-align: center;
  max-width: 33%;
}
#middle-page ul.new_nav li a{
  display: flex;
  background:none;
  position: relative;
  top: 0;
  display: inline-block;
  font-weight: 700;
  border-radius:0;
  box-shadow: 0 .3rem 0 #3a5475;
  transition: all .3s;
  color:#3A5475;
  font-size:1.2rem;
  line-height:1.5;
  width: 100%;
  padding:0 4px 0 4px;
  background-color:rgba(244,245,249,0.9);
  align-items: center;
}
#middle-page ul.new_nav li:nth-child(1) a span{
  background:url(../img_renew/btn_icon_01.svg) center top 20px no-repeat;
  background-size: 4.61rem 3.938rem;
  padding:6.3rem 0 1.5rem 0px;
  display: inline-block;
}
#middle-page ul.new_nav li:nth-child(2) a span{
  background:url(../img_renew/btn_icon_02.svg) center top 20px no-repeat;
  background-size: 4.546rem 3.575rem;
  padding:6.3rem 0 1.5rem 0px;
  display: inline-block;
}
#middle-page ul.new_nav li:nth-child(3) a span{
  background:url(../img_renew/btn_icon_03.svg) left 3rem top 20px no-repeat;
  background-size: 4.6rem 3.9rem;
  padding:6.3rem 0 1.5rem 0px;
  display: inline-block;
}

#middle-page ul.new_nav li a{
  box-shadow:none;
}
#middle-page ul.new_nav li a span{
  position: relative;
}
#middle-page ul.new_nav li a span:after{
  content:">";
  color:#3A5475;
}
.onlyPC{
  display: none;
}
.onlySP{
  display: block;
}
#middle-page .secTop .box{
  padding: 0 2rem;
}

ul.new_nav li a{
  transition: transform .2s;
}
ul.new_nav li a:active{
  transform: scale(.95);
}

}