.cmshtml {
    /* howto */
  }
  
  .cmshtml a:link,
  .cmshtml a:visited {
    text-decoration: none;
    color: #3185c7;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  
  .cmshtml a:active,
  .cmshtml a:hover {
    text-decoration: none;
    color: #da213b;
  }
  
  .cmshtml * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .cmsbody {
    color: #222;
    font-size: 1rem;
    line-height: 1.6;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
  word-break: break-all;
  
  }
  
  .cmshtml .section {
    padding: 40px 10px;
    position: relative;
    background: #eee;
    overflow: hidden;
  }
  
  .cmshtml .section_full {
    padding-left: 0;
    padding-right: 0;
  }
  
  .cmshtml .inner {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 100;
  }
  
  .cmshtml #globalheader {
    padding: 10px 0 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 500;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  }
  
  .cmshtml #globalheader a {
    color: #fff;
  }
  
  .cmshtml #globalheader > .inner.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top:40px;
  }
  
  .cmshtml #globalheader #logo a {
    display: block;
    text-indent: -200em;
    overflow: hidden;
    width: 277px;
    height: 44px;
    background: url(../img/logo.png) no-repeat;
    background-size: cover;
  }
  
  
  .cmshtml #globalheader h1 {
  position:absolute;
  right: 0;
  top: 0;
  font-size:0.8rem;
  color:rgba(255,255,255,0.8);
  }
  
  .cmshtml .subnav {
    margin-right: 20px;
  }
  
  .cmshtml .subnav .flex {
    font-size: 0.85rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .cmshtml .subnav li + li,
  #editView .cmshtml .subnav > .flex > .rdareaItem + .rdareaItem {
    margin-left: 50px;
  }
  
  .cmshtml .subnav a {
    position: relative;
  }
  
  .cmshtml .subnav a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -8px;
    height: 1px;
    width: 0px;
    background: #fff;
    -webkit-transition: 0.4s width;
    -o-transition: 0.4s width;
    transition: 0.4s width;
  }
  
  .cmshtml .subnav a:hover:after {
    width: 100%;
  }
  
  .cmshtml .mainnav {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-transition: 0.4s background;
    -o-transition: 0.4s background;
    transition: 0.4s background;
  }
  
  .cmshtml .mainnav > .inner > .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .cmshtml .mainnav > .inner > .flex > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .cmshtml .mainnav > .inner > .flex > li a {
    padding: 12px 20px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .cmshtml .mainnav > .inner > .flex > li span.primary,
  .cmshtml .mainnav > .inner > .flex > li span.secondary {
    display: block;
    text-align: center;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.4s color;
    -o-transition: 0.4s color;
    transition: 0.4s color;
  }
  
  .cmshtml .mainnav > .inner > .flex > li span.primary {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  
  .cmshtml .mainnav .inner .flex li span.secondary {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
  }
  
  .cmshtml .mainnav > .inner > .flex > li  a:after {
    content: '';
    display: block;
    position: absolute;
    left: -0.8rem;
    top: 0;
    height: 100%;
    width: 0px;
    background: #fff;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -webkit-transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
  }
  
  .cmshtml .mainnav > .inner > .flex > li  a:hover span.secondary {
    color: #da213b;
  }
  
  .cmshtml .mainnav > .inner > .flex > li  a:hover span.primary {
    color: #222;
  }
  
  .cmshtml .mainnav.is_stuck > .inner > .flex > li  a:after {
    background: #da213b;
  }
  
  .cmshtml .mainnav > .inner > .flex > li  a:hover:after {
    width: 130%;
  }
  
  .cmshtml .mainnav.is_stuck {
    background: #fff;
    margin-top: 0;
  }
  
  .cmshtml .mainnav.is_stuck > .inner > .flex  li span.primary {
    color: #222;
  }
  
  .cmshtml .mainnav.is_stuck > .inner > .flex  li span.secondary {
    color: #da213b;
  }
  
  .cmshtml .mainnav.is_stuck > .inner > .flex > li a:hover span {
    color: #fff;
  }
  
  .cmshtml .section-slide,
  .cmshtml .section-slide .sp-mask,
  .cmshtml .section-slide .sp-slides-container {
    height: 100vh;
    min-height: 700px;
    padding: 0;
  }
  
  .cmshtml .slide-item {
    overflow: hidden;
    height: 100vh;
    min-height: 700px;
    padding-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
  }
  
  .cmshtml .slide-item:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    margin-left: -28.87vh;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)), color-stop(70%, rgba(0, 0, 0, 0.5)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(0, 0, 0, 0.5)), color-stop(90%, rgba(0, 0, 0, 0.5)), color-stop(90%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-transition: 1s background-size;
    -o-transition: 1s background-size;
    transition: 1s background-size;
  }
  
  .cmshtml .sp-selected.slide-item:after {
    background-size: 0 100%;
  }
  
  .cmshtml .sp-slide-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  
  .cmshtml .slide-item.sp-slide-wc {
    background-image: url(../img/bgwc2.jpg);
  }
  
  .cmshtml .slide-item.sp-slide-gsv {
    background-image: url(../img/slide-bg-gsv.jpg);
  }
  
  .cmshtml .slide-item.sp-slide-pcns {
    background-image: url(../img/slide-bg-pcns.jpg);
  }
   .cmshtml .slide-item.slide-package {
    background-image: url(../img/slide-bg-package.jpg);
  }
   

  .cmshtml .slide-img {
    position: absolute;
    right: 0;
    top: calc(50% - 70px);
    width: 50%;
    z-index: 1;
    -webkit-transition: 1s 1s;
    -o-transition: 1s 1s;
    transition: 1s 1s;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(100px);
    -ms-transform: translateY(-50%) translateX(100px);
    transform: translateY(-50%) translateX(100px);
  }
  
  #editView .cmshtml .sp-slide-inner > .rdareaItem-last {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 1;

  }

  .cmshtml .sp-selected .slide-img {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
  
  .cmshtml .slide-img img {
    width: 100%;
    height: auto;
  }
  
  .cmshtml .slide-text {
    position: relative;
    z-index: 10;
    font-weight: 700;
    font-size: 1.3rem;
    width: 50%;
    color: #fff;
    padding: 0 20px;
    margin-top: -150px;
  }
  
  .cmshtml .slide-text h2,
  .cmshtml .slide-text h3 {
    display: inline-block;
    vertical-align: middle;
  }

  
  .cmshtml .slide-text h3 {
    font-weight: 700;
    margin-left: 20px;
  }
  .cmshtml .slide-text .title .rdareaItem,
  .cmshtml .slide-text .title .rdareaContents {
      display: inline-block;
  }
  .cmshtml .slide-text .title h2 {
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.2;
    /*position: relative;*/
  }
  
  .cmshtml .slide-text .title {
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 1s width 1.2s;
    -o-transition: 1s width 1.2s;
    transition: 1s width 1.2s;
  }
  
  .cmshtml .sp-selected .slide-text .title {
    width: 500px;
  }
  .cmshtml .sp-selected .slide-text .title > div {
  display:inline-block;
  }
  
  .cmshtml .slide-text .module {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.5s opacity 1.2s, 0.5s -webkit-transform 1.2s;
    transition: 0.5s opacity 1.2s, 0.5s -webkit-transform 1.2s;
    -o-transition: 0.5s transform 1.2s, 0.5s opacity 1.2s;
    transition: 0.5s transform 1.2s, 0.5s opacity 1.2s;
    transition: 0.5s transform 1.2s, 0.5s opacity 1.2s, 0.5s -webkit-transform 1.2s;
  }
  
  .cmshtml .sp-selected .slide-text .module {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .cmshtml .detaillink a {
    border: 1px solid #222;
    color: #222;
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    padding: 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-width: 200px;
    -webkit-transition: 0.6s color 0.2s, 0.6s border-color 0.2s !important;
    -o-transition: 0.6s color 0.2s, 0.6s border-color 0.2s !important;
    transition: 0.6s color 0.2s, 0.6s border-color 0.2s !important;
    font-weight: 700;
    box-sizing: border-box;
  }
  
  .cmshtml .detaillink_full a {
    width: 100%;
    text-align: center;
    min-width: 0;
  }
  
  .cmshtml .detaillink a > * {
    position: relative;
    z-index: 10;
  }
  
  .cmshtml .detaillink a:after {
    content: '';
    display: block;
    width: 0px;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: -5%;
    top: 0;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    background: #da213b;
    -webkit-transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s width cubic-bezier(0.86, 0, 0.07, 1);
  }
  
  .cmshtml .detaillink a:hover:after {
    width: 110%;
  }
  
  .cmshtml .detaillink a:hover {
    color: #fff;
    border-color: #da213b;
  }
  
  .cmshtml .detaillink_white a {
    color: #fff;
    border-color: #fff;
  }
  
  .cmshtml .detaillink_blue a {
    color: #fff;
    border-color: #e21a47;
    background: #e21a47;
  }
  
  .cmshtml .detaillink_blue a:hover {
    color: #e21a47;
    border-color: #e21a47;
  }
  
  .cmshtml .detaillink_blue a:after {
    background: #fff;
  }
  
  .cmshtml .detaillink_red a {
    color: #fff;
    border-color: #da213b;
    background: #da213b;
  }
  
  .cmshtml .detaillink_red a:hover {
    color: #da213b;
    border-color: #da213b;
  }
  
  .cmshtml .detaillink_red a:after {
    background: #fff;
  }
  
  .cmshtml .detaillink_blue2 a {
    color: #fff;
    border-color: #fff;
  }
  
  .cmshtml .detaillink_blue2 a:hover {
    color: #fff;
    border-color: #e21a47;
  }
  
  .cmshtml .detaillink_blue2 a:after {
    background: #e21a47;
  }
  
  .cmshtml .detaillink_red2 a {
    color: #fff;
    border-color: #fff;
  }
  
  .cmshtml .detaillink_red2 a:hover {
    color: #fff;
    border-color: #da213b;
  }
  
  .cmshtml .detaillink_red2 a:after {
    background: #da213b;
  }
  
  .cmshtml .detaillink_blue3 a:hover {
    border-color: #e21a47;
  }
  
  .cmshtml .detaillink_blue3 a:after {
    background: #e21a47;
  }
  
  .cmshtml .detaillink_blue4 a:hover {
    border-color: #41C4E3;
  }
  
  .cmshtml .detaillink_blue4 a:after {
    background: #41C4E3;
  }
  
  .cmshtml .detaillink_green a:hover {
    border-color: #009688;
  }
  
  .cmshtml .detaillink_green a:after {
    background: #009688;
  }
  
  .cmshtml #globalfooter .detaillink a:after,
  .cmshtml .slide-text .detaillink a:after {
    background: #fff;
  }
  
  .cmshtml #globalfooter .detaillink a,
  .cmshtml .slide-text .detaillink a {
    border: 1px solid #fff;
    color: #fff;
  }
  
  .cmshtml #globalfooter .detaillink a:hover,
  .cmshtml .slide-text .detaillink a:hover {
    color: #222;
  }
  
  .cmshtml .slide-text .detaillink {
    text-align: right;
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 0.5s opacity 1.5s, 0.5s -webkit-transform 1.5s;
    transition: 0.5s opacity 1.5s, 0.5s -webkit-transform 1.5s;
    -o-transition: 0.5s transform 1.5s, 0.5s opacity 1.5s;
    transition: 0.5s transform 1.5s, 0.5s opacity 1.5s;
    transition: 0.5s transform 1.5s, 0.5s opacity 1.5s, 0.5s -webkit-transform 1.5s;
  }
  
  .cmshtml .sp-selected .slide-text .detaillink {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .cmshtml .section-slide .sp-buttons {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .cmshtml .section-slide .sp-buttons .sp-button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 0;
    border: 1px solid #fff;
    background: #eee;
    margin: 0;
    width: auto;
    height: 10px;
    -webkit-transition: 0.6s background, 0.6s height cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s background, 0.6s height cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s background, 0.6s height cubic-bezier(0.86, 0, 0.07, 1);
  }
  
  .cmshtml .section-slide .sp-buttons .sp-selected-button {
    background: #aaa;
  }
  
  .cmshtml .section-slide .sp-buttons .sp-button:hover {
    height: 20px;
    background: #ccc;
  }
  
  .cmshtml .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .cmshtml .section_message {
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(../img/bg-message.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
  }
  
  .cmshtml .section_message .fadeup {
    transition-delay: 0.4s;
  }
  
  .cmshtml .section_message > .inner {
    padding: 0 40px 0 330px;
    -webkit-transition: 1s background 1s;
    -o-transition: 1s background 1s;
    transition: 1s background 1s;
  }
  
  .cmshtml .img_message {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(50px, -50%);
    opacity: 0;
    transition: 1s;
  }
  #editView .cmshtml .section_message > .inner > .rdareaItem-last {
    position: absolute;
    left: 0;
    top: 30%;
  }

  #editView .cmshtml .img_message .rdimg {
      width: 300px;
      height: auto;
  }
  
  #editView .cmsbody .section_message .img_message,
  .cmsbody.loading-end .section_message.inview .img_message {
    transform: translate(0, -50%);
    opacity: 1;
  }
  
  .cmshtml .section_message .module {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
  }
  
  #editView .cmsbody .section_message > .inner:after,
  #editView .cmsbody .section_message > .inner:before,
  .cmsbody.loading-end .section_message.inview > .inner:after,
  .cmsbody.loading-end .section_message.inview > .inner:before {
    width: 100%;
    height: 100%;
    background: #fff;
  }
  
  .cmshtml .section_service {
    overflow: hidden;
  }
  .cmshtml .section_service .title_inline > div{
	display:inline-block;
}  
  .cmshtml .section_service .title_inline * + * {
    margin-top: 1rem;
    font-size: 1.25rem;
  }
  
  .cmshtml .section_arrow {
    overflow: hidden !important;
  }
  
  .cmshtml .section_arrow .title .showtext:after {
    background: #fff;
  }
  /*
  #editView .cmshtml .title_inline .showtext > .rdareaItem {
      display: inline-block;
      vertical-align: middle;
  }
  */
  
  .cmshtml .section_arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 12.3vw;
    top: -81.7vw;
    width: 141.42vw;
    height: 141.42vw;
    border-bottom: 1px solid #da213b;
    -webkit-transform: rotate(45deg) scaleX(0) scaleY(0.5);
    -ms-transform: rotate(45deg) scaleX(0) scaleY(0.5);
    transform: rotate(45deg) scaleX(0) scaleY(0.5);
    background: transparent;
    -webkit-transition: 0.6s background 0.8s, 0.8s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s background 0.8s, 0.8s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.8s transform cubic-bezier(0.19, 1, 0.22, 1), 0.6s background 0.8s;
    transition: 0.8s transform cubic-bezier(0.19, 1, 0.22, 1), 0.6s background 0.8s;
    transition: 0.8s transform cubic-bezier(0.19, 1, 0.22, 1), 0.6s background 0.8s, 0.8s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .cmshtml .section_arrow_right:after {
    left: auto;
    right: -70.71vw;
    -webkit-transform: rotate(-45deg) scaleY(0);
    -ms-transform: rotate(-45deg) scaleY(0);
    transform: rotate(-45deg) scaleY(0);
    border-right: none;
    border-bottom: 1px solid #da213b;
  }
  #editView .cmsbody .section_arrow:after,
  .cmsbody.loading-end .section_arrow.inview:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    background: #da213b;
  }
  
  .cmshtml .module_service {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  #editView .cmshtml .module_service > .rdareaItem > .rdareaContents,
  #editView .cmshtml .module_service > .rdareaItem > .rdareaContents > .just2 {
      height: 100%;
  }
  .cmshtml .module_service > .just2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .cmshtml .module_service > .just2 > * {
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  
  .cmshtml .module_service > .just2 > .detaillink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
  }
  
  .cmshtml .module_service > .just2 > * + * {
    margin-top: 10px;
  }
  
  #editView .cmshtml .module_service .just2 > .rdareaItem:last-child,
  .cmshtml .module_service > .just2 .detaillink:last-child {
    margin-top: auto;
  }
  
  .cmshtml .inner.flex > .title_inline,
  .cmshtml .section.flex > .title_inline {
    margin-right: 50px;
    padding-right: 50px;
  }
  
  .cmshtml .inner.flex > .title_inline + *,
  .cmshtml .section.flex > .title_inline + * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 40px;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: 0.8s opacity 1.4s, 0.8s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
    transition: 0.8s opacity 1.4s, 0.8s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
    -o-transition: 0.8s opacity 1.4s, 0.8s transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
    transition: 0.8s opacity 1.4s, 0.8s transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
    transition: 0.8s opacity 1.4s, 0.8s transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s, 0.8s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
  }
  
  
  #editView .cmsbody .section.flex > .title_inline + *,
  #editView .cmsbody .section > .inner.flex > .title_inline + *,
  .cmsbody.loading-end .section.flex.inview > .title_inline + *,
  .cmsbody.loading-end .section.inview > .inner.flex > .title_inline + * {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .cmshtml .section .item-wc h4 {
    color: #e21a47;
  }
  
  .cmshtml .section .item-gsv h4 {
    color: #009688;
  }
  
  .cmshtml .section .item-pcns h4 {
    color: #41C4E3;
  }
  
  .cmshtml .section_service .module .title {
    margin-bottom: 0;
  }
  
  .cmshtml .section_about {
    background: url(../img/bg-about.jpg) no-repeat center center;
    background-size: cover;
  }
  
  .cmshtml .section_about > .inner.flex > .title {
    position: relative;
  }
  
  .cmshtml .section_about > .inner.flex > .title:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #da213b;
    -webkit-animation: 1s title_about;
    animation: 1s title_about;
  }
  
  @-webkit-keyframes title_about {
    0% {
    }
    50% {
    }
    to {
    }
  }
  
  @keyframes title_about {
    0% {
    }
    50% {
    }
    to {
    }
  }
  
  .cmshtml .about_pict {
    width: 30%;
  }
  
  #editView .cmshtml .section_about > .inner .flex_wrap:not(.flex3_wrap) > .rdareaItem-first,
  .cmshtml .module_about {
    flex:  0 0 calc(70% - 20px);
  }
 
  #editView .cmshtml .section_about > .inner .flex_wrap:not(.flex3_wrap) > .rdareaItem-last,
  .cmshtml .module_info {
    flex: 0 0 calc(30% - 20px);
    flex-direction: column;
    flex-wrap: nowrap;
  }
  
  .cmshtml .module_info .title {
    flex: 0 0 auto;
  }
  .cmshtml .module_info .rdNewInfoList_ez-ContDate {
      display: none;
  }
  .cmshtml .module_info .rdnewArticle-ContTitle,
  .cmshtml .module_info .rdNewInfoList_ez-ContTitle {
      font-size: 0.85rem;
  }

  .cmshtml .module_info .rdnewArticle-ContDate {
      font-weight: 700;
  }
  

  
  .cmshtml .module_info .rdblock {
    max-height: 50%;
    flex: 1 0 0;
    height: calc(50% - 20px);
    /*flex: 1 0 55%;*/
    overflow: auto;
    border: 1px solid #ddd;
    position: relative;
  }
  
  /*
  .cmshtml .module_info .module:nth-child(2) {
    flex: 1 0 25%;
    max-height: 35%;
  }
  */
  .cmshtml .rdnewArticle.rdnewArticle,
  .cmshtml .rdNewInfoList_ez.rdNewInfoList_ez {
      border: none;
  }
  
  @media all and (-ms-high-contrast: none) {
    .cmshtml *::-ms-backdrop,
  .cmshtml .module_info .module {
      flex: 1 0 55%;
    }
    .cmshtml *::-ms-backdrop,
  .cmshtml .module_info .module:nth-child(2) {
      flex: 1 0 25%;
    }
  }
  
  .cmshtml .module_info_inner {
    padding: 20px;
    color: #fff;
    position: relative;
  }
  
  .cmshtml .module_info_inner dl.list {
    display: block;
    font-size: 0.85rem;
  }
  
  .cmshtml .ps__rail-y {
    opacity: 1 !important;
  }
  
  .cmshtml .ps__thumb-y {
    background: rgba(255, 255, 255, 0.8) !important;
  }
  
  .cmshtml .ps .ps__rail-y:hover {
    background: rgba(255, 255, 255, 0.4) !important;
  }
  
  .cmshtml .section_about .fadeleft,
  .cmshtml .section_about .faderight {
    transition-delay: 0.6s;
  }
  
  .cmshtml span.new {
    font-weight: normal;
    color: #ffeb3b;
    font-size: 0.85rem;
    margin-left: 10px;
  }
  
  .cmshtml .section_info {
    background: #f1f3f9;
  }
  
  .cmshtml .section_contact {
    background: url(../img/bg-contact.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
  }
  
  .cmshtml .section_contact .detaillink a {
    color: #fff;
    border-color: #fff;
  }
  
  .cmshtml .section_contact .detaillink a:after {
    background: #fff;
  }
  
  .cmshtml .section_contact .detaillink a:hover {
    color: #222;
  }
  
  .cmshtml .itme_tel {
    font-size: 2rem;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .cmshtml .module_contact {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .cmshtml .module_ssl {
    font-size: 0.85rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .cmshtml .section_footerlink {
    padding: 10px;
    padding-bottom: 10px;
    background: #56656c;
    font-size: 0.85rem;
  }
  
  .cmshtml .section_footerlink a {
    color: rgba(255, 255, 255, 0.6);
  }
  
  .cmshtml .section_footerlink a:hover {
    color: #fff;
  }
  
  .cmshtml .footerlink {
    text-align: center;
  }
  
  .cmshtml .footerlink li {
    position: relative;
    display: inline;
  }
  
  .cmshtml .footerlink li + li {
    margin-left: 20px;
  }
  
  .cmshtml #globalfooter {
    background: #303d43;
    color: #fff;
    padding-top: 40px;
  }
  
  .cmshtml .footer_logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .cmshtml #globalfooter .footer_logo > div {
    margin-bottom: 0;
  }
  
  .cmshtml .footer_logo * + * {
    margin-left: 40px;
  }
  
  .cmshtml .footer_logo div:nth-child(2) {
    margin-left: auto;
  }
  
  .cmshtml #copy {
    text-align: center;
    font-size: 0.85rem;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
  }
  
  .cmshtml .module_wc {
    margin-bottom: 0 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .cmshtml .module_wc .pict {
    width: 50%;
  }
  
  .cmshtml .module_wc .pict img {
    width: 100%;
    height: auto;
  }
  
  .cmshtml .slide_wc .text {
    padding-right: 20px;
  }
  
  .cmshtml .slide_wc .text > * {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -o-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
  }
  
  .cmshtml .slide_wc .sp-selected .text > * {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .cmshtml .slide_wc .sp-buttons {
    padding-top: 40px;
  }
  
  .cmshtml .slide_wc .sp-button {
    border: none;
    background: #ddd;
  }
  
  .cmshtml .slide_wc .sp-selected-button {
    background: #DA213B;
  }
  
  .cmshtml .section_design {
    background: #D3D7DA;
    padding-right: 0;
    padding-left: 0;
  }
  
  .cmshtml .section_design h3 {
    color: #da213b;
  }
  
  .cmshtml .module_half {
    width: 50%;
  }
  #editView .section_voice .module_half {
      margin-left: auto;
  }
  
  .cmshtml .section_flow {
    color: #fff;
  }
  
  .cmshtml .module_flow {
    position: relative;
    padding-left: 8.5rem;
    color: #222;
  }
  
  .cmshtml .module_flow .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .module_flow > * {
    position: relative;
    z-index: 100;
  }
  
  .cmshtml .module_flow .num {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #eee;
    font-size: 6rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  
  .cmshtml .module_flow > .photo > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .cmshtml .module_flow > .photo > .pict img {
    width: 100%;
    height: auto;
  }
  
  .cmshtml .module_flow .title h4 {
    color: #DA213B;
  }
  
  .cmshtml .module_flow .title h4 span.ext {
    color: #999;
    margin-left: 20px;
    font-size: 0.85rem;
  }
  
  .cmshtml .item_works.fadeup {
    text-align: center;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s -webkit-box-shadow;
    transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s -webkit-box-shadow;
    -o-transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s box-shadow;
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s box-shadow;
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s box-shadow, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s -webkit-box-shadow;
  }
  
  .cmshtml .item_works:hover {
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }
  
  .cmshtml .item_works dd {
    margin-top: 10px;
  }
  
  .cmshtml .section_answer {
    background: url(../img/bg-answer3.jpg) no-repeat center top;
    background-size: cover;
  }
  
  .cmshtml .section_answer .module_half {
    width: 75%;
    margin-right: 0;
    margin-left: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 40px;
  }
  
  .cmshtml .section_answer .module_half .title {
    color: #e21a47;
  }
  
  .cmshtml .section_answer .module_half .detaillink {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  
  .cmshtml .module_small {
    font-weight: normal;
    font-size: 1rem;
  }
  
  .cmshtml .showtext {
    opacity: 1;
    position: relative;
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
  }
  
  .cmshtml .showtext.flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-direction: column;
  }
  
  .cmshtml .showtext h3 {
    font-size: 3rem;
  }
  
  .cmshtml .showtext.flex h2 {
    order: 99;
    font-weight: 700;
    margin-top: 8px;
  }
  
  .cmshtml .showtext > * {
    opacity: 0;
    margin: 0;
    -webkit-transition: 0s opacity 0.75s;
    -o-transition: 0s opacity 0.75s;
    transition: 0s opacity 0.75s;
  }
  
  .cmshtml .showtext:after {
    content: '';
    display: block;
    position: absolute;
    left: -120%;
    top: 0;
    width: 110%;
    height: 100%;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    background: #da213b;
    -webkit-transition: 1.5s cubic-bezier(1, 0, 0, 1) left;
    -o-transition: 1.5s cubic-bezier(1, 0, 0, 1) left;
    transition: 1.5s cubic-bezier(1, 0, 0, 1) left;
  }
  
  .cmshtml .showtext .fadeup {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  
  .cmshtml .showtext_green:after {
    background: #009688;
  }
  
  .cmshtml .showtext_white:after {
    background: #fff;
  }
  
  .cmshtml .showtext_blue:after {
    background: #1E408E;
  }
  
  .cmshtml .section_message .showtext:after {
    background: #1E408E;
  }
  
  .cmshtml .item-wc .showtext:after {
    background: #e21a47;
  }
  
  .cmshtml .item-gsv .showtext:after {
    background: #009688;
  }
  
  .cmshtml .item-pcns .showtext:after {
    background: #41C4E3;
  }
  
  .cmsbody.loading-end .showtext.inview:after {
    left: 120%;
  }
  
  .cmsbody.loading-end .showtext.inview > * {
    opacity: 1;
  }
  
  .cmshtml .section_pagetitle {
    overflow: visible;
    padding-top: 200px;
    padding-bottom: 100px;
    background: #ddd;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
  }
  
  .cmshtml .section_pagetitle.section_wc {
    background: url(../img/bgwc2.jpg);
    background-size: cover;
  }
  
  .cmshtml .section_wc.section_arrow:after {
    border-bottom-color: #e21a47;
  }
  
  .cmshtml .section_wc .showtext:after {
    background: #e21a47;
  }
  
  .cmshtml .section_pagetitle.section_webdesign {
    background: url(../img/bg-webdesign.jpg);
    background-size: cover;
    padding-bottom: 40px;
  }
  #editView .cmsbody .section_wc.section_arrow:after,
  .cmsbody.loading-end .section_wc.section_arrow.inview:after {
    background: #e21a47;
  }
  
  .cmshtml .section_result {
    background: url(../img/bg-result.jpg) center center;
    background-size: cover;
  }
  
  .cmshtml .section_result .big {
    color: #e21a47;
  }
  
  .cmshtml .section_gsv {
    background: url(../img/bg-gsv.jpg) center center;
    background-size: cover;
  }
  
  .cmshtml .section_gsv.section_arrow:after {
    border-bottom-color: #009688;
  }
  
  #editView .cmsbody .section_gsv.section_arrow:after,
  .cmsbody.loading-end .section_gsv.section_arrow.inview:after {
    background: #009688;
  }
  
  .cmshtml .section_gsv .showtext:after {
    background: #009688;
  }
  
  .cmshtml .section_gsv_merit {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#009688), color-stop(50%, #009688), color-stop(50.1%, #005796), to(#005796));
    background: -webkit-linear-gradient(left, #009688 0%, #009688 50%, #005796 50.1%, #005796 100%);
    background: -o-linear-gradient(left, #009688 0%, #009688 50%, #005796 50.1%, #005796 100%);
    background: linear-gradient(to right, #009688 0%, #009688 50%, #005796 50.1%, #005796 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    -o-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  }
  #editView .cmsbody .section_gsv_merit,
  .cmsbody.loading-end .section_gsv_merit.inview {
    background-size: 100% 100%;
  }
  
  .cmshtml .section_gsv_merit .just2 {
    padding-right: 40px;
    padding-left: 40px;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  
  .cmshtml .section_gsv_merit .title h3 {
    font-size: 2.5rem;
  }
  
  .cmshtml .section_gsv_merit .title h3 .big {
    font-size: 4rem;
  }
  
  .cmshtml .section_gsv_merit .title h4 {
    font-size: 1.75rem;
  }
  
  .cmshtml .section_gsv_merit h5 {
    font-size: 1.25rem;
  }
  
  .cmshtml .section_safe {
    background: url(../img/bg-safe.jpg) no-repeat right top;
    background-size: 50vw auto;
  }
  
  .cmshtml .section_safe h3 {
    font-size: 2.5rem;
    color: #009688;
  }
  
  .cmshtml .section_safe h3 .impact {
    font-size: 4rem;
  }
  
  .cmshtml .section_safe h4 {
    color: #009688;
  }
  
  .cmshtml .section_useful {
    background: url(../img/bg-useful.jpg) no-repeat right center;
    background-size: cover;
    padding-top: 0;
  }
  
  .cmshtml .section_useful > .inner {
    padding-right: 200px;
  }
  
  .cmshtml .section_useful h3,
  .cmshtml .section_useful h4 {
    color: #AA374F;
  }
  
  .cmshtml .section_useful > .title h3 {
    background: #AA374F;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2rem;
  }
  #editView .cmshtml .section_useful > .rdareaItem-first .title h3 {
    background: #AA374F;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2rem;
  }
  
  .cmshtml .section_useful .inner h3 {
    font-size: 2rem;
  }
  
  .cmshtml .module_useful {
    border-left: 4px solid #AA374F;
    padding-left: 20px;
  }
  
  .cmshtml .section_pcns {
    background: url(../img/bg-pcns.jpg) no-repeat center center;
    background-size: cover;
  }
  
  .cmshtml .section_pcns.section_arrow:after {
    border-bottom-color: #03A2F8;
  }
  #editView .cmsbody .section_pcns.section_arrow:after,
  .cmsbody.loading-end .section_pcns.section_arrow.inview:after {
    background: #03A2F8;
  }
  
  .cmshtml .section_pcns .showtext:after {
    background: #03A2F8;
  }
  
  .cmshtml .section_movie {
    background: url(../img/bg-movie.jpg) no-repeat center center;
    color: #fff;
    background-size: cover;
  }
  
  .cmshtml .section_plain {
    padding-bottom: 50px;
    overflow: visible;
  }
  
  .cmshtml .module_gsvfunc .title {
    margin-bottom: 10px;
    text-align: center;
    color: #DA213B;
  }
  
  .cmshtml .module_gsvfunc .title h4 {
    color: #DA213B;
  }
  
  .cmshtml .section_more {
    color: #fff;
    background: url(../img/bg-more.jpg) no-repeat;
    background-size: cover;
  }
  
  .cmshtml .section_more h4 {
    display: inline-block;
    background: #299269;
    color: #fff;
    margin-bottom: 10px;
    padding: 4px 20px;
  }
  
  .cmshtml form .list dt {
    width: 30%;
  }
  
  .cmshtml ul.list li + li {
    margin-top: 10px;
  }
  
  .cmshtml .section_5000 {
    background: url(../img/slide-bg-wc.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
  }
  
  .cmshtml .section_5000 .big_num {
    font-size: 3rem;
  }
  
  .cmshtml .section_5000 .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .section_5000 .faderight {
    transition-delay: 0.4s;
  }
  
  .cmshtml .module_wcfunc + .module_wcfunc {
    margin-top: 80px;
  }
  
  .cmshtml .module_wcfunc .title h3 {
      font-size:2rem;
  }
  
  .cmshtml .module_wcfunc > .pict {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  
  .cmshtml .section_gsvcontact > .inner.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  
  .cmshtml .section_gsvcontact > .inner.flex .title {
    background: #1E408E;
    color: #fff;
    width: 9rem;
    height: 9rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10rem;
    margin-right: 20px;
  }
  
  .cmshtml .module_gsvcontact {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
  .cmshtml .module_gsvcontact_text {
    font-weight: 700;
    font-size: 1.2rem;
    color: #666;
    position: relative;
    z-index: 100;
  }
  
  .cmshtml .module_gsvcontact_text .big {
    color: #1E408E;
  }
  
  .cmshtml .module_gsvcontact_contact {
    background: #5D77B2;
    color: #fff;
    padding: 20px 300px 20px 20px;
    font-weight: 700;
    position: relative;
    z-index: 1;
  }
  
  #editView .cmshtml .module_gsvcontact_contact .rdareaItem:not(:last-child) .module,
  .cmshtml .module_gsvcontact_contact .module:not(:last-child) {
    margin-bottom: 10px;
  }
  
  .cmshtml .module_gsvcontact_tel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .cmshtml .module_gsvcontact_tel .tel {
    font-size: 2rem;
    margin-right: 40px;
  }
  
  .cmshtml .module_person.fadeup {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  #editView .cmshtml .module_person.fadeup {
    position: static;
  }
  
  #editView .cmshtml .module_gsvcontact_contact > .rdareaItem-last {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .cmshtml .section_datashare {
    background: url(../img/bg-share.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
  }
  
  .cmshtml .section_datashare .title h3 {
    font-size: 2rem;
  }
  
  .cmshtml .section_safety {
    background: url(../img/bg-safety.jpg) no-repeat right center #e2e3e7;
    background-size: contain;
  }
  
  .cmshtml .title_safety1 h3 {
    font-size: 3rem;
    color: #999;
  }
  
  .cmshtml .title_safety1 .big {
    color: #F88584;
    font-size: 5rem;
    letter-spacing: 1rem;
  }
  
  .cmshtml .title_safety2 h4 span {
    background: #447B75;
    color: #fff;
    padding: 4px 20px;
  }
  
  .cmshtml .title_safety2 h4 span + span {
    margin-left: 40px;
  }
  
  .cmshtml .title_safety2 h3 {
    color: #447B75;
    font-size: 3rem;
  }
  
  .cmshtml .section_trouble {
    background: #23322A;
    color: rgba(255, 255, 255, 0.6);
  }
  
  .cmshtml .section_trouble .title h3 {
    color: #C1B12B;
    font-size: 2rem;
  }
  
  .cmshtml .section_trouble .title h3:before,
  .cmshtml .section_trouble .title h3:after {
    content: '';
    display: block;
    height: 1px;
    width: 50px;
    margin: auto;
    background: #C1B12B;
  }
  
  .cmshtml .section_trouble .title h3:before {
    margin-bottom: 20px;
  }
  
  .cmshtml .section_trouble .title h3:after {
    margin-top: 20px;
  }
  
  .cmshtml .section_trouble .borderbox .title h4 {
    margin-top: 10px;
  }
  
  .cmshtml .section_trouble .borderbox .title {
    color: #C1B12B;
    margin-bottom: 10px;
  }
  
  .cmshtml .section_guard {
    background: url(../img/bg-guard.jpg) no-repeat right bottom #C4C4BA;
    background-size: 50% auto;
  }
  
  .cmshtml .section_guard > .inner > * {
    padding-right: 200px;
  }
  
  .cmshtml .section_guard > .inner .title_guard {
    padding-right: 0;
  }
  
  .cmshtml .section_guard h4 {
    font-size: 2rem;
  }
  
  .cmshtml .title_guard h3 {
    font-size: 2rem;
    color: #c22a28;
  }
  
  .cmshtml .title_guard h3 span {
    color: #fff;
    margin: auto 10px;
    padding: 4px 20px;
    background: #c22a28;
    font-size: 2.5rem;
  }
  
  .cmshtml .title_guard .showtext:after {
    background: #c22a28;
  }
  
  .cmshtml .title_guard_sub .icon {
    background: #c22a28;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px;
  }
  .cmshtml .title_guard_sub .icon img.rdimg {
      max-width: 40px;
      max-height: 40px;
      height: auto;
  }
  
  .cmshtml .title_guard_sub h5 {
    color: #666;
    font-size: 1.2rem;
  }
  
  .cmshtml .title_guard_sub h4 {
    color: #c22a28;
  }
  
  .cmshtml .section_groupware h3 {
    font-size: 2rem;
  }
  
  .cmshtml .item_groupware .module:first-child {
    margin-bottom: 10px;
  }
  
  .cmshtml .section_voice > .inner > .module_half {
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  
  .cmshtml .item_voice .num {
    background: #DA213B;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    font-weight: 700;
    padding: 4px 10px;
    font-size: 0.85rem;
    margin-bottom: 10px;
  }
  
  .cmshtml .item_voice .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .item_voice .title h4 {
    color: #DA213B;
  }
  
  .cmshtml .section_introduction {
    background: #354976;
    color: #fff;
  }
  
  .cmshtml .section_introduction h3 {
    font-size: 2rem;
  }
  
  .cmshtml .module_introduction {
    padding: 0;
    position: relative;
  }
  
  .cmshtml .module_introduction .num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100px;
    font-weight: 700;
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.6);
  }
  
  #editView .cmshtml .module_introduction > .rdareaItem-last,
    .cmshtml .module_introduction > .module {
    padding: 20px;
  }

#editView .cmshtml .module_introduction > .rdareaItem-first > .rdareaContents,
#editView .cmshtml .module_introduction > .rdareaItem-first > .rdareaContents > .num {
    height: 100%;
}
  
  .cmshtml .module_introduction .module .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .module_introduction:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
  }
  
  .cmshtml .module_faq {
    margin-bottom: 0;
  }
  
  .cmshtml .module_faq + .module_faq {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  
  .cmshtml .item_a {
    margin-top: 10px;
  }
  
  .cmshtml .item_a:before,
  .cmshtml .item_q:before {
    content: 'Q';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    width: 30px;
    height: 30px;
    background: #de5a5a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .cmshtml .item_a:before {
    content: 'A';
    background: #5a6ede;
  }
  
  .cmshtml .module_faq > .flex > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .cmshtml .item_q > * {
    color: #de5a5a;
    font-weight: 700;
    font-size: 1.2rem;
  }
  
  .cmshtml .item_a dt {
    font-weight: 700;
    color: #3146bc;
    font-size: 1.2rem;
  }
  
  .cmshtml ul.plainlist {
    margin-top: 1rem;
  }
  
  .cmshtml ul.plainlist li {
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5rem;
  }
  
  .cmshtml .module_privacy {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .cmshtml .section_after .module_half {
    color: #fff;
  }
  
  .cmshtml input[type=text],
  .cmshtml textarea {
    width: 100%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .cmshtml textarea {
    height: 200px;
  }
  
  .cmshtml input.w_semi {
    width: 50%;
  }
  
  .cmshtml span.require {
    color: #fff;
    font-weight: normal;
    font-size: 0.85rem;
    background: #c23b3b;
    line-height: 1;
    padding: 4px 10px;
    margin-left: 20px;
    border-radius: 4px;
    display: inline-block;
  }
  
  .cmshtml input[type=checkbox] {
    margin-right: 20px;
  }
  
  .cmshtml button,
  .cmshtml input[type=button],
  .cmshtml input[type=submit] {
    background: #3a81d5;
    color: #fff;
    border: none;
    cursor: pointer;
    line-height: 1;
    padding: 10px 40px;
  }
  
  .cmshtml .item_feature .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .item_feature .num {
    font-family: Arial, Helvetica, sans-serif;
    color: #DA213B;
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 2px solid #DA213B;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
  }
  
  .cmshtml .title_red h3 {
    color: #DA213B;
  }
  
  .cmshtml .sponly {
    display: none;
  }
  
  .cmshtml .fadeup {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .cmsbody.loading-end .fadeup.inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .cmshtml .fadeleft {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .cmsbody.loading-end .fadeleft.inview {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .cmshtml .faderight {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.4s opacity, 1.2s transform cubic-bezier(0.19, 1, 0.22, 1), 1.2s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .cmsbody.loading-end .faderight.inview {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .cmshtml .loading {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(60%, #fff), color-stop(70%, #fff), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(75%, #fff), color-stop(80%, #fff), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, #fff), color-stop(90%, #fff), color-stop(90%, rgba(255, 255, 255, 0)), color-stop(95%, rgba(255, 255, 255, 0)), color-stop(95%, #fff), to(#fff));
    background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, #fff 75%, #fff 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 95%, #fff 95%, #fff 100%);
    background: -o-linear-gradient(left, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, #fff 75%, #fff 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 95%, #fff 95%, #fff 100%);
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 70%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 75%, #fff 75%, #fff 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff 90%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 95%, #fff 95%, #fff 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    -webkit-transition: 1s background-size 0.5s;
    -o-transition: 1s background-size 0.5s;
    transition: 1s background-size 0.5s;
  }
  
  .cmshtml .loading-item-wrap {
    -webkit-transform: rotate(45deg) scaleX(0.5);
    -ms-transform: rotate(45deg) scaleX(0.5);
    transform: rotate(45deg) scaleX(0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
  }
  
  .cmshtml .loading-item-wrap:nth-child(odd) {
    -webkit-transform: rotate(-45deg) scaleX(0.5);
    -ms-transform: rotate(-45deg) scaleX(0.5);
    transform: rotate(-45deg) scaleX(0.5);
  }
  
  .cmshtml .loading-item {
    width: 50px;
    height: 50px;
    border-top: 2px solid #db1f28;
    border-right: 2px solid #db1f28;
    border-radius: 50px;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
    -webkit-animation: loading-item 1s linear infinite;
    animation: loading-item 1s linear infinite;
  }
  
  .cmsbody.loaded .loading-item {
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
    opacity: 0;
  }
  
  .cmsbody.loaded .loading {
    background-size: 0 100%;
  }
  
  .cmsbody.loading-end .loading {
    display: none;
  }
  
  @-webkit-keyframes loading-item {
    0% {
      -webkit-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
    }
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @keyframes loading-item {
    0% {
      -webkit-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
    }
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  .cmshtml .section_pagetitle .pict {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  .cmshtml .external a {
    padding-right: 40px !important;
  }
  
  .cmshtml .external a:before {
    content: url(../img/icon_external.png);
    transform: scale(0.25);
    transform-origin: right top;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    z-index: 100;
  }
  
  .cmshtml .footerlink .external a {
    padding-right: 25px !important;
  }
  
  .cmshtml .footerlink .external a:before {
    transform: scale(0.2);
    margin-top: -5px;
  }
  
  .cmshtml .detaillink_blue4.external a:before,
  .cmshtml .detaillink_blue3.external a:before,
  .cmshtml .mainnav.is_stuck li.external a:before,
  .cmshtml .mainnav li.external a:hover:before {
    content: url(../img/icon_external2.png);
  }
  
  .cmshtml .detaillink_blue4.external a:hover:before,
  .cmshtml .detaillink_blue3.external a:hover:before,
  .cmshtml .mainnav.is_stuck li.external a:hover:before {
    content: url(../img/icon_external.png) !important;
  }
  
  .cmshtml .detaillink.external a:hover:before {
    content: url(../img/icon_external2.png);
  }
  
  .cmshtml .module_cause h4 {
    color: #DA213B !important;
  }
  
  .cmshtml .title_info {
    margin-bottom: 10px !important;
  }
  
  .cmshtml .module_info a {
    color: #fff;
    position: relative;
    display: inline-block;
  }
  
  .cmshtml .module_info a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 1px;
    width: 0px;
    background: #fff;
    transition: 0.2s;
  }
  
  .cmshtml .module_info a:hover:after {
    width: 100%;
  }
  
  .cmshtml h4.semi.en {
    font-size: 1.75rem !important;
    font-weight: 400;
  }
  
  .cmshtml h4.semi.en a {
    position: relative;
  }
  
  .cmshtml .btn_back {
    background: #bbb !important;
    margin-right: 30px !important;
  }
  
  .cmshtml button,
  .cmshtml input[type="submit"],
  .cmshtml input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  
  .cmsbody > img {
    position: absolute;
    left: -50px;
    top: -50px;
  }
  
  .cmshtml .section_failover {
    background: url(../img/bg-failover.jpg) no-repeat right center #000000;
    background-size: auto 100%;
    color: #fff;
  }
  
  .cmshtml .section_failover > .inner {
    padding-right: 200px;
  }
  
  .cmshtml .title_failover h3 {
    font-size: 3rem;
  }
  
  .cmshtml .title_failover h3 span {
    background: #415475;
    font-size: 0.85rem;
    margin-left: 40px;
    display: inline-block;
    line-height: 1;
    padding: 10px 20px;
    vertical-align: middle;
  }
  
  .cmshtml .list-bad li {
    background: url(../img/icon_bad.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 50px;
  }
  
  .cmshtml .list-ok li {
    background: url(../img/icon_ok.png) no-repeat left center;
    background-size: 30px auto;
    padding-left: 50px;
    font-weight: 700;
    color: #b33939;
  }

  #editView .cmshtml .list-bad,
  #editView .cmshtml .list-ok {
      display: block !important;
  }
  #editView .cmshtml .rdareaWrapper.list-bad > .rdareaItem-first,
  #editView .cmshtml .rdareaWrapper.list-ok > .rdareaItem-first {
      width: auto !important;
  } 

  
  .cmshtml .borderbox-ok .title h4 {
    background: #b33939;
    color: #fff;
    margin: -20px -20px 0;
    padding: 20px;
  }
  
  .cmshtml .borderbox-dark {
    background: #000;
    border: 1px solid #fff;
    color: rgba(255, 255, 255, 0.8);
  }
  
  .cmshtml .module_gsvex {
    align-items: flex-start;
  }
  
  .cmshtml .module_gsvex .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .module_gsvex .pict {
    width: 250px;
    flex: none;
  }
  
  #editView .cmshtml .flex3_wrap > .rdareaItem {
    counter-increment: require;
    width: 33.33%;
  }
  
  .cmshtml .item_require + .item_require {
    border-left: 1px solid #aaa;
  }
  .cmshtml .item_require {
    counter-increment: require;
    width: 33.33%;
  }
  #editView .cmshtml .item_require {
    counter-increment: none;
  }
  .cmshtml .item_require .title_num h4 {
    color: #C23B3B;
  }
  
  .cmshtml .item_require .title_num:before {
    content: counter(require);
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #C23B3B;
    margin: 0 auto 20px;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 100px;
  }
  
  .cmshtml .just-item + .just-item {
    margin-top: 1rem;
  }
  
  .cmshtml .just-item a img {
    transition: 0.3s;
  }
  
  .cmshtml .just-item a:hover img {
    opacity: 0.8;
  }
  
  .cmshtml .module_howtocontent p {
    margin-bottom: 1rem;
  }
  
  .cmshtml .empty {
    height: 0 !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    border: none !important;
  }
  
  .cmshtml .sectext p:not(:last-child) {
    margin-bottom: 2rem;
  }
  
  .cmshtml .sectext h4,
  .cmshtml .sectext h3 {
    font-size: 1rem;
    font-weight: 700;
  }
  
  .cmshtml .sectext_num p {
    text-indent: -0.75rem;
    padding-left: 1.5rem;
  }
  
  .cmshtml .section_contact .unsubscribelink a {
    font-size: 0.85rem;
    border: none;
    font-weight: 400;
  }
  
  .cmshtml .section_contact .unsubscribelink a:hover {
    text-decoration: underline;
    color: #fff;
  }
  
  .cmshtml .section_contact .unsubscribelink a:after {
    content: none;
  }
  
  
  
  
  
  
  
  /* for view fix */
  .cmshtml .mainnav li a {
      position: relative;
      display: inline-block;
  }
  
  .cmshtml .footerlink .rdappended {
      display: inline-block;
  }
  
  .cmshtml .title_guard_sub {
      flex-direction: row;
  }
  .cmshtml .empty {
      opacity: 0 !important;
  }
  
  
  /* for blog */
  
  .cmshtml blockquote {
    background: #f1f5f8;
    border: 1px solid #d1dee7;
    padding: 0.75rem;
    display: inline-block;
  }
  
  .cmshtml .title_main a {
    color: #fff !important;
  }
  
  .cmshtml .pagination,
  .cmshtml .module_bloglist,
  .cmshtml .module_blogbody {
    font-size: 1rem;
    font-weight: normal;
    position: relative;
  }
  
  
  .cmshtml .module_content h4,
  .cmshtml .module_content h5,
  .cmshtml .module_content h6 {
    margin-top: 4rem;
    margin-bottom: 0.5rem;
  }
  
  .cmshtml .module_content h4 {
    font-size: 1.4rem;
    color: #d8213b;
  }
  
  .cmshtml .module_content h5 {
    font-size: 1.2rem;
    color: #d8213b;
  }
  
  .cmshtml .module_content h6 {
    font-size: 1.2rem;
    color: #d8213b;
  }
  
  .cmshtml .item_blogcat li {
    display: inline-block;
    background: #bbb;
    color: #fff;
    line-height: 1;
    padding: 8px 12px;
    font-size: 0.85rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  
  .cmshtml .item_blogcat li.cat-7 {
    background: #de4cc4;
  }
  
  .cmshtml .item_blogcat li.cat-5 {
    background: #31b5dd;
  }
  
  .cmshtml .item_blogcat li.cat-8 {
    background: #c27db6;
  }
  
  .cmshtml .item_blogcat li.cat-10 {
    background: #60a191;
  }
  
  .cmshtml .item_blogcat li.cat-9 {
    background: #db7859;
  }
  
  .cmshtml .item_blogcat li.cat-6 {
    background: #465f8f;
  }
  
  .cmshtml .item_blogcat li.cat-13 {
    background: #7d3cb9;
  }
  
  .cmshtml .item_blogcat li.cat-12 {
    background: #5d5d5d;
  }
  
  .cmshtml .item_blogcat li.cat-1 {
    background: #474c54;
  }
  
  .cmshtml .item_bloglist.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
  }
  
  .cmshtml .item_bloglist.flex > * {
    max-width: 100%;
  }
  
  .cmshtml .item_bloglist.flex .item_bloglist_date {
    margin-top: auto;
  }
  
  .cmshtml .module_pagenation > * {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #3185c7;
    border-radius: 40px;
  }
  
  .cmshtml .module_pagenation > * + * {
    margin-left: 20px;
  }
  
  .cmshtml .module_pagenation > span {
    color: #fff;
    background: #3185c7;
  }
  
  .cmshtml .module_pagenation > a:hover {
    background: #3185c7;
    color: #fff;
  }
  
  .cmshtml #toc_container {
    font-size: 1rem;
    padding: 1rem;
  }
  
  .cmshtml #toc_container li {
    margin-top: 0.5rem;
  }
  
  .cmshtml #toc_container li a span:after {
    content: '.';
  }
  
  .cmshtml .empty {
    padding: 0 !important;
    margin: 0 !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 0 !important;
  }
  
  .cmshtml .item_blogcat li a {
    color: #fff !important;
  }
  
  .cmshtml .item_blogcat li:hover {
    opacity: 0.8;
  }
  
  .cmshtml .item_bloglist .item_blogcat {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .cmshtml .item_bloglist.borderbox .item_blogcat {
    right: 20px;
    top: 20px;
  }
  
  .cmshtml .item_bloglist a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  
  .cmshtml .item_bloglist a:hover img {
    opacity: 0.8;
  }
  
  .cmshtml .item_bloglist > div + div {
    margin-top: 1rem;
  }
  
  .cmshtml .item_social {
    position: absolute;
    right: 1rem;
    top: 1rem;
  }
  
  .cmshtml .item_social li {
    display: inline-block;
  }
  
  .cmshtml .item_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .cmshtml .item_social li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 10px;
  }
  
  .cmshtml .item_social li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .cmshtml .item_social li a:hover {
    opacity: 0.8;
  }
  
  .cmshtml .item_social .icon_twitter {
    background: #1D9DEC;
  }
  
  .cmshtml .item_social .icon_facebook {
    background: #395599;
  }
  
  .cmshtml .item_social .icon_hatena {
    background: #13a0d8;
  }
  
  .cmshtml .item_social .icon_line {
    background: #40c004;
  }
  
  .cmshtml .item_social li a img {
    vertical-align: middle;
  }
  
  .cmshtml .section_bloglink .title {
    margin-bottom: 10px;
  }
  
  .cmshtml .item_linklist li {
    display: inline-block;
    margin-right: 40px;
  }
  
  .cmshtml .module_search input[type="text"] {
    height: 100%;
  }
  
  .cmshtml .module_search dt {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
  .cmshtml .module_writer .just3.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .cmshtml .module_writer .item_writer_img {
    width: 80px;
    margin-right: 20px;
  }
  
  .cmshtml .module_writer .itme_writer_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.85rem;
  }
  
  .cmshtml .module_writer .itme_writer_text strong {
    font-size: 1rem;
  }
  
  .cmshtml .module_content img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .cmshtml .module_content .syntaxhighlighter a,
  .cmshtml .module_content .syntaxhighlighter div,
  .cmshtml .module_content .syntaxhighlighter code,
  .cmshtml .module_content .syntaxhighlighter table,
  .cmshtml .module_content .syntaxhighlighter table td,
  .cmshtml .module_content .syntaxhighlighter table tr,
  .cmshtml .module_content .syntaxhighlighter table tbody,
  .cmshtml .module_content .syntaxhighlighter table thead,
  .cmshtml .module_content .syntaxhighlighter table caption,
  .cmshtml .module_content .syntaxhighlighter textarea {
    font-size: 1rem !important;
  }
  
  .cmshtml .module_content .syntaxhighlighter table td.gutter .line,
  .cmshtml .module_content .syntaxhighlighter table td.code .line {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  
  .cmshtml .module_blogbnr img {
    border: 1px solid #ddd;
  }
  
  .cmshtml .module_blogbnr a:hover {
    opacity: 0.85;
  }
  
  @media screen and (min-width: 0px) and (max-width: 800px) {
    .cmshtml .module_bloglink .just2 {
      margin-bottom: 40px;
    }
    .cmshtml .module_writer .just3 {
      margin-bottom: 20px;
    }
    .cmshtml .item_social li a {
      width: 30px;
      height: 30px;
    }
    .cmshtml .item_social li a img {
      height: 14px;
      width: auto;
    }
    .cmshtml .module_blogbody h3 {
      font-size: 1.4rem;
      line-height: 1.5;
    }
    .cmshtml button {
      padding: 10px;
    }
    .cmshtml .module_content img {
      width: 100%;
      height: auto;
    }
    .cmshtml #toc_container {
      width: 100%;
    }
    .cmshtml .item_bloglist {
      display: block;
    }
  }
  
  .cmshtml .main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }
  
  .cmshtml .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  
  .cmshtml .main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
  }
  
  .cmshtml .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  
  .cmshtml .main-navigation ul ul li:hover > ul,
  .cmshtml .main-navigation ul ul li.focus > ul {
    left: 100%;
  }
  
  .cmshtml .main-navigation ul ul a {
    width: 200px;
  }
  
  .cmshtml .main-navigation ul li:hover > ul,
  .cmshtml .main-navigation ul li.focus > ul {
    left: auto;
  }
  
  .cmshtml .main-navigation li {
    float: left;
    position: relative;
  }
  
  .cmshtml .main-navigation a {
    display: block;
    text-decoration: none;
  }
  
  .cmshtml .menu-toggle,
  .cmshtml .main-navigation.toggled ul {
    display: block;
  }
  
  @media screen and (min-width: 37.5em) {
    .cmshtml .menu-toggle {
      display: none;
    }
    .cmshtml .main-navigation ul {
      display: block;
    }
  }
  
  .cmshtml .site-main .comment-navigation,
  .cmshtml .site-main .posts-navigation,
  .cmshtml .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
  }
  
  .cmshtml .comment-navigation .nav-previous,
  .cmshtml .posts-navigation .nav-previous,
  .cmshtml .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  
  .cmshtml .comment-navigation .nav-next,
  .cmshtml .posts-navigation .nav-next,
  .cmshtml .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  
  .cmshtml .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }
  
  .cmshtml .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
  }
  
  .cmshtml #content[tabindex="-1"]:focus {
    outline: 0;
  }
  
  .cmshtml .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
  }
  
  .cmshtml .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
  }
  
  .cmshtml .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .cmshtml .clear:before,
  .cmshtml .clear:after,
  .cmshtml .entry-content:before,
  .cmshtml .entry-content:after,
  .cmshtml .comment-content:before,
  .cmshtml .comment-content:after,
  .cmshtml .site-header:before,
  .cmshtml .site-header:after,
  .cmshtml .site-content:before,
  .cmshtml .site-content:after,
  .cmshtml .site-footer:before,
  .cmshtml .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
  }
  
  .cmshtml .clear:after,
  .cmshtml .entry-content:after,
  .cmshtml .comment-content:after,
  .cmshtml .site-header:after,
  .cmshtml .site-content:after,
  .cmshtml .site-footer:after {
    clear: both;
  }
  
  .cmshtml .widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
  }
  
  .cmshtml .widget select {
    max-width: 100%;
  }
  
  .cmshtml .sticky {
    display: block;
  }
  
  .cmshtml .post,
  .cmshtml .page {
    margin: 0 0 1.5em;
  }
  
  .cmshtml .updated:not(.published) {
    display: none;
  }
  
  .cmshtml .page-content,
  .cmshtml .entry-content,
  .cmshtml .entry-summary {
    margin: 1.5em 0 0;
  }
  
  .cmshtml .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }
  
  .cmshtml .comment-content a {
    word-wrap: break-word;
  }
  
  .cmshtml .bypostauthor {
    display: block;
  }
  
  .cmshtml .infinite-scroll .posts-navigation,
  .cmshtml .infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
  }
  
  .cmshtml .infinity-end.neverending .site-footer {
    display: block;
  }
  
  .cmshtml .page-content .wp-smiley,
  .cmshtml .entry-content .wp-smiley,
  .cmshtml .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  
  .cmshtml embed,
  .cmshtml iframe,
  .cmshtml object {
    max-width: 100%;
  }
  
  .cmshtml .custom-logo-link {
    display: inline-block;
  }
  
  .cmshtml .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  
  .cmshtml .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .cmshtml .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
  }
  
  .cmshtml .wp-caption-text {
    text-align: center;
  }
  
  .cmshtml .gallery {
    margin-bottom: 1.5em;
  }
  
  .cmshtml .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
  }
  
  .cmshtml .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
  
  .cmshtml .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }
  
  .cmshtml .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
  
  .cmshtml .gallery-columns-5 .gallery-item {
    max-width: 20%;
  }
  
  .cmshtml .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
  }
  
  .cmshtml .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
  }
  
  .cmshtml .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
  }
  
  .cmshtml .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
  }
  
  .cmshtml .gallery-caption {
    display: block;
  }
  
  
  
  
  .cmshtml .rdListShort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cmshtml .rdListShort .rdListItem {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc(50% - 20px);
    margin: 0 10px 20px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .cmshtml .rdListShort .rdListItem {
      width: 100%;
    }
  }
  .cmshtml .rdListShort .rdListItem .rdListImageItem {
    width: 100%;
    height: auto;
  }
  .cmshtml .rdListShort .rdListItem h3.rdarticleTitleText {
    font-size: 1.25rem;
  }
  .cmshtml .rdListShort .rdListItem .rdListTitle,
  .cmshtml .rdListShort .rdListItem .rdListExcerpt,
  .cmshtml .rdListShort .rdListItem .rdListTag {
    padding-right: 10px;
    padding-left: 10px;
  }
  .cmshtml .rdListShort .rdListItem .rdListExcerpt {
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  .cmshtml .rdListShort .rdListItem .rdListMeta {
    font-size: 0.85rem;
  }
  .cmshtml .rdListShort .rdListItem .rdListCategory {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .cmshtml .rdListShort .rdListItem .rdListCategoryItem {
    border: 1px solid #fff;
    background: rgb(77 141 199);
    padding: 4px 10px;
    display: inline-block;
    font-size: 0.75rem;
    margin-bottom: 6px;
  }
  .cmshtml .rdListShort .rdListItem .rdListCategoryItem + .rdListCategoryItem {
      margin-left: 3px;
  }
  .cmshtml .rdListShort .rdListItem .rdListCategoryItem a {
    color: #fff;
  }
  .cmshtml .rdListShort .rdListItem .ItemrdListTagListItem {
    padding: 4px 10px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #76a6ff;
    background: #769add;
  }
  .cmshtml .rdListShort .rdListItem .ItemrdListTagListItem a {
    color: #fff;
  }
  .cmshtml .rdReadMore {
    float: right;
    margin-top: 1rem;
  }
  
  
  
  .cmshtml .rdpublishDate {
      margin-top: 10px;
  }
  
  
  
  /* for edit only */
  
  #editView .cmshtml .loading {
      display: none;
  }
  
  #editView .cmshtml .faderight,
  #editView .cmshtml .showtext > *,
  #editView .cmshtml .fadeup,
  #editView .rditemGeenerated {
      opacity: 1 !important;
      transform: none !important;
  }
  #editView .cmshtml .img_message,
  #editView .cmshtml .slide-img,
  #editView .cmshtml .sp-slide {
    position: static;
  }
  #editView .cmshtml .sp-slide > .rdareaItem-first {
      flex: 1 1 100%;
  }
  #editView .cmshtml .slide-text .title,
  #editView .cmshtml .slide-text {
    height: auto;
    width: auto;
  }
  #editView .cmshtml .slide-text {
      width: 50%;
  }
  #editView .cmshtml .section-slide {
    overflow: auto;
  }
  #editView .cmshtml .slide-img {
      width: 100%;
  }
  
  #editView .cmshtml .flex2_wrap > .rdareaItem {
    flex: 0 0 calc(50% - 15px);
  }
  
  #editView .cmshtml .flex3_wrap > .rdareaItem {
    flex: 0 0 calc(33.33% - 15px);
  }
  #editView .cmshtml .flex_wrap > .rdareaItem .just2,
  #editView .cmshtml .flex_wrap > .rdareaItem .just3 {
    width: 100%;
  }
  #editView .cmshtml .item_require,
  #editView .cmshtml .module_info,
  #editView .cmshtml .module_about {
    width: auto;
  }
  
  #editView .item-wc > .rdareaItem-last {
      margin-left: 20px;
  }
  
  
  
  #editView .cmshtml .footerlink .rdareaItem {
    display: inline-block;
  }
  
  #editView .cmshtml .title {
      border-bottom: 0;
      padding-right: 0;
  }
  
  
  
  #editView .cmshtml .title {
      border-bottom: 0;
      padding-right: 0;
  }
  #editView .cmshtml .mainnav li span.primary,
  #editView .cmshtml .mainnav li span.secondary {
    display: block;
    text-align: center;
  }
  
  #editView .cmshtml .section_gsv_merit {
      background-size: 100% 100%;
  }
  
  #editView .module_person .rdimg {
      width: 300px;
      height: auto;
  }
  
  #editView .section_gsvcontact > .inner > .rdareaItem-last {
      flex: 1 1 auto;
  }
  
  
  
  
  
  .cmshtml .module_blogbody .rdarticleTitle h3 {
    font-size: 1.8em;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: none;
  }
  
  .cmshtml .module_blogbody h4 {
      font-size: 1.4rem;
      color: #d8213b;
  }
  
  
  .cmshtml .rdListShort {
  flex: 1 1 auto;
      
  }
  
  .cmshtml .rdListShort .rdListItem {
      background: #fff;
  color: #222;
  width: calc(33.3% - 20px);
  }
  
  @media screen and (max-width: 768px) { 
  .cmshtml .rdListShort .rdListItem {
      width: 100%;
  flex: 1 1 100%;
  }
  
  }
  
  
  
  
  
  .cmshtml .cmsbody .contact_item_table .contact-date-year input {
      width: 100px;
  }
  
  .cmshtml .cmsbody  .contact_item_table .contact-date-month input {
      width: 70px
  }
  
  .cmshtml .cmsbody .contact_item_table .contact-date-year,
  .cmshtml .cmsbody  .contact_item_table .contact-date-month {
      display: inline-block;
  }
  
  .cmshtml .cmsbody .contact_item_table .contact-date-year span,
  .cmshtml .cmsbody  .contact_item_table .contact-date-month span {
      margin: auto 10px
  }
  
  
  .cmshtml .cmsbody .contact_item_table {
      display: flex;
      flex-wrap:wrap;
  }
  .cmshtml  .cmsbody  .contact_item_title {
      flex: 1 1 30%;
  }
  .cmshtml  .cmsbody  .contact_item_input {
      flex: 1 1 70%;
  }
  .cmshtml .cmsbody  .contact_checkbox,
  .cmshtml .cmsbody  .contact_radio {
      flex: 1 1 100%;
  }
  
  @media (min-width: 1px) and (max-width: 576px) {
  .cmshtml .cmsbody  .contact_item_title {
      flex: 1 1 100%;
  }
  .cmshtml  .cmsbody .contact_item_input {
      flex: 1 1 100%;
  }    
  
  }
  
  
  .cmshtml .module_info {
  color:#fff;
  }
  .cmshtml .module_info .rdNewInfoList_ez-item,
  .cmshtml .module_info .rdNewInfoList_ez-ContTitle,
  .cmshtml .module_info .rdplaneinfo {
      margin-left:0;
  }
  .cmshtml .module_info .rdNewInfoList_ez-item,
  .cmshtml .module_info .rdNewInfoList_ez-ContTitle {
      margin-top:0;
  }
  
  .cmshtml .cmsbody .module_info .rdNewInfoList_ez-item {
      padding:15px 20px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .cmshtml .cmsbody .rdCategorylist .rdCategorylist-link {
      display:inline-block;
      margin-right: 20px;
  }
  .cmshtml .cmsbody .rdCategorylist .rdCategorylist-link:after {
      content: none;
  }
  .cmshtml .cmsbody .rdCategorylist,
  .cmshtml .cmsbody .rdCategorylist .rdCategorylist-item,
  .cmshtml .cmsbody .rdCategorylist-inner {
      display:inline;
  }
  
  
  
  
  .cmshtml .cmsbody .rdMonthlyArchive .rdMonthlyArchive-item,
  .cmshtml .cmsbody .rdMonthlyArchive .rdMonthlyArchive-item-inner
   {
      display:inline-block;
  }
  
  .cmshtml .cmsbody .rdMonthlyArchive .rdMonthlyArchive-item:before {
      content: none;
  }
  
  
  .cmshtml .cmsbody .rdCategorylist .rdCategorylist-item+.rdCategorylist-item,
  .cmshtml .cmsbody .rdMonthlyArchive .rdMonthlyArchive-item+.rdMonthlyArchive-item {
      border-top: none;
  }
  
  .cmshtml .cmsbody .rdarticleTitle h3 {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
  }
  
  
  
  .cmshtml .cmsbody .contact_item_title:not(:first-child) {
      margin-top: 0;
  }
  
  .cmshtml .rdplanetitle a[name][id] {
  position: relative;
  top: -100px;
  }
  
  
  .cmshtml .module_blogbody .rdplanetitle h4,
  .cmshtml .module_blogbody .rdplanetitle h5,
  .cmshtml .module_blogbody .rdplanetitle h6 {
      color: #225196;
      font-weight: 700;
  }
  
  
  
  .cmshtml .rdListShort .rdListItem {
      padding: 20px;
      
  }
  
  
  
  
  
  
  
  
  
  .cmshtml .sp-slide-wc .slide-text .detaillink a {
      background: rgba(221,73,102,1);
      border-color: rgba(221,73,102,1);
  }
  .cmshtml .sp-slide-wc .slide-text .detaillink a:hover {
      color: rgba(221,73,102,1);
  }
  .cmshtml .sp-slide-wc .slide-text .detaillink a:after {
      background: #fff;
  }
  
  
  
  
  .cmshtml .title.title_guard_sub {
  flex-direction: row;
  }
  
  
  
  
  
  
  @media screen and (min-width: 0px) and (max-width: 800px) {
      .cmshtml #globalheader h1 {
          display:none;
      }
      .cmshtml #globalheader > .inner.flex {
          padding-top: 10px;
      }
      .cmshtml .sp-selected .slide-text .title {
          width:auto;
      }
      .cmshtml .slide-text .title {
          white-space: normal;
      }
      .cmshtml .slide-text h3 {
          margin-left:0;
      }
      .cmshtml .slide-text h2, .cmshtml .slide-text h3 {
          display:block;
      }
      
      
  }
  
  .cmshtml .module_blogbody pre code {
  font-size: 0.9rem
  }


  #editView .cmshtml .module {
      margin-bottom: 40px;
  }
  #editView .cmshtml .module_semi {
    margin-bottom: 20px;
}
#editView .cmshtml .rdareaItem-last >.rdareaContents >  .module_semi,  
#editView .cmshtml .rdareaItem-last >.rdareaContents > .module {
    margin-bottom: 0px;
}



