@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 .boxwrap5, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt, .cmshtml .cap-l-t4, .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 .cmshtml .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 .boxwrap5:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .dibox:before, .cmshtml .dl-box1:before, .cmshtml .qabox:before, .cmshtml .stepbox:before, .cmshtml .to_bt:before, .cmshtml .cap-l-t4: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 .cmshtml .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 .boxwrap5:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .to_bt:after, .cmshtml .cap-l-t4: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 .cmshtml .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 .boxwrap5:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .to_bt:after, .cmshtml .cap-l-t4: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 .cmshtml .cmsbody li:after {
  clear: both;
}

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

.cmshtml a:hover {
  color: inherit;
}

.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,
.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 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 .boxwrap5, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt, .cmshtml .cap-l-t4, .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 .boxwrap5, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .to_bt, .cmshtml .cap-l-t4, .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 #h-logo a {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: 4%;
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/fix/logo.png) no-repeat top 0 left;
  width: 211px;
  height: 55px;
}

@media screen and (min-width: 1080px) and (max-width: 1120px) {
  .cmshtml #h-logo a {
    top: 7px;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml #h-logo a {
    top: 0px;
    left: 50%;
    position: relative;
    background-size: 100%;
    transform: translateX(-50%);
  }
}

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

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

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

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

.cmshtml .h_nav__item a {
  padding: 4px 22px;
  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;
  }
}

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

.cmshtml .h_nav__item--sp {
  display: none;
}

@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 30px;
    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;
  padding: 15px 5% 20px 2%;
  padding-right: calc(3% + 22px);
}

.cmshtml .h_subnav--sp {
  display: none;
}

.cmshtml .h_subnav_list {
  margin-left: 20px;
}

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

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

.cmshtml .h_subnav__info {
  margin-top: -5px;
  line-height: 1.3;
  margin-left: 34px;
  text-align: center;
}

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

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

.cmshtml .h_subnav__info__tel a {
  color: #222222;
  text-decoration: none;
  font-size: inherit;
  padding: 4px 0;
}

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

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

@media screen and (min-width: 1080px) {
  .cmshtml .h_nav__item .h_subnav {
    display: none;
  }
}

.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 .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% + 20px);
  background: rgba(175, 193, 18, 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 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 a::after {
  width: 100%;
  height: 0px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 8px;
  margin: auto 0;
  background: rgba(255, 255, 255, 0.5);
  transition: height 0.3s ease 0s;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
}

.cmshtml ul.drawer-dropdown-menu li a:hover {
  opacity: 1;
  color: inherit;
  color: #fff;
  text-decoration: none;
}

.cmshtml ul.drawer-dropdown-menu li a:hover::after {
  height: 3px;
}

.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.1);
    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/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 10px 0px;
}

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

@media screen and (max-width: 500px) {
  .cmshtml #l_footer .inner {
    padding: 0 4%;
  }
}

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

.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 .link a {
  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 {
    width: 100% !important;
  }
}

.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: #EFF5E1 url("../img/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: 25px;
  }
}

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

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

.cmshtml .sides_pd10 {
  padding-left: 10px;
  padding-right: 10px;
}

.cmshtml .sides_pd20 {
  padding-left: 20px;
  padding-right: 20px;
}

.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, .cmshtml .cap-l-t4 {
  margin: 0 auto 48px;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .cap-l-t3, .cmshtml .cap-l-t4 {
    margin: 0 auto 32px;
  }
}

.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 {
  text-align: center;
  position: relative;
  color: #222222;
}

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

.cmshtml .cap-l-t2 h2 {
  font-size: 28px;
  padding-top: 40px;
  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.clt1 h2.tal:before {
  position: absolute;
  content: "";
  background: #EFF5E1;
  bottom: 5%;
  left: 0;
  height: 45%;
  z-index: -1;
  border-radius: 99px;
  width: 100%;
}

.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: auto;
  left: 0;
  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: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  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(92, 181, 49, 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: #EFF5E1 url("../img/fix/title-bg2.png") no-repeat right 10px bottom 5px;
  line-height: 1.9;
  border-radius: 5px;
}

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

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

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

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

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

.cmshtml .boxwrap5 {
  margin-bottom: 48px;
  position: relative;
}

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

.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 {
  margin: 0 2% 0 0;
}

.cmshtml .i2 .i2div.thumb_box{
  margin-bottom:20px;
}

.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: #EFF5E1;
  border-radius: 5px;
  color: #222222;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 20px;
}

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

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

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

