@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:wght@700&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;
  /* 1 */
  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 .pageHeader, .cmshtml #footer, .cmshtml #section_pageHeader, .cmshtml .section-news, .cmshtml .section-recruit, .cmshtml .section-banners, .cmshtml .inner, .cmshtml .pagenav, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .submenu, .cmshtml .form, .cmshtml .wrap-fc, .cmshtml .wrap-int, .cmshtml .ttl-wrap-int, .cmshtml .box-contact, .cmshtml #wrap-container, .cmshtml .to_bt, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .dibox, .cmshtml .submenu ul, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .boxwrap-w, .cmshtml .imgfull, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .stepbox ul li, #editView .cmshtml li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml .pageHeader:before, .cmshtml #footer:before, .cmshtml #section_pageHeader:before, .cmshtml .section-news:before, .cmshtml .section-recruit:before, .cmshtml .section-banners:before, .cmshtml .inner:before, .cmshtml .pagenav:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .line-hr:before, .cmshtml .submenu:before, .cmshtml .form:before, .cmshtml .wrap-fc:before, .cmshtml .wrap-int:before, .cmshtml .ttl-wrap-int:before, .cmshtml .box-contact:before, .cmshtml #wrap-container:before, .cmshtml .to_bt:before, .cmshtml .cap-l:before, .cmshtml .cap-l-t2:before, .cmshtml .cap-l-t3:before, .cmshtml .cap-m:before, .cmshtml .cap-s:before, .cmshtml .boxwrap1:before, .cmshtml .boxwrap2:before, .cmshtml .boxwrap3:before, .cmshtml .to-buttonbox:before, .cmshtml .dibox:before, .cmshtml .submenu ul:before, .cmshtml .dl-box1:before, .cmshtml .qabox:before, .cmshtml .stepbox:before, .cmshtml .boxwrap-w:before, .cmshtml .imgfull:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .stepbox ul li:before, #editView .cmshtml li:before, .cmshtml .cf:after, .cmshtml .pageHeader:after, .cmshtml #footer:after, .cmshtml #section_pageHeader:after, .cmshtml .section-news:after, .cmshtml .section-recruit:after, .cmshtml .section-banners:after, .cmshtml .inner:after, .cmshtml .pagenav:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .submenu:after, .cmshtml .form:after, .cmshtml .wrap-fc:after, .cmshtml .wrap-int:after, .cmshtml .ttl-wrap-int:after, .cmshtml .box-contact:after, .cmshtml #wrap-container:after, .cmshtml .to_bt:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-l-t3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .dibox:after, .cmshtml .submenu ul:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox ul li:after, #editView .cmshtml li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml .pageHeader:after, .cmshtml #footer:after, .cmshtml #section_pageHeader:after, .cmshtml .section-news:after, .cmshtml .section-recruit:after, .cmshtml .section-banners:after, .cmshtml .inner:after, .cmshtml .pagenav:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .submenu:after, .cmshtml .form:after, .cmshtml .wrap-fc:after, .cmshtml .wrap-int:after, .cmshtml .ttl-wrap-int:after, .cmshtml .box-contact:after, .cmshtml #wrap-container:after, .cmshtml .to_bt:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-l-t3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .dibox:after, .cmshtml .submenu ul:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox ul li:after, #editView .cmshtml li:after {
  clear: both;
}

.cmshtml img {
  -webkit-backface-visibility: hidden;
}

.cmshtml .arrow, .cmshtml .drawer-dropdown > a:after, .cmshtml .pagenav ul li:after, .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, .cmshtml .bt-ichiran a:after, .cmshtml .submenu ul li a:before {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml h2, .cmshtml h3, .cmshtml h4, .cmshtml h5, .cmshtml p, .cmshtml dt, .cmshtml dd, .cmshtml li {
  /* 明朝settings start*/
  font-family: 'Noto Sans JP', YuGothic, "游ゴシック", "メイリオ", Meiryo, 'Roboto', Helvetica Neue, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.cmsbody {
  line-height: 1.7;
}

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

.cmshtml li {
  list-style: none;
}

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

.cmshtml img {
  vertical-align: bottom;
}

.cmshtml .pageHeader, .cmshtml #footer, .cmshtml #section_pageHeader, .cmshtml .section-news, .cmshtml .section-recruit, .cmshtml .section-banners {
  margin: 0;
  padding: 0;
  position: relative;
}

.cmshtml .inner, .cmshtml .pagenav, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .submenu, .cmshtml .form, .cmshtml .wrap-fc, .cmshtml .wrap-int, .cmshtml .ttl-wrap-int, .cmshtml .box-contact {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 1240px) {
  .cmshtml .inner, .cmshtml .pagenav, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .submenu, .cmshtml .form, .cmshtml .wrap-fc, .cmshtml .wrap-int, .cmshtml .ttl-wrap-int, .cmshtml .box-contact {
    width: 100%;
  }
}

.cmshtml #wrap-container, .cmshtml .to_bt, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .dibox, .cmshtml .submenu ul, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml #wrap-container, .cmshtml .to_bt, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .dibox, .cmshtml .submenu ul, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox {
    width: 100%;
  }
}

.cmshtml #header {
  position: fixed;
  top: 0;
  left: 0;
  width: 270px;
  height: 100vh;
  background-color: #fff;
  z-index: 2;
}

@media screen and (max-width: 1240px) {
  .cmshtml #header {
    width: 100%;
    height: 100px;
    position: relative;
  }
}

.cmshtml .scanc {
  padding-top: 77px;
  margin-top: -77px;
  position: absolute;
  top: 0px;
}

.cmshtml .slider-area {
  margin: 0 auto;
  width: 100%;
  padding-left: 5vw;
  position: relative;
}

@media screen and (max-width: 1240px) {
  .cmshtml .slider-area {
    padding-left: 0;
  }
}

.cmshtml #topslide {
  width: 100%;
  position: relative;
  z-index: 1;
}

.cmshtml #page {
  padding-left: 270px;
  margin: 0 auto;
}

@media screen and (max-width: 1240px) {
  .cmshtml #page {
    padding: 0;
    width: 100%;
    min-width: inherit;
  }
}

.cmshtml .subpage #main {
  padding-top: 77px;
  padding-bottom: 80px;
}

.cmshtml #wrap-container {
  margin-top: 20px;
}

.cmshtml img {
  -webkit-backface-visibility: hidden;
}

.cmshtml a:link,
.cmshtml a:visited,
.cmshtml a:active {
  color: #212121;
}

.cmshtml a:hover {
  color: #00A496;
}

.cmsbody {
  background-color: #FBFFDD;
}

@media screen and (max-width: 1240px) {
  .cmsbody {
    padding-top: 0;
  }
}

.cmshtml h1#logo {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 229px;
  height: 36px;
  background: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml h1#logo {
    left: 2%;
  }
}

.cmshtml h1#logo a {
  margin-top: 58px;
  padding-top: 36px;
  display: block;
  background: url(../img/logo.png) no-repeat 50% 50%;
  -webkit-backface-visibility: hidden;
  height: 0;
  text-align: center;
  text-decoration: none;
  color: #111;
  font-size: 14px;
  z-index: 3;
  overflow: hidden;
}

@media screen and (max-width: 1240px) {
  .cmshtml h1#logo a {
    margin-top: 0;
    z-index: 1;
    background-size: contain;
    padding-top: 95px;
  }
}

.cmshtml #navbar {
  z-index: 5;
  margin: 0 auto;
  transition: all 0.6s ease;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  max-width: 1600px;
}

