@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&Noto+Serif+JP:400:700|Raleway:wght@700");

.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 div,
.cmshtml p,
.cmshtml dt,
.cmshtml dd,
.cmshtml li{
  margin:0;
  padding:0;
}

.cmshtml h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.cmshtml figcaption,
.cmshtml figure,
.cmshtml main {
  /* 1 */
  display: block;
}

.cmshtml figure {
  margin: 1em 40px;
}

.cmshtml hr {
  box-sizing: content-box;
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

.cmshtml pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.cmshtml a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

.cmshtml abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

.cmshtml b,
.cmshtml strong {
  font-weight: inherit;
}

.cmshtml b,
.cmshtml strong {
  font-weight: bolder;
}

.cmshtml code,
.cmshtml kbd,
.cmshtml samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.cmshtml dfn {
  font-style: italic;
}

.cmshtml mark {
  background-color: #ff0;
  color: #000;
}

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

.cmshtml sub,
.cmshtml sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.cmshtml sub {
  bottom: -0.25em;
}

.cmshtml sup {
  top: -0.5em;
}

.cmshtml audio,
.cmshtml video {
  display: inline-block;
}

.cmshtml audio:not([controls]) {
  display: none;
  height: 0;
}

.cmshtml img {
  border-style: none;
}

.cmshtml svg:not(:root) {
  overflow: hidden;
}

.cmshtml button,
.cmshtml input,
.cmshtml optgroup,
.cmshtml select,
.cmshtml textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

.cmshtml button,
.cmshtml input {
  /* 1 */
  overflow: visible;
}

.cmshtml button,
.cmshtml select {
  /* 1 */
  text-transform: none;
}

.cmshtml button,
.cmshtml [type="button"],
.cmshtml [type="reset"],
.cmshtml [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

.cmshtml button::-moz-focus-inner,
.cmshtml [type="button"]::-moz-focus-inner,
.cmshtml [type="reset"]::-moz-focus-inner,
.cmshtml [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.cmshtml button:-moz-focusring,
.cmshtml [type="button"]:-moz-focusring,
.cmshtml [type="reset"]:-moz-focusring,
.cmshtml [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.cmshtml fieldset {
  padding: 0.35em 0.75em 0.625em;
}

.cmshtml legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

.cmshtml progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

.cmshtml textarea {
  overflow: auto;
}

.cmshtml [type="checkbox"],
.cmshtml [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

.cmshtml [type="number"]::-webkit-inner-spin-button,
.cmshtml [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.cmshtml [type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

.cmshtml [type="search"]::-webkit-search-cancel-button,
.cmshtml [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.cmshtml ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.cmshtml details,
.cmshtml menu {
  display: block;
}

.cmshtml summary {
  display: list-item;
}

.cmshtml canvas {
  display: inline-block;
}

.cmshtml template {
  display: none;
}

.cmshtml [hidden] {
  display: none;
}

.cmshtml .just2,
.cmshtml .just3,
.cmshtml .just4,
.cmshtml .just5 {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: space-between;
}

.cmshtml .j2-li {
  width: 50%;
  min-width: 33.4%;
}

.cmshtml .j2-li img {
  width: 100%;
  height: auto;
}

.cmshtml .j3-li {
  width: 33.33%;
  min-width: 25.1%;
}

.cmshtml .j3-li img {
  width: 100%;
  height: auto;
}

.cmshtml .j4-li {
  margin: 0;
  width: 25%;
  min-width: 20.1%;
}

.cmshtml .j4-li img {
  width: 100%;
  height: auto;
}

.cmshtml .j5-li {
  margin: 0;
  width: 20%;
  min-width: 16.7%;
}

.cmshtml .j5-li img {
  width: 100%;
  height: auto;
}

.cmshtml .flex-blnk {
  opacity: 0 !important;
  background-color: transparent !important;
}

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

.cmshtml .col01 > li {
  margin: 0;
}

.cmshtml .col01 > li > img {
  width: 100%;
}

.cmshtml .cf, .cmshtml #panlist, .cmshtml .cap-l.cl-3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .boxwrap4, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .to-telinquiry, .cmshtml .anc-navi ul, .cmshtml .imgfull, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .tbflexwrap, .cmshtml .dl-box1, .cmshtml .to-bt, .cmshtml .stepbox, .cmshtml .info-body, .cmshtml .cheerwrap .innerflex, .cmshtml .cap-icon, .cmshtml .cap-l, .cmshtml .line-hr, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .stepbox li, #editView .cmshtml li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml #panlist:before, .cmshtml .cap-l.cl-3:before, .cmshtml .cap-m:before, .cmshtml .cap-s:before, .cmshtml .news-header:before, .cmshtml .boxwrap1:before, .cmshtml .boxwrap2:before, .cmshtml .boxwrap3:before, .cmshtml .boxwrap4:before, .cmshtml .to-buttonbox:before, .cmshtml .qabox:before, .cmshtml .to-telinquiry:before, .cmshtml .anc-navi ul:before, .cmshtml .imgfull:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .dibox:before, .cmshtml .tbflexwrap:before, .cmshtml .dl-box1:before, .cmshtml .to-bt:before, .cmshtml .stepbox:before, .cmshtml .info-body:before, .cmshtml .cheerwrap .innerflex:before, .cmshtml .cap-icon:before, .cmshtml .cap-l:before, .cmshtml .line-hr:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .stepbox li:before, #editView .cmshtml li:before, .cmshtml .cf:after, .cmshtml #panlist:after, .cmshtml .cap-l.cl-3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .news-header:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .boxwrap4:after, .cmshtml .to-buttonbox:after, .cmshtml .qabox:after, .cmshtml .to-telinquiry:after, .cmshtml .anc-navi ul:after, .cmshtml .imgfull:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .tbflexwrap:after, .cmshtml .dl-box1:after, .cmshtml .to-bt:after, .cmshtml .stepbox:after, .cmshtml .info-body:after, .cmshtml .cheerwrap .innerflex:after, .cmshtml .cap-icon:after, .cmshtml .cap-l:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, #editView .cmshtml li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml #panlist:after, .cmshtml .cap-l.cl-3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .news-header:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .boxwrap4:after, .cmshtml .to-buttonbox:after, .cmshtml .qabox:after, .cmshtml .to-telinquiry:after, .cmshtml .anc-navi ul:after, .cmshtml .imgfull:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .dibox:after, .cmshtml .tbflexwrap:after, .cmshtml .dl-box1:after, .cmshtml .to-bt:after, .cmshtml .stepbox:after, .cmshtml .info-body:after, .cmshtml .cheerwrap .innerflex:after, .cmshtml .cap-icon:after, .cmshtml .cap-l:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox li:after, #editView .cmshtml li:after {
  clear: both;
}

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

.cmshtml a:hover {
  color: #003F7D;
}

.cmshtml .mb1 {
  margin-bottom: 6px;
}

.cmshtml .mb2 {
  margin-bottom: 12px;
}

.cmshtml .mb3 {
  margin-bottom: 18px;
}

.cmshtml .mb4 {
  margin-bottom: 24px;
}

.cmshtml .mb5 {
  margin-bottom: 30px;
}

.cmshtml .mb6 {
  margin-bottom: 36px;
}

.cmshtml .mb7 {
  margin-bottom: 42px;
}

.cmshtml .mb8 {
  margin-bottom: 48px;
}

.cmshtml .mb9 {
  margin-bottom: 54px;
}

.cmshtml .mb10 {
  margin-bottom: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .red {
  color: #cc0000;
}

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

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

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

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

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

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

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

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

.cmshtml .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cmshtml .triangle {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

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

.cmsbody,
.cmshtml dl,
.cmshtml ul,
.cmshtml ol,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml pre,
.cmshtml form,
.cmshtml input,
.cmshtml textarea,
.cmshtml small,
.cmshtml address,
.cmshtml aside,
.cmshtml blockquote,
.cmshtml th,
.cmshtml td {
  font-family: 'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  color: #242413;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  z-index: 0;
  margin: 0;
  max-height: 100%;
  box-sizing: border-box;
}

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

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

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

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

.cmshtml li {
  list-style: none;
}

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

.cmshtml img {
  vertical-align: bottom;
}

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

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

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

.cmshtml ::-moz-selection {
  background-color: #0C4DA1;
  color: #fff;
  /* Firefox */
}

.cmsbody {
  background: #fff;
}

.cmshtml #panlist, .cmshtml .cap-l.cl-3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .boxwrap4, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .to-telinquiry, .cmshtml .anc-navi ul, .cmshtml .imgfull, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .tbflexwrap, .cmshtml .dl-box1, .cmshtml .to-bt, .cmshtml .stepbox, .cmshtml .info-body, .cmshtml .cheerwrap .innerflex {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  max-width: 100%;
}

@media screen and (max-width: 800px) {
  .cmshtml #panlist, .cmshtml .cap-l.cl-3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .boxwrap4, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .to-telinquiry, .cmshtml .anc-navi ul, .cmshtml .imgfull, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .tbflexwrap, .cmshtml .dl-box1, .cmshtml .to-bt, .cmshtml .stepbox, .cmshtml .info-body, .cmshtml .cheerwrap .innerflex {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    width: auto;
  }
}

@media print {
  .cmshtml h1 a {
    text-indent: 0;
  }
  .cmshtml #navi_main li a {
    text-indent: 0;
  }
  .cmshtml #navi_sub li a {
    text-indent: 0;
  }
}

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

.cmshtml #h-logo {
  display: inline-block;
  margin: 0 0 9px 5%;
}

.cmshtml #h-logo a {
  margin: auto 0;
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/fix/logo.png) no-repeat top 0 left;
  width: 404px;
  height: 57px;
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
  .cmshtml #h-logo a {
    width: 220px;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml #h-logo {
    margin: 0 0 0 10px;
    display: block;
  }
  .cmshtml #h-logo a {
    background-size: 100%;
    width: 269.3px;
    height: 38px;
  }
}

