.kekko{font-size:15px;color:#ff0000;font-weight:bold;}
.s-text {
  font_family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 2rem;
  color: #fff;

  font-weight: bold;
}
.slider-title-k :before {
 content: "海陽町海洋自然博物館";
  position: absolute;
  width: 240px;
  color: #253051;
  left: 0px;
  margin-top: -15px;
  font-size: 13px;
}

.space-top{padding-left:110px;display:block;}
@media only screen and (max-width: 480px) {
.col-12 {
  flex: 0 0 auto;
  width: 90% !important;
  margin: 0 auto;
}
  .space-top{padding-left:0px;display:block;}
  }

#sppb-addon-86d809db-187e-44a9-9e26-7d26e17c4e4b .sp-slider #sp-slider-item-86d809db-187e-44a9-9e26-7d26e17c4e4b-num-0-key #sp-slider-inner-item-86d809db-187e-44a9-9e26-7d26e17c4e4c-num-0-key {
 border-color: #4ACDDB !important;
}
.sppb-addon-sp-slider .open-door::before {
  background: #4ACDDB !important;
}
.sppb-addon-sp-slider .open-door {
  border: 3px solid #4ACDDB !important;}
blockquote {font-size: 14px !important;
font-style: normal !important;
}
.category-module.default .item-ct {
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #cac9c9;
  background: #f7f7f7;
}
.mt-20 {
  font-size: 13px;
}

.top2-wrapper {text-align: center; display: flex;
  justify-content: center;}

.feature-box-2 .sppb-addon-content .sppb-media-body .sppb-addon-text p:last-child {
  margin-bottom: 0;
  margin-top: -5px;
}

/* ブルーマリン号PRarrow */
.sppb-addon-blocknumber.block-number-1::before {
  color: #46CCDB !important;
}
/* 運航状況 */
@media (max-width: 991.98px) {
#column-wrap-id-ed58305c-fb5b-4c54-abba-36c40334cdfb {
max-width: 100% !important;
flex-basis: 100% !important;
}
#column-wrap-id-427c8d35-0645-4577-a7ff-4b9b502eeabe {
max-width: 100% !important;
flex-basis: 100% !important;
}
}
@media (max-width: 750px) {
#column-wrap-id-ed58305c-fb5b-4c54-abba-36c40334cdfb {
max-width: 50% !important;
flex-basis: 50% !important;
}
#column-wrap-id-427c8d35-0645-4577-a7ff-4b9b502eeabe {
max-width: 50% !important;
flex-basis: 50% !important;
}

}
/*出航時刻 */
@media (max-width: 991.98px){
 #column-wrap-id-41731394-8d68-49dc-a8be-d8a78d7e60c5 {

    flex-basis: 100% !important;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
#column-wrap-id-ba08641b-a532-4ec4-8e95-e9f976030e1b {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
.video-wrapper-top1-b {
  aspect-ratio: 1600 / 897;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin: 0px 20px 0px 0px !important;
  height: 480px;
}
}
.container-d {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 16px 10px 10px 10px;
}
.item-t {
 padding: 0px 10px 16px 10px;
  text-align: center;
  border-bottom: #ffa500 3px solid;width: 100%;
} 
@media (max-width:1196px) {
.item-t {
 padding: 0px 10px 5px 10px;
  text-align: center;
  border-bottom: #ffa500 3px solid;width: 100%;
}
  }



.status{font-size: 14px;
  margin: 0px 20px 13px 20px;
  font-weight: bold;
  color: #263e81;
}
.boat-text-t {
  font-size: 0.9em;
  color: #263e81;
  font-weight: bold;
  letter-spacing: 10%;
}
.item-txt{
  color:#1083c2;
  font-weight: bold;font-size:13px;
}

@media (max-width: 974px) {
  .container-d {
    flex-direction: column; /* 縦並びにする */
  }
.item-t {
    flex-basis: 100%; /* 各アイテムが幅いっぱいに広がる */
    border-right: #ffa500 0px solid;
    border-bottom: #ffa500 3px solid;
  }
}

