body{
    width:100%;
    margin:0;
    color: #5B2E07;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  }
  
  p{
  margin: 0;
  color: black;
  font-family: "メイリオ";
  }
  
  #clear{
    clear: both;
  }
  
  /* ========== ID ここから ========== */
  #container{	
  width: 100%;
  }
  
  .logo{
    height: 150px;
    width: 490px;
    margin: 0 auto;
    background-image: url(img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 60;
    position: fixed;
    top: 14px;
    left: 30%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  @media screen and (min-width: 1024px){
  .logo {
    height: 150px;
    width: 490px;
    margin: 0 auto;
    background-image: url(img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 60;
    position: fixed;
    top: 14px;
    left: 25%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
  
  }
  /* ========== ハンバーガーメニュー ========== */
  *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  }
  ol, ul {
  list-style: none;
  }
  a {
  text-decoration: none;
  color: inherit;
  }
  .pad{
  padding:0;
  }
  
  .cp_cont {
  height: 0;
  }
  .cp_offcm02 {
  position: fixed;
  z-index: 15;
  top: 110px;
  left:-100%;
  overflow-y: scroll;
  overflow: hidden;
  height: 100%;
  width: 100%;
  color:#00185C;
  padding-top: 60px;
  -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
  transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
  opacity: 0;
  background-color: white;
  }
  .cp_offcm02 li {
  width:auto;
  margin:0 50px;
  display: block;
  color: #FFFFFF;
  border-bottom: 1px solid #074983;/*drawer内ライン色*/
  font-size: 50px;
  text-align: center;
  }
  .cp_offcm02 a {
  padding: 10px 15px;
  display: block;
  }
  .cp_offcm02 a:hover {
  background-color:#074983;/*drawer内選択時色*/
  color: white;
  /* 	margin-left:-40px; */
  }
  .cp_mobilebar {
  display: block;
  z-index: 16;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 86.5vw;
  width: 100%;
  height: 181px;
  background-color: #00185C;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .cp_menuicon {
  display: block;
  position: relative;
  width: 90px;
  height: 100%;
  cursor: pointer;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_menuicon > span {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.3em;
  width: 100%;
  height: 10px;
  border-radius: 30px;
  background-color: white;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_menuicon > span:before, .cp_menuicon > span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  border-radius: 30px;
  background-color: white;
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
  }
  .cp_menuicon > span:before {
  -webkit-transform: translateY(-0.6em);
  transform: translateY(-2.5em);/*上ボーダー間隔*/
  }
  .cp_menuicon > span:after {
  -webkit-transform: translateY(0.6em);
  transform: translateY(2.5em);/*下ボーダー間隔*/
  }
  #cp_toggle02:checked + .cp_mobilebar .cp_menuicon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  #cp_toggle02:checked + .cp_mobilebar span:before,
  #cp_toggle02:checked + .cp_mobilebar span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  }
  #cp_toggle02:checked ~ .cp_offcm02 {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  transform:translateX(100%);
  }
  #cp_toggle02:checked ~ .cp_container {
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  }
  
  .cp_offcm02 a:checked + .cp_mobilebar .cp_menuicon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  .cp_offcm02 a:checked + .cp_mobilebar span:before,
  .cp_offcm02 a:checked + .cp_mobilebar span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  }
  .cp_offcm02 a:checked ~ .cp_offcm02 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  }
  .cp_offcm02 a:checked ~ .cp_container {
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  }
  
  .link_box{
    width: 100%;
    font-size: 60px;
    background-color: transparent;
    color: #074983;
    border: 0px;
    padding: 15px 0;
    outline: none;
  }
  .link_box:hover{
      color: white;
  }
  #cp_toggle02 {
  display: none;
  }





  @media screen and (min-width: 992px){
    .cp_cont {
    height: 0;
    }
    .cp_offcm02 {
    position: fixed;
    z-index: 15;
    left: 0;
    visibility: visible;
    overflow: auto;
    width: 100%;
    height: 190px;
    padding-top: 0;
    text-align: center;
    opacity: 0.9;
    top: -15px;
    background:#fff;
    margin-bottom:10px;
    box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
    }
    .cp_offcm02 nav {
    background: transparent;
    }
    .cp_offcm02 nav, .cp_offcm02 ul {
    width:87%;
    height: auto;
    margin: 50px 0 0 auto;
    padding: 0;
    }
    .cp_offcm02 li {
    width:auto;
    margin:0;
    display: inline-block;
    margin-right: -6px;
    border: none;
    color: #1F0F03;
    font-size: 25px;
    height: 70px;
    margin: -30px 10px -10px;
    }
    .cp_offcm02 a {
    display: block;
    color:#1F0F03;
    padding: 0 ;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    }
    .cp_offcm02 a:hover {
      border-bottom:2px solid #F09199;
      background:transparent;
      padding-bottom:5px;
      height:34px;
      color: white;
    }
    
    /* menu toggle */
    #cp_toggle02,
    .cp_mobilebar {
    display: none;
    }
    
    /* content */
    .cp_container {
    position: relative;
    top: 0px;
    margin-top: 0;
    padding: 35px auto;
    -webkit-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    }
    .cp_content {
    margin: 0 auto;
    padding: 20px;
    height: 65vh;
    text-align: center;
    }
    .logo {
      width: 315px;
      height: 70px;
      z-index: 60;
      position: fixed;
      top: 15px;
      left: 180px;
  }
    .link_box{
      font-size: 30px;
      background-color: transparent;
        color:#1F0F03;
      border: 0px;
      margin: 0 10px;
     outline: none;
     padding:0;
    }
    }
    @media screen and (min-width: 992px){
    .cp_offcm02 {
    position: fixed;
    z-index: 15;
    left: 0;
    visibility: visible;
    overflow: auto;
    width: 100%;
    height: 100px;
    padding-top: 0;
    text-align: center;
    opacity: 0.9;
    top: 0;
    background:#00185C;
    margin-bottom:10px;
    box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
    }
    .cp_offcm02 li {
      display: inline-block;
      border: none;
      color: #ffffff;
      font-size: 25px;
      height: 40px;
      margin: 30px 5px 0;
    }
    .cp_offcm02 a:hover {
    border-bottom:2px solid #a89100;
    background:transparent;
    padding-bottom:0;
    height:38px;
    color: white;
    }
    .cp_offcm02 nav, .cp_offcm02 ul {
      width: 900px;
      height: 100%;
      margin: 0 305px 0 auto;
      padding: 0;
      text-align: right;
  }
    .link_box{
    width: auto;
    font-size: 24px;
    background-color: transparent;
    color:white;
    border: 0px;
    margin: 0 6px;
    outline: none;
    padding:0;
    }
    }
  
   @media screen and (min-width: 992px){
        .cp_cont {
        height: 0;
        }
        .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 190px;
        padding-top: 0;
        text-align: center;
        opacity: 0.9;
        top: -15px;
        background:#fff;
        margin-bottom:10px;
        box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
        }
        .cp_offcm02 nav {
        background: transparent;
        }
        .cp_offcm02 nav, .cp_offcm02 ul {
        width:87%;
        height: auto;
        margin: 50px 0 0 auto;
        padding: 0;
        }
        .cp_offcm02 li {
        width:auto;
        margin:0;
        display: inline-block;
        margin-right: -6px;
        border: none;
        color: #1F0F03;
        font-size: 25px;
        height: 70px;
        margin: -30px 10px -10px;
        }
        .cp_offcm02 a {
        display: block;
        color:#1F0F03;
        padding: 0 ;
        -webkit-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
        }
        .cp_offcm02 a:hover {
          border-bottom:2px solid #F09199;
          background:transparent;
          padding-bottom:5px;
          height:34px;
          color: white;
        }
        
        /* menu toggle */
        #cp_toggle02,
        .cp_mobilebar {
        display: none;
        }
        
        /* content */
        .cp_container {
        position: relative;
        top: 0px;
        margin-top: 0;
        padding: 35px auto;
        -webkit-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
        }
        .cp_content {
        margin: 0 auto;
        padding: 20px;
        height: 65vh;
        text-align: center;
        }
        .logo {
            width: 170px;
            height: 50px;
            z-index: 60;
            position: fixed;
            top: 12px;
            left: 100px;
            background-position: center;
      }
        .link_box{
          font-size: 30px;
          background-color: transparent;
            color:#1F0F03;
          border: 0px;
          margin: 0 10px;
         outline: none;
         padding:0;
        }
    }

  @media screen and (min-width: 1280px){
  .cp_cont {
  height: 0;
  }
  .cp_offcm02 {
  position: fixed;
  z-index: 15;
  left: 0;
  visibility: visible;
  overflow: auto;
  width: 100%;
  height: 190px;
  padding-top: 0;
  text-align: center;
  opacity: 0.9;
  top: -15px;
  background:#fff;
  margin-bottom:10px;
  box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
  }
  .cp_offcm02 nav {
  background: transparent;
  }
  .cp_offcm02 nav, .cp_offcm02 ul {
  width:87%;
  height: auto;
  margin: 50px 0 0 auto;
  padding: 0;
  }
  .cp_offcm02 li {
  width:auto;
  margin:0;
  display: inline-block;
  margin-right: -6px;
  border: none;
  color: #1F0F03;
  font-size: 25px;
  height: 70px;
  margin: -30px 10px -10px;
  }
  .cp_offcm02 a {
  display: block;
  color:#1F0F03;
  padding: 0 ;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
  }
  .cp_offcm02 a:hover {
    border-bottom:2px solid #F09199;
    background:transparent;
    padding-bottom:5px;
    height:34px;
    color: white;
  }
  
  /* menu toggle */
  #cp_toggle02,
  .cp_mobilebar {
  display: none;
  }
  
  /* content */
  .cp_container {
  position: relative;
  top: 0px;
  margin-top: 0;
  padding: 35px auto;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_content {
  margin: 0 auto;
  padding: 20px;
  height: 65vh;
  text-align: center;
  }
  .logo {
    width: 315px;
    height: 70px;
    z-index: 60;
    position: fixed;
    top: 15px;
    left: 115px;
}
  .link_box{
    font-size: 30px;
    background-color: transparent;
      color:#1F0F03;
    border: 0px;
    margin: 0 10px;
   outline: none;
   padding:0;
  }
  }


  @media screen and (min-width: 992px){
    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 75px;
        padding-top: 0;
        text-align: center;
        opacity: 0.9;
        top: 0;
        background: #00185C;
        margin-bottom: 0px;
    box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
    }
    .cp_offcm02 li {
        display: inline-block;
        border: none;
        color: #ffffff;
        font-size: 25px;
        height: 40px;
        margin: 18px 5px 0;
    }
    .cp_offcm02 a:hover {
    border-bottom:2px solid #a89100;
    background:transparent;
    padding-bottom:0;
    height:38px;
    color: white;
    }
    .cp_offcm02 nav, .cp_offcm02 ul {
        width: 735px;
        height: 100%;
        margin: 0px 245px 0 auto;
        padding: 0;
        text-align: right;
  }
    .link_box{
        width: auto;
        font-size: 18px;
        background-color: transparent;
        border: 0px;
        margin: 0 6px;
        outline: none;
        padding: 0;
        color: white;
    }
    }
  @media screen and (min-width: 1280px){
  .cp_offcm02 {
  position: fixed;
  z-index: 15;
  left: 0;
  visibility: visible;
  overflow: auto;
  width: 100%;
  height: 100px;
  padding-top: 0;
  text-align: center;
  opacity: 0.9;
  top: 0;
  background:#00185C;
  margin-bottom:10px;
  box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
  }
  .cp_offcm02 li {
    display: inline-block;
    border: none;
    color: #ffffff;
    font-size: 25px;
    height: 40px;
    margin: 30px 5px 0;
  }
  .cp_offcm02 a:hover {
  border-bottom:2px solid #a89100;
  background:transparent;
  padding-bottom:0;
  height:38px;
  color: white;
  }
  .cp_offcm02 nav, .cp_offcm02 ul {
    width: 900px;
    height: 100%;
    margin: 0 250px 0 auto;
    padding: 0;
    text-align: right;
}
  .link_box{
  width: auto;
  font-size: 18px;
  background-color: transparent;
  color:white;
  border: 0px;
  margin: 0 6px;
  outline: none;
  padding:0;
  }
  }


  #firstview{
    padding-top: 180px;
    margin-bottom: 0;
  }
  
  .firstview_1{
    width: 100%;
  }
  

  
  /* ========== スライド用 ========== */
  @keyframes show {
         0% { opacity: 0 }
       5% { opacity: 1 }
      39% { opacity: 1 }
      44% { opacity: 0 }
   }
  
  @-webkit-keyframes show {
       0% { opacity: 0 }
       5% { opacity: 1 }
      39% { opacity: 1 }
      44% { opacity: 0 }
  }
  
  @media screen and (max-width: 1023px){
  .firstview_box_pc{
    display: none;
  }
  }


    
  @media screen and (min-width: 1024px){
    .firstview_box_sp{
      display: none;
    }
    }
    
  
  @media screen and (min-width: 1280px){
  .firstview_box_sp{
    display: none;
  }
  }
  
  .sp04{
        height: auto;
      position: relative;
      margin: 134px auto 0;
      padding-bottom: 65%;
  }
  .sp04 img {
      animation: show 15s infinite;
      -webkit-animation: show 15s infinite;
      width: 100%;
      height: auto;
      object-fit: cover;
      opacity: 0;
      position: absolute;
  }
  
  /*各画像のアニメーションの開始時間をずらす*/
  .sp04 img:nth-of-type(1) {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
  }
  .sp04 img:nth-of-type(2) {
      animation-delay: 5s;
      -webkit-animation-delay: 5s;
  }
  .sp04 img:nth-of-type(3) {
      animation-delay: 10s;
      -webkit-animation-delay: 10s;
  }
  
  .back_sp04 {
      width:100%;
      height:auto;
      overflow:hidden;
      position:absolute;
      z-index:1;
    padding-bottom: 80%;
  }
  
  
  .item_sp04{
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 0s ease 0s 1 forwards;
    font-size:55px;
    font-weight:bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position:relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index:2;
    top:-128px;
    margin:359px auto;
    text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  3px 3px rgba(0, 0, 0, 0.25),
         3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
         3px  0px 3px rgba(0, 0, 0, 0.25),
         0px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  0px 3px rgba(0, 0, 0, 0.25),
         0px -3px 3px rgba(0, 0, 0, 0.25);
  }
  
  @-webkit-keyframes example {
    100% {
      opacity: 0;
      transform: translateY(0);
    }
  }
  @keyframes example {
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .pc04{
    height: auto;
    position: relative;
    padding-bottom: 41.6%;
    margin: 0 auto -250px;
  }
  .pc04 img {
      animation: show 15s infinite;
      -webkit-animation: show 15s infinite;
      width: 100%;
    height: auto;
    object-fit: cover;
      opacity: 0;
      position: absolute;
  }
  
  /*各画像のアニメーションの開始時間をずらす*/
  .pc04 img:nth-of-type(1) {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
  }
  .pc04 img:nth-of-type(2) {
      animation-delay: 5s;
      -webkit-animation-delay: 5s;
  }
  .pc04 img:nth-of-type(3) {
      animation-delay: 10s;
      -webkit-animation-delay: 10s;
  }
  
  .box_pc04 {
  }
  .box_pc04::after {
      content:"";
      display:block;
      animation-name: fadein01;
      animation-duration: 1s;
      border-style: solid;
      border-width: 190px 190px 0 0;
      border-color: #fff transparent transparent transparent;
      position:absolute;
      top:-25px;
      left:-35px;
      z-index:3;
  }
  .box_pc04::before {
      content:"";
      display:block;
      animation-name: fadein02;
      animation-duration: 1s;
      border-style: solid;
      border-width: 0 0 190px 190px;
      border-color: transparent transparent #fff transparent;
      position:absolute;
      position:absolute;
      bottom:-29px;
      right:-25px;
      z-index:3;
  }
  
  .item_pc04{
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 1.5s ease 1.5s 1 forwards;
    writing-mode: vertical-rl;
    font-size:23px;
    font-weight:bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position:relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index:2;
    top:-130px;
    margin:0px auto -117px;
    text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  3px 3px rgba(0, 0, 0, 0.25),
         3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
         3px  0px 3px rgba(0, 0, 0, 0.25),
         0px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  0px 3px rgba(0, 0, 0, 0.25),
         0px -3px 3px rgba(0, 0, 0, 0.25);
  }
  

  @media screen and (min-width: 992px){
    .firstview_box_pc{
      height: auto;
        float: right;
        width: 60%;
        display: block;
    }
    
    .firstview_box04{
      height: auto;
    }
    
    .sp04{
      height: auto;
      position: relative;
      margin:0 auto -850px;
      padding-bottom: 130.7%;
      display: none;
    }
    .sp04 img {
        animation: show 20s infinite;
        -webkit-animation: show 20s infinite;
        width: 100%;
      height: auto;
      object-fit: cover;
        opacity: 0;
        position: absolute;
    }
    
    .sp04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }
    .sp04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }
    .sp04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }
    
    .back_sp04 {
        width:100%;
        height:auto;
        overflow:hidden;
        position:absolute;
        z-index:1;
       padding-bottom: 130.7%;
    }
    .box_sp04 {
        width:100%;
    }
    .box_sp04::after {
        content:"";
        display:block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position:absolute;
        top:-13px;
        left:-1px;
        z-index:3;
    }
    .box_sp04::before {
        content:"";
        display:block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position:absolute;
        bottom:-13px;
        right:-5px;
        z-index:3;
    }
    @keyframes fadein01 {
      0% {
      transform: translateX(0px)translateY(0px);
      border-width: 0;
      border-color: #fff transparent transparent transparent;
      }
      100% {
      transform: translateX(0px);
      border-width: 120px 120px 0 0;
      border-color: #fff transparent transparent transparent;
      }
    }
    
    @keyframes fadein02 {
      0% {
      transform: translateX(0px)translateY(0px);
      border-width: 0 ;
      border-color: transparent transparent #fff transparent;
    
      }
      100% {
      transform: translateX(0px);
      border-width: 0 0 120px 120px;
      border-color: transparent transparent #fff transparent;
      }
    }
    
    .item_sp04{
      -webkit-animation: example 5s ease 5s 1 forwards;
      animation: example 1.5s ease 1.5s 1 forwards;
      writing-mode: vertical-rl;
      font-size:28px;
      font-weight:bold;
      font-family: 'Noto Serif JP', serif;
      text-align: center;
      position:relative;
      opacity: 0;
      color: #fff;
      line-height: 1.2;
      z-index:2;
      top:330px;
      margin:0px auto;
      text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
          -3px  3px 3px rgba(0, 0, 0, 0.25),
           3px -3px 3px rgba(0, 0, 0, 0.25),
          -3px -3px 3px rgba(0, 0, 0, 0.25),
           3px  0px 3px rgba(0, 0, 0, 0.25),
           0px  3px 3px rgba(0, 0, 0, 0.25),
          -3px  0px 3px rgba(0, 0, 0, 0.25),
           0px -3px 3px rgba(0, 0, 0, 0.25);
    }
    
    @-webkit-keyframes example {
      100% {
        opacity: 0;
        transform: translateY(0);
      }
    }
    @keyframes example {
      100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
  }
    }
    
    .pc04 {
        height: auto;
        position: relative;
        padding-bottom: 65.5%;
        margin: 45px auto 0;
        width: 100%;    
  }
    .pc04 img {
        animation: show 15s infinite;
        -webkit-animation: show 15s infinite;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0;
        position: absolute;
    }
    
    .pc04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }
    .pc04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }
    .pc04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }
    .back_pc04 {
        width:100%;
        height:auto;
        overflow:hidden;
        position:absolute;
        z-index:1;
        padding-bottom: 65.5%;
    }
    .box_pc04 {
    }
    .box_pc04::after {
        content:"";
        display:block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position:absolute;
        top:-25px;
        left:-35px;
        z-index:3;
    }
    .box_pc04::before {
        content:"";
        display:block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position:absolute;
        position:absolute;
        bottom:-29px;
        right:-25px;
        z-index:3;
    }
    
    .item_pc04{
      -webkit-animation: example 5s ease 5s 1 forwards;
      animation: example 0s ease 0s 1 forwards;
      writing-mode: unset;
      font-size:55px;
      font-weight:bold;
      font-family: 'Noto Serif JP', serif;
      text-align: center;
      position:relative;
      opacity: 0;
      color: #fff;
      line-height: 1.2;
      z-index:2;
      top:-33%;
      margin:0 auto;
      text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
          -3px  3px 3px rgba(0, 0, 0, 0.25),
           3px -3px 3px rgba(0, 0, 0, 0.25),
          -3px -3px 3px rgba(0, 0, 0, 0.25),
           3px  0px 3px rgba(0, 0, 0, 0.25),
           0px  3px 3px rgba(0, 0, 0, 0.25),
          -3px  0px 3px rgba(0, 0, 0, 0.25),
           0px -3px 3px rgba(0, 0, 0, 0.25);
    /*    transform:rotate(-5deg); */
    }
  }
  @media screen and (min-width: 1280px){
  .firstview_box_pc{
    height: auto;
      float: right;
      width: 60%;
  }
  
  .firstview_box04{
    height: auto;
  }
  
  .sp04{
    height: auto;
    position: relative;
    margin:0 auto -850px;
    padding-bottom: 130.7%;
  }
  .sp04 img {
      animation: show 20s infinite;
      -webkit-animation: show 20s infinite;
      width: 100%;
    height: auto;
    object-fit: cover;
      opacity: 0;
      position: absolute;
  }
  
  /*各画像のアニメーションの開始時間をずらす*/
  .sp04 img:nth-of-type(1) {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
  }
  .sp04 img:nth-of-type(2) {
      animation-delay: 5s;
      -webkit-animation-delay: 5s;
  }
  .sp04 img:nth-of-type(3) {
      animation-delay: 10s;
      -webkit-animation-delay: 10s;
  }
  
  .back_sp04 {
      width:100%;
      height:auto;
      overflow:hidden;
      position:absolute;
      z-index:1;
     padding-bottom: 130.7%;
  }
  .box_sp04 {
      width:100%;
  }
  .box_sp04::after {
      content:"";
      display:block;
      animation-name: fadein01;
      animation-duration: 1s;
      border-style: solid;
      border-width: 120px 120px 0 0;
      border-color: #fff transparent transparent transparent;
      position:absolute;
      top:-13px;
      left:-1px;
      z-index:3;
  }
  .box_sp04::before {
      content:"";
      display:block;
      animation-name: fadein02;
      animation-duration: 1s;
      border-style: solid;
      border-width: 0 0 120px 120px;
      border-color: transparent transparent #fff transparent;
      position:absolute;
      bottom:-13px;
      right:-5px;
      z-index:3;
  }
  @keyframes fadein01 {
    0% {
    transform: translateX(0px)translateY(0px);
    border-width: 0;
    border-color: #fff transparent transparent transparent;
    }
    100% {
    transform: translateX(0px);
    border-width: 120px 120px 0 0;
    border-color: #fff transparent transparent transparent;
    }
  }
  
  @keyframes fadein02 {
    0% {
    transform: translateX(0px)translateY(0px);
    border-width: 0 ;
    border-color: transparent transparent #fff transparent;
  
    }
    100% {
    transform: translateX(0px);
    border-width: 0 0 120px 120px;
    border-color: transparent transparent #fff transparent;
    }
  }
  
  .item_sp04{
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 1.5s ease 1.5s 1 forwards;
    writing-mode: vertical-rl;
    font-size:28px;
    font-weight:bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position:relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index:2;
    top:330px;
    margin:0px auto;
    text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  3px 3px rgba(0, 0, 0, 0.25),
         3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
         3px  0px 3px rgba(0, 0, 0, 0.25),
         0px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  0px 3px rgba(0, 0, 0, 0.25),
         0px -3px 3px rgba(0, 0, 0, 0.25);
  }
  
  @-webkit-keyframes example {
    100% {
      opacity: 0;
      transform: translateY(0);
    }
  }
  @keyframes example {
    100% {
      opacity: 1;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
  }
  
  .pc04 {
    height: auto;
    position: relative;
    padding-bottom: 65.5%;
    margin: 70px auto 0;
    width: 100%;
}
  .pc04 img {
      animation: show 15s infinite;
      -webkit-animation: show 15s infinite;
      width: 100%;
      height: auto;
      object-fit: cover;
      opacity: 0;
      position: absolute;
  }
  
  /*各画像のアニメーションの開始時間をずらす*/
  .pc04 img:nth-of-type(1) {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
  }
  .pc04 img:nth-of-type(2) {
      animation-delay: 5s;
      -webkit-animation-delay: 5s;
  }
  .pc04 img:nth-of-type(3) {
      animation-delay: 10s;
      -webkit-animation-delay: 10s;
  }
  .back_pc04 {
      width:100%;
      height:auto;
      overflow:hidden;
      position:absolute;
      z-index:1;
      padding-bottom: 65.5%;
  }
  .box_pc04 {
  }
  .box_pc04::after {
      content:"";
      display:block;
      animation-name: fadein01;
      animation-duration: 1s;
      border-style: solid;
      border-width: 120px 120px 0 0;
      border-color: #fff transparent transparent transparent;
      position:absolute;
      top:-25px;
      left:-35px;
      z-index:3;
  }
  .box_pc04::before {
      content:"";
      display:block;
      animation-name: fadein02;
      animation-duration: 1s;
      border-style: solid;
      border-width: 0 0 120px 120px;
      border-color: transparent transparent #fff transparent;
      position:absolute;
      position:absolute;
      bottom:-29px;
      right:-25px;
      z-index:3;
  }
  
  .item_pc04{
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 0s ease 0s 1 forwards;
    writing-mode: unset;
    font-size:55px;
    font-weight:bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position:relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index:2;
    top:-33%;
    margin:0 auto;
    text-shadow:3px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  3px 3px rgba(0, 0, 0, 0.25),
         3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
         3px  0px 3px rgba(0, 0, 0, 0.25),
         0px  3px 3px rgba(0, 0, 0, 0.25),
        -3px  0px 3px rgba(0, 0, 0, 0.25),
         0px -3px 3px rgba(0, 0, 0, 0.25);
  /*    transform:rotate(-5deg); */
  }
  }
  
      .scroll-animation-obj {
        opacity: 0;
        transition: all 0.8s ease 1.0s;
      }
        .scroll-animation-hop {
        transform: translate(0,60px);
      }
      .scroll-animation-left {
        transform: translate(-50px,0);
      }
      .scroll-animation-right {
        transform: translate(120px,0);
      }
  
      .scroll-animation-obj_02 {
        opacity: 0;
        transition: all 0.8s ease 1.0s;
      }
  
      .scroll-animation-hop_02 {
        transform: translate(0,60px);
      }
      .scroll-animation-left_02 {
        transform: translate(-50px,0);
      }
      .scroll-animation-right_02 {
        transform: translate(120px,0);
      }
  
      /* 速さ */
      .scroll-animation-obj_03 {
        opacity: 0;
        transition: all 0.8s ease 1.0s;
      }
  
      /* どこからでてくるか */
      .scroll-animation-hop_03 {
        transform: translate(0,60px);
      }
      .scroll-animation-left_03 {
        transform: translate(-50px,0);
      }
      .scroll-animation-right_03 {
        transform: translate(120px,0);
      }
  
      .fadein-bottom{
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
        -webkit-transform: translateY(15%);
        -moz-transform: translateY(15%);
        -ms-transform: translateY(15%);
        transform: translateY(15%);
        opacity: 0;
      }
      .fadein-bottom.active{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
      }
  
      .fadein-bottom_01{
        -webkit-transition: all .7s linear;
        -o-transition: all .7s linear;
        transition: all .7s linear;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0;
      }
      .fadein-bottom_01.active{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
      }
  
      .fadein-bottom_02{
        -webkit-transition: all .7s linear;
        -o-transition: all .7s linear;
        transition: all .7s linear;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
      }
      .fadein-bottom_02.active{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 0.5;
      }
      .fadein-bottom_03{
        -webkit-transition: all .10s linear;
        -o-transition: all .10s linear;
        transition: all .10s linear;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 0;
      }
      .fadein-bottom_03.active{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
      }
  
      /* ------- animation ここから ------- */
      .wrap {
        width: 768px;
        margin: 0 auto;
      }
      .text {
        margin: 200px 0 0;
        text-align: center;
        opacity: 0;
      }
      p[class^="tgt_"] {
        width:100%;
        margin:0 auto 0;
        opacity: 0;
        color: #6B5938;
        display: inline-block;
        transform: scale(1.25) translate(0, -45px);
        font-size: 50px;
        text-align:center;
        font-family: 'Nunito', sans-serif;
      }
  
      p[class^="tgt_"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:90px;
      }
      p[class^="tgt_worries"] span{
          opacity: 0;
          color: #39B929;
          font-size:65px;
      }
  
      p[class^="tgt_worries"] span:nth-child(4){
          opacity: 0;
          font-size:80px;
      }
      p[class^="tgt_worries"] span:nth-child(5){
          opacity: 0;
          font-size:80px;
      }
      p[class^="tgt_worries"] span:nth-child(6){
          opacity: 0;
          font-size:80px;
      }
      p[class^="tgt_goal"] span{
          width:100%;
          margin:0 auto;
          opacity: 0;
          color: #39B929;
         font-size:75px;
      }
      p[class^="tgt_voice"] span{
          opacity: 0;
          color: #39B929;
          font-size:90px;
      }
      p[class^="tgt_price"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:90px;
      }
  
      p[class^="tgt_message"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:90px;
      }
      p[class^="tgt_"]:nth-child(1) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.2s;
      }
      p[class^="tgt_"]:nth-child(2) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.3s;
      }
      p[class^="tgt_"]:nth-child(3) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.4s;
      }
      p[class^="tgt_"]:nth-child(4) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.5s;
      }
      p[class^="tgt_"]:nth-child(5) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.6s;
      }
      p[class^="tgt_"]:nth-child(6) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.7s;
      }
      p[class^="tgt_"]:nth-child(7) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.8s;
      }
      p[class^="tgt_"]:nth-child(8) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 0.9s;
      }
      p[class^="tgt_"]:nth-child(9) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 1.0s;
      }
      p[class^="tgt_"]:nth-child(10) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 1.1s;
      }
      p[class^="tgt_"]:nth-child(11) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 1.2s;
      }
      p[class^="tgt_"]:nth-child(12) {
        transition: opacity 3s ease 0.2s, transform 0.2s ease 1.3s;
      }
      .text.active {
        opacity: 1;
      }
      .text.active .text-move {
        opacity: 1;
        transform: scale(1) translate(0);
      }
  
