@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");


.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 #section_pageHeader, .cmshtml .pageHeader, .cmshtml #main, .cmshtml #footer, .cmshtml #title, .cmshtml .title-navi, .cmshtml .section_primary, .cmshtml .section_primary .wrap-lead-area, .cmshtml .wrap-bn-area, .cmshtml .section-news, .cmshtml .section-banner, .cmshtml .wrap-torikumi, .cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml .title-navi .pagenavi, .cmshtml .pagenav, .cmshtml .container .bt-more, .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 .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .block-listed, .cmshtml .wrap-download, .cmshtml .wrap-event, .cmshtml .box-hiroba, .cmshtml #header, .cmshtml .cap-l-t2 h2, .cmshtml .boxwrap-w, .cmshtml .imgfull, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .stepbox li, #editView .cmshtml li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml #section_pageHeader:before, .cmshtml .pageHeader:before, .cmshtml #main:before, .cmshtml #footer:before, .cmshtml #title:before, .cmshtml .title-navi:before, .cmshtml .section_primary:before, .cmshtml .section_primary .wrap-lead-area:before, .cmshtml .wrap-bn-area:before, .cmshtml .section-news:before, .cmshtml .section-banner:before, .cmshtml .wrap-torikumi:before, .cmshtml #wrap-container:before, .cmshtml .inner:before, .cmshtml #title h2:before, .cmshtml .title-navi .pagenavi:before, .cmshtml .pagenav:before, .cmshtml .container .bt-more: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 .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .line-hr:before, .cmshtml .dibox:before, .cmshtml .dl-box1:before, .cmshtml .qabox:before, .cmshtml .stepbox:before, .cmshtml .block-listed:before, .cmshtml .wrap-download:before, .cmshtml .wrap-event:before, .cmshtml .box-hiroba:before, .cmshtml #header:before, .cmshtml .cap-l-t2 h2:before, .cmshtml .boxwrap-w:before, .cmshtml .imgfull:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .stepbox li:before, #editView .cmshtml li:before, .cmshtml .cf:after, .cmshtml #section_pageHeader:after, .cmshtml .pageHeader:after, .cmshtml #main:after, .cmshtml #footer:after, .cmshtml #title:after, .cmshtml .title-navi:after, .cmshtml .section_primary:after, .cmshtml .section_primary .wrap-lead-area:after, .cmshtml .wrap-bn-area:after, .cmshtml .section-news:after, .cmshtml .section-banner:after, .cmshtml .wrap-torikumi:after, .cmshtml #wrap-container:after, .cmshtml .inner:after, .cmshtml #title h2:after, .cmshtml .title-navi .pagenavi:after, .cmshtml .pagenav:after, .cmshtml .container .bt-more: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 .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .block-listed:after, .cmshtml .wrap-download:after, .cmshtml .wrap-event:after, .cmshtml .box-hiroba:after, .cmshtml #header:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, #editView .cmshtml li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml #section_pageHeader:after, .cmshtml .pageHeader:after, .cmshtml #main:after, .cmshtml #footer:after, .cmshtml #title:after, .cmshtml .title-navi:after, .cmshtml .section_primary:after, .cmshtml .section_primary .wrap-lead-area:after, .cmshtml .wrap-bn-area:after, .cmshtml .section-news:after, .cmshtml .section-banner:after, .cmshtml .wrap-torikumi:after, .cmshtml #wrap-container:after, .cmshtml .inner:after, .cmshtml #title h2:after, .cmshtml .title-navi .pagenavi:after, .cmshtml .pagenav:after, .cmshtml .container .bt-more: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 .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .block-listed:after, .cmshtml .wrap-download:after, .cmshtml .wrap-event:after, .cmshtml .box-hiroba:after, .cmshtml #header:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, #editView .cmshtml li:after {
  clear: both;
}

.cmshtml .arrow, .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 .title-navi .pagenavi li a:after, .cmshtml .block-listed p:after, .cmshtml .block-listed dl:after {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

.cmshtml .shadow {
  content: "";
  width: 100%;
  height: 7px;
  background: linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

.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 dt, .cmshtml dd, .cmshtml ul, .cmshtml ol, .cmshtml li, .cmshtml pre, .cmshtml form, .cmshtml input, .cmshtml textarea, .cmshtml small, .cmshtml address, .cmshtml aside, .cmshtml blockquote, .cmshtml th, .cmshtml td {
  font-family: "游ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ",Meiryo,'Roboto',Helvetica Neue, Helvetica,YuGothic;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0;
  box-sizing: border-box;
}

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

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

.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 #section_pageHeader, .cmshtml .pageHeader, .cmshtml #main, .cmshtml #footer, .cmshtml #title, .cmshtml .title-navi, .cmshtml .section_primary, .cmshtml .section_primary .wrap-lead-area, .cmshtml .wrap-bn-area, .cmshtml .section-news, .cmshtml .section-banner, .cmshtml .wrap-torikumi {
  margin: 0;
  padding: 0;
  position: relative;
}

.cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml .title-navi .pagenavi, .cmshtml .pagenav, .cmshtml .container .bt-more, .cmshtml .to_bt, .cmshtml .wrap-bn-area, .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 .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .block-listed, .cmshtml .wrap-download, .cmshtml .wrap-event, .cmshtml .box-hiroba {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1080px) {
  .cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml .title-navi .pagenavi, .cmshtml .pagenav, .cmshtml .container .bt-more, .cmshtml .to_bt, .cmshtml .wrap-bn-area, .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 .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .block-listed, .cmshtml .wrap-download, .cmshtml .wrap-event, .cmshtml .box-hiroba {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

.cmshtml #header {
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1096px) {
  .cmshtml #header {
    height: 137px;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml #header {
    height: 90px;
  }
}

.cmshtml .shopframe #header {
  z-index: 2;
}

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

.cmshtml #section_pageHeader {
  position: relative;
  z-index: 0;
}

.cmshtml #section_pageHeader #catch {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  text-align: center;
  z-index: 2;
}

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

@media screen and (max-width: 680px) {
  .cmshtml #section_pageHeader #catch {
    padding: 0 5%;
  }
}

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

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

.cmshtml #footer {
  padding: 3vw 5%;
}

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

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

.cmshtml a:hover {
  color: #0E5F5A;
}

.cmsbody {
  background-color: #F5FAF9;
}

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

.cmshtml h1#logo {
  position: absolute;
  left: 5%;
  width: 190px;
  z-index: 10;
  overflow: hidden;
  box-sizing: content-box;
  margin: 0;
}

@media screen and (max-width: 680px) {
  .cmshtml h1#logo {
    max-width: 190px;
    left: 5%;
    z-index: 0;
    margin: 0 auto;
  }
}

.cmshtml h1#logo a {
  margin-top: 41px;
  padding-top: 54px;
  display: block;
  background: url(../img/logo.png) no-repeat 50% 100%;
  width: 190px;
  height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -200em;
  font-size: 14px;
  z-index: 3;
  overflow: hidden;
}

