@charset "UTF-8";
/*
theme Name: ルートロンアスカ株式会社
Description: 共通テンプレート
version： 1.0.0
*/
/* =============================================================================================== */
/* 定義 */
/* =============================================================================================== */
/*３社イベント ここから*/
.page-template-page-ivent01-php #header {
  display: none;
}
.page-template-page-ivent01-php .footer {
  display: none;
}

.ivent01 .movie03 {
  width: 100%;
  height: 685px;
  position: relative;
}
@media (max-width: 768px) {
  .ivent01 .movie03 {
    height: 350px;
  }
}
.ivent01 .movie03 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ivent01 .movie03 .wrp-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.ivent01 .movie03 .wrp-img .img {
  max-width: 844px;
}
.ivent01 .movie03::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.77);
}
.ivent01 .com-tit-ivent {
  text-align: center;
  line-height: 2.4em;
}
.ivent01 .com-tit-ivent.wh {
  color: #ffffff;
}
.ivent01 .com-tit-ivent.wh .sen {
  background-color: #ffffff;
}
.ivent01 .com-tit-ivent .sen {
  width: 1px;
  height: 28px;
  background-color: #333333;
  margin: 0px auto 10px;
}
.ivent01 .com-tit-ivent .en {
  font-size: 34px;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .ivent01 .com-tit-ivent .en {
    font-size: 22px;
  }
}
.ivent01 .com-tit-ivent .ja {
  font-size: 16px;
}
@media (max-width: 768px) {
  .ivent01 .com-tit-ivent .ja {
    font-size: 12px;
  }
}
.ivent01 .block-ivent-a {
  padding: 100px 30px;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-a {
    padding: 50px 30px;
  }
}
.ivent01 .block-ivent-a .txt-box {
  max-width: 730px;
  margin: 50px auto 0;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-a .txt-box {
    margin: 30px auto 0;
  }
}
.ivent01 .block-ivent-b {
  padding: 100px 0px;
  background-color: #d6d6d6;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-b {
    padding: 50px 0px;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 50px 0 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-b .block-list-ivent01 {
    margin: 30px 0 0;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box {
  width: calc(33.3333333333% - 20px);
  background-color: #ffffff;
  padding: 20px 20px 40px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-b .block-list-ivent01 .list-box {
    width: 100%;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-thum {
  overflow: hidden;
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-thum img {
  width: 297px;
  display: block;
  margin: auto;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-thum img {
    width: 200px;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .tit {
  font-size: 18px;
  text-align: center;
  color: #977819;
  padding: 20px 0 0;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .tit {
    font-size: 16px;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .txt {
  padding: 20px 0;
  margin: 0 0 20px;
  border-bottom: 1px dotted #333333;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .txt {
    padding: 15px 0;
    margin: 0 0 15px;
  }
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  padding: 0 0 0 1em;
}
.ivent01 .block-ivent-b .block-list-ivent01 .list-box .wrp-txt .list li {
  list-style-type: disc;
  line-height: 1.5;
}
.ivent01 .block-ivent-c {
  padding: 100px 0px;
  background-color: #3a3a3a;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-c {
    padding: 50px 0px;
  }
}
.ivent01 .block-ivent-c .txt-box {
  max-width: 730px;
  margin: 50px auto 0;
  color: #ffffff;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-c .txt-box {
    margin: 30px auto 0;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 50px 0 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 {
    margin: 30px 0 0;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box {
  width: calc(33.3333333333% - 20px);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 20px 40px;
  border-radius: 5px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box {
    width: 100%;
    padding: 20px 20px 20px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-thum {
  overflow: hidden;
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-thum img {
  width: 100%;
  display: block;
  margin: auto;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-thum img {
    width: 250px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-txt {
  color: #ffffff;
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-txt .tit {
  font-size: 18px;
  text-align: center;
  padding: 20px 0 0;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-txt .tit {
    font-size: 16px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-txt .txt {
  padding: 15px 0 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box .wrp-txt .txt {
    padding: 15px 0 0;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 {
  width: calc(33.3333333333% - 20px);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0px 0px 5px 5px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box02 {
    width: 100%;
    padding: 20px 20px 20px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-thum {
  overflow: hidden;
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-thum img {
  width: 100%;
  display: block;
  margin: auto;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-thum img {
    width: 250px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt {
  color: #ffffff;
  padding: 20px;
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt .tit {
  font-size: 21px;
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt .tit {
    font-size: 18px;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt .txt {
  padding: 15px 0 0;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt .txt {
    padding: 15px 0 0;
  }
}
.ivent01 .block-ivent-c .block-list-ivent02 .list-box02 .wrp-txt .txt a {
  color: #ffffff;
  text-decoration: underline;
}
.ivent01 .block-ivent-d {
  padding: 100px 0px;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-d {
    padding: 50px 0px;
  }
}
.ivent01 .block-ivent-d .block-list-ivent02 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 50px 0 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-d .block-list-ivent02 {
    margin: 30px 0 0;
  }
}
.ivent01 .block-ivent-d .block-list-ivent02 .list-box {
  width: calc(33.3333333333% - 20px);
  background-color: #f4f4f4;
  border: 1px solid #b6b6b6;
  padding: 20px 20px 20px;
  border-radius: 5px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-d .block-list-ivent02 .list-box {
    width: 100%;
    padding: 20px 20px 20px;
  }
}
.ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-thum {
  overflow: hidden;
}
.ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-thum img {
  width: 110px;
  display: block;
  margin: auto;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-thum img {
    width: 110px;
  }
}
.ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-txt .tit {
  font-size: 18px;
  text-align: center;
  padding: 20px 0 0;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-txt .tit {
    font-size: 16px;
  }
}
.ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-txt .txt {
  padding: 15px 0 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-d .block-list-ivent02 .list-box .wrp-txt .txt {
    padding: 15px 0 0;
  }
}
.ivent01 .youtube-box {
  margin: 50px 0 0;
}
@media (max-width: 768px) {
  .ivent01 .youtube-box {
    margin: 30px 0 0;
  }
}
.ivent01 .block-ivent-e {
  background-color: #d6d6d6;
  padding: 100px 0px;
}
@media (max-width: 768px) {
  .ivent01 .block-ivent-e {
    padding: 50px 0px;
  }
}
.ivent01 .block-ivent-e .tit-line {
  font-size: 34px;
  text-align: center;
  margin: 40px 0 0;
}
.ivent01 .block-ivent-e .wrp-flow10 {
  background-color: #ffffff;
  padding: 30px;
  margin: 20px 0 80px;
}
.ivent01 .block-ivent-e .wrp-flow10:last-child {
  margin: 20px 0 0px;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-e .wrp-flow10 {
    padding: 30px 20px;
  }
}
.ivent01 .block-ivent-e .wrp-flow10 .box {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #000000;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-e .wrp-flow10 .box {
    gap: 15px;
    flex-direction: column;
    align-items: center;
  }
}
.ivent01 .block-ivent-e .wrp-flow10 .box:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px dashed #000000;
}
.ivent01 .block-ivent-e .wrp-flow10 .box .icon {
  font-size: 68px;
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  line-height: 1em;
  width: 1.5em;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-e .wrp-flow10 .box .icon {
    font-size: 38px;
  }
}
.ivent01 .block-ivent-e .wrp-flow10 .box .wrp-txt .tit {
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 10px 0;
}
@media (max-width: 1024px) {
  .ivent01 .block-ivent-e .wrp-flow10 .box .wrp-txt .tit {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
  }
}
.ivent01 .block-ivent-e .wrp-flow10 .box .wrp-txt .txt {
  line-height: 1.6;
}

/*３社イベント ここまで*//*# sourceMappingURL=ivent.css.map */