.cmshtml .globalmenu {
  padding: 0 0 20px;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .globalmenu .side-info {
  width: 238px;
  margin: 1em auto;
}

.cmshtml .globalmenu address {
  font-style: normal;
  font-size: 14px;
}

@media screen and (max-width: 1240px) {
  .cmshtml .globalmenu {
    display: block;
    padding: 0 0;
  }
}

.cmshtml #navigation {
  width: 238px;
  padding-top: 20px;
  margin: 0 auto;
  position: relative;
}

.cmshtml #navigation * {
  transition: all 0.6s;
  -webkit-backface-visibility: hidden;
}

.cmshtml #navigation li {
  transition: all 0.3s linear;
  line-height: 20px;
  position: relative;
}

.cmshtml #navigation li a {
  display: block;
  letter-spacing: 0;
  position: relative;
  text-decoration: none;
}

.cmshtml #navigation li a[aria-expanded="true"] {
  color: #212121;
}

.cmshtml #navigation li a[aria-expanded="true"]:before {
  width: 50%;
  background: #cbd91a;
}

.cmshtml #navigation li[class*="f-menu"] {
  padding: 10px 0;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}

.cmshtml #navigation li[class*="f-menu"]:first-child {
  border-top: 1px solid #DDDDDD;
}

.cmshtml #navigation li[class*="f-menu"]:hover {
  background-color: rgba(203, 217, 26, 0.3);
}

.cmshtml #navigation li.s-menu {
  font-size: 14px;
}

@media screen and (max-width: 1240px) {
  .cmshtml #navigation li.s-menu {
    font-size: 13px;
  }
}

.cmshtml #navigation li.s-menu .smenu-list {
  margin: 0;
  padding: 0;
}

.cmshtml #navigation li.s-menu .smenu-list li {
  font-size: 13px;
}

.cmshtml #navigation li.s-menu .smenu-list li a:before {
  content: none;
}

.cmshtml #navigation li.s-menu .sub-p {
  font-size: 13px;
}

.cmshtml #navigation li.s-menu a {
  padding: 4px 4px 4px 42px;
  position: relative;
}

.cmshtml #navigation li.s-menu a:before {
  content: "";
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  display: inline-block;
  margin: auto;
}

.cmshtml #navigation li.s-menu a:after {
  content: "";
  width: 4px;
  height: 4px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  left: 19px;
  bottom: 0;
  display: inline-block;
  margin: auto;
}

@media screen and (max-width: 1240px) {
  .cmshtml #navigation {
    padding-left: 5%;
  }
}

.cmshtml .drawer-dropdown > a:after {
  left: auto;
  right: 15px;
  margin-top: 25px;
  height: 5px;
  width: 5px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg);
  z-index: 2;
}

.cmshtml .drawer-dropdown.open > a:after {
  transform: rotate(-135deg);
}

.cmshtml #section_pageHeader {
  margin: 0 auto;
}

.cmshtml #footer {
  clear: both;
  position: relative;
  padding: 0 5%;
}

.cmshtml #footer #copy {
  margin: 1.5em auto;
  display: block;
  font-size: 13px;
  text-align: right;
}

@media screen and (max-width: 680px) {
  .cmshtml #footer #copy {
    font-size: 11px;
  }
}

.cmshtml .gmap iframe {
  width: 100%;
  height: 100%;
}

.cmshtml .boxwrap1.gmap, .cmshtml .gmap.boxwrap2, .cmshtml .gmap.boxwrap3, .cmshtml .gmap.to-buttonbox {
  height: 400px;
}

.cmshtml #title-wrap {
  margin: 0 auto 0;
  padding-bottom: 1em;
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 164, 150, 0.66);
}

@media screen and (max-width: 680px) {
  .cmshtml #title-wrap {
    height: auto;
  }
}

.cmshtml #title-wrap .imgwrap {
  margin: 0 auto;
  width: 60%;
  max-height: 400px;
  height: 90%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-left-radius: 20px;
}

.cmshtml #title-wrap .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1080px) {
  .cmshtml #title-wrap .imgwrap {
    width: 100%;
    border-radius: 0;
    position: relative;
  }
}

.cmshtml .imgwrap + #title {
  width: 50%;
}

.cmshtml .imgwrap + #title p {
  display: inline-block;
}

.cmshtml .imgwrap + #title h2 {
  display: inline-block;
}

@media screen and (max-width: 1080px) {
  .cmshtml .imgwrap + #title {
    width: 100%;
  }
}

.cmshtml #title {
  width: 100%;
  max-width: 700px;
  padding: 90px 60px 40px;
  z-index: 3;
}

.cmshtml #title .fc-name {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.cmshtml #title .lg {
  width: 100px;
}

@media screen and (max-width: 680px) {
  .cmshtml #title .lg {
    text-align: center;
  }
}

.cmshtml #title .txt {
  min-width: 200px;
  width: calc(100% - 100px);
}

@media screen and (max-width: 680px) {
  .cmshtml #title .txt {
    text-align: center;
    width: 100%;
  }
}

.cmshtml #title .fc-up {
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

@media screen and (max-width: 680px) {
  .cmshtml #title .fc-up {
    display: block;
  }
}

.cmshtml #title h2 {
  font-size: 32px;
  letter-spacing: 0.1em;
  color: #fff;
}

.cmshtml #title h2.fc {
  font-size: 36px;
  display: inline-block;
}

@media screen and (max-width: 680px) {
  .cmshtml #title h2.fc {
    font-size: 22px;
    display: block;
  }
  .cmshtml #title h2.fc br {
    display: none;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml #title {
    padding: 1em 40px;
    position: relative;
    bottom: 0;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml #title h2 {
    font-size: 24px;
  }
  .cmshtml #title .fc-name {
    justify-content: center;
  }
}

.cmshtml .title-navi {
  margin: 0 0 0;
  padding: 10px 60px 30px;
  background-color: rgba(0, 164, 150, 0.66);
}

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

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

#editView .cmshtml .title-navi .tnav-ul{
  display: flex;
  flex-flow:row wrap;
}

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

