/* Base */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
   }

body {
  line-height: 28px;
  color: #2B2F38;
  font-weight: 400;
  /*font-size: 0.875rem;*/
  font-size:15px;
  }

html, body, div, span, applet, object, iframe,form, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:  Lato, 'Noto Sans Japanese', 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;

}

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

a {
   color: #001871;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: underline; color:#001871;}


::placeholder {
  color: #b8bcbc!important;
  font-size: .9375rem;
}
 .card a:hover {text-decoration:none;}
/*
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: "Playfair Display"; }
*/
/*
h2{font-size:34px; line-height:34px!important;}
h3{font-size:30px; line-height:30px!important;}
*/
h1{font-size:36px; line-height:40px!important;}
h2,.h2{font-size:30px; line-height:30px!important;}

@media only screen and (max-width: 480px){
	h2{font-size:24px;margin-bottom:20px!important;}
	h3{font-size:26px; }
	h4{font-size:23px; }
	h5{font-size:21px; }
	}
.border-2 {
  border-width: 2px; }

.text-black {
  color: #333 !important; }

.bg-black {
  background: #000 !important; }

.color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); }

.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }
.back-black-opacity {
  background: rgba(0, 0, 0, 0.5); }
body:after {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }

.offcanvas-menu {
  position: relative; }
  .offcanvas-menu:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.2); }