@media screen and (min-width: 992px){
        p[class^="tgt_"] {
              width:100%;
              margin:0 auto;
              opacity: 0;
              color: #3D2A02;
              display: inline-block;
              transform: scale(1.25) translate(0, -45px);
              font-size: 30px;
              text-align:center;
              padding: 39px 0;
              font-family: 'Nunito', sans-serif;
        }
        
            p[class^="tgt_"] span{
               width:100%;
               margin:0 auto;
               opacity: 0;
               color: #39B929;
               font-size:50px;
            }
            p[class^="tgt_worries"] span{
                opacity: 0;
                color: #39B929;
                font-size:40px;
            }
        
            p[class^="tgt_worries"] span:nth-child(4){
                opacity: 0;
                color: #39B929;
                font-size:50px;
            }
            p[class^="tgt_worries"] span:nth-child(5){
                opacity: 0;
                color: #39B929;
                font-size:50px;
            }
            p[class^="tgt_worries"] span:nth-child(6){
                opacity: 0;
                color: #39B929;
                font-size:50px;
            }
            p[class^="tgt_goal"] span{
                width:100%;
                margin:0 auto;
                opacity: 0;
                color: #39B929;
               font-size:40px;
            }
            p[class^="tgt_voice"] span{
                opacity: 0;
                color: #39B929;
                font-size:50px;
            }
            p[class^="tgt_price"] span{
               width:100%;
               margin:0 auto;
               opacity: 0;
               color: #39B929;
               font-size:50px;
            }
        
            p[class^="tgt_message"] span{
               width:100%;
               margin:0 auto;
               opacity: 0;
               color: #39B929;
               font-size:50px;
            }
  }
  
  @media screen and (min-width: 1280px){
  p[class^="tgt_"] {
        width:100%;
        margin:0 auto;
        opacity: 0;
        color: #3D2A02;
        display: inline-block;
        transform: scale(1.25) translate(0, -45px);
        font-size: 30px;
        text-align:center;
        padding: 39px 0;
        font-family: 'Nunito', sans-serif;
  }
  
      p[class^="tgt_"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:50px;
      }
      p[class^="tgt_worries"] span{
          opacity: 0;
          color: #39B929;
          font-size:40px;
      }
  
      p[class^="tgt_worries"] span:nth-child(4){
          opacity: 0;
          color: #39B929;
          font-size:50px;
      }
      p[class^="tgt_worries"] span:nth-child(5){
          opacity: 0;
          color: #39B929;
          font-size:50px;
      }
      p[class^="tgt_worries"] span:nth-child(6){
          opacity: 0;
          color: #39B929;
          font-size:50px;
      }
      p[class^="tgt_goal"] span{
          width:100%;
          margin:0 auto;
          opacity: 0;
          color: #39B929;
         font-size:40px;
      }
      p[class^="tgt_voice"] span{
          opacity: 0;
          color: #39B929;
          font-size:50px;
      }
      p[class^="tgt_price"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:50px;
      }
  
      p[class^="tgt_message"] span{
         width:100%;
         margin:0 auto;
         opacity: 0;
         color: #39B929;
         font-size:50px;
      }
  }
  
  /* ------- 見出し文字 スクロール ここから ------- */
  .fade_off {
      opacity: 0;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      -ms-transition: all 1s;
  }
  
  .fade_on {
      opacity: 1;
      transition: all 1s;
  }

  @media screen and (max-width: 991px){
    #fv_box{
        display: none;
    }  
}
@media screen and (min-width: 992px){
    #fv_box {
        width: 40%;
        float: left;
        overflow: hidden;
        margin-top: 45px;
        padding: 15.7% 0;
        background-color: #00185C;
    }
    
    .fv_box {
        font-size: 2.5vw;
        text-align: left;
        padding-left: 30px;
        color: white;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;    }
    }
 
/* @media screen and (max-width: 1279px){
    #fv_box{
        display: none;
    }  
} */
@media screen and (min-width: 1280px){
    #fv_box {
        width: 40%;
        float: left;
        overflow: hidden;
        margin-top: 73px;
        padding: 15.7% 0;
        background-color: #00185C;
    }
    
    .fv_box {
        font-size: 2.5vw;
        text-align: left;
        padding-left: 30px;
        color: white;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;    }
    }

    @media screen and (min-width: 1500px){
        #fv_box {
            width: 40%;
            float: left;
            overflow: hidden;
            margin-top: 70px;
            padding: 15.7% 0;
            background-color: #00185C;
        }
    }
 /*-------------- Firstview-banner --------------*/
    .f-down{
        width: 100%;
        height: 400px;
        background-color: #00185C;
        margin: 0 auto;
        padding: 0;
    }

    .ftextbox{
        color: white;
        text-align: justify;
        font-size: 64px;
        line-height: 1.6;
        width: 92%;
        margin: 0 auto;
        padding: 100px 0;
        font-family: serif;
    }

    @media screen and (min-width: 992px){
        .f-down{
            display: none;
        }
    }

