@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_about.scss */
#about { /*============================
#intro
============================*/ /*#profileWrap { width: 60%;
.ph { width: 40%; }
.text { width: 55%;
.read.name { @include fs(18,1.8); margin-bottom: 20px;}
.read.profile { @include fs(14,1.6);}
}
}
}*/ /*============================
#slider
============================*/ /*============================
btnWrap
============================*/ /* --------------------------------------------------------------------------------------------- PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 25, page_about.scss */
#about #intro.inner { margin-bottom: 120px; padding-left: 10%; /*#intro.inner { margin-bottom: 120px;
.intro{ width: 100%; text-align: left;
.catch { margin-bottom: 20px; width: 100%;}
.copy { width: 38%; @include fs(18,1.8);}
.read { width: 54%;}
}*/ /*#intro.inner {
.text{ width: 38%; text-align: left;
.catch { margin-bottom: 30px;}
.copy { @include fs(18,1.8); margin-bottom: 30px;}
.read {}
}*/ /*============================
#profileWrap
============================*/ }
/* line 26, page_about.scss */
#about #intro.inner .intro { width: 100%; text-align: left; align-items: center; }
/* line 27, page_about.scss */
#about #intro.inner .intro .catch { width: 38%; margin-right: 20px; }
@media screen and (min-width: 951px) and (max-width: 1280px) { /* line 27, page_about.scss */
  #about #intro.inner .intro .catch { width: 100%; } }
/* line 28, page_about.scss */
#about #intro.inner .intro .copy { width: 54%; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; margin-right: auto; }
@media screen and (min-width: 951px) and (max-width: 1280px) { /* line 28, page_about.scss */
  #about #intro.inner .intro .copy { width: 100%; } }
/* line 29, page_about.scss */
#about #intro.inner .intro .read { width: 100%; margin-top: 30px; font-size: 16px; font-size: 1rem; line-height: 2.2rem; }
/* line 47, page_about.scss */
#about #intro.inner #profileWrap { width: 100%; align-items: center; margin-top: 80px; text-align: left; }
/* line 48, page_about.scss */
#about #intro.inner #profileWrap .ph { width: 40%; }
/* line 49, page_about.scss */
#about #intro.inner #profileWrap .text { width: 54%; }
/* line 50, page_about.scss */
#about #intro.inner #profileWrap .text .read.name { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; margin-bottom: 50px; }
/* line 51, page_about.scss */
#about #intro.inner #profileWrap .text .read.profile { font-size: 14px; font-size: 0.875rem; line-height: 1.925rem; }
/* line 67, page_about.scss */
#about #slider.swiper-container { background: #000; margin-bottom: 100px; }
/* line 68, page_about.scss */
#about #slider.swiper-container ul { transition-timing-function: linear !important; }
/* line 69, page_about.scss */
#about #slider.swiper-container ul li { height: 250px; margin: 0 !important; transform: none !important; width: auto; float: left !important; }
/* line 70, page_about.scss */
#about #slider.swiper-container ul li img { width: auto !important; height: 100% !important; }
/* line 78, page_about.scss */
#about .btnWrap { margin-bottom: 100px; display: flex; justify-content: center; align-items: center; }
/* line 80, page_about.scss */
#about .btnWrap .btn.large:not(:last-child) { margin-right: 60px; }
@media only screen and (max-width: 950px) { /* line 13, page_about.scss */
  #about { /*============================
#intro
============================*/ /*============================
#slider
============================*/ /*============================
btnWrap
============================*/ }
  /* line 104, page_about.scss */
  #about .titWrap.noImg { margin-bottom: 0; }
  /* line 113, page_about.scss */
  #about #intro.inner { margin-bottom: 50px; padding: 0 5%; /*============================
#profileWrap
============================*/ }
  /* line 115, page_about.scss */
  #about #intro.inner .intro .catch { width: 100%; margin-right: 0px; font-size: 23px; font-size: 1.4375rem; line-height: 2.5875rem; margin-bottom: 10px; }
  /* line 116, page_about.scss */
  #about #intro.inner .intro .copy { width: 100%; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; margin-right: auto; }
  /* line 117, page_about.scss */
  #about #intro.inner .intro .read { width: 100%; margin-top: 20px; font-size: 16px; font-size: 1rem; line-height: 2.2rem; }
  /* line 123, page_about.scss */
  #about #intro.inner #profileWrap { align-items: center; margin-top: 50px; }
  /* line 124, page_about.scss */
  #about #intro.inner #profileWrap .ph { width: 60%; margin: 0 auto 30px; }
  /* line 125, page_about.scss */
  #about #intro.inner #profileWrap .text { width: 100%; }
  /* line 126, page_about.scss */
  #about #intro.inner #profileWrap .text .read.name { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; margin-bottom: 20px; text-align: center; }
  /* line 127, page_about.scss */
  #about #intro.inner #profileWrap .text .read.profile { font-size: 13px; font-size: 0.8125rem; line-height: 1.7875rem; }
  /* line 135, page_about.scss */
  #about #slider.swiper-container { margin-bottom: 40px; }
  /* line 136, page_about.scss */
  #about #slider.swiper-container ul { transition-timing-function: linear !important; }
  /* line 137, page_about.scss */
  #about #slider.swiper-container ul li { height: 200px; margin: 0 !important; transform: none !important; width: auto; float: left !important; }
  /* line 138, page_about.scss */
  #about #slider.swiper-container ul li img { width: auto !important; height: 100% !important; }
  /* line 146, page_about.scss */
  #about .btnWrap { margin-bottom: 100px; display: flex; justify-content: center; align-items: center; }
  /* line 147, page_about.scss */
  #about .btnWrap .btn.large { width: 280px; height: 54px; }
  /* line 148, page_about.scss */
  #about .btnWrap .btn.large:not(:last-child) { margin-right: 0px; margin-bottom: 20px; }
  /* line 150, page_about.scss */
  #about .btnWrap .btn.large a em { font-size: 18px; font-size: 1.125rem; line-height: 1.125rem; } }