@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Libre+Baskerville&display=swap");

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

.cmsbody {
  margin: 0;
}

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

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

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

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

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

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

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

.cmshtml abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  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 {
  -webkit-box-sizing: border-box;
  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"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

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

.cmshtml summary {
  display: list-item;
}

.cmshtml canvas {
  display: inline-block;
}

.cmshtml template {
  display: none;
}

.cmshtml [hidden] {
  display: none;
}

.cmshtml .cf, .cmshtml #header, .cmshtml .pageHeader, .cmshtml #main, .cmshtml #footer, .cmshtml #section_pageHeader, .cmshtml #title, .cmshtml .section_primary, .cmshtml .section-contact, .cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml #title p.en, .cmshtml .title-navi, .cmshtml .pagenav, .cmshtml .to_bt, .cmshtml .section-news, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .hd-yougo, .cmshtml .cap-l-t2 h2, .cmshtml .boxwrap-w, .cmshtml .imgfull, .cmshtml .noline-hr, .cmshtml .dl-box1 dl, .cmshtml .to-bt2, .cmshtml .stepbox ul li, #editView .cmshtml li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml #header:before, .cmshtml .pageHeader:before, .cmshtml #main:before, .cmshtml #footer:before, .cmshtml #section_pageHeader:before, .cmshtml #title:before, .cmshtml .section_primary:before, .cmshtml .section-contact:before, .cmshtml #wrap-container:before, .cmshtml .inner:before, .cmshtml #title h2:before, .cmshtml #title p.en:before, .cmshtml .title-navi:before, .cmshtml .pagenav:before, .cmshtml .to_bt:before, .cmshtml .section-news:before, .cmshtml .cap-l:before, .cmshtml .cap-l-t2:before, .cmshtml .cap-l-t3:before, .cmshtml .cap-m:before, .cmshtml .cap-s:before, .cmshtml .boxwrap1:before, .cmshtml .boxwrap2:before, .cmshtml .boxwrap3:before, .cmshtml .to-buttonbox:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .line-hr:before, .cmshtml .dibox:before, .cmshtml .dl-box1:before, .cmshtml .qabox:before, .cmshtml .stepbox:before, .cmshtml .hd-yougo:before, .cmshtml .cap-l-t2 h2:before, .cmshtml .boxwrap-w:before, .cmshtml .imgfull:before, .cmshtml .noline-hr:before, .cmshtml .dl-box1 dl:before, .cmshtml .to-bt2:before, .cmshtml .stepbox ul li:before, #editView .cmshtml li:before, .cmshtml .cf:after, .cmshtml #header:after, .cmshtml .pageHeader:after, .cmshtml #main:after, .cmshtml #footer:after, .cmshtml #section_pageHeader:after, .cmshtml #title:after, .cmshtml .section_primary:after, .cmshtml .section-contact:after, .cmshtml #wrap-container:after, .cmshtml .inner:after, .cmshtml #title h2:after, .cmshtml #title p.en:after, .cmshtml .title-navi:after, .cmshtml .pagenav:after, .cmshtml .to_bt:after, .cmshtml .section-news:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-l-t3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .hd-yougo:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox ul li:after, #editView .cmshtml li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml #header:after, .cmshtml .pageHeader:after, .cmshtml #main:after, .cmshtml #footer:after, .cmshtml #section_pageHeader:after, .cmshtml #title:after, .cmshtml .section_primary:after, .cmshtml .section-contact:after, .cmshtml #wrap-container:after, .cmshtml .inner:after, .cmshtml #title h2:after, .cmshtml #title p.en:after, .cmshtml .title-navi:after, .cmshtml .pagenav:after, .cmshtml .to_bt:after, .cmshtml .section-news:after, .cmshtml .cap-l:after, .cmshtml .cap-l-t2:after, .cmshtml .cap-l-t3:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .qabox:after, .cmshtml .stepbox:after, .cmshtml .hd-yougo:after, .cmshtml .cap-l-t2 h2:after, .cmshtml .boxwrap-w:after, .cmshtml .imgfull:after, .cmshtml .noline-hr:after, .cmshtml .dl-box1 dl:after, .cmshtml .to-bt2:after, .cmshtml .stepbox ul li:after, #editView .cmshtml li:after {
  clear: both;
}

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

.cmshtml .arrow, .cmshtml .pagenav ul li:after, .cmshtml .block-listed p:before, .cmshtml .block-listed p:after, .cmshtml .block-listed dl:before, .cmshtml .block-listed dl:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.cmshtml .triangle, .cmshtml .block-listed p:after, .cmshtml .block-listed dl:after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

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

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

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

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

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

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

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

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

.cmsbody {
  line-height: 1.7;
}

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

.cmshtml li {
  list-style: none;
}

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

.cmshtml img {
  vertical-align: bottom;
}

.cmshtml #header, .cmshtml .pageHeader, .cmshtml #main, .cmshtml #footer, .cmshtml #section_pageHeader, .cmshtml #title, .cmshtml .section_primary, .cmshtml .section-contact {
  margin: 0;
  padding: 0;
  position: relative;
}

.cmshtml p,
.cmshtml div,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h5,
.cmshtml h6{
  margin: 0;
  padding: 0;
}

.cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml #title p.en, .cmshtml .title-navi, .cmshtml .pagenav, .cmshtml .to_bt, .cmshtml .section-news, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .hd-yougo {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml #wrap-container, .cmshtml .inner, .cmshtml #title h2, .cmshtml #title p.en, .cmshtml .title-navi, .cmshtml .pagenav, .cmshtml .to_bt, .cmshtml .section-news, .cmshtml .cap-l, .cmshtml .cap-l-t2, .cmshtml .cap-l-t3, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .qabox, .cmshtml .stepbox, .cmshtml .hd-yougo {
    width: 100%;
  }
}

.cmshtml #header {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-backface-visibility: hidden;
}

#editView.showhideElement .cmshtml #header{
  position: relative;
}



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