.cmshtml .i1 {
  margin: 0 auto 60px;
}

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

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

.cmshtml .i1 .i1div img {
  border-radius: 5px;
}

.cmshtml .i1 .i1div h2 {
  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 .i1div h2::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 .i1.btcap div img {
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i1 {
    margin: 0 auto 20px;
  }
}

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

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

.cmshtml .i2 {
  margin: 0 auto 60px;
}

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

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

.cmshtml .i2 .i2div img {
  border-radius: 5px;
}

.cmshtml .i2 .i2div h2 {
  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 .i2 .i2div h2::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 .i2.btcap div img {
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 {
    margin: 0 auto 20px;
  }
}

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

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

.cmshtml .i3 {
  margin: 0 auto 60px;
}

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

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

.cmshtml .i3 .i3div img {
  border-radius: 5px;
}

.cmshtml .i3 .i3div h2 {
  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 .i3 .i3div h2::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 .i3.btcap div img {
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i3 {
    margin: 0 auto 20px;
  }
}

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

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

.cmshtml .i4 {
  margin: 0 auto 60px;
}

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

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

.cmshtml .i4 .i4div img {
  border-radius: 5px;
}

.cmshtml .i4 .i4div h2 {
  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 .i4 .i4div h2::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 .i4.btcap div img {
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i4 {
    margin: 0 auto 20px;
  }
}

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

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

.cmshtml .i5 {
  margin: 0 auto 60px;
}

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

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

.cmshtml .i5 .i5div img {
  border-radius: 5px;
}

.cmshtml .i5 .i5div h2 {
  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 .i5 .i5div h2::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 .i5.btcap div img {
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i5 {
    margin: 0 auto 20px;
  }
}

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

@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-right: 2.75%;
  margin-bottom: 20px;
}

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

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

@media screen and (max-width: 800px) {
  .cmshtml .i5 .in-wrap div .in-wrap .i5div {
    margin-right: 2%;
    margin-bottom: 8px;
    border: solid 1px #ccccca;
    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;
  }
  .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 #D8EA4B;
}

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

@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 #ccccca;
  border-right: 1px solid #ccccca;
  font-size: 15px;
  font-size: 0.9375rem;
  background: #EFF5E1;
  border-bottom: 1px solid #ccccca;
}

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

.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 #ccccca;
  border-right: 1px solid #ccccca;
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #EFF5E1;
  z-index: -1;
}

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

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

@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: #ccccca;
  }
  .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, .cmshtml .list_li {
  text-align: right;
}

.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;
  text-align: center;
  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;
  min-width: 200px;
}

.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/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/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/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 #ccccca;
  position: relative;
  padding: 12px 0 8px 50px;
}

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

.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 #ccccca;
  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: #5CB531;
  background: #fff;
  border: #5CB531 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: #5CB531;
  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;
  }
  .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: #EFF5E1;
  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: 'Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'Kosugi Maru';
  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 div.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 .sub-box-wide.img_s .img {
  width: 30%;
}

@media screen and (max-width: 800px) {
  .cmshtml .sub-box-wide.img_s .img {
    width: 100%;
    margin-bottom: 10px;
  }
}

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

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

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

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

