/* 共通 */
body {
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  max-width: 750px;
  margin: 0 auto;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
input, button, textarea, select {
  -webkit-appearance: none;
  appearance: none;
}
.m0auto{
  margin: 0 auto;
}
.tac{
  text-align: center;
}
.flex{
  display: flex;
}

/* header */
header{
  text-align: center;
    padding: 3% 0;
}

header img{
  width: 25%;

}

/* fv */
#fv{
  position: relative;
}

.fv_cc,
.fv_subcc{
  position: absolute;
  z-index: 2;

}

.fv_cc{
  width: 80%;
  top: 10%;
  left: 4%;
}

.fv_subcc{
  width: 80%;
  top: 70%;
  left: 8%;
}

/* btn */
.main_btn{
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 6% 0;
}

/* timing */
.sec_title{
  width: 90%;
  margin: 6% auto;
}

.sec_text{
  width: 70%;
  margin: 10% auto 15%;
}

/* service */
#service{
  text-align: center;
  font-size: 80%;
  overflow: hidden;
}

.service_cc{
  padding-top: 2%;
  margin-bottom: 5%;
}

/* step */
.step_wrapper{
  width: 80%;
  margin: 8% auto 4%;
}

.step_box:nth-child(2){
  margin: 10% 0;
}

/* profile */
#profile{
  width: 90%;
  margin: 6% auto 12%;
}

/* close */

.close_logo{
  width: 50%;
  margin: 6% auto 10%;
}

.close_btn{
  width: 80%;
  margin:  0 auto;
}

/* footer */
footer{
  text-align: center;
  padding: 8% 0 4%;
  font-size: 70%;
}