.btn {
  font-size: 16px; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-primary {
    background: #037ef3;
    border-color: #037ef3;
    color: #fff; }
    .btn.btn-primary:hover {
      background: #000;
      border-color: #000;
      color: #fff; }
    .btn.btn-primary.btn-black--hover:hover {
      background: #666666;
      color: #fff; }
    .btn-outline-secondary:hover {color:#FFF!important;}

.container{
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
    max-width : calc(1280px + 10%);
}
@media (min-width: 1200px){

}
@media (min-width: 992px){

}
@media (min-width: 768px){

}
@media (min-width: 576px){

}

@media (max-width: 1079px){


}


.line-height-1 {
  line-height: 1 !important; }

.bg-black {
	background: #000; }

.form-control {
  height: 40px;
  border-radius: 5px;
  }
  .form-control:active, .form-control:focus {
    border-color: #037ef3; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
.form-group label{line-height:40px;}

.contact-form .form-control {
  border-color: transparent; }

.site-section {
  padding: 2.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 80px 0; } }
  .site-section.site-section-sm {
    padding: 4em 0; }

.site-section-heading {
  padding-bottom: 20px;
  margin-bottom: 0px;
  position: relative;
  font-size: 2.5rem; }
  @media (min-width: 768px) {
    .site-section-heading {
      font-size: 3rem; } }

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-top: 136px;/*←headerの高さ*/
    padding-bottom: 70px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

.border-top{border-top:1px solid #D7D7D7!important;}



.popover-title {
	color :red;
}
.popover-content {
	color :red;
}
.list-group-item {
	background-color:#0094bf;
	color:#FFF;
}
.list-group-item:hover {
	background:#30afd4;
	color:#FFF;
}
.list-group-item.active {
	background-color:#001871;
	border-color:#001871;
}

a.icons {
	background:#D7D7D7;
	display:inline-block;
	border-radius:30px;
	width:30px;
	height:30px;
	line-height:33px;
	text-align:center;
	margin-right:5px;
	}
a.icon_file {
		background: url(../images/icon_files_r.png) no-repeat left center;
		background-size:16px 16px;
		padding-left: 20px!important ;
}

a.icon_mail {
		background: url(../images/icon_mail_r.png) no-repeat left center;
		background-size:16px 16px;
		padding-left: 20px!important ;
}
a.icons span{
	font-size:16px;
	}
.site-footer {
  line-height:69px;
  text-align:center;
  background: #db4c3a;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
     width: 100%;
  }

  .site-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  .site-footer p {
    color: #FFF; margin-bottom:0;}
  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #fff; }
  .site-footer a {
    color: #999999; }
    .site-footer a:hover {
      color: white; }
  .site-footer ul li {
    margin-bottom: 10px; }
  .site-footer .footer-heading {
    font-size: 16px;
    color: #fff; }

.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }

.text-white-opacity-05 {
  color: rgba(255, 255, 255, 0.5); }

.text-black-opacity-05 {
  color: rgba(0, 0, 0, 0.5); }

.hover-bg-enlarge {
  overflow: hidden;
  position: relative; }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge {
      height: auto !important; } }
  .hover-bg-enlarge > div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out; }
  .hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  @media (max-width: 991.98px) {
    .hover-bg-enlarge .bg-image-md-height {
      height: 300px !important; } }

.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7); }
  .bg-image > .container {
    position: relative;
    z-index: 1; }

@media (max-width: 991.98px) {
  .img-md-fluid {
    max-width: 100%; } }

@media (max-width: 991.98px) {
  .display-1, .display-3 {
    font-size: 3rem; } }

.play-single-big {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .play-single-big > span {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .play-single-big:hover {
    width: 120px;
    height: 120px; }

.overlap-to-top {
  margin-top: -150px; }

.ul-check, .ul-paw {
  margin-bottom: 50px; }
  .ul-check li, .ul-paw li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
    .ul-check li:before, .ul-paw li:before {
      left: 0;
      font-size: 20px;
      top: -.3rem;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; }
  .ul-check.white li:before, .ul-paw.white li:before {
    color: #fff; }
  .ul-check.success li:before, .ul-paw.success li:before {
    color: #71bc42; }
  .ul-check.primary li:before, .ul-paw.primary li:before {
    color: #037ef3; }

.ul-paw li:before {
  content: "\f1b0"; }

.select-wrap, .wrap-icon {
  position: relative; }
  .select-wrap .icon, .wrap-icon .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px; }
  .select-wrap select, .wrap-icon select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }

/* Navbar */
.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: rgba(255, 255, 255, 0.7);
  background:#FFF;
   }
   /*
.main-menu{border-bottom:4px solid #db4c3a;padding:0;position: relative;}
*/

.navbar .container{position: relative;}

.main-nav{
	padding-left:calc((100% - 1300px) / 2 );
 }
.sub-nav{padding-right:calc((100% - 1280px) / 2 )}
.sub-nav li{margin-left:16px;}
 @media only screen and (max-width: 1400px) {
	 .main-nav{	padding-left:4.3%;}
	 .sub-nav{padding-right:5%;}
	 }
@media screen and (max-width: 1199px) {
	.main-nav,.sub-nav{padding:0;}
	}

/*
.navbar .site-logo {
    position: absolute;
    left:calc(0px + 5%);
    top: 28px;
    }
    @media screen and (max-width: 1445px) {
		.navbar .site-logo{top:3px;}
		 .navbar .site-logo .cst_title img{height:13px;}
		}
    @media screen and (max-width: 1199px) {
      .navbar  .site-logo {position: relative;}
       .navbar .site-logo .cst_title img{height:23px;}
		}
  .site-navbar .site-logo a{ display:inline-block;}

   .site-navbar .site-logo   .imgs{height:25px;}
   */
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0;padding-inline-start: 0; font-size:14px;}
    .site-navbar .site-navigation .site-menu .active {
      color: #037ef3;
      display: inline-block;
      padding: 5px 20px; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
     }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block;
      }
	.site-navbar .site-navigation .site-menu > li > a {

        text-decoration: none !important;
        color:#2B2F38;
         }
    .site-navbar .site-navigation .site-menu > li > a:hover {
          text-decoration: underline !important;
           }
	.site-navbar .site-navigation .site-menu > li > a.line {
      text-align:right;
      border-left:1px solid #D7D7D7;
       border-right:1px solid #D7D7D7;
      padding:0  16px;
       margin:0 16px;

      }
	.site-navbar .site-navigation .site-menu > li > a.windowLink{
		background: url(../images/newwindow02.svg) no-repeat 93% center;
		background-size:18px 18px;
		padding:0 32px 0 20px ;
	}
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 99%;
        position: absolute;
        text-align: left;
        /*border-top: 2px solid #000;*/
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active {
          color: #001871 !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 210px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #eff1f3;
              color: #000; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #001871; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #001871; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .active {
        color: #001871; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
  background:#FFF;
  height:110px!important;
  }

  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .sticky-wrapper .site-navbar .site-menu-toggle {
    color: #000; }
  .sticky-wrapper .site-navbar .site-logo a {
    color: #000; }
  .sticky-wrapper .site-navbar .site-menu > li > a { }
    .sticky-wrapper .site-navbar .site-menu > li > a:hover,
    .sticky-wrapper .site-navbar .site-menu > li > a.active {
      color: #001871!important;
	text-decoration-color: #db4c3a !important;
	text-underline-offset: 8px;

      }
  .sticky-wrapper.is-sticky .site-navbar {
    background: #fff;
    /*
    border-bottom: 1px solid transparent;
    */
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1); }
    .sticky-wrapper.is-sticky .site-navbar .site-menu-toggle {
      color: #2B2F38; }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #2B2F38; }
    .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
      color: #2B2F38 ;
      }
      .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover,
      .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
           text-underline-offset: 8px;
			text-decoration-color: #db4c3a !important;
	  }
  .sticky-wrapper .shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
	.site-navbar .site-navigation .site-menu > li > a.icon,
        .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.icon{padding:10px 20px;line-height:20px;}
        .site-navbar .site-navigation .site-menu > li > a.icon img,
         .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.icon img{width:30px;}
         .site-mobile-menu .site-nav-wrap > li > a.icon img{display:none;}

/* Blocks */
.site-blocks-cover {

  background-color: #e6e5e5;

  /*
  background-color: #db4c3a;
  color:#FFF;*/ }
  .site-blocks-cover.overlay {
    position: relative; }
    .site-blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.1); }
  .site-blocks-cover.overflow-hidden {
    overflow: hidden; }
  .site-blocks-cover, .site-blocks-cover > .container > .row {
    height: calc(30vh);
    min-height: 300px; }

  .site-blocks-cover-ttl, .site-blocks-cover-ttl > .container > .row {
    height: calc(30vh);
    min-height: 280px;background:#FFF; padding-top:80px;}


      @media (max-width: 991.98px) {
      .site-blocks-cover, .site-blocks-cover > .container > .row {
    	height: calc(30vh);
    	min-height: 300px; }
      }
  .site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover > .container > .row {
    min-height: 300px;
    height: calc(20vh); }
  @media (max-width: 991.98px) {
    .site-blocks-cover .intro-text {
      margin-top: 30%; } }
/*
  .site-blocks-cover h1 {
    font-size: 3rem;
    font-weight: 900; }
    */
    @media (max-width: 991.98px) {
      /*
      .site-blocks-cover h1 {
        font-size: 2rem; }
        */
        }
  @media (max-width: 991.98px) {
    .site-blocks-cover .cover-img {
      max-width: 400px;
      margin-left: auto;
      margin-right: auto; } }
  .site-blocks-cover p,
    .site-blocks-cover div {
    line-height:30px; }
    .site-blocks-cover p a {
      color: #fd7e14; }
 .site-blocks-cover .align-self-center{padding-bottom:148px;color:#5d5d5d;}
  @media (max-width: 991.98px) {
 	 .site-blocks-cover .align-self-center{padding-bottom:100px;}
  }
  @media (max-width: 768px) {
 	 .site-blocks-cover .align-self-center{padding-bottom:0;}
  }

.popup-bg-cover{
	position: fixed; /* ブラウザの定位置に固定 */
	background: rgba(0, 0, 0, .5); /* 背景色を半透明の黒色に */
	width: 100%; /* 要素の横幅を画面全体に */
	height: 100%; /* 要素の高さを画面全体に */
	top: 0; /* 要素の固定位置をブラウザ最上部に合わせる */
	left: 0; /* 要素の固定位置をブラウザ左側に合わせる */
	z-index: 1000; /* 要素をコンテンツより前面に（要調整） */
	display:none;
}

nav ul li.dropdown:hover > div.dropdown-menu {display: block;}
nav ul li.dropdown:hover >div.popup-bg-cover{display:block;}

.navbar-toggler{ border-color: #E6E6E5;}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler .navbar-toggler-icon {color:#000;}
.sub-header{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;}
.breadcrumb{background-color:#FFF;padding:10px 0;margin-bottom:0;}
.breadcrumb .breadcrumb-item,
.breadcrumb a{font-size:12px;}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumb-item+.breadcrumb-item:before{content: "\03e" !important;    }

.h6 {
  text-transform: uppercase;
  font-size: .9rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.circle-bg {
  position: relative; }
  .circle-bg:after {
    width: 300px;
    height: 300px;
    content: "";
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    bottom: -90px;
    right: -90px;
    background: #f8f9fa; }
    @media (max-width: 991.98px) {
      .circle-bg:after {
        bottom: 0px;
        right: -90px; } }




.site-blocks-vs .bg-image {
  padding-top: 3em;
  padding-bottom: 3em; }
  @media (min-width: 992px) {
    .site-blocks-vs .bg-image {
      padding-top: 5em;
      padding-bottom: 5em; } }

.site-blocks-vs .image {
  width: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px; }
  @media (max-width: 991.98px) {
    .site-blocks-vs .image {
      margin-left: auto !important;
      margin-right: auto !important; } }
  .site-blocks-vs .image img {
    border-radius: 50%; }
  .site-blocks-vs .image.image-small {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px; }

.site-blocks-vs .country {
  color: rgba(255, 255, 255, 0.7); }

.match-entry {
  position: relative;
  -webkit-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .match-entry .small {
    color: #ccc;
    font-weight: normal;
    letter-spacing: .15em; }
  .match-entry:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 90;
    -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1); }

.post-entry {
  position: relative;
  overflow: hidden;
  border: 1px solid #e6e6e6; }
  .post-entry, .post-entry .text {
    border-radius: 4px;
    border-top: none !important; }
  .post-entry .date {
    color: #ccc;
    font-weight: normal;
    letter-spacing: .1em; }
  .post-entry .image {
    overflow: hidden;
    position: relative; }
    .post-entry .image img {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .post-entry:hover .image img, .post-entry:active .image img, .post-entry:focus .image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.site-block-tab .nav-item {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0 20px; }
  .site-block-tab .nav-item:first-child {
    margin-left: 0 !important; }
  .site-block-tab .nav-item > a {
    padding-left: 0 !important;
    background: none !important;
    padding-right: 0 !important;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    font-weight: bold;
    color: #cccccc; }
    .site-block-tab .nav-item > a:hover, .site-block-tab .nav-item > a.active {
      border-bottom: 2px solid #001871;
      color: #000; }

.block-13, .slide-one-item {
  position: relative;
  z-index: 1; }
  .block-13 .owl-nav, .slide-one-item .owl-nav {
    position: relative;
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next {
      position: relative;
      display: inline-block;
      padding: 20px;
      font-size: 30px;
      color: #000; }
      .block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled {
        opacity: .2; }

.owl-style.home-slider .owl-nav, .slide-one-item.home-slider .owl-nav {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  width: 100%; }
  @media (max-width: 991.98px) {
    .owl-style.home-slider .owl-nav, .slide-one-item.home-slider .owl-nav {
      display: none; } }

.owl-style.home-slider .owl-prev, .slide-one-item.home-slider .owl-prev {
  left: 10px !important; }

.owl-style.home-slider .owl-next, .slide-one-item.home-slider .owl-next {
  right: 10px !important; }

.owl-style.home-slider .owl-prev, .owl-style.home-slider .owl-next, .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
  color: #fff;
  position: absolute !important;
  top: 50%;
  padding: 0px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  line-height: 0;
  text-align: center;
  font-size: 25px; }
  @media (min-width: 768px) {
    .owl-style.home-slider .owl-prev, .owl-style.home-slider .owl-next, .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next {
      font-size: 25px; } }
  .owl-style.home-slider .owl-prev > span, .owl-style.home-slider .owl-next > span, .slide-one-item.home-slider .owl-prev > span, .slide-one-item.home-slider .owl-next > span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .owl-style.home-slider .owl-prev:hover, .owl-style.home-slider .owl-prev:focus, .owl-style.home-slider .owl-next:hover, .owl-style.home-slider .owl-next:focus, .slide-one-item.home-slider .owl-prev:hover, .slide-one-item.home-slider .owl-prev:focus, .slide-one-item.home-slider .owl-next:hover, .slide-one-item.home-slider .owl-next:focus {
    background: black; }

.owl-style.home-slider:hover .owl-nav, .owl-style.home-slider:focus .owl-nav, .owl-style.home-slider:active .owl-nav, .slide-one-item.home-slider:hover .owl-nav, .slide-one-item.home-slider:focus .owl-nav, .slide-one-item.home-slider:active .owl-nav {
  opacity: 10;
  visibility: visible; }

.home-slider img{height:50%;}


.owl-style .owl-dots, .slide-one-item .owl-dots {
  text-align: center;
  position: absolute !important;
    top: 90%;left:47%;

  }
  .owl-style .owl-dots .owl-dot, .slide-one-item .owl-dots .owl-dot {
    display: inline-block;
    margin: 4px; }
    .owl-style .owl-dots .owl-dot span, .slide-one-item .owl-dots .owl-dot span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #dee2e6; }
    .owl-style .owl-dots .owl-dot.active span, .slide-one-item .owl-dots .owl-dot.active span {
      background: #001871; }

.owl-style {
  position: relative; }
  .owl-style .owl-nav {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    opacity: 0;
    visibility: hidden; }
    .owl-style .owl-nav .owl-prev, .owl-style .owl-nav .owl-next {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.4); }
      .owl-style .owl-nav .owl-prev > span, .owl-style .owl-nav .owl-next > span {
        color: #fff;
        font-size: 2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .owl-style .owl-nav .owl-prev {
      left: -50px; }
      @media (max-width: 991.98px) {
        .owl-style .owl-nav .owl-prev {
          left: 10px; } }
    .owl-style .owl-nav .owl-next {
      right: -50px; }
      @media (max-width: 991.98px) {
        .owl-style .owl-nav .owl-next {
          right: 10px; } }
  .owl-style:hover .owl-nav, .owl-style:focus .owl-nav {
    opacity: 1;
    visibility: visible; }

#date-countdown .countdown-block {
  color: #b3b3b3; }

#date-countdown .label {
  font-size: 40px;
  color: #000; }

.next-match .image {
  width: 50px;
  border-radius: 50%; }

.player {
  position: relative; }
  .player img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 20px; }
  .player .team-number {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #037ef3;
    border-radius: 50%;
    color: #fff; }
    .player .team-number > span {
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
  .player h2 {
    font-size: 20px;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .player .position {
    font-size: 14px;
    color: #b3b3b3;
    text-transform: uppercase; }

.site-block-27 ul, .site-block-27 ul li {
  padding: 0;
  margin: 0; }

.site-block-27 ul li {
  display: inline-block;
  margin-bottom: 4px; }
  .site-block-27 ul li a, .site-block-27 ul li span {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc; }
  .site-block-27 ul li.active a, .site-block-27 ul li.active span {
    background: #037ef3;
    color: #fff;
    border: 1px solid transparent; }

.site-block-feature-7 .icon {
  -webkit-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.site-block-feature-7:hover .icon, .site-block-feature-7:focus .icon, .site-block-feature-7:active .icon {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.unit-1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block; }
  .unit-1:after {
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }
  .unit-1 img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .unit-1 img, .unit-1 .unit-1-text {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .unit-1 .unit-1-text {
    z-index: 2;
    position: absolute;
    bottom: -90px;
    color: #fff;
    display: block;
    width: 100%; }
    .unit-1 .unit-1-text .unit-1-heading {
      font-size: 1.5rem;
      position: relative; }
  .unit-1 p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: rgba(255, 255, 255, 0.5); }
  .unit-1:hover p {
    opacity: 1;
    visibility: visible; }
  .unit-1:hover .unit-1-text {
    bottom: 30px; }
  .unit-1:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

.overlap-section {
  margin-top: -150px;
  position: relative;
  z-index: 9; }

.unit-4 .unit-4-icon span {
  display: block;
  font-size: 3rem; }

.unit-4 h3 {
  font-size: 20px;
  color: #000; }

.h-entry img {
  margin-bottom: 30px; }

.h-entry .meta {
  color: #b3b3b3;
  font-size: 14px; }

.h-entry h2 {
  font-size: 20px; }
  .h-entry h2 a {
    color: #000; }
    .h-entry h2 a:hover {
      color: #037ef3; }

.overlap-left {
  margin-left: -100px; }
  @media (max-width: 991.98px) {
    .overlap-left {
      margin-left: 0px; } }

.overlap-section {
  margin-top: -100px; }

.feature-1, .free-quote, .feature-3 {
  background: #037ef3;
  padding: 30px 50px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px; }
  .feature-1 .heading, .free-quote .heading, .feature-3 .heading {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff; }
  .feature-1 .icon, .free-quote .icon, .feature-3 .icon {
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto !important; }
    .feature-1 .icon > span, .free-quote .icon > span, .feature-3 .icon > span {
      font-size: 35px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.free-quote {
  background: #0371da; }
  .free-quote .form-control {
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: none;
    color: #fff; }
    .free-quote .form-control:active, .free-quote .form-control:focus {
      border: 2px solid #fff; }
    .free-quote .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      font-style: italic; }
    .free-quote .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      font-style: italic; }
    .free-quote .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      font-style: italic; }
    .free-quote .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(255, 255, 255, 0.4);
      font-size: 13px;
      font-style: italic; }

.feature-3 {
  background: #036cd0; }

.border-primary {
  position: relative; }
  .border-primary h2 {
    font-weight: 700 !important; }
  .border-primary:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 80px;
    height: 3px;
    background: #037ef3; }
  .border-primary.text-center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .border-primary.text-left:after {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

.ul-social-circle {
  list-style: none;
  padding: 0;
  margin: 0; }
  .ul-social-circle li {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px; }
    .ul-social-circle li:first-child {
      margin-left: 0; }
    .ul-social-circle li span {
      width: 30px;
      height: 30px;
      background: #777;
      font-size: 13px;
      text-align: center;
      line-height: 30px;
      border-radius: 50%;
      display: inline-block; }
    .ul-social-circle li a span {
      color: #fff;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
    .ul-social-circle li a:hover span {
      background: #2b2b2b;
      color: #fff; }

.custom-pagination a, .custom-pagination span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  display: inline-block;
  background: #037ef3;
  color: #fff; }

.custom-pagination span {
  background: #e6e6e6;
  color: #000; }

.custom-pagination .more-page {
  background: none;
  letter-spacing: .1em; }

.form-search-wrap {
  background: #fff;
  border-radius: 30px; }
  .form-search-wrap .form-control {
    border: none; }
    @media (max-width: 1199.98px) {
      .form-search-wrap .form-control {
        height: 55px; } }
  .form-search-wrap .btn {
    border-radius: 30px;
    padding: 10px 30px; }
    @media (max-width: 1199.98px) {
      .form-search-wrap .btn {
        width: 100% !important;
        display: block; } }

.popular-category {
  background: #fff;
  display: block;
  text-align: center;
  padding: 30px 10px;
  border-radius: 7px;
  background: #f8f9fa;
  position: relative; }
  .popular-category .icon {
    display: block;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
    .popular-category .icon > span {
      line-height: 0;
      font-size: 40px; }
  .popular-category .caption {
    color: #666666;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
  .popular-category .number {
    padding: 2px 20px;
    border-radius: 30px;
    display: inline-block;
    background: #e9ecef;
    color: #000;
    font-size: 14px;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
  .popular-category:hover {
    background: #037ef3;
    -webkit-box-shadow: 0 5px 30px -5px rgba(3, 126, 243, 0.5);
    box-shadow: 0 5px 30px -5px rgba(3, 126, 243, 0.5); }
    .popular-category:hover .caption {
      color: #fff; }
    .popular-category:hover .icon {
      color: #fff; }
    .popular-category:hover .number {
      background: #0371da;
      color: #fff; }

@media (max-width: 1199.98px) {
  .no-sm-border {
    border: none !important; } }

.listing-item {
  position: relative;
  overflow: hidden;
  border-radius: 4px; }
  .listing-item:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4); }
  .listing-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .listing-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .listing-item .listing-item-content {
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
    width: 100%; }
    .listing-item .listing-item-content .category {
      font-size: 12px;
      display: inline-block;
      padding: 5px 30px;
      background: #037ef3;
      border-radius: 30px;
      color: #fff;
      letter-spacing: .2em;
      text-transform: uppercase; }
    .listing-item .listing-item-content h2 {
      font-size: 22px; }
      .listing-item .listing-item-content h2, .listing-item .listing-item-content h2 a {
        color: #fff; }
    .listing-item .listing-item-content span {
      color: #fff; }
    .listing-item .listing-item-content .address {
      color: rgba(255, 255, 255, 0.8); }
  .listing-item .bookmark {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .listing-item .bookmark span {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .listing-item .bookmark:hover {
      background: #dc3545; }
      .listing-item .bookmark:hover span {
        color: #fff; }

.accordion-item[aria-expanded="true"] {
  color: #037ef3; }

.footer-subscribe .btn {
  height: 43px;
  line-height: 1;
  border: none !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  background: #fff !important;
  color: #000 !important; }

.team-member figure {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

.team-member .social {
  position: absolute;
  margin: 0;
  top: 0;
  padding: 0;
  bottom: 0;
  padding: 10px;
  -webkit-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  background: #037ef3; }
  .team-member .social li {
    list-style: none; }
    .team-member .social li a {
      display: inline-block;
      padding: 5px;
      color: #fff; }

.team-member h3 {
  color: #000;
  margin: 0;
  bottom: 0;
  font-size: 1.2rem; }

.team-member .position {
  color: #cccccc;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: .05rem; }

.team-member:hover .social {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

.custom-direction {
  position: relative;
  z-index: 99;
  border-radius: 7px;
  position: absolute;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  background: #037ef3; }
  @media (max-width: 991.98px) {
    .custom-direction {
      bottom: -25px;
      top: auto !important;
      right: 50% !important;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%); } }
  .custom-direction a {
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    font-size: 1.5rem; }
    .custom-direction a.custom-next > span > span {
      position: relative;
      display: inline-block;
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }

/* Isotope*/
.item {
  border: none; }
  .item .item-wrap {
    display: block;
    position: relative; }
    .item .item-wrap:after {
      z-index: 2;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.4);
      visibility: hidden;
      opacity: 0;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
    .item .item-wrap > span {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 3;
      -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      color: #fff;
      font-size: 1.7rem;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
    .item .item-wrap:hover:after {
      opacity: 1;
      visibility: visible; }
    .item .item-wrap:hover span {
      margin-top: 0px;
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1); }

.filters .btn {
  border-color: transparent;
  font-size: .8rem;
  padding: 8px 20px;
  margin: 5px;
  background: rgba(52, 58, 64, 0.05);
  color: #343a40; }
  .filters .btn:hover {
    border-color: transparent;
    background: #037ef3;
    color: #fff; }
  .filters .btn.active {
    background: #037ef3 !important;
    color: #fff;
    border-color: #037ef3 !important; }

.pricing {
  text-align: center; }
  .pricing .price > span {
    color: #fff; }
    .pricing .price > span > span {
      font-size: 3rem;
      color: #fff; }
  .pricing ul {
    text-align: left; }
    .pricing ul li {
      color: #fff;
      margin-bottom: 20px; }
      .pricing ul li:before {
        color: #fff !important; }
    .pricing ul li.remove {
      text-decoration: line-through;
      color: rgba(255, 255, 255, 0.4); }
      .pricing ul li.remove:before {
        color: rgba(255, 255, 255, 0.4); }

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

/* responsive media queries */
/* Mouse scroll effect */
.mouse {
  position: absolute;
  bottom: 40px;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block; }
  .mouse .mouse-icon {
    display: block;
    width: 25px;
    height: 45px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    text-align: center;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .mouse .mouse-wheel {
    height: 4px;
    margin: 2px auto 0;
    display: block;
    width: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-animation: 1.6s ease infinite wheel-up-down;
    -moz-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down; }
  .mouse:hover .mouse-icon {
    border-color: #fff; }

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }



.comment-form-wrap {
  clear: both; }

.comment-list {
  padding: 0;
  margin: 0; }
  .comment-list .children {
    padding: 50px 0 0 40px;
    margin: 0;
    float: left;
    width: 100%; }
  .comment-list li {
    padding: 0;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    clear: both;
    list-style: none; }
    .comment-list li .vcard {
      width: 80px;
      float: left; }
      .comment-list li .vcard img {
        width: 50px;
        border-radius: 50%; }
    .comment-list li .comment-body {
      float: right;
      width: calc(100% - 80px); }
      .comment-list li .comment-body h3 {
        font-size: 20px; }
      .comment-list li .comment-body .meta {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: .1em;
        color: #ccc; }
      .comment-list li .comment-body .reply {
        padding: 5px 10px;
        background: #e6e6e6;
        color: #000;
        text-transform: uppercase;
        font-size: 14px; }
        .comment-list li .comment-body .reply:hover {
          color: #000;
          background: #e3e3e3; }

.search-form {
  background: #f7f7f7;
  padding: 10px; }
  .search-form .form-group {
    position: relative; }
    .search-form .form-group input {
      padding-right: 50px; }
  .search-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

figure figcaption {
  margin-top: .5rem;

  font-size: .8rem; }

/*PRELOADING------------ */
#overlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 7100;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.loader {
  z-index: 7700;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* New For Dogger */
.heading-section h2 {
  text-transform: uppercase;
  font-weight: 900; }

.hover-1-wrap .hover-1 {
  position: relative;
  margin-bottom: 0;
  display: block; }
  .hover-1-wrap .hover-1:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background: #037ef3;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }

.hover-1-wrap:hover .hover-1:after {
  right: -10px;
  bottom: -10px;
  position: absolute; }

.paws {
  position: relative;
  display: inline-block;
  margin-bottom: 20px; }
  .paws:before, .paws:after {
    position: absolute;
    content: "";
    font-family: 'icomoon';
    bottom: 0;
    color: #037ef3;
    opacity: .3; }
  .paws:before {
    content: "\f1b0";
    left: -30px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .paws:after {
    content: "\f1b0";
    right: -30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .paws > span {
    color: #037ef3;
    font-size: 2rem; }
  .paws.white:before, .paws.white:after, .paws.white > span {
    color: #fff; }

.video-img {
  position: relative;
  display: block; }
  .video-img > span {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .video-img > span > span {
      font-size: 1rem;
      color: #000;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.address li {
  color: #a8b1b8;
  margin-bottom: 20px; }
  .address li span {
    color: #fff; }

.block_service img {
  max-width: 100px;
  margin-bottom: 30px; }

.block_service h3 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: #000; }

.service {
  padding: 30px; }
  .service .icon span {
    color: #037ef3; }

.trainers, .bg-primary {
  color: #567876; }
  .trainers .heading, .bg-primary .heading {
    color: #405a58; }

.trainer figure {
  margin-bottom: 50px;
  position: relative; }
  .trainer figure:before {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    content: "";
    background: #405a58;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1; }

.trainer:hover figure:before {
  top: 10px;
  left: 10px;
  background: #405a58; }

.trainer h3 {
  font-size: 1.3rem;
  color: #405a58;
  margin-bottom: 1.3rem; }

.trainer .ul-social-circle li a {
  position: relative;
  top: 0;
  -webkit-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out; }
  .trainer .ul-social-circle li a span {
    background: #fff;
    color: #000; }
  .trainer .ul-social-circle li a:hover {
    top: -7px; }

.block__76208 .accordion-item .heading {
  font-size: 1.2rem;
  font-weight: 400;
  padding: 10px 0; }
  .block__76208 .accordion-item .heading > a {
    padding-left: 45px;
    position: relative;
    color: #000; }
    .block__76208 .accordion-item .heading > a:before {
      content: "";
      width: 30px;
      height: 30px;
      line-height: 27px;
      border: 1px solid #037ef3;
      text-align: center;
      font-size: 18px;
      top: -.7px;
      left: 0;
      border-radius: 50%; }
    .block__76208 .accordion-item .heading > a[aria-expanded="true"]:before {
      font-family: 'icomoon';
      position: absolute;
      content: "\f1b0";
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      background: #037ef3;
      color: #fff;
      border: 1px solid #037ef3; }
    .block__76208 .accordion-item .heading > a[aria-expanded="false"]:before {
      content: "\f1b0";
      color: #ccc;
      font-family: 'icomoon';
      position: absolute;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }

.block__76208 .accordion-item .body-text {
  font-size: 16px;
  padding: 5px 0;
  padding-left: 45px; }

.blog-entry figure {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 190px;
  flex: 0 0 190px; }

.blog-entry h3 {
  font-size: 1.3rem; }
  .blog-entry h3 a {
    color: #000; }
    .blog-entry h3 a:hover {
      color: #037ef3; }



.block-testimony-1 {
  padding: 20px; }
  .block-testimony-1 blockquote {
    background: #ffdd40;
    padding: 30px;
    font-weight: 400;
    border-radius: 7px;
    color: #000;
    position: relative;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 40%); }
    @media (min-width: 768px) {
      .block-testimony-1 blockquote {
        font-size: 1.5rem; } }
    .block-testimony-1 blockquote:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .block-testimony-1 blockquote:before {
      border-color: rgba(255, 221, 64, 0);
      border-top-color: #ffdd40;
      border-width: 15px;
      margin-left: -15px; }
  .block-testimony-1 figure {
    position: relative;
    padding-top: 20px; }
    .block-testimony-1 figure:before {
      position: absolute;
      content: "";
      width: 50px;
      left: 50%;
      display: none;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #037ef3;
      height: 2px; }
    .block-testimony-1 figure img {
      max-width: 70px; }
  .block-testimony-1 h3 {
    font-size: 18px; }

.gal-item {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 30px; }
  .gal-item img {
    border-radius: 7px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .gal-item:hover img {
    opacity: .5; }

.training figure {
  margin-bottom: 0;
  border-radius: 7px;
  overflow: hidden;
  border:1px solid #D7D7D7;
  }
  .training figure img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }

.training h3 {
  font-size: 1.5rem; }

.training:hover figure img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.no-owl-nav .owl-nav {
  display: none; }

.no-owl-nav .block-testimony-1 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 991.98px) {
  .owl-style-md .owl-nav {
    display: none; } }


/*******************
  共通パーツ
*******************/
h1.section-title{margin-top:130px;}
h2.section-title{margin-top:130px;}
.text-small{font-size:14px;margin:0;}
.back_orange{
	background-color:#EF7B45;
}
.bg-light {
	background: #FFF7EF!important;
	}

.bg-gray {
	background: #F7F7F7;
	}
.text-main{color:#001871;}
.text-sub{color:#DB4C3A;}
.text-info{
	color:#2B2F38!important;
	font-weight:600;
	}
.text-days{color:#707070;width:120px;}
.under_line {
    width: 30px;
    border-top: 3px solid #001871;
    margin: 40px auto;
}
.side_line {
    border-left: 5px solid #001871;
    padding-left:15px;
}
.mt-80{ margin-top: 80px!important;}
.mb-80{ margin-bottom: 80px!important;}
.mt-40{ margin-top: 40px!important;}
.p-left-off{padding-left:0!important;}
.p-right-off{padding-right:0!important;}
.square{border:1px solid #001871;	}
.square_bk{border:1px solid #D7D7D7;}
.decimal {list-style-type: decimal;}
.btn_mark{width:150px;line-height:25px;text-align:center;border:1px solid #E6E6E5;font-size:12px;}
.mark_AET{color:#db4c3a;border-color:#db4c3a;width:120px}
.mark_AETs{width:240px;}
.mark_DS{color:#001871;border-color:#001871;}
.mark_GR{color:#00B9BF;border:0; border:1px solid #00B9BF;}
.mark_bkG{color:#FFF;border:0; background:#00B9BF;}
.mark_bkR{color:#FFF;border:0;background:#db4c3a;}
.mark_bkB{color:#FFF;border:0;background:#004BA8;}
.btn_markG{ width:100px;text-align:center;background:#D7D7D7;}

.icon_date{
	background:#FFF url(../images/day.png) no-repeat left 5px;
	padding-left:25px;
	background-size:20px 20px;
}
.icon_place{
	background:#FFF url(../images/map.png) no-repeat left 5px;
	padding-left:25px;
	background-size:17px 20px;
}
.row-table{border-bottom:1px solid #D7D7D7;margin:0;}
.row-table .col-th{font-weight:bold;background:#F6F6F6;}
.row-table div{padding:12px;}

.table td, .table th{border:0;border-bottom:1px solid #E6E6E5;}
.table-bordered td, .table-bordered th{border:1px solid #E6E6E5;}
.table-bordered th{background:#F6F6F6;vertical-align:middle;}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #FFF7EF;
    cursor: pointer;
cursor: hand;
}

/* 左右画像ボックス用 */
.itext_box_left{padding-left:40px;}
.itext_box_right{padding-right:40px;}

@media screen and (max-width: 770px) {
	.row-table div{padding:0 0 12px 0;}
	.row-table .text-days{padding:12px 0 0 0;}
}
@media only screen and (max-width: 480px){
	h1.section-title{margin-top:40px;}
	.itext_box_left{padding-left:15px;}
	.itext_box_right{padding-right:15px;}
	}


.modal-body{padding:20px ;}
.modal-open {
    padding-right: 0px !important;
}


.modal-header .close{outline: none;}
/*   モーダルFULL画面　 ---------  */
.modal-full .modal-dialog {
	max-width:100%;
}
.modal-full	.modal-content {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        border: 0;
        border-radius: 0;
          transition-duration: 0.1s;
     }
.modal-full	 .modal-body {
    overflow: auto;
	height: 100%;
}
.modal-full	 .modal-body {
	padding:80px 15px 15px 15px!important;
}
.modal-full	 .btn-footer{
	text-align:center;
	border-top:1px solid #D7D7D7;
}
.modal-full	 .btn-footer .close{
	float:none;
	margin:10px 0;
	font-size:3.5rem;
	 outline: none;
	}
.modal-full	 .form-group .size-s{width:120px;}
.modal-full	 .form-group .bottom-ms{margin-bottom:10px;}

.modal-full	 .userform{max-width:840px;padding:0;}
.modal-full	 .userform .body-header{border-bottom:1px solid #dee2e6;padding-bottom:30px;margin-bottom:30px;}
.modal-full	 .userform .body-header h2{margin-bottom:30px;}
.modal-full	 .userform .body-header p{font-size:16px;margin:0;}
.modal-full	 .userform img{max-width:576px;}
.modal-full	 .userform .markbox{margin:40px 0 30px 0;}
.modal-full	 .userform p.memo{font-size:13px;line-height:25px;}
.modal-full	 .userform .open-info{font-weight:bold; margin:80px 0 80px 20px ;}
.modal-full	 .userform .open-info span{border-bottom:2px solid #db4c3a;}
.modal-full	 .passform .modal-body{padding-top:30px!important;}
.modal-full	 .userform .btn_group div{margin:0 15px;}
.modal-full	 .userform  #form_pass  .form-group label{line-height:30px;}
.modal-full	 .userform .ev_baner img{max-width:100%;}




.modal-full	 .onlineform .body-header,
.modal-full	 .onlineseminarform .body-header{border-bottom:1px solid #dee2e6;padding-bottom:30px;margin-bottom:30px;}
.modal-full	 .onlineform .body-header h2,
.modal-full	 .onlineseminarform .body-header h2{margin-bottom:30px;}
.modal-full	 .onlineform .info_box,
.modal-full	 .onlineseminarform .info_box{margin:40px 0;}
.modal-full	 .onlineform .info_box a{margin-left:40px;}

.modal-full	 .onlineseminarform .form-group div{line-height:50px;}

.modal-full	 .required{
	border-radius: 22px;
	background:#DB4C3A;
	border: 1px solid  #DB4C3A;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	color:#FFF;
	width:60px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	margin-top:8px;
	float:right;
}

.modal-full .required-mark {
  color: #DB4C3A;
  margin-left: 4px;
  font-weight: bold;
}
.modal-full .video-box video{border:1px solid #D7D7D7;}



@media only screen and (max-width: 640px) {
	.modal-full	 .modal-body .row{padding-left:20px;padding-right:20px;}
	.modal-full	 .userform img{max-width:100%;}
}
@media (max-width: 480px){
.modal-full	.modal-content { top: 40px; }
.modal-full	 .modal-body {
	padding:40px 0px 0px 0!important;
}
#product-details #img-box{padding:0;margin-bottom:40px!important;}
#product-details .body-main{margin-top:40px!important;}
#img-box .card .card-body h4{margin-top:20px;}
#product-details .infobox{margin:0 0 30px 0!important;padding:10px;line-height:25px!important;}
}



body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
.card-header{
	background: #00B9BF;color:#FFF;line-height:80px;padding:0;text-align:center;
	border-bottom: 0 ;font-size:24px;
	}



#card-block{
	    margin-right: -20px!important;
    margin-left: -20px!important;
    margin-top:80px;
	margin-bottom:50px;
	}

	#card-block .card-box{
	padding-right:20px;
	padding-left:20px;
	margin-bottom:40px;
	}
	#card-block .card-footer{
	border:0;
	background:none;
	padding-top:6px;
	padding-bottom:32px;
	}

@media (max-width: 480px){
	.card-header{font-size:22px;}
}

/*   画像付きCARD用　 ---------  */
#img-box{margin-bottom:70px;}
#img-box .inner{display: table-cell; vertical-align: middle;}
#img-box .inner_bottom{display: table-cell; vertical-align: bottom;}

#img-box .card{border:0; }
#img-box .card .card-header{
	background: #FFF7EF;
	text-align:center;
	border:0;
	padding:0;

	height:280px;
	display: table;
	position: relative;
	}
/*
#img-box .card .card-header img{
	max-height:185px;
	}
*/
#img-box #cloud-card.card .card-header img {
  max-height: 216px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#img-box #cloud-card.card .card-header {
  max-height: 216px !important;
  height: 216px !important;
}

#img-box .card .card-body{padding:0;}
#img-box .card .card-body .h4,
#img-box .card .card-body h4,
#img-box .card .card-body h3{margin:30px 0 10px 0;}
.info-tel img{width:23px;margin:0 5px 2px 0;}
.info-tel{font-weight:600;color:#001871;}
.text-indent {text-indent:26px;}
/*   ---------  */


.arrow-clippath {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: #1E88E5;
  clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
}
/*   画像説明  */
.img-text{font-size:13px; line-height:17px;}

/*   横並び */
ul.list{padding:0;}
ul.list li{float:left;width:auto;	margin:0 25px 0 20px;}



/*========= ナビゲーションのためのCSS ===============*/
/*
.navbar-expand-xl>.container,
 .navbar-expand-xl>.container-fluid{
	 flex-wrap:wrap;
	 -ms-flex-wrap:wrap;
 }
 */

.site-navbar .site-header{
	padding:8px 0;
	line-height:24px;
	border-bottom:1px solid #D7D7D7;
	/*background:#F6F6F6;*/
	}
	.site-navbar .site-header a:hover{
	text-decoration:underline;

}
@media (max-width: 480px){
	.site-navbar .site-header{height:5px;}
	.site-navbar .site-navigation .site-menu{display:none;}
}

.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}
.navbar .dropdown-menu {
  border:none;
}
.right-nav{
  position: absolute;
  right:7%;
/*  height of nav-item  */
  top:0px;
 display:block;
 /*  z-index:1;*/

}
@media screen and (min-width: 1200px) {
.navbar {
  padding:0px;
}



.navbar .nav-item .nav-link:hover {color:#001871;}
.navbar .nav-item .nav-link{
	color:#2B2F38;
	 padding:12px 40px 14px 0;
	 cursor:pointer;
	 font-weight:500;
	}

.navbar .nav-item .nav-link span {
  display: inline-block;
  position: relative;
  font-weight:500;
  /*transition: 0.3s;*/

}
.navbar .nav-item .nav-link span::after {
  position: absolute;
  bottom: -29px;
  left: 50%;
  width: 0;
  height: 2px;
  content: "";
  /*transition: 0.1s;*/
  transform: translateX(-50%);
}
.navbar .nav-item .link_btn{padding:10px 20px 10px 16px;min-width:192px;}

.navbar .nav-item .nav-link:hover span::after {
  background: #db4c3a;
  width: 100%;
}
/*
.navbar .nav-item .dropdown-toggle:hover span::after {
  background: #db4c3a;
  width: 100%;
}

/*
.navbar .nav-item:hover{
	background:#FFF7EF;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 0px 0px 0 rgba(0,0,0,.02);
}
*/
/*
.navbar .nav-item:hover{
	background:#FFF7EF;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.02), 0 0px 0px 0 rgba(0,0,0,.02);
}
*/
.navbar .dropdown-menu .markbox{margin-right:20px;}
.navbar .dropdown {position:static; }
.navbar .dropdown-toggle:after{border:0;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:83px;
  height:280px;
  display:block;
  visibility: hidden;
  opacity: 0;

 /* transition: visibility 0s, opacity 0.4s linear;
background:#FFF7EF;
*/
/*
background :rgba(2255,247,239, 0.92);
background:#FFF7EF;*/
 font-size:15px!important;

}
.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
 /*transition: visibility 0s, opacity 0.1s linear;*/
}

 .navbar .dropdown-menu {
    /*border-bottom: 1px solid rgba(0,0,0,.15);*/
    border-radius:0;
    padding:0;
     -webkit-box-shadow: 0px 9px 9px 6px rgba(0,0,0,0.1);
     box-shadow: 0px 9px 9px 6px rgba(0,0,0,0.1);
  }
.navbar-nav{padding-top:16px;padding-bottom:15px;}


.navbar .dropdown-menu .card-deck{padding-top:56px;}
.navbar .dropdown-menu .card{border:0;}

.navbar .dropdown-menu .card .card-body{padding:30px 30px 20px 30px;}
.navbar .dropdown-menu .card .card-body .title{font-size:18px;margin-bottom:20px;font-weight:500;}
.navbar .dropdown-menu .card .card-body p{line-height:25px;}
.navbar .dropdown-menu .card a p{color:#2b2f38;}
.navbar .dropdown-menu .card a:hover .title{color:#001871;}

.navbar .dropdown-menu .card a:hover .circle_arrow:before,
.navbar .dropdown-menu .card a:hover .circle_arrow:after{

	opacity:0.6;
 	transition: all .2s;
}
 .navbar .dropdown-menu .table_box {width:100%;}
  .navbar .dropdown-menu .table_box .h5{margin-bottom:20px;}
 .navbar .dropdown-menu .table_box p{max-width:350px;}

.navbar .nav-item .dropdown-menu .media-s{display:none;}

}

.media-s-hed{display:none;}
.navbar .dropdown-menu .sub-nav{padding-top:30px;}
.navbar .dropdown-menu .sub-nav .card {width:360px;height:100px;margin-bottom:20px;}
.navbar .dropdown-menu .sub-nav  .card .card-body{padding:20px}
.navbar .dropdown-menu .sub-nav .card .card-body .title{margin-bottom:10px;}

.navbar .dropdown-menu .sub-nav .card_off{background: rgba(0, 0, 0, 0.1); }
 .navbar .dropdown-menu .card{width:360px;height:150px;margin:0 20px; flex: none;background:#F6F6F6;border-radius:4px;}

/*
.navbar .dropdown-menu .sub-nav-head{padding-top:45px;}
.navbar .dropdown-menu .sub-nav div{position: relative;padding-right:20px;margin-bottom:0;}
.navbar .dropdown-menu .sub-nav div a{border-bottom:1px solid #D7D7D7;display: block;padding-bottom:10px;margin-top:20px;}
.navbar .dropdown-menu .sub-nav div a:hover{text-decoration:none;}
.navbar .dropdown-menu .sub-nav div .circle_arrow:before{bottom:10px;}
.navbar .dropdown-menu .sub-nav div .circle_arrow:after{bottom:16px;}
*/

.main-menu .site-logo{display:none;}
#navbarSupportedContent .mark{background:none;}


@media screen and (max-width: 1320px) {
  .navbar .dropdown-menu .mega-3 .card{width:30%;margin:0 10px 0 20px;}
  .navbar .dropdown-menu .mega-5 .card{width:30%;margin:0 10px 10px 20px;}
}

/* タブレット対応　*/
@media screen and (max-width: 1199px) {

.sticky-wrapper.is-sticky .site-navbar{border-bottom:1px solid #001871;}
.navbar {padding:0;}
.navbar .nav-item .dropdown-menu .card-deck{display:none;}
.navbar-toggler{
	height:80px;width:80px;
	border-radius:0;
	border:0;
	background:#FFF;
	}

.icon-menu{color:#001871;}
.navbar .site-logo{top:0;padding:0;padding-left:5%; }

.navbar .nav-item .dropdown-menu .media-s{display:block;padding:0; list-style: none;}
.navbar li{padding:0;margin:0;border-top:1px solid #D7D7D7;}


.navbar .sub-nav {display:none;}

.navbar .navbar-toggler[aria-expanded="true"] span:before{    content: "\f00d";}

.navbar .navbar-toggler{position:relative;}
.navbar .navbar-toggler[aria-expanded="true"] span::before,
.navbar .navbar-toggler[aria-expanded="true"] span::after {
	display: block;
	content: "";
	position: absolute;
	top: 57%;
	left: 75%;
	width: 35%;
	height: 4%;
	margin: -8% 0 0 -42%;
	background: #001871;
}
.navbar .navbar-toggler[aria-expanded="true"] span::before {
	transform: rotate(-45deg);
}
.navbar .navbar-toggler[aria-expanded="true"] span::after {
	transform: rotate(45deg);
}

#navbarSupportedContent .mark{position: absolute;
	width: 100%;
	height: 100vh;
	top: 80px;
	left: 0;
	z-index: -1;
	background: rgba(3,3,3,.5);
	display: block;
	padding:0;
	 }


.navbar .nav-item a{line-height:44px;padding-left:20px;position:relative;}
.navbar .nav-item a:after{
  content: '';
	 width: 9px;
	 height: 9px;
	 border: 0px;
	 border-top: solid 2px #001871;
	 border-right: solid 2px #001871;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	 right: 29px;
     top: 45%;
}
.navbar .nav-item .dropdown-menu .media-s a:after{border-color:#001871;}
.navbar .nav-item .dropdown-menu{border-radius:0;}
.navbar .nav-item a:hover:after{border-color:#001871;}
.navbar .dropdown .dropdown-toggle::before,
.navbar .dropdown .dropdown-toggle::after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    /*border-radius: 5px;*/
    background: #001871;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
  	}

.navbar .dropdown .dropdown-toggle::after {
	border-top:0;
	border-left:0;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.1s;
  	}
.navbar .dropdown .dropdown-toggle:hover:after {

    transform: rotate(0);
    transition: 0.1s;
     background: #001871;
}
.navbar .dropdown-menu div[class*="col"] { margin-bottom:0;}
.navbar .nav-item .dropdown-menu{background:#F6F6F6;padding:0;margin:0;}
.navbar .nav-item .dropdown-menu .container{padding:0;}
.navbar li .media-s li{margin-left:30px;}
.navbar .nav-item .dropdown-menu .media-s a{padding-left:0px; display: block;}
/*
.navbar .nav-item a.nav-link:hover {background-color:#001871;color:#FFF; }
*/
.navbar .media-s-hed  a:hover,
.navbar .nav-item a:hover {text-decoration:underline;text-decoration-color: #db4c3a; text-underline-offset: 8px;}
.navbar .nav-item a.nav-link{	font-size:14px;	}
.navbar .nav-item .dropdown-menu .media-s a{font-size:12px;	}
.navbar .media-s-hed a.mark_bkR:hover {text-decoration-color: #FFF;color:#FFF!important;}

.navbar .nav-item  a.icon_file,
.navbar .nav-item  a.icon_mail{background-position:20px center;padding-left:40px!important;}
.navbar .nav-item .nav-text-line div.small{display:inline-block;margin-left:16px;font-size:100%;}

.navbar .nav-item  a.icon_mail:hover div.small{text-decoration:underline;text-decoration-color: #db4c3a; }


.sticky-wrapper{height:80px!important;}
.wrapper{padding-top:80px;}
.site-header{display:none;}

.main-menu .site-logo{display:inline-block;}
.navbar {background:#FFF;}
.sub-fixed{top:0!important;}

	.media-s-hed{line-height:50px;display:block;font-size:14px!important;}
	.media-s-hed .linkbox{
	width:50%;text-align:center;
	float:left;
	}
	.media-s-hed  a{display:block;}


	.media-s-hed .linkbox_r{border-left:1px solid #D7D7D7;}
	.media-s-hed .linkbox::after{clera:both;}
	.circle_arrow_nav:before{border-color:#FFF!important;}
}

@media (max-width: 480px){
	 .wrapper{ padding-top:45px;/*←headerの高さ*/}
   .site-section {padding: 40px 0; }
     .sticky-wrapper {height:45px!important;}
     .sub-fixed{top:-22px!important;}

	.navbar .site-logo{padding:14px 0 15px 20px; }
	.navbar .site-logo div{line-height:15px;}
	.navbar-toggler{height:57px;width:66px;}
	.site-navbar .site-header{padding:0;}
	.navbar .nav-item .dropdown-menu .media-s a{padding-left:0px;}
	.navbar .dropdown-menu div[class*="col"] { margin-bottom:0;}
}

	.linkbox_sp{line-height:50px;text-align:center;border-top:0!important;position:relative;}
	.linkbox_sp .circle_outer_link{bottom:0;}
	.nav-text-line{line-height:20px;padding:8px 11px !important;}
	.nav-text-line div{line-height:16px;}
/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
  top:0;
    right: -120%;
  width:100%;
    height: 100vh;/*ナビの高さ*/
  background:#999;
    /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
  list-style: none;
    text-align: center;
}

#g-nav li a{
  color: #333;
  text-decoration: none;
  padding:10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/*------- タブナビゲーション-------*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background:#001871;	color:#FFF;
border:0;padding-bottom:1px;
}
.nav-tabs .nav-item{margin-right:10px;}
.nav-tabs .nav-link{
	background:#FFF;line-height:60px;width:200px;
	padding:0 1rem;
	text-align:center;
	border:1px solid #dee2e6;
	font-weight:500;
	}
.nav-tabs .nav-link:hover{opacity:0.7;}
.nav-tabs .nav-item.show .nav-link,
.tab-content .tab-pane{padding-top:100px;}
@media (max-width: 480px){
.nav-tabs .nav-link{width:110px;}
.tab-content .tab-pane{padding-top:40px;}
}

/**********************
　　 >付きボタン
**********************/
.btnbox{
	position:relative;
	display:inline-block;
	}

.link_btn {
	border-radius: 5px;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	padding:15px 15px 15px 20px;
	color:#001871;
	border:1px solid #001871;
	min-width:250px;
	display:block;
	text-align:center;
	line-height:20px;
	background:none;
	}
	.link_btn:focus,
	.link_btn:hover{
		transition: all 0.2s;
		text-decoration: none;
}

.markbox{
	position:relative;
	display:inline-block;
	}
	.markbox .link_btn:after {
	 content: '';
	 width: 12px;
	 height: 12px;
	 border: 0px;
	 border-top: solid 2px #001871;
	 border-right: solid 2px #001871;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	 bottom:35%;
	 right:8%;
	}
	.markbox .markLink,
	.markbox .windowLink{
	background:#001871;
	border:0;
	color:#FFF;
	min-width:250px;

	}
	.markbox .markLink:hover,
	.markbox .windowLink:hover{
	color:#FFF;opacity:0.8;
	text-decoration: none;
	}
	.markbox .markLink:after {
	 content: '';
	 width: 12px;
	 height: 12px;
	 border: 0px;
	 border-top: solid 2px #FFF;
	 border-right: solid 2px #FFF;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	 bottom:35%;
	 right:8%;
	}
	.markbox .markLink_S{
	min-width:200px;
	padding:12px 25px 13px 20px;
	}
	.markbox .markLink_L{
	width:305px;
	}
	.markbox .windowLink:after{border:0;}
	.markbox .windowLink{
		background:#001871 url(../images/window.png) no-repeat 93% center;
		background-size:18px 18px;
		padding:15px 30px;
	}
	.markbox .markLinkR{background-color:#db4c3a;border:1px solid #db4c3a!important;color:#FFF;}
	.markbox .markLinkR:hover{opacity:0.8;}
	.markbox .markLinkR.link_btn:after{
		border-color:#FFF;
	}
	.markbox .mail_link:after{border:0;}
	.markbox .mail_link img{width:20px;margin:0 8px 4px 0;}





.circle_arrow {
  	color: #FFF;
	}
	.circle_arrow:before {
  	content: '';
  	width: 18px;
  	height: 18px;
  	background: #001871;
  	border-radius: 50%;
  	position: absolute;
  	bottom: 20px;
  	right: 20px;
  	margin-top: -9px;
	}
	.circle_arrow:after {
  	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0;
  	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
  	position: absolute;
  	bottom: 26px;
  	right: 27px;
  	margin-top: -4px;
  	transform: rotate(45deg);
}
.circle_arrow_nav {margin-right:2px;}
.circle_arrow_nav:before{
	content: '';
  	width: 7px;
  	height: 7px;
  	border: 0;
  	border-top: solid 2px #2B2F38;
  	border-right: solid 2px #2B2F38;
  	position: absolute;
  	bottom: 45%;
  	right:-13px;
  	transform: rotate(135deg);
}
.navbar .nav-item .nav-link:hover .circle_arrow_nav:before{border-color:#001870;}

.circle_outer_link{
	position: absolute;
	background:#FFF url(../images/newwindow02.svg) no-repeat 93% center;
	background-size:16px 16px;
	bottom: 14px;
  	right: 27px;
  	width:18px;
	}

.circle_outer_link_en{
   padding-right:36px;
	position: absolute;
	background: url(../images/newwindow01.svg) no-repeat 93% center;
	background-size:20px 20px;
	bottom: 12px;
  	right: 8px;

	}

.circle_link{
	background:#FFF url(../images/newwindow02.svg) no-repeat right  center;
	padding-right:12px;
	text-decoration:underline;
	}
/*opacity:0.8;*/

/* CSSアニメーションの指定 */
.Headline{
  animation: SlideIn 0.7s;
}

/* CSSアニメーションの設定 */
@keyframes SlideIn {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.table_box{display: table;}
.table_box .table_top{display: table-cell; vertical-align: top;}
.table_box .table_mdl{display: table-cell; vertical-align: middle;}
.table_box .table_btm{display: table-cell; vertical-align: bottom;}


ol.number  {
    position: relative;
    margin:0;
    padding:0
}

ol.number li  {
    list-style: none;
    list-style-position:outside;
    margin:0;
    padding-left:1.25em;
    margin-bottom:10px;
}
ol.number li span {
    position: absolute;
    left:0;
    margin:0
}
.mobile-block{display:none;}
.mobile-none{display:block;}

@media screen and (max-width: 990px) {
.mobile-block{display:block!important;}
.mobile-none{display:none!important;}
.mobile-bg-light{background:#FFF7EF;}
	}

@media screen and (max-width: 480px) {
#support-section .markbox,
#product-section .markbox,
#seminar-section-CST .markbox {text-align:center;width:100%;margin:30px 0;}
#support-section .markbox .markLink,
#product-section .markbox .markLink,
#seminar-section-CST .markbox .markLink{width:250px;margin:0 auto;}
.box-body{border:1px solid #D7D7D7;background:#FFF;padding:10px;text-align:center;}
.box-body img{width:80%;}
	}
/****************************
  LOGIN
*****************************/
#login h2,
#input h2{margin-bottom:20px;}
/****************************
  TOP
*****************************/
#opening-section .link_on{position:relative;}
#opening-section .link_on .markbox{ position:absolute; }

#opening-section .owl-style .owl-dots, .slide-one-item .owl-dots{top:90%!important;}
#opening-section .owl-style .owl-dots, .slide-one-item div h1{margin-bottom:20px;font-size:2.95rem;}
/* CST Sudio Suite */
#opening-section .gra-back{
	background: linear-gradient(to right, #001871 0%, #00B9BF 100%);
	height: 550px;
	color:#FFF;
}
#opening-section .link_on .markbox{ position:absolute; }
#opening-section .gra-back .text-box .textoverlay img{width:90%;}
#opening-section .gra-back .text-box{height: 550px; color:#FFF;}
#opening-section .gra-back .back-img{
	background: url(../images/top/slider01.png) no-repeat right bottom;
	background-size: contain;
}
#opening-section .gra-back .markbox{ left:16px;  top:70%; }
#opening-section .back4 .markbox{ left:352px;  top:70%; }
#opening-section .back1 .markbox{ top:75%; left:50%; transform: translateX(-50%);}
#opening-section .back4{
	height:550px;
	background:#001871 url(../images/top/slider_webinar1026.png) no-repeat left center;
	background-size:cover;
	text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
#opening-section .back1{
	height:550px;
	background:#001871 url(../images/top/cts2024L.png) no-repeat center  center;
	background-size:cover;
	text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-bottom:1px solid #F3F3F3;
}


#opening-section .back4 .back-img img{
	max-width:600px;
	position: relative
}

 #opening-section .back9{
	height:550px;
	background:#FFF url(../images/top/MWE2022.png) no-repeat  center center;
	background-size:cover;
	text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  position: relative;
 }
  #opening-section .back4 a,
  #opening-section .back1 a
  {display:block;width:100%;height:100%;}

 #opening-section .back8 .img-box,
  #opening-section .back1 .img-box,
  #opening-section .back4 .img-box{
 display:none;
 }

  #opening-section .back9 .img-box{
 display:none;
 position:absolute;
 width:100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

 }

a.no-line {
  text-decoration: none;
}

@media screen and (max-width: 990px) {
	#opening-section .gra-back .text-box{max-width:initial;height: 100%;}
	#opening-section .gra-back .back-img{max-width:initial;height:500px;background-position: right center;}
	#opening-section .gra-back .text-box .textoverlay,
	#opening-section .back1 .text-box .textoverlay{position: relative; top:0;left:0;margin:80px auto 40px auto;text-align:center;}
	#opening-section .gra-back .text-box .textoverlay h1{margin-bottom:40px;}

	#opening-section .gra-back .markbox{position:relative;left:0;}
	#opening-section .back4 .markbox{top:75%; left:50%; transform: translateX(-50%);}

	/*
	#opening-section .gra-back .text-box .textoverlay p,
	#opening-section .back1 .text-box .textoverlay p{font-size:22px;line-height:44px;}
	*/
	#opening-section .gra-back,
	#opening-section .back4,
	#opening-section .back1,
	#opening-section .back6,
	#opening-section .back8,
	#opening-section .back9{height:780px;}
	#opening-section .back2 .back-img img,
	#opening-section .back3 .back-img img,
	#opening-section .back6 .back-img img,
	#opening-section .back8 .back-img img,
	#opening-section .back9 .back-img img{max-width:500px;}

	#opening-section .back1 {	background:#001871;}
	#opening-section .back8 {	background:#1e2c4c;}
	#opening-section .back9 {	background:#FFF;}
	#opening-section .back1 .img-box,
	#opening-section .back9 .img-box{
	 display: flex;
	  justify-content: center;
	  height: 100%;
	  align-items: center;
	}

	#opening-section .back4{
	background:#1e2c4c url(../img/details/webinar1026.png) no-repeat 0 center;
	background-size:100%;
	text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}


}

@media only screen and (max-width: 640px) {
		#opening-section .gra-back .text-box .textoverlay,
    #opening-section .back1 .text-box .textoverlay{padding:0 20px;}

#opening-section .back4 .img-box,#opening-section .back1 .img-box{
	 display: flex;
	  justify-content: center;
	  height: 100%;
	  align-items: center;
	}
}

@media (max-width: 480px){
	#opening-section .gra-back,
	#opening-section .back2,
	#opening-section .back3,
	#opening-section .back4,
	#opening-section .back1,
	#opening-section .back6,
	#opening-section .back8,
	#opening-section .back9{height:340px;}
	#opening-section .back2 .back-img img,
	#opening-section .back3 .back-img img,
	#opening-section .back6 .back-img img{max-width:350px;}

  #opening-section .back1 .text-box .textoverlay p{font-size:16px;line-height:20px;}
  #opening-section .gra-back .back-img{display:none;}

  /*
	#opening-section .gra-back .back-img img{
    max-width:623px;
    height:50%;
  }
  */
  #opening-section .back1 .text-box .textoverlay {
    position: static;
  }
  	#opening-section .gra-back .text-box .textoverlay{margin:40px 0 10px 0;text-align:center;padding:0;}
  	#opening-section .gra-back .text-box .textoverlay img{width:70%;margin:0 auto;}
	#opening-section .gra-back .back-img{max-width:initial;height:160px;background-position: center center;}
	#opening-section .back4 .markbox,
	#opening-section .back1 .markbox{top:65%;}
}

#top-product-section .markbox {margin-right:16px;margin-bottom:16px;}

/* --  コンテンツピックアップ  ---*/
#contents-section{
	margin:20px 0 80px 0;
}
#contents-section #img-box{
	margin-bottom:40px;
	}
	#contents-section #img-box .card{border:1px solid #E6E6E5; }
	#contents-section #img-box a{color:#2B2F38;text-decoration:none;}

	/* #contents-section #img-box a:hover .h5{color:#001871;}*/
	#contents-section #img-box .card-header{position: relative;
	max-height:180px;background:#FFF;height:180px!important;
	overflow:hidden;}
	#contents-section #img-box .card-body{padding:0 20px 20px 20px;}
	#contents-section #img-box .card-body .h5{margin:30px 0 15px 0; position: relative;border-bottom:1px solid #E6E6E5;padding-bottom:24px;}
	#example-section #contents-section #img-box .card-body .h5{border-bottom:0;}
	#contents-section #img-box .card-header .caption {
	text-align: 		center;
	padding-top:		35px;
	color:			#fff;
	}
	#contents-section #img-box  .stup .card-header{line-height:40px; 	text-align: left;}

	#contents-section #img-box .card-header  .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.1s ease;
	transition:		all 0.1s ease;
	}

	#contents-section #img-box .startup .card-header .mask{}
	#contents-section #img-box .startup .card-header .info{
		text-align:left; padding:20px;
		line-height:30px;background:#FFF;width:80%;
		position:		absolute;	/* 絶対位置指定 */
		left:10%;
		top:28%;
		color:#001871;
		font-size:16px;
		border:1px solid #D7D7D7;
		}

	#contents-section #img-box a:hover .mask {
	opacity:		1;	/* マスクを表示する */
	}


#contents-section #img-box a:hover .circle_arrow:before{
	opacity:0.6;
	 transition: all .2s;

	}
#contents-section #img-box a:hover .circle_arrow:after{
	opacity:0.6;
 	transition: all .2s;
}

#contents-section #img-box a:hover .circle_outer_link{
	opacity:0.5;
	 transition: all .2s;
	}



/* #contents-section #img-box a:hover .card-body{background:#FFF7EF;}*/


	/*
	#contents-section #img-box a:hover img{transform:scale(1.2,1.2); transition:0.7s all;}
	#contents-section #img-box  .h5 span::after{
	  position: absolute;
	  bottom: -4px;
	  left: 0;
	  content: '';
	  width: 100%;
	  height: 1px;
	  background: #001871;
	  transform: scale(0, 1);
	  transform-origin: center top;
	  transition: transform .2s;
	}
	#contents-section #img-box a:hover .h5 span::after{
	  transform: scale(1, 1);
	}*/



	#contents-section #img-box .card-body p{
	line-height:25px;
}


@media (max-width: 1250px){
	/*#contents-section #img-box .card-header{max-height:none;height:100%!important;}*/
	#contents-section #img-box .card-header .img-fluid{height:100%;}
	}
  @media (max-width: 767px){.top_event h3{margin-top:40px;}}
#contents-section .col-md-6 .card .card-header img{max-height:initial;width:100%;}
  @media (max-width: 480px){
  #contents-section{margin:20px 0 0 0;}
  #contents-section .site-section{padding-bottom:0;}

  #contents-section .col-md-6 .card .card-header img{width:100%;}
  }

/* --  問合せ ---*/
#top-info-section{
	background: url(../images/top/top05.webp) no-repeat center center;
	background-size:cover;
	position: relative;
	height:100%;
	color:#FFF!important;
	}
	#top-info-section .contents-bg{
	height:100%;
	background-color: rgba(0, 24, 113, 0.8);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	#top-info-section .h2 a{color:#FFF!important;}
	#top-info-section .under_line{border-color:#FFF;}
	#top-info-section .link_btn{border-color:#FFF;color:#FFF;}
	#top-info-section .link_btn:after{border-color:#FFF;}
	#top-info-section .markbox {margin:20px 15px 0 15px;}
	#top-info-section .link_btn:hover{background-color:rgba(255,255,255,0.3);}
	#top-info-section .text-small{margin-bottom:11px;}
	#top-info-section img.img-tel{width:25px;margin-top:-6px;margin-right:3px;}


/* --    NEWS ---*/
#news-section .table-responsive{height:180px;}
#News-section .table tr td:first-child {
  white-space:nowrap;
}

/* --    サイトマップ ---*/
#site-map .navbar .nav-item a{font-size:12px!important;padding:3px 0 2px 20px;}
#site-map .imgs{height:25px;}
#site-map .site-logo{line-height:20px;}
#site-map .border-bttom{border-bottom:1px solid #E6E6E5;}
#site-map dl{float:left;margin:30px 16px 0 0;width:auto; min-width:184px;}
#site-map dl{margin-top:30px;}
#site-map dt{margin-bottom:30px;}
#site-map dd{margin:0;line-height:30px;}
#site-map  a{color:#2B2F38;}
#site-map  a:hover{color:#001871;}

#site-map dl.abreast {
  display: flex;
  flex-wrap: wrap;
  margin:56px 0 32px 0;
}

#site-map dl.abreast dt {
  width: 72px;
}
#site-map dl.abreast dd {
	padding-right:32px;

}


#site-map .site-list:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#site-map .navbar-nav{background:none;width:100%;}
/*
#popover{margin-top:30px;}
#popover a{text-decoration:underline;}
.popover-header{display:none;}
.popover{max-width: 40%;}
.popover-title{background: #9FC53B!important;}

#site-map .navbar .nav-item a:hover:before,
#site-map .navbar .nav-item a:hover:after{border-color:#FFF!important;}

#site-map .navbar .nav-item a:hover{color:#FFF!important;}
*/
#site-map .dsinfo{position: relative;}

#site-map .dsinfo .no_button {
  border: none;
  outline: none;
  background: transparent;
  text-decoration:underline;
}
#site-map .dsinfo .no_button:active {
 border: none;
  outline: none;
}
#site-map .dsinfo .no_button:focus {
 border: none;
  outline: none;
}
#site-map .dsinfop .no_button:hover {
color:#001871;
}
#popover .text-right{margin-top:-20px;}
#popover {
 max-width:67%;
     border: 1px solid #D7D7D7;
     padding: 32px;
}

@media screen and (max-width: 990px){
	#popover {display:none;}
}


@media (max-width: 480px){
	#site-map .imgs{height:11px;}
	#site-map .navbar .nav-item a{line-height:50px;padding:5px 0 4px 20px;}
#policy{font-size:11px;line-height:22px;border-top:1px solid #D7D7D7;padding:20px 0;}
#policy a {line-height:30px;}
#popover{font-size:11px;line-height:22px;margin-top:0;padding-top:20px;border-top:1px solid #D7D7D7;}
	}

/*********************
	アコーディオン(FAQ)
*********************/
 .panel-group .panel-heading {
    cursor: pointer;position: relative;
    color:#2B2F38;
	}
	.panel-group .panel-default{margin-bottom:20px;}
	.panel-group .panel-collapse{
	position: relative;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	background:#FFF;
	padding:0;
	}
	.panel-group  .panel-title{
	/*background:#ddf8f9;*/
	padding:10px;
	margin-bottom:0;
	border:1px solid #d7d7d7;
	}
	.panel-group .panel-body{
	padding:10px 20px;}
	.panel-group  .panel-title a{color:#2B2F38;font-weight:600;}
	.panel-group  .panel-title a span::before,
	.panel-group  .panel-title a span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #001871;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
  	}

 	.panel-group  .panel-title a span::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.1s;
  	}
	.panel-group .panel-title a[aria-expanded="true"] span::after {
    transform: rotate(0);
    transition: 0.1s;
}

#contact-section .card-body{padding-bottom:7px;}
#contact-section .panel-group{
	max-width:890px;
	margin:0 auto;
}
#contact-section .panel-group  .panel-title{
	padding:0;
	display: flex;
	font-size:16px;
	height:56px;
  	}
#contact-section .panel-group  .panel-body-title{
	padding:0;
	margin:0;
	display: table;
	height:60px;
  	}
#contact-section .panel-group  .panel-body-title .answer{
	display:table-cell;
   	vertical-align:middle;
   	padding-left:30px;
	}
#contact-section .panel-group .text-icon{
	width:60px;
 	text-align:center;
 	font-size: 22px;
 	font-weight:600;
	}
#contact-section .panel-group  .panel-title .text-icon{
	background:#001871;
	color:#FFF;
	}
#contact-section .panel-group .panel-body-title	.text-icon{
	background:#FFF;
	color:#00B9BF;
	line-height:60px;
	display:table-cell;
	width:54px;
	}


#contact-section .panel-group  .panel-title a{
	padding:0 0 0 30px;
}

#contact-section .panel-group  .panel-title .text-icon,
#contact-section .panel-group  .panel-title a{
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#contact-section .panel-group  .panel-title .text-icon{
 -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#contact-section .panel-group  .panel-body{
	padding:10px 20px 30px 90px;
	}


#contact-section .migration-link-phBox  a{	border-radius:0;}
#contact-section .migration-link-phBox  a .circle_arrow:before{bottom:39%;}
#contact-section .migration-link-phBox  a .circle_arrow:after{bottom:39px; transform: rotate(134deg);right:26px;}


@media only screen and (max-width: 640px) {
	#contact-section .panel-group  .panel-body{
		position: relative;
		padding:20px 20px 30px 10px;
	}
	#contact-section .panel-group  .panel-body::before{
		position: absolute;
	    top: 0;
	    content: '';
	    width: 92%;
	    border-top: 1px solid #D7D7D7;
	}

}

@media (max-width: 480px){
#contact-section .panel-group  .panel-title a{	padding:0 15px 0 10px;}
#contact-section .panel-group .panel-body-title .answer{padding-left:5px;}

	}

/* ******************
	お問い合わせ共通
********************/
/*------オンライン --------


#contact-online-section dl.list{
	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	}
	#contact-online-section dl.list dt {
	 display: flex;
  	width: 20%;
  	line-height:80px;
  	border-bottom:1px solid #D7D7D7;
	}
	#contact-online-section dl.list dt img{
	width: 65px;height:65px;margin-right:20px;
	}
	#contact-online-section dl.list dd {
 	 width: 80%;
 	 border-bottom:1px solid #D7D7D7;
 	 line-height:80px;
 	 margin:0;
	}
	#contact-online-section dl.list dd a{
 	display:inline-block;
	}
	#contact-online-section dl.list dd img{
 	 width: 135px; margin:0 20px;
}

#contact-online-section ul {
  	padding: 0;
	}
	#contact-online-section li {list-style-type: none;	}
	#contact-online-section dd { margin-left: 0;}
	#contact-online-section .flow {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: space-between;
	  -ms-flex-pack: space-between;
	  justify-content: space-between;
	}
	#contact-online-section .flow > li {
	  -ms-flex-preferred-size: 22%;
	  flex-basis: 22%;
	}
	#contact-online-section .flow > li .icon {
	  font-family: 'Montserrat', sans-serif;
	  font-size: 18px;
	  line-height: 50px;
	  width: 50px;
	  color: #fff;
	  background: rgb(21 66 156);
	  margin: 0 auto 20px;
	  display: block;
	  border-radius: 50%;
	  text-align: center;
	  position: relative;
	  letter-spacing: 2px;
	}
	#contact-online-section .flow > li .icon::before {
	  content: "";
	  border: solid transparent;
	  border-width: 8px;
	  border-top-color: rgb(21 66 156);
	  position: absolute;
	  top: calc(100% - 2px);
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	}
	#contact-online-section .flow > li dl {
	  padding: 30px 20px;
	  margin: 0;
	  border: 3px solid  rgb(21 66 156);
	  position: relative;
	}
	#contact-online-section .flow > li:not(:last-child) dl::before {
	  content: "";
	  width: 14px;
	  height: 14px;
	  margin-right: 10px;
	  display: inline-block;
	  border-top: 4px solid  rgb(102 153 255);
	  border-right: 4px solid  rgb(102 153 255);
	  position: absolute;
	  top: calc(50% - 14px);
	  left: 104%;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	#contact-online-section .flow > li dl dt {
	  font-size: 20px;
	  font-weight: 600;
	  color:  rgb(21 66 156);
	  -ms-flex-preferred-size: 20%;
	  flex-basis: 20%;
	  margin-bottom: 1vh;
	  text-align: center;
}

#info-section .box{
    position: relative;
    width: 100%;
    height: 500px;
}

#info-section .box img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#info-section .box div.box_body{
    position: absolute;
    left: 25%;
    background: #fff;
    z-index: 5;
    bottom: 80px;
    width:50%;
    height:  auto;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 3px #cecece;
    text-align: center;
}
#info-section .box div.box_body .markbox_L{width:80%;}
#info-section .box div.box_body img{position:relative;    width: 30px;}
#info-section .box div.box_body h4{color:#0094bf;}
*/

#page-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index:100;
}
#page-top a {
    color:#FFF;
 	background: #001871;
 	font-size: 36px;
  	text-align: center;
	width: 40px;
	height:40px;
	line-height: 64px;
	display:block;
	/* border-radius: 20px;*/
}
#page-top a:after {
	 content: '';
	 width: 10px;
	 height: 10px;
	 border: 0px;
	 border-top: solid 2px #FFF;
	 border-right: solid 2px #FFF;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(315deg);
	 position: absolute;
	 top:18px;
	 right:15px;
}

/*****************
/*  ページ下部　問合せ
*****************/

#page-bottom {
	margin:0;
    position: fixed;
    bottom: 80px;
    right: 0px;
     z-index:100;
     border-top:5px  double #d7d7d7;
     border-bottom:5px  double #d7d7d7;
     border-left:5px  double #d7d7d7;
	}
	#page-bottom a {
	    background: #001871;
	    text-decoration: none;
	    width: 250px;
	    padding: 10px 0;
	    text-align: center;
	    display: block;
	    border-radius: 0px;
	   /* opacity: 0.55;*/
	   color:#efff00;
	   line-height:12px;
	}
	#page-bottom a span{font-size:13px; color:#fff;}
	#page-bottom a:hover {
	    text-decoration: none;
	    background: #183396;
	}
	#page-bottom img{
	width:30PX;
	}
	@media print {
		.pagetop,.pagebottom{display:none;}
}

.toast{
	margin:0;
    position: fixed;
    bottom: 50px;
    right: 0px;
     z-index:100;
     }
    .toast .toast-header{background:#001871;color:#FFF;}
    .toast .toast-header img{width:30px;margin-right:10px;}
    .toast .toast-header button{color:#FFF;}
	.toast .markbox{width:180px; margin:20px auto 10px auto;}
   .toast .markbox .link_btn {padding:5px 0 !important;}
/*****************
/*  フッター　メニュー
*****************/
#footerMenuBar-MobileTablet{
	  transition: .5s ease-in-out;
	  transform: translateY(105%);
	  position: fixed;/*画面下に固定*/
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: auto;
	  background-color: #001871;/*背景色　#3292EB*/
	  -webkit-box-shadow: 0px -2px 5px rgba(0,0,0,0.50);
	  box-shadow: 0px -2px 5px rgba(0,0,0,0.20);
	  z-index:100;
	}
	#footerMenuBar-MobileTablet .list{
	  margin: 5px;
	  display: flex;/*以下でセンター配置*/
	  flex-flow: row nowrap;
	  align-items: center;
	  justify-content: center;
	}
	#footerMenuBar-MobileTablet .list a{
	  text-decoration: none;
	  color: #fff;/*文字色*/
	  flex: 1 1 auto;/*エリアを等分割*/
	  text-align: center;
	  display: inline-block;
	  line-height:22px;
	}
	#footerMenuBar-MobileTablet .list a:hover{
	color:#efff00;
}

.table_list {
	display:table;
 	vertical-align: middle;
	margin-bottom:50px;
	border:1px solid #D7D7D7;
	margin:0 10px 10px 10px;
	}
	.table_list .table_cell{
	display:table-cell;
	vertical-align: top;
	padding:0;
	}
	.table_list h5{margin:10px;}
	.table_list img{width:200px;}
	.table_list .table_cell .cell_body{
	width:0;
	height:0;
    visibility: hidden;
    opacity: 0;
    }
	.table_list:hover .table_cell .cell_body{
	transition: 0.6s;
	visibility: visible;
    opacity: 1;
    width:300px;
    padding:20px;
    height:auto;
    }
.img-m{max-width:95%;}
.img-s{max-width:80%;}
.site-logo:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.site-logo .cst_title{
	 border-left:1px solid #D7D7D7;
	margin-left: 16px;
    padding-left: 16px;
	 }
.site-logo  img{height:17px;}

 @media (max-width: 480px){
  .site-logo div.cst_title{margin-left:10px;padding-left:10px;}
  .site-logo div.cst_title img{height:15px;width:auto;}
  .site-navbar .site-logo img{height:15px;}
  }


.arrow{
	position: relative;
	display: inline-block;
	padding: 0 16px;
	vertical-align: middle;
	text-decoration: none;
}

.arrow:before,
.arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 2px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 6px solid transparent;
	transition: all 0.2s;
	border-left: 8px solid #001871;
}
.card-body{padding:25px;}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
#main-nav ul {
    display: -webkit-flex;
    display: flex;
    list-style: none;
}
#main-nav li {
    width: 100%;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;

}
#main-nav li:hover {
    width: 200%;
}

#main-nav ul ul{ display: inline;list-style: inside;padding:0;}
#main-nav ul ul li{  -webkit-transition: none;    transition: none;}
#main-nav ul ul li:hover {  width:100%;}
#m_search{background:#FFF;  z-index:10;padding:20px 0 10px 0;border-top:1px solid #ececec;}
#m_search input{border-radius:0;}
#m_search button{
	height:40px;
	border-radius:0;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-bottom-right-radius : 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
}
#m_search .icon{
	padding-top:8px;text-align:center;
	color:#FFF;width:40px;background:#6c757d;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-bottom-left-radius : 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
}
/*******************************
 下印付き　（その1～）
*******************************/
.block-testimony-1{padding:0;}
.block-testimony-1 blockquote{
	font-size:14px;
	padding:5px 0;
	font-style:inherit;
	color:#0d355f;
	}

.block-testimony-2{padding:0 0 10px 0;}
.block-testimony-2 blockquote{
	font-size:14px;
	padding:5px 0;
	background: #ff8202;
    border-radius: 7px;
    color: #FFF;
    position: relative;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4); }

.block-testimony-2 blockquote:before {
      top: 100%;
      left: 30%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .block-testimony-2 blockquote:before {
      border-color: rgba(255, 221, 64, 0);
      border-top-color:#ff8202;
      border-width: 10px;
      margin-left: -15px; }

.block-testimony-3{padding:0 0 10px 0;text-align: center;width:170px;}
.block-testimony-3 blockquote{
	font-size:14px;
	padding:5px 0;
	background: #325fde;
    border-radius: 7px;
    color: #FFF;
    position: relative;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.4); }

.block-testimony-3 blockquote:before {
      top: 100%;
      left: 30%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .block-testimony-3 blockquote:before {
      border-color: rgba(255, 221, 64, 0);
      border-top-color:#325fde;
      border-width: 10px;
      margin-left: -15px;
  }







/*
.section0 {
  overflow: hidden;
  background-color: #f8f9fa;
}
.content01{
  min-height: 350px;
  width: 100%;
  background-color: #FFF;
   padding:0 40px;
}
.content02{
  width: 120%;
   min-height: 350px;
  background-color: #f8f9fa;
  transform-origin: left bottom;
  transform: rotate(-5deg);
   padding:0 40px;
}



.h2line {
  position: relative;
  padding: 0.25em 0;
}
.h2line:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

.block_square {
    position: relative;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}
.block_square .table{margin-bottom:0;}
.block_square .table td, .table th{padding:0;border:0;}
.block_square .table td{vertical-align:middle;}
.block_square .table th{width:60px;}
.block_square h5{padding:0;}
.block_square_txt{line-height:15px;color:#666;padding: 0 10PX;}
*/

 /*** 丸ボタン *****/
.btn-real-dent {
  /*周りの凹み*/
  display: inline-block;
  position: relative;
  text-decoration: none;
  color:#FFF;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background: #f7f7f7;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
  /*ボタン自体*/
  font-style: normal;
  font-weight:bold;
  position: absolute;
  content: '';
  width: 35px;
  height: 35px;
  line-height: 35px;
  left: 8px;
  top:7px;
  border-radius: 50%;
  font-size: 20px;
  background-image:linear-gradient(#11406d 0%, #037ef3 100%);
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  /*border-bottom: solid 2px #b5b5b5;*/

}

.btn-real-dent .fa:active {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #d8d8d8;
}

.form_row{margin-bottom:60px;}
.form_row select {background:#f8f9fa;}

/*
@media (min-width: 1360px) {
	.container{max-width: 1440px;}

}
*/

.site-blocks-cover h1{margin-bottom:20px;}

.site-blocks-cover{	color:#FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;}



.bk_academic{
	background:#FFF url(../images/header/academic.png) no-repeat center center;
	background-size:cover;
}
.bk_product{
	background:#FFF url(../images/header/seihin.png) no-repeat 100% center;
	background-size:cover;
}
.bk_example{
	background:#FFF url(../images/header/kaiseki.png) no-repeat center center;
	background-size:cover;
}
.bk_seminar{
	background:#FFF url(../images/header/seminar.png) no-repeat center center;
	background-size:cover;
}
.bk_contact{
	background:#FFF url(../images/header/contact.png) no-repeat 80% center;
	background-size:cover;
}

.bk_service{
	background:#FFF url(../images/header/service.png) no-repeat center center;
	background-size:cover;
}

.bk_support{
	background:#FFF url(../images/header/support.png) no-repeat center 60%;
	background-size:cover;
}
.bk_topics{
	background:#FFF url(../images/header/topics.png) no-repeat 70% center;
	background-size:cover;
}
.bk_column{
	background:#FFF url(../images/header/topics.png) no-repeat 70% center;
	background-size:cover;
}
.bk_stdedition{
	background:#FFF url(../images/header/stdedition.jpg) no-repeat center center;
  background-position: right 0% bottom 10%;
	background-size:cover;
}

.bk_emc{
	background:#FFF url(../images/header/emc_back.png) no-repeat 70%  center;
	background-size:cover;
}

.bk_antenna{
	background:#FFF url(../images/header/antenna.png) no-repeat right  center;
	background-size:cover;
}


.bk_eda{
	background:#FFF url(../images/header/eda.png) no-repeat right  center;
	background-size:cover;
}

.bk_hpc{
	background:#FFF url(../images/header/hpc.png) no-repeat right  center;
	background-size:cover;
}
.bk_download{
	background:#FFF url(../images/header/download.png) no-repeat right center;
	background-size:cover;
}

@media (max-width: 480px){
	.bk_emc p br{display: none;}
}

.post-meta {color: #b3b3b3; }
.contents-bg{
	height:100%;
	background-color: rgba(0,0,0,0.30);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}


@media (max-width: 768px) {
	.popover{ max-width: 80%;}

	}
.kakomi-box_p {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 background-color: #fff;
 border: 2px solid #f09199; /* 枠線の太さ・色 */
 box-shadow: 0 0 5px 2px #fce2c4 inset;/* 影の色 */
}
.kakomi-box_p .title-box{
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #f09199; /* タイトル文字色 */
}

.kakomi-box_b {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 background-color: #fff;
 border: 2px solid #000079; /* 枠線の太さ・色 */
 box-shadow: 0 0 5px 2px #d9deff inset;/* 影の色 */
}
.kakomi-box_b .title-box{
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #000079; /* タイトル文字色 */
}



.title_blue {
  position: relative;
  padding: 1em;
  background-color: #3887c7;
}
.title_blue::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #d8e7f3 #d8e7f3;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
/*******************
example
*******************/
#example-section  .col-md-6 .card .card-header img{max-height:164px;width:100%;}
#example-section  .site-section {margin-bottom:0;}
#example-section #contents-section{margin:0;}
#example-section .header-back{margin-top:50px;}

#example-list-section{margin-top:130px;padding-top:0;}
#example-list-section h1{margin-bottom:30px;}
#example-list-section .outline{border-bottom:1px solid #E6E6E6; padding-bottom:30px;margin-bottom:30px;}
#example-list-section ul{padding-left:30px;}
#example-list-section #img-box{margin:0;}
#example-list-section #img-box img{max-height:320px;max-width:600px;}
#example-list-section .table  th.img-box{background:#FFF;}
/*
#example-list-section  .table_list{margin:0;border:0;border-bottom:1px solid #E6E6E5;}
#example-list-section  .table_list:hover{background:#FFF7EF;cursor:pointer;}
#example-list-section  .table_list .img-box{padding:30px 0 30px 0;}
#example-list-section  .table_list .table_cell{padding:30px 0 30px 40px;}
#example-list-section  .table_list .img-box{width:185px;text-align:center;}
#example-list-section  .table_list .img-box img{width:auto; }
#example-list-section  .table_list .img-box .inner{width:100%;background:#FFF7EF;height:145px;
	position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center; }
*/
#example-list-section  .table .img-box .inner img{width:auto; max-width:98px;}
#example-list-section  .table{border-top:1px solid #D7D7D7;}
#example-list-section  .table td.outline{padding:16px;position: relative; background:#FFF;}
#example-list-section  .table td.outline .circle_arrow:before{bottom:4px;right:3px;}
#example-list-section  .table td.outline .circle_arrow:after{bottom:10px;right:10px;}


#example-details-section .table_list h5{border-left:5px solid #db4c3a;padding-left:10px;}
#example-details-section h1{padding-bottom:30px;border-bottom:1px solid #E6E6E6;margin-bottom:30px;}
#example-details-section .detailview h2{border-bottom:0;
	border-left: 5px solid #001871;
    padding-left: 15px;
    font-size:1.5rem;
    padding-bottom:0;
    margin-top:80px;
    }
#example-details-section .app_img img{border:1px solid #D7D7D7;}
#example-details-section .app_img div.img_info{text-align:center;font-size:13px;margin-bottom:20px;}
#example-details-section .pdf-block{text-align:right;}
#example-details-section .circle_outer_link_en{position: relative; background-position:right center;}
/*



#example-section .owl-style .owl-nav .owl-prev,
#example-section .owl-style .owl-nav .owl-next {
      top: 95%;
      -webkit-transform: translateY(-95%);
      -ms-transform: translateY(-95%);
      transform: translateY(-95%);
      width: 20px;
      height: 20px;
      border-radius: 0%;
      background: rgba(0, 0, 0, 0.4);
      }
      #example-section  .owl-style .owl-nav .owl-next {
      right: 0px;
      }
       #example-section   .owl-style .owl-nav .owl-prev {
      left: 85%; }

      .owl-style:hover .owl-nav, .owl-style:focus .owl-nav {
    opacity: 1;
    visibility: visible; }
      #example-section  .owl-nav {
       opacity: 1;
       visibility: visible;
}

#example-section .figheader{font-size:12px;line-height:15px;}

#example-section  .owl-style .owl-nav .owl-prev > span, .owl-style .owl-nav .owl-next > span {
        color: #FFF;
        font-size: 2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }*/



/*********************
	アコーディオン(サイド 事例で使用)
*********************/
.accordion-wrap{
    border-bottom: 1px dotted #dee2e6;
    font-size:16px;
}
.accordion-wrap span{
	font-size:10px;
	margin:0 3px 2px 0;
	}
.accordion-item{
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  line-height:70px;
  height:70px;
}

.accordion-header{
  transition: ease-in-out 100ms;
  padding-left:20px;
  font-weight:600;
}
.accordion-header:hover{
 color: #001871;
}

.accordion-text{
  width: 100%;

  display: none;
  padding-top: 5px;
  padding-bottom: 10px;
 }
.accordion-text div.indent{padding-left:20px;}

 .fa{
  transition: ease-in-out 300ms;
 }
.fa-angle-down:before {
    content: "\02228";
    color:#dee2e6;
    font-style:normal;
}

 .rotate-fa{
  transform: rotate(180deg);
 }


 .accordion-header .fa{
  float: right;
  line-height: 35px;
 }

 .accordion-gold{
  /*color: #001871;*/
 }

 .accordion-no-bar{
  border-bottom: 0;
}



.info_box{
	padding:10px 20px;;
	background:#FFF7EF;
	color:#333;
	}
	.info_box .title{
	font-size:16px;
	font-weight:bold;
}


/**********************
	解析事例　サイド
**********************/
.sidebar{
    position: sticky;
    top: 120px;
    width: 100%;
}
@media (max-width: 480px){
	.mobile-sidebar{display:none;}
	#example-list-section ul{padding-left:20px;}
	#example-list-section #img-box img.img-fluid {width:100%;}
	#example-list-section  .table_list .img-box {display:none;}
	#example-list-section .table_list .table_cell{padding-left:0;}

}

.sidebar-title{background:#001871;color:#FFF;padding-left:20px;}
.sidebar-title .h3{line-height:80px!important;}
.sidebar-box {
  margin-bottom: 30px;
  /*padding: 25px;*/
  font-size: 15px;
  width: 100%;
  float: left;
  background: #fff; }
  .sidebar-box *:last-child {
    margin-bottom: 0; }
  .sidebar-box .h3 {
    font-size: 18px;
    margin-bottom: 15px; }


/*  カテゴリ　*/
.categories ul{padding-left:15px;}
.categories li, .sidelink li {
  position: relative;
  padding-bottom: 10px;
  /*
  margin-bottom: 10px;

  */

  list-style: none; }
  .categories li:last-child, .sidelink li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0; }
  .categories li a, .sidelink li a {
    color:#2B2F38; }
    .categories li a span, .sidelink li a span {
      position: absolute;
      right: 0;
      top: 0;
      color: #ccc; font-size:15px;}
  .categories li.active a, .sidelink li.active a {
    color: #000;
    font-style: italic; }
   .categories li a:hover{color:#001871; text-decoration:underline;}
.categories .accordion-item{position: relative;}


.categories .fa-angle-right:after{
	 content: '';
	 width: 8px;
	 height: 8px;
	 border: 0px;
	 border-top: solid 2px #2B2F38;
	 border-right: solid 2px #2B2F38;
	 -ms-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 position: absolute;
	 bottom:43%;
	 right:8%;
}


.categories .item-active{color:#001871;}

.categories .accordion-gold .fa-angle-right:after{

	-ms-transform: rotate(134deg);
	 -webkit-transform: rotate(134deg);
	 transform: rotate(134deg);bottom:52%;
	 }
/*******************
  Seminar&Event
*******************/
#seminar-section{
	margin-top:130px;
	}
	#seminar-section .nav-tabs{
	padding-left: calc((100% - 1280px) / 2);
	}

#seminar-section #contents-section #img-box .card-header {
	max-height:220px; background:#FFF7EF;height: 220px!important;
	}
#seminar-section #contents-section #webnar #img-box .card-header {
	background:#FFF;
	}
#seminar-section #contents-section #seminar #img-box .card-header {
	height: 220px!important;
	}
#seminar-section #contents-section #seminar #img-box .card-band {
	background:#00B9BF;
	color:#FFF;
	font-size:18px;
	padding:8px 20px;;
	}
#seminar-section #contents-section #img-box .card-header .clr_btn{
	position: absolute;
    left: 20px;
    top: 20px;
    width: 150px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #E6E6E5;
    font-size: 12px;
	}
	#seminar-section #contents-section #img-box .card-header .clr_btn.back_orange{border:0;}
#seminar-section #contents-section #img-box .card-header .back_dgray{background-color:#d7d7d7;color:#2B2F38;}

 #contents-section #img-box .card-header .btn_mark i{font-size:20px;padding-bottom:2px;vertical-align: bottom;}

 #contents-section #img-box .card-header .btn_mark{
	position: absolute;
    left: 20px;
    top: 20px;
	}


#seminar-section #contents-section #img-box .card .card-body h4{margin:20px 0 10px 0;line-height:34px;}
#seminar-section #contents-section #img-box .card .card-body dl{margin:20px 0;}
#seminar-section #contents-section #img-box .card .card-body dd{margin:0;}
#seminar-section #contents-section .card .card-body{padding:30px 20px ;}
#seminar-section #contents-section #event .card .card-body{padding:	30px 20px 55px 20px ;}




#seminar-section #contents-section #webnar .card .card-body .text-small{
	margin-bottom:20px; line-height:25px;
	font-size:15px;font-weight:600;
}

#seminar-section #contents-section #event   #img-box .card-header .inner{overflow:hidden;}
#seminar-section #contents-section #event   #img-box .card-header img,
#seminar-section #contents-section #webnar #img-box .card-header img{
	/*max-height: initial;*/
	max-height:219px!important;
	height:100%;
	width:100%;
	}


#seminar-section #contents-section #seminar #img-box .card-header img{
	max-height:180px;
}
#seminar-section #contents-section #seminar .card .card-body .btn_mark{
	display:inline-block;
	width:100px;margin-right:10px;
}


#seminar-section #contents-section #seminar .card .card-body h4{margin-bottom:10px;}
#seminar-section #contents-section #seminar .card .card-body .h6{margin-bottom:20px;}
#seminar-section #contents-section #webnar .card-footer{
	padding:0 40px 10px 20px;
	background-color:#FFF; border:0;
	font-size:14px;line-height:20px;font-weight:500;
}

.seminar-section #img-box .card-header{border-bottom:1px solid #E6E6E5;}


#seminar-details-section  #img-box{
	display: table;
    position: relative;
	height:300px!important;background:#FFF7EF;
	margin-bottom:20px;
	max-width:620px;
	}
#seminar-details-section .card-body{padding-top:5px;}
#seminar-details-section dt{margin-top:20px;}

#seminar-details-section .table-responsive{margin-top:80px!important;}
#seminar-details-section .table td ul{padding-left:20px;}
#seminar-details-section .seminar-online-section .icon-timer{margin-top:8px;}
#seminar-details-section .ttip {outline:none; color: #001871;cursor: pointer;}
#seminar-details-section .ttip strong {line-height:30px;}
#seminar-details-section .ttip:hover {text-decoration:none;}
#seminar-details-section .ttip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:32px; margin-left:10%;
    width:69%; line-height:16px;

}
#seminar-details-section .ttip span img{width:100%;}
#seminar-details-section .ttip:hover span{
	opacity: 1;
    display:inline; position:absolute;
    background:#FFF;
    left:0;

       -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/*
#seminar-details-section .ttip span::before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 12px solid #FFF7EF;
  position: absolute;
  bottom: 99%;
  left: 60%;
  transform: translateX(-50%);
}
*/
@media only screen and (max-width: 1200px) {
	#seminar-details-section .ttip span {width:90%;}
	#seminar-details-section .ttip span::before {left: 50%;}
}

/*
#seminar-details-section table.table-bordered{border:0!important;}
#seminar-details-section table.table-bordered th,
#seminar-details-section table.table-bordered td{border-left:0!important;border-right:0!important;}
#seminar-details-section table.handson{margin-top:85px;}
#seminar-details-section table.handson th{width:160px;}
#seminar-details-section table th{width:350px;vertical-align: top;}
*/

#seminar-details-section .markbox{margin:40px 0;}
#seminar-details-section h1,
#seminar-online-details h1,
#movie-details h1{
border-bottom: 1px solid #E6E6E5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    line-height: 48px!important;
}
#seminar-details-section h1{ position: relative}
#seminar-details-section h2{ margin:40px 0;}
#seminar-details-section h2 span{font-weight:normal;}
#seminar-details-section .h5{margin:40px 0 20px 0; position: relative;padding-left:25px;}
#seminar-details-section .h5:before{content:"\025a0";color:#001871; position: absolute;top:0;left:0;}
#seminar-details-section .info_box{margin-top:80px;}
#seminar-details-section .btn_mark{position: absolute;bottom:35px;right:0;}
#seminar-details-section .btn_mark i.material-icons{font-size: 20px;    padding-bottom: 2px;    vertical-align: bottom;}
#seminar-details-section ul.decimal{padding-left:20px;}

.ev_details p{font-size:24px;}
.ev_details_right .markbox {margin:30px 0;}
.ev_details h1{border-bottom:1px solid #E6E6E5;padding-bottom:30px;margin-bottom:30px;line-height:48px!important;}
.ev_details i{ vertical-align: bottom;}

#seminar-section-CST .markbox {margin:30px 0;}
#seminar-section-CST .btn_mark{margin-bottom:20px;}
#seminar-section-CST .sub{font-size:20px;margin-bottom:10px;}
#seminar-section-CST .youtube_box .imginfo{
	border:1px solid #00B9BF;
	color:#00B9BF;
	margin:8px auto;
	background:#FFF;
	width:232px;
	text-align:center;
}


#seminar-section-CST .container h2 {
    margin-bottom: 30px;
    line-height: 50px!important;
}
#seminar-section-CST .container .img_box{
	max-width:600px;
	display: table;
	text-align:center;
  }

#seminar-section-CST .container .img_box .box-body{
	display: table-cell;
    vertical-align: middle;
    height:400px;
    background:#FFF;
    padding:40px 0;
}
#seminar-section-CST.container .bg-light .box-body{
	background:none;
}
#seminar-section-CSTsupport-section .container .img_box .box-body img{
	max-height:280px;
	max-width:440px;
	width:100%;
}

.seminar-online-section .nav-tabs .nav-link{width:auto;min-width:200px;}
.seminar-online-section .icon-timer,
#movie-details .icon-timer{font-size:20px;position: relative;padding-left:25px;padding-bottom:1px;}
.seminar-online-section .icon-timer:before,
#movie-details .icon-timer:before{position: absolute;top:2px;left:0;color:#00B9BF;}

#movie-details .time-table .icon-timer{font-size:15px;padding-left:18px;}


#movie-details .icon-timer span{font-size:16px;}
.seminar-online-section .icon-timer span{color:#2B2F38;font-size:14px;}

.seminar-online-section  #img-box .card-body a{display:block;padding:8px 0;position: relative;}
.seminar-online-section  #img-box .card-body ul{list-style:none;}
.seminar-online-section  #img-box .card-body li{position: relative;}

/*
.seminar-online-section  #img-box .card-body a .circle_arrow{color:#2B2F38;font-size:13px;width:60px;padding-right:24px;}
.seminar-online-section  #img-box .card-body a .circle_arrow:before{right:0;width:15px;height:15px;top:15px;}
.seminar-online-section  #img-box .card-body a .circle_arrow:after{right:5px;top:14px;}

.seminar-online-section  #img-box .card-body a:hover .title{color:#001871!important; }
.seminar-online-section  #img-box .card-body a  .circle_arrow{color:#2B2F38;font-size:13px;width:60px;padding-right:0;;}
*/


.seminar-online-section  #img-box .card-body a  .circle_arrow:before{left:-20px;width:15px;height:15px;top:24px;}
.seminar-online-section  #img-box .card-body a  .circle_arrow:after{left:-16px;top:23px;}
.seminar-online-section  #img-box .card-body   .icon-timer{font-size:16px;padding-left:18px;}
.seminar-online-section  #img-box .card-body  .times{font-size:14px;text-align:right;margin-bottom:8px;}




/*.seminar-online-section  #img-box .card-body a  .icon-timer:before{color:#2B2F38;}*/

.seminar-online-section  #img-box .card-body a:hover .justify-content-between {
	border-bottom:1px solid  #001871;
	  transition: 0.1s;
	 /* transform: translateX(-50%);*/
}



.seminar-online-section  #img-box .card-body .h5{margin-top:0!important;}
.seminar-online-section  #img-box .card-body a div.subtitle span{color:#666;}

.seminar-online-section  #img-box .card-body ul{padding-left:20px;}
.seminar-online-section  #img-box .card-body ul.list{padding:0;}
.seminar-online-section  #img-box .card-body ul.list li{margin-right:0;width:90px;}
.seminar-online-section  #img-box .card-body ul.list li.auto{width:auto;}

#seminar-online-details h4{margin:10px 0 40px 0;}
#seminar-online-details ul{padding-left:20px;}

#seminar-details-section .mwe_info{padding:10px 40px;}
#seminar-details-section .mwe_info h4{margin: 20px 10px 10px 0;position: relative;padding-left:40px;}
#seminar-details-section .mwe_info h4 i{font-size: 28px; position: absolute;bottom:0;left:0;color:#00B9BF;}
#seminar-details-section .mwe_info .markbox {margin:20px 0;}
.seminar-online-section #img-box{position: relative;}
.seminar-online-section #img-box  .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		1;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.1s ease;
	transition:		all 0.1s ease;
	}

.seminar-online-section #trial1{position: relative;}
.seminar-online-section #trial1 .camp_info{
	height:50px;
	position:absolute; top:10px;font-weight:600;
	padding-bottom:5px;
	}
.seminar-online-section #trial1 .camp_info .markbox{margin-left:10px;}

#seminar-section{position: relative;}
#seminar-section .youtube_box{position: absolute;right:2%;top:-125px;width:537px;}
#seminar-section .youtube_box .movie{width:290px;}
#seminar-section .youtube_box table{margin:0;}
#seminar-section .youtube_box td{border:0;}
.seminar-online-section .camp_anq{padding:10px;width:610px!important;top:-100px!important;}
.seminar-online-section .camp_anq .markbox {margin-left:20px;}
.seminar-online-section .camp_anq .markbox .link_btn{background:#FFF;}


@media (max-width: 1440px){
	#seminar-section .nav-tabs{padding-left:5%;}
}
@media only screen and (max-width: 1250px){
	#seminar-section .youtube_box{width:650px;}
#seminar-section .youtube_box .movie{width:200px;}
}
@media only screen and (max-width: 671px){
	#seminar-section .youtube_box{width:450px;}
#seminar-section .text-info{display:none;}
}
@media (max-width: 480px){
#seminar-section .nav-tabs{padding-left:3%;}
#seminar-section{margin-top:40px;}
#seminar-section .nav-tabs .nav-link{line-height:40px;}
#seminar-section-CST .box-body .youtube_box{text-align:left;}


	}

@media only screen and (max-width: 420px){
	#seminar-section .youtube_box{width:400px;}
	#seminar-details-section .btn_mark{bottom:56px;}
	#seminar-details-section .row-table ul{padding-left:20px;}
	#seminar-details-section h3{ padding-bottom: 10px; margin-bottom: 10px; line-height: 38px!important;}
	.ev_details p{font-size:22px;}
	#seminar-details-section  #img-box{height:auto!important;}
   #seminar-section #contents-section #img-box .card .card-body h4{line-height:27px;}
   #seminar-section .youtube_box{position: static;margin-bottom:16px;}
   .seminar-online-section .camp_anq{width:auto!important;}

}

#seminar-section-list .btn_mark {padding:0;width:auto; max-width:100px;}


/*******************
 Academic
*******************/
/*
#academic-section .card_L .card-body{padding:60px 100px;}
*/

#academic-section-LE .card{max-width:620px;margin:0 auto;}
#academic-section-LE .card-body{padding:16px 39px;}
#academic-section-LE .card-body .border-top{margin:30px 0;}
#academic-section-LE .card-body .markbox{margin-top:24px;}

#academic-section-seminar #img-box{max-width:620px;margin:0;}
#academic-section-seminar #img-box .inner_bottom{height:400px;width:620px;text-align:center;}
#academic-section-seminar #img-box .inner_bottom img{margin: 0 auto;}

#academic-section-seminar .inner{display: table-cell;
    vertical-align: middle;}
#academic-section-seminar .box{
    position: relative;
    width: 100%;
    height: 500px;
}

#academic-section-seminar .box img{
    position: absolute;
    left: 0;
    top: 20px;
    width: 50%;
    height: auto;
    object-fit: cover;
}

#academic-section-seminar .box div{
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 5;
    top: 80px;
    width:60%;
    height:  auto;
    padding: 30px;
  	border:1px solid #E6E6E5;
  	/*
    box-sizing: border-box;
    box-shadow: 0 0 3px #cecece;
    text-align: justify;
    */
}


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

#academic-section-seminar .box{
    position: relative;
    height:auto;
    padding: 2%;
    box-sizing: border-box;
}

#academic-section-seminar .box img{
    position: static;
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}

#academic-section-seminar .box div{
    position: static;
    background: #fff;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
}
}


/*******************
 product
*******************/
#product-details .img-box{padding:30px;}
#product-details  #img-box{
	padding-right:20px;
	padding-left:20px;
}
#product-details .row{margin-right:-20px!important;margin-left:-20px!important;}

#product-details .img-box img{height:185px;}
#product-details .body-header h2{margin-bottom:20px;}
#product-details .body-header p{font-size:18px;line-height:34px;margin:0;}
#product-details .body-main{margin-top:100px;}
#product-details .body-main{margin-top:100px;}
#product-details .card-body .h6{margin:50px 0 30px 0;}
#product-details .card-body ul{margin:0;padding-left:23px;}
#product-details .infobox{border:1px solid #E6E6E6;line-height:50px;margin-top:30px;text-align:center;}
#item1 #img-box .card .card-header img{max-height:160px;}
#item2 #img-box .card .card-header img.img-2-1{max-height:280px;}
#item2 #img-box .card .card-header img.img-2-2{max-height:250px;}
#item3 #img-box .card .card-header img{max-height:200px;}
#item3 #img-box .card .card-header img.img-3-2{max-height:400px;}
#item4 .col-md-9 .card,
#item7 .col-md-9 .card{margin: 0  1.53rem ;}
#item5 #img-box .card .card-header img.img-up{max-height:200px;}
#item5 #img-box .card .card-header img.img-down{max-height:160px;}

 #product-section{
 	position: relative;
 	}
 	#product-section .container img{
 	max-width:600px;
 	width:100%;
 	}
 	#product-section p{
 	margin:0;
 	}
	#product-section .markbox {
	margin:30px 0!important ;
	}
	#product-section .markbox .markLink::after {
	content:'\02715';
	border:0;
	bottom:45%;
	transform:rotate(45deg);
	}
	#product-section .bg-content{
  	 background-image: url(../images/product/back02.svg);
 	background-position: 0 0;
 	background-repeat: repeat-y;
 	 z-index:-10;
	}
	#product-section .header-back{
		min-height:345px;
	}
	#product-section .header-back img{
    position: absolute;
  	display: block;
  	top:0;
  	left:0;
    z-index:0;
	width:100%;
  	min-height:345px;
  	object-fit: cover;
	}
	#product-section  .back01{position: relative;}
/*
	#product-section .back01:before{


	 content: "";
    display: inline-block;
    background: url(../images/product/back02-1.png);
    background-size: cover;
    width: 100%;
    min-height:690px;
    position: absolute;
    left: 0;
    top:-345px;
    z-index:-10;
  	}*/

	#product-section .back01:after{
    content: "";
    display: inline-block;
  	 background-image: url(../images/product/back02-2.png);
    background-size: cover;
    width: 100%;
    min-height:690px;
    position: absolute;
    left: 0;
   top:-346px;
    z-index:-10;
  	}



	#product-section .back02{
    position: absolute;
  	display: block;
  	top:0;
  	right:0;
    z-index:-2;
	width:100%;
  	min-height:690px;
  	 background-image: url(../images/product/back02-2.png);
 	background-position: 0 0;
 	background-repeat: no-repeat;
 	 z-index:-10;
	}
/*
    position: absolute;
  	display: block;
  	top:0;
  	left:0;
    z-index:-10;



	#product-section .header-back img{
	width:100%;
  	height:345px;
  	object-fit: cover;
  	} */


  product-section .back01{

		min-height:345px;
  }


	#product-section .footer-back{
	 position: absolute;
  	display: block;
  	bottom:0;
  	right:0;
    z-index:0;
	width:100%;
	text-align:right;
	}
	#product-section .footer-back img{
		/*width:100%;
  	height:345px;
  	/*object-fit: cover;*/

	}
#product-section .site-section{padding:170px 0;}
#product-section4{padding-top:140px!important;}
#product-section6{padding-top:130px!important;}



@media (max-width: 992px){
#product-section .bg-content{background:none;}
#product-section .footer-back{display:none;}
#product-section .site-section{padding:80px 0!important;}
#product-section .bg-content{background-size:1472px;}
#product-section .container img{margin-bottom:40px;}
}


	#product-section .h6{
	font-size:16px!important;
	color:#DB4C3A;
	display: inline-block;
	border-bottom:1px solid #DB4C3A;
	margin-bottom:30px;
	}
	#product-section .h6 span.point{
	font-size:26px;
	}
	#product-section .h2{margin-bottom:30px;line-height:40px!important;}
#product-section3 img{max-width:557px!important;}
#product-section5 img{max-width:415px!important;}

#product-section-try .box{
    position: relative;
    width: 100%;
    height: 500px;
}
/*
#product-section-try .box img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}
*/
#product-section-try .box .info-img{
    background-color:#000;
    display:inline-block;
}
#product-section-try .box .info-img img{
     opacity: 0.5;
    display:block;
}