.cmshtml #l-header {
  position: relative;
  padding: 9px 0 0;
  z-index: 1;
  box-shadow: 0 0 3px #cccccc;
  background-color: #0C4DA1;
}

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

.cmshtml #title_wrap {
  background: #0C4DA1;
  background: #fff;
  position: relative;
}

.cmshtml #title_wrap .imgwrap {
  width: 100%;
  height: calc(100% - 40px);
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: -moz-linear-gradient(top left, #0C4DA1, #28ACA6);
  background: -webkit-linear-gradient(top left, #0C4DA1, #28ACA6);
  background: linear-gradient(to bottom right, #0C4DA1, #28ACA6);
}

#editView .cmshtml #title_wrap .imgwrap {
  position: relative;
}

.cmshtml #title_wrap .imgwrap img {
  width: 100%;
  height: auto;
  opacity: 0.4;
}

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

.cmshtml #title_wrap #title {
  padding-top: 60px;
  position: relative;
  padding-bottom: 30px;
  z-index: 3;
}

#editView .cmshtml #title_wrap #title {
  background: linear-gradient(to bottom right, #0C4DA1, #28ACA6);
}

@media screen and (max-width: 800px) {
  .cmshtml #title_wrap #title {
    padding-bottom: 0;
  }
}

.cmshtml #title_wrap #title h2.page-title {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: 'Roboto','Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  line-height: 1.6;
}

.cmshtml #title_wrap #title .subtitle {
  margin: 8px auto 0px;
  text-align: center;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fff;
  font-weight: 400;
}

.cmshtml #title_wrap::after {
  content: "";
}

.cmshtml .title-navi {
  transform: translateY(50%);
  margin-bottom: -15px;
}

#editView .cmshtml .title-navi {
    transform: none;
    margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .title-navi {
    transform: translateY(5%);
    margin-bottom: -5px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
  }
}

.cmshtml .title-navi .pagelink {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .title-navi .pagelink li {
    width: 100%;
    margin-bottom: 1px;
  }
}

.cmshtml .title-navi .pagelink li a {
  font-size: 15px;
  padding: 16px 22px 16px 34px;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
  display: block;
  color: #0C4DA1;
  text-align: center;
  background: #fff;
  font-weight: bold;
  box-shadow: 4px 3px 0 rgba(12, 77, 161, 0.3);
}

@media screen and (max-width: 800px) {
  .cmshtml .title-navi .pagelink li a {
    padding: 4px 24px;
    box-shadow: 0px 3px 0 rgba(12, 77, 161, 0.3);
  }
}

@media screen and (min-width: 801px) {
  .cmshtml .title-navi .pagelink li a:hover {
    background: #f3f3f3;
  }
}

.cmshtml .title-navi .pagelink li a:after, .cmshtml .title-navi .pagelink li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
}

.cmshtml .title-navi .pagelink li a::before {
  left: 10px;
  transform: rotate(90deg);
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left-color: #0C4DA1;
}

.cmshtml .title-navi .pagelink li:first-child a {
  border-radius: 5px 0 0 5px;
}

@media screen and (max-width: 800px) {
  .cmshtml .title-navi .pagelink li:first-child a {
    border-radius: 5px 5px 0 0;
  }
}

.cmshtml .title-navi .pagelink li:last-child a {
  border-radius: 0 5px 5px 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .title-navi .pagelink li:last-child a {
    border-radius: 0 0 5px 5px;
  }
}

.cmshtml #panlist {
  margin-bottom: 30px;
  margin-top: 20px;
}

.cmshtml #panlist ul {
  display: flex;
}

.cmshtml #panlist ul li {
  font-size: 12px;
  font-size: 0.75rem;
  padding-right: 15px;
  position: relative;
}

.cmshtml #panlist ul li:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.cmshtml .l-container,
.cmshtml #contents {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}

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

.cmshtml .inner {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}

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

.cmshtml #l-footer {
  position: relative;
  padding: 40px 0 10px;
  background-color: #0C4DA1;
}

.cmshtml #l-footer .inner {
  width: 1180px;
}

@media screen and (max-width: 800px) {
  .cmshtml #l-footer {
    padding: 30px 0 20px;
  }
  .cmshtml #l-footer .inner {
    width: auto;
  }
}

.cmshtml .h-nav {
  padding: 22px 0;
  background-color: #ffffff;
}

.cmshtml .h-nav__list {
  max-width: 100%;
  margin: 0 auto;
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.cmshtml .h-nav__item {
  transition: all 0.3s linear;
  flex: 0 1 auto;
  text-align: center;
  line-height: 1;
  position: relative;
  font-size: 18px;
}

@media screen and (max-width: 1080px) {
  .cmshtml .h-nav__item {
    font-size: 1.6vw;
  }
}

.cmshtml .h-nav__item a {
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: bold;
  text-decoration: none;
  color: #003265;
  opacity: 1;
  transition: all 0.3s;
}

@media screen and (min-width: 801px) {
  .cmshtml .h-nav__item a:hover {
    color: #28ACA6;
  }
}

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

.cmshtml .h-snslist {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

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

@media screen and (max-width: 800px) {
  .cmshtml .h-nav {
    padding: 0;
    background-color: #ffffff;
  }
  .cmshtml .h-nav__list {
    display: block;
    max-height: none;
    padding: 20px 0 0;
    max-width: 100%;
    text-align: left;
    width: 100%;
    display: block;
  }
  .cmshtml .h-nav__item {
    line-height: 1.6;
    margin-bottom: 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cmshtml .h-nav__item a {
    padding: 6px 0;
    display: block;
  }
  .cmshtml .h-nav__item--sp {
    padding: 10px 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column-reverse;
  }
}

.cmshtml .h-subnav {
  margin: auto;
  display: flex;
  margin: 0 auto;
  align-items: center;
  position: absolute;
  right: 5%;
  top: 10px;
  max-width: 100%;
}

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

.cmshtml .h-subnav__tel p, .cmshtml .h-subnav__time__content p, .cmshtml .h-subnav__time__text p{
  color: #ffffff;
}

.cmshtml .h-subnav__tel {
  line-height: 1;
  font-weight: 500;
  font-size: 32px;
  font-style: normal;
  padding-left: 40px;
  font-family: 'Roboto', 'Noto Sans JP', "メイリオ", Meiryo, Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  background: url(../img/fix/title-tel.png) no-repeat bottom 5px left 0;
  letter-spacing: 0;
}

.cmshtml .h-subnav__time {
  margin-left: 30px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 50px;
  background: url(../img/fix/title-time.png) no-repeat center left 0;
}

#editView .cmshtml .h-subnav__time {
    background: url(../img/fix/title-time.png) no-repeat top left;
    padding-left: 60px !important;
}

.cmshtml .h-subnav__time__content, .cmshtml .h-subnav__time__text {
  line-height: 1.2;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
}

.cmshtml .h-subnav__time__text {
  border: 1px solid #ffffff;
  border-radius: 20px;
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .h-subnav {
    display: none;
    position: relative;
    margin: 0;
    background-color: #999;
    top: 0;
    padding: 10px;
    left: 0;
    right: auto;
    bottom: auto;
  }
  .cmshtml .h-subnav--sp {
    display: block;
  }
  .cmshtml .h-subnav__tel {
    line-height: 1;
    font-weight: 500;
    font-size: 24px;
    font-style: normal;
    padding-left: 40px;
    margin: 5px 0 10px 24px;
  }
  .cmshtml .h-subnav__time {
    margin-left: 0;
  }
  .cmshtml .drawer-hamburger {
    background: #0C4DA1;
    padding-top: 17px;
    padding-bottom: 29px;
  }
  .cmshtml .drawer-hamburger:hover {
    background: #0C4DA1;
  }
  .cmshtml .drawer-hamburger-icon, .cmshtml .drawer-hamburger-icon::before, .cmshtml .drawer-hamburger-icon::after {
    background-color: #fff;
  }
}

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

@media screen and (max-width: 800px) {
  .cmshtml #pagetop-side {
    width: 40px;
    height: 44px;
    bottom: 10px;
    right: 4%;
  }
}

@media screen and (min-width: 801px) {
  .cmshtml #pagetop-side:hover {
    bottom: 25px;
  }
}

.cmshtml #pagetop-side p {
  width: 100%;
  height: 100%;
}

.cmshtml #pagetop-side p a {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 801px) {
  .cmshtml #pagetop-side p a:hover {
    opacity: 1;
  }
}

.cmshtml .fix-nav--sp {
  display: none;
}

