@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Kosugi+Maru&display=swap");


.cmshtml {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

.cmsbody {
  margin: 0;
}

.cmshtml article,
.cmshtml aside,
.cmshtml footer,
.cmshtml header,
.cmshtml nav,
.cmshtml section {
  display: block;
}

.cmshtml h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.cmshtml figcaption,
.cmshtml figure,
.cmshtml main {
  /* 1 */
  display: block;
}

.cmshtml figure {
  margin: 1em 40px;
}

.cmshtml hr {
  box-sizing: content-box;
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

.cmshtml pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.cmshtml a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

.cmshtml abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

.cmshtml b,
.cmshtml strong {
  font-weight: inherit;
}

.cmshtml b,
.cmshtml strong {
  font-weight: bolder;
}

.cmshtml code,
.cmshtml kbd,
.cmshtml samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.cmshtml dfn {
  font-style: italic;
}

.cmshtml mark {
  background-color: #ff0;
  color: #000;
}

.cmshtml small {
  font-size: 80%;
}

.cmshtml sub,
.cmshtml sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.cmshtml sub {
  bottom: -0.25em;
}

.cmshtml sup {
  top: -0.5em;
}

.cmshtml audio,
.cmshtml video {
  display: inline-block;
}

.cmshtml audio:not([controls]) {
  display: none;
  height: 0;
}

.cmshtml img {
  border-style: none;
}

.cmshtml svg:not(:root) {
  overflow: hidden;
}

.cmshtml button,
.cmshtml input,
.cmshtml optgroup,
.cmshtml select,
.cmshtml textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

.cmshtml button,
.cmshtml input {
  /* 1 */
  overflow: visible;
}

.cmshtml button,
.cmshtml select {
  /* 1 */
  text-transform: none;
}

.cmshtml button,
.cmshtml [type="button"],
.cmshtml [type="reset"],
.cmshtml [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

.cmshtml button::-moz-focus-inner,
.cmshtml [type="button"]::-moz-focus-inner,
.cmshtml [type="reset"]::-moz-focus-inner,
.cmshtml [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.cmshtml button:-moz-focusring,
.cmshtml [type="button"]:-moz-focusring,
.cmshtml [type="reset"]:-moz-focusring,
.cmshtml [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.cmshtml fieldset {
  padding: 0.35em 0.75em 0.625em;
}

.cmshtml legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

.cmshtml progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

.cmshtml textarea {
  overflow: auto;
}

.cmshtml [type="checkbox"],
.cmshtml [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

.cmshtml [type="number"]::-webkit-inner-spin-button,
.cmshtml [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.cmshtml [type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

.cmshtml [type="search"]::-webkit-search-cancel-button,
.cmshtml [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.cmshtml ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.cmshtml details,
.cmshtml menu {
  display: block;
}

.cmshtml summary {
  display: list-item;
}

.cmshtml canvas {
  display: inline-block;
}

.cmshtml template {
  display: none;
}

.cmshtml [hidden] {
  display: none;
}

.cmshtml .cf, .cmshtml .pagenav, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt, .cmshtml .cap-l-t2 h2, .cmshtml .imgfull, .cmshtml .line-hr, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .stepbox li, .cmshtml .wcarea_40020A816801 li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml .pagenav:before, .cmshtml .cap-l:before, .cmshtml .cap-l-t2:before, .cmshtml .cap-m:before, .cmshtml .cap-s:before, .cmshtml .cap-l-t3:before, .cmshtml .boxwrap1:before, .cmshtml .boxwrap2:before, .cmshtml .boxwrap3:before, .cmshtml .to-buttonbox:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .dibox:before, .cmshtml .dl-box1:before, .cmshtml .qabox:before, .cmshtml .stepbox:before, .cmshtml .to_bt:before, .cmshtml .cap-l-t2 h2:before, .cmshtml .imgfull:before, .cmshtml .line-hr:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .stepbox li:before, .cmshtml .wcarea_40020A816801 li:before, .cmshtml .cf:after, .cmshtml .pagenav:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .cap-l-t3:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .to_bt:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .imgfull:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, .cmshtml .wcarea_40020A816801 li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml .pagenav:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .cap-l-t3:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .to_bt:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .imgfull:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, .cmshtml .wcarea_40020A816801 li:after {
  clear: both;
}

.cmshtml *:link,
.cmshtml *:visited,
.cmshtml *:active {
  color: #33220B;
}

.cmshtml a:hover {
  color: #298a00;
}

.cmshtml .mb1 {
  margin-bottom: 6px;
}

.cmshtml .mb2 {
  margin-bottom: 12px;
}

.cmshtml .mb3 {
  margin-bottom: 18px;
}

.cmshtml .mb4 {
  margin-bottom: 24px;
}

.cmshtml .mb5 {
  margin-bottom: 30px;
}

.cmshtml .mb6 {
  margin-bottom: 36px;
}

.cmshtml .mb7 {
  margin-bottom: 42px;
}

.cmshtml .mb8 {
  margin-bottom: 48px;
}

.cmshtml .mb9 {
  margin-bottom: 54px;
}

.cmshtml .mb10 {
  margin-bottom: 60px;
}

.cmshtml .left, .cmshtml .il {
  float: left;
}

.cmshtml .right, .cmshtml .ir {
  float: right;
}

.cmshtml .tar {
  text-align: right;
}

.cmshtml .tal {
  text-align: left;
}

.cmshtml .tac {
  text-align: center;
}

.cmshtml img {
  max-width: 100%;
  height: auto;
}

.cmshtml img.left, .cmshtml img.il {
  margin-right: 48px;
}

.cmshtml img.right, .cmshtml img.ir {
  margin-left: 48px;
}

.cmshtml .rad {
  border-radius: 6px;
}

.cmshtml .full {
  width: 100%;
  height: auto;
}

.cmshtml .red {
  color: #FF0000;
}

.cmshtml .small {
  font-size: 83%;
}

.cmshtml .big {
  font-size: 117%;
}

.cmshtml .bold {
  font-weight: bold;
}

.cmshtml .mt5 {
  margin-top: 5px;
}

.cmshtml .mt10 {
  margin-top: 10px;
}

.cmshtml .mt20 {
  margin-top: 20px;
}

.cmshtml .mt30 {
  margin-top: 30px;
}

.cmshtml .i-sh {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.cmsbody,
.cmshtml dl,
.cmshtml ul,
.cmshtml ol,
.cmshtml pre,
.cmshtml form,
.cmshtml input,
.cmshtml textarea,
.cmshtml small,
.cmshtml aside,
.cmshtml blockquote {
  font-family: 'Noto Sans JP', YuGothic, "游ゴシック", "メイリオ", Meiryo, 'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-size: 16px;
  font-size: 1rem;
  color: #33220B;
  font-weight: 400;
  letter-spacing: 1px;
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
}

.cmshtml ul,
.cmshtml ol {
  letter-spacing: 1px;
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
}

.cmshtml div,
.cmshtml p,
.cmshtml dt,
.cmshtml dd,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml address,
.cmshtml th,
.cmshtml td {
  margin: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .cmsbody,
.cmshtml div,
.cmshtml dl,
.cmshtml dt,
.cmshtml dd,
.cmshtml ul,
.cmshtml ol,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml pre,
.cmshtml form,
.cmshtml input,
.cmshtml textarea,
.cmshtml p,
.cmshtml small,
.cmshtml address,
.cmshtml aside,
.cmshtml blockquote,
.cmshtml th,
.cmshtml td {
    font-size: 15px;
    font-size: 0.9375rem;
    letter-spacing: 0px;
  }
}

.cmshtml {
  overflow-y: scroll;
  box-sizing: border-box;
}

.cmsbody {
  line-height: 1.7;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmsbody {
    line-height: 1.5;
  }
}

.cmshtml ul {
  margin: 0;
  padding: 0;
}

.cmshtml li {
  list-style: none;
}

.cmshtml li img {
  vertical-align: bottom;
}

.cmshtml a {
  color: inherit;
  cursor: pointer;
  transition: opacity 0.5s linear;
}

.cmshtml a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.cmshtml img {
  vertical-align: bottom;
}

@media screen and (min-width: 801px) {
  .cmshtml a[href^="tel:"] {
    pointer-events: none;
  }
}

.cmshtml ::selection {
  background-color: #33AD00;
  color: #fff;
  /* Safari */
}

.cmshtml ::-moz-selection {
  background-color: #33AD00;
  color: #fff;
  /* Firefox */
}

.cmshtml .arrow, .cmshtml .block-listed p:before, .cmshtml .block-listed p:after, .cmshtml .block-listed dl:before, .cmshtml .block-listed dl:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cmshtml .triangle {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

.cmsbody {
  background: #fff;
}

.cmshtml .pagenav, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt {
  width: 1080px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 100%;
}

@media screen and (max-width: 800px) {
  .cmshtml .pagenav, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt {
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media print {
  .cmshtml h1 a {
    text-indent: 0;
  }
  .cmshtml #navi_main li a {
    text-indent: 0;
  }
  .cmshtml #navi_sub li a {
    text-indent: 0;
  }
}

.cmshtml a:hover {
  text-decoration: none;
}

.cmshtml #h-logo a {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 4%;
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/fix/logo.png) no-repeat top 0 left;
  width: 284px;
  height: 62px;
}

@media screen and (max-width: 1080px) {
  .cmshtml #h-logo a {
    top: 0;
    left: 2%;
    position: relative;
    margin-left: 0;
  }
}

.cmshtml #l-header {
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-bottom: 25px;
}

@media screen and (max-width: 1080px) {
  .cmshtml #l-header {
    z-index: auto;
  }
}

.cmshtml .h-nav {
  position: relative;
}

.cmshtml .h-nav__list {
  padding-right: 2%;
  display: flex;
  justify-content: flex-end;
}

.cmshtml .h-nav__item {
  margin-left: 40px;
  text-align: center;
  transition: all 0.3s linear;
  flex: 0 1 auto;
  background-position: top 0 center;
  background-repeat: no-repeat;
  position: relative;
}

.cmshtml .h-nav__item p a {
  display: block;
  transition: all 0.3s;
  position: relative;
  text-indent: -999em;
  overflow: hidden;
  background: url("../img/fix/nav_r2_c1.png") no-repeat 0 0;
  height: 15px;
  width: 54px;
}

.cmshtml .h-nav__item::before {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: -0;
  top: -0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0px;
  height: 0px;
  background: rgba(51, 173, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  text-indent: 0;
}

@media screen and (min-width: 801px) {
  .cmshtml .h-nav__item:hover::before {
    opacity: 1;
    width: 16px;
    height: 16px;
  }
}

.cmshtml .h-nav__item--sp {
  display: none;
}

.cmshtml .h-nav__item.h-nav__item--2 a {
  background: url("../img/fix/nav_r1_c3.png") no-repeat 0 0;
  height: 18px;
  width: 179px;
}

.cmshtml .h-nav__item.h-nav__item--3 a {
  background: url("../img/fix/nav_r1_c7.png") no-repeat 0 0;
  height: 18px;
  width: 210px;
}

.cmshtml .h-nav__item.h-nav__item--4 a {
  background: url("../img/fix/nav_r1_c11.png") no-repeat 0 0;
  height: 18px;
  width: 170px;
}

.cmshtml .h-nav__item.h-nav__item--5 a {
  background: url("../img/fix/nav_r1_c14.png") no-repeat 0 0;
  height: 18px;
  width: 78px;
}

.cmshtml .h-nav__item.h-nav__item--6 a {
  background: url("../img/fix/nav_r1_c17.png") no-repeat 0 0;
  height: 18px;
  width: 111px;
}

@media screen and (max-width: 1080px) {
  .cmshtml #l-header {
    width: 100%;
    padding: 10px 0 10px;
  }
  .cmshtml .h-nav {
    position: fixed;
    padding: 0;
  }
  .cmshtml .h-nav__list {
    max-height: none;
    padding: 30px 10px 30px;
    max-width: 100%;
    text-align: left;
    width: 100%;
    display: block;
  }
  .cmshtml .h-nav__item {
    position: relative;
    padding-left: 0;
    text-align: left;
    line-height: 1;
    padding: 0;
    margin: 0 0 30px;
    font-size: 18px;
  }
  .cmshtml .h-nav__item > a {
    display: block;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .cmshtml .h-nav__item--sp {
    padding: 0;
    margin: 30px 0 0;
    display: block;
  }
  .cmshtml .h-nav__item--sp::before {
    display: none;
  }
}

.cmshtml .h-subnav {
  padding: 0 2%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

.cmshtml .h-subnav--sp {
  display: none;
}

.cmshtml .h-subnav__item {
  margin-left: 20px;
}

.cmshtml .h-subnav__item a {
  font-size: 15px;
  text-decoration: none;
}

.cmshtml .h-subnav__item--map {
  background: url(../img/fix/icon-site.png) no-repeat center left;
}

.cmshtml .h-subnav__item--access {
  background: url(../img/fix/icon-map.png) no-repeat center left;
}

@media screen and (max-width: 1080px) {
  .cmshtml .h-subnav {
    border-bottom: none;
    text-align: left;
    display: none;
    position: relative;
    margin: 0;
    top: 0;
    padding: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
  .cmshtml .h-subnav__item {
    margin: 0 0 20px;
  }
  .cmshtml .h-subnav--sp {
    display: block;
  }
}

.cmshtml .drawer-hamburger-icon, .cmshtml .drawer-hamburger-icon::before, .cmshtml .drawer-hamburger-icon::after {
  background-color: #33AD00;
  height: 4px;
  border-radius: 9px;
}

.cmshtml #pagetop-side {
  width: 87px;
  height: 83px;
  position: fixed;
  z-index: 100;
  bottom: 30px;
  right: 30px;
  text-indent: -9999px;
  background-image: url(../img/fix/pagetop.png);
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 1;
  transition: bottom 0.3s;
}

.cmshtml #pagetop-side:hover {
  bottom: 25px;
}

.cmshtml #pagetop-side p {
  width: 100%;
  height: 100%;
}

.cmshtml #pagetop-side p a {
  display: block;
  width: 100%;
  height: 100%;
}

.cmshtml #pagetop-side p a:hover {
  opacity: 1;
}

.cmshtml #l-footer {
  background-color: #F7F5F2;
  padding: 50px 0 30px;
  text-align: center;
}

.cmshtml .f-address, .cmshtml .f-tel {
  color: #333333;
  font-style: normal;
}

.cmshtml .f-logo {
  margin-bottom: 40px;
}

.cmshtml .f-copy {
  margin-top: 50px;
  color: #333333;
  font-size: 12px;
}

.cmshtml .f-copy a {
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .cmshtml #pagetop-side {
    bottom: 5px;
    right: 5px;
  }
}

.cmshtml #section_pageHeader {
  background: #EBE7DE url(../img/fix/head01.png) no-repeat 0 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 1080px) {
  .cmshtml #section_pageHeader:after {
    animation: none;
  }
}

