@charset "UTF-8";
/* line 95, style.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  position: relative;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
/* line 118, style.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  box-sizing: border-box;
}

/* line 123, style.scss */
body {
  line-height: 1;
  width: 100%;
}

/* line 127, style.scss */
ol, ul {
  list-style: none;
}

/* line 130, style.scss */
blockquote, q {
  quotes: none;
}

/* line 133, style.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
th, td {
  font-size: 16px;
}

/* line 138, style.scss */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: #00897c;
  margin: 10px 0% 0;
}
@media screen and (min-width: 960px) {
  /* line 138, style.scss */
  table {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 152, style.scss */
th, td {
  padding: 10px;
  border: 1px solid #00897c;
  font-size: 16px;
}

/* line 153, style.scss */
th {
  background: #e5f3f1;
  text-align: left;
}

/* line 157, style.scss */
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* line 166, style.scss */
.cf {
  display: inline-block;
}

/* Hides from IE Mac \*/
/* line 169, style.scss */
* html .cf {
  height: 1%;
}

/* line 170, style.scss */
.cf {
  display: block;
}

/* End Hack */
@keyframes fade-in1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* CSS ここから */
/* line 218, style.scss */
body {
  font-family: "noto-sans-cjk-jp", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  line-height: 1;
}

/* line 224, style.scss */
a {
  color: #00897c;
}

/* line 229, style.scss */
input {
  padding: 10px 5px;
  width: 96%;
}

/* line 234, style.scss */
textarea {
  padding: 10px 5px;
  width: 96%;
}

/* line 239, style.scss */
p {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0px;
  color: #00897c;
}
@media screen and (max-width: 320px) {
  /* line 239, style.scss */
  p {
    padding: 10px 0px;
    line-height: 21px;
  }
}
@media screen and (min-width: 480px) {
  /* line 239, style.scss */
  p {
    padding: 10px 5px 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 239, style.scss */
  p {
    font-size: 16px;
  }
}
@media screen and (min-width: 960px) {
  /* line 239, style.scss */
  p {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 264, style.scss */
p.sub {
  line-height: 13px;
  font-size: 10px;
  padding: 0px;
  font-weight: 600;
  color: #00897c;
}

/* line 273, style.scss */
p.school_big {
  line-height: 32px;
  font-size: 30px;
  padding-top: 20px;
  font-weight: 600;
  color: #00897c;
}

/* line 282, style.scss */
p.newsdate {
  padding: 0px 0px;
  line-height: 21px;

}

p.blogdate {
  font-size:12px;
  padding: 0px 0px 40px;
  line-height: 21px;
    font-weight:400;
}

.blogContent p{
  font-size:16px;
  font-weight:500;
  line-height: 24px;
}

/* line 287, style.scss */
p.alertbox {
  border: 2px solid #F00;
  background-image: url(../../assets/img/alert_icon.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  color: #F00;
  padding: 10px 5px 10px 50px;
}

/* line 297, style.scss */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 10px;
  width: 100%;
  margin: 10px 0;
  color: #FFFFFF;
}

/* line 310, style.scss */
button a {
  color: #FFFFFF;
  text-decoration-line: none;
}
.fcontainer a.btnLink{ transition: 0.5s;}
.fcontainer a:hover img.imgBg{ opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;}

select.checkinputs {
  width:66px;
  height:40px;
  padding:0 0px;
}

select.checkinputs2 {
  width:50px;
  height:40px;
  padding:0 0px;
}

input.checkbuttom {
  width:100px;
}


/* line 317, style.scss */
.inq {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 10px;
  margin: 10px 0;
  color: #FFFFFF;
  padding: 16px 0;
  width: 100%;
  margin: 10px 0;
  font-size: 20px;
  background-color: #66b8b0;
}
@media screen and (min-width: 960px) {
  /* line 317, style.scss */
  .inq {
    width: 80%;
    margin: 10px 10%;
  }
}

/* line 339, style.scss */
h1 {
  height: 48px;
  line-height: 48px;
  font-size: 21px;
  display: block;
  color: #FFFFFF;
  text-indent: 80px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  /* line 339, style.scss */
  h1 {
    width: 98%;
      font-size: 19px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 480px) {
  /* line 339, style.scss */
  h1 {
    width: 480px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  /* line 339, style.scss */
  h1 {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  /* line 339, style.scss */
  h1 {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1366px) {
  /* line 339, style.scss */
  h1 {
    width: 1024px;
    margin: 0 auto;
  }
}

/* line 374, style.scss */
h2 {
  display: block;
  line-height: 42px;
  font-size: 22px;
  font-weight: 700;
  color: #00897c;
  padding: 18px 0;
}
@media screen and (max-width: 320px) {
  /* line 374, style.scss */
  h2 {
    padding: 18px 0px 0px;
  }
}
@media screen and (min-width: 480px) {
  /* line 374, style.scss */
  h2 {
    width: 480px;
    margin: 0 auto;
    padding: 18px 5px 0px;
  }
}
@media screen and (min-width: 768px) {
  /* line 374, style.scss */
  h2 {
    width: 100%;
    margin: 20px auto 0;
    padding: 0 0 0 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 374, style.scss */
  h2 {
    padding: 0 0 0 0;
    width: 76%;
    margin: 30px 12% 0;
  }
}
@media screen and (min-width: 1024px) {
  /* line 374, style.scss */
  h2 {
    font-size: 24px;
  }
}

/* line 406, style.scss */
h2.accessh2 {
  display: block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #00897c;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media screen and (min-width: 480px) {
  /* line 406, style.scss */
  h2.accessh2 {
    font-size: 22px;
    padding: 18px 5px 5px;
  }
}

@media screen and (min-width: 480px) {
  /* line 420, style.scss */
  h2.accessh2 br {
    display: none;
  }
}

/* line 427, style.scss */
h2.lessons {
  font-size: 18px;
}

/* line 432, style.scss */
h3 {
  line-height: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #00897c;
  margin-top: 16px;
  margin-bottom: 0px;
  padding: 0 0;
}
@media screen and (max-width: 320px) {
  /* line 432, style.scss */
  h3 {
    padding: 0 0 0 0;
  }
}
@media screen and (min-width: 480px) {
  /* line 432, style.scss */
  h3 {
    width: 100%;
    margin: 40px auto 0;
    padding: 0 0 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 432, style.scss */
  h3 {
    width: 100%;
    font-size: 21px;
    margin: 50px auto 0;
    padding: 0 0px 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 432, style.scss */
  h3 {
    width: 76%;
    margin: 50px 12% 0;
  }
}
@media screen and (min-width: 1024px) {
  /* line 432, style.scss */
  h3 {
    font-size: 24px;
  }
}


/* line 432, style.scss */

h4 {
  position: relative;
  padding: 30px 5px 10px 5px;
  color: #00897c;
    font-weight: 600;
    width: 76%;
    font-size: 170%;
    margin: 0 auto 20px auto;
}

h4:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #00897c, #00897c 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #00897c, #00897c 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  /* line 432, style.scss */
  h4 {
    width: 100%;
    font-size: 17px;
    margin: 50px auto 0;
    padding: 0 0 0 0;
  }
}
@media (max-width: 959px){
  /* line 432, style.scss */
  h4 {
    width: 100%!important;
    margin: 50px auto 20px auto!important;
    padding: 0 0 0 0;
  }
    .qaBg{ width: 100%!important;}
    .qaBg dt{ font-size: 130%!important;
    line-height: 1.3em;}
}
@media only screen and (max-width:1024px){
  /* line 432, style.scss */
  h4 {
    font-size: 19px;
    margin-bottom: 25px;
      width: 76%;
      margin: 0 auto;
  }
}

.subtitle_bg {
  background-color: #00897c;
  color:white;
  padding:8px;
  font-weight: 400;
}






/* line 239, style.scss */
ul.newsli {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0px;
  color: #00897c;
}
@media screen and (max-width: 320px) {
  /* line 239, style.scss */
  ul.newsli {
    padding: 10px 0px;
    line-height: 21px;
  }
}
@media screen and (min-width: 480px) {
  /* line 239, style.scss */
  ul.newsli {
    padding: 10px 5px 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 239, style.scss */
  ul.newsli {
    font-size: 16px;
  }
}
@media screen and (min-width: 960px) {
  /* line 239, style.scss */
  ul.newsli {
    width: 76%;
    margin: 10px 12% 0;
  }
}


ul.newsli li{
  color: #00897c;
  line-height: 1.6;
  margin:10px 0;
}

ul.newsli li.littlesmall {
 font-size:90%;
  margin:2px 0;
}

ul.newsli li.littlesmallred {
 font-size:90%;
  margin:2px 0;
    color:red;
}

ul.newsli li.littlesmallblue {
 font-size:90%;
  margin:2px 0;
    color:#4472c4;
}

ul.newsli li.littlebbig {
 font-size:18px;
  margin:2px 0;
}


.redbold {
  
  color:red;
}

.qaBg { width: 76%; margin: 0 auto; padding-top: 20px;}
.qaBg dt{
    background: #CAE9E3;
    padding: 15px 10px;
    margin-bottom: 15px;
    font-size: 150%;
    font-weight: 600;
    color: #00897c;
}
.qaBg dd{
    margin-bottom: 25px;
    font-size: 130%;
    line-height: 1.4em;
    color: #00897c;
    padding-left: 12px;
}



.pageArea {
  height:100px;
  padding-bottom:100px;
}

.pagination{
    clear: both;
    margin: 20px 0px 10px 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.pagination .nav-links{
    background: #f4f4f4;
    padding: 7px 10px;
    border: 1px solid #f1f1f1;
    margin: 0 1px;
}
.pagination .nav-links a{
    color: #fff !important;
    background: #00897c;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 7px 10px;
    margin: 0 1px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #00897c;
    text-decoration: none !important;
}




.snsArea ul {
    display: flex;
    flex-wrap: wrap;
}
.snsArea ul li {
    position: relative;
    overflow: hidden;
}

.snsArea .snsInsta{
    width: 100%;
    height: auto;
    background-size: 1760px 440px;
}
.snsArea .snsFc{
    width: 50%;
}
.snsArea .snsX{
    width: 50%; 
}
.snsArea .snsFc div{
    position: relative;
    background: #4CACA3;
    height: 250px;
    text-align: center;
}
.snsArea .snsX div{
    position: relative;
    background: #66B8B0;
    height: 250px;
    text-align: center;
}
.snsArea .snsFc img,
.snsArea .snsX img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.snsArea ul li a {
    display: block;
    transition: 0.5s;
    opacity: 1;
}
.snsArea ul li a:hover{
    opacity: 0.7;
}
.snsArea .snsInsta img{
      width: 100%;
  height: 440px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
    .snsArea .snsInsta img{
        height: 200px;
    }
    .snsArea .snsFc img, .snsArea .snsX img{
        width: 85%;
    }
    .snsArea .snsFc div{
        height: 150px;
    }
    .snsArea .snsX div{
        height: 150px;
    }
}

.post-thumbnail-large img{
    height: auto;
}
#blogBg{
    padding-top: 60px;
    padding-bottom: 60px;
}
#blogBg .entry-header .entry-float{
    width: 76%;
    margin: 10px auto 0 auto;
}
#blogBg .entry-header .entry-float a{
    text-decoration: none;
}

#blogBg .author-profile-name {
display: none;
}

.post-navigation{
    width: 74%;
    margin: 80px auto 0 auto;
    border: 1px solid #ccc;
}
.nav-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nav-previous,
.nav-next {
    height:80px;
    flex: 0 0 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media (min-width: 500px) {
    .nav-links {
        flex-direction: row;
        justify-content: space-between;
    }

.nav-previous,
.nav-next {
        flex: 0 0 17rem;
    }

}

div.nav-previous img{
        background-color: #ddd;
        float: left;
        margin: 0 20px 0 0;
        width: auto;
        height: 80px;
    }
div.nav-next img{
        background-color: #ddd;
        float: right;
        margin: 0 0 0 20px;
        width: auto;
        height: 80px;
    }
div.nav-next{
        text-align: right;
    }
.post-nav-title{

    padding-top: 20px;
    font-size: 14px;
    line-height: 1.5em;
}

a.navigationfix {
  display:block;

}

.attachment-thumbnail {
  z-index:3;
}


.entry-footer{ display: none;}

@media screen and (max-width: 767px) {
    .post-navigation{ width: 100%;}
    #blogBg .entry-header .entry-float{ width: 100%;}
    .nav-previous{ border-bottom: 1px solid #ccc;}
 
.nav-previous,
.nav-next {
    flex: 0 0 100%;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    }
    .nav-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    }
}


@media screen and (max-width: 960px) {
    .post-navigation{ width: 100%;}
    #blogBg .entry-header .entry-float{ width: 100%;}
    .nav-previous{ border-bottom: 1px solid #ccc;}
    .nav-links{ gap: 0px;}
}

/* line 469, style.scss */
.header_bg {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 52px;
  background-color: rgba(0, 64, 151, 0.9);
}

/* line 478, style.scss */
header.header {
  position: fixed;
  height: 52px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 100000;
  left: 50%;
  transform: translate(-50%, 0);
}

/* line 493, style.scss */
#logo {
  position: absolute;
  left: 10px;
  top: 14px;
  width: 217px;
  height: 20px;
  z-index: 10000000000;
}
@media screen and (max-width: 320px) {
  /* line 493, style.scss */
  #logo {
    width: 190px;
    top: 17px;
  }
}
@media screen and (min-width: 480px) {
  /* line 493, style.scss */
  #logo {
    width: 217px;
    top: 14px;
  }
}
@media screen and (min-width: 768px) {
  /* line 493, style.scss */
  #logo {
    position: relative;
    width: 217px;
    float: left;
  }
}

/* line 516, style.scss */
#logo img {
  width: 100%;
  margin: 0 0 0 0;
}

/* line 525, style.scss */
#access_menu {
  position: absolute;
  right: 40px;
  top: 0px;
  width: 48px;
  height: 46px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000000;
}
@media screen and (min-width: 768px) {
  /* line 525, style.scss */
  #access_menu {
    position: relative;
    float: right;
  }
}

/* line 542, style.scss */
#access_menu img {
  top: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 30px;
  margin: auto;
  position: absolute;
}

/* line 557, style.scss */
.access_pop {
  width: 100vw;
  height: 100vh;
  background-color: rgba(229, 243, 241, 0.9);
  top: 0px;
  left: 0;
  z-index: 100;
  position: fixed;
  display: none;
}

/* line 568, style.scss */
.access_info {
  width: 90%;
  height: 250px;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #FFF;
  border-radius: 10px;
  background-color: #00897c;
  text-align: center;
}
@media screen and (min-width: 768px) {
  /* line 568, style.scss */
  .access_info {
    width: 600px;
  }
}

/* line 590, style.scss */
.access_info p {
  color: #FFF;
}

/* line 595, style.scss */
.access_pop button a {
  color: #00897c;
}

/* line 602, style.scss */
.access_title {
  font-size: 15px;
  line-height: 17px;
  padding: 0 0 5px 0;
  font-weight: 800;
}

/* line 608, style.scss */
.accesstext {
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 0 0;
  text-align: left;
  font-weight: 100;
}

/* line 619, style.scss */
.access_btn {
  color: #00897c;
  position: relative;
  padding: 15px 0;
  font-weight: 600;
  background-color: #e5f3f1;
  font-size: 14px;
  cursor: pointer;
}

/* line 629, style.scss */
.access_btn a {
  text-decoration-line: none;
}

/* line 635, style.scss */
#menu_top {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 48px;
  height: 46px;
  z-index: 999999;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  background-image: url(../../assets/img/menu@2x.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;
}
@media screen and (min-width: 768px) {
  /* line 635, style.scss */
  #menu_top {
    position: relative;
    float: right;
    padding: 0 0 0 0;
    margin: 1px -50px 0 0;
  }
}

/* line 666, style.scss */
#menu_top img {
  top: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 26px;
  margin: auto;
  position: absolute;
}

/* line 709, style.scss */
.tcontainer {
  width: 100%;
  z-index: 0;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0px 0px 0px;
  position: relative;
}

/* line 743, style.scss */
.fcontainer {
  width: 100%;
  z-index: 0;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 10px 30px;
  position: relative;
}

#footernav .footBanner{
    width: 1024px;
    padding: 10px 0 30px;
    margin: 0 auto;
    overflow: hidden;
}
#footernav .footBanner ul{ width: 100%; display: block;}
#footernav .footBanner li{
    list-style: none;
    float: left;
    margin-right: 15px;
}
#footernav .footBanner li a:hover img{
    opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#footernav .footText{
    display: block;
    color: #fff;
    width: 1024px;
    margin: 0 auto 20px auto;
    font-size: 16px;
}
#footernav .footText a{ color: #fff; text-decoration: none;}
#footernav .footText a:hover{
    color: #fff;
    text-decoration: underline;
}


