@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#contents { margin-top: 0; }

/*メインイメージ*/
#mainimg { background-image: url(/kawanishitada/img/concept/concept_top_sp.jpg); }

.copy .mein { font-size: 2rem; font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: bold; }
@media (min-width: 768px) { .copy .mein { font-size: calc( 2rem + ( 1vw - 7.68px ) * 1.171875 ); } }
@media (min-width: 1280px) { .copy .mein { font-size: 2.6rem; } }
.copy .txt { margin-top: 20px; line-height: 2; font-size: 1.4rem; }
@media (min-width: 768px) { .copy .txt { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { .copy .txt { font-size: 1.6rem; } }

.concept_img { margin: 40px auto; width: 90%; }

.acce span .en { padding-bottom: 10px; }
.acce span:after { right: -35px; }

.cap { color: #000; text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.list { margin-top: 50px; }
.list ul li { margin-top: 40px; text-align: center; }
.list ul li .point_title { font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: bold; margin: 0 auto 15px; font-size: 1.8rem; }
@media (min-width: 768px) { .list ul li .point_title { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { .list ul li .point_title { font-size: 2rem; } }
.list ul li .title_01 { color: #851b20; }
.list ul li .title_02 { color: #f7b52c; }
.list ul li .title_03 { color: #73ab6f; }
.list ul li .title_04 { color: #3888af; }
.list ul li .title_05 { color: #d184b4; }
.list ul li .title_06 { color: #8e4176; }
.list ul li .txt { margin-bottom: 20px; }
.list ul li .txt span { font-size: 1rem; }
.list ul li .img { position: relative; }
.list ul li .btn { margin: 12px auto; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .concept_img { width: 50%; }
  .acce span:after { right: -40px; }
  .acce span:before { left: -55px; }
  .list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .list ul li { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .list ul li .point_title { margin: 20px auto; }
  .list ul li .title_05, .list ul li .title_06 { margin: 0 auto 10px; } }
/*------------------------------
		1024px以上
------------------------------*/
@media screen and (min-width: 981px) { /*メインイメージ*/
  #mainimg { background-image: url(/kawanishitada/img/concept/concept_top_pc.jpg); }
  .copy .txt { line-height: 2.5; }
  .concept_img { width: 30%; margin: auto; margin-top: 45px; margin-bottom: 150px; }
  .acce span .en { padding-bottom: 20px; }
  .acce span:before, .acce span:after { width: 70px; height: 80px; }
  .acce span:before { left: -90px; }
  .acce span:after { right: -75px; }
  .list ul li .txt { margin-bottom: 5px; } }
/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 1281px) { .list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .list ul li { flex: 0 1 32%; width: 32%; max-width: 32%; text-align: center; } }

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