@charset "UTF-8";

.cmshtml {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

.cmsbody {
  margin: 0;
}

.cmshtml article,
.cmshtml aside,
.cmshtml footer,
.cmshtml header,
.cmshtml nav,
.cmshtml section {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml dfn {
  font-style: italic;
}

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

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

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

.cmshtml sub {
  bottom: -0.25em;
}

.cmshtml sup {
  top: -0.5em;
}

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

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

.cmshtml img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml textarea {
  overflow: auto;
}

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

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

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

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

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

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

.cmshtml summary {
  display: list-item;
}

.cmshtml canvas {
  display: inline-block;
}

.cmshtml template {
  display: none;
}

.cmshtml [hidden] {
  display: none;
}

.cmshtml .cf {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml .cf:after {
  content: "";
  display: table;
}

.cmshtml .cf:after {
  clear: both;
}

.cmshtml .roboto {
  font-family: 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.cmshtml .min {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.cmshtml .oswald {
  font-family: 'Oswald', Helvetica Neue, Helvetica, 'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
}

.cmshtml .jp-style {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}

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

.cmshtml a:hover {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml .left {
  float: left;
}

.cmshtml .right {
  float: right;
}

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

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

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

.cmshtml img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

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

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

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

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

.cmshtml .red {
  color: #FF0000;
}

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

.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 .mb5 {
  margin-bottom: 5px;
}

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

.cmshtml .mb20 {
  margin-bottom: 20px;
}

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

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

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

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

.cmshtml p, .cmshtml div {
  letter-spacing: inherit;
  font-family: inherit;
  margin: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 576px) {
  .cmshtml p, .cmshtml div {
    letter-spacing: 0;
  }
}

.cmshtml section {
  box-sizing: border-box;
}

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

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

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

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

.cmshtml li {
  list-style: none;
}

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

.cmshtml a {
  color: inherit;
  cursor: pointer;
  backface-visibility: hidden;
}

.cmshtml a:hover {
  opacity: 0.8;
}

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

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

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

.cmsbody {
  background: #fff;
}

.cmshtml #l_footer .footer_inner, .cmshtml .copy, .cmshtml .boxwrap1, .cmshtml .top_news > div, .cmshtml .top_product > div, .cmshtml #section_pageHeader .titlearea, .cmshtml .title-navi_ul {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

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

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

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

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

.cmshtml #h-logo {
  position: absolute;
  top: 17px;
  left: 1.75%;
  width: 265px;
  z-index: 2;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml #h-logo a {
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/logo.png) no-repeat 0 0;
  background-size: 100%;
  width: 265px;
  height: 46px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml #h-logo a:hover {
  opacity: 1;
}

@media screen and (max-width: 1099px) {
  .cmshtml #h-logo {
    max-width: calc(95% - 60px);
    /*position: relative;	
      margin-bottom: 30px;*/
    top: 6px;
  }
  .cmshtml #h-logo a {
    max-width: 100%;
  }
}

.cmshtml #l-header {
  width: 100%;
  position: relative;
  /*h_nav End*/
}

@media screen and (min-width: 1100px) {
  .cmshtml #l-header {
    z-index: 3;
  }
  .cmshtml #l-header .headinner {
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    position: fixed;
    top: 0;
    left: 0;
  }
  .cmshtml #l-header .headinner.fixed {
    box-shadow: 0 3px 10px -5px rgba(7, 46, 67, 0.2);
    background: #fff;
    /*.h_nav__item.h_subnav {
          top: -87px;
          }*/
  }
  .cmshtml #l-header .headinner.fixed .h_nav__item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .cmshtml #l-header .headinner.fixed .drawer-menu-item {
    color: #000;
    text-shadow: 0 0 0px #fff;
  }
  .cmshtml #l-header .headinner.fixed .cap {
    color: #000;
    text-shadow: 0 0 0px #fff;
  }
}

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

.cmshtml #l-header .h_nav {
  position: relative;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav {
    position: fixed;
    padding: 0;
  }
}

.cmshtml #l-header .h_nav__list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  position: relative;
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav__list {
    max-height: none;
    max-width: 100%;
    flex-wrap: wrap;
    display: block;
    border-top: none;
    padding-top: 12px;
  }
}

.cmshtml #l-header .h_nav__item {
  text-align: center;
  line-height: 1.5;
  flex: 0 1 auto;
  letter-spacing: 0;
  font-size: clamp(17px, 2vw, 19px);
  font-weight: 700;
  position: relative;
  padding: 26.5px clamp(15px, 1.3vw, 20px);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.65);
}

.cmshtml #l-header .h_nav__item .cap {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.7;
  color: inherit;
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav__item {
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
    text-align: left;
    color: #0055AA;
    padding: 10px 0;
    text-shadow: none;
  }
  .cmshtml #l-header .h_nav__item .h-nav__link, .cmshtml #l-header .h_nav__item .cap {
    padding-left: 10px;
  }
}

.cmshtml #l-header .h_nav__item div {
  color: inherit;
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav__item div.drawer-menu-item {
    padding: 0 0 0 10px;
    text-decoration: none;
  }
}

.cmshtml #l-header .h_nav__item a {
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

@media screen and (max-width: 576px) {
  .cmshtml #l-header .h_nav__item a:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav__item a {
    width: 100%;
  }
}

@media screen and (min-width: 1099px) {
  .cmshtml #l-header .h_nav__item:hover {
    opacity: 1;
    background: #0055AA;
  }
}

.cmshtml #l-header .h_nav__item.h-nav__item--1.drawer-dropdown-space a {
  /*padding:26.5px calc(12px + 1.5vw) 26.5px 1.5vw;  */
}

.cmshtml #l-header .h_nav__item.h-nav__item--2 {
  width: clamp(100px, 10.5vw, 120px);
  background: -moz-linear-gradient(to right, #0055AA, #0091C6);
  background: -webkit-linear-gradient(to right, #0055AA, #0091C6);
  background: linear-gradient(to right, #0055AA, #0091C6);
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav__item.h-nav__item--2 {
    width: 100%;
  }
}

.cmshtml #l-header .h_nav__item.h-nav__item--2 .h-nav__link {
  color: #fff;
}

.cmshtml #l-header .h_nav__item.h-nav__item--2 .cap {
  color: #fff;
}

.cmshtml #l-header .h_nav .drawer-dropdown {
  position: relative;
}

.cmshtml #l-header .h_nav .drawer-dropdown:hover a {
  opacity: 1;
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav .drawer-dropdown:hover {
    /*background-color:none;*/
  }
  .cmshtml #l-header .h_nav .drawer-dropdown.openwrap {
    background-color: none;
  }
}

.cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu {
  position: absolute;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 1100px) {
  .cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu {
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 150px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  }
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu {
    display: block;
    position: relative;
    top: 0px;
    z-index: 1;
    box-shadow: none;
    transform: none;
    background: #E8EEF3;
    margin-top: 10px;
  }
}

.cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item {
  line-height: 1.5;
  padding: 0 10px;
  text-align: left;
  position: relative;
  color: #000;
  text-decoration: none !important;
  border-bottom: 1px dotted #E4E4E4;
  /*&:before {
          content: "";
          position: absolute;
          margin: auto;
          left: -6px;
          top: 0;
          bottom: 0;
          width: 12px;
          height: 12px;
          border-radius: 9em;
          background: $base-main-color;
          
          }
          &::after {
          background-size: auto auto;
          background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(193, 192, 191, 1) 2px, rgba(193, 192, 191, 1) 4px );
          content: "";
          position: absolute;
          left:0;
          bottom: 0;
          width: 100%;
          height: 1px;
          
          }
          &:last-child {
          &::after{display: none;}
          }*/
}

@media screen and (max-width: 1099px) {
  .cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item {
    text-align: left;
  }
}

.cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item a {
  padding: 7.5px 0px 7.5px;
}

.cmshtml .tel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-block;
  line-height: 1.4;
}

.cmshtml .tel a {
  position: relative;
  font-size: clamp(26px, 2.5vw, 30px);
  font-weight: 700;
  display: inline;
  color: inherit;
  text-decoration: none;
  background: url("../img/ico_tel.png") no-repeat left center;
  padding-left: 27px;
}

.cmshtml .mail {
  border-radius: 8px;
  color: #fff;
  background: #0055AA;
  font-size: clamp(18px, 2.5vw, 20px);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml .mail a {
  display: block;
  padding: 10px 30px;
  text-decoration: none;
}

.cmshtml .mail a:hover {
  color: #fff;
}

.cmshtml .sp-dropbutton {
  display: inline-block;
  position: absolute;
  right: 1.2vw;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 8px;
  transition: all 0.3s;
  z-index: 2;
}

.cmshtml .sp-dropbutton::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0px;
  margin: auto;
  transition: all 0.3s;
  width: 7px;
  height: 7px;
  border-right: 2px solid #0055AA;
  border-bottom: 2px solid #0055AA;
  transform: rotate(45deg);
  border-radius: 2px;
}

@media screen and (min-width: 1100px) {
  .cmshtml .sp-dropbutton {
    display: none;
  }
}