.cmshtml #title-wrap {
  padding-top: 5vh;
  padding-bottom: 5vw;
  position: relative;
  background: url("../img/top/tanpopo-bg.png") repeat-x bottom;
}

@media screen and (max-width: 800px) {
  .cmshtml #title-wrap {
    padding-top: 3vw;
    padding-bottom: 4vw;
  }
}

.cmshtml #title {
  margin-bottom: 2.0vw;
}

@media screen and (max-width: 1080px) {
  .cmshtml #title {
    padding: 10px 2% 5px;
  }
}

.cmshtml #title h2 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  position: relative;
  text-align: center;
  margin-bottom: 3px;
  font-weight: 700;
  font-family: YuGothic, "游ゴシック", 'Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.cmshtml #title h2::before, .cmshtml #title h2::after {
  content: "";
  background: url(../img/top/flower1.png) no-repeat center;
  background-size: 100% auto;
  width: 60px;
  height: 34px;
  margin-right: 10px;
  display: inline-block;
}

.cmshtml #title h2::after {
  margin-left: 10px;
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml #title h2::before, .cmshtml #title h2::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .cmshtml #title h2::after {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml #title h2 {
    font-size: 25px;
  }
}

.cmshtml .title-navi {
  margin-top: 10px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1080px) {
  .cmshtml .title-navi {
    margin-top: 20px;
  }
}