.cmshtml .title-navi ul li a {
  font-size: 15px;
  padding: 8px 30px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

#editView .cmshtml .title-navi li a {
  font-size: 15px;
  padding: 8px 30px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

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

.cmshtml .title-navi ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.cmshtml .title-navi ul li a:after {
  content: "";
  width: 1px;
  height: 50%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 680px) {
  .cmshtml .title-navi ul li a {
    padding: 4px 5px;
  }
}

.cmshtml .title-navi ul li:last-child a:after {
  content: none;
}

.cmshtml .pagenav {
  padding-top: 15px;
  clear: both;
}

@media screen and (max-width: 680px) {
  .cmshtml .pagenav {
    margin: 0 2%;
  }
}

.cmshtml .pagenav ul li {
  font-size: 13px;
  padding-right: 15px;
  float: left;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .pagenav ul li {
    font-size: 11px;
  }
}

.cmshtml .pagenav ul li:after {
  left: auto;
  right: 3px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #00A496;
  border-right: 1px solid #00A496;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.cmshtml .container {
  margin: 0 auto;
  padding: 40px 3% 40px;
}

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

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

.cmshtml .red {
  color: #FF0000;
}

.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 .bt-more {
  margin: 20px 0;
}

.cmshtml .bt-more * {
  transition: all 0.6s ease;
}

.cmshtml .bt-more p {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  font-weight: bold;
}

@media screen and (max-width: 680px) {
  .cmshtml .bt-more p {
    font-size: 16px;
  }
}

.cmshtml .bt-more p a {
  padding: 1em 4em 1em 4em;
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
  border-radius: 6px;
  background: #00A496;
}

.cmshtml .bt-more p:hover a {
  background: #00D9C9;
}

.cmshtml .to_bt {
  margin: 80px auto;
}

@media screen and (max-width: 680px) {
  .cmshtml .to_bt {
    margin: 2em auto;
  }
}

.cmshtml .to_bt a {
  padding: 1em 4em 1em 4em;
  display: inline-block;
  text-decoration: none;
  position: relative;
  color: #fff;
  border-radius: 6px;
  background: #00A496;
  font-weight: bold;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.cmshtml .to_bt a:hover {
  background-color: #00D9C9;
}

@media screen and (max-width: 680px) {
  .cmshtml .to_bt.mail {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    margin: 0;
  }
}

.cmshtml .to_bt.mail a {
  position: relative;
  background: #CBD91A;
  padding: 20px 40px 20px 80px;
}

@media screen and (max-width: 680px) {
  .cmshtml .to_bt.mail a {
    width: 100%;
    padding: 20px 0px 20px 20px;
  }
}

.cmshtml .to_bt.mail a:before {
  content: "";
  background: url(../img/fix/bt-mail.svg) no-repeat 50% 50%;
  width: 23px;
  height: 15px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  margin: auto;
}

.cmshtml .section-lead {
  position: relative;
  padding-right: 5vw;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead {
    padding-right: 0;
  }
}

.cmshtml .section-lead .wrap-lead-img {
  padding-right: 10%;
  display: block;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .wrap-lead-img {
    overflow: hidden;
    min-height: 0;
  }
}

.cmshtml .section-lead .wrap-lead-img .imgbox {
  position: absolute;
  left: 0;
  top: 120px;
  z-index: -1;
  height: calc(100% - 120px);
  width: 90%;
  display: block;
  overflow: hidden;
}

.cmshtml .section-lead .wrap-lead-img .imgbox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .wrap-lead-img .imgbox {
    height: 100%;
  }
  .cmshtml .section-lead .wrap-lead-img .imgbox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.cmshtml .section-lead .wrap-lead-img .catch {
  padding-left: 15vw;
  padding-bottom: 240px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .wrap-lead-img .catch {
    padding-bottom: 100px;
  }
}

.cmshtml .section-lead .wrap-lead-img .catch p, .cmshtml .section-lead .wrap-lead-img .catch p {
  color: #00A496;
  font-size: 38px;
  word-break: keep-all;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .wrap-lead-img .catch .c-01, .cmshtml .section-lead .wrap-lead-img .catch .c-02 {
    font-size: 6vw;
  }
}

.cmshtml .section-lead .wrap-lead-img .catch .c-01 .obi, .cmshtml .section-lead .wrap-lead-img .catch .c-02 .obi {
  padding: 0.5em 4px;
  background-color: #fff;
}

.cmshtml .section-lead .wrap-lead-txt {
  width: 100%;
  padding: 60px 10% 0 15vw;
}

.cmshtml .section-lead .wrap-lead-txt p {
  line-height: 2.0;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .wrap-lead-txt {
    padding: 30px 10% 60px;
    position: relative;
  }
}

.cmshtml .section-lead .bt-more {
  text-align: right;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-lead .bt-more {
    margin-right: 5%;
  }
}

.cmshtml .bt-ichiran a {
  padding-left: 20px;
  position: relative;
  text-decoration: none;
}

.cmshtml .bt-ichiran a:before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 30px;
  background: #00A496;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .bt-ichiran a:after {
  position: absolute;
  left: 7px;
}

.cmshtml .bt-ichiran a:hover {
  text-decoration: underline;
}

.cmshtml .section-news {
  margin: 0 auto 0;
  padding: 60px 5vw;
}

.cmshtml .section-news .wrap {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .section-news .ttl {
  width: 23%;
  padding-top: 2em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}

.cmshtml .section-news .ttl .ttl01 {
  font-size: 20px;
}

.cmshtml .section-news .ttl .ttl02 {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.cmshtml .section-news .ttl .ttl02 .bd {
  border-right: 6px solid #00A496;
}

.cmshtml .section-news #info {
  width: 77%;
  height: 250px;
  overflow: auto;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-news {
    padding-top: 1em;
  }
  .cmshtml .section-news .ttl {
    width: 100%;
    margin-bottom: 2em;
  }
  .cmshtml .section-news .ttl .ttl01 {
    font-size: 13px;
  }
  .cmshtml .section-news .ttl .ttl02 {
    font-size: 20px;
  }
  .cmshtml .section-news #info {
    margin-top: 0;
    width: 100%;
  }
}

.cmshtml .news_dl {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding-bottom: 12px;
  background: url("../img/line_dot.png") repeat-x 0 100%;
}

.cmshtml .news_dl dt {
  width: 80px;
  font-size: 12px;
  line-height: 2.2;
  color: #00A496;
  display: flex;
  align-items: center;
}

.cmshtml .news_dl dd.txt {
  width: calc( 100% - 80px);
  text-align: left;
  margin-right: 0;
  padding-left: 15px;
}

.cmshtml .news_dl dd.txt img {
  float: right;
  margin: 0 0 10px 10px;
}

.cmshtml .news_dl dd.txt2 {
  letter-spacing: 0;
  width: 100%;
}

.cmshtml .section-recruit {
  position: relative;
  margin: 60px auto;
  display: flex;
  flex-flow: row wrap;
  padding: 0 5% 120px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-recruit {
    padding-bottom: 0;
  }
}

.cmshtml .section-recruit:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #E1E5C6;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: -1;
}

.cmshtml .section-recruit .wrap-lead-img {
  width: 70%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .section-recruit .wrap-lead-img .imgbox01 {
  width: 50%;
}

.cmshtml .section-recruit .wrap-lead-img .imgbox01 img {
  max-width: 100%;
  height: auto;
}

.cmshtml .section-recruit .wrap-lead-img .imgbox02 {
  transform: translate(-100px, 180px);
  width: 50%;
}

.cmshtml .section-recruit .wrap-lead-img .imgbox02 img {
  max-width: 100%;
  height: auto;
}

.cmshtml .section-recruit .wrap-lead-txt {
  width: 30%;
  padding-top: 120px;
}

.cmshtml .section-recruit .wrap-lead-txt .catch {
  margin: 3em auto 3em;
  width: 100%;
  height: 195px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}

.cmshtml .section-recruit .wrap-lead-txt .catch .c-01, .cmshtml .section-recruit .wrap-lead-txt .catch .c-02 {
  color: #1BC0D8;
  word-break: keep-all;
}

.cmshtml .section-recruit .wrap-lead-txt .catch .c-01 .obi, .cmshtml .section-recruit .wrap-lead-txt .catch .c-02 .obi {
  padding: 0.5em 4px;
  background-color: #fff;
}

.cmshtml .section-recruit .wrap-lead-txt .catch .c-01 {
  font-size: 20px;
}

.cmshtml .section-recruit .wrap-lead-txt .catch .c-02 {
  font-size: 38px;
}

.cmshtml .section-recruit .wrap-lead-txt .txt {
  text-align: center;
}

.cmshtml .section-recruit .wrap-lead-txt .bt-more {
  margin: 2em auto;
  text-align: center;
}

.cmshtml .section-recruit .wrap-lead-txt .bt-more a {
  background-color: #1BC0D8;
}

.cmshtml .section-recruit .wrap-lead-txt .bt-more a:hover {
  background-color: #00D9C9;
}

.cmshtml .section-recruit .wrap-lead-txt .menu-recmenu {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}

.cmshtml .section-recruit .wrap-lead-txt .menu-recmenu li {
  font-size: 17px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-recruit .wrap-lead-txt .menu-recmenu li {
    font-size: 15px;
  }
}

.cmshtml .section-recruit .wrap-lead-txt .menu-recmenu li a {
  text-decoration: none;
  display: block;
  padding-left: 20px;
  position: relative;
}

.cmshtml .section-recruit .wrap-lead-txt .menu-recmenu li a:before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  border-radius: 100%;
}