@media screen and (max-width: 1099px) {
  .cmshtml .sp-dropbutton {
    right: 0vw;
    top: 12px;
    width: 30px;
    height: 30px;
    bottom: auto;
  }
  .cmshtml .sp-dropbutton::before {
    right: 10px;
  }
}

@media screen and (min-width: 1100px) {
  .cmshtml .drawer-navbar {
    margin: 0 auto;
    height: auto;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    position: relative;
  }
  .cmshtml .drawer-hamburger {
    display: none;
  }
}

.cmshtml .drawer-hamburger {
  background-color: #0055AA;
  padding-top: 12px;
  padding-bottom: 32px;
  border-radius: 0 0 0 0;
}

.cmshtml .drawer-hamburger::after {
  content: "MENU";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 11px;
  color: #fff;
}

.cmshtml .drawer-hamburger:hover {
  cursor: pointer;
  background-color: #0055AA;
}

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

.cmshtml .drawer-hamburger-icon, .cmshtml .drawer-hamburger-icon::before, .cmshtml .drawer-hamburger-icon::after {
  background-color: #fff;
  height: 4px;
}

.cmshtml #l_footer {
  overflow: hidden;
  position: relative;
  background: #E8EEF3;
  border-bottom: 8px solid #0055AA;
  padding: calc(60px + 0vw) 10px;
}

.cmshtml #l_footer .footer_inner {
  justify-content: flex-start;
  gap: 20px 2vw;
}

.cmshtml #l_footer .footer_inner .flex_left {
  width: clamp(280px, 32vw, 330px);
}

.cmshtml #l_footer .footer_inner .flex_right {
  max-width: calc(100% - 380px);
  width: 60%;
}

@media screen and (max-width: 800px) {
  .cmshtml #l_footer .footer_inner .flex_left, .cmshtml #l_footer .footer_inner .flex_right {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 801px) {
  .cmshtml #l_footer .footer_inner .logo {
    border-right: 1px solid #BACFE4;
  }
}

.cmshtml #l_footer .footer_inner .address {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.cmshtml .copy {
  text-align: right;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 400;
  padding-top: 20px;
  text-align: right;
}

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

.cmshtml #pagetop-side {
  width: 58px;
  height: 58px;
  position: fixed;
  z-index: 100;
  bottom: 10px;
  right: 5px;
  text-indent: -9999px;
  background-image: url(../img/pagetop.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  cursor: pointer;
}

@media screen and (min-width: 577px) {
  .cmshtml #pagetop-side:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 576px) {
  .cmshtml #pagetop-side {
    width: 40px;
    height: 40px;
  }
}

.cmshtml #pagetop-side a {
  display: block;
}

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

.cmshtml #contents {
  width: 1100px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 40vh;
}

.cmshtml .inner {
  width: 1100px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cmshtml .l_main.page_main {
  overflow-x: hidden;
}

.cmshtml .pconly {
  display: block;
}

@media screen and (max-width: 576px) {
  .cmshtml .pconly {
    display: none;
  }
}

.cmshtml .sponly {
  display: none;
}

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

.cmshtml .spn {
  display: inline;
}

.cmshtml .flex_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

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

.cmshtml .grid2 {
  display: grid;
  gap: 30px;
  grid-template: auto/repeat(2, 1fr);
}

@media screen and (max-width: 800px) {
  .cmshtml .grid2 {
    grid-template: auto/repeat(1, 1fr);
  }
}

.cmshtml .just2, .cmshtml .just3, .cmshtml .just4, .cmshtml .just5, .cmshtml .just_gr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px 30px;
}

@media screen and (max-width: 576px) {
  .cmshtml .just2 .flex-blnk, .cmshtml .just3 .flex-blnk, .cmshtml .just4 .flex-blnk, .cmshtml .just5 .flex-blnk, .cmshtml .just_gr .flex-blnk {
    margin-bottom: 0 !important;
  }
}

.cmshtml .just3 {
  gap: 10px 20px;
}

.cmshtml .just4, .cmshtml .just5 {
  gap: 10px 10px;
}

.cmshtml .just_center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.cmshtml .just2 > div {
  width: calc(50% - 15px);
}

@media screen and (max-width: 576px) {
  .cmshtml .just2 > div {
    width: 100%;
  }
}

.cmshtml .just3 > div {
  width: calc(33.3333% - 15px);
}

@media screen and (max-width: 576px) {
  .cmshtml .just3 > div {
    width: 100%;
  }
}

.cmshtml .just4 > div {
  width: calc(25% - 8px);
}

.cmshtml .just4 > div:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1099px) {
  .cmshtml .just4 > div {
    width: calc(33.3333% - 8px);
  }
}

@media screen and (max-width: 576px) {
  .cmshtml .just4 > div {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 420px) {
  .cmshtml .just4 > div {
    width: 100%;
  }
}

.cmshtml .just5 > div {
  width: calc(20% - 8px);
}

@media screen and (max-width: 1099px) {
  .cmshtml .just5 > div {
    width: calc(33.3333% - 8px);
  }
}

@media screen and (max-width: 576px) {
  .cmshtml .just5 > div {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 420px) {
  .cmshtml .just5 > div {
    width: 100%;
  }
}

.cmshtml .grid {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, auto));
  gap: 0 2rem;
}

.cmshtml .hidden {
  overflow: hidden;
}

.cmshtml .boxwrap1 {
  position: relative;
  padding-left: auto;
  padding-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.cmshtml .default_none {
  display: none;
}

.cmshtml .mla {
  margin-left: auto;
}

.cmshtml .mra {
  margin-right: auto;
}

.cmshtml .title_bg {
  position: relative;
  background: #0055AA;
}

.cmshtml .title_bg::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: url("../img/bg_ttl.png") no-repeat 0 0;
  opacity: 0.2;
}

.cmshtml .bg_wrap {
  position: relative;
  background: #E8EEF3;
  padding: 60px 0px 40px;
  width: 100vw;
  max-width: 100vw;
  margin: 0 calc(50% - 50vw);
}

@media screen and (max-width: 1099px) {
  .cmshtml .bg_wrap {
    padding: 30px 0px 20px;
  }
}

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

.cmshtml .dl_ico a {
  text-decoration: underline;
  position: relative;
}

.cmshtml .dl_ico a:after {
  display: inline-block;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: none;
}

.cmshtml .dl_ico a[href*=".pdf"] {
  padding: 5px 35px 5px 5px;
}