/*------------- Firstview-banner --------------*/
/*-------------- EPSDCでは -------------------*/
#viewone {
    width: 100%;
    height: 1390px;
    margin: 0 auto;
    padding: 0;
}
    .viewonetextbox{
        width: 90%;
        margin: 0 auto;
        padding: 40px 0;
        text-align: justify;
        color: black;
        font-size: 36px;
        line-height: 1.6;
        font-family: sans-serif;
    }
    .viewoneimage1{
        width: 50%;
        float: left;
        height: 450px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1l.jpg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .viewoneimage2{
        width: 50%;
        float: left;
        height: 450px;        
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1r.jpg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    @media screen and (min-width: 992px){
        #viewone {
            width: 90%;
            height: 375px;
            margin: 20px auto 5px;
            padding: 0;
            max-width: 1300px;
        }

        .viewonetextbox {
            width: 60%;
            float: left;
            margin: 0 auto;
            padding: 25px 30px 30px;
            text-align: justify;
            color: black;
            font-size: 15px;
            line-height: 1.6;
        }
        .viewoneimage1 {
            width: 30%;
            float: right;
            height: 180px;
            margin: 0 auto;
            padding: 0;
            background-image: url(img/1l.jpg);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .viewoneimage2 {
            width: 30%;
            float: right;
            height: 180px;
            margin: 0 auto;
            padding: 0;
            background-image: url(img/1r.jpg);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
    }

    @media screen and (min-width: 1280px){
        #viewone {
            width: 80%;
            height: 420px;
            margin: 35px auto 0px;
            padding: 0;
            max-width: 1300px;
        }

        .viewonetextbox {
            width: 65%;
            float: left;
            margin: 0 auto;
            padding: 0px 30px 30px;
            text-align: justify;
            color: black;
            font-size: 16px;
            line-height: 1.6;
        }
        .viewoneimage1 {
            width: 25%;
            float: right;
            height: 200px;
            margin: 0 auto;
            padding: 0;
            background-image: url(img/1l.jpg);
            background-position: center;
            /* background-size: 100%; */
            background-repeat: no-repeat;
        }
        .viewoneimage2 {
            width: 25%;
            float: right;
            height: 200px;
            margin: 0 auto;
            padding: 0;
            background-image: url(img/1r.jpg);
            background-position: center;
            /* background-size: 100%; */
            background-repeat: no-repeat;
        }
    }
/*-------------- EPSDCでは -------------------*/
/*-------------- EPSDCでは 2-------------------*/
#viewtwo {
    width: 100%;
    height: 3100px;
    margin: 0 auto;
    padding: 150px 0px;
}

.viewtwobox{
    width: 95%;
    text-align: left;
    color: white;
    background-color: #00185C;
    padding: 50px 0 50px 50px;
    font-size: 64px;
    font-family: serif;
}
.viewtwo-textbox1{
    width: 90%;
    margin: 0 auto;
    padding: 45px 0;
    text-align: justify;
    color: black;
    font-size: 35px;
    line-height: 1.6;
    font-family: sans-serif;
}

.epsdcallcourse{
    width: 100%;
    height: 1350px;
    margin: 30px auto;
    padding: 0;
    background-image: url(img/course.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.viewtwo-textbox2{
    width: 90%;
    margin: 0 auto;
    padding: 45px 0;
    text-align: justify;
    color: black;
    font-size: 35px;
    line-height: 1.6;
    font-family: sans-serif;
}
.viewtwoimage1{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/2l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.viewtwoimage2{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/2r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px){
    #viewtwo {
        width: 100%;
        height: 745px;
        margin: 0 auto;
        padding: 0;
    }
    .viewtwobox {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #00185C;
        padding: 10px 0;
        font-size: 35px;
    }
    .pc-box-all1{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .viewtwo-textbox1 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 5% 2% 2% 5%;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
    }
    .epsdcallcourse {
        width: 30%;
        float: right;
        height: 600px;
        margin: 5% 5% 0 1%;
        padding: 0;
        background-image: url(img/course.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }
    .viewtwo-textbox2 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 1% 2% 3% 5%;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;    
    }
    .viewtwoimage1 {
        width: 26%;
        float: left;
        height: 250px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/2l.jpg);
        background-position: center;
        background-size: cover;
    }
    .viewtwoimage2 {
        width: 26%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/2r.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


}

@media screen and (min-width: 1280px){
    #viewtwo {
        width: 100%;
        height: 755px;
        margin: 0 auto;
        padding: 0;
    }
    .viewtwobox {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #00185C;
        padding: 20px 0;
        font-size: 45px;
    }
    .pc-box-all1{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .viewtwo-textbox1 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 2% 2% 2% 5%;
        text-align: justify;
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }
    .epsdcallcourse {
        width: 30%;
        float: right;
        height: 615px;
        margin: 2% 5% 0 1%;
        padding: 0;
        background-image: url(img/course.png);
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: top;
    }
    .viewtwo-textbox2 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 0% 2% 3% 5%;
        text-align: justify;
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }
    .viewtwoimage1 {
        width: 25%;
        float: left;
        height: 250px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/2l.jpg);
        background-position: center;
        background-size: cover;
    }
    .viewtwoimage2 {
        width: 25%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/2r.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


}

/*-------------- EPSDCでは 2-------------------*/
/*-------------- Worries -------------------*/

#worries {
    width: 100%;
    height: 950px;
    margin: 40px auto 70px;
    padding: 0;
    background-image: url(img/bg1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.troublebox {
    width: 80%;
    margin: 0 auto;
    background-color: white;
    padding: 40px 50px;
    opacity: 0.9;
    position: relative;
    top: 14%;
    left: 0;
}
.worries-title {
    text-align: center;
    font-size: 35px;
    color: #00185B;
    font-family: serif;
    padding: 0;
}
  .checkmark001 {
    margin: 25px 0px 0 20px;
    padding-left: 68px;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
    font-size: 40px;
    font-family: sans-serif;
  }
  
  .checkmark001:before,
  .checkmark001:after {
    content: "";
    display: block;
    position: absolute;
  }
  
  .checkmark001:before {
    width: 50px;
    height: 50px;
    border: 2px solid black;
    border-radius: 5px;
    left: -20px;
    top: 9px;
  }
  
  .checkmark001:after {
    border-left: 6px solid #074983;
    border-bottom: 6px solid #074983;
    width: 32px;
    height: 20px;
    -webkit-transform: rotate(
-45deg);
    transform: rotate(
-45deg);
    left: -10px;
    top: 22px;
  }

  @media screen and (min-width: 992px) {
    #worries {
        width: 100%;
        height: 425px;
        margin: 40px auto 40px;
        padding: 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .voco{
        width: 80%;
        margin: 0 auto;
        padding:10px 0;
    }
    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 40px 40px;
        opacity: 0.9;
        position: relative;
        top: 10%;
        left: 0;
    }
     .checkmark001 {
        margin: 25px 0px 0 30px;
        padding-left: 50px;
        padding-bottom: 10px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 15px;
    }
      .checkmark001:before,
      .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
      }
      .checkmark001:before {
        width: 28px;
        height: 28px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }
    .checkmark001:after {
        border-left: 2px solid #00185C;
        border-bottom: 2px solid #00185C;
        width: 21px;
        height: 11px;
        -webkit-transform: rotate( -45deg);
        transform: rotate( -45deg);
        left: 3px;
        top: 6px;
    }
}

@media screen and (min-width:1280px) {
    #worries {
        width: 100%;
        height: 500px;
        margin: 0px auto 30px;
        padding: 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .worries-title {
        text-align: center;
        font-size: 40px;
        color: #00185B;
        font-family: serif;
        padding: 0;
    }
    .voco{
        width: 80%;
        margin: 0 auto;
        padding:10px 0;
    }
    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding:40px 50px 40px;
        opacity: 0.9;
        position: relative;
        top: 10%;
        left: 0;
    }
     .checkmark001 {
        margin: 25px 0px 0 20px;
        padding-left: 68px;
        padding-bottom: 20px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 20px;
    }
      .checkmark001:before,
      .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
      }
      .checkmark001:before {
        width: 35px;
        height: 32px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }
    .checkmark001:after {
        border-left: 3px solid #00185C;
        border-bottom: 3px solid #00185C;
        width: 25px;
        height: 15px;
        -webkit-transform: rotate( -45deg);
        transform: rotate( -45deg);
        left: 5px;
        top: 5px;
    }
}
/* @media screen and (min-width: 1366px) {
    #worries {
        width: 100%;
        height: 700px;
        margin: 40px auto 70px;
        padding: 0;
        background-image: url(img/pcbg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 100px;
        opacity: 0.9;
        position: relative;
        top: 16%;
        left: 0;
    }

} */
/* @media screen and (min-width: 1400px) {
    #worries {
        width: 100%;
        height: 800px;
        margin: 40px auto 70px;
        padding: 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .troublebox {
        width: 60%;
        max-width: 1200px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 50px 90px;
        opacity: 0.9;
        position: relative;
        top: 18%;
        left: 0;
    }
     .checkmark001 {
        margin: 25px 0px 0 100px;
        padding-left: 68px;
        padding-bottom: 20px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 25px;
    }
      .checkmark001:before,
      .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
      }
      .checkmark001:before {
        width: 45px;
        height: 45px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }
    .checkmark001:after {
        border-left: 6px solid #00185C;
        border-bottom: 6px solid #00185C;
        width: 35px;
        height: 20px;
        -webkit-transform: rotate(
    -45deg);
        transform: rotate(
    -45deg);
        left: 5px;
        top: 10px;
    }
} */
/*-------------- Worries -------------------*/
/*-------------- Stage one -------------------*/
#stage1 {
    width: 100%;
    height: auto;
    margin: 0 auto 50px; 
    padding: 0;
}
.stageonebox1{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.s1boxback{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage1bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.small-t{
    color: white;
    text-align: left;
    font-size: 45px;
    padding-top: 150px;
    padding-left: 50px;
    font-family: serif;

}
.big-t {
    color: white;
    text-align: left;
    font-size: 75px;
    padding-top: 30px;
    padding-left: 50px;
}
.leftline{
    background-color: white;
    height: 1px;
    width: 650px;
    padding: 2px;
    border-radius: 10%;
}
.alltextbox {
    color: white;
    width: 90%;
    margin: 0 auto;
    padding: 70px 0;
    text-align: justify;
    font-size: 40px;
    line-height: 1.6;
    font-family: sans-serif;
}
.alltextbox2 {
    color: white;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: justify;
    font-size: 38px;
    line-height: 1.6;
    font-family: sans-serif;
}
.stageonebox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case1{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/3l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case2{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/3r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stageonebox3 {
    width: 100%;
    height: 1660px;
    margin: 0px auto;
    padding: 0;
}
.stageoneboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}
.stageonecenterline{
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}
.bluetext {
    width: 88%;
    margin: 50px auto 20px;
    color: #074983;
    text-align: left;
    font-size: 45px;
    border-bottom: 2px dotted #074983;
    font-family: serif;
}
.blacktext{
    width: 88%;
    margin: 10px auto;
    color: black;
    text-align: left;
    font-size: 40px;
}

@media screen and (min-width:992px){
    #stage1 {
        width: 100%;
        height:auto;
        margin: 0 auto 60px;
        padding: 0;
    }
    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 60px;
        padding-left: 0px;
    }
    .big-t {
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }
    .leftline {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 1px;
        border-radius: 10%;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
    }
    .alltextbox {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 35px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }
                        .alltextbox2 {
                            color: white;
                            width: 80%;
                            margin: 0 auto;
                            padding: 15px 0;
                            text-align: justify;
                            font-size: 20px;
                            line-height: 1.6;
                        }
    .s1boxback {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .stageonebox1 {
        width: 100%;
        height:400px;
        margin: 0 auto;
        padding: 0;
    }
    .stageonebox2 {
        width: 45%;
        height: px;
        margin: 0 4% 0 1%;
        padding: 0;
        float: right;
    }
    .case1 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .case2 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stageonecenterline {
        background-color: #00185C;
        height: 1px;
        width: 85%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }
    .stageonebox3 {
        width: 50%;
        float: left;
        height: 1000px;
        margin: 0 auto;
        padding: 0;
    }
    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 50px;
        margin: 0 auto;
    }
    .blacktext {
        width: 88%;
        margin: 10px auto;
        color: black;
        text-align: left;
        font-size: 25px;
    }
    .stageonebox3 {
        width: 50%;
        margin: 0 0 0 10%;
        height: 540px;
        padding: 0;
    }
    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 30px;
        padding-left: 50px;
        margin: 0 auto;
    }
    .stageonecenterline {
        background-color: #074983;
        height: 1px;
        width: 88%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }
    .bluetext {
        width: 88%;
        margin: 2px auto 0px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        border-bottom: 2px dotted #074983;
        padding: 0px 0px 0;
    }
    .blacktext {
        width: 88%;
        margin: 5px auto 10px;
        color: black;
        text-align: left;
        font-size: 13px;
    }
    .xospc{
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
    }
    .xospc2{
        width: 100%;
        max-width: 1500px;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .stageonebox2 {
        width: 30%;
        height: 520px;
        margin: 2% 10% 0 0;
        padding: 0;
        float: right;
    }
    .leftline2 {
        background-color: white;
        height: 1px;
        width: 28%;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }


}

@media screen and (min-width:1280px){
    #stage1 {
        width: 100%;
        height: auto;
        margin: 0 auto 60px;
        padding: 0;
    }
    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 60px;
        padding-left: 0px;
    }
    .big-t {
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }
    .leftline {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 1px;
        border-radius: 10%;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
    }
    .alltextbox {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 35px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }
                .alltextbox2 {
                    color: white;
                    width: 80%;
                    margin: 0 auto;
                    padding: 15px 0;
                    text-align: justify;
                    font-size: 20px;
                    line-height: 1.6;
                }
    .s1boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .stageonebox1 {
        width: 100%;
        height:400px;
        margin: 0 auto;
        padding: 0;
    }
    .stageonebox2 {
        width: 45%;
        height: px;
        margin: 0 4% 0 1%;
        padding: 0;
        float: right;
    }
    .case1 {
        width: 100%;
        float: left;
        height: 250px;
        margin:0 auto ;
        padding: 0;
        background-image: url(img/3l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .case2 {
        width: 100%;
        float: left;
        height:250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stageonecenterline {
        background-color: #00185C;
        height: 1px;
        width: 85%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }
    .stageonebox3 {
        width: 50%;
        float: left;
        height: 1000px;
        margin: 0 auto;
        padding: 0;
    }
    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 50px;
        margin: 0 auto;
    }
    .blacktext {
        width: 88%;
        margin: 10px auto;
        color: black;
        text-align: left;
        font-size: 25px;
    }
    .stageonebox3 {
        width: 50%;
        margin: 0 0 0 10%;
        height: 520px;
        padding: 0;
    }
    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 50px;
        margin: 0 auto;
    }
    .stageonecenterline {
        background-color: #074983;
        height: 1px;
        width: 88%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }
    .bluetext {
        width: 88%;
        margin: 10px auto 0px;
        color: #074983;
        text-align: left;
        font-size: 20px;
        border-bottom: 2px dotted #074983;
        padding: 0px 5px 0;
    }
    .blacktext {
        width: 88%;
        margin: 5px auto 10px;
        color: black;
        text-align: left;
        font-size: 15px;
    }
    .xospc{
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
    }
    .xospc2{
        width: 100%;
        max-width: 1500px;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .stageonebox2 {
        width: 30%;
        height: 505px;
        margin: 1% 10% 0 0;
        padding: 0;
        float: right;
    }
    .leftline2 {
        background-color: white;
        height: 1px;
        width: 28%;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }


}


/*-------------- Stage one -------------------*/
/*-------------- Stage Two -------------------*/
#stage2{
    width: 100%;
    height: 3745px;
    margin: 0 auto;
    padding: 0;
}
.stagetwobox1{
    width: 100%;
    height: 1200px;
    margin: 0 auto;
    padding: 0;
}
.s2boxback{
    width: 100%;
    height: 1210px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage2bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.leftline2{
    background-color: white;
    height: 1px;
    width: 805px;
    padding: 2px;
    border-radius: 10%;
}

.stagetwobox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case11{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/4l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case22{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/4r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stagetwobox3{
    width: 100%;
    height: 2045px;
    margin: 0 auto;
    padding: 0;
}
.stagetwoboxtitle{
    width: 95%;
    color: black;
    text-align:left;
    font-size:50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}
.stagetwocenterline{
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}
.remove{
    display:block;
}

@media screen and (min-width: 992px){
    .leftline2 {
        background-color: white;
        height: 1px;
        width: 630px;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }
    .s2boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage2.jpg);
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .stagetwobox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .stagetwobox2 {
        width: 30%;
        float: right;
        height: 560px;
        margin: 0 10% 0 0;
        padding: 0;
    }
    .case11 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 12% auto 0;
        padding: 0;
        background-image: url(img/4l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .case22 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/4r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stagetwobox3 {
        width: 50%;
        height: 560px;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
    }
    .xoospc{
        width: 100%;
        height: 580px;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .stagetwoboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 50px;
        padding-left: 5%;
        margin: 0 auto;
    }
    .stagetwocenterline {
        background-color: #00185C;
        height: 1px;
        width: 90%;
        padding: 2px 0;
        border-radius: 10%;
        margin-left: 5%;
    }
    #stage2 {

        width: 100%;
        height: 1000px;
        margin: 0 auto;
        padding: 0;
    
    }
    .remove{
        display: none;
    }
    
}
@media screen and (min-width: 1280px){
.leftline2 {
    background-color: white;
    height: 1px;
    width: 635px;
    margin: 0 auto;
    padding: 2px;
    border-radius: 10%;
}
.s2boxback {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/pcstage2.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.remove{
    display: none;
}
.stagetwobox1 {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0;
}
.stagetwobox2 {
    width: 30%;
    float: right;
    height: 540px;
    margin: 0 10% 0 0;
    padding: 0;
}
.case11 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 5% auto 0;
    padding: 0;
    background-image: url(img/4l.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.case22 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/4r.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.stagetwobox3 {
    width: 50%;
    height: 570px;
    float: left;
    margin: 0 0 0 10%;
    padding: 0;
}
.xoospc{
    width: 100%;
    height: 575px;
    margin: 0 auto;
    padding: 0;
    max-width: 1500px;
}
.stagetwoboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 25px;
    padding-top: 20px;
    padding-left: 5%;
    margin: 0 auto;
}
.stagetwocenterline {
    background-color: #00185C;
    height: 1px;
    width: 90%;
    padding: 1px 0;
    border-radius: 10%;
    margin-left: 5%;
}
#stage2 {
    width: 100%;
    height: 1025px;
    margin: 0 auto;
    padding: 0;
}

}



/*-------------- Stage Two -------------------*/
/*-------------- Stage Three -------------------*/
#stage3{
    width: 100%;
    height: 3830px;
    margin: 0 auto;
    padding: 0;
}
.stagethreebox1{
    width: 100%;
    height: 860px;
    margin: 0 auto;
    padding: 0;
}
.s3boxback{
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage3bg.jpg);
    background-size:  100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.leftline3{
    background-color: white;
    height: 1px;
    width: 645px;
    padding: 2px;
    border-radius: 10%;
}

.stagethreebox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case111{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case222{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stagethreebox3 {
    width: 100%;
    height: 2400px;
    margin: 0 auto;
    padding: 0;
}
.stagethreeboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}
.stagethreecenterline{
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}
@media screen and (max-width: 991px){
.hiddentime2{
    display: none;
}
}
@media screen and (min-width: 992px){
    .leftline3 {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 2px;
        border-radius: 10%;
    }
    .s3boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage3.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .xoospc2 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 545px;
        max-width: 1500px;
    }
    .stagethreebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .case111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
.stagethreebox2 {
    width: 30%;
    height: 505px;
    float: right;
    margin: 3% 0 0 5%;
    padding: 0;
}
.stagethreebox3 {
    width: 60%;
    float: left;
    height: 530px;
    margin: 0 0 0 5%;
    padding: 0;
}
.stagethreeboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 25px;
    padding-top: 20px;
    padding-left: 0px;
    margin: 0 auto;
}
.stagethreecenterline {
    background-color: #00185C;
    height: 1px;
    width: 95%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 0%;
    margin: 0 auto;
}
.hiddentime2 {
    width: 100%;
    height: 455px;
    margin: 0 auto;
    padding: 0;
}

.aa{
    width: 50%;
    float: left;
    margin: 0 auto;
}
.bb {
    width: 50%;
    float: left;
    margin: 0 auto;
    padding: 0;
}

.case222 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5r.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
#stage3 {

    width: 100%;
    height: 965px;
    margin: 0 auto;
    padding: 0;

}
.hiddentime{
    display: none;
}
}

