@charset "UTF-8";
/*
	Filename: advertisement
	Version: 1.0.1
*/
#advertisement {
  padding-bottom: 80px;
}
#advertisement .wrap .advertisement_title {
  padding: 40px 0;
}
#advertisement h1 {
  margin-bottom: 32px;
}
#advertisement .advertisement_title p {
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  #advertisement {
    padding-top: 74px;
  }
}
@media screen and (max-width: 750px) {
  #advertisement h1 {
    margin-bottom: 16px;
  }
  #advertisement .advertisement_title p {
    font-size: 14px;
  }
}
/*-----------------------------------------------------
	#advertisement_contact
------------------------------------------------------*/
.advertisement_contact {
  padding-bottom: 40px;
}
.advertisement_contact h2 {
  margin-bottom: 32px;
}
.advertisement_contact .wrap .flex {
  -webkit-box-align: center;
  align-items: center;
}
.advertisement_contact_child {
  position: relative;
  width: 32%;
  padding-left: 15px;
}
.advertisement_contact_child:last-of-type {
  padding-left: 0;
}
.advertisement_contact_child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #0F76B9;
  border-radius: 3px;
}
.advertisement_contact_child:nth-of-type(2)::before {
  background: #E67612;
}
.advertisement_contact_child:last-of-type::before {
  display: none;
}
.advertisement_contact_child h3 {
  margin-bottom: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}
.advertisement_contact_child h4 {
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #767676;
}
.advertisement_contact_child h4 i {
  margin-right: 5px;
}
.advertisement_contact_child p {
  font-size: 1.6rem;
  line-height: 1.3;
}
.advertisement_contact_child .icon_link {
  width: 368px;
  margin: 0 auto;
}
.advertisement_contact_child .icon_link::before {
  width: 24px;
  height: 24px;
  background: url("../img/common/mail.svg") no-repeat center center;
  background-size: cover;
}
.advertisement_contact_child .icon_link a {
  padding: 30px 24px 30px 55px;
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .advertisement_contact_child .icon_link {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .advertisement_contact {
    padding-bottom: 60px;
  }
  .advertisement_contact h2 {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .advertisement_contact_child {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
  }
  .advertisement_contact_child:last-of-type {
    margin-bottom: 0;
  }
  .advertisement_contact_child h3 {
    margin-bottom: 14px;
    font-size: 14px;
  }
  .advertisement_contact_child h4 {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .advertisement_contact_child p {
    font-size: 14px;
  }
  .advertisement_contact_child .icon_link a {
    font-size: 14px;
  }
}
/*-----------------------------------------------------
	#advertisement ナビ
------------------------------------------------------*/
.tabs ul.flex li.tab_item.tab_current::after, .tabs ul.flex li.tab_item:hover::after {
  background: #0EA4B3;
}
#advertisement .wrap img {
  max-width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
}
#advertisement .wrap img.b_gray {
  margin-bottom: 32px;
  border: 1px solid #ccc;
}
#advertisement .wrap h2 {
  margin-bottom: 32px;
}
#advertisement .wrap h4 {
  margin-bottom: 16px;
}
.guide_child ul {
  margin-bottom: 16px;
}
table.table_01 tr:nth-child(even) td {
  background: #EBF4F5;
}
.advertisement_map {
  width: 49%;
}
.advertisement_map img {
  width: 100%;
}
.advertisement_img::after {
  width: 32%;
  display: block;
  content:"";
}
.advertisement_img_child {
  width: 32%;
  margin-bottom: 32px;
}
.advertisement_img_child h2 {
  margin-bottom: 16px !important;
  letter-spacing: -0.13em;
}
.table_01, .table_02 {
  margin-bottom: 80px !important;
}
.table_01 tr td a {
  display: inline-block;
  position: relative;
  text-decoration: underline;
}
.table_01 tr td a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url("../img/common/download.png") no-repeat center center;
  background-size: cover;
}
.mb16 {
  margin-bottom: 16px !important;
}
@media screen and (max-width: 900px) {
  .advertisement_img_child {
    width: 49%;
  }
}
@media screen and (max-width: 750px) {
  .tabs ul.flex {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .advertisement_map {
    width: 100%;
  }
  .advertisement_img::after {
    display: none;
  }
  .advertisement_img_child {
    width: 100%;
    margin-bottom: 16px;
  }
  .advertisement_img_child h2 {
    margin-bottom: 12px !important;
  }
  .table_01, .table_02 {
    margin-bottom: 80px !important;
  }
  .mb16 {
    margin-bottom: 12px !important;
  }
}