@media screen and (max-width: 767px) {
    #footernav .footBanner{
        width: 95%;
        margin: 0 auto;
        padding-bottom: 0;
    }
    #footernav .footBanner li img{
        width: 100%;
    }
    #footernav .footBanner li{
        margin-right: 5px;
        width: 49%;
    }
    #footernav .footBanner li:last-child{
        margin-right: 0;
    }
    
    #footernav .footText{
        width: 1024px;
        margin: 15px auto 15px auto;
    }
    
}
 

@media screen and (max-width: 320px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 300px;
    margin: 0 10px;
    padding: 0 main_margin 30px;
  }
    #footernav .footText{ margin-top: 20px;}
}
@media screen and (max-width: 480px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 480px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 460px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 100%;
    padding: 10px 10% 30px;
    margin: 0 auto;
  }
#footernav .footBanner{
    width: 100%;
    padding: 10px 10% 30px;
    margin: 0 auto;
    overflow: hidden;
}
}
@media (max-width: 959px){
#footernav .footText{
        width: 100%;
        margin: 0 auto;
       padding: 35px 10% 30px 10%;
    }  
    
}
@media screen and (min-width: 960px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 100%;
    padding: 10px 10% 30px;
    margin: 0 auto;
  }
#footernav .footBanner{
    width: 100%;
    padding: 10px 10% 30px;
    margin: 0 auto;
    overflow: hidden;
}
}
@media screen and (min-width: 1366px) {
  /* line 743, style.scss */
  .fcontainer {
    width: 1024px;
    padding: 10px 0 30px;
    margin: 0 auto;
  }
#footernav .footBanner{
    width: 1024px;
    padding: 10px 0 30px;
    margin: 0 auto;
    overflow: hidden;
}
    #footernav .footText{
        width: 1024px;
        margin: 0 auto 20px auto;
    }
}

/* line 787, style.scss */
.fcontainer img {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 320px) {
  /* line 787, style.scss */
  .fcontainer img {
    width: 100%;
    margin: 0px 0 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 787, style.scss */
  .fcontainer img.imgBg {
    width: 750px;
    margin: 10px 12% 0;
  } 
  .fcontainer img {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 825, style.scss */
nav#topnav {
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
  background-color: rgba(0, 64, 151, 0.9);
  margin-top: 52px;
  top: 0;
  z-index: 10;
  display: none;
  position: absolute;
}

/* line 849, style.scss */
nav#topnav ul li {
  position: relative;
  float: left;
  width: 100%;
  font-size: 32px;
  margin: 0;
  text-align: left;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
}

/* line 863, style.scss */
nav#topnav ul li.homeset {
  position: relative;
  float: left;
  width: 100%;
  font-size: 15px;
  margin: 10px 0;
  text-align: left;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

/* line 881, style.scss */
nav#topnav ul li.other {
  position: relative;
  float: left;
  width: 100%;
  font-size: 15px;
  margin: 0;
  text-align: left;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
}

/* line 897, style.scss */
nav#topnav ul li a {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  padding: 5px 5px;
  margin: 0;
  text-align: left;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 913, style.scss */
nav#topnav ul li.homemenu a {
  float: left;
  box-sizing: border-box;
  padding: 0px 0px;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: none;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 926, style.scss */
nav#topnav ul li ul {
  width: 60%;
  padding: 2px 0;
  float: right;
  text-shadow: none !important;
  visibility: visible;
}

/* line 935, style.scss */
nav#topnav ul li ul li.sub_li {
  width: 100%;
  float: left;
  padding: 5px 0;
  font-size: 15px;
  border-top: 0px solid #f1f1f1;
  border-top: 0px solid rgba(255, 255, 255, 0.25);
}
@media screen and (min-width: 960px) {
  /* line 935, style.scss */
  nav#topnav ul li ul li.sub_li {
    width: 50%;
  }
}