@media screen and (max-width: 680px) {
  .cmshtml h1#logo a {
    margin-top: 30px;
    max-width: 190px;
    z-index: 1;
    padding-top: 39px;
    background-position: 0 100%;
    background-size: contain;
  }
}

.cmshtml .content-page h1#logo {
  margin: auto;
}

.cmshtml .content-page h1#logo a {
  margin-top: 40px;
}

@media screen and (max-width: 1096px) {
  .cmshtml .content-page h1#logo {
    position: relative;
  }
}

.cmshtml #navbar {
  z-index: 2;
}

.cmshtml .globalmenu {
  margin-left: 380px;
  width: calc(100% - 380px);
  padding: 0px 0 0;
}

.cmshtml .globalmenu .hnav {
  position: absolute;
  top: 10px;
  right: 5%;
  text-align: right;
}

#editView .cmshtml .cmsbody .globalmenu .hnav {
    position: absolute !important;
    top: -40px;
    right: 5%;
    text-align: right;
    display: flex;
}

.cmshtml .globalmenu .hnav li {
  margin-right: 1.5vw;
  font-size: 14px;
  padding: 0;
  display: inline-block;
}

.cmshtml .globalmenu .hnav li a {
  text-decoration: none;
  padding: 0 0 0 10px;
  position: relative;
  display: block;
  height: auto;
}

.cmshtml .globalmenu .hnav li a:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 20px;
  background-color: rgba(14, 95, 90, 0.63);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.cmshtml .globalmenu .hnav li.tel {
  font-family: 'Roboto',"游ゴシック", sans-serif;
  font-weight: bold;
  color: #0E5F5A;
}

.cmshtml .globalmenu .hnav li.tel a {
  padding: 0;
}

.cmshtml .globalmenu .hnav li.tel a:before {
  content: none;
}

.cmshtml .globalmenu .hnav li.tel .hour {
  display: inline-block;
  font-size: 14px;
}

.cmshtml .globalmenu .hnav li.tel a {
  font-size: 16px;
  display: inline;
  font-weight: bold;
}

@media screen and (max-width: 1096px) {
  .cmshtml .globalmenu .hnav {
    margin-top: 2em;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    padding: 0 5%;
  }
  .cmshtml .globalmenu .hnav li {
    width: 100%;
    margin: 0 0 1em 0;
    text-align: center;
  }
  .cmshtml .globalmenu .hnav li.mail {
    margin: 0;
    padding: 10px;
  }
}

.cmshtml #navigation {
  padding-top: 51px;
  margin: 0 5% 0 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

.cmshtml #navigation li {
  transition: all 0.3s linear;
  text-align: center;
  line-height: 20px;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 17px;
  font-weight: bold;
  margin-right: 2vw;
}

@media screen and (max-width: 680px) {
  .cmshtml #navigation li {
    font-size: 15px;
  }
}

.cmshtml #navigation li a {
  padding: 30px 0;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

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

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

.cmshtml #navigation li a:hover {
  transform: translateY(-5px);
}

@media screen and (max-width: 1096px) {
  .cmshtml #navigation {
    display: block;
    height: auto;
    padding-top: 20px;
    margin: 0;
  }
  .cmshtml #navigation li {
    height: auto;
    width: 100%;
  }
  .cmshtml #navigation li:nth-child(2), .cmshtml #navigation li:nth-child(3), .cmshtml #navigation li:nth-child(4), .cmshtml #navigation li:nth-child(5) {
    transform: none;
  }
  .cmshtml #navigation li a {
    padding: 10px 0;
    display: block;
    background: none !important;
  }
  .cmshtml #navigation li a:before {
    content: none;
  }
}

@media screen and (max-width: 1260px) {
  .cmshtml #navigation {
    overflow: hidden;
  }
}

.cmshtml .content-page .bn-recruit {
  top: 12px;
}

.cmshtml #section_pageHeader {
  margin: 0 auto;
  position: relative;
}

.cmshtml #slide-wrap {
  position: relative;
  width: 100%;
}

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

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

@media screen and (max-width: 1080px) {
  .cmshtml #slide-wrap.swiper-container .swiper-slide {
    min-width: 0;
  }
}

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

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

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

.cmshtml #slide-wrap .swiper-pagination-bullet-active {
  background-color: rgba(14, 95, 90, 0.9);
}

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

.cmshtml #footer {
  clear: both;
  position: relative;
  background: #0E5F5A;
}

.cmshtml #footer * {
  color: #fff;
}

.cmshtml #footer .info {
  width: 100%;
  box-sizing: content-box;
  text-align: center;
  font-size: 16px;
}

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

.cmshtml #footer .info .f-logo {
  margin: 1em 0 1.6em;
}

.cmshtml #footer address {
  font-style: normal;
  font-size: 16px;
}

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

@media screen and (max-width: 1096px) {
  .cmshtml #footer {
    flex-flow: row wrap;
  }
  .cmshtml #footer .info {
    max-width: none;
    text-align: center;
  }
}

.cmshtml #copy {
  margin: 1em 5%;
  clear: both;
  font-size: 13px;
  display: block;
  text-align: center;
}

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

.cmshtml .content-page #footer #copy {
  padding: 2em;
  text-align: center;
  width: 100%;
}

.cmshtml .gmap {
  height: 60vh;
}

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

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

.cmshtml #title-wrap {
  position: relative;
  overflow: hidden;
  background: #0E5F5A;
  max-height: 394px;
  z-index: 1;
}

.cmshtml #title-wrap .imgwrap {
  width: 50%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  background: #DCEDEA;
}

.cmshtml #title-wrap .imgwrap img {
  width: 100%;
  min-width: 745px;
  height: auto;
}

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

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

.cmshtml #title {
  padding: 20vh 0 20vh;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1096px) {
  .cmshtml #title {
    padding-left: 5%;
    margin-bottom: 0;
  }
}

.cmshtml #title h2 {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  margin: 0 auto 0;
  font-size: 32px;
  font-weight: 600;
  position: relative;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
  text-shadow: 0px 0px 4px #0e5f5a;
}

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

.cmshtml #title.fc-cap p {
  font-size: 14px;
  font-weight: bold;
  color: #0C0C1E;
}

@media screen and (max-width: 680px) {
  .cmshtml #title.fc-cap p {
    font-size: 12px;
  }
}

.cmshtml #title.fc-cap h2 {
  color: #0C0C1E;
}

@media screen and (max-width: 680px) {
  .cmshtml #title {
    padding: 60px 0 0;
  }
  .cmshtml #title h2 {
    font-size: 20px;
  }
}

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

.cmshtml .title-navi {
  background-color: #fff;
  padding: 2vh 0 0;
}

