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


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

.cmsbody {
  margin: 0;
}

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

.cmshtml 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;
  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 .content {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

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

@media screen and (max-width: 768px) {
  .cmshtml .content {
    width: 100%;
  }
}

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

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

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

@media screen and (max-width: 768px) {
  .cmshtml #contents {
    width: 100%;
  }
}

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

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

.cmshtml .just2 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just3 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just4 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just5 > li img {
  width: 100%;
  height: auto;
}

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

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

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

.cmshtml .content {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

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

@media screen and (max-width: 768px) {
  .cmshtml .content {
    width: 100%;
  }
}

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

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

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

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

.cmshtml .just2 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just3 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just4 > li img {
  width: 100%;
  height: auto;
}

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

.cmshtml .just5 > li img {
  width: 100%;
  height: auto;
}

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

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

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

.cmshtml .cf, .cmshtml .stepbox, .cmshtml .cap-icon, .cmshtml .cap-l, .cmshtml .cap-m, .cmshtml .cap-s, .cmshtml .news-header, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .boxwrap4, .cmshtml .imgfull, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .line-hr, .cmshtml .noline-hr, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .dl-box1 dl, .cmshtml .dl-box2, .cmshtml dl.dl-box2_dl, .cmshtml .to-bt, .cmshtml .to-bt2, .cmshtml li.stepbox_li, #editView .cmshtml li {
  zoom: 1;
}

.cmshtml .cf:before, .cmshtml .stepbox:before, .cmshtml .cap-icon:before, .cmshtml .cap-l:before, .cmshtml .cap-m:before, .cmshtml .cap-s:before, .cmshtml .news-header:before, .cmshtml .boxwrap1:before, .cmshtml .boxwrap2:before, .cmshtml .boxwrap3:before, .cmshtml .to-buttonbox:before, .cmshtml .qabox:before, .cmshtml .boxwrap4:before, .cmshtml .imgfull:before, .cmshtml .i1:before, .cmshtml .i2:before, .cmshtml .i3:before, .cmshtml .i4:before, .cmshtml .i5:before, .cmshtml .line-hr:before, .cmshtml .noline-hr:before, .cmshtml .dibox:before, .cmshtml .dl-box1:before, .cmshtml .dl-box1 dl:before, .cmshtml .dl-box2:before, .cmshtml dl.dl-box2_dl:before, .cmshtml .to-bt:before, .cmshtml .to-bt2:before, .cmshtml li.stepbox_li:before, #editView .cmshtml li:before, .cmshtml .cf:after, .cmshtml .stepbox:after, .cmshtml .cap-icon:after, .cmshtml .cap-l:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .news-header:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .qabox:after, .cmshtml .boxwrap4:after, .cmshtml .imgfull:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .dl-box1 dl:after, .cmshtml .dl-box2:after, .cmshtml dl.dl-box2_dl:after, .cmshtml .to-bt:after, .cmshtml .to-bt2:after, .cmshtml li.stepbox_li:after, #editView .cmshtml li:after {
  content: "";
  display: table;
}

.cmshtml .cf:after, .cmshtml .stepbox:after, .cmshtml .cap-icon:after, .cmshtml .cap-l:after, .cmshtml .cap-m:after, .cmshtml .cap-s:after, .cmshtml .news-header:after, .cmshtml .boxwrap1:after, .cmshtml .boxwrap2:after, .cmshtml .boxwrap3:after, .cmshtml .to-buttonbox:after, .cmshtml .qabox:after, .cmshtml .boxwrap4:after, .cmshtml .imgfull:after, .cmshtml .i1:after, .cmshtml .i2:after, .cmshtml .i3:after, .cmshtml .i4:after, .cmshtml .i5:after, .cmshtml .line-hr:after, .cmshtml .noline-hr:after, .cmshtml .dibox:after, .cmshtml .dl-box1:after, .cmshtml .dl-box1 dl:after, .cmshtml .dl-box2:after, .cmshtml dl.dl-box2_dl:after, .cmshtml .to-bt:after, .cmshtml .to-bt2:after, .cmshtml li.stepbox_li:after, #editView .cmshtml li:after {
  clear: both;
}

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

.cmshtml a:hover {
  color: #00519C;
}

.cmshtml .yume_body a:hover {
  color: #efa700;
}

.cmshtml .iwa_body a:hover {
  color: #f2417c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .red {
  color: #FF0000;
}

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

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

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

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

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

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

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

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

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

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

.cmshtml p{
  margin: 0;
}

@media screen and (max-width: 768px) {
  .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 {
    letter-spacing: 0.2px;
  }
}

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

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

.cmshtml li {
  list-style: none;
}

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

.cmshtml img {
  vertical-align: bottom;
}

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

.cmshtml ::-moz-selection {
  background-color: #07186A;
  color: #fff;
  /* Safari */
}

.cmshtml ::selection {
  background-color: #07186A;
  color: #fff;
  /* Safari */
}

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

.cmsbody {
  background: #fff;
}

.cmshtml .stepbox {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

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

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

.cmsbody {
  background-color: #ffffff;
  font-family: 'Noto Sans JP', 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  font-size: 16px;
  font-size: 1em;
}

@media screen and (max-width: 768px) {
  .cmsbody {
    width: 100%;
  }
}

.cmsbody,
.cmshtml dl,
.cmshtml dt,
.cmshtml dd,
.cmshtml ul,
.cmshtml ol,
.cmshtml li,
.cmshtml h1,
.cmshtml h2,
.cmshtml h3,
.cmshtml h4,
.cmshtml h5,
.cmshtml h6,
.cmshtml pre,
.cmshtml form,
.cmshtml input,
.cmshtml textarea,
.cmshtml small,
.cmshtml address,
.cmshtml aside,
.cmshtml blockquote,
.cmshtml th,
.cmshtml td {
  font-family: 'Roboto', Helvetica Neue, Helvetica, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans JP', "メイリオ", Meiryo;
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans JP', "メイリオ", Meiryo;
  font-weight: 400;
}

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

.cmshtml a:hover {
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0.8;
}

.cmshtml #header-logo {
  display: inline-block;
  margin: 0 0 15px 4px;
}

.cmshtml #header-logo a {
  display: inline-block;
  text-indent: -9999px;
  background: url(../img/fix/top-logo.png) no-repeat top 0 left 0/100%;
  width: 327px;
  height: 40px;
}

@media screen and (max-width: 1080px) {
  .cmshtml #header-logo a {
    width: 295px;
    height: 36px;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml #header-logo {
    margin: 0;
  }
  .cmshtml #header-logo a {
    width: 262px;
    height: 32px;
  }
}

.cmshtml header {
  position: relative;
}

.cmshtml header::before {
  content: "";
  position: absolute;
  top: 66px;
  border-top: 1px solid #E5E8F0;
  width: 100%;
  height: 1px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .cmshtml header::before {
    display: none;
  }
}

.cmshtml header .headinner {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
  width: 98%;
  max-width: 100%;
  padding: 12px 0 0px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cmshtml header .headinner {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .cmshtml header .headinner {
    z-index: 1;
  }
}

@media screen and (max-width: 1080px) {
  .cmshtml header .headinner {
    padding: 12px 0;
    z-index: 101;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml header .headinner {
    padding: 12px 2%;
    z-index: 101;
  }
}

.cmshtml header .headinner::after {
  content: "";
  clear: both;
  display: block;
}

.cmshtml ul.header-right {
  margin: auto;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  max-width: 100%;
}

.cmshtml ul.header-right li {
  pointer-events: all;
  font-size: 18px;
  font-size: 1.125em;
}

.cmshtml ul.header-right li.head-access {
  margin: 20px 0px 0 0;
}

.cmshtml ul.header-right li.head-access a {
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1px 9px;
  color: #000000;
  font-weight: bold;
}

.cmshtml ul.header-right li.head-access a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 25px;
  background: -webkit-linear-gradient(top, transparent 1px, #3E1F1F 1px) repeat-y top 0 left 0/1px 2px;
  background: -o-linear-gradient(top, transparent 1px, #3E1F1F 1px) repeat-y top 0 left 0/1px 2px;
  background: linear-gradient(to bottom, transparent 1px, #3E1F1F 1px) repeat-y top 0 left 0/1px 2px;
}

.cmshtml ul.header-right li.head-access:first-child a::after {
  display: none;
}

.cmshtml li.head-size {
  margin-left: 1%;
}

.cmshtml #fontSize {
  background: #07186A;
  margin: 12px 0 0;
  width: 242px;
  height: 40px;
  color: #fff;
  border-radius: 3px;
}

.cmshtml #fontSize h3 {
  font-weight: 700;
  font-size: 1.125em;
  font-size: 18px;
  float: left;
  color: #fff;
  padding: 5px 8px;
  line-height: 30px;
  letter-spacing: 0;
}

.cmshtml #fontSize ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmshtml #fontSize ul li {
  font-weight: 700;
  font-size: 1.125em;
  font-size: 18px;
  margin: 5px 0;
  padding: 1px 8px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}

.cmshtml #fontSize ul .middle.current {
  font-size: 18px;
  background: #fff;
  color: #07186A;
}

.cmshtml #fontSize ul .large.current {
  background: #fff;
  color: #07186A;
  font-size: 0.9em;
}