/* line 949, style.scss */
nav#topnav ul li ul li.sub_li a {
  font-size: 15px;
  border-top: 0px solid #f1f1f1;
  border-top: 0px solid rgba(255, 255, 255, 0.25);
}

/* line 966, style.scss */
nav#topnav .snsmenu a {
  padding: 5px 0;
  width: 30px;
  float: left;
  border-top: 0;
}

/* line 973, style.scss */
nav#footernav .snsmenu a {
  padding: 5px 0;
  width: 30px;
  float: left;
  border-top: 0;
}

/* line 981, style.scss */
nav#topnav .snsmenu a.snstitle {
  margin-right: 20px;
  padding-right: 20px;
}

/* line 986, style.scss */
nav#footernav .snsmenu a.snstitle {
  margin-right: 20px;
  padding-right: 20px;
}

/* line 992, style.scss */
nav ul li li a {
  width: 80%;
  padding: 0 10%;
  text-shadow: none !important;
  visibility: visible;
}

/* line 1002, style.scss */
nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

/* line 1007, style.scss */
nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

/* line 1012, style.scss */
nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

/* line 1017, style.scss */
nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

/* line 1024, style.scss */
.header-nav li {
  float: left;
  margin-left: 20px;
}

/* line 1029, style.scss */
.header-nav li a {
  text-decoration: none;
  font-size: 14px;
  color: #555555;
  font-weight: 900;
}

/* line 1036, style.scss */
header nav#topnav {
  float: right;
  margin-top: 25px;
}

/* line 1050, style.scss */
.mainimage {
  width: 100%;
  z-index: -1;
  height: 228px;
  margin: 0 auto;
  overflow: hidden;
  background-image: url(../../assets/img/big_img.png);
  background-size: 200%;
  background-position: center center;
}
@media screen and (min-width: 960px) {
  /* line 1050, style.scss */
  .mainimage {
    background-image: url(../../assets/img/big_img.png);
    background-size: 100%;
    background-position: center center;
  }
}

/* line 1067, style.scss */
#use.mainimage {
  background-position: 20% 50%;
}

/* line 1071, style.scss */
#rent.mainimage {
  background-position: 30% 60%;
}

/* line 1075, style.scss */
#guide.mainimage {
  background-position: 25% 55%;
}

/* line 1079, style.scss */
#skete.mainimage {
  background-position: 18% 70%;
}

/* line 1083, style.scss */
#faq.mainimage {
  background-position: 50% 50%;
}

/* line 1087, style.scss */
#access.mainimage {
  background-position: 55% 55%;
}

/* line 1107, style.scss */
#top_image {
  width: 100%;
  height: 100%;
  min-height: 568px;

/*    background-image: url(../../assets/img/top005_pc_bg.jpg);*/
}

/* line 1116, style.scss */
#imageSlide {
  　width: 100%;
  　height: 100%;
  　position: relative;
}

/* line 1122, style.scss */
#imageSlide img {
  　width: 100%;
  　height: 100%;
  　position: absolute;
  　top: 0;
  　left: 0;
  　z-index: 8;
}

/* line 1130, style.scss */
#imageSlide img.active {
  　z-index: 10;
}

/* line 1133, style.scss */
#imageSlide img.last-active {
  　z-index: 9;
}

.mainImg{
    background: url("../../assets/img/main-img2025.jpg") no-repeat center center;
    background-size: cover;
    height: 100%;
}

@media screen and (max-width: 767px) {
.mainImg{
    background: url("../../assets/img/main-img_sp2025.jpg") no-repeat center center;
    background-size: cover;
    height: 100%;
}
    
}


/* line 1138, style.scss */
.helotext {
  color: rgba(255, 255, 255, 0.95);
  position: absolute;
  right: 0px;
  bottom: 70px;
  text-align: right;
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -0.1;
}

/* line 1150, style.scss */
#toptitle {
  position: absolute;
  width: 70%;
  max-width: 400px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 20;
  height: auto;
  background-color: transparent;
}

/* line 1167, style.scss */
#toptitle img {
  width: 100%;
}

/* line 1173, style.scss */
#top_image p#mes {
  width: 100%;
  height: 40px;
  display: block;
  color: #FFF;
  font-size: 26px;
  line-height: 32px;
  position: absolute;
  top: 30%;
  z-index: 10;
  text-align: center;
  letter-spacing: 0.25em;
}

/* line 1192, style.scss */
#top_image p#mes2 {
  width: 100%;
  height: auto;
  display: block;
  color: #FFF;
  font-size: 26px;
  line-height: 32px;
  position: absolute;
  top: 36%;
  left: 32px;
  z-index: 10;
  text-align: center;
  letter-spacing: 0.25em;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
/* line 1238, style.scss */
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 12s linear 0s;
  animation: zoomUp 12s linear 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 1247, style.scss */
.slide-img {
  background-size: cover;
  overflow: hidden;
  background-position: center center;

  height: 1268px;
}

