@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, #editView .cmshtml 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, #editView .cmshtml 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, #editView .cmshtml 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, #editView .cmshtml li:after {
  clear: both;
}

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

.cmshtml a:hover {
  color: #F9BB00;
}

.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.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 dd,
.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: #000;
  font-weight: 400;
  letter-spacing: 1px;
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
}

.cmshtml div,
.cmshtml dt,
.cmshtml dd,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml p,
.cmshtml address,
.cmshtml th,
.cmshtml td {
  z-index: 0;
  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;
  backface-visibility: hidden;
  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: #FFC411;
  color: #fff;
  /* Safari */
}

.cmshtml ::-moz-selection {
  background-color: #FFC411;
  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: 354px;
  height: 60px;
}

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

.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: 4%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cmshtml .h-nav__item {
  padding-left: 25px;
  margin-left: 25px;
  text-align: center;
  transition: all 0.3s linear;
  line-height: 1.2;
  flex: 0 1 auto;
  background-position: top 0 center;
  background-repeat: no-repeat;
  background: url(../img/fix/dot.png) repeat-y top left;
}

.cmshtml .h-nav__item:first-child {
  background: none;
}

.cmshtml .h-nav__item--parent {
  background: none;
  margin-left: 40px;
}

.cmshtml .h-nav__item p a {
  font-family: 'Noto Sans JP',YuGothic, "游ゴシック", "メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-size: 19px;
  font-weight: 500;
  color: #111111;
  text-decoration: none;
  display: block;
  transition: all 0.3s;
  position: relative;
}

@media screen and (min-width: 801px) {
  .cmshtml .h-nav__item > a:hover {
    opacity: 1;
    color: #F9BB00;
  }
}

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

@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;
    line-height: 1;
    padding: 0;
    margin: 0 0 30px;
    font-size: 18px;
    background: none;
  }
  .cmshtml .h-nav__item > a {
    display: block;
    width: 100%;
    padding: 0;
  }
  .cmshtml .h-nav__item--sp {
    padding: 0;
    margin: 60px 0 0;
    display: block;
  }
}

.cmsbody[class*="wcselect"] .h-nav__list > div {
  display: flex;
}

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

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

.cmshtml .h-subnav__info {
  margin-top: 5px;
  line-height: 1.4;
  text-align: right;
}

.cmshtml .h-subnav__info * {
  letter-spacing: 0;
}

.cmshtml .h-subnav__info__tel {
  color: #33230B;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-left: 50px;
  background: url(../img/fix/icon-tel.png) no-repeat center left;
  margin-bottom: 2px;
  display: inline-block;
}

.cmshtml .h-subnav__info__tel a {
  text-decoration: none;
  color: inherit;
}

.cmshtml .h-subnav__info p {
  font-size: 15px;
  font-size: 0.9375rem;
}

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

.cmshtml .h-subnav__mail {
  margin: 10px 0 0 20px;
}

.cmshtml .h-subnav__banner {
  margin-left: 30px;
  display: flex;
  justify-content: flex-end;
}

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

.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--sp {
    display: block;
  }
  .cmshtml .h-subnav__info {
    margin: 0 0 20px;
  }
  .cmshtml .h-subnav__mail {
    margin: 0 0 20px;
    text-align: center;
  }
  .cmshtml .h-subnav__banner {
    margin-left: 0;
    display: block;
  }
  .cmshtml .h-subnav__item {
    margin: 0 0 10px;
  }
  .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;
  }
}

.cmshtml #pagetop-side {
  width: 87px;
  height: 87px;
  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;
}

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

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

.cmshtml #l-footer {
  background: url(../img/fix/footer-flower1.png) no-repeat bottom 25px left 22%, url(../img/fix/footer-flower2.png) no-repeat top 25px right 22%, url(../img/fix/green-light.jpg);
  padding: 50px 0 30px;
  text-align: center;
}

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

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

