@charset "utf-8";
/* CSS Document */

/*===============================================
*************************************************

　　共通

*************************************************
=================================================*/

.br_ipad,
.br_sp{display: none;}

h2{margin-bottom: 40px;}

@media screen and (max-width: 1350px) {
  .br_ipad {display: block;}
}

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

  h2 {margin-bottom: 20px;}
  .br_ipad {display: none;}
  .br_sp {display: block;}
}

/*===============================================
*************************************************

　　box_one

*************************************************
=================================================*/

.box_one{margin-bottom: 140px;}

.box_one h3 {font-size: 16px;}

.box_one p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.714;
}

.box_one .margin_40{margin-bottom: 40px;}

.box_one span {
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 12px;
  line-height: 1.69;
}

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

}

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

  .box_one{margin-bottom: 70px;}
  .box_one p{font-size: 13px;}
  .box_one .margin_40 {margin-bottom: 20px;}
  .box_one span{font-size: 12px;}

}

/*===============================================
*************************************************

　　box_two

*************************************************
=================================================*/

.box_two{margin-bottom: 180px;}

.box_two ul{font-size: 0;}

.box_two ul li{
  position: relative;
  display: inline-block;
  margin: 0 50px 30px 0;
}

.box_two ul li::after {
  content: "";
  background: #04b9f5;
  height: calc(tan(60deg) * 20px / 2);
  width: 12px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  display: inline-block;
  margin: 0 20px;
  position: absolute;
  top: 50%;
}

.box_two ul li:last-child::after {display: none;}

.box_two li img{width: 250px;}

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

  .box_two {margin-bottom: 70px;}

  .box_two ul li{margin: 0 0 50px 0;}

  .box_two ul li::after {
    height: calc(tan(60deg) * 14px / 2);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    width: 16px;
    margin: 16px 0;
    top: inherit;
    bottom: -44px;
    right: 48%;
    left: 48%;
  }

  .box_two ul li:last-child{margin-bottom: 0;}

}

/*===============================================
*************************************************

　　box_three

*************************************************
=================================================*/

#entry {
  width: 100%;
  padding: 165px 5% 160px;
  background: url("../img/entry_bg.jpg") center no-repeat;
  background-size: auto;
  background-size: cover;
  color: #FFFFFF;
}

#entry a{
  font-size: 35px;
  background: #fff;
  text-decoration: none;
  padding: 28px 20px;
  width: 710px;
  position: relative;
}

#entry a::before{
  content: "";
  position: absolute;
  top: -25px;
  left: -25px;
  width: calc(100% - -45px);
  height: calc(100% - -45px);
  border: 5px solid #ffffff;
  box-sizing: border-box;
}


footer{margin-top: 0;}

@media screen and (max-width: 900px) {
  #entry a{width: 80%;}
}

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

  #entry{padding: 70px 5% 40px;}
  #entry a {
    font-size: 20px;
    padding: 20px;
    margin-bottom: 30px;
  }
  #entry a::before{
    top: -15px;
    left: -15px;
    width: calc(100% - -30px);
    height: calc(100% - -30px);
    border: 3px solid #ffffff;
  }

}