@media (max-width: 991.98px) {
  #column-wrap-id-41731394-8d68-49dc-a8be-d8a78d7e60c5 {
    max-width: 100% !important;
    flex-basis: 100%;
  margin: 0 auto !important;
  }
}
@media (max-width: 1199.98px) {
  #column-wrap-id-41731394-8d68-49dc-a8be-d8a78d7e60c5 {
    max-width: 100% !important;
    flex-basis: 50%;
margin: 0 auto !important;
  }
}
.html5-video-player .video-click-tracking, .html5-video-player .video-stream{position: relative !important;}
.html5-main-video {position: relative !important;}
.price-box {
  margin:
0px auto;
  width: 90%;
  max-width: 1100px;
}
// header
@media (min-width: 992px) {
  .col-lg-6 {
    flex:
0 0 auto;
    width: 50%;
    text-align: right !important;
  }
}
// ボタン基本コード
.c-btn {
 
  border: 2px solid #ff701e;
  border-radius: 60px;
  color: #fff;
  display: block;
  font-weight: bold;
  max-width: 300px;
  padding: 15px 40px;
  text-align: center;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.c-btn.float:hover {
  transform: translateY(-5px);
}
.c-btn {
  cursor: pointer;
  transition:
.3s cubic-bezier(0.45, 0, 0.55, 1);
}


.box5-4 {
   position: relative;
  margin:
20px auto 2em;
  border:
2px solid #46CCDB;
  border-radius:
5px;
  width: auto;background-color: #fff;
}

.box5-4 .box-title {
 background-color: #46CCDB;
  color: #fff;
  padding:
0.3em 1em;
  position: absolute;
  top: -0.8em;
  left: 1em;
display: inline-block;
border-radius:
5px;
  width: auto;
  max-width: calc(100% - 2em);
  white-space:
nowrap;
  overflow:
hidden;
  text-overflow: ellipsis;
}

.box5-4 .box-content {
    padding: 3em 2em 2em; /* 上部の余白を多めに確保し、タイトルと本文が重ならないようにする */
}

.box5-4 p {
    margin: 0; /* 段落の余白をなくして統一感を出す */
}




.tbl-r05{margin: 70px auto;width: 90%;
  max-width: 1100px;}
.tbl-r05 td:first-child {background-color: #fff;
 border-right:
1px solid #7DABCE;
  border-bottom:
1px solid #7DABCE;
  font-size: 16px;
  color: #333333;
  line-height: 194%;
  text-align: center;
  font-weight: bold;
  border-left:
1px solid #7DABCE;
}
.tbl-r05 th.hito{
  text-align: inherit;
  text-align: -webkit-match-parent;
  border-right:
1px solid #7DABCE;
  border-bottom:
1px solid #7DABCE;
  color: #3F4C6E;
  line-height: 215%;
  padding:
19px;
  background-color: #DDEEF8;
  border-top:
1px solid #7dabce;
  border-left:
1px solid #7dabce;
  width: 30%;
  font-weight: bold;
  font-size: 17px;text-align: center;
}
.tbl-r05 td.kingaku{border-right:
1px solid #7DABCE !important;
  border-bottom:
1px solid #7DABCE !important;
  font-size: 16px;
  color: #333333;
  line-height: 194%;
  text-align: center;
  font-weight: bold;
  border-left:
1px solid #7DABCE; background-color: #fff;}
@media screen and (max-width:768px) {
.m-time {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.tbl-r05 {
width: 100%;border-top:1px solid #7DABCE;
margin: 70px auto;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #ddeef8;
    color: #3f4c6e;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
  .tbl-r05 td.kingaku {
  border-right:
1px solid #7DABCE !important;
  border-bottom:
1px solid #7DABCE !important;
  font-size: 16px;
  color: #333333;
  line-height: 194%;
  text-align: right;
  font-weight: bold;
  border-left:
1px solid #7DABCE;
}
}
 

.catch-service {
  text-align: center;
  font-size: 29px;
  letter-spacing: .1em;
margin: 50px 0px;
  color: #424753;
}
.catch-service-s {
  text-align: left;
  font-size: 18px;
  letter-spacing: .1em;
  margin:
50px 0 20px 0;
  color: #424753;
}
.g-content {
  margin:
80px 100px;
  padding:
1rem;
  color: #424753;
}
@media only screen and (max-width: 480px) {
.g-content {margin:1rem 0.1rem;
padding:1rem 0.1rem;
 color: #424753;
font-size: 14px;}
  .catch-service {
  text-align: center;
  font-size:18px;
  letter-spacing: .1em;
  margin: 50px 0px;
  color: #424753;
}
}

.g-content p {
  letter-spacing: inherit;
  word-wrap:
break-word;
  word-break: break-word;
}
.box11 {padding:0.9em 1em; margin:2em 0;
color: #242739;background:
white;border-top:
solid 5px #5d627b;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);font-size: 16px;text-align: center;
}

.sp-page-builder .page-content #section-id-921d8f94-1b44-42ad-81ff-b4d5dd6d406e {
  padding-top: 200px;
  padding-right: 0px;
  padding-bottom: 150px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #FFFFFF;text-shadow: 0px 0px 4px #002540b2, 0px 0px 6px #041019d6, 0px 0px 7px #171c40;
}

@media (max-width: 1199.98px) {
  #column-wrap-id-134de989-d240-4658-b47c-8c02568167a7 {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
.text-san{
  float:left;
/*  テキストボックスのサイズ指定 画像サイズ150px＋margin20px  */
  width:calc(100% -20px);
}
img.san{
  float:left;
}
img.san-right{
/*  画像が右の場合  */
  margin-left:20px;float:right;
}
img.san-left{
/*  画像が左の場合  */
  margin-right:20px;float:left; transition: all 0.3 ease-in-out;
  -webkit-transition: all 0.3 ease-in-out;
}
/*  floatを解除  */
.cf:before,.cf:after{
  content:"";
  display:table;
}
.cf:after{
  clear:both;
}
.cf{
  zoom:1;
}
/*  レスポンシブ  */
@media screen and (max-width:768px){
.text-san,img.san{float:none;}
.text-san{ width:100%;}
img.san-right,
img.san-left{
    display:block;
    margin:10px auto;
  }
}


p.slider-txt{text-align:center;font-size:13px;display:block;padding-top:5px;}
.box-ho {position: relative;
padding:3.5em 7.2em;
 border-radius:8px;
max-width: 1300px;
margin:0px auto 0px auto;
background-color: #fffad5;
line-height: 180%;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details {
  font-size: 14px;
  margin:
0;
  text-align: left;
}

.biko-text2{line-height:200%;text-align:center;displat:block;}
@media screen and (max-width: 640px) {
  .item-txt {
  color: #1083c2;
  font-weight: bold;
  font-size: 13px;
}
.biko-text2{line-height:200%;text-align:left;displat:block;}
   .box-ho {line-height: 180%;
    position: relative;
    padding:
1.5em 0.5em !important;
    border:
solid 3px #8ba7d5;
    border-radius:
8px;
    display: inline-block;
    width: 100%;
    margin:
10px auto 40px auto;
    background-color: #fffad5;
    color: #1e1e1e;
    font-size: 90% !important;
  }
}
.video-wrapper-top1::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(9, 2, 108, 0.15);
}
.video-wrapper-top1 {
  aspect-ratio: 1600 / 897;
  overflow:
hidden;
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin:
50px auto 20px;
  height: 350px;
}
.video-content {
  margin:
0;
    margin-right: 0px;
  margin-right: 0px;
  position: absolute;
  top: 43%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.video-content h2 {
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-shadow: 2px 2px 2px #444;
  color: #fff;
}
/*FAQさらに詳しく*/
 .sppb-panel.sppb-panel-faq .sppb-panel-collapse .sppb-panel-body {
  border-bottom:
none;
  border-left:
5px solid #dfdfdf;
  margin-left: 42px !important;
  padding:
15px 15px 15px 36px;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel.sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction {
  width: 25px !important;
  line-height: 25px !important;
  text-align: center;
  top: 12px !important;
  right: auto;
  left: 30px !important;
  background:
#495057;
  color: #fff;
  transform: none !important;
  -webkit-transform:
none !important;
  transition: all 0.3 ease-in-out;
  -webkit-transition: all 0.3 ease-in-out;
  border-radius:
50px;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel::before {

  box-shadow: 3px -3px 1px -2px rgb(106, 106, 106) !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {

  border:
solid 1px #aaa !important;

}

.sppb-addon-timeline .title {
  text-align: left;
  position: absolute;
  left: 0;
  top: -15px;
  font-size: 1.4rem;
  width: 100%;
  color: #5999e8;
  font-weight: bold;padding: 10px 0px 10px 0px;
}
#sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .sppb-addon-timeline-wrapper::before, #sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after, #sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .timeline-movement.even::before {
  background-color: #232f33 !important;
}
#sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,{
  border-color:
#5999e8 !important;
}

#sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before, #sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .timeline-movement.even::after {
  border-color:
#5999e8 !important;
}
#sppb-addon-96991b29-3772-4671-9bce-93eee28d3aad .sppb-addon-timeline .sppb-addon-timeline-wrapper::before,{
border-color:#5999e8 !important;}

.sppb-addon-timeline .timeline-item .timeline-date {
  color: #1C2649 !important;
  font-weight: 500;
}
/*今までの*/
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  text-align: initial;
  padding:
20px;
  border:
solid 1px #dfdfdf;
  border-radius:
5px;position: relative;width: 540px !important; margin-left: 15px; transition:1.0s ease-in-out;}
item .timeline-panel .title {
  font-size: 17px;
  margin:
13px 0 5px 0px !important;
  position: relative;
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  text-align: initial;
  padding:
20px;
  border:
solid 1px #dfdfdf;
  border-radius:
5px;position: relative;width: 430px !important; margin-left: 15px; transition:1.0s ease-in-out;}

   }

@media screen and (max-width: 640px) {
.title {
text-align: center;
font-size: 1rem !important;
color: #5999e8;
font-weight: bold;
}
.title-wear {
text-align: center;
font-size: 1rem !important;
color: #ea7298;
font-weight: bold;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  text-align: initial;
  padding:
20px;
  border:
solid 1px #dfdfdf;
  border-radius:
5px;position: relative;width: 330px !important; margin-left: 15px; transition:1.0s ease-in-out;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
  font-size: 16px !important;
  margin:
0 0 00px;
  position: relative;
  text-align: left;
  padding:
10px 0px 10px 0px;
}
   }
  
@media (min-width: 768px) {

  .sppb-addon-timeline .timeline-panel {
    max-width: calc(130% - 15px) !important;
  }


}

.box-ho2 {
border:
solid 3px #8ba7d5;
  border-radius:
8px;
  max-width: 782px;
  color: #1e1e1e;
  text-align: center;
  margin:
0 auto;
}
.holiday-info-text2 {
  text-align: left;
  color: #464646;
}

.photo-text{color:#226dca;font-size:13px;}
.photo-text2 {
  color: #1c2649;
  font-size: 13.5px;
}
/*saisei*/
.overlay-bg-black-30::before {
   background-color: background-color: rgba(5, 35, 57, 0.14) !important;
}
/*csr*/
.call {
padding:1rem 1rem 1.5rem;
background: linear-gradient(135deg, #3ca2eb 0 100%), repeating-linear-gradient(45deg, #80dbff 0px 3px, transparent 3px 6px);
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-repeat: no-repeat;
  background-size: calc(100% - 0.5rem) calc(100% - 0.5rem);
  background-position:
0 0, 0.5rem 0.5rem;
  max-width: 940px;
  width: 90%;
  margin:
0 auto;
}
.call::before{content: "";
  display: inline-block;
  background:
url(https://www.marinejam.com/images/admin/csr/csrbk-3.png) 100% 100% / cover;
  height: 68px;
  width: 258px;
}
.call::after{content: "";
  display: inline-block;
  background:
url(https://www.marinejam.com/images/admin/csr/csrbk-4.png) 100% 100% / cover;
float: right;
margin-top: -50px;
  bottom: 20px;height: 69px;
  width: 148px;
}

.call p {color: white;font-size:17px;
line-height: 1.5;line-height: 2.333em;text-align:center;
}

.katsudo{text-indent: -1em;padding-left: 1em;}
.box-csr {margin:auto;padding:
50px 20px 20px;
width: 90%;
  max-width: 1160px;
line-height: 1.9;
  text-align: left;
}
@media (max-width: 767.98px) {

}
.sdgs img.pic{border-radius:15px;
padding:5px 0px 1px 0px;
width: 95%;}
.sdgs{
   display: flex;
   flex-wrap: wrap;
  margin:0 auto;
}
.sdgs>div{
width: 50%;
box-sizing: border-box;
}
.sppb-progress-label > span {
  float: right;
  font-weight: 700;
  color: chartreuse;
  font-size: 0 !important;
}

/*モジュールお知らせ一覧*/
 #sp-right .sp-module ul > li {
  display: block;
  border-bottom:
1px solid #c3c3c3;
}
#sp-right .sp-module ul > li > a {
  display: block;
  line-height: 36px;
  padding:2px 0 2px 22px !important;
}
#sp-right .sp-module ul > li > a:hover {
  display: block;
  line-height: 36px;
  padding:2px 0 2px 22px !important;color:#5999E8;
}
.sp-module-title {
  position: relative;
  margin:0 0 25px;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: 700;
  border-bottom:2px solid #c3c3c3;
}
.sp-module-title::before {
  content: "";
  width: 80px;
  height: 2px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -2px;background: #5999E8;
}
ul.latestnews {
  list-style:
none;
  border-radius:
2px;
  padding:
0.5em 1em 0.8em 1em;
  position: relative;
  margin:
20px 0;
}
ul.latestnews li::before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-weight: 900;
  content: "\f0a9";
  left: 0em;
  padding-top: 5px;
  color: #5999E8;
}
.article-info {
color: #003e97;
}
/*slider文字*/
.m-time{color:#fff;font-weight:bold;font-size: 16px;}
.sppb-addon-textrotator.ut-text-rotator-1 .animated-heading-text {
  display: flex;
  flex-direction: column;
  font-size: 70px;
  align-items: flex-start;
  text-shadow: 0px 0px 4px #373a3c, 0px 0px 6px #757171, 0px 0px 7px #141414;
}
/*accessアイコン*/
#sppb-addon-3cd39829-96f7-491c-8790-1e5c9904293e .sppb-modal-selector span > i {
  font-size: 40px !iimportant;
  width: 70px;
  height: 70px;
  line-height: 70px;
}

#sppb-addon-6e6b3481-e626-47bc-9d43-0e10479c6140 #btn-6e6b3481-e626-47bc-9d43-0e10479c6140.sppb-btn-custom {
  padding:
8px 22px 10px 22px;
  margin-left: 70px;
}
.access-title {
 text-align: left;
  font-size: 1.2rem;
  color:#253051;
  margin-bottom: 20px;
  font-weight: bold;
}
.access-title strong{color: #226dca;}
.access-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}
/*access目標*/
.goal2-title {
  text-align: left;
  font-size: 1.6rem;
  color: #253051;
  margin-bottom: 45px;
  font-weight: bold;
}
.goal2-title::before {
content: "再生課題";
  position: absolute;
  width: 240px;
  left: 0px;
  margin-top: -30px;
  font-size: 16px;
  font-weight: normal;
}
.goal2-title strong{color: #226dca;}
.goal2-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}

.goal-title {
  text-align: left;
  font-size: 1.6rem;
  color: #253051;
  margin-bottom: 45px;
  font-weight: bold;
}
.goal-title::before {
content: "目 標";
  position: absolute;
  width: 240px;
  left: 0px;
  margin-top: -30px;
  font-size: 16px;
  font-weight: normal;
}
.goal-title strong{color: #226dca;}
.goal-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}
.sdgs-title {
  text-align: left;
  font-size: 1.7rem;
  color: #253051;
  margin-bottom: 45px;
  font-weight: bold;
}
.sdgs-title::before {
 content: "海陽町海洋自然博物館";
  position: absolute;
  width: 240px;
  color: #253051;
  left: 0px;
  margin-top: -15px;
  font-size: 13px;
}
.sdgs-title strong{color: #226dca;}
.sdgs-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}
.organization-title strong{color: #226dca;}
.organization-title {
  text-align: left;
  font-size: 1.7rem;
  color: #253051;
  margin-bottom: 35px;
  font-weight: bold;
}
.organization-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}
@media screen and (max-width: 640px) {
.access-title {
 text-align: left;
  font-size: 1.2rem;
  color: #5999e8;
  margin-bottom: 25px;
  font-weight: bold;
}
  .organization-title {
 text-align: left;
  font-size: 1.2rem;
  color: #5999e8;
  margin-bottom: 25px;
  font-weight: bold;
}
.sdgs-title {
 text-align: left;
  font-size: 1.2rem;
  color: #5999e8;
  margin-bottom: 25px;
  font-weight: bold;
}
.goal-title {
text-align: left;
font-size: 1.2rem;
margin-bottom: 25px;
font-weight: bold;
}
.goal2-title {
text-align: left;
font-size: 1.2rem;
margin-bottom: 25px;
font-weight: bold;
}
  }
  
.access-add{line-height: 190%;
  color:#1c2649;font-size: 17px;}
.access-add a{color: #1c2649;}
.access-add a:hover{color: #FFA500;}
.box-note {padding: 10px 5px 10px 0;
}
/*船長紹介*/
.sppb-img-circle {
  border-radius:
6px !important;
}
/*吹き出し*/
.balloon3-right-btm {
 position: relative;
  display: inline-block;
  margin:1.5em 15px 1.5em 0;
  padding:0 5px;
  width: 120px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background:#6eaaf4;
  border-radius:50%;
 box-sizing: border-box;
}

.balloon3-right-btm:before {
content: "";
position: absolute;
bottom: -8px;
right: -8px;
margin-top: -15px;
border:15px solid transparent;
border-left-width: 15px;
border-left-style: solid;
border-left-color: transparent;
border-left:15px solid #6eaaf4;
  z-index: 0;
  -webkit-transform:
rotate(45deg);
  transform: rotate(45deg);
}

/*アイコン頭が切れる訂正*/
.sppb-addon-feature .sppb-addon-content .sppb-icon .sppb-icon-container {
  line-height: 1;
  padding-top: 2px;
}
.biko-text{text-align: center;
  display: block;
  color: #034496;

  padding: 0px 40px 30px;
  font-size: 15px;
}
.box-biko {
  border-radius:10px;
  border:1px solid #1c2649;
position: relative;
  margin:50px auto;
  padding:50px 20px 20px;
  width: 90%;
  max-width: 1100px;
}
.title {
text-align: center;
  position: absolute;
  left: 0;
  top: -15px;
  font-size: 1.4rem;
  width: 100%;
  color: #5999e8;
  font-weight: bold;
}

.title span {
  display: inline-block;
  padding:
0 20px;
background-image: linear-gradient(-45deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
  background-size: 10px 10px;
}
.photo-l{
  float: left;
  padding-left: 10px;
  padding-right: 30px;
}
@media screen and (max-width: 640px) {
  .biko-text{text-align: center;
  display: block;
  color: #034496;
  padding: 0px 40px 30px;
  font-size: 13px;
}
/*館長*/
#sppb-addon-d32fc08c-4e99-4fd2-b89c-2e8e08b2c2e2 .ut-testimonial-item {
background:#fff;
border-width:1px;
border-style:solid;
border-color:#ececec;
border-radius:4px;
padding-top: 40px;
padding-right: 20px !important;
padding-bottom: 40px;
padding-left: 20px !important;
}
  
.photo-l{ padding-left: 15px;
 padding-bottom: 30px;
 float: none;text-align: center;margin:0 auto;display: inline !important;}
.wear-photo {max-width: 100%;
    height: auto;
    margin:
0 auto;}
}

/*服装*/
.wear-text{
 display: block;
  color: #0a213e;
  line-height: 190%;
  font-size: 13.5px;
}
.box-wear {
  border-radius:10px;
  border:1px solid #ea7298;
position: relative;
  margin:50px auto;
  padding:50px 20px 20px;
  width: 90%;
  max-width: 1100px;min-height: 210px;
}
.title-wear {
text-align: center;
  position: absolute;
  left: 0;
  top: -15px;
  font-size: 1.4rem;
  width: 100%;
  color:#ea7298;
  font-weight: bold;
}
.title-wear span {
  display: inline-block;
  padding:
0 20px;
background-image: linear-gradient(-45deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
  background-size: 10px 10px;
}
/*価格表 */
table.tbl-r02 {
margin: 50px auto;width: 90%;
  max-width: 1100px;
}

.tbl-r02 th {
  background:#DDEEF8;
  border: solid 1px #7dabce;
  color: #1c2649;font-size: 1rem;
  white-space: nowrap;text-align: center;padding:10px 10px;
  width: 330px;
}

.tbl-r02 td {
  padding: 15px;border: solid 1px #7dabce;text-align:left;font-size: 1rem;background-color: #fff;
}

@media screen and (max-width: 640px) {
  table.tbl-r02 {
  margin: 20px auto;width: 99%;
  max-width: 640px;
}
.tbl-r02 th {
    border-bottom: none;text-align: center;
  }
.tbl-r02 td  {
    border-bottom: none;
  }
.tbl-r02 .last td:last-child {
    border-bottom: solid 1px #7dabce;
    width: 100%;
  }

  .tbl-r02 th,
  .tbl-r02 td {
    display: block;
    width: 100%;white-space: normal;
  }
   }

.set3 img{display: block;
  max-width: 50%;
  height: auto;
  text-align: center;
  margin:
0 auto 30px auto;}
/*タイムスケジュール */
.time-box{background:#c9f0fd;border-radius:
10px;padding:30px 35px 35px;text-align: center;
margin-bottom: 30px;}
 .time-title {
 text-align: center;
  font-size: 1.2rem;
  color: #1d8db9;
  margin-bottom: 25px;
  font-weight: bold;
}
.time-title strong{color: #226dca;}
.time-title span.sub-c{color:#0c3970;font-size:11px;font-weight:bold;}
.step {
display: inline-block;
  font-family: "Lovelo-Black";
  border-bottom: 2px solid #5999e8;
  letter-spacing: .1rem;
  color: #22a2b0;
  font-weight: bold;
}
.time-box p {
  line-height: 190%;
}
.time-box p.left {
  line-height: 190%;text-align:left;font-size:13px;
}
.number {
  font-size: 3rem;
  line-height: 100%;
  color: #def3f7;
  display: inline-block;
  margin-left: 5px;
  text-shadow: 1px 1px 0 #2686fe,-1px -1px 0 #2686fe,-1px 1px 0 #2686fe,1px -1px 0 #2686fe,0 1px 0 #2686fe,-1px 0 #2686fe,-1px 0 0 #2686fe,1px 0 0 #2686fe;
}
.fukidashi {
font-family: "Lovelo-Black";
  font-size: 1.2rem;
  color: #1d8db9;
  letter-spacing: .2rem;
  text-align: center;
  font-weight: bold;
}

.fukidashi span::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background:
#1d8db9;
  top: 5px; left: -20px;
  -webkit-transform:
rotate(-20deg);
  transform: rotate(-20deg);position: relative;
  display: inline-block;
}
.fukidashi span::after {
  left: auto;
  right: -20px;
  -webkit-transform:
rotate(20deg);
  transform: rotate(20deg);content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  background:
#1d8db9;
  top: 5px;position: relative;
  display: inline-block;
}

.picture-m {
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack:
center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.picture-m::after {
 content: "";
  position: absolute;
  width: 100px;
  height: 98px;
  border-radius: 50px;
  top: -145px;
  z-index: -2;
  opacity: 0.5;
  border: 5px dotted #65cf1d;
}
@media only screen and (max-width: 767px) {
.time-box {
  background:
#fcfba2;
  border-radius:
10px;
  text-align: center;
  padding:
30px 35px 35px;
  margin-bottom: 30px;
}
.step {
    letter-spacing: .1rem;
    padding:0 0px;
  }
}
@media only screen and (max-width: 767px) {
 .time-title {
    font-size: 1.1rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .visible-xs, .visible-xs-block {
    display: block !important;
  }
}


@keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
 display: flex;
 overflow: hidden;
}
.scroll-infinity__list {
display: flex;
list-style: none;
 padding: 0;padding-left: 0px !important;
}
.scroll-infinity__list--left {
 animation: infinity-scroll-left 40s infinite linear 0.5s both;
}
.scroll-infinity__item {
 width: calc(100vw / 6);transition: .2s;
}
@media only screen and (max-width:991px) {
.scroll-infinity__item {
 width: calc(100vw / 5);transition: .2s;
}  }

@media only screen and (max-width:767.98px) {
  .scroll-infinity__item {
 width: calc(100vw / 3);
}
  }
@media only screen and (max-width:767.98px) {
  .scroll-infinity__item {
 width: calc(100vw / 2);
}
  }

.scroll-infinity__item>img {
 width: 100%;
}
	}
/*box */

.set3{width:70%;margin:0 auto; display:block;}

.box-design17 {
  margin: 40px auto 20px;
  padding: 30px 20px 10px 20px;
  border: 3px solid #46ccdb;text-align: center;
  font-weight: bold;
}
.box-design17-ttl{
  background-color: #46ccdb;
  color: #fff;
  border-radius: 100vh;
  padding: 10px 1.5em;
  margin: -55px 0 0 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 20px;
  font-weight: bold;
  text-align: center;width: 320px;word-break: normal;
  word-wrap:
break-word;
}
@media only screen and (max-width: 767px) {
.box-design17-ttl{background-color: #46ccdb;
  color: #fff;
  border-radius:
100vh;
  padding:
10px 1.5em;
  margin:-55px 0 0 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform:
translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  width: 280px;
  word-break: normal;
  word-wrap:
break-word;
}
  }
.box-design17-ttl::after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 15px solid transparent;
  width: 0;
  height: 0;
  border-top-color:#46ccdb;
}
@media only screen and (max-width: 480px){
.set3{width:90%;margin:0 auto; display:block;}
}

/*アクティビティ基本 */
.mb0{color:#0e084d;}

.p-service-text {
  max-width: 480px;
}
.p-activity-m-title {
 font-size: 1.7rem;
  margin-bottom: 25px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 150%;
}
.p-activity-m-title span {
  color: #5999e8;
}

.p-activity-m {
  text-transform: uppercase;
  color: #5999e8;
  letter-spacing: .3rem;
  font-family: "Lovelo-Black";
  padding-bottom: 0px;
  margin-bottom: 10px;
  position: relative;
  font-weight: bold;
  font-size: 15px;
}

.p-activity-m::after {
  content: "";
  position: absolute;
  width: 100%;
  border-top:
1px solid #1c2649;
  bottom: 0;
  right: 0;
}
.p-activity-m2 {
  text-transform: uppercase;
  color: #5999e8;
  letter-spacing: .3rem;
  font-family: "Lovelo-Black";
  padding-bottom: 0px;
  margin-bottom: 10px;
  position: relative;
  font-weight: bold;
  font-size: 15px;
}
.p-activity-m2::after {
  content: "";
  position: absolute;
  width: 100%;
  border-top:
1px solid #1c2649;
  bottom: 0;
  left: 0;
  z-index: 200;
}

.p-activity-m span {
 display: inline-block;
  color: #254ee3;
  font-size: 5rem;
  letter-spacing: .3rem;
  margin-right: 10px;
  line-height: 100%;
  background:
#3fc4d8 url(https://www.marinejam.com/images/admin/wave-bk2.svg) repeat-x;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-clip: border-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip:
text;
  background-clip: text;
  background-position:
0 32px;
  background-size: 170px;
  -webkit-animation:
textWave 4.2s infinite linear;
  animation:
textWave 4.2s infinite linear;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.p-activity-m2 span {
 display: inline-block;
  color: #254ee3;
  font-size: 5rem;
  letter-spacing: .3rem;
  margin-right: 10px;
  line-height: 100%;
  background:
#3fc4d8 url(https://www.marinejam.com/images/admin/wave-bk2.svg) repeat-x;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-clip: border-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip:
text;
  background-clip: text;
  background-position:
0 32px;
  background-size: 170px;
  -webkit-animation:
textWave 4.2s infinite linear;
  animation:
textWave 4.2s infinite linear;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.service-title span {
  color: #5999e8;}

@media only screen and (max-width: 767px) {
.p-activity-m span {font-size: 4rem;background-position:
0 18px;}
.p-activity-m2 span {
font-size: 4rem;
background-position:
0 18px;
}
.p-service-title {
font-size: 2rem;}
}

.p-activity-m::after {
content: "";
position: absolute;
width:100%;
border-top:
1px solid #1c2649;
bottom: 0;
right: 0;
}
.p-activity-m2::after{content: "";
position: absolute;
width: 100%;
border-top:1px solid #1c2649;
bottom: 0;
right: 0;}
@media only screen and (max-width: 767px) {
.p-activity-m{
letter-spacing: .3rem;
}
.p-activity-m2{
letter-spacing: .3rem;
}
.p-activity-m-title {
font-size: 1.2rem;
margin-bottom: 20px;
font-weight: bold;
letter-spacing: 0.2em;
line-height: 150%;
}
}
.right-line {
-webkit-box-pack:
start;-ms-flex-pack: start;
justify-content: flex-start;max-width: 450px;
}
.right-line::before {
right: auto;
left: 475px;
border-radius:
10px 0 0 10px;
}



.p-howto-box .number {
font-size: 5rem;
line-height: 100%;
color: #def3f7;
display: inline-block;
margin-left: 5px;
text-shadow: 1px 1px 0 #1c2649,-1px -1px 0 #1c2649,-1px 1px 0 #1c2649,1px -1px 0 #1c2649,0 1px 0 #1c2649,-1px 0 #1c2649,-1px 0 0 #1c2649,1px 0 0 #1c2649;
}

span.number{margin: 0;
margin-left: 0px;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: 0 0;
}
.p-howto-box .step {
display: inline-block;
font-family: "Lovelo-Black";
border-bottom: 1px solid #1c2649;
letter-spacing: .4rem;
}
@media only screen and (max-width: 767px) {
.p-howto-box .step {
letter-spacing: .3rem;
padding: 0 10px;
  }
.p-howto-box .number, .p-index .p-support-en.-plus i {
font-size: 4rem;
  }
}

.p-howto-box p {
text-align: left;
line-height: 190%;
}
.p-howto-box .fukidashi {
font-family: "Lovelo-Black";
font-size: 2rem;
color: #5999e8;
letter-spacing: .5rem;
text-align: center;
}

.p-howto-box .fukidashi span::after {
left: auto;
right: -30px;
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
.p-howto-box .fukidashi span::after {
left: auto;
right: -30px;
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
.p-howto-box .fukidashi span {
position: relative;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.p-howto-box .fukidashi{
font-size: 1.8rem;
letter-spacing: .3rem;
}
}

@media only screen and (max-width: 767px) {
.p-howto-box .fukidashi span::after {height: 20px;
right: -20px;}
}
#sp-bottom {
padding: 40px 0 10px;
padding-right: 0px;
padding-left: 0px;
font-size: 14px;
line-height: 1.6;
background-image: url(../../../../../../images/admin/footer/footer-bk.jpg) !important;
background-size: cover;
background-repeat: no-repeat;
}

.mt-3 {
margin-top: 1rem !important;
font-size: 15px !important;
}

.narabi{display: flex;
}
 
@media (max-width: 768px) {

.txt_rh b {
background-color: #f90;
padding: 10px 30px;
font-weight: 700;
font-size: 0.9rem;
color: #fefefe;
text-align: center;
margin: 10px auto 10px;
display: block;
width: 370px;
border-radius: 50px;
}  
.narabi{transition: .3s; display: flex;flex-direction:column;
}
.item{margin:0 auto;}
.item03{margin: 0 auto 70px auto;}
.h-button {
background: #f75689;
padding: 20px;
width: 310px;
text-align: center;
border-radius: 8px;
font-weight: bold;
margin-left: 2px !important;}
}
                      
#sp-footer #sp-footer1 {
text-align: center!important;
}
#sp-footer, #sp-bottom {margin-left: -5px !important;
color: #FFF !important;
}
/*top-バナー調整 */
.sppb-addon-clients.clients-style-1 .sppb-addon-content img {
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
padding: 0px !important;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
}


.remodal-text{text-align:left;display:block;font-size:13px;line-height:170%;}


/*footer-バナー調整問合せ */
.btn_wrap-f {
width: 310px;
height: auto;
position: relative;
margin: 20px 10px;padding-top:10px;
}
.btn_balloon {
width: 280px;
height: 34px;
padding-left: 0.1em;
border-radius: 20px;
border: solid 2px #db930a;
background-color: #ffe390;
font-size: 90%;
font-family: "Noto Sans Japanese";
font-weight: 700;
line-height: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 55px;
left: 50%;
transform: translate(-50%, 0%);
pointer-events: none;
transition: 0.2s;
color:#2757e5;
z-index: 2;
letter-spacing: 0.2em;
}
.btn_balloon::before, .btn_balloon::after {
content: "";
width: 0;
height: 0;
border-style: solid;
position: absolute;
left: 50%;
transform: translate(-50%, 100%);
}
.btn_balloon::before {
bottom: 1px;
border-width: 8px 5px 0 5px;
border-color:#ffe390 transparent transparent transparent;
z-index: 2;
}
.btn_balloon::after {
bottom: 0;
border-width: 11px 8px 0 8px;
border-color: #db930a transparent transparent transparent;
z-index: 1;
}
.button-f {
width: 100%;
padding: 25px 30px;
border-radius: 8px;
font-size: 100%;
font-family: "Noto Sans Japanese";
font-weight: 500;
line-height: 1;
text-align: center;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
background: #2757e5;
-webkit-box-shadow: 0 5px 0 #2c9d60;
box-shadow: 0 5px 0 #1039b2;
color: #fff;
transition: 0.2s;font-weight: bold;
letter-spacing: 0.2em;
}

.button-f:after {
content: "";
position: absolute;
top: 55%;
bottom: 0;
right: 2rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(45deg);
}
.button-f:hover {
background: #6bc594;
color: #FFF;
-webkit-box-shadow: 0 2px 0 #2c9d60;
box-shadow: 0 2px 0 #2c9d60;
transform: translateY(3px);
}
/*電話予約 */
a.tele {
font-family: "Roboto", sans-serif;
font-weight: 900;
color: black;
text-decoration: none;
}

.centered{
position: absolute;
margin-top: 31px;
}
@media (max-width:768px) {
.centered{left: 50%;top: 88%;transform: translate(-50%, -50%);position: absolute;}
}
           
.h-button {
 background: #f75689;
padding: 20px;
width: 310px;
text-align: center;
border-radius: 8px;
font-weight: bold;
margin-left: 8px;
}


.h-button span {
display: inline-block;
min-width: 0.3em;
text-transform: uppercase;
transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
opacity: 0;
transform: translate(0, -20px);
}


  
.h-button:before {
content: attr(data-text);
position: absolute;
width: 100%;
left: 0;
transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
text-transform: uppercase;
letter-spacing: 3.5px;
opacity: 1;
transform: translate(0, 0px);
}

.h-button:hover:before, .h-button:focus:before {
opacity: 0;
transform: translate(0, 20px);
}
.h-button:hover span, .h-button:focus span {
opacity: 1;
transform: translate(0, 0);
}
.h-button:hover span:nth-child(1), .h-button:focus span:nth-child(1) {
transition-delay: 0.025s;
}
.h-button:hover span:nth-child(2), .h-button:focus span:nth-child(2) {
transition-delay: 0.05s;
}
.h-button:hover span:nth-child(3), .h-button:focus span:nth-child(3) {
transition-delay: 0.075s;
}
.h-button:hover span:nth-child(4), .h-button:focus span:nth-child(4) {
transition-delay: 0.1s;
}
.h-button:hover span:nth-child(5), .h-button:focus span:nth-child(5) {
transition-delay: 0.125s;
}
.h-button:hover span:nth-child(6), .h-button:focus span:nth-child(6) {
transition-delay: 0.15s;
}
.h-button:hover span:nth-child(7), .h-button:focus span:nth-child(7) {
transition-delay: 0.175s;
}

/*footer */
.sp-page-builder .page-content #section-id-c2279ba9-aa5c-4ee3-8ce5-ee24a9c0f371 {
padding-top: 0px !important;padding-bottom:0px !important;}
#sp-bottom {
padding: 40px 0 10px;
font-size: 14px;
line-height: 1.6;
background-image: url(../../../../images/admin/footer/footer-bk.jpg) !important;
background-size: cover;
background-repeat: no-repeat;
}

.txt_rh {font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
margin: 0 auto;
margin-bottom: 0px;
}

.txt_rh b{
background-color: #f90;
padding: 10px 30px;
font-weight: 700;
font-size: 0.9rem;
color: #fefefe;
text-align: center;
margin: 10px auto 10px;
display: block;
width: 370px;
border-radius: 50px;
}
.txt_rh b2 {
padding: 10px 30px;
font-weight: 700;
font-size: 0.9rem;
color: #fefefe;
text-align: center;
margin: 10px auto 10px;
display: block;
width: 370px;
border-radius: 50px;
}
.anotation {
padding: 10px 30px;
font-weight: 700;
font-size: 0.9rem;
color: #fefefe;
text-align: center;
margin: 10px auto 10px;
display: block;
width: 370px;
border-radius: 50px;
}
.space-footer{margin-right:10px;display:block;float:left;padding-bottom: 10px;}
.space-footer:hover{
    opacity: 0.7;cursor: pointer;transition: .3s cubic-bezier(0.45, 0, 0.55, 1);transform: translateY(-5px);
}
@media only screen and (max-width: 767px) {
.space-footer{
    text-align: center;
    float: none;
    display: block;
    margin: 0 auto;
    width: 200px;}
.mb-footer {
  margin-top: 0.5rem !important;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
}  
.mb-footer {
  margin-top: 0.5rem !important;
  font-size: 13px;
  color: #fff;
}

.agree {
  margin: 20px 0px 20px 0px;
  padding: 15px 15px 5px 15px;
  border: 1px solid #cccccc;
  font-size: 13px;
  height: 17em;
  width: 95%;
  overflow: scroll;
}

.menu-space{display:block;margin-top:-70px;}
/* blue-marineｰtitle  */
.visible-xs{display: none !important;}
.c-ttl_area {
margin-bottom: 80px;
text-align: center;display:block;word-break: normal;
word-wrap: break-word;
}
.gnavi a.is-hover {
color: #5999e8;
}
.c-ttl01 {
margin-bottom: 30px;text-align: center;
font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}
.en {
display: inline-block;
color: #5999e8;
font-size: 0.9rem;
letter-spacing: .3rem;
padding: 0 5px 10px;
background-image: url(https://www.marinejam.com/images/admin/wave-.png);
background-size: 233.5px 10px;
background-repeat: repeat-x;
background-position: center bottom;
position: relative;
margin-bottom: 8px;
}
.en::after {
content: "";
position: absolute;
width: 38px;
height: 37px;
background-size: cover;
background-image: url(https://www.marinejam.com/images/admin/shibuki.png);
bottom: 7px;
right: -45px;
}
.c-ttl01 .ja strong, .l-footer .gnavi a.is-hover {
  color: rgb(89, 153, 232);font-size: 2.2rem;font-weight: bold;
}
.ja {
display: block;
font-size: 2.2rem;
letter-spacing: .2rem;
color: #1c2649;
font-weight: bold;
}

@media only screen and (max-width: 767px) {
.c-ttl_area {margin-bottom: 40px;
text-align: left;}
.c-ttl01 {
text-align: center;
margin-bottom: 20px;}

.en::after{content: "";
position: absolute;
width: 38px;
height: 37px;
background-size: cover;
background-image: url(https://www.marinejam.com/images/admin/shibuki.png);
bottom: 7px;
right: -45px;
}
.visible-xs, .visible-xs-block {
display: block !important;}
.c-ttl_area br {display: none;}
.ja {font-size: 1.2rem;
font-weight: bold;
line-height: 150%;
letter-spacing: .1rem; }
  .c-ttl01 .ja strong{
    color: rgb(89, 153, 232);
    font-size: 1.2rem;
    font-weight: bold;
}
}

.-bg03{ background-color:#defaff;}
.-bg02{
background-image:-webkit-linear-gradient(135deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
background-image:linear-gradient(-45deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
background-size: 10px 10px;
}
.-bg02 {
padding-bottom: 0 !important;
}
.c-wave {
  height: 120px;
  margin-top: -120px;
  position: relative;
  z-index: 10;
  background-color: #def3f7;
  mask-repeat: repeat-x;
  mask-image: url(https://www.marinejam.com/images/admin/wave-bk2.svg);
  mask-size: 1500px auto;
  mask-position: left top;
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-image: url(https://www.marinejam.com/images/admin/wave-bk2.svg);
  -webkit-mask-size: 1500px auto;
  -webkit-mask-position: left top;
  -webkit-animation: move 10s linear infinite;
  animation: move 10s linear infinite;
}
/* blue-marineｰtable  */
table#outline2 {margin: 8px auto 10px auto;
    border-top:1px solid #7DABCE;
    border-left:1px solid #7DABCE;
    border-collapse:collapse;
   width: 95%;
    background-color:#f7f7f7;
}
table#outline2 th{
  border-right:1px solid #7DABCE;
  border-bottom:1px solid #7DABCE;
  color:#666666;
  background-color:#FFCC99;
 
}
table#outline2 td{
  border-right: 1px solid #7DABCE;
  border-bottom: 1px solid #7DABCE;
font-size: 16px;
  color: #333333;
  line-height: 115%;
  text-align: center;

  border-left: 1px solid#7DABCE;
}
table#outline2 td.o-left{
  border-right:1px solid #7DABCE;
  border-bottom:1px solid #7DABCE;
 text-align:left;

  color:#333;
  line-height: 115%;
  padding:3px 10px 5px 10px;
}


table#outline2 td.o-right{
  border-right: 1px solid #7DABCE;
  border-bottom: 1px solid #7DABCE;
  color: #3F4C6E;
1  line-height: 115%;
  padding: 3px;
  background-color: #DDEEF8;
  border-top: 1px solid #7dabce;
  border-left: 1px solid #7dabce;width:30%;font-weight: bold;
  
}
@media screen and (max-width: 600px) {
  table#outline2 td.o-right{
  border-right: 1px solid #7DABCE;
  border-bottom: 1px solid #7DABCE;
  color: #3F4C6E;
  line-height: 160%;
  padding: 5px;
  background-color: #DDEEF8;
  border-top: 1px solid #7dabce;
  border-left: 1px solid #7dabce;font-size:15px;
}
  table#outline2 td.o-left{
  border-right:1px solid #7DABCE;
  border-bottom:1px solid #7DABCE;
 text-align:left;
font-size:15px;
  color:#333;
  line-height: 160%;
  padding:5px 10px 5px 10px;
}
}

/* blue-marinemovie */
.video-wrapper-top1-b {
aspect-ratio: 1600 / 897;
overflow: hidden;
position: relative;
width: 100%;
max-width: 1600px;
margin: 0px 20px 0px 20px;
height: 480px;
}

.video-wrapper-top1-b::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(9, 2, 108, 0.15);
}

.video-content-b{
  margin: 0;
    margin-right: 0px;
  position: absolute;
  top: 40%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.video-content-b h2{
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-shadow: 2px 2px 2px #444;
  color: #fff;
}

.marine-wave {
  height: 50px;
  margin-top: -25px;
  position: relative;
  z-index: 10;
  background-color: #defaff;
  mask-repeat: repeat-x;
  mask-image: url(https://www.marinejam.com/images/admin/wave-bk2.svg);
  mask-size: 500px auto;
  mask-position: left top;
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-image: url(https://www.marinejam.com/images/admin/wave-bk2.svg);
  -webkit-mask-size: 600px auto;
  -webkit-mask-position: left top;
  -webkit-animation: move 10s linear infinite;
  animation: move 30s linear infinite;

}
.marine-wave.-bg02, .u-bg02 {
  background-image: -webkit-linear-gradient(135deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
  background-image: linear-gradient(-45deg,#f8f8f8 25%,#fff 25%,#fff 50%,#f8f8f8 50%,#f8f8f8 75%,#fff 75%,#fff);
  background-size: 10px 10px;
}
.marine-wave.-first.is-act {
  top: 0;
  opacity: 1;
}
.marine-wave.-first {
  top: 60px;
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.marine-wave.-bg02{padding-bottom:0!important}
.marine-wave.-first{top:60px;opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.marine-wave.-first.is-act{top:0;opacity:1}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes move{0%{-webkit-mask-position:0 top;mask-position:0 top}to{-webkit-mask-position:-1500px top;mask-position:-1500px top}}@keyframes move{0%{-webkit-mask-position:0 top;mask-position:0 top}to{-webkit-mask-position:-1500px top;mask-position:-1500px top}}@-webkit-keyframes kvWave{0%{background-position:0 70px}to{background-position:-300px 70px}}@keyframes kvWave{0%{background-position:0 70px}to{background-position:-300px 70px}}@-webkit-keyframes textWave{0%{background-position:0 32px}to{background-position:-150px 32px}}@keyframes textWave{0%{background-position:0 32px}to{background-position:-150px 32px}}
@-webkit-keyframes kvWave{0%{background-position:0 20px}to{background-position:-150px 20px}}@keyframes kvWave{0%{background-position:0 20px}to{background-position:-150px 20px}}
@media only screen and (max-width:767px){
  .c-table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll}
  .c-table-responsive tbody{width:auto;position:relative;overflow-x:auto;white-space:nowrap}
  .c-table-responsive tr{vertical-align:top}
  .c-table-responsive2 td,.c-table-responsive2 th,.c-table-responsive2 tr{display:block}
  .c-crumbs{overflow-x:scroll;white-space:nowrap}
  .c-crumbs::-webkit-scrollbar{height:10px}
  .c-crumbs::-webkit-scrollbar-track{background-color:#fff}
  .c-crumbs::-webkit-scrollbar-thumb{background-color:rgba(238,238,238,.8)}
  .c-ttl_area{margin-bottom:40px;text-align:left}
  .c-ttl_area br{display:none}
.c-ttl01 .ja {
        font-size: 1.2rem;
    }
.en{font-size: 0.8rem;
    letter-spacing: .1rem;
    margin-top: 40px;}

.marine-wave{height:50px;margin-top:-25px;mask-size:500px auto;-webkit-mask-size:500px auto}}

svg.title-wave {
  height: 30vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
.container-title-wave {
  display: flex;
  justify-content: center;
  align-items: center;
  height:30vh;
}
.box-title-wave {
  position: absolute;
  z-index: 1;
}
/* news-枠 */
.article-intro-image {
  max-width: 100%;
  border: 1px solid #ccc;
}
/* topmovie */
.sppb-aqa{max-width:50%; flex-basis: 50%; text-aligin:left;float:right;}
.keyvisual-aua
{height:500px;position:relative;}
@media (max-width: 1490px) {
  .keyvisual-aua
{height:530px;position:relative;}
  }
.content-aqa{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;}
.movie-aua{
background: url(../../../images/admin/top/t-aquq.jpg) no-repeat center center;
background-size: cover;height: inherit;position: relative;overflow: hidden;}
.movie-video-aua{object-fit:cover;height:100%;}
/* 透明度table */
.table_marine{width:100%;} 
.marine-time{
	/* overflow-x: auto; */
-webkit-overflow-scrolling: touch;
}
.table_marine table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.table_marine th, td {
 vertical-align: middle;
  padding:10px;
  border-left: 1px Solid #bdbbb1;
  border-bottom: 1px solid #bdbbb1;
color: #2b2b2b;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
}
.table_marine th {
  background: #000;
}
.table_marine td.time2 {
background: #efe091;
  border-right: solid 1px #ccad05;
  color: #1157c5;
  padding: 7px 5px;
  text-align: center;
  font-size: 18px;
  min-width: 130px;
  font-weight: 900;
  border-left: solid 1px #bdbbb1;
  border-top: solid 1px #bdbbb1;
}
.table_marine td.rank {border: solid 1px #bdbbb1;
 padding: 5px;
  background-color: #fff;
 border-right: solid 1px #bdbbb1;
  border-left: solid 1px #bdbbb1;
}
.table_marine td.biko2 {
  padding: 10px;
  background-color: #fff;
  color: #d82e64;
  font-weight: 900;
  border-right: solid 1px #bdbbb1;
  border-left: solid 1px #bdbbb1;
  border-bottom: solid 1px #bdbbb1;
}
.table_marine td {
  background: #fff;
}
.sticky{
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;min-width:130px;font-size: 18px;
}
.sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  background:#EEF0F0;
  z-index: -1;
}
.sticky-tt {
  position: sticky;
  top: 0;
  left: 0;
  background: none;
  border-left: none;
  border-right: none;min-width:130px;font-size: 18px;border-top: 1px solid #bdbbb1;
}
.sticky-tt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  background:#5f6265;
  z-index: -1;
}

/* 文字の上に点 */

.dot-text{
  position: relative;
}
.dot-text::before{
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  padding-top: 10px;
  background: radial-gradient(circle 7px,#f2d94f 50%,transparent 50%);}

@media (max-width: 685px) {
.marine-time{
	overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
  
}
@media (max-width: 480px) {
.marine-time{
	overflow-x: auto;
	width:400px;
  -webkit-overflow-scrolling: touch;margin: 0 auto;
}
.m-time {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}  
}
@media (max-width: 1180px) {
#column-id-94c08805-bb64-49f4-9362-92323a5a408d {
  border-radius: 0px;
  margin-left: -70px;transition: 1.5s ease-in-out;
}
  }

@media (max-width: 685px) {

#column-id-94c08805-bb64-49f4-9362-92323a5a408d {
  border-radius: 0px;
  margin-left: 0px;transition: 1.5s ease-in-out;
}
  }

.fukidashi01 {
 position: absolute;
  transition: 1.5s ease-in-out;
  left: 250px;
  width: 170px;
}

@media (max-width: 991.98px) {

.fukidashi01 {
 top: -70px;
  position: absolute;
  left: 100px;transition: 1.5s ease-in-out;
}
  }
/*透明度*/
.tbl-r03 {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
margin: 30px auto 40px;width:100%;
}
.tbl-r03 th{
  background: #1d4b7c;
  border: solid 1px #193c70;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.tbl-r03 th.time{
  background: #efe091;
  border: solid 1px #bababa;
  color: #1157c5;
  padding: 7px 5px;
  text-align: center;
  font-size: 18px;
}
.tbl-r03 td{
  border: solid 1px #ccc;
  padding: 5px;background-color: #fff;
}
.tbl-r03 td.biko{
  border: solid 1px #ccc;
  padding: 10px;background-color: #fff;color:#d82e64;
}

.small-f {
  font-size: 12px;
 line-height: 150%;
  display: block;
}


.fish{margin:0 auto;padding-top:5px;width: 50%;}
@media screen and (max-width: 640px) {
  .table_marine {
  width: 75%;margin: 0 auto;
}
.table_marine th, td {
 vertical-align: middle;
    padding: 5px;
    border-left: 1px Solid #bdbbb1;
    border-bottom: 1px solid #bdbbb1;
    color: #3d8bef;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}
 .tbl-r03 {
  margin: 0 auto 0 35px;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    border-left: none;
    display: block;
    height: 80px;
  }
  .tbl-r03 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .tbl-r03 tbody tr {
   
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
  .tbl-r03 th{padding-top:15px}

 }

/*満潮時刻*/
#column-id-86e841d4-62b1-4ed4-b720-2308eb56e0cc {
  box-shadow: 0 0 0 0 #FFFFFF;min-width: 240px;
}
/*干潮時刻*/
#column-id-bf53c3ba-218d-42c6-93ed-73b224ceec92 {
  box-shadow: 0 0 0 0 #FFFFFF;min-width: 240px;
}
/*お天気*/
#column-id-9aad1ad9-1c4d-43bb-8654-0d6133340a99 {
  box-shadow: 0 0 0 0 #FFFFFF;
 min-width: 246.5px;
}
/*潮 位*/
#column-id-71b2572a-19e2-4ab8-a740-7a2cd9fba42b {
  box-shadow: 0 0 0 0 #FFFFFF;min-width: 160px;
}
/*お天気等の色*/
#sppb-addon-1a6312cb-d2ca-46d3-80b8-0c66f62c9105 .sppb-feature-box-title{
color: #4b9aff;
font-weight: bold;}
#sppb-addon-2744c5b6-764d-4112-a05b-24f3f2ba9575 .sppb-feature-box-title {
  color: #4b9aff;
  font-weight: bold;
}
#sppb-addon-a1737401-f392-4f3a-8429-b0ee9150ca0c .sppb-feature-box-title {
  color: #4b9aff;
  font-weight: bold;
}
#sppb-addon-fb1db061-34e3-4d37-97a2-3793361ec40e .sppb-feature-box-title{
color: #4b9aff;
font-weight: bold;}
#sppb-addon-b701c277-94cf-4e00-8570-c130471eb684 .sppb-feature-box-title{
color: #4b9aff;
font-weight: bold;}
#sppb-addon-e0c49658-42f9-4083-8ab9-7bf74d5e9720 .sppb-feature-box-title{
color: #4b9aff;
font-weight: bold;}
#sppb-addon-c2cc2f51-b60e-4437-8d35-2def449fd974 .sppb-feature-box-title {
color: #4b9aff;
font-weight: bold;}
#sppb-addon-2e26b8e5-4a7b-439c-acf6-798935ec5b20 .sppb-feature-box-title {
color: #4b9aff;
font-weight: bold;}

#column-id-11560073-a0fd-40f0-a1a7-55a71a218044 {
  width: 230px;
  height: 230px;width: 230px;
  height: 230px;
  margin-top: -50px;
  margin-bottom: 44px;}

#column-id-faaba229-7e34-4fc9-86a6-cc7509b3ba05 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-radius: 500px;
  box-shadow: 0 0 0 0 #FFFFFF;
  border-width: 6px;
  border-color: #5A9FF8;
  border-style: solid;
  width: 240px;
  margin: -100px 20px 41px auto;
  height: 240px;
}

#column-id-7f9fca17-646a-4e55-bfaf-88641d15ce06
{width: 240px !important;}
@media screen and (max-width: 1060px) {
#column-id-11560073-a0fd-40f0-a1a7-55a71a218044 {
  width: 230px;
  height: 230px;
  margin-top: -260px;
  margin-bottom: 44px;
}
  
#column-id-faaba229-7e34-4fc9-86a6-cc7509b3ba05 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-radius: 500px;
  box-shadow: 0 0 0 0 #FFFFFF;
  border-width: 6px;
  border-color: #5A9FF8;
  border-style: solid;
  width: 230px;
  margin: -30px auto 10px auto;
  height: 230px;
}
  }

/*吹き出し*/
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}
/*レイアウト用円 日付*/
h2.data-design{margin-top: 5px;
  font-family: "Lato",Helvetica,Arial,メイリオ,Meiryo,sans-serif !important;
  color: #263e81;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02rem;
  text-align: center;
  padding-top: 10px;
}
.data-design{
 color: #1083c2;
  font-size: 1em;
}
.data-design-day {
color: #263e81;
  font-size: 1em;
}
.boat-text{font-size: 1.3em;
  color: #263e81;
  font-weight: bold;
  letter-spacing: 10%;}
