@charset "UTF-8";
/* box-download-01
---------------------------------------------------------- */
.box-download-01{
  background: #f4f4f1;
  padding: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}
@media screen and (max-width: 767px){
  .box-download-01{
    padding: 25px;
  }
}
.box-download-01:not(:first-child){ margin-top: 30px; }
@media screen and (max-width: 767px){
  .box-download-01:not(:first-child){ margin-top: 15px; }
}
.box-download-01 .box-download-img{
  width: 45.28%;
}
@media screen and (max-width: 1024px){
  .box-download-01 .box-download-img img{
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  .box-download-01 .box-download-img{ width: 100%; margin-right: 0; }
}
.box-download-01 .box-download-content{ width: 51.72%; padding-left: 30px; }
@media screen and (max-width: 767px){
  .box-download-01 .box-download-content{ width: 100%; padding-left: 0; }
}
.box-download-01 .box-download-content .comp-01{ margin-top: 17px; }
.box-download-content .comp-01 .title{
  font-size: 16px;
  font-weight: bold;
}
.box-download-content .comp-02{ margin-top: 10px; }
.box-download-content .comp-02 a{
  display: inline-block;
  font-size: 14px;
  line-height: 2;
  text-decoration: underline;
  padding-left: 29px;
  background: url(../../common/img/ico_pdf_01.png) no-repeat left center;
  background-size: 20px;
}
.box-download-content .comp-02 a:hover{ text-decoration: none; }
.box-download-content .comp-04 p:first-child{
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px){
  .box-download-content .comp-04 p:last-child{ margin-top: 10px; }
}
.box-download-content .comp-03{ margin-top: 15px; }
.box-download-content .comp-03 .btn-cmn-02 { padding: 5px 40px;}
@media screen and (max-width: 767px){
  .box-download-content .comp-03 .btn-cmn-02 { padding: 5px 30px;}
}
.box-download-content .comp-04{ margin-top: 16px; }
.box-download-content .comp-04 a{ text-decoration: underline; }
.box-download-content .comp-04 a:hover{text-decoration: none; }

/* box-download-02
---------------------------------------------------------- */
.box-download-02{
  background: #f3f3eb;
  padding: 32px 30px 22px;
  margin-top: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px){
  .box-download-02{ padding: 15px; margin-top: 30px; }
}
.box-download-02 .box-download-img{
  margin-right: 15px;
  width: 19.82%;
}
@media screen and (max-width: 767px){
  .box-download-02 .box-download-img{ width: 30%; margin-right: 0;}
}
.box-download-02 .box-download-content{ width: 78.32%; }
@media screen and (max-width: 767px){
  .box-download-02 .box-download-content{ width: 70%; padding-left: 20px; }
}
.box-download-02 .comp-01{ margin-top: -6px; }
@media screen and (max-width: 767px){
  .box-download-02 .comp-01{ margin-top: 0; }
}