@media screen and (max-width: 800px) {
  .cmshtml .f-logo img {
    max-width: 100%;
    height: auto;
  }
  .cmshtml #l-footer {
    background: url(../img/fix/footer-flower1.png) no-repeat bottom 10px left -10px, url(../img/fix/footer-flower2.png) no-repeat top 25px right -10px, url(../img/fix/green-light.jpg);
    padding: 80px 0 50px;
    text-align: center;
  }
}

.cmshtml .f-icon {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmshtml .f-icon__item {
  margin: 0 5px;
}

.cmshtml .f-copy {
  margin-top: 25px;
  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: url(../img/fix/green-light.jpg) repeat 0 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

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

.cmshtml #title-wrap {
  padding-top: 3vh;
  padding-bottom: 3vw;
  position: relative;
}

@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: 1100px) {
  .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";
  padding-top: 60px;
}

.cmshtml #title h2::before {
  content: "";
  background: url("../img/top/tanpopo.png") no-repeat center;
  background-size: 53px 60px;
  width: 53px;
  height: 60px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@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: 1100px) {
  .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: #FFC411 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: 800px) {
  .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t2 h2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3 {
    margin: 0 auto 24px;
  }
}

.cmshtml .cap-l {
  padding: 8px;
  text-align: center;
  position: relative;
}

.cmshtml .cap-l h2 {
  font-weight: 700;
  font-size: 32px;
  font-size: 2rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.cmshtml .cap-l h2 .inner_txt {
  background: linear-gradient(transparent 50%, rgba(255, 196, 17, 0.3) 50%);
  line-height: 1;
}

.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: #FFC411;
}

.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: 20px;
    font-size: 1.25rem;
  }
}

.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.clt2 h2:before {
  content: "";
  width: 70px;
  background: url(../img/top/tree3.png) no-repeat bottom 15px right 10%;
  background-size: 100% auto;
  position: absolute;
  bottom: -22px;
  right: 0;
  margin: auto;
  display: inline-block;
  height: 86px;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t2.clt2 h2:before {
    width: 45px;
  }
}

.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: #FFC411;
}

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

.cmshtml .cap-m.cm-3 h3 {
  text-align: center;
  background: url(../img/fix/green-light.jpg) repeat;
  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: #FFC411;
  display: inline-block;
  padding: 2px 0;
  border-bottom: 2px dotted #FFC411;
}

.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(255, 196, 17, 0.4);
}

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

.cmshtml .cap-l-t3 {
  /*news title*/
  display: flex;
  flex-direction: column-reverse;
}

.cmshtml .cap-l-t3 h2 {
  padding-bottom: 25px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 10px;
  font-weight: normal;
}

.cmshtml .cap-l-t3 p {
  width: 90px;
  font-size: 13px;
  color: #FFC411;
  font-weight: bold;
  letter-spacing: 0.05em;
  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: 17px;
  }
}

.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 !important;
  color: #000;
  background: #FDFAE2 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: 1100px) {
  .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: #FDFAE2;
  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: 1100px) {
  .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: 1100px) {
  .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: 1100px) {
  .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: 1100px) {
  .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: 1100px) {
  .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 #FFC109;
}

.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-bottom: 80px;
}

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

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

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

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

@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: #FDFAE2;
  border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 800px) {
  .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: 8px 5px;
  }
}

.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: #FFC411;
  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;
}

@media screen and (max-width: 800px) {
  .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: 8px 5px;
  }
}

.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: #F7F5F2;
}

@media screen and (max-width: 800px) {
  .cmshtml .dibox.sp_no_min table {
    min-width: 0;
  }
}

.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: #FFC411;
}

.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: #111;
  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: url("../img/top/yellow.jpg") repeat;
}

.cmshtml .to-bt2 p a:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  left: 22px;
  font-size: 10px;
  font-size: 0.625rem;
  background-size: auto;
  width: 36px;
  height: 36px;
  content: "";
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
  border-radius: 3px;
}

.cmshtml .to-bt2 p a:hover {
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

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

.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: 12px 20px 12px 70px;
}

.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: 12px 20px 12px 70px;
}