@media screen and (max-width: 960px) and (min-width: 769px) {
  .cmshtml #fontSize {
    width: 118px;
    margin: 3px 0 0;
    height: 60px;
    border: 2px solid #07186A;
  }
  .cmshtml #fontSize h3 {
    font-size: 15px;
    font-size: 0.9375em;
    letter-spacing: 0;
    float: none;
    padding: 0;
    text-align: center;
  }
  .cmshtml #fontSize ul {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .cmshtml #fontSize ul li {
    margin: 0px 3px 2px;
    padding: 0px 5px;
    line-height: 30px;
  }
}

.cmshtml .l-gnavi {
  position: fixed;
  right: 0px;
  z-index: 10;
  top: 200px;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
}

@media screen and (max-width: 1440px) {
  .cmshtml .l-gnavi {
    top: 170px;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml .l-gnavi {
    display: none;
  }
}

.cmshtml .l-gnavi .l-gnavi_ul .l-gnavi_li.is-recruit a {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  width: 120px;
  height: 0;
  padding-top: 120px;
  background: url("../img/fix/rec.png") no-repeat 0 0;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}

@media screen and (max-width: 768px) {
  .cmshtml .drawer.drawer-open .drawer-nav {
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
  }
}

.cmshtml #headglobal-nav {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav {
    display: block;
    max-height: none;
    padding: 30px 0 30px;
  }
}

.cmshtml #headglobal-nav li {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  line-height: 1;
  position: relative;
  border-right: 1px solid #E5E8F0;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav li {
    border: none !important;
  }
}

.cmshtml #headglobal-nav li a {
  display: block;
  transition:0.5s;
}

.cmshtml #headglobal-nav li.hg-li01 {
  border-left: 1px solid #E5E8F0;
  border-bottom: 5px solid #FABF2E;
}

.cmshtml #headglobal-nav li.hg-li02 {
  border-bottom: 5px solid #FF84AF;
}

.cmshtml #headglobal-nav li.hg-li03 {
  border-bottom: 5px solid #56C756;
}

.cmshtml #headglobal-nav li.hg-li04 {
  border-bottom: 5px solid #a2d5ff;
}

.cmshtml #headglobal-nav li.hg-li01:hover {
  background:rgba(250, 191, 46, 0.2);
}
.cmshtml #headglobal-nav li.hg-li02:hover {
  background:rgba(255, 132, 175, 0.2);
}
.cmshtml #headglobal-nav li.hg-li03:hover {
  background:rgba(86, 199, 86, 0.2);
}
.cmshtml #headglobal-nav li.hg-li04:hover {
  background:rgba(162, 213, 255, 0.2);
}

.cmshtml #headglobal-nav li .list_inner {
  padding: 9px 1% 6px 3.05%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmshtml #headglobal-nav li .photo {
  max-width: 123px;
  width: 49%;
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav li .photo {
    width: 36%;
  }
}

.cmshtml #headglobal-nav li .photo img {
  width: 100%;
  height: auto;
}

.cmshtml #headglobal-nav li .main-text {
  display: block;
  width: 100%;
}

.cmshtml #headglobal-nav li .main-text div {
  z-index: 1;
  padding-left: 5%;
  font-weight: bold;
  display: block;
  width: 100%;
  line-height: 1.4;
  letter-spacing: 0;
  font-size: 19px;
  font-size: 1.1875em;
  text-align:left;
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav li .main-text div {
    font-size: 18px;
    font-size: 0.75em;
    color: #000;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav li {
    width: 100%;
    text-align: left;
    border-left: none;
    border-right: none;
  }
  .cmshtml #headglobal-nav li:hover a {
    color: inherit;
  }
}

.cmshtml .sp-drawer.drawer-add01 {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .cmshtml .drawer-copy01 {
    display: none !important;
  }
  .cmshtml .sp-drawer.drawer-add01 {
    display: block !important;
  }
  .cmshtml #headglobal-nav > li.sp-drawer {
    margin-top: 25px;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right {
    margin-left: 0px;
    display: block;
    position: relative;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right > li {
    width: 100%;
    margin: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 18px;
    font-size: 1.125em;
    text-align: center;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right > li a {
    padding: 10px 10px;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right > li.head-access a::after {
    display: none;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right > li.head-size {
    margin-top: 15px;
  }
  .cmshtml #headglobal-nav > li.sp-drawer .header-right > li.head-size #fontSize {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml #headglobal-nav:hover a {
    color: inherit;
  }
}

.cmshtml .content {
  width: 1200px;
}

@media screen and (max-width: 1080px) {
  .cmshtml .content {
    width: 100%;
  }
}

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

.cmshtml .wrapper, .cmshtml .cap-l, .cmshtml .cap-m.cm-2, .cmshtml .cap-m.cm-3, .cmshtml .cap-s, .cmshtml .news-header, .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .qabox, .cmshtml .boxwrap4, .cmshtml .imgfull, .cmshtml .i1, .cmshtml .i2, .cmshtml .i3, .cmshtml .i4, .cmshtml .i5, .cmshtml .dibox, .cmshtml .dl-box1, .cmshtml .dl-box2, .cmshtml .to-bt, .cmshtml .stepbox, .cmshtml .contactbox {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.cmshtml .inview01 {
  opacity: 0;
}

.cmshtml .inview02 {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.cmshtml .inview03 {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.cmshtml .loaded {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s 0.5s linear;
  -o-transition: all 0.3s 0.5s linear;
  transition: all 0.3s 0.5s linear;
}

.cmshtml .inview_deray.loaded {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s 1s linear;
  -o-transition: all 0.3s 1s linear;
  transition: all 0.3s 1s linear;
}

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

.cmshtml #pagetop-side:hover {
  bottom: 25px;
}

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

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

.cmshtml #pagetop-side p a:hover {
  opacity: 1;
}

.cmshtml footer {
  border-top: 1px solid #07186A;
  background: #F2F7FD;
}

.cmshtml footer .f_mainnav {
  border-bottom: #DAE0EE 1px solid;
}

.cmshtml footer .f_mainnav .f_mainnav_ul {
  max-width: 80%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 33px 0;
}

@media screen and (max-width: 768px) {
  .cmshtml footer .f_mainnav .f_mainnav_ul {
    display: block;
    padding: 20px 0 10px;
  }
}

.cmshtml footer .f_mainnav .f_mainnav_ul .f_mainnav_li {
  padding: 0 1%;
  text-align: center;
  margin-bottom: 10px;
}

.cmshtml footer .f_mainnav .f_mainnav_ul .f_mainnav_li img {
  max-width: 100%;
  height: auto;
}

.cmshtml footer > .flex {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .cmshtml footer > .flex {
    display: block;
    padding: 0 2%;
  }
}

.cmshtml footer > .flex .f_info {
  padding: 32px 0 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 540px;
}

.cmshtml footer > .flex .f_info h3#footer-logo {
  margin-bottom: 25px;
  font-size: 22px;
  font-size: 1.375em;
  letter-spacing: 0;
  font-weight: 700;
}

.cmshtml footer > .flex .f_info h3#footer-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position:relative;
  padding-left:50px;
}
.cmshtml footer > .flex .f_info h3#footer-logo a:before {
  content:"";
  width:41px;
  height:41px;
  background:url(../img/fix/footer-logo.png) no-repeat center center;
  position:absolute;
  left: 0;
}

.cmshtml footer > .flex .f_info h3#footer-logo a .text {
  margin-left: 5px;
}

.cmshtml footer > .flex .f_info .mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  position:relative;
  padding-left:50px;
}

.cmshtml footer > .flex .f_info .mark:before {
  content:"";
  width:30px;
  height:30px;
  background:url(../img/fix/footer-logo.png) no-repeat center center;
  background-size:cover;
  position:absolute;
  left: 0;
}

.cmshtml footer > .flex .f_info .mark .text {
  margin-left: 5px;
  font-size: 16px;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
}

.cmshtml footer > .flex .f_info .wrap-address p {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1em;
}

.cmshtml footer > .flex .f_nav {
  margin-top: 50px;
}

.cmshtml footer > .flex .f_nav ul {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cmshtml footer > .flex .f_nav ul li {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125em;
  margin-left: 20px;
}

.cmshtml footer > .flex .f_nav ul li a {
  position: relative;
  padding: 2px 0 2px 12px;
}

.cmshtml footer > .flex .f_nav ul li a::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #07186A;
}

@media screen and (max-width: 768px) {
  .cmshtml footer > .flex .f_nav {
    margin-top: 20px;
  }
  .cmshtml footer > .flex .f_nav ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #E5E8F0;
  }
  .cmshtml footer > .flex .f_nav ul li {
    width: 50%;
    margin: 0;
    padding: 2px 2%;
    border-bottom: 1px solid #E5E8F0;
  }
  .cmshtml footer > .flex .f_nav ul li:nth-child(2n-1) {
    border-right: 1px solid #E5E8F0;
  }
}

.cmshtml #footer-copy {
  padding: 13px 0;
  margin: 0 auto;
  text-align: right;
  color: #000000;
  font-size: 10px;
  font-size: 0.625em;
  max-width: 100%;
  width: 1200px;
  letter-spacing: 0;
}

.cmshtml .pagetitle {
  -webkit-box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.22);
  box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.22);
}

.cmshtml .pagetitle .title {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  padding-bottom: 65px;
  background: #d7e8f6;
  text-align: center;
  /*background: #f1f7fc;*/
  border-radius: 0 0 50px 50px;
  margin: 0 55px;
}

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

