@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 .concept .ainner .back .binner, .cmshtml .imgfull, .cmshtml .line-hr, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .list_li, .cmshtml .stepbox li, #editView .cmsbody 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 .concept .ainner .back .binner:before, .cmshtml .imgfull:before, .cmshtml .line-hr:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .list_li:before, .cmshtml .stepbox li:before, #editView .cmsbody 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 .concept .ainner .back .binner:after, .cmshtml .imgfull:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .list_li:after, .cmshtml .stepbox li:after, #editView .cmsbody 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 .concept .ainner .back .binner:after, .cmshtml .imgfull:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .list_li:after, .cmshtml .stepbox li:after, #editView .cmsbody li:after {
  clear: both;
}

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

.cmshtml a:hover {
  color: #5CB531;
}

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

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

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

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

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

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

.cmshtml .red {
  color: #FF0000;
}

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

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

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

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

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

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

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

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

.cmsbody,
.cmshtml pre,
.cmshtml form,
.cmshtml input,
.cmshtml textarea,
.cmshtml small,
.cmshtml address,
.cmshtml aside,
.cmshtml blockquote,
.cmshtml th,
.cmshtml td {
  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
dl,
.cmshtml dt,
.cmshtml dd,
.cmshtml ul,
.cmshtml ol,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml p,
.cmshtml th,
.cmshtml td {
  font-family: 'Noto Sans JP', YuGothic, "游ゴシック", "メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
}

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

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

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

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

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

.cmshtml li {
  list-style: none;
}

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

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

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

.cmshtml img {
  vertical-align: bottom;
}

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

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

.cmshtml ::-moz-selection {
  background-color: #AFC112;
  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, .cmshtml .concept .ainner .back .binner {
  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, .cmshtml .concept .ainner .back .binner {
    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 .logo_unit {
  position: absolute;
  top: 13px;
  left: 3%;
  width: 242px;
  text-align: center;
  z-index: 1;
  /*
  .h1_sub {
  font-weight: 700;
  @include fontsize(14);
  line-height: 1.4;
  letter-spacing: 0;
  margin-top:2px;
  }
  .h1_main {
  font-weight: 700;
  @include fontsize(28);
  line-height: 1.4;
  letter-spacing: 0;
  }
  	*/
}

@media screen and (max-width: 1279px) and (min-width: 1080px) {
  .cmshtml .logo_unit {
    left: 1%;
    width: 15vw;
    top: 25px;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .logo_unit {
    position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.cmshtml .logo_unit #h-logo a {
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/sazanka/fix/h_logo.png) no-repeat top 0 left;
  background-size: 100%;
  width: 242px;
  height: 97px;
}

@media screen and (max-width: 1279px) and (min-width: 1080px) {
  .cmshtml .logo_unit #h-logo a {
    width: 15vw;
  }
}

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

@media screen and (max-width: 1079px) {
  .cmshtml #l-header {
    z-index: auto;
    width: 100%;
    padding: 10px 0 10px;
  }
}

.cmshtml .h_nav {
  position: relative;
}

.cmshtml .h_nav__list {
  padding-right: 3%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 77px;
}

@media screen and (max-width: 1279px) {
  .cmshtml .h_nav__list {
    padding-right: 2%;
  }
}

.cmshtml .h_nav__item {
  text-align: center;
  transition: all 0.3s linear;
  line-height: 1.2;
  flex: 0 1 auto;
  letter-spacing: 0;
  font-size: 18px;
  font-size: 1.125rem;
}

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

.cmshtml .h_nav__item a {
  padding: 9px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  display: block;
  transition: all 0.3s;
  position: relative;
}

.cmshtml .h_nav__item a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px dotted #A1A1A1;
  width: 1px;
  height: 22px;
  margin: auto;
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_nav__item a::before {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .cmshtml .h_nav__item a:hover {
    opacity: 1;
    color: #AFC112;
  }
}

@media screen and (max-width: 1400px) {
  .cmshtml .h_nav__item a {
    padding: 9px 0.8vw;
  }
}

.cmshtml .h_nav__item:first-child a::before {
  display: none;
}

.cmshtml .h_nav__item.key a {
  background: #AFC112 url("../img/sazanka/fix/icon_key.png") no-repeat 15px center;
  color: #fff;
  border-radius: 4px;
  padding-left: 40px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cmshtml .h_nav__item.key a::before {
  display: none;
}

@media screen and (min-width: 1080px) {
  .cmshtml .h_nav__item.key a:hover {
    background-color: #5CB531;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_nav__item.key {
    border-bottom: 0;
  }
  .cmshtml .h_nav__item.key a {
    padding: 10px 0 10px 40px;
    width: auto;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_nav {
    position: fixed;
    padding: 0;
    background: #F7F9E6;
  }
  .cmshtml .h_nav__list {
    max-height: none;
    padding: 30px 0px 0px;
    max-width: 100%;
    text-align: left;
    width: 100%;
    display: block;
  }
  .cmshtml .h_nav__item {
    position: relative;
    padding-left: 0;
    line-height: 1;
    padding: 15px 10px;
    margin: 0 0;
    font-size: 18px;
    border-bottom: 1px solid #fff;
  }
  .cmshtml .h_nav__item > a {
    display: block;
    width: 100%;
    padding: 0;
  }
  .cmshtml .h_nav__item--sp {
    padding: 0;
    margin: 60px 0 0;
    display: block;
  }
}

.cmshtml .h_subnav {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0px 2.3% 20px;
}

@media screen and (max-width: 1279px) {
  .cmshtml .h_subnav {
    padding-right: 2%;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_subnav {
    border-bottom: none;
    text-align: left;
    position: relative;
    margin: 0;
    top: 0;
    padding: 0;
    left: 0;
    right: auto;
    bottom: auto;
    display: block;
    padding: 0 15px;
  }
}

.cmshtml .h_subnav_list {
  padding-top: 12px;
  margin-left: 20px;
  letter-spacing: 0;
}

.cmshtml .h_subnav_list a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  padding-left: 15px;
}

.cmshtml .h_subnav_list a::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #AFC112;
}

.cmshtml .h_subnav_list a:hover {
  color: #AFC112;
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_subnav_list {
    margin: 0 0 10px;
  }
  .cmshtml .h_subnav_list a {
    font-size: 15px;
  }
}

.cmshtml .h_subnav .h_address {
  margin-left: 20px;
  margin-right: 10px;
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 13px 0 0 13px;
}

.cmshtml .h_subnav .h_address::before {
  position: absolute;
  border-left: 1px solid #AFC112;
  height: 22px;
  width: 1px;
  top: 16px;
  left: 0;
  content: "";
}

.cmshtml .h_subnav .h_address a {
  margin-left: 10px;
  border-radius: 99px;
  background: #AFC112;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 50px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_subnav .h_address {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0 20px;
  }
  .cmshtml .h_subnav .h_address::before {
    display: none;
  }
}

.cmshtml .h_subnav__info {
  line-height: 1.3;
  margin-left: 28px;
  padding: 8px 0px 0 0;
  text-align: center;
}

.cmshtml .h_subnav__info * {
  letter-spacing: 0;
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_subnav__info {
    margin: 0 0 0px;
  }
}

.cmshtml .h_subnav__info__tel {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  font-style: normal;
  padding-left: 16px;
  background: url(../img/sazanka/fix/icon-tel.png) no-repeat center left;
  width: 235px;
}

.cmshtml .h_subnav__info__tel a {
  color: #222222;
  text-decoration: none;
}

.cmshtml .h_subnav__info p {
  font-size: 12.5px;
}

@media screen and (max-width: 800px) {
  .cmshtml .h_subnav__info p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.cmshtml .h_subnav .h_subnav__gr {
  background: #AFC112;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0;
  border-radius: 0 0 3px 3px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cmshtml .h_subnav .h_subnav__gr a {
  display: block;
  color: #fff;
  height: 46px;
  line-height: 46px;
  background: url("../img/sazanka/fix/icon_link.png") no-repeat right 10px center;
  padding: 0 20.3px 0 10px;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}

.cmshtml .h_subnav .h_subnav__gr:hover {
  background: #8C9A0E;
}

@media screen and (max-width: 1079px) {
  .cmshtml .h_subnav .h_subnav__gr {
    border-radius: 3px;
  }
}

.cmshtml .sp-dropbutton {
  display: none !important;
}

@media screen and (max-width: 1079px) {
  .cmshtml .sp-dropbutton {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 17px;
    width: 40px;
    height: 100%;
    transition: all 0.3s;
  }
  .cmshtml .sp-dropbutton::after {
    width: 7px;
    height: 7px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0;
    left: 0;
    margin: auto;
    border: 2px solid transparent;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(135deg);
    transition: all 0.3s;
  }
}

.cmshtml .sp-dropbutton.open::after {
  transform: rotate(315deg);
}

.cmshtml .nodropdown .sp-dropbutton {
  display: none !important;
}

.cmshtml .drawer-dropdown {
  z-index: 100;
  position: relative;
}

.cmshtml ul.drawer-dropdown-menu {
  z-index: -1;
  position: absolute;
  max-height: none;
  width: 280px;
  left: 0;
  top: calc(100% + 5px);
  background: rgba(92, 181, 49, 0.8);
}

.cmshtml ul.drawer-dropdown-menuli:first-child {
  margin-left: 0;
}

.cmshtml ul.drawer-dropdown-menu li {
  padding: 0;
  width: auto;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #fff;
  text-decoration: none !important;
  letter-spacing: 0;
  border-top: 1px dashed #fff;
}

.cmshtml ul.drawer-dropdown-menu li p a {
  font-weight: bold;
  position: relative;
  display: block;
  transition: all 0.3s;
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
  padding: 16px 0;
  font-size: 16px;
  font-size: 1rem;
}

.cmshtml ul.drawer-dropdown-menu li p a:hover {
  opacity: 1;
  color: inherit;
  color: #fff;
  text-decoration: none;
  background: rgba(92, 181, 49);
}

.cmshtml ul.drawer-dropdown-menu li:first-child {
  border-top: 0;
}

@media screen and (max-width: 1079px) {
  .cmshtml ul.drawer-dropdown-menu {
    display: block;
    position: relative;
    top: 10px;
    z-index: 1;
    background: rgba(175, 193, 18, 0.6);
    width: auto;
  }
  .cmshtml ul.drawer-dropdown-menu li {
    width: 100%;
    line-height: 1.4;
    color: #333;
  }
  .cmshtml ul.drawer-dropdown-menu li a {
    font-weight: normal;
    font-size: 16px;
    padding: 10px 10px;
    color: inherit;
  }
  .cmshtml ul.drawer-dropdown-menu li a::after {
    display: none;
  }
}

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

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

.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: #AFC112;
  height: 4px;
  border-radius: 9px;
}

.cmshtml #l_footer {
  background: #AFC112;
  padding: 60px 0 0px;
}

.cmshtml #l_footer .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cmshtml address {
  font-style: normal;
}

.cmshtml .f_info {
  width: 390px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .cmshtml .f_info {
    width: 100%;
  }
  .cmshtml .f_info * {
    text-align: center;
  }
}

.cmshtml .f_info * {
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fff;
}

.cmshtml .f_logo {
  margin-bottom: 45px;
  text-align: center;
  width: 280px;
}

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

.cmshtml .f_logo .sub_txt {
  display: block;
  margin-top: 5px;
}

.cmshtml .f_logo .main_txt {
  font-size: 24px;
  font-size: 1.5rem;
}

.cmshtml .f_address .link {
  margin: 12px auto 20px;
  display: block;
}

.cmshtml .f_address a {
  margin: 10px;
  text-decoration: none;
  background: #fff;
  color: #AFC112;
  padding: 3.5px 18px;
  display: inline-block;
  border-radius: 99px;
}

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

.cmshtml .f_tel .f_tel_txt {
  padding-right: 10px;
  padding-left: 15px;
  position: relative;
  display: inline-block;
}

.cmshtml .f_tel .f_tel_txt::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 85%;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: #fff 1px solid;
}

.cmshtml .f_tel .f_tel_txt:first-child {
  padding-left: 0;
}

.cmshtml .f_tel .f_tel_txt:first-child::before {
  display: none;
}

.cmshtml .fnav {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-bottom: 10px;
}

.cmshtml .fnav * {
  font-weight: 700;
  color: #fff;
}

.cmshtml .fnav * a {
  text-decoration: none;
}

.cmshtml .fnav_dl {
  width: 33%;
}

.cmshtml .fnav_dl:nth-child(1) {
  width: 288px;
}

.cmshtml .fnav_dl:nth-child(2) {
  width: 232px;
}

.cmshtml .fnav_dl:nth-child(3) {
  width: 170px;
}

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

.cmshtml .fnav_dt {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0 10px 10px 22px;
  position: relative;
}

.cmshtml .fnav_dt::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  top: 8px;
  left: 0;
}