.cmshtml .section-recruit .wrap-lead-txt .menu-recmenu li a:after {
  content: "";
  width: 4px;
  height: 4px;
  border-right: 1px solid #1BC0D8;
  border-bottom: 1px solid #1BC0D8;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  left: 3px;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-recruit .wrap-lead-img {
    width: 100%;
  }
  .cmshtml .section-recruit .wrap-lead-img .imgbox02 {
    transform: translate(-40px, 40px);
  }
  .cmshtml .section-recruit .wrap-lead-txt {
    padding-top: 40px;
    width: 100%;
  }
  .cmshtml .section-recruit .wrap-lead-txt .catch {
    height: auto;
  }
  .cmshtml .section-recruit .wrap-lead-txt .catch .c-01 {
    font-size: 16px;
  }
  .cmshtml .section-recruit .wrap-lead-txt .catch .c-02 {
    font-size: 6vw;
  }
}

.cmshtml .section-banners {
  margin-top: 40px;
  padding: 60px 5% 0;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-banners {
    overflow: hidden;
  }
}

.cmshtml .wc_module {
  line-height: 1.8;
}

.cmshtml .cap_lv1 {
  margin: 40px 0 20px 0;
}

.cmshtml .cap_lv2 {
  margin: 20px 0 20px 0;
}

.cmshtml .cap_lv3 {
  margin: 20px 0 10px 0;
}

.cmshtml .fs_lv1 {
  font-size: 12px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv1 {
    font-size: 10px;
  }
}

.cmshtml .fs_lv2 {
  font-size: 14px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv2 {
    font-size: 12px;
  }
}

.cmshtml .fs_lv3 {
  font-size: 16px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv3 {
    font-size: 14px;
  }
}

.cmshtml .fs_lv4 {
  font-size: 18px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv4 {
    font-size: 16px;
  }
}

.cmshtml .fs_lv5 {
  font-size: 20px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv5 {
    font-size: 18px;
  }
}

.cmshtml .fs_lv6 {
  font-size: 24px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv6 {
    font-size: 22px;
  }
}

.cmshtml .fs_lv7 {
  font-size: 32px;
}

@media screen and (max-width: 680px) {
  .cmshtml .fs_lv7 {
    font-size: 30px;
  }
}

.cmshtml .cap-l, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s {
  margin: 8px auto 24px;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .cap-l {
    font-size: 18px;
  }
}

.cmshtml .c_sub {
  color: #CBD91A;
}

.cmshtml .c_m {
  color: #00A496;
}

.cmshtml .cap-l-t2 {
  margin: 80px auto 40px;
  text-align: center;
}

.cmshtml .cap-l-t2 h2 {
  font-size: 38px;
  text-align: center;
  display: block;
  position: relative;
  color: #212121;
}

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

.cmshtml .cap-l-t2 h2.tal {
  text-align: left;
}

.cmshtml .cap-l-t2 .tel {
  font-size: 34px;
  line-height: 1.1;
  color: #70E4E1;
}

@media screen and (max-width: 680px) {
  .cmshtml .cap-l-t2 .tel {
    font-size: 32px;
  }
}

.cmshtml .cap-l-t2.clt2 h2 {
  padding: 0.2em 1em;
  display: inline-block;
  background-color: #fff;
  color: #00A496;
}

.cmshtml .cap-l-t2.clt2.c_01 h2:after {
  background-color: #CBD91A;
}

.cmshtml .cap-l-t2.clt2.c_02 h2:after {
  background-color: #1BC0D8;
}

.cmshtml .cap-l-t2.clt2.c_03 h2:after {
  background-color: #C8DC54;
}

.cmshtml .cap-l-t2.clt2.c_04 h2:after {
  background-color: #15324D;
}

.cmshtml .cap-l-t2.clt3 h2 {
  padding: 0 0px 15px;
  position: relative;
  color: #212121;
}

.cmshtml .cap-l-t2.clt3 h2:after {
  margin: auto;
  content: "";
  width: 5em;
  height: 6px;
  background: #00A496;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  display: inline-block;
  z-index: 1;
}

.cmshtml .cap-l-t3 {
  margin-top: 60px;
  padding-bottom: 1em;
  border-bottom: 3px solid #00A496;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .cap-l-t3 h2 {
    font-size: 18px;
  }
}

.cmshtml .cap-l-t3 p {
  margin-top: 8px;
  font-size: 12px;
  color: #00A496;
}

.cmshtml .cap-m {
  margin: 40px auto 20px;
  position: relative;
  text-align: center;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .cap-m h3 {
    font-size: 18px;
  }
}

.cmshtml .cap-m.cm-1 {
  padding: 0.5em 1em;
  background-color: #fff;
}

.cmshtml .cap-m.cm-1 h3 {
  color: #00A496;
  text-align: left;
}

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

.cmshtml .cap-m.cm-2 h3 {
  border: none;
  padding: 0;
}

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

.cmshtml .cap-m.cm-3 h3 {
  position: relative;
  padding-left: 20px;
}

.cmshtml .cap-m.cm-3 h3:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 60%;
  width: 6px;
  background: #00A496;
}

.cmshtml .cap-m.cm-4 {
  text-align: left;
  background: #00A496;
}

.cmshtml .cap-m.cm-4 h3 {
  padding: 0.5em 1em;
  position: relative;
  color: #fff;
}

.cmshtml .cap-s {
  margin-left: auto;
  margin-right: auto;
}

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

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

.cmshtml .cap-s.cs-2 h4 {
  position: relative;
  padding-left: 14px;
}

.cmshtml .cap-s.cs-2 h4:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 6px;
  background: #00A496;
}

.cmshtml .cap-s.cs-3 h4 {
  padding: 6px 1em;
  background-color: #fff;
  color: #00A496;
}

.cmshtml .header-title {
  margin-top: 40px;
  margin-bottom: 120px;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  height: 24vw;
  min-height: 250px;
}

@media screen and (max-width: 680px) {
  .cmshtml .header-title {
    margin-bottom: 50px;
    background-size: 200%;
    background-size: cover;
    background-attachment: inherit;
  }
}

.cmshtml .header-title .bgimage {
  text-align: center;
  margin: auto;
  height: 100%;
  overflow: hidden;
}

.cmshtml .header-title .bgimage img {
  width: auto;
  height: 100%;
}

.cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox {
  margin: 15px auto 30px;
  padding: 0;
  position: relative;
  line-height: 2.2;
}

.cmshtml .boxwrap1.nrw, .cmshtml .nrw.boxwrap2, .cmshtml .nrw.boxwrap3, .cmshtml .nrw.to-buttonbox {
  padding: 0 10%;
}

