@charset "utf-8";
body.body-guide #content section:first-of-type {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
body.body-guide #content section:last-of-type {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
/* ページ見出し */
.body-guide .head2 .inner {
  background: url(../img/guide/img_tit.png) no-repeat center right -18px/ contain;
}
#content section:not(:first-of-type) {
  margin-top: 0 !important;
}
#content section:not(:last-of-type) {
  margin-bottom: 0 !important;
}
#content section:not(:last-of-type) {
  padding-bottom: 1em !important;
}
#content section .title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#content section h3.head3 {}
#content .inner section ul li {
  text-align: center;
  margin: 0.5%;
  background: #fff8ed;
  border-radius: 22px;
  padding: 16px;
  min-height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 19px;
  line-height: 1.5;
}
/* section安心 */
#content section:nth-of-type(1) h3.head3:after {
  background-color: #f7841a;
}
/* section利用例 */
#content section:nth-of-type(2) h3.head3:after {
  background-color: #f66f6f;
}
#content .inner section.example ul li:nth-of-type(1), #content .inner section.example ul li:nth-of-type(4), #content .inner section.example ul li:nth-of-type(5) {
  background: #f9eae3;
}
#content .inner section.example ul li .txt {
  flex-grow: 1; /*孫要素まで高さを揃える*/
  display: flex;
  justify-content: center;
  align-items: center;
}
#content .inner section.example ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#content .inner section.example ul li {
  width: 49%;
  background: #fff8ed;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 8px 8px 16px;
}
/* sectionOK */
#content section:nth-of-type(3) h3.head3:after {
  background-color: #94c28c;
}
#content .inner section.ok ul li:nth-child(odd) {
  background: #f1f8e1;
}
/* section観光 */
#content section:nth-of-type(4) h3.head3:after {
  background-color: #5fb1f0;
}
#content .inner section.kankou ul li:nth-child(odd) {
  background: #e1f0fc;
}
/* section利用例 */
@media screen and (max-width: 781px) {}