#product-section-try .box div.box_body{
    position: absolute;
    left: 25%;
    background: #fff;
    z-index: 5;
    bottom: 80px;
    width:440px;
    height:  180px;
    padding: 30px 30px 25px 30px;
    border:1px solid #E6E6E5;
    /*
    box-sizing: border-box;
    box-shadow: 0 0 3px #cecece;*/
    text-align: center;
}
#product-section-try .box div.box_body .markbox {margin-bottom:25px;}
#product-section-try  .box div.box_body img{position:relative;    width: 30px;}


.modal-full .btn-footer .close {text-shadow:none;font-weight:500;opacity:1;margin:0 15px;font-size:15px;width:250px;}
.modal-full .btn-footer .close span{font-size:24px;opacity:1;text-shadow:0 1px 0 #fff;float:right;}
.modal-full .btn-footer .markbox   {margin:0 15px;}
@media (max-width: 610px){  /* 2段対応*/
	.modal-full .btn-footer .markbox   {padding-top:20px;}
}
@media (max-width: 480px){
	#product-section-try .box div.box_body{
	    left:0;
	    width:365px;
	    bottom: 260px;
	}
	#product-section .site-section{padding:0 0 10px 0!important;}
	#product-section .header-back{min-height:145px;}
	#product-section .header-back img{min-height:145px;}
	#product-section .markbox{width:100%;text-align:center;}
	#product-section .markbox .markLink,
	#product-section .markbox .windowLink{width:250px;margin:0 auto;}
	#product-section .mobile-block{padding-top:40px;}
	#product-section .mobile-block img{margin:10px 0 30px 0;}

}


 .product-section-info ul{ display: table; margin:0 auto;padding:0;}
  .product-section-info ul li{ display: table-cell;vertical-align: top;}

 .product-section-info .table_box img{float:left;width:120px;margin-right:20px;background:#FFF;}
 .product-section-info .table_box{
 	position:relative;
	width:470px;
	min-height:260px;
	height:100%;
	margin:0;
	background:#FFF;
	max-width:470px;
	margin:0 30px;
	padding: 20px;
	border:1px solid #D7D7D7;
	}
.product-section-info a{color:#2B2F38;display: inline-block;}
.product-section-info a .h5{color:#001871;margin-top:20px;}
.product-section-info a:hover{text-decoration:none!important;}
.product-section-info a:hover .circle_arrow:before{
	opacity:0.6;
	 transition: all .2s;

	}
.product-section-info a:hover .circle_arrow:after{
	opacity:0.6;
 	transition: all .2s;
}
@media screen and (max-width: 990px) {
.product-section-info .table_box{margin:15px auto;}
.product-section-info ul li{ display: block;}
}
@media (max-width: 610px){  /* 2段対応*/
 .product-section-info .table_box{width:100%;}
}
@media screen and (max-width: 480px) {

 .product-section-info .table_box img{width:85px;}


	}

/*******************
 service
*******************/
.service-section  .row{
	margin-right: -20px!important;
	margin-left: -20px!important;
 }
.service-section.img-box{padding:30px;}
.service-section  #img-box{
	padding-right:20px;
	padding-left:20px;
}
.service-section #img-box .card .card-header {height:230px;}
.service-section #img-box .card .card-header img{height:180px;}
.service-section .checkmark{
	padding-left:60px;
	position:relative;
}

.service-section .checkmark:before,
.service-section .checkmark:after{
	content:"";
	display:block;
	position:absolute;
}
.service-section .checkmark:before{
	width:40px;
	height:40px;
	border-radius:20px;
	background:#001871;
	border:1px solid #001871;
	left:0;top:-5px;
}
.service-section .checkmark:after{
	border-left:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
	width:15px;
	height:11px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:12px;
	top:7px;
}

#services-section2 #img-box .card .card-header {background:#FFF!important;}
#services-section2  #img-box .card .card-body {background:#FFF7EF;}
#services-section2 .checkmark:before{
	background:#db4c3a;
	border:1px solid #db4c3a;
}
#services-section3 .card-header{font-size:15px;line-height:35px;}
#services-section3 .card-body{padding:0;}
#services-section3 .owl-carousel .owl-item img{height:220px;width:auto!important;margin:0 auto;}


#services-section3 .owl-style .owl-nav{
  opacity: 10;
  visibility: visible;
}
#services-section3 .owl-style .owl-nav .owl-prev{left:0; }
#services-section3 .owl-style .owl-nav .owl-next{right:0; }
#services-section3 .owl-style .owl-dots,
#services-section3 .slide-one-item .owl-dots{display:none;}
#services-section3 .owl-style .h5{text-align:center;margin-top:10px;font-size:18px;}
#services-section3 .owl-style .owl-item div{padding:20px 0;}


