/* MV */
.mv{position: relative; line-height: 1;}
.mv > div{position: absolute; z-index: 2;}
.mv img{width: 100%;}

@media only screen and (min-width: 768px) {
  .mv{padding-left: 26.25%; margin-bottom: 70px;}
  .mvTit{top: 29%; left: 6%; width: 17.1%;}
  .mvPhoto{bottom: -8%; left: 22.396%; width: 12.6%;}
}

@media only screen and (max-width: 767px) {
  .mv{padding: 0 0 9.3vw 13.9%; margin-bottom: 10px;}
  .mvTit{top: 8.2vw; left: 3.6%; width: 29.3%;}
  .mvPhoto{bottom: 0; left: 29.2%; width: 24.5%;}
}

/* ---- */
.main {
 padding-bottom: min(15vw, 140px)
}
.row-01{
  padding-top: 20px;
}
.row-01 p.tit {
 font-size: min(6vw, 40px);
 color: #73c3af;
 font-weight: bold;
  margin-bottom: 20px;
}
.row-01 p.txt {
  text-align: center;
}
.row-01 p.txt .txtBu {
 color: #599db1
}
.row-01 .box-01{
  margin-bottom: 80px;
}
.row-01 .box-01 p{
  font-size: min(4.2vw, 24px);
}
@media only screen and (min-width: 768px) {
  .row-01 p.txt {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
 .row-01 p.txt {
  text-align: left
 }
  .row-01 .box-01 .imgCol{
    text-align: center;
    width: 50%; 
    margin: 20px auto 0;
  }
}
.row-02 {
 padding: 80px 0
}
.row-02 .inner {
 max-width: 430px;
 margin: 0 auto
}
.row-02 .inner ul li {
 transition: all .3s;
 -webkit-transition: all .3s
}
.row-02 .inner ul li .box {
 justify-content: space-between;
 align-items: center
}
.row-02 .inner ul li .imgCol {
 flex-basis: 40%
}
.row-02 .inner ul li .txtCol {
 flex-basis: calc(60% - 20px)
}
.row-02 .inner ul li .txtCol p {
 font-size: min(4vw, 21px);
 font-weight: bold
}
.row-02 .inner ul li .txtCol p.txtPu {
 color: #949ac2
}
.row-02 .inner ul li .txtCol p.txtPk {
 color: #db97a3
}
.row-02 .inner ul li:nth-of-type(2) .box {
 margin-top: -30px
}
.row-02 .inner ul li:nth-of-type(2) .txtCol {
 text-align: right
}
@media only screen and (min-width: 768px) {
 .row-02 ul li:first-of-type .box {
  transform: translateX(50px)
 }
 .row-02 ul li:nth-of-type(2) .box {
  transform: translateX(-50px)
 }
}
@media only screen and (max-width: 767px) {
 .row-02 {
  padding: 60px 0
 }
}
.row-03 .bg {
 padding: 60px 0;
 border-image-source: linear-gradient(#F4F4F4, #F4F4F4);
 border-image-slice: 0 fill;
 border-image-outset: 0 100vw
}
.row-03 .inner {
 max-width: 800px;
 margin: 0 auto
}
.row-03 .inner dl {
 display: flex
}
.row-03 .inner dl dt, .row-03 .inner dl dd em {
 font-size: min(4vw, 24px);
 font-weight: bold;
 color: #599db1
}
.row-03 .inner dl dt {
 flex-basis: 6em
}
.row-03 .inner dl dd {
 flex-basis: calc(100% - 6em)
}
@media only screen and (max-width: 767px) {
 .row-03 dl dd {
  font-size: 3.5vw
 }
}
.row-04 {
 padding: 80px 0 0;
 text-align: center;
 background-repeat: no-repeat;
 background-position: left 20% bottom, right 20% bottom;
 background-size: min(18vw, 116px);
 background-image: url(../img/college_tour/img_04.png), url(../img/college_tour/img_05.png)
}
@media only screen and (max-width: 767px) {
 .row-04 {
  padding: 60px 0 0;
  background-position: left 0 bottom, right 0 bottom
 }
  .row-04 .btnBox-02{padding: 0 0 32vw; width: 62%; margin-left: 16%;}
  .row-04 .btnBox-02 .moreLink a p{text-align: center; line-height: 1.2; height: min(9vw,60px); padding: 0; font-size: min(3vw,20px);}
}
.row-05 {
 margin-top: 150px
}
.row-05 ul {
 justify-content: center
}
.row-05 ul li .btnBox-01 .moreLink a p {
 background: none;
 border: 1px solid #74c6b2;
 color: #74c6b2
}
@media only screen and (min-width: 768px) {
 .row-05 ul {
  justify-content: center
 }
 .row-05 ul li:nth-of-type(2) {
  margin-left: 80px
 }
}
@media only screen and (max-width: 767px) {
  .row-05 {
 margin-top: 100px
}
 .row-05 ul li .btnBox-01 .moreLink a p {
  font-size: 16px;
  padding: 0 15px
 }
} /*# sourceMappingURL=college_tour.css.map */