@charset "utf-8";
.clearfix {
    display: block;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

img {
    vertical-align: top;
    max-width: 100%;
}

section{padding: 6% 0;}

.pb20{
  padding-bottom: 20px;
}

.pb40{
  padding-bottom: 40px;
}

.pb60{
  padding-bottom: 60px;
}

.pb100{
  padding-bottom: 100px;
}

.inner{
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.sec00_1 .inner{
  max-width: 1900px;
}
.sec00_1_ttl{
  background: #171c61;
  text-align: center;
}
.sec00_1_ttl img{
  margin: 0 auto;
}

.sec02{
  background: url(../images/bg02.png) no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 0;
}
.sec04,.sec07{background: #fffbf0;}
.sec01,.sec05,.sec08{background: #f9f9F9;}

.sec07{
  background-image: url(../images/sec07_bg_r.png),url(../images/sec07_bg_l.png);
  background-repeat: no-repeat,no-repeat;
  background-size: 30%,30%;
  background-position: top right,left bottom;
}

footer{
  background: #727272;
}

footer p{
  color: #fff;
  text-align: center;
  padding: 15px 0;
}

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

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .sec01,.sec02{
      background-image: none;
    }
    footer p{
      font-size: 3vw;
    }
    
}

/*-- add 2023-10 --*/

.sec07_btn_rea {
    text-align: left;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sec07_box_01 {
    width: 100%;
    margin-bottom: 30px;
}
.sec07_box_02 {
    width: 48.1818%;
}
.sec07_box_03 {
    width: 48.1818%;
}

.sec07_box_01,
.sec07_box_02,
.sec07_box_03 {
    position: relative;
}
.sec07_box_01 .btn,
.sec07_box_02 .btn,
.sec07_box_03 .btn {
    position: absolute;
    z-index: 2;
    transition: .2s;
}
.sec07_box_01 .btn:hover,
.sec07_box_02 .btn:hover,
.sec07_box_03 .btn:hover {
    opacity: .7;
}

.sec07_box_01 .btn {
    left: 166px;
    bottom: 40px;
}
.sec07_box_02 .btn,
.sec07_box_03 .btn {
    left: calc(50% - 175px);
    bottom: 30px;
}

@media screen and (min-width: 751px) and (max-width: 1140px) {
    
    .sec07_btn_rea {
        padding: 0 2.4vw;
        display: flex;
    }
    .sec07_box_01 {
        margin-bottom: 2.4vw;
    }
    
    .sec07_box_01 .btn,
    .sec07_box_02 .btn,
    .sec07_box_03 .btn {
        width: 32vw;
    }

    .sec07_box_01 .btn {
        left: 13.5vw;
        bottom: 3vw;
    }
    .sec07_box_02 .btn,
    .sec07_box_03 .btn {
        left: calc(50% - 16vw);
        bottom: 3vw;
    }
    
}
@media screen and (max-width: 750px) {
    
    .sec07_btn_rea {
        display: block;
    }
    .sec07_box_01,
    .sec07_box_02,
    .sec07_box_03 {
        width: 100%;
        margin-bottom: 6vw;
    }
    .sec07_box_01 .btn,
    .sec07_box_02 .btn,
    .sec07_box_03 .btn {
        left: 0;
        bottom: 5.5vw;
    }

}