.cmshtml .dl_ico a[href*=".pdf"]:after {
  content: "";
  background: url("../img/icon-pdf-m.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cmshtml .dl_ico a[href*=".doc"], .cmshtml .dl_ico a[href*=".docx"] {
  padding: 5px 35px 5px 5px;
}

.cmshtml .dl_ico a[href*=".doc"]:after, .cmshtml .dl_ico a[href*=".docx"]:after {
  content: "";
  background: url("../img/icon-word-m.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cmshtml .dl_ico a[href*=".xls"], .cmshtml .dl_ico a[href*=".xlsx"] {
  padding: 5px 35px 5px 5px;
}

.cmshtml .dl_ico a[href*=".xls"]:after, .cmshtml .dl_ico a[href*=".xlsx"]:after {
  content: "";
  background: url("../img/icon-xcel-m.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cmshtml .color_bg {
  position: relative;
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
}

.cmshtml .color_bg::before {
  z-index: -1;
  content: "";
  background: #E8EEF3;
  width: 100vw;
  max-width: 100vw;
  margin: 0 calc(50% - 50vw);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.cmshtml .bg_grad {
  background: -moz-linear-gradient(to right, #0055AA, #0091C6);
  background: -webkit-linear-gradient(to right, #0055AA, #0091C6);
  background: linear-gradient(to right, #0055AA, #0091C6);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.cmshtml .dot_icon {
  padding-left: 24px !important;
  position: relative;
}

.cmshtml .dot_icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.3em + 10px);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #0055AA;
}

.cmshtml .relative {
  position: relative;
}

.cmshtml .tag_rt {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
}

.cmshtml .swingbox,
.cmshtml .flipbox,
.cmshtml .fadebox,
.cmshtml .fadeinbox,
.cmshtml .bouncedownbox,
.cmshtml .bouncebox {
  opacity: 0;
}

.cmshtml .swingbox.animate__animated,
.cmshtml .flipbox.animate__animated,
.cmshtml .fadebox.animate__animated,
.cmshtml .fadeinbox.animate__animated,
.cmshtml .bouncedownbox.animate__animated,
.cmshtml .bouncebox.animate__animated {
  opacity: 1;
}

.cmshtml .ablock a {
  display: block;
}

.cmshtml .line-height2 {
  line-height: 2;
}

.cmshtml .rdplanetext.table_borderbottom .table table th,
.cmshtml .rdplanetext.table_borderbottom .table table td,
.cmshtml .rdplanetext2.table_borderbottom .table table th,
.cmshtml .rdplanetext2.table_borderbottom .table table td {
  border: none;
  border-bottom: 1px solid #E4E4E4;
}

.cmshtml .link_efect {
  position: relative;
}

.cmshtml .link_efect a {
  background: #0055AA;
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  position: relative;
}

.cmshtml .link_efect a:hover {
  background: #0091C6;
}

.cmshtml .wraptitle {
  background: #F4F5F4;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  width: 320px;
  max-width: 100%;
  border: 3px solid rgba(0, 85, 170, 0.5);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0053AA;
}

.cmshtml .underlinetitles {
  display: inline-block;
  background: linear-gradient(transparent 60%, rgba(0, 85, 170, 0.5) 60%);
}

.cmshtml .underlinetitles2 {
  display: inline-block;
  background: linear-gradient(transparent 60%, rgba(255, 130, 2, 0.9) 60%);
}

.cmshtml .gaiyou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #E4E4E4;
}

.cmshtml .gaiyou > div:nth-child(2n-1) {
  width: 30%;
  padding: 12px 1.5%;
  font-weight: 700;
  position: relative;
  background: #E8EEF3;
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}

.cmshtml .gaiyou > div:nth-child(2n) {
  width: 70%;
  padding: 14px 1.5%;
  border-bottom: 1px solid #E4E4E4;
  background: #fff;
}

@media screen and (max-width: 576px) {
  .cmshtml .gaiyou > div:nth-child(1n) {
    width: 100%;
  }
}

.cmshtml .ablock a {
  display: block !important;
}

.cmshtml .flex-blnk {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.cmshtml .flex-blnk::before, .cmshtml .flex-blnk::after {
  display: none !important;
}

.cmshtml .anchor__list {
  justify-content: left;
}

@media screen and (max-width: 576px) {
  .cmshtml .anchor__list {
    justify-content: flex-start;
  }
}

.cmshtml .anchor__list > div {
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  position: relative;
  /*&::before {
    content: "";
    position: absolute;
    left: 0px;
    top:0px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    //border:8px solid $base-base-color;
    z-index: -1;
    }*/
}

.cmshtml .anchor__list > div a {
  text-decoration: none;
  background: -moz-linear-gradient(to right, #0055AA, #0091C6);
  background: -webkit-linear-gradient(to right, #0055AA, #0091C6);
  background: linear-gradient(to right, #0055AA, #0091C6);
  padding: 13px 20px;
  position: relative;
  color: #fff;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmshtml .anchor__list > div a::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
  transition: translate .6s ease;
  margin-right: 10px;
}

.cmshtml .anchor__list > div:hover a {
  /*background-position: right center;
          background-size: 200% auto;
          -webkit-animation: pulse 2s infinite;
          animation: shad26 1.5s infinite;*/
}

@keyframes shad26 {
  0% {
    box-shadow: 0 0 0 0 #0055AA;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 85, 170, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 85, 170, 0);
  }
}

.cmshtml .faq {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cmshtml .faq > div {
  position: relative;
}

.cmshtml .faq > div::before {
  position: absolute;
  font-family: 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  left: 5px !important;
  top: 0;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 400;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center;
  font-family: 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
  font-weight: 900;
  color: #fff;
  background: #0055AA !important;
  content: "";
  border-radius: 50%;
}

.cmshtml .faq > div:nth-child(2n-1) {
  padding: 14px 0px 14px 60px !important;
  font-weight: 700;
  font-size: clamp(16px, 2vw, 18px);
  /*
      &::after {
      background:$base-main-color url("../img/arrow5.png") no-repeat center;
      border-radius: 50%;
      width:22px;
      height:22px;
      content: "";
      position: absolute;
      right: 15px;
      top:18px;
      transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
      }
      &.open {
          &::after {
          transform: scaleY(-1);
          }
      }*/
}

.cmshtml .faq > div:nth-child(2n-1)::before {
  content: "Q" !important;
  top: 9px;
}

.cmshtml .faq > div:nth-child(2n) {
  padding: 15px 0px 15px 60px !important;
}

.cmshtml .faq > div:nth-child(2n)::before {
  content: "A" !important;
  background: rgba(0, 85, 170, 0.6) !important;
  top: 8px;
}

.cmshtml .link_btn {
  font-weight: 700;
}

.cmshtml .link_btn a {
  display: inline-block;
  border: 2px solid #0055AA;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  padding: 10px 25px 10px 35px;
  color: #0055AA;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  letter-spacing: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cmshtml .link_btn a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  border-radius: 0 50% 50% 0;
  background: #0055AA;
  background-position: center;
}

.cmshtml .link_btn a:hover:before {
  font-weight: bold;
  line-height: 30px;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%) translateY(0.5rem);
  transform: translateX(-50%) translateY(0.5rem);
  color: #fff;
  border-radius: 50%;
  background: #0055AA url("../img/arrow1.png") no-repeat center;
  left: 100%;
}

.cmshtml .link_btn.orange a {
  border-color: #FF8202;
  color: #FF8202;
}

.cmshtml .link_btn.blue a {
  border-color: #0091C6;
  color: #0091C6;
}

.cmshtml .link_btn.green a {
  border-color: #00AB55;
  color: #00AB55;
}

.cmshtml .dl_list_text {
  flex-wrap: wrap;
  display: flex;
  padding: 10px 0 10px;
}

.cmshtml .dl_list_text .dl_list_text_title {
  padding: 12px 0 12px 20px;
  position: relative;
}

.cmshtml .dl_list_text .dl_list_text_title::before {
  margin: auto;
  position: absolute;
  content: "";
  width: 5px;
  height: 30px;
  background: #0055AA;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 9px;
}

.cmshtml .dl_list_text_btn a {
  position: relative;
  display: inline-block;
  padding: 15px 40px 15px 18px;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  z-index: 0;
  text-decoration: none;
  overflow: hidden;
}

.cmshtml .dl_list_text_btn a:before {
  content: "";
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  width: 36px;
  height: 36px;
  background-image: url(../img/arrow2.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  -webkit-transition: inherit;
  right: 6px;
  z-index: 2;
}

.cmshtml .dl_list_text_btn a[href*=".pdf"], .cmshtml .dl_list_text_btn a[href*=".doc"], .cmshtml .dl_list_text_btn a[href*=".docx"], .cmshtml .dl_list_text_btn a[href*=".xls"], .cmshtml .dl_list_text_btn a[href*=".xlsx"], .cmshtml .dl_list_text_btn a[href*=".zip"] {
  padding-right: 60px;
}

.cmshtml .dl_list_text_btn a[href*=".pdf"]:before, .cmshtml .dl_list_text_btn a[href*=".doc"]:before, .cmshtml .dl_list_text_btn a[href*=".docx"]:before, .cmshtml .dl_list_text_btn a[href*=".xls"]:before, .cmshtml .dl_list_text_btn a[href*=".xlsx"]:before, .cmshtml .dl_list_text_btn a[href*=".zip"]:before {
  background-size: 22px 22px;
  background-position: center;
}

.cmshtml .dl_list_text_btn a[href*=".pdf"]:before {
  background-image: url("../img/icon-pdf-m.png");
}

.cmshtml .dl_list_text_btn a[href*=".doc"]:before, .cmshtml .dl_list_text_btn a[href*=".docx"]:before {
  background-image: url("../img/icon-word-m.png");
}

.cmshtml .dl_list_text_btn a[href*=".xls"]:before, .cmshtml .dl_list_text_btn a[href*=".xlsx"]:before {
  background-image: url("../img/icon-xcel-m.png");
}

.cmshtml .dl_list_text_btn a[href*=".zip"]:before {
  background-image: url("../img/zip.png");
}

.cmshtml .dl_list_text_btn a:hover {
  background: #E8EEF3;
}

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

.cmshtml .fullsize img {
  width: 100vw;
  max-width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.cmshtml .openbox,
.cmshtml .toggle-box > div:nth-child(2n-1) {
  border-radius: 4px;
  color: #fff;
  font-size: clamp(17px, 2.5vw, 22px);
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  background: #0091C6;
}

.cmshtml .openbox > div,
.cmshtml .toggle-box > div:nth-child(2n-1) > div {
  position: relative;
  padding: 12px 40px 12px 15px;
}

.cmshtml .openbox > div::before,
.cmshtml .toggle-box > div:nth-child(2n-1) > div::before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 15px;
  right: 18px;
  background: url("../img/h4.png") no-repeat center;
  cursor: pointer;
}

@media screen and (max-width: 576px) {
  .cmshtml .openbox > div::before,
.cmshtml .toggle-box > div:nth-child(2n-1) > div::before {
    top: 9px;
  }
}

.cmshtml .openbox > div::after,
.cmshtml .toggle-box > div:nth-child(2n-1) > div::after {
  content: "";
  width: 14px;
  position: absolute;
  top: 27px;
  right: 24px;
  border-top: 2px solid #FFF;
  box-sizing: border-box;
  z-index: 1;
  transform: rotate(90deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

@media screen and (max-width: 576px) {
  .cmshtml .openbox > div::after,
.cmshtml .toggle-box > div:nth-child(2n-1) > div::after {
    top: 21px;
  }
}

.cmshtml .openbox.open > div::after,
.cmshtml .toggle-box > div:nth-child(2n-1).open > div::after {
  transform: rotate(0deg);
}

.cmshtml .dot_txt > div {
  padding-left: 20px !important;
  position: relative;
}

.cmshtml .dot_txt > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.45em + 0px);
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #0055AA;
}

.cmshtml .dot_txt2 > div {
  padding-left: 20px !important;
  position: relative;
}

.cmshtml .dot_txt2 > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.45em + 0px);
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: #0091C6;
}

.cmshtml .ol-list {
  counter-reset: item;
  position: relative;
  padding-left: 0;
  /*&::before {
  position: absolute;
  content: "";
  z-index: -1;
  left: -80px;
  bottom: 0;
  background: url("../img/arrow3.png") repeat-y left bottom;
  width: 19px;
  height: 100%;          
  }*/
}

.cmshtml .ol-list .ol-list_li {
  list-style-type: none;
  position: relative;
  padding-left: 180px;
  padding-top: 10px;
  padding-bottom: 40px;
  counter-increment: title;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 100px;
  border-top: 3px solid #000;
  /*&::after {
    content: "STEP";
    font-family: 'Oswald', Helvetica Neue, Helvetica, 'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
    color:#fff;
    @include fontsize(16);
    font-weight: 700;
    width: 100px;
    height: 1em;
    top: 6px;
    left: -40px;
    position: absolute;      
    text-align: center;
        @include min-screen(){
        width: 50px;
        height: 1em;
        top: 0px;
        @include fontsize(12);
        font-weight: 500;
        }
    }*/
}

@media screen and (max-width: 576px) {
  .cmshtml .ol-list .ol-list_li {
    padding-left: 85px;
  }
}

.cmshtml .ol-list .ol-list_li:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 280%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #000;
}

.cmshtml .ol-list .ol-list_li:after {
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  content: "0" counter(title);
  position: absolute;
  left: 14px;
  top: 0px;
  font-family: 'Oswald', Helvetica Neue, Helvetica, 'Noto Sans JP', YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  font-weight: 900;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  padding-top: 8px;
  letter-spacing: 0;
}

@media screen and (max-width: 576px) {
  .cmshtml .ol-list .ol-list_li:after {
    width: 50px;
    height: 50px;
    line-height: 60px;
    font-size: 28px;
  }
}

.cmshtml .ol-list .ol-list_li:last-child {
  margin-bottom: 0;
}

.cmshtml .car_txt > div {
  padding-left: 28px !important;
  position: relative;
}

.cmshtml .car_txt > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.25em + 0px);
  background: url("../img/ico_car.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
}

.cmshtml .train_txt > div {
  padding-left: 28px !important;
  position: relative;
}

.cmshtml .train_txt > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.25em + 0px);
  background: url("../img/ico_train.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
}

.cmshtml .rdplanetext.link_btn_hp .table table th a, .cmshtml .rdplanetext.link_btn_hp .table table td a, .cmshtml .rdplanetext2.link_btn_hp .table table th a, .cmshtml .rdplanetext2.link_btn_hp .table table td a {
  background: #0091C6;
  font-weight: 700;
  display: block;
  padding: 8px 42px 8px 10px;
  color: #fff;
  position: relative;
  text-decoration: none;
}

.cmshtml .rdplanetext.link_btn_hp .table table th a::before, .cmshtml .rdplanetext.link_btn_hp .table table td a::before, .cmshtml .rdplanetext2.link_btn_hp .table table th a::before, .cmshtml .rdplanetext2.link_btn_hp .table table td a::before {
  content: "HP";
  position: absolute;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 700;
  width: 2em;
  height: 20px;
  line-height: 22px;
  border-radius: 3px;
  color: #0091C6;
  background: #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 5px;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.cmshtml .back_img_box {
  position: relative;
  text-align: center;
}

.cmshtml .back_img_box .txt, .cmshtml .back_img_box .rdplanetext {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: clamp(20px, 3.5vw, 32px);
  font-weight: 700;
}

.cmshtml .back_img_box .txt > div, .cmshtml .back_img_box .rdplanetext > div {
  padding: 15px;
  width: 100%;
  max-width: 300px;
  display: inline-block;
  transition: .3s;
  text-decoration: none;
  background: -moz-linear-gradient(to right, rgba(0, 85, 170, 0.8), rgba(0, 145, 198, 0.8));
  background: -webkit-linear-gradient(to right, rgba(0, 85, 170, 0.8), rgba(0, 145, 198, 0.8));
  background: linear-gradient(to right, rgba(0, 85, 170, 0.8), rgba(0, 145, 198, 0.8));
  color: #fff;
}

.cmshtml .slider-area {
  z-index: 0;
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
}

.cmshtml .slider-area .under-logo {
  position: absolute;
  top: clamp(80px, 50%, 50%);
  left: 3vw;
  z-index: 2;
  transform: translateY(-50%);
}

.cmshtml .slider-area .under-logo .h2 {
  color: #fff;
  font-family: "Noto Serif JP",游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, serif;
  font-size: clamp(17px, 4vw, 38px);
  font-weight: 400;
  letter-spacing: 0;
  text-shadow: 0 0 3px #000000;
  line-height: 1.5;
}

@media screen and (max-width: 576px) {
  .cmshtml .slider-area .under-logo {
    left: 1vw;
  }
}

.cmshtml .slider-area #slide-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cmshtml .slider-area #slide-wrap .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

.cmshtml .slider-area #slide-wrap.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.cmshtml .slider-area #slide-wrap.swiper-container .swiper-slide img {
  display: block;
  width: 100%;
}

.cmshtml .slider-area #slide-wrap.swiper-container .swiper-slide .img {
  position: relative;
}

.cmshtml .slider-area #slide-wrap.swiper-container .swiper-slide .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

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

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

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

.cmshtml .slider-area #slide-wrap .swiper-pagination-bullet-active {
  background-color: rgba(0, 85, 170, 0.9);
}

.cmshtml .slider-area .top-slide {
  position: relative;
}

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

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

.cmshtml .slider-area .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.8;
}