@media screen and (min-width: 1241px) {
  .cmshtml #header.fixed {
    width: 100%;
    height: 58px;
    padding-top: 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000;
  }
  .cmshtml #header.fixed h1#logo a {
    margin-top: 15px;
    padding-top: 34px;
  }
  .cmshtml #header.fixed #navigation {
    margin-top: 0;
  }
  .cmshtml #header.fixed #navigation li {
    height: 58px;
  }
  .cmshtml #header.fixed #navigation li a {
    padding-top: 20px;
    color:#222;
    text-shadow: none;
  }
  .cmshtml #header.fixed #navigation li.language a {
    color:#fff;
    text-shadow: none;
  }
}

#editView .cmshtml #header #navigation .dropdown-toggle a{
  font-size: 1.1rem;
  outline: none;
  position: relative;
  font-family: "Noto Sans JP", Sans-serif;
  text-shadow: 0px 0px 6px #000000;
  color: #fff;
  font-weight:800;
}

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

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomOut {
  /* 1.15倍させる指定 */
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.cmshtml .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cmshtml .swiper-slide-active .slide-img,
.cmshtml .swiper-slide-duplicate-active .slide-img,
.cmshtml .swiper-slide-prev .slide-img {
  /* 12秒かけて拡大させる */
  -webkit-animation: zoomOut 12s linear 0s;
  animation: zoomOut 12s linear 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cmshtml #topslide {
  width: 100%;
  height: 100vh;
  min-height: 762px;
  overflow: hidden;
}

.cmshtml #topslide .swiper-slide img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.cmshtml #topslide .swiper-container {
  height: 100%;
}

.cmshtml #topslide .slide-img {
  height: 100%;
}

@media screen and (max-width: 680px) {
  .cmshtml #topslide {
    height: 50vh;
    min-height: 0;
  }
  .cmshtml #topslide .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@-webkit-keyframes scbarSizeScale {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@keyframes scbarSizeScale {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

.cmshtml .scroll {
  width: 8px;
  margin-top: 50px;
  position: absolute;
  bottom: -30px;
  right: 10vw;
  z-index: 2;
}

.cmshtml .scroll p.sc {
  font-size: 10px;
  letter-spacing: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media screen and (max-width: 680px) {
  .cmshtml .scroll p.sc {
    line-height: 30px;
  }
}

.cmshtml .scroll .scroll-bar {
  margin-top: 10px;
  position: relative;
  top: 0;
  height: 100px;
}

.cmshtml .scroll .scroll-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 100px;
  background: #fff;
}

.cmshtml .scroll .scroll-bar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 30px;
  background: #3932CC;
  -webkit-animation-name: scbarSizeScale;
  animation-name: scbarSizeScale;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}

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

.cmshtml .wrap-lead {
  width: 800px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 7%;
  display: block;
  position: absolute;
  top: 22vh;
  left: 5%;
  z-index: 10;
}

#editView .cmshtml .wrap-lead{
  width: 100%;
  position:relative;
  top: 0;
  left: 0;
  padding-left: 0;
}

.cmshtml .wrap-lead .lead-title p{
  font-weight: 900;
  font-family: Arial,"游ゴシック", sans-serif;
  font-size: 2.6rem;
  color: #3932CC;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px, rgba(255, 255, 255, 0.8) -1px -1px 1px, rgba(255, 255, 255, 0.8) -1px 1px 1px, rgba(255, 255, 255, 0.8) 1px -1px 1px, rgba(255, 255, 255, 0.8) 0px 1px 1px, rgba(255, 255, 255, 0.8) 0 -1px 1px, rgba(255, 255, 255, 0.8) -1px 0 1px, rgba(255, 255, 255, 0.8) 1px 0 1px;
}

.cmshtml .wrap-lead .txt p{
  font-family: "Noto Sans JP", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6em;
  text-shadow: 0px 0px 6px #000000;
  margin-top: .5em;
  color: #fff;
}

#editView .cmshtml .wrap-lead .txt p{
  color: #222;
  text-shadow: none;
}

@media screen and (max-width: 680px) {
  .cmshtml .wrap-lead {
    width: 100%;
    padding: 2em 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: 0;
  }
  .cmshtml .wrap-lead .lead-title p{
    font-size: 1.6rem;
    color: #3932CC;
    text-shadow: none;
  }
  .cmshtml .wrap-lead .txt p{
    font-family: "Noto Sans JP", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6em;
    text-shadow: none;
    margin-top: .5em;
    color: #222;
  }
}

.cmshtml #main .container {
  padding-bottom: 40px;
  max-width: 1080px;
  margin:0 auto;
}

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

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

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

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

.cmshtml a:hover {
  color: #3932CC;
}

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

.cmshtml h1#logo {
  position: absolute;
  top: 0;
  left: 5%;
  width: 431px;
  max-width: 30vw;
  height: 62px;
  z-index: 5;
}

@media screen and (max-width: 1240px) {
  .cmshtml h1#logo {
    z-index: 1;
    max-width: 80vw;
  }
}

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

.cmshtml h1#logo.en a {
  background: url(../img/logoen.png) no-repeat 50% 50%;
  background-size: contain;
}

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

@media screen and (max-width: 1080px) {
  .cmshtml h1#logo a {
    margin: 15px 15px;
  }
}

.cmshtml .globalmenu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

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

.cmshtml #navigation {
  margin: 40px auto 0;
  padding-left: 560px;
  padding-right: 5%;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.cmshtml #navigation li {
  text-align: center;
  line-height: 20px;
  font-size: calc(12px + 0.25vw);
  letter-spacing: 0;
}

.cmshtml #navigation li a {
  font-size: 1.1rem;
  outline: none;
  position: relative;
  font-family: "Noto Sans JP", Sans-serif;
  text-shadow: 0px 0px 6px #000000;
  color: #fff;
}

.cmshtml #navigation li a:before {
  content: "";
  width: 0;
  height: 2px;
  background: rgba(57, 50, 204, 0);
  position: absolute;
  bottom: 0px;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 3;
}

.cmshtml #navigation li a:hover:before {
  width: 100%;
  background: #3932cc;
}

.cmshtml #navigation li.drawer-dropdown a:after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 48%;
  bottom: 5px;
  height: 5px;
  width: 5px;
  border-right: 1px solid #3932CC;
  border-bottom: 1px solid #3932CC;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 0;
}