#services-section img.seviceimg{height:570px;}
#services-section #card-block{margin-top:0;}
	#services-section .flow {
		list-style-type: none;
    	display: inline-block;
	}
	#services-section .flow li {
	   padding: 0 20px 43px 0;
	  margin:0 ;
	   position: relative;
	   display:table;
	}
	#services-section .flow li div{
	 display:table-cell;
	 vertical-align:middle;
	 padding-left:20px;
	}

	#services-section .flow  li::before {
 	content:"";
   	display:inline-block;
  	width:1px;
   	height:48px;
   	background-color:#db4c3a;
   	position:absolute;
   	top:50px;
   	left:25px;
	}
	#services-section .flow  li.non-line::before{
		width:0;
	}

	#services-section .flow li .icon {
	  height: 52px;
	  width: 52px;
	  color: #fff;

	  background: #db4c3a;
	  padding:0;
	  border-radius: 50%;
	  text-align: center;
	  position: relative;
	  letter-spacing:0;
	  padding-bottom:5px;
	  font-size:25px;
	  vertical-align:bottom;

	}
	#services-section .flow  li .icon:after{
	 content: "STEP";
	 left:12px;
	 top:0;
	  position: absolute;
	  font-size:12px;
	  letter-spacing:0;
	}
@media (max-width: 480px){
	#services-section3 ul{padding-left:20px;}


	}