/* line 1254, style.scss */
.slide-img img {
  height: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

/* line 1264, style.scss */
.topfooter {
  width: 100%;
  height: auto;
  position: absolute;
  z-index:15;
}

/* line 1270, style.scss */
.topinfo {
  width: 100%;
  height: 68px;
  background-color: rgba(0, 64, 151, 0.8);
  z-index: 15;
  color: #FFF;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 768px) {
  /* line 1270, style.scss */
  .topinfo {
    width: 50%;
    float: left;
  }
}

/* line 1286, style.scss */
.today {
  width: 28%;
  color: #FFF;
  line-height: 12px;
  font-size: 14px;
  margin: 4px 0 0 0;
  float: left;
}

@media screen and (min-width: 480px) {
  /* line 1286, style.scss */
  .today {
    width: 40%;
    font-size: 17px;
    line-height:68px;
      margin: 0px 0 0 0;
  }
}

@media screen and (min-width: 480px) {
  /* line 1303, style.scss */
  .today br {
    display: none;
  }
}


@media screen and (min-width: 768px) {
  /* line 1286, style.scss */
  .today {
    width: 28%;
    font-size: 17px;
    line-height: 48px;
      margin: 0px 0 0 0;
  }
}










/* line 1311, style.scss */
.timeinfo {
  width: 70%;
  padding: 13px 0px 16px 14px;
  height: 68px;
  margin: 0 0 0 0;
  float: left;

}
  text-align: center;
}
@media screen and (min-width: 480px) {
  .timeinfo {
    width: 60%;
    padding: 13px 0px 16px 10px;
    height: 68px;
    margin: 0 0 0 0;
    float: left;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .timeinfo {
    width: 65%;
    padding: 13px 0px 16px 10px;
    height: 68px;
    margin: 0 0 0 0;
    float: left;
    text-align: center;
  }
}











/* line 1321, style.scss */
.linkinfo {
  padding: 0px 0px;
  width: 50%;
  height: 68px;
  float: left;
}

/* line 1328, style.scss */
.linkinfonews {
  display: none;
}

@media screen and (min-width: 600px) {
  .linkinfonews {
    padding: 0px 0px;
    width: 68px;
    height: 68px;
    right: 0;
    position: absolute;
    background-color: #4caca3;
  }
}
@media screen and (min-width: 768px) {
  /* line 1328, style.scss */
  .linkinfonews {
    display: none;
  }
}

/* line 1341, style.scss */
.linkinfonews a {
  padding: 14px 0px;
  width: 100%;
  height: 100%;
  line-height: 18px;
  display: block;
  color: #FFF;
  text-decoration-line: none;
  font-weight: 800;
  text-align: center;
}

/* line 1355, style.scss */
.linktitle {
  padding: 5px 0px;
  height: 34px;
  width: 100%;
  float: left;
  text-align: center;
  background-color: #4caca3;
}

/* line 1365, style.scss */
.linktitle a {
  text-decoration-line: none;
  color: #FFF;
  width: 100%;
  display: block;
}
















/* line 1373, style.scss */
.subset {
  background-color: #66b8b0;
}

/* line 1377, style.scss */
.topschool {
  width: 100%;
  height: 68px;
  background-color: rgba(0, 137, 124, 0.8);
  padding: 16px 10px 8px;
  z-index: 15;
}

@media screen and (min-width: 320px) {
  /* line 1377, style.scss */
  .topschool {
  padding: 16px 10px 4px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1377, style.scss */
  .topschool {
    width: 50%;
    float: left;
  }
}

/* line 1391, style.scss */
#schooltext p {
  position: absolute;
  top: 0;
  text-align: left;
  left: 0;
}



















/* line 1398, style.scss */
p.subtitle {
  font-size: 11px;
  color: #FFF;
  line-height: 12px;
  padding: 0 0px;
  margin: 0 0 0 0;
  text-align: left;
}

  p.conttitle {
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0 0 5px;
    width:100%;

  }

@media screen and (min-width: 320px) {
/* line 1407, style.scss */
  p.conttitle {
    padding: 0 0 0 0px;

  }
}



@media screen and (min-width: 375px) {
/* line 1407, style.scss */
  p.conttitle {
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0px;
    width:100%;

  }
}

@media screen and (min-width: 600px) {
  p.conttitle {
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0px;
    width:100%;

  }
}



/* line 1416, style.scss */
p.conttitle span {
  font-size: 16px;
}


p.subtitle_2 {
  font-size: 11px;
  color: #FFF;
  line-height: 12px;
  padding: 0 0px;
  margin: 0 0 0 0;
  text-align: left;
}




  p.conttitle_2 {
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0 0 5px;
    width:100%;

  }

@media screen and (min-width: 320px) {
/* line 1407, style.scss */
  p.conttitle_2 {
    padding: 0 0 0 0px;

  }
}



@media screen and (min-width: 375px) {
/* line 1407, style.scss */
  p.conttitle_2 {
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0px;
    width:100%;

  }
}

@media screen and (min-width: 600px) {
  p.conttitle_2 {
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0 0px;
    width:100%;

  }
}



/* line 1416, style.scss */
p.conttitle_2 span {
  font-size: 16px;
}






/* line 1421, style.scss */
img.fiximg {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* line 1426, style.scss */
img.story_width {
  width: 100%;
}
@media screen and (min-width: 480px) {
  /* line 1426, style.scss */
  img.story_width {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

/* line 1436, style.scss */
.box2 {
  width: 100%;
  padding: 0px;
  float: left;
}
@media screen and (min-width: 960px) {
  /* line 1436, style.scss */
  .box2 {
    width: 100%;
    padding: 20px;
    float: left;
  }
}

/* line 1448, style.scss */
.box {
  width: 100%;
  padding: 0px;
  float: left;
}
@media screen and (min-width: 960px) {
  /* line 1448, style.scss */
  .box {
    width: 50%;
    padding: 20px;
    float: left;
  }
}

/* line 1464, style.scss */
.titleAreaBG {
  height: 48px;
  margin-top: -48px;
  padding-top: 0px;
  background-color: rgba(0, 64, 151, 0.9);
  background-image: center center;
}

/* line 1472, style.scss */
.titleArea {
  height: 70px;
  margin-top: -48px;
  padding-top: 0px;
  background-image: center center;
}

/* line 1479, style.scss */
.maiko {
  position: absolute;
  top: -21px;
  left: 16px;
  width: 42px;
  height: 80px;
  display: block;
  background-image: url(../../assets/img/maiko@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1492, style.scss */
.icedance {
  position: absolute;
  top: -21px;
  left: 8px;
  width: 59px;
  height: 89px;
  display: block;
  background-image: url(../../assets/img/icedance@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1505, style.scss */
.samurai {
  position: absolute;
  top: -31px;
  left: 0px;
  width: 77px;
  height: 91px;
  display: block;
  background-image: url(../../assets/img/samurai@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1518, style.scss */
.figure {
  position: absolute;
  top: -31px;
  left: 2px;
  width: 62px;
  height: 85px;
  display: block;
  background-image: url(../../assets/img/figure@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1531, style.scss */
.kids {
  position: absolute;
  top: -15px;
  left: 14px;
  width: 48px;
  height: 72px;
  display: block;
  background-image: url(../../assets/img/kids@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1544, style.scss */
.cha {
  position: absolute;
  top: -24px;
  left: 5px;
  width: 56px;
  height: 87px;
  display: block;
  background-image: url(../../assets/img/cha@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1557, style.scss */
.kuma {
  position: absolute;
  top: -24px;
  left: 5px;
  width: 56px;
  height: 76px;
  display: block;
  background-image: url(../../assets/img/kuma@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1569, style.scss */
.balloon {
  position: absolute;
  top: -14px;
  left: 5px;
  width: 82px;
  height: 66px;
  display: block;
  background-image: url(../../assets/img/balloon@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1581, style.scss */
.speed {
  position: absolute;
  top: -14px;
  left: 5px;
  width: 87px;
  height: 76px;
  display: block;
  background-image: url(../../assets/img/speed@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1593, style.scss */
.soryo {
  position: absolute;
  top: -14px;
  left: -15px;
  width: 94px;
  height: 79px;
  display: block;
  background-image: url(../../assets/img/soryo@3x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 1623, style.scss */
#mainImg {
  margin: 0 auto;
  width: 680px;
  height: 510px;
  text-align: left;
  overflow: hidden;
  position: relative;
}

/* line 1632, style.scss */
#mainImg img {
  top: 0;
  left: 0;
  position: absolute;
}

/* line 1640, style.scss */
.tab {
  border-bottom: 5px solid #00897c;
}
@media screen and (max-width: 320px) {
  /* line 1640, style.scss */
  .tab {
    width: 100vw;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 1640, style.scss */
  .tab {
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* line 1659, style.scss */
.tab li {
  color: #FFF;
  font-size: 17px;
  width: 33.3333333333333%;
  float: left;
  margin: 0px 0 -1px 0;
  padding: 15px 0;
  background-color: #66b8b0;
  text-align: center;
  cursor: pointer;
  list-style: none;
  transition: .3s;
}
@media screen and (min-width: 1024px) {
  /* line 1659, style.scss */
  .tab li {
    padding: 20px 0;
  }
}

/* line 1676, style.scss */
.tab li.active {
  color: #fff;
  background: #00897c;
  cursor: auto;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  /* line 1676, style.scss */
  .tab li.active {
    padding: 20px 0;
  }
}

/* line 1687, style.scss */
.area div {
  display: none;
}

/* line 1691, style.scss */
.area div.show {
  display: block;
  padding-bottom: 50px;
}

/* line 1699, style.scss */
#playuse {
  margin-top: -22px;
}
@media screen and (min-width: 1024px) {
  /* line 1699, style.scss */
  #playuse {
    margin-top: 30px;
  }
}

/* line 1706, style.scss */
.rent1area div {
  display: none;
}

/* line 1709, style.scss */
.rent1area div.show {
  display: block;
  padding-bottom: 50px;
}

/* line 1732, style.scss */
.rent2area div {
  display: none;
}

/* line 1735, style.scss */
.rent2area div.show {
  display: block;
  padding-bottom: 50px;
}

/* line 1742, style.scss */
table.renttb {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background-color: #e5f3f1;
}
@media screen and (min-width: 960px) {
  /* line 1742, style.scss */
  table.renttb {
    width: 80%;
    margin: 0 auto;
  }
}

/* line 1754, style.scss */
table.renttb th, table.renttb td {
  width: 12%;
  text-align: center;
  border: solid 1px white;
  color: #00897c;
  padding: 5px 2px;
}
@media screen and (min-width: 960px) {
  /* line 1754, style.scss */
  table.renttb th, table.renttb td {
    padding: 10px 2px;
    font-size: 16px;
  }
}

/* line 1768, style.scss */
table.renttb th {
  background-color: #cce7e4;
  color: #00897c;
  text-align: center;
  border: solid 1px white;
  padding: 5px 2px;
}

/* line 1778, style.scss */
table.renttb th.days, table.renttb td.days {
  width: 8%;
  border: solid 1px white;
  color: #00897c;
}

/* line 1784, style.scss */
table.renttb td.final {
  background-color: #F00;
}

/* line 1789, style.scss */
table.renttb td.sch {
  background-color: #FF0;
}

/* line 1793, style.scss */
table.renttb td.offs {
  background-color: #CCC;
}

/* line 1797, style.scss */
table.renttb th.rwidth {
  width: 60px;
}
@media screen and (min-width: 960px) {
  /* line 1797, style.scss */
  table.renttb th.rwidth {
    width: 100px;
  }
}

/* line 1804, style.scss */
span.ads {
  width: 100%;
  display: block;
  padding: 10px;
  margin: 30px auto;
  border-radius: 20px;
  border: 2px solid #66b8b0;
  text-align: center;
  z-index: 10;
}
@media screen and (min-width: 960px) {
  /* line 1804, style.scss */
  span.ads {
    width: 80%;
    margin: 30px 10%;
  }
}

@media screen and (min-width: 960px) {
  /* line 1820, style.scss */
  span.ads p {
    width: 100%;
    margin: 10px 0%;
  }
}

/* line 1827, style.scss */
.ads_title {
  font-size: 21px;
  line-height: 29px;
  font-weight: 600;
  padding: 0 0 0 0;
}

/* line 1834, style.scss */
.maintext {
  font-size: 34px;
  line-height: 34px;
  padding: 0 0 0 0;
  font-weight: 600;
}

/* line 1840, style.scss */
.subtext {
  font-size: 17px;
  line-height: 24px;
  padding: 0 0 0 0;
  text-align: center;
  font-weight: 100;
}

/* line 1852, style.scss */
.downloadbox {
  margin-top: 5px;
  border: #66b8b0 solid 1px;
}
@media screen and (min-width: 960px) {
  /* line 1852, style.scss */
  .downloadbox {
    width: 80%;
    margin: 20px 10%;
  }
}

/* line 1863, style.scss */
.downloadbox h3 {
  background-color: #4caca3;
  color: #FFF;
  margin: 0 0 0 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-weight: 400;
  width: 100%;
}

/* line 1874, style.scss */
.downloadbox p {
  width: 50%;
  float: left;
  margin: 0 0 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  /* line 1874, style.scss */
  .downloadbox p {
    padding: 20px 0;
    font-size: 17px;
  }
}

/* line 1891, style.scss */
#newsa h2 {
  line-height: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* line 1897, style.scss */
.newsdata {
  width: 100%;
  font-size: 14px;
  display: block;
  color: #66b8b0;
  position: relative;
  line-height: 18px;
  text-decoration: none;
}

/* line 1912, style.scss */
.scheduleUL h3 {
  width: 100%;
  background-color: #00897c;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 1925, style.scss */
.scheduleUL ul li {
  padding: 12px 0;
  width: 100%;
  background-color: #e5f3f1;
  color: #00897c;
  text-indent: 15px;
}
@media screen and (min-width: 960px) {
  /* line 1925, style.scss */
  .scheduleUL ul li {
    width: 50%;
    float: left;
  }
}

/* line 1940, style.scss */
.scheduleUL ul li:nth-child(2n) {
  background-color: #cce7e4;
}

/* line 1952, style.scss */
#newslist ul li {
  padding: 12px 10px;
  width: 100vw;
    font-size: 15px;
  line-height: 24px;
  background-color: #e5f3f1;
  color: #00897c;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  /* line 1952, style.scss */
  #newslist ul li {
    width: 100%;
  }
}
@media screen and (min-width: 480px) {
  /* line 1952, style.scss */
  #newslist ul li {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  /* line 1952, style.scss */
  #newslist ul li {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 1976, style.scss */
#newslist ul li a {
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #00897c;
  display: inline-block;
  cursor: pointer;
}

/* line 1987, style.scss */
#newslist ul li a span.newsdata {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 15px;
  color: #4caca3;
  text-decoration: none;
}

/* line 1997, style.scss */
#newslist ul li:nth-child(2n) {
  background-color: #cce7e4;
}

/* line 2001, style.scss */
.news_article {
  font-size: 14px;
  margin: 20px 0px 10px 15px;
  float: left;
  text-align: left;
}

/* line 2008, style.scss */
.news_sns {
  font-size: 14px;
  margin: 20px 15px 0px 0px;
  float: right;
  text-align: center;
}

/* line 2017, style.scss */
.news_pagination {
  clear: both;
  margin: 20px 0px 10px 0px;
  float: left;
  width: 100%;
  text-align: center;
}

/* line 2025, style.scss */
.page-numbers.current {
  background: #f4f4f4;
  padding: 7px 10px;
  border: 1px solid #f1f1f1;
  margin: 0 1px;
}

/* line 2032, style.scss */
.news_pagination a, .news_pagination a {
  color: #fff !important;
  background: #00897c;
  border-radius: 2px;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 7px 10px;
  margin: 0 1px;
  display: inline-block;
  text-align: center;
  line-height: normal;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #00897c;
  text-decoration: none !important;
}


/* ブログ */
#bloglist {

}

.blogHeader h2{
  text-align: center;
  font-size: 32px;
  line-height: 0.8em;
  margin-bottom: 20px;
}
.blogHeader h2 span{
  font-size: 16px;
  font-weight: normal;
}


.blog{
  display: flex;
  align-items:stretch;
  justify-content:flex-start;
  width: 1024px;
  margin: 30px auto 25px auto;
  flex-wrap: wrap;
}
.blog .inner {
  padding: 15px 15px 25px 15px;
  color:  #00897c;
  margin:  10px;
  border: 1px solid #ccc;
  width: 31.33%;
  position: relative;
  aspect-ratio: 16/9;
}
.blog .inner img{
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.blogDay{
  display: block;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  line-height:24px;
  font-weight:500;
}
.blogTitle{
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight:500;
  padding-bottom: 5px;
  margin-bottom: 15px;
  line-height:24px;
  border-bottom: 1px solid #00897c;
}
.blogText{
  font-size: 14px;
  margin-bottom: 15px;
  line-height:24px;
  font-weight:500;
  
}
.blog .inner a{
  text-decoration: none;
  display: block;
  height: auto;
  transition: 0.5s;
  opacity: 1;
}
.blog .inner a:hover{
  opacity: 0.6;
}

.blog .inner p{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: block;
}

.blog .blogBtn{
  text-align: center;
  width: 30%;
  max-width:320px;
  margin: 30px auto 90px auto;
}
.blog .blogBtn a{
  background: #00897c;
  text-align: center;
  font-weight: 600;
  font-size: 130%;
  display: block;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
}

.blog .blogBtn a:hover{
  opacity: 0.6;
}


.blog .inners {
    padding: 15px 15px 25px 15px;
    color:  #00897c;
    margin:  10px;
    border: 1px solid #ccc;
    width: 31.33%;
    position: relative;
    aspect-ratio: 16/9;
}
.blog .inners img{
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.blog .inners a{
    text-decoration: none;
    display: block;
    height: auto;
    transition: 0.5s;
    opacity: 1;
}
.blog .inners a:hover{
    opacity: 0.6;
}

.blog .inners p{
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: block;
}
.blogBtn2{
  text-align: center;

  max-width:320px;
  margin: 30px auto 90px auto;
}
.blogBtn2 a{
  background: #00897c;
  text-align: center;
  font-weight: 600;
  font-size: 130%;
  display: block;
  max-width:320px;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
    margin: 30px auto 90px auto;
}

.blogBtn2 a:hover{
  opacity: 0.6;
}

.blogBtn3{
  text-align: center;

  max-width:320px;
  margin: 30px auto 0px auto;
}
.blogBtn3 a{
  background: #00897c;
  text-align: center;
  font-weight: 600;
  font-size: 130%;
  display: block;
  max-width:320px;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
    margin: 30px auto 0px auto;
}

.blogBtn3 a:hover{
  opacity: 0.6;
}


.blogIcon .new_post_icon{
  position: absolute;
  top: -196px;
  left: 0;
  background-color: #FF0000;
  padding: 5px 15px;
  color: #fff;
  display: block;
  z-index: 1;
}

@media screen and (max-width: 767px) {
    .blogBtn2 a{width: 60%;
}
}



@media screen and (max-width: 1080px) {
   .blog{ 

        display: flex;
  align-items:stretch;
  justify-content:flex-start;
  width: 780px;
  margin: 30px auto 25px auto;
  flex-wrap: wrap;
  
  }

.blog .inners {
    padding: 15px 15px 25px 15px;
    color:  #00897c;
    margin:  10px;
    border: 1px solid #ccc;
    width: 365px;
    position: relative;
    aspect-ratio: 16/9;


}
    #bloglist .inners{
        /* width: 100%; */
    }
   
}


@media screen and (max-width: 767px) {
     .blog{
   width: 375px;
 margin: 30px auto 25px auto;
     }
    .blog h2 {
    width: 100%;
        margin-bottom: 5px;
        font-size: 28px;
  }
    .blog .inner{
        width: 80%;
        margin: 0 auto 15px auto;
    }
    .blog .blogBtn{ width: 60%;}

.blog .inners {
    padding: 15px 15px 25px 15px;
    color:  #00897c;
    margin:  10px;
    border: 1px solid #ccc;
    width: 345px;
    position: relative;
    aspect-ratio: 16/9;


}
.blog .blogBtn{ width:90%;}

}


#blogBg .post-thumbnail-large img {
  height:376px;
  object-fit: cover;
}

@media screen and (max-width: 1367px) {
  #blogBg .post-thumbnail-large img {
  width:76%;
  margin:0 12%;
  max-width:778.234px;
  height:auto;
   aspect-ratio: 1035/500;
}
}
@media screen and (max-width: 960px) {
  #blogBg .post-thumbnail-large img {
  width:100%;
  margin:0 0%;
  max-width:767.22px;
  height:auto;
   aspect-ratio: 1035/500;
}
}





/* line 2056, style.scss */
footer {
  background-color: none;
  margin-top: 45px;
  padding-top: 30px;
  height: 100%;
}

/* line 2065, style.scss */
p#copy {
  width: 100%;
  text-align: center;
  height: 60px;
  font-size: 11px;
  color: #FFF;
  background-color: #00897c;
  padding: 30px 0 10px;
  position: relative;
  font-weight: 400;
  display: inline-block;
  margin: -10px 0 0 0;
  float: left;
}

/* line 2093, style.scss */
.no-select, h3 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 2104, style.scss */
.accordions {
  color: #FFFFFF;
  padding: 0 5px 30px;
}
@media screen and (min-width: 768px) {
  /* line 2104, style.scss */
  .accordions {
    padding: 0 10%;
  }
}
@media screen and (min-width: 1366px) {
  /* line 2104, style.scss */
  .accordions {
    padding: 0 0;
  }
}

/* line 2117, style.scss */
.accordions h3 {
  background-color: #4caca3;
  color: #FFFFFF;
  line-height: 26px;
  text-indent: 5px;
  width: auto;
  padding: 10px 5px;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 320px) {
  /* line 2117, style.scss */
  .accordions h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 960px) {
  /* line 2117, style.scss */
  .accordions h3 {
    width: 100%;
    margin: 0 0 0 0;
  }
}

/* line 2160, style.scss */
.accordions dl {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  /* line 2160, style.scss */
  .accordions dl {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 2173, style.scss */
.accordions dt {
  margin-top: 10px;
}

/* line 2183, style.scss */
.accordions dd {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
  padding-top: 0px;
}

/* line 2196, style.scss */
.accordions dt:nth-of-type(1) {
  animation-delay: 0.5s;
}

/* line 2199, style.scss */
.accordions dt:nth-of-type(2) {
  animation-delay: 0.75s;
}

/* line 2202, style.scss */
.accordions dt:nth-of-type(3) {
  animation-delay: 1s;
}

/* line 2205, style.scss */
.accordions dt:last-of-type {
  padding-bottom: 0;
}

/* line 2208, style.scss */
.accordions dd:nth-of-type(1) {
  animation-delay: 0.5s;
}

/* line 2211, style.scss */
.accordions dd:nth-of-type(2) {
  animation-delay: 0.75s;
}

/* line 2214, style.scss */
.accordions dd:nth-of-type(3) {
  animation-delay: 1s;
}

/* line 2217, style.scss */
.accordions dd:last-of-type {
  padding-bottom: 0;
}

/* line 2222, style.scss */
.accordions ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  /* line 2222, style.scss */
  .accordions ul {
    width: 76%;
    margin: 10px 12% 0;
  }
}

/* line 2234, style.scss */
.accordions ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 5px;
}

/* line 2247, style.scss */
.accordions ul li ul {
  list-style: none;
  padding: 5px 5px 10px;
  background-color: #e5f3f1;
  margin: 3px 0 0 0;
}
@media screen and (min-width: 960px) {
  /* line 2247, style.scss */
  .accordions ul li ul {
    width: 100%;
  }
}

/* line 2257, style.scss */
.accordions ul li ul li {
  position: relative;
  padding: 4px 3px;
  margin: 0;
  font-size: 13px;
  text-indent: 0px;
  color: #00897c;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
  /* line 2257, style.scss */
  .accordions ul li ul li {
    width: 100%;
  }
}

/* line 2271, style.scss */
.accordions p {
  position: relative;
  margin: 0px 0;
  font-weight: 500;
  background-color: #e5f3f1;
  padding: 12px 8px 12px;
}
@media screen and (min-width: 960px) {
  /* line 2271, style.scss */
  .accordions p {
    width: 100%;
    padding: 12px 8px 12px;
  }
}

/* line 2287, style.scss */
.accordions ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}

/* line 2290, style.scss */
.accordions ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}

/* line 2293, style.scss */
.accordions ul li:nth-of-type(3) {
  animation-delay: 1s;
}

/* line 2296, style.scss */
.accordions ul li:last-of-type {
  padding-bottom: 0;
}

/* line 2299, style.scss */
.accordions ul li i {
  position: absolute;
  z-index: 10;
  transform: translate(-6px, 0);
  margin-top: 20px;
  right: 16px;
}

/* line 2306, style.scss */
.accordions ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  width: 3px;
  height: 9px;
}

/* line 2314, style.scss */
.accordions ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}

/* line 2317, style.scss */
.accordions ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

/* line 2320, style.scss */
.accordions ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

/* line 2330, style.scss */
.accordions ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  padding: 0px 8px;
  transform: translate(0, 50%);
}

/* line 2342, style.scss */
.accordions ul li input[type=checkbox]:checked ~ ul {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  padding: 0;
  transform: translate(0, 50%);
}

/* line 2353, style.scss */
.accordions ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}

/* line 2356, style.scss */
.accordions ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

/* line 2362, style.scss */
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.25s ease-in-out;
}

/* line 2366, style.scss */
.flipIn, h1, ul li, dt, dd {
  animation: flipdown 0.5s ease both;
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
/* line 2403, style.scss */
.sub_li {
  padding: 0 0 0 0;
}

/* line 2407, style.scss */
.homeset {
  font-size: 15px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

/* line 2422, style.scss */
nav#footernav {
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  background-color: #00897c;
  margin-bottom: 0px;
  z-index: 1;
  display: block;
  position: relative;
    padding-top: 20px;
}

/* line 2437, style.scss */
p#footer-logo {
  margin: 30px auto 5px;
}

/* line 2442, style.scss */
nav#footernav ul li {
  position: relative;
  float: left;
  width: 25%;
  font-size: 32px;
  margin: 0;
  text-align: left;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
}

/* line 2456, style.scss */
nav#footernav ul li.homeset {
  position: relative;
  float: left;
  width: 100%;
  font-size: 15px;
  margin: 20px 0;
  text-align: left;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
	height: 50px;
}
nav#footernav ul li.homeset .homemenu{ float: left; margin-right: 15px;}
nav#footernav ul li.homeset .snsmenu{ float: left;}

/* line 2474, style.scss */
nav#footernav ul li.other {
  position: relative;
  float: left;
  width: 20%;
  font-size: 15px;
  margin: 0;
  text-align: left;
  color: #fff;
  padding: 5px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
}

/* line 2490, style.scss */
nav#footernav ul li a {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  padding: 5px 5px;
  margin: 0;
  text-align: left;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
font-weight: normal;
}

/* line 2506, style.scss */
nav#footernav ul li.homemenu a {
  float: left;
  box-sizing: border-box;
  padding: 0px 0px;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: none;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 2519, style.scss */
nav#footernav ul li ul {
  padding: 2px 0;
  text-shadow: none !important;
  visibility: visible;
    margin-top: 10px;
}

/* line 2528, style.scss */
nav#footernav ul li ul li.sub_li {
  width: 100%;
  float: left;
  padding: 5px 0;
  font-size: 15px;
  border-top: 0px solid #f1f1f1;
  border-top: 0px solid rgba(255, 255, 255, 0.25);
}

nav#footernav ul li ul li.sub_li a.arrow_s {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #fff;
  text-decoration: none;
    font-weight: normal;
}
nav#footernav ul li ul li.sub_li a.arrow_s:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}

@media screen and (max-width: 767px) {
    nav#footernav ul li{
        width: 100%;
        float: none;
		height: 20px;
    }
    nav#footernav ul li.other{
        width: 100%;
		min-height: 30px;
    }
    nav#footernav ul li div{
        clear: both;
        font-size: 21px;
        padding-top: 15px;
		margin-bottom: 20px;
    }
    nav#footernav ul li ul{
        padding-bottom: 15px;
    }
  nav#footernav ul li ul li.sub_li {
      width: 50%;
	  min-height: 35px;
	  margin-bottom: 10px;
	  line-height: 1.3em;
  }
}