.cmshtml .slider-area .swiper-button-prev, .cmshtml .slider-area .swiper-button-next {
  width: 18px;
  height: 35px;
  margin-top: -17px;
  background-size: 17px 36px;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml .slider-area .top-slide:hover .swiper-button-prev, .cmshtml .slider-area .top-slide:hover .swiper-button-next {
  opacity: 1;
}

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

.cmshtml .slider-area .sp-image img {
  display: block;
}

.cmshtml .slider-area .slide-img img {
  width: 100%;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.cmshtml .swiper-slide-active .sp-image,
.cmshtml .swiper-slide-duplicate-active .sp-image,
.cmshtml .swiper-slide-prev .sp-image {
  /*animation: zoomUp 14s ease 0s 1 normal both;  */
}

.cmshtml .conceptstyle {
  position: relative;
}

.cmshtml .conceptstyle > div {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 800px) {
  .cmshtml .conceptstyle > div {
    width: 100% !important;
    min-height: 1px;
  }
}

.cmshtml .conceptstyle.rev {
  flex-direction: row-reverse;
}

.cmshtml .conceptstyle .flex_txt {
  text-align: left;
}

.cmshtml .h2 {
  font-size: clamp(24px, 4vw, 38px);
  letter-spacing: 0;
  color: #000;
  font-weight: 700;
}

.cmshtml .h3 {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0;
  color: #0055AA;
}

.cmshtml .top_news {
  background: url("../img/info_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: calc(30px + 2vw);
  padding-bottom: calc(30px + 2vw);
  position: relative;
}

.cmshtml .top_news .top_news__wrap {
  max-height: 320px;
  overflow: auto;
  margin-left: auto;
  margin-top: 10px;
  width: 900px;
  max-width: 100%;
}

@media screen and (max-width: 576px) {
  .cmshtml .top_news .top_news__wrap {
    margin-top: 20px;
  }
}

.cmshtml .top_news .top_news__wrap .rdnewArticle {
  border: none;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #E4E4E4;
}

.cmshtml .top_news .top_news__wrap .top_news__dl, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-item {
  border-bottom: 1px solid #E4E4E4;
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  border-top: none;
  justify-content: space-between;
  gap: 18px 0;
}

@media screen and (max-width: 576px) {
  .cmshtml .top_news .top_news__wrap .top_news__dl, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-contWrap {
  display: flex;
  width: 100%;
}

.cmshtml .top_news .top_news__wrap .top_news__dt, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-ContDate {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0;
  color: #0055AA;
  width: 122px;
  flex-shrink: 1;
  letter-spacing: 0;
  font-weight: 400;
  width: 120px;
  text-align: center;
}

@media screen and (max-width: 576px) {
  .cmshtml .top_news .top_news__wrap .top_news__dt, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-ContDate {
    width: 100%;
    text-align: left;
  }
}

.cmshtml .top_news .top_news__wrap .top_news__dd, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-ContTitle {
  width: calc(100% - 130px);
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  flex-shrink: 1;
}

.cmshtml .top_news .top_news__wrap .top_news__dd a, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-ContTitle a {
  display: block;
  position: relative;
}

@media screen and (max-width: 576px) {
  .cmshtml .top_news .top_news__wrap .top_news__dd, .cmshtml .top_news .top_news__wrap .rdnewArticle .rdnewArticle-ContTitle {
    width: 100%;
  }
}

.cmshtml .top_product {
  background: #F4F5F4;
  padding-top: calc(50px + 1vw);
  padding-bottom: calc(30px + 2vw);
}

.cmshtml .top_product > div {
  width: 1120px;
}

.cmshtml .product_wrap {
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template: auto/repeat(2, 1fr);
  gap: 5px clamp(30px, 7vw, 100px);
}

@media screen and (max-width: 576px) {
  .cmshtml .product_wrap {
    grid-template: auto/repeat(1, 1fr);
    gap: 5px clamp(30px, 7vw, 100px);
  }
}

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

.cmshtml .product_wrap .imgwrap {
  box-shadow: 6px 6px 30px #D4D4D4;
  transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
  background: #fff;
}
.cmshtml .product_wrap .product_item.rdhaslink:hover .imgwrap{
box-shadow: 6px 6px 40px #aaa;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

.cmshtml .product_wrap .h4 {
  background: #F4F5F4;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 26px);
  padding: clamp(15px, 2.5vw, 25px) 40px clamp(15px, 2.5vw, 25px) clamp(15px, 2.5vw, 30px);
  transform: translateY(-50px) translateX(35px);
  margin-left: auto;
  width: 94%;
}

@media screen and (max-width: 1099px) {
  .cmshtml .product_wrap .h4 {
    transform: translateY(-4.5vw) translateX(35px);
  }
}

@media screen and (max-width: 576px) {
  .cmshtml .product_wrap .h4 {
    transform: translateY(-30px) translateX(20px);
    padding: clamp(15px, 5vw, 25px) 20px clamp(15px, 5vw, 25px) clamp(15px, 4vw, 30px);
    width: 100%;
  }
}

.cmshtml .product_wrap.product_wrap {
  position: relative;
}

.cmshtml .product_wrap.product_wrap::before {
  background: #F4F5F4;
  content: "";
  width: 100vw;
  max-width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.cmshtml .forfixed {
  margin-top: 0px;
}

@media screen and (max-width: 1099px) {
  .cmshtml .forfixed {
    margin-top: 0px;
    padding-top: 0px;
  }
}

.cmshtml .rdanchor a {
  padding-top: 100px !important;
  display: block;
  margin-top: -100px;
  pointer-events: none;
}

#editView .cmshtml .rdanchor a {
  padding-top: 0 !important;
  display: inherit;
  margin-top: 0px;
  pointer-events: all;
}

.cmshtml #section_pageHeader {
  margin-bottom: calc(1.5vw + 10px);
}

.cmshtml #section_pageHeader .head_inner {
  position: relative;
  background: #0055AA;
  padding-top: 80px;
}

.cmshtml #section_pageHeader .headimg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.cmshtml #section_pageHeader .headimg::before {
  content: "";
  position: absolute;
  background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.3) 100%);
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  top: 0;
  left: 0;
  z-index: 1;
}