.cmshtml .title-navi .pagenavi {
  padding: 0;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cmshtml .title-navi .pagenavi li {
  -ms-flex: 1 1 10%;
  flex: 0 0 auto;
  margin-right: 16px;
  margin-bottom: 10px;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.cmshtml .title-navi .pagenavi li a {
  font-size: 15px;
  padding: 8px 24px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  display: block;
  color: #0E5F5A;
  text-align: center;
  background: #fff;
  border-radius: 50px;
}

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

.cmshtml .title-navi .pagenavi li a:hover {
  transform: translateY(3px);
  box-shadow: none;
}

.cmshtml .title-navi .pagenavi li a:before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #0E5F5A;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .title-navi .pagenavi li a:after {
  left: 3px;
  top: 4px;
  border-left-color: #fff;
  transform: rotate(90deg);
}

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

@media screen and (max-width: 1080px) {
  .cmshtml .title-navi {
    padding-left: 2%;
    padding-right: 2%;
  }
  .cmshtml .title-navi .pagenavi li {
    margin-right: 0;
  }
}

.cmshtml .pagenav {
  padding-top: 5px;
  box-sizing: border-box;
}

.cmshtml .pagenav ul {
  text-align: right;
}

.cmshtml .pagenav ul li {
  font-size: 13px;
  padding-right: 15px;
  position: relative;
  display: inline-block;
}

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

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

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

.cmshtml .container {
  margin: 0 auto;
  padding: 30px 0 30px;
  max-width: 1080px;
}

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

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

.cmshtml #topContainer {
  padding: 0;
}

.cmshtml #topContainer > div:first-child {
  margin-top: 70px;
}

.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;
  box-sizing: border-box;
}

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

.cmshtml .bt-more p {
  display: inline-block;
  position: relative;
}

.cmshtml .bt-more p:hover:after {
  width: 100%;
}

.cmshtml .bt-more p a {
  padding: 16px 60px 16px 60px;
  display: block;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  transition: all 0.3s ease;
  color: #0E5F5A;
  background-color: #fff;
  border: 1px solid #0E5F5A;
}

.cmshtml .bt-more p:hover a {
  color: #000;
}

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

.cmshtml .to_bt a {
  padding: 15px 60px;
  display: inline-block;
  background: #FFD237;
  border-radius: 70px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  box-shadow: 4px 3px 0 rgba(223, 120, 77, 0.9);
}

.cmshtml .to_bt a:hover {
  box-shadow: none;
  transform: translate(2px, 2px);
}

@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: #DF784D;
  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 .en {
  font-family: 'Roboto',"游ゴシック", sans-serif;
  letter-spacing: 1.2px;
}

.cmshtml .section_primary {
  margin: 0 auto 0;
  padding: 10vh 0 40px;
  position: relative;
}

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

.cmshtml .section_primary .wrap-lead-area {
  max-width: 1390px;
  margin: 2vh auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.cmshtml .section_primary .lead-title {
  text-align: center;
}

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

.cmshtml .section_primary .lead-title h2 {
  margin-bottom: 20px;
}

.cmshtml .section_primary .lead-txt {
  padding-top: 5vh;
  padding-left: 30px;
  width: 740px;
}

.cmshtml .section_primary .lead-txt h3 {
  font-weight: bold;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 28px;
  color: #0E5F5A;
  margin-bottom: 20px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section_primary .lead-txt h3 {
    font-size: 26px;
  }
}

.cmshtml .section_primary .lead-txt p {
  background: url("../img/bg_keisen.png") 0 0;
  line-height: 2.67;
  letter-spacing: 0;
}

.cmshtml .section_primary .img {
  width: 394px;
  transform: translateX(5vw);
}

#editView .cmshtml .section_primary .img {
    transform: none;
}

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

@media screen and (max-width: 1096px) {
  .cmshtml .section_primary .wrap-lead-area {
    padding-top: 10vw;
  }
  .cmshtml .section_primary:before {
    left: 37%;
    background-size: contain;
  }
  .cmshtml .section_primary:after {
    content: none;
  }
  .cmshtml .section_primary .lead-title {
    width: auto;
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
  }
  .cmshtml .section_primary .lead-txt {
    width: 90%;
    padding: 0;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .section_primary .img {
    width: 100%;
    text-align: center;
    transform: none;
  }
}

.cmshtml .wrap-bn-area {
  margin: 10vh auto 3vh;
  position: relative;
  z-index: 3;
}

.cmshtml .wrap-bn-area .inwrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.cmshtml .wrap-bn-area .inwrap .box {
  width: 49%;
  padding: 43px 10px;
  margin-right: 1%;
  margin-bottom: 1vh;
  background: #fff;
  border: 1px solid rgba(14, 95, 90, 0.63);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

#editView .cmshtml .wrap-bn-area .inwrap .box {
  width: 100%;
}

.cmshtml .wrap-bn-area .inwrap .box .imgbox {
  width: 191px;
  height: 244px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.cmshtml .wrap-bn-area .inwrap .box .imgbox img {
  width: auto;
  height: 100%;
  transform: scale(1);
  transition: all 0.6s ease;
}

.cmshtml .wrap-bn-area .inwrap .box .txt {
  width: 230px;
}

.cmshtml .wrap-bn-area .inwrap .box .txt .title {
  font-size: 20px;
  margin-top: 34px;
  font-weight: bold;
  color: #0E5F5A;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  border-bottom: 3px solid #0E5F5A;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-bn-area .inwrap .box .txt .title {
    font-size: 18px;
  }
}

.cmshtml .wrap-bn-area .inwrap .box .txt p {
  padding-top: 1.4em;
  line-height: 2.0;
  font-weight: bold;
  color: #0E5F5A;
  font-size: 14px;
}

.cmshtml .wrap-bn-area .inwrap .box:hover .imgbox {
  opacity: 1;
}

.cmshtml .wrap-bn-area .inwrap .box:hover .imgbox img {
  transform: scale(1.15);
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-bn-area .inwrap .box {
    width: 100%;
    margin-right: 20px;
    margin-bottom: 1em;
  }
}

.cmshtml .bt_more {
  margin-top: 40px;
}

.cmshtml .bt_more p {
  display: inline-block;
  font-weight: bold;
}

.cmshtml .bt_more p a {
  display: block;
  padding: 18px 40px;
  border-radius: 50px;
  background: #FFD237;
  color: #fff;
  text-decoration: none;
}

.cmshtml .section-news {
  background-color: #fff;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.cmshtml .section-news div.title {
  width: 35%;
  padding-top: 70px;
  position: relative;
  text-align: center;
  background-color: #DCEDEA;
}

.cmshtml .section-news div.title h2 {
  font-size: 28px;
  display: inline-block;
  color: #0E5F5A;
  letter-spacing: 0.4em;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.cmshtml .section-news div.title h2 .small {
  font-size: 16px;
  letter-spacing: 0;
}

.cmshtml .section-news .wrap-news {
  width: 65%;
  padding: 50px 5%;
  box-sizing: border-box;
}

.cmshtml .section-news #info {
  width: 100%;
  height: 230px;
  box-sizing: border-box;
  overflow: auto;
  position: relative;
}

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

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

@media screen and (max-width: 1096px) {
  .cmshtml .section-news div.title {
    padding: 0;
    width: 100%;
  }
  .cmshtml .section-news .wrap-news {
    width: 100%;
  }
}

.cmshtml .hov {
  transition: all 0.3s ease;
}

.cmshtml .hov:hover {
  opacity: 0.7;
}

.cmshtml .news_dl {
  width: 100%;
  padding: 1.5em 0 1.5em;
  clear: both;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  -ms-flex-align: start;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .news_dl a[href*=".pdf"] {
  position: relative;
  margin-right: 4em;
}

.cmshtml .news_dl a[href*=".pdf"]:after {
  content: "PDF";
  color: #D20000;
  padding: 0 5px;
  height: 16px;
  line-height: 1.5;
  border: 2px solid #D20000;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  font-size: 11px;
}

.cmshtml .news_dl dt {
  width: 100px;
  font-size: 15px;
  font-family: 'Roboto',"游ゴシック", sans-serif;
  color: #0E5F5A;
}

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

.cmshtml .news_dl dd.newstitle {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 20px;
    width: calc(100% - 100px);
    display: flex;
    align-items: baseline;
}

@media screen and (max-width: 680px) {
  .cmshtml .news_dl dd.newstitle {
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    display: block;
  }
}

.cmshtml .news_dl dd.newstitle .label {
  display: inline-block;
  margin-right: 1em;
  background-color: #0E5F5A;
  color: #fff;
  font-size: 12px;
  text-align: center;
  min-width: 100px;
}



.cmshtml .news_dl dd.newstitle .lb01 {
  background-color: #DF784D;
}

.cmshtml .news_dl dd.newstitle .lb02 {
  background-color: #146787;
}

.cmshtml .news_dl dd.newstitle .lb03 {
  background-color: #D20000;
}

#editView .cmshtml .label {
  background-color: #0E5F5A;
  color:#fff;
}

#editView .cmshtml .lb01 div.rdappended{
  background-color: #DF784D;
  color:#fff;
}