@media screen and (max-width: 680px) {
  .cmshtml .boxwrap1.nrw, .cmshtml .nrw.boxwrap2, .cmshtml .nrw.boxwrap3, .cmshtml .nrw.to-buttonbox {
    padding: 0;
  }
}

.cmshtml .boxwrap2 {
  padding: 32px;
  border: 3px solid #CBD91A;
  background: #fff;
  line-height: 1.9;
  margin:0;
}

.cmshtml .boxwrap2.bg {
  background-color: #E1E5C6;
  border: 0;
}

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

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

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

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

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

.cmshtml .boxwrap-w {
  margin: 30px 0;
  padding: 0;
  position: relative;
  line-height: 1.9;
}

.cmshtml .boxwrap-w .cap-m {
  margin-top: 0;
}

.cmshtml .boxwrap-narrow {
  margin: 0 auto;
  max-width: 800px;
}

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml .imgfull {
    margin-bottom: 1vh;
  }
}

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml img.ir, .cmshtml img.il {
    width: 100%;
    height: auto;
    margin: 0 0 8px 0;
  }
}

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

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

.cmshtml .i1 .in-wrap, .cmshtml .i2 .in-wrap, .cmshtml .i3 .in-wrap, .cmshtml .i4 .in-wrap, .cmshtml .i5 .in-wrap {
  display: flex;
  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;
  padding: 0;
  text-align: center;
}

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

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

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

.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 .no-borderradius .i1 .in-wrap, .cmshtml .no-borderradius .i2 .in-wrap, .cmshtml .no-borderradius .i3 .in-wrap, .cmshtml .no-borderradius .i4 .in-wrap, .cmshtml .no-borderradius .i5 .in-wrap {
  margin-right: -2%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml inu
.i5 .in-wrap div .in-wrap .i5div {
    margin-right: 2%;
    margin-bottom: 8px;
    border: solid 1px #DDDDDD;
    padding: 24px;
    width: 49%;
  }
  .cmshtml inu
.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: 680px) {
  .cmshtml .i4 .in-wrap div {
    margin-right: 2%;
    margin-bottom: 8px;
    width: 49%;
  }
  .cmshtml .i4 .in-wrap div:nth-child(2n) {
    margin-right: 0;
  }
}

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

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

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

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

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

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

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

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

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

.cmshtml .submenu {
  margin: 4em auto;
  padding: 2%;
  background-color: #00A496;
}

.cmshtml .submenu .cap-s {
  margin: 2em auto 1em;
}

.cmshtml .submenu .cap-s h4 {
  color: #fff;
}

.cmshtml .submenu .show_more {
  position: relative;
}

.cmshtml .submenu .show_more:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  right: 0;
}

.cmshtml .submenu .show_more.active:after {
  transform: rotate(225deg);
}

.cmshtml .submenu .show_more + div.show_area {
  display: none;
}

.cmshtml .submenu ul {
  margin: 1em auto 30px;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .submenu ul li {
  width: 190px;
  margin: 0 2% 20px 0;
  text-align: center;
}

.cmshtml .submenu ul li:nth-child(5n) {
  margin-right: 0;
}

.cmshtml .submenu ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.6s;
}

.cmshtml .submenu ul li a:before {
  position: absolute;
  left: 20px;
}

.cmshtml .submenu ul li a:hover {
  background: #8FBAE0;
  color: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml .submenu ul li {
    width: auto;
  }
  .cmshtml .submenu ul li a:before {
    content: none;
  }
}

.cmshtml .dl-btn {
  padding-bottom: 6px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .dl-btn dt.date {
  width: 100px;
}

.cmshtml .dl-btn dd {
  width: calc(80% - 100px);
}

.cmshtml .dl-btn dd.lnk-btn {
  width: calc(20% - 100px);
}

.cmshtml .dl-btn dd.lnk-btn p a {
  padding: 5px 14px;
  text-decoration: none;
  background: #1BC0D8;
  color: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml .dl-btn dt.date {
    width: 100%;
  }
  .cmshtml .dl-btn dd, .cmshtml .dl-btn dd.lnk-btn {
    width: 100%;
  }
}

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

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th {
  padding: 16px 8px;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background: #E1E5C6;
  border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 680px) {
  .cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th {
    padding: 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 {
  background: #00A496;
  color: #fff;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .tb-box1 td, .cmshtml .tb-box1-2 td, .cmshtml .tb-box2 td, .cmshtml .tb-box3 td {
  padding: 16px;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background: #fff;
}

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

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

@media screen and (max-width: 680px) {
  .cmshtml .tb-box1 {
    width: 100%;
  }
  .cmshtml .tb-box1 tr {
    display: list-item;
    width: 100%;
  }
  .cmshtml .tb-box1 th, .cmshtml .tb-box1 td {
    display: block;
    width: 100%;
  }
}

.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-box3 th {
  width: 20%;
}

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

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

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

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

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

.cmshtml .dl-box1 dl dt {
  width: 25%;
  padding: 24px 2%;
  margin-right: 1%;
  color: #00A496;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.cmshtml .dl-box1 dl dt:after {
  position: absolute;
  top: -1px;
  left: 0;
  content: '';
  display: block;
  width: 20%;
  height: 1px;
  background: #00A496;
}

.cmshtml .dl-box1 dl dd {
  width: 80%;
  padding: 16px 1%;
  font-size: 15px;
}

.cmshtml .dl-box1.cl2 {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .dl-box1.cl2 dl {
  width: 48%;
  margin-right: 4%;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .dl-box1.cl2 dl {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .dl-box1 dl {
    display: block;
  }
  .cmshtml .dl-box1 dl dt, .cmshtml .dl-box1 dl dd {
    display: block;
    width: 100%;
  }
  .cmshtml .dl-box1 dl dt {
    padding-bottom: 0;
    text-align: left;
  }
  .cmshtml .dl-box1 dl dt:after {
    border-color: #DDDDDD;
  }
  .cmshtml .dl-box1 dl dd:after {
    border-color: #282828;
  }
}

.cmshtml #pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10000000;
}

.cmshtml #pagetop a {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
}

.cmshtml #pagetop a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -5px 0 0 -10px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  transform: rotate(-45deg);
  transition: all 0.6s ease;
}

.cmshtml #pagetop a:hover:before {
  top: 0;
}

@media screen and (max-width: 680px) {
  .cmshtml #pagetop {
    bottom: 2vw;
    right: 2vw;
  }
}

.cmshtml .to-buttonbox {
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}

.cmshtml .to-buttonbox .to-bt2 {
  margin-left: 2%;
}

@media screen and (max-width: 680px) {
  .cmshtml .to-buttonbox {
    display: flex;
    flex-direction: column-reverse;
  }
  .cmshtml .to-buttonbox .to-bt2 {
    float: none;
    margin: 0;
  }
}

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

.cmshtml .to-bt2 p a {
  display: inline-block;
  padding: 8px 20px 6px 40px;
  text-align: center;
  color: #212121;
  border: #DDDDDD 1px solid;
  border-radius: 2px;
  text-decoration: none;
  transition: all 0.6s;
  position: relative;
  background: #fff;
}

.cmshtml .to-bt2 p a:hover {
  background: #E1E5C6;
}

.cmshtml .to-bt2 p a[href*=".pdf"]:before {
  content: '';
  display: block;
  position: absolute;
}

.cmshtml .to-bt2 p a[href*=".pdf"]:before {
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 31px;
  height: 36px;
  background: url("../img/fix/icon-pdf-m.svg") no-repeat left center;
  background-size: 24px 24px;
}

