@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_guideline.scss */
#guideline { /* まちなみガイドライン */ /* 背割りブロック */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 16, page_guideline.scss */
#guideline .guidelineWrap { width: 88%; margin: 0 auto 120px; }
/* line 19, page_guideline.scss */
#guideline .machinamiguideline .tit, #guideline .sewariblockWrap .tit { font-size: 22px; font-size: 1.375rem; line-height: 2.0625rem; font-weight: 500; padding: 5px 0; text-align: center; background: linear-gradient(to right, #0d3219 0%, #007f41 50%, #0d3219 100%); color: #fff; margin-bottom: 30px; width: 100%; }
/* line 23, page_guideline.scss */
#guideline .machinamiguideline { margin: 60px auto 50px; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
/* line 25, page_guideline.scss */
#guideline .machinamiguideline .pointList { /*width: 70%;*/ width: 100%; padding: 0 20px; }
/* line 26, page_guideline.scss */
#guideline .machinamiguideline .pointList li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 27, page_guideline.scss */
#guideline .machinamiguideline .pointList li:not(:last-child) { margin-bottom: 30px; }
/* line 28, page_guideline.scss */
#guideline .machinamiguideline .pointList li .t { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; font-weight: 500; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; color: #fff; margin-bottom: 15px; /*width: 180px;*/ width: 100%; }
/* line 29, page_guideline.scss */
#guideline .machinamiguideline .pointList li .t span { background: linear-gradient(to right, #0d3219 0%, #007f41 50%, #0d3219 100%); display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; }
/* line 30, page_guideline.scss */
#guideline .machinamiguideline .pointList li .t em { background: #8ab48d; padding: 2px 10px; width: calc(100% - 34px); }
/* line 32, page_guideline.scss */
#guideline .machinamiguideline .pointList li .read { font-size: 15.5px; font-size: 0.96875rem; line-height: 1.74375rem; width: calc(100% - 0px); }
/* line 35, page_guideline.scss */
#guideline .machinamiguideline ul.phSet { width: 26%; display: flex; justify-content: space-between; flex-wrap: wrap; display: none; }
/* line 36, page_guideline.scss */
#guideline .machinamiguideline ul.phSet li { width: 100%; }
/* line 37, page_guideline.scss */
#guideline .machinamiguideline ul.phSet li:not(:last-child) { margin-bottom: 15px; }
/* line 38, page_guideline.scss */
#guideline .machinamiguideline ul.phSet li .ph.flexImg { height: 200px; }
/* line 39, page_guideline.scss */
#guideline .machinamiguideline ul.phSet li .cap { font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; margin-top: 8px; }
/* line 42, page_guideline.scss */
#guideline .machinamiguideline .caption { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; text-align: right; width: 100%; margin-top: 15px; display: none; }
/* line 47, page_guideline.scss */
#guideline .sewariblockWrap .sewariblock { background: #fff; position: relative; width: 100%; padding: 20px 20px 55px; }
/* line 48, page_guideline.scss */
#guideline .sewariblockWrap .sewariblock .hanrei { position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; width: 607px; line-height: 0; }
/* line 49, page_guideline.scss */
#guideline .sewariblockWrap .sewariblock .drawing { width: 76%; margin: auto; }
/* line 50, page_guideline.scss */
#guideline .sewariblockWrap .sewariblock .caption { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; text-align: right; width: 100%; margin-top: 20px; }
@media only screen and (max-width: 1023px) { /* line 13, page_guideline.scss */
  #guideline { /* まちなみガイドライン */ /* 背割りブロック */ }
  /* line 61, page_guideline.scss */
  #guideline .guidelineWrap { width: 90%; margin: 0 auto 80px; }
  /* line 64, page_guideline.scss */
  #guideline .machinamiguideline .tit, #guideline .sewariblockWrap .tit { font-size: 17px; font-size: 1.0625rem; line-height: 1.59375rem; padding: 4px 0 2px; margin-bottom: 15px; }
  /* line 68, page_guideline.scss */
  #guideline .machinamiguideline { margin: 30px auto 50px; }
  /* line 70, page_guideline.scss */
  #guideline .machinamiguideline .pointList { width: 100%; padding: 0 0; }
  /* line 72, page_guideline.scss */
  #guideline .machinamiguideline .pointList li:not(:last-child) { margin-bottom: 15px; }
  /* line 73, page_guideline.scss */
  #guideline .machinamiguideline .pointList li .t { font-size: 16px; font-size: 1rem; line-height: 1.5rem; margin-bottom: 10px; width: 100%; }
  /* line 74, page_guideline.scss */
  #guideline .machinamiguideline .pointList li .t span { width: 28px; height: 28px; }
  /* line 75, page_guideline.scss */
  #guideline .machinamiguideline .pointList li .t em { padding: 2px 10px; width: calc(100% - 28px); }
  /* line 77, page_guideline.scss */
  #guideline .machinamiguideline .pointList li .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; width: calc(100% - 0px); }
  /* line 80, page_guideline.scss */
  #guideline .machinamiguideline ul.phSet { width: 100%; margin-top: 10px; }
  /* line 81, page_guideline.scss */
  #guideline .machinamiguideline ul.phSet li { width: 48%; }
  /* line 82, page_guideline.scss */
  #guideline .machinamiguideline ul.phSet li:not(:last-child) { margin-bottom: 0px; }
  /* line 83, page_guideline.scss */
  #guideline .machinamiguideline ul.phSet li .ph.flexImg { height: auto; }
  /* line 84, page_guideline.scss */
  #guideline .machinamiguideline ul.phSet li .cap { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; margin-top: 8px; }
  /* line 87, page_guideline.scss */
  #guideline .machinamiguideline .caption { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; margin-top: 15px; }
  /* line 92, page_guideline.scss */
  #guideline .sewariblockWrap .sewariblock { width: 100%; padding: 0px; }
  /* line 93, page_guideline.scss */
  #guideline .sewariblockWrap .sewariblock .hanrei { width: 100%; bottom: -25px; }
  /* line 94, page_guideline.scss */
  #guideline .sewariblockWrap .sewariblock .drawing { width: 100%; margin: auto; }
  /* line 95, page_guideline.scss */
  #guideline .sewariblockWrap .sewariblock .caption { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; margin-top: 15px; text-align: left; } }