#editView .cmshtml .lb02 div.rdappended{
  background-color: #146787;
  color:#fff;
}

#editView .cmshtml .lb03 div.rdappended{
  background-color: #D20000;
  color:#fff;
}

.cmshtml .news_dl dd.txt {
  margin-top:1rem;
  font-size: 15px;
  width: 100%;
}

@media screen and (max-width: 680px) {
  .cmshtml .news_dl dd.txt {
    font-size: 13px;
  }
}

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

@media screen and (max-width: 1080px) {
  .cmshtml .news_dl {
    padding: 16px 2%;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .cmshtml .news_dl dt,
.cmshtml .news_dl dd.title,
.cmshtml .news_dl dd.txt {
    margin-top: 5px;
    width: 100%;
    padding: 0;
  }
}

.cmshtml .section-banner {
  padding: 0;
}

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

.cmshtml .section-banner .inwrap li {
  width: 25%;
  background-color: #062625;
  position: relative;
}

.cmshtml .section-banner .inwrap li * {
  transition: all 0.3s ease;
}

.cmshtml .section-banner .inwrap li .imgbox {
  width: 100%;
  height: 16vw;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.cmshtml .section-banner .inwrap li .imgbox img {
  width: 101%;
  height: auto;
  opacity: 0.58;
}

.cmshtml .section-banner .inwrap li div.wlkb {
  color: #fff;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 1.9vw;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  margin: auto;
  z-index: 2;
}

.cmshtml .section-banner .inwrap li div.wlkb:after {
  content: "";
  width: 80px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.cmshtml .section-banner .inwrap li div.wlkb a {
  color: #fff;
  text-decoration: none;
}

.cmshtml .section-banner .inwrap li:hover .imgbox img {
  opacity: 1;
}

.cmshtml .section-banner .inwrap li:hover div.wlkb {
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 680px) {
  .cmshtml .section-banner .inwrap li {
    width: 50%;
  }
  .cmshtml .section-banner .inwrap li .imgbox {
    height: 32vw;
  }
  .cmshtml .section-banner .inwrap li div.wlkb {
    font-size: 5vw;
  }
}

.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-t2 h2, .cmshtml .cap-l-t3, .cmshtml .cap-m {
  margin: 8px auto 24px;
}

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

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

.cmshtml .cap-l-t2 {
  margin: 24px auto 1vw;
  text-align: center;
}

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

.cmshtml .cap-l-t2 h2.small {
  font-size: 22px;
}

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

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

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

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

.cmshtml .cap-l-t2.eyecatch {
  margin: 60px auto 0;
}

@media screen and (max-width: 680px) {
  .cmshtml .cap-l-t2.eyecatch {
    margin-top: 0;
  }
}

.cmshtml .cap-l-t2.eyecatch h2 {
  font-size: 34px;
  font-weight: bold;
  color: #0E5F5A;
  background: -webkit-linear-gradient(0deg, #DF784D, #0E5F5A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.cmshtml .cap-l-t2.clt2 h2 {
  padding-bottom: 0.5em;
  font-weight: bold;
  display: inline-block;
  position: relative;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.cmshtml .cap-l-t2.clt2 h2:after {
  width: 100%;
  height: 4px;
  background-color: #0E5F5A;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: inline-block;
}

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

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

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

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

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

.cmshtml .cap-l-t2.clt3 h2 {
  padding: 20px 0 0;
  position: relative;
  color: #0C0C1E;
  text-align: left;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.cmshtml .cap-l-t2.clt3:after {
  margin: auto;
  content: "";
  width: 60px;
  height: 3px;
  background: #148B85;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

.cmshtml .c_sub {
  color: #DF784D;
}

.cmshtml .c_m {
  color: #0E5F5A;
}

.cmshtml .cap-l-t3 {
  margin-top: 60px;
  border-top: 2px solid #148B85;
  background: rgba(220, 237, 234, 0.5);
}

.cmshtml .cap-l-t3 h2 {
  padding: 1em 1em 0 20px;
  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 {
  padding: 0 1em 1em 20px;
  margin-top: 8px;
  font-size: 12px;
  color: #0E5F5A;
}

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

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

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

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

.cmshtml .cap-m.cm-1 {
  padding-top: 30px;
  margin-bottom: 40px;
}

.cmshtml .cap-m.cm-1 h3 {
  font-weight: bold;
}

.cmshtml .cap-m.cm-1:after {
  width: 80px;
  height: 1px;
  background: #DDDDDD;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .cap-m.cm-2 {
  border-bottom: 1px solid #DCEDEA;
  padding: 16px;
  position: relative;
}

.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;
  color: #148B85;
  font-weight: bold;
}

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

.cmshtml .cap-m.cm-3 h3:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 3px;
  background: #0E5F5A;
}

.cmshtml .cap-m.cm-4 {
  text-align: left;
  background-color: #0e5f5a;
  overflow: hidden;
}

.cmshtml .cap-m.cm-4 h3 {
  padding: 8px  24px;
  font-size: 20px;
  position: relative;
  color: #fff;
}

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

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

.cmshtml .cap-s h4 {
  font-size: 18px;
  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;
  color: #148B85;
}

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

.cmshtml .cap-s.cs-3 h4 {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 2px dashed #148B85;
}

.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 #0E5F5A;
  background: #fff;
  border-radius: 5px;
  line-height: 1.9;
}

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

.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 .tar {
  text-align: right;
}

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

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

.cmshtml .imgfull {
  margin-bottom: 4vh;
  text-align: center;
}

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml .ir, .cmshtml .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.btcap div img {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .i2 .in-wrap div.title {
  margin-right: 0;
  margin-bottom: 1px;
  background: #148B85;
  color: #fff;
  padding: 10px;
  text-align: center;
}

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

.cmshtml .i2 .in-wrap div.movie iframe {
  width: 100%;
}

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

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

.cmshtml .i3 .in-wrap div.title {
  width: 100%;
  margin-right: 0;
  margin-bottom: 1px;
  background: #148B85;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.cmshtml .i3 .in-wrap div.movie {
  width: 100%;
  margin: 0;
}

.cmshtml .i3 .in-wrap div.movie iframe {
  width: 100%;
}

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

.cmshtml .i3.dormitory-photo .in-wrap div figcaption {
  background: #DCEDEA;
  padding: 20px;
}

.cmshtml .i3.dormitory-photo .in-wrap div figcaption h4 {
  font-size: 14px;
  font-weight: bold;
  color: #6FA09D;
}

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

.cmshtml .i2.facility-photo .in-wrap div,
.cmshtml .i3.event-photo .in-wrap div {
  position: relative;
}

.cmshtml .i2.facility-photo .in-wrap div figcaption,
.cmshtml .i3.event-photo .in-wrap div figcaption {
  width: 84%;
  background: #fff;
  padding: 20px 0 20px 10%;
  transform: translate(20%, -40px);
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
}

.cmshtml .i2.facility-photo .in-wrap div figcaption h3,
.cmshtml .i3.event-photo .in-wrap div figcaption h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #0E5F5A;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .i2.facility-photo .in-wrap div figcaption h3,
.cmshtml .i3.event-photo .in-wrap div figcaption h3 {
    font-size: 16px;
  }
}

.cmshtml .i2.facility-photo .in-wrap div figcaption h3:before,
.cmshtml .i3.event-photo .in-wrap div figcaption h3:before {
  content: "";
  width: 2px;
  height: 80%;
  background: #0E5F5A;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cmshtml .i2.facility-photo .in-wrap div figcaption p,
.cmshtml .i3.event-photo .in-wrap div figcaption p {
  font-size: 15px;
}

@media screen and (max-width: 680px) {
  .cmshtml .i2.facility-photo .in-wrap div figcaption p,
.cmshtml .i3.event-photo .in-wrap div figcaption p {
    font-size: 13px;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .i2.facility-photo .in-wrap div,
.cmshtml .i3.event-photo .in-wrap div {
    width: 100%;
  }
}

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

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

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

@media screen and (max-width: 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 #DDDDDD;
}

.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: 10px auto;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .submenu li {
  width: 23.5%;
  margin: 0 2% 10px 0;
}

#editView .cmshtml .submenu li {
  width: 100%;
}

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

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

.cmshtml .submenu li a {
  display: block;
  padding: 5px 10px;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  color: #0C0C1E;
  border: 1px solid #0E5F5A;
  background-color: #fff;
  transition: all 0.6s;
  text-align: center;
}

.cmshtml .submenu li a:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 52%;
  width: 10px;
  margin-left: -10px;
  margin-top: -1px;
  height: 1px;
  background: #0E5F5A;
}

.cmshtml .submenu li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 52%;
  width: 8px;
  margin-top: -1px;
  margin-left: -2px;
  height: 1px;
  background: #0E5F5A;
  transform: rotate(45deg);
  transform-origin: right bottom;
}

.cmshtml .submenu li a:hover {
  background: rgba(220, 237, 234, 0.83);
}

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

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

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th, .cmshtml .tb-box5 th {
  padding: 16px 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  background-color: #148B85;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .tb-box1 th.hd_bggr, .cmshtml .tb-box1-2 th.hd_bggr, .cmshtml .tb-box2 th.hd_bggr, .cmshtml .tb-box3 th.hd_bggr, .cmshtml .tb-box5 th.hd_bggr {
  background: rgba(220, 237, 234, 0.8);
  color: #0E5F5A;
  border-bottom: 1px solid #DDDDDD;
}

.cmshtml .tb-box1 td, .cmshtml .tb-box1-2 td, .cmshtml .tb-box2 td, .cmshtml .tb-box3 td, .cmshtml .tb-box5 td {
  padding: 16px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  color: #0C0C1E;
}

.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: block;
    width: 100%;
  }
  .cmshtml .tb-box1 th, .cmshtml .tb-box1 td {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 1em;
  }
}

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

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

@media screen and (max-width: 680px) {
  .cmshtml .tb-box1-2 {
    width: 100%;
  }
}

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

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

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

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

.cmshtml .tb-box5 th {
  width: 12%;
}

.cmshtml .tb-box5 td {
  width: 12%;
  text-align: center;
}

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

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

.cmshtml .dl-box1 dl dt {
  width: 25%;
  padding: 1em 2%;
  margin-right: 1%;
  color: #0E5F5A;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

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

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

@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 {
    display: none;
  }
}

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

.cmshtml .to-bt2 p a {
  display: block;
  padding: 8px 30px 8px 46px;
  color: #0E5F5A;
  font-weight: bold;
  border: #0E5F5A 1px solid;
  background-color: #fff;
  text-decoration: none;
  transition: all 0.6s;
  position: relative;
}

.cmshtml .to-bt2 p a:hover {
  background-color: #0E5F5A;
  color: #fff;
}

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

.cmshtml .to-bt2 p a[href*=".pdf"]:before {
  top: 0;
  left: 16px;
  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: 16px;
  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: 16px;
  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: 16px;
  width: 31px;
  height: 36px;
  background: url("../img/fix/icon-xcel-m.svg") no-repeat left center;
  background-size: 24px 24px;
}

.cmshtml .qabox {
  overflow: hidden;
}

.cmshtml .qabox dl {
  margin: 0;
}

.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: #0E5F5A;
  margin-bottom: 10px;
  padding: 15px 0 10px 45px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  font-size: 15px;
}

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

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

.cmshtml .qabox dl dt p {
  margin-bottom: 10px;
}

.cmshtml .qabox dl dd {
  display: none;
}

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

.cmshtml .show_more {
  cursor: pointer;
}

.cmshtml .show_more dd {
  display: none;
}

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

.cmshtml .stepbox {
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .stepbox li {
  margin-right: 2%;
  position: relative;
  padding-bottom: 30px;
}

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

.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: 80px;
  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: 'Roboto',"游ゴシック", sans-serif;
  padding-top: 15px;
  width: 80px;
  height: 60px;
  color: #fff;
  background: #0E5F5A;
  line-height: 1.3;
  font-size: 26px;
  position: relative;
}

.cmshtml .stepbox li .left h2:before, .cmshtml .stepbox li .il h2:before {
  content: "STEP";
  color:#fff;
  display:block;
  font-size:12px;
}

.cmshtml .stepbox li .left h2:after, .cmshtml .stepbox li .il h2:after {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 40px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  border: 12px solid transparent;
  border-top: 40px solid #0E5F5A;
}

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

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

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

.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: 22px;
  line-height: 1.7;
  font-weight: 700;
  color: #148B85;
  margin-top: 8px;
}

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