/*
	#services-section .flow > li:before {
	  content: "";
	  width: 14px;
	  height: 14px;
	  margin-right: 10px;
	  display: inline-block;
	  border-top: 4px solid  rgb(102 153 255);
	  border-right: 4px solid  rgb(102 153 255);
	  position: absolute;
	  bottom:-14px;
	  left: 50%;
	  -webkit-transform: rotate(137deg);
	  transform: rotate(137deg);
	}
	#services-section .flow > li.non-class:before {
 		content: none;
	}
	*/
/*
.service-section1 h5,
.service-section2 h5{
	line-height:30px;
	margin-bottom:20px;
	border-bottom:1px solid #D7D7D7;
	padding-bottom:10px!important;}
#services-section .square div{background:#001871; color:#FFF;}
#services-section .owl-carousel-one img{height:300px;}
#services-section .owl-carousel-one h5{
	position:absolute;
	 top:1px; left:1px;
	 padding:8px 10px;  background-color:rgba(255,255,255,0.8);
	 }

#services-section .owl-style .owl-dots, .slide-one-item .owl-dots{top:100%;}


#services-section .owl-style .owl-nav .owl-prev,
#services-section .owl-style .owl-nav .owl-next {

      }
#services-section  .owl-style .owl-nav .owl-next {
 right: 0px;
 }
#services-section   .owl-style .owl-nav .owl-prev {
 left: 0%; }

#services-section  .back_service_info{
	padding-top:80px;
	background:#FFF url(../images/service/service7.png) no-repeat center center;
	background-size:cover;
	min-height:500px;
}
#services-section  .back_service_info2{
	padding-top:80px;
	background:#FFF url(../images/service/service8.png) no-repeat left center;
	background-size:cover;
}
#services-section  .back_service_info2 ul{background:rgba(255,255,255,0.8);}
#services-section .card .card-header{
	font-size:17px;
	background-color:#001871;
	color:#FFF;
	text-align:center;
	}


*/

