@charset "utf-8";


/*=====main=====*/

.leadCol h2{
  font-size: 1.8rem;
  margin-bottom: 7%;
}
.txBlue{
  color: #023894;
}
.leadCol .flexBox{
  margin-top: 9%; 
}
.leadCol .flexBox figure:nth-of-type(n+2){
  margin-top: 4%;
}
.pointCol li, .movieCol li{
  border: 1px solid #dddddd;
}
.pointCol li+li, .movieCol li+li, .howtoCol li{
  margin-top: 7%;
}
.pointCol dt{
  font-size: 1.6rem;
  background-color: #e5ebf9;
  padding: 3% 0;
  margin-bottom: 3%;
}
.pointCol dd{
  margin: 0 2% 2%;
}
.pointCol .hosoku{
  font-size: 1.1rem;
}
.movieCol li{
  position: relative;
}
.movieCol li a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4);
  width: 14%;
  height: 24%;
  opacity: 0.9;
  background: url(../images/idx_ic01.png) no-repeat;
  background-size: contain;
}
.section02 .submitdataCol th{
  text-align: center;
}
.column {
  margin-bottom: 7%;
}
.howtoCol li{
  position: relative;
  background-color: #f8f8f8;
  padding: 3%;
}
.howtoCol li:nth-of-type(-n+3)::after{ /* 矢印表示設定 */
  content: "";
  display: inline-block;
  position: absolute;
  top: 103%;
  right: 48%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #023795;
  border-right: 2px solid #023795;
  transform: rotate(45deg);
}
.howtoCol dt{
  font-size: 1.6rem;
  margin-bottom: 2%;
}

/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
  .leadCol h2{
    font-size: 3.0rem;
    line-height: 1.5;
    margin: 50px 0 25px;
  }
  .leadCol p{
    font-size: 2.0rem;
  }
  .leadCol .flexBox{
    display: flex;
    justify-content: space-between;
    margin-top: 50px; 
  }
  .leadCol .flexBox figure{
    width: 490px;
  }
  .leadCol .flexBox figure:nth-of-type(n+2){
    margin-top: 0;
  }
  .pointCol ul, .howtoCol ol, .contactCol .flexBox{
    display: flex;
    justify-content: space-between;
  }
  .pointCol li, .movieCol li{
    width: 320px;
  }
  .pointCol li+li, .movieCol li+li, .howtoCol li{
    margin-top: 0;
  }
  .pointCol dd{
    margin: 0 10px 10px;
    font-size: 1.4rem;
  }
  .pointCol dt{
    font-size: 2.0rem;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .movieCol ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section02 .submitdataCol th{
    width: 25%;
    text-align: left;
  }
   .column {
  margin-bottom: 30px;
}
  .howtoCol li{
    width: 233px;
    padding: 15px;
  }
  .howtoCol li:nth-of-type(-n+3)::after{ /* 矢印表示設定 */
    top: -3px;
    right: -35px;
    width: 0;
    height: 0;  
    border-left: 18px solid #f8f8f8;
    border-top: 90px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 90px solid transparent;
    transform: none;
  }
  .howtoCol dt{
    font-size: 2.0rem;
    margin-bottom: 10px;
  }
  .howtoCol dd{
    font-size: 1.4rem;
  }
  .contactCol .flexBox p, .contactCol .flexBox span{
    width: 480px;
  }
  .photo {
  	text-align: center;
  }
}