.cmshtml .to-bt2 p a[href*=".doc"]:before {
  content: '';
  display: block;
  position: absolute;
}

.cmshtml .to-bt2 p a[href*=".doc"]:before {
  top: 0;
  left: 4px;
  bottom: 0;
  margin: auto;
  width: 31px;
  height: 36px;
  background: url("../img/fix/icon-word-m.svg") no-repeat left center;
  background-size: 24px 24px;
}

.cmshtml .to-bt2 p a[href*=".xls"]:before {
  content: '';
  display: block;
  position: absolute;
}

.cmshtml .to-bt2 p a[href*=".xls"]:before {
  top: 0;
  left: 4px;
  bottom: 0;
  margin: auto;
  width: 31px;
  height: 36px;
  background: url("../img/fix/icon-xcel-m.svg") no-repeat left center;
  background-size: 24px 24px;
}

.cmshtml .to-bt2 p a[href*=".xlsx"]:before {
  content: '';
  display: block;
  position: absolute;
}

.cmshtml .to-bt2 p a[href*=".xlsx"]:before {
  top: 0;
  left: 4px;
  width: 31px;
  height: 36px;
  background: url("../img/icon-xcel-m.svg") no-repeat left center;
  background-size: 24px 24px;
}

.cmshtml .qabox {
  margin: 40px auto;
  overflow: hidden;
}

.cmshtml .qabox dl {
  margin: 0 0 30px;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
    font-size: 28px;
  }
}

.cmshtml .qabox dl dt {
  color: #00A496;
  margin-bottom: 10px;
  padding: 15px 0 10px 45px;
  font-weight: 700;
  position: relative;
  font-size: 18px;
}

@media screen and (max-width: 680px) {
  .cmshtml .qabox dl dt {
    font-size: 15px;
  }
}

.cmshtml .qabox dl dt:before {
  font-family: 'Arial';
  content: 'Q.';
  font-weight: 300;
  left: 10px;
}

.cmshtml .containerbox .qabox dl {
  padding: 0;
}

.cmshtml .show_more {
  cursor: pointer;
}

.cmshtml .show_more dd, .cmshtml .show_more ul {
  display: none;
}


.cmshtml .stepbox {
  padding: 0;
}

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

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

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

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

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

.cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
  font-family: 'Noto Serif JP',"游ゴシック", serif;
  padding-top: 15px;
  width: 80px;
  height: 80px;
  color: #fff;
  background: #00A496;
  line-height: 1.3;
  font-size: 26px;
}

.cmshtml .stepbox li .left h2 .step, .cmshtml .stepbox li .il h2 .step {
  font-family: 'Noto Serif JP',"游ゴシック", serif;
  font-size: 13px;
  display: block;
}

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

.cmshtml .stepbox li .imgbox {
  width: 40%;
}

.cmshtml .stepbox li .imgbox img {
  max-width: 100%;
  height: auto;
  padding-left: 40px;
}

.cmshtml .stepbox .right, .cmshtml .stepbox li .ir {
  width: 50%;
}

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

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

@media screen and (max-width: 680px) {
  .cmshtml .stepbox li .right h3, .cmshtml .stepbox li .ir h3 {
    font-size: 16px;
  }
}

.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: 680px) {
  .cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
    width: auto;
    height: auto;
    padding: 0;
  }
  .cmshtml .stepbox li .left h2 .step, .cmshtml .stepbox li .il h2 .step {
    display: none;
  }
  .cmshtml .stepbox li .right, .cmshtml .stepbox li .ir {
    width: 100%;
    padding-left: 5%;
  }
  .cmshtml .stepbox li:after {
    left: 5%;
  }
}

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

.cmshtml .block-listed p{
  position: relative;
}

.cmshtml .block-listed p:before, .cmshtml .block-listed dl:before {
  width: 14px;
  height: 14px;
  background: rgba(0, 164, 150, 0.99);
  top: 0;
  bottom: 0;
  margin-right: auto;
}

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

.cmshtml .block-listed dl {
  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: 680px) {
  .cmshtml .block-listed dl {
    display: block;
  }
  .cmshtml .block-listed dl dt {
    display: block;
  }
  .cmshtml .block-listed dl dd {
    display: inline;
  }
}

.cmshtml .sub-box {
  border-top: 1px solid #DDDDDD;
  position: relative;
}

.cmshtml .sub-box:before {
  content: "";
  width: 10%;
  height: 1px;
  background: #CBD91A;
  position: absolute;
  top: -1px;
  left: 0;
}

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

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

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

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

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

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

.cmshtml .sub-box-wide .img img:first-child {
  margin-right: 10px;
}

@media screen and (max-width: 680px) {
  .cmshtml .sub-box-wide .img.img-twins {
    display: block;
    width: 100%;
  }
}

.cmshtml .sub-box-wide .txt-area {
  width: 60%;
}

.cmshtml .sub-box-wide .cap-m {
  margin-top: 10px;
}

.cmshtml .sub-box-wide h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  color: #00A496;
  border-bottom: 1px solid #00A496;
}

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml .sub-box-wide {
    flex-direction: column;
  }
  .cmshtml .sub-box-wide.txt-left {
    flex-direction: column-reverse;
  }
  .cmshtml .sub-box-wide .img {
    width: 100%;
  }
  .cmshtml .sub-box-wide .img img:first-child {
    margin-right: 0;
  }
  .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 .form {
  padding: 60px 5vh;
  background: white;
}

@media screen and (max-width: 680px) {
  .cmshtml .form {
    padding: 0;
  }
}

.cmshtml .form .contact_item_table {
  margin: 0 auto;
  max-width: 1080px;
  border: 0;
  display: flex;
  flex-wrap: wrap;
}

.cmshtml .form .contact_item_table dt {
  padding: 15px 15px 0 15px;
  text-align: left;
  background: #fff;
  border: 0;
  position: relative;
  font-weight: bold;
}

.cmshtml .form .contact_item_table dd {
  border: 0;
  padding: 15px 15px 20px 15px;
  background: #fff;
}

.cmshtml .form .contact_item_table dd p {
  margin-bottom: 10px;
}

.cmshtml .form .contact_item_table dd.contact_item_input input[type=text], .cmshtml .form .contact_item_table dd.contact_item_input input[type=tel], .cmshtml .form .contact_item_table dd.contact_item_input input[type=email], .cmshtml .form .contact_item_table dd.contact_item_input input[type=date] {
  margin-bottom: 10px;
  padding: 15px;
  background: #fff;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
}

.cmshtml .form .contact_item_table dd.contact_item_input input[type=text]:focus, .cmshtml .form .contact_item_table dd.contact_item_input input[type=tel]:focus, .cmshtml .form .contact_item_table dd.contact_item_input input[type=email]:focus, .cmshtml .form .contact_item_table dd.contact_item_input input[type=date]:focus {
  outline: none;
  border: 1px solid #DDDDDD;
  background: #fff;
}

.cmshtml .form dl.contact_item_inside_table {
  border: 0;
}

.cmshtml .form dl.contact_item_inside_table dt {
  width: 20%;
}

@media screen and (max-width: 680px) {
  .cmshtml .form dl.contact_item_inside_table dt {
    width: 100%;
  }
}

.cmshtml .form dd.contact_item_inside_input {
  width: 80%;
  padding-bottom: 0;
}

@media screen and (max-width: 680px) {
  .cmshtml .form dd.contact_item_inside_input {
    width: 100%;
  }
}