/* line 2542, style.scss */
nav#footernav ul li ul li.sub_li a {
  font-size: 15px;
  border-top: 0px solid #f1f1f1;
  border-top: 0px solid rgba(255, 255, 255, 0.25);
}

/* line 2553, style.scss */
#goToTop {
  width: 100%;
  text-align: center;
  float: left;
  z-index: 10;
  margin-top: -10px;
  display: block;
  position: relative;
}

/* line 2563, style.scss */
#goToTop a {
  display: inline-block;
  background-color: #FFF;
  width: 36px;
  font-size: 30px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  padding: 4px 0px 4px 2px;
  border-radius: 18px;
  border: 1px solid #00897c;
  cursor: pointer;
}

/* line 2579, style.scss */
img.fullwide {
  width: 100%;
  margin: 0 0 0 0;
}
@media screen and (max-width: 320px) {
  /* line 2579, style.scss */
  img.fullwide {
    width: 100vw;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 960px) {
  /* line 2579, style.scss */
  img.fullwide {
    width: 76%;
    margin: 10px 12% 0;
  }
}

@media screen and (min-width: 960px) {
  /* line 2599, style.scss */
  .box img.fullwide {
    width: 100%;
    margin: 0 0 0 0;
  }
}

@media screen and (min-width: 960px) {
  /* line 2606, style.scss */
  .box2 img.fullwide {
    width: 100%;
    max-width: 472px;
    margin: 0 0 0 0;
  }
}

@media screen and (min-width: 960px) {
  /* line 2615, style.scss */
  .box h2 {
    width: 100%;
    margin: 0 0 0 0;
  }
}

@media screen and (min-width: 960px) {
  /* line 2622, style.scss */
  .box2 h2 {
    width: 100%;
    margin: 0 0 0 0;
  }
}

p.setrightalgin {
  text-align: right;
}




/* line 239, style.scss */
ul.commonli {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0px;
  color: #00897c;

}
@media screen and (max-width: 320px) {
  /* line 239, style.scss */
  ul.commonli {
    padding: 10px 0px;
    line-height: 21px;
  }
}
@media screen and (min-width: 480px) {
  /* line 239, style.scss */
  ul.commonli {
    padding: 10px 5px 10px;
  }
}
@media screen and (min-width: 768px) {
  /* line 239, style.scss */
  ul.commonli {
    font-size: 16px;
  }
}
@media screen and (min-width: 960px) {
  /* line 239, style.scss */
  ul.commonli {
    width: 100%;
    margin: 10px 0 10px;
  }
}


ul.commonli li{
  color: #00897c;
  line-height: 1.6;
  margin:10px 0;

}

ul.commonli li.littlesmall {
 font-size:90%;
  margin:2px 0;
}

ul.commonli li.littlesmallred {
 font-size:90%;
  margin:2px 0;
    color:red;
}

ul.commonli li.littlesmallblue {
 font-size:90%;
  margin:2px 0;
    color:#4472c4;
}



p.littlesmall {
   font-size:14.4px;
   width:100%;
}



.boxline {

    padding: 0.5em 1em;
    margin: 30px 12% 0;
    background: #CAE9E3;
    border: dashed 2px #00897C;/*点線*/
}

@media screen and (max-width: 960px) {
.boxline {

    padding: 0.5em 1em;
    margin: 30px 0 0;
    background: #CAE9E3;
    border: dashed 2px #00897C;/*点線*/
}
}


.boxline p {
    margin: 0; 
    padding: 0;
}

.boxline h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.boxline ul{
    margin-top: 0px;
    padding-top:0px;
}



/* line 1286, style.scss */
.today_2 {
  width: 15%;
  height: 68px;
  color: #FFF;
  display: block;
  line-height: 68px;
  font-size: 16px;
  margin: 0px 0 0 0;
  padding:0 0 0 0;
  float: left;
  text-align: center;
    background-color: rgba(0, 64, 151, 0.8);
}

/*@media screen and (min-width: 480px) {
  .today_2 {
    width: 10%;
    font-size: 17px;
    line-height:68px;
      margin: 0px 0 0 0;
  }
}

@media screen and (min-width: 480px) {
   line 1303, style.scss 
  .today_2 br {
    display: none;
  }
}
*/






/* line 1311, style.scss */
.timeinfo_2 {
  width: 30%;
  padding: 20px 20px 20px;
  height: 68px;
  margin: 0 0 0 0;
  float: left;
  text-align: center;
        background-color: rgba(0, 64, 151, 0.7);
}
/*@media screen and (min-width: 480px) {
  .timeinfo_2 {
    width: 30%;
    padding: 13px 0px 16px 10px;
    height: 68px;
    margin: 0 0 0 0;
    float: left;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .timeinfo_2 {
    width: 30%;
    padding: 13px 0px 16px 10px;
    height: 68px;
    margin: 0 0 0 0;
    float: left;
    text-align: center;
  }
}



*/



/* line 1377, style.scss */
.topschool_2 {
  width: 35%;
  height: 68px;
  float: left;
  background-color: rgba(0, 137, 124, 0.8);
  padding: 20px 20px 20px;
  z-index: 15;
}

/*@media screen and (min-width: 320px) {
  .topschool_2 {
  padding: 16px 10px 4px;
  }
}

@media screen and (min-width: 768px) {
  .topschool_2 {
    width: 50%;
    float: left;
  }
}*/

/* line 1391, style.scss */
#schooltext_2 p {
  position: absolute;
  top: 0;
  text-align: left;
  left: 0;
}