.cmshtml .fnav_dd {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 32px;
  padding: 0 0px 10px 12px;
  position: relative;
  letter-spacing: 0;
}

.cmshtml .fnav_dd::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 1px;
  background: #fff;
  top: 12px;
  left: 0;
}

.cmshtml .f_copy {
  background: #fff;
  text-align: center;
  color: #000;
  font-size: 11px;
  padding: 10px;
}

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

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

.cmshtml #section_pageHeader {
  background: #F0F5E1 url("../img/sazanka/fix/green-light.jpg") no-repeat 0 0;
  background-size: cover;
  position: relative;
  text-align: center;
  z-index: 0;
}

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

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

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

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

@media screen and (max-width: 800px) {
  .cmshtml .title-navi li {
    margin-bottom: 5px;
    margin-right: 8px;
  }
}

.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: #AFC112 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: 100%;
  margin: 0 auto;
}

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

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

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

.cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3 {
  margin: 0 auto 48px;
  width: 1080px;
  max-width: 100%;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l, .cmshtml .cap-l-t2, .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: 30px;
  font-size: 1.875rem;
}

@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(175, 193, 18, 0.3) 50%);
  line-height: 1;
}

.cmshtml .cap-l-t2 {
  margin-bottom: 64px;
  text-align: center;
  position: relative;
  color: #222222;
}