.cmshtml .stepbox li .right .stepbox-maintxt img, .cmshtml .stepbox li .ir .stepbox-maintxt img {
  width: 45%;
  height: auto;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .stepbox li {
    width: 100%;
    margin: 0 0 1em 0;
  }
}

.cmshtml .block-listed {
  margin: 0.5em auto;
}

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

.cmshtml .block-listed p:before, .cmshtml .block-listed dl:before {
  width: 14px;
  height: 14px;
  background: #0E5F5A;
  top: 0.4em;
  bottom: auto;
  margin-right: auto;
}

.cmshtml .block-listed p:after, .cmshtml .block-listed dl:after {
  top: 0.6em;
  bottom: auto;
  left: 5px;
  width: 6px;
  height: 6px;
}

.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: #0E5F5A;
  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 .txt-area .cap-l-t2 h2 {
  margin: 0 0 20px;
  padding-bottom: 0;
}

.cmshtml .sub-box-wide .txt-area img {
  max-width: 100%;
  height: auto;
}

.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: #0C0C1E;
  line-height: 1.6;
  border-bottom: 1px solid #0E5F5A;
}

.cmshtml .sub-box-wide h4.catch {
  border: 0;
  font-size: 22px;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  color: #148B85;
}

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

.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%;
    text-align: center;
  }
  .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 {
  max-width: 780px;
  margin: 0 auto;
}