.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 #ccccca;
  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 .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: #EFF5E1;
  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: #EFF5E1;
  border-radius: 20px;
  padding: 40px 50px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept_list {
    padding: 20px 7%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .faci_section {
  background: #EFF5E1 url("../img/fix/stripe.png") repeat;
  padding-top: 80px;
  margin-top: -24px;
  margin-bottom: 80px;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .cmshtml .faci_section {
    padding-top: 4 0px;
  }
}

.cmshtml .i2 .in-wrap div.faci_box {
  background: #fff;
  border-radius: 10px;
  padding: 8px 26px 20px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.cmshtml .i2 .in-wrap div.faci_box::before {
  content: "";
  position: absolute;
  right: -20px;
  top: -12%;
  opacity: 0.2;
  width: 200px;
  height: 200px;
  background-size: 100%;
  background: #fff url("../img/fix/patern1.png") no-repeat 0;
  z-index: -1;
}

.cmshtml .i2 .in-wrap div.faci_box div {
  margin: 0;
}

.cmshtml .i2 .in-wrap div.faci_box h3.faci_title {
  text-align: left;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
  background: none;
  padding: 20px 0 12px;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div.faci_box .flex {
    display: block;
  }
}

.cmshtml .i2 .in-wrap div.faci_box .moll_contents {
  margin-bottom: 20px;
}

.cmshtml .i2 .in-wrap div.faci_box .moll_contents.left, .cmshtml .i2 .in-wrap div.faci_box .moll_contents.il {
  width: 66%;
  text-align: left;
}

.cmshtml .i2 .in-wrap div.faci_box .moll_contents.right, .cmshtml .i2 .in-wrap div.faci_box .moll_contents.ir {
  width: 30%;
  text-align: left;
}

.cmshtml .i2 .in-wrap div.faci_box .moll_contents.right img, .cmshtml .i2 .in-wrap div.faci_box .moll_contents.ir img {
  max-width: 100%;
  height: auto;
}

.cmshtml .faci_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dotted #dddddd;
  padding: 10px 0;
  line-height: 1.625rem;
}

.cmshtml .faci_dl dt {
  color: #AFC112;
  width: 20%;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 1.5px;
  font-weight: bold;
  min-width: 60px;
}

.cmshtml .faci_dl dd {
  flex-shrink: 1;
  font-size: 15px;
  font-size: 0.9375rem;
}

.cmshtml .faci_p_btn {
  display: inline-block;
}

.cmshtml .faci_p_btn a {
  display: block;
  background: #AFC112;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  border-radius: 99px;
  padding: 10px 40px;
  position: relative;
}

.cmshtml .faci_p_btn a::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  background: url("../img/fix/arrow.png") no-repeat;
  width: 6px;
  height: 7px;
  background-size: 100%;
}

.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 {
  background: #EFF5E1 url("../img/fix/green-light.jpg") no-repeat 0 0;
  background-size: cover;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .cmshtml .concept.rec_concept .ainner .back::before {
    background-size: auto;
  }
}

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

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

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

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

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

@media screen and (max-width: 500px) {
  .cmshtml .concept.rec_concept .ainner .back .binner h3 {
    font-size: 4.6vw;
  }
}

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