@media screen and (min-width: 1280px){
    .leftline3 {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 270px;
        padding: 2px;
        border-radius: 10%;
    }
    .s3boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage3.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .xoospc2 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .stagethreebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .case111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
.stagethreebox2 {
    width: 30%;
    height: 510px;
    float: right;
    margin: 2% 0 0 5%;
    padding: 0;
}
.stagethreebox3 {
    width: 60%;
    float: left;
    height: 535px;
    margin: 0 0 0 5%;
    padding: 0;
}
.stagethreeboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 25px;
    padding-top: 20px;
    padding-left: 0px;
    margin: 0 auto;
}
.stagethreecenterline {
    background-color: #00185C;
    height: 1px;
    width: 95%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 0%;
    margin: 0 auto;
}
.hiddentime2 {
    width: 100%;
    height: 430px;
    margin: 0 auto;
    padding: 0;
}

.aa{
    width: 50%;
    float: left;
    margin: 0 auto;
}
.bb {
    width: 50%;
    float: left;
    margin: 0 auto;
    padding: 0;
}

.case222 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5r.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
#stage3 {
    width: 100%;
    height: 980px;
    margin: 0 auto;
    padding: 0;
}
.hiddentime{
    display: none;
}
}
/*-------------- Stage Three -------------------*/
/*-------------- Stage Four -------------------*/
#stage4{
    width: 100%;
    height: 4350px;
    margin: 0 auto;
    padding: 0;
}
.stagefourbox1{
    width: 100%;
    height: 1500px;
    margin: 0 auto;
    padding: 0;
}
.s4boxback{
    width: 100%;
    height: 1510px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage4bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.leftline4 {
    background-color: white;
    height: 1px;
    width: 700px;
    padding: 2px;
    border-radius: 10%;
}

.stagefourbox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case1111{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case2222{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stagefourbox3{
    width: 100%;
    height: 2270px;
    margin: 0 auto;
    padding: 0;
}
.stagefourbox4{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.stagefourboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.stagefourcenterline{
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;

}
@media screen and (max-width: 991px){
    .hiddentimetwo2{
        display: none;
    }
}

@media screen and (min-width: 992px){
        #stage4 {
            width: 100%;
            height: 2000px;
            margin: 0 auto;
            padding: 0;
        }
        .leftline4 {
            background-color: white;
            height: 1px;
            width: 300px;
            padding: 2px;
            border-radius: 10%;
            margin: 0 auto;
        }
        .s4boxback {
            width: 100%;
            height: 400px;
            margin: 0 auto;
            padding: 0;
            background-image: url(img/pcstage4.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
    .stagefourbox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .stagefourbox2 {
        width: 30%;
        height: 535px;
        float: right;
        margin: 5% 0 0 5%;
        padding: 0;
    }
    .case1111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 30px auto 0px;
        padding: 0;
        background-image: url(img/6l.jpg);
        background-position: left;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .case2222 {
        width: 100%;
        float: left;
        height:250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/6r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 22px;
        padding-top: 88px;
        padding-left: 0px;
        padding-bottom: 0;
        margin: 0 auto;
    }
    .stagefourcenterline {
        background-color: #00185C;
        height: 1px;
        width: 95%;
        padding: 2px 0;
        border-radius: 10%;
        margin: 10px auto;
    }
    .stagefourbox3 {
        width: 60%;
        float: left;
        height: 580px;
        margin: 0 0 0 5%;
        padding: 0;
    }
    
    .hiddentimetwo2 {
        width: 100%;
        height: 443px;
        margin: 0 auto;
        padding: 0;
    }
    
    .aa2{
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .bb2 {
        width: 50%;
        float: left;
        margin: 0 auto;
        padding: 0;
    }
    #stage4 {
        width: 100%;
        height: 1050px;
        margin: 0 auto;
        padding: 0;
    }
}
@media screen and (min-width: 1280px){
    #stage4 {
        width: 100%;
        height: 2000px;
        margin: 0 auto;
        padding: 0;
    }
    .leftline4 {
    background-color: white;
    height: 1px;
    width: 300px;
    padding: 1px;
    border-radius: 10%;
    margin: 0 auto;
    }
    .s4boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage4.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
.stagefourbox1 {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0;
}
.stagefourbox2 {
    width: 30%;
    height: 505px;
    float: right;
    margin: 2% 0 0 5%;
    padding: 0;
}
.case1111 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6l.jpg);
    background-position: left;
    background-size:contain;
    background-repeat: no-repeat;
}

.case2222 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6r.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.stagefourboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 45px;
    padding-top: 80px;
    padding-left: 0px;
    margin: 0 auto;
}
.stagefourcenterline {
    background-color: #00185C;
    height: 1px;
    width: 95%;
    padding: 2px 0;
    border-radius: 10%;
    margin: 5px auto 2px;
}
.stagefourbox3 {
    width: 60%;
    float: left;
    height: 530px;
    margin: 0 0 0 5%;
    padding: 0;
}

.hiddentimetwo2 {
    width: 100%;
    height: 405px;
    margin: 0 auto;
    padding: 0;
}

.aa2{
    width: 50%;
    float: left;
    margin: 0 auto;
}
.bb2 {
    width: 50%;
    float: left;
    margin: 0 auto;
    padding: 0;
}
#stage4 {
    width: 100%;
    height: 980px;
    margin: 0 auto;
    padding: 0;
}
}
/*-------------- Stage Four -------------------*/
/*-------------- Stage Five -------------------*/
#stage5{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.stagefivebox1{
    width: 100%;
    height: 1385px;
    margin: 0 auto;
    padding: 0;
}
.stagefiveboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 45px;
    padding-top: 80px;
    padding-left: 0px;
    margin: 0 auto;
}
.stagefivecenterline {
    background-color: #074983;
    height: 1px;
    width: 95%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 0%;
    margin: 0 auto;
}
.bigo-t{
    color: white;
    text-align: left;
    font-size: 75px;
    padding-top: 20px;
    padding-left: 50px;

}
.s5boxback{
    width: 100%;
    height: 1400px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage5bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.leftline5{
    background-color: white;
    height: 1px;
    width: 735px;
    padding: 2px;
    border-radius: 10%;
}

.stagefivebox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case11111{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case22222{
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stagefivebox3 {
    width: 100%;
    height: 1230px;
    margin: 0 auto;
    padding: 0;
}
.stagefiveboxtitle{
    width: 95%;
    color: black;
    text-align:left;
    font-size:50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
}
.stagefivecenterline{
    background-color: #074983;
    height: 1px;
    width: 880px;
    padding: 2px;
    border-radius: 10%;
    margin: 10px auto 40px;

}
.space1{
    padding-bottom: 10px;
}
.bluetext1{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: black;
    text-align: left;
    font-size: 40px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #074983;
}
.bluetext001{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #074983;
}
.bluetext002{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #00185C;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}
.bluetext003{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #00185C;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}
.bluetext004{
    width: 91%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    text-align: left;
    color:black;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}

.bluetext004 > span {
    color: #074983;
    font-size: 24px;
}

#button>span{
    display: none;
}
#button:checked #button>span {
display: block;
}

.lastbox{
    width: 770px;
    margin: 60px auto 40px;
    background-color:#EFF4FB;
    height: 870px;
    padding: 45px 60px;
    color: black;
    font-size: 40px;
    line-height: 2;
}
.stagesixbox2{
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}
.case111111{
    width: 50%;
    float: left;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8l.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}
.case222222{
    width: 50%;
    float: left;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.stagesevenbox3 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
@media screen and (max-width: 991px){
.big-t23{
    display: none;
}
.honeysingh{
    display: none;
}
}
@media screen and (min-width: 992px){
    .bigo-t{
        display: none;
    }
    .big-t23{
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }
    #stage5 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .stagesixbox2 {
        width: 30%;
        float: right;
        height: 505px;
        margin: 5% auto 0;
        padding: 0;
    
    }
    .case111111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .case222222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stagefivebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .s5boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage5.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 35px;
        padding-left: 0px;
    }
    .leftline5 {
        background-color: white;
        height: 1px;
        width: 515px;
        padding: 2px;
        margin: 0 auto;
        border-radius: 10%;
    }
    .alltextbox {
        color: white;
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px 0;
        text-align: justify;
        font-size: 16px;
        line-height: 1.6;
    }
                                        .alltextbox2 {
                                            color: white;
                                            width: 60%;
                                            max-width: 1000px;
                                            margin: 0 auto;
                                            padding: 15px 0;
                                            text-align: justify;
                                            font-size: 16px;
                                            line-height: 1.6;
                                        }
    .stagefivebox2 {
        width: 30%;
        height: 505px;
        float: right;
        margin: 5% 0 0 0%;
        padding: 0;
    }
    .case11111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .case22222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .stagefivebox3 {
        width: 32%;
        float: left;
        height: 510px;
        margin: 0 0 0 3%;
        padding: 0;
    }
    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 5%;
    }
    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 40px;
    }
    .bluetext1 {
        width: 90%;
        margin: 15px auto 0px;
        color: black;
        text-align: left;
        font-size: 15px;
        padding: 0px;
        border-bottom: 2px dotted #074983;
    }
    .cool {
        width: 30%;
        height: 570px;
        margin: 0% 1% 0% 1%;
        float: left;
        padding: 0;
    }
    
    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 22px;
        padding-top: 50px;
        padding-bottom: 0;
        padding-left: 5%;
    }
    
    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 40px;
    }
    
    .lastbox {
        width: 90%;
        margin: 0 auto;
        background-color: #EFF4FB;
        height: auto;
        padding: 20px 30px 15px;
        color: black;
        font-size: 13px;
    }
    .stagesevenbox3 {
        width: 30%;
        height: auto;
        float: left;
        margin: 0px 0 0 3%;
        padding: 0;
    }
    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 18px;
        padding-top: 40px;
        padding-left: 0px;
        padding-bottom: 0;
        margin: 0 auto;
    }
    .stagefourbox4 {
        width: 35%;
        height: auto;
        float: left;
        margin: 0 1% 0 0%;
        padding: 0;
    }
    
    
    .bluetext001{
        width: 90%;
        margin: 15px auto 5px;
        padding: 0 0 5px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }
    .bluetext002{
        width: 90%;
        margin: 15px auto 5px;
        padding: 0px 0 5px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }
    .bluetext003{
        width: 90%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }
    .bluetext004{
        width: 91%;
        margin: 10px auto 5px;
        padding: 0 0 10px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }
    .bluetext004 > span {
        color: #074983;
        font-size: 15px;
    }
    }
@media screen and (min-width: 1280px){
.bigo-t{
    display: none;
}
.big-t23{
    color: white;
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
    padding-left: 0px;
}
#stage5 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.stagesixbox2 {
    width: 30%;
    float: right;
    height: 510px;
    margin: 6% auto 0;
    padding: 0;
}
.case111111 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8l.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.case222222 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8r.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.stagefivebox1 {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0;
}
.s5boxback {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/pcstage5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.small-t {
    color: white;
    text-align: center;
    font-size: 25px;
    padding-top: 40px;
    padding-left: 0px;
}
.leftline5 {
    background-color: white;
    height: 1px;
    width: 430px;
    padding: 1px;
    margin: 0 auto;
    border-radius: 10%;
}
.alltextbox {
    color: white;
    width: 38%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: justify;
    font-size: 15px;
    line-height: 1.6;
}
.alltextbox2 {
    color: white;
    width: 38%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: justify;
    font-size: 15px;
    line-height: 1.6;
}
.stagefivebox2 {
    width: 30%;
    height: 470px;
    float: right;
    margin: 2% 0 0 0%;
    padding: 0;
}
.case11111 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7l.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.case22222 {
    width: 100%;
    float: left;
    height: 250px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7r.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.stagefivebox3 {
    width: 32%;
    float: left;
    height: 570px;
    margin: 0 0 0 3%;
    padding: 0;
}
.stagefiveboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 25px;
    padding-top: 80px;
    padding-left: 5%;
}
.stagefivecenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px;
    border-radius: 10%;
    margin: 10px auto 40px;
}
.bluetext1 {
    width: 90%;
    margin: 15px auto 0px;
    color: black;
    text-align: left;
    font-size: 16px;
    padding: 0px;
    border-bottom: 2px dotted #074983;
}
.cool {
    width: 30%;
    height: 570px;
    margin: 0% 1% 0% 1%;
    float: left;
    padding: 0;
}

.stagefiveboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 5%;
}

.stagefivecenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px;
    border-radius: 10%;
    margin: 10px auto 10px;
}

.lastbox {
    width: 90%;
    margin: 0 auto;
    background-color: #EFF4FB;
    height: auto;
    padding: 20px 30px 15px;
    color: black;
    font-size: 16px;
}
.stagesevenbox3 {
    width: 30%;
    height: auto;
    float: left;
    margin: 0px 0 0 3%;
    padding: 0;
}
.stagefourboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 24px;
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 0;
    margin: 0 auto;
}
.stagefourbox4 {
    width: 35%;
    height: auto;
    float: left;
    margin: 0 1% 0 0%;
    padding: 0;
}


.bluetext001{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px dotted #074983;
}
.bluetext002{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px dotted #074983;
}
.bluetext003{
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px dotted #074983;
}
.bluetext004{
    width: 91%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px dotted #074983;
}
}