.cmshtml .fix-nav__item {
  margin-bottom: 1px;
  height: 80px;
  display: flex;
  align-items: center;
  background: #28ACA6;
  background: linear-gradient(to bottom, #098898, #28ACA6);
  justify-content: center;
}

.cmshtml .fix-nav__item p{
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
}

.cmshtml .fix-nav__item a {
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  padding: 10px 5px;
  color: #ffffff;
}

.cmshtml .fix-nav__item:first-child {
  background: linear-gradient(to bottom, #0C4DA1, #06639B);
}

.cmshtml .fix-nav__item:nth-child(2) {
  background: linear-gradient(to top, #098898, #06639B);
}

.cmshtml .l-fix {
  width: 100px;
  z-index: 10;
  top: 25%;
  bottom: 0;
  margin: auto 0;
  right: 0;
  position: fixed;
}

#editView .cmshtml .l-fix {
  position: absolute;
}

@media screen and (max-width: 800px) {
  .cmshtml .l-fix {
    display: none;
  }
  .cmshtml .fix-nav {
    margin-top: 10px;
    display: none;
  }
  .cmshtml .fix-nav--sp {
    display: block;
    background: linear-gradient(to top, #0C4DA1, #28ACA6);
  }
  .cmshtml .fix-nav__item {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    line-height: 1.25;
    background: transparent !important;
    border-bottom: 1px solid #fff;
    height: auto;
  }
  .cmshtml .fix-nav__item a {
    width: 100%;
    text-decoration: none;
    height: auto;
    display: block;
    padding: 14px 10px;
    color: #ffffff;
    background: transparent;
  }
  .cmshtml .fix-nav__item a br {
    display: none;
  }
}

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

.cmshtml .f-address,
.cmshtml .f-tel {
  color: #ffffff;
}

.cmshtml .f-address {
  font-size: 15px;
  margin-bottom: 10px;
}

.cmshtml .f-tel {
  line-height: 1;
  font-weight: 500;
  font-style: normal;
  padding-left: 50px;
  background: url(../img/fix/title-tel.png) no-repeat bottom 5px left 0;
  font-family: 'Roboto', 'Noto Sans JP', "メイリオ", Meiryo, Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-size: 28px;
}

.cmshtml .f-flex {
  flex-wrap: nowrap;
  justify-content: space-between;
  display: flex;
}

.cmshtml .f-right {
  width: 45%;
  min-width: 482px;
}

.cmshtml .f-links {
  display: flex;
  flex-wrap: wrap;
}

.cmshtml .f-links__item {
  padding-left: 25px;
  font-size: 14px;
  margin-bottom: 10px;
  width: 33.3%;
}

#editView .cmshtml .f-links__item {
    width: 100%;
}

.cmshtml .f-links__item a {
  color: #ffffff;
  text-decoration: none;
}

.cmshtml .f-copy {
  margin-top: 10px;
  text-align: right;
  color: #ffffff;
  font-size: 10px;
}

.cmshtml .f-copy a {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .f-logo {
    margin-bottom: 20px;
  }
  .cmshtml .f-logo img {
    max-width: 100%;
    height: auto;
  }
  .cmshtml .f-address,
.cmshtml .f-tel {
    color: #ffffff;
  }
  .cmshtml .f-flex {
    display: block;
  }
  .cmshtml .f-left {
    margin-bottom: 30px;
  }
  .cmshtml .f-right {
    width: 100%;
    min-width: 0;
  }
  .cmshtml .f-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cmshtml .f-links__item {
    padding-left: 0;
    font-size: 14px;
    margin-bottom: 10px;
    width: 49%;
  }
  .cmshtml .f-links__item a {
    color: #ffffff;
  }
  .cmshtml .f-copy {
    margin-top: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
  }
  .cmshtml .f-copy a {
    color: inherit;
  }
}

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

.cmshtml .section-slide {
  position: relative;
}

.cmshtml #topslide {
  opacity: 0;
  transition: opacity 1s;
}

.cmshtml #topslide div {
  max-height: none;
}

.cmshtml #topslide.is-ready {
  opacity: 1;
}

.cmshtml .section-emergency {
  padding: 24px 0;
  background-color: #DDEEFF;
}

.cmshtml .top-emergency {
  width: 1180px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
}

.cmshtml .top-emergency__title {
  flex-shrink: 0;
  width: 190px;
  padding: 20px 0;
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.6;
  background-color: #0C4DA1;
  font-family: 'Raleway','Roboto','Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
}

.cmshtml .top-emergency__list {
  background-color: #ffffff;
  flex-grow: 1;
}

.cmshtml .top-emergency__item {
  display: flex;
  align-items: center;
  padding: 12px 10px;
}

.cmshtml .top-emergency__item:not(:last-child) {
  border-bottom: 1px dashed #d6d6d6;
}

.cmshtml .top-emergency__tag {
  flex-shrink: 0;
  width: 25%;
  text-align: center;
  color: #ffffff;
  background-color: #9E1414;
  font-size: 14px;
}

#editView .cmshtml .top-emergency__tag {
  width:100%;
}

.cmshtml .top-emergency__text {
  flex-grow: 1;
  line-height: 1.2;
  margin-left: 15px;
  font-weight: bold;
  letter-spacing: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .section-emergency {
    padding: 10px;
    background-color: #DDEEFF;
  }
  .cmshtml .top-emergency {
    width: 100%;
    display: block;
  }
  .cmshtml .top-emergency__title {
    width: 100%;
    padding: 5px 10px;
    line-height: 1.4;
    font-size: 20px;
  }
  .cmshtml .top-emergency__item {
    display: block;
    align-items: center;
  }
  .cmshtml .top-emergency__tag {
    flex-shrink: 0;
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .cmshtml .top-emergency__text {
    flex-grow: 1;
    line-height: 1.2;
    margin-left: 0;
    font-weight: bold;
    letter-spacing: 0;
  }
}

.cmshtml .section-service {
  padding: 52px 0 16px;
  margin-bottom: 50px;
  background: url(../img/top/bg-service.png) no-repeat top 0 left 0/auto 100%;
}

.cmshtml .top-service__title {
  padding-top: 65px;
  background: url(../img/top/icon-service.png) no-repeat center top 0;
  text-align: center;
  margin-bottom: 45px;
}

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

.cmshtml .top-service__item {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 2px 4px #cccccc;
  margin-bottom: 35px;
}

.cmshtml .top-service__item:hover .top-service__item__img img {
  opacity: 0.8;
  transform: scale(1.1);
}

.cmshtml .top-service__item:hover .top-service__item__title::after {
  right: 4%;
}

.cmshtml .top-service__item--2 {
  width: 48%;
}

.cmshtml .top-service__item--3 {
  width: 31.7%;
}

#editView .cmshtml .top-service__item--2,
#editView .cmshtml .top-service__item--3 {
  width: 100%;
}


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

.cmshtml .top-service__item__img::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: url(../img/top/blar-blue.png);
}

.cmshtml .top-service__item__img img {
  transition: all 0.3s;
  width: 100%;
  height: auto;
}

.cmshtml .top-service__item__title {
  text-align: center;
  font-size: 18px;
  padding: 12px;
  font-weight: bold;
}

.cmshtml .top-service__item__title::after {
  background: url(../img/top/arrow-blue.png) no-repeat;
  width: 8px;
  height: 15px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 5%;
  transition: right 0.3s;
  bottom: 20px;
  margin: auto 0;
}

.cmshtml .top-service__item__title a {
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .section-service {
    padding: 30px 0;
    margin-bottom: 50px;
  }
  .cmshtml .top-service__list {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cmshtml .top-service__item {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 2px 4px #cccccc;
    margin-bottom: 35px;
  }
  .cmshtml .top-service__item--2 {
    width: 100%;
  }
  .cmshtml .top-service__item--3 {
    width: 100%;
  }
}

.cmshtml .section-news {
  margin-bottom: 55px;
}

.cmshtml .top-news__title {
  font-size: 30px;
  font-weight: bold;
  color: #003265;
  margin-bottom: 10px;
}

.cmshtml .top-news__link {
  font-size: 18px;
  float: right;
}

.cmshtml .top-news__link a {
  display: inline-block;
  padding-right: 20px;
  background: url(../img/top/arrow-blue3.png) no-repeat center right 0;
  color: #0C4DA1;
  text-decoration: none;
}


.cmshtml .top-news__list {
  background-color: #F5F7FA;
  max-height: 432px;
  overflow: auto;
}

#editView .cmshtml .top-news__list {
  padding-top:20px !important;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-news__list {
    max-height: 390px;
  }
}

.cmshtml .top-news__item {
  transition: all 0.3s;
  position: relative;
  padding: 16px 30px;
  align-items: center;
  align-content: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

#editView .cmshtml .top-news__item {
  justify-content: start;
}

.cmshtml .top-news__item:not(:last-child) {
  border-bottom: 2px solid #ffffff;
}

.cmshtml .top-news__item:hover {
  background-color: #cccccc;
}

.cmshtml .top-news__item__left {
  text-align: center;
  width: 12%;
}

#editView .cmshtml .top-news__item__left {
  width: 100%;
}

.cmshtml .top-news__item__right {
  width: 83%;
}

#editView .cmshtml .top-news__item__right {
  width: 100%;
}

.cmshtml .top-news__item__date {
  font-size: 15px;
  font-weight: bold;
}

.cmshtml .top-news__item__title {
  font-size: 18px;
}

.cmshtml .top-news__item__title a {
  text-decoration: underline;
  display: block;
  background: url(../img/top/arrow-blue2.png) no-repeat center right 0;
}

#editView .cmshtml .top-news__item__title a{
  background: none;
}

.cmshtml .top-news__item__tag {
  color: #ffffff;
  display: inline-block;
  line-height: 1.4;
  font-size: 15px;
  width: 100%;
}

.cmshtml .top-news__item__tag--1 {
  background-color: #003265;
}

.cmshtml .top-news__item__tag--2 {
  background-color: #1E9914;
}

.cmshtml .top-news__item__tag--3 {
  background-color: #9BAD00;
}

.cmshtml .top-news__item__tag--4 {
  background-color: #00A6AD;
}

.cmshtml .top-news__item__tag--5 {
  background-color: #6884C1;
}