.cmshtml .pagetitle .title h2 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  font-size: 34px;
  font-size: 2.125em;
  padding-top: 70px;
  color: #07186A;
  line-height: 1.57em;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cmshtml .pagetitle .title h2 {
    font-size: 24px;
    font-size: 1.5em;
  }
}

.cmshtml .pagetitle .title .subttl {
  display: inline-block;
  font-size: 16px;
  font-size: 1em;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: -20px;
  padding: 3px 20px;
  color: #fff;
  background: #07186A;
  border-radius: 99px;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 768px) {
  .cmshtml .pagetitle .title .subttl {
    font-size: 13px;
    font-size: 0.8125em;
  }
}

.cmshtml .pagetitle.yume .title {
  background: rgba(250, 191, 46, 0.2);
}

.cmshtml .pagetitle.yume .title h2 {
  color: #222;
}

@media screen and (max-width: 768px) {
  .cmshtml .pagetitle.yume .title h2 img {
    width: 80%;
    height: auto;
  }
}

.cmshtml .pagetitle.yume .title .subttl {
  background: #FABF2E;
}

.cmshtml .pagetitle.iwa .title {
  background: rgba(255, 132, 175, 0.2);
}

.cmshtml .pagetitle.iwa .title h2 {
  color: #222;
}

.cmshtml .pagetitle.iwa .title .subttl {
  background: #FF84AF;
}

.cmshtml .pagetitle.hoto .title {
  background: rgba(162, 213, 255, 0.2);
}

.cmshtml .pagetitle.hoto .title h2 {
  color: #222;
}

.cmshtml .pagetitle.hoto .title .subttl {
  background: #a2d5ff;
}

.cmshtml .block-title-navi {
  border-bottom: 2px solid #d7e8f6;
  margin-bottom: 80px;
}

.cmshtml .block-title-navi.yume {
  border-bottom: 2px solid rgba(250, 191, 46, 0.2);
}

.cmshtml .block-title-navi.yume .title-navi ul li {
  background: rgba(250, 191, 46, 0.2);
}

.cmshtml .block-title-navi.yume .title-navi ul li a:hover::after {
  background: #FABF2E;
}

.cmshtml .block-title-navi.iwa {
  border-bottom: 2px solid rgba(255, 132, 175, 0.2);
}

.cmshtml .block-title-navi.iwa .title-navi ul li {
  background: rgba(255, 132, 175, 0.2);
}

.cmshtml .block-title-navi.iwa .title-navi ul li a:hover::after {
  background: #FF84AF;
}

.cmshtml .block-title-navi.hoto {
  border-bottom: 2px solid rgba(162, 213, 255, 0.2);
}

.cmshtml .block-title-navi.hoto .title-navi ul li {
  background: rgba(162, 213, 255, 0.2);
}

.cmshtml .block-title-navi.hoto .title-navi ul li a:hover::after {
  background: #a2d5ff;
}

.cmshtml .title-navi {
  background: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}

.cmshtml .title-navi ul {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cmshtml .title-navi ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  font-weight: 700;
  margin-right: 5px;
  background: #d7e8f6;
  border-radius: 10px 10px 0 0;
  font-size: 17px;
  font-size: 1.0625em;
}

.cmshtml .title-navi ul li a {
  display: block;
  padding: 12px 0.8em 12px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  font-weight:700;
}

.cmshtml .title-navi ul li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 22px;
  right: 22px;
  height: 2px;
  background: transparent;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.cmshtml .title-navi ul li a:hover::after {
  background: #57c2e7;
}

@media screen and (max-width: 768px) {
  .cmshtml .title-navi ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .cmshtml .title-navi ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49.4%;
    flex: 0 0 49.4%;
    border-radius: 3px;
    margin-right: 1%;
    margin-bottom: 1%;
    text-align: center;
  }
  .cmshtml .title-navi ul li:nth-child(2n) {
    margin-right: 0;
  }
  .cmshtml .title-navi ul li a {
    padding: 6px 0.8em 6px;
  }
}

.cmshtml #panlist {
  margin: 0 55px 50px;
  padding: 8px 5px;
}

@media screen and (max-width: 1080px) {
  .cmshtml #panlist {
    padding: 8px 2%;
  }
}

.cmshtml #panlist ul {
  float: right;
}

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

.cmshtml #panlist ul li a {
  color: #07186A;
}

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

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

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

.cmshtml .cap-icon {
  font-size: 22px;
  font-size: 1.375em;
  font-weight: 700;
  color: #56C756;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  position: relative;
  padding-left: 32px;
}

.cmshtml .cap-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url("../img/fix/cap-base.svg") no-repeat left top;
  background-size: 12px 12px;
  overflow: hidden;
}

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

.cmshtml .cap-l.cl-1 {
  background: url("../img/top/ico02.jpg") no-repeat center top;
  color: #07186A;
  font-size: 30px;
  font-size: 1.875em;
  padding-top: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .cmshtml .cap-l.cl-1 {
    font-size: 22px;
    font-size: 1.375em;
  }
}

.cmshtml .cap-l.cl-2 p {
  font-size: inherit;
  font-weight: 900;
  position: relative;
  font-size: 30px;
  font-size: 1.875em;
}

@media screen and (max-width: 768px) {
  .cmshtml .cap-l.cl-2 p {
    font-size: 22px;
    font-size: 1.375em;
  }
}

.cmshtml .cap-l.cl-2 .subtxt {
  color: #999;
  font-size: 14px;
  font-size: 0.875em;
  display: inline-block;
  border-top: 2px solid #07186A;
  margin-top: 10px;
  padding-top: 10px;
  min-width: 50px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  position: relative;
}

.cmshtml .cap-l.cl-2 .subtxt::before {
  position: absolute;
  content: "";
  right: 0;
  top: -2px;
  height: 2px;
  background: #EE3402;
  width: 50%;
}

.cmshtml .cap-l.cl-3 {
  padding: 0px 0 0px 22px;
  margin-bottom: 25px;
  text-align: left;
  line-height: 1.5;
  font-size: 30px;
  font-size: 1.875em;
}

@media screen and (max-width: 768px) {
  .cmshtml .cap-l.cl-3 {
    font-size: 22px;
    font-size: 1.375em;
  }
}

.cmshtml .cap-l.cl-3:before {
  content: '';
  display: block;
  position: absolute;
  background: #07186A;
  width: 3px;
  height: 19px;
  left: 0;
  top: 2px;
}

.cmshtml .cap-l.cl-3:after {
  content: '';
  display: block;
  position: absolute;
  background: #EE3402;
  width: 3px;
  height: 19px;
  left: 0;
  top: 21px;
}

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

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

@media screen and (max-width: 1080px) {
  .cmshtml .cap-m.cm-1 {
    margin-left: -2%;
    margin-right: -2%;
  }
}

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