.cmshtml #section_pageHeader .headimg img {
  width: 100%;
  height: auto;
  opacity: 1.0;
  object-fit: cover;
}

.cmshtml #section_pageHeader .titlearea {
  padding-top: calc(1.5vw + 20px);
  padding-bottom: calc(1.5vw + 20px);
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
  line-height: 1.5;
  font-weight: 700;
  font-size: clamp(24px, 3vw, 45px);
  color: #fff;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

@media all and (-ms-high-contrast: none) {
  .cmshtml #title-wrap .imgwrap img {
    width: auto;
    max-width: none;
  }
}

.cmshtml .title-navi_ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: calc(1.0vw + 10px);
  padding-top: calc(1.0vw + 10px);
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(25% - 0px));
  justify-content: center;
  gap: 20px 0;
}

@media screen and (max-width: 576px) {
  .cmshtml .title-navi_ul {
    grid-template-columns: repeat(auto-fit, calc(50% - 0px));
  }
}

@media screen and (max-width: 400px) {
  .cmshtml .title-navi_ul {
    grid-template-columns: repeat(auto-fit, calc(100% - 0px));
    gap: 4px 0;
  }
}

.cmshtml .title-navi_ul > div {
  position: relative;
  text-align: center;
}

.cmshtml .title-navi_ul > div::before, .cmshtml .title-navi_ul > div::after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  border-left: 1px solid #E4E4E4;
}

.cmshtml .title-navi_ul > div:last-child::after, .cmshtml .title-navi_ul > div:nth-child(4n)::after {
  border-left: none;
  right: 0;
  left: auto;
  border-right: 1px solid #E4E4E4;
}

@media screen and (max-width: 1099px) {
  .cmshtml .title-navi_ul > div:last-child::after, .cmshtml .title-navi_ul > div:nth-child(3n)::after {
    border-left: none;
    right: 0;
    left: auto;
    border-right: 1px solid #E4E4E4;
  }
}

@media screen and (max-width: 576px) {
  .cmshtml .title-navi_ul > div:nth-child(2n)::after {
    border-left: none;
    right: 0;
    left: auto;
    border-right: 1px solid #E4E4E4;
  }
}

@media screen and (max-width: 480px) {
  .cmshtml .title-navi_ul > div::before, .cmshtml .title-navi_ul > div::after {
    border: none !important;
  }
}

.cmshtml .title-navi_ul > div:hover a {
  color: #0055AA;
}

.cmshtml .title-navi_ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  transition: 0.3s;
  word-break: break-all;
  color: #0055AA;
  text-decoration: none;
  font-weight: bold;
}

.cmshtml .title-navi_ul a::before {
  display: inline-block;
  content: "";
  width: 11px;
  height: 12px;
  background: url("../img/arrow_b.png") no-repeat 0 0;
  transition: translate .6s ease;
  margin-right: 10px;
}

.cmshtml .lang {
  background: #E8EEF3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 0;
  padding: 10px;
}

.cmshtml .lang > div {
  position: relative;
  text-align: center;
}

.cmshtml .lang > div::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: calc(100% - 5px);
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  border-left: 1px solid #ccc;
}

.cmshtml .lang > div:first-child::before {
  border-left: none;
  right: 0;
  left: auto;
}

.cmshtml .lang a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  transition: 0.3s;
  word-break: break-all;
  color: #0055AA;
  text-decoration: none;
  font-weight: bold;
}

.cmshtml .product_block {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  padding-bottom: 20px;
  padding-top: 30px;
  border-bottom: 1px dotted #E4E4E4;
}

.cmshtml .product_block .h2 {
  width: 100%;
  position: relative;
  font-size: clamp(20px, 3.5vw, 34px);
  line-height: 1.5;
  color: #2f3e3f;
  margin-bottom: 20px;
  padding-left: 28px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ccc;
}

.cmshtml .product_block .h2::before {
  content: "";
  position: absolute;
  background: transparent;
  width: 6px;
  height: calc(100% - 30px);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skewX(-20deg);
  border-right: 12px double #0055AA;
  box-sizing: border-box;
}
@media screen and (max-width: 576px) {
.cmshtml .product_block > div {
width: 100%!important;
}
}

.cmshtml .rdplanetext .table table {
border-collapse: collapse;
}
.cmshtml .product_block .imgwrap, .cmshtml .product_block .rdplaneimage, .cmshtml .product_block .wrap {
  width: 420px;
  touch-action: pan-y;
}
.cmshtml .product_block .text_area{
width: calc(100% - 420px - 3vw);
}

.cmshtml .product_block .text_area .rdplanetext .table table tr, .cmshtml .product_block .text_area .rdplanetext2 .table table tr {
  display: table-row !important;
  width: auto;
}

.cmshtml .product_block .text_area .rdplanetext .table table tr:nth-child(2n+1), .cmshtml .product_block .text_area .rdplanetext2 .table table tr:nth-child(2n+1) {
  background-color: #eaebea;
}

.cmshtml .product_block .text_area .rdplanetext .table table tr td, .cmshtml .product_block .text_area .rdplanetext .table table tr th, .cmshtml .product_block .text_area .rdplanetext2 .table table tr td, .cmshtml .product_block .text_area .rdplanetext2 .table table tr th {
  display: table-cell;
  width: auto;
  letter-spacing: 0;
  font-weight: 400;
  padding: 12px 10px;
}

.cmshtml .product_block .text_area .rdplanetext .table table tr td:nth-child(2n-1), .cmshtml .product_block .text_area .rdplanetext .table table tr th:nth-child(2n-1), .cmshtml .product_block .text_area .rdplanetext2 .table table tr td:nth-child(2n-1), .cmshtml .product_block .text_area .rdplanetext2 .table table tr th:nth-child(2n-1) {
  font-weight: 700;
}

.cmshtml .product_block .text_area .rdplanetext .table table tr td:nth-child(2n), .cmshtml .product_block .text_area .rdplanetext .table table tr th:nth-child(2n), .cmshtml .product_block .text_area .rdplanetext2 .table table tr td:nth-child(2n), .cmshtml .product_block .text_area .rdplanetext2 .table table tr th:nth-child(2n) {
}