.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 {
  margin-bottom: 80px;
  overflow: hidden;
}

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

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

.cmshtml .qabox dl dt, .cmshtml .qabox dl dd {
  position: relative;
  padding-top:10px;
}

.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: #F9BB00;
  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, #FDFAE2 5%, #FFC411);
  background: #F9BB00;
  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: #FFC411;
  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 #FFC411 solid;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  position: relative;
}

.cmshtml .to_bt a:before {
  content: "";
  width: 6px;
  height: 1px;
  background: #FFC411;
  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: #FFC411;
  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: #FDFAE2;
  color: #FFC411;
  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: #FFC411;
  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 #FFC411;
  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: #FFC411;
}

.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: #FFC411;
  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-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  color: #FFC411;
}

.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: #FFC411;
  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: #FDFAE2 transparent transparent transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

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

.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 #FFC411;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
}

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

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

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

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

.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;
}

.cmshtml .list_dl {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #DDDDDD;
  padding: 10px 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .list_dl {
    padding: 6px 0;
  }
}

.cmshtml .list_dl dt {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  font-size: 1.625rem;
  text-align: center;
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  margin-right: 10px;
  background: rgba(255, 196, 17, 0.5);
}

.cmshtml .list_dl:nth-child(2n) dt {
  background: #33AD00;
}

.cmshtml .list_dl dd {
  width: calc(100% - 70px);
  background: #fff;
  padding: 10px 10px;
  line-height: 1.5;
}

.cmshtml .sub-box-wide.txt-left.c_box_wrap {
  background: url("../img/fix/footer-flower1.png") no-repeat left bottom;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide.txt-left.c_box_wrap {
    padding-bottom: 70px;
    background: url("../img/fix/footer-flower1.png") no-repeat left bottom, url("../img/top/tanpopo.png") no-repeat right bottom;
    background-size: 60px auto,60px auto;
    flex-direction: column-reverse;
  }
}

.cmshtml .sub-box-wide.txt-left.c_box_wrap .img_list {
  width: 28%;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide.txt-left.c_box_wrap .img_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cmshtml .sub-box-wide.txt-left.c_box_wrap .img_list .img_unit {
    width: 49%;
  }
}

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

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide.txt-left.c_box_wrap .txt-area {
    width: 100%;
  }
}

.cmshtml .txt-area_inner {
  border-bottom: 1px dashed #DDDDDD;
  padding: 2rem 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .txt-area_inner {
    padding: 1.2rem 0;
  }
}

.cmshtml .txt-area_inner h5 {
  color: #F9BB00;
  color: #33220B;
  margin: 0 0 2em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (max-width: 800px) {
  .cmshtml .txt-area_inner h5 {
    margin-bottom: 1em;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.cmshtml .txt-area_inner h5.inner_txt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(255, 196, 17, 0.3)));
  background: linear-gradient(transparent 60%, rgba(255, 196, 17, 0.3) 0%);
}

.cmshtml .box_unit_wrap {
  padding: 40px 2vw 2vw;
  background: url("../img/fix/head-bg2.png") no-repeat -80px 0, url("../img/fix/green-light.jpg") repeat;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .box_unit_wrap {
    padding: 3vw 3vw 2vw;
  }
}

.cmshtml .box_unit_wrap .unit_main_dl {
  margin-bottom: 2em;
}

.cmshtml .box_unit_wrap .unit_main_dl dt {
  position: absolute;
  font-size: 88px;
  font-size: 5.5rem;
  top: -15px;
  left: 30px;
  color: #FFC411;
  font-weight: 700;
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  z-index: -1;
  opacity: 0.7;
}

@media screen and (max-width: 800px) {
  .cmshtml .box_unit_wrap .unit_main_dl dt {
    font-size: 70px;
    font-size: 4.375rem;
    top: -6px;
    left: 12px;
  }
}

.cmshtml .box_unit_wrap .unit_main_dl dd {
  margin-left: 90px;
  font-weight: 700;
  font-size: 17px;
  font-size: 1.0625rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .box_unit_wrap .unit_main_dl dd {
    margin-left: 75px;
  }
}