/*******************
 support
*******************/
.support-section1{margin-top:130px;padding-top:0;}
#support-section .container .img_box{
	max-width:600px;
	display: table;
	text-align:center;
  }
 #support-section .container .itext_box_left{padding-left:40px;}
  #support-section .container .itext_box_right{padding-right:40px;}
#support-section .container .img_box .box-body{
	display: table-cell;
    vertical-align: middle;
    height:400px;
    background:#FFF;
    padding:40px 0;
}
#support-section .container .bg-light .box-body{
	background:none;
}


#support-section .container .img_box .box-body img{
	max-height:380px;
	max-width:440px;
	width:100%;
}
#support-section .container h2 {
    margin-bottom: 30px;
    line-height: 50px!important;
}
#support-section .markbox{margin-top:14px;}
.support-section2 .container .img_box .box-body img{width:auto!important;}
.support-section4 .container .img_box .box-body img{	max-height:280px!important;}
.support-section6 .container a{text-decoration: underline;}
  @media (max-width: 480px){
  .support-section1{padding: 40px 0;margin-top:0; }
  #support-section .markbox{margin-top:30px;}
  #support-section .container h2 { line-height: 34px!important;}
	#support-section .container .img_box{margin-bottom:20px;}
 	#support-section .container .itext_box_left{padding-left:20px;}
	}
