@charset "utf-8";

.sec1 {
    width: 100%;
    position: relative;
    /*height: 100vh;*/
    /*min-height: 650px;*/
}

.sec1 .mbg {
    position: absolute;
    width: 50%;
    height: 70%;
    left: 0;
    top: 0;
    z-index: 1;
}

.sec2 .mbg img,
.sec1 .mbg img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sec1 .secin {
    z-index: 5;
    padding: 40px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.sec1 .secin h3 {
    text-align: center;
    color: #000;
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 60px;
}

.sec1 .secin p.leadt {
    color: #000;
    font-size: 20px;
    line-height: 2.4em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    font-feature-settings: "auto";
    white-space: nowrap;
    letter-spacing: 0;
}

.sec2 {
    width: 100%;
    position: relative;

}

.sec2 .mbg {
    position: absolute;
    width: 50%;

    right: 0;
    bottom: 0;
    z-index: 2;
}

.sec2 .mbg2 {
    position: absolute;
    width: 70%;
    background-color: #000;
    z-index: 1;
    height: 360px;
    left: 50%;
    top: 160px;
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    color: #fff;
    padding: 40px;

    display: flex;
    justify-content: center;
    align-items: center;

    /*-webkit-flex-wrap:wrap;*/
    /*-moz-flex-wrap:wrap;*/
    /*-ms-flex-wrap:wrap;*/
    /*flex-wrap:wrap;*/
}

.sec2 .mbg2b {
    position: absolute;
    width: 70%;
    z-index: 7;
    height: 360px;
    left: 50%;
    top: 160px;
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    color: #fff;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec2 .mbg2b .roomtit {
    position: relative;
}

.sec2 .mbg2b .roomtit li {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}

.sec2 .secin {
    z-index: 5;
    padding: 40px;
    padding-top: 0px;
    padding-bottom: 100px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.sec2 .secin h3 {
    text-align: center;
    color: #000;
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 60px;

}

.sec2 .secin h3 img {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.sec2 .mbg2b h4 {
    text-align: center;
    font-size: 24px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    width: 100%;
}

.sec2 .mbg2b p.lead {
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 40px;
    width: 100%;
}

.sec2 .mbg2b .mbtn {
    width: 100%;
    max-width: 200px;
    border: 1px solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.sec2 .mbg2b .mbtn a {
    box-sizing: border-box;
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.sec3 {
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url('../img/top/bg_03.png');
    padding-bottom: 20px;

}

.sec3a {
    width: 54%;
    margin-left: auto;
    margin-right: 0;
    padding-top: 60px;
}

.sec3a p.lead {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 2.4em;
    padding: 10px;
}

.sec3a1 {
    display: flex;
    justify-content: space-between;
    align-items: center;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sec3a1 li {
    width: 31.333%;
    border: 1px solid #000;
    margin: 1%;

}

.sec3a1 li:hover {
    background-color: #000;

}

.sec3a1 li a {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px;
    color: #000;
}

.sec3a1 li:hover a {
    color: #fff;
}

.sec3a .mbtn {
    width: 100%;
    max-width: 300px;
    border-bottom: 1px solid #111;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 40px;
}

.sec3a .mbtn a {
    box-sizing: border-box;
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #111;
    text-align: left;

}

.sec3a .mbtn a::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: -6px;
    z-index: 1;
    width: 10px;
    height: 14px;
    margin: auto;

    border-right: #111 solid 1px;

    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

.sec3b figure,
.sec3a figure {
    position: relative;
}

.sec3b figure img,
.sec3a figure img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sec3b figure img.bg,
.sec3a figure img.bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    opacity: 0;
}

.sec3b figure .s1,
.sec3b figure .s2,
.sec3b figure .s3,
.sec3b figure .s4,
.sec3b figure .s5,
.sec3b figure .s6,
.sec3a figure .s1,
.sec3a figure .s2,
.sec3a figure .s3,
.sec3a figure .s4,
.sec3a figure .s5,
.sec3a figure .s6 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}
.bbann {
    text-align: center;
    margin-top: 30px;
}
.sec3b {
    width: 42%;
    position: absolute;
    left: 0;
    top: 460px;
    /*margin-left: 0;*/
    /*margin-right: auto;*/
    /*padding-top:0px;*/
    /*margin-top: -180px;*/
}

.sec2.s1 .sec3b figure .s1,
.sec2.s2 .sec3b figure .s2,
.sec2.s3 .sec3b figure .s3,
.sec2.s4 .sec3b figure .s4,
.sec2.s5 .sec3b figure .s5,
.sec2.s6 .sec3b figure .s6,
.sec2.s1 .sec3a figure .s1,
.sec2.s2 .sec3a figure .s2,
.sec2.s3 .sec3a figure .s3,
.sec2.s4 .sec3a figure .s4,
.sec2.s5 .sec3a figure .s5,
.sec2.s6 .sec3a figure .s6,
.sec2.s1 .mbg2b .roomtit li.s1,
.sec2.s2 .mbg2b .roomtit li.s2,
.sec2.s3 .mbg2b .roomtit li.s3,
.sec2.s4 .mbg2b .roobmtit li.s4,
.sec2.s5 .mbg2b .roomtit li.s5,
.sec2.s6 .mbg2b .roomtit li.s6 {
    opacity: 1;
}

.sec2.s1 .sec3a1 li.s1,
.sec2.s2 .sec3a1 li.s2,
.sec2.s3 .sec3a1 li.s3,
.sec2.s4 .sec3a1 li.s4,
.sec2.s5 .sec3a1 li.s5,
.sec2.s6 .sec3a1 li.s6 {
    background-color: #000;
}

.sec2.s1 .sec3a1 li.s1 a,
.sec2.s2 .sec3a1 li.s2 a,
.sec2.s3 .sec3a1 li.s3 a,
.sec2.s4 .sec3a1 li.s4 a,
.sec2.s5 .sec3a1 li.s5 a,
.sec2.s6 .sec3a1 li.s6 a {
    color: #fff;
}

.arrp {
    width: 80px;
    height: 80px;
    background-color: #998675;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 77;
    cursor: pointer;
}

.arrp::after {
    content: "";
    content: "";
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin: auto;

    border-top: #fff solid 2px;
    border-right: #fff solid 2px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
    left: 30%;
}

.arrl:hover,
.arrp:hover {
    opacity: 0.7;
}

.arrl {
    width: 80px;
    height: 80px;
    background-color: #998675;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 77;
    cursor: pointer;

}

.arrl::after {
    content: "";
    position: absolute;
    left: 40%;
    top: 40%;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin: auto;

    border-left: #fff solid 2px;
    border-bottom: #fff solid 2px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.sec2 .roomtit0 {
    width: 80%;
    position: relative;
}

.sec3 {
    background-color: #FFFAF0;
}

.sec3 .secin {
    padding: 40px;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #111;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.sec3e {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #111;
    width: 100%;
}

.sec3e dt {
    width: 48%;
}

.sec3e dt h3 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.sec3e dt h3 img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sec3e dt p.lead {
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 2.4em;
    padding: 10px;
}

.sec3e dd {
    width: 48%;
}

.sec3e dd img {
    display: block;
    vertical-align: bottom;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.sec3f {
    position: relative;
    display: flex;
    justify-content: space-between;

    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;

}

.sec3f li {
    position: relative;
    width: 30%;
}

.sec3f li p {
    background-color: #fff;
    width: 100%;
    padding: 10px;
    position: absolute;
    left: -20px;
    top: 62%;
    z-index: 3;
    text-align: center;
}

.sec3f li:nth-child(2) {
    padding-top: 80px;
}

.sec3f li:nth-child(2) p {
    top: calc(62% + 80px);
}

.sec3f li:nth-child(3) {
    padding-top: 160px;
}

.sec3f li:nth-child(3) p {
    top: calc(62% + 160px);
}

.sec3f li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sec4 {
    position: relative;
}

.sec4 .secin {
    padding: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #111;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.sec4 .secin p.lead {
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 2.4em;
    padding: 10px;
}

.sec4 .secin h3 {

    margin-left: auto;
    margin-right: auto;

    font-size: 18px;
    line-height: 2.4em;

}

.sec4 .secin h3 img {
    max-width: 240px;
    display: block;
    vertical-align: bottom;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.sec4 figure {
    overflow: hidden;
}

.sec4 figure img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sec5a {
    display: flex;
    justify-content: space-between;

    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sec5a li {
    width: 46%;

}

.sec5a li p {
    text-align: left;
}

.sec5a li:nth-child(1) {
    width: 30%;
}

.sec5a li:nth-child(2) {
    width: 64%;
}

.sec5a li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
    margin-bottom: 20px;
}

.sec4 .mbtn {
    width: 100%;
    max-width: 300px;
    border: 1px solid #111;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    position: relative;
}

.sec4 .mbtn a {
    box-sizing: border-box;
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #111;
    text-align: center;

}

.sec4 .mbtn a::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0px;
    z-index: 1;
    width: 80%;
    height: 1px;
    margin: auto;

    background-color: #111;
}

.sec4 .mbtn a::after {
    content: "";
    position: absolute;
    right: 10%;
    bottom: -8px;
    z-index: 1;
    width: 10px;
    height: 14px;
    margin: auto;
    width: 20px;
    border-right: #111 solid 1px;

    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

/*.secplan {*/
/*background-color: #fff;*/
/*position: relative;*/
/*padding-bottom: 40px;*/
/*background-size: cover;*/
/*background-position: center center;*/
/*background-image: url('../img/top/plan_00.jpg');*/
/*}*/

@media screen and (max-width: 584px) {
    /*.secplan {*/
    /*padding-top: 0px;*/
    /*padding-bottom: 0px;*/
    /*}*/
}

/*.secplan::after {*/
/*width: 600px;*/
/*height: 600px;*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*background-size: 100% auto;*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*background-image: url("../img/top/bg_04.png");*/
/*-webkit-transform: translateX(-50%) translateY(-50%);*/
/*-moz-transform: translateX(-50%) translateY(-50%);*/
/*-ms-transform: translateX(-50%) translateY(-50%);*/
/*transform: translateX(-50%) translateY(-50%);*/
/*z-index: 1;*/
/*}*/

@media screen and (max-width: 584px) {
    /*.secplan::after {*/
    /*width: 100%;*/
    /*}*/
}

.rli .slide-item {
    width: 310px;
    position: relative;
    box-sizing: border-box;
    margin-right: 20px;
}

.rli .slide-item h5 {
    background-color: #191818;
    color: #fff;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    text-align: left;
    min-height: 136px;
}

.rli .slide-item h5 span {
    font-size: 12px;
    display: block;
}

.rli .slide-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

/*.secplan .secin {*/
/*width: 100%;*/
/*max-width: 1200px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*padding-top: 60px;*/
/*padding-bottom: 60px;*/
/*position: relative;*/
/*z-index: 3;*/
/*box-sizing: border-box;*/
/*color: #fff;*/
/*padding-right: 20px;*/
/*padding-left: 20px;*/
/*}*/
/*.secplan{*/
/*position: relative;*/
/*}*/
/*.secplan  .planlist{*/
/*height: 90%;*/
/*overflow: hidden;*/
/*width: 55%;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 10%;*/
/*z-index: 17;*/
/*!*-webkit-transform:translateY(-50%);*!*/
/*!*-moz-transform:  translateY(-50%);*!*/
/*!*-ms-transform:  translateY(-50%);*!*/
/*!*transform:  translateY(-50%);*!*/
/*}*/
/*.secplan  .planlist ul{*/
/*!*position: relative;*!*/
/*!*width:100%;*!*/
/*!*margin:0;*!*/
/*!*padding:0;*!*/
/*!*display:-webkit-box;*!*/
/*!*display:-moz-box;*!*/
/*!*display:-ms-box;*!*/
/*!*display:-webkit-flexbox;*!*/
/*!*display:-moz-flexbox;*!*/
/*!*display:-ms-flexbox;*!*/
/*!*display:-webkit-flex;*!*/
/*!*display:-moz-flex;*!*/
/*!*display:-ms-flex;*!*/
/*!*display:flex;*!*/
/*!*-webkit-box-lines:multiple;*!*/
/*!*-moz-box-lines:multiple;*!*/
/*!*-webkit-flex-wrap:wrap;*!*/
/*!*-moz-flex-wrap:wrap;*!*/
/*!*-ms-flex-wrap:wrap;*!*/
/*!*flex-wrap:wrap;*!*/
/*}*/
/*.secplan  .planlist ul.slide li{*/
/*background-color: #191818;*/
/*}*/
/*@media screen and (max-width: 584px) {*/
/*.secplan .secin {*/
/*padding: 20px;*/
/*}*/
/*}*/
/*.secplan  .planlist li img{*/
/*display: block;*/
/*vertical-align: bottom;*/
/*width: 100%;*/
/*}*/
/*.slick-dots li{*/
/*background-color: rgba(255,255,255,0)!important;*/
/*}*/
/*.secplan .secin p.lead {*/
/*color: #000;*/
/*margin-top: 30px;*/
/*margin-bottom: 30px;*/
/*text-align: left;*/
/*font-size: 18px;*/
/*line-height: 2.4em;*/
/*}*/

/*.secplan .secin p.lead.sty2 {*/
/*margin-top: 0px;*/
/*}*/

/*@media screen and (max-width: 584px) {*/
/*.secplan .secin p.lead {*/
/*padding-left: 0px;*/
/*padding-right: 0px;*/
/*}*/
/*}*/

/*.secplan .secin .rbtn {*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 40px;*/
/*text-align: center;*/
/*left: 0;*/
/*bottom: 0;*/
/*background-color: #B08E46;*/
/*}*/

/*@media screen and (max-width: 584px) {*/
/*.secplan .secin .rbtn {*/
/*position: relative;*/
/*left: auto;*/
/*bottom: auto;*/
/*}*/
/*}*/

/*.secplan .secin .rbtn a {*/
/*display: block;*/
/*width: 100%;*/
/*height: 100%;*/
/*position: relative;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*}*/

/*.secplan .secin .rbtn a p {*/
/*text-align: center;*/
/*color: #fff;*/
/*font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;*/
/*}*/

/*.secplan .secin .rbtn:hover {*/
/*opacity: 0.7;*/
/*}*/

/*.secplan .secin ul.slide {*/
/*z-index: 3;*/
/*position: relative;*/
/*width: 100%;*/
/*margin: 0;*/
/*padding: 0;*/
/*display: -webkit-box;*/
/*display: -moz-box;*/
/*display: -ms-box;*/
/*display: -webkit-flexbox;*/
/*display: -moz-flexbox;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: -moz-flex;*/
/*display: -ms-flex;*/
/*display: flex;*/
/*-webkit-box-lines: multiple;*/
/*-moz-box-lines: multiple;*/
/*-webkit-flex-wrap: wrap;*/
/*-moz-flex-wrap: wrap;*/
/*-ms-flex-wrap: wrap;*/
/*flex-wrap: wrap;*/
/*}*/

/*@media screen and (max-width: 584px) {*/
/*.secplan .secin ul.slide {*/
/*display: block;*/
/*}*/
/*}*/

/*.secplan .secin ul.slide li {*/
/*width: 32%;*/
/*margin-right: 2%;*/
/*margin-bottom: 20px;*/
/*padding-bottom: 0px;*/
/*position: relative;*/
/*}*/

/*.secplan .secin ul.slide li:nth-child(3n) {*/
/*margin-right: 0;*/
/*}*/

/*@media screen and (max-width: 584px) {*/
/*.secplan .secin ul.slide li.slide-item {*/
/*width: 90vw;*/
/*}*/

/*.secplan .secin ul.slide li .rbtn {*/
/*margin-top: 20px;*/
/*}*/
/*}*/

/*.secplan .secin ul.slide li figure {*/
/*position: relative;*/
/*margin-bottom: 10px;*/
/*width: 100%;*/
/*overflow: hidden;*/
/*height: 120px*/
/*}*/

/*.secplan .secin ul.slide li figure img {*/
/*display: block;*/
/*vertical-align: bottom;*/
/*width: 100%;*/
/*margin-top: -30px;*/
/*}*/

/*.secplan .secin ul.slide li figure p.note {*/
/*position: absolute;*/
/*right: 5px;*/
/*bottom: 5px;*/
/*z-index: 3;*/
/*}*/

/*.secplan .secin ul.slide li h5 {*/
/*text-align: center;*/
/*font-size: 16px;*/
/*margin-bottom: 10px;*/
/*}*/

/*.secplan .secin ul.slide li p {*/
/*line-height: 1.8em;*/
/*text-align: left;*/
/*}*/

/*.secplan .secin ul.slide li a {*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 100%;*/
/*left: 0;*/
/*top: 0;*/
/*}*/

/*.secplan .slick-dots {*/
/*bottom: -60px;*/
/*text-align: center !important;*/
/*}*/

/*.secplan .slick-dots li {*/
/*position: relative !important;*/
/*display: inline-block !important;*/
/*height: 20px !important;*/
/*width: 20px !important;*/
/*margin: 0 5px !important;*/
/*padding: 0 !important;*/
/*cursor: pointer !important;*/
/*float: none !important;*/
/*}*/

/*.secplan .slick-dots li button:before {*/
/*color: #998675 !important;*/
/*}*/

/*.secplan h3 {*/
/*color: #000;*/
/*position: relative;*/
/*width: 100%;*/
/*max-width: 600px;*/
/*font-size: 30px;*/
/*text-align: left;*/
/*}*/

/*.secplan h3 span {*/
/*background-color: #000;*/
/*display: block;*/
/*z-index: 3;*/
/*letter-spacing: 4px;*/
/*font-size: 24px;*/
/*position: relative;*/

/*box-sizing: border-box;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*margin-bottom: 18px;*/
/*}*/

/*@media screen and (max-width: 584px) {*/
/*.secplan h3 span {*/
/*font-size: 6vw;*/
/*}*/
/*}*/

/*.secplan .mbtn {*/
/*width: 100%;*/
/*max-width: 300px;*/
/*border-bottom: 1px solid #111;*/
/*margin-left: 10px;*/
/*margin-right: auto;*/
/*margin-top: 40px;*/
/*}*/

/*.secplan .mbtn a {*/
/*box-sizing: border-box;*/
/*padding: 10px;*/
/*display: block;*/
/*width: 100%;*/
/*height: 100%;*/
/*position: relative;*/
/*color: #111;*/
/*text-align: left;*/

/*}*/

/*.secplan .mbtn a::after {*/
/*content: "";*/
/*position: absolute;*/
/*right: 4px;*/
/*bottom: -6px;*/
/*z-index: 1;*/
/*width: 10px;*/
/*height: 14px;*/
/*margin: auto;*/

/*border-right: #111 solid 1px;*/

/*-webkit-transform: rotate(-45deg);*/
/*transform: rotate(-45deg);*/

/*}*/

.secinfo {
    background-color: #1E2121;
    position: relative;
    margin-bottom: 30px;
    margin-top: 10px;
}
@media screen and (max-width: 584px) {
    .secinfo {

        margin-bottom: 0px;

    }
}
.secinfo::before {
    /* background-color: #012A3B; */
    content: "";
    width: 100%;
    height: 150px;
    left: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
}

.secinfo .secin {
    z-index: 5;
    width: 100%;
    background-color: #fff;
    max-width: 1000px;
    position: relative;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.secinfo .secin .more {
    position: absolute;
    left: 0;
    bottom: 4px;
    text-align: center;
    width: 100%;
    color: #fff;
}

.secinfo .secin .more a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secinfo .secin .more a img {
    margin-left: 10px;
}

.secinfo .secin .infoa {
    width: 200px;
    height: 200px;
    background-color: #012A3B;
    box-sizing: border-box;
    padding: 14px;
    float: left;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 584px) {
    .secinfo .secin .infoa {
        width: 100%;
        height: auto;
        padding-bottom: 46px;
        padding-top: 20px;
    }

    .secinfo .secin .infoa .more {
        margin-bottom: 10px;
    }

    .secinfo .secin .infoa .more a {
        font-size: 3.5vw;
    }
}

.secinfo .secin .infob {
    width: calc(100% - 220px);
    float: left;
    box-sizing: border-box;
    padding: 12px;
    height: 200px;
    overflow: auto;
    color: black;
    text-align: left;
}

@media screen and (max-width: 584px) {
    .secinfo .secin .infob {
        width: 100%;
        height: 140px;
    }
}

.secinfo .secin .infob ul {
    position: relative;
}

.secinfo .secin .infob ul li {
    float: none;
    text-align: left;
    margin-bottom: 10px;
}

.secinfo .secin .infob ul li span {
    display: inline-block;
}

.secinfo .secin .infob ul li span.date {
    width: 120px;
    text-align: center;
    vertical-align: top;
    margin: 0;
}

@media screen and (max-width: 584px) {
    .secinfo .secin .infob ul li span.date {
        width: 90px;
    }
}

.secinfo .secin .infob ul li span.dTxt {
    width: calc(100% - 140px);
    vertical-align: top;
}

@media screen and (max-width: 584px) {
    .secinfo .secin .infob ul li span.dTxt {
        width: calc(100% - 100px);
    }
}

.sldmainimg {
    position: relative;
}

.sldmainimg .bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    position: relative;
}

.sldmainimg .mimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.sldmainimg .mimg li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    overflow: hidden;
    pointer-events: none;
}

.sldmainimg .mimg li p.note {
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 5;
}

.sldmainimg .mimg li p.note.colb {
    color: #000;
    text-shadow: 1px 1px 3px #fff;
}

.sldmainimg .mimg li img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.sldmainimg .mimg li .mimgc {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    max-width: 1200px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    overflow: hidden;
}

.sldmainimg .mimg li .mimgc.wp100 {
    max-width: 100%;
}

.sldmainimg .mimg li .mimgc .mcpy1 {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    right: 0%;
    bottom: 10%;
    z-index: 15;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1 {
        bottom: 13%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1 p {
    box-sizing: border-box;
    padding-right: 3%;
    text-align: right;
    font-size: 40px;
    line-height: 1.6em;
    font-feature-settings: "pwid";
    color: #fff;
    text-shadow: 0px 0px 12px #002538, 0px 0px 14px #002538, 0px 0px 16px #002538, 0px 0px 8px #002538, 0px 0px 10px #002538, 0px 0px 12px #002538, 0px 0px 22px #002538;
    position: relative;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity: 0;
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1 p {
        font-size: 6vw;
        padding-right: 6%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1.sty2 p {
    text-align: left;
    padding-right: 0;
    padding-left: 3%;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty2 p {
        padding-left: 6%;
    }
}

.sldmainimg .mimg li .mimgc .mcpy1.sty3 {
    bottom: auto;
    top: 20%;
}

.sldmainimg .mimg li .mimgc .mcpy1.sty3 p {
    text-align: left;
    padding-right: 0;
    padding-left: 3%;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty3 p {
        padding-left: 6%;
    }
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mcpy1.sty3 {
        top: 10%;
    }
}

.sldmainimg .mimg li .mimgc .mbtn {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    border: 1px solid #fff;
    background-color: #FAC600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 300px;
    left: 50%;
    bottom: 10%;
    max-width: 300px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
}

.sldmainimg .mimg li .mimgc .mbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 12;
}

.sldmainimg .mimg li .mimgc .mbtn a p {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sldmainimg .mimg li .mimgc .mbtn::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: #000 solid 2px;
    border-right: #000 solid 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .mimg li .mimgc .mbtn:hover {
    opacity: 0.7;
}

.sldmainimg .mimg li .mimgc .mbtn:hover::after {
    right: 10px;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2 {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    border: none;
    background-color: rgba(255, 255, 255, 0);
    max-width: 100%;
    height: 100%;
    left: 0;
    bottom: auto;
    top: 0;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2 p {
    display: none;
}

.sldmainimg .mimg li .mimgc .mbtn.spcov2::after {
    display: none;
}

@media screen and (max-width: 584px) {
    .sldmainimg .mimg li .mimgc .mbtn.spcov {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        border: none;
        background-color: rgba(255, 255, 255, 0);
        max-width: 100%;
        height: 100%;
        left: 0;
        bottom: auto;
        top: 0;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov p {
        display: none;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov::before {
        border: 1px solid #fff;
        background-color: #FAC600;
        width: 30px;
        height: 30px;
        position: absolute;
        content: "";
        z-index: 2;
        right: 4px;
        bottom: 4px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
    }

    .sldmainimg .mimg li .mimgc .mbtn.spcov::after {
        content: "";
        position: absolute;
        right: 16px;
        top: auto;
        bottom: 14px;
        z-index: 3;
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #000 solid 2px;
        border-right: #000 solid 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.sldmainimg .mimg li > img {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

.sldmainimg .mimg li > img.sc {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.sldmainimg .ppp {
    width: 60px;
    height: 60px;
    z-index: 30;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 46%;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .ppp::after {
    content: "";
    position: absolute;
    left: 22px;
    top: 22px;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: auto;
    border-left: #fff solid 4px;
    border-bottom: #fff solid 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sldmainimg .ppp:hover {
    opacity: 0.7;
}

@media screen and (max-width: 584px) {
    .sldmainimg .ppp {
        width: 40px;
        height: 40px;
    }

    .sldmainimg .ppp::after {
        left: 16px;
        top: 16px;
        width: 8px;
        height: 8px;
        border-left: #fff solid 2px;
        border-bottom: #fff solid 2px;
    }
}

.sldmainimg .nnn {
    width: 60px;
    height: 60px;
    z-index: 30;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0;
    top: 46%;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sldmainimg .nnn::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 22px;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin: auto;
    border-top: #fff solid 4px;
    border-right: #fff solid 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sldmainimg .nnn:hover {
    opacity: 0.7;
}

@media screen and (max-width: 584px) {
    .sldmainimg .nnn {
        width: 40px;
        height: 40px;
    }

    .sldmainimg .nnn::after {
        left: 16px;
        top: 16px;
        width: 8px;
        height: 8px;
        border-top: #fff solid 2px;
        border-right: #fff solid 2px;
    }
}

.sldmainimg .stmb {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    left: 0;
}

.sldmainimg .stmb li {
    float: none;
    contents: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    background-color: #fff;
    opacity: 0.5;
    cursor: pointer;
    z-index: 100;
}

@media screen and (max-width: 584px) {
    .sldmainimg .stmb li {
        margin-left: 6px;
    }
}

.sldmainimg .stmb li:first-child {
    margin-left: 0;
}

.sldmainimg .stmb li:hover {
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10, .sldmainimg.s9 .mimg li.s9, .sldmainimg.s8 .mimg li.s8, .sldmainimg.s7 .mimg li.s7, .sldmainimg.s6 .mimg li.s6, .sldmainimg.s5 .mimg li.s5, .sldmainimg.s4 .mimg li.s4, .sldmainimg.s3 .mimg li.s3, .sldmainimg.s2 .mimg li.s2, .sldmainimg.s1 .mimg li.s1 {
    pointer-events: auto;
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10 img.sc, .sldmainimg.s9 .mimg li.s9 img.sc, .sldmainimg.s8 .mimg li.s8 img.sc, .sldmainimg.s7 .mimg li.s7 img.sc, .sldmainimg.s6 .mimg li.s6 img.sc, .sldmainimg.s5 .mimg li.s5 img.sc, .sldmainimg.s4 .mimg li.s4 img.sc, .sldmainimg.s3 .mimg li.s3 img.sc, .sldmainimg.s2 .mimg li.s2 img.sc, .sldmainimg.s1 .mimg li.s1 img.sc {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.sldmainimg.s10 .mimg li.s10 .mimgc, .sldmainimg.s9 .mimg li.s9 .mimgc, .sldmainimg.s8 .mimg li.s8 .mimgc, .sldmainimg.s7 .mimg li.s7 .mimgc, .sldmainimg.s6 .mimg li.s6 .mimgc, .sldmainimg.s5 .mimg li.s5 .mimgc, .sldmainimg.s4 .mimg li.s4 .mimgc, .sldmainimg.s3 .mimg li.s3 .mimgc, .sldmainimg.s2 .mimg li.s2 .mimgc, .sldmainimg.s1 .mimg li.s1 .mimgc {
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    opacity: 1;
}

.sldmainimg.s10 .mimg li.s10 .mimgc .mcpy1 p, .sldmainimg.s9 .mimg li.s9 .mimgc .mcpy1 p, .sldmainimg.s8 .mimg li.s8 .mimgc .mcpy1 p, .sldmainimg.s7 .mimg li.s7 .mimgc .mcpy1 p, .sldmainimg.s6 .mimg li.s6 .mimgc .mcpy1 p, .sldmainimg.s5 .mimg li.s5 .mimgc .mcpy1 p, .sldmainimg.s4 .mimg li.s4 .mimgc .mcpy1 p, .sldmainimg.s3 .mimg li.s3 .mimgc .mcpy1 p, .sldmainimg.s2 .mimg li.s2 .mimgc .mcpy1 p, .sldmainimg.s1 .mimg li.s1 .mimgc .mcpy1 p {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.sldmainimg.s10 .stmb li:nth-child(10), .sldmainimg.s9 .stmb li:nth-child(9), .sldmainimg.s8 .stmb li:nth-child(8), .sldmainimg.s7 .stmb li:nth-child(7), .sldmainimg.s6 .stmb li:nth-child(6), .sldmainimg.s5 .stmb li:nth-child(5), .sldmainimg.s4 .stmb li:nth-child(4), .sldmainimg.s3 .stmb li:nth-child(3), .sldmainimg.s2 .stmb li:nth-child(2), .sldmainimg.s1 .stmb li:nth-child(1) {
    opacity: 1;
}

.secplan {
    background-color: #012A3B;
    position: relative;
    padding-bottom: 60px;
}

@media screen and (max-width: 584px) {
    .secplan {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.secplan::after {
    width: 1000px;
    height: 1000px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
/*     background-image: url("../img/top/bg_02.png"); */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

@media screen and (max-width: 584px) {
    .secplan::after {
        width: 100%;
    }
}

.secplan .secin {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    color: #fff;
}

@media screen and (max-width: 584px) {
    .secplan .secin {
        padding: 20px;
    }
}

.secplan .secin p.lead {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.secplan .secin p.lead.sty2 {
    margin-top: 0px;
}

@media screen and (max-width: 584px) {
    .secplan .secin p.lead {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.secplan .secin .rbtn {
    position: absolute;
    width: 100%;
    height: 40px;
    text-align: center;
    left: 0;
    bottom: 0;
    background-color: #B08E46;
}

@media screen and (max-width: 584px) {
    .secplan .secin .rbtn {
        position: relative;
        left: auto;
        bottom: auto;
    }
}

.secplan .secin .rbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secplan .secin .rbtn a p {
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secplan .secin .rbtn:hover {
    opacity: 0.7;
}

.secplan .secin ul.slide {
    z-index: 3;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 584px) {
    .secplan .secin ul.slide {
        display: block;
    }
}

.secplan .secin ul.slide li {
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
    padding-bottom: 60px;
    position: relative;
}

.secplan .secin ul.slide li:nth-child(3n) {
    /* margin-right: 30px; */
}

@media screen and (max-width: 584px) {
    .secplan .secin ul.slide li.slide-item {
        width: 85vw;
    }

    .secplan .secin ul.slide li .rbtn {
        margin-top: 20px;
    }
}

.secplan .secin ul.slide li figure {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.secplan .secin ul.slide li figure img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.secplan .secin ul.slide li figure p.note {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 3;
}

.secplan .secin ul.slide li h5 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.secplan .secin ul.slide li p {
    line-height: 1.8em;
    text-align: left;

}

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

    .secplan .secin ul.slide li p {
font-size: 3.5vw;

    }
}

.secplan .slick-dots {
    bottom: 10px;
    text-align: center !important;
}

.secplan .slick-dots li {
    position: relative !important;
    display: inline-block !important;
    height: 20px !important;
    width: 20px !important;
    margin: 0 5px !important;
    padding: 0 !important;
    cursor: pointer !important;
    float: none !important;
}

.secplan .slick-dots li button:before {
    color: #fff !important;
}

.secplan h3 {
    color: #B08E46;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
}

.secplan h3 span {
    background-color: #012A3B;
    display: inline-block;
    z-index: 3;
    letter-spacing: 4px;
    font-size: 24px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 18px;
}

@media screen and (max-width: 584px) {
    .secplan h3 span {
        font-size: 6vw;
    }
}

.secplan h3::after {
    z-index: 1;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #B08E46;
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 750px) {
    .sec2a0 .arrset {
        /*display: block;*/
        display: none;
    }
}

.secabout {
    background-color: #fff;
    position: relative;
    padding-bottom: 60px;
}

@media screen and (max-width: 584px) {
    .secabout {
        padding-bottom: 0px;
    }
}

.secabout::before {
    content: "";
    background-color: #F8F2EA;
    left: 0;
    top: 0;
    width: 40%;
    height: 40%;
    z-index: 1;
    position: absolute;
}

@media screen and (max-width: 584px) {
    .secabout::before {
        display: none;
    }
}

.secabout .secin {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    color: #fff;
}

@media screen and (max-width: 584px) {
    .secabout .secin {
        padding-top: 6vw;
        padding-bottom: 0px;
    }
}

.secabout .secin p.lead {
    color: #012A3B;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secabout .secin h3 {
    color: #B08E46;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
}
@media screen and (max-width: 584px) {
    .secabout .secin h3 {
        width: 90%;
    }
}
.secabout .secin h3 span {
    background-color: #fff;
    display: inline-block;
    z-index: 3;
    letter-spacing: 4px;
    font-size: 24px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 18px;
}

@media screen and (max-width: 584px) {
    .secabout .secin h3 span {
        font-size: 5vw;
        margin-bottom: 9px;
    }
}

.secabout .secin h3::after {
    z-index: 1;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #B08E46;
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.secabout .secin ul {
    position: relative;
    margin-top: 40px;
}

.secabout .secin ul li {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.secabout .secin ul li.s2 {
    width: 100%;
    float: left;
}

@media screen and (max-width: 584px) {
    .secabout .secin ul {
        margin-top: 20px;
    }
    .secabout .secin ul li.s2 {
        width: 100%;
        /* height: 100%; */
        float: none;
    }
}

.secabout .secin ul li.s3 {
    width: 50%;
    float: left;
}

@media screen and (max-width: 584px) {
    .secabout .secin ul li.s3 {
        width: 100%;
        float: none;
    }
}

.secabout .secin ul li .bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    opacity: 0;
}

.secabout .secin ul li .sin {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.secabout .secin ul li .sin p {
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secabout .secin ul li .sin .rbtn {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #B08E46;
    max-width: 200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.secabout .secin ul li .sin .rbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secabout .secin ul li .sin .rbtn a p {
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secabout .secin ul li .sin .rbtn:hover {
    opacity: 0.7;
}

.secabout .secin ul li .sin h4 {
    color: #B08E46;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.secabout .secin ul li .sin h4 span {
    display: block;
    z-index: 3;
    font-size: 16px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    color: #000;
}

@media screen and (max-width: 584px) {
    .secabout .secin ul li .sin h4 {
        font-size: 5vw;
        letter-spacing: 2px;
    }

    .secabout .secin ul li .sin h4 span {
        font-size: 4vw;
        margin-top: 10px;
    }
}

.secabout .secin ul li::after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

.secabout .secin ul li.s1 {
    background-image: url("../img/top/cpnl1_01.jpg");
}



.secabout .secin ul li.s2 {
    background-image: url("../img/top/cpnl1_02.jpg");
    background-position: center;
    background-size: cover;
}

.secabout .secin ul li.s3 {
    background-image: url("../img/top/cpnl1_03.jpg");
}
@media screen and (max-width: 584px) {
    .secabout .secin ul li.s1 {
        background-image: url("../img/top/cpnl1_01@sp.jpg");
    }
    .secabout .secin ul li.s2 {
        height: 260px;
    }
}
.secabout .secin ul li:hover::after {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.secabout2 {
    background-color: #fff;
    position: relative;
}

.secabout2 p.lead {
    color: #012A3B;
}

.secabout2 h3 {
    color: #B08E46;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 584px) {
    .secabout2 h3 {
        width: 90%;
    }
}
.secabout2 h3 span {
    background-color: #fff;
    display: inline-block;
    z-index: 3;
    letter-spacing: 4px;
    font-size: 24px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 18px;
}

@media screen and (max-width: 584px) {
    .secabout2 h3 span {
        font-size: 5vw;
    }
}

.secabout2 h3::after {
    z-index: 1;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #B08E46;
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.secabout2 ul {
    position: relative;
    margin-top: 40px;
}

.secabout2 ul li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 584px) {
    .secabout2 ul {
        position: relative;
        margin-top: 0px;
    }
    .secabout2 ul li {
        width: 100%;
    }
}

.secabout ul li .bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    opacity: 0;
}
.secabout ul {
    position: relative;
    margin-top: 40px;
}

.secabout ul li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 584px) {
    .secabout ul li {
        width: 100%;
    }
}

.secabout ul li .bg {
    display: block;
    vertical-align: bottom;
    width: 100%;
    opacity: 0;
}

.secabout2 ul li .sin {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 90%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
}


.secabout ul li .sin {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 90%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
}

.secabout2 ul li .sin p {
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
    color: #000;
}

@media screen and (max-width: 584px) {
    .secabout2 ul li .sin p {
        font-size: 3.5vw;
    }
}
.secabout ul li .sin p {
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
    color: #000;
}

@media screen and (max-width: 584px) {
    .secabout ul li .sin p {
        font-size: 3.5vw;
    }
}

.secabout2 ul li .sin .rbtn {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #B08E46;
    max-width: 200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.secabout2 ul li .sin .rbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secabout2 ul li .sin .rbtn a p {
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secabout2 ul li .sin .rbtn:hover {
    opacity: 0.7;
}

.secabout2 ul li .sin h4 {
    color: #B08E46;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.secabout2 ul li .sin h4 span {
    display: block;
    z-index: 3;
    font-size: 16px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    color: #1a1a1a;
    margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
    .secabout2 ul li .sin h4 {
        font-size: 5vw;
        letter-spacing: 2px;
        font-size: 5vw;
        margin-bottom: 9px;
    }

    .secabout2 ul li .sin h4 span {
        font-size: 4vw;
    }
}

.secabout2 ul li::after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

.secabout2 ul li.s1::after {
    background-image: url("../img/top/cpnl2_01.jpg");
}

.secabout2 ul li.s2::after {
    background-image: url("../img/top/cpnl2_02.jpg");
}

.secabout2 ul li.s3::after {
    background-image: url("../img/top/cpnl2_03.jpg");
}

.secabout2 ul li.s4::after {
    background-image: url("../img/top/cpnl2_04.jpg");
}

.secabout2 ul li:hover::after {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.secroom {
    background-color: #fff;
    position: relative;
}

.secroom::before {
    content: "";
    background-color: #F8F2EA;
    right: 0;
    bottom: 0;
    width: 60%;
    height: 40%;
    z-index: 1;
    position: absolute;
}

.secroom .rli {
    position: relative;
}

.secroom .rli .slide-item {
    width: 330px;
    position: relative;
    box-sizing: border-box;
    margin-right: 50px;
}

@media screen and (max-width: 584px) {
    .secroom .rli .slide-item {
        width: 90vw;
        max-width: 300px;
    }
}

.secroom .rli .slide-item figure {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    z-index: 3;
}

.secroom .rli .slide-item figure img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.secroom .rli .slide-item figure p.note {
    right: 25px;
    bottom: 25px;
}

.secroom .slick-dots {
    bottom: -50px;
}

.secroom .slick-dots li {
    float: none;
}

.secroom .rli .slide-item .rinfo { /*background-color: #fff;*/
    background-color: #F3E8DF;
    margin-top: -60px;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    padding: 40px;
    padding-top: 60px;
}

.secroom .rli .slide-item .rinfo h4 {
    text-align: center;
    color: #062A3B;
    margin-bottom: 20px;
}

.secroom .rbtn {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #B08E46;
    margin-left: auto;
    margin-right: auto;
}

.secroom .rbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secroom .rbtn a p {
    z-index: 7;
    position: relative;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secroom .rbtn:hover {
    opacity: 0.7;
}

.secroom .rli .slide-item .rinfo p.rifop {
    min-height: 160px;
    color: #062A3B;
    line-height: 1.8em;
    text-align: left;
    font-size: 14px;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

@media screen and (max-width: 584px) {
    .secroom .rli .slide-item .rinfo p.rifop {
        min-height: 100px;
        line-height: 1.5em;
        font-size: 3.5vw;
    }
}

.secroom .rli .slide-item .rinfo .btnset {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center;
}

@media screen and (max-width: 584px) {
    .secroom .slick-dots li {
        margin: 0;
    }
}

.secroom .rli .slide-item .rinfo .btnset a {
    width: 49%;
    height: 100%;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #062A3B;
    box-sizing: border-box;
}

.secroom .rli li .rinfo .btnset a p {
    font-size: 16px;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.secroom .rli .slide-item .rinfo .btnset a.pdetail, .secroom .rli .slide-item .rinfo .btnset a.rsv {
    margin-right: 0%;
    background-color: #062A3B;
}

.secroom .rli .slide-item .rinfo .btnset a.pdetail p, .secroom .rli .slide-item .rinfo .btnset a.rsv p {
    color: #fff;
}

.secroom .rli .slide-item .rinfo .btnset a:hover {
    opacity: 0.7;
    background-color: #062A3B;
}

.secroom .rli .slide-item .rinfo .btnset a:hover p {
    color: #fff;
    font-size: 14px;
}

.secroom .rli .slide-item .rinfo h4 {
    font-size: 16px;
}

.secroom .rli .slide-item .rinfo table {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #062A3B;
    border-bottom: 1px solid #062A3B;
    margin-bottom: 20px;
}

.secroom .rli .slide-item .rinfo table td {
    text-align: center;
    position: relative;
}

.secroom .rli .slide-item .rinfo table td::after {
    width: 1px;
    height: 60%;
    content: "";
    background-color: #062A3B;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.secroom .rli .slide-item .rinfo table td:last-child::after {
    display: none;
}

@media only screen and (max-width: 750px) {
    .secroom .rli .slide-item .rinfo {
        padding: 15px;
        padding-top: 60px;
    }

    .secroom .rli .slide-item .rinfo p {
        font-size: 3.5vw;
    }
}

.secroom .secin {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 0px;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    color: #fff;
}

@media screen and (max-width: 584px) {
    .secroom .secin {
        padding: 20px;
        padding-top: 6vw;
        padding-bottom: 0px;
    }
}

.secroom .secin h4 {
    color: #012A3B;
}

.secroom .secin p.lead {
    color: #012A3B;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif;
}

.secroom .secin p.lead.sty2 {
    margin-top: 0px;
}

@media screen and (max-width: 584px) {
    .secroom .secin p.lead {
        font-size: 3.5vw;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.secroom .secin h3 {
    color: #B08E46;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
}
@media screen and (max-width: 584px) {
    .secroom .secin h3 {
        width: 90%;
    }
}
.secroom .secin h3 span {
    background-color: #fff;
    display: inline-block;
    z-index: 3;
    letter-spacing: 4px;
    font-size: 24px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 18px;
}

@media screen and (max-width: 584px) {
    .secroom .secin h3 span {
        font-size: 5vw;
        margin-bottom: 9px;
    }
}

.secroom .secin h3::after {
    z-index: 1;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #B08E46;
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.secroom .sec2a0 {
    position: relative;
    overflow: hidden;
    z-index: 3;
    padding-bottom: 100px;
}

@media screen and (max-width: 584px) {
    .secroom .sec2a0 {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 584px) {
    .secroom .sec2a0 .slick-list {
        margin-right: 0px;
    }
}

.secplan .secin p.lead.sty2,
.secroom .secin p.lead.sty2,
.secabout .secin p.lead.sty2 {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 18px;
}

@media screen and (max-width: 584px) {
    .secplan .secin p.lead.sty2,
    .secroom .secin p.lead.sty2,
    .secabout .secin p.lead.sty2 {
        font-size: 4.5vw;
    }
}

#newsticker dl{
	width: 100%;
position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top: 10px;
	margin-bottom: 10px;
}
#newsticker dl dt{
	width: 130px;
	text-align: center;
}

#newsticker dl dd{
	width: calc(100% - 160px);
}
#newsticker dl dd a{
	text-decoration: underline;
}
@media screen and (max-width: 584px) {
	#newsticker dl dt{
		width: 120px;
		text-align: center;
	}

	#newsticker dl dd{
		width: calc(100% - 120px);
	}
}



#popUp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
    overflow-y: scroll;
    z-index: 1714;
}

#popUp table {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
#popUp table tr th,
#popUp table tr td {
    text-align: left;
    font-size: 12px;
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid #ccc;
}



#popUpInfo {
    width: 1100px;
    margin: 2% auto;
}

#popCloseBtn {
    color: #fff;
    background: rgb(150 150 150 / 80%);
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    margin-top: 20px;
}

#popCloseBtn:hover {
    opacity: 0.6;
    cursor: pointer;
}

#popUpInfo .popUpInner {
    /* border: 3px solid #000; */
    background: #fff;
    padding: 40px 40px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
}
#popUpInfo .popUpInner figure{
    width: 100%;
    max-width: 856px;
    margin-left: auto;
    margin-right: auto;
}
#popUpInfo .popUpInner figure img{
    display: block;
    vertical-align: bottom;
    width: 100%;
}
#popUpInfo .infoDate {
    text-align: right;
    font-size: 13px;
}

#popUpInfo .infoCorp {
    text-align: right;
    font-size: 13px;
}

#popUpInfo .infoTitle {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

#popUpInfo .infoTxt .sizeLbold {
    font-weight: 600;
    font-size: 18px;
}

#popUpInfo .infoTxt .bold {
    font-weight: 600;
}

#popUpInfo .infoTxt a {
    display: inline-block;
}

#popUpInfo .infoTxt .mail {
    text-decoration: underline;
}

@media screen and (max-width: 584px) {
    #popUp {
        position: fixed;
        top: 1vh;
        left: 0;
        width: 100%;
        min-width: 0px;
        height: 90vh;
    }

    #popUpInfo {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        box-sizing: border-box;
    }
    #popUpInfo .popUpInner {
        padding: 20px 20px;
        font-size: 14px;
    }
    #popUpInfo .infoTxt{
        font-size: 13px;
        text-align: left;
    }
    #popUpInfo .infoTxt br{
        display: none;
    }
    #popUpInfo .infoTxt br.sp{
        display: block;
    }
    #popUpInfo .infoTitle {
        font-size: 16px;
    }
    /*#popUp table tr th,*/
    /*#popUp table tr td {*/
    /*display: block;*/
    /*width: 100%;*/
    /*padding: 0;*/
    /*margin-bottom: 6px;*/
    /*}*/
}
.mimg li  .rbtn {position: relative;width: 100%;height: 40px;text-align: center;background-color: #004264;opacity: 0.7;max-width: 300px;margin-left: auto;margin-right: auto;}
.mimg li  .rbtn a { display: block; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.mimg li  .rbtn a p { text-align: center; color: #fff; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif; }
.mimg li .rbtn{
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index: 777;
}

@media screen and (max-width: 584px) {
  .mimg li .rbtn{
    bottom:40px;

    height: 40px;
    max-width: 240px;
  }
}

/* アプリ リニューアルスライダー調整ここから */
.mimg li.s1 .rbtn {
    bottom: 13%;
}
@media screen and (max-width: 584px) {
  .mimg li.s1 .rbtn {
      bottom: 17%;
  }
  .mimg li.s1 .imgNotes {
      bottom: 5px;
  }
}
/* アプリ リニューアルスライダー調整ここまで */

@media only screen and (max-width: 750px) { .pc { display: none !important; }
  .sp { display: block !important; } }


.mimg li  .rbtn2 { position: relative; width: 100%; height: 50px; text-align: center; background-color: #003f97; max-width: 300px; margin-left: auto; margin-right: auto; }
.mimg li  .rbtn2 a { display: block; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.mimg li  .rbtn2 a p { text-align: center; color: #fff; font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 'Hiragino Kaku Gothic ProN', Meiryo, "ＭＳ ゴシック", sans-serif; }
.mimg li .rbtn2{
    position: absolute;
    left: 50%;
    bottom: 35px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index: 777;
}
@media screen and (max-width: 584px) {
  .mimg li .rbtn2{
    bottom:40px;

    height: 40px;
    max-width: 240px;
  }
}
@media only screen and (max-width: 750px) { .pc { display: none !important; }
  .sp { display: block !important; } }
.secbann {background-color: #212324;}
.secbann .secin {max-width: 1000px;position: relative;box-sizing: border-box;padding-top: 20px;padding-bottom: 20px;margin-left: auto;margin-right: auto;}
.secbann .secin ul {width: 100%;display: flex;justify-content: space-between;align-items: center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
@media screen and (max-width: 584px) { .secbann .secin ul {width: 96%;margin-left: auto;margin-right: auto;margin-top: 30px;} }
.secbann .secin ul li {width: 49%;box-sizing: border-box;position: relative;margin-bottom: 20px;/* margin-top: 10px; */}
.secbann .secin ul li.c3 { width: 100%; }
.secbann .secin ul li a { display: block; width: 100%; height: 100%; position: relative; }
.secbann .secin ul li a img { display: block; vertical-align: bottom; width: 100%; }
@media screen and (max-width: 584px) { .secbann .secin ul li { width: 100%; margin-bottom: 10px; } }

.secbannb { background-color: #f9f5f2; }
.secbannb .secin { max-width: 1000px; position: relative; box-sizing: border-box; padding-top: 30px; padding-bottom: 10px; margin-left: auto; margin-right: auto; }
.secbannb .secin ul { width: 100%; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 584px) { .secbannb .secin ul { width: 96%; margin-left: auto; margin-right: auto; } }
.secbannb .secin ul li { width: 49%; box-sizing: border-box; position: relative; margin-bottom: 30px; }
.secbannb .secin ul li.c3 { width: 100%; }
.secbannb .secin ul li a { display: block; width: 100%; height: 100%; position: relative; }
.secbannb .secin ul li a img { display: block; vertical-align: bottom; width: 100%; }
@media screen and (max-width: 584px) { .secbannb .secin ul li { width: 100%; margin-bottom: 10px; } }

/* TOP infomationモーダル ここから */
.modaal-content-container {
    padding: 0;
}
.modaal-container{
    max-width: 650px;
    margin-top: 44px;
    margin-bottom: 80px;
}
.modaal-wrapper .modaal-close {
    position: absolute;
    width: 44px;
    height: 44px;
    top: -44px;
    right: 0;
    border-radius: 3px 3px 0 0;
    background: #000;
}
.modaal-wrapper .modaal-close:before,.modaal-wrapper .modaal-close:after {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 2px;
    height: 16px;
    margin: auto;
}
.modaal-wrapper .modaal-close:hover:before,.modaal-wrapper .modaal-close:hover:after {
    background: #fff;
}
.modaal-wrapper .info_img{
    pointer-events: auto;
    width: 100%;
    margin: 0 auto;
}
.modaal-wrapper .info_img a:hover{
    opacity: 1;
}
.modaal-wrapper .info_img a {
    display: block;
}
.modaal-wrapper .info_img a.gray {
    border: 1px solid #777;
}
@media only screen and (max-width: 750px) {
    .modaal-inner-wrapper {
        padding: 6px;
    }
    .modaal-content-container {
        padding: 0;
    }
    .modaal-container{
        max-width: 710px;
        width: 80%;
    }
}
/* TOP infomationモーダル ここまで */