.cmshtml div.rdplanetitle h2 {
  font-size: clamp(24px, 5vw, 34px);
  text-align: center;
  display: block;
  position: relative;
  font-weight: 500;
  line-height: 1.5;
}

.cmshtml div.rdplanetitle h2::after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  margin: 15px auto 0;
  background: #0055AA;
}

.cmshtml div.rdplanetitle h3 {
  font-size: clamp(20px, 4vw, 30px);
  font-weight: 700;
  padding-left: 30px;
  position: relative;
  line-height: 1.5;
  padding-bottom: calc(30px - 0.3em);
  padding-top: calc(30px - 0.3em);
  border-bottom: 1px solid #E4E4E4;
  /*&::after {
  top: 15px;
  bottom: 0;
  left: 15px;
  background: rgba($base-main-color, 0.8);
  mix-blend-mode: multiply;
  }*/
}

.cmshtml div.rdplanetitle h3::before, .cmshtml div.rdplanetitle h3::after {
  position: absolute;
  width: 16px;
  height: 15px;
  background: #0055AA;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  border-radius: 50%;
  z-index: -1;
}

.cmshtml div.rdplanetitle h4 {
  font-size: clamp(18px, 4.86vw, 25px);
  font-weight: 900;
  line-height: 1.5;
  position: relative;
  padding: 10px 15px;
  color: #fff;
  background: #0091C6;
  -webkit-box-shadow: 5px 5px 0 #0055AA;
  box-shadow: 5px 5px 0 #0055AA;
  /*&::before {
            content: "";
            position: absolute;
            border-right: 8px solid #fff;
            width: 20%;
            height: 2px;
            left: 0;
            top: -2px;
            background:$base-main-color;
          }*/
}

.cmshtml div.rdplanetitle h5 {
  font-size: clamp(18px, 3.34vw, 22px);
  padding-left: 25px;
  font-weight: 500;
  position: relative;
}

.cmshtml div.rdplanetitle h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: calc(100% - 10px);
  background: #0055AA;
  border-radius: 9px;
}

.cmshtml .l_main .rdtableTable {
  border-collapse: collapse;
  border-top-width: 0px;
}

@media screen and (max-width: 576px) {
  .cmshtml .rdplanetext, .cmshtml .rdplanetext2 {
    /* responsiv table block */
  }
  .cmshtml .rdplanetext.scrl_tb, .cmshtml .rdplanetext.scrtable, .cmshtml .rdplanetext2.scrl_tb, .cmshtml .rdplanetext2.scrtable {
    overflow: auto;
  }
  .cmshtml .rdplanetext.scrl_tb .table table, .cmshtml .rdplanetext.scrtable .table table, .cmshtml .rdplanetext2.scrl_tb .table table, .cmshtml .rdplanetext2.scrtable .table table {
    min-width: 576px;
  }
  .cmshtml .rdplanetext.scrl_tb .table table tr, .cmshtml .rdplanetext.scrtable .table table tr, .cmshtml .rdplanetext2.scrl_tb .table table tr, .cmshtml .rdplanetext2.scrtable .table table tr {
    display: table-row !important;
    width: auto;
  }
  .cmshtml .rdplanetext.scrl_tb .table table tr td, .cmshtml .rdplanetext.scrl_tb .table table tr th, .cmshtml .rdplanetext.scrtable .table table tr td, .cmshtml .rdplanetext.scrtable .table table tr th, .cmshtml .rdplanetext2.scrl_tb .table table tr td, .cmshtml .rdplanetext2.scrl_tb .table table tr th, .cmshtml .rdplanetext2.scrtable .table table tr td, .cmshtml .rdplanetext2.scrtable .table table tr th {
    display: table-cell;
    width: auto;
  }
  .cmshtml .rdplanetext.block_tb .table table tr td, .cmshtml .rdplanetext.block_tb .table table tr th, .cmshtml .rdplanetext.blocktable .table table tr td, .cmshtml .rdplanetext.blocktable .table table tr th, .cmshtml .rdplanetext2.block_tb .table table tr td, .cmshtml .rdplanetext2.block_tb .table table tr th, .cmshtml .rdplanetext2.blocktable .table table tr td, .cmshtml .rdplanetext2.blocktable .table table tr th {
    width: 100% !important;
  }
}

.cmshtml .rdplanetext.half_tb .table table th, .cmshtml .rdplanetext.half_tb .table table td, .cmshtml .rdplanetext.blockhalf .table table th, .cmshtml .rdplanetext.blockhalf .table table td, .cmshtml .rdplanetext2.half_tb .table table th, .cmshtml .rdplanetext2.half_tb .table table td, .cmshtml .rdplanetext2.blockhalf .table table th, .cmshtml .rdplanetext2.blockhalf .table table td {
  width: 50%;
}

@media screen and (max-width: 576px) {
  .cmshtml .rdplanetext.half_tb .table table th, .cmshtml .rdplanetext.half_tb .table table td, .cmshtml .rdplanetext.blockhalf .table table th, .cmshtml .rdplanetext.blockhalf .table table td, .cmshtml .rdplanetext2.half_tb .table table th, .cmshtml .rdplanetext2.half_tb .table table td, .cmshtml .rdplanetext2.blockhalf .table table th, .cmshtml .rdplanetext2.blockhalf .table table td {
    width: 100% !important;
  }
}

.cmshtml .rdplanetext.borderb_tb .table table th, .cmshtml .rdplanetext.borderb_tb .table table td, .cmshtml .rdplanetext.table_borderbottom .table table th, .cmshtml .rdplanetext.table_borderbottom .table table td, .cmshtml .rdplanetext2.borderb_tb .table table th, .cmshtml .rdplanetext2.borderb_tb .table table td, .cmshtml .rdplanetext2.table_borderbottom .table table th, .cmshtml .rdplanetext2.table_borderbottom .table table td {
  border: none;
  border-bottom: 1px solid #E4E4E4;
}

.cmshtml .rdplanetext.dl_tb a, .cmshtml .rdplanetext2.dl_tb a {
  text-indent: -999em;
  background-image: url(../img/download.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.cmshtml .rdplanetext.dl_tb a[href*=".pdf"], .cmshtml .rdplanetext2.dl_tb a[href*=".pdf"] {
  background-image: url(../img/icon-pdf-m.png);
  background-size: 30px 30px;
}

.cmshtml .rdplanetext.dl_tb a[href*=".doc"], .cmshtml .rdplanetext.dl_tb a[href*=".docx"], .cmshtml .rdplanetext2.dl_tb a[href*=".doc"], .cmshtml .rdplanetext2.dl_tb a[href*=".docx"] {
  background-image: url(../img/icon-word-m.png);
  background-size: 30px 30px;
}

.cmshtml .rdplanetext.dl_tb a[href*=".xls"], .cmshtml .rdplanetext.dl_tb a[href*=".xlsx"], .cmshtml .rdplanetext2.dl_tb a[href*=".xls"], .cmshtml .rdplanetext2.dl_tb a[href*=".xlsx"] {
  background-image: url(../img/icon-xcel-m.png);
  background-size: 30px 30px;
}

.cmshtml .dl_tb .rdplanetext a, .cmshtml .dl_tb .rdplanetext2 a {
  text-indent: -999em;
  background-image: url(../img/download.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.cmshtml .dl_tb .rdplanetext a[href*=".pdf"], .cmshtml .dl_tb .rdplanetext2 a[href*=".pdf"] {
  background-image: url(../img/icon-pdf-m.png);
  background-size: 30px 30px;
}

.cmshtml .dl_tb .rdplanetext a[href*=".doc"], .cmshtml .dl_tb .rdplanetext a[href*=".docx"], .cmshtml .dl_tb .rdplanetext2 a[href*=".doc"], .cmshtml .dl_tb .rdplanetext2 a[href*=".docx"] {
  background-image: url(../img/icon-word-m.png);
  background-size: 30px 30px;
}

.cmshtml .dl_tb .rdplanetext a[href*=".xls"], .cmshtml .dl_tb .rdplanetext a[href*=".xlsx"], .cmshtml .dl_tb .rdplanetext2 a[href*=".xls"], .cmshtml .dl_tb .rdplanetext2 a[href*=".xlsx"] {
  background-image: url(../img/icon-xcel-m.png);
  background-size: 30px 30px;
}

.cmshtml div.rdplanetext .table table th,
.cmshtml div.rdplanetext2 .table table th {
  background: #E8EEF3;
}

@media screen and (max-width: 576px) {
  .cmshtml .resp_tb table th {
    display: none;
  }
  .cmshtml .resp_tb table td {
    display: block;
    border: none;
  }
  .cmshtml .resp_tb table tr {
    border-bottom: solid thin #e6e6e6;
  }
  .cmshtml .resp_tb table a {
    padding-bottom: 0.1em;
    color: inherit;
    border-bottom: solid thin #0055AA;
    text-decoration: none;
  }
}

.cmshtml .rdplanetext.bd_tb figure.table table th, .cmshtml .rdplanetext.bd_tb figure.table table td, .cmshtml .rdplanetext2.bd_tb figure.table table th, .cmshtml .rdplanetext2.bd_tb figure.table table td {
  border-color: #E4E4E4;
  border-left: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}

@media screen and (max-width: 576px) {
  .cmshtml .rdflexarea.rev {
    flex-direction: column-reverse;
  }
}

.cmshtml dl.contact_item_table {
max-width: 900px;
  /*contact-table-style*/
}

.cmshtml dl.contact_item_table dd.contact_item_input input[type="text"], .cmshtml dl.contact_item_table dd.contact_item_input input[type="tel"], .cmshtml dl.contact_item_table dd.contact_item_input input[type="email"], .cmshtml dl.contact_item_table dd.contact_item_input input[type="date"], .cmshtml dl.contact_item_table dd.contact_item_input input[type="file"], .cmshtml dl.contact_item_table dd.contact_item_input input[type="number"],
.cmshtml dl.contact_item_table dd.contact_item_input input select, .cmshtml dl.contact_item_table dd.contact_item_input input[type="text"] [name="img_auth"] {
  padding: 14px 10px;
  height: auto;
  background-color: #F4F5F4;
  border: none;
  border-radius: 5px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  outline: none;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
}

.cmshtml dl.contact_item_table dd.contact_item_input input[type="text"]:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="tel"]:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="email"]:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="date"]:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="file"]:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="number"]:focus,
.cmshtml dl.contact_item_table dd.contact_item_input input select:focus, .cmshtml dl.contact_item_table dd.contact_item_input input[type="text"] [name="img_auth"]:focus {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: none;
}

