@charset "UTF-8";
/* ==========================================================================
   企業PRページ スタイルシート
   ========================================================================== */
/* ==========================================================================
   設定ファイル（変数、Mixin、関数）
   ========================================================================== */
/* ==========================================================================
   Mixin
   ========================================================================== */
/* ==========================================================================
   関数
   ========================================================================== */
/* ==========================================================================
   レスポンシブMixin（PC/SP別値対応）
   ========================================================================== */
/* ==========================================================================
   メディアクエリMixin
   ========================================================================== */
/* ==========================================================================
   汎用Mixin
   ========================================================================== */
/* ==========================================================================
   共通スタイル
   ========================================================================== */
.mv__img {
  margin: 0 14.64vw 2.2vw;
}
@media (max-width: 767px) {
  .mv__img {
    margin: 0 0 4vw;
  }
}
.mv__img img {
  width: 100%;
  height: auto;
}
.mv__logo {
  margin-bottom: 2.2vw;
  text-align: center;
}
@media (max-width: 767px) {
  .mv__logo {
    margin-bottom: 4vw;
  }
}
.mv__logo img {
  width: auto;
  height: 5.12vw;
}
@media (max-width: 767px) {
  .mv__logo img {
    height: 10vw;
  }
}

.ttl_pr {
  padding: 1rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767px) {
  .ttl_pr {
    font-size: 2rem;
  }
}

.ttl_pr_main {
  margin-bottom: 1em;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767px) {
  .ttl_pr_main {
    font-size: 2.2rem;
  }
}

.txt__code {
  margin-top: 0.5vw;
  margin-bottom: 5.12vw;
  text-align: right;
}
@media (max-width: 767px) {
  .txt__code {
    margin-top: 1vw;
    font-size: 1.2rem;
    text-align: center;
  }
}

.sec_text_main {
  margin-bottom: 5.6vw;
  padding: 3vw;
  background: #ebf8ff;
}
@media (max-width: 767px) {
  .sec_text_main {
    margin-bottom: 8vw;
    padding: 4vw;
  }
}

/* ==========================================================================
   PRコンテンツセクション
   ========================================================================== */
.sec_pr_contents {
  position: relative;
  padding: 5.8vw 0;
}
@media (max-width: 767px) {
  .sec_pr_contents {
    padding: 4.5vw 0 12vw;
  }
}
.sec_pr_contents .link__line {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .sec_pr_contents .link__line:hover {
    text-decoration: none;
  }
}
.sec_pr_contents::before, .sec_pr_contents::after {
  content: "";
  position: absolute;
  height: 2px;
  top: 0;
}
.sec_pr_contents::before {
  width: 13.2%;
}
@media (max-width: 767px) {
  .sec_pr_contents::before {
    width: 20%;
  }
}
.sec_pr_contents::after {
  width: 86.8%;
  left: 13.2%;
  background: #f4f4f4;
}
@media (max-width: 767px) {
  .sec_pr_contents::after {
    width: 80%;
    left: 20%;
  }
}

.sec_pr_contents_ttl {
  margin-bottom: 5.12vw;
  color: #003a81;
  text-align: center;
}
@media (max-width: 767px) {
  .sec_pr_contents_ttl {
    margin-bottom: 8vw;
  }
}
.sec_pr_contents_ttl h3 {
  margin-bottom: 0.2em;
  font-size: 3.6rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sec_pr_contents_ttl h3 {
    font-size: 2.8rem;
  }
}
.sec_pr_contents_ttl_txt {
  font-weight: 600;
}

.txt__comingsoon {
  font-size: 2.5rem;
  text-align: center;
}

/* ==========================================================================
   動画・スライド
   ========================================================================== */
.sec_movie .col p {
  margin-top: 0.3em;
}

.sec_slide {
  width: 100%;
}
@media (max-width: 767px) {
  .sec_slide {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5.3vw;
    padding-right: 5.3vw;
  }
}
.sec_slide .slides {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sec_slide .slides {
    flex-direction: column;
  }
}
.sec_slide .slides li {
  width: 46.29%;
}
@media (max-width: 767px) {
  .sec_slide .slides li {
    width: auto;
  }
}

.pr_movie {
  padding: 2.2vw;
  background: #f4f4f4;
}
.pr_movie .col_movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.pr_movie .col_movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pr_movie.pr_movie_col2 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .pr_movie.pr_movie_col2 {
    flex-direction: column;
  }
}
.pr_movie.pr_movie_col2 .col_movie_wrap {
  width: calc(50% - 1.1vw);
}
@media (max-width: 767px) {
  .pr_movie.pr_movie_col2 .col_movie_wrap {
    width: 100%;
  }
  .pr_movie.pr_movie_col2 .col_movie_wrap:not(:last-child) {
    margin-bottom: 2.2vw;
  }
}

/* ==========================================================================
   フォトギャラリー
   ========================================================================== */