@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: #AFC112;
}

.cmshtml .cap-l-t2 h2 {
  font-size: 28px;
  display: block;
  font-weight: 700;
  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;
  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;
  padding-left: 30px;
}

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

.cmshtml .cap-l-t2.clt1 h2.tal:after {
  right: auto;
  top: 0;
  background: url("../img/fix/patern2.png") no-repeat 0 0;
  background-size: 42px auto;
  width: 49px;
  height: 53px;
  transform: rotate(35deg);
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l-t2.clt1 h2.tal:after {
    background-size: 28px auto;
  }
}

.cmshtml .cap-l-t2.clt2 h2 {
  padding: 15px;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
  background: rgba(175, 193, 18, 0.5);
  border-radius: 99px;
  overflow: hidden;
}

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

.cmshtml .cap-l-t2.clt2 h2:before {
  content: "";
  width: 180px;
  background: url("../img/fix/patern1.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  bottom: -22px;
  right: -29px;
  margin: auto;
  display: inline-block;
  height: 180px;
}

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

.cmshtml .cap-l-t2.clt2 h2:after {
  content: "";
  width: 140px;
  background: url("../img/fix/patern1.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  bottom: -12px;
  left: 20px;
  margin: auto;
  display: inline-block;
  height: 140px;
}

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

.cmshtml .cap-l-t2.clt3 h2 {
  padding-top: 12px;
  text-align: center;
  color: #222222;
  font-weight: bold;
  position: relative;
}

.cmshtml .cap-l-t2.clt3 h2::after {
  position: absolute;
  top: 0;
  width: 40px;
  height: 4px;
  border-radius: 9px;
  margin-left: -20px;
  left: 50%;
  right: 0;
  content: "";
  background: #AFC112;
}

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

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

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

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

.cmshtml .cap-m.cm-2 h3 {
  border: none;
  padding: 0 0 0 24px;
  color: #222222;
}

.cmshtml .cap-m.cm-2 h3:before {
  content: "";
  width: 10px;
  height: 100%;
  border-radius: 10px;
  background: #afc112;
  position: absolute;
  top: 0;
  left: -0;
  bottom: 0;
  margin: auto;
}

.cmshtml .cap-m.cm-3::before {
  content: "";
  background: rgba(175, 193, 18, 0.4);
  background-size: 100%;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-left: -26px;
  top: 0;
  bottom: 0;
  left: 50%;
  position: absolute;
}

.cmshtml .cap-m.cm-3 h3 {
  text-align: center;
  color: #33220B;
  transition: all 0.3s;
  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-1 h4 {
  color: #AFC112;
}

.cmshtml .cap-s.cs-2 h4 {
  color: #222222;
  display: inline-block;
  padding: 1px 0;
  background: linear-gradient(transparent 60%, rgba(175, 193, 18, 0.3) 0%);
}

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

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

.cmshtml .cap-s.cs-3 h4:after {
  left: 8px;
  bottom: 0px;
  top: -8px;
  background: rgba(175, 193, 18, 0.5);
  height: 12px;
  width: 12px;
}

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

.cmshtml .cap-l-t3 p {
  width: 100px;
  font-size: 13px;
  color: #fff;
  background: #AFC112;
  text-align: center;
  border-radius: 99px;
  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;
  color: #000;
  background: #F0F5E1;
  line-height: 1.9;
  border-radius: 5px;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap2 {
    border-radius: 0;
  }
}

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

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

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

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

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

@media screen and (max-width: 1079px) {
  .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 {
  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: #F0F5E1;
  border-radius: 5px;
  color: #766145;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.cmshtml .i1 .in-wrap div h2.i_title, .cmshtml .i2 .in-wrap div h2.i_title, .cmshtml .i3 .in-wrap div h2.i_title, .cmshtml .i4 .in-wrap div h2.i_title, .cmshtml .i5 .in-wrap div h2.i_title {
  font-size: 17px;
  font-size: 1.0625rem;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.cmshtml .i1 .in-wrap div h2.i_title::before, .cmshtml .i2 .in-wrap div h2.i_title::before, .cmshtml .i3 .in-wrap div h2.i_title::before, .cmshtml .i4 .in-wrap div h2.i_title::before, .cmshtml .i5 .in-wrap div h2.i_title::before {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 9px;
  background: url("../img/fix/line.png") repeat-x;
  border-radius: 9px;
  content: "";
  z-index: -1;
  opacity: 0.8;
}

.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: 1079px) {
  .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: 1079px) {
  .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: 1079px) {
  .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: 1079px) {
  .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: 1079px) {
  .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-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 #ccc;
    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 #5CB531;
}

.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 #ccc;
  border-left: 1px solid #ccc;
}

@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 #ccc;
  border-right: 1px solid #ccc;
  line-height: 1.5;
  background: #F0F5E1;
  border-bottom: 1px solid #ccc;
}

@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: #AFC112;
  color: #fff;
  border-bottom: 1px solid #ccc;
}

.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 #ccc;
  border-right: 1px solid #ccc;
  line-height: 1.5;
  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%;
}

