@charset "utf-8";

/*==========================================
 ご挨拶
 ===========================================*/
.area_01_bg {
  background-image: url(../img/img_04.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size: cover;
}
.area_01_bg {
  font-family: "Yu Mincho", "YuMincho";
  color: #000;
  padding: 100px 0 100px 0;
  margin: 0 0 80px 0;
}
.area_01 {
  text-align: center;
  background: rgba(255,255,255,0.7);
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding: 40px 0 40px 0;
}
.area_01_img img {
  margin-top: -30px;
}
.area_01_h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing:4px;
  margin-top: -50px;
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
}
.area_01_txt_01 {
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0;
  letter-spacing:4px;
}
.area_01_txt_02 {
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0;
  letter-spacing:4px;
}
.area_01_txt_02s {
  background: url(../img/img_07.png) no-repeat 50% 50%;
  padding: 0 10px;
}
.area_01_txt_02ss {
  opacity: 0;
}
.area_01_txt_03 {
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0;
  letter-spacing:4px;
}
.area_01_txt_03s {
  background: url(../img/img_08.png) no-repeat 50% 50%;
  padding: 0 10px;
}
.area_01_txt_03ss {
  opacity: 0;
}
.area_01_txt_04 {
  font-size: 24px;
  font-weight: bold;
  padding: 20px 0;
  letter-spacing:4px;
}
.area_01_txt_04s {
  background: url(../img/img_09.png) no-repeat 50% 50%;
  padding: 0 10px;
}
.area_01_txt_04ss {
  opacity: 0;
}
.area_01_txt_05 {
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0 60px 0;
}
/*==========================================
 会社案内
 ===========================================*/
.company_guide {
  color: #fff;
}
.company_guide_t {
  letter-spacing: 2px;
  line-height: 1.6;
  margin: 0 0 60px 0;
}
.company_guide_t_02 {
  margin: 0 0 16px 0;
}
.company_guide_t_03 {
  margin: 0 0 16px 0;
}
.company_guide_b {
  flex-basis: 40%;
  margin: 0 0 40px 0;
}
.company_guide_bl {
  flex-basis: 75.2%;
  margin: 0 1% 0 0;
}
.company_guide_bl img {
  width: 100%;
  border-radius: 2%;
}
.company_guide_br {
  flex-basis: 100%;
  margin: 0 0 0 2%;
}
.company_guide_br img {
  width: 100%;
  border-radius: 2%;
}
.company_img99 {
  margin: 0 2%;
  text-align: center;
}
.company_img99 img {
  max-width: 300px;
  width: 100%;
}
.company_img99 img:hover {
  opacity: 0.8;
  transition: .3s all;
}
.company_img99_txt {
  font-size: 14px;
  margin: 0 0 80px 0;
}

/*==========================================
 会社情報
 ===========================================*/
.company_add_bg {
  background: #fff;
}
.company_add_wrap {
  color: #000;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}
.company_add {
  border-bottom: solid 1px #3e4338;
  padding: 20px 3% 20px 3%;
  margin: 0 6% 0 6%;
  line-height: 1.2;
}
.company_add_end {
  padding: 20px 3% 100px 3%;
  margin: 0 6% 0 6%;
  line-height: 1.2;
}
.company_add_r iframe {
  width :100%;
  height :450px;
}
.company_add_l {
  flex-basis: 20%;
  justify-content: center;
  font-weight: bold;
}
.company_add_r {
  flex-basis: 80%;
  justify-content: center;
}
p.company_add_r a {
  color: #000;
  text-decoration: underline;
}
.company_add_r a:hover {
  color: #999;
}
.company_add_r img {
  width: 100%;
  max-width: 200px;
}
.company_add_r img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .company_add {
    padding: 10px 3% 10px 3%;
    display: block;
  }
  .company_add_l {
    margin: 0 0 10px 0;
  }
  .company_add_end {
    padding: 10px 3% 100px 3%;
    width: 88%;
  }
}

@media screen and (max-width: 480px) {
  .area_01_txt_01 {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  .area_01_txt_02 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  .area_01_txt_02s {
    background-size: 80%;
    padding: 0 4px;
  }
  .area_01_txt_03 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  .area_01_txt_03s {
    background-size: 80%;
    padding: 0 4px;
  }
  .area_01_txt_04 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  .area_01_txt_04s {
    background-size: 80%;
    padding: 0 4px;
  }
  .area_01_txt_05 {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
}