.cmshtml .form .contact_btn_area input, .cmshtml .form .contact_btn_area button, .cmshtml .form .contact_btn_area txtarea {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  background: #E1E5C6;
  color: #00A496;
  border: 2px solid #DDDDDD;
  font-weight: bold;
  cursor: pointer;
}

.cmshtml .form .contact_btn_area .contact_btn_submit,
.cmshtml .form .contact_btn_area .contact_btn_back {
  margin: 0 auto 1px;
  padding: 1em 3em;
  display: block;
}

.cmshtml .form .contact_btn_area .contact_btn_submit {
  margin-bottom: 1em;
  padding: 20px 3em;
  border: none;
  background: #666;
  color: #fff;
  letter-spacing: 0.3em;
  font-weight: bold;
  transition: all 0.3s;
}

.cmshtml .form .contact_btn_area .contact_btn_back {
  margin-bottom: 1em;
  padding: 1em 3em;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  letter-spacing: 0.3em;
  transition: all 0.3s;
}

.cmshtml .form .contact_btn_area .contact_btn_submit:hover,
.cmshtml .form .contact_btn_area #reset:hover,
.cmshtml .form .contact_btn_area .contact_btn_back:hover {
  background: #00A496;
  cursor: pointer;
  color: #fff;
}

.cmshtml .hissu {
  display: inline-block;
  padding: 1px 4px;
  background-color: #F70104;
  color: #fff;
  font-size: 12px;
  margin: 0 1em;
}

.cmshtml .small {
  font-size: 14px;
}

.cmshtml a[href^="tel:"] {
  text-decoration: none;
  color: inherit;
}

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

.cmshtml .wrap-fc {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.cmshtml .md-fc {
  width: 48%;
  margin-right: 4%;
  background-color: #fff;
  border-radius: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}

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

.cmshtml .md-fc .fname {
  padding: 1em;
  text-align: center;
}

.cmshtml .md-fc .fname img {
  max-height: 100%;
  height: 60px;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
}

.cmshtml .md-fc .img {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.cmshtml .md-fc .img:before {
  content: "";
  display: block;
  padding-top: 55%;
  /* 高さを幅の75%に固定 */
}

.cmshtml .md-fc .img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.cmshtml .md-fc .add {
  padding: 2em 2em 0;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .md-fc .add dt {
  width: 4em;
}

.cmshtml .md-fc .add dd {
  width: calc(100% - 4em);
}

.cmshtml .md-fc .bt-more {
  margin: 2em;
}

.cmshtml .md-fc .bt-more p {
  display: block;
  text-align: center;
}

@media screen and (max-width: 680px) {
  .cmshtml .md-fc {
    width: 100%;
    margin-right: 0;
  }
}

.cmshtml .info {
  height: 300px;
  overflow: auto;
  position: relative;
}

.cmshtml .info .rdplanetext2 .rdplanetext2_inner{
  display:flex;
  flex-flow:row wrap;
}

.cmshtml .info .rdplanetext2 dt{
  width: 80px;
  color: #00A496;
  font-weight:700;
}

.cmshtml .info .rdplanetext2 dd{
  width: calc(100% - 80px);
  text-align: left;
  margin-right: 0;
  padding-left: 15px;
  font-size: clamp(16px, 5vw, 18px);
  font-weight:700;
}

.cmshtml .info .rdplanetext.txt{
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom:1px dotted #CCC;
}


.cmshtml .boxwrap1.youtube, .cmshtml .youtube.boxwrap2, .cmshtml .youtube.boxwrap3, .cmshtml .youtube.to-buttonbox {
  text-align: center;
}

.cmshtml .boxwrap1.youtube iframe, .cmshtml .youtube.boxwrap2 iframe, .cmshtml .youtube.boxwrap3 iframe, .cmshtml .youtube.to-buttonbox iframe {
  max-width: 100%;
}

.cmshtml .wrap-int {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.cmshtml .md-int {
  padding: 2em;
  width: 31.5%;
  margin-right: 2%;
  background-color: #fff;
  border-radius: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}

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

.cmshtml .md-int .ttl {
  margin-top: 1em;
  text-align: center;
  font-weight: bold;
  color: #00A496;
}

.cmshtml .md-int .ttl a {
  text-decoration: none;
}

.cmshtml .md-int .img {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.cmshtml .md-int .img:before {
  content: "";
  display: block;
  padding-top: 75%;
  /* 高さを幅の75%に固定 */
}

.cmshtml .md-int .img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 680px) {
  .cmshtml .md-int {
    width: 100%;
    margin-right: 0;
  }
}

.cmshtml .ttl-wrap-int {
  margin: 3em auto 0;
  background-color: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.cmshtml .ttl-wrap-int .name {
  width: 30%;
  color: #fff;
  padding: 2em;
  background: #1BC0D8;
}

.cmshtml .ttl-wrap-int .words {
  width: 70%;
  padding: 0 2em;
  color: #1BC0D8;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 680px) {
  .cmshtml .ttl-wrap-int .words {
    font-size: 22px;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .ttl-wrap-int .name {
    width: 100%;
  }
  .cmshtml .ttl-wrap-int .words {
    padding: 2em;
    width: 100%;
  }
}

.cmshtml .wrap-bf-af {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wrap-bf-af .bf, .cmshtml .wrap-bf-af .af {
  width: 45%;
  text-align: center;
}

.cmshtml .wrap-bf-af .bf img, .cmshtml .wrap-bf-af .af img {
  max-width: 100%;
  height: auto;
}

.cmshtml .wrap-bf-af .bf p, .cmshtml .wrap-bf-af .af p {
  font-family: 'Noto Serif JP',"游ゴシック", serif;
  padding: 5px 10px;
  margin-bottom: 1em;
}

.cmshtml .wrap-bf-af .bf p {
  border: 1px solid rgba(21, 50, 77, 0.5);
  color: #15324D;
}

.cmshtml .wrap-bf-af .af p {
  background: #15324D;
  color: #fff;
}

.cmshtml .wrap-bf-af .al {
  width: 10%;
  height: 100%;
  position: relative;
  align-self: center;
}

.cmshtml .wrap-bf-af .al:before {
  content: "";
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: auto;
  border: 28px solid transparent;
  border-left: 28px solid #00A496;
  margin-left: -14px;
}

.cmshtml .box-contact {
  max-width: 600px;
  border-top: 3px solid #00a496;
  border-bottom: 3px solid #00a496;
  padding: 2em 2em;
  text-align: center;
}

.cmshtml .box-contact .tel {
  font-size: 40px;
  font-weight: bold;
}

@media screen and (max-width: 680px) {
  .cmshtml .box-contact {
    padding: 20px;
  }
  .cmshtml .box-contact .inner p {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2px;
    font-size: 15px;
  }
  .cmshtml .box-contact .inner .renrakusaki {
    width: 100%;
  }
}

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

.cmsbody.recruit-page #title-wrap,
.cmsbody.recruit-page .title-navi {
  background-color: rgba(27, 192, 216, 0.76);
}

.cmsbody.recruit-page .cap-m.cm-1 h3 {
  color: #1BC0D8;
}

.cmsbody.recruit-page .cap-m.cm-3 h3:before {
  background-color: #1BC0D8;
}

#editView .cmshtml {
  margin: 0 auto;
}

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

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

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

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

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

#editView .cmshtml [data-aos^=fade][data-aos^=fade] {
  opacity: 1;
}

#editView .cmshtml .drawer-dropdown-menu {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
}

#editView .cmshtml .drawer-dropdown-menu > div {
  display: block;
}

#editView .cmshtml .section_secondary article a {
  position: relative;
}

#editView .cmshtml .img-linkbox figcaption a:after {
  position: static;
}

#editView .cmshtml [data-aos^=fade-up] {
  transform: none;
}