.cmshtml .top-news__item__tag--6 {
  background-color: #ad0700;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-news__title {
    font-size: 30px;
    font-weight: bold;
    color: #003265;
    margin-bottom: 10px;
  }
  .cmshtml .top-news__link {
    font-size: 18px;
    float: none;
  }
  .cmshtml .top-news__link a {
    display: inline-block;
    padding-right: 20px;
    background: url(../img/top/arrow-blue.png) no-repeat center right 0;
    color: #0C4DA1;
    text-decoration: none;
  }
  .cmshtml .top-news__list {
    background-color: #F5F7FA;
  }
  .cmshtml .top-news__item {
    transition: all 0.3s;
    position: relative;
    padding: 10px;
    align-items: center;
    align-content: center;
    display: block;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .cmshtml .top-news__item:not(:last-child) {
    border-bottom: 2px solid #ffffff;
  }
  .cmshtml .top-news__item:hover {
    background-color: #cccccc;
  }
  .cmshtml .top-news__item__left {
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 10px;
  }
  .cmshtml .top-news__item__right {
    width: 100%;
    min-width: 0;
  }
  .cmshtml .top-news__item__title {
    font-size: 16px;
    font-size: 1rem;
  }
  .cmshtml .top-news__item__title a {
    text-decoration: underline;
    padding-right: 25px;
  }
  .cmshtml .top-news__item__tag, .cmshtml .top-news__item__date {
    width: auto;
    margin-right: 10px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .cmshtml .top-news__item__tag {
    text-align: center;
    width: 140px;
  }
}

.cmshtml .section-welcome {
  background-color: #0C1646;
  background-image: url(../img/top/bg-welcome.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
}

.cmshtml .top-welcome {
  padding: 20px 40px 40px;
  border: 5px solid #ffffff;
}

.cmshtml .top-welcome__title {
  margin-bottom: 15px;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  text-align: center;
  letter-spacing: 0;
}

.cmshtml .top-welcome__title__main, .cmshtml .top-welcome__title__sub {
  line-height: 1.4;
  color: #ffffff;
  display: block;
}

.cmshtml .top-welcome__title__main {
  margin-bottom: 10px;
}

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

.cmshtml .top-welcome__title__sub {
  font-size: 24px;
}

.cmshtml .top-welcome__text {
  line-height: 2;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .cmshtml .section-welcome {
    padding: 20px 0;
  }
  .cmshtml .top-welcome {
    padding: 20px 10px;
    border: 5px solid #ffffff;
  }
  .cmshtml .top-welcome__title {
    margin-bottom: 15px;
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    text-align: center;
  }
  .cmshtml .top-welcome__title__main {
    font-size: 36px;
  }
  .cmshtml .top-welcome__title__sub {
    font-size: 20px;
  }
}

.cmshtml .section-list {
  padding: 55px 0 30px;
}

.cmshtml .top-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 35px;
}

.cmshtml .top-list__item {
  position: relative;
  background: url(../img/top/bg-border.png);
  width: 49%;
  padding-bottom: 43px;
  margin-bottom: 20px;
  transition: opacity 0.3s;
}

.cmshtml .top-list__item:hover {
  opacity: 0.8;
}

.cmshtml .top-list__item:hover .top-list__title::after {
  right: 4%;
}

.cmshtml .top-list__text {
  padding: 7px 15px;
  font-size: 16px;
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #0C4DA1;
  color: #ffffff;
  letter-spacing: 0;
}

.cmshtml .top-list__title {
  padding: 28px;
  vertical-align: middle;
  position: relative;
  color: #0C4DA1;
  letter-spacing: 0;
}

.cmshtml .top-list__title::after {
  content: "";
  background: url(../img/top/arrow-blue.png) no-repeat;
  width: 8px;
  height: 15px;
  right: 5%;
  bottom: 0;
  top: 0;
  margin: auto 0;
  transition: right 0.3s;
  position: absolute;
  z-index: -1;
}

.cmshtml .top-list__title a {
  color: inherit;
  text-decoration: none;
}

.cmshtml .top-list__title__main, .cmshtml .top-list__title__sub {
  font-weight: bold;
  display: inline-block;
  margin-left: 20px;
}

.cmshtml .top-list__title__main {
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 26px;
}

.cmshtml .top-list__title__sub {
  font-size: 15px;
}

@media screen and (max-width: 800px) {
  .cmshtml .top-list {
    display: block;
    padding: 0;
  }
  .cmshtml .top-list__text {
    position: relative;
    width: 100%;
  }
  .cmshtml .top-list__item {
    position: relative;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .cmshtml .top-list__title {
    padding: 15px 10px;
  }
  .cmshtml .top-list__title__img {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
  .cmshtml .top-list__title__main, .cmshtml .top-list__title__sub {
    text-align: center;
    display: block;
    margin-left: 0;
  }
}

.cmshtml .section-map {
  line-height: 0;
  text-align: center;
  background: #f1f1f1;
}

.cmshtml .section-map .wc_addGoogleMap_span::before {
  margin-left: auto;
  margin-right: auto;
}

.cmshtml .section-place {
  padding: 40px 0;
  background-color: #EBEBEB;
}

.cmshtml .top-place {
  display: flex;
  justify-content: center;
}

.cmshtml .top-place__item {
  margin: 0 30px;
  position: relative;
  transition: opacity 0.3s;
}

.cmshtml .top-place__item:hover {
  opacity: 0.8;
}

.cmshtml .top-place__title {
  font-weight: bold;
  font-size: 18px;
  font-weight: bold;
}

.cmshtml .top-place__title a {
  display: inline-block;
  background: url(../img/top/icon-link.png) no-repeat center right 0;
  padding-right: 30px;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .cmshtml .section-place {
    padding: 40px 0 40px;
    background-color: #EBEBEB;
  }
  .cmshtml .top-place {
    display: block;
  }
  .cmshtml .top-place__item {
    text-align: center;
    width: 100%;
    margin: 0 0 40px;
  }
  .cmshtml .top-place__item img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .cap-icon, .cmshtml .cap-l, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header {
  margin: 0 auto 48px;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-icon, .cmshtml .cap-l, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header {
    margin: 0 auto 32px;
    padding-right: 2%;
    padding-left: 2%;
  }
}

.cmshtml .cap-icon {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  color: #0C4DA1;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  position: relative;
  padding-top: 52px;
  margin-bottom: 64px;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-icon {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-icon {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: left;
  }
}

.cmshtml .cap-icon:before {
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -19px;
  margin: auto;
  content: '';
  width: 37px;
  height: 44px;
  background: url(../img/top/icon-service.png) no-repeat center top 0;
  background-size: 37px 44px;
}

.cmshtml .cap-icon .maru {
  position: absolute;
  z-index: -1;
  background: rgba(12, 77, 161, 0.15);
  width: 80px;
  height: 80px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  transform: translateX(-10px);
}

.cmshtml .cap-icon .maru::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: rgba(40, 172, 166, 0.15);
  width: 40px;
  height: 40px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  border-radius: 50%;
  transform: translateX(50px);
}

.cmshtml .cap-l {
  font-size: 28px;
  font-size: 1.75rem;
  margin-top: 60px;
  font-weight: 900;
  padding: 8px;
  text-align: center;
  display: block;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .cap-l {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 40px;
  }
}

.cmshtml .cap-l.cl-2 {
  border: none;
  color: #0C4DA1;
}

.cmshtml .cap-l.cl-2:after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  width: 60px;
  border-bottom: solid 4px #0C4DA1;
  left: 0;
  right: 0;
  margin: auto;
}

.cmshtml .cap-l.cl-3 {
  font-weight: bold;
  color: #0C4DA1;
  text-align: left;
  padding: 16px 0;
}

.cmshtml .cap-l.cl-3:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #28ACA6, #0C4DA1);
  left: 0;
  margin: auto;
}

.cmshtml .cap-m {
  margin-top: 64px;
  position: relative;
  text-align: center;
}

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

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

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

.cmshtml .cap-m.cm-2 h3 {
  padding: 0 0 0 20px;
  color: #0C4DA1;
}

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

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

.cmshtml .cap-m.cm-3 h3 {
  position: relative;
  padding: 14px 20px;
  background-color: #fff;
  border-radius: 5px;
  color: #0C4DA1;
  border: 1px solid rgba(12, 77, 161, 0.5);
  box-shadow: 4px 4px 0 rgba(0, 63, 125, 0.1);
}

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

.cmshtml .cap-m.cm-4 h3 {
  position: relative;
  padding-bottom: 4px;
  border-bottom: 1px solid #CECEBF;
  color: #0C4DA1;
}

.cmshtml .cap-m.cm-4 h3:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 1px;
  background-color: #0C4DA1;
}

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

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

.cmshtml .cap-s.cs-2 h4:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 5px;
  background: #0C4DA1;
}

.cmshtml .cap-s.cs-3 h4 {
  display: inline-block;
  padding-bottom: 6px;
}

.cmshtml .cap-s.cs-3 h4:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(135deg, #28ACA6, #28ACA6 60%, #0C4DA1);
}

.cmshtml .news-header {
  border-bottom: 1px solid #CECEBF;
}

.cmshtml .news-header .date {
  position: relative;
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ccc;
}

.cmshtml .news-header h3 {
  padding: 16px 0;
  font-size: 19px;
  font-size: 1.1875rem;
  position: relative;
}

.cmshtml .news-header.cate_wrap {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
}

.cmshtml .news-header.cate_wrap .cate {
  float: left;
  width: 180px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  text-align: center;
  background-color: #003265;
}

.cmshtml .news-header.cate_wrap .cate.c02 {
  background: #6884c1;
}

.cmshtml .news-header.cate_wrap .cate.c03 {
  background: #9bad00;
}

.cmshtml .news-header.cate_wrap .cate.c04 {
  background: #28aca6;
}

.cmshtml .news-header.cate_wrap .cate.c05 {
  background: #1e9914;
}

.cmshtml .news-header.cate_wrap .cate.c06 {
  background: #ad0700;
}

.cmshtml .news-header.cate_wrap .date {
  color: #666;
}

.cmshtml .news-header.cate_wrap h2 {
  clear: both;
  padding-top: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .news-header.cate_wrap h2 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #003F7D;
  }
}

.cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .boxwrap4, .cmshtml .to-buttonbox, .cmshtml .to-telinquiry, .cmshtml .anc-navi ul {
  margin-bottom: 64px;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .boxwrap4, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .to-telinquiry, .cmshtml .anc-navi ul {
    margin-bottom: 32px;
  }
}

.cmshtml .boxwrap2 {
  padding: 20px;
  background: url(../img/top/bg-service.png) no-repeat left center;
  border: 1px solid #CECEBF;
  box-shadow: 1px 3px 10px -3px rgba(0, 0, 0, 0.2);
}

.cmshtml .boxwrap3 {
  margin-bottom: 48px;
}

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