.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: calc(100% - 2px);
  border-radius: 2px;
  background: #F0F5E1;
  z-index: -1;
}

.cmshtml .dl-box1 dl dd {
  width: 74%;
  padding: 16px 1%;
  text-align: left;
  border-top: 1px dotted #ccc;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .dl-box1 {
    padding-left: 0;
    padding-right: 0;
  }
  .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: #ccc;
  }
  .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, .cmshtml .list_li p {
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.cmshtml .to-bt2 p a, .cmshtml .list_li p a {
  display: inline-block;
  padding: 10px 40px;
  color: #fff;
  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: #AFC112;
  width: stretch;
}

@media screen and (max-width: 800px) {
  .cmshtml .to-bt2 p a, .cmshtml .list_li p a {
    display: block;
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: left;
  }
}

.cmshtml .to-bt2 p a:before, .cmshtml .list_li 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-position: center;
  border-radius: 3px;
}

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

.cmshtml .to-bt2 p a[href*=".pdf"], .cmshtml .list_li p a[href*=".pdf"] {
  padding: 12px 22px 12px 68px;
}

.cmshtml .to-bt2 p a[href*=".pdf"]:before, .cmshtml .list_li p a[href*=".pdf"]:before {
  background-image: url(../img/sazanka/fix/icon-pdf-m.png);
  background-color: #fff;
}

.cmshtml .to-bt2 p a[href*=".doc"], .cmshtml .to-bt2 p a[href*=".docx"], .cmshtml .list_li p a[href*=".doc"], .cmshtml .list_li p a[href*=".docx"] {
  padding: 12px 22px 12px 68px;
}

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

.cmshtml .to-bt2 p a[href*=".xls"], .cmshtml .to-bt2 p a[href*=".xlsx"], .cmshtml .list_li p a[href*=".xls"], .cmshtml .list_li p a[href*=".xlsx"] {
  padding: 12px 22px 12px 68px;
}

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

.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;
  overflow: hidden;
}

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

.cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
  display: block;
  position: absolute;
  top: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 40px;
  left: 0px;
  font-size: 23px;
  color: #fff;
  border-radius: 50%;
}

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

.cmshtml .qabox dl dt:before {
  content: 'Q';
  background: #AFC112;
}

.cmshtml .qabox dl dt p {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  z-index: 10;
}

.cmshtml .qabox dl dd {
  border-top: 1px dashed #ccc;
  position: relative;
  padding: 12px 0 8px 50px;
}

.cmshtml .qabox dl dd:before {
  content: 'A';
  top: 7px;
  background: #AFC112;
}

.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;
  border-left: 2px dotted #ccc;
  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: #AFC112;
  background: #fff;
  border: #AFC112 3px solid;
  border-radius: 50%;
  line-height: 1.3;
  font-size: 26px;
  font-family: 'Roboto', YuGothic, "游ゴシック", 'Noto Sans JP',"メイリオ", Meiryo,Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.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: #AFC112;
  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: 52px;
    height: 52px;
    padding-top: 0;
    line-height: 46px;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .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: 99px;
  background: #fff;
  color: #AFC112;
  border: 3px #AFC112 solid;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  position: relative;
}

.cmshtml .to_bt a:before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #AFC112;
  border-right: 1px solid #AFC112;
  transform: rotate(45deg);
  transform-origin: right bottom;
  position: absolute;
  right: 21px;
  top: 3.4px;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}

.cmshtml .to_bt a:after {
  content: "";
  width: 18px;
  height: 1px;
  background: #AFC112;
  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: translateX(10px);
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  }
}

.cmshtml .to_bt.to-bt3 a {
  background: #F0F5E1;
  color: #AFC112;
  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: #AFC112;
  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 dotted #AFC112;
  position: relative;
}

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

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

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.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: 0px 0 20px;
  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: #AFC112;
  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: #F0F5E1 transparent transparent transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

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

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