.cmshtml .cap-m.cm-2 {
  text-align: left;
  border-top: 3px solid #07186A;
  border-bottom: 1px solid #CECEBF;
  padding: 12px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(70%, #F7F7FD), to(#F1F1FC));
  background: -webkit-linear-gradient(top, #fff 0%, #F7F7FD 70%, #F1F1FC 100%);
  background: -o-linear-gradient(top, #fff 0%, #F7F7FD 70%, #F1F1FC 100%);
  background: linear-gradient(to bottom, #fff 0%, #F7F7FD 70%, #F1F1FC 100%);
}

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

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

.cmshtml .cap-m.cm-3 h3 {
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.cmshtml .cap-m.cm-3 h3::before, .cmshtml .cap-m.cm-3 h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
}

.cmshtml .cap-m.cm-3 h3::before {
  width: 100%;
  background: #d7e8f6;
}

.cmshtml .cap-m.cm-3 h3::after {
  width: 32%;
  background: #07186A;
}

.cmshtml .cap-m.cm-3.yume h3::before {
  background: rgba(250, 191, 46, 0.3);
}

.cmshtml .cap-m.cm-3.yume h3::after {
  background: #FABF2E;
}

.cmshtml .cap-m.cm-3.iwa h3::before {
  background: rgba(255, 132, 175, 0.3);
}

.cmshtml .cap-m.cm-3.iwa h3::after {
  background: #FF84AF;
}

.cmshtml .cap-m.cm-3.toki h3::before {
  background: rgba(86, 199, 86, 0.3);
}

.cmshtml .cap-m.cm-3.toki h3::after {
  background: #56C756;
}

.cmshtml .cap-s {
  position: relative;
}

.cmshtml .cap-s h4 {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 700;
  position: relative;
  color: #444;
}

.cmshtml .cap-s h4 {
  position: relative;
  padding-left: 20px;
}

.cmshtml .cap-s h4:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 0;
  height: 10px;
  width: 10px;
  background: #07186A;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.cmshtml .cap-s.cs-2 h4:before {
  background: #FABF2E;
}

.cmshtml .cap-s.cs-3 {
  /*background: linear-gradient(90deg, rgba($base-sub-color4,0.4), rgba($base-sub-color,0.4) 50%, #F1B8C9 100%);*/
}

.cmshtml .cap-s.cs-3 h4::before {
  background: #FF84AF;
}

.cmshtml .cap-s.cs-4 h4::before {
  background: #56C756;
}

.cmshtml .cap-s.cs-5 h4::before {
  background: #a2d5ff;
}

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

.cmshtml .news-header .date {
  position: relative;
  display: inline-block;
  background: #07186A;
  padding: 0 12px;
  color: #fff;
  border-radius: 5px;
  line-height: 1.5;
  font-size: 14px;
  font-size: 0.875em;
}

.cmshtml .news-header h3 {
  padding: 16px 0;
  font-size: 20px;
  font-size: 1.25em;
  position: relative;
  line-height: 1.5;
}

.cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .qabox {
  margin-bottom: 32px;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cmshtml .boxwrap1, .cmshtml .boxwrap2, .cmshtml .boxwrap3, .cmshtml .to-buttonbox, .cmshtml .qabox {
    margin-bottom: 40px;
  }
}

.cmshtml .boxwrap2 {
  padding: 32px;
  border: 3px solid #07186A;
  border-radius: 5px;
  line-height: 2.2;
}

.cmshtml .boxwrap3 {
  padding: 8px;
  text-align: center;
  border: solid 1px #CECEBF;
  position: relative;
  background: url("../img/fix/back-lesson.gif") repeat top left;
}

.cmshtml .boxwrap3 p:before, .cmshtml .boxwrap3 p:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border: double 3px #CECEBF;
  position: absolute;
  background: #fff;
}

.cmshtml .boxwrap3 p:before {
  top: 4px;
  left: 4px;
}

.cmshtml .boxwrap3 p:after {
  bottom: 4px;
  right: 4px;
}

.cmshtml .boxwrap4 {
  margin-bottom: 32px;
  padding: 0;
  position: relative;
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.cmshtml .boxwrap4.direction-normal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cmshtml .boxwrap4.direction-normal .text-area {
  margin-left: 48px;
}

.cmshtml .boxwrap4.direction-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

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

.cmshtml .boxwrap4.menu_wrap .img-area {
  max-width: 400px;
}

.cmshtml .boxwrap4.menu_wrap .text-area {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 1em;
}

.cmshtml .boxwrap4.menu_wrap .text-area p.menu_p {
  border-bottom: dashed 1px #CECEBF;
  padding: 8px 2% 5px;
}

@media screen and (max-width: 768px) {
  .cmshtml .boxwrap4.menu_wrap .text-area p.menu_p {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

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

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

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

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

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

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

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

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

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

.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% 32px 0;
  padding: 0;
  text-align: center;
}

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

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

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

.cmshtml .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 .i1div {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .tb-box1 th, .cmshtml .tb-box1-2 th, .cmshtml .tb-box2 th, .cmshtml .tb-box3 th {
  background: #ECECF1;
  padding: 8px 10px;
  border-right: 1px solid #B4B4C9;
  border-bottom: 1px solid #B4B4C9;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

.cmshtml .tb-box-b, .cmshtml .tb-box-b2, .cmshtml .tb-box-b3, .cmshtml .tb-box-b4, .cmshtml .tb-box-b5, .cmshtml .tb-box-b6 {
  width: 100%;
  table-layout: auto;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #CECEBF;
}

.cmshtml .tb-box-b th, .cmshtml .tb-box-b2 th, .cmshtml .tb-box-b3 th, .cmshtml .tb-box-b4 th, .cmshtml .tb-box-b5 th, .cmshtml .tb-box-b6 th {
  background: #FDECE6;
  padding: 16px;
  border: 1px solid #CECEBF;
  color: #00519C;
}

.cmshtml .tb-box-b td, .cmshtml .tb-box-b2 td, .cmshtml .tb-box-b3 td, .cmshtml .tb-box-b4 td, .cmshtml .tb-box-b5 td, .cmshtml .tb-box-b6 td {
  background: transparent;
  padding: 16px;
  border: 1px solid #CECEBF;
}

.cmshtml .tb-box-b th {
  width: 35%;
}

.cmshtml .tb-box-b th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b td {
  width: 35%;
}

.cmshtml .tb-box-b th:nth-child(1), .cmshtml .tb-box-b td:nth-child(1) {
  width: 30%;
}

.cmshtml .tb-box-b2 th {
  width: 23.3%;
}

.cmshtml .tb-box-b2 th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b2 td {
  width: 23.3%;
}

.cmshtml .tb-box-b2 th:nth-child(1), .cmshtml .tb-box-b2 td:nth-child(1) {
  width: 30%;
}

.cmshtml .tb-box-b3 th {
  width: 17.5%;
}

.cmshtml .tb-box-b3 th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b3 td {
  width: 17.5%;
}

.cmshtml .tb-box-b3 th:nth-child(1), .cmshtml .tb-box-b3 td:nth-child(1) {
  width: 30%;
}

.cmshtml .tb-box-b4 th {
  width: 14%;
}

.cmshtml .tb-box-b4 th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b4 td {
  width: 14%;
}

.cmshtml .tb-box-b4 th:nth-child(1), .cmshtml .tb-box-b4 td:nth-child(1) {
  width: 30%;
}

.cmshtml .tb-box-b5 th {
  width: 11.6%;
}

.cmshtml .tb-box-b5 th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b5 td {
  width: 11.6%;
}

.cmshtml .tb-box-b5 th:nth-child(1), .cmshtml .tb-box-b5 td:nth-child(1) {
  width: 30%;
}

.cmshtml .tb-box-b6 th {
  width: 10%;
}

.cmshtml .tb-box-b6 th:nth-child(1) {
  background: #F1F0EE;
}

.cmshtml .tb-box-b6 td {
  width: 10%;
}

.cmshtml .tb-box-b6 th:nth-child(1), .cmshtml .tb-box-b6 td:nth-child(1) {
  width: 30%;
}

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

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

.cmshtml .dl-box1 dl {
  display: table;
  width: 100%;
}

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

.cmshtml .dl-box1 dl dt {
  width: 30%;
  padding: 16px 2%;
  margin-right: 1px;
  color: #07186A;
  text-align: center;
  position: relative;
}

.cmshtml .dl-box1 dl dt div p{font-weight: 700 !important;}

.cmshtml .dl-box1 dl dt div p,
.cmshtml .dl-box1 dl dd div p{
  font-size:1.3rem;
}

.cmshtml .dl-box1 dl dt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 99%;
  height: 0;
  border-bottom: solid 1px #07186A;
}

.cmshtml .dl-box1 dl dd {
  width: calc(70% - 1px);
  padding: 16px 1%;
  background-color: #fff;
  position: relative;
}

.cmshtml .dl-box1 dl dd::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 0;
  border-bottom: solid 1px  #bbb;
}

.cmshtml .dl-box2 {
  margin-bottom: 32px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .cmshtml .dl-box2 {
    margin-bottom: 40px;
  }
}

.cmshtml .dl-box2::before {
  display: none;
}

.cmshtml .dl-box2:after {
  content: "";
  display: block;
  width: 48%;
}

.cmshtml dl.dl-box2_dl {
  border-bottom: dashed 1px #CECEBF;
  width: 48%;
  display: table;
}

@media screen and (max-width: 768px) {
  .cmshtml dl.dl-box2_dl {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

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

.cmshtml dl.dl-box2_dl dt {
  width: calc(100% - 6em);
  padding: 8px 2% 5px;
}

.cmshtml dl.dl-box2_dl dd {
  width: 6em;
  padding: 8px 1%  5px;
  background-color: #fff;
  text-align: right;
}

.cmshtml .to-buttonbox {
  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;
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 10px;
}

.cmshtml .to-buttonbox .to-bt2 {
  float: none;
  display: inline-block;
}

.cmshtml .to-bt {
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .cmshtml .to-bt {
    margin-bottom: 40px;
  }
}

.cmshtml .to-bt a {
  padding: 15px 90px;
  display: inline-block;
  background: #0075CC;
  font-size: 16px;
  font-size: 1.4em;
  font-weight:700;
  color: #fff;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cmshtml .to-bt a::before, .cmshtml .to-bt a:after {
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}

.cmshtml .to-bt a:after {
  bottom: 0;
  right: 30px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmshtml .to-bt a:hover {
  background: #07186A;
}

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

.cmshtml .to-bt2 {
  width: 100%;
  text-align: right;
  padding-right: 10px;
}

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

.cmshtml .to-bt2 p a {
  display: block;
  padding: 12px 35px;
  text-align: left;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(#ddd));
  background: -webkit-linear-gradient(top, #fff, #fff 50%, #ddd);
  background: -o-linear-gradient(top, #fff, #fff 50%, #ddd);
  background: linear-gradient(to bottom, #fff, #fff 50%, #ddd);
  color: #242413;
  border: #bbb 1px solid;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
  padding: 1px;
  text-decoration: none;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  position: relative;
}

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

.cmshtml .to-bt2 p a:before {
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  width: 32px;
  height: 32px;
  background-size: 32px 28px;
}

.cmshtml .to-bt2 p a:after {
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmshtml .to-bt2 p a:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #fff), to(#ddd));
  background: -webkit-linear-gradient(bottom, #fff, #fff 50%, #ddd);
  background: -o-linear-gradient(bottom, #fff, #fff 50%, #ddd);
  background: linear-gradient(to top, #fff, #fff 50%, #ddd);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px -1px;
}

.cmshtml .to-bt2 p a[href$=".pdf"] {
  padding: 12px 35px 12px 50px;
}

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

.cmshtml .to-bt2 p a[href$=".xls"] {
  padding: 12px 35px 12px 50px;
}

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

.cmshtml .to-bt2 p a[href$=".xlsx"] {
  padding: 12px 35px 12px 50px;
}

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

.cmshtml .to-bt2 p a[href$=".doc"] {
  padding: 12px 35px 12px 50px;
}

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

.cmshtml .to-bt2 p a[href$=".docx"] {
  padding: 12px 35px 12px 50px;
}

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

.cmshtml div.i2div.to-bt2_wrap {
  margin: 0 2% 20px 0;
}

.cmshtml div.i2div.to-bt2_wrap div.to-bt2 {
  margin: 0;
}

.cmshtml div.i2div.to-bt2_wrap div.to-bt2 p a {
  display: block;
  text-align: left;
}

.cmshtml .qabox dl {
  margin-bottom: 32px;
}

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

.cmshtml .qabox dl dt:before, .cmshtml .qabox dl dd:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-size: 1.5em;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  width: 44px;
}

.cmshtml .qabox dl dt {
  margin-bottom: 8px;
  color: #FABF2E;
}

.cmshtml .qabox dl dt:before {
  content: 'Q';
  background: #FABF2E;
}

.cmshtml .qabox dl dd:before {
  content: 'A';
  background: #56C756;
}

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

.cmshtml .stepbox ul {
  padding: 0;
}

.cmshtml li.stepbox_li {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

.cmshtml li.stepbox_li::before {
  content: "";
  position: absolute;
  left: 7px;
  border-left: 3px solid rgba(7, 24, 106, 0.3);
  top: 26px;
  height: 80%;
  height: calc(100% - 10px);
}

.cmshtml li.stepbox_li:last-child::before {
  display: none;
}

.cmshtml li.stepbox_li .left, .cmshtml li.stepbox_li .il, .cmshtml li.stepbox_li .right, .cmshtml li.stepbox_li .ir {
  float: none;
  position: relative;
}

.cmshtml li.stepbox_li .left, .cmshtml li.stepbox_li .il {
  vertical-align: top;
}

.cmshtml li.stepbox_li .left h2, .cmshtml li.stepbox_li .il h2 {
  font-weight: 700;
  color: #07186A;
  font-size: 16px;
  font-size: 1em;
  font-family: Arial, Helvetica, "sans-serif";
  position: relative;
  padding-left: 30px;
}

.cmshtml li.stepbox_li .left h2::before, .cmshtml li.stepbox_li .il h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #07186A;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cmshtml li.stepbox_li:nth-child(2n) .left h2::before, .cmshtml li.stepbox_li:nth-child(2n) .il h2::before {
  border: 3px solid #07186A;
  background: none;
}

.cmshtml li.stepbox_li .right, .cmshtml li.stepbox_li .ir {
  padding-left: 30px;
}

.cmshtml li.stepbox_li .right h3, .cmshtml li.stepbox_li .ir h3 {
  font-size: 18px;
  font-size: 1.125em;
  line-height: 1.7;
  font-weight: 700;
  color: #242413;
  margin-bottom: 8px;
}

.cmshtml li.stepbox_li .right .stepbox-maintxt, .cmshtml li.stepbox_li .ir .stepbox-maintxt {
  padding-bottom: 10px;
  color: #333;
  border-bottom: 1px dashed #07186A;
}

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

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

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

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

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

.cmshtml .submenu {
  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 .submenu_li {
  width: 32%;
  margin: 0 2% 8px 0;
}

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

.cmshtml .submenu_li a {
  display: block;
  padding: 15px 30px;
  background: #0075CC;
  font-size: 17px;
  font-size: 1.0625em;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.cmshtml .submenu_li a:after {
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmshtml .submenu_li a:hover {
  background: #07186A;
  color: #fff;
}

.cmshtml .submenu_li a:hover::before {
  right: 20px;
}

@media screen and (max-width: 768px) {
  .cmshtml .boxwrap1 .img-twins.img img, .cmshtml .boxwrap2 .img-twins.img img, .cmshtml .boxwrap3 .img-twins.img img, .cmshtml .to-buttonbox .img-twins.img img, .cmshtml .qabox .img-twins.img img {
    width: 100%;
    height: auto;
  }
  .cmshtml .boxwrap1 > img, .cmshtml .boxwrap2 > img, .cmshtml .boxwrap3 > img, .cmshtml .to-buttonbox > img, .cmshtml .qabox > img {
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap1 .il, .cmshtml .boxwrap2 .il, .cmshtml .boxwrap3 .il, .cmshtml .to-buttonbox .il, .cmshtml .qabox .il {
    display: block;
    float: none;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }
  .cmshtml .boxwrap1 img.ir, .cmshtml .boxwrap2 img.ir, .cmshtml .boxwrap3 img.ir, .cmshtml .to-buttonbox img.ir, .cmshtml .qabox img.ir {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }
  .cmshtml .boxwrap4.direction-normal {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .cmshtml .boxwrap4.direction-normal .img-area {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .cmshtml .boxwrap4.direction-normal .img-area img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap4.direction-normal .text-area {
    margin-left: 0;
    margin-right: 0;
  }
  .cmshtml .boxwrap4.direction-reverse {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .cmshtml .boxwrap4.direction-reverse .img-area {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .cmshtml .boxwrap4.direction-reverse .img-area img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .cmshtml .boxwrap4.direction-reverse .text-area {
    margin-left: 0;
    margin-right: 0;
  }
  .cmshtml .i2 .in-wrap,
.cmshtml .i3 .in-wrap,
.cmshtml .i4 .in-wrap {
    display: block;
  }
  .cmshtml .i2 .in-wrap .i2div,
.cmshtml .i2 .in-wrap .i3div,
.cmshtml .i2 .in-wrap .i4div,
.cmshtml .i3 .in-wrap .i2div,
.cmshtml .i3 .in-wrap .i3div,
.cmshtml .i3 .in-wrap .i4div,
.cmshtml .i4 .in-wrap .i2div,
.cmshtml .i4 .in-wrap .i3div,
.cmshtml .i4 .in-wrap .i4div {
    width: 100%;
  }
  .cmshtml .i2 .in-wrap .i2div img,
.cmshtml .i2 .in-wrap .i3div img,
.cmshtml .i2 .in-wrap .i4div img,
.cmshtml .i3 .in-wrap .i2div img,
.cmshtml .i3 .in-wrap .i3div img,
.cmshtml .i3 .in-wrap .i4div img,
.cmshtml .i4 .in-wrap .i2div img,
.cmshtml .i4 .in-wrap .i3div img,
.cmshtml .i4 .in-wrap .i4div img {
    width: 100%;
    height: auto;
  }
  .cmshtml .dl-box1 {
    overflow: auto;
  }
  .cmshtml .dl-box1 dl dt, .cmshtml .dl-box1 dl dd {
    width: 100%;
    display: block;
    padding: 10px 2%;
  }
  .cmshtml .dl-box1 dl dd {
    padding: 15px 2%;
  }
  .cmshtml .dibox {
    overflow: auto;
  }
  .cmshtml .dibox table {
    min-width: 680px;
  }
  .cmshtml .to-buttonbox .to-bt2 {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .cmshtml .to-buttonbox .to-bt2 p {
    width: 100%;
  }
  .cmshtml .to-buttonbox .to-bt2 p a {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cmshtml .stepbox {
    width: 100%;
  }
  .cmshtml .to-telinquiry {
    width: 100%;
  }
  .cmshtml .to-telinquiry .left, .cmshtml .to-telinquiry .il {
    width: 100%;
    padding: 0 20px;
    float: none;
    margin-bottom: 10px;
  }
  .cmshtml .to-telinquiry .right, .cmshtml .to-telinquiry .ir {
    width: 100%;
  }
  .cmshtml .to-telinquiry .right img, .cmshtml .to-telinquiry .ir img {
    width: auto;
  }
  .cmshtml .submenu {
    display: block;
  }
  .cmshtml .submenu li {
    width: 100%;
  }
  .cmshtml .to-bt p {
    width: 100%;
  }
  .cmshtml .to-bt p a {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

.cmshtml .textwrap1 {
  font-size: 18px;
  font-size: 1.125em;
  margin-bottom: 20px;
}

.cmshtml .btn_wrap {
  font-size: 18px;
  font-size: 1.125em;
  color: #07186A;
  margin-bottom: 10px;
  display: inline-block;
}

.cmshtml .btn_wrap a {
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 12px;
  white-space: nowrap;
  border: 2px solid #07186A;
  color: #07186A;
  background: #fff;
  padding: 2px 20px;
  position: relative;
  font-weight: 700;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .cmshtml .btn_wrap a {
    white-space: normal;
  }
}

.cmshtml .btn_wrap a::before {
  position: absolute;
  margin: auto;
  content: "";
  right: 10px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #07186A;
}

.cmshtml .season-event {
  max-width: 1200px;
  position: relative;
  margin: 68px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 100;
}

.cmshtml .season-event > li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48.07%;
  position: relative;
  border-radius: 10px;
  background-color: #ffffff;
  border: 4px solid #FF84AF;
  -webkit-box-shadow: 7px 7px 0 #F1EFD9;
  box-shadow: 7px 7px 0 #F1EFD9;
  position: relative;
  margin-bottom: 80px;
}

.cmshtml .season-event > li.sm {
  border-color: #56C756;
}

.cmshtml .season-event > li.au {
  border-color: #FABF2E;
}

.cmshtml .season-event > li.wi {
  border-color: #62BFED;
}

@media screen and (max-width: 768px) {
  .cmshtml .season-event > li {
    margin-bottom: 60px;
    width: 100%;
  }
}

.cmshtml .season-event > li::before {
  content: "";
  display: block;
  width: 146px;
  height: 73px;
  position: absolute;
  right: 10px;
  top: -73px;
  background: url(../img/fix/sp.png);
  background-size: 146px auto;
}

@media screen and (max-width: 768px) {
  .cmshtml .season-event > li::before {
    width: 126px;
    height: 59px;
    top: -63px;
    background-size: 126px auto !important;
  }
}

.cmshtml .season-event > li.sm::before {
  background: url(../img/fix/sm.png);
  background-size: 146px auto;
}

.cmshtml .season-event > li.au::before {
  background: url(../img/fix/au.png);
  background-size: 146px auto;
}

.cmshtml .season-event > li.wi::before {
  background: url(../img/fix/wn.png);
  background-size: 146px auto;
}

.cmshtml .season-event > li h3 {
  position: absolute;
  left: 10px;
  top: -55px;
  background: #FF84AF;
  width: 80px;
  height: 80px;
  line-height: 67px;
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  border-radius: 50%;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cmshtml .season-event > li h3 {
    left: 20px;
    top: -40px;
    width: 70px;
    height: 70px;
    line-height: 48px;
  }
}

.cmshtml .season-event > li.sm h3 {
  background-color: #56C756;
}

.cmshtml .season-event > li.au h3 {
  background-color: #FABF2E;
}

.cmshtml .season-event > li.wi h3 {
  background-color: #62BFED;
}

.cmshtml .season-event > li .event_ul {
  padding: 2em 1.8em;
  background-color: #ffffff;
  position: relative;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .cmshtml .season-event > li .event_ul {
    padding: 1.5em 1.4em;
    letter-spacing: 0;
  }
}

.cmshtml .season-event > li .event_ul li {
  font-size: 18px;
  font-size: 1.125em;
  font-weight: 700;
}

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

.cmshtml .event_li h4 {
  width: 3em;
  font-size: 17px;
  font-size: 1.0625em;
  font-weight: 700;
}

.cmshtml .event_li p {
  font-size: 17px;
  font-size: 1.0625em;
  font-weight: 700;
}

.cmshtml .schedule-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 4px solid #07186A;
  border-radius: 10px;
  padding: 4em;
}

@media screen and (max-width: 768px) {
  .cmshtml .schedule-box {
    display: block;
    padding: 2em 1.5em 1em;
  }
}

.cmshtml .schedule-box .sch-left {
  width: 63%;
}

@media screen and (max-width: 768px) {
  .cmshtml .schedule-box .sch-left {
    width: 100%;
  }
}

.cmshtml .schedule-box .sch-right {
  width: 28%;
}

@media screen and (max-width: 768px) {
  .cmshtml .schedule-box .sch-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.cmshtml .schedule-box .sch-right .wrap-img {
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .cmshtml .schedule-box .sch-right .wrap-img {
    width: 49%;
  }
}

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

.cmshtml .schedule-box .sch-right .wrap-img p {
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
}

.cmshtml .schedule-box.yume {
  border: 3px solid #FABF2E;
}

.cmshtml .schedule-box.yume .sch-dl dt {
  color: #efa700;
}

.cmshtml .schedule-box.yume .sch-dl dt::before {
  border-right: 2px solid #FABF2E;
}

.cmshtml .schedule-box.yume .sch-dl dt::after {
  background-color: #FEECC0;
  border: 3px solid #FABF2E;
}

.cmshtml .schedule-box.iwa {
  border: 3px solid #FF84AF;
}

.cmshtml .schedule-box.iwa .sch-dl dt {
  color: #f2417c;
}

.cmshtml .schedule-box.iwa .sch-dl dt::before {
  border-right: 2px solid #FF84AF;
}

.cmshtml .schedule-box.iwa .sch-dl dt::after {
  background-color: #FFE6EF;
  border: 3px solid #FF84AF;
}

.cmshtml .sch-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cmshtml .sch-dl dt, .cmshtml .sch-dl dd {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-size: 1.0625rem;
}

.cmshtml .sch-dl dt {
  position: relative;
  width: 190px;
  padding-left: 44px;
  padding-bottom: 30px;
  
  color: #07186A;
  font-size: 21px;
  font-size: 1.3125em;
}

.cmshtml .sch-dl dt div{font-weight: 700;}

.cmshtml .sch-dl dt::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 10px;
  height: 100%;
  width: 1px;
  border-right: 2px solid #07186A;
}

.cmshtml .sch-dl dt::after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  background-color: #D7E8F6;
  border: 3px solid #07186A;
  width: 16px;
  content: "";
  height: 16px;
  border-radius: 50%;
}

.cmshtml .sch-dl dd {
  width: calc(100% - 195px);
  padding-bottom: 40px;
  padding-left: 50px;
  position: relative;
}

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

.cmshtml .sch-dl dd::before {
  content: "・・・";
  position: absolute;
  letter-spacing: -0.5em;
  left: 0px;
  top: 2px;
  height: 100%;
  width: 1px;
}

.cmshtml .sch-dl:last-child dt::before {
  border: none !important;
}

.cmshtml .aboutcont.sec3 {
  padding: 0 0 50px;
  background: none;
  margin-bottom: 60px;
  position: relative;
}

.cmshtml .aboutcont.sec3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/top/bg_blue.jpg") repeat;
  z-index: -1;
}

.cmshtml .num_list {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/
  padding: 0;
}

.cmshtml .num_list li {
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left: solid 35px #5c9ee7;
  margin-bottom: 5px;
}

.cmshtml .num_list li:before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display: inline-block;
  top: 50%;
  color: white;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.cmshtml .cm-4 {
  text-align: left;
  margin-bottom: 0;
}

.cmshtml .cm-4 h3 {
  font-size: 133.3%;
  font-weight: bold;
  border-bottom: 2px solid #CCC;
  margin: 20px 0 23px;
  padding: 0 0 18px;
}

.cmshtml .concept {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .cmshtml .concept {
    margin-bottom: 40px;
  }
}

.cmshtml .concept .boxwrap1, .cmshtml .concept .boxwrap2, .cmshtml .concept .boxwrap3, .cmshtml .concept .to-buttonbox, .cmshtml .concept .qabox {
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .cmshtml .concept .boxwrap1, .cmshtml .concept .boxwrap2, .cmshtml .concept .boxwrap3, .cmshtml .concept .to-buttonbox, .cmshtml .concept .qabox {
    margin-bottom: 32px;
  }
}

.cmshtml .concept .imgfull {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .cmshtml .concept .imgfull {
    margin-bottom: 16px;
  }
}

.cmshtml #contents .imgfull:first-child {
  margin-top: -30px;
}

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

.cmshtml .sec2 > .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec2 > .flex {
    display: block;
  }
}

.cmshtml .sec2 .wrap-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
  max-width: 60%;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec2 .wrap-img {
    text-align: center;
    z-index: -1;
    max-width: 100%;
  }
  .cmshtml .sec2 .wrap-img img {
    max-width: 100%;
    height: auto;
  }
}

.cmshtml .sec2 .wrap-text {
  width: 50%;
  margin: 20px 0;
  padding-left: 2%;
  padding-right: 2%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec2 .wrap-text {
    width: 100%;
    margin: 30px 0 20px;
  }
}

.cmshtml .sec2 .wrap-text h3 {
  font-size: 30px;
  font-size: 1.875em;
  padding-bottom: 40px;
  text-align: center;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  display: inline-block;
  line-height: 1.5;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec2 .wrap-text h3 {
    font-size: 24px;
    font-size: 1.5em;
    padding-bottom: 20px;
  }
}

.cmshtml .sec2 .wrap-text p {
  font-size: 18px;
  font-size: 1.125em;
  text-align: left;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec2 .wrap-text p {
    font-size: 16px;
    font-size: 1em;
  }
}

.cmshtml h2.icon_title {
  background: url("../img/top/ico02.jpg") no-repeat center top;
  color: #07186A;
  font-size: 30px;
  font-size: 1.875em;
  padding-top: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .cmshtml h2.icon_title {
    font-size: 22px;
    font-size: 1.375em;
    margin-bottom: 40px;
  }
}

.cmshtml .sec3 {
  padding: 0 0 26px;
  background: url("../img/top/cv.jpg") no-repeat center bottom, url("../img/top/bg_blue.jpg") repeat;
  background-size: 100% 136px,auto;
  margin-bottom: 60px;
}

@media screen and (max-width: 1500px) {
  .cmshtml .sec3 {
    background-size: contain , auto;
    margin-bottom: 30px;
  }
}

.cmshtml .sec3 .inner {
  padding-top: 57px;
  text-align: center;
}

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

@media screen and (max-width: 1080px) and (max-width: 768px) {
  .cmshtml .sec3 .inner {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.cmshtml .sec3 .inner h2.icon_title {
  background: url("../img/top/ico01.jpg") no-repeat center top;
  color: #fff;
}

.cmshtml .sec3 .just3 {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
  background: url("../img/top/3s.jpg") no-repeat center 6px;
  padding-bottom: 160px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cmshtml .sec3 .just3 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml .sec3 .just3 {
    display: block;
  }
  .cmshtml .sec3 .just3 > li {
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .cmshtml .sec3 .just3 > li:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml .sec3 .just3 {
    padding-top: 126px;
    padding-bottom: 20px;
  }
}

.cmshtml .sec3 .just3 li {
  text-align: center;
}

.cmshtml .sec3 .just3 li .wrap-img img {
  width: inherit;
  max-width: 100%;
  height: auto;
}

.cmshtml .sec3 .just3 li:nth-child(2) {
  -webkit-transform: translateY(155px);
  -ms-transform: translateY(155px);
  transform: translateY(155px);
}

@media screen and (max-width: 768px) {
  .cmshtml .sec3 .just3 li:nth-child(2) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@media screen and (max-width: 768px) {
  .cmshtml .sec3 .just3 li {
    margin-right: auto;
    margin-left: auto;
  }
}

.cmshtml .s3-li {
  background-color: #ffffff;
  border: 3px solid #07186A;
  border-radius: 50%;
  width: 30.22%;
  max-width: 380px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cmshtml .s3-li {
    max-width: 300px;
  }
}

.cmshtml .s3-li:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.cmshtml .s3-li .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 10% 20px 16%;
}

.cmshtml .s3-li section div{
  color: #000;
  color: #07186A;
}

.cmshtml .cmsbody .s3-li section .en div {
  font-family: "Times New Roman", Times, "serif" !important;
  display: block;
  font-size: 34px;
  font-size: 2.125em;
  line-height: 1.3;
}

.cmshtml .cmsbody .s3-li section .jp {
  display: block;
  font-size: 17px;
  font-size: 1.0625em;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 1080px) {
  .cmshtml .s3-li section {
    font-size: 14px;
    font-size: 0.875em;
  }
}

@media screen and (max-width: 768px) {
  .cmshtml .s3-li section {
    font-size: 16px;
    font-size: 1em;
  }
}

.cmshtml .s3-li div.comment {
  font-size: 18px;
  font-size: 1.125em;
  letter-spacing: 0;
}

@media screen and (max-width: 1080px) {
  .cmshtml .s3-li div.comment {
    font-size: 16px;
    font-size: 1em;
  }
}

.cmshtml .sec4 {
  margin-bottom: 50px;
}

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

.cmshtml .noview {
  display: none;
}

.cmshtml .contactbox input.fm-txt, .cmshtml .contactbox select, .cmshtml .contactbox .fm-texa {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(250, 191, 46, 0.03);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #CECEBF;
}

.cmshtml .contactbox input.fm-txt.zipcode, .cmshtml .contactbox select.zipcode, .cmshtml .contactbox .fm-texa.zipcode {
  width: 30%;
}

.cmshtml .contactbox input.fm-txt.bday, .cmshtml .contactbox select.bday, .cmshtml .contactbox .fm-texa.bday {
  width: 30%;
}

.cmshtml .contactbox input.fm-txt:focus, .cmshtml .contactbox select:focus, .cmshtml .contactbox .fm-texa:focus {
  outline: none;
  border-color: #07186A;
  background: #fff;
}

.cmshtml .contactbox input.fm-chk,
.cmshtml .contactbox input.fm-rad {
  margin-right: 5px;
  margin-bottom: 10px;
}

.cmshtml .contactbox label {
  display: block;
}

.cmshtml .contactbox .to-submit input, .cmshtml .contactbox .to-submit button {
  padding: 10px;
  border-radius: 5px;
  background: #CECEBF;
  color: #07186A;
  border: 2px solid #CECEBF;
  font-weight: bold;
  cursor: pointer;
}

.cmshtml .hissu:before {
  margin-right: 1em;
  content: "*";
  color: #F00;
  position: relative;
  top: 50%;
  left: 1em;
  font-weight: bold;
}

.cmshtml .to-submit #submit,
.cmshtml .to-submit #reset {
  margin: 0 auto 1px;
  padding: 1em 3em;
  display: block;
}

.cmshtml .to-submit #submit {
  margin-bottom: 1em;
  padding: 20px 3em;
  border: none;
  background: #666;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.cmshtml .to-submit #reset,
.cmshtml .to-submit #back {
  margin-bottom: 1em;
  padding: 1em 3em;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  letter-spacing: 0.3em;
}

.cmshtml #submit:hover,
.cmshtml #reset:hover,
.cmshtml #back:hover {
  background: #00519C;
  cursor: pointer;
  color: #fff;
}

.cmshtml .fl {
  float: left;
}

.cmshtml .fr {
  float: right;
}

@media screen and (max-width: 768px) {
  .cmshtml .dibox.contactbox {
    margin-bottom: 30px;
  }
  .cmshtml .dibox.contactbox .tb-box1 {
    min-width: 100%;
  }
  .cmshtml .dibox.contactbox .tb-box1 th {
    width: 100%;
    display: block;
    padding: 8px;
  }
  .cmshtml .dibox.contactbox .tb-box1 td {
    width: 100%;
    display: block;
    padding: 8px;
    padding: 16px 8px 11px;
  }
}

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

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

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

.cmshtml .wc_addYoutube_span {
  padding: 24px;
}

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

.cmshtml .wc_addGoogleMap_span {
  padding: 24px;
}

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

.cmshtml .wc_facebook_span {
  padding: 24px;
}

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

.cmshtml .tableBlock {
  width: 95%;
}

#editView .cmshtml #topslide .sp-slides {
  width: auto;
  height: 600px;
  overflow-x: auto;
}

#editView .cmshtml #topslide .sp-slides .sp-slide {
  float: left;
  display: block;
  position: relative;
}

#editView .cmshtml .panel_item .panel_thumb .panel_thumb-img img {
  width: 100%;
}

#editView .cmshtml #topslide .sp-slides {
  width: auto;
  height: 600px;
  overflow-x: auto;
}

#editView .cmshtml #topslide .sp-slides .sp-slide {
  float: left;
  display: block;
  position: relative;
}

#editView .cmshtml #navi-sub > div, #editView .cmshtml #to-form > div, #editView .cmshtml #navi-main 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;
  width: 100%;
}

#editView .cmshtml .banner-box1 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 .banner-box2 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 .banner-box3 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 .i1 .in-wrap > 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 .i2 .in-wrap > 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 .i3 .in-wrap > 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 .i4 .in-wrap > 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 .i5 .in-wrap > 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 .just2 > div, #editView .cmshtml .just3 > div, #editView .cmshtml .just4 > div, #editView .cmshtml .just5 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#editView .cmshtml #footerlink 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;
  width: auto;
}

#editView .cmshtml .list-linkbox ul > div, #editView .cmshtml .propertylist ul > div, #editView .cmshtml #panlist 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;
  width: 100%;
}

#editView .cmshtml .submenu > 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 .submenu .submenu_li {
    width: 100%;
}

#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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

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

#editView .cmshtml .dl-box2 > div {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

#editView .cmshtml footer > .flex .f_nav ul > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

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

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

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

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

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

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

.cmshtml .wc_addYoutube_span {
  padding: 24px;
}

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

.cmshtml .wc_addGoogleMap_span {
  padding: 24px;
}

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

.cmshtml .wc_facebook_span {
  padding: 24px;
}

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

.cmshtml .tableBlock {
  width: 95%;
}

#editView .cmshtml .s3-li:before {
    padding-top: 0;
}



/* u01トップ調整 */


#editView .cmshtml #headglobal-nav .hg-li01,
#editView .cmshtml #headglobal-nav .hg-li02,
#editView .cmshtml #headglobal-nav .hg-li03,
#editView .cmshtml #headglobal-nav .hg-li04{
  display:flex;
  flex-flow:row nowrap;
  width: 250px;
}

#editView .cmshtml #headglobal-nav .hg-li01 .photo img,
#editView .cmshtml #headglobal-nav .hg-li02 .photo img,
#editView .cmshtml #headglobal-nav .hg-li03 .photo img,
#editView .cmshtml #headglobal-nav .hg-li04 .photo img{
    max-height: 100px;
    width: 150px;
}

#editView .cmshtml .header-right{
  display:flex;
}
#editView .cmshtml .header-right li{
  padding:10px;
}
#editView .cmshtml .sec2 .wrap-img {
    max-width: 100%;
}
#editView .cmshtml .sec2 .wrap-text {
    width: 100%;
    text-align: left;
}
#editView .cmshtml .s3-li .circle {
    position: relative;
}

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


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





/* WC title */


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

.cmsbody #contents .rdplanetitle h2,
.cmsbody .section-contact .rdplanetitle h2 {
  padding: 0;
  font-size: 30px;
  font-size: 1.875em;
  display: block;
  color: #07186A;
  position: relative;
  font-weight:700;
  padding-top: 40px;
  margin-top:60px;
  margin-bottom:60px;
  background: url(../img/top/ico02.jpg) no-repeat center top;
  text-align:center;
}

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

.cmsbody #contents .rdplanetitle h3,
.cmsbody .section-contact .rdplanetitle h3 {
  padding: 0px 0 0px 22px;
  margin-bottom: 25px;
  text-align: left;
  line-height: 1.5;
  font-size: 30px;
  font-size: 1.875em;
  position: relative;
  font-weight: 900;
}

.cmsbody #contents .rdplanetitle h3:before,
.cmsbody .section-contact .rdplanetitle h3:before {
  content: '';
  display: block;
  position: absolute;
  background: #07186A;
  width: 3px;
  height: 19px;
  left: 0;
  top: 2px;
}

.cmsbody #contents .rdplanetitle h3:after,
.cmsbody .section-contact .rdplanetitle h3:after {
  content: '';
  display: block;
  position: absolute;
  background: #EE3402;
  width: 3px;
  height: 19px;
  left: 0;
  top: 21px;
}


@media screen and (max-width: 768px) {
.cmsbody #contents .rdplanetitle h3,
.cmsbody .section-contact .rdplanetitle h3 {
  font-size: 22px;
  font-size: 1.375em;
}
}

.cmsbody #contents .rdplanetitle h4,
.cmsbody .section-contact .rdplanetitle h4 {
  border-top: 3px solid #07186A;
  border-bottom: 1px solid #CECEBF;
  padding: 12px 20px;
  background: linear-gradient(to bottom, #fff 0%, #F7F7FD 70%, #F1F1FC 100%);
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
}

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

.cmsbody #contents .rdplanetitle h5,
.cmsbody .section-contact .rdplanetitle h5 {
  padding: 8px 15px;
  border-bottom: 2px solid #4189cd;
  font-size: 1.8rem;
  font-weight:700;
}

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


.cmsbody #contents .rdplanetitle h6,
.cmsbody .section-contact .rdplanetitle h6 {
  position: relative;
  padding: 5px 5px 5px 30px;
  font-size: 1.4rem;
  font-weight:700;
}

.cmsbody #contents .rdplanetitle h6:before,
.cmsbody .section-contact .rdplanetitle h6:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 2px;
  height: 15px;
  width: 15px;
  background: #07186A;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.cmsbody #contents .rdplanetitle.yellow h6:before {
    background: #FABF2E;
}
.cmsbody #contents .rdplanetitle.pink h6:before {
    background: #FF84AF;
}
.cmsbody #contents .rdplanetitle.green h6:before {
    background: #56C756;
}
.cmsbody #contents .rdplanetitle.blue h6:before {
    background: #a2d5ff;
}




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