.ttl_gallery::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.1em;
  width: 5.5rem;
  height: 5.5rem;
  margin-right: 1.5rem;
  background: url("../images/icon__gallery.png") no-repeat center center/contain;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ttl_gallery::before {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
  }
}

.sec_gallery {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sec_gallery {
    justify-content: space-between;
  }
}
.sec_gallery .item_gallery {
  display: block;
  width: 32.03125%;
  margin: 0 1.953% 1.953% 0;
}
.sec_gallery .item_gallery:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .sec_gallery .item_gallery {
    width: calc(50% - 0.5rem);
    margin: 0 0 1rem;
  }
}
.sec_gallery img {
  max-width: 100%;
}

/* ==========================================================================
   企業別スタイル
   ========================================================================== */
.dir .ttl_pr,
.dir .sec_pr_contents::before {
  background: #0075c2;
}
.dir .txt__emphasis,
.dir .sec_pr_contents .link__line {
  color: #0075c2;
}

.pr_sky .ttl_pr,
.pr_sky .sec_pr_contents::before {
  background: #008cd6;
}
.pr_sky .txt__emphasis,
.pr_sky .sec_pr_contents .link__line {
  color: #008cd6;
}

.pr_my .mv__img {
  border: 1px solid #eee;
}
.pr_my .ttl_pr,
.pr_my .sec_pr_contents::before {
  background: #009c84;
}
.pr_my .txt__emphasis,
.pr_my .sec_pr_contents .link__line {
  color: #009c84;
}

.pr_itochu .ttl_pr,
.pr_itochu .sec_pr_contents::before {
  background: #004ea1;
}
.pr_itochu .txt__emphasis,
.pr_itochu .sec_pr_contents .link__line {
  color: #004ea1;
}

.pr_macnica .ttl_pr,
.pr_macnica .sec_pr_contents::before {
  background: #7b2482;
}
.pr_macnica .txt__emphasis,
.pr_macnica .sec_pr_contents .link__line {
  color: #7b2482;
}
.pr_macnica .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_macnica .ttl_pr_main {
    font-size: 2.2rem;
  }
}

.pr_mori .ttl_pr,
.pr_mori .sec_pr_contents::before {
  background: #9fa0a0;
}
.pr_mori .txt__emphasis,
.pr_mori .sec_pr_contents .link__line {
  color: #9fa0a0;
}
.pr_mori .txt__emphasis,
.pr_mori .sec_pr_contents .link__line {
  color: #666;
}

.pr_nomura .mv__img {
  border: 1px solid #911a15;
}
.pr_nomura .ttl_pr,
.pr_nomura .sec_pr_contents::before {
  background: #911a15;
}
.pr_nomura .txt__emphasis,
.pr_nomura .sec_pr_contents .link__line {
  color: #911a15;
}

.pr_marubeni .ttl_pr,
.pr_marubeni .sec_pr_contents::before {
  background: #e8472a;
}
.pr_marubeni .txt__emphasis,
.pr_marubeni .sec_pr_contents .link__line {
  color: #e8472a;
}
.pr_marubeni .mv__logo {
  margin-bottom: 2.5vw;
}
@media (max-width: 767px) {
  .pr_marubeni .mv__logo {
    margin-bottom: 6vw;
  }
}
.pr_marubeni .mv__logo img {
  height: 2vw;
}
@media (max-width: 767px) {
  .pr_marubeni .mv__logo img {
    height: 5vw;
  }
}

.pr_shinsho .mv__img {
  border: 1px solid #006eb5;
}
.pr_shinsho .ttl_pr,
.pr_shinsho .sec_pr_contents::before {
  background: #006eb5;
}
.pr_shinsho .txt__emphasis,
.pr_shinsho .sec_pr_contents .link__line {
  color: #006eb5;
}

.pr_daiichi .ttl_pr,
.pr_daiichi .sec_pr_contents::before {
  background: #1746ff;
}
.pr_daiichi .txt__emphasis,
.pr_daiichi .sec_pr_contents .link__line {
  color: #1746ff;
}
.pr_daiichi .mv__logo img {
  height: 8.5vw;
}
@media (max-width: 767px) {
  .pr_daiichi .mv__logo img {
    height: 15vw;
  }
}
.pr_daiichi .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_daiichi .ttl_pr_main {
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .pr_daiichi .sec_text_main p {
    font-size: 1.5rem;
    font-feature-settings: "palt";
  }
}

