@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;
*/
/* line 15, page_about.scss */
#about .titleWrap .title em { color: #fff; }
/* line 19, page_about.scss */
#about .titCmn { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0 auto 60px; width: 100%; }
/* line 20, page_about.scss */
#about .titCmn em { font-size: 40px; letter-spacing: 0; margin-bottom: 10px; }
/* line 21, page_about.scss */
#about .titCmn span { font-size: 16px; }
@media only screen and (max-width: 750px) { /* line 33, page_about.scss */
  #about .titCmn { margin: 0 auto 30px; width: 100%; }
  /* line 34, page_about.scss */
  #about .titCmn em { font-size: 28px; margin-bottom: 10px; }
  /* line 35, page_about.scss */
  #about .titCmn span { font-size: 15px; } }
/* line 42, page_about.scss */
#about #shop { padding-top: 50px; }
/* line 47, page_about.scss */
#about #shop .phMain { width: 67%; margin: 0 auto 60px; }
/* line 48, page_about.scss */
#about #shop .shopList { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 50px; width: 92%; }
/* line 49, page_about.scss */
#about #shop .shopList .list { background: #f8f8f8; padding: 30px 40px; width: 48%; box-sizing: border-box; }
/* line 51, page_about.scss */
#about #shop .shopList .list .phWrap { float: right; width: 150px; margin: 5px 0 10px 20px; }
/* line 52, page_about.scss */
#about #shop .shopList .list .phWrap span { display: block; }
/* line 53, page_about.scss */
#about #shop .shopList .list .phWrap em { display: block; font-size: 12px; margin-top: 5px; }
/* line 55, page_about.scss */
#about #shop .shopList .list .read { text-align: justify; line-height: 1.8; }
/* line 57, page_about.scss */
#about #shop .shopList .list.list01 .logo { width: 73px; margin-bottom: 30px; }
/* line 61, page_about.scss */
#about #shop .shopList .list.list02 .logo { width: 114px; margin-bottom: 50px; }
/* line 66, page_about.scss */
#about #shop .mapWrap { width: 67%; margin: 0 auto 120px; }
/* line 70, page_about.scss */
#about .imagePhWrap { display: flex; overflow: hidden; margin: 0 auto 130px; }
/* line 71, page_about.scss */
#about .imagePhWrap ul.imagePh { display: flex; list-style: none; padding: 0; animation: infinity-scroll-right 80s infinite linear 0.5s both; }
/* line 72, page_about.scss */
#about .imagePhWrap ul.imagePh li.ph { width: 320px; }
@media only screen and (max-width: 750px) { /* line 79, page_about.scss */
  #about #shop { padding-top: 50px; }
  /* line 84, page_about.scss */
  #about #shop .phMain { width: 100%; margin: 0 auto 30px; }
  /* line 85, page_about.scss */
  #about #shop .shopList { margin: 0 auto 50px; width: 90%; }
  /* line 86, page_about.scss */
  #about #shop .shopList .list { padding: 30px 20px 20px; width: 100%; }
  /* line 88, page_about.scss */
  #about #shop .shopList .list .phWrap { float: right; width: 140px; margin: 3px 0 5px 20px; }
  /* line 89, page_about.scss */
  #about #shop .shopList .list .phWrap span { display: block; }
  /* line 90, page_about.scss */
  #about #shop .shopList .list .phWrap em { display: block; font-size: 11px; margin-top: 5px; }
  /* line 92, page_about.scss */
  #about #shop .shopList .list .read { font-size: 15px; line-height: 1.6; }
  /* line 93, page_about.scss */
  #about #shop .shopList .list.list01 { margin-bottom: 30px; }
  /* line 94, page_about.scss */
  #about #shop .shopList .list.list01 .logo { width: 73px; margin: 0 auto 30px; }
  /* line 98, page_about.scss */
  #about #shop .shopList .list.list02 .logo { width: 114px; margin: 0 auto 25px; }
  /* line 103, page_about.scss */
  #about #shop .mapWrap { width: 90%; margin: 0 auto 80px; height: 0; padding-top: 90%; position: relative; }
  /* line 104, page_about.scss */
  #about #shop .mapWrap iframe { width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 107, page_about.scss */
  #about .imagePhWrap { display: flex; overflow: hidden; margin: 0 auto 70px; }
  /* line 108, page_about.scss */
  #about .imagePhWrap ul.imagePh { display: flex; list-style: none; padding: 0; animation: infinity-scroll-right 40s infinite linear 0.5s both; }
  /* line 109, page_about.scss */
  #about .imagePhWrap ul.imagePh li.ph { width: 200px; } }
@keyframes infinity-scroll-right { from { transform: translateX(-100%); }
  to { transform: translateX(0%); } }
/* line 121, page_about.scss */
#about #greeting { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto 165px; }
/* line 126, page_about.scss */
#about #greeting .ph { width: 47%; }
/* line 127, page_about.scss */
#about #greeting .text { width: 47%; }
/* line 128, page_about.scss */
#about #greeting .text .read { text-align: justify; line-height: 2.0; }
@media only screen and (max-width: 750px) { /* line 135, page_about.scss */
  #about #greeting { margin: 0 auto 100px; }
  /* line 140, page_about.scss */
  #about #greeting .ph { width: 90%; margin: 0 auto 30px; }
  /* line 141, page_about.scss */
  #about #greeting .text { width: 90%; margin: auto; }
  /* line 142, page_about.scss */
  #about #greeting .text .read { line-height: 1.8; } }
/* line 150, page_about.scss */
#about #outline { margin: 0 auto 175px; }
/* line 155, page_about.scss */
#about #outline table { width: 64%; margin: auto; }
/* line 158, page_about.scss */
#about #outline table tbody tr th, #about #outline table tbody tr td { text-align: justify; padding-top: 12px; padding-bottom: 12px; line-height: 1.8; }
/* line 159, page_about.scss */
#about #outline table tbody tr th { border-right: 1px solid #999999; width: 130px; }
/* line 160, page_about.scss */
#about #outline table tbody tr td { padding-left: 50px; }
/* line 162, page_about.scss */
#about #outline table tbody tr td ul.history li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 1.8; }
/* line 163, page_about.scss */
#about #outline table tbody tr td ul.history li span { width: 110px; }
/* line 164, page_about.scss */
#about #outline table tbody tr td ul.history li em { width: calc(100% - 110px); }
/* line 168, page_about.scss */
#about #outline table tbody tr td ol li { padding-left: 1.1em; position: relative; width: 100%; }
/* line 169, page_about.scss */
#about #outline table tbody tr td ol li::before { position: absolute; top: 0; left: 0; }
/* line 170, page_about.scss */
#about #outline table tbody tr td ol li:nth-of-type(1)::before { content: "\02460"; }
/* line 171, page_about.scss */
#about #outline table tbody tr td ol li:nth-of-type(2)::before { content: "\02461"; }
/* line 172, page_about.scss */
#about #outline table tbody tr td ol li:nth-of-type(3)::before { content: "\02462"; }
/* line 173, page_about.scss */
#about #outline table tbody tr td ol li:nth-of-type(4)::before { content: "\02463"; }
/* line 174, page_about.scss */
#about #outline table tbody tr td ol li:nth-of-type(5)::before { content: "\02464"; }
@media only screen and (max-width: 750px) { /* line 186, page_about.scss */
  #about #outline { margin: 0 auto 100px; }
  /* line 191, page_about.scss */
  #about #outline table { width: 90%; margin: auto; }
  /* line 194, page_about.scss */
  #about #outline table tbody tr th, #about #outline table tbody tr td { padding-top: 12px; padding-bottom: 12px; font-size: 14px; }
  /* line 195, page_about.scss */
  #about #outline table tbody tr th { border-right: 1px solid #999999; width: 90px; }
  /* line 196, page_about.scss */
  #about #outline table tbody tr td { padding-left: 15px; }
  /* line 198, page_about.scss */
  #about #outline table tbody tr td ul.history li { width: 100%; font-size: 14px; line-height: 1.6; letter-spacing: 0; }
  /* line 199, page_about.scss */
  #about #outline table tbody tr td ul.history li:not(:last-child) { margin-bottom: 5px; }
  /* line 200, page_about.scss */
  #about #outline table tbody tr td ul.history li span { width: 100%; }
  /* line 201, page_about.scss */
  #about #outline table tbody tr td ul.history li em { width: calc(100% - 0px); }
  /* line 205, page_about.scss */
  #about #outline table tbody tr td ol li { font-size: 14px; line-height: 1.6; letter-spacing: 0; }
  /* line 206, page_about.scss */
  #about #outline table tbody tr td ol li:not(:last-child) { margin-bottom: 5px; } }
/* line 220, page_about.scss */
#about #brand { margin: 0 auto 175px; }
/* line 225, page_about.scss */
#about #brand ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 92%; }
/* line 226, page_about.scss */
#about #brand ul.listWrap li { width: calc(100% / 4 - 20px); height: 95px; margin-bottom: 10px; }
/* line 227, page_about.scss */
#about #brand ul.listWrap li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 229, page_about.scss */
#about #brand ul.listWrap li a em { display: none; }
@media only screen and (max-width: 750px) { /* line 238, page_about.scss */
  #about #brand { margin: 0 auto 80px; }
  /* line 243, page_about.scss */
  #about #brand ul.listWrap { width: 86%; margin: auto; }
  /* line 244, page_about.scss */
  #about #brand ul.listWrap::after { content: ""; display: block; width: calc(100% / 3 - 25px); }
  /* line 245, page_about.scss */
  #about #brand ul.listWrap li { width: calc(100% / 3 - 25px); height: 60px; margin-bottom: 10px; }
  /* line 247, page_about.scss */
  #about #brand ul.listWrap li a span { line-height: 0; }
  /* line 248, page_about.scss */
  #about #brand ul.listWrap li a em { display: none; } }