.cmshtml .title-navi {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.cmshtml .title-navi li {
  flex: 0 0 auto;
  margin-right: 16px;
  margin-bottom: 10px;
}

.cmshtml .title-navi li a {
  font-size: 15px;
  padding: 10px 24px 10px 34px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  display: block;
  color: #463F37;
  text-align: center;
  background: #fff;
  border-radius: 99px;
  font-weight: bold;
}

.cmshtml .title-navi li a:hover {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.cmshtml .title-navi li a:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #33AD00 transparent transparent transparent;
  left: 15px;
  border-width: 7px 3.5px 0 3.5px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

@media screen and (max-width: 680px) {
  .cmshtml .title-navi li a {
    font-size: 13px;
    padding: 6px 20px 6px 30px;
  }
}

.cmshtml .pagenav {
  margin-top: 20px;
  margin-bottom: 40px;
}

.cmshtml .pagenav ul {
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 800px) {
  .cmshtml .pagenav ul {
    flex-wrap: wrap;
  }
}

.cmshtml .pagenav ul li {
  font-size: 12px;
  font-size: 0.75rem;
  padding-right: 15px;
  position: relative;
}

.cmshtml .pagenav ul li:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmshtml .pagenav ul li:last-child:after {
  content: none;
}

.cmshtml .l-container,
.cmshtml #contents {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}

.cmshtml .inner {
  width: 1080px;
  max-width: 94%;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .cmshtml #contents,
.cmshtml .inner {
    width: 100%;
    max-width: 100%;
    padding: 0 4%;
  }
}

.cmsbody {
  background: url(../img/fix/head-bg.png) no-repeat top left;
  background-color: #ffffff;
}

@media screen and (max-width: 800px) {
  .cmsbody {
    background-size: 60% auto;
  }
}

.cmshtml .pconly {
  display: block;
}

@media screen and (max-width: 800px) {
  .cmshtml .pconly {
    display: none;
  }
}

.cmshtml .sponly {
  display: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .sponly {
    display: block;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml .h-nav .pconly {
    display: none;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml .h-nav .sponly {
    display: block;
  }
}

.cmshtml .cap-l {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 8px;
  text-align: center;
}

.cmshtml .cap-l-t2 {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t2 {
    margin-bottom: 32px;
  }
}

.cmshtml .cap-l-t2 .top-disclosure__title__sub {
  font-size: 12px;
  display: block;
  color: #33AD00;
}

.cmshtml .cap-l-t2 h2 {
  font-size: 28px;
  padding-top: 40px;
  display: block;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t2 h2 {
    font-size: 3.46vw;
  }
}

.cmshtml .cap-l-t2.clt1 h2:after {
  content: "";
  width: 52px;
  height: 52px;
  background: url("../img/fix/title-bg1.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t2.clt1 h2:after {
    width: 40px;
    height: 40px;
  }
}

.cmshtml .cap-l-t2.clt1 h2.tal {
  text-align: left;
  padding-left: 60px;
  padding-top: 0px;
  border-bottom: 2px dotted #ccc;
}

.cmshtml .cap-l-t2.clt1 h2.tal:after {
  right: auto;
  top: 0;
}

.cmshtml .cap-l-t2.clt2 h2 {
  padding: 32px 0;
  text-align: center;
  line-height: 1.2;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  font-weight: 700;
}

.cmshtml .cap-l-t2.clt3 h2 {
  padding-top: 12px;
  background: url(../img/top/5dot.png) no-repeat top center;
  text-align: center;
  color: #33220B;
  font-weight: bold;
  position: relative;
}

.cmshtml .cap-m {
  position: relative;
  text-align: center;
  line-height: 1.5;
}

.cmshtml .cap-m h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-m h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.cmshtml .cap-m.cm-2 {
  text-align: left;
}

.cmshtml .cap-m.cm-2 h3 {
  border: none;
  padding: 0 0 0 20px;
  color: #33AD00;
}

.cmshtml .cap-m.cm-2 h3:before {
  content: "";
  width: 6px;
  height: 100%;
  border-radius: 10px;
  background: rgba(51, 173, 0, 0.5);
  position: absolute;
  top: 0;
  left: -0;
  bottom: 0;
  margin: auto;
}

.cmshtml .cap-m.cm-3 h3 {
  text-align: center;
  background-color: #EBE7DE;
  color: #33220B;
  transition: all 0.3s;
  position: relative;
  border-radius: 5px;
  padding: 8px 10px;
}

.cmshtml .cap-s {
  margin-bottom: 24px;
}

.cmshtml .cap-s h4 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-s h4 {
    font-size: 17px;
  }
}

.cmshtml .cap-s.cs-2 h4 {
  color: #33AD00;
  display: inline-block;
  padding: 2px 0;
  border-bottom: 2px dotted #33AD00;
}

.cmshtml .cap-s.cs-3 h4 {
  padding-left: 34px;
}

.cmshtml .cap-s.cs-3 h4:before, .cmshtml .cap-s.cs-3 h4:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 5px;
  border-radius: 50%;
  margin: auto;
  height: 18px;
  width: 18px;
  background: rgba(51, 173, 0, 0.4);
}

.cmshtml .cap-s.cs-3 h4:after {
  left: 10px;
  bottom: 0px;
  top: 5px;
  background: rgba(255, 214, 88, 0.5);
}

.cmshtml .cap-l-t3 {
  /*news title*/
}

.cmshtml .cap-l-t3 h2 {
  margin-top: 0px;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
}

.cmshtml .cap-l-t3 p {
  padding-top: 6px;
  border-top: 1px dashed #C69A59;
  margin-top: 8px;
  font-size: 13px;
  color: #C69A59;
  font-family: YuGothic, "游ゴシック", 'Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t3 h2 {
    font-size: 15px;
  }
  .cmshtml .cap-l-t3 p {
    text-align: right;
  }
}

.cmshtml .boxwrap0 {
  margin-bottom: 80px;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap0 {
    margin-bottom: 40px;
  }
}

.cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox {
  margin-bottom: 80px;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox {
    margin-bottom: 40px;
  }
}

.cmshtml .boxwrap2 {
  padding: 32px;
  color: #000;
  background: #F7F5F2 url("../img/fix/title-bg2.png") no-repeat right 10px bottom 5px;
  line-height: 1.9;
  border-radius: 5px;
}

.cmshtml .boxwrap2 .cap-m, .cmshtml .boxwrap2 .cap-s {
  margin: 0 0 10px 0;
}

.cmshtml .boxwrap3 img.il {
  margin-right: 24px;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap3 img.il {
    margin-right: 0;
  }
}

.cmshtml .boxwrap3 img.ir {
  margin-left: 24px;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap3 img.ir {
    margin-left: 0;
  }
}

.cmshtml .imgfull {
  margin-bottom: 80px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .cmshtml .imgfull {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml .imgfull {
    margin-bottom: 10px;
  }
  .cmshtml .imgfull img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .ir {
  margin-left: 16px;
}

.cmshtml .il {
  margin-right: 16px;
}

@media screen and (max-width: 800px) {
  .cmshtml .ir, .cmshtml .il {
    max-width: 100%;
    height: auto;
    margin: 0 auto 8px auto;
    float: none;
    text-align: center;
    display: block;
  }
}

.cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5 {
  margin-bottom: 80px;
}

@media screen and (max-width: 800px) {
  .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5 {
    margin-bottom: 40px;
  }
}

.cmshtml .i1 .in-wrap, .cmshtml .i2 .in-wrap, .cmshtml .i3 .in-wrap, .cmshtml .i4 .in-wrap, .cmshtml .i5 .in-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cmshtml .i1 .in-wrap div, .cmshtml .i2 .in-wrap div, .cmshtml .i3 .in-wrap div, .cmshtml .i4 .in-wrap div, .cmshtml .i5 .in-wrap div {
  margin: 0 2% 20px 0;
  text-align: center;
}

.cmshtml .i1 .in-wrap div figure, .cmshtml .i2 .in-wrap div figure, .cmshtml .i3 .in-wrap div figure, .cmshtml .i4 .in-wrap div figure, .cmshtml .i5 .in-wrap div figure {
  padding: 0;
  margin: 0;
}

.cmshtml .i1 .in-wrap div figure figcaption, .cmshtml .i2 .in-wrap div figure figcaption, .cmshtml .i3 .in-wrap div figure figcaption, .cmshtml .i4 .in-wrap div figure figcaption, .cmshtml .i5 .in-wrap div figure figcaption {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

.cmshtml .i1 .in-wrap div img, .cmshtml .i2 .in-wrap div img, .cmshtml .i3 .in-wrap div img, .cmshtml .i4 .in-wrap div img, .cmshtml .i5 .in-wrap div img {
  margin-bottom: 8px;
}

.cmshtml .i1 .in-wrap div h3, .cmshtml .i2 .in-wrap div h3, .cmshtml .i3 .in-wrap div h3, .cmshtml .i4 .in-wrap div h3, .cmshtml .i5 .in-wrap div h3 {
  background-color: #F7F5F2;
  border-radius: 5px;
  color: #766145;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.cmshtml .no-borderradius .i1 .in-wrap, .cmshtml .no-borderradius .i2 .in-wrap, .cmshtml .no-borderradius .i3 .in-wrap, .cmshtml .no-borderradius .i4 .in-wrap, .cmshtml .no-borderradius .i5 .in-wrap {
  margin-right: -2%;
}

.cmshtml .no-borderradius .i1 .in-wrap div, .cmshtml .no-borderradius .i2 .in-wrap div, .cmshtml .no-borderradius .i3 .in-wrap div, .cmshtml .no-borderradius .i4 .in-wrap div, .cmshtml .no-borderradius .i5 .in-wrap div {
  float: left;
  margin-right: 1%;
}

.cmshtml .no-flexbox .i1 div, .cmshtml .no-flexbox .i2 div, .cmshtml .no-flexbox .i3 div, .cmshtml .no-flexbox .i4 div, .cmshtml .no-flexbox .i5 div {
  float: left;
}

.cmshtml .i1 {
  margin: 40px auto;
}

.cmshtml .i1 .i1div {
  width: 100%;
}

.cmshtml .i1 .i1div:nth-child(1n) {
  margin-right: 0;
}

.cmshtml .i1.btcap div img {
  margin-bottom: 0;
}

.cmshtml .i1.boxwrap-w {
  margin: 40px 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .i1div img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .i2 {
  margin: 40px auto;
}

.cmshtml .i2 .i2div {
  width: 47.5%;
}

.cmshtml .i2 .i2div:nth-child(2n) {
  margin-right: 0;
}

.cmshtml .i2.btcap div img {
  margin-bottom: 0;
}

.cmshtml .i2.boxwrap-w {
  margin: 40px 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .i2div img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .i3 {
  margin: 40px auto;
}

.cmshtml .i3 .i3div {
  width: 31.5%;
}

.cmshtml .i3 .i3div:nth-child(3n) {
  margin-right: 0;
}

.cmshtml .i3.btcap div img {
  margin-bottom: 0;
}

.cmshtml .i3.boxwrap-w {
  margin: 40px 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .i3div img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .i4 {
  margin: 40px auto;
}

.cmshtml .i4 .i4div {
  width: 23.5%;
}

.cmshtml .i4 .i4div:nth-child(4n) {
  margin-right: 0;
}

.cmshtml .i4.btcap div img {
  margin-bottom: 0;
}

.cmshtml .i4.boxwrap-w {
  margin: 40px 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .i4div img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .i5 {
  margin: 40px auto;
}

.cmshtml .i5 .i5div {
  width: 18.4%;
}

.cmshtml .i5 .i5div:nth-child(5n) {
  margin-right: 0;
}

.cmshtml .i5.btcap div img {
  margin-bottom: 0;
}

.cmshtml .i5.boxwrap-w {
  margin: 40px 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .i5div img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .i2 .in-wrap div {
  margin-right: 5%;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

.cmshtml .i3 .in-wrap div {
  margin-right: 2.75%;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .i3 .in-wrap div {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

.cmshtml .i5 .in-wrap div {
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .cmshtml .i5 .in-wrap div .in-wrap .i5div {
    margin-right: 2%;
    margin-bottom: 8px;
    border: solid 1px #DDDDDD;
    padding: 24px;
    width: 49%;
  }
  .cmshtml .i5 .in-wrap div .in-wrap .i5div:nth-child(2n) {
    margin-right: 0;
  }
}

.cmshtml .i4 .in-wrap div {
  margin-right: 2%;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .i4 .in-wrap div {
    margin-right: 2%;
    margin-bottom: 8px;
    width: 49%;
  }
  .cmshtml .i4 .in-wrap div:nth-child(2n) {
    margin-right: 0;
  }
}

.cmshtml .i-sh {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.cmshtml .line-hr {
  margin-bottom: 80px;
}

@media screen and (max-width: 800px) {
  .cmshtml .line-hr {
    margin-bottom: 40px;
  }
}

.cmshtml .line-hr hr {
  height: 1px;
  overflow: hidden;
  border: none;
  border-bottom: 1px dashed #C69A59;
}

.cmshtml .noline-hr {
  margin-bottom: 80px;
}

@media screen and (max-width: 800px) {
  .cmshtml .noline-hr {
    margin-bottom: 40px;
  }
}

.cmshtml .noline-hr hr {
  height: 1px;
  overflow: hidden;
  border: none;
}

.cmshtml .dibox {
  margin: 30px auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .dibox {
    width: 100%;
    overflow-x: auto;
  }
}

.cmshtml .tb-box1, .cmshtml .tb-box1-2, .cmshtml .tb-box2, .cmshtml .tb-box3, .cmshtml .tb-box4, .cmshtml .tb-box6 {
  width: 100%;
  table-layout: auto;
  margin: 0;
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}

@media screen and (max-width: 800px) {
  .cmshtml .tb-box1, .cmshtml .tb-box1-2, .cmshtml .tb-box2, .cmshtml .tb-box3, .cmshtml .tb-box4, .cmshtml .tb-box6 {
    min-width: 640px;
  }
}

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th, .cmshtml .tb-box4 th, .cmshtml .tb-box6 th {
  padding: 16px 4px;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  font-size: 15px;
  font-size: 0.9375rem;
  background: #F7F5F2;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .tb-box1 th.hd_bggr, .cmshtml .tb-box1-2 th.hd_bggr, .cmshtml .tb-box2 th.hd_bggr, .cmshtml .tb-box3 th.hd_bggr, .cmshtml .tb-box4 th.hd_bggr, .cmshtml .tb-box6 th.hd_bggr {
  background: #33AD00;
  color: #fff;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .tb-box1 td, .cmshtml .tb-box1-2 td, .cmshtml .tb-box2 td, .cmshtml .tb-box3 td, .cmshtml .tb-box4 td, .cmshtml .tb-box6 td {
  padding: 16px;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: #fff;
}

.cmshtml .tb-box1 th.th_col, .cmshtml .tb-box1-2 th.th_col, .cmshtml .tb-box2 th.th_col, .cmshtml .tb-box3 th.th_col, .cmshtml .tb-box4 th.th_col, .cmshtml .tb-box6 th.th_col {
  background: #fdfafa;
  background: #F7F5F2;
}

.cmshtml .tb-box1 th {
  width: 30%;
}

.cmshtml .tb-box1 th.th-01 {
  width: 70%;
}

.cmshtml .tb-box1 td {
  width: 70%;
}

.cmshtml .tb-box1 td.td-01 {
  width: 30%;
}

.cmshtml .tb-box1-2 th {
  width: 50%;
}

.cmshtml .tb-box1-2 td {
  width: 50%;
}

.cmshtml .tb-box2 th {
  width: 33%;
}

.cmshtml .tb-box2 td {
  width: 33%;
}

.cmshtml .tb-box2 th.wp60, .cmshtml .tb-box2 td.wp60 {
  width: 60%;
}

.cmshtml .tb-box2 th.wp20, .cmshtml .tb-box2 td.wp20 {
  width: 20%;
}

.cmshtml .tb-box3 th {
  width: 20%;
}

.cmshtml .tb-box3 td {
  width: 20%;
}

.cmshtml .tb-box4 td.hp {
  text-align: center;
}

.cmshtml .tb-box4 td.hp .bt-more {
  margin: 0;
}

.cmshtml .tb-box6 th {
  width: calc(100% / 6);
}

.cmshtml .tb-box6 td {
  width: calc(100% / 6);
}

.cmshtml .dl-box1 {
  margin-bottom: 80px;
  display: block;
}

@media screen and (max-width: 800px) {
  .cmshtml .dl-box1 {
    margin-bottom: 40px;
  }
}

.cmshtml .dl-box1 dl {
  display: table;
  width: 100%;
  border-top: 1px dotted #DDDDDD;
}

.cmshtml .dl-box1 dl dt, .cmshtml .dl-box1 dl dd {
  display: table-cell;
  position: relative;
}

.cmshtml .dl-box1 dl dt {
  width: 25%;
  padding: 16px 2%;
  margin-right: 1%;
  font-weight: bold;
}

.cmshtml .dl-box1 dl dt:after {
  position: absolute;
  top: -1px;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 999px;
  background: #33AD00;
}

.cmshtml .dl-box1 dl dd {
  width: 75%;
  padding: 16px 1%;
  text-align: left;
}

.cmshtml .dl-box1 dl:last-child {
  border-bottom: 1px dotted #DDDDDD;
}

@media screen and (max-width: 800px) {
  .cmshtml .dl-box1 dl {
    display: block;
  }
  .cmshtml .dl-box1 dl dt, .cmshtml .dl-box1 dl dd {
    display: block;
    width: 100%;
    padding: 10px 2%;
  }
  .cmshtml .dl-box1 dl dt {
    background: #f1f1f1;
  }
  .cmshtml .dl-box1 dl dt:after {
    border-color: #DDDDDD;
  }
  .cmshtml .dl-box1 dl dd:after {
    border-color: #282828;
  }
}

.cmshtml .to-buttonbox {
  display: flex;
  flex-direction: row-reverse;
}

.cmshtml .to-buttonbox .to-bt2 {
  margin-left: 16px;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.cmshtml .to-buttonbox p.txt {
  margin-right: auto;
}

.cmshtml .to-buttonbox .block-listed {
  width: 75%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.cmshtml .to-buttonbox .block-listed p {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .cmshtml .to-buttonbox {
    flex-flow: column-reverse;
  }
  .cmshtml .to-buttonbox .to-bt2 {
    margin-left: 0px;
    width: 100%;
    margin-top: 10px;
  }
  .cmshtml .to-buttonbox .to-bt2 a {
    display: block;
  }
  .cmshtml .to-buttonbox .block-listed {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .i4 .in-wrap div.to-bt2 {
    width: 100%;
  }
}


.cmshtml .to-bt2 p {
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.cmshtml .to-bt2 p a {
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  color: #33220B;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 99px;
  text-decoration: none;
  transition: all 0.6s;
  position: relative;
  background: #EBE7DE;
}

.cmshtml .to-bt2 p a:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  left: 20px;
  font-size: 10px;
  font-size: 0.625rem;
  background-size: auto;
  width: 24px;
  height: 30px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
}

.cmshtml .to-bt2 p a:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

.cmshtml .to-bt2 p a[href*=".pdf"] {
  padding: 10px 20px 10px 54px;
}

.cmshtml .to-bt2 p a[href*=".pdf"]:before {
  background-image: url(../img/top/icon-pdf.png);
}

.cmshtml .to-bt2 p a[href*=".doc"], .cmshtml .to-bt2 p a[href*=".docx"] {
  padding: 10px 20px 10px 54px;
}

.cmshtml .to-bt2 p a[href*=".doc"]:before, .cmshtml .to-bt2 p a[href*=".docx"]:before {
  background-image: url(../img/top/icon-word-m.png);
}

.cmshtml .to-bt2 p a[href*=".xls"], .cmshtml .to-bt2 p a[href*=".xlsx"] {
  padding: 10px 20px 10px 54px;
}

.cmshtml .to-bt2 p a[href*=".xls"]:before, .cmshtml .to-bt2 p a[href*=".xlsx"]:before {
  background-image: url(../img/top/icon-xcel-m.png);
}

.cmshtml .qabox {
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .cmshtml .qabox {
    margin-bottom: 40px;
  }
}

.cmshtml .qabox dl {
  margin: 0 0 30px;
  background: #F7F5F2;
  padding: 20px 20px 20px 20px;
  overflow: hidden;
  border-radius: 4px;
}

.cmshtml .qabox dl dt, .cmshtml .qabox dl dd {
  position: relative;
}

.cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
  display: block;
  position: absolute;
  top: 0;
  font-size: 24px;
  font-size: 1.5rem;
}

.cmshtml .qabox dl dt {
  color: #33220B;
  margin-bottom: 10px;
  padding: 8px 0 8px 45px;
  font-weight: 700;
  position: relative;
}

.cmshtml .qabox dl dt:before {
  content: 'Q';
  font-weight: 300;
  color: #07913B;
  left: 0px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 12px;
  font-size: 34px;
  font-weight: 700;
}

.cmshtml .qabox dl dd {
  border-top: 1px dashed #DDDDDD;
}

.cmshtml .qabox dl:last-child {
  margin-bottom: 0;
}

.cmshtml .show_more {
  cursor: pointer;
}

.cmshtml .show_more dd {
  display: none;
}

.cmshtml .stepbox {
  margin-bottom: 80px;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .cmshtml .stepbox {
    margin-bottom: 40px;
  }
}

.cmshtml .stepbox {
  padding: 0;
}

.cmshtml .stepbox li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}

.cmshtml .stepbox li:after {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 40px;
  background: #DDDDDD;
  display: block;
  z-index: -1;
}

.cmshtml .stepbox li .left, .cmshtml .stepbox li .il, .cmshtml .stepbox li .right, .cmshtml .stepbox li .ir {
  position: relative;
}

.cmshtml .stepbox li .left, .cmshtml .stepbox li .il {
  width: 10%;
  color: #fff;
  text-align: center;
  vertical-align: top;
  min-width: 60px;
}

.cmshtml .stepbox li .left p, .cmshtml .stepbox li .il p {
  margin-top: 16px;
}

.cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
  padding-top: 15px;
  width: 80px;
  height: 80px;
  color: #fff;
  background: linear-gradient(to bottom, #F7F5F2 5%, #33AD00);
  background: #FFD658;
  border-radius: 50%;
  line-height: 1.3;
  font-size: 26px;
}

.cmshtml .stepbox li .left h2 .step, .cmshtml .stepbox li .il h2 .step {
  font-size: 13px;
  display: block;
}

.cmshtml .stepbox li .left
.sub-box-wide2, .cmshtml .stepbox li .il
.sub-box-wide2 {
  box-sizing: border-box;
}

.cmshtml .stepbox li .right, .cmshtml .stepbox li .ir {
  width: 90%;
  max-width: calc(100% - 60px);
}

.cmshtml .stepbox li .right h3, .cmshtml .stepbox li .ir h3, .cmshtml .stepbox li .right .stepbox-maintxt, .cmshtml .stepbox li .ir .stepbox-maintxt, .cmshtml .stepbox li .right .stepbox-subtxt, .cmshtml .stepbox li .ir .stepbox-subtxt {
  margin: 0 0 1% 2%;
}

.cmshtml .stepbox li .right h3, .cmshtml .stepbox li .ir h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: 700;
  color: #33AD00;
  margin-top: 8px;
}

.cmshtml .stepbox li .right .stepbox-maintxt img, .cmshtml .stepbox li .ir .stepbox-maintxt img {
  float: right;
}

.cmshtml .stepbox li .right .i3, .cmshtml .stepbox li .ir .i3 {
  margin-bottom: 20px;
}

.cmshtml .stepbox li:last-child:after {
  border: none;
  display: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
    width: 60px;
    height: 60px;
  }
  .cmshtml .stepbox li .left h2 .step, .cmshtml .stepbox li .il h2 .step {
    display: none;
  }
  .cmshtml .stepbox li:after {
    left: 30px;
  }
}

.cmshtml .to_bt {
  margin-bottom: 80px;
}

@media screen and (max-width: 800px) {
  .cmshtml .to_bt {
    margin-bottom: 40px;
  }
}

.cmshtml .to_bt p {
  font-weight: bold;
}

.cmshtml .to_bt a {
  padding: 15px 60px;
  display: inline-block;
  padding: 18px 70px 18px 40px;
  border-radius: 6px;
  background: #fff;
  border: 2px #33AD00 solid;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  position: relative;
}

.cmshtml .to_bt a:before {
  content: "";
  width: 6px;
  height: 1px;
  background: #33AD00;
  transform: rotate(40deg);
  transform-origin: right bottom;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}

.cmshtml .to_bt a:after {
  content: "";
  width: 18px;
  height: 1px;
  background: #33AD00;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}

@media screen and (min-width: 801px) {
  .cmshtml .to_bt a:hover {
    transform: translateY(-10px);
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  }
  .cmshtml .to_bt a:hover:before, .cmshtml .to_bt a:hover:after {
    right: 10px;
  }
}

.cmshtml .to_bt.to-bt3 a {
  background: #F7F5F2;
  color: #33AD00;
  padding: 14px 70px 14px 40px;
}

.cmshtml .block-listed p, .cmshtml .block-listed dl {
  padding-left: 30px;
}

.cmshtml .block-listed p:before, .cmshtml .block-listed dl:before {
  width: 20px;
  height: 20px;
  background: #33AD00;
  border-radius: 5px;
}

.cmshtml .block-listed p:after, .cmshtml .block-listed dl:after {
  left: 6px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmshtml .block-listed dl {
  display: -ms-flexbox;
  display: flex;
}

.cmshtml .block-listed dl dt {
  padding-right: 20px;
  font-weight: bold;
}

.cmshtml .block-listed dl dd {
  padding-right: 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .block-listed dl {
    display: block;
  }
  .cmshtml .block-listed dl dt {
    display: block;
  }
  .cmshtml .block-listed dl dd {
    display: inline;
  }
}

.cmshtml .i2 .in-wrap div.sub-box {
  margin-bottom: 2em;
}

.cmshtml .i2 .in-wrap div.sub-box div.bt_more {
  margin-top: 10px;
  text-align: right;
  margin-right: 0;
}

.cmshtml .sub-box {
  border-top: 3px solid #33AD00;
  position: relative;
}

.cmshtml .sub-box h4 {
  padding: 20px 0 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: left;
  position: relative;
  color: #33AD00;
}

.cmshtml .sub-box p {
  text-align: left;
  line-height: 1.5;
}

.cmshtml .sub-box p img.left, .cmshtml .sub-box p img.il, .cmshtml .sub-box p img.il {
  margin-right: 12px;
  border-radius: 5px;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box p img.left, .cmshtml .sub-box p img.il, .cmshtml .sub-box p img.il {
    margin-right: auto;
    margin-bottom: 8px;
  }
}

.cmshtml .sub-box.box_item {
  border: 3px solid #ccc;
  border-radius: 16px;
  padding: 20px;
}

.cmshtml .sub-box.box_item p .txt {
  font-size: 15px;
  font-size: 0.9375rem;
}

.cmshtml .sub-box.box_item .boxtitle {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  position: relative;
  color: #33AD00;
  display: block;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .i2div.sub-box {
    width: 100%;
    margin-right: 0;
  }
  .cmshtml .i2 .i2div.sub-box .ir {
    width: 50%;
  }
}

.cmshtml .sub-box-wide {
  display: -ms-flexbox;
  display: flex;
}

.cmshtml .sub-box-wide .img {
  width: 40%;
  text-align: center;
}

.cmshtml .sub-box-wide .img img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 10px;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide .img img:first-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide .img.img-twins {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
}

.cmshtml .sub-box-wide .txt-area {
  width: calc(60% - 30px);
}

.cmshtml .sub-box-wide .txt-area .dl-box1 {
  margin-bottom: 0;
}

.cmshtml .sub-box-wide h4 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  color: #33AD00;
}

.cmshtml .sub-box-wide.txt-right .txt-area {
  padding-left: 30px;
}

.cmshtml .sub-box-wide.txt-left {
  flex-flow: row-reverse;
}

.cmshtml .sub-box-wide.txt-left .txt-area {
  padding-right: 30px;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide {
    flex-direction: column;
  }
  .cmshtml .sub-box-wide.txt-left {
    flex-direction: column;
  }
  .cmshtml .sub-box-wide .img {
    width: 100%;
  }
  .cmshtml .sub-box-wide .txt-area {
    margin-bottom: 10px;
    width: 100%;
  }
  .cmshtml .sub-box-wide.txt-left .txt-area, .cmshtml .sub-box-wide.txt-right .txt-area {
    padding: 0;
  }
}

.cmshtml .submenu {
  padding: 30px 0 10px;
  border-radius: 5px;
  line-height: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
  .cmshtml .submenu {
    justify-content: flex-start;
  }
}

.cmshtml .submenu_li {
  width: 200px;
  margin: 0 10px 10px 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .submenu_li {
    width: 48%;
    margin: 0 1% 10px 1%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .cmshtml .submenu_li:nth-child(2n) {
    margin-right: 0%;
  }
}

@media screen and (max-width: 420px) {
  .cmshtml .submenu_li {
    width: 100%;
    margin: 0 0 10px;
  }
}

.cmshtml .submenu_li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  background: #33AD00;
  border-radius: 99px;
  display: block;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
}

@media screen and (max-width: 800px) {
  .cmshtml .submenu_li a {
    padding: 12px 15px;
  }
}

.cmshtml .submenu_li a:before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #F7F5F2 transparent transparent transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media screen and (min-width: 801px) {
  .cmshtml .submenu_li.onhover a {
    background: #298a00;
  }
}

.cmshtml .to-telinquiry {
  text-align: center;
}

.cmshtml .to-telinquiry h2 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
}

.cmshtml .to-telinquiry h2 .txt {
  position: relative;
}

.cmshtml .to-telinquiry h2 .txt::before {
  content: "-";
  margin-right: 8px;
  display: inline-block;
}

.cmshtml .to-telinquiry h2 .txt::after {
  content: "-";
  margin-left: 8px;
  display: inline-block;
}

.cmshtml .list_ul {
  display: flex;
  flex-wrap: wrap;
}

.cmshtml .list_li {
  padding: 8px 0 8px 25px;
  position: relative;
  width: 49%;
  font-weight: 700;
  border-bottom: 1px dashed #DDDDDD;
  margin-right: 2%;
}

.cmshtml .list_li:nth-child(2n) {
  margin-right: 0;
}

.cmshtml .list_li::before {
  content: "";
  left: 0;
  top: 10px;
  border: 3px solid #FFD658;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
}

.cmshtml .list_li::after {
  content: "";
  left: 5px;
  top: 15px;
  border: 3px solid #FFD658;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  position: absolute;
}

@media screen and (max-width: 800px) {
  .cmshtml .list_li {
    width: 100%;
  }
}

.cmshtml .full-anchor a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}

.cmshtml .top-slide {
  position: relative;
  height: 520px;
  background-position: center;
  background-size: cover;
}

.cmshtml .top-slide img {
  display: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-slide {
    height: 300px;
  }
}

.cmshtml .top-info {
  background: url(../img/top/info-bg.png) repeat-y top center/100% auto;
  padding: 50px 0 60px;
}

.cmshtml .top-info__flex {
  justify-content: space-between;
  display: flex;
}

.cmshtml .top-info__item {
  width: 46%;
  transition: all 0.3s;
}

.cmshtml .top-info__item__inner {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: #ffffff;
  padding-bottom: 20px;
}

.cmshtml .top-info__item--kajiwara .top-info__item__title {
  background: url(../img/top/green.jpg);
}

.cmshtml .top-info__item--kajiwara .top-info__item__link::after {
  background: url(../img/top/green.jpg);
}

.cmshtml .top-info__item--kyodo .top-info__item__title {
  background: url(../img/top/yellow.jpg);
}

.cmshtml .top-info__item--kyodo .top-info__item__link::after {
  background: url(../img/top/yellow.jpg);
}

.cmshtml .top-info__item__img {
  overflow: hidden;
}

.cmshtml .top-info__item__img img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}

.cmshtml .top-info__item__img a:hover {
  opacity: 1;
}

.cmshtml .top-info__item__title {
  padding: 10px 0;
  text-align: center;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
}

.cmshtml .top-info__item__text {
  font-size: 16px;
  padding: 20px;
}

.cmshtml .top-info__item__text address {
  font-style: normal;
}

.cmshtml .top-info__item__link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  z-index: 1;
}

.cmshtml .top-info__item__link a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

.cmshtml .top-info__item__link:hover::after {
  right: -40px;
  bottom: -40px;
}

.cmshtml .top-info__item__link::before {
  background: url(../img/top/arrow.png) no-repeat;
  width: 15px;
  height: 12px;
  position: absolute;
  content: "";
  right: 10px;
  bottom: 15px;
}

.cmshtml .top-info__item__link::after {
  z-index: -1;
  position: absolute;
  height: 100px;
  transition: all 0.2s;
  width: 100px;
  right: -50px;
  content: "";
  bottom: -50px;
  border-radius: 50%;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-info {
    background: none;
    padding: 0;
  }
  .cmshtml .top-info .inner {
    padding: 0;
  }
  .cmshtml .top-info__flex {
    display: block;
  }
  .cmshtml .top-info__item {
    width: 100%;
    padding: 4vw;
    margin-bottom: 0;
  }
  .cmshtml .top-info__item--kajiwara {
    background: url(../img/top/green-light.jpg);
  }
  .cmshtml .top-info__item--kyodo {
    background: url(../img/top/yellow-light.jpg);
  }
}

.cmshtml .top-news {
  padding: 75px 0 105px;
}

.cmshtml .top-news__flex {
  display: flex;
}

.cmshtml .top-news__title {
  width: 250px;
  flex: 0 0 auto;
  padding: 5px 0 0;
}

.cmshtml .top-news__list {
  flex: 1 1 auto;
  max-height: 350px;
  overflow: auto;
}

.cmshtml .top-news__item {
  padding: 26px 0;
  border-top: 1px dashed #bbbbbb;
  display: flex;
}

.cmshtml .top-news__item:last-child {
  border-bottom: 1px dashed #bbbbbb;
}

.cmshtml .top-news__item__date {
  color: #33220B;
  font-size: 14px;
  display: inline-block;
  margin-right: 20px;
}

.cmshtml .top-news__item__category {
  display: inline-block;
  color: #ffffff;
  border-radius: 30px;
  padding: 0px 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-news__item__category {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.cmshtml .top-news__item__category--blue {
  background-color: #009AF6;
}

.cmshtml .top-news__item__category--green {
  background-color: #33AD00;
}

.cmshtml .top-news__item__category--yellow {
  background-color: #FFC109;
}

.cmshtml .top-news__item__category--red {
  background-color: #FF7373;
}

.cmshtml .top-news__item__dt {
  flex: 0 0 auto;
  margin-right: 30px;
}

.cmshtml .top-news__item__dd {
  flex: 1 1 auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-news {
    padding: 75px 0 105px;
  }
  .cmshtml .top-news__flex {
    display: block;
  }
  .cmshtml .top-news__title {
    width: 100%;
    margin-bottom: 30px;
  }
  .cmshtml .top-news__item {
    padding: 20px 0;
    display: block;
  }
  .cmshtml .top-news__item__dt {
    margin: 0 0 10px;
    display: flex;
    justify-content: space-between;
  }
}

.cmshtml .top-about {
  margin-bottom: 98px;
}

.cmshtml .top-about__title {
  margin-bottom: 30px;
  padding-top: 12px;
  background: url(../img/top/5dot.png) no-repeat top center, url(../img/top/title-bg.png) no-repeat center;
  text-align: center;
}

.cmshtml .top-about__title__main {
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-size: 30px;
  color: #33220B;
  display: block;
}

.cmshtml .top-about__title__sub {
  font-size: 12px;
  display: block;
  color: #C69A59;
}

.cmshtml .top-about__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cmshtml .top-about__item {
  padding: 16px 0;
  display: flex;
  border-bottom: 1px dashed #bbbbbb;
  width: 49%;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-about__item {
    width: 100%;
  }
}

.cmshtml .top-about__item:first-child, .cmshtml .top-about__item:nth-child(2) {
  border-top: 1px dashed #bbbbbb;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-about__item:nth-child(2) {
    border-top: none;
  }
}

.cmshtml .top-about__item__dt {
  width: 35%;
  font-size: 16px;
  color: #33210B;
  font-weight: bold;
}

.cmshtml .top-about__item__dd {
  width: 65%;
  font-size: 16px;
  color: #33210B;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-about {
    margin-bottom: 98px;
  }
  .cmshtml .top-about__title {
    background: url(../img/top/5dot.png) no-repeat top center, url(../img/top/title-bg.png) no-repeat center/80% auto;
  }
  .cmshtml .top-about__flex {
    display: block;
  }
  .cmshtml .top-about__list {
    width: 100%;
  }
}

.cmshtml .top-disclosure {
  margin-bottom: 70px;
}

.cmshtml .top-disclosure__title {
  padding-top: 12px;
  background: url(../img/top/5dot.png) no-repeat top center, url(../img/top/title-bg.png) no-repeat center;
  text-align: center;
  margin-bottom: 28px;
}

.cmshtml .top-disclosure__title__main {
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-size: 30px;
  color: #33220B;
  display: block;
}

.cmshtml .top-disclosure__title__sub {
  font-size: 12px;
  display: block;
  color: #C69A59;
}

.cmshtml .top-disclosure__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cmshtml .top-disclosure__item {
  padding: 15px 0;
  border-bottom: 1px dashed #bbbbbb;
  width: 49%;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-disclosure__item {
    width: 100%;
  }
}

.cmshtml .top-disclosure__item:first-child, .cmshtml .top-disclosure__item:nth-child(2) {
  border-top: 1px dashed #bbbbbb;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-disclosure__item:nth-child(2) {
    border-top: none;
  }
}

.cmshtml .top-disclosure__item__title {
  font-size: 16px;
  color: #33210B;
  font-weight: bold;
  text-decoration: none;
  margin-right: 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-disclosure__title {
    background: url(../img/top/5dot.png) no-repeat top center, url(../img/top/title-bg.png) no-repeat center/80% auto;
  }
  .cmshtml .top-disclosure__flex {
    display: block;
  }
  .cmshtml .top-disclosure__list {
    width: 100%;
    margin-bottom: 60px;
  }
}

.cmshtml .top-history {
  padding: 50px 0 150px;
  background: url(../img/top/tanpopo-bg.png) repeat-x bottom center, url(../img/top/flower1.png) no-repeat bottom 50% left 10%, url(../img/top/flower2.png) no-repeat top 9% right 10%;
  background-color: #EBE7DE;
}

.cmshtml .top-history__wrapper {
  width: 94%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 25px;
  background-color: #ffffff;
}

.cmshtml .top-history__title {
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  cursor: pointer;
  text-align: center;
  background-color: #EBE7DE;
  font-size: 30px;
  color: #33220B;
  transition: all 0.3s;
  position: relative;
}

.cmshtml .top-history__title:hover {
  opacity: 0.8;
}

.cmshtml .top-history__title::after {
  position: absolute;
  width: 42px;
  height: 42px;
  content: "";
  background: url(../img/top/arrow2.png) no-repeat center;
  background-color: #C69A59;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.cmshtml .top-history__title--open::after {
  transform: rotate(180deg);
}

.cmshtml .top-history__list {
  display: none;
  padding-bottom: 36px;
  margin-top: 50px;
}

.cmshtml .top-history__item {
  padding: 20px 0;
  display: flex;
  border-bottom: 1px dashed #bbbbbb;
}

.cmshtml .top-history__dt {
  flex: 0 0 auto;
  padding-left: 20px;
  font-weight: bold;
  width: 175px;
  color: #331F0B;
  font-size: 16px;
}

.cmshtml .top-history__dd {
  flex: 1 1 auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-history {
    padding: 4vw 0 100px;
    background: url(../img/top/tanpopo-bg.png) repeat-x bottom center/auto 80px;
    background-color: #EBE7DE;
  }
  .cmshtml .top-history__wrapper {
    border-radius: 5px;
    width: 100%;
    padding: 10px;
  }
  .cmshtml .top-history__list {
    display: none;
    padding-bottom: 36px;
    margin-top: 20px;
  }
  .cmshtml .top-history__item {
    padding: 20px 0;
    display: block;
    border-bottom: 1px dashed #bbbbbb;
  }
  .cmshtml .top-history__dt {
    flex: 0 0 auto;
    margin-bottom: 10px;
    padding-left: 0px;
    font-weight: bold;
    width: 100%;
    color: #331F0B;
    font-size: 16px;
  }
}

.cmshtml .contact_item_input input[type="text"], .cmshtml .contact_item_input input[type="tel"], .cmshtml .contact_item_input input[type="email"], .cmshtml .contact_item_input input[type="date"] {
  padding: 5px;
  height: auto;
  background-color: #F7F5F2;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cmshtml dt.contact_item_title {
  background: rgba(51, 173, 0, 0.1);
}

.cmshtml .contact_header {
  margin-bottom: 10px;
}

.cmshtml .contact_footer {
  margin-top: 10px;
}

.cmshtml .flex {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
}

.cmshtml .wrap-contact dl.list + dl.list {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #999;
}

.cmshtml .wrap-contact dl.list_half {
  width: calc(50% - 20px);
}

.cmshtml .wrap-contact .list_wrap {
  flex-wrap: wrap;
  justify-content: space-between;
}

.cmshtml .wrap-contact dl.list {
  align-items: center;
}

.cmshtml .wrap-contact dl.list dd {
  flex-shrink: 1;
  width: 100%;
}

.cmshtml .wrap-contact dl.list dt {
  text-align: left;
  flex-shrink: 0;
  width: 20%;
  font-weight: bold;
  padding-left: 20px;
}

.cmshtml .wrap-contact .txtarea {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .cmshtml form dl.flex {
    display: block;
  }
  .cmshtml .wrap-contact dl.list dt {
    width: 100%;
    padding-left: 0;
  }
}

.cmsbody[class*="wcedit"] .top-slide,
.cmsbody[class*="wcselect"] .top-slide {
  height: auto;
  background: none !important;
}

.cmsbody[class*="wcedit"] .top-slide img,
.cmsbody[class*="wcselect"] .top-slide img {
  display: block;
}

.cmsbody[class*="wcedit"] .full-anchor a::after,
.cmsbody[class*="wcarea"] .full-anchor a::after,
.cmsbody[class*="wcselect"] .full-anchor a::after {
  display: none;
}

.cmsbody[class*="wcedit"] .top-info__item__link a {
  text-indent: 0;
}

.cmsbody[class*="wcedit"] .top-history__list,
.cmsbody[class*="wcselect"] .top-history__list {
  display: block;
}

.cmsbody[class*="wcedit"] .sponly,
.cmsbody[class*="wcedit"] .pconly,
.cmsbody[class*="wcselect"] .sponly,
.cmsbody[class*="wcselect"] .pconly,
.cmsbody[class*="wcarea"] .sponly,
.cmsbody[class*="wcarea"] .pconly,
.cmsbody[class*="wcancedit"] .sponly,
.cmsbody[class*="wcancedit"] .pconly {
  display: block !important;
}

.cmshtml img[src*="analytics.global-websystem.net"] {
  display: none;
}

.cmshtml img[src*="spacer.gif"] {
  width: 1px;
  height: 1px;
}

.cmshtml .wc_anctxt,
.cmshtml .wc_anctxt img {
  vertical-align: top;
}

.cmshtml img[id*='wc_anc'] {
  padding-top: 20px;
  margin-top: -20px;
}

.cmshtml .wcedit_40020A816801 #topslide .sp-slides {
  width: auto;
  height: 400px;
  overflow-x: auto;
}

.cmshtml .wcedit_40020A816801 #topslide .sp-slides .sp-slide {
  float: left;
  display: block;
  position: relative;
}

.cmshtml .wcedit_40020A816801 [data-aos^="fade"][data-aos^="fade"] {
  opacity: 1;
  transform: translateZ(0);
}

.cmshtml .wcselect_40020A816801 #topslide .sp-slides {
  width: auto;
  height: 400px;
  overflow-x: auto;
}

.cmshtml .wcselect_40020A816801 #topslide .sp-slides .sp-slide {
  float: left;
  display: block;
  position: relative;
}

.cmshtml .wcselect_40020A816801 #navi-sub > div, .cmshtml .wcselect_40020A816801 #to-form > div, .cmshtml .wcselect_40020A816801 #navi-main ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.cmshtml .wcselect_40020A816801 .banner-box1 ul > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .banner-box2 ul > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .banner-box3 ul > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .i1 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .i2 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .i3 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .i4 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .i5 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_40020A816801 .just2 > div, .cmshtml .wcselect_40020A816801 .just3 > div, .cmshtml .wcselect_40020A816801 .just4 > div, .cmshtml .wcselect_40020A816801 .just5 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cmshtml .wcselect_40020A816801 #footerlink ul div {
  display: flex;
  flex-flow: row wrap;
  width: auto;
}

.cmshtml .wcselect_40020A816801 .list-linkbox ul > div, .cmshtml .wcselect_40020A816801 .propertylist ul > div, .cmshtml .wcselect_40020A816801 #panlist ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.cmshtml .wcselect_40020A816801 .submenu > div, .cmshtml .wcselect_40020A816801 .list_ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.cmshtml .wcselect_40020A816801 .title-navi > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.cmshtml .wcselect_40020A816801 .noline-hr {
  position: relative;
}

.cmshtml .wcselect_40020A816801 .noline-hr::after {
  display: block;
  text-align: center;
  width: 100%;
  height: 1005;
  border: 1px dashed #ccc;
  content: "空白が入るブロックです";
  position: absolute;
  top: 0;
  color: #ccc;
}

.cmshtml .wcselect_40020A816801 [data-aos^="fade"][data-aos^="fade"] {
  opacity: 1;
  transform: translateZ(0);
}

.cmshtml .wcarea_40020A816801 table {
  width: 80%;
}

.cmshtml .wcarea_40020A816801 table th, .cmshtml .wcarea_40020A816801 table td {
  padding: 16px;
  width: auto;
}

.cmshtml .wcarea_40020A816801 table th {
  background-color: #e9e9e9;
}

.cmshtml .wcarea_40020A816801 .noline-hr {
  position: relative;
}

.cmshtml .wcarea_40020A816801 .noline-hr::after {
  display: block;
  text-align: center;
  width: 100%;
  height: 1005;
  border: 1px dashed #ccc;
  content: "空白が入るブロックです";
  position: absolute;
  top: 0;
  color: #ccc;
}

.cmshtml .wcarea_40020A816801 .j3-li.s2-li {
  width: 334px;
  float: left;
}

.cmshtml .wcarea_40020A816801 .s3-li.j3-li {
  width: 334px;
  float: left;
}

.cmshtml .wcarea_40020A816801 .sp-slide {
  display: block;
  position: relative;
}

.cmshtml .wcarea_40020A816801 [data-aos^="fade"][data-aos^="fade"] {
  opacity: 1;
  transform: translateZ(0);
}

.cmshtml .wc_addYoutube_span {
  padding: 24px;
}

.cmshtml .wc_addYoutube_span:before {
  content: " ";
  margin: 0 auto;
  display: block;
  width: 250px;
  height: 250px;
  background: url(../img/fix/youtube.png) no-repeat center;
}

.cmshtml .wc_addGoogleMap_span {
  padding: 24px;
}

.cmshtml .wc_addGoogleMap_span:before {
  content: " ";
  margin: 0;
  display: block;
  width: 250px;
  height: 250px;
  background: url(../img/fix/googlemap.png) no-repeat top left;
}

.cmshtml .wc_facebook_span {
  padding: 24px;
}

.cmshtml .wc_facebook_span:before {
  content: " ";
  margin: 0 auto;
  display: block;
  width: 250px;
  height: 250px;
  background: url(../img/fix/facebook.png) no-repeat top left;
}

.cmshtml .tableBlock {
  width: 95%;
}






















































/* ================================
   u01　追記CSS
================================ */

.cmshtml .container{
  width: 1080px;
  margin:0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.cmshtml .container{
  width:100%;
  padding:20px 2vw;
}

.cmshtml .pagenav, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt, .cmshtml .concept .ainner .back .binner {
    box-sizing:border-box;
}

}
.cmshtml #contents, .cmshtml .inner {
  box-sizing:border-box;
}