.cmshtml .concept.rec_concept .ainner .back .binner h4: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.rec_concept .ainner .back .binner h4 {
    margin-left: 1em;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .concept.rec_concept .ainner .back .binner h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.cmshtml .concept.rec_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: 80px;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .concept.rec_concept .ainner .back .binner .txt-normal {
    margin-left: 20%;
    margin-bottom: 40px;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .concept.rec_concept .ainner .back .binner .txt-normal {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

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

@media screen and (min-width: 1501px) {
  .cmshtml .concept.rec_concept .ainner .back .conceptimg {
    width: 750px;
  }
}

@media screen and (max-width: 1079px) {
  .cmshtml .concept.rec_concept .ainner .back .conceptimg {
    transform: translateY(-50%);
  }
}

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

.cmshtml .fade_wrap {
  overflow: hidden;
}

.cmshtml .rec_layout .sub-box-wide .img img {
  border-radius: 20px;
}

.cmshtml .rec_layout h3 {
  position: relative;
  background: #fff;
  padding: 10px 36px 10px 36px;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Noto Sans JP',YuGothic, "游ゴシック", "メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-weight: 700;
  display: inline-block;
  color: #AFC112;
  margin-bottom: 30px;
}

.cmshtml .rec_layout h3:before {
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #afc112 10px, #afc112 20px);
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  width: 70px;
  height: 70px;
  transform: rotate(-18deg);
  position: absolute;
  left: -48px;
  top: -30px;
  content: "";
}

.cmshtml .list_p {
  position: relative;
  padding: 10px 0 10px 40px;
  font-weight: 700;
  color: #222222;
  font-size: 18px;
  font-size: 1.125rem;
}

.cmshtml .list_p::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 4px solid #AFC112;
  position: absolute;
  top: 13px;
  left: 0;
}

.cmshtml .list_p::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 11px;
  border-bottom: 4px solid #222222;
  border-right: 4px solid #222222;
  transform: rotate(45deg);
  width: 7px;
  height: 15px;
}

.cmshtml .i2 .in-wrap div.thumb_box .thumb {
  display: flex;
  background: #AFC112;
  border-radius: 999px;
  margin: 0;
  padding: 10px 10px 10px 50px;
  align-items: center;
  justify-content: space-between;
}

.cmshtml .i2 .in-wrap div.thumb_box .thumb a {
  text-decoration: none;
}

.cmshtml .i2 .in-wrap div.thumb_box .thumb .text_normal2 {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div.thumb_box .thumb .text_normal2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.cmshtml .i2 .in-wrap div.thumb_box .thumb .img_area {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:0;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div.thumb_box .thumb .img_area {
    width: 50px;
    height: 50px;
  }
}

.cmshtml .i2 .in-wrap div.thumb_box .thumb .img_area img {
  max-width: 55px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div.thumb_box .thumb .img_area img {
    max-width: 30px;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .i2 .in-wrap div.thumb_box {
    margin-bottom: 10px;
  }
}

.cmshtml .cap-l-t4 {
  /*voice title*/
  display: flex;
  border: 3px solid #AFC112;
  border-radius: 20px;
  padding: 12px 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-bottom-width: 8px;
  max-width: 96%;
}

.cmshtml .cap-l-t4 h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  color: #AFC112;
  font-weight: 700;
  margin-right: auto;
}

.cmshtml .cap-l-t4 p {
  font-size: 13px;
  letter-spacing: 0.05em;
  font-family: YuGothic, "游ゴシック", 'Noto Sans JP',"メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  color: #96917f;
  margin-left: auto;
}

.cmshtml .cap-l-t4 p.img_area {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background: #fff;
  border: 3px solid #AFC112;
}

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

.cmshtml .voice.sub-box-wide h4 {
  border-bottom: 1px dashed #ccccca;
  line-height: 1.5;
  padding-bottom: 8px;
}

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

.cmshtml .voice.cap-m.cm-1 {
  text-align: left;
  margin-bottom: 20px;
}

.cmshtml .voice.cap-m.cm-1 h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Noto Sans JP',YuGothic, "游ゴシック", "メイリオ", Meiryo,'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-weight: bold;
  position: relative;
  color: #AFC112;
  border-bottom: 1px dashed #ccccca;
  padding-bottom: 8px;
}

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

.cmshtml .accordion {
  display: flex;
  align-items: center;
  background: #AFC112;
  color: #fff;
  border-radius: 999px;
  padding: 5px;
  position: relative;
}

.cmshtml .accordion .img_area {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmshtml .accordion .img_area img {
  max-width: 40px;
  height: auto;
}

.cmshtml .accordion h2 {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 60px;
}

.cmshtml .accordion::before {
  position: absolute;
  right: 35px;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg) translateY(-5px);
  width: 15px;
  height: 15px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cmshtml .is_active .accordion::before {
  transform: rotate(225deg) translateY(-5px);
}

.cmshtml .youko_wrap {
  background: rgba(238, 238, 238, 0.5);
  border-radius: 50px;
  margin-bottom: 30px;
}

.cmshtml .youko_wrap .target {
  padding: 50px 4vw;
}

.cmshtml .youko_wrap .target .dl-box1 {
  margin-bottom: -1px;
}

.cmshtml .youko_wrap .target .dl-box1 dl dd, .cmshtml .youko_wrap .target .dl-box1 dl dt {
  line-height: 1.5;
}

.cmshtml .bt_more {
  text-align: center;
  margin-top: 20px;
}

.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 .flex {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml #slide-wrap {
  position: relative;
  width: 100%;
  background: url(../img/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 .concept {
  padding-top: 60px;
  overflow: hidden;
}

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

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

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

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

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

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

.cmshtml .section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 0px;
}

.cmshtml .section_keyvisual {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  height: 230px;
}

@media screen and (max-width: 800px) {
  .cmshtml .section_keyvisual {
    height: 230px;
  }
}

.cmshtml .keyvisual_slide1 {
  margin-bottom: 0px;
}

.cmshtml .keyvisual li {
  width: auto;
  height: 230px;
  overflow: hidden;
  margin: 0;
}

.cmshtml .keyvisual li img {
  width: auto;
  height: 230px;
}

@media screen and (max-width: 800px) {
  .cmshtml .keyvisual li {
    position: relative;
  }
}

.cmshtml .facilities {
  background: url("../img/fix/green-light.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
}

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

.cmshtml .facilities .messe {
  padding: 60px 0 30px;
  font-weight: 700;
  color: #222222;
  font-size: 19px;
  font-size: 1.1875rem;
}

.cmshtml .facilities .i4 {
  margin-bottom: 32px;
}

.cmshtml .i4 .in-wrap div.faci_box {
  width: 220px;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 19px;
  display: flex;
  justify-content: center;
  padding: 30px 10px;
  margin-right: 66px;
  flex-direction: column;
  min-height: 172px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  box-sizing: border-box;
}

@media screen and (max-width: 1088px) {
  .cmshtml .i4 .in-wrap div.faci_box {
    width: calc(88% / 4);
    margin-right: 4%;
  }
}

@media screen and (max-width: 1088px) and (max-width: 800px) {
  .cmshtml .i4 .in-wrap div.faci_box {
    width: calc(96% / 2);
    margin: 0 1% 10px;
  }
}

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

.cmshtml .i4 .in-wrap div.faci_box h2 {
  margin-top: auto;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  color: #222222;
  letter-spacing: 0;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.cmshtml .i4 .in-wrap div.faci_box h2::before {
  display: none;
}

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

.cmshtml .i4 .in-wrap div.faci_box:nth-child(4n) {
  margin-right: 0;
}

.cmshtml .i4 .in-wrap div.faci_box.onhover {
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.2);
  transform: translateY(-10px);
}

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

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

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

.cmshtml .top-news__right {
  flex: 1 1 auto;
  width: calc(100% - 280px);
}

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

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

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

.cmshtml .top-news__link {
  border-radius: 3px;
  display: inline-block;
  background-color: #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;
}

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

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

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

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

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

.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__right {
    width: 100%;
  }
  .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 .top_banner {
  margin-bottom: 48px;
}

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

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

.cmshtml .top_banner .left_area {
  width: calc(100% - 420px);
}

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

@media screen and (max-width: 800px) {
  .cmshtml .top_banner .left_area {
    width: 100%;
    margin-bottom: 20px;
  }
}

.cmshtml .top_banner .right_area {
  width: 400px;
}

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

.cmshtml .f_inquiry {
  background: #EFF5E1;
  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 p.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: 120px;
  line-height: 120px;
  border-radius: 99px;
  background: #AFC112;
  color: #fff;
  font-weight: bold;
  font-size: 21px;
  font-size: 1.3125rem;
}

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

@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: 100px;
  border-radius: 99px;
  font-weight: 700;
  padding: 10px;
}

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

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

.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: #EFF5E1;
  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(239, 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 {
  max-width: 440px;
  padding: 2em;
  border-radius: 16px;
  background: url("../img/fix/green-light.jpg") repeat;
}

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

.cmshtml .contact-box div.tel {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  padding-left: 50px;
  background: url(../img/fix/icon-tel.png) no-repeat center left;
  margin-bottom: 2px;
  color: #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 .cmshtml .cmsbody #slide-wrap {
  width: 100%;
  margin: 0 auto;
  height: 450px;
  overflow-x: scroll;
}

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

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

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

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

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

#editView .cmshtml .cmsbody .keyvisual_slide1 {
  width: 100%;
}

#editView .cmshtml .cmsbody .keyvisual_slide1 ul {
  display: flex;
  flex-direction: row;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#editView .cmshtml .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 .cmshtml .cmsbody .seek {
  display: block;
}

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

#editView .cmshtml .cmsbody .keyvisual_slide1 {
  width: 100%;
}

#editView .cmshtml .cmsbody .keyvisual_slide1 ul > div {
  display: flex;
  flex-direction: row;
  width: 100%;
}

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

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

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

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

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

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

