@charset "utf-8";
.ps-title {
    padding: 14.666667% 0 13.333333%;
}
.top_area_text{
  line-height: 2;
  padding-top: 0;
}
.top_area_text h2{
  text-align: center;
  font-size: 1.5rem;
	    font-weight: bold;
  margin-bottom: 20px;
}
.top_area_text .text{
  font-size: 1.2rem;
}
.upper p.text {
      line-height: 1.5;
	    font-size: 1.2rem;
}
@media screen and (min-width: 750px){
	.ps-title {
  padding: 65px 0 65px;
}
  .top_area_text{
    text-align: center;
  }
  .top_area_text h2{
    font-size: 23px;
    margin-bottom: 25px;
  }
  .top_area_text .text{
    font-size: 1.6rem;
  }
}
.upper p.text {
    line-height: 1.5;
    font-size: 1.6rem;
}

.follow_area h2{
  font-size: 2rem;
}
.follow_area h3{
  font-size: 1.5rem;
  margin: 15px auto;
	    line-height: 1.5;
}
.follow_area .column_5{
  margin: 30px auto 10px;
}
.follow_area .column_5 li{
  position: relative;
}
.follow_area .column_5 li + li{
  margin-top: 28px;
}
.follow_area .column_5 li + li:before{
  position: absolute;
  display: block;
  content: '';
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #61b7d9;
  left: 50%;
  top: -18px;
}
.follow_area .column_5 li dl{
  display: table;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.2;
  margin: 0 auto;
}
.follow_area .column_5 li dt{
  display: table-cell;
  width: 80px;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.2;
  margin: 0 auto;
}
.follow_area .column_5 li dt span{
  display: table-cell;
  width: inherit;
  height: 80px;
  vertical-align: middle;
  background-color: #61b7d9;
  border-radius: 50%;
}
.follow_area .column_5 li dd{
  text-align: left;
  display: table-cell;
  padding-left: 5%;
  font-size: 1.2rem;
  vertical-align: middle;
  color: #000;
  letter-spacing: .9px;
  line-height: 2.3rem;
}
@media screen and (min-width: 750px){
  .follow_area h2{
    font-size: 2.6rem;
  }
  .follow_area h3{
    font-size: 2rem;
    margin: 25px auto;
  }
  .follow_area .column_5{
    margin-top: 50px;
    font-size: 0;
  }
  .follow_area .column_5 li{
    width: 20%;
    padding-right: 30px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
  }
  .follow_area .column_5 li + li{
    margin-top: 0;
  }
  .follow_area .column_5 li + li:before{
    border-top: 15px solid transparent;
    border-left: 15px solid #61b7d9;
    border-bottom: 15px solid transparent;
    left: -30px;
    top: 42px;
  }
  .follow_area .column_5 li dt{
    width: 100px;
    display: table;
    font-size: 2.6rem;
  }
  .follow_area .column_5 li dt span{
    width: 100px;
    height: 100px;
  }
  .follow_area .column_5 li dd{
    margin-top: 25px;
    font-size: 1.4rem;
    display: block;
    padding: 0;
  }
}

.ps_area h2.overlap_left{
  margin-left: -3%;
  padding: 0 3% 40px 3%;
  display: inline-block;
}
.ps_area h2.overlap_left span{
  display: inline-block;
  padding-right: 15px;
}
.ps_area .column_2 .box .upper .icon{
  display: inline-block;
  vertical-align: middle;
  width: 21%;
  margin-right: 5%;
}
.ps_area .column_2 .box .upper .title{
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  width: 74%;
  font-weight: bold;
}
.ps_area .column_2 .box > .text{
  font-size: 1.2rem;
  margin-top: 10px;
	line-height: 1.5;
}
.ps_area .column_2 .box .under{
  margin-top: 30px;
}
.ps_area .column_2 .box .under .text{
  font-size: 1.2rem;
}


.ps_area .column_3 .box .upper .icon{
  display: inline-block;
  vertical-align: middle;
  width: 21%;
  margin-right: 5%;
}
.ps_area .column_3 .box .upper .title{
  display: inline-block;
  vertical-align: middle;
  font-size: 1.7rem;
  width: 74%;
  font-weight: bold;
}
.ps_area .column_3 .box > .text{
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.5;
}
.ps_area .column_3 .box .under{
  margin-top: 30px;
}
.ps_area .column_3 .box .under .text{
  font-size: 1.2rem;
}

@media screen and (min-width: 750px){
  .ps_area h2.overlap_left{
    margin: -20px 0 0 -20px;
    padding: 0 20px 70px;
  }
  .ps_area .column_2 .box{
    width: 50%;
    padding-right: 40px;
    box-sizing: border-box;
  }
  .ps_area .column_2 .box:nth-child(even){
    margin-left: 0;
  }
  .ps_area .column_2 .box > .text{
    font-size: 1.6rem;
    margin-top: 10px;
  }
  .ps_area .column_2 .box .upper .icon{
    width: 32%;
    margin-right: 5%;
  }
  .ps_area .column_2 .box .upper .title{
    font-size: 2.6rem;
    width: 63%;
    font-weight: bold;
  }
  .ps_area .column_2 .box .upper ul{
    display: inline-block;
  }
  .ps_area .column_2 .box .upper ul + ul{
    padding-left: 30px;
  }
  .ps_area .column_2 .box .under .text{
    font-size: 1.6rem;
  }

  .ps_area .column_3 .box > .text{
    font-size: 1.6rem;
    margin-top: 10px;
  }
  .ps_area .column_3 .box .upper .icon{
    width: 70px;
    margin-right: 10px;
  }
  .ps_area .column_3 .box .upper .title{
    font-size: 2.2rem;
    width: calc(100% - 85px);
    font-weight: bold;
  }
  .ps_area .column_3 .box .upper ul{
    display: inline-block;
  }
  .ps_area .column_3 .box .upper ul + ul{
    padding-left: 30px;
  }
  .ps_area .column_3 .box .under .text{
    font-size: 1.6rem;
  }
  .column_3 .box + .box {
    margin-top: 0;
    padding-left: 30px;
  }
}