.boat-text2{font-size: 1.4em;
  color: #1083c2;
  font-weight: bold;
  margin-top: 13px;
  margin-bottom: 10px;}
.boat-text2 i.mark-top {
  font-size: 2.6rem;
  margin: 8px 3px 0 0;
}


/*レイアウト用CSS*/
.layout{
  width:200px;
  height:200px;
  background-color:red;
}
/*アニメーション用CSS*/
.updown{
  /* アニメーションの名前 */
  animation-name:UpDown;
  /* アニメーションの１回分の長さ */
  animation-duration: 1.5s;
  /* アニメーションの回数 */
  animation-iteration-count: infinite;
  /* アニメーションの進行具合 */
  animation-timing-function: ease-in-out;
  /* アニメーション再生の向き */
  animation-direction: alternate;
}
  /* アニメーションの設定 */
@keyframes UpDown{
  /* 開始地点 */
  0%{
  /* Y軸0px */
  transform: translateY(0);
  }
  /* 終了地点 */
  100%{
  /* Y軸50px */
  transform: translateY(50px);
  }
}

/* アニメーションの設定2 */
.fuwafuwa {
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  background: url(../../../images/admin/top/kamome01.png) no-repeat center center / 60px auto;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 70px;
  height: 70px;
  margin-top: 0px;
}
.fuwafuwa2 {
 animation: fuwafuwa 3s ease-in-out infinite alternate;
  background: url(../../../images/admin/top/ani-m3.png) no-repeat center center / 150px auto;
    background-size: 150px;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 200px;
  height: 100px;
  margin-top: -44px;
  margin-left: -170px;
  background-size: 35%;
}
@media screen and (max-width: 1124px) {
.fuwafuwa2 {
 animation: fuwafuwa 3s ease-in-out infinite alternate;
    background: url(../../../images/admin/top/ani-m3.png) no-repeat center center / 130px auto;
    display: inline-block;
    transition: 1.5s ease-in-out;
    width: 130px;
    height: 100px;
    margin-top: -80px;
    float: right;
    margin-bottom: 85px;
}
  }
  
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}