@media (min-width: 1px) and (max-width: 767px){

.cmshtml .tileimage .rdflexarea:nth-child(even) {
    flex-direction: column-reverse;
}

}



/* wc table */

.cmshtml .cmsbody .rdtableTable {
    border:none;
    border-spacing: initial;
    border-top: 1px solid #dee2e6;
}

.cmshtml .cmsbody .rdtableTable th, .cmshtml .cmsbody .rdtableTable td {
    border-top: none;
    font-size:1.2rem;
}

.cmshtml .cmsbody .rdtableTable th div{
    border-top: none;
    font-weight:700;
}

.cmshtml .cmsbody .rdtableTable thead th {
    border-bottom: none;
}

.cmshtml .cmsbody .rdtable tbody th {
    border-right-width: 0;
}

@media screen and (max-width: 767px) {
    .cmshtml .cmsbody .sc_table.spnb table.rdtableTable{
        min-width: auto;
    }
    .cmshtml .cmsbody .sc_table.spnb table.rdtableTable div{
        font-size: 80%;
    }
}

media (min-width: 1px) and (max-width: 767px) {
    .cmshtml .rdResponsive-table .rdtableTable th, .cmshtml .rdResponsive-table .rdtableTable td {
        display: table-cell;
        width: auto;
    }
}









