.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.txt1 {
    text-align: justify;
}

.ta {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.fwb {
    font-weight: bold !important;
}

.cl-blue {
    color: #20758d;
}

.cl-b {
    color: #19194d;
}

.txt-red {
    color: #cf4400;
}

.parallax {
    position: relative;
    padding-top: 80%;
}

.txt-nowrap {
    white-space: nowrap;
}

.txt-u {
    text-decoration: underline;
}

.img-parallax {
    clip: rect(0, auto, auto, 0);
    margin-bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.img-parallax img {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .img-parallax img {
        height: auto;
        -o-object-fit: unset;
        object-fit: unset;
        top: 50%;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
    }
}


/*-----------------------------/____/-----------------------------*/
/* 
#popup2 {
    padding: 12% 0 12%;
    font-size: 3.5vw;
}

#popup2 .group2 {
    margin: 0 5%;
    background: rgba(255, 255, 255, 0.9);
    padding: 7% 4% 12%;
}

#popup2 .group2 .box {
    padding: 7% 0 7%;
    margin: 5% 0;
    text-align: center;
    background: url("../img/bluefish/s1_border_1.png") no-repeat center/100% 100%;
}

#popup2 .group2 .box h3 {
    font-weight: 700;
    font-size: 4vw;
    color: #19194d;
}

#popup2 h2 {
    text-align: center;
    border-bottom: 1px dashed #000;
    font-weight: 700;
    font-size: 6vw;
    line-height: 1.5;
    color: #19194d;
    margin-bottom: 20px;
    padding-bottom: 2%;
}

#popup2 .box {
    margin: 7vw 0;
    background: url("../img/bluefish/s1_border_1.png") no-repeat center/100% 100%;
    padding: 3% 0 3% 10%;
}

#popup2 .box ul li {
    line-height: 1.8;
}

#popup2 .box ul li span {
    color: #20758d;
    font-size: 15px;
}

#popup2 p.txt {
    padding-left: 7px;
}

.btn-popup {
    padding: 6vw 4% 0;
    background: url("../img/shared/pt1.jpg") repeat center/100%;
}

.remodal {
    padding-left: 3%;
    padding-right: 3%;
} */


/* 
footer ul:not(#ft_fixed) {
  margin: 0 10% 10%;
}

footer ul:not(#ft_fixed) li {
  margin-bottom: 0;
}

footer ul:not(#ft_fixed) li:last-child {
  margin-top: 1.5vw;
  padding: 0 2%;
}

footer dl dd {
  width: calc(100% - 90px);
}

footer .info {
  margin: 0;
  padding: 0 1%;
}

footer .info dl {
  line-height: 1.6;
}

footer .info dl + dl {
  margin-top: 4.5vw;
}

footer .info dl a {
  display: inline;
}

#pagetop {
  bottom: calc(env(safe-area-inset-bottom) + 55px);
  width: 70px;
}

footer address {
  font-size: 12px;
}

footer .group {
  padding-top: 0;
  padding-bottom: 31vw;
}

footer .tel {
  margin: 0 6% 2%;
}

footer .group1 .instagram {
  top: 4vw;
  right: 16vw;
}

/*-----------------------------/____/-----------------------------*/
/* 
header #menu_toggle .nav1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 95%;
}

header #menu_toggle .nav1 li:nth-child(1),
header #menu_toggle .nav1 li:nth-child(2) {
    width: 48%;
    margin-bottom: 2%;
}

header #menu_toggle .nav1 li:nth-child(3) {
    width: 14%;
}

header #menu_toggle .nav1 li:nth-child(4) {
    width: 24%;
}

header #menu_toggle .nav1 li:nth-child(5) {
    width: 55%;
}

header #menu_toggle .nav1 a {
    line-height: 9vw;
    height: 9vw;
    padding: 0;
    text-align: center;
    font-size: 4vw;
}

header .menu_toggle .nav li {
    padding: 0 !important;
}

header .menu_toggle .nav li a {
    padding: 0 3px;
}

header .menu_toggle .nav .li-box {
    position: relative;
    margin: 17px 14px 15px !important;
}

header .menu_toggle .nav .li-box span {
    background: url("../img/shared/bg_2.jpg");
    position: absolute;
    padding: 5px 10px;
    white-space: nowrap;
    top: -15px;
    left: 10px;
}

header .menu_toggle .nav .li-box ul {
    border: 1px solid #585876;
    padding-top: 27px;
}

header .menu_toggle .nav .li-box ul li {
    padding: 0;
}

footer .info {
    color: #fff;
}

footer dl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer dl dt {
    width: 88px;
}

*/ 
/*-----------------------------/code/-----------------------------*/

#sec1 {
    position: relative;
    padding-top: 5%;
    padding-bottom: 6%;
    background: url("../img/shared/pt1.jpg") repeat center/100%;
}

#sec1 h3 {
    margin-left: 5%;
    font-weight: 700;
    color: #16162d;
    font-size: 7vw;
    padding-left: 5%;
    margin-bottom: 5%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #20758d;
}

#sec1 p.btn {
    position: absolute;
    right: 5%;
    top: 7vw;
    width: 37%;
    margin: 0;
    line-height: 1;
}

#sec1 dl {
    margin-bottom: 3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8%;
}

#sec1 dl dt {
    margin-right: 5%;
}

#sec1 dl dt span {
    display: block;
    width: 35vw !important;
    height: 23vw !important;
    background: url("../img/bluefish/s8_img.jpg") no-repeat center/cover;
}

#sec1 dl dd {
    line-height: 1.8;
}

#sec1 dl dd a {
    text-decoration: underline;
}