/* line 1328, style.scss */
.isi_freetime {
/*  display: none;*/
position:relative;
  background-color: rgba(0, 137, 124, 0.7);
margin:0 0 0 0;
  padding: 0px 20px 0px;
  width: 20%;
  float: left;
}

/*
@media screen and (min-width: 320px) {
  .isi_freetime {
    padding: 0px 0px;
    width: 64px;
    height: auto;
    right: 0;
    position: absolute;
    background-color: #4caca3;
  }
}

@media screen and (min-width: 600px) {
  .isi_freetime {
    padding: 0px 0px;
  
    height: auto;
    right: 0;
    position: absolute;
    background-color: #4caca3;
  }
}
@media screen and (min-width: 1024px) {
    .isi_freetime {
    padding: 0px 0px;
    width:120px;
    height: auto;
    right: 0;
    position: absolute;
    background-color: #4caca3;
  }
}*/

/* line 1341, style.scss */
.isi_freetime a {
  padding:0px 0px;
    font-size: 15px;
  width: 100%;
  height: 68px;
  line-height: 68px;
  display: block;
  color: #FFF;
  text-decoration-line: none;
  font-weight: 800;
  text-align: center;
        text-align: left;
}

/*@media screen and (min-width: 320px) {

.isi_freetime a {
  font-size: 9px;
    padding:16px 0px;
    line-height: 12px;
}
}*/


@media screen and (max-width: 1200px) {
  .today_2 {
    width:50%;
  }
  .timeinfo_2 {
    width:50%;
  } 
  .topschool_2 {
    width:50%;
  }
  .isi_freetime {
    width:50%;
  }
}

@media screen and (max-width: 680px) {
  .today_2 {
    width:30%;
      height: 50px;
        line-height: 50px;
        font-size: 14px;
  }
  .timeinfo_2 {
    width:70%;
  padding: 11px 12px 11px;
    height: 50px;
  } 
  .topschool_2 {
    width:100%;
  padding: 11px 20px 11px;
  height: 50px;
  }
  .isi_freetime {
    width:100%;
  padding: 0px 20px 0px;
  }
.isi_freetime a {
  height: 50px;
  line-height: 50px;

}

}