.cmshtml .unit_sub_dl {
  background: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .unit_sub_dl {
    display: block;
    margin-bottom: 20px;
  }
}

.cmshtml .unit_sub_dl dt {
  font-family: 'Noto Sans JP',YuGothic, "游ゴシック", "メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  border-radius: 50%;
  background: #FFC411;
  font-weight: bold;
  color: #fff;
  margin-left: 4vw;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 19px;
  font-size: 1.1875rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .unit_sub_dl dt {
    position: absolute;
    margin-left: 0;
    top: -22px;
    left: -10px;
    width: 65px;
    height: 65px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.cmshtml .unit_sub_dl dd {
  padding: 30px 30px;
  margin-left: 4vw;
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}

.cmshtml .unit_sub_dl dd::before {
  content: '';
  width: 1px;
  background-color: #efefef;
  top: 25px;
  bottom: 25px;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .unit_sub_dl dd {
    width: 100%;
    padding: 50px 20px 30px 45px;
    margin-left: 0;
  }
  .cmshtml .unit_sub_dl dd::before {
    display: none;
  }
}

.cmshtml .tb-event_wrap {
  border-radius: 30px;
  padding: 40px 20px 60px;
  width: 960px;
  background: url(../img/fix/green-light3.jpg) repeat;
}

.cmshtml .tb-event_wrap table {
  border: none;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.cmshtml .tb-event_wrap table tr {
  display: flex;
  align-items: center;
  border-bottom: 2px dashed #DDDDDD;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.cmshtml .tb-event_wrap table tr th, .cmshtml .tb-event_wrap table tr td {
  width: 45%;
  display: block;
  border: none;
  font-weight: 700;
  background: transparent;
  text-align: center;
  line-height: 1.5;
}

.cmshtml .tb-event_wrap table tr th:nth-child(2), .cmshtml .tb-event_wrap table tr td:nth-child(2) {
  width: 10%;
}

.cmshtml .tb-event_wrap table tr th {
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
}

.cmshtml .tb-event_wrap table tr td.th_col > div {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  padding: 0.4em 1em;
  width: 90px;
  box-sizing: border-box;
  border-radius: 40px;
  font-weight: bold;
  text-align: center;
  background: rgba(255, 115, 115, 0.8);
}

.cmshtml .tb-event_wrap table tr td.th_col.sum > div {
  background: rgba(255, 196, 17, 0.8);
}

.cmshtml .tb-event_wrap table tr td.th_col.aut > div {
  background: rgba(51, 173, 0, 0.8);
}

.cmshtml .tb-event_wrap table tr td.th_col.win > div {
  background: rgba(0, 154, 246, 0.8);
}

.cmshtml .tb-event_wrap table tr:first-child th {
  background: none;
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.cmshtml .tb-event_wrap table tr td {
  background: none !important;
}

.cmshtml .cmsbody .tb-event_wrap .rdtableTable td {
    padding: 1rem 0;
}

.cmshtml .tb-event_wrap table tbody:first-child tr{
  border-bottom: none;
}

.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;
  }
}

.cmshtml .bq_li {
  padding: 0;
  position: relative;
  width: 25%;
  font-weight: 700;
  border-bottom: 0;
  margin-right: 0;
  text-align: center;
}

.cmshtml .bq_li::before, .cmshtml .bq_li::after {
  display: none;
}

.cmshtml .bq_li a {
  background: rgba(255, 196, 17, 0.8);
  display: block;
  text-decoration: none;
  padding: 10px 10px 10px 25px;
  color: #fff;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .bq_li a::before {
  content: "";
  left: 15px;
  bottom: 0;
  margin: auto;
  top: 0px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
}

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

.cmshtml #slide-wrap {
  position: relative;
  width: 100%;
  background: url(../img/fix/green-light.jpg);
}

.cmshtml .no-flexbox #slide-wrap .swiper-wrapper {
  width: 840px;
  margin: 0 auto;
}