@media screen and (max-width: 800px) {
  .cmshtml .list_ul {
    justify-content: center;
  }
}

.cmshtml .list_li {
  padding: 7px 10px 7px;
  position: relative;
  text-align: left;
  width: 49%;
  font-weight: 700;
  border-bottom: 1px dashed #ccc;
  margin-right: 2%;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .list_li {
    width: auto;
    flex: 1 1 auto;
    border-bottom: none;
    margin-right: 1%;
  }
}

.cmshtml .submenu_li.submenu_li2 {
  width: calc(100% / 2 - 10px);
  margin: 0 10px 10px 0;
  font-size: 18px;
  font-size: 1.125rem;
}

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

.cmshtml .submenu_li.submenu_li6 {
  width: calc(100% / 6 - 10px);
  margin: 0 10px 10px 0;
}

.cmshtml .submenu_li.submenu_li6:nth-child(6n) {
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .submenu {
    padding: 0px;
  }
  .cmshtml .submenu li.submenu_li {
    width: 100%;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-right: 0;
  }
}

.cmshtml .c_back {
  position: relative;
  padding-top: 60px;
}

.cmshtml .c_back::before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0%;
  top: 20px;
  width: 73%;
  height: 100%;
  background: #F0F5E1;
  border-radius: 0 40px 40px 0;
}

.cmshtml .innerlist_li {
  background: #fff;
  padding: 18px;
  margin-bottom: 4px;
  border-radius: 5px;
  font-weight: 700;
  color: #333;
}

.cmshtml .inner_innerlist {
  padding: 5px 0 5px 10px;
}

.cmshtml .inner_innerlist .inner_innerlist_li {
  font-size: 16px;
  font-size: 1rem;
}