.fish-bk-1 {
 top: 0px;
  margin-left: 330px;
  background-image: url(../../../images/admin/top/fish-a.png);
 
  background-size:75px 35px;
  width: 75px;
  height: 35px;
  animation:fish-bk 4s linear .1s infinite normal;
}

.fish-bk-1, .fish-bk-2, .fish-bk-3, .fish-bk-4{
display: block;
  position: absolute;  will-change: transform;
}

.fish-bk-2 {
top: 10px;
  left: 400px;
  background-image: url(../../../images/admin/top/fish-b.png);
  background-size: 73px 33px;
  width: 75px;
  height: 33px;
  animation: fish-bk 4s linear .4s infinite normal;}

.fish-bk-3 {
 top: -50px;
  left: 250.3px;
  background-image: url(../../../images/admin/top/fish-d.png);
  background-size: 55px 20px;
  width: 55px;
  height: 20px;
  animation: fish-bk 5s linear -0.51s infinite normal;
}
.fish-bk-4 {
top: -60px;
  left: 300px;
  background-image: url(../../../images/admin/top/fish-e.png);
  background-size: 55px 20px;
  width: 55px;
  height: 20px;
  animation: fish-bk 4.5s linear -0.75s infinite normal;
}

@keyframes fish-bk{0%{opacity:0;transform:translate(80px, 80px)}10%{opacity:0;transform:translate(80px, 80px)}30%{opacity:1;transform:translate(30px, 30px)}70%{opacity:1;transform:translate(-30px, -30px)}90%{opacity:0;transform:translate(-80px, -80px)}100%{opacity:0;transform:translate(-80px, -80px)}}


 /* 右側ご予約 */