/*-------------- Stage Five -------------------*/
/*-------------- Box View  -------------------*/
#box-view {
    width: 90%;
    height: 3000px;
    margin: 0 auto;
    padding: 135px 50px;
    background-image: url(img/voicebg.jpg);
    background-position: center;
    background-size: cover;
}
.box-view-t{
    text-align: center;
    font-size: 75px;
    color: white;
    padding: 50px 0;
    font-family: serif;
}
.box-view1{
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 40px 50px;
    background-color: white;
    text-align: justify;
    color: black;
    font-size: 40px;
    line-height: 1.6;
}
.box-view2{
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 60px 50px 20px;
    background-color: white;
    text-align: justify;
    color: black;
    font-size: 40px;
    line-height: 1.6;
}
.box-view3{
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 40px 50px;
    background-color: white;
    text-align: justify;
    color: black;
    font-size: 40px;
    line-height: 1.6;
}
@media screen and (min-width: 992px){
    #box-view {
    width: 100%;
    height: 620px;
    margin: 0 auto;
    padding: 50px 0px;
    background-image: url(img/pcvoicebg.jpg);
    background-position: center;
    background-size: cover;
    }
    .box-view-t{
        text-align: center;
        font-size: 35px;
        color: white;
        padding: 25px 0;
        font-family: serif;
    }
    
    .all-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .box-view1 {
        width: 85%;
        height: auto;
        margin: 10px auto;
        padding: 30px 30px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 13px;
        line-height: 1.6;
    }
    .box-view2 {
        width: 85%;
        height: auto;
        margin: 30px auto;
        padding: 30px 30px 40px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 13px;
        line-height: 1.6;
    }
    .box-view3 {
        width: 85%;
        height: auto;
        margin: 40px auto;
        padding: 30px 30px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 13px;
        line-height: 1.6;
    }
}

@media screen and (min-width: 1280px){
    #box-view {
        width: 100%;
        height: 530px;
        margin: 0 auto;
        padding: 0px 0px;
        background-image: url(img/pcvoicebg.jpg);
        background-position: center;
        background-size: cover;
    }
    .box-view-t {
        text-align: center;
        font-size: 45px;
        color: white;
        padding: 50px 0 30px;
        font-family: serif;
    }
    
    .all-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .box-view1 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 10px 0px 45px;
        padding: 40px 20px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }
    .box-view2 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 10px 0px 10px;
        padding: 40px 20px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }
    .box-view3 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 40px 0px 10px;
        padding: 40px 20px;
        background-color: white;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }
}