.cmshtml .concept_list {
  background: #F0F5E1;
  border-radius: 20px;
  padding: 40px 50px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.cmshtml .concept_list_li, .cmshtml .inner_innerlist_li {
  padding: 5px 0 5px 40px;
  position: relative;
  font-weight: 700;
  font-weight: 700;
  font-size: 18px;
}

.cmshtml .concept_list_li::before, .cmshtml .inner_innerlist_li::before {
  position: absolute;
  content: "";
  border: 4px solid #AFC112;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 0;
  top: 9px;
}

.cmshtml .concept_list_li::after, .cmshtml .inner_innerlist_li::after {
  position: absolute;
  content: "";
  border: 4px solid #AFC112;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  left: 6px;
  top: 15px;
}

.cmshtml .concept_list_li {
  border-bottom: 1px dashed #AFC112;
  padding: 8px 0 8px 40px;
}

.cmshtml .concept_list_li::before {
  top: 12px;
}

.cmshtml .concept_list_li::after {
  top: 18px;
}

.cmshtml .schedule-box {
  display: flex;
  justify-content: space-between;
  padding: 0px 1% 20px;
  border-radius: 10px;
  position: relative;
  align-items: flex-start;
  /*一日の流れ*/
}

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

.cmshtml .schedule-box .sch-right.flow_wrap {
  width: 300px;
}

@media screen and (max-width: 800px) {
  .cmshtml .schedule-box .sch-right.flow_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.cmshtml .schedule-box .sch-left.flow_wrap {
  width: calc(96% - 300px);
  border-radius: 10px;
  background: #F0F5E1;
  padding: 28px;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .schedule-box .sch-left.flow_wrap {
    padding: 28px 20px;
    width: 96%;
    margin-left: 2%;
  }
}

.cmshtml .schedule-box .sch-left.flow_wrap h2 {
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px;
  background: #AFC112;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  position: absolute;
  left: -10px;
  top: -30px;
}

.cmshtml .schedule-box .wrap-dl .about_flow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cmshtml .schedule-box .wrap-dl .about_flow ul {
  padding: 0px 0px 6px 0px;
  position: relative;
  padding-left: 120px;
}

.cmshtml .schedule-box .wrap-dl .about_flow ul::before {
  content: "";
  width: 20px;
  height: 100%;
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  border-radius: 15px;
  left: 110px;
}

@media screen and (max-width: 1079px) {
  .cmshtml .schedule-box .wrap-dl .about_flow ul::before {
    left: 86px;
  }
}

.cmshtml .schedule-box .wrap-img {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 20px;
}

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

.cmshtml .schedule-box .wrap-img > p {
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .schedule-box .wrap-img {
    width: 49%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 0% 0 2%;
    margin-bottom: 0px;
  }
}

.cmshtml .about_flow_li {
  position: relative;
}

.cmshtml .about_flow_li .time {
  font-weight: bold;
  background: #5CB531;
  padding: 5px 20px;
  display: block;
  position: absolute;
  color: #fff;
  top: -5px;
  left: -120px;
  border-radius: 5px;
  z-index: 100;
}

@media screen and (max-width: 800px) {
  .cmshtml .about_flow_li .time {
    top: -2px;
    padding: 5px 15px;
  }
}

.cmshtml .about_flow_li .time::after {
  content: "";
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #5CB531;
  position: absolute;
  top: 50%;
  left: 94%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cmshtml .about_flow_li:not(:last-child) {
  margin-bottom: 28px;
}

@media screen and (max-width: 800px) {
  .cmshtml .about_flow_li:not(:last-child) {
    margin-bottom: 20px;
  }
}

.cmshtml .about_flow_p {
  padding-left: 28px;
  osition: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #222222;
  margin-bottom: 5px;
  min-height: 1.7em;
}

@media screen and (max-width: 1079px) {
  .cmshtml .about_flow_p {
    padding-left: 40px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .about_flow_p {
    padding-left: 1px;
    padding-top: 5px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.cmshtml .about_flow_p::before, .cmshtml .about_flow_p::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.cmshtml .about_flow_p::before {
  width: 9px;
  height: 9px;
  margin-top: -4px;
  background: #AFC112;
  border-radius: 50%;
  left: -5px;
}

@media screen and (max-width: 1079px) {
  .cmshtml .about_flow_p::before {
    left: -29px;
  }
}

.cmshtml .tb-event table {
  border-top: 0;
  border-left: 0;
  border-radius: 20px;
  overflow: hidden;
}

.cmshtml .tb-event table th, .cmshtml .tb-event table td {
  border-right: 1px dashed #fff;
  border-bottom: 1px dashed #fff;
}

.cmshtml .tb-event table th.year01, .cmshtml .tb-event table td.year01 {
  background: #FFE3AE;
  width: 10%;
}

.cmshtml .tb-event table th tr:last-child th, .cmshtml .tb-event table th tr:last-child td, .cmshtml .tb-event table td tr:last-child th, .cmshtml .tb-event table td tr:last-child td {
  border-bottom: 1px solid #fff;
}

.cmshtml .tb-event table th {
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  color: #ffad16;
  font-family: 'Kosugi Maru','Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

@media screen and (max-width: 800px) {
  .cmshtml .tb-event table th {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.cmshtml .tb-event table th.year01,
.cmshtml .tb-event table td.year01 {
  border-bottom: 1px solid #fff;
}

.cmshtml .tb-event table th.year02 {
  background: #ffdbdb;
  width: 45%;
  color: #F5AFA1;
}

.cmshtml .tb-event table th.year03 {
  background: #B9E9DC;
  width: 45%;
  color: #3EB696;
}

.cmshtml .tb-event table td.year02 {
  background: #FFEEEE;
  width: 45%;
}

.cmshtml .tb-event table td.year03 {
  background: #E8FAF5;
  width: 45%;
}

.cmshtml .concept.rec_concept {
  padding-top: 0;
  margin-bottom: 80px;
}

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

.cmshtml .concept.rec_concept .ainner .back::before {
  height: 105%;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept.rec_concept .ainner .back::before {
    height: 100%;
  }
}

.cmshtml .concept.rec_concept .ainner .back .binner h3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2em;
  padding-bottom: 20px;
}

.cmshtml .fade_wrap {
  overflow: hidden;
}

.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 .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/top/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(175, 193, 18, 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;
}

.cmshtml .swiper-button-next, .cmshtml .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.cmshtml .swiper-button-prev, .cmshtml .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.cmshtml .swiper-button-prev, .cmshtml .swiper-button-next {
  width: 18px;
  height: 35px;
  margin-top: -17px;
  background-size: 17px 36px;
}

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

.cmshtml .top-news__left {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.cmshtml .top-news__title {
  color: #333333;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
}

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

.cmshtml .top-news__link a {
  font-size: 15px;
  text-decoration: none;
  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;
  border-top: 1px dashed #898989;
}

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

.cmshtml .top-news__item__date {
  color: #898989;
  font-size: 14px;
  display: inline-block;
  width: 120px;
  font-weight: 700;
  text-align: center;
}

.cmshtml .top-news__item__category {
  display: inline-block;
  color: #ffffff;
  border-radius: 99px;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
  width: 110px;
  padding: 3px 0;
  text-align: center;
}

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

.cmshtml .top-news__item__category--blue {
  background-color: #5DC2D0;
}

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

.cmshtml .top-news__item__category--pink {
  background-color: #F5AFA1;
}

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

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

@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 .concept {
  margin-bottom: 70px;
}

@media screen and (max-width: 1079px) {
  .cmshtml .concept {
    overflow: hidden;
  }
}

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

.cmshtml .concept .ainner {
  width: 100%;
}

.cmshtml .concept .ainner .back {
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back {
    display: flex;
    flex-direction: column-reverse;
  }
}

.cmshtml .concept .ainner .back::before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 27%;
  top: 0;
  width: 73%;
  height: calc(100% - 80px);
  background: #F0F5E1;
  border-radius: 40px  0 0 40px;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back::before {
    left: 17%;
    width: 83%;
    height: calc(100% - 62px);
  }
}

.cmshtml .concept .ainner .back .binner {
  padding-top: 60px;
  padding-bottom: 0px;
  padding-right: 10px;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .binner {
    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
  }
}

.cmshtml .concept .ainner .back .binner h3 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  padding-bottom: 35px;
}

.cmshtml .concept .ainner .back .binner h3 span.white {
  background: #fff;
  display: inline-block;
  margin-bottom: 18px;
  padding-right: 10px;
  line-height: 1.5;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .binner h3 {
    font-size: 4vw;
    padding-bottom: 12px;
  }
}

.cmshtml .concept .ainner .back .binner h4.h4-normal {
  max-width: 540px;
  margin-left: 55%;
  letter-spacing: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #5CB531;
  position: relative;
}

.cmshtml .concept .ainner .back .binner h4.h4-normal:before {
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 40px;
  background: #5CB531;
  height: 4px;
  border-radius: 9px;
  content: "";
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .binner h4.h4-normal {
    font-size: 21px;
    font-size: 1.3125rem;
    margin-left: 1em;
    margin-bottom: 30px;
  }
}

.cmshtml .concept .ainner .back .binner .txt-normal {
  line-height: 2;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #333333;
  max-width: 540px;
  margin-left: 55%;
  letter-spacing: 0;
  margin-bottom: 40px;
  padding-top: 30px;
}

@media screen and (max-width: 1079px) {
  .cmshtml .concept .ainner .back .binner .txt-normal {
    padding-top: 0;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .binner .txt-normal {
    margin-left: 2em;
    line-height: 1.5;
  }
}

.cmshtml .concept .ainner .back .binner .btn-normal {
  margin-bottom: 60px;
  max-width: 540px;
  margin-left: 60%;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .binner .btn-normal {
    margin-bottom: 40px;
    margin-left: 20%;
  }
}

.cmshtml .concept .ainner .back .binner .btn-normal a {
  text-decoration: none;
  background: #AFC112;
  position: relative;
  padding: 10px 34px 10px 52px;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 99px;
}

.cmshtml .concept .ainner .back .binner .btn-normal a::before {
  position: absolute;
  content: "";
  background: url("../img/fix/arrow.png") no-repeat 0 0;
  background-size: 100%;
  width: 8px;
  height: 10px;
  left: 27px;
  margin: auto;
  top: 0;
  bottom: 0;
}

.cmshtml .concept .ainner .back .binner .l-innerwrap--usually {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.cmshtml .concept .ainner .back .conceptimg {
  position: absolute;
  top: 212px;
  left: 0;
  max-width: 50%;
  display: block;
  border-radius: 0px 30px 30px 0;
  height: auto;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .cmshtml .concept .ainner .back .conceptimg {
    max-height: 480px;
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .concept .ainner .back .conceptimg {
    order: -1;
    top: 0px;
    margin-top: 40px;
    position: relative;
    transform: none;
    max-width: 70%;
    height: auto;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 800px) {
  .cmshtml .concept .ainner .back .conceptimg {
    width: 85vw;
    max-width: none;
  }
}

.cmshtml section.contents {
  text-align: center;
}

.cmshtml section.contents .inner {
  padding-bottom: 2px;
}

.cmshtml section.contents .i3 {
  margin-bottom: 32px;
}

@media screen and (max-width: 1079px) {
  .cmshtml section.contents .i3 .in-wrap {
    justify-content: space-between;
  }
}

.cmshtml .i3 .in-wrap div.faci_box {
  width: 330px;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 29px;
  margin-right: 45px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cmshtml .i3 .in-wrap div.faci_box a {
  text-decoration: none;
}

.cmshtml .i3 .in-wrap div.faci_box figure img {
  border-radius: 29px 29px 0 0;
}

.cmshtml .i3 .in-wrap div.faci_box h2 {
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  color: #333333;
}

@media screen and (max-width: 800px) {
  .cmshtml .i3 .in-wrap div.faci_box h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.cmshtml .i3 .in-wrap div.faci_box p {
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

.cmshtml .i3 .in-wrap div.faci_box .link {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: center;
}

.cmshtml .i3 .in-wrap div.faci_box .link a {
  background: #F2F2F3;
  text-align: center;
  display: inline-block;
  padding: 12px 50px;
  border-radius: 99px;
  position: relative;
  border-radius: 99px;
  text-decoration: none;
}

.cmshtml .i3 .in-wrap div.faci_box .link a::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #AFC112;
}

.cmshtml .i3 .in-wrap div.faci_box:nth-child(3n) {
  margin-right: 0 !important;
}

@media screen and (max-width: 800px) {
  .cmshtml .i3 .in-wrap div.faci_box:nth-child(3n) {
    margin-right: auto !important;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .i3 .in-wrap div.faci_box {
    width: calc(92% / 3);
    margin-right: 4%;
  }
}

@media screen and (max-width: 1079px) and (max-width: 800px) {
  .cmshtml .i3 .in-wrap div.faci_box {
    width: 330px;
    max-width: 98%;
    margin: 0 auto 20px;
  }
}

.cmshtml .i3 .in-wrap div.faci_box.onhover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-10px);
}

.cmshtml .f_inquiry {
  background: #F0F5E1;
  text-align: center;
  padding: 60px 0 60px;
}

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

.cmshtml .f_inquiry h3 {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 38px;
}

.cmshtml .f_inquiry h3::after {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 4px;
  border-radius: 9px;
  margin: auto;
  left: 0;
  right: 0;
  content: "";
  background: #AFC112;
}

.cmshtml .f_inquiry .contact_txt {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 40px;
  color: #222222;
}

.cmshtml .f_inquiry .btn_box {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  width: 350px;
  max-width: 94%;
  height: 100px;
  line-height: 100px;
  border-radius: 99px;
  background: #AFC112;
  color: #fff;
  font-weight: bold;
  font-size: 21px;
  font-size: 1.3125rem;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cmshtml .f_inquiry .btn_box a {
  padding: 0px 20px 0px 40px;
  text-decoration: none;
  color: #fff;
  position: relative;
  display: block;
}

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

.cmshtml .f_inquiry .btn_box:hover {
  box-shadow: 0 0 0px 5px #5cb531 inset;
}

@media screen and (max-width: 800px) {
  .cmshtml .f_inquiry .btn_box {
    height: 70px;
    line-height: 70px;
    margin: 0 0 20px;
  }
}

.cmshtml .f_inquiry .info_box {
  margin: 0 15px;
  vertical-align: top;
  display: inline-block;
  background: #fff;
  width: 350px;
  max-width: 94%;
  min-height: 80px;
  border-radius: 99px;
  font-weight: 700;
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .cmshtml .f_inquiry .info_box {
    min-height: 0;
    margin: 0 0 20px;
  }
}

.cmshtml .f_inquiry .info_box .title {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  color: #AFC112;
}

.cmshtml .f_inquiry .info_box .tel {
  display: block;
  font-size: 28px;
  font-size: 1.75rem;
  color: #222222;
  position: relative;
  padding-left: 45px;
  line-height: 1.2;
  width: 270px;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .f_inquiry .info_box .tel {
    width: auto;
  }
}

.cmshtml .f_inquiry .info_box .tel::before {
  position: absolute;
  content: "";
  background: url("../img/fix/icon-tel.png") no-repeat 0 0;
  width: 27px;
  height: 22px;
  left: 38px;
  margin: auto;
  top: 0;
  bottom: 0;
}

.cmshtml .f_inquiry .info_box .tel a {
  text-decoration: none;
}

.cmshtml .f_inquiry .info_box .time {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
}

.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: #F0F5E1;
  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;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  outline: none;
}

.cmshtml .contact_item_input input[type="text"]:focus, .cmshtml .contact_item_input input[type="tel"]:focus, .cmshtml .contact_item_input input[type="email"]:focus, .cmshtml .contact_item_input input[type="date"]:focus {
  background-color: rgba(240, 245, 225, 0.3);
}

.cmshtml dt.contact_item_title {
  background: rgba(175, 193, 18, 0.1);
}

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

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

.cmshtml .contact-box {
  width: 440px;
  max-width: 100%;
  padding: 2em;
  border-radius: 16px;
  background: #F0F5E1;
  background: #F0F5E1 url("../img/fix/green-light.jpg") no-repeat;
  margin: 0 auto;
  box-sizing: border-box;
}

.cmshtml .contact-box .sub {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 12px;
}

.cmshtml .contact-box div.tel {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  padding-left: 30px;
  background: url(../img/sazanka/fix/icon-tel.png) no-repeat center left;
  margin-bottom: 2px;
  color: #AFC112;
  max-width: 284px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.cmshtml .contact-box div.tel a {
  text-decoration: none;
  color: inherit;
}

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

.cmsbody[class*="wcedit"] .top-info__item__title {
  pointer-events: all;
}

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

.cmsbody[class*="wcedit"] .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 .cmsbody #slide-wrap {
  width: 100%;
  margin: 0 auto;
  height: 450px;
  overflow-x: scroll;
}

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

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

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

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

#editView .cmsbody#acp-top .drawer-dropdown-menu {
  display: block;
}

#editView .cmsbody#acp-page .drawer-dropdown-menu {
  display: none;
}

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

#editView .cmsbody .h_nav__list > div {
  justify-content: space-between;
  padding-left: 300px;
}

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

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

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

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

#editView .cmsbody .h_subnav > div, #editView .cmsbody .pagenav > div {
  display: flex;
  justify-content: flex-end;
}

#editView .cmsbody .banner-box1 ul > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0px;
}

#editView .cmsbody .banner-box2 ul > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0px;
}

#editView .cmsbody .banner-box3 ul > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0px;
}

#editView .cmsbody .i1 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0;
}

#editView .cmsbody .i2 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0;
}

#editView .cmsbody .i3 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0;
}

#editView .cmsbody .i4 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0;
}

#editView .cmsbody .i5 .in-wrap > div {
  display: flex;
  flex-flow: row wrap;
  margin-right: 0;
  margin-bottom: 0;
}

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

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

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