.cmshtml .form label {
  display: block;
}

.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;
  font-size: 14px;
}

.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: 20px;
  background-color: rgba(220, 237, 234, 0.67);
  border: 0;
  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 .contact_btn_area input, .cmshtml .form .contact_btn_area button {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  max-width: 360px;
  background: #DDDDDD;
  color: #0E5F5A;
  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: #0E5F5A;
  cursor: pointer;
  color: #fff;
}

.cmshtml .hissu {
  margin-left: 1em;
  background-color: #F00;
  color: #fff;
  position: relative;
  font-size: 12px;
  padding: 0 5px;
}

.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 .c_m {
  color: #0E5F5A;
}

.cmshtml .wrap-download {
  margin: 4vh auto;
}

.cmshtml .wrap-download ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wrap-download ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 1em;
}

.cmshtml .wrap-download ul li.to-bt2 a {
  display: block;
}

.cmshtml .wrap-download ul li:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-download ul li {
    width: 100%;
    margin-right: 0;
  }
}

.cmshtml .wrap-torikumi {
  max-width: 1180px;
  margin: 60px auto;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wrap-torikumi .imgbox {
  width: 50%;
}

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

.cmshtml .wrap-torikumi .txtbox {
  width: 50%;
  padding-left: 10%;
}

.cmshtml .wrap-torikumi .txtbox .title p {
  font-family: 'Roboto',"游ゴシック", sans-serif;
  font-size: 20px;
  letter-spacing: 5px;
  color: #0E5F5A;
}

.cmshtml .wrap-torikumi .txtbox .title h3 {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 34px;
  letter-spacing: 0;
  position: relative;
  padding-top: 10px;
  margin-bottom: 1em;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-torikumi .txtbox .title h3 {
    font-size: 32px;
  }
}

.cmshtml .wrap-torikumi .txtbox .title h3:before {
  content: "";
  width: 30px;
  height: 4px;
  background: #0E5F5A;
  position: absolute;
  top: -2px;
  left: 0;
}

.cmshtml .wrap-torikumi .txtbox .title h3:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #DDDDDD;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cmshtml .wrap-torikumi .txtbox p {
  font-size: 17px;
  line-height: 2.0;
  letter-spacing: 0;
}

.cmshtml .wrap-torikumi.rev {
  flex-flow: row-reverse wrap;
}

.cmshtml .wrap-torikumi.rev .txtbox {
  padding-left: 0;
  padding-right: 10%;
}

.cmshtml .telfax {
  margin: 30px auto;
  width: 600px;
  max-width: 100%;
  background: #fff;
  border: 2px solid #148B85;
  padding: 2em 1em;
  text-align: center;
  box-sizing: border-box;
}

.cmshtml .telfax .title {
  text-align: center;
  font-weight: bold;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 20px;
}

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

.cmshtml .telfax ul {
  text-align: center;
}

.cmshtml .telfax ul li {
  display: inline-block;
  margin: 10px;
  font-family: 'Roboto',"游ゴシック", sans-serif;
}

.cmshtml .telfax ul li a {
  text-decoration: none;
}

.cmshtml .wrap-oneday {
  max-width: 1080px;
  margin: 4vh auto;
  display: flex;
  flex-flow: row wrap;
  background: #fff;
}

.cmshtml .wrap-oneday .area-dlsc {
  width: 78%;
  background: url("../img/dot_or.png") repeat-y #fff;
  background-position: 200px 0;
}

.cmshtml .wrap-oneday .area-dlsc dl {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}

.cmshtml .wrap-oneday .area-dlsc dl dt {
  width: 200px;
  padding: 1em 2em;
  font-size: 18px;
  font-weight: bold;
  color: #F97746;
  font-family: 'Roboto',"游ゴシック", sans-serif;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-oneday .area-dlsc dl dt {
    font-size: 16px;
  }
}

.cmshtml .wrap-oneday .area-dlsc dl dd {
  width: calc(100% - 200px);
  padding: 1em 2em;
}

.cmshtml .wrap-oneday .area-dlsc dl dd .title {
  font-size: 18px;
  margin-bottom: 5px;
  display: inline-block;
  background: rgba(249, 119, 70, 0.9);
  padding: 3px 1.5em;
  border-radius: 30px;
  color: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-oneday .area-dlsc dl dd .title {
    font-size: 16px;
  }
}

.cmshtml .wrap-oneday .imgbox {
  width: 22%;
}

.cmshtml .wrap-oneday .imgbox ul li {
  width: 100%;
  height: 230px;
  margin: 0;
  overflow: hidden;
}

.cmshtml .wrap-oneday .imgbox ul li img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-oneday .area-dlsc {
    width: 100%;
    background-position: 22% 0;
  }
  .cmshtml .wrap-oneday .area-dlsc dl dt {
    width: 20%;
    padding-left: 1em;
  }
  .cmshtml .wrap-oneday .area-dlsc dl dd {
    width: 80%;
  }
  .cmshtml .wrap-oneday .imgbox {
    width: 100%;
  }
  .cmshtml .wrap-oneday .imgbox ul li {
    width: 25%;
    height: 25vw;
    float: left;
  }
}

.cmshtml .ul1 li {
  padding-left: 12px;
  position: relative;
}

.cmshtml .ul1 li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #0E5F5A;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .wrap-event {
  margin: 4vh auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.cmshtml .wrap-event .box-half {
  width: 48%;
}

.cmshtml .wrap-event .box-half:nth-child(2n) {
  margin-top: 50px;
}

.cmshtml .wrap-event dl {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 5px;
}

