@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*ページタイトル*/
#ttlimg { background: url("/img/company/ttlimg.jpg") center/cover no-repeat; }

.company__ttl { margin-bottom: 35px; text-align: center; }
.company__ttl .company__ttl-txt { position: relative; padding-bottom: 15px; font-size: 2rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: 600; text-align: center; line-height: 1; }
@media (min-width: 375px) { .company__ttl .company__ttl-txt { font-size: calc( 2rem + ( 1vw - 3.75px ) * 1.2121212121 ); } }
@media (min-width: 1200px) { .company__ttl .company__ttl-txt { font-size: 3rem; } }
.company__ttl .company__ttl-txt::after { display: block; position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 1em; height: 1px; background: #172D5D; content: ''; }

#vision { margin-bottom: 0; padding: 60px 0 70px; }
#vision .vision__ttl { margin-bottom: 25px; font-size: 3rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: 600; text-align: center; line-height: 1; }
@media (min-width: 375px) { #vision .vision__ttl { font-size: calc( 3rem + ( 1vw - 3.75px ) * 2.4242424242 ); } }
@media (min-width: 1200px) { #vision .vision__ttl { font-size: 5rem; } }
#vision .vision__txt { font-size: 1.3rem; line-height: 1.85; text-align: center; }
@media (min-width: 375px) { #vision .vision__txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #vision .vision__txt { font-size: 1.6rem; } }

#info { margin-bottom: 50px; padding: 40px 0 60px; background: #172D5D; }
#info .company__ttl { margin-bottom: 35px; color: #FFF; }
#info .company__ttl .company__ttl-txt::after { background: #FFF; }
#info .info__exterior { margin-bottom: 35px; }
#info .info__exterior .info__exterior-img:nth-of-type(n+2) { position: relative; margin-top: 70px; }
#info .info__exterior .info__mascot { position: absolute; top: 0; right: 0; transform: translate(10%, -40%); width: 30%; }
#info .info__exterior .info__mascot .info__mascot-img { position: relative; }
#info .info__exterior .info__mascot .info__mascot-img::after { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; width: calc(100% + 10px); height: calc(100% + 10px); background: #172D5D; content: ''; }
#info .info__exterior .info__mascot .info__mascot-txt { position: absolute; top: 0; left: 0; transform: translate(-90%, -40%); width: 150%; }
#info .info__wp .info__box:first-of-type .info__box-cont:first-of-type { border-top: 1px solid #FFF; }
#info .info__box-cont { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #FFF; color: #FFF; font-size: 1.3rem; line-height: 1.85; letter-spacing: 0; }
@media (min-width: 375px) { #info .info__box-cont { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #info .info__box-cont { font-size: 1.6rem; } }
#info .info__box-cont .info__box-ttl { flex: 0 1 26%; width: 26%; max-width: 26%; }
#info .info__box-cont .info__box-txt { flex: 0 1 70%; width: 70%; max-width: 70%; }

#dog { margin-bottom: 50px; }
#dog .dog__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
#dog .dog__wp .dog__box { flex: 0 1 49%; width: 49%; max-width: 49%; }
#dog .dog__wp .dog__box:nth-of-type(n+3) { margin-top: 2%; }

#access .access__map { margin-bottom: 15px; }
#access .access__map iframe { width: 100%; height: auto; aspect-ratio: 16/9; max-height: 500px; }
#access .access__address { margin-bottom: 20px; padding: 0 20px; font-size: 1.3rem; line-height: 1; }
@media (min-width: 375px) { #access .access__address { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #access .access__address { font-size: 1.6rem; } }
#access .access__way { padding: 0 20px; font-size: 1.3rem; }
@media (min-width: 375px) { #access .access__way { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #access .access__way { font-size: 1.6rem; } }
#access .access__way:nth-of-type(n+2) { margin-top: 15px; }
#access .access__way span { font-weight: 600; }
#access .btn--navy { margin-top: 25px; }
#access .btn--navy a { height: 40px; font-weight: 500; line-height: 40px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .company__ttl { margin-bottom: 50px; }
  .company__ttl .company__ttl-txt { padding-bottom: 22px; }
  #vision { padding: 90px 0; }
  #vision .vision__ttl { margin-bottom: 40px; padding: 0; }
  #vision .vision__txt { line-height: 1.75; }
  #info { margin-bottom: 75px; padding: 80px 0; }
  #info .company__ttl { margin-bottom: 50px; }
  #info .info__exterior { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; margin-bottom: 50px; }
  #info .info__exterior .info__exterior-img { flex: 0 1 49%; width: 49%; max-width: 49%; }
  #info .info__exterior .info__exterior-img:nth-of-type(n+2) { margin-top: 0; }
  #info .info__exterior .info__mascot { transform: translate(-10%, -50%); }
  #info .info__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
  #info .info__wp .info__box { flex: 0 1 49%; width: 49%; max-width: 49%; }
  #info .info__wp .info__box .info__box-cont { padding: 20px; }
  #info .info__wp .info__box .info__box-cont:first-of-type { border-top: 1px solid #FFF; }
  #dog { margin-bottom: 75px; }
  #dog .inner { max-width: 1280px; padding: 0 1.66%; }
  #dog .dog__wp .dog__box { flex: 0 1 24%; width: 24%; max-width: 24%; }
  #dog .dog__wp .dog__box:nth-of-type(n+2) { margin-top: 0; }
  #access .inner { max-width: 1280px; padding: 0 1.66%; }
  #access .company__ttl { margin-bottom: 55px; }
  #access .access__map { margin: 0 auto 20px; }
  #access .access__address { max-width: 930px; margin: 0 auto 30px; padding: 0; }
  #access .access__way { max-width: 930px; margin: 0 auto; padding: 0; }
  #access .access__way:nth-of-type(n+2) { margin-top: 10px; }
  #access .access__way span { margin-right: 40px; }
  #access .btn--navy { margin-top: 50px; }
  #access .btn--navy a { max-width: 220px; font-size: 1.4rem; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/
@media screen and (min-width: 1201px) { #info .info__exterior .info__mascot { transform: translate(35%, -35%); width: 34%; }
  #info .info__exterior .info__mascot .info__mascot-img::after { width: calc(100% + 16px); height: calc(100% + 16px); }
  #info .info__exterior .info__mascot .info__mascot-txt { transform: translate(-80%, -55%); } }
@media screen and (min-width: 1320px) { #dog .inner { padding: 0; }
  #access .inner { padding: 0; } }

/*# sourceMappingURL=style.css.map */