@media screen and (max-width: 1240px) {
  .cmshtml #navigation li.drawer-dropdown a:after {
    top: 17px;
    opacity: 1;
    content: none;
  }
}

.cmshtml #navigation li.drawer-dropdown.open a:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

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

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

.cmshtml #navigation li a {
  display: block;
  padding: 28px 0.5vw 10px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.cmshtml #navigation li a:hover {
  opacity: 1;
}

.cmshtml #navigation li a:hover:after {
  opacity: 1;
}

.cmshtml #navigation li.language {
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  margin-top: 28px;
}

.cmshtml #navigation li.language ol {
  display: block;
  height: 24px;
  margin: 0;
}

.cmshtml #navigation li.language ol .bt {
  padding: 0;
  width: 32px;
  display: block;
  font-size: 13px !important;
  position: relative;
  background-color: #fff;
  color: #3932CC;
  margin: 0;
  float: left;
}

.cmshtml #navigation li.language ol .bt a {
  padding: 0;
  height: 100%;
  display: block;
  background-color: #3932CC;
  color: #fff;
  text-shadow: none;
  font-size: 1rem;
}

.cmshtml #navigation li.language ol .bt a:before {
  content: none;
}

@media screen and (max-width: 1240px) {
  .cmshtml #navigation {
    display: block;
    height: auto;
    padding-top: 20px;
    padding-left: 10px;
  }
  .cmshtml #navigation li:not(.bt) {
    width: 100%;
    height: auto;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
  }
  .cmshtml #navigation li:not(.bt) a {
    padding: 10px 10px;
    display: block;
    color: #060817;
    text-shadow: none;
  }
  .cmshtml #navigation li:not(.bt) a:before {
    content: none;
  }
  .cmshtml #navigation li:not(.bt).contact {
    position: relative;
  }
  .cmshtml #navigation li:not(.bt).drawer-dropdown > a:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: auto;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 5px;
    width: 5px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
  }
  .cmshtml #navigation li:not(.bt) .drawer-dropdown.open > a:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

.cmshtml #navigation .drawer-dropdown-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 2em;
}

@media screen and (max-width: 1240px) {
  .cmshtml #navigation .drawer-dropdown-menu .inner {
    padding: 0;
  }
}

.cmshtml #navigation .drawer-dropdown-menu .inner .title {
  text-align: right;
  font-weight: bold;
}

.cmshtml #navigation .drawer-dropdown-menu ol {
  padding: 0;
}

.cmshtml #navigation .drawer-dropdown-menu li {
  text-align: left;
  position: relative;
  margin-bottom: 0;
}

.cmshtml #navigation .drawer-dropdown-menu li a {
  padding: 15px 20px 15px 40px;
  display: block;
}

.cmshtml #navigation .drawer-dropdown-menu li:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #3932CC;
}

.cmshtml #navigation .drawer-dropdown-menu li:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid #fff;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cmshtml .fixed .drawer-dropdown.open > .drawer-dropdown-menu {
  top: 48px;
}

.cmshtml #section_pageHeader {
  margin: 0 auto;
}

.cmshtml .sp-slide .copy {
  width: 840px;
  background: url("../img/bg_eyecatch.png") no-repeat 0 0;
  background-size: contain;
  padding: 70px 140px 70px 70px;
}

.cmshtml .sp-slide .copy p {
  color: #fff;
  letter-spacing: 0;
}

.cmshtml .sp-slide .copy p.txt {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 680px) {
  .cmshtml .sp-slide .copy p.txt {
    font-size: 31px;
  }
}

.cmshtml .sp-slide .copy p.subtxt {
  font-size: 19px;
}

@media screen and (max-width: 680px) {
  .cmshtml .sp-slide .copy p.subtxt {
    font-size: 17px;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml .sp-slide .copy {
    width: 100%;
    padding: 40px;
    background-size: cover;
  }
  .cmshtml .sp-slide .copy p.txt {
    font-size: 26px;
  }
  .cmshtml .sp-slide .copy p.subtxt {
    font-size: 15px;
  }
}

@media screen and (max-width: 680px) {
  .cmshtml .sp-slide .copy p.txt {
    font-size: 2.6vh;
  }
  .cmshtml .sp-slide .copy p.subtxt {
    font-size: 2vh;
  }
}

.cmshtml #footer {
  clear: both;
  position: relative;
  padding: 50px 10% 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
  background: url("../img/bg_footer.jpg") no-repeat 50% 0;
  background-size: cover;
}

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

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

.cmshtml #footer #copy {
  margin: 10px 0;
  width: 100%;
  clear: both;
  font-size: 13px;
  display: block;
}

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

.cmshtml #footer .flink {
  width: 63%;
}

.cmshtml #footer .flink ul.flinks li {
  font-size: 15px;
  margin-bottom: 1.5em;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  margin-right: 2em;
}

@media screen and (max-width: 680px) {
  .cmshtml #footer .flink ul.flinks li {
    font-size: 13px;
  }
}

.cmshtml #footer .flink ul.flinks li a {
  text-decoration: none;
}

.cmshtml #footer .flink ul.flinks li a:hover {
  opacity: 0.7;
}

.cmshtml #footer .flink ul.bn {
  text-align: right;
}

.cmshtml #footer .flink ul.bn li {
  display: inline-block;
}

.cmshtml #footer .flink ul.bn li img {
  max-width: 100%;
  height: auto;
}

.cmshtml #footer .info {
  width: 37%;
}

.cmshtml #footer .info .logo img {
  max-width: 100%;
  height: auto;
}

.cmshtml #footer .info address {
  margin-top: 20px;
  font-size: 14px;
  font-style: normal;
}

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

@media screen and (max-width: 1240px) {
  .cmshtml #footer .info, .cmshtml #footer .flink {
    padding: 0 2%;
    width: 100%;
    margin-bottom: 30px;
  }
  .cmshtml #footer .info .flink ul {
    width: 36vw;
    margin: 0;
  }
  .cmshtml #footer .info .logo {
    margin: 0 0 20px;
  }
  .cmshtml #footer #copy {
    text-align: center;
  }
}

.cmshtml .gmap {
  height: 400px;
}

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

#editView .cmshtml #title {
  position: relative;
  padding: 0;
}

#editView .cmshtml #title h2{
  color:#fff;
}