/*-------------- Box View  -------------------*/
/*--------------  Link  -------------------*/
.msg-link{
    width: 80%;
    height: 250px;
    margin: 100px auto;
    padding: 0;
    background: rgb(222,140,0);
    background: linear-gradient(
0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
}
.msglink-img {
    width: 15%;
    float: left;
    height: 250px;
    margin: 0 4% 0 15%;
    padding: 0px;
    background-image: url(img/email.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.msglink-img2 {
    width: 15%;
    float: left;
    height: 250px;
    margin: 0 4% 0 15%;
    padding: 0px;
    background-image: url(img/email.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.msglink-text{
    width: 65%;
    float: left;
    text-align: left;
    font-size: 45px;
    color: white;
    padding: 55px 0;
}
.msglink-text2 {
    width: 65%;
    float: left;
    text-align: left;
    font-size: 45px;
    color: white;
    padding: 55px 0;
}
@media screen and (max-width: 991px){
    .msg-link2{
        display: none
    }
        .msg-link3 {
            width: 90%;
            height: 200px;
            margin: 30px auto;
            padding: 0;
            background: rgb(222, 140, 0);
            background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        }
                .msglink-img2 {
                    width: 10%;
                    float: left;
                    height: 200px;
                    margin: 0 3% 0 6%;
                    padding: 0px;
                    background-image: url(img/email.png);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }
                                .msglink-text2 {
                                    width: 80%;
                                    float: left;
                                    text-align: left;
                                    font-size: 40px;
                                    color: white;
                                    padding: 80px 0 60px;
                                }
}

@media screen and (min-width: 992px){
    .msg-link{
        display: none;
    }
    .msg-link2 {
        width: 450px;
        max-width: 1000px;
        height: 100px;
        margin: 30px auto;
        padding: 0;
        background: rgb(222,140,0);
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    }
     .msg-link3 {
          width: 95%;
          height: 80px;
          margin: 30px auto;
          padding: 0;
          background: rgb(222, 140, 0);
          background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msglink-img {
        width: 55px;
        float: left;
        height: 80px;
        margin: 10px 1% 10px 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }
          .msglink-img2 {
              width: 40px;
              float: left;
              height: 65px;
              margin: 10px 1% 10px 5%;
              padding: 0px;
              background-image: url(img/email.png);
              background-size: 2rem;
              background-repeat: no-repeat;
              background-position: center;
          }
    .msglink-text {
        width: 80%;
        float: left;
        text-align: center;
        font-size: 18px;
        color: white;
        padding: 37px 0;
        font-weight: bold;
    }
        .msglink-text2 {
            width: 80%;
            float: left;
            text-align: center;
            font-size: 15px;
            color: white;
            padding: 30px 0;
        }

}

@media screen and (min-width: 1280px){
    .msg-link{
        display: none;
    }
    .msg-link2 {
        width: 40%;
        max-width: 785px;
        height: 130px;
        margin: 45px auto;
        padding: 0;
        background: rgb(222,140,0);
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    }
    .msg-link3 {
        width: 40%;
        max-width: 785px;
        height: 130px;
        margin: 45px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }
    .msglink-img {
        width: 100px;
        float: left;
        height: 130px;
        margin: 0 0% 0 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 4rem;
        background-repeat: no-repeat;
        background-position: center;
    }
       .msglink-img2 {
               width: 100px;
               float: left;
               height: 130px;
               margin: 0 0% 0 5%;
               padding: 0px;
               background-image: url(img/email.png);
               background-size: 4rem;
               background-repeat: no-repeat;
               background-position: center;
       }
    .msglink-text {
        width: 75%;
        float: left;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 50px 0;
    }
  .msglink-text2 {
      width: 75%;
      float: left;
      text-align: left;
      font-size: 20px;
      color: white;
      padding: 50px 0;
  }

}
@media screen and (min-width: 1366px){
    .msg-link{
        display: none;
    }
    .msg-link2 {
        width: 40%;
        max-width: 540px;
        height: 120px;
        margin: 35px auto;
        padding: 0;
        background: rgb(222,140,0);
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    }
.msg-link3 {
    width: 100%;
    max-width: 500px;
    height: 80px;
    margin: 10px auto;
    padding: 0;
    background: rgb(222, 140, 0);
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
}

    .msglink-img {
        width: 80px;
        float: left;
        height: 120px;
        margin: 0px 2% 0 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }
      .msglink-img2 {
          width: 60px;
          float: left;
          height: 60px;
          margin: 10px 1% 10px 5%;
          padding: 0px;
          background-image: url(img/email.png);
          background-size: 3rem;
          background-repeat: no-repeat;
          background-position: center;
      }
    .msglink-text {
        width: 78%;
        float: left;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 45px 0;
    }
    .msglink-text2 {
        width: 75%;
        float: left;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 25px 0;
     }

}

/*--------------  Link  -------------------*/
/*---------- Online Course  ---------------*/
#onlinecourse{
    width: 100%;
    height: 2030px;
    margin: 0 auto;
    padding: 0;
}
.onlinecourse-title {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0px 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
    font-family: serif;
}
.onlinecourse-image1{
    width: 100%;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/online.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.onlinecourse-textbox{
    width: 90%;
    height: auto;
    background-color: white;
    color: black;
    font-size: 40px;
    text-align: justify;
    line-height: 1.6;
    padding: 100px 50px;
    margin: 0 auto;
}
.onlinecourse-image2{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/ebm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.onlinecourse-image20{
 display:none;
}
.onlinecourse-image19 {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/online19.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
@media screen and (min-width: 992px){

    #onlinecourse {
        width: 100%;
        height: 405px;
        margin: 0 auto;
        padding: 0;
    }
    .onlinecourse-title {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        font-family: serif;
        background-color: #00185C;
    }
    .xospc4{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .xosbox1 {
        width: 100%;
    }
    .onlinecourse-image1{
        width: 40%;
        height: 300px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/online.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        float: left;
    }
    .onlinecourse-textbox {
        width: 40%;
        height: auto;
        background-color: white;
        color: black;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
        padding: 40px 50px 0;
        margin: 0 auto;
        float: left;
    }
    .onlinecourse-image2{
        display: none;
    }

         .onlinecourse-image19 {
          width: 40%;
          height: 350px;
          margin: 1% 0 2% 5%;
          padding: 0;
          background-image: url(img/online19.jpg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          float: left;
    }

}
@media screen and (min-width: 1280px){

    #onlinecourse {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .onlinecourse-title {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
        color: white;
        font-size: 45px;
        text-align: center;
        font-family: serif;
        background-color: #00185C;
    }
    .xospc4{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .xosbox1 {
        width: 100%;
    }
    .onlinecourse-image1{
        width: 40%;
        height: 375px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/online.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        float: left;
    }
    
    .onlinecourse-textbox {
        width: 45%;
        height: auto;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: justify;
        line-height: 1.6;
        padding: 50px 50px;
        margin: 0 auto;
        float: left; 
    }
    .onlinecourse-image2{
        display: none;
    }


    .onlinecourse-image19 {
        width: 40%;
        height: 350px;
        margin: 1% 0 2% 5%;
        padding: 0;
        background-image: url(img/online19.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        float: left;
    }

}
/*---------- Online Course  ---------------*/
/*---------- EBM-Web Course ---------------*/
#ebm-web {
    width: 100%;
    height: auto;
    margin: 0 auto 180px;
    padding: 0;
}
.ebm-web-title{
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
}
.ebm-web-title2 {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
}
.ebm-web-textbox{
    width: 90%;
    height: 440px;
    background-color: white;
    color: black;
    font-size: 40px;
    text-align: justify;
    line-height: 1.6;
    padding: 100px 50px;
    margin: 0 auto;

}
.ebm-web-textbox > span{
    float:right;
    text-align: right;
}

.ebm-web-box1{
    width: 100%;
    height: 448px;
    margin: 0 auto;
    padding: 0;
}
.ebmcase1{
    width: 50%;
    float: left;
    height: 240px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/9l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ebmcase2{
    width: 50%;
    float: left;
    height: 240px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/9r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ebm-web-setone {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}
.ebm-web-setwo {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
.ebm-web-setwo2 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
.ebm-web-sethree {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
.ebm-web-setlast {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.ebm-web-setone-title{
    width: 100%;
    height: 225px;
    padding: 0;
    margin: 130px auto 0px;
    background-color: #ffffff;
    position: relative;
}
.straightline{
    width: 1%;
    float: left;
    border-left: 20px solid #074983;
    height: 150px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}
.ebm-web-t-text{
    width: 91%;
    height: 200px;
    color: #074983;
    text-align: left;
    font-size: 60px;
    float: right;
    margin: 10px auto 0;
}
.ebm-web-t-text > span{
    font-size: 40px;
}
.ebm-web-setonebox1{
    width: 90%;
    height: 460px;
    padding: 40px 0;
    margin: 5px auto;
    background-color: #EFF4FB;
}
.ebm-web-setonebox2{
    width: 90%;
    height: 300px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #EFF4FB;
}
.ebm-web-setonebox3{
    width: 90%;
    height: 480px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #EFF4FB;
}
.ebm-web-setonebox4{
    width: 90%;
    height: 970px;
    padding: 40px 0;
    margin: 30px auto 120px;
    background-color: #EFF4FB;
}

.ebm-web-s-texts{
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0 auto;
}
.circle{
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.circle2{
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.circle3{
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.circle4{
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.ebm-web-st-text{
    width: 88%;
    height: 85px;
    color: black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto 30px;
}
.ebm-web-st-text0{
    width: 88%;
    height: 70px;
    color: black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto 30px;
}
.ebm-web-st-text0 span{
    font-size: 30px;
    padding: 0px 0;
}


/* Dropdowon start from here */
.newpostbox{
    width: 82%;
    margin: 40px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}
#button{
    width: 90%;
    margin: -2px 5%;
    padding: 40px 40px;
    background-color: white;
    color: #074983;
    font-size: 45px;
    text-align: center;
    border-left: 5px solid #074983;
    border-right: 5px solid #074983;
    border-bottom: 10px solid #074983;
    border-top: none;

}
#newpost{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #00185C;
    border-bottom: none;
}
.box1{
    width: 100%;
    height: 378px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voice{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -230px;
	}

	.voice {
	}
	.voice input {
	  display: none; 
	}
	.voce_btn {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 50px;
        color: #00185C;
        display: block;
        height: 65px;
        margin: 0 auto 0px;
        padding: 50px 0 35px;
                line-height: 50px;
        background: white;
        border: 2px solid #00185C;
        border-top: none;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;

	}
	.voce_btn:hover {

	}
    .voce_btn:before {
        content: "カリキュラム詳細を見る ▼";
        color: #074983;
    }
	.voice ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voice li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}

	#voice_bar:checked ~ #links li {
        height: auto;
        width: 89.5%;
        opacity: 1;
        padding: 125px 0 60px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 1px solid  #074983;
        border-right: 1px solid  #074983;
	}
	#voice_bar:checked ~ .voce_btn:before {
	  content: "カリキュラム詳細を閉じる ▲" 
      
	}
    @media screen and (min-width:400px){
        .ebm-web-setonebox1 {
                width: 90%;
                height: 530px;
                padding: 40px 0px;
                margin: 5px auto;
                background-color: rgb(239, 244, 251);
            }
                        .ebm-web-st-text0 {
                            width: 88%;
                            height: 140px;
                            color: black;
                            text-align: left;
                            font-size: 42px;
                            float: right;
                            margin: 20px auto 30px;
                        }
    }

    @media screen and (min-width: 992px){
        #voice_bar:checked ~ #links li {
            height: auto;
            width: 90%;
            opacity: 1;
            padding: 122px 0px 0px 0;
            display: block;
            text-decoration: none;
            position: relative;
            margin: -125px auto 0;
            border-left: 1px solid #00185C;
            border-right: 1px solid #00185C;        
        }
        .box1 {
            width: 100%;
            height: 299px;
            margin: 0 auto;
            background-color: white;
            position: relative;
            padding: 0px 0;
        }


    }

    @media screen and (min-width: 1280px){
        #voice_bar:checked ~ #links li {
            height: auto;
            width: 90%;
            opacity: 1;
            padding: 122px 0px 60px 0;
            display: block;
            text-decoration: none;
            position: relative;
            margin: -125px auto 0;
            border-left: 1px solid #00185C;
            border-right: 1px solid #00185C;        
        }
        .box1 {
            width: 100%;
            height: 300px;
            margin: 0 auto;
            background-color: white;
            position: relative;
            padding: 0px 0;
        }


    }
    /* Dropdowon End here */
    /* Second Dropdowon start from here */
.newpostbox2{
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983 ;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost2{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid  #074983;
    border-bottom: none;
}
.box2 {
    width: 100%;
    height: 344px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voice2{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -265px;
	}

	.voice2 {
	}
	.voice input {
	  display: none; 
	}
	.voce_btn2 {
        cursor: pointer;
        width: 89.4%;        
        text-align: center;
        position: relative;
        font-size: 50px;
        color:  #074983;
        display: block;
        height: 65px;
        margin: 0px auto 0px;
        padding: 45px 0 35px;
                line-height: 50px;
        background: white;
        border: 1px solid  #074983;
        border-top: none;
        box-shadow: 0 5px 0px  #074983;
        text-decoration: none;
        transition: .0s;

	}
	.voce_btn2:hover {
	}
	.voce_btn2:before {
	  content: "カリキュラム詳細を見る ▼";
      color:  #074983;
	}
	.voice2 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voice2 li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}
    #voice_bar2:checked ~ #links2 li {
        height: auto;
        width: 89.5%;
        opacity: 1;
        padding: 125px 0 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
    }
	#voice_bar2:checked ~ .voce_btn2:before {
	  content: "カリキュラム詳細を閉じる ▲" 
      
	}
    /* Second Dropdowon End here */
    /* Third Dropdowon start from here */
.newpostbox3{
    width: 82%;
    margin: 40px auto 0;
    padding: 25px 40px;
    background-color: #00185C;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost3{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #00185C;
    border-bottom: none;
}
.box3{
    width: 100%;
    height: 378px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voice3{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -255px;
	}

	.voice3 {
	}
	.voice input {
	  display: none; 
	}
	.voce_btn3 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 50px;
        color: #074983;
        display: block;
        height: 65px;
        margin: 0 auto 0px;
        padding: 35px 0;
        line-height: 50px;
        background: white;
        border: 2px solid #074983;
        border-top: none;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;

	}
	.voce_btn3:hover {

	}
	.voce_btn3:before {
	  content: "カリキュラム詳細を見る ▼"
	}
	.voice3 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voice3 li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}

	#voice_bar3:checked ~ #links3 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 125px 0 60px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 2px solid #074983;
        border-right: 2px solid #074983;
	}
	#voice_bar3:checked ~ .voce_btn3:before {
	  content: "カリキュラム詳細を閉じる ▲" 
      
	}
    /* Third Dropdowon End here */
    /* Fourth Dropdowon start from here */
.newpostbox4{
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost4{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}
.box4{
    width: 100%;
    height: 338px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voice4{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -255px;
	}

	.voice4 {
	}
	.voice input {
	  display: none; 
	}
	.voce_btn4 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 50px;
        color: #074983;
        display: block;
        height: 55px;
        margin: 0 auto 0px;
        padding: 45px 0 35px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;

	}
	.voce_btn4:hover {
	}
	.voce_btn4:before {
	  content: "カリキュラム詳細を見る ▼"
	}
	.voice4 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voice4 li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}

    #voice_bar4:checked ~ #links4 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 120px 0 3px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
    }
	#voice_bar4:checked ~ .voce_btn4:before {
	  content: "カリキュラム詳細を閉じる ▲" 
      
	}
    /* Fourth Dropdowon End here */
    /* Last Dropdowon start from here */
.newpostboxlast{
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpostlast{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}
.boxlast{
    width: 100%;
    height: 725px;
    margin: 45px auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voicelast{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -170px;
	}

	.voicelast {
	}
	.voice input {
	  display: none; 
	}
	.voce_btnlast {
        cursor: pointer;
        width: 65%;
        text-align: center;
        position: relative;
        font-size: 50px;
        color: white;
        display: block;
        height: 45px;
        margin: 50px auto 0px;
        padding: 45px 0;
        line-height: 50px;
        background: #074983;
        border: 2px solid #074983;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;

	}
	.voce_btnlast:hover {
	}
	.voce_btnlast:before {
	  content: "全課程修了者一覧 ▼"
	}
	.voicelast ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voicelast li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}

	#voice_barlast:checked ~ #linkslast li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 100px 0 60px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 2px solid #074983;
        border-right: 2px solid #074983;
        border-bottom: 2px solid #074983;
	}
	#voice_barlast:checked ~ .voce_btnlast:before {
	  content: "閉じる" ;
      
	}

    /* Last Dropdowon End here */

    .yellow-buttons {
        width: 82%;
        height: 60px;
        padding: 50px 40px;
        margin: 40px auto;
        color: white;
        background: rgb(222,140,0);
        background: linear-gradient(
    0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
        font-size: 45px;
        text-align: center;
        position: relative;
    }
/*---------- EBM-Web Course ---------------*/
/*------------- Siminar ------------------*/
#seminar{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}
.seminar-img{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
    background-image: url(img/dhonline.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.seminar-text{
    width: 84%;
    height: 300px;
    margin: 0 auto;
    padding: 80px 80px;
    background-color: #00185C;
    text-align: justify;
    color: white;
    font-size: 45px;
}
.seminar-text >span {
    font-size: 75px;
}
.seminar-boxtext {
    width: 86%;
    height: 320px;
    margin: 0 auto;
    padding: 80px 60px;
    font-size: 35px;
    text-align: justify;
    color: black;
}
.seminar-boxoneimgs{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
}
.s-boneimg1{
    width: 50%;
    height: 500px;
    padding: 0;
    margin: 0 auto;
    background-image: url(img/10l.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}
.s-boneimg2{
    width: 50%;
    height: 500px;
    padding: 0px;
    margin: 0 auto;
    background-image: url(img/10r.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}
/*------------- Siminar ------------------*/
/*------------- Special Doctors ------------------*/

#special-doctor{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}
.special-doctor-image{
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0px;
    background-image: url(img/miyashita.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.special-doctor-text{
    width: 84%;
    height: 180px;
    margin: 0 auto;
    padding: 80px 80px;
    background-color: #00185C;
    text-align: justify;
    color: white;
    font-size: 45px;
}
.special-doctor-text >span {
    font-size: 75px;
}
.special-doctor-boxone{
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
}
.specialdoctor-boxtext{
    width: 86%;
    height: 230px;
    margin: 0 auto;
    padding: 60px 60px;
    font-size: 35px;
    text-align: justify;
    color: black;
}
.specialdoctor-boxoneimgs{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
}
.specialdoctor-boneimg1{
    width: 50%;
    height: 500px;
    padding: 0;
    margin: 0 auto;
    background-image: url(img/11l.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}
.specialdoctor-boneimg2{
    width: 50%;
    height: 500px;
    padding: 0px;
    margin: 0 auto;
    background-image: url(img/11r.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}
.blueline{
    background-color: #074983;
    height: 5px;
    width: 100%;
    padding: 10px 0;
    margin: 100px auto 10px;
}
.blueline2{
    background-color: #074983;
    height: 5px;
    width: 100%;
    padding: 5px 0;
    margin: 8px auto 10px;
}
/*------------- Special Doctors ------------------*/
/*-------------  Specialist ------------------*/
#specialist {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}
.specialist-title{
    width: 100%;
    height: 50px;
    padding: 30px 0 50px;
    margin: 10px auto 40px; 
    text-align: center;
    font-size: 50px;
    color: black;
}
.specialist-image{
    width: 85%;
    margin: 0 auto;
    padding: 0;
    height: 1000px;
    background-image: url(img/drmiyashita.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.specialist-deatsall{
    width: 100%;
    height: 1100px;
    margin: 0 auto;
    padding: 0;
}
.specialist-text{
    width: 90%;
    height: 180px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    color:black;
    font-size: 40px;
}
.specialist-text >span {
    font-size: 60px;
}

.specialistmsg-title{
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}
.specialistmsg-title200{
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}
.specialistmsg-title300{
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}
.straightline00{
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}
.straightline200{
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}
.straightline300{
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}
.specialistmsg-t-text{
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}
.specialistmsg-t-text200{
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}
.specialistmsg-t-text300{
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}
.specialistmsg-t-text > span{
    font-size: 40px;
}
.specialistmsg-t-text200 > span{
    font-size: 40px;
}
.specialistmsg-t-text300 > span{
    font-size: 40px;
}

.table1{
    width: 90%;
    height: 500px;
    margin: 0 auto;
    padding: 15px 10px;
    font-size: 35px;
    text-align: justify;
    color: black;
}
.baltd {
    text-align: center;
    padding: 0 0 10px 0;
    vertical-align: top;
}
.hedatd {
    text-align: left;
    padding-left: 15px;
    padding-bottom: 0px;
    vertical-align: top;
}




.specialist-message{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.msg-alls{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 ;
    font-size: 40px;
    text-align: justify;
    color:black;
}
.linkc{
    color:#074983 !important;
    text-decoration: underline;
}
.ebm-web-setonebox2000 {
    width: 90%;
    height: 345px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #EFF4FB;
}
@media screen and (max-width: 991px){
 .specialist-text90{
     display: none;
 }   
 .table2{
     display: none;
 }

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

    .specialist-text >span {
        font-size: 60px;
        display: none;
    }  
    .table1{
display: none;
    }
    .table2{
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 15px 10px;
        font-size: 35px;
        text-align: justify;
        color: black;
    }
    #voice_bar4:checked ~ #links4 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 120px 0px 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
        box-sizing: border-box;
    }
    .box2 {
        width: 100%;
        height: 305px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }
    #voice_bar2:checked ~ #links2 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 125px 0 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
        box-sizing: border-box;
    }

}
@media screen and (min-width: 1280px){
    .specialist-text >span {
        font-size: 60px;
        display: none;
    }  
    .table1{
display: none;
    }
    .table2{
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 15px 10px;
        font-size: 35px;
        text-align: justify;
        color: black;
    }
    .onlinecourse-image20{
        display: block;
        width: 50%;
        float: right;
        height: 225px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/ebm.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .box2 {
        width: 100%;
        height: 301px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

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

    #ebm-web {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .onlinecourse-image20{
        display: block;
        width: 50%;
        float: right;
        height: 225px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/ebm.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .ebm-web-title {
        width: 50%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }
                .ebm-web-title2 {
                    width: 100%;
                    margin: 0 auto;
                    float: left;
                    padding: 86px 0;
                    color: white;
                    font-size: 35px;
                    text-align: center;
                    background-color: #00185C;
                }
    .ebm-web-textbox {
        width: 37%;
        height: 180px;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: left;
        line-height: 1.6;
        padding: 45px 30px;
        float: left;
        margin: 3% 3% 0 0;
    }
    .ebm-web-box1 {
        width: 45%;
        height: 250px;
        margin: 3% 0px 0 5%;
        padding: 0;
        float: left;
    
    }
    .ebm-web-setone {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }
    .ebm-web-setwo {
        width: 35%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }
    .ebm-web-setwo2 {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .ebm-web-setonebox4 {
        width: 85%;
        height: 370px;
        padding: 10px 5% 0px 0;
        margin: 15px auto 10px;    
        background-color: #EFF4FB;
    }
    .ebm-web-setonebox3 {
        width: 90%;
        height: 185px;
        padding: 10px 0;
        margin: 0px auto;
        background-color: #EFF4FB;
    }
    .ebm-web-sethree {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }
    .straightline {
        width: 1%;
        float: left;
        border-left: 8px solid #074983;
        height: 42px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }
    .ebm-web-t-text {
        width: 91%;
        height: 200px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 10px auto 0;
    }

    .ebm-web-t-text > span {
        font-size: 13px;
    }
    .circle {
        width: 1px;
        float: left;
        border: 5px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;        
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle2 {
        width: 1px;
        float: left;
        border: 5px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;        
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle3 {
        width: 1px;
        float: left;
        border: 5px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;        
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle4 {
        width: 1px;
        float: left;
        border: 5px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;        
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .ebm-web-st-text {
        width: 88%;
        height: 30px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        float: right;
        margin: 5px auto 0;
    }
    .ebm-web-st-text0 {

        width: 88%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        float: right;
        margin: 5px auto 0;
    
    }
    .ebm-web-st-text0 span {
        font-size: 12px;
    }
    .ebm-web-setonebox1 {
        width: 90%;
        height: 200px;
        padding: 10px 0px;
        margin: 5px auto;
        background-color: #EFF4FB;
    }
    .ebm-web-setone-title {
        width: 100%;
        height: 155px;
        padding: 0;
        margin: 130px auto 0px;
        background-color: #ffffff;
        position: relative;
    }
    .newpostbox {
        width: 90.6%;
        margin: 23px auto 0;
        padding: 24px 0px;
        background-color: #074983;
        color: white;
        font-size: 16px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
        height: 70px;
    
    }
    .voce_btn {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 13px;
        color: #074983;
        display: block;
        height: 50px;
        margin: 0px auto 0px;
        padding: 0px 0px 10px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }
    .yellow-buttons {
        width: 90%;
        height: 30px;
        padding: 20px 0px;
        margin: 20px auto;
        color: white;
        background: rgb(222,140,0);
        background: linear-gradient(
    0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
        font-size: 18px;
        text-align: center;
        position: relative;
        letter-spacing: -1.5px;
    }
    .newpostbox2 {
        width: 90.5%;
        padding: 25px 0px;
        margin: 7px auto 0;
        background-color: #074983;
        color: white;
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
        height: 70px;
    }
    .voce_btn2 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 13px;
        color: #074983;
        display: block;
        height: 51px;
        margin: -1px auto 0px;
        padding: 0px 0px 10px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }
    .seminar-img {
        width: 50%;
        float: right;
        height: 260px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/dhonline.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
    .seminar-text >span {
        font-size: 20px;
    }
    .seminar-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 80px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }
    .ebm-web-setbal {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .seminar-boxone {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .box4 {
        width: 100%;
        height: 297px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }
    .ebm-web-t-text {
        width: 91%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 22px;
        float: right;
        margin: 10px auto 0;
        line-height: 1;
    }
    .ebm-web-setone-title {
        width: 100%;
        height: 70px;
        padding: 0;
        margin: 0px auto 0px;
        background-color: #ffffff;
        position: relative;
    }
    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 50px auto 0;
        overflow: hidden;
    }

    .ebm-web-setonebox2000 {
        width: 90%;
        height: 110px;
        padding: 20px 0;
        margin: 10px auto;
        background-color: #EFF4FB;
    }
    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .seminar-boxtext {
        width: 80%;
        height: 170px;
        margin: 8% auto 0;
        padding: 10px 5px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }
    .seminar-boxoneimgs {
        width: 80%;
        height: 325px;
        margin: 0 auto;
        padding: 0px;
    }
    .s-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/10l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .s-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/10r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .newpostbox4 {
        width: 90%;
        margin: 0px auto 0;
        padding: 20px 0px;
        background-color: #074983;
        color: white;
        font-size: 20px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .voce_btn4 {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 14px;
        color: #074983;
        display: block;
        height: 40px;
        margin: -10px auto 0px;
        padding: 10px 0px 55px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: 0 4px 1px rgb(0 0 0 / 0%);
        text-decoration: none;
        transition: .0s;
        box-sizing: border-box;
    }
    .special-doctor-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 75px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }
    .special-doctor-text >span {
        font-size: 50px;
    }
    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .special-doctor-image {
        width: 50%;
        float: right;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/miyashita.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
    .specialdoctor-boxone {
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .specialdoctor-boxtwo {
        width: 50%;
        float: left;
        height: auto;
        margin: 0 auto;
        padding: 55px 0px 0px;
    }
    .blueline {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 8px 0;
        margin: 5px auto 10px;
    }
    .blueline2 {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 2px 0;
        margin: 5px auto 10px;
    }
    .specialist-image {
        width: 30%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
        height: 400px;
        background-image: url(img/drmiyashita.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .specialist-deatsall {
        width: 60%;
        height: 460px;
        margin: 0 auto;
        padding: 0;
        float: left;
    }
    .specialdoctor-boxtext {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding: 55px 10px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .specialdoctor-boxoneimgs {
        width: 80%;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
    }
    .specialdoctor-boneimg1 {
        width: 50%;
        height: 270px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/11l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .specialdoctor-boneimg2 {
        width: 50%;
        height: 270px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/11r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .specialist-title {
        width: 100%;
        height: 50px;
        padding: 10px 0 20px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 35px;
        color: black;
    }
    .specialist-title200 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .specialist-titl300 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .specialist-text {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 20px 0 0;
        text-align: left;
        font-size: 22px;
    }
    .specialist-text200 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }
    .specialist-text300 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }
    .specialist-text90 {
        width: 40%;
        float: left;
        height: 75px;
        margin: 0 auto;
        padding: 10px 0 0px;
        text-align: left;
        color: black;
        font-size: 30px;
    }
    .specialistmsg-title {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 50px auto 0px;
        position: relative;
    }
    .specialistmsg-title200 {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }
    .specialistmsg-title300 {
        width: 100%;
        height: 45px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }
    .straightline00 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 50px;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0 auto;
    }
    .straightline200 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }
    .straightline300 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 6%;
        margin: 0 auto;
    }
    .specialistmsg-t-text {
        width: 96%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 2px auto 0;
        padding-top: 8px;
    }
    .specialistmsg-t-text300 {
        width: 92%;
        height: 40px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 0px auto 0;
    }
    
    
    .specialistmsg-t-text200 {
        width: 93%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }
    .table1 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 20px;
        text-align: justify;
        color: black;
    }
    .table2 {
        width: 90%;
        height: 300px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 15px;
        text-align: justify;
        color: black;
    }
    .msg-alls {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 40px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }
    .baltd {
        text-align: center;
        vertical-align: top;
    }
}
@media screen and (min-width: 1280px){

    #ebm-web {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .ebm-web-title {
        width: 50%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }
        .ebm-web-title2 {
            width: 100%;
            margin: 0 auto;
            float: left;
            padding: 86px 0;
            color: white;
            font-size: 35px;
            text-align: center;
            background-color: #00185C;
        }
    .ebm-web-textbox {
        width: 38%;
        height: 180px;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: left;
        line-height: 1.6;
        padding: 45px 30px;
        float: left;
        margin: 1% 3% 0 0;
    }
    .ebm-web-box1 {
        width: 47%;
        height: 265px;
        margin: 1% 0px 0 5%;
        padding: 0;
        float: left;
    }
    .ebm-web-setone {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto 25px;
        overflow: hidden;
    }
    .ebm-web-setwo {
        width: 35%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .ebm-web-setwo2 {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .ebm-web-setonebox4 {
        width: 85%;
        height: 340px;
        padding: 25px 5% 40px 0;
        margin: 15px auto 20px;
        background-color: #EFF4FB;
    }
    .ebm-web-setonebox3 {
        width: 90%;
        height: 185px;
        padding: 35px 0;
        margin: 10px auto;
        background-color: #EFF4FB;
    }
    .ebm-web-sethree {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .straightline {
        width: 1%;
        float: left;
        border-left: 8px solid #074983;
        height: 50px;
        position: absolute;
        top: 5%;
        left: 5%;
        margin: 0 auto;
    }
    .ebm-web-t-text {
        width: 91%;
        height: 200px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 10px auto 0;
    }

    .ebm-web-t-text > span {
        font-size: 16px;
    }
    .circle {
        width: 1px;
        float: left;
        border: 3px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 12px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle2 {
        width: 1px;
        float: left;
        border: 3px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 12px 0 0px 5%;        
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle3 {
        width: 1px;
        float: left;
        border: 3px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .circle4 {
        width: 1px;
        float: left;
        border: 3px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .ebm-web-st-text {
        width: 91%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 16px;
        float: right;
        margin: 2px auto 0;
    }
    .ebm-web-st-text0 {
        width: 91%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 16px;
        float: right;
        margin: 4px auto 0;
    }

    .ebm-web-st-text0 span {
        font-size: 13px;
        padding: 0px 0;
    }
    .ebm-web-setonebox1 {
        width: 90%;
        height: 240px;
        padding: 15px 0px;
        margin: 0px auto;
        background-color: #EFF4FB;
        box-sizing: border-box;
    }
    .ebm-web-setone-title {
        width: 100%;
        height: 155px;
        padding: 0;
        margin: 130px auto 0px;
        background-color: #ffffff;
        position: relative;
    }
    .newpostbox {
        width: 90.5%;
        margin: 15px auto 0;
        padding: 25px 0px;
        background-color: #074983;
        color: white;
        font-size: 24px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .voce_btn {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #074983;
        display: block;
        height: 40px;
        margin: -1px auto 0px;
        padding: 30px 0px 30px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }
    .yellow-buttons {
        width: 90%;
        height: 30px;
        padding: 30px 0px;
        margin: 12px auto;
        color: white;
        background: rgb(222,140,0);
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
        font-size: 20px;
        text-align: center;
        position: relative;
        letter-spacing: -1.5px;
    }
    .newpostbox2 {
        width: 90%;
        padding: 26px 0;
        margin: 3px auto 0;
        background-color: #074983;
        color: white;
        font-size: 22px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .voce_btn2 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #074983;
        display: block;
        height: 40px;
        margin: 0px auto 60px;
        padding: 30px 0px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }
    .seminar-img {
        width: 50%;
        float: right;
        height: 260px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/dhonline.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
    .seminar-text >span {
        font-size: 20px;
    }
    .seminar-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 80px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }
    .ebm-web-setbal {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .seminar-boxone {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .box4 {
        width: 100%;
        height: 303px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }
    .ebm-web-t-text {
        width: 91%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 25px;
        float: right;
        margin: 5px auto 0;
        line-height: 1;
    }
    .ebm-web-setone-title {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 0px auto 0px;
        background-color: #ffffff;
        position: relative;
    }
    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 20px auto 0;
        overflow: hidden;
    }

    .ebm-web-setonebox2000 {
        width: 90%;
        height: 120px;
        padding: 20px 0;
        margin: 10px auto;
        background-color: #EFF4FB;
    }
    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .seminar-boxtext {
        width: 80%;
        height: 200px;
        margin: 2% auto 0;
        padding: 10px 5px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }
    .seminar-boxoneimgs {
        width: 80%;
        height: 400px;
        margin: 0 auto;
        padding: 0px;
    }
    .s-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/10l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .s-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/10r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .newpostbox4 {
        width: 90%;
        margin: 0px auto 0;
        padding: 25px 0px 25px 15px;
        background-color: #074983;
        color: white;
        font-size: 24px;
        text-align: left;
        box-sizing: border-box;
    }
    .voce_btn4 {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #074983;
        display: block;
        height: 40px;
        margin: 0px auto 0px;
        padding: 30px 0px 71px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: 0 4px 1px rgb(0 0 0 / 0%);
        text-decoration: none;
        transition: .0s;
        box-sizing: border-box;
    }
    .special-doctor-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 75px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }
    .special-doctor-text >span {
        font-size: 50px;
    }
    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .special-doctor-image {
        width: 50%;
        float: right;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/miyashita.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }
    .specialdoctor-boxone {
        width: 50%;
        float: left;
        margin: 0 auto;
    }
    .specialdoctor-boxtwo {
        width: 50%;
        float: left;
        height: auto;
        margin: 0 auto;
        padding: 50px 0px 0px;
    }
    .blueline {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 8px 0;
        margin: 5px auto 10px;
    }
    .blueline2 {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 2px 0;
        margin: 5px auto 10px;
    }
    .specialist-image {
        width: 30%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
        height: 400px;
        background-image: url(img/drmiyashita.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .specialist-deatsall {
        width: 60%;
        height: 390px;
        margin: 0 auto;
        padding: 0;
        float: left;
    }
    .specialdoctor-boxtext {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding: 60px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .specialdoctor-boxoneimgs {
        width: 80%;
        height: 330px;
        margin: 0 auto;
        padding: 0px;
    }
    .specialdoctor-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/11l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .specialdoctor-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/11r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }
    .specialist-title {
        width: 100%;
        height: 50px;
        padding: 0px 0 20px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .specialist-title200 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .specialist-titl300 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .specialist-text {
        width: 45%;
        float: left;
        height: 60px;
        margin: 0 0 0 6%;
        padding: 0px 0 0;
        text-align: left;
        font-size: 20px;
    }
    .specialist-text200 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }
    .specialist-text300 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }
    .specialist-text90 {
        width: 40%;
        float: left;
        height: 65px;
        margin: 0 auto;
        padding: 0px 0;
        text-align: left;
        color: black;
        font-size: 40px;
    }
    .specialistmsg-title {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 50px auto 0px;
        position: relative;
    }
    .specialistmsg-title200 {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 60px auto 0px;
        position: relative;
    }
    .specialistmsg-title300 {
        width: 100%;
        height: 60px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }
    .straightline00 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 50px;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0 auto;
    }
    .straightline200 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }
    .straightline300 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 6%;
        margin: 0 auto;
    }
    .specialistmsg-t-text {
        width: 96%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 2px auto 0;
        padding-top: 8px;
    }
    .specialistmsg-t-text300 {
        width: 92%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }
    
    
    .specialistmsg-t-text200 {
        width: 93%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }
    .table1 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 20px;
        text-align: justify;
        color: black;
    }
    .table2 {
        width: 90%;
        height: 280px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }
    .msg-alls {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 40px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }
    .baltd {
        text-align: center;
        vertical-align: top;
    }
}
/*-------------  Specialist ------------------*/
/*-------------  Gallery  ------------------*/

#gallery1{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 ;
    background-color: #F8F8F8;
}
.gallery1-title{
    width: 100%;
    height: 75px;
    padding: 30px 0 0px;
    margin: 10px auto 0px;
    text-align: center;
    font-size: 60px;
    color: black;
}
.g-box1{
    width: 90%;
    margin: 0 auto;
    padding: 5px 0 0px;
}
.g-box2{
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}
.party-img1{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/party1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party-img2{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party-img3{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/party3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party-img4{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.g-box3-img{
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/party5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px){
    #gallery1 {
        width: 100%;
        height: 1380px;
        margin: 0 auto;
        padding: 0px 0;
        background-color: #F8F8F8;
    }
    .gallery1-title {
        width: 100%;
        height: 40px;
        padding: 50px 0 0px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 35px;
        color: black;
    }
    .g-box2 {
        width: 48%;
        float: left;
        margin: 50px auto 0;
        padding: 0px 10px;
        height: 535px;
        background-color:#F8F8F8;
    }
    .party-img1 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img2 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img3 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img4 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .g-box3-img {
        width: 48%;
        margin: 70px auto 0;
        padding: 0px;
        height: 510px;
        float: left;
        background-image: url(img/party5.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .xospc99{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1300px;
    }

}

@media screen and (min-width: 1280px){
    #gallery1 {
        width: 100%;
        height: 1380px;
        margin: 0 auto;
        padding: 0px 0;
        background-color: #F8F8F8;
    }
    .gallery1-title {
        width: 100%;
        height: 100px;
        padding: 90px 0 0px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .g-box2 {
        width: 48%;
        float: left;
        margin: 50px auto 0;
        padding: 0px 10px;
        height: 535px;
        background-color:#F8F8F8;
    }
    .party-img1 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img2 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img3 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party-img4 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .g-box3-img {
        width: 50%;
        margin: 70px auto 0;
        padding: 0px;
        height: 510px;
        float: left;
        background-image: url(img/party5.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .xospc99{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1300px;
    }

}
/*-------------  Gallery  ------------------*/
/*-------------  Gallery Two  ------------------*/
#gallery2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;    
    background-color:#fff;
}

.g2-box1{
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}
.party2-img1{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/tour1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party2-img2{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party2-img3{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/tour3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party2-img4{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.g2-box2-img{
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/tour5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.g2-box3{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    height: 350px;
}
.party2-img5{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party2-img6{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour7.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 992px){
    #gallery2 {
        width: 100%;
        height: 540px;
        margin: -2px auto;
        padding: 10px 0;
        background-color: #fff;
    }
    .g2-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .g2-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/tour5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .g2-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }
    
    .party2-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/tour1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
     }
    .party2-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
       }
    .party2-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/tour3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
     }
    .party2-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party2-img5 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 8px;
        background-image: url(img/tour6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party2-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 8px;
        background-image: url(img/tour7.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .xospc959{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .g3-box1{
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .g3-box2-img{
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .g3-box3{
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }


}
@media screen and (min-width: 1280px){
    #gallery2 {
        width: 100%;
        height: 540px;
        margin: -2px auto;
        padding: 10px 0;
        background-color: #fff;
    }
    .g2-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .g2-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/tour5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .g2-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }
    
    .party2-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/tour1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
     }
    .party2-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
       }
    .party2-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/tour3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
     }
    .party2-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party2-img5 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 12px;
        background-image: url(img/tour6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party2-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 11px;
        background-image: url(img/tour7.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .xospc959{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }
    .g3-box1{
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .g3-box2-img{
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .g3-box3{
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }


}
/*-------------  Gallery Two  ------------------*/

/*-------------  Gallery Three  ------------------*/
#gallery3{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
        background-color:#F8F8F8;
}
.g3-box1{
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}
.party3-img1{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/partyb1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party3-img2{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party3-img3{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/partyb3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party3-img4{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.g3-box2-img{
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/partyb5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.g3-box3{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    height: 350px;
}
.party3-img5{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.party3-img6{
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party19.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


@media screen and (min-width: 992px){
    #gallery3{
        width: 100%;
        height: 600px;
        margin: 0 auto;
        padding: 10px 0;
        background-color:#F8F8F8;
    }
    .g3-box1{
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .party3-img1{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/partyb1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img2{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/partyb2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img3{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img4{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .g3-box2-img{
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .g3-box3{
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }
    .party3-img5{
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 8px;
        background-image: url(img/partyb6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party3-img6{
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 8px;
        background-image: url(img/party19.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

}
@media screen and (min-width: 1280px){
    #gallery3{
        width: 100%;
        height: 600px;
        margin: 0 auto;
        padding: 10px 0;
        background-color:#F8F8F8;
    }
    .g3-box1{
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color:#F8F8F8;
    }
    .party3-img1{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/partyb1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img2{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/partyb2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img3{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .party3-img4{
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .g3-box2-img{
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .g3-box3{
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }
    .party3-img5{
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 12px;
        background-image: url(img/partyb6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .party3-img6{
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 11px;
        background-image: url(img/party19.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

}

/*-------------  Gallery Three  ------------------*/
/*-------------  Gallery Four  ------------------*/
.gallery4sp {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    max-width: 1500px;
}
#gallery4{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.gallery4-title{
    width: 100%;
    height: 50px;
    padding:100px 0;
    margin: 10px auto 50px;
    text-align: center;
    font-size: 60px;
    color: black;
}
.gallery4image{
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 500px;
    background-image: url(img/diproma.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery4textbox {
    width: 90%;
    height: 450px;
    padding: 40px 0;
    margin: 80px auto;
    color: black;
    border: 2px solid black;
}
.name{
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 0;
}
.EPSDCcourse{
    width: 88%;
    height: 60px;
    color:black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto;
}
.circleheda {
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.coursenamesallheda{
    width: 90%;
    margin: 0 auto;
    padding: 5px 0px 5px 60px;
    font-size: 35px;
    text-align: justify;
}
.last-dp-img1heda{
    width: 100%;
    height: 715px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/diproma1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.last-dp-img2heda{
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma2\ .jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.last-dp-img3heda{
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.last-dp-text1heda {
    width: 95%;
    margin: 0 auto;
    padding: 40px 0px;
    color: black;
    font-size: 16px;
    text-align: justify;
    line-height: 1.6;
}
.newpostboxlastheda{
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}
.ebm-web-heda {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

#newpostlastheda{
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}
.boxlastheda{
    width: 100%;
    height: 725px;
    margin: 45px auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

	#voicelastheda{
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: -170px;
	}

	.voicelastheda input {
	  display: none; 
	}
	.voce_btnlastheda {
        cursor: pointer;
        width: 65%;
        text-align: center;
        position: relative;
        font-size: 50px;
        color: white;
        display: block;
        height: 45px;
        margin: 50px auto 0px;
        padding: 45px 0;
        line-height: 50px;
        background: #074983;
        border: 2px solid #074983;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;

	}

    
	.voce_btnlastheda:before {
	  content: "全課程修了者一覧 ▼"
	}
	.voicelastheda ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}

	.voicelastheda li {
	  height: 0;
	  overflow-y: hidden;
		font-size: 35px;
	  transition: padding-bottom 0.5s, padding-top 0.5s;
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}

	#voice_barlastheda:checked ~ #linkslastheda li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 100px 0 60px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 2px solid #074983;
        border-right: 2px solid #074983;
        border-bottom: 2px solid #074983;
	}
	#voice_barlastheda:checked ~ .voce_btnlastheda:before {
	  content: "閉じる" ;
      
	}



    .last-dp-img1hedarr{
        width: 100%;
        height: 715px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/diproma1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .last-dp-img2hedarr{
        width: 100%;
        height: 715px;
        margin: 30px auto 60px;
        padding: 0;
        background-image: url(img/diproma2\ .jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .last-dp-img3hedarr{
        width: 100%;
        height: 715px;
        margin: 30px auto 60px;
        padding: 0;
        background-image: url(img/diproma3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .last-dp-text1hedarr {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0px;
        color: black;
        font-size: 30px;
        text-align: justify;
        line-height: 1.6;
    }
    .newpostboxlasthedarr{
        width: 82%;
        margin: 0px auto 0;
        padding: 25px 40px;
        background-color: #074983;
        color: white;
        font-size: 45px;
        text-align: left;
    }
    .ebm-web-hedarr {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto;
    }
    
    #newpostlasthedarr{
        width: 89%;
        margin: 0 auto;
        padding: 0px;
        border: 5px solid #074983;
        border-bottom: none;
    }
    .boxlasthedarr{
        width: 100%;
        height: 725px;
        margin: 45px auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }
    
        #voicelasthedarr{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 0px 0 0;
            margin-top: -170px;
        }
    
        .voicelasthedarr input {
          display: none; 
        }
        .voce_btnlasthedarr {
            cursor: pointer;
            width: 65%;
            text-align: center;
            position: relative;
            font-size: 50px;
            color: white;
            display: block;
            height: 45px;
            margin: 50px auto 0px;
            padding: 45px 0;
            line-height: 50px;
            background: #074983;
            border: 2px solid #074983;
            box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
            text-decoration: none;
            transition: .0s;
    
        }
    
        
        .voce_btnlasthedarr:before {
          content: "全課程修了者一覧 ▼"
        }
        .voicelasthedarr ul {
          margin: 0;
          padding: 0;
          list-style: none;
          margin-bottom: 1px;
        }
    
        .voicelasthedarr li {
          height: 0;
          overflow-y: hidden;
            font-size: 35px;
          transition: padding-bottom 0.5s, padding-top 0.5s;
          -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
          -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
          -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
          -o-transition: padding-bottom 0.5s, padding-top 0.5s;
        }
    
        #voice_barlasthedarr:checked ~ #linkslasthedarr li {
            height: auto;
            width: 90%;
            opacity: 1;
            padding: 100px 0 60px 0;
            display: block;
            text-decoration: none;
            position: relative;
            margin-top: -125px;
            margin: -125px auto 0;
            border-left: 2px solid #074983;
            border-right: 2px solid #074983;
            border-bottom: 2px solid #074983;
        }
        #voice_barlasthedarr:checked ~ .voce_btnlasthedarr:before {
          content: "閉じる" ;
          
        }


@media screen and (min-width:992px){
    #gallery4 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    .gallery4sp {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: auto;
        max-width: 1500px;
    }
    .ebm-web-heda {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto;
    }
    .gallery4-title {
        width: 100%;
        height: 50px;
        padding: 10px 0;
        margin: 0px auto 20px;
        text-align: center;
        font-size: 35px;
        color: black;
    }
            .gallery4textbox {
                width: 80%;
                height: auto;
                padding: 40px 30px;
                margin: 20px auto;
                color: black;
                border: 2px solid black;
            }
            .boxlastheda {
                width: 100%;
                height: auto;
                margin: 20px auto 0;
                background-color: white;
                position: relative;
                padding: 0px 0;
            }
            #voicelastheda2 {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 0px 0 0;
                margin-top: 0px;
            }
            .gallery4image200 {
                width: 55%;
                float: left;
                margin: 10px auto;
                padding: 0px;
                height: 365px;
                background-image: url(img/diproma.jpg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }
            #voice_barlastheda:checked ~ #linkslastheda li {
                height: auto;
                width: 100%;
                opacity: 1;
                padding: 100px 0 0px 0;
                display: block;
                text-decoration: none;
                position: relative;
                margin-top: -125px;
                margin: -125px auto 0;
                border: none;
            }
            .pocho{
                width: 40%;
                float: left;
                margin: 0 auto;
                padding: 0;
            
            }
            .name {
                width: 80%;
                margin: 0 auto;
                height: 100px;
                margin: 10px auto 0px;
                padding: 0;
            }
            .coursenamesallheda {
                width: 95%;
                margin: 0 auto;
                padding: 0;
                font-size: 15px;
                text-align: justify;
                margin-left: 20%;
            }
            .EPSDCcourse {
                width: 80%;
                height: 60px;
                color: black;
                text-align: left;
                font-size: 30px;
                float: right;
                margin: 10px auto;
            }
            .circleheda {
                width: 5px;
                float: left;
                border: 5px solid #074983;
                border-radius: 50%;
                background-color: #074983;
                height: 5px;
                margin: 25px 0 35px 4%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }
            .voce_btnlastheda {
                cursor: pointer;
                width: 40%;
                text-align: center;
                position: relative;
                font-size: 20px;
                color: white;
                display: block;
                height: 45px;
                margin: 35px auto 0px;
                padding: 15px 0;
                line-height: 50px;
                background: #074983;
                border: 2px solid #074983;
                box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
                text-decoration: none;
                transition: .0s;
            }
    
    }
    @media screen and (min-width: 1280px){
        .gallery4-title {
            width: 100%;
            height: 50px;
            padding: 90px 0 10px;
            margin: 0px auto 20px;
            text-align: center;
            font-size: 35px;
            color: black;
        }
        .gallery4textbox {
            width: 80%;
            height: auto;
            padding: 40px 2px 40px 85px;
            margin: 20px auto;
            color: black;
            border: 2px solid black;
        }
        .boxlastheda {
            width: 100%;
            height: auto;
            margin: 45px auto 0;
            background-color: white;
            position: relative;
            padding: 10px 0;
        }
        #voicelastheda2 {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 0px 0 0;
            margin-top: 0px;
        }
        .gallery4image200 {
            width: 55%;
            float: left;
            margin: 10px auto;
            padding: 0px;
            height: 350px;
            background-image: url(img/diproma.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        #voice_barlastheda:checked ~ #linkslastheda li {
            height: auto;
            width: 100%;
            opacity: 1;
            padding: 100px 0 0px 0;
            display: block;
            text-decoration: none;
            position: relative;
            margin-top: -125px;
            margin: -125px auto 0;
            border: none;
        }
        .pocho{
            width: 40%;
            float: left;
            margin: 0 auto;
            padding: 0;
        
        }
        .name {
            width: 80%;
            margin: 0 auto;
            height: 100px;
            margin: 50px auto 0px;
            padding: 0;
        }
        .coursenamesallheda {
            width: 80%;
            margin: 0 auto;
            padding: 0;
            font-size: 16px;
            text-align: justify;
            margin-left: 15%;
        
        }
        .EPSDCcourse {
            width: 88%;
            height: 60px;
            color: black;
            text-align: left;
            font-size: 30px;
            float: right;
            margin: 20px auto;
        }
        .circleheda {
            width: 5px;
            float: left;
            border: 4px solid #074983;
            border-radius: 50%;
            background-color: #074983;
            height: 5px;
            margin: 35px 0 35px 4%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }
        .voce_btnlastheda {
            cursor: pointer;
            width: 40%;
            text-align: center;
            position: relative;
            font-size: 30px;
            color: white;
            display: block;
            height: 45px;
            margin: 35px auto 0px;
            padding: 15px 0;
            line-height: 50px;
            background: #074983;
            border: 2px solid #074983;
            box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
            text-decoration: none;
            transition: .0s;
        }

    }
@media screen and (max-width: 991px){
.gallerypc{
    display: none;
}
#voicelastheda2 {
    display: none;
}
.gallery4image200{
    display: none;
}

}

@media screen and (min-width: 992px){
    .newgone {
        width: 30.5%;
        margin: 0 1%;
        padding: 0;
        float: left;
    }
    .last-dp-img1heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0;
        padding: 0;
        background-image: url(img/diproma1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .last-dp-img2heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma2\ .jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img3heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #voicelasthedarr{
        display: none;
    }
.gallery4image{
    display: none;
}

}
@media screen and (min-width: 1280px){
    .newgone {
        width: 30.5%;
        margin: 0 1%;
        padding: 0;
        float: left;
    }
    .last-dp-img1heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0;
        padding: 0;
        background-image: url(img/diproma1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .last-dp-img2heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma2\ .jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img3heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #voicelasthedarr{
        display: none;
    }
.gallery4image{
    display: none;
}

}

/*-------------  Gallery Four  ------------------*/
/*-------------  Contact  ------------------*/
#contact{
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    padding: 100px 0 0;
    background-color: #074983;
}
.contact-box1{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 ;
    height: auto;
    background-color: #074983;
}
.contact-title{
    width: 100%;
    height:auto;
    text-align: center;
    font-size: 60px;
    color: white;
}
.tablelast{
    width: 90%;
    margin: 0 auto;
    padding: 50px 15px;}

.lasttdbox2{
    color: white;
    font-size: 30px;
    text-align: left;
    padding: 20px 0 20px 10px;

}
.map{
    width: 90%;
    height: 600px;
    margin: 20px auto;
    padding: 0;
}

.all-buttons{
    width: 60%;
    height: 300px;
    margin: 0 auto;
    padding: 50px 0;

}
.insta{
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/insta.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;

}
.facebook{
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/facebook.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;
}
.youtube{
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/youtube-white.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;
}
.final-image{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0 ;
    background-image: url(img/bottom.jpg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;

}
@media screen and (max-width: 991px){
.lasttdbox{
    width:150px;
    color: white;
    font-size: 29px;
    text-align: left;
    vertical-align: top;
    padding: 20px 10px 20px 0 ;
}
.lasttdbox2 {
    color: white;
    font-size: 29px;
    text-align: left;
    padding: 20px 0 20px 0px;
    vertical-align: top;
}
}
@media screen and (max-width: 991px){
    .all-buttons2{
        display: none;
    }
}
@media screen and (min-width: 992px){
    #contact {
        width: 100%;
        margin: 0px auto 0;
        padding: 50px 0 0;
        background-color: #074983;
    }
    .contact-box1 {
        width: 45%;
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
        background-color: #074983;
        float: left;
    }
    .map {
        width: 50%;
        height: 500px;
        float: left;
        margin: 20px auto;
        padding: 0;
    }
    .all-buttons{
        display: none;
    }
    .all-buttons2 {
        width: 65%;
        height: 150px;
        margin: 0 auto;
        padding: 20px 0;
    }
    .tablelast {
        width: 90%;
        margin: 0 0 0 10%;
        padding: 0px 15px;
    }
    .lasttdbox {
        color: white;
        font-size: 16px;
        text-align: left;
        vertical-align: top;
        padding: 10px 0px 20px 0;
        width: 80px;
    }
    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 20px 0 20px 10px;
    }
    .contact-title {
        width: 85%;
        height: 60px;
        text-align: left;
        font-size: 16px;
        color: white;
        margin:0 0 0 7.5%;
    }
    .tablelast {
        width: 90%;
        margin: 0 auto;
        padding: 0px 15px;
    }
    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 10px 0 10px 10px;
        vertical-align: top;
    }
    .insta {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 1% 0 0;
        padding: 40px;
        background-image: url(img/insta.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }
    .facebook {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 1%;
        padding: 40px;
        background-image: url(img/facebook.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }
    .youtube {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 0 0 1%;
        padding: 40px;
        background-image: url(img/youtube-white.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }
    
    .final-image {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/bottom.jpg);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

}
@media screen and (min-width: 1280px){
    #contact {
        width: 100%;
        margin: 0px auto 0; 
        padding: 50px 0 0;
        background-color: #074983;
    }
    .contact-box1 {
        width: 45%;
        margin: 0 0 0 2%;
        padding: 30px 0;
        height: auto;
        background-color: #074983;
        float: left;
    }
    .map {
        width: 50%;
        height: 500px;
        float: left;
        margin: 20px auto;
        padding: 0;
    }
    .all-buttons{
        display: none;
    }
    .all-buttons2 {
        width: 65%;
        height: 150px;
        margin: 0 auto;
        padding: 20px 0;
    }
    .tablelast {
        width: 90%;
        margin: 0 0 0 10%;
        padding: 0px 15px;
    }
    .lasttdbox {
        color: white;
        font-size: 16px;
        text-align: left;
        vertical-align: top;
        padding: 10px 10px 20px 0;
    }
    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 20px 0 20px 10px;
    }
    .contact-title {
        width: 85%;
        height: 60px;
        text-align: left;
        font-size: 35px;
        color: white;
        margin:0 0 0 7.5%;
    }
    .tablelast {
        width: 90%;
        margin: 0 auto;
        padding: 0px 15px;
    }
    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 10px 0 10px 10px;
        vertical-align:top;
    }
    .insta {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 3% 0 0;
        padding: 40px;
        background-image: url(img/insta.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }
    .facebook {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 4%;
        padding: 40px;
        background-image: url(img/facebook.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }
    .youtube {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 0 0 2%;
        padding: 40px;
        background-image: url(img/youtube-white.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }
    
    .final-image {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/bottom.jpg);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

}
/*-------------  Contact  ------------------*/


/*-------------  Button ------------- */
@media screen and (max-width: 991px){
    .menu_button2{
      display: none;
    }
  }

  @media screen and (min-width: 992px){

    .menu_button2{
        float: right;
        height: 75px;
        width: 240px;
        top: 0px;
        right: 0px;
        color: white;
        z-index: 60;
        background: rgb(222,140,0);
        background: linear-gradient(0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
        position: fixed;
    }
    .button-text {
        width: 90%;
        padding: 22px 0px;
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        color: white;
  }
  .button-text span {
      font-size: 25px;
      text-align: center;
      margin: 0 auto;
      padding-left: 0px;
  }
  
  
  
  }

@media screen and (min-width: 1280px){

  .menu_button2{
    float: right;
    height: 100px;
    width: 250px;
    top: 0px;
    right: 0px;
    color: white;
    z-index: 60;
    background: rgb(222,140,0);
    background: linear-gradient(0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    position: fixed;
  }
  .button-text {
    width: 90%;
    padding: 35px 0px;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    color: white;
}
.button-text span {
    font-size: 25px;
    text-align: center;
    margin: 0 auto;
    padding-left: 0px;
}



}
/*-------------  Button ------------- */
/*-------------  Extra ------------- */
#extra{
    width: 100%;
    background:#EFF4FB;
    margin-top: 80px;
}
.extra{
    width: 100%;
    margin: 0rem auto;
    padding: 0;
}
.ext{
    width: 100%;
    padding: 100px 0;
    margin: 10px auto 50px;
    text-align: center;
    font-size: 60px;
    color: black;
}
.exbox{
    display:block;
    padding-bottom: 5rem;
}
.exb1{
    width: 90%;
    margin: 0 auto;
    padding: 0;
    height: 450px;
    background-image: url(img/extra.jpg);
    background-repeat:none;
    background-size: cover;
    background-position: center;
}
.exb2{
    width: 90%;
    margin: 0 auto;
    padding: 0px;
}
.ebtxt{
    font-size: 35px;
    text-align: justify;
    color: black;
    padding:50px 0px;
}
.ebbutton{
    width: 100%;
    margin:20px auto 0px;
    padding:50px 0;
    font-size: 40px;
    text-align: center;
    color: white;
    box-shadow: 2px 2px 10px #000000a3;
    background: linear-gradient(
        0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
}
@media screen and (min-width: 992px){
    #extra{
        width: 100%;
        background:#EFF4FB;
        margin-top: 50px;

    }
    .extra{
        width: 87%;
        margin: 0rem auto;
        padding: 0px 0px 50px ;
    }
    .ext{
        width: 100%;
        padding: 60px 0;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 45px;
        color: black;
    }
    .exbox{
        display:flex;
        max-width: 1024px;
        margin: 0 auto;

    }
    .exb1{
        width: 90%;
        margin: 0 5% 0 0;
        padding: 0;
        height: 23vw;
        background-image: url(img/extra.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .exb2{
        width: 90%;
        margin: 0 auto;
        padding: 0px 0;
    }
    .ebtxt{
        font-size: 16px;
        text-align: justify;
        color: black;
        padding: 0px 0px 10px;
    }
    .ebbutton{
        width: 80%;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;

        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    }

}

@media screen and (min-width: 1200px){
    #extra{
        width: 100%;
        background:#EFF4FB;
    }
    
    .extra{
        width: 87%;
        margin: 0rem auto;
        padding: 0px 0px 0px ;
    }
    .ext{
        width: 100%;
        padding: 100px 0 30px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 35px;
        color: black;
    }
    .exbox{
        display: flex;
        max-width: 1280px;
        margin: 0 auto;

    }
    .exb1{
        width: 90%;
        margin: 0 5% 0 0%;
        padding: 0;
        height: 23vw;
        max-height: 260px;
        background-image: url(img/extra.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .exb2{
        width: 90%;
        margin: 0 auto;
        padding: 0px 0;
    }
    .ebtxt{
        font-size: 16px;
        text-align: justify;
        color: black;
        padding: 0px 0px 20px;
    }
    .ebbutton{
        width: 80%;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
    }
}

/*-------------  Extra ------------- */


        .allbuttons {
            width: 100%;
            margin: 0 auto;
            display: block;
            align-items: center;
            text-align: center;
            padding-top:30px;
        }
                .allbuttons>a{
                width: 90%;
                margin: 0 auto;
                }
    
        .yellowbuttons {
            /* width: 90%; */
            margin: 0 auto;
            margin: 30px auto;
            padding: 25px 0;
            font-size: 40px;
            text-align: center;
            color: white;
            box-shadow: 2px 3px 5px #000000a3;
            background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        }
    
        .yellowbuttons:last-child {
            margin-bottom: 100px ;
        }
    
        .yellowbuttons>span {
            font-size: 35px !important;
        }
        .dotc {
            padding-bottom: 1rem;
            border-bottom: 1px dashed black !important;
            margin-bottom: 2rem;
        }
      .goloz {
        display: none;
          }

        @media screen and (min-width: 992px){
                    .goloz {
                            display: block;
                        }
                    .yellowbuttons:last-child {
                            margin-bottom: 30px ;
                        }
                .allbuttons {
                        width: 70%;
                        margin: 0px auto 0;
                        display: block;
                        align-items: center;
                        text-align: center;
                        padding-top: 30px;
                    }
                    .allbuttons>a{
                     width: 80%;
                margin: 0 auto;
                    }
                
                    .yellowbuttons {
                        /* width: 80%; */
                        margin: 0 auto;
                        margin: 20px auto;
                        padding: 22px 0;
                        font-size: 20px;
                        text-align: center;
                        color: white;
                        box-shadow: 2px 3px 5px #000000a3;
                        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
                    }
                
                    .yellowbuttons>span {
                        font-size: 15px !important;
                    }
                        .dotc {
        padding-bottom: 1rem;
        border-bottom: 1px dashed black !important;
        margin-bottom: 2rem;
    }

        
        }

        @media screen and (min-width: 1200px){
                    .goloz {
                            display: block;
                        }
                .yellowbuttons:last-child {
            margin-bottom: 50px ;
        }
.allbuttons {
    width: 80%;
    margin: 0px auto 0;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 40px;
}
.allbuttons>a{
    width: 30%;
    margin: 0 auto;
}
.yellowbuttons {
    /* width: 30%; */
    margin: 0 auto;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient( 0deg, rgba(222,140,0,1) 6%, rgba(249,201,4,1) 100%);
}

.yellowbuttons>span{
    font-size: 15px !important;
}

.dotc {
    padding-bottom: 1rem;
    border-bottom: 1px dashed black !important;
    margin-bottom: 2rem;
}

}
           .goloz {
               display: block;
           }
    
           .allbuttons {
               width: 90%;
               margin: 0 auto;
               display: block;
               align-items: center;
               text-align: center;
           }
                   .allbuttons>a{
                    width: 90%;
                    margin: 0 auto;
                   }
    
           .yellowbuttons {
               /* width: 90%; */
               margin: 0 auto;
               margin: 30px auto;
               padding: 25px 0;
               font-size: 40px;
               text-align: center;
               color: white;
               box-shadow: 2px 3px 5px #000000a3;
               background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
           }
    
    
           .yellowbuttons>span {
               font-size: 35px !important;
           }
    
           .stagebtn5 {
               width: 90%;
               margin: 75px auto 20px;
               background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
               padding: 45px 0;
               text-align: center;
               color: white;
               font-family: "Segoe UI", sans-serif;
               font-size: 40px;
           }
    
           .gapp {
               margin: 1rem 0 !important;
           }
    
           .dotc {
               padding-bottom: 1rem;
               border-bottom: 1px dashed black !important;
               margin-bottom: 2rem;
           }
    
           .case111111 {
               width: 100%;
               float: left;
               height: 70vh;
               margin: 0 auto;
               padding: 0;
               background-image: url(img/epsdceposter.png);
               background-position: top;
               background-size: 100%;
               background-repeat: no-repeat;
           }
    
           @media screen and (min-width: 992px) {
               .goloz {
                   display: none;
               }
    
               .allbuttons {
                   width: 70%;
                   margin: 0 auto;
                   display: block;
                   align-items: center;
                   text-align: center;
               }
            .allbuttons>a {
                width: 80%;
                    margin: 0 auto;
            }
    
               .yellowbuttons {
                   /* width: 80%; */
                   margin: 0 auto;
                   margin: 0px auto;
                   padding: 22px 0;
                   font-size: 20px;
                   text-align: center;
                   color: white;
                   box-shadow: 2px 3px 5px #000000a3;
                   background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
               }
    
               .yellowbuttons>span {
                   font-size: 15px !important;
               }
    
               .stagebtn5 {
                   background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
                   padding: 20px 0;
                   text-align: center;
                   color: white;
                   margin: 25px auto 20px;
                   font-family: "Segoe UI", sans-serif;
                   font-size: 20px;
               }
    
               .gapp {
                   margin: 1rem 0 !important;
               }
    
               .dotc {
                   padding-bottom: 1rem;
                   border-bottom: 1px dashed black !important;
                   margin-bottom: 2rem;
               }
           }
    
           @media screen and (min-width: 1200px){
               .breaks{
                height: 415px;
               }
               .goloz {
                   display: none;
               }
    
               .yellowbuttons:last-child {
                   margin-bottom: 0px ;
               }
    
               .allbuttons {
                   width: 80%;
                   margin: 0 auto;
                   display: flex;
                   align-items: center;
                   text-align: center;
               }
                .allbuttons>a {
                     width: 30%;
                    margin: 0 auto;
                 }
    
               .yellowbuttons {
                   /* width: 30%; */
                   margin: 0 auto;
                   margin: 0px auto;
                   padding: 22px 0;
                   font-size: 20px;
                   text-align: center;
                   color: white;
                   box-shadow: 2px 3px 5px #000000a3;
                   background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
               }
    
               .yellowbuttons>span {
                   font-size: 15px !important;
               }
    
               .stagebtn5 {
                   background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
                   padding: 20px;
                   text-align: center;
                   color: white;
                   font-family: "Segoe UI", sans-serif;
               }
    
               .gapp {
                   margin: 1rem 0 !important;
               }
    
               .dotc {
                   padding-bottom: 1rem;
                   border-bottom: 1px dashed black !important;
                   margin-bottom: 2rem;
               }
           }
    
           /*-------------  Extra ------------- */