.remodal {
  position: relative;
  padding: 25px;
}

.remodal img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

  .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  width: 150px !important;
}
.remodal-cancel:hover {
  background: #333;
}

/* main-top-bk */
.top-text {
    /* インラインsvgで入れる方法と同じ */
}

.sp-page-builder .page-content #section-id-d246bb99-69ca-4aef-955d-9fb2289e7a7e{
background-repeat: no-repeat;
background-image: url('../../../images/admin/top/wave03.svg');background-position: bottom 0px right;animation: stamp-star-move 0.8s linear 0s infinite alternate;
}

@media screen and (min-width: 768px) {
.sp-page-builder .page-content #section-id-d246bb99-69ca-4aef-955d-9fb2289e7a7e{
  background-image: url('../../../images/admin/top/wave03.svg');background-position: bottom 0px right;
    }
}

#sp-top-bar .logo {
  display: inline-flex;
  margin: 0 0 0 -15px !important;
  align-items: center;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  text-decoration: none;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}

.sp-megamenu-parent > li > a {
  color: #1dacbc !important;
}
/* main-menu-home */
.sp-megamenu-parent > li.menu-home a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/home.png) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 40px 40px;
}
.sp-megamenu-parent > li.menu-home a:hover { url(../../../images/admin/menu/home.png) no-repeat center 12px;  background-size: auto;background-size: 40px 40px;}
/* main-menu-home営業時間 */
.sp-megamenu-parent > li.menu-time a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/access.png) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 40px 40px;
}
.sp-megamenu-parent > li.menu-time a:hover { url(../../../images/admin/menu/access.png) no-repeat center 12px;  background-size: auto;background-size: 40px 40px;}

/* main-menu-aqa水族館 */
.sp-megamenu-parent > li.menu-aqa a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/aquarium5.png) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 55px 33.6px;
}
.sp-megamenu-parent > li.menu-aqa a:hover { url(../../../images/admin/menu/aquarium5.png) no-repeat center 12px;  background-size: auto;background-size: 55px 33.6px;}
/* main-menu-future未来 */
.sp-megamenu-parent > li.menu-future a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/future2.svg) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 52px 41px;
}
.sp-megamenu-parent > li.menu-future a:hover { url(../../../images/admin/menu/future2.svg) no-repeat center 12px;  background-size: auto;background-size: 52px 41px;}

/* main-menu-marine */
.sp-megamenu-parent > li.menu-marine a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/m-marine7.png) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 55px 29px;
}
.sp-megamenu-parent > li.menu-marine a:hover { url(../../../images/admin/menu/m-marine7.png) no-repeat center 12px;  background-size: auto;background-size: 55px 29px;}
/* main-menu-activity */
.sp-megamenu-parent > li.menu-activity a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/hire.png) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 44px 44px;
}
.sp-megamenu-parent > li.menu-activity a:hover { url(../../../images/admin/menu/hire.png) no-repeat center 12px;  background-size: auto;background-size: 44px 44px;}