.cmshtml .boxwrap4 {
  margin-bottom: 64px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

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

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

.cmshtml .boxwrap4.direction-normal {
  flex-direction: row;
}

.cmshtml .boxwrap4.direction-normal .text-area {
  margin-right: auto;
  flex-grow: 1;
}

.cmshtml .boxwrap4.direction-normal .img-area {
  margin-right: 32px;
  text-align: center;
}

.cmshtml .boxwrap4.direction-reverse {
  flex-direction: row-reverse;
}

.cmshtml .boxwrap4.direction-reverse .text-area {
  margin-right: auto;
}

.cmshtml .boxwrap4.direction-reverse .img-area {
  margin-left: 32px;
  text-align: center;
}

.cmshtml .boxwrap4.direction-reverse.profile {
  background-color: #eff6f9;
  padding: 40px;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap4.direction-reverse.profile {
    padding: 20px 30;
  }
}

.cmshtml .boxwrap4.direction-reverse.profile .img-area {
  border-radius: 999px;
  flex-shrink: 0;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap4.direction-reverse.profile .img-area img {
    margin-bottom: 0 !important;
  }
}

.cmshtml .boxwrap4.direction-reverse.profile h4 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 12px;
  padding-bottom: 8px;
  font-weight: 700;
  border-bottom: 1px solid rgba(12, 77, 161, 0.3);
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap4.direction-reverse.profile h4 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 12px;
  }
}

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

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

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

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

.cmshtml .ir.sm {
  margin-left: 10px;
}

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

.cmshtml .il.sm {
  margin-right: 10px;
}

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

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

.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% 32px 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;
  font-size: 0.875rem;
}

.cmshtml .i1 .in-wrap div img, .cmshtml .i2 .in-wrap div img, .cmshtml .i3 .in-wrap div img, .cmshtml .i4 .in-wrap div img, .cmshtml .i5 .in-wrap div img {
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.cmshtml .i1 .in-wrap div h4, .cmshtml .i2 .in-wrap div h4, .cmshtml .i3 .in-wrap div h4, .cmshtml .i4 .in-wrap div h4, .cmshtml .i5 .in-wrap div h4 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  color: #003F7D;
  padding-bottom: 8px;
}

.cmshtml .i1 .in-wrap div.boxdc, .cmshtml .i2 .in-wrap div.boxdc, .cmshtml .i3 .in-wrap div.boxdc, .cmshtml .i4 .in-wrap div.boxdc, .cmshtml .i5 .in-wrap div.boxdc {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.2);
}

.cmshtml .i1 .in-wrap div.boxdc h4, .cmshtml .i2 .in-wrap div.boxdc h4, .cmshtml .i3 .in-wrap div.boxdc h4, .cmshtml .i4 .in-wrap div.boxdc h4, .cmshtml .i5 .in-wrap div.boxdc h4 {
  background-color: #d9e9f4;
  padding: 15px 0 12px;
}

.cmshtml .i1 .in-wrap div.boxdc figcaption, .cmshtml .i2 .in-wrap div.boxdc figcaption, .cmshtml .i3 .in-wrap div.boxdc figcaption, .cmshtml .i4 .in-wrap div.boxdc figcaption, .cmshtml .i5 .in-wrap div.boxdc figcaption {
  background: #fff;
  padding: 10px 5% 16px;
  margin-top: -8px;
  text-align: left;
}

.cmshtml .i1 .in-wrap div.boxmenu figure img, .cmshtml .i2 .in-wrap div.boxmenu figure img, .cmshtml .i3 .in-wrap div.boxmenu figure img, .cmshtml .i4 .in-wrap div.boxmenu figure img, .cmshtml .i5 .in-wrap div.boxmenu figure img {
  border-radius: 10px;
}

.cmshtml .i1 .in-wrap div.boxmenu h3, .cmshtml .i2 .in-wrap div.boxmenu h3, .cmshtml .i3 .in-wrap div.boxmenu h3, .cmshtml .i4 .in-wrap div.boxmenu h3, .cmshtml .i5 .in-wrap div.boxmenu h3 {
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0C4DA1;
}

.cmshtml .i1 .in-wrap div.boxmenu figcaption, .cmshtml .i2 .in-wrap div.boxmenu figcaption, .cmshtml .i3 .in-wrap div.boxmenu figcaption, .cmshtml .i4 .in-wrap div.boxmenu figcaption, .cmshtml .i5 .in-wrap div.boxmenu figcaption {
  text-align: left;
  margin-bottom: 10px;
}