.cmshtml #slide-wrap.swiper-container .swiper-slide {
  width: auto;
}

.cmshtml .no-flexbox #slide-wrap.swiper-container {
  height: 473px;
  overflow: hidden;
}

.cmshtml .no-flexbox #slide-wrap.swiper-container .swiper-slide {
  float: left;
}

.cmshtml #slide-wrap .swiper-pagination-fraction, .cmshtml #slide-wrap .swiper-pagination-custom, .cmshtml #slide-wrap .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 2px;
}

.cmshtml #slide-wrap .swiper-pagination-bullet-active {
  background-color: rgba(255, 196, 17, 0.9);
}

@media screen and (max-width: 800px) {
  .cmshtml #slide-wrap .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .cmshtml #slide-wrap .swiper-slide img {
    height: auto;
    max-width: 100%;
  }
}

.cmshtml .top-slide {
  position: relative;
  z-index: 2;
}

.cmshtml .top-catch {
  padding: 60px 0 90px;
  background: url(../img/top/tanpopo.png) no-repeat left 16% top 25%, url(../img/top/tanpopo.png) no-repeat right 18% bottom 25%, url(../img/fix/bg_strp.jpg);
}

.cmshtml .top-catch__title {
  text-align: center;
  font-size: 26px;
  color: #33AD00;
  margin-bottom: 42px;
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.cmshtml .top-catch__flex {
  align-items: center;
  display: flex;
}

.cmshtml .top-catch__left {
  flex: 0 0 auto;
}

.cmshtml .top-catch__right {
  margin-left: 30px;
  flex: 1 1 auto;
}

.cmshtml .top-catch__text {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-catch {
    padding: 60px 0 90px;
    background: url(../img/top/tanpopo.png) no-repeat left -20px top 140px, url(../img/top/tanpopo.png) no-repeat right -20px bottom 20px, url(../img/top/green-light.jpg);
  }
  .cmshtml .top-catch__flex {
    display: block;
  }
  .cmshtml .top-catch__left {
    margin-bottom: 30px;
  }
  .cmshtml .top-catch__right {
    margin-left: 0px;
  }
  .cmshtml .top-catch__img {
    text-align: center;
  }
  .cmshtml .top-catch__img img {
    max-width: 100%;
    height: auto;
  }
}

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

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

.cmshtml .top-info__item {
  border: 1px solid #BBBBBB;
  width: 46%;
  transition: all 0.3s;
  background-color: #ffffff;
}

.cmshtml .top-info__item__inner {
  position: relative;
  overflow: hidden;
}

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

.cmshtml .top-info__item__img:hover::after {
  opacity: 0;
}

.cmshtml .top-info__item__img:hover img {
  transform: scale(1.1);
}

.cmshtml .top-info__item__img::after {
  transition: all 0.3s;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}

.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 {
  pointer-events: none;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 70px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding-top: 18px;
  background: url(../img/top/title-bg.png) no-repeat top center;
}

.cmshtml .top-info__item__title__main, .cmshtml .top-info__item__title__sub {
  line-height: 1.6;
  display: block;
}

.cmshtml .top-info__item__title__main {
  font-weight: bold;
  font-size: 34px;
}

.cmshtml .top-info__item__title__sub {
  font-size: 13px;
}

.cmshtml .top-info__item__list {
  padding: 30px;
}

.cmshtml .top-info__item__link {
  position: relative;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  padding-left: 24px;
}

.cmshtml .top-info__item__link::before {
  position: absolute;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .top-info {
    padding: 80px 0 50px;
    background: url(../img/top/info-bg.png) center 0;
  }
  .cmshtml .top-info__flex {
    display: block;
  }
  .cmshtml .top-info__item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.cmshtml .top-news {
  padding: 65px 0 70px;
  background: url(../img/top/green-light2.jpg);
}

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

.cmshtml .top-news__left {
  width: 250px;
  flex: 0 0 auto;
}

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

.cmshtml .top-news__title {
  margin-bottom: 38px;
}

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

.cmshtml .top-news__title__sub {
  font-weight: bold;
  color: #33AD00;
  font-size: 12px;
  display: block;
}

.cmshtml .top-news__link {
  border-radius: 3px;
  display: inline-block;
  background-color: #FFC411;
}

.cmshtml .top-news__link a {
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 700;
  display: block;
  padding: 7px 30px 7px 20px;
  background: url(../img/top/arrow.png) no-repeat center right 13px;
  color: #ffffff;
}

.cmshtml .top-news__list {
  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;
  letter-spacing: 0;
  font-size: 14px;
  width: 100px;
  padding: 2px 0;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
}

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

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

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

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

.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: 40px 0 60px;
  }
  .cmshtml .top-news__flex {
    display: block;
  }
  .cmshtml .top-news__left {
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
  }
  .cmshtml .top-news__title {
    text-align: center;
    margin-bottom: 20px;
  }
  .cmshtml .top-news__list {
    max-height: 400px;
  }
  .cmshtml .top-news__item {
    padding: 20px 0;
    display: block;
  }
  .cmshtml .top-news__item__dt {
    margin: 0 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.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: #FDFAE2;
  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(255, 196, 17, 0.1);
}

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

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

.cmshtml .contact-box {
  max-width: 440px;
  padding: 2em;
  border-radius: 16px;
  background: url("../img/fix/green-light.jpg") repeat;
}

.cmshtml .contact-box p {
  letter-spacing: 0;
  color: #33220B;
  font-weight: 700;
}

.cmshtml p.tel {
  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;
  color: #FFC411;
  max-width: 284px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.cmshtml p.tel a {
  text-decoration: none;
  color: inherit;
}

#editView .cmshtml .top-info__item__title {
  pointer-events: all;
}

#editView .cmshtml .top-info__item__link a {
  text-indent: 0;
}

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