/* main-menu-時間費用 */
.sp-megamenu-parent > li.menu-info a {
  display: inline-block;
  position: relative;
   background: url(../../../images/admin/menu/info.svg) no-repeat center 12px;) no-repeat center 12px;
    background-size: auto;
  background-size: 44px 44px;
}
.sp-megamenu-parent > li.menu-info a:hover { url(../../../images/admin/menu/info.svg) no-repeat center 12px;  background-size: auto;background-size: 44px 44px;}

/* timer */
.sp-slider .sp-indicator-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 0px !important;
  z-index: 9;
  transform-style: preserve-3d;
  transition-property: transform,-webkit-transform,width;
  -webkit-transition-property: transform,-webkit-transform,width;
}
.header-wave {
 position: relative;
  text-align: center;
  /*background: url(../../../images/admin/top/aboutus-bk.jpg);*/
    background-size: auto;
  color: #333;
  background-blend-mode: color-burn;
  background-size: cover;margin-top: -300px;
}

.inner-header {
  height:15vh;
  width:100%;
  margin: 0;
  padding: 0;
}
.flex-wave { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:10vh;
  margin-bottom:20px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content-wave {
  position:relative;
  height:5.4vh;
  text-align:center;
  background-color: white;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
   
 .waves {
    height: 70px;
    min-height: 41px;
  }
  .content-wave {
    height:5vh;margin-bottom: -20px;
  }
  h1.wave {
    font-size:24px;
  }
}

.photo-l-top{float: left;
  margin-right: 30px;
  margin-top: 9px;
  margin-left: -30px;}
.photo-l-top::after {
  display: block;
  position: absolute;
  bottom: 0.3em;
  left: 0.3em;
  border-top: 1em solid #85121200;
  border-left: 1em solid #5a9ff8;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  content: "";
}
@media screen and (max-width: 750px) {
  .photo-l-top{float: none;
 margin:10px auto !important;display:block;
  margin-top: 9px;
 }
}

.type-big2 {
  text-align: left;
  color: #ffe830;
  font-size: 2.2rem;
  vertical-align: -2%;
 
}
.dhdt {
  padding: 2em 1em 0.1em 1em;
  background: none;
  text-align:left;font-size:17px;font-weight:700;
  position: relative;
}

.course-item {
  --course-color: #88d7ba;
}
.course-item.morning {
  --course-color:#f2a8bf;
}

.course-block {
  margin: min(17.9487179487vw, 140px) 0;
}

.course-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: min(89.7435897436vw, 1084px);
  margin: auto;
}
@media screen and (min-width: 640px) {
  .course-container {
    gap: 2.9465930018%;
  }
}
.course-container.js-anime.action .course-item {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.course-container.js-anime .course-item {
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  opacity: 0;
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
}
.course-container.js-anime .course-item:last-child {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.course-item {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .course-item {
    width: 48.5239852399%;
  }
}
.course-item + .course-item {
  margin-top: 12.8205128205vw;
}
@media screen and (min-width: 640px) {
  .course-item + .course-item {
    margin: 0;
  }
}
@media screen and (min-width: 640px) {
  .course-item:nth-child(even) a {
    margin: 0 auto 0 0;
  }
}
.course-item:nth-child(even) .course-info {
  right: 0;
  left: auto;
}
.course-item:nth-child(even) .course-title {
  right: auto;
  left: 0;
}
@media screen and (min-width: 640px) {
  .course-item:nth-child(even) .course-title {
    right: 0;
    left: auto;
  }
}

.course-item.morning .title {
  width: 49.8571428571vw;
}
@media screen and (min-width: 640px) {
  .course-item.morning .title {
    width: 53.0418250951%;
  }
}
.course-item a {
  display: block;
  width: 85.7142857143%;
  margin: auto;
}
@media screen and (min-width: 640px) {
  .course-item a {
    width: 94.2965779468%;
    margin: 0 0 0 auto;
  }
}
.course-item a:hover .course-info {
  background: #fff;
  color: var(--course-color);
}
.course-item a:hover .course-info::after {
  border-right-color: var(--course-color);
}
.course-item a:hover .course-bg img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1) ;
}
.course-item .course-info {margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;

  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-8%);
          transform: translateY(-8%);
  padding: 6.4102564103vw 2.5641025641vw;
  background: var(--course-color);
  border: 2px solid var(--course-color);
  border-radius: 0.4em;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;

  letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
  .course-item .course-info {
    padding: 3% 3%;

  }
}
.course-item .course-info::after {
  display: block;
  position: absolute;
  bottom: 0.6em;
  right: 0.6em;
  border-top: 0.6em solid transparent;
  border-right: 0.6em solid #fff;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  content: "";
}
.course-item .course-info .vertical-write {
 
  text-orientation: upright;
}
.course-item .course-info .program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8em;
  font-size: clamp(1.1rem, 0.2493670886rem + 1.1075949367vw, 1.8rem);
  line-height: 1.4;
}
.course-item .course-info .large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 2em;
  font-size:1em;
}
.course-item .course-info .grade {
  width: 100%;
  margin-bottom: 1em;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  font-size: clamp(1.2rem, 0.4708860759rem + 0.9493670886vw, 1.8rem);
  text-align: center;
}
.course-item .course-bg {
  overflow: hidden;
}
.course-item .course-bg img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.course-item .course-title {
 position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  margin-bottom: 50px;
}
@media screen and (min-width: 640px) {
  .course-item .course-title {
   right: auto;
    left: 0;
    width: 70%;
    margin-bottom: 50px;
  }
}

.course-item .course-info .program {
  font-size: 15px;
  line-height: 1.4;
}

/* top-コース*/
.follow-block.js-anime.action .follow-list-title,
.follow-block.js-anime.action .follow-list {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.follow-block.js-anime .follow-list-title {
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.follow-block.js-anime .follow-list {
  -webkit-transition: 0.8s ease 0.6s;
  transition: 0.8s ease 0.6s;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

.follow-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(2.5rem, 0.6772151899rem + 2.3734177215vw, 4rem);
  text-align: center;
  line-height: 1;
}
.follow-list-title::before, .follow-list-title::after {
  display: block;
  width: 0;
  border-right: 4px dotted #95c7d5;
  height: 1.2em;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  content: "";
}
@media screen and (min-width: 640px) {
  .follow-list-title::before, .follow-list-title::after {
    border-width: 5px;
  }
}
.follow-list-title::before {
  margin-right: 0.5em;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.follow-list-title::after {
  margin-left: 0.5em;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.follow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 min(7.1428571429%, 40px);
  margin-top: min(7.6923076923vw, 50px);
}}



/* line */

.center-box-line{display: flex; justify-content: center;}

.list_menu4 a
{margin:
3px 5px 3px 0;
  padding:
4px 35px 3px 8px;
  background-color: #494949 !important;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  background:
url(../../../images/admin/top/topoff.png) 92% center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 15px 15px !important;
  transition:
.5s;
  display: inline-block;
  border-radius:20px;
  float: left;
}


.list_menu4 a:hover{color: #44bac9;
  background-color: #b7edfd !important;
  background: url(../../../images/admin/top/top-on.png) 98% center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 15px 15px !important;
  transition: .2s;
  font-weight: bold;}
.button-top a {
    background: #eee;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #333;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button-top a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button-top a:hover {
  background: #333;
  color: #FFF;
}
.button-top a:hover:after {
  right: 1.4rem;
}
/* 光のスタイル */
.btn-flash a {
  overflow: hidden;
}
.btn-flash a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
  transition: .5s;
}


/*top pop up*/
/* clearfixを記述 */
	.clearfix::after{
	   content: "";
	   clear: both;
	   display: block;
	}
.popup-img {
  cursor: pointer;
 float:left;
}
.popup-img img {
  height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */

}
.popup-img:hover img {
  transform: scale(1.05);/* 拡大 */
}

.img-pop{display: block;
  max-width: 100%;
  height: auto;
  margin-top: -155px;}

.menu-box{box-shadow: 2px 3px 4px 1px #A9ABAC;
  border-width: 2px;
  border-top: 1px solid #6B7A81;
    border-top-style: solid;
  border-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
  padding-top: 0px;
  background-color: #fff;
  border-bottom: 0px solid #8BCBE5;
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;}

/*背景ストライプ(ピンク)*/
.box3-8{
	padding:0.8em;/*内側余白*/
	background: repeating-linear-gradient(-45deg, #f5fab6 0 6px, #fff 6px 12px);
  margin-bottom:20px;border-bottom:0px solid #6B7A81;
}
/*タイトル付き（ラベルボックス）*/
.box5-2{
	background-color:#fff; /* ボックス背景色 */
	padding:1.8em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #b89dd2;/* ボックスの線 (太さ・種類・色)*/
}
.box5-2 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	font-weight:800;
	color: #666; /* タイトル文字色 */
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -8px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}


/*資料請求問合せ */

.fixedbanner__area {
  position: fixed;
  right: 0px;
 top: 25%;
  z-index:9000;
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
.fixedbanner {
  width: 50px;
  height: 190px;
  display: block;
  writing-mode: vertical-rl;
  writing-mode: tb-rl;
  box-sizing: border-box;
  transition: all 0.2s;
  border: solid 3px #fff;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
  .fixedbanner > p {
    line-height: 1.5;
  }
}

p.fixedbanner:hover {
  text-decoration: none;
  transition: all 0.2s;background-color: #3ab3ff;
}

.fixedbanner__bro {
  background-color: #EA7298;
  margin-bottom: 10px;  
}

.fixedbanner__oc {
  background-color: #5DDBAD;
}

.fixedbanner__bro:hover {
  background-color: #ee899c;
  transition: all 0.2s;
}
.fixedbanner__oc:hover {
  background-color: #ee899c;
  transition: all 0.2s;
}

.fixedbanner > p {
  margin: 0 auto;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;

  font-feature-settings: initial;
  line-height: initial;
}

.fixedbanner:hover > p {
  transition: all 0.2s;
}

.fixedbanner__bro > p {
  padding: 0 12px;
}

.fixedbanner__oc > p {
  padding: 0 12px;
}

.fixedbanner__area_sp {
  right: -1%;
  bottom: 2%;
}

.fixedbanner_sp {
  width: 36px;
  height: 150px;
  border: solid 2px #fff;
}

.fixedbanner_sp > p {
  padding: 0 11px 0 3px !important;
  font-size: 90%;
}

.fixedbanner__bro_sp {
  height: 90px;
}


.summary-wrapper {
  border: 2px dotted #ccc;
  padding: 30px;
  margin: 50px 0px;
}
#column-id-1533425016620 {
padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
}
@media (max-width: 991.98px) {
  #column-id-1533425016620 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
@media (max-width: 1199.98px) {
  #column-id-1533425016620 {
     padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
#column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
}
@media (max-width: 991.98px) {
  #column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}
@media (max-width: 1199.98px) {
  #column-id-9df7b2c1-f90f-42fc-a63a-159a93fac6b1 {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px!important;
    padding-left: 0px;
  }
}



/*フローティングバナー*/


.sppb-close {
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  opacity: 1 !important;
}
.banner {
    display: none;
    position: fixed;
    margin: 15px 20px;
    z-index: 5;
    bottom: 0;
    right: 0;
}
.banner a {
    text-decoration: none;
}

.banner-icon {
    color: #f8f8f8;
    font-size: 40px;
}

.banner-back {
    width: 820px;
    background-color: #fff;
    border-radius: 25px;margin-right: 60px;
}

.banner-top {
  padding: 22px 23px 0px 23px;
  border-radius: 5px 5px 0px 0px; background-color: #f03d5f;
 
}

.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffe9a7;
  opacity: 0.4;
  z-index: -1;
}
.Cross {
  background: radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffe9a7 20%, #ffe9a7 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#ffc107 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #ffc107 4px, #ffe9a7 4px) -2px 0;
background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
.banner-bottom {
  padding: 20px 0px 20px 0px;
  line-height: 1.6;
}

.banner-copy {
    font-size: 18px;
    position: relative;
}
.banner-copy::after {
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    content: '\f054';
    color: #006EB0;
    position: absolute;
    margin-top: 11px;
    top: 0;
    right: 18px;
}

.banner-bottom { padding: 10px 20px 10px 20px;
  line-height: 1.6;

}

.banner-body {
    width: 820px;
    background: #f8f8f8;
    color: #000000;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.95;
}


.banner-close {
  font-weight: bold;
  position: absolute;
  top: -17px;
  right: -9px;
  z-index: 99999;
  padding: 4px 8px !important;
  border: none;
  background-color: #fff !important;
  border-radius: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  margin-right: 60px;
  height: 30px;
}

@media screen and (max-width: 750px) {
    .banner {
        width: 100%;
        margin: 0px;
    }
    .banner-icon {
        font-size: 28px;
    }
    .banner-body {
        width: 100%;
        border-radius: 0px;
    }
    .banner-back {
        width: 100%;
        margin: 0px;
        border-radius: 0px;
    }
    .banner-top {
        padding: 5px;
        border-radius: 0px;
        background: -moz-linear-gradient(#006EB0 50%, #0AB0C7);
        background: -webkit-linear-gradient(#006EB0 50%, #0AB0C7);
        background: linear-gradient(#006EB0 50%, #0AB0C7);
    }
    .banner-bottom {
        padding: 10px 10px 18px 10px;
    }
    .banner-copy {
        font-size: 15px;
    }
    .banner-copy::after {
        font-size: 12px;
        margin-top: 1.4px;
        margin-left: 12px;
        top: initial;
        right: initial;
    }
    .banner-close {
        top: 8px;
        right: 15px;
    }
    .banner-copy-br {
        display: none;
    }
}





.heading09 {
font-size: 28px;
}

.heading09::before {
content: attr(data-en);
  display: block;
  color: #fff;
  font-size: 14px;
  padding-bottom: 15px;
}

.heading09::after {
	content: '';
  display: block;
  width: 40px;
  height: 1px;
  background-color: #fff;
  margin-top: 5px;
}

/***専門実践教育訓練給付制度***/
.hello {
  padding: 2em 1em 1.5em 1em;
  background: none;
  border: 1px solid #ccc;
  position: relative;
  margin-top: 30px;
}
.hello::after {
  background-color: #fef5c5;
  border: none;
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
ul.check {
  list-style-type: none;
  margin-left: 20px;
  font-size: 17px;
  font-weight: bold;
}
ul.check li.check-text {
  position: relative;
  line-height: 1.5;
}
ul.check li.check-text2 {
  position: relative;
  line-height: 1.5;
}
li.check-text::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe4a61;
  border-bottom: 3px solid #fe4a61;
  transform: rotate(-45deg);
}
li.check-text2::after {
  content: '';
  display: block;
  position: absolute;
  top: .9em;
  left: -1em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe4a61;
  border-bottom: 3px solid #fe4a61;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
ul.check { list-style-type: none;
  margin-left: 0px !important;
  font-size: 17px;
  font-weight: bold;
}
}

.balloon3 {
 position: relative;
  margin: 1.5em auto 0 auto;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #70a6ff;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 0;
}

.heading_h2 {
 padding: .65rem .65rem .45rem 0;
  color: #007fc4;
  font-size: 2rem;
  font-weight: normal;
  position: relative;
  border-top: 0px solid #007fc4;
  border-bottom: 2px solid #007fc4;
  background: unset;
  z-index: unset;
}
.heading_h2 ::after 
@media (max-width: 767px) {
  .heading_h2 {
  padding: .0rem .65rem .45rem 0;
    font-size: 1.3rem !important;
    margin: 0.5rem 0 0.5rem 0;font-weight: bold;
  }
}

.box2 {
    padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  color: #2d2d2d;

  border: solid 0px #5a5a5a;
  border-radius: 10px;
  text-align: left;
  line-height: 2em;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/***メッセージ***/
ol.voice  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.voice li.voice-t  {
  list-style: none;
list-style-position: outside;
  margin: 0;
  padding-left: 0.4em;
  padding-bottom: 10px;
}
ol.voice li.voice-t span {
  position: absolute;
  left: 0;
  margin: 0
}

.tdht_title {
  width: 50%;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  margin: 0 auto 30px;
  padding: 5px 10px;
  letter-spacing: .05em;
  background-color: #f69;
  color: #fff;
  border-radius: 50px;
}
.tdht_tokcho {
  margin-top:70px;
}
/***カリキュラム1年2年3年***/
@media (max-width: 1199.98px) {
  #column-wrap-id-0883eef5-da69-4798-b3c5-754407df0ade {
  max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
}
 #column-wrap-id-e4ec3035-b6d7-4ba0-99cc-3d76c417972a {
    max-width: 60% !important;
   flex-basis: fit-content !important;}
 /***2年***/ 
   #column-wrap-id-ea03488a-2ce1-4130-b303-d9be8465a8c8 {
    max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
    #column-wrap-id-f0af5cd3-3d97-4ceb-84fd-8e98c0a8c815 {
   max-width: 60% !important;
   flex-basis: fit-content !important;}
  /***3年***/  
    #column-wrap-id-4e8718a7-b63b-4966-a2e8-c1757da2d7d7 {
    max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
   #column-wrap-id-12312c58-895c-4a5f-be62-2405000be981 {
    max-width: 60% !important;
   flex-basis: fit-content !important;}
   /***年***/ 
#column-wrap-id-87e35bda-4ca3-4831-9c39-5f09f3122e2d {
   max-width: 33.333333% !important;
  flex-basis: 33.333333% !important;
  }
  #column-wrap-id-e757de74-3201-462d-9e2f-7bd89db614df {
  max-width: 60% !important;
   flex-basis: fit-content !important;}
  }