.cmshtml #title-wrap {
  position: relative;
  overflow: hidden;
  background: #3932CC;
  max-height: 294px;
}

#editView .cmshtml #title-wrap {
  max-height: none;
  margin: 180px 0 0;
}

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

#editView .cmshtml #title-wrap .imgwrap {
  width: 100%;
  min-width: none;
  height: auto;
  display: block;
  position: relative;
  top: 0;
  right: 0;
}

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

.cmshtml #title {
  padding: 160px 0 60px;
  position: relative;
  z-index: 3;
}

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

@media screen and (max-width: 680px) {
  .cmshtml #title {
    padding-top: 100px;
  }
}

.cmshtml #title h2 {
  padding-left: 2%;
  margin: 0 auto 0;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.1em;
  text-align: left;
}

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

.cmshtml #title p.en {
  font-family: 'Libre Baskerville', serif;
  padding-left: 2%;
  margin: 0 auto 0;
  position: relative;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
  font-size: 14px;
}

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

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

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

.cmshtml .title-navi {
  margin-top: 30px;
  padding-left: 2%;
}

.cmshtml .title-navi ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cmshtml .title-navi ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 2px;
  margin-bottom: 2px;
  overflow: hidden;
}

.cmshtml .title-navi ul li a {
  font-size: 15px;
  padding: 12px 30px;
  text-decoration: none;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  position: relative;
  background: #3932CC;
  display: block;
  color: #fff;
  text-align: center;
}

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

.cmshtml .title-navi ul li a:before {
  content: "";
  width: 100px;
  height: 100px;
  border: 50px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  left: -170px;
}

.cmshtml .title-navi ul li a:hover {
  color: #3932CC;
  background: #fff;
}

.cmshtml .title-navi ul li a:hover:after {
  border-color: #3932CC;
}

.cmshtml .title-navi ul li a:after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}

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

.cmshtml .pagenav {
  background: #fff;
}

.cmshtml .pagenav ul {
  margin-top: 15px;
  margin-left: 2%;
  float: right;
}

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

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

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

.cmshtml .container {
  margin: 0 auto;
  padding: 20px 0 80px;
}

.cmshtml .container.info-in {
  margin: 0 auto;
  padding: 20px 0 0;
}

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

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

.cmshtml .page-grossary .pagenav {
  padding-top: 100px;
}

.cmshtml .red {
  color: #FF0000;
}

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

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

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

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

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

.cmshtml .bt-more {
  margin: 20px 0;
  text-align: right;
}

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

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

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