/* 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 .contact_item_input input:invalid,
.cmshtml .contact_item_input select:invalid,
.cmshtml .contact_item_input textarea:invalid{
	background-color: #faa;
}
*/

/* item table */
.cmshtml dl.contact_item_table{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
}
.cmshtml dt.contact_item_title{
  background: #ddd;
  width: 30%;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
}
.cmshtml dd.contact_item_input{
  padding: 20px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 70%;
  background: #fff;
  box-sizing: border-box;
}

.cmshtml dl.contact_item_inside_table{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.cmshtml dt.contact_item_inside_title{
  background: #ddd;
  width: 15%;
  padding: 10px;
  box-sizing: border-box;
}
.cmshtml dd.contact_item_inside_input{
  padding: 10px;
  margin: 0;
  width: 85%;
  background: #fff;
  box-sizing: border-box;
}

.cmshtml dd>dl.contact_item_inside_table>dt.contact_item_inside_title{
	background: #fff;
}

/* ラジオボタンとチェックボックスを横並びにする場合
.cmshtml .contact_item_input .contact_radio_box,
.cmshtml .contact_item_input .contact_checkbox_box
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.cmshtml .contact_radio_box .contact_radio,
.cmshtml .contact_checkbox_box .contact_checkbox{
  width: 50%;
  box-sizing: border-box;
}
.cmshtml .contact_radio_box .contact_radio:nth-last-child(1),
.cmshtml .contact_checkbox_box .contact_checkbox:nth-last-child(1){
  width: 100%;
}
*/

/* address */
.cmshtml input.contact_address_zip_sepalate{
	width: 100px;
}
.cmshtml label.contact_address_zip_sepalater{
	margin: 8px;
}
/* name */
.cmshtml div.contact_item_namebox_box{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
}
.cmshtml div.contact_item_namebox_box label{
	margin-right: 5px;
}
.cmshtml div.contact_item_namebox_back{
	margin-left: 10px;
}
  .cmshtml div.contact_item_namebox_box .contact_item_namebox_front,
  .cmshtml div.contact_item_namebox_box .contact_item_namebox_back{
    width: 45%;
  }
  .cmshtml .contact_item_namebox_front input,
  .cmshtml .contact_item_namebox_back input{
    width: 80%;
  }

/* tel */
.cmshtml .contact_item_input.contact_tel_sepalate input[type=tel]{
    width: 70px;
    margin-bottom: 10px;
}
.cmshtml .contact_item_input.contact_tel_single input[type=tel]{
	width: 40%;
}


/* date */
.cmshtml .contact_item_input .contact-date-inline{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.cmshtml .contact_item_input .contact-date-inline .contact-date-range-label{
  margin: 0px 5px 0px;
}

/* button */
.cmshtml .contact_btn_area{
	width: 100%;
	over-flow: hidden;
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center;
}
.cmshtml .contact_btn_area input{
	padding: 6px 15px;
}
/* back button */
.cmshtml .contact_btn_back{

}
/* submit button */
.cmshtml .contact_btn_submit{

}

.cmshtml .cmsbody .contact_item_title:not(:first-child) {
    margin-top: 0;
}

@media screen and (max-width: 780px) {
/* item table */
  .cmshtml dl.contact_item_table,
  .cmshtml dl.contact_item_inside_table{
    flex-flow: column nowrap;
  }
  .cmshtml dt.contact_item_title,
  .cmshtml dt.contact_item_inside_title,
  .cmshtml dd.contact_item_input,
  .cmshtml dd.contact_item_inside_input{
    width: 100%;
  }
  dd.contact_item_input,
  dd.contact_item_inside_input{
    border-left: none;
  }
  /* ラジオボタンとチェックボックスを横並びにする場合
  .cmshtml .contact_radio_box .contact_radio,
  .cmshtml .contact_checkbox_box .contact_checkbox{
    width: 100%;
  }
  */
  
  /* tel */
  .cmshtml .contact_item_input.contact_tel_single input[type=tel]{
	width: 90%;
  }
  
  /* name */
  .cmshtml div.contact_item_namebox_box{
   display: flex;
   flex-wrap: wrap;
  }
  .cmshtml div.contact_item_namebox_back{
    margin-top: 10px;
	  margin-left: 0px;
  }
  .cmshtml div.contact_item_namebox_box .contact_item_namebox_front,
  .cmshtml div.contact_item_namebox_box .contact_item_namebox_back{
    width: 100%;
  }
  .cmshtml .contact_item_namebox_front input,
  .cmshtml .contact_item_namebox_back input{
    width: 90%;
  }

}
.cmshtml .cmsbody .contact_item_table {
    width: 100%;
}

.cmshtml .cmsbody .contact_item_table input[type="text"]{
  font-size:16px;
}
.cmshtml .cmsbody .contact_item_table select {
    font-size: 16px;
}
.cmshtml .cmsbody .contact_item_inside_title {
    flex: 0 0 20%;
}
.cmshtml .cmsbody .contact_item_title span[style] {
    font-size: initial;
}

.cmshtml .rdSiteSearch-formInner {
    border:2px solid #003783 !important;
    border-radius: 4px!important;
}
.cmshtml .rdSiteSearch .rdSiteSearch-formInner .rdSiteSearch-input {
    border:none!important;
    border-radius: 4px 0 0 4px!important;
}
.cmshtml .rdSiteSearch .rdSiteSearch-btn {
background-color:#003783 !important;
}
.cmshtml .rdSiteSearch .rdSiteSearch-formInner .rdSiteSearch-input {
    padding:4px 12px;
}
.cmshtml .rdSiteSearch .rdSiteSearch-btn {
padding: 0 4px;
}
.cmshtml .rdSiteSearch input[type="submit"] {
    width: auto;
    padding: 10px 5px;
    border-radius: 0;
}
.cmshtml .cmsbody .rdSiteSearch .rdSiteSearch-btn {
    background-size: 2.5rem 2.5rem;
}
.cmshtml .cmsbody .rdSiteSearch input[type="text"] {
    font-size: 1.4rem;
}
.cmshtml .cmsbody .rdListPageResult .rdListPageResultTitleText {
    font-size: 1.85rem;
    font-weight: 700;
    padding-left:10px;
    border-left: 4px solid #003783;
}