@media screen and (max-width: 360px) {
  .today_2 {
        font-size: 12px;
  }

}



.fcontainer .haifimg{
    width: 76%;
    margin: 10px 12% 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;

}

.fcontainer .haifimg li{
  margin:0 0 0 0;
  width: calc(100%/2);/*←画像を横に4つ並べる場合*/
  padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
  box-sizing:border-box;
}

.fcontainer .haifimg li img{
    height: auto; 
width:100%;
max-width:100%; /*画像のはみだしを防ぐ*/
margin:0 0 0 0;

  box-sizing:border-box;
}

@media screen and (max-width: 960px) {
  .fcontainer .haifimg{
      width: 100%;
      margin: 5px 0% 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;

  }
}

@media screen and (max-width: 768px) {
.fcontainer .haifimg img{
/*    width: 90%;
    margin: 10px 5% 10px;
    padding:0 0 0 0;*/
  margin:5px 0;
  width: calc(100%/1);/*←画像を横に4つ並べる場合*/
    height: auto; 
  padding:0 0px;/*←画像の左右に5pxの余白を入れる場合*/
  box-sizing:border-box;
}
}


#global_menu {
  width:100%;

  background-color: #CBE1DD;

}

#global_menu .fcontainer {
  padding:0 0 0 0;

}


#global_menu ul{
  width:100%;


}

#global_menu ul li{
  width:25%;
      height:100px;

   text-align: left;
   box-sizing:border-box;
   padding:0 0px;
  float:left;

  border-left:solid #FFFFFF 4px;
}

#global_menu ul li:last-child {
    border-right:solid #FFFFFF 4px;
}



#global_menu ul li a{
  width:100%;
  height:100%;
  display: block;
  font-size: 150%;
  text-decoration-line:none;
  font-weight: bold;
     box-sizing:border-box;
}

#global_menu ul li a:hover{

  background-color: #E5F3F1;
}

#global_menu ul li a span.mtext{
  position:absolute;
  display: block;
  text-align: center;
  top:50%;
  left:30%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:100%;
}





.m_maiko {
  position: absolute;
  top: 10px;
  right: 10%;
  width: 100px;
  height: 80px;
  display: block;
  background-image: url(../../assets/img/upload/m_maiko.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.m_kuma {
  position: absolute;
  top: 10px;
  right: 8%;
  width: 100px;
  height: 80px;
  display: block;
  background-image: url(../../assets/img/upload/m_kuma.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.m_penguin {
  position: absolute;
  top: 10px;
  right: 10%;
  width: 100px;
  height: 80px;
  display: block;
  background-image: url(../../assets/img/upload/m_penguin.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.m_skate {
  position: absolute;
  top: 10px;
  right: 10%;
  width: 100px;
  height: 80px;
  display: block;
  background-image: url(../../assets/img/upload/m_skate.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

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

#global_menu ul li{
      height:160px;
}


.m_maiko {
  top:16%;
  left:50%;
  transform:translate(-50%,0%);
}

.m_kuma {
  top:16%;
  left:50%;
  transform:translate(-50%,0%);
}

.m_penguin {
  top:16%;
  left:50%;
  transform:translate(-50%,0%);
}

.m_skate {
  top:16%;
  left:50%;
  transform:translate(-50%,0%);
}

.m_skate br{
  display:none;
}


#global_menu ul li a span.mtext{
  position:absolute;
  display: block;
  text-align: center;
  top:auto;
  bottom:10%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:100%;
}

#global_menu ul li a span.mtext br{
  display:none;
}
}

@media screen and (max-width: 768px) {
#global_menu .fcontainer {
  padding:0 0 0 0;
  width:100%;
    margin: 10px 0;

}
}

@media screen and (max-width: 650px) {
#global_menu ul li{
 width:50%;
 height:100px;
  border-right:solid #FFFFFF 0px;
  border-top:4px solid #FFFFFF;
}
#global_menu ul li:last-child {
    border-right:solid #FFFFFF 0px;
}

#global_menu ul li:nth-child(even) {
   border-right:solid #FFFFFF 4px;
}

#global_menu ul li a span.mtext{
  bottom:0%;

}

.m_maiko ,.m_kuma,.m_penguin,.m_skate{
  top: 0px;
  left:50%;
  right: auto;
    background-size: 80%;
      transform:translate(-50%,0);
  background-position: center center;
}

#global_menu ul li a{
  font-size: 120%;

}

}



/*@media screen and (max-width: 650px) {
#global_menu .fcontainer {
  padding:0 0 0 0;
  width:100%;

}


#global_menu ul li a span.mtext{
  position:absolute;
  display: block;
  text-align: center;
  top:57%;
  left:30%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:100%;
}





#global_menu ul li{
 width:50%;
      height:100px;

   text-align: left;
   box-sizing:border-box;
   padding:0 0px;
  float:left;

  border-right:solid #FFFFFF 0px;
  border-bottom:4px solid #FFFFFF;
}

#global_menu ul li:last-child {
    border-right:solid #FFFFFF 0px;
}

#global_menu ul li:nth-child(even) {
   border-right:solid #FFFFFF 4px;
}



.m_maiko ,.m_kuma,.m_penguin,.m_skate{
  position: absolute;
  top: 10px;
  left:auto;
  right: 5%;
    background-size: 90%;
      transform:translate(0%,0%);
  background-position: center center;
}



}
*/



/*ul.commonli li.littlesmall {
    font-size: 90%;
    margin: 2px 0;
}*/
ul.bloomli li {
    color: rgba(233, 80, 124, 1);
    line-height: 1.6;
    margin: 10px 10%;
    font-size:16px;
}

ul.bloomli li a{
color: rgba(233, 80, 124, 1);
}




.bloomh2 {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  padding-top:70px;
  height:auto;
  font-size:28px;
  padding-bottom:50px;
}
@media screen and (min-width: 480px){
.bloomh2 {
  width:100%;
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  margin:20px 0 0 0;
  font-size:28px;
  padding:70px 0 50px 0;
}
}

.bloomh3 {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  padding-top:30px;
  font-size:28px;
  padding-bottom:30px;
}
@media screen and (min-width: 480px){
.bloomh3 {
  width:100%;
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  margin:0 0 0 0;
  padding-top:40px;
  font-size:28px;
  padding-bottom:30px;
}
}


.bloomhh2 {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  padding-top:90px;
  height:auto;
  font-size:28px;
  padding-bottom:10px;
}
@media screen and (min-width: 480px){
.bloomhh2 {
  width:100%;
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  margin:20px 0 0 0;
  font-size:28px;
  padding:90px 0 10px 0;
}
}



.pbox4 {
  width:100%;
  color: rgba(233, 80, 124, 0.1);
}

.bloom {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  padding-top:0;
  padding-bottom:0;
}

.bloom a{
  color: rgba(233, 80, 124, 1);
}

.bloom :hover{
  color: #e80547;
  cursor: pointer;
}

.bloom_info {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  font-size:18px;
  padding-top:50px;
  padding-bottom:50px;

}
@media screen and (max-width: 450px) {
.bloom_info {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  font-size:14px;
  padding-top:50px;
  padding-bottom:50px;

}
}



.bloomtop {
  color: rgba(233, 80, 124, 1);
  text-align: center;
  line-height: 1.2;
  padding-top:0;
  margin-top:100px;
  padding-bottom:0;
}




.bloommini {
    color: rgba(233, 80, 124, 1);
  text-align: left;
}

h2.bloom {
  text-align: center;
}




.bloomboxline {

    padding: 0.5em 1em;
    margin: 30px 12% 0;
    background: rgba(233, 80, 124,0.05);

}

@media screen and (max-width: 960px) {
.bloomboxline {

    padding: 0.5em 1em;
    margin: 30px 0 0;
    background: rgba(233, 80, 124,0.05);
}
}


.bloomboxline p {
    margin: 0; 
    padding: 0;
    width:100%;
}

.bloomboxline h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.bloomboxline ul{
    margin-top: 0px;
    padding-top:0px;
    text-align: left;
}




.bloomboxline4 {
width:100%;
    padding: 1em 1em 3em;
    margin: 30px 0 80px;
    background: rgba(233, 80, 124,0.05);
 
}

@media screen and (max-width: 960px) {
.bloomboxline4 {
    padding: 0.5em 1em;
    margin: 30px 0 50px;
    background: rgba(233, 80, 124,0.05);
}
}


.bloomboxline4 p {
    margin: 15px 0; 
    padding: 0;
    width:100%;
    line-height: 1.4;
}

.bloomboxline4 h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.bloomboxline4 ul{
    margin-top: 0px;
    padding-top:0px;
    text-align: left;
}

.bloomboxline5 {
width:100%;
    padding: 1em 1em 3em;
    margin: 30px 0 80px;
}

@media screen and (max-width: 960px) {
.bloomboxline5 {

    padding: 0.5em 1em;
    margin: 30px 0 50px;
  
}
}


.bloomboxline5 p {
    margin: 15px 0; 
    padding: 0;
    width:100%;
    line-height: 1.4;
}

.bloomboxline5 h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.bloomboxline5 ul{
    margin-top: 0px;
    padding-top:0px;
    text-align: left;
}



.bloomboxline6 {
width:100%;
    padding: 1em 1em 3em;
    margin: 30px 0 10px;
    background: none;
 
}

@media screen and (max-width: 960px) {
.bloomboxline6 {
    padding: 0.5em 1em;
    margin: 30px 0 30px;
     background: none;
}
}


.bloomboxline6 p {
    margin: 15px 0; 
    padding: 0;
    width:100%;
    line-height: 1.4;
}

.bloomboxline6 h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.bloomboxline6 ul{
    margin-top: 0px;
    padding-top:0px;
    text-align: left;
}





.bloomboxline7 {
width:100%;
    padding: 1em 1em 3em;
    margin: 0px 0 10px;
    background: none;
 
}

@media screen and (max-width: 960px) {
.bloomboxline7 {
    padding: 0.5em 1em;
    margin: 0px 0 30px;
     background: none;
}
}


.bloomboxline7 p {
    margin: 15px 0; 
    padding: 0;
    width:100%;
    line-height: 1.4;
}

.bloomboxline7 h3{
    width: 100%;
    font-size:16px;
    margin: 10px 0 0px;


}

.bloomboxline7 ul{
    margin-top: 0px;
    padding-top:0px;
    text-align: left;
}