.cmshtml dl.contact_item_table dd.contact_item_input textarea {
  border-radius: 5px;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  outline: none;
  border: none;
  border: 1px solid #E4E4E4;
  background-color: #F4F5F4;
  padding: 12px;
}

.cmshtml dl.contact_item_table select {
  width: auto;
}

.cmshtml dl.contact_item_table .btn_contacts_post_api {
  margin-left: 8px;
}

@media screen and (max-width: 576px) {
  .cmshtml dl.contact_item_table .contact_checkbox_box div.contact_checkbox input[type="text"], .cmshtml dl.contact_item_table .contact_radio_box div.contact_radio input[type="text"] {
    margin-top: 8px;
    width: calc(100% - 1rem);
  }
}

.cmshtml dl.contact_item_table dt.contact_item_title {
  padding: 10px 10px 10px ;
}

.cmshtml dl.contact_item_table dt.contact_item_title:not(:first-child) {
  margin-top: 3px;
  margin-top: auto !important;
}

.cmshtml dd.contact_item_input,
.cmshtml .contact_item_inside_input,
.cmshtml .contact_item_file_box {
  padding: 10px ;
}

.cmshtml .contact_item_inside_input,
.cmshtml .contact_item_inside_title.contact_inp_title_address2 {
  border: none !important;
}

.cmshtml div.rdcontact_btn_area {
  margin-bottom: 30px;
}

.cmshtml div.rdcontact_btn_area .rdcontact_btn_submit {
  background: #0055AA;
  border-radius: 99em;
  border: none;
}

.cmshtml div.rdcontact_btn_area .rdcontact_btn_submit:hover,
.cmshtml div.rdcontact_btn_area .rdcontact_btn_submit .rdcontact_btn_area .rdcontact_btn_submit:focus {
  background: rgba(0, 85, 170, 0.8);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.cmshtml .contact_item_inside_table {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
}

.cmshtml .contact_item_inside_table dt:last-child, .cmshtml .contact_item_inside_table dd:last-child {
  border-bottom: none;
}

.cmshtml .contact_item_inside_title {
  border-bottom: 1px solid #E4E4E4;
  padding: 10px 0px !important;
}

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

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

.cmshtml .blogcontents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

  /*記事ブロック：2並び*/
  /*date*/
.cmshtml .blogcontents .mainarea {
  width: 70%;
  margin-bottom: 60px;
}

.cmshtml .blogcontents .blogcommon {
  width: 27%;
  margin-bottom: 60px;
}

.cmshtml .blogcontents .rdListShort .rdListItem {
  box-shadow: none;
  border: none;
  margin-bottom: 40px;
  width: calc(50% - 40px);
  margin: 0 20px 20px 20px;
}

  /*本文のプレビュー 続きを読むまで*/
  /*カテゴリ*/
  /*タグ*/
.cmshtml .blogcontents .rdListShort .rdListItem .rdListImage {
  text-align: center;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListImageItem {
  width: auto;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListTitle {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListCategory {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListTag {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListExcerpt {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

  /*続きを読む*/
.cmshtml .blogcontents .rdListShort .rdListItem .rdListExcerpt .rdReadMore {
}

.cmshtml .blogcontents .rdListShort .rdListItem h3.rdarticleTitleText {
  border: none;
  position: relative;
  padding-bottom: 0;
}

.cmshtml .blogcontents .rdListShort .rdListItem h3.rdarticleTitleText a {
  text-decoration: none;
  display: block;
  padding-left: 10px;
}

.cmshtml .blogcontents .rdListShort .rdListItem h3.rdarticleTitleText a::after {
  content: "";
  width: 2px;
  height: 1.2em;
  background-color: #0091C6;
  position: absolute;
  background: -webkit-linear-gradient(135deg, #0091C6 0%, #0055AA 100%);
  background: -moz-linear-gradient(135deg, #0091C6 0%, #0055AA 100%);
  background: linear-gradient(135deg, #0091C6 0%, #0055AA 100%);
  top: 0.25em;
  left: 0;
}

.cmshtml .blogcontents .rdListShort .rdListItem .rdListImageItemDummy {
  display: none;
}

.cmshtml .blogcontents .rdListShort .rdListItem div.rdListCategory {
  position: static;
  width: 100%;
  margin-bottom: 0.5em;
  padding-right: 10px;
  padding-left: 10px;
}

.cmshtml .blogcontents .rdListShort .rdListItem div.rdListCategory a {
  text-decoration: none;
}

.cmshtml .blogcontents .rdListShort .rdListItem li.rdListCategoryItem {
  background-color: #0055AA;
  color: #FFF;
  border: none;
  padding: 2px 10px 0px;
  border-radius: 99px;
  font-size: 14px;
}

.cmshtml .blogcontents .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #0055AA;
  padding: 2px 10px 0;
  border-radius: 99px;
  background: none;
  color: #0055AA;
  font-size: 14px;
}

.cmshtml .blogcontents .rdListShort .rdListItem .ItemrdListTagListItem a {
  color: #0055AA;
  text-decoration: none;
}

.cmshtml .blogcontents .rdListShort .rdListItem.noimage {
  padding-left: 0;
}

.cmshtml .blogcontents .rdarticleTitle h3:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 100%;
  background: -webkit-linear-gradient(#0055AA, #0091C6);
  background: -moz-linear-gradient(#0055AA, #0091C6);
  background: linear-gradient(#0055AA, #0091C6);
}

.cmshtml .blogcontents .rdpublishDate {
  color: #0055AA;
  font-size: 11px;
  letter-spacing: 0;
}

.cmshtml .blogmain_main .blogcontents {
  margin-bottom: 60px;
}

  /*タイトル（リンク）*/
.cmshtml .blogmain_main .blogcontents .rdpublishDate {
  margin-bottom: 0;
}

.cmshtml .blogmain_main .blogcontents .rdarticleTitle h3 {
  font-size: 2.2rem;
  padding-bottom: 12px;
  padding-top: 18px;
  border-bottom: 2px solid #E4E4E4;
  position: relative;
  line-height: 1.5;
}

.cmshtml .blogmain_main .blogcontents .rdarticleTitle h3::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 42px;
  height: 1px;
  background: #0055AA;
  border-right: 2px solid #fff;
}

  /*ブログ共通部分カラー*/
  /*最新記事一覧*/
  /*月別アーカイブ*/
  /*ブログ内検索*/
  /*ブログカテゴリー*/
  /*ブログカレンダー*/
  /*タグリスト*/
  /*年アーカイブ*/

.cmshtml .blogcommon .rdblartlist .rdnewArticle {
  border: none;
}

.cmshtml .blogcommon .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border-color: #0055AA;
}

.cmshtml .blogcommon .rdBlogSearch .rdBlogSearch-btn {
  background-color: #0055AA;
}

.cmshtml .blogcommon .rdCategorylist .rdCategorylist-link:after {
  border-left-color: #0055AA;
}

.cmshtml .blogcommon .rdCategorylist .rdCategorylist-link:hover {
  background: #E8EEF3;
  color: #0055AA;
}

.cmshtml .blogcommon .rdCalendar .rdCalendarTable-link {
  background: #0055AA;
}

.cmshtml .blogcommon .rdCalendar .rdCalendarTable-link:hover {
  background: #0091C6;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link {
  background: #E8EEF3;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link:after {
  background: #E8EEF3;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link:before {
  background: #E8EEF3;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link:hover {
  background: #0055AA;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link:hover:before {
  background: #0055AA;
}

.cmshtml .blogcommon .rdTaglist .rdTaglist-link:hover:after {
  background: #0055AA;
}

.cmshtml .blogcommon .rdYearlyArchive-item .rdYearlyArchive-link {
  background: #0091C6;
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.cmshtml .blogcommon .rdYearlyArchive-item .rdYearlyArchive-link:hover {
  background: #0055AA;
}

@media screen and (max-width: 768px) {
  .cmshtml .blogcontents .mainarea {
    width: 100%;
    margin-bottom: 30px;
  }
  .cmshtml .blogcontents .blogcommon {
    width: 100%;
    margin-bottom: 30px;
  }
}

#editView .cmshtml {
  /*flexの中の幅を調整*/
  /*flex innner */
  /*操作盤表示*/
  /*toolbox*/
  /*custom*/
  /*customEnd*/
}

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

#editView.showhideElement .cmshtml .drawer-dropdown-menu {
  z-index: 100;
  display: block;
  width: 100%;
  padding: 0;
}

#editView.showhideElement .cmshtml .default_none, #editView.showhideElement .cmshtml .toggle-box .toggle-box_dd {
  display: block;
}

#editView.showhideElement .cmshtml #l-header {
  z-index: 9999;
}

#editView.showhideElement .cmshtml #l-header .h_nav__list {
  justify-content: space-between;
  padding-right: 0;
}

#editView.showhideElement .cmshtml #l-header .h_nav__list > div {
  flex-grow: 1;
}

#editView.showhideElement .cmshtml #l-header .drawer-dropdown-menu-item {
  font-size: 15px;
  font-size: 0.9375rem;
}

#editView.showhideElement .cmshtml #l-header .drawer-dropdown .drawer-dropdown-menu .ddinner {
  display: block;
}

#editView.showhideElement .cmshtml #l-header .drawer-dropdown .drawer-dropdown-menu .ddinner .title_wrap {
  width: 100%;
  display: block;
  padding: 10px 3px;
}

#editView.showhideElement .cmshtml #l-header .drawer-dropdown .drawer-dropdown-menu .ddinner .item_wrap {
  width: 100%;
  display: block;
  padding: 10px 3px;
}