.cmshtml .bt-more p a {
  padding: 16px 40px 16px 40px;
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.2rem;
  background: -webkit-gradient(linear, left top, right top, from(#3932CC), to(#3932CC));
  background: -webkit-linear-gradient(left, #3932CC, #3932CC);
  background: -o-linear-gradient(left, #3932CC, #3932CC);
  background: linear-gradient(to right, #3932CC, #3932CC);
}

.cmshtml .bt-more p a:after {
  content: "";
  margin: auto;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 9%;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.cmshtml .bt-more p a:hover {
  -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  background: -webkit-gradient(linear, left top, right top, from(#3932CC), to(#004BD9));
  background: -webkit-linear-gradient(left, #3932CC, #004BD9);
  background: -o-linear-gradient(left, #3932CC, #004BD9);
  background: linear-gradient(to right, #3932CC, #004BD9);
}

.cmshtml .bt-more p a:hover:after {
  right: 7%;
  opacity: 1;
}

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

.cmshtml .to_bt a {
  padding: 15px 60px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background: -webkit-gradient(linear, left top, right top, from(#3932CC), to(#3932CC));
  background: -webkit-linear-gradient(left, #3932CC, #3932CC);
  background: -o-linear-gradient(left, #3932CC, #3932CC);
  background: linear-gradient(to right, #3932CC, #3932CC);
  border-radius: 60px;
}

.cmshtml .to_bt a:after {
  content: "";
  margin: auto;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 9%;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.cmshtml .to_bt a:hover {
  -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  background: -webkit-gradient(linear, left top, right top, from(#3932CC), to(#004BD9));
  background: -webkit-linear-gradient(left, #3932CC, #004BD9);
  background: -o-linear-gradient(left, #3932CC, #004BD9);
  background: linear-gradient(to right, #3932CC, #004BD9);
}

.cmshtml .to_bt a:hover:after {
  right: 7%;
  opacity: 1;
}

.cmshtml .to_bt.bt_back a {
  background: rgba(6, 8, 23, 0.7);
}

.cmshtml .to_bt.bt_back a:after {
  right: auto;
  left: 7%;
}

.cmshtml .to_bt.bt_back a:hover:after {
  right: auto;
  left: 9%;
}

.cmshtml .en {
  font-family: 'Libre Baskerville', serif;
  letter-spacing: 1.2px;
}

.cmshtml .section_primary {
  padding: 60px  0 50px;
  margin: 0 auto;
  position: relative;
  display: block;
}

.cmshtml .section_primary .wrap-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#editView .cmshtml .section_primary .wrap-products > div{
  width:32%;
}

.cmshtml .section_primary .wrap-products li {
  width: 32.5%;
  margin: 0 1.25% 2.6em 0;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  position: relative;
  text-decoration: none;
}

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

.cmshtml .section_primary .wrap-products li:before, .cmshtml .section_primary .wrap-products li:after {
  content: "";
  position: absolute;
  z-index: -2;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.cmshtml .section_primary .wrap-products li:nth-child(3n) {
  margin-right: 0;
}

.cmshtml .section_primary .wrap-products li .imgbox {
  width: 100%;
  height: 23vw;
  max-height: 326px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 680px) {
  .cmshtml .section_primary .wrap-products li .imgbox {
    height: 65vw;
  }
}

.cmshtml .section_primary .wrap-products li .imgbox:before {
  content: "詳しく見る";
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.cmshtml .section_primary .wrap-products li .imgbox:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.cmshtml .section_primary .wrap-products li .imgbox img {
  width: 100%;
  height: auto;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.cmshtml .section_primary .wrap-products li .pro-name p{
  margin-top: 0.6em;
  font-size: 32px;
  text-align: center;
}

#editView .cmshtml .section_primary .wrap-products li .pro-name p a{
  margin-top: 0.6em;
  font-size: 32px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section_primary .wrap-products li .pro-name {
    font-size: 30px;
  }
}

.cmshtml .section_primary .wrap-products li .txt {
  margin: 1em;
  font-size: 15px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section_primary .wrap-products li .txt {
    font-size: 13px;
  }
}

.cmshtml .section_primary .wrap-products li a {
  text-decoration: none;
  color: #060817;
}

.cmshtml .section_primary .wrap-products li:hover .imgbox:before, .cmshtml .section_primary .wrap-products li:hover .imgbox:after {
  opacity: 1;
}

.cmshtml .section_primary .wrap-products li:hover .imgbox img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

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

.cmshtml .paper-raise:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cmshtml .paper-raise:hover:before {
  -webkit-box-shadow: 3px 15px 16px -10px rgba(31, 31, 31, 0.5);
  box-shadow: 3px 15px 16px -10px rgba(31, 31, 31, 0.5);
}

#editView .cmshtml .paper-raise{
  width:100%;
}

#editView .cmshtml .paper-raise img{
  width:100%;
  height:auto;
}

.cmshtml .section_secondary {
  padding: 60px 0;
  background-color: #D7D8E6;
}

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

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

.cmshtml .section-news {
  margin: -25vh auto 0;
  padding: 50px 0;
  position: relative;
  background: -webkit-linear-gradient(45deg, #1F2874, #3932CC);
  background: -o-linear-gradient(45deg, #1F2874, #3932CC);
  background: linear-gradient(45deg, #1F2874, #3932CC);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .section-news {
  margin: 0 auto 0;
  padding: 50px 0;
}

.cmshtml .section-news .cap-l {
  padding: 0;
}

.cmshtml .section-news .cap-l h2 {
  color: #fff;
}

.cmshtml .section-news #info {
  width: 75%;
  height: 150px;
  overflow: auto;
  margin: 0 auto;
}

#editView .cmshtml .section-news #info {
  height: 350px;
  padding:20px !important;
}

.cmshtml .section-news .newslist-btn {
  position: absolute;
  left: 40px;
  bottom: 30%;
}

.cmshtml .section-news .newslist-btn a {
  display: block;
  background: #fff;
  border-radius: 30px;
  color: #3932CC;
  padding: 0 20px;
  font-size: 0.8em;
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cmshtml .section-news .newslist-btn a:hover {
  background: #EC1633;
  color: #fff;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

@media screen and (max-width: 680px) {
  .cmshtml .section-news {
    margin: 0 auto 0;
    padding: 0 0 20px;
  }
  .cmshtml .section-news h2 {
    width: 100%;
  }
  .cmshtml .section-news #info {
    width: 100%;
    height: 200px;
  }
  .cmshtml .section-news .newslist-btn {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 30px auto 0;
  }
}

.cmshtml .news_dl {
  width: 100%;
  padding: 16px 0;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


#editView .cmshtml .news_dl {
  justify-content:left;
  flex-flow:nowrap;
}

.cmshtml .news_dl dt p{
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  width: 240px;
  display: inline;
  font-size: 15px;
  color: #fff;
}

.cmshtml .info-in .news_dl dt p{
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  width: 240px;
  display: inline;
  font-size: 15px;
  color: #222;
}

#editView .cmshtml .news_dl .data p{
  color: #fff;
  font-weight: 700;
}

#editView .cmshtml .info-in .news_dl .data p{
  color: #222;
}

#editView .cmshtml .news_dl .label p{
  color: #fff;
  font-weight: 700;
}

#editView .cmshtml .info-in .news_dl .label p{
  color: #222;
}

.cmshtml .news_dl dt div.label{
  margin: 1em 0;
  font-size: 15px;
  padding: 0px 14px;
  display: inline-block;
  font-size: 13px;
  color: #3932CC;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 700;
}

.cmshtml .info-in .news_dl dt div.label{
  margin: 1em 0;
  font-size: 15px;
  padding: 0px 14px;
  display: inline-block;
  font-size: 13px;
  color: #3932CC;
  border: 1px solid #3932CC;
  color: #222;
  font-weight: 700;
}

.cmshtml .news_dl dd.txt{
  width: calc( 100% - 200px);
  margin-left:20px;
}

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

.cmshtml .info-in .news_dl dd.txt{
  margin-left:40px;
}

#editView .cmshtml .news_dl > div:first-child{
  width:180px;
}

#editView .cmshtml .news_dl dd.txt{
  width:90%;
}

.cmshtml .news_dl dd.txt p{
  font-size: 15px;
  color: #fff;
}

.cmshtml .info-in .news_dl dd.txt p{
  color: #222;
}

.cmshtml .info-in .news_dl dd.txt p{
  font-size: 15px;
  color: #222;
}

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

@media screen and (max-width: 1080px) {
  .cmshtml .news_dl {
    padding: 16px 2%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .cmshtml .news_dl dd.txt {
    margin-top: 5px;
    width: 100%;
  }
}

.cmshtml .info-in .news_dl {
  color: #222;
  padding-bottom: 10px;
  border-bottom: 1px dotted #3932CC;
}

.cmshtml .info-in .news_dl div.label {
  border: 1px solid #3932CC;
  color: #222;
}

.cmshtml .info-in .news_dl dt {
  color: #222;
}

.cmshtml .info-in .news_dl dd.txt {
  color: #222;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .cap-l {
  font-weight: 700;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
}

.cmshtml .cap-l h2 {
  font-size: 29px;
  font-weight: bold;
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
}

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

.cmshtml .cap-l .sm-ttl {
  font-weight: bold;
}

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

.cmshtml .cap-l-t2 h2 {
  font-size: 32px;
  margin-top: 60px;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
  color: #060817;
}

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

.cmshtml .cap-l-t2 h2.c_sub {
  color: #004BD9;
}

.cmshtml .cap-l-t2 h2.c_m {
  color: #3932CC;
}

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

.cmshtml .cap-l-t2 .tel {
  font-size: 34px;
  line-height: 1.1;
  color: rgba(57, 50, 204, 0.7);
}

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

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

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

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

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

.cmshtml .cap-l-t2.clt2 {
  border-top: 1px solid #D7D8E6;
  padding-top: 2.6em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.cmshtml .cap-l-t2.clt2 h2 {
  font-weight: bold;
  margin: 0;
}

.cmshtml .cap-l-t2.clt2 .plogo {
  margin-right: 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
}

.cmshtml .cap-l-t2.clt2 .plogo img {
  max-width: 100%;
  height: auto;
}

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

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

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

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

.cmshtml .cap-l-t2.clt3 h2 {
  padding: 30px 0 10px;
  position: relative;
  color: #060817;
}

.cmshtml .cap-l-t2.clt3:after {
  margin: auto;
  content: "";
  width: 80px;
  height: 5px;
  background: #3932CC;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  display: inline-block;
}

.cmshtml .cap-l-t3 {
  margin-top: 60px;
  background: rgba(215, 216, 230, 0.27);
}

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

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

.cmshtml .cap-l-t3 p {
  padding: 0 1em 1em 20px;
  margin-top: 8px;
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #3932CC;
}

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

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

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

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

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

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

.cmshtml .cap-m.cm-1:after {
  width: 80px;
  height: 5px;
  background: rgba(57, 50, 204, 0.7);
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .cap-m.cm-2 {
  text-align: left;
  border-bottom: 1px solid #3932CC;
  background: rgba(215, 216, 230, 0.27);
  padding: 16px;
  position: relative;
  box-sizing: border-box;
}

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

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

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

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

.cmshtml .cap-m.cm-4 {
  text-align: left;
  background-color: #1f2874;
}

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

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

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

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

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

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

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

.cmshtml .cap-s.cs-3 h4 {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 1px solid #3932CC;
}

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

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

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

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

.cmshtml .topmovie {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 680px) {
  .cmshtml .topmovie {
    display: block;
  }
  .cmshtml .topmovie video {
    width: 100%;
  }
}

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

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

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

.cmshtml .boxwrap2 {
  padding: 32px;
  border: 3px solid #004BD9;
  background: #fff;
  border-radius: 5px;
  line-height: 1.9;
}

.cmshtml .boxwrap2.bg {
  background-color: rgba(57, 50, 204, 0.06);
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .i1 .in-wrap, .cmshtml .i2 .in-wrap, .cmshtml .i3 .in-wrap, .cmshtml .i4 .in-wrap, .cmshtml .i5 .in-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cmshtml .i1 .in-wrap div, .cmshtml .i2 .in-wrap div, .cmshtml .i3 .in-wrap div, .cmshtml .i4 .in-wrap div, .cmshtml .i5 .in-wrap div {
  margin: 0 2% 0 0;
  padding: 0;
  text-align: center;
}

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

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

@media screen and (max-width: 680px) {
  .cmshtml .i1 .in-wrap div figure figcaption, .cmshtml .i2 .in-wrap div figure figcaption, .cmshtml .i3 .in-wrap div figure figcaption, .cmshtml .i4 .in-wrap div figure figcaption, .cmshtml .i5 .in-wrap div figure figcaption {
    font-size: 12px;
  }
}

.cmshtml .i1 .in-wrap div img, .cmshtml .i2 .in-wrap div img, .cmshtml .i3 .in-wrap div img, .cmshtml .i4 .in-wrap div img, .cmshtml .i5 .in-wrap div img {
  margin-bottom: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .i3.dormitory-photo .in-wrap div figcaption h4 {
  font-size: 14px;
  font-weight: bold;
  color: rgba(57, 50, 204, 0.7);
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml .i4 .in-wrap div {
    margin-right: 2%;
    margin-bottom: 8px;
    width: 49%;
  }
  .cmshtml .i4 .in-wrap div:nth-child(2n) {
    margin-right: 0;
  }
}

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

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

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

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

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

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

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

.cmshtml .submenu {
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

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

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

.cmshtml .submenu li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  color: #060817;
  border: 1px solid #D7D8E6;
  background: rgba(215, 216, 230, 0.83);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  text-align: center;
}

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

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

.cmshtml .submenu li a:hover {
  background: rgba(31, 40, 116, 0.63);
}

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

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

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th {
  padding: 16px 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #D7D8E6;
  font-size: 15px;
  color: #3932CC;
  font-weight: bold;
  background: rgba(215, 216, 230, 0.3);
  border-bottom: 1px solid #D7D8E6;
}

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

.cmshtml .tb-box1 th.hd_bggr, .cmshtml .tb-box1-2 th.hd_bggr, .cmshtml .tb-box2 th.hd_bggr, .cmshtml .tb-box3 th.hd_bggr {
  background: rgba(215, 216, 230, 0.3);
  color: #3932CC;
  border-bottom: 1px solid #D7D8E6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .dl-box1 dl dt {
  width: 25%;
  padding: 24px 2%;
  margin-right: 1%;
  color: #3932CC;
  font-weight: bold;
}

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

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

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

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml #pagetop {
    display: none;
  }
}

.cmshtml .to-buttonbox {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .qabox {
  overflow: hidden;
}

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

.cmshtml .qabox dl dt, .cmshtml .qabox dl dd {
  position: relative;
}

.cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
  display: block;
  position: absolute;
  top: 0;
  font-size: 30px;
}

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

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

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

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

.cmshtml .qabox dl dt p {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  z-index: 10;
}

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

.cmshtml .show_more {
  cursor: pointer;
}

.cmshtml .show_more dd {
  display: none;
}

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

.cmshtml .stepbox ul {
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.cmshtml .stepbox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 48%;
  margin-right: 2%;
  position: relative;
  padding-bottom: 30px;
}

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

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

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

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

.cmshtml .stepbox ul li .left h2, .cmshtml .stepbox ul li .il h2 {
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  padding-top: 15px;
  width: 80px;
  height: 80px;
  color: #fff;
  background: #3932CC;
  line-height: 1.3;
  font-size: 26px;
}

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

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

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

.cmshtml .stepbox ul li .right h3, .cmshtml .stepbox ul li .ir h3, .cmshtml .stepbox ul li .right .stepbox-maintxt, .cmshtml .stepbox ul li .ir .stepbox-maintxt, .cmshtml .stepbox ul li .right .stepbox-subtxt, .cmshtml .stepbox ul li .ir .stepbox-subtxt {
  margin: 0 0 1% 4%;
}

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

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

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

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

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

@media screen and (max-width: 680px) {
  .cmshtml .stepbox ul li .left h2, .cmshtml .stepbox ul li .il h2 {
    width: 100%;
  }
  .cmshtml .stepbox ul li .left h2 .step, .cmshtml .stepbox ul li .il h2 .step {
    display: none;
  }
  .cmshtml .stepbox ul li:after {
    left: 5%;
  }
}

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

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

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

.cmshtml .block-listed p:after, .cmshtml .block-listed dl:after {
  left: 5px;
  width: 6px;
  height: 6px;
}

.cmshtml .block-listed dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmshtml .block-listed dl dt {
  padding-right: 20px;
  font-weight: bold;
}

.cmshtml .block-listed dl dd {
  padding-right: 20px;
}

@media screen and (max-width: 680px) {
  .cmshtml .block-listed dl {
    display: block;
  }
  .cmshtml .block-listed dl dt {
    display: block;
  }
  .cmshtml .block-listed dl dd {
    display: inline;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .sub-box-wide .txt-area .cap-l-t2 h2 {
  margin: 0 0 20px;
  padding-bottom: 0;
}

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

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

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

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

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

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

.cmshtml .sub-box-wide.txt-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

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

@media screen and (max-width: 680px) {
  .cmshtml .sub-box-wide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cmshtml .sub-box-wide.txt-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .cmshtml .sub-box-wide .img {
    width: 100%;
    text-align: center;
  }
  .cmshtml .sub-box-wide .img img:first-child {
    margin-right: 0;
  }
  .cmshtml .sub-box-wide .txt-area {
    margin-bottom: 10px;
    width: 100%;
  }
  .cmshtml .sub-box-wide.txt-left .txt-area, .cmshtml .sub-box-wide.txt-right .txt-area {
    padding: 0;
  }
}

.cmshtml .form {
  max-width: 780px;
}

.cmshtml .form label {
  display: inline-block;
}

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

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

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

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

.cmshtml .form .contact_item_table dd.contact_item_input input[type=text], .cmshtml .form .contact_item_table dd.contact_item_input input[type=tel], .cmshtml .form .contact_item_table dd.contact_item_input input[type=email], .cmshtml .form .contact_item_table dd.contact_item_input input[type=date] {
  margin-bottom: 10px;
  padding: 8px;
  height: auto;
  background-color: rgba(215, 216, 230, 0.27);
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

.cmshtml .form dl.contact_item_inside_table dt, .cmshtml .form dl.contact_item_inside_table dd {
  padding: 0 0 5px 0;
}

.cmshtml .form .contact_btn_area input, .cmshtml .form .contact_btn_area button {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  max-width: 360px;
  background: #D7D8E6;
  color: #3932CC;
  border: 2px solid #D7D8E6;
  font-weight: bold;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

.cmshtml .section-contact {
  margin: 0 auto 0;
  background-color: #D7D8E6;
  padding: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.cmshtml .section-contact .hd {
  width: 100%;
  padding: 3% 10%;
  font-weight: bold;
}

.cmshtml .section-contact .hd h2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
  padding-right: 2em;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-contact .hd h2 {
    font-size: 26px;
  }
}

.cmshtml .section-contact .hd h2:after {
  content: "";
  width: calc(100% - 15em);
  height: 1px;
  background-color: #3932CC;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.cmshtml .section-contact .hd p {
  margin-top: 1em;
  padding-right: 2em;
  font-size: 15px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-contact .hd p {
    font-size: 13px;
  }
}

.cmshtml .section-contact ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
}

.cmshtml .section-contact ul li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmshtml .section-contact .form {
  background-color: #3932CC;
  text-align: center;
}

.cmshtml .section-contact .form p {
  font-weight: bold;
  display: block;
  width: 100%;
  position: relative;
}

.cmshtml .section-contact .form p a {
  display: block;
  background-color: #3932CC;
  border-radius: 90px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-contact .form p a {
    font-size: 22px;
  }
}

.cmshtml .section-contact .form p a:after {
  content: "";
  margin: auto;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 9%;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.cmshtml .section-contact .form:hover p a:after {
  right: 7%;
  opacity: 1;
}

.cmshtml .section-contact .tel {
  background: #1F2874;
  text-align: center;
}

.cmshtml .section-contact .tel .num {
  width: 100%;
  font-family: 'Lato',Arial,"游ゴシック", sans-serif;
  font-weight: 600;
  font-size: 28px;
  color: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-contact .tel .num {
    font-size: 26px;
  }
}

.cmshtml .section-contact .tel .hour {
  color: #fff;
}

@media screen and (max-width: 680px) {
  .cmshtml .section-contact .hd {
    width: 100%;
    padding: 5vh 5%;
  }
  .cmshtml .section-contact .hd h2 {
    padding: 0;
    font-size: 20px;
    text-align: center;
  }
  .cmshtml .section-contact .hd h2:after {
    content: none;
  }
  .cmshtml .section-contact .hd p {
    padding: 0;
  }
  .cmshtml .section-contact ul {
    width: 100%;
  }
  .cmshtml .section-contact .tel {
    width: 100%;
    height: 20vh;
  }
  .cmshtml .section-contact .form {
    width: 100%;
    height: 20vh;
  }
}

.cmshtml .hd-yougo {
  margin: 40px auto;
  background-color: rgba(215, 216, 230, 0.5);
  border-top: 1px solid rgba(57, 50, 204, 0.7);
  padding: 1em 2em;
}

.cmshtml .hd-yougo h2 {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
}

@media screen and (max-width: 680px) {
  .cmshtml .hd-yougo h2 {
    font-size: 26px;
  }
}

.cmshtml .hd-yougo .kana {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
  color: rgba(6, 8, 23, 0.66);
}

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

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

#editView .cmshtml {
  margin: 0 auto;
  width: 100%;
  max-width: 1560px;
}

#editView .cmshtml #header {
  width: 100%;
  max-width: 1560px;
}

#editView .cmshtml .scroll {
  display: none;
}

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

#editView .cmshtml #topslide .swiper-wrapper {
  display: block;
  height: 60vw;
  overflow: auto;
}

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

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

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

#editView .cmshtml #navigation > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

#editView .cmshtml .title-navi ul > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

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

#editView.showhideElement .cmshtml .drawer-dropdown-menu{
  display: block;
  width:800px;
}

#editView .cmshtml .drawer-dropdown-menu {
  position: absolute;
  top: 60px;
  left: 0;
  width: auto;
}

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

#editView .cmshtml .section_primary .wrap-products li .imgbox:before,
#editView .cmshtml .section_primary .wrap-products li .imgbox:after {
  content: none;
}

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

#editView .cmshtml .i1 .in-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .i2 .in-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .i3 .in-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .i4 .in-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .i5 .in-wrap > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .globalmenu > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

#editView .cmshtml #navigation > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}

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

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

#editView .cmshtml .section_primary ul > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#editView .cmshtml .swiper-wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

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

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

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

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

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

.cmshtml .wc_anctxt {
  margin-top: -180px;
  padding-top: 180px;
  display: inline-block;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

@media screen and (max-width: 1240px) {
  .cmshtml .wc_anctxt {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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
























.cmshtml .submenu {
  margin: 10px auto;
  display: flex;
  flex-flow: row wrap;
}


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


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



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

}

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


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


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


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


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


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

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

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

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



/* u01表 */
.cmsbody table {border-collapse: collapse; }
.cmsbody .rdplanetext figure.table,
.cmsbody .rdplanetext2 figure.table,
.cmsbody .txtarea figure.table {
  width: 100%; }
  .cmsbody .rdplanetext figure.table table,
  .cmsbody .rdplanetext2 figure.table table,
  .cmsbody .txtarea figure.table table {
    border-top: 1px solid #7F7F7F;
    width: 100%; }
    .cmsbody .rdplanetext figure.table table td, .cmsbody .rdplanetext figure.table table th,
    .cmsbody .rdplanetext2 figure.table table td,
    .cmsbody .rdplanetext2 figure.table table th,
    .cmsbody .txtarea figure.table table td,
    .cmsbody .txtarea figure.table table th {
      padding: 1em 0.5em;
      border: none; }
    .cmsbody .rdplanetext figure.table table thead th,
    .cmsbody .rdplanetext2 figure.table table thead th,
    .cmsbody .txtarea figure.table table thead th {
      text-align: inherit; }
    .cmsbody .rdplanetext figure.table table tr th, .cmsbody .rdplanetext figure.table table tr td,
    .cmsbody .rdplanetext2 figure.table table tr th,
    .cmsbody .rdplanetext2 figure.table table tr td,
    .cmsbody .txtarea figure.table table tr th,
    .cmsbody .txtarea figure.table table tr td {
      border-bottom: 1px solid #7F7F7F !important; }
      .cmsbody .rdplanetext figure.table table tr th:first-child, .cmsbody .rdplanetext figure.table table tr td:first-child,
      .cmsbody .rdplanetext2 figure.table table tr th:first-child,
      .cmsbody .rdplanetext2 figure.table table tr td:first-child,
      .cmsbody .txtarea figure.table table tr th:first-child,
      .cmsbody .txtarea figure.table table tr td:first-child {
        border-left: none; }
    .cmsbody .rdplanetext figure.table table th,
    .cmsbody .rdplanetext2 figure.table table th,
    .cmsbody .txtarea figure.table table th {
      width: auto;
      background-color: rgba(215, 216, 230, 0.3); }
    .cmsbody .rdplanetext figure.table table td,
    .cmsbody .rdplanetext2 figure.table table td,
    .cmsbody .txtarea figure.table table td {
      background-color: #fff; }
@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(215, 216, 230, 0.3);
}

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

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



/* WC title */


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

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

.cmshtml .cmsbody .rdplanetitle h2,
.cmshtml .cmsbody .section-contact .rdplanetitle h2 {
   padding-bottom: 0.5em;
   font-weight: bold;
   display: inline-block;
   position: relative;
   font-size: 32px;
   text-align: center;
   display: inline-block;
   position: relative;
   color: #0C0C1E;
   border-bottom:1px solid #ccc;
}

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

.cmshtml .cmsbody .rdplanetitle h3,
.cmshtml .cmsbody .section-contact .rdplanetitle h3 {
    padding: 40px 0 0;
    font-size: 32px;
    font-weight: 700;
}

.cmshtml .cmsbody .rdplanetitle h3:after,
.cmshtml .cmsbody .section-contact .rdplanetitle h3:after {
    margin: auto;
    content: "";
    width: 60px;
    height: 4px;
    background: #3932CC;
    position: absolute;
    top: 0;
    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: 1.1rem;
}

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


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

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

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

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

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

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


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






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

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

.cmshtml .cmsbody .rdListShort .rdListItem .ItemrdListTagListItem {padding:0 10px;border: 1px solid #76a6ff; background: none;}
.cmshtml .cmsbody .rdListShort .rdListItem .ItemrdListTagListItem a{color:#76a6ff;text-decoration:none;font-weight:700; font-size:0.8rem;}


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


/* input item */
.cmshtml .contact_item_input input[type=text],
.cmshtml .contact_item_input input[type=tel],
.cmshtml .contact_item_input input[type=email],
.cmshtml .contact_item_input input[type=date]{
font-size: 16px;
height: 28px;
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cmshtml .contact_item_input input[type=radio],
.cmshtml .contact_item_input input[type=checkbox]{
font-size: 16px;
line-height: 1.42857143;
padding:0;
margin-right: 5px;
box-sizing: border-box;
}

.cmshtml .contact_item_input select{
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cmshtml .contact_item_input textarea{
height: auto;
width: 90%;
padding: 3px 6px;
line-height: 1.42857143;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cmshtml .contact_item_input .contact_item_note{
font-size: 0.85em;
}

.cmshtml .contact-item_width_full{
width: 90%;
}

.cmshtml dt.contact_item_title {
    background: rgba(215, 216, 230, 0.3);
    margin-bottom: 20px;
    padding: 15px;
}

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

.cmshtml .contact_item_table button.btn_contacts_post_api{
  margin-left:10px;
}