#editView .cmsbody .submenu > div, #editView .cmsbody .list_ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

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

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

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

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

#editView .cmsbody#acp-top .drawer-dropdown-menu {
  display: block;
}

#editView .cmsbody#acp-page .drawer-dropdown-menu {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml .wc_addYoutube_span {
  padding: 24px;
}

.cmshtml .wc_addYoutube_span:before {
  content: " ";
  margin: 0 auto;
  display: block;
  width: 250px;
  height: 250px;
  background: url(../img/sazanka/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/sazanka/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/sazanka/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;
    text-align: initial;
}

.cmshtml .bt_more a {
  display: inline-block;
  background: #AFC112;
  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 .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:#5CB531;
  display:block;
  font-size:12px;
  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;
}

@media screen and (max-width: 1079px) {
.cmshtml .cmsbody .rdplaneyoutube > div {
    height: auto;
    padding-top: 0;
}
}

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

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

.cmshtml .cmsbody .rdtable tbody th {
  border-bottom: 1px solid #DDDDDD;
  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 20px;
   font-size: 28px;
   font-weight: 700;
}

.cmshtml .cmsbody .rdplanetitle h2:before {
    position: absolute;
    content: "";
    background: #F0F5E1;
    bottom: 5%;
    left: 0;
    height: 45%;
    z-index: -1;
    border-radius: 99px;
    width: 100%;
}
.cmshtml .cmsbody .rdplanetitle h2:after {
    content: "";
    right: auto;
    top: 0;
    background: url(../img/fix/patern2.png) no-repeat 0 0;
    background-size: 42px auto;
    width: 49px;
    height: 53px;
    transform: rotate(35deg);
    z-index: -1;
    position: absolute;
    left: 0;
    display:inline-block;
}
.cmshtml .cmsbody .rdplanetitle h3 {
    font-size: 24px;
    font-weight:700;
    padding: 0 0 0 24px;
}

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

.cmshtml .cmsbody .rdplanetitle h4 {
    text-align: center;
    color: #33220B;
    padding: 8px 10px;
    font-weight:700;
}
.cmshtml .cmsbody .rdplanetitle h4:before {
    content: "";
    background: #F0F5E1;
    background-size: 100%;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.cmshtml .cmsbody .rdplanetitle h5 {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  display: inline-block;
  padding: 1px 0;
  background: linear-gradient(transparent 60%, #F0F5E1 0%);
}

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

.cmshtml .cmsbody .rdplanetitle h6:before, .cmshtml .cmsbody .rdplanetitle h6:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    bottom: 5px;
    border-radius: 50%;
    margin: auto;
    height: 21px;
    width: 21px;
    background: #f9e9e5;
}

.cmshtml .cmsbody .rdplanetitle h6:after {
    left: 8px;
    bottom: 0px;
    top: -8px;
    background: rgba(92, 181, 49, 0.5);
    height: 12px;
    width: 12px;
}


/* ================================
   ブログ追記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: #0e5f5a;
  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: #0e5f5a;
  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 {
    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;
}

/* パンくず */
 .cmshtml .pagenav .rdBreadcrumb{padding:0 !important;}