.cmshtml .container span img{
  border-radius:10px;
}

.cmshtml .swiper-container {
    z-index: 0;
}

.cmshtml .dl-box1 {
    margin-bottom: 0;
    display: block;
}

.cmshtml .qabox {
    margin-bottom: 0;
    overflow: visible;
}

.cmshtml .stepbox {
    margin-bottom: 0;
    overflow: visible;
}

.cmshtml .to_bt {
    margin-bottom: 0;
    overflow: visible;
}

.cmshtml .to-bt2 {
    margin-bottom: 0;
    overflow: visible;
}

.cmshtml .cmsbody span.rdBreadcrumbArrow{
  margin-left:18px;
}

.cmshtml .hov {
  transition:0.4s;
}
.cmshtml .hov:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
}

.cmshtml .autowidth p{
  display:inline-block;
}

.cmshtml .c_back::before{
  left: -40vw;
  width: 100vw;
}

.cmshtml .pagenav ul li:after{
  display:none;
}

.cmshtml .stepbox .left h2:before{
  content: "STEP";
  color:#fff;
  display:block;
  font-size:12px;
  font-weight:700;
  postion:absolute;
  text-align:center;
}

.cmshtml section.contents .i3 {
    box-sizing: border-box;
}

.cmshtml .schedule-box {
    box-sizing: border-box;
}