.cmshtml .wrap-event dl dt {
  width: 90px;
  color: #fff;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  text-align: center;
  font-size: 22px;
  background: #148B85;
  padding: 20px;
}

.cmshtml .wrap-event dl dd {
  width: calc(100% - 90px);
  padding: 1em;
  color: #0E5F5A;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-event .box-half {
    width: 100%;
    margin-right: 0;
  }
  .cmshtml .wrap-event .box-half:nth-child(2n) {
    margin-top: 0;
  }
}

.cmshtml .box-hiroba {
  margin: 1em auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

.cmshtml .box-hiroba .imgbox {
  width: 45%;
  max-width: 367px;
}

.cmshtml .box-hiroba .osirase {
  width: 45%;
}

.cmshtml .box-hiroba .osirase .to-bt2 {
  text-align: left;
  margin-top: 1em;
}

@media screen and (max-width: 680px) {
  .cmshtml .box-hiroba .imgbox {
    width: 100%;
  }
  .cmshtml .box-hiroba .imgbox img {
    max-width: 100%;
    height: auto;
  }
  .cmshtml .box-hiroba .osirase {
    width: 100%;
  }
}

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



#editView .cmshtml .swiper-wrapper {
  width: 100%;
  margin: 0 auto;
  height: 538px;
  display: block;
  overflow-x: scroll;
}

#editView .cmshtml .swiper-wrapper .swiper-slide {
  width: 100%;
  position: relative;
  display: block;
}

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

#editView .cmshtml #navbar.fixed {
  position: relative;
}

#editView .cmshtml #navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 50px;
}

#editView .cmshtml #navigation li a {
  padding: 30px 0;
  height: 100%;
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: #262626;
}

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

#editView .cmshtml .fade-up {
  opacity: 1;
}

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

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu .inner {
  width: 100%;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu ol {
  width: 100%;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu ol > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

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

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

#editView .cmshtml .sl-slider {
  width: 540px;
  height: 540px;
  overflow: auto;
}

#editView .cmshtml .sl-slider img {
  max-height: 540px;
  width: auto;
  max-width: 540px;
}

#editView .cmshtml #title-wrap .imgwrap {
  z-index: 5;
}

#editView .cmshtml .qabox dd {
  display: block;
}

#editView .cmshtml .swiper-wrapper {
  width: 100%;
  margin: 0 auto;
  height: 538px;
  display: block;
  overflow-x: scroll;
}

#editView .cmshtml .swiper-wrapper .swiper-slide {
  width: 100%;
  position: relative;
  display: block;
}

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

#editView .cmshtml .i1 .in-wrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#editView .cmshtml .i2 .in-wrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#editView .cmshtml .i3 .in-wrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#editView .cmshtml .i4 .in-wrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#editView .cmshtml .i5 .in-wrap > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#editView .cmshtml #navbar.fixed {
  position: relative;
}

#editView .cmshtml #navigation {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
}

#editView .cmshtml #navigation li {
  transition: all 0.3s linear;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  height: 50px;
}

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

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu .inner {
  width: 100%;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu ol {
  width: 100%;
}

#editView .cmshtml .drawer-dropdown:hover .drawer-dropdown-menu ol > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

#editView .cmshtml .section_gallery .wrap-photo > div {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

#editView .cmshtml .sns > div {
  display: -ms-flexbox;
  display: flex;
}

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

#editView .cmshtml .fade-up {
  opacity: 1;
}

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

#editView .cmshtml .wrap-submenu ul > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .sl-slider {
  width: 540px;
  height: 540px;
  overflow: auto;
}

#editView .cmshtml .sl-slider img {
  max-height: 540px;
  width: auto;
  max-width: 540px;
}

#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 .fade-up {
  opacity: 1;
}

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

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

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

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

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


































/* u01化に係る追加CSS */

#editView .cmshtml #title-wrap .imgwrap {
    position: relative;
}
#editView .cmshtml #title-wrap {
    position: relative;
    max-height: none;
}

#editView .cmshtml #title-wrap .imgwrap {
    overflow: visible;
    position: relative;
}

.cmshtml #title-wrap .imgwrap img {
    min-width: none;
}

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

#editView .cmshtml .left, #editView .cmshtml .il, #editView .cmshtml .right, #editView .cmshtml .ir {
    float: none;
}

#editView .cmshtml .stepbox .left{
  background:#FFA59E;
}

#editView .cmshtml .stepbox h2{
  color:#fff;
  font-weight:700;
}

#editView .cmshtml .sch-dl {
    justify-content: left;
}

#editView .cmshtml .sch-dl dd {
    width: 100%;
}

#editView .cmshtml .schedule-box .sch-left {
    width: 750px;
}

#editView .cmshtml .schedule-box .sch-right .wrap-img img{
    width:100%;
    height:auto;
}

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

#editView .cmshtml .i3 .in_wrap > div {
    width: 300px;
}

#editView .cmshtml .i3div.img_box {
    width: 100%;
}

#editView .cmshtml .fix-news .inbox {
  width: 100%;
}
#editView .cmshtml .fix-news .inbox {
    position: relative;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1079px) {
#editView .cmshtml .globalmenu {
  display:none;
}

}

.cmshtml .rdBreadcrumbArrow{
  display:none;
}


/* u01汎用class */
.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);
}

/* 左右交互のスマホ時最適化 */
@media (min-width: 1px) and (max-width: 767px){
.cmshtml .rev.rdflexarea{
  flex-direction: column-reverse;
}
}

/* スマホ時ブレイクさせない */
@media screen and (max-width: 767px) {
.cmshtml .cmsbody .spnb {
flex-flow: row nowrap;
}
.cmshtml .cmsbody .spnb table {
min-width: auto;
font-size: 70%;
}
}

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