#sec1 dl dd .date {
    display: block;
}

#sec1 .bnr {
    padding: 3vw 3% 0;
}

#sec2 {
    background: url(../img/shared/bg_2.jpg);
    color: #fff;
}

#sec2 .wrap {
    padding-top: 15vw;
}

#sec2 .wrap h2 {
    white-space: nowrap;
    font-size: 6.4vw;
    margin-bottom: 3vw;
}

#sec3 {
    background: url(../img/index/s3-bg.png) no-repeat center bottom/100%;
    padding-bottom: 5vw;
}

#sec3 .txt1 {
    padding: 6vw 0;
    margin: 0 -2%;
}

#sec3 .box-btn p+p {
    margin-top: 3vw;
}

#sec4 .wrap {
    background: url(../img/shared/bg_1.jpg);
    padding-top: 5vw;
    margin: -20vw 4% 5%;
}

#sec4 .wrap .txt1 {
    padding-bottom: 5vw;
}

#sec5 {
    background: url(../img/index/s5-bgB.jpg) no-repeat center bottom/100%, url(../img/shared/bg_4.jpg) repeat-y center/100%;
    padding-bottom: 4vw;
}

#sec5 .txt1 {
    padding: 4vw 0 27vw;
}

#sec6 {
    background: url(../img/index/s6-bgB.png) no-repeat center bottom/100%;
}

#sec6 .set1 {
    position: relative;
    background: url(../img/index/prr.jpg) no-repeat center center/cover;
}

#sec6 .set1 h2 {
    position: relative;
    padding: 10% 0;
    /*position: absolute;
    top: 0;
    left: 0;*/
    z-index: 1;
}

#sec6 .set1 .parallax {
    padding-top: 90%;
}

/*#sec6 .set2 .floor {
    padding: 13vw 13vw 7vw;
}*/

#sec6 .s6-slider {
    padding: 13vw 6% 3.5vw;
}

#sec6 .s6-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: none;
    transform: none;
    margin: 10px auto 0;
    padding: 0;
    text-align: left;
    position: static;
}

#sec6 .s6-slider .slick-dots button {
    border-radius: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    cursor: pointer;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sec6 .s6-slider .slick-dots li {
    width: 25%;
    height: 74px;
    line-height: 100px;
    border-radius: 0;
    background: none !important;
    border: 0;
    margin: 0 !important;
    padding: 0;
}

#sec6 .s6-slider .slick-dots li+li {
    margin-left: 2px !important;
}

#sec6 .s6-slider .slick-dots li:nth-child(1) button {
    background-image: url("../img/index/s6-js1_on.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(2) button {
    background-image: url("../img/index/s6-js2_on.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(3) button {
    background-image: url("../img/index/s6-js3_on.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(4) button {
    background-image: url("../img/index/s6-js4_on.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(1).slick-active button {
    background-image: url("../img/index/s6-js1_o.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(2).slick-active button {
    background-image: url("../img/index/s6-js2_o.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(3).slick-active button {
    background-image: url("../img/index/s6-js3_o.jpg");
}

#sec6 .s6-slider .slick-dots li:nth-child(4).slick-active button {
    background-image: url("../img/index/s6-js4_o.jpg");
}

#sec6 .s6-slider .slick-slide>div {
    line-height: 0;
}

#sec6 .s6-slider .slick-arrow:hover {
    opacity: .8;
}

#sec6 .s6-slider .slick-next,
#sec6 .s6-slider .slick-prev {
    display: block;
    position: absolute;
    bottom: 54%;
    top: auto;
    width: 15px;
    height: 30px;
    font-size: 0;
    border: none;
    z-index: 2;
}

#sec6 .s6-slider .slick-next::before,
#sec6 .s6-slider .slick-next::after,
#sec6 .s6-slider .slick-prev::before,
#sec6 .s6-slider .slick-prev::after {
    display: none;
}

#sec6 .s6-slider .slick-prev {
    left: -1%;
    background: url("../img/shared/prev.png") no-repeat top left/100%;
}

#sec6 .s6-slider .slick-next {
    right: -1%;
    background: url("../img/shared/next.png") no-repeat top left/100%;
}

#sec6 .txt1 {
    padding-top: 6vw;
}

#sec7 {
    background: url("../img/index/s7-bg.jpg") no-repeat center/cover;
    padding: 12vw 0 12vw;
}

#sec7 [class*="box"] {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1%;
}

#sec7 .box1 {
    padding: 10vw 3%;
    margin-bottom: 7vw;
}

#sec7 .box1 h2 {
    font-size: 7vw;
    margin-bottom: 1vw;
}

#sec7 .box1 dl {
    padding: 12px 0 11px;
    line-height: 24px;
    border-bottom: 1px solid #a6a6a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#sec7 .box1 dl dt {
    width: 110px;
}

#sec7 .box1 dl dd {
    width: calc(100% - 110px);
}

#sec7 .box2 {
    padding: 37px 0 35px;
}

#sec7 .box2 h2 {
    font-size: 6vw;
    margin-bottom: 15px;
}

#sec7 .box2 h2 span {
    border-bottom: 1px dashed #000;
    padding: 0 10px 5px;
}

#sec-map #gmap {
    height: 480px;
}

#sec-map #gmap iframe {
    display: block;
    height: 100%;
    width: 100%;
}

#sec-map .box-btn {
    background: url(../img/shared/pt1.jpg) repeat-y center/100%;
    padding: 8vw 5% 20vw;
}

#sec-map .box-btn p+p {
    margin-top: 3vw;
}


/*# sourceMappingURL=index.css.map */