#editView .cmshtml .section-lead {
  margin-top: 100px;
}

#editView .cmshtml .section-lead .wrap-lead-img {
  height: 535px;
}

#editView .cmshtml .section-recruit .wrap-lead-img {
  width: 90%;
  display: flex;
  flex-flow: nowrap;
}

#editView .cmshtml .show_more + div.show_area {
  display: block;
}

.cmshtml .wcselect_400211824501 #topslide {
  width: 100%;
  margin: 0 auto;
  height: 554px;
  overflow-x: scroll;
}

.cmshtml .wcselect_400211824501 #topslide .sp-slide {
  position: relative;
}

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

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

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

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

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

.cmshtml .wcselect_400211824501 #header.fixed {
  position: relative;
}

.cmshtml .wcselect_400211824501 .drawer-dropdown-menu {
  display: inline-block;
  position: relative;
  top: 60px;
  left: 0;
  width: auto;
}

.cmshtml .wcselect_400211824501 .drawer-dropdown-menu > div {
  display: block;
}

.cmshtml .wcselect_400211824501 .wrap-business > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.cmshtml .wcselect_400211824501 .submenu ul > div {
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_400211824501 .title-navi ul > div,
.cmshtml .wcselect_400211824501 #footer .flink > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.cmshtml .wcselect_400211824501 [data-aos^=fade][data-aos^=fade] {
  opacity: 1;
}

.cmshtml .wcselect_400211824501 [data-aos^=fade-up] {
  transform: none;
}

.cmshtml .wcselect_400211824501 .section-banners ul > div {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.cmshtml .wcselect_400211824501 .flink ul > div {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wcselect_400211824501 .show_more + div.show_area {
  display: block;
}

.cmshtml .wcselect_400211824501 .wrap-int > div {
  display: flex;
  width: 100%;
}

#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 .sp-slide {
  width: 100%;
  position: relative;
}

#editView .cmshtml .md-bosyu .bosyu-cont {
  display: block;
}

#editView .cmshtml [data-aos^=fade][data-aos^=fade] {
  opacity: 1;
}

#editView .cmshtml .drawer-dropdown {
  position: relative;
}

#editView .cmshtml .drawer-dropdown:before {
  content: "（dropdownあり）";
  font-size: 12px;
  position: relative;
  top: 0;
  left: 0;
}

#editView .cmshtml .img-linkbox {
  width: 250px;
}

.cmshtml .wc_anctxt {
  margin-top: -180px;
  padding-top: 180px;
  display: inline-block;
}

.cmshtml .wc_anctxt img {
  width: inherit !important;
  height: inherit  !important;
}

@media all and (-ms-high-contrast: none) {
  .cmshtml {
    /* IE11 */
  }
  .cmshtml *::-ms-backdrop, .cmshtml #title-wrap .imgwrap img {
    height: auto;
  }
}








































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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .stepbox .left h2:before{
  content: "STEP";
  color:#fff;
  display:block;
  font-size:12px;
  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 {
   font-size: clamp(26px, 5vw, 38px);
}

.cmshtml .cmsbody .rdplanetitle h3 {
    padding: 0.2em 1em;
    background-color: #fff;
    color: #00A496;
    font-size: clamp(22px, 5vw, 26px);
    font-weight:700;
}

.cmshtml .cmsbody .rdplanetitle h4 {
    padding: 0.5em 1em;
    color: #fff;
    font-size: clamp(18px, 5vw, 24px);
    background: #00A496;
}

.cmshtml .cmsbody .rdplanetitle h5 {
  font-size: clamp(18px, 5vw, 24px);
  font-weight:700;
  padding-left:20px;
  position: relative;
}

.cmshtml .cmsbody .rdplanetitle h5:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 60%;
    width: 6px;
    background: #00A496;
}

.cmshtml .cmsbody .rdplanetitle h6 {
    font-weight: 700;
    font-size: clamp(16px, 5vw, 18px);
}

.cmshtml .cmsbody .rdplanetext2.daytitle{
    padding-bottom: 1em;
    border-bottom: 3px solid #00A496;
}

.cmshtml .cmsbody .rdplanetext2.daytitle dt{
    font-weight: 700;
    font-size: clamp(12px, 5vw, 14px);
    color: #00A496;
}
.cmshtml .cmsbody .rdplanetext2.daytitle dd{
    font-weight: 700;
    font-size: clamp(18px, 5vw, 20px);
}


/* ================================
   ブログ追記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;
  color: #0e5f5a;
  font-size:1rem;
}

/* カテゴリ */
.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;
}

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


/* メールフォーム表示 */
.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 .cmshtml #header {
    display:none;
}

#editView.showhideElement .cmshtml #header {
    position: relative;
    height: 100%;
    display:block;
}

#editView .cmshtml #page {
    padding-left: 0;
    width:90%;
    margin: 0 auto;
}

#editView .h_nav__list .dd{
  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 .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;
  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%;
  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 .section-news #info {
    padding-top: 20px !important;
}
#editView .cmshtml .news_dl dd.txt {
    width: 100%;
}

#editView .cmshtml .section-recruit {
    flex-flow: row nowrap;
    padding: 0 0 40px;
}

#editView .cmshtml .section-lead .wrap-lead-img .imgbox {
    position: relative;
    top: 0;
    z-index: 0;
    height: calc(100% - 120px);
    width: 60%;
}

#editView .cmshtml .section-recruit .wrap-lead-txt {
    width: 400px;
    padding-top: 120px;
}

#editView .cmshtml .section-recruit .wrap-lead-img .imgbox01 {
    width: 100%;
}

#editView .cmshtml .section-recruit .wrap-lead-img .imgbox02 {
    transform: none;
    width: 100%;
}




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

#editView .cmshtml .md-fc {
    width: 100%;
    margin-right: 2%;
}

#editView .cmshtml .wrap-fc > div{
    width: 50%;
}

#editView .cmshtml .md-fc .add {
    display: block;
}

#editView .cmshtml .md-fc .img img {
    position: relative;
}

#editView .cmshtml .md-fc .img:before {
    padding-top: 0;
}

#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 .lg img{
  width:100%;
  height:auto;
}

#editView .cmshtml #title-wrap {
    display: flex;
    flex-flow: row-reverse;
}
#editView .cmshtml #title-wrap .imgwrap {
    width: 100%;
    max-height: 400px;
    height: 90%;
    overflow: hidden;
    position: relative;
}

#editView .cmshtml #title {
    min-width: 400px;
}

#editView .cmshtml #title .txt {
    width: 100%;
}


#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: #fff;
    padding: 20px;
    width: 95px;
    text-align: center;
    margin-right: 20px;
    background: #00A496;
}

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

#editView .cmshtml .stepbox .right, #editView .cmshtml .stepbox li .ir {
    width: 100%;
}

#editView .cmshtml .wrap-int > div{
  width:33%;
}

#editView .cmshtml .md-int {
    width: 100%;
}

#editView .cmshtml .md-int .img img {
    position: relative;
}

#editView .cmshtml .md-int .img:before {
    padding-top: 0;
}
#editView .cmshtml .ttl-wrap-int .name {
    width: 100%;
}
#editView .cmshtml .ttl-wrap-int .words {
    width: 100%;
}