.cmshtml .schedule-box img {
    width: 100%;
    height: auto;
    border-radius:10px;
}

@media screen and (max-width: 800px) {
    .cmshtml .schedule-box .sch-left.flow_wrap {
        box-sizing: border-box;
    }
}

.cmshtml .cmsbody .dl-box1 {
    padding: 0 !important;
}

.cmshtml .bt_more a {
  display: inline-block;
  background: #F5AFA1;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 99px;
  text-decoration: none;
  padding: 10px 60px;
  position: relative;
}

.cmshtml .bt_more a::before {
  position: absolute;
  content: "";
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  background: url("../img/fix/arrow.png") no-repeat 0 0;
  width: 12px;
  height: 14px;
}

.cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox {
    margin-bottom: 0;
}

.cmshtml div.tel p{
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    padding-left: 50px;
    background: url(../img/fix/icon-tel.png) no-repeat center left;
    margin-bottom: 2px;
    
    max-width: 284px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}
.cmshtml div.tel p a{
    color: #FFC411;
    text-decoration:none;
}

.cmshtml .top-disclosure__item a {
  font-size: 16px;
  color: #33210B;
  font-weight: bold;
  text-decoration: none;
  margin-right: 20px;
  position:relative;
}

.cmshtml .top-disclosure__item a:after {
  content: "";
  display: inline;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -10px;
  top: 0;
  bottom: 0;
  left: 20px;
  background: url("../img/top/icon-pdf.png") no-repeat 0 0;
  width: 24px;
  height: 30px;
}