.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;
}

#editView .cmshtml #slide-wrap {
  width: 100%;
  margin: 0 auto;
  height: 450px;
  overflow-x: scroll;
}

#editView .cmshtml #slide-wrap .swiper-slide {
  position: relative;
  float: left;
}

#editView .cmshtml #slide-wrap .swiper-slide img {
  width: 100%;
  height: auto;
}

#editView .cmshtml .section-news .wrap-news .w-news {
  background: #FDFAE2;
  margin: 20px -20px 40px;
  padding: 20px;
  display: block;
}

#editView .cmshtml .seek {
  display: block;
}

#editView .cmshtml #slide-wrap > div {
  width: 100%;
  margin: 0 auto;
  height: 500px;
  overflow-x: scroll;
}

#editView .cmshtml #slide-wrap > div .swiper-slide {
  position: relative;
  float: left;
}

#editView .cmshtml #slide-wrap > div .swiper-slide img {
  width: 100%;
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

#editView .cmshtml .submenu > div, #editView .cmshtml .list_ul > div {
  display: flex;
  flex-flow: row wrap;
}

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

#editView .cmshtml .noline-hr {
  position: relative;
}

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

#editView .cmshtml .seek {
  display: block;
}

#editView .cmshtml table {
  width: 80%;
}

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

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

#editView .cmshtml .noline-hr {
  position: relative;
}

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

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

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

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

.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:#FFC411;
}

.cmshtml .cmsbody .rdplanetitle h3:before {
    content: "";
    width: 10px;
    height: 100%;
    border-radius: 10px;
    background: #FFC411;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
}

.cmshtml .cmsbody .rdplanetitle h4 {
    text-align: center;
    background: url(../img/fix/green-light.jpg) repeat;
    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: #FFC411;
  display: inline-block;
  padding: 2px 10px;
  border-bottom: 2px dotted #FFC411;
}

.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 .cmsbody #slide-wrap > div {
    display: block;
}

#editView .cmsbody #slide-wrap > div .swiper-slide {
    float: none;
}


/* イントロダクション調整 */
#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-slide .sp-slide::after{
  background:none;
  position: relative;
}

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

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

#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 .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%;
}