@media (max-width: 767.98px) {
    #column-wrap-id-0883eef5-da69-4798-b3c5-754407df0ade {
  max-width: 100% !important;
  flex-basis: 100% !important;
}
 #column-wrap-id-e4ec3035-b6d7-4ba0-99cc-3d76c417972a {
    max-width:100% !important;
  flex-basis: 100%; !important;}
  
#column-wrap-id-ea03488a-2ce1-4130-b303-d9be8465a8c8 {
  max-width: 100% !important;
  flex-basis: 100% !important;
  }
    #column-wrap-id-f0af5cd3-3d97-4ceb-84fd-8e98c0a8c815 {
  max-width: 100% !important;
  flex-basis: 100% !important;}

  #column-wrap-id-4e8718a7-b63b-4966-a2e8-c1757da2d7d7 {
   max-width: 100% !important;
  flex-basis: 100% !important;
  }
   #column-wrap-id-12312c58-895c-4a5f-be62-2405000be981 {
   max-width: 100% !important;
  flex-basis: 100% !important;}
  #column-wrap-id-87e35bda-4ca3-4831-9c39-5f09f3122e2d {
    max-width: 100% !important;
  flex-basis: 100% !important;
  }
  #column-wrap-id-e757de74-3201-462d-9e2f-7bd89db614df {
   max-width: 100% !important;
  flex-basis: 100% !important;
  }
 }


/***バナー画像***/
.single-image-b{margin-bottom:-1px;}
.banner-point-num {
z-index: 1;
  position: absolute;
  color: transparent;
  -webkit-text-stroke: 3px #fe4a61;
  font-family: "davis-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5rem;
  top: 1.9rem;
  left: 10px;
}
.banner-point-dt {
z-index: 1;
  position: absolute;
  color: transparent;
  -webkit-text-stroke: 3px #41c5db;
  font-family: "davis-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5rem;
  top: 1.9rem;
  left: 10px;
}
.sppb-addon-single-image.single-image-1 .sppb-addon-single-image-container {
  background-color: #fff !important;
}

.sppb-addon-single-image.single-image-1 .sppb-addon-single-image-container {
  background-color: none !important;
  position: absolute;
  content: '';
top: -1px;
  left: 20px;
  border-right: 1px solid #2e6cb1;
  border-bottom: 1px solid #2e6cb1;
}