/*@media screen and (min-width: 960px) {
.bloombox {
    width: 33.33%;
    padding: 20px;
    float: left;
}

.bloombox {
    width: 100%;
    padding: 0px;
    float: left;
}
}*/



.bloombox {
    width: 33.33%;
    padding: 0px;
    float: left;
}
@media screen and (max-width: 960px) {
.bloombox {
    width: 50%;
    padding: 0px;
    float: left;
}
}


.bloombox p{
    margin:0 12%;
    width:76%;
        text-align: center;
        padding:0 0 0 0;
}


.bloombox span{
    font-size: 16px;

      color: rgba(233, 80, 124,1);
}

@media screen and (max-width: 450px) {
.bloombox span{
    font-size: 14px;

      color: rgba(233, 80, 124,1);
}
}



p.bloom_big {
  line-height: 32px;
  font-size: 28px;
  line-height: 1.6;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}

@media screen and (max-width: 810px) {
p.bloom_big {
  line-height: 32px;
  font-size: 24px;
  line-height: 1.6;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}
}

@media screen and (max-width: 450px) {
p.bloom_big {
  line-height: 32px;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}
}


.firstline {
  margin-top:100px;
}

.setdashed {
  border-top: 1px dashed rgba(233, 80, 124,1);
  border-bottom: 1px dashed rgba(233, 80, 124,1);
    padding-top: 20px;
      padding-bottom: 20px;
}

p.bloom_big2 {
  line-height: 32px;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  padding-top: 0px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}

@media screen and (max-width: 810px) {
p.bloom_big2 {
  line-height: 32px;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  padding-top: 00px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}
}
@media screen and (max-width: 450px) {
p.bloom_big2 {
  line-height: 32px;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  padding-top: 00px;
  font-weight: 600;
  color: rgba(233, 80, 124,1);
}
}

.experience_header{
  display: flex;
  align-items:stretch;
  justify-content:flex-start;
  width: 100%;
  padding:0 0px;
  margin: 30px auto 25px auto;

  flex-wrap: wrap;
}

/* line 787, style.scss */
.experience_header img {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 320px) {
  /* line 787, style.scss */
  .experience_header img {
    width: 100%;
    margin: 0px 0 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 787, style.scss */
  .experience_header img.imgBg {
    width: 750px;
    margin: 10px 12% 0;
  } 
  .experience_header img {
    width: 100%;
    margin: 10px 0 0;
  }
}
/* line 374, style.scss */
.experience_header h2 {
  display: block;
  line-height: 42px;
  font-size: 22px;
  font-weight: 700;
  color: #00897c;
  padding: 18px 0;
}
@media screen and (max-width: 320px) {
  /* line 374, style.scss */
  .experience_header h2 {
    padding: 18px 0px 0px;
  }
}
@media screen and (min-width: 480px) {
  /* line 374, style.scss */
  .experience_header h2 {
    width: 480px;
    margin: 0 auto;
    padding: 18px 5px 0px;
  }
}
@media screen and (min-width: 768px) {
  /* line 374, style.scss */
  .experience_header h2 {
    width: 100%;
    margin: 20px auto 0;
    padding: 0 0 0 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 374, style.scss */
  .experience_header h2 {
    padding: 0 0 0 0;
    width: 100%;
    margin: 30px 0% 0;
  }
}
@media screen and (min-width: 1024px) {
  /* line 374, style.scss */
  .experience_header h2 {
    font-size: 24px;
  }
}





.experience{
  display: flex;
  align-items:stretch;
  justify-content:flex-start;
  width: 100%;
  padding:0 30px;
  margin: 30px auto 25px auto;
  background-color:#e4f3f2;
  flex-wrap: wrap;
}
.experience .inners {
  padding: 0 15px;
  color:  #00897c;
  margin-top:15px;
  margin-bottom:30px;
  width: 25%;
  position: relative;
  aspect-ratio: 16/9;
}
.experience h2{
  font-size: 28px;
  margin: 50px 0 10px;
  width:100%;
  text-align:center;
}
.experienceTitle{
  display: block;
  text-align: left;
  font-size: 18px;
  font-weight:500;
  padding-bottom: 5px;
  color:rgb(43, 41, 38);
  margin-top:15px;
  margin-bottom: 5px;
  line-height:24px;
}
.experienceText{
  font-size: 14px;
  color:rgb(43, 41, 38);
  margin-bottom: 15px;
  line-height:21px;
  font-weight:500;
}
.experience .experienceBtn{
  text-align: center;
  width: 30%;
  max-width:320px;
  margin: 30px auto 90px auto;
}
.experience .experienceBtn a{
  background: #00897c;
  text-align: center;
  font-weight: 600;
  font-size: 130%;
  display: block;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  margin: 0 auto;
  text-decoration: none;
}
.experience .experienceBtn a:hover{
  opacity: 0.6;
}
.experience .inners img{
    width: 100%;
    margin:0px 0px;
    object-fit: cover;
}
.experience .inners a{
    text-decoration: none;
    display: block;
    height: auto;
    transition: 0.5s;
    opacity: 1;
}
.experience .inners a:hover{
    opacity: 0.6;
}
.experience .inners p{
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: block;
}
.experienceBtn2{
  text-align: center;
  max-width:360px;
  margin: 30px auto 90px auto;
}
.experienceBtn2 a{
  background: #66b8b0;
  text-align: center;
  font-weight: 600;
  font-size: 180%;
  display: block;
  max-width:360px;
  padding: 25px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  margin: 30px auto 90px auto;
}
@media screen and (max-width: 960px) {
  .experienceBtn2{
    text-align: center;
    max-width:320px;
    margin: 30px auto 90px auto;
  }
  .experienceBtn2 a{
    background: #66b8b0;
    text-align: center;
    font-weight: 600;
    font-size: 160%;
    display: block;
    max-width:320px;
    padding: 25px 20px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    margin: 30px auto 90px auto;
  }
}

.experienceBtn2 a:hover{
  opacity: 0.6;
}


.experienceBtn3{
  text-align: center;
   max-width:80%;
  margin: 30px auto 30px auto;
}
.experienceBtn3 a{
  background: #66b8b0;
  text-align: center;
  font-weight: 500;
  font-size: 180%;
  display: block;
  max-width:80%;
  padding: 16px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  margin: 30px auto 30px auto;
}
@media screen and (max-width: 960px) {
  .experienceBtn3{
    text-align: center;
      max-width:80%;
    margin: 30px auto 30px auto;
  }
  .experienceBtn3 a{
    background: #66b8b0;
    text-align: center;
    font-weight: 500;
    font-size: 160%;
    display: block;
     max-width:80%;
    padding: 16px 20px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    margin: 30px auto 30px auto;
  }
}

.experienceBtn3 a:hover{
  opacity: 0.6;
}

.experienceBtn4{
  text-align: center;
   max-width:820px;
  margin: 60px auto 0px auto;
}
.experienceBtn4 a{
  background: #66b8b0;
  text-align: center;
  font-weight: 500;
  font-size: 220%;
  display: block;
  max-width:820px;
  padding: 36px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  margin: 60px auto 0px auto;
}
@media screen and (max-width: 960px) {
  .experienceBtn4{
    text-align: center;
      max-width:90%;
    margin: 30px auto 30px auto;
  }
  .experienceBtn4 a{
    background: #66b8b0;
    text-align: center;
    font-weight: 500;
    font-size: 180%;
    display: block;
     max-width:90%;
     padding: 36px 20px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    margin: 30px auto 30px auto;
  }
}
@media screen and (max-width: 480px) {
  .experienceBtn4{
    text-align: center;
      max-width:100%;
    margin: 30px auto 30px auto;
  }
  .experienceBtn4 a{
    background: #66b8b0;
    text-align: center;
    font-weight: 500;
    font-size: 145%;
    display: block;
     max-width:100%;
     padding: 26px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    margin: 30px auto 30px auto;
  }
}
.experienceBtn4 a:hover{
  opacity: 0.6;
}


.after_experienceBtn4{

}




@media screen and (max-width: 1220px) {
  .experience{ 
    display: flex;
    align-items:stretch;
    justify-content:flex-start;
    width: 780px;
    margin: 30px auto 25px auto;
    flex-wrap: wrap;
  }
  .experience .inners {
    color:  #00897c;
    width: 50%;
    position: relative;
    aspect-ratio: 16/9;
  }  
}

@media screen and (max-width: 960px) {
  .experience{ 
    display: flex;
    align-items:stretch;
    justify-content:flex-start;
    width: 100%;
    margin: 0px auto 25px auto;
    flex-wrap: wrap;

    
  }
  .experience .inners {
    color:  #00897c;
    width: 50%;
    position: relative;
    aspect-ratio: 16/9;
  }  

}

@media screen and (max-width: 767px) {
  .experience{
    width: 100%;
    margin: 30px auto 25px auto;
  }
  .experience h2 {
    width: 100%;
    margin-bottom: 5px;
    font-size: 28px;
  }
  .experience .inners {
    color:  #00897c;
    width: 50%;
    position: relative;
    aspect-ratio: 16/9;
  }
}

@media screen and (max-width: 610px) {
  .experience{
    width: 100%;
    margin: 30px auto 25px auto;
  }
  .experience h2 {
    width: 100%;
    margin-bottom: 5px;
    font-size: 28px;
  }
  .experience .inners {
    color:  #00897c;
    width: 100%;
    position: relative;
    aspect-ratio: 16/9;
  }
}

.roundbg{
    background: #e4f3f2;
    font-size: 130%;
    display: block;
    width: 76%;
    padding: 15px;
    border-radius: 10px;
    color: #00897c;
    margin: 20px auto 0;
    text-decoration: none;
}
@media screen and (max-width: 961px) {
.roundbg{
    background: #e4f3f2;
    text-align: left;
    font-size: 110%;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    color: #00897c;
    margin: 10px auto 0;

}
  }

  ul.generalli li {
    color: #00897c;
    line-height: 1.6;
    margin: 10px 15%;
    list-style-type: circle;
    font-size:16px;
}

ul.generalli li a{
color: #00897c;
}

@media screen and (max-width: 960px) {
  ul.generalli li {
    color: #00897c;
    line-height: 1.6;
    margin: 10px 5%;
    list-style-type: circle;
    font-size:17  px;
}

ul.generalli li a{
color: #00897c;
}


}