/* アンカーポイントの位置調整 */

.cmshtml .rdanchor a {
  padding-top: 100px !important;
  display: block;
  margin-top: -100px;
  pointer-events: none;
}
#editView .cmshtml .rdanchor a {
  padding-top: 0 !important;
  display: inherit;
  margin-top: 0px;
  pointer-events: all;
}

/* スマホ時ブレイクさせない */

@media screen and (max-width: 767px) {
  .cmshtml .cmsbody .spnb {
  flex-flow: row nowrap;
  }
  .cmshtml .cmsbody .spnb table {
  min-width: auto;
  font-size: 70%;
  }
}




/* ================================
   表追記CSS
================================ */

.cmsbody table {border-collapse: collapse; }
.cmsbody .rdplanetext figure.table,
.cmsbody .rdplanetext2 figure.table,
.cmsbody .txtarea figure.table {
  width: 100%; }
  .cmsbody .rdplanetext figure.table table,
  .cmsbody .rdplanetext2 figure.table table,
  .cmsbody .txtarea figure.table table {
    border-top: 1px solid #7F7F7F;
    width: 100%; }
    .cmsbody .rdplanetext figure.table table td, .cmsbody .rdplanetext figure.table table th,
    .cmsbody .rdplanetext2 figure.table table td,
    .cmsbody .rdplanetext2 figure.table table th,
    .cmsbody .txtarea figure.table table td,
    .cmsbody .txtarea figure.table table th {
      padding: 1em 0.5em;
      border: none; }
    .cmsbody .rdplanetext figure.table table thead th,
    .cmsbody .rdplanetext2 figure.table table thead th,
    .cmsbody .txtarea figure.table table thead th {
      text-align: inherit; }
    .cmsbody .rdplanetext figure.table table tr th, .cmsbody .rdplanetext figure.table table tr td,
    .cmsbody .rdplanetext2 figure.table table tr th,
    .cmsbody .rdplanetext2 figure.table table tr td,
    .cmsbody .txtarea figure.table table tr th,
    .cmsbody .txtarea figure.table table tr td {
      border-bottom: 1px solid #7F7F7F !important; }
      .cmsbody .rdplanetext figure.table table tr th:first-child, .cmsbody .rdplanetext figure.table table tr td:first-child,
      .cmsbody .rdplanetext2 figure.table table tr th:first-child,
      .cmsbody .rdplanetext2 figure.table table tr td:first-child,
      .cmsbody .txtarea figure.table table tr th:first-child,
      .cmsbody .txtarea figure.table table tr td:first-child {
        border-left: none; }
    .cmsbody .rdplanetext figure.table table th,
    .cmsbody .rdplanetext2 figure.table table th,
    .cmsbody .txtarea figure.table table th {
      width: auto;
      background-color: rgba(215, 216, 230, 0.3); }
    .cmsbody .rdplanetext figure.table table td,
    .cmsbody .rdplanetext2 figure.table table td,
    .cmsbody .txtarea figure.table table td {
      background-color: #fff; }


.cmshtml .cmsbody .rdtableTable th, .cmshtml .cmsbody .rdtableTable td {
  padding: 1.5rem;
}

.cmshtml .cmsbody .rdtableTable thead th {
  border-bottom: none;
}

.cmshtml .cmsbody .rdtableTable {
  border-top: none;
}

.cmshtml .cmsbody .rdtable tbody th {
  border-right-width: 0;
}

.cmshtml .cmsbody .rdtable th {
  font-weight: 700;
  background: #FDFAE2;
}

.cmshtml .cmsbody .rdtable tbody th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #fff;
}

.cmshtml .cmsbody .rdtableTable td {
  background: #fff;
}

/* ================================
   見出し追記CSS
================================ */

.cmsbody .rdplanetitle,
.cmsbody .section-contact .rdplanetitle {
  position: relative;
  margin:0;
  padding: 0 10px !important;
}

.cmshtml .cmsbody .rdplanetitle h2,
.cmshtml .cmsbody .rdplanetitle h3,
.cmshtml .cmsbody .rdplanetitle h4,
.cmshtml .cmsbody .rdplanetitle h5,
.cmshtml .cmsbody .rdplanetitle h6{
  margin:0 0 20px;
  padding:0;
}

.cmshtml .cmsbody .rdplanetitle h2 {
   padding: 0 0 0 60px;
   font-size: 28px;
   font-weight: 700;
}

.cmshtml .cmsbody .rdplanetitle h2:after {
    content: "";
    width: 52px;
    height: 52px;
    background: url(../img/fix/title-bg1.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto 0;
    display: inline-block;
}

.cmshtml .cmsbody .rdplanetitle h3 {
    font-size: 24px;
    font-weight:700;
    padding: 0 0 0 24px;
    color:#33AD00;
}

.cmshtml .cmsbody .rdplanetitle h3:before {
    content: "";
    width: 6px;
    height: 100%;
    border-radius: 10px;
    background: rgba(51, 173, 0, 0.5);
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
}

.cmshtml .cmsbody .rdplanetitle h4 {
    text-align: center;
    background: #EBE7DE;
    color: #33220B;
    transition: all 0.3s;
    position: relative;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 1.5rem;
    font-weight: bold;
}

.cmshtml .cmsbody .rdplanetitle h5 {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #33AD00;
  display: inline-block;
  padding: 2px 10px;
  border-bottom: 2px dotted #33AD00;
}

.cmshtml .cmsbody .rdplanetitle h6 {
    font-size: 1.3rem;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
}

.cmshtml .cmsbody .rdplanetitle h6:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 5px;
    border-radius: 50%;
    margin: auto;
    height: 18px;
    width: 18px;
    background: rgba(255, 196, 17, 0.4);
}

.cmshtml .cmsbody .rdplanetitle h6:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0px;
    top: 12px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: rgba(51, 173, 0, 0.5);
}