/*******************
 技術トピックス
*******************/
#topics-section  .container{margin:0 auto;}
#topics-section  #img-box .card .card-header img{max-height:170px;}
#topics-section .card-body{padding:20px!important;min-height:320px;}
#topics-section .card-body .h5{margin:15px 0!important;}
#topics-section .card-header{border-bottom:1px solid #E6E6E5!important;}
#topics-section .owl-style .owl-nav{
  opacity: 10;
  visibility: visible;
}

#topics-section .owl-style .owl-nav .owl-prev,
#topics-section .owl-style .owl-nav .owl-next{
	background-color: #FFF;
    box-shadow: 0px 2px 7px 0px #ccc;

}

#topics-section .owl-style .owl-nav .owl-prev > span,
#topics-section .owl-style .owl-nav .owl-next > span{color:#2B2F38;font-size:20px;}
#topics-section .owl-style .owl-dots,
#topics-section .slide-one-item .owl-dots{display:none;}


#topicse-details-section h2{
	padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin:20px 0 30px 0;
}
#topicse-details-section h5{margin:40px 0 20px 0;padding-left:25px;position: relative;}
#topicse-details-section h5:before{content:"\025a0";color:#001871; position: absolute;top:0;left:0;}
#topicse-details-section img.solver{width:60px;}