/* u01表 */
.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: #ECEFF7; }
    .cmsbody .rdplanetext figure.table table td,
    .cmsbody .rdplanetext2 figure.table table td,
    .cmsbody .txtarea figure.table table td {
      background-color: #fff; }
@media (min-width: 1px) and (max-width: 576px) {
  .cmsbody .container .rdplanetext figure.table,
  .cmsbody .container .rdplanetext2 figure.table {
    width: 100%;
    overflow: scroll; }
    .cmsbody .container .rdplanetext figure.table table,
    .cmsbody .container .rdplanetext2 figure.table table {
      min-width: 460px; }
      .cmsbody .container .rdplanetext figure.table table tr,
      .cmsbody .container .rdplanetext2 figure.table table tr {
        display: table-row;
        width: auto; }
      .cmsbody .container .rdplanetext figure.table table td, .cmsbody .container .rdplanetext figure.table table th,
      .cmsbody .container .rdplanetext2 figure.table table td,
      .cmsbody .container .rdplanetext2 figure.table table th {
        display: table-cell;
        width: auto; }
  .cmsbody .container .rdplanetext.blocktable figure.table,
  .cmsbody .container .rdplanetext2.blocktable figure.table {
    overflow: auto; }
    .cmsbody .container .rdplanetext.blocktable figure.table table,
    .cmsbody .container .rdplanetext2.blocktable figure.table table {
      min-width: 0; }
      .cmsbody .container .rdplanetext.blocktable figure.table table tr,
      .cmsbody .container .rdplanetext2.blocktable figure.table table tr {
        display: block;
        width: 100% !important; }
      .cmsbody .container .rdplanetext.blocktable figure.table table td, .cmsbody .container .rdplanetext.blocktable figure.table table th,
      .cmsbody .container .rdplanetext2.blocktable figure.table table td,
      .cmsbody .container .rdplanetext2.blocktable figure.table table th {
        display: block;
        border-left: none;
        width: 100% !important;
        text-align: center; } }

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

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

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



/* WC title */


.cmsbody .rdplanetitle,
.cmsbody .section-contact .rdplanetitle {
  position: relative;
  font-family: 'Zen Kurenaido', sans-serif;
  margin:0;
}

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

.cmshtml .cmsbody .rdplanetitle h2,
.cmshtml .cmsbody .section-contact .rdplanetitle h2 {
   padding-bottom: 0.5em;
   font-weight: bold;
   display: inline-block;
   position: relative;
   font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
   font-size: 32px;
   text-align: center;
   display: inline-block;
   position: relative;
   color: #0C0C1E;
}

.cmshtml .cmsbody .rdplanetitle h2:after,
.cmshtml .cmsbody .section-contact .rdplanetitle h2:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #0E5F5A;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
}

@media screen and (max-width: 768px) {
.cmshtml .cmsbody .rdplanetitle h2,
.cmshtml .cmsbody .section-contact .rdplanetitle h2 {
  font-size: 1.2rem;
}
}

.cmshtml .cmsbody .rdplanetitle h3,
.cmshtml .cmsbody .section-contact .rdplanetitle h3 {
    padding: 30px 0;
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.cmshtml .cmsbody .rdplanetitle h3:after,
.cmshtml .cmsbody .section-contact .rdplanetitle h3:after {
    margin: auto;
    content: "";
    width: 60px;
    height: 3px;
    background: #148B85;
    position: absolute;
    top: 0;
    left: 20px;
    display: inline-block;
}


@media screen and (max-width: 768px) {
.cmshtml .cmsbody .rdplanetitle h3,
.cmshtml .cmsbody .section-contact .rdplanetitle h3 {
font-size: 1.1rem;
}

.cmshtml .cmsbody .rdplanetitle h3:after,
.cmshtml .cmsbody .section-contact .rdplanetitle h3:after {
    left: 10px;
}
}


.cmshtml .cmsbody .rdplanetitle h4,
.cmshtml .cmsbody .section-contact .rdplanetitle h4 {
    padding: 20px 0;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    font-size: 1.3rem;
    padding: 12px 20px;
    color: #0E5F5A;
}

.cmshtml .cmsbody .rdplanetitle h4:before,
.cmshtml .cmsbody .section-contact .rdplanetitle h4:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    height: 30px;
    width: 4px;
    background: #0E5F5A;
}

@media screen and (max-width: 768px) {
.cmshtml .cmsbody .rdplanetitle h4,
.cmshtml .cmsbody .section-contact .rdplanetitle h4 {
font-size: 1rem;
}
}

.cmshtml .cmsbody .rdplanetitle h5,
.cmshtml .cmsbody .section-contact .rdplanetitle h5 {
  display: block;
  color:#fff;
  background-color: #0e5f5a;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 24px;
}

@media screen and (max-width: 768px) {
.cmshtml .cmsbody .rdplanetitle h5,
.cmshtml .cmsbody .section-contact .rdplanetitle h5 {
font-size: 1.2rem;
}
}

.cmshtml .cmsbody .rdplanetitle h6,
.cmshtml .cmsbody .section-contact .rdplanetitle h6 {
position: relative;
padding: 10px 0;
font-size: 1.1rem;
font-weight:700;
font-family: initial;
color:#0E5F5A;
}


@media screen and (max-width: 768px) {
.cmshtml .cmsbody .rdplanetitle h6,
.cmshtml .cmsbody .section-contact .rdplanetitle h6 {
font-size: 1.1rem;
}
}



/* 疑似共通エリアナビ */

.cmshtml .cmncopy .drawer-dropdown-menu {
  display: flex;
  flex-flow:row wrap;
  align-items: center;
}

.cmshtml .cmncopy .drawer-dropdown-menu li {
    flex: 0 0 31%;
    margin-right: 1.2%;
    margin-bottom: 10px;
    border: 1px solid #111;
    text-align: left;
    position: relative;
    background: #fff;
    line-height: 1.5;
    box-sizing: border-box;
    transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    padding-left: 0;
    padding-right: 0;
}
.cmshtml .cmncopy .drawer-dropdown-menu li :hover{
  background: #FDEFEC;
}

.cmshtml .cmncopy .drawer-dropdown-menu li a{
    padding: 15px 30px;
    padding-right: 30px;
    padding-left: 30px;
    text-decoration: none;
    border: none;
    color: #111;
    border-radius: 0;
    display: block;
}

.cmshtml .cmncopy .drawer-dropdown-menu li a::after {
    content: "";
    position: absolute;
    right: 27px;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ブログ追記CSS */
.cmshtml .cmsbody .rdListImageEmpty{display:none;}
.cmshtml .cmsbody .rdListShort .rdListItem{ width:100%;border:none;padding: 20px;margin: 0;box-shadow: none;border-bottom: 1px dotted #ccc;}
.cmshtml .cmsbody .rdarticleTitleText a{text-decoration:none; display:block;color:#0e5f5a;font-weight: 700;}
.cmshtml .cmsbody .rdarticleTitleText a:hover{opacity:0.8;}
.cmshtml .cmsbody .rdarticleTitle h3 {font-weight: 700;border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;margin-top: 0; color:#0e5f5a;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListTitle {display: flex;align-items: center;}
.cmshtml .cmsbody .rdpublishDate{margin-right:20px;}
.cmshtml .cmsbody .rdListShort .rdListItem:nth-child(odd) {background:#fff;}
.cmshtml .cmsbody .rdListShort .rdListItem:nth-child(even) {background:#fff;}
.cmshtml .cmsbody .rdpublishDate {font-weight: 700;margin-bottom: 0;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListCategoryItem { border: 1px solid #fff; background: #BDE1AB; padding: 4px 10px; display: inline-block;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListCategoryItem a{ color:#666; font-size:0.8rem;text-decoration: none; font-weight: 700;}

.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap{display: flex; align-items: center;}
.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap .rdnewArticle-ContDate{font-weight:700;margin-right:20px;color:#07913B;}
.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap .rdnewArticle-ContTitle a{font-weight:700;text-decoration:none;}

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


@media screen and (max-width: 800px) {
.cmshtml .cmsbody .rdListShort .rdListItem .rdListCategory {right: 0; top: 10px;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListTitle {display: block;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListExcerpt {margin-top: 20px;}
}


/* input item */
.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: #FDEFEC;
    margin-bottom: 20px;
    padding: 15px;
}

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