#editView.showhideElement .cmshtml #l-header .drawer-dropdown .drawer-dropdown-menu .ddinner .item_wrap > div {
  margin: 0;
  width: 100%;
}

#editView .cmshtml #l-header [data-blocks="サブナビ"] {
  position: absolute;
  right: 0;
  top: -69px;
  width: 100%;
  min-height: 69px;
}

#editView .cmshtml #l-header .h_nav__item.h_subnav {
  top: 0;
}

#editView .cmshtml [data-aos=fade-up], #editView .cmshtml [data-aos=flip-left], #editView .cmshtml [data-aos=zoom-in-up] {
  transform: none;
  opacity: 1;
}

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

#editView .cmshtml .forfixed {
  margin-top: 0;
}

#editView .cmshtml #h-logo {
  position: relative;
  top: 10px;
}

#editView .cmshtml .drawer-nav {
  overflow: visible;
}

#editView .cmshtml .h_nav {
  padding-top: 23px;
  height: auto;
}

#editView .cmshtml #l-header .headinner, #editView .cmshtml #l-header .h_nav__list {
  position: relative;
}

#editView .cmshtml .drawer-dropdown-menu {
  display: none;
  height: auto;
}
#editView .cmshtml [data-blocks="ドロップダウン"] {
display: none;
}
#editView.showhideElement .cmshtml [data-blocks="ドロップダウン"] {
position: absolute;
display: block;
}
#editView .cmshtml #l-header .h_nav .drawer-dropdown .drawer-dropdown-menu {
left:0;
transform: translateX(0);
}

#editView .cmshtml .drawer-dropdown-menu .drawer-dropdown-menu_ul {
  padding: 0;
  display: block;
}
#editView .cmshtml .drawer-dropdown-menu .drawer-dropdown-menu_ul .drawer-dropdown-menu-item {
  width: 100%;
}

#editView .cmshtml .drawer-dropdown-menu .drawer-dropdown-menu_ul .drawer-dropdown-menu-item a {
  padding: 10px 0px 10px 20px;
}

#editView .cmshtml .top-slide {
  max-height: 560px;
  overflow: auto;
}

#editView .cmshtml .top-slide .swiper-wrapper {
  padding-top: 23px;
  flex-wrap: wrap;
}

#editView .cmshtml .conceptstyle.rev {
  flex-direction: row-reverse;
}

#editView .cmshtml .conceptstyle .flex_row_inner {
  max-width: 100%;
  width: 100%;
}

#editView .cmshtml .top_news__wrap {
  max-height: none;
  overflow: visible;
  width: 100%;
  padding-top: 23px;
}

#editView .cmshtml .top_contents .contents_list .contents_li .title2 {
  position: relative;
}

#editView .cmshtml .conceptstyle .flex_txt {
  padding: 2vw;
}

#editView .cmshtml .swiper-wrapper {
  flex-wrap: wrap;
}

#editView .cmshtml .sec_carusel .wrap-carusel .swiper-slide [data-blocks="画像"] {
  margin: 5px;
}

#editView .cmshtml #section_pageHeader {
  padding-top: 23px;
}

#editView .cmshtml #section_pageHeader .headimg {
  position: relative;
}

#editView .cmshtml #section_pageHeader .headimg img {
  width: 100%;
  position: relative;
  background: none;
  z-index: 0;
  max-height: 400px;
}

#editView .cmshtml #section_pageHeader .head_inner {
  padding: 0;
}

#editView .cmshtml #section_pageHeader #title-wrap {
  width: 100%;
  position: relative;
  background: none;
}

#editView .cmshtml .title-navi {
  margin: 0 5%;
}

#editView .cmshtml .title-navi:empty {
  display: block !important;
}

#editView .cmshtml .toggle-box > div:nth-child(2n), #editView .cmshtml .faq > div:nth-child(2n) {
  display: block;
}

#editView .cmshtml .dl_list_text {
  justify-content: space-between;
}

#editView .cmshtml .day_list .text_area:last-child::after {
  content: none;
}

#editView .cmshtml .faq > div:nth-child(2n-1)::after {
  border-radius: 0%;
  right: auto;
  transition: none;
}

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

#editView .cmshtml .sponly {
  display: block;
}

#editView .cmshtml .swingbox, #editView .cmshtml .flipbox, #editView .cmshtml .fadebox, #editView .cmshtml .fadeinbox, #editView .cmshtml .bouncedownbox, #editView .cmshtml .bouncebox {
  opacity: 1;
}

#editView .cmshtml .just2, #editView .cmshtml .just3, #editView .cmshtml .just4, #editView .cmshtml .just5, #editView .cmshtml .just6 {
  justify-content: flex-start;
}

#editView .cmshtml .just2 > div,
#editView .cmshtml .just3 > div,
#editView .cmshtml .just4 > div,
#editView .cmshtml .just5 > div,
#editView .cmshtml .just6 > div {
}

#editView .cmshtml .top_news__dd,
#editView .cmshtml .top_news__dt,
#editView .cmshtml .flex_left,
#editView .cmshtml .flex_right,
#editView .cmshtml .edit_inner {
  width: 100%!important;
  max-width: 100%!important;
}

#editView .cmshtml .top_news__wrap {
  padding-top: 23px;
}

#editView .cmshtml edit p {
  min-width: 3em;
}

#editView .cmshtml .rdareaItem edit {
  min-width: 3.6em;
}

#editView .cmshtml {
  overflow-x: hidden;
  overflow-y: auto;
}

#editView .product_block .imgwrap ,
#editView .product_block .rdplaneimage ,
#editView .product_block .rdslide ,
#editView .product_block .wrap ,
#editView .product_block [data-blocks="タイトル"] {
width: 100%;
max-width: 100%;
min-width: 0;
}
#editView .product_block [data-blocks="画像"],
#editView .product_block [data-blocks="画像スライド"] {
width: 430px;
}
#editView .product_block [data-blocks="テキストエリア"] {
  width: calc(100% - 440px);
}

#editView .top_news .top_news__wrap .top_news__dl [data-blocks="お知らせ日付"] {
  width: 120px;
}
#editView .top_news .top_news__wrap .top_news__dl [data-blocks="お知らせ本文"] {
  width: calc(100% - 130px);
}

#editView .cmshtml .paneClose #editView #l_footer .foot_contact .imgwrap img {
  max-width: 100%;
}

#editView .cmshtml .slider-area .under-logo {
position: relative;
transform: translate(0);
left: 0;
top: 0;
background: #bbb;
padding-left: 3vw;
}

#editView .cmshtml #l-header .h_nav__list {
background: rgba(0,0,0 ,0.2);
}
#editView .cmshtml [data-blocks="サブテキスト"].active,
#editView .cmshtml .lang div.active{
padding-top: 23px;
}
#editView #l_footer .footer_inner .flex_right {
width:100%!important;
max-width:100%!important;
}
#editView .cmshtml .footer_inner [data-blocks="アドレステキスト"] {
width: calc(100% - 330px);
}
#editView .cmshtml .footer_inner [data-blocks="ロゴ"] {
width: 330px;
}
#editView .cmshtml .product_wrap .h4 {
transform: translateY(-10px) translateX(35px);
}