#editView .cmshtml .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 .cmshtml .cmsbody .j3-li.s2-li {
  width: 334px;
  float: left;
}

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

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

#editView .cmshtml .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/fix/youtube.png) no-repeat center;
}

.cmshtml .wc_addGoogleMap_span {
  padding: 24px;
}

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

.cmshtml .wc_facebook_span {
  padding: 24px;
}

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

.cmshtml .tableBlock {
  width: 95%;
}































































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

.cmshtml .container{
  width: 1080px;
  margin:0 auto;
}

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

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

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


@media screen and (max-width: 800px) {
    .cmshtml #contents, .cmshtml .inner {
        box-sizing: border-box;
    }
}

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


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

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



/* ================================
   u01表追記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: #EFF5E1;
}

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

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

/* ================================
   u01見出し追記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: #EFF5E1;
    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: rgba(175, 193, 18, 0.4);
    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%, rgba(175, 193, 18, 0.3) 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: rgba(175, 193, 18, 0.4);
}

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



/* u01Gnavi調整 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#editView .cmshtml li {
  zoom: 1;
}
#editView .cmshtml li:after {
  clear: both;
}
#editView .cmshtml .left, #editView .cmshtml .il, #editView .cmshtml .right, #editView .cmshtml .ir {
  float: none;
}
#editView .cmshtml .submenu_li{
  color:#222;
}
#editView .cmshtml .submenu_li a{
  color:#fff;
}
#editView .cmshtml .to-telinquiry .contact-sec-right {
    max-width: 100%;
  }
#editView .cmshtml .to-telinquiry .contact-sec-left {
    max-width: 100%;
}
#editView .cmshtml .boxwrap1.sub-box-wide.list_wrap .img{
  width: 90%;
}
#editView .cmshtml .boxwrap1.sub-box-wide.suport_wrap .img{
  width: 90%;
}
#editView .cmshtml #topslide {
  width: 100%;
  opacity: 1 !important;
}
#editView .cmshtml #topslide div {
  max-height: unset;
}
#editView .cmshtml #topslide .sp-slides {
  width: 100%;
  height: 560px;
  overflow: auto;
  transform: translate3d(0) !important;
}
#editView .cmshtml #topslide .sp-slides .sp-slide {
  display: block;
  position: relative !important;
  opacity: 1 !important;
  float: left;
  width: 1000px;
}
#editView .cmshtml #topslide .sp-slides .sp-slide img {
  max-width: 100%;
  height: auto;
}
#editView .cmshtml#acp-top .drawer-dropdown {
  position: relative;
}
#editView .cmshtml#acp-top .drawer-dropdown-menu {
  display: block !important;
  width: 240px;
}
#editView .cmshtml .section-info {
  margin-bottom: 20px;
  margin-top: 20px;
  transform: translateY(0);
}
#editView .cmshtml .section-news .wrap-news .w-news {
  background: #F5F5F5;
  margin: 20px -20px 40px;
  padding: 20px;
  display: block;
}
#editView .cmshtml .seek {
  display: block;
}
#editView .cmshtml#acp-top .drawer-dropdown {
  position: relative;
}
#editView .cmshtml#acp-top .drawer-dropdown-menu {
  display: block !important;
  width: 240px;
}
#editView .cmshtml .h-nav__list > div {
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
}
#editView .cmshtml #topslide {
  width: 100%;
  opacity: 1 !important;
}
#editView .cmshtml #topslide .sp-slides {
  width: 100%;
  height: 600px;
  overflow: auto;
  transform: translate3d(0) !important;
}
#editView .cmshtml #topslide .sp-slides .sp-slide {
  display: block;
  width: 1000px;
  position: relative !important;
  opacity: 1 !important;
}
#editView .cmshtml #topslide .sp-slides .sp-slide img {
  max-width: 100%;
  height: auto;
}
#editView .cmshtml #navi-sub > div, #editView .cmshtml #to-form > div, #editView .cmshtml #navi-main ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#editView .cmshtml .banner-box1 ul > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .banner-box2 ul > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .banner-box3 ul > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .i1 .in_wrap > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .i2 .in_wrap > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .i3 .in_wrap > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .i4 .in_wrap > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .i5 .in_wrap > div {
  display: flex;
  flex-flow: row wrap;
}
#editView .cmshtml .just2 > div, #editView .cmshtml .just3 > div, #editView .cmshtml .just4 > div, #editView .cmshtml .just5 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#editView .cmshtml .f-list .right .f_times .topnews__itembox > div, #editView .cmshtml .f-list .ir .f_times .topnews__itembox > div {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#editView .cmshtml #footerlink ul div {
  display: flex;
  flex-flow: row wrap;
  width: auto;
}
#editView .cmshtml .list-linkbox ul > div, #editView .cmshtml .propertylist ul > div, #editView .cmshtml #panlist ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#editView .cmshtml .submenu > div,
#editView .cmshtml .freemenu > div,
#editView .cmshtml .contmenu > div {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#editView .cmshtml .freemenu > div {
  justify-content: flex-start;
}
#editView .cmshtml .noline_hr {
  position: relative;
}
#editView .cmshtml .noline_hr::after {
  display: block;
  text-align: center;
  width: 100%;
  height: 1005;
  border: 1px dashed #ccc;
  content: "空白が入るブロックです";
  position: absolute;
  top: 0;
  color: #ccc;
}
#editView .cmshtml .beforeafter_wrap .in_wrap > div {
  display: block;
}
#editView .cmshtml .section-info {
  margin-bottom: 0;
}
#editView .cmshtml .section-news .wrap-news .w-news {
  background: #F5F5F5;
  margin: 20px -20px 40px;
  padding: 20px;
  display: block;
}
#editView .cmshtml .section-news .wrap-news .w-news .cap-s.cs-3 h4 {
  background: #F5F5F5;
}
#editView .cmshtml .seek {
  display: block;
}
#editView .cmshtml table {
  width: 80%;
}
#editView .cmshtml table th, #editView .cmshtml table td {
  padding: 16px;
  width: auto;
}
#editView .cmshtml table th {
  background-color: #e9e9e9;
}
#editView .cmshtml .noline_hr {
  position: relative;
}
#editView .cmshtml .noline_hr::after {
  display: block;
  text-align: center;
  width: 100%;
  height: 1005;
  border: 1px dashed #ccc;
  content: "空白が入るブロックです";
  position: absolute;
  top: 0;
  color: #ccc;
}
#editView .cmshtml .j3-li.s2-li {
  width: 334px;
  float: left;
}
#editView .cmshtml .s3-li.j3-li {
  width: 334px;
  float: left;
}
#editView .cmshtml .sp-slide {
  display: block;
  position: relative;
}
#editView .cmshtml .i2div, #editView .cmshtml .i3div, #editView .cmshtml .i4div, #editView .cmshtml .i5div {
  overflow: hidden;
}

#editView .cmshtml .i2 .i2div {
    width: 100%;
}


#editView .cmshtml .about_flow_li {
  padding-left: 120px;
  position: static;
  display: flex;
}

#editView.showhideElement .cmshtml .h-nav__dropdown{
  display: block;
  position: relative;
}
#editView.showhideElement .cmshtml .h-nav__dropdown__item{
  width:100%;
}
#editView.showhideElement .cmshtml .h-nav__list{
  display:block;
}
#editView.showhideElement .cmshtml .h-nav__dropdown .inner{
  width:100%;
}
#editView .cmshtml #l_footer .inner{
  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 .container.full-cont{
  width:100%;
  margin:0 auto;
}

#editView .cmshtml .i2.thumb_wrap .in-wrap div {
    margin-right: 0;
}

#editView .cmshtml .i2.thumb_wrap .i2div {
    width: 450px;
}

#editView .cmshtml .i2.faci_wrap .in-wrap > div{
  width:48%;
}

#editView .cmshtml .i2.faci_wrap .in-wrap div.faci_box .moll_contents.right{
  width:100%;
}

#editView .cmshtml .i2.faci_wrap .in-wrap div.faci_box .moll_contents.left{
  width:100%;
}