.pr_msad .mv__img {
  border: 4px solid #006659;
}
@media (max-width: 767px) {
  .pr_msad .mv__img {
    border-width: 2px;
  }
}
.pr_msad .ttl_pr,
.pr_msad .sec_pr_contents::before {
  background: #006659;
}
.pr_msad .txt__emphasis,
.pr_msad .sec_pr_contents .link__line {
  color: #006659;
}
.pr_msad .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_msad .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_daiwa .mv__img {
  border: 2px solid #006c3a;
}
@media (max-width: 767px) {
  .pr_daiwa .mv__img {
    border-width: 1px;
  }
}
.pr_daiwa .ttl_pr,
.pr_daiwa .sec_pr_contents::before {
  background: #006c3a;
}
.pr_daiwa .txt__emphasis,
.pr_daiwa .sec_pr_contents .link__line {
  color: #006c3a;
}
.pr_daiwa .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_daiwa .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.sumitomocorp .mv__img {
  border: 2px solid #b6ddda;
}
@media (max-width: 767px) {
  .sumitomocorp .mv__img {
    border-width: 1px;
  }
}
.sumitomocorp .ttl_pr {
  color: #000;
}
.sumitomocorp .ttl_pr,
.sumitomocorp .sec_pr_contents::before {
  background: #b6ddda;
}
.sumitomocorp .txt__emphasis,
.sumitomocorp .sec_pr_contents .link__line {
  color: #b6ddda;
}
.sumitomocorp .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .sumitomocorp .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_sompo .ttl_pr,
.pr_sompo .sec_pr_contents::before {
  background: #cf0021;
}
.pr_sompo .txt__emphasis,
.pr_sompo .sec_pr_contents .link__line {
  color: #cf0021;
}
.pr_sompo .mv__logo img {
  height: 6vw;
}
@media (max-width: 767px) {
  .pr_sompo .mv__logo img {
    height: 14vw;
  }
}
.pr_sompo .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_sompo .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_hanwa .ttl_pr,
.pr_hanwa .sec_pr_contents::before {
  background: #009a44;
}
.pr_hanwa .txt__emphasis,
.pr_hanwa .sec_pr_contents .link__line {
  color: #009a44;
}
@media (max-width: 767px) {
  .pr_hanwa .mv__img {
    margin-top: 3.5vw;
  }
}
.pr_hanwa .mv__logo img {
  height: 8vw;
}
@media (max-width: 767px) {
  .pr_hanwa .mv__logo img {
    height: 22vw;
  }
}
.pr_hanwa .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_hanwa .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_sumitomolife .ttl_pr,
.pr_sumitomolife .sec_pr_contents::before {
  background: #e70012;
}
.pr_sumitomolife .txt__emphasis,
.pr_sumitomolife .sec_pr_contents .link__line {
  color: #e70012;
}
.pr_sumitomolife .mv__img {
  margin-bottom: 1vw;
}
@media (max-width: 767px) {
  .pr_sumitomolife .mv__img {
    margin-bottom: 2vw;
  }
}
.pr_sumitomolife .mv__logo img {
  height: 8vw;
}
@media (max-width: 767px) {
  .pr_sumitomolife .mv__logo img {
    height: 22vw;
  }
}
.pr_sumitomolife .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_sumitomolife .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_aioi .ttl_pr,
.pr_aioi .sec_pr_contents::before {
  background: #00655B;
}
.pr_aioi .txt__emphasis,
.pr_aioi .sec_pr_contents .link__line {
  color: #00655B;
}
.pr_aioi .mv__img {
  margin-bottom: 1vw;
}
@media (max-width: 767px) {
  .pr_aioi .mv__img {
    margin-bottom: 2vw;
  }
}
.pr_aioi .mv__logo img {
  height: 8vw;
}
@media (max-width: 767px) {
  .pr_aioi .mv__logo img {
    height: 22vw;
  }
}
.pr_aioi .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_aioi .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_mitsui .ttl_pr,
.pr_mitsui .sec_pr_contents::before {
  background: #000;
}
.pr_mitsui .txt__emphasis,
.pr_mitsui .sec_pr_contents .link__line {
  color: #000;
}
.pr_mitsui .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_mitsui .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_mufg .ttl_pr,
.pr_mufg .sec_pr_contents::before {
  background: #d81718;
}
.pr_mufg .txt__emphasis,
.pr_mufg .sec_pr_contents .link__line {
  color: #d81718;
}
.pr_mufg .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_mufg .ttl_pr_main {
    font-size: 1.5rem;
  }
}

.pr_daido .ttl_pr,
.pr_daido .sec_pr_contents::before {
  background: #006cb6;
}
.pr_daido .txt__emphasis,
.pr_daido .sec_pr_contents .link__line {
  color: #006cb6;
}
.pr_daido .ttl_pr_main {
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  .pr_daido .ttl_pr_main {
    font-size: 1.8rem;
  }
}

.pr_taisei .ttl_pr,
.pr_taisei .sec_pr_contents::before {
  background: #00307c;
}
.pr_taisei .txt__emphasis,
.pr_taisei .sec_pr_contents .link__line {
  color: #00307c;
}
.pr_taisei .ttl_pr,
.pr_taisei .sec_pr_contents::before {
  background: linear-gradient(270deg, #45a77d, #117982 50%, #00307c);
}
.pr_taisei .ttl_pr_main {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .pr_taisei .ttl_pr_main {
    font-size: 1.5rem;
  }
}
/*# sourceMappingURL=pr.css.map */