#topicse-details-section td {
    vertical-align: middle;
}

/* 001 sitd, sifd img */
#topicse-details-section td.sitd_sifd {
    vertical-align: middle;
}
#topicse-details-section td.sitd_sifd img {
    width: 40px;
    position: relative;
}
#topicse-details-section td.sitd_sifd img.sitd {
    top: -10px;
}
#topicse-details-section td.sitd_sifd img.sifd {
    bottom: -10px;
}

#topicse-details-section div.img_field_source {
    display: flex;
    justify-content: space-between;
}

#topicse-details-section div.img_field_source img {
    max-width: 45%;
}

#topicse-details-section div.img_field_source img.arrow {
    max-width: 10%;
    align-self: center;
    padding: 8px;
}

#topicse-details-section h1{
	padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin:20px 0 30px 0;
}
#topicse-details-section h5{margin:40px 0 20px 0;padding-left:25px;position: relative;}
#topicse-details-section h5:before{content:"\025a0";color:#001871; position: absolute;top:0;left:0;}
#topicse-details-section img.solver{width:60px;}

#topicse-details-section .h5{margin:20px  0;padding-left:25px;position: relative;font-size:18px!important;}
#topicse-details-section .h5:before{content:"\025a0";color:#001871; position: absolute;top:0;left:0;}

#topicse-details-section td {
    vertical-align: middle;
}
/* 001 sitd, sifd img */
#topicse-details-section .sitd_sifd {
    vertical-align: middle;
}
#topicse-details-section .sitd_sifd img {
    width: 40px;
    position: relative;
}
#topicse-details-section .sitd_sifd img.sitd {
    top: -10px;
}
#topicse-details-section .sitd_sifd img.sifd {
    bottom: -10px;
}
#topicse-details-section-001 .flex-row{padding:0;}
@media screen and (max-width: 770px) {
	#topicse-details-section-001 .flex-row{padding:12px 0 0 0;}
}
/* 002 Field Sourceによる等価的な置換（右図はPort14の励起結果の例） */
#topicse-details-section div.img_field_source {
    display: flex;
    justify-content: space-between;
}

#topicse-details-section div.img_field_source img {
    max-width: 45%;
}

#topicse-details-section div.img_field_source img.arrow {
    max-width: 10%;
    align-self: center;
    padding: 8px;
}
#topicse-details-section div.img_txt {
   font-size:14px;
   margin-bottom:30px;
}

/* 011 等価回路抽出機能一覧テーブル 2列目 */
#topicse-details-section .no-wrap {
  white-space: nowrap;
}
/* 011 並行マイクロストリップ線路モデル（左）とS-Parameter（右）画像高さ揃え */
#topicse-details-section .img-lineup-011 {
  height: 290px;
}

/**********************
事例・機能動画
***********************/
#video-contents .h4{line-height:34px;}

.page_arrow_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.page_arrow_box > span {
  position: relative;
  padding: 5px 10px;
  margin-right: 20px;
  background-color: #001871;
  color: #fff;
}

.page_arrow_box > span::after {
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-width: 19px 0 19px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #001871;
    content: '';
}
.page_arrow_box > span.ar_box_left{
	background:#db4c3a;
	margin-left:40px;
	border:0;

}
.page_arrow_box > span.ar_box_left::after {
	border-color: transparent #db4c3a transparent #db4c3a ;
	 left: -10px;
	 border-width: 19px  10px 19px  0;
}

.page_navi {
    display: flex;
    justify-content: center;
    gap: 0 10px;
}
.page_navi div {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    color: #001871;
    text-align: center;
    line-height: 40px;
}
.page_navi div.active {
    border: 1px solid #001871;
    background-color: #001871;
    color: #fff;
}

.page_navi .next_arrow,
.page_navi .prev_arrow {
  position: relative;
}

.page_navi .next_arrow span:after,
.page_navi .prev_arrow span:after {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 1px #001871;
    border-right: solid 1px #001871;
    position: absolute;
    top: 15px;
}

.page_navi .next_arrow span:after {
    left: 12px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page_navi .prev_arrow span:after {
    left: 16px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.info_topics{
    margin:40px auto 80px auto;
    padding: 40px 0 30px 0;
    text-align: center;
    border:1px solid rgba(0, 0, 0, 0.125);
    border-radius:4px;
}
.info_topics .text-info {
    margin-bottom: 40px !important;
}
.info_topics .markbox{
    margin-right: 30px;
    margin-bottom: 10px;
}

.markbox .markLink.btn_red{
	background: #db4c3a;
}
.info_topics .markbox{margin-right:20px;}

.layer_shadow {
      box-shadow:
        0 1.9px 2.5px rgba(0, 0, 0, 0.057),
        0 5px 6.1px rgba(0, 0, 0, 0.076),
        0 10.1px 11.4px rgba(0, 0, 0, 0.086),
        0 19.2px 19.8px rgba(0, 0, 0, 0.092),
        0 8.4px 17.8px rgba(0, 0, 0, 0.01),
        0 80px 74px rgba(0, 0, 0, 0.01);
    }

/*******************
　動画閲覧共通
*******************/
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;

}

.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  max-height:410px;
  border:1px solid #D7D7D7;
 /* min-height:255px;*/
}
.youtube video{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
 /* min-height:255px;*/
}

.youtube iframe.ytplayer {
  max-height: initial;
  max-height: auto;
}
h3.video-title {
  margin-top: 40px;
}
.video-box video {
  width: 100%;
  height: auto;
  max-height:485px;
}

.video-box .chapter-time,
.video-box .chapter-title {
  cursor: pointer;
  caret-color: transparent;
}
tr.chapter:hover .chapter-title{
	color:#001871;
  	/*text-decoration:underline;*/
  	border-bottom:solid 1px 	#001871;
}
#movie-details video{ border:1px solid #D7D7D7;}
#movie-details .info_yt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: rgba(255, 247, 239, 0.9);
  text-align: center;
  margin: 0;
}
#movie-details .info_yt > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
#movie-details .video-box .video-title{margin-top:80px;padding-bottom:24px;border-bottom:1px solid #E6E6E5;}
#movie-details .time-table table{ width:100%;}
#movie-details .time-table table .times{text-align: right;  vertical-align:top;padding-bottom:8px;}
#movie-details .time-table table .times div{ line-height:20px;}
#movie-details .time-table .chapter-time {
  width: 4em;
  text-align: right;
  vertical-align:top;
  font-size:15px;
}


#movie-details .time-table .icon-timer:before{margin-right:4px;}

#movie-details .time-table .chapter-title {
  padding-left: 1em;
}
#movie-details .time-table .chapter-title{  position:relative;padding-left:28px;}
#movie-details .time-table .chapter-title .circle_arrow:before{left:0;width:15px;height:15px;top:16px;}
#movie-details .time-table .chapter-title .circle_arrow:after{left:3px;top:15px;}

#movie-details .right-navi{padding-left:35px;}
#movie-details .right-navi .navi-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

#movie-details .right-navi .navi-row img {
  width: 160px;
  height:90px;
  border:1px solid #E6E6E5;
}
#movie-details .right-navi .navi-row .title { margin-left: 10px;}
#movie-details .main-area{
	padding-right:0;
	max-width:860px;
}
#movie-details .main-area .video-title{margin-bottom:8px;}
#movie-details .main-area .youtube {margin-top:40px;}
#movie-details .border-top{margin-top:50px;}
#movie-details #card-block{margin-top:50px;}

#movie-details .right-navi .windowLink{min-width:100%;margin-top:40px;}

@media screen and (max-width: 1256px) {
	#movie-details .right-navi .navi-row {display: block;}
	#movie-details .right-navi .navi-row .title { margin-left: 0;}

	}

/*******************
　コラム
*******************/
/*　目次共通　*/
.mokuji{background:#F6F6F6;margin:80px 0;}
.mokuji .title{font-size:20px; padding:40px 0 0  40px;}
.mokuji ol{padding:24px 24px 40px 58px;}
.mokuji ol ol{padding:0 0 0 24px;}
.mokuji ol ol li{list-style-type:disc;}

#column-section h2{margin-top:80px;}
#column-section h3{margin:40px 0 16px 0;}
#column-section .migration-link-phBox a{padding:0px;border-radius:5px;}
#column-section .migration-link-phBox figure{margin:0 30px 0 0;}
#column-section .migration-link-phBox figure img{width:120px;height:73px;}
#column-section .migration-link-box h3{margin-bottom:0;}
#column-section ul.list-style-none{list-style:none;}

#column-section .migration-link-phBox a h3{margin:0 0 4px 0;}
#column-section .migration-link-phBox .arr{bottom:2px; right:8px;}
#column-section .container_s{margin:0 auto ;}
#column-section .bt_back a:hover{text-decoration:none;}

@media (min-width: 992px){
#column-section .container_s{
    padding-left: 5%;
    padding-right: 5%;
max-width: calc(1280px - 10%);}
}
/*   テスト用 */
#opening-section .gra-back .top-circle{
	position:absolute;
	bottom: 0;
	right: 0;
	width:55%;

	}

	#opening-section .gra-back .top-circle .circle{
	position: relative;/* ←文字の親要素に指定 */
    width: 200px;
    height: 200px;
    background-color: #00B9BF;
    border-radius: 50%;
    margin: 0 8px;
    text-align: center;
    float:left;
    padding-top:60px;
    color:#FFF;
    border:2px solid  #FFF;
	}

.link_btn_line{
	border-radius:0;
	margin-right:16px;
	color:#2B2F38;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	padding:15px 28px 15px 20px;
	border:1px solid #2B2F38;
	min-width:250px;
	display:block;
	text-align:center;
	line-height:20px;
	background:#FFF;
	margin-bottom:8px;
	}

.link_btn_line:after{
	content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #2B2F38;
}

.link_btn_s .link_btn_line{min-width:230px;}

.link_btn_line_down:after{transform:rotate(90deg);top: 42%;}




.link_btn_line:focus,
.link_btn_line:hover{
	transition: all 0.2s;
	text-decoration: none;
	background:#001871;
	color:#FFF;

}
.link_btn_line:focus:after,
.link_btn_line:hover:after{ border-left: 8px solid #FFF;   /* 好みで色を変えてください */;}
.w-100 .markbox{width:100%;}
.w-100 .link_btn_line{display:inline-block;width:100%;}
.w-md-btn .link_btn_line{display:inline-block;width:304px;}

.border-box{border:1px solid #D7D7D7;padding:8px 16px;width:auto;background:#FFF;}

#circle_box .card{border:0;}
#circle_box .card-header {background:none;margin:0 auto;min-height:240px;}
#circle_box .card-header .circle{
  max-width:  240px;/* 円のサイズ（高さにもなる） */
  border-radius: 100%;
  padding: 16px;
  background: #00B9BF;
  /* 以下のFlexboxで文字を中央寄せ */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border:1px solid #D7D7D7;
}

#circle_box .card-header .circle::before {/* 擬似要素で正円を作る */
  display: block;
  content: '';
  padding-top: 100%;
}
#circle_box .card-body{padding:24px}

#circle_box .card-header .circle.bkimg-01{
	min-width:250px;
background-image: url("../images/topics/topics01.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

#circle_box .card-header .circle.bkimg-01{
	min-width:250px;
background-image: url("../images/topics/topics01.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

#circle_box .card-header .circle.bkimg-02{
	min-width:250px;
background-image: url("../images/topics/topics05.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center left;
}
#circle_box .card-header .circle.bkimg-03{
	min-width:250px;
background-image: url("../images/topics/topics12.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

#product-section .site-section{padding:80px 0;}
/*
#opening-section .link_btn{border-color:#FFF;color:#FFF;}
#opening-section .link_btn:after{border-color:#FFF;}
#opening-section .link_btn:hover{background-color:rgba(255,255,255,0.3);}
*/

/*
#opening-section .gra-back .top-circle .circle1{display:inline-block;width: 150px;}
#opening-section .gra-back .top-circle .circle2{display:inline-block;width: 150px;}
#opening-section .gra-back .top-circle .circle3{display:inline-block;width: 150px;}

#opening-section .gra-back .top-circle .circle1 .circle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
*/
#sub-menu {
	margin: 0 auto;
	justify-content: center;

	/*background-color: rgba( 255, 255, 255, 0.70 );*/
	}
#sub-menu ul{padding:0; text-align: center;margin-top:16px;}
#sub-menu ul li{display: inline-block;list-style:none;position: relative;margin-bottom:8px;}

.sub-fixed {
  position: fixed;
  top: 57px;
  background-color: rgba( 0, 0, 0, 0.40 );

width: 100%;
  z-index: 10;
   margin: 0 auto;
}