@charset "UTF-8";
/*--------------------- .main ---------------------*/
.main {
  padding: 160px 0 50px;
}

/*--------------------- .clg_box ---------------------*/
.clg_box {
  padding: 70px 0;
}
.clg_inr {
  margin: 0 auto;
  width: 1200px;
}

/*--------------------- .ttl02 ---------------------*/
.ttl02 {
  color: #e73918;
  font-size: 24px;
  font-weight: lighter;
  margin-bottom: 20px;
  text-align: left;
}
.ttl02 span {
  background-color: #e73918;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  margin-right: 20px;
  padding: 10px;
}
.ttl02 small {
  color: #e73918;
  font-size: 20px;
  margin: 0 10px;
}

/*--------------------- .flex_box ---------------------*/
.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_txt, .flex_img {
  width: 47.5%;
}
.u_and_d {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
/*
.u_and_d .caption {
  align-content: flex-end;
}
*/


/*--------------------- txt ---------------------*/
.caption {
  display: block;
  font-size: 13px;
  margin-top: 10px;
  text-align: right;
}
.red_txt, a.red_txt {
  color: #e61f19;
}
.light_blue_txt, a.light_blue_txt {
  color: #3ba8e0;
}
a.red_txt, a.light_blue_txt {
  text-decoration: underline;
}
a.red_txt:hover, a.light_blue_txt:hover {
  text-decoration: none;
}

/*--------------------- other ---------------------*/
p.img {
  margin: 0;
}
.img {
  border: none;
  line-height: 1;
}
.img img {
  width: 100%;
}

/*--------------------- indent ---------------------*/
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.top50{margin-top:50px !important;}
.top60{margin-top:60px !important;}
.top70{margin-top:70px !important;}
.top80{margin-top:80px !important;}

.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:95px !important;}


/*--------------------- .continue ---------------------*/
.continue {
  background-color: #9e9f9f;
  padding: 10px 0;
  margin-top: 50px;
}
.continue .continueTxt {
  background-color: #d4d4d5;
  border: 2px solid #e8e8e8;
  border-width: 2px 0 2px 0;
  color: #000;
  font-size: 16px;
  font-family: 'Fira Sans Condensed', sans-serif;
  line-height: 1.8;
  text-align: center;
  padding: 10px;
}
.continue .continueTxt a {
  text-decoration: underline;
}





/*--------------------- sp ---------------------*/
@media only screen and (max-width: 1200px) {
  /*--------------------- .clg_box ---------------------*/
  .clg_box {
    padding: 30px 0;
  }
  .clg_inr {
    margin: 0;
    padding: 0 10px;
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  /*--------------------- .main ---------------------*/
  .main {
    padding: 67px 0 0;
  }
  
  /*--------------------- .ttl ---------------------*/
  .ttl02 {
    font-size: 20px;
    line-height: 1.8;
  }
  .ttl022 span {
    font-size: 16px;
    line-height: 1;
  }
  .ttl02 small {
    font-size: 16px;
    margin: 0 3px;
  }
  
  /*--------------------- .flex_box ---------------------*/
  .flex_txt, .flex_img {
    width: 100%;
  }
  .u_and_d {
    display: block;
    margin-bottom: 20px;
  }
  

}