.cmshtml .i1 .in-wrap div.boxcsr, .cmshtml .i2 .in-wrap div.boxcsr, .cmshtml .i3 .in-wrap div.boxcsr, .cmshtml .i4 .in-wrap div.boxcsr, .cmshtml .i5 .in-wrap div.boxcsr {
  text-align: left;
  border-top: 3px solid #003F7D;
  background: linear-gradient(0deg, #F3F3F3, #F3F3F3), #C4C4C4;
  padding: 30px 20px;
  box-shadow: 2px 5px 10px -2px rgba(0, 0, 0, 0.24);
}

.cmshtml .i1 .in-wrap div.boxcsr h4, .cmshtml .i2 .in-wrap div.boxcsr h4, .cmshtml .i3 .in-wrap div.boxcsr h4, .cmshtml .i4 .in-wrap div.boxcsr h4, .cmshtml .i5 .in-wrap div.boxcsr h4 {
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 19px;
  font-size: 1.1875rem;
  margin: 0 0  20px;
  font-weight: bold;
}

.cmshtml .i1 .in-wrap div.boxcsr .innerflex, .cmshtml .i2 .in-wrap div.boxcsr .innerflex, .cmshtml .i3 .in-wrap div.boxcsr .innerflex, .cmshtml .i4 .in-wrap div.boxcsr .innerflex, .cmshtml .i5 .in-wrap div.boxcsr .innerflex {
  margin: 0 0% 0 0;
  text-align: left;
  max-width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.cmshtml .i1 .in-wrap div.boxcsr .innerflex .img-area, .cmshtml .i2 .in-wrap div.boxcsr .innerflex .img-area, .cmshtml .i3 .in-wrap div.boxcsr .innerflex .img-area, .cmshtml .i4 .in-wrap div.boxcsr .innerflex .img-area, .cmshtml .i5 .in-wrap div.boxcsr .innerflex .img-area {
  margin-right: 0px;
  text-align: center;
  flex-shrink: 0;
}

.cmshtml .i1 .in-wrap div.boxcsr .innerflex .img-area img.il, .cmshtml .i2 .in-wrap div.boxcsr .innerflex .img-area img.il, .cmshtml .i3 .in-wrap div.boxcsr .innerflex .img-area img.il, .cmshtml .i4 .in-wrap div.boxcsr .innerflex .img-area img.il, .cmshtml .i5 .in-wrap div.boxcsr .innerflex .img-area img.il {
  margin-right: 16px;
  border-radius: 5px;
  width: 160px;
}

.cmshtml .i1 .in-wrap div.boxcsr .innerflex .text-area, .cmshtml .i2 .in-wrap div.boxcsr .innerflex .text-area, .cmshtml .i3 .in-wrap div.boxcsr .innerflex .text-area, .cmshtml .i4 .in-wrap div.boxcsr .innerflex .text-area, .cmshtml .i5 .in-wrap div.boxcsr .innerflex .text-area {
  margin-right: auto;
  flex-grow: 1;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  background: linear-gradient(0deg, #F3F3F3, #F3F3F3), #C4C4C4;
}

.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 div.i2div.sub-box.boxpro {
  border-top: 1px solid rgba(12, 77, 161, 0.5);
  padding: 25px 0 0;
  position: relative;
  width: 47.5%;
  margin: 0 5% 2.2em 0;
}

.cmshtml div.i2div.sub-box.boxpro:nth-child(2n) {
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml div.i2div.sub-box.boxpro {
    width: 100%;
    margin-right: 0;
  }
}

.cmshtml div.i2div.sub-box.boxpro::after {
  position: absolute;
  top: -2px;
  left: 0;
  content: '';
  display: block;
  width: 172px;
  height: 4px;
  border-radius: 99px;
  background: #0C4DA1;
}

.cmshtml div.i2div.sub-box.boxpro .flex {
  display: flex;
  margin-bottom: 0;
}

.cmshtml div.i2div.sub-box.boxpro .flex .leftbox {
  width: 172px;
  flex-shrink: 0;
  margin-right: 15px;
}

@media screen and (max-width: 800px) {
  .cmshtml div.i2div.sub-box.boxpro .flex .leftbox {
    width: 160px;
    margin-right: 12px;
  }
}

.cmshtml div.i2div.sub-box.boxpro .flex .leftbox img {
  border-radius: 5px;
}

.cmshtml div.i2div.sub-box.boxpro .flex .rightbox {
  flex-shrink: 1;
}

@media screen and (max-width: 800px) {
  .cmshtml div.i2div.sub-box.boxpro .flex .rightbox {
    width: calc(100% - 172px);
  }
}

.cmshtml div.i2div.sub-box.boxpro .flex .rightbox .cap-s.cs-4 h4 {
  font-size: 19px;
  font-size: 1.1875rem;
}

.cmshtml div.i2div.sub-box.boxpro .flex .rightbox p {
  font-size: 14px;
  font-size: 0.875rem;
}

.cmshtml div.i2div.sub-box.boxpro p.p_btn {
  text-align: right;
  padding-top: 18px;
}

.cmshtml div.i2div.sub-box.boxpro p.p_btn a {
  padding: 8px 60px;
  display: inline-block;
  background: linear-gradient(to right, #0C4DA1, #28ACA6);
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cmshtml div.i2div.sub-box.boxpro p.p_btn a::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
}

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

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

.cmshtml .i1 .i1div h2 {
  background: #0C4DA1;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
}

.cmshtml .i1 .i1div.sub-box div {
  margin-right: 0;
}

.cmshtml .i1 .i1div.sub-box h4, .cmshtml .i1 .i1div.sub-box p {
  text-align: left;
}

.cmshtml .i1 .i1div.sub-box img {
  border-radius: 5px;
  margin-right: 8px;
}

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

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

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

.cmshtml .i2 .i2div h2 {
  background: #0C4DA1;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
}

.cmshtml .i2 .i2div.sub-box div {
  margin-right: 0;
}

.cmshtml .i2 .i2div.sub-box h4, .cmshtml .i2 .i2div.sub-box p {
  text-align: left;
}

.cmshtml .i2 .i2div.sub-box img {
  border-radius: 5px;
  margin-right: 8px;
}

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

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

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

.cmshtml .i3 .i3div h2 {
  background: #0C4DA1;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
}

.cmshtml .i3 .i3div.sub-box div {
  margin-right: 0;
}

.cmshtml .i3 .i3div.sub-box h4, .cmshtml .i3 .i3div.sub-box p {
  text-align: left;
}

.cmshtml .i3 .i3div.sub-box img {
  border-radius: 5px;
  margin-right: 8px;
}

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

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

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

.cmshtml .i4 .i4div h2 {
  background: #0C4DA1;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
}

.cmshtml .i4 .i4div.sub-box div {
  margin-right: 0;
}

.cmshtml .i4 .i4div.sub-box h4, .cmshtml .i4 .i4div.sub-box p {
  text-align: left;
}

.cmshtml .i4 .i4div.sub-box img {
  border-radius: 5px;
  margin-right: 8px;
}

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

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

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

.cmshtml .i5 .i5div h2 {
  background: #0C4DA1;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
}

.cmshtml .i5 .i5div.sub-box div {
  margin-right: 0;
}

.cmshtml .i5 .i5div.sub-box h4, .cmshtml .i5 .i5div.sub-box p {
  text-align: left;
}

.cmshtml .i5 .i5div.sub-box img {
  border-radius: 5px;
  margin-right: 8px;
}

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

.cmshtml .line-hr hr {
  height: 1px;
  margin-bottom: 64px;
  overflow: hidden;
  border: none;
  border-bottom: dotted 1px #aaa;
}

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

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

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

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

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th, .cmshtml .tb-box4 th, .cmshtml .tb-box5 th {
  background: #e9e9e9;
  padding: 16px 8px;
  border: 1px solid #ccc;
  color: #0C4DA1;
}

.cmshtml .tb-box1 th.w10, .cmshtml .tb-box1-2 th.w10, .cmshtml .tb-box2 th.w10, .cmshtml .tb-box3 th.w10, .cmshtml .tb-box4 th.w10, .cmshtml .tb-box5 th.w10 {
  width: 10%;
}

.cmshtml .tb-box1 th.w20, .cmshtml .tb-box1-2 th.w20, .cmshtml .tb-box2 th.w20, .cmshtml .tb-box3 th.w20, .cmshtml .tb-box4 th.w20, .cmshtml .tb-box5 th.w20 {
  width: 20%;
}

.cmshtml .tb-box1 th.w35, .cmshtml .tb-box1-2 th.w35, .cmshtml .tb-box2 th.w35, .cmshtml .tb-box3 th.w35, .cmshtml .tb-box4 th.w35, .cmshtml .tb-box5 th.w35 {
  width: 35%;
}

.cmshtml .tb-box1 td, .cmshtml .tb-box1-2 td, .cmshtml .tb-box2 td, .cmshtml .tb-box3 td, .cmshtml .tb-box4 td, .cmshtml .tb-box5 td {
  background: transparent;
  padding: 10px 8px;
  border: 1px solid #ccc;
  line-height: 1.6;
  font-size: 15px;
  font-size: 0.9375rem;
}

.cmshtml .tb-box1 td.w10, .cmshtml .tb-box1-2 td.w10, .cmshtml .tb-box2 td.w10, .cmshtml .tb-box3 td.w10, .cmshtml .tb-box4 td.w10, .cmshtml .tb-box5 td.w10 {
  width: 10%;
}

.cmshtml .tb-box1 td.w20, .cmshtml .tb-box1-2 td.w20, .cmshtml .tb-box2 td.w20, .cmshtml .tb-box3 td.w20, .cmshtml .tb-box4 td.w20, .cmshtml .tb-box5 td.w20 {
  width: 20%;
}

.cmshtml .tb-box1 td.w35, .cmshtml .tb-box1-2 td.w35, .cmshtml .tb-box2 td.w35, .cmshtml .tb-box3 td.w35, .cmshtml .tb-box4 td.w35, .cmshtml .tb-box5 td.w35 {
  width: 35%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .tb-box5 td {
  width: 16.6%;
}

.cmshtml .tb-box5 th .w10, .cmshtml .tb-box5 td .w10 {
  width: 10%;
}

.cmshtml .tbflexwrap {
  display: flex;
  margin-bottom: 64px;
}

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

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

.cmshtml .tbflexwrap .midashi {
  width: 178px;
  letter-spacing: 0;
  background: #0B4FA0;
  text-align: center;
  color: #fff;
  padding: 20px 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.cmshtml .tbflexwrap .midashi * {
  color: #fff;
}

.cmshtml .tbflexwrap .midashi h3 {
  font-weight: 700;
  font-size: 17px;
  font-size: 1.0625rem;
}

.cmshtml .tbflexwrap .midashi .sub {
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (max-width: 800px) {
  .cmshtml .tbflexwrap .midashi {
    width: 100%;
    text-align: left;
    display: block;
    padding: 10px;
  }
  .cmshtml .tbflexwrap .midashi br {
    display: none;
    margin-right: 10px;
  }
}

.cmshtml .tbflexwrap .dibox {
  width: 900px;
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .cmshtml .tbflexwrap .dibox {
    width: 100%;
    padding-left: 0;
  }
}

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

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

.cmshtml .dl-box1 dl {
  border-top: solid 1px rgba(12, 77, 161, 0.3);
  display: table;
  width: 100%;
}

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

.cmshtml .dl-box1 dl dt {
  width: 30%;
  padding: 16px 2%;
  background: #DDEEFF;
  color: #0C4DA1;
  font-weight: 700;
}

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

.cmshtml .dl-box1 dl:last-child {
  border-bottom: solid 1px rgba(12, 77, 161, 0.3);
}

.cmshtml .to-buttonbox {
  display: flex;
  flex-direction: row-reverse;
}

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

.cmshtml .to-bt {
  box-sizing: border-box;
}

.cmshtml .to-buttonbox .to-bt2 {
  margin-left: 16px;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.cmshtml .to-buttonbox p.txt {
  margin-right: auto;
}

.cmshtml .to-bt a {
  padding: 15px 60px;
  display: inline-block;
  background: linear-gradient(to right, #0C4DA1, #28ACA6);
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cmshtml .to-bt a:after {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cmshtml .to-bt a:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
}

.cmshtml .to-bt a:hover:after {
  right: 20px;
  opacity: 1;
}

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

.cmshtml .to-bt2 p a {
  display: inline-block;
  padding: 8px 32px;
  text-align: center;
  background: linear-gradient(to bottom, #fff, #ddd);
  color: #242413;
  border: #bbb 1px solid;
  border-radius: 2px;
  text-decoration: none;
  transition: all 0.6s;
  position: relative;
}

.cmshtml .to-bt2 p a:before, .cmshtml .to-bt2 p a:after {
  content: '';
  display: block;
  position: absolute;
}

.cmshtml .to-bt2 p a:before {
  top: 4px;
  left: 7px;
  width: 31px;
  height: 36px;
  background: url("../img/fix/dl.svg") no-repeat left center;
  background-size: 31px 31px;
}

.cmshtml .to-bt2 p a:after {
  top: 50%;
  right: 8px;
  width: 5px;
  height: 6px;
  margin-top: -3px;
  background: url("../img/fix/panlist.svg") no-repeat left center;
  background-size: 5px 6px;
}

.cmshtml .to-bt2 p a:hover {
  background: linear-gradient(to top, #fff, #ddd);
}

.cmshtml .to-bt2 p a[href$=".pdf"] {
  padding: 8px 24px 8px 48px;
}

.cmshtml .to-bt2 p a[href$=".pdf"]:before {
  background: url("../img/fix/icon-pdf-m.svg") no-repeat left center;
}

.cmshtml .to-bt2 p a[href$=".xls"] {
  padding: 8px 24px 8px 48px;
}

.cmshtml .to-bt2 p a[href$=".xls"]:before {
  background: url("../img/fix/icon-xcel-m.svg") no-repeat left center;
}

.cmshtml .to-bt2 p a[href$=".xlsx"] {
  padding: 8px 24px 8px 48px;
}

.cmshtml .to-bt2 p a[href$=".xlsx"]:before {
  background: url("../img/fix/icon-xcel-m.svg") no-repeat left center;
}

.cmshtml .to-bt2 p a[href$=".doc"] {
  padding: 8px 24px 8px 48px;
}

.cmshtml .to-bt2 p a[href$=".doc"]:before {
  background: url("../img/fix/icon-word-m.svg") no-repeat left center;
}

.cmshtml .to-bt2 p a[href$=".docx"] {
  padding: 8px 24px 8px 48px;
}

.cmshtml .to-bt2 p a[href$=".docx"]:before {
  background: url("../img/fix/icon-word-m.svg") no-repeat left center;
}

.cmshtml .qabox dl dt, .cmshtml .qabox dl dd {
  position: relative;
  padding: 8px 0 16px 56px;
}

.cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
  display: block;
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 32px;
  font-size: 2rem;
  font-family: 'Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  font-weight: 700;
  color: #fff;
  padding: 0 16px;
}

.cmshtml .qabox dl dt {
  margin-bottom: 8px;
  border-bottom: 1px dashed #ddd;
}

.cmshtml .qabox dl dt:before {
  content: 'Q';
  color: #0C4DA1;
}

.cmshtml .qabox dl dd:before {
  content: 'A';
  color: #28ACA6;
}

.cmshtml .stepbox {
  max-width: 100%;
  margin: 40px auto;
  overflow: hidden;
}

#editView .cmshtml .stepbox {
  overflow: visible;
}

.cmshtml .stepbox {
  padding: 0;
}

.cmshtml .stepbox li {
  display: table;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
}

#editView .cmshtml .stepbox .left{
  background:#0C4DA1;
  color:#fff;
}

#editView .cmshtml .stepbox .left h2{
  text-align:center;
  color:#fff;
}


.cmshtml .stepbox li .left, .cmshtml .stepbox li .il, .cmshtml .stepbox li .right, .cmshtml .stepbox li .ir {
  display: table-cell;
  float: none;
  position: relative;
}

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

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

.cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  color: #fff;
  background: #0C4DA1;
  font-weight: bold;
  font-size:1.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  letter-spacing: 0;
  padding-top:45px;
}

.cmshtml .stepbox li .left h2::before, .cmshtml .stepbox li .il h2::before {
  background: #fff;
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(50% - 2px);
  border-radius: 999px 999px 0 0;
  content: "";
  z-index: -1;
}

.cmshtml .stepbox li .left h2::after, .cmshtml .stepbox li .il h2::after {
  color: #0C4DA1;
  position: absolute;
  left: 0;
  right:0;
  top: 15px;
  content: "STEP";
  z-index: 1;
  display:inline-block;
}

#editView .cmshtml .stepbox .right h3{
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}


@media screen and (max-width: 800px) {

.cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
  padding-top:25px;
}


.cmshtml .stepbox li .left h2::after, .cmshtml .stepbox li .il h2::after {
  top: 8px;
  font-size:0.8rem;
}

}



.cmshtml .stepbox li .left h2 .ue, .cmshtml .stepbox li .il h2 .ue {
  margin-top: auto;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  display: block;
  color: #0C4DA1;
}

.cmshtml .stepbox li .left h2 .shita, .cmshtml .stepbox li .il h2 .shita {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  font-family: 'Roboto','Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

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

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

.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 8px 32px;
}

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



.cmshtml .stepbox li .right .stepbox-maintxt img, .cmshtml .stepbox li .ir .stepbox-maintxt img {
  float: right;
}

.cmshtml .stepbox li .right .i3, .cmshtml .stepbox li .ir .i3 {
  margin-bottom: 20px;
}

.cmshtml .stepbox li:last-child:after {
  border: none;
  display: none;
}

.cmshtml .stepbox-subtxt {
  border: double 4px #CECEBF;
  padding: 8px 8px 8px 24px;
  position: relative;
}

.cmshtml .stepbox-subtxt:before {
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  position: absolute;
  top: 16px;
  left: 8px;
  background: #0C4DA1;
}

.cmshtml .submenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cmshtml .submenu::after {
  content: "";
  display: block;
  width: 33.25%;
}

.cmshtml .submenu li {
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .cmshtml .submenu li {
    width: 100% !important;
    margin: 0 0px 1px 0 !important;
  }
}

.cmshtml .submenu.submenu4::after {
  content: "";
  display: block;
  width: 24.92%;
}

.cmshtml .submenu.submenu4 li {
  width: 24.92%;
  margin: 0 1px 1em 0;
  text-align: left;
}

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

.cmshtml .submenu.submenu5::after {
  content: "";
  display: block;
  width: 19.92%;
}

.cmshtml .submenu.submenu5 li {
  width: 20%;
  margin: 0 0px 1em 0;
  border-right: 1px solid #fff;
}

.cmshtml .submenu.submenu5 li:nth-child(5n) {
  border-right: 1px solid #0C4DA1;
}

.cmshtml .submenu_li {
  width: 33.05%;
  margin: 0 0.2% 4px 0;
  line-height: 1.5;
  background: #28ACA6;
  overflow: hidden;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

#editView .cmshtml .submenu_li {
  width: 100%;
}

.cmshtml .submenu_li:hover {
  background: #0C4DA1;
}

.cmshtml .submenu_li a {
  display: block;
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  padding: 1em 1em 1em 2em;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml .submenu_li a:before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

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

.cmshtml .to-telinquiry {
  border: 1px solid #ddd;
  box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.2);
  background: #fff;
  box-sizing: border-box;
}

.cmshtml .to-telinquiry h2, .cmshtml .to-telinquiry div {
  vertical-align: middle;
}

.cmshtml .to-telinquiry h2 {
  padding: 48px 24px 16px 24px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
}

.cmshtml .to-telinquiry address.indiv {
  padding: 8px 24px 48px 24px;
  text-align: center;
}

.cmshtml .to-telinquiry address.indiv  a {
  display: inline-block;
  color: #666;
  font-size: 44px;
  font-size: 2.75rem;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-style: normal;
  font-weight: 700;
  padding-left: 56px;
  background: url("../img/fix/to-box-tel.svg") no-repeat left center;
  background-size: 40px 40px;
}

.cmshtml .anc-navi {
  margin-bottom: 30px;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

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

.cmshtml .anc-navi li {
  flex: 0 0 31%;
  margin-right: 1.2%;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  background-color: #eff6f9;
  box-sizing: border-box;
  color: #00587c;
  border-radius: 99px;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: 0 0 0px 0 #00587c;
}

@media screen and (max-width: 800px) {
  .cmshtml .anc-navi li {
    width: 100%;
    margin-right: 0;
  }
}

.cmshtml .anc-navi li a {
  padding: 12px 20px 10px;
  display: block;
  position: relative;
  overflow: hidden;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.cmshtml .anc-navi li a::after {
  content: "";
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #0C4DA1;
}

@media screen and (min-width: 801px) {
  .cmshtml .anc-navi li:hover {
    box-shadow: 0 0 0 1px #00587c inset;
  }
}

.cmshtml .anc-navi_li.li04 {
  flex: 0 0 23.8%;
}

@media screen and (max-width: 800px) {
  .cmshtml .anc-navi li.li04 {
    width: 49%;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.cmshtml .deli {
  padding: 0px 0 20px;
  margin-bottom: 50px;
  background: linear-gradient(145.04deg, #54B3AD 23.03%, #EBF3F3 99.51%), #C4C4C4;
  background: #eff4f2;
}

.cmshtml .deli .cap-m {
  width: 100%;
}

.cmshtml .deli .cap-m h3 {
  color: #fff;
  background: #28ACA6;
  border-top: 3px solid #249993;
  padding: 30px 0;
}

.cmshtml .info-body {
  background: #fff;
  border: 10px solid rgba(40, 172, 166, 0.5);
  display: flex;
  text-align: center;
  align-items: center;
  margin-bottom: 48px;
}

@media screen and (max-width: 800px) {
  .cmshtml .info-body {
    margin-bottom: 32px;
  }
}

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

.cmshtml .info-body dt {
  width: 50%;
  padding: 18px;
  border-right: 10px solid rgba(40, 172, 166, 0.5);
}

@media screen and (max-width: 800px) {
  .cmshtml .info-body dt {
    width: 100%;
    border: none;
  }
}

.cmshtml .info-body dd.telnumber {
  width: 50%;
  padding: 16px;
}

@media screen and (max-width: 800px) {
  .cmshtml .info-body dd.telnumber {
    width: 100%;
  }
}

.cmshtml .info-body dd.telnumber p.tel_p {
  color: #28ACA6;
  line-height: 1;
  font-weight: 500;
  font-size: 32px;
  font-style: normal;
  padding-left: 40px;
  font-family: 'Roboto', 'Noto Sans JP', "メイリオ", Meiryo, Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  position: relative;
  letter-spacing: 0;
  display: inline-block;
}

.cmshtml .info-body dd.telnumber p.tel_p::before {
  content: "TEL.";
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.cmshtml .info-body dd.telnumber p.txt {
  padding-top: 5px;
}

.cmshtml .cheer {
  margin-bottom: 48px;
}

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

.cmshtml .cheerwrap {
  border-top: 1px dashed #ddd;
  background: url(../img/top/bg-border.png);
}

.cmshtml .cheerwrap:nth-of-type(2n) {
  background: #fff;
}

.cmshtml .cheerwrap:first-child {
  border-bottom: 1px dashed #ddd;
}

.cmshtml .cheerwrap .innerflex {
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.cmshtml .cheerwrap .leftbox h2 {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 12px;
  font-weight: 700;
  background: url(../img/fix/icon_ch.png) no-repeat 0 center;
  background-size: auto;
  padding-left: 62px;
}

.cmshtml .cheerwrap .leftbox h3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 8px;
  font-weight: 700;
  color: #28ACA6;
}

.cmshtml .cheerwrap .leftbox p span.date {
  display: block;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  padding-bottom: 5px;
}

.cmshtml .cheerwrap .rightbox {
  padding-left: 5%;
  width: 240px;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  .cmshtml .cheerwrap .rightbox {
    padding: 10px 10px 0;
    margin-right: auto;
  }
}

@media screen and (max-width: 800px) {
  .cmshtml .boxwrap1 > img, .cmshtml .boxwrap2 > img, .cmshtml .boxwrap3 > img, .cmshtml .boxwrap4 > img, .cmshtml .to-buttonbox > img, .cmshtml .qabox > img, .cmshtml .to-telinquiry > img, .cmshtml .anc-navi ul > img {
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap1 .il, .cmshtml .boxwrap2 .il, .cmshtml .boxwrap3 .il, .cmshtml .boxwrap4 .il, .cmshtml .to-buttonbox .il, .cmshtml .qabox .il, .cmshtml .to-telinquiry .il, .cmshtml .anc-navi ul .il {
    display: block;
    float: none;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }
  .cmshtml .boxwrap1 img.ir, .cmshtml .boxwrap2 img.ir, .cmshtml .boxwrap3 img.ir, .cmshtml .boxwrap4 img.ir, .cmshtml .to-buttonbox img.ir, .cmshtml .qabox img.ir, .cmshtml .to-telinquiry img.ir, .cmshtml .anc-navi ul img.ir {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }
  .cmshtml .boxwrap4.direction-normal {
    display: block;
    margin: 0 0 60px;
  }
  .cmshtml .boxwrap4.direction-normal .img-area {
    width: 100%;
    margin: 0;
  }
  .cmshtml .boxwrap4.direction-normal .img-area img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap4.direction-normal .text-area {
    margin: 0;
  }
  .cmshtml .boxwrap4.direction-reverse {
    margin: 0 0 60px;
    display: block;
  }
  .cmshtml .boxwrap4.direction-reverse .img-area {
    max-width: 100%;
    margin: 0;
  }
  .cmshtml .boxwrap4.direction-reverse .img-area img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap4.direction-reverse .text-area {
    margin: 0;
  }
  .cmshtml .i2 .in-wrap,
.cmshtml .i3 .in-wrap {
    display: block;
  }
  .cmshtml .i2 .in-wrap .i2div,
.cmshtml .i2 .in-wrap .i3div,
.cmshtml .i3 .in-wrap .i2div,
.cmshtml .i3 .in-wrap .i3div {
    width: 100%;
  }
  .cmshtml .i2 .in-wrap .i2div img,
.cmshtml .i2 .in-wrap .i3div img,
.cmshtml .i3 .in-wrap .i2div img,
.cmshtml .i3 .in-wrap .i3div img {
    max-width: 100%;
    height: auto;
  }
  .cmshtml .i4 .in-wrap .i4div {
    width: 49%;
  }
  .cmshtml .i4 .in-wrap .i4div:nth-child(2n) {
    margin-right: 0;
  }
  .cmshtml .i4 .in-wrap .i4div img {
    max-width: 100%;
    height: auto;
  }
  .cmshtml .i4 .in-wrap .i4div figcaption {
    text-align: left;
  }
  .cmshtml .dl-box1 {
    overflow: auto;
  }
  .cmshtml .dl-box1 dl {
    display: block;
  }
  .cmshtml .dl-box1 dl dt, .cmshtml .dl-box1 dl dd {
    display: block;
    width: 100%;
  }
  .cmshtml .dibox {
    overflow: auto;
  }
  .cmshtml .dibox table {
    min-width: 680px;
  }
  .cmshtml .to-buttonbox .to-bt2 {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .cmshtml .to-buttonbox .to-bt2 p {
    width: 100%;
  }
  .cmshtml .to-buttonbox .to-bt2 p a {
    width: 100%;
    box-sizing: border-box;
  }
  .cmshtml .stepbox {
    width: 100%;
  }
  .cmshtml .stepbox li .right, .cmshtml .stepbox li .ir {
    padding-left: 8px;
  }
  .cmshtml .stepbox li .right h3, .cmshtml .stepbox li .ir h3,
.cmshtml .stepbox li .right p.stepbox-maintxt,
.cmshtml .stepbox li .ir p.stepbox-maintxt {
    margin: 0;
  }
  .cmshtml .stepbox li .left h2, .cmshtml .stepbox li .il h2 {
    width: 60px;
    height: 60px;
  }
  .cmshtml .stepbox li .left h2 .ue, .cmshtml .stepbox li .il h2 .ue {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-top: 10px;
  }
  .cmshtml .stepbox li .left h2 .shita, .cmshtml .stepbox li .il h2 .shita {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .cmshtml .to-telinquiry .left, .cmshtml .to-telinquiry .il {
    width: 100%;
    padding: 0 20px;
    float: none;
    margin-bottom: 10px;
  }
  .cmshtml .to-telinquiry .right, .cmshtml .to-telinquiry .ir {
    width: 100%;
  }
  .cmshtml .to-telinquiry .right img, .cmshtml .to-telinquiry .ir img {
    width: auto;
  }
  .cmshtml .submenu {
    display: block;
  }
  .cmshtml .submenu li {
    width: 100%;
  }
  .cmshtml .to-bt p {
    width: 100%;
  }
  .cmshtml .to-bt p a {
    text-align: center;
    box-sizing: border-box;
    width: 100%;
  }
}

.cmshtml .flex {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml .wc_anctxt,
.cmshtml .wc_anctxt img {
  vertical-align: top;
}

#editView .cmshtml #topslide {
  width: 100%;
  opacity: 1 !important;
}

#editView .cmshtml #topslide div {
  max-height: unset;
}

#editView .cmshtml #topslide .sp-slides {
  width: 100%;
  height: 600px;
  overflow: auto;
  transform: translate3d(0) !important;
}

#editView .cmshtml #topslide .sp-slides .sp-slide {
  display: block;
  position: relative !important;
  opacity: 1 !important;
  float: left;
  margin-bottom: 5px;
}

#editView .cmshtml #topslide {
  width: 100%;
  opacity: 1 !important;
}

#editView .cmshtml #topslide .sp-slides {
  width: 100%;
  height: 600px;
  overflow: auto;
  transform: translate3d(0) !important;
}

#editView .cmshtml #topslide .sp-slides .sp-slide {
  display: block;
  position: relative !important;
  opacity: 1 !important;
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

#editView .cmshtml .f-links > div {
  display: flex;
  flex-wrap: wrap;
}

#editView .cmshtml .h-snslist > div {
  display: flex;
  justify-content: center;
}

#editView .cmshtml .top-list > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

#editView .cmshtml .top-service__list > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50%;
}
#editView .cmshtml .top-service__list.mid > div {
  width: 33%;
}

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

#editView .cmshtml .anc-navi ul > div {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .wc_addYoutube_span {
  padding: 24px;
}

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

.cmshtml .wc_addGoogleMap_span {
  padding: 24px;
}

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

.cmshtml .wc_facebook_span {
  padding: 24px;
}

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

.cmshtml .tableBlock {
  width: 95%;
}

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






















/* u01汎用class */
.cmshtml .hover {
  transition:0.4s;
}
.cmshtml .hover:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* 左右交互のスマホ時最適化 */
@media (min-width: 1px) and (max-width: 767px){
.cmshtml .rev .rdflexarea:nth-child(even) {
  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 .rdplanetext2.newstitle dt {
   font-weight: 700 ;
   font-size: 20px;
}
.cmshtml .newstitle dd {
   font-family: 'Open Sans', "游ゴシック", sans-serif;
   font-size: 12px;
   color: #8DCB52;
   font-weight: bold;
   margin:8px 0 0;
   padding:0;
}


/* 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: rgba(82, 163, 249, 0.2);
}

.cmshtml .cmsbody .rdtable tbody th {
  border-right-width: 1px;
  border-right-color: #ccc;
}



/* WC title */


.cmshtml .cmsbody .rdplanetitle,
.cmshtml .cmsbody .section-contact .rdplanetitle {
  position: relative;
}

.cmshtml .cmsbody .rdplanetitle h2,
.cmshtml .cmsbody .section-contact .rdplanetitle h2 {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    color: #0C4DA1;
}

.cmshtml .cmsbody .rdplanetitle h2:after,
.cmshtml .cmsbody .section-contact .rdplanetitle h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #28ACA6, #0C4DA1);
    left: 10px;
    margin: auto;
}

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

.cmshtml .cmsbody .rdplanetitle h3,
.cmshtml .cmsbody .section-contact .rdplanetitle h3 {
    margin: 8px auto 12px;
    font-size: 28px;
    margin-top: 60px;
    text-align: center;
    display: block;
    position: relative;
    font-weight: bold;
    color: #0C4DA1;
}

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



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


.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.625rem;
    padding: 12px 20px;
    border-radius: 4px;
    color: #0C4DA1;
}

.cmshtml .cmsbody .rdplanetitle h4:before,
.cmshtml .cmsbody .section-contact .rdplanetitle h4:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 22px;
    left: 10px;
    margin: auto;
    height: 40px;
    width: 4px;
    background: rgba(12, 77, 161, 0.4);
}

#editView .cmshtml .cmsbody .rdplanetitle h4:before,
#editView .cmshtml .cmsbody .section-contact .rdplanetitle h4:before {
    bottom: 6px;
    left: 0;
}




@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 {
    padding: 14px 20px;
    background-color: #fff;
    border-radius: 5px;
    color: #0C4DA1;
    border: 1px solid rgba(12, 77, 161, 0.5);
    box-shadow: 4px 4px 0 rgba(0, 63, 125, 0.1);
    font-weight: bold;
}


@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 {
  display: inline-block;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.cmshtml .cmsbody .rdplanetitle h6:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(135deg, #28ACA6, #28ACA6 60%, #0C4DA1);
}


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




/* ブログ追記CSS */
.cmshtml .cmsbody .rdListImageEmpty{display:none;}
.cmshtml .cmsbody .rdListShort .rdListItem{ width:100%;border:none;padding: 20px;margin: 0;box-shadow: none;}
.cmshtml .cmsbody .rdarticleTitleText a{text-decoration:none; display:block;color:#0C4DA1;}
.cmshtml .cmsbody .rdarticleTitleText a:hover{opacity:0.8;}
.cmshtml .cmsbody .rdarticleTitle h3 {font-weight: 700;border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;color: #0C4DA1;}
.cmshtml .cmsbody .rdListShort .rdListItem .rdListTitle {display: flex;align-items: center;}
.cmshtml .cmsbody .rdpublishDate{margin-right:20px;}
.cmshtml .cmsbody .rdListShort .rdListItem:nth-child(even) {background:#fafafa;}
.cmshtml .cmsbody .rdpublishDate {font-weight: 700;margin-bottom: 0;}
.cmshtml .cmsbody .rdnewArticle {background:#fff;}

.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:#0C4DA1;}
.cmshtml .cmsbody .top-news__list .rdnewArticle .rdnewArticle-contWrap .rdnewArticle-ContTitle a{font-weight:700;text-decoration:none;}


/* 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: rgba(82, 163, 249, 0.2);
    margin-bottom: 20px;
    padding: 15px;
}

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