/***カレンダー4月***/
@media (max-width: 1199.98px) {
  #sppb-addon-a2245e3a-1aa7-4f3c-bb7d-4af842b60eb0 .sppb-gallery img {
    width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー5月***/
@media (max-width: 1199.98px) {
  #sppb-addon-2814992b-3e45-4ffd-a2e7-9716321660bc .sppb-gallery img {
   width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー6月***/
@media (max-width: 1199.98px) {
  #sppb-addon-3900925a-b779-4b56-9b2e-8d7e7a3a539f .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー7月***/
@media (max-width: 1199.98px) {
  #sppb-addon-2bd4bf10-8959-4518-8428-31d4955d9794 .sppb-gallery img {
    width: 460px !important;
    height: 174px !important;
  }
}
@media (max-width: 600px)  {
  #sppb-addon-2bd4bf10-8959-4518-8428-31d4955d9794 .sppb-gallery img {
    width: 308px !important;
    height: 116px !important;
  }
}
/***カレンダー8月***/
@media (max-width: 1199.98px) {
  #sppb-addon-06885843-7b74-49a5-87e1-1dd2c181b129 .sppb-gallery img {
    width: 724px !important;
    height: 181px !important;
  }
}
@media (max-width: 600px)  {
   #sppb-addon-06885843-7b74-49a5-87e1-1dd2c181b129 .sppb-gallery img {
    width: 308px !important;
    height: 77px !important;
  }
}
/***カレンダー10月***/
@media (max-width: 1199.98px) {
  #sppb-addon-3d5ca7ac-f9d4-453c-8420-a860d69673c9 .sppb-gallery img {
   width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー9月***/
@media (max-width: 1199.98px) {
  #sppb-addon-de898885-fa55-4833-b099-6182f250118c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー11月***/
@media (max-width: 1199.98px) {
  #sppb-addon-d0c37528-edb8-4e69-a35c-5e254c65fe18 .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー12月***/
@media (max-width: 1199.98px) {
  #sppb-addon-70c14169-233c-4990-9ca1-e3f849e06f5c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー1月***/
@media (max-width: 1199.98px) {
  #sppb-addon-7543471a-a476-45d7-82f9-d7cf2a64fcb3 .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー2月***/
@media (max-width: 1199.98px) {
  #sppb-addon-1c64b1e9-782f-4b58-8fd8-abef8a04099c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー3月***/
@media (max-width: 1199.98px) {
  #sppb-addon-23dcfde9-0882-4eff-9782-ceb4f4b1885c .sppb-gallery img {
  width: 190px !important;
    height: 138px !important;
  }
}
/***カレンダー***/
.small-t{font-size:17px;}
ul.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.schedule{
	padding: 2em 1em 0.1em 1em;
	background: none;
	border:1px solid #ccc ;
	position: relative;
}
.schedule:after{
	background-color:#f9f1b5;
	border:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.hoshi {
  color: #1f9770;
  font-size: 17px;
}
.maru {
  color: #e8568d;
  font-size: 20px;
}
.shikaku {
  color: #5372e6;
  font-size: 20px;
}
.step-wrap5 {
 counter-reset: count;
 margin: 2em 0;
 position: relative;text-align: center;
}
.step-content5 {
 padding: 4em 0 2em;
 margin: 0;
 position: relative;counter-reset: number 4;
}
.step-content5::before {
 content: "";
 display: block;
 width: 70px;
 height: 70px;
 background: #6ab5a5;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: calc(50% - 27.5px);counter-reset: number 4;
}
.step-label5 {
color: #fff;
  font-weight: bold;
  font-size: 43px;
  position: absolute;
  top: 3px;
  left: calc(50% - 8px);
}

.step-title5 {
 font-weight: bold;
 font-size: 120%;
}
.step-title5::first-line {
 text-align: center;
}
.step-body5 {
 margin-top: 1.8em;
 padding: 0 0 1em;
 border-bottom: dotted 1px #808080;text-align: center;
}
/***ステップバーデザイン5***/

/***講義風景***/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
  margin: 0 0 0px !important;
  padding: 0 !important;
  font-size: 0px !important;
  line-height: 0px !important;
}
div.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  width: 0px!important;
  height: 0px!important;
  letter-spacing: !important;
  font-size: 0rem!important;
  padding: 0px!important;
  background-color: rgba(255,105,212,0.0) !important;
  color:rgba(255,105,212,0.0) !important;
  border-color: rgba(255,105,212,0.0) !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  display:inline !important;
  padding: 0 0 !important;
  margin:0 !important;
  font-size: 0 !important;
  letter-spacing:0 !important;
  line-height: 0 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: 0 0;
  color: rgba(255,105,212,0.0) !important;
  border: 1px solid rgba(255,105,212,0.0) !important;
  border-radius: 100px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: scale3d(0,0,0);
  transform: scale3d(0,0,0);
  -webkit-transition: all .4s;
  transition: all .4s;
}
div.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(0, 0, 0, 0.0) !important;
}


h3.flow {
font-size: 1.5rem;
  color: #404040;
  letter-spacing: 1px;
  padding: 0 0 2px 0;
  border-bottom: 2px solid #7c9b78;
  margin-bottom: 10px;
  margin-top: 28px;
  font-weight: 600;
}
ul.flow_list{
	list-style: none;
	padding: 0;
	margin-top:9px; text-align: left;
}
ul.flow_list li{
border: 5px solid #4eb135;
  border-radius: 10px;
  margin-top: 45px;
  padding: 4px 40px;
  position: relative;
  Min-height: 155px;
}
ul.flow_list li::after{bottom: -64px;
  color: #4eb135;
  content: "▼";
  font-size: 33px !important;
  left: 48%;
  position: absolute;
  padding: 25px;
 }
ul.flow_list li.last::after{
    content: "";
}

@media screen and (max-width: 599px) {
  ul.flow_list li{ border: 5px solid #1e9949;   
    border-radius: 10px;   
    margin-top: 35px;   
    padding: 4px 10px;   
    position: relative;  
    min-height: 155px;padding-bottom: 20px;
  }
   }

/*----ao資格-------------**/
.ao_catch {
  color: #1c8d9f;
  font-size: 17px;
  font-weight: 550;
  line-height: 1.667;margin-top: 0px;text-align:left;
}
@media screen and (max-width: 834px) {
  .ao_catch {
    font-size: 16px;

    line-height: 1.467;margin-top: 0px;
  }
}
.text-left-box-ao {
  text-align: left;
  display: block;
  margin: 20px 35px;
  font-weight: 500;
}
ul.top-ao {
  border: solid 0px #ffb03f;
  padding: 0 0.5em;
  position: relative;margin: 0 0 10px 0 !important; text-align: left;
}

ul.top-ao li.top-aoli {
line-height: 1.5;
  padding:
0.3em 0 0.2em 1.2em;
  list-style-type: none !important;
  font-size: 15px;
}

ul.top-ao li.top-aoli:before {
position: absolute;
  left: 0.9em;
  color: #226dca;
  font-family: "Font Awesome 5 Free";
  content: '\f14a';
}

ul.top-ao li.top-aoli:last-of-type {
  border-bottom: none;
}
/*----ao流れ-------------**/
 .sp-page-builder .page-content #section-id-e62e68cd-b042-455c-8fc5-b00d287b4480 {
    padding-top:0px !important;}
.container-ao {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column-ao {
  width: 100%;
}
h2.ao {
 position: relative;
  overflow: hidden;
  padding: 1.1rem 1.2rem 1rem 80px;
  border: 2px solid #fe4a61;
  font-size: 1.6rem;
  text-align: left;
  font-weight: bold;
  color: #443d3d;
}
h2.ao::before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 170px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #fe4a61;
}
h2.ao::after {
  content: "Point";
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;text-align: left;
}
h2.ao span.ao2 {
font-size: 2.2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 20px;
  padding-left: 11px;
  color: #fff;
}
/*----ao流れtext-------------**/


.ao_13 {
 background: #fffbe4;
  border-left: 10px dotted rgba(0,0,0,.1);
  box-shadow: 0 0 0 15px #fffbe4;
  padding: 0.7em 1em 0.4em 1.5em;
  text-align: left;
  font-weight: 520;font-size:16.5px
	}

.ao_13 span {
  border-bottom: solid 1px #BFBDAD;
  line-height: 2;
  padding-bottom: 3px;
}
.qa__paragraph {
 line-height: 2.5em;
}
@media screen and (max-width: 599px) {
  .ao_13 .qa__paragraph {
    font-size: 16px;
    width: 100%;
    text-align: left;
  }
}
/*----カリキュラム-------------**/
ul.cp-list {

  position: relative;
  text-align: left;
  padding-left: 1rem !important;
}

ul.cp-list li {
 line-height: 1.5;
  padding: 0.2em 0;
  list-style-type: none !important;
  border-bottom: 0px solid #b0b0b0;
  font-size: 13px;
}
ul.cp-list li.type-middle {
  text-align: left;
  color: #f34281;
  font-size: 1.5rem;
  vertical-align: 4%;
}

ul.cp-list li:before {
font-family: "Font Awesome 5 Free";
  content: '\f058';
  position: absolute;
  left: -0.2em;
  color:#5999e8;
  font-weight: bold;
}

/*----資格-------------**/
.cp_capabilities {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  background: #333;
  border-radius: 0 1em 1em 0;
  margin-right: 1em;
  padding: 5px 0 5px 1.1em;
  font-size:16px;
}
.cp_capabilities:before {
  position: absolute;
  content: '\002713';
  left: -1em;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  color: #fff;
  background:#ffa500;
  border: solid 3px #f8f9fa;
  border-radius: 50%;
  padding-top: 3px;
}
.type-middle2 {
  text-align: left;
  color: #f34281;
  font-size: 1rem;
  vertical-align: -2.5%;
}
.type-middle {
 color: #f34281;
  font-size: 1.5rem;
  vertical-align: 0%;
}

.text-left-box-pr{padding: 10px;
  text-align: left;
  color: #3a3c42;
  font-size: 16.5px;
  display: block;
  margin: 0px auto;
  font-weight: 500;
  line-height: 2;
}

.txt-space {
  width: 100%;
  padding-left: 0px;
}
 .item-title {
 padding: 10px 20px 10px;
  background: #5ddbad;
  color: #fff;
  margin-bottom: 30px;
  font-size: 17px;
  text-align: left;
  font-weight: bold;
}
.title-admissions {
  border: 0px solid #dc3545;
  margin-bottom: 5px;
  padding: 10px 8px;
  background-color: #dc3545;
}
.admissions-text {
  border-left: 4px solid #fff;
  display: block;
  padding: 6px 0 6px 6px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
}
/*----qa-------------**/
.sppb-addon-accordion .sppb-panel .sppb-panel-title {
  line-height: 1.85;
  font-size: 17px !important;
}

.small {
  font-size: 12px !important;
}

.list-style-3 ul, ul.list-style-3 {
  padding-left: 0 !important;
  list-style: none;
  margin: 0 30px;
}

.list-style-3 ul > li::before, ul.list-style-3 > li::before {
  content: "";
  display: inline-block;
  margin-right: 0px !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-indent: -1.2rem;

}



.text-left-box{text-align:left;display:bolck;width:100%;margin:0 40px;}
/*---------

table

----------------------------**/

/*--- table-style_block
----------------------------**/
 .table-style.type-scroll table{
width: 97%;}
.table-style table{
margin: .75em auto .8em;
}

.table-style table,
.table-style table th,
.table-style table td{
    border: 1px solid #bfbfbf;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-style table td,
.table-style table th{
    padding: .5em 1.5em;
    vertical-align: middle;
}
.table-style table td.size,
.table-style table th.size{
font-size:90%;
}

.table-style table th.emphasis,
.table-style table td.emphasis{
    background-color: rgba(255, 251, 219, 1);
}
.table-style table td.mark2{
padding: .75em 1em;     
  text-align: center;     
  font-size: 120%;     
  font-weight: bold;     
  font-family: "ゴシック";     
  color: #443a3a;
}
.table-style table td.size2{
font-size:90%;text-align:right;
}

.table-style table td small:not(.reception-hours),
.table-style table th small{
    font-size: 1.1rem;
}

.table-style table thead th,
.table-style table tbody th{
    text-align: center;
    background-color: #ededed;
}

.type-scroll_nav{
    display: inline-block;
    margin-top: 1em;
    position: relative;
}


@media not all and (min-width:768px){

.table-style table th,
.table-style table td{}

.table-style.type-block colgroup,
.table-style.type-block > table > thead{ display: none;}

.table-style.type-block > table{
border-left: none;
border-right: none;
 border-bottom: none;}

.table-style.type-block > table > thead td,
.table-style.type-block > table > tbody td,
.table-style.type-block > table > tbody th{ border-top: none;}

.table-style.type-block > table,
.table-style.type-block > table > tbody,
.table-style.type-block > table > thead > tr,
.table-style.type-block > table > tbody > tr,
.table-style.type-block > table > thead > tr > th,
.table-style.type-block > table > tbody > tr > th,
.table-style.type-block > table > tbody > tr > td{ display: block; width: 100%;}

.type-scroll_nav{ font-size: 0.8rem;
    text-align: left;
    display: block;}
.table-style.type-scroll{ overflow-x: scroll;}
.table-style.type-scroll table{ width: 100%; width: 100rem;}
.table-style table .type-scroll table{ width: max-content;}
}

@media (min-width:768px){

    .table-style table td,
    .table-style table th{ padding: .75em 1em;}
    .type-scroll_nav{ display: none;}
}



.sp_br {display: none;}
@media screen and (max-width: 960px) {
.sp_br {display: block;}
}


/*---------

list ul ol dl

----------------------------**/

/*--- circle & number & disc
----------------------------**/
ul.notes-list{list-style: none !important;}
.notes-list li{list-style: none !important;}
.notes-list li::before {
content: "" !important;
  display: inline-block;
  margin-right: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

}
ul.disc{ margin-left: 1em;}

ol.number,
ul.circle{ margin-left: 1.6em;}

ol.number li,
ul.disc li,
ul.circle li{ margin-bottom: .25em;}

ol.number > li{ list-style-type: decimal;}
ul.disc > li{ list-style-type: disc;}
ul.circle > li{ list-style-type: circle;}

.listindent{ margin-left: 1.6em;}

ol.number.indent,
ul.disc.indent,
ul.circle.indent{ margin-left: 2.4em;}


/*--- notes
----------------------------**/

.notes li,
.notes-list li{
    display: grid;
	grid-template-columns: auto 1fr;
    column-gap:.25em
}

@media not all and (min-width:768px){

    .notes,
    .notes-list li{ font-size: 1.1rem;}
}

@media (min-width:768px){
.notes,
.notes-list li{ }
}

/*--- check-mark
----------------------------**/

dl dt.check-mark,
ul.check-mark li{
    line-height: 1.5;
    padding-left: 2.4rem;
    margin: 0 1.2em 0.4em 0;
    position: relative;
}

dl dt.check-mark::before,
dl dt.check-mark::after,
ul.check-mark li::before,
ul.check-mark li::after{
    content: "";
    position: absolute;
}

dl dt.check-mark::before,
ul.check-mark li::before{
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #000;
    background-color: #FFF;
    top: .3rem;
    left: 0;
}

dl dt.check-mark::after,
ul.check-mark li::after{
    width: 1.4rem;
    height: .8rem;
    top: .2rem;
    left: .2rem;
    border-left: .1rem solid #000;
    border-bottom: .1rem solid #000;
    transform: rotate(-45deg);
}

@media (min-width:768px){

    ul.check-mark li::before,
    dl dt.check-mark::before{ top: .5rem;}

    ul.check-mark li::after,
    dl dt.check-mark::after{ top: .4rem;}
}

/*--- link-list
----------------------------**/

.link-list:not(:last-child){ margin-bottom: 1em;}
.link-list a{ color: #27a3cc; text-decoration: underline;}

/*--- dl
----------------------------**/

dl dt{ font-weight: bold;}
}





p.menu-space {  margin: -30px 0px 0px 0;display:block;float:none;}

.ut-clients-style-1 .sppb-addon-content {
  background-color: #F8A9B3 !important;
}

/* top3boxao */
#sppb-addon-1531576179433 .sppb-feature-box-title {
  letter-spacing: 0px;
  color: #00a8e9;
  font-weight: bold;
  text-align: center;
  display: block;
}
#sppb-addon-1531578103137 .sppb-feature-box-title {
  letter-spacing: 0px;
  color: #25c1ce;
  font-weight: bold;
  text-align: center;
  display: block;
}
#sppb-addon-1531578103134 .sppb-feature-box-title {
    letter-spacing: 0px;
  color: #FE4A61;
  font-weight: bold;
  text-align: center;
  display: block;
}

/* 100%title */
#sppb-addon-1531547094377 .sppb-progress-label {
  font-weight: 700;
  color: #FE4A61 !important;
}
#sppb-addon-c3cc4776-349f-4687-b197-af18ef8f962d .sppb-progress-label {
  font-weight: 700;
  color: #FE4A61 !important;
}
#sppb-addon-1531547094365 .sppb-progress-label {
  font-weight: 700;
  color: #3f9777;
}
#sppb-addon-474e0737-0760-453c-aafa-e853ebc49829 .sppb-progress-label {
  font-weight: 700; color: #3f9777;
}

.sp-page-builder .page-content #section-id-1531611927481 .sppb-section-title .sppb-title-heading {
  text-align: center;
  font-weight: bold !important;
}  
@media (max-width: 575.98px) {
  .sp-page-builder .page-content #section-id-1531611927481 {
    padding-top: 0px !important;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
  
/* menu-btn */


.btn-open, .btn-open:link, .btn-open:visited {
 padding: 13px 10px;
 border: 1px solid #62bb9a;
  color: #1b1928 !important;
  text-transform: uppercase;
  font-size: 15px !important;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
  margin-right: 25px;
  background-color: #82e3c1;
  font-weight: bold !important;
  }

.btn-open:hover, .btn-open:link:hover, .btn-open:visited:hover {
 background:#fdc7ce;
  border: 1px solid #fb96a3;
  color: #fefefe;
  border-radius: 30px;
}

.btn-open a {
  padding: 15px 30px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  margin: 20px auto;
}
@media (max-width: 768px) {
.table-style table td.data-l{text-align:center;}
}

/***topキャッチ***/
.study_box {
border:2px solid #708095;
 padding: 0 30px 10px;
  position: relative;
  text-align: center;
  margin-top: 0px;background-color: #fff;min-height: 245px;
}
.study_box a:hover{
 background-color: #fffed8;transition: 0.4s ease;
}
#digital .study_box {
	border: 2px solid #f03d5f;
}
@media screen and (max-width: 767px) {
.study_box {
	padding: 20px;
}
}
.study_box .study_box_title {
	position: relative;
  margin: 0 auto 30px;
    margin-top: 0px;
  padding: 10px 20px;
 font-weight: bold;
  background:#5a9ff8;
  color: #FFF;
  border-radius: 5px;
  display: inline-block;
  margin-top: -35px;
  top: -10px;
}
@media screen and (max-width: 767px) {
.study_box .study_box_title {
	font-size: 16px;
	display: block;
}
}
.study_box .study_box_title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50% , 100%);
	border: 15px solid transparent;
	border-top: 15px solid #5a9ff8;margin-bottom: 1px;
}
#digital .study_box .study_box_title {
	background: #f03d5f;
}
#digital .study_box .study_box_title:before {
	border-top: 15px solid #f03d5f;
}
.study_box .study_box_title_text {
	font-size: 16px;
  margin-bottom: 15px;
  font-weight: bold;
  margin-top: -10px;
  text-align: left;
}
@media screen and (max-width: 767px) {
.study_box .study_box_title_text {
	font-size: 14px;
}
}