#editView .cmshtml .rdareaWrapper.list {
    display: flex;
}

#editView .cmshtml .rdareaWrapper.list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

#editView .cmshtml .rdareaItem-first > .rdareaContents >  .rdareaWrapper.list {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
    

#editView .cmshtml .rdareaWrapper.list .list {
    display: block;
}
#editView .cmshtml .rdareaWrapper.list > .rdareaItem-first {
    flex: none;
    width: 200px;
    padding-right: 20px;
}
#editView .cmshtml .rdareaWrapper.list .list .rdareaItem {
    width: auto;
}

#editView .cmshtml .section_gsv > .inner > .module.flex > .rdareaItem-last,
#editView .cmshtml .section_gnote > .inner > .module.flex > .rdareaItem-last,
#editView .cmshtml .rdareaWrapper.list > .rdareaItem-last{
    flex: 1;
}


#editView .title_inline > .rdareaItem {
    display: inline-block;
}


#editView .cmshtml .flex3_wrap > .rdareaItem > .rdareaContents,
#editView .cmshtml .flex3_wrap > .rdareaItem > .rdareaContents > .rdareaWrapper,
#editView .cmshtml .module_works > .rdareaItem > .rdareaContents,
#editView .cmshtml .module_works > .rdareaItem > .rdareaContents > .item_works,
#editView .cmshtml .section_voice .flex2_wrap .rdareaContents,
#editView .cmshtml .section_voice .flex2_wrap .rdareaContents > .just2,
#editView .module_normal .rdareaItem-last .rdareaContents,
#editView .module_normal .rdareaItem-last .rdareaContents > .just2 {
    height: 100%;
}