/* ================================
   ブログ追記CSS
================================ */

/* アイキャッチ非表示 */
.cmshtml .cmsbody .rdListImageEmpty {
  display: none;
}

/* 記事リスト項目 */
.cmshtml .cmsbody .rdListShort .rdListItem {
  width: 100%;
  padding: 20px;
  margin: 0;
  border: none;
  border-bottom: 1px dotted #ccc;
  box-shadow: none;
  background: #fff;
  display: block;
}

/* タイトル */
.cmshtml .cmsbody .rdarticleTitle h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  border: none;
  color: #444;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
               "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
               HGS明朝E, メイリオ, Meiryo, serif;
}

.cmshtml .cmsbody .rdarticleTitleText a {
  display: block;
  text-decoration: none;
  color: #444;
  font-weight: 700;
}

.cmshtml .cmsbody .rdarticleTitleText a:hover {
  opacity: 0.8;
}

/* タイトル横の要素配置 */
.cmshtml .cmsbody .rdListShort .rdListItem .rdListTitle {
  display: flex;
  align-items: center;
}

/* 日付 */
.cmshtml .cmsbody .rdpublishDate {
  font-weight: 700;
  margin-right: 20px;
  margin-bottom: 0;
}

/* カテゴリ */
.cmshtml .cmsbody .rdListShort .rdListItem .rdListCategoryItem {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #fff;
  background: #bde1ab;
}

.cmshtml .cmsbody .rdListShort .rdListItem .rdListCategoryItem a {
  color: #666;
  font-size: 0.8rem;
  text-decoration: none;
  font-weight: 700;
}

/* タグ */
.cmshtml .cmsbody .rdListShort .rdListItem .ItemrdListTagListItem {
  padding: 0 10px;
  border: 1px solid #76a6ff;
  background: none;
}

.cmshtml .cmsbody .rdListShort .rdListItem .ItemrdListTagListItem a {
  color: #76a6ff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.8rem;
}

/* ブログ記事簡易一覧表示 */
.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap {
  display: flex;
  align-items: center;
}

.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap .rdnewArticle-ContDate {
  font-weight: 700;
  margin-right: 20px;
  color: #07913b;
}

.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap .rdnewArticle-ContTitle a {
  font-weight: 700;
  text-decoration: none;
}



/* メールフォーム表示 */
.cmshtml .contact_item_input input[type=text],
.cmshtml .contact_item_input input[type=tel],
.cmshtml .contact_item_input input[type=email],
.cmshtml .contact_item_input input[type=date]{
font-size: 16px;
height: 28px;
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cmshtml .contact_item_input input[type=radio],
.cmshtml .contact_item_input input[type=checkbox]{
font-size: 16px;
line-height: 1.42857143;
padding:0;
margin-right: 5px;
box-sizing: border-box;
}

.cmshtml .contact_item_input select{
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cmshtml .contact_item_input textarea{
height: auto;
width: 90%;
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cmshtml .contact_item_input .contact_item_note{
font-size: 0.85em;
}

.cmshtml .contact-item_width_full{
width: 90%;
}

.cmshtml dt.contact_item_title {
    background: rgba(215, 216, 230, 0.3);
    margin-bottom: 20px;
    padding: 15px;
}

.cmshtml .cmsbody .contact_item_table input[type="tel"]{width:auto;}

.cmshtml .contact_item_table button.btn_contacts_post_api{
  margin-left:10px;
}

.cmshtml .cmsbody .contact_item_table .contact_item_input.subtitle{
  padding: 10px;
  margin-top:40px;
    color: #004097;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    font-size: 1.3rem;
    border-bottom: 1px solid #004097;
}


/* ================================
   編集画面追記CSS
================================ */


#editView .cmshtml .fnav{
  width:65%;
}

#editView .cmshtml #l_footer .inner{

  width:100%;

}


/* Gnavi調整 */

#editView .h_nav__list .dd{
  display:none;
}

#editView .cmshtml .h_subnav{
  position: relative;
}

#editView .cmsbody .h_nav__list > div {
    padding-left: 0;
}

/* GnaviのshowhideElement */

#editView.showhideElement .cmshtml h1 {
  display:none;
}

#editView.showhideElement .cmshtml .h_nav__list {
  display:block;
}

#editView.showhideElement .cmshtml .h_nav__list .dd{
  display:block;
  margin-top:10px;
  background:#eee;
}

#editView.showhideElement .cmshtml .h_nav__list .dd > div:first-child{
  display:none;
}

#editView.showhideElement .cmshtml .h_nav__list .iconlink{
  display:none;
}

#editView.showhideElement .cmshtml .h_nav__list .drawer-dropdown-menu {
  display: block;
  position:relative;
  z-index: 1;
}

#editView.showhideElement .cmshtml .drawer-dropdown-menu .inner{
  display: block;
}

#editView.showhideElement .cmshtml .h_nav__item a {
  display:inline;
}

#editView.showhideElement .cmsbody .h_nav__list > div {
  display:block;
}

#editView.showhideElement .cmshtml .h_nav__item {
    text-align: center;
    height: auto;
  padding:20px !important;
}

#editView.showhideElement .cmshtml .drawer-dropdown-menu-item {
  line-height: 1rem;
  padding:10px 0;
  width: 100%;
}

#editView.showhideElement .cmshtml .drawer-dropdown-menu .inner .ddin-list{
  display: flex;
  flex-flow:row wrap;
}

#editView.showhideElement .cmshtml .h_nav__item__9{
  display:none;
}

#editView.showhideElement .cmshtml .h_nav__item__9{
  display:none;
}

#editView.showhideElement .cmshtml .h_subnav_wrap{
  display:none;
}


/* スライド調整 */

#editView .cmshtml .top-slide img {
    display: block;
}



/* イントロダクション調整 */
#editView .cmshtml .concept .ainner .back {
    position: relative;
    display: flex;
    flex-flow: row-reverse;
}

#editView .cmshtml .concept .ainner .back .conceptimg {
    position: absolute;
    top: 150px;
    max-width: fit-content;
    display: block;
    width: 500px !important;
}

/* 3並びボックスリンク調整 */


#editView .cmshtml .i3 .in-wrap div.faci_box {
    margin-right: 20px;
}

#editView .cmshtml .i3 div.faci_box img {
  width: 100%;
  height:auto;
}

/* お問い合わせ調整 */

#editView .cmshtml .f_inquiry .btn_box {
    margin-bottom: 20px;
}

#editView .cmshtml .f_inquiry .btn_box a {
    padding: 40px;
    font-size: 1.2rem;
}

#editView .cmshtml .cmsbody .f_inquiry .info_box {
    padding: 10px 20px !important;
}


/* 園の生活調整 */

#editView .cmshtml .schedule-box .sch-left.flow_wrap {
    width: 100%;
}









/* ▼ タイトルナビ関連 */

#editView .cmshtml .title-navi li{
  width: 100%;
}

#editView .cmshtml .title-navi > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

/* ▼ トップ概要関連 */


#editView .cmshtml .top-about__list > div{
  width:50%;
}

#editView .cmshtml .top-about__item {
    width: 100%;
}
#editView .cmshtml .top-about__item__dt {
    width: 100%;
    margin-right: 20px;
}
#editView .cmshtml .top-about__item__dd {
    width: 100%;
}

#editView .cmshtml .top-history__list {
    display: block;
}


/* ▼ トップニュース関連 */
#editView .cmshtml .cmsbody .top-news__list{
  padding:20px !important;
}

#editView .cmshtml .top-news__item__dt {
    width: 250px;
    display: flex
;
}

/* ▼ 下層ページ関連 */

#editView .cmshtml .sub-box-wide .img img{
  max-width: fit-content;
}

#editView .cmshtml div{
  max-height: none;
}

#editView .cmshtml .submenu{
  display:flex;
  flex-flow:row wrap;
}


#editView .cmshtml .sub-box-wide .txt-area{
  width: 100%;
}

#editView .cmshtml .list_ul > div{
  width:49%;
}

#editView .cmshtml .list_li {
    width: 100%;
}


/* ▼ ステップ関連 */

#editView .cmshtml .stepbox .step-wrap{
  display:flex;
  flex-flow:nowrap;
}

#editView .cmshtml .stepbox .step-wrap .left h2{
  color: #AFC112;
  padding: 20px;
  width: 95px;
  text-align: center;
  border: 3px solid #afc112;
  border-radius: 50px;
  margin-right: 20px;
}

#editView .cmshtml .stepbox .step-wrap .right h3{
  color:#AFC112;
  padding: 0 0 10px;
}

/* ▼ 園について関連 */

#editView .cmshtml .sub-box-wide .img {
    width: 400px;
}
#editView .cmshtml .sub-box-wide .img img {
    width: 100%;
}
#editView .cmshtml .sub-box-wide .txt-area {
    width: 550px;
}
#editView .cmshtml .top-disclosure__list {
    flex-flow: row wrap;
}

#editView .cmshtml .top-disclosure__list > div {
    width: 49%;
}