#editView .cmshtml .section_voice .flex2_wrap .rdareaContents > .just2 {
    margin-bottom: 30px;
}

#editView .section_wc .flex .rdareaItem-first {
    flex: none;
}
#editView .section_wc .flex .rdareaItem-last {
    flex: 1;
}
#editView .section_wc .flex .pict img {
    width: 500px;
    height: auto;
}


#editView .cmshtml .section_5000 .photo > .rdareaItem-last {
    flex: 1 1 auto;
}
#editView .cmshtml .module_wcfunc > .rdareaItem-first,
#editView .cmshtml .module_wcfunc > .rdareaItem-last {
    flex: 0 0 50%;
}

#editView .cmshtml .flex_wrap > .rdareaItem {
    margin-bottom: 30px;
}

#editView .cmshtml .module_flow > .rdareaItem-last {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) !important; 
}
#editView .cmshtml .module_flow .num {
    position: static;
    top: 0;
}
#editView .cmshtml .module_flow .photo > .rdareaItem {
    flex: 1;
}
#editView .cmshtml .photo > .rdareaItem-last {
    margin-left: 20px;
}
#editView .cmshtml .showtext:after {
    content: none;
}

#editView .cmshtml .item_feature > .rdareaItem {
    flex: 1;
}

#editView .cmshtml .section_markup .rdimg {
    max-width: 500px;
}

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

#editView .cmshtml .btn-edit {
    padding: .25rem .5rem !important;
    font-size: 0.765625rem !important;
    line-height: 1.5 !important;
}
#editView {
    position: relative;
}
#editView .cmshtml #globalheader {
    padding-right: 10px;
    padding-left: 10px;
}

#editView .cmshtml .section_trouble .title .rdimg {
    width: 40px;
    height: auto;
}


.cmshtml .rdListCategoryList {
	text-align: right;
}
.cmshtml .rdpagination {
	flex: 1 1 100%;
}


.cmshtml .section_nopd {
padding: 0;
overflow: visible;
}



/**/

.cmshtml .section_gnote {
  background: url(../img/bg-gnote.jpg) center center;
  background-size: cover;
}

.cmshtml .section_gnote.section_arrow:after {
  border-bottom-color: rgb(21,42,77);
}

#editView .cmsbody .section_gnote.section_arrow:after,
.cmsbody.loading-end .section_gnote.section_arrow.inview:after {
  background: rgb(21,42,77);
}

.cmshtml .section_gnote .showtext:after {
  background: rgb(21,42,77);
}