@import"https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap";

/* 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
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif
}

b,
strong,
.bold {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif
}

_:lang(x)::-ms-backdrop,
body {
    font-family: "Segoe UI", Meiryo, sans-serif
}

.hana-font {
    font-family: "Hina Mincho", serif
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

.button {
    font-size: 16px;
    font-weight: bold;
    color: #5eaa39;
    text-align: center;
    display: inline-block;
    width: 320px;
    border: 2px solid #5eaa39;
    border-radius: 25px;
    padding: 15px 0;
    background-color: #fff;
    position: relative;
    -webkit-transition: .1s;
    transition: .1s
} */

_:lang(x)::-ms-backdrop,
body {
    font-family: "Segoe UI", Meiryo, sans-serif
}

.bgc {
    background: linear-gradient(rgba(82, 212, 255, 1.0),rgba(16, 41, 133, 1.0));
}

@media (min-width:751px){

    #fv { width: 100%; height: 660px; background: url(../images/littlemermaid/fv_bgimg.jpg) center; 
        background-size: cover; position: relative; overflow: hidden; }
/*  #fv .slide_i li:first-child { background: url("../images/littlemermaid/fv01.jpg") center center no-repeat; 
        background-size: cover; width: 100%; height: 100%; }
    #fv .slide_i li:nth-child(2) { background: url("../images/littlemermaid/fv02.jpg") center center no-repeat; 
        background-size: cover; width: 100%; height: 100%; }
    #fv .slide_i li:nth-child(3) { background: url("../images/littlemermaid/fv03.jpg") center center no-repeat; 
        background-size: cover; width: 100%; height: 100%; }*/

    #fv .mainWidth {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
/*      position: initial;
        margin-left: auto;*/
    }
    #fv h2 { width: 444px; height: 326px; text-indent: -10000px; overflow: hidden;
        background: url(../images/littlemermaid/fv_txt.png) center center no-repeat; background-size: contain;}
    #fv h3 { width: 150px; height: 38px; margin: 0 auto; text-indent: -10000px; overflow: hidden;
        background: url(../images/littlemermaid/shikilogo_4C_RGB.jpg) center center no-repeat; background-size: contain;
        position: absolute; top: 10px; right: 10px; }
    #fv #akaaka_logo {
        position: absolute;z-index: 10; left: 0; top: -30px;
    }
    #fv ul.slide_i {
        display: none;
    }
    #fv small {
        color: #FFF;
        font-size: 12px;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

}

@media (max-width:750px) {
    #fv .mainWidth { padding-top: 60vw;  }
    /*#fv .slide_i li:first-child { background: url("../images/pref/miyagi/fv01_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }
    #fv .slide_i li:nth-child(2) { background: url("../images/pref/miyagi/fv02_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }
    #fv .slide_i li:nth-child(3) { background: url("../images/pref/miyagi/fv03_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }*/
    #fv { width: 100%; height: 133vw; background: url(../images/littlemermaid/fv_bgimg_sp.jpg);
        background-size: cover; position: relative; overflow: hidden; }
    #fv h2 { width:80vw; height: 50vw; margin: 0 auto; text-indent: -10000px; overflow: hidden;
        background: url(../images/littlemermaid/fv_txt.png) center center no-repeat;
        background-size: contain; }
    #fv h3 { width: 25vw; height: 7.5vw; margin: 0 auto; text-indent: -10000px; overflow: hidden;
        background: url(../images/littlemermaid/shikilogo_4C_RGB.jpg) center center no-repeat; background-size: contain;
        position: absolute; top: 4vw; right: 4vw;}
    #fv ul.slide_i {
        display: none;
    }
    #fv #akaaka_logo {
        position: absolute; z-index: 10; left: -6vw; top: -10vw; width: 40vw; ;
    }
    #fv small {
        color: #FFF;
        font-size: 3vw;
        position: absolute;
        bottom: 2vw;
        right: 2vw;
    }
}

@media (min-width: 751px) and (max-width: 1145px) {
    #maincontents #fv .mainWidth {
        left: 0;
        margin-left: 0;
    }
    #fv h3 { right: 2vw; margin-right:0; }
}

@media (min-width:751px){
    #invitation { padding: 80px 0; color:#FFF; font-size: 16px; }
    #invitation h3 { text-align:center; font-size: 35px; margin-bottom:50px; font-family: "Yu Mincho", "YuMincho", serif; }
    #invitation h3::before { content:"-"; padding-right:10px; }
    #invitation h3::after { content:"-"; padding-left:10px; }
    #invitation .lead { width:840px; margin-right:auto; margin-left:auto; margin-bottom:50px; }
    #invitation .detail h4 { text-align:center; font-size:26px; margin-bottom:20px; font-family: "Yu Mincho", "YuMincho", serif; font-weight:normal; }
    #invitation .detail h4::before { content:"-"; padding-right:10px; }
    #invitation .detail h4::after { content:"-"; padding-left:10px; }
    #invitation .tokuten { justify-content:center; margin-bottom:50px; }
    #invitation .tokuten .tokuten_d { width:400px; height:80px; display:flex;
    flex-direction: column; justify-content:center; align-items:center; position:relative;
    background: #102985; color: #FFF; margin: 0 20px;}
    #invitation .tokuten .tokuten_d:first-of-type:after { content:"+"; font-size: 30px; position:absolute; right: -30px; }
    #invitation .spec { width: 600px; margin:auto; }
    #invitation dl { display:flex; flex-wrap:wrap; margin-bottom:20px; }
    #invitation dl dt { width: 10em;margin-right:2em; }
    #invitation dl dd a.cbtn { margin-top:10px; }
    #maincontents #invitation dl dd a.cbtn { border-color: #FFF; color:#FFF !important; }
    #maincontents #invitation dl dd a.cbtn:hover { border-color: #003080; }
    #maincontents #invitation dl dd a.cbtn:after { background-image: url(../images/icon_bt_on.svg); }
}
@media (max-width:750px){
    #invitation { padding: 12vw 0; color:#FFF; font-size: 4vw; }
    #invitation h3 { text-align:center; font-size:5vw; margin-bottom:8vw; font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: bold; }
    #invitation h3::before { content:"-"; padding-right:0.5em; }
    #invitation h3::after { content:"-"; padding-left:0.5em; }
    #invitation .lead { margin-bottom:8vw; }
    #invitation .detail h4 { text-align:center; font-size: 5.5vw; margin-bottom: 6vw; font-family: "Yu Mincho", "YuMincho", serif;  }
    #invitation .detail h4::before { content:"-"; padding-right: 0.5em; }
    #invitation .detail h4::after { content:"-"; padding-left: 0.5em; }
    #invitation .tokuten { justify-content:center; margin-bottom:8vw; }
    #invitation .tokuten .tokuten_d { width:100%; height:16vw; display:flex;
    flex-direction: column; justify-content:center; align-items:center; position:relative; 
    background: #102985; color: #FFF; margin-bottom: 6vw;}
    #invitation .tokuten .tokuten_d:first-of-type:after { content:"+"; font-size: 6vw; position:absolute; bottom: -6vw; }
/*    #invitation .spec { width: 700px; margin:auto; }*/
    #invitation dl { display:flex; flex-wrap:wrap; flex-direction: column; margin-bottom:4vw; }
    #invitation dl dt { margin-bottom:4vw; }
    #invitation dl dd a.cbtn { margin-top:4vw; }
    #maincontents #invitation dl dd a.cbtn { border-color: #FFF; color:#FFF !important; }
/*    #maincontents #invitation dl dd a.cbtn:hover { border-color: #003080; }*/
    #maincontents #invitation dl dd a.cbtn:after { background-image: url(../images/icon_bt_on.svg); }
}
.hana-font {
/*    font-family: "Hina Mincho", serif;*/
    font-family: "Yu Mincho", "YuMincho", serif;
}

@media screen and (max-width: 750px) {
    .button {
        width: 100%;
        font-size: 3.8vw;
    }
}
.recommend-block-link .button {
    position: relative;
    color: #102985 !important;
    border: #102985 solid 2px;
    border-radius: 50px;
    padding: 10px;
    width: 80%;
    display: block;
    margin: 0 auto;
    font-weight: 600;
}

.recommend-block-link .button:hover{
    opacity: 1 !important;
    color: #fff !important;
}

@media screen and (max-width: 750px) {
    .recommend-block-link .button {
        width: 100%;
    }
}

.button::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 14px;
    -webkit-mask-image: url(../images/littlemermaid/icon-arrow.svg);
    mask-image: url(../images/littlemermaid/icon-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #102985;
    top: 50%;
    -webkit-transition: .1s;
    transition: .1s
}

.button.arrow-left::after {
    left: 23px;
    -webkit-transform: translate(0, -50%) scale(-1, 1);
    transform: translate(0, -50%) scale(-1, 1)
}

.button.arrow-right::after {
    right: 23px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.button:hover {
    background-color: #102985;
    color: #fff
}

.button:hover::after {
    background-color: #fff
}

h2.title {
    text-align: center;
    position: relative;
    padding: 2.8em 2em 1.5em;
    font-size: 35px;
    font-weight: normal;
    color: #FFF;
}

@media screen and (max-width: 750px) {
    h2.title {
        font-size: 5vw;
        padding-top: 12vw;
    }
}

h2.title span {
    width: 100%;
    position: relative
}
/*
h2.title span::before {
    content: "";
    position: absolute;
    width: 68px;
    height: 60px;
    background-image: url(../images/littlemermaid/illust04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: .5em;
    left: -2.5em
}
*/
@media screen and (max-width: 750px) {
    h2.title span::before {
        width: 5.6vw;
        height: 5vw
    }
}

/*h2.title span::after {
    content: "";
    position: absolute;
    width: 68px;
    height: 60px;
    background-image: url(../images/littlemermaid/illust04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: .5em;
    right: -2.5em
}
*/
@media screen and (max-width: 750px) {
    h2.title span::after {
        width: 5.6vw;
        height: 5vw
    }
}

/*h2.title::before {
    content: "";
    position: absolute;
    width: 107px;
    height: 44px;
    background-image: url(../images/littlemermaid/illust03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 1em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
*/
@media screen and (max-width: 1000px) {
    h2.title::before {
        width: 8.9vw;
        height: 3.6vw
    }
}

h2.title::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #FFF;
    bottom: 1em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (max-width: 1000px) {
    h2.title::after {
        width: 2.5vw;
        height: 1px
    }
}
/*
.mv {
    width: 100%;
    height: 650px;
    background-image: url(../images/littlemermaid/mv.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    .mv{
        background-image: url(../images/littlemermaid/mv_sp.jpg);
        height: 280px;
    }
}

.mv .mv-photo {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain
}

.mv .mv-photo.photo1 {
    width: 355px;
    height: 355px;
    background-image: url(../images/littlemermaid/mv-photo1@x2.png);
    top: -40px;
    left: -60px
}

@media screen and (max-width: 1000px) {
    .mv .mv-photo.photo1 {
        width: 40vw;
        height: 40vw;
        top: -7vw;
        left: -8vw
    }
}

.mv .mv-photo.photo2 {
    width: 326px;
    height: 326px;
    background-image: url(../images/littlemermaid/mv-photo2@x2.png);
    top: -85px;
    right: -40px
}

@media screen and (max-width: 1000px) {
    .mv .mv-photo.photo2 {
        width: 40vw;
        height: 40vw;
        top: -10vw;
        right: -7vw
    }
}

.mv .mv-photo.photo3 {
    width: 330px;
    height: 330px;
    background-image: url(../images/littlemermaid/mv-photo3@x2.png);
    bottom: -40px;
    right: -60px
}

@media screen and (max-width: 1000px) {
    .mv .mv-photo.photo3 {
        width: 40vw;
        height: 40vw;
        bottom: -7vw;
        right: -8vw
    }
}

.mv .inner {
    width: 1200px;
    height: 650px;
    background-image: url(../images/littlemermaid/mv-illust@x2.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1000px) {
    .mv .inner {
        width: 100%
    }
}

.mv .inner .mv-title {
    width: 850px;
    height: 350px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../images/littlemermaid/mv-title@x2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (max-width: 1000px) {
    .mv .inner .mv-title {
        width: 90%
    }
}
*/
.meet {
    width: 100%;
/*    background-color: #fcf9ed;*/
    position: relative;
    overflow: hidden;
/*    background-image: url(../images/littlemermaid/illust09_2.svg);*/
/*    background-position: bottom;*/
/*    background-repeat: repeat-x;*/
/*    background-size: auto*/
}

/*.meet::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 210px;
    top: -30px;
    left: -15px;
    background-image: url(../images/littlemermaid/illust01.svg);
    background-repeat: no-repeat;
    background-size: contain
}
*/
@media screen and (max-width: 750px) {
    .meet::before {
        width: 20vw;
        height: 17vw;
        top: -2.5vw;
        left: -1.25vw
    }
}

/*.meet::after {
    content: "";
    position: absolute;
    width: 245px;
    height: 210px;
    top: -30px;
    right: -15px;
    background-image: url(../images/littlemermaid/illust02.svg);
    background-repeat: no-repeat;
    background-size: contain
}
*/
@media screen and (max-width: 1000px) {
    .meet::after {
        width: 20vw;
        height: 17vw;
        top: -2.5vw;
        right: -1.25vw
    }
}

.meet .inner {
    width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1000px) {
    .meet .inner {
        width: 100%
    }
}

.meet .inner .meet-main-block {
    width: 700px;
    height: 420px;
    margin: 0 auto;
    background-image: url(../images/littlemermaid/meet-photo01@x2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block {
        width: 80vw;
        height: 48vw
    }
}

.meet .inner .meet-main-block::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 87px;
    background-image: url(../images/littlemermaid/illust05.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 264px;
    left: -103px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block::before {
        width: 10vw;
        height: 7.25vw;
        top: 33.6vw;
        left: -9vw
    }
}

.meet .inner .meet-main-block::after {
    content: "";
    position: absolute;
    width: 151px;
    height: 67px;
    background-image: url(../images/littlemermaid/illust06.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 74px;
    right: -136px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block::after {
        width: 10vw;
        height: 4.43vw;
        top: 7.2vw;
        right: -9vw
    }
}

.meet .inner .meet-main-block .meet-info {
    position: absolute;
    width: 260px;
    height: 260px;
    background-color: #fff;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px 0 0;
    background-image: url(../images/littlemermaid/illust10@x2.png);
    background-size: 93px;
    background-position: center 110px;
    background-repeat: no-repeat
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block .meet-info {
        width: 31.6vw;
        height: 31.6vw;
        padding: .5em;
        background-size: 10.36vw;
        background-position: center
    }
}

.meet .inner .meet-main-block .meet-info .title {
    font-size: 28px;
    color: #5eaa39;
    margin-bottom: 110px;
    line-height: 1.2
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block .meet-info .title {
        font-size: 1.5vw;
        margin-bottom: 12.432vw
    }
}

.meet .inner .meet-main-block .meet-info p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-main-block .meet-info p {
        font-size: 1vw
    }
}

.meet .inner .meet-row {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 50px 0 100px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-row {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 25px 100px
    }
}

.meet .inner .meet-row .meet-block {
    width: 460px;
    text-align: center
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-row .meet-block {
        width: 100%;
        margin-bottom: 25px
    }
}

.meet .inner .meet-row .meet-block h3.title {
    text-align: center;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 25px;
    font-size: 28px;
    color: #5eaa39;
    line-height: 1.2;
    position: relative
}

.meet .inner .meet-row .meet-block h3.title span {
    font-size: 20px;
    color: #938168;
    width: 56px;
    height: 61px;
    margin: 0 auto 15px;
    background-image: url(../images/littlemermaid/illust07.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.meet .inner .meet-row .meet-block h3.title::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 43px;
    background-image: url(../images/littlemermaid/illust08.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: -55px
}

.meet .inner .meet-row .meet-block h3.title::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 43px;
    background-image: url(../images/littlemermaid/illust08.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: -55px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.meet .inner .meet-row .meet-block .meet-block-youtube iframe {
    width: 100%;
    height: 260px
}

.meet .inner .meet-row .meet-block .meet-block-twitter {
    width: 100%;
    height: 540px;
    border: 3px solid #5eaa39;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    overflow-y: scroll
}

.meet .inner .meet-row .meet-block.banners {
    position: absolute;
    left: 0;
    bottom: 90px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-row .meet-block.banners {
        position: initial
    }
}

.meet .inner .meet-row .meet-block.banners .banner {
    width: 100%;
    height: 70px;
    background-color: #fff;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #000
}

.meet .inner .meet-row .meet-block.banners .banner::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 14px;
    -webkit-mask-image: url(../images/littlemermaid/icon-arrow.svg);
    mask-image: url(../images/littlemermaid/icon-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #5eaa39;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.meet .inner .meet-row .meet-block.banners .banner.item1 .text {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    text-align: center
}

.meet .inner .meet-row .meet-block.banners .banner.item1 .text p {
    font-size: 14px
}

.meet .inner .meet-row .meet-block.banners .banner.item1 .text p.title {
    font-size: 24px;
    margin-bottom: .3em
}

.meet .inner .meet-row .meet-block.banners .banner.item2 img {
    width: 314px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-row .meet-block.banners .banner.item2 img {
        width: calc(100vw - 140px)
    }
}

.meet .inner .meet-row .meet-block.banners .banner.item3 {
    background-color: #06a543
}

.meet .inner .meet-row .meet-block.banners .banner.item3 img {
    width: 353px
}

@media screen and (max-width: 1000px) {
    .meet .inner .meet-row .meet-block.banners .banner.item3 img {
        width: calc(100vw - 140px)
    }
}

.meet .inner .meet-row .meet-block.banners .banner.item3::after {
    background-color: #fff
}

.recommend-plan {
    width: 100%;
/*    background-color: #fff;*/
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
}




/*.recommend-plan::before {
    content: "";
    position: absolute;
    width: 245px;
    height: 210px;
    top: -30px;
    left: -15px;
    background-image: url(../images/littlemermaid/illust01.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 1000px) {
    .recommend-plan::before {
        width: 20vw;
        height: 17vw;
        top: -2.5vw;
        left: -1.25vw
    }
}

.recommend-plan::after {
    content: "";
    position: absolute;
    width: 245px;
    height: 210px;
    top: -30px;
    right: -15px;
    background-image: url(../images/littlemermaid/illust02.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 1000px) {
    .recommend-plan::after {
        width: 20vw;
        height: 17vw;
        top: -2.5vw;
        right: -1.25vw
    }
}
*/

.recommend-plan .inner {
    width: 1200px;
    margin: 0 auto
}
@media screen and (max-width: 1000px) {
    .recommend-plan .inner {
/*        width: 98vw*/
    width: 98%;
    }
}

.recommend-plan p.lead { 
    text-align: center;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 30px;
 }
@media screen and (max-width: 1000px) {
    .recommend-plan p.lead {
        width: 92vw;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        font-size: 4vw;
        margin-bottom: 6vw;
    }
}
.recommend-block-image.slider {
    border: none;
}
.recommend-plan .inner .recommend-plan-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    padding: 20px 0 70px;
    margin: 0 auto;
    max-width: 1000px;
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks {
        padding: 0
    }
}

.recommend-plan .inner .recommend-plan-blocks .block {
    width: 475px;
    min-height: 630px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .2);
    /* margin: 25px; */
    margin-bottom: 56px;
    border-radius: 0 0 20px 20px;
    background: #FFF;
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block {
        -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .1);
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .1);
        width: 90%;
        margin: 4vw auto;
        height: auto
    }
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title {
    width: 100%;
    min-height: 90px;
/*    padding: 20px 0 0 35px;*/
    position: relative;
/*    overflow: hidden*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 148px;
    top: 0;
    left: 0;
    background-color: #102985
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.6;
    color: #102985
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title.small{
    font-size: 22px;
    line-height: 1.4;
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title span {
    font-size: 20px;
    color: #000;
    display: block
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title span {
        font-size: 4vw
    }
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title,
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-title h3.title.small {
        font-size: 4.6vw
    }
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image,
.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image iframe,
.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image .slide img {
    width: 100%;
    height: 267px;
    object-fit: cover;
    background-color: #ccc
}

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

    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image,
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image iframe,
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image .slide img {
        height: 55.076vw
    }
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image.slider {
    position: relative
}

/* @media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image.slider {
        width: calc(98vw - 50px)
    }
} */

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image.slider .slick-arrow {
    position: absolute;
    text-indent: -9999px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #102985;
    background-image: url(../images/littlemermaid/icon-chevron.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
    border: none;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
    cursor: pointer
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image.slider .slick-arrow.slick-prev {
    right: -17px
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-image.slider .slick-arrow.slick-next {
    left: -17px;
    -webkit-transform: translate(0, -50%) scale(-1, 1);
    transform: translate(0, -50%) scale(-1, 1)
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text {
    padding: 20px 35px 45px;
    overflow: hidden
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text .text-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
    color: #102985;
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text .text-heading span {
    font-size: 16px;
    color: #fff;
    padding: .3em .5em;
    background-color: #102985;
    border-radius: 2px;
    margin-right: .5em
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text .text-heading span {
        font-size: 3.8vw
    }
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text .text-heading {
        font-size: 3.9vw
    }
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text p {
    font-size: 16px;
    color: #000;
    line-height: 1.6
}

@media screen and (max-width: 1000px) {
    .recommend-plan .inner .recommend-plan-blocks .block .recommend-block-text p {
        font-size: 3.8vw
    }
}

.recommend-plan .inner .recommend-plan-blocks .block .recommend-block-link {
    text-align: center;
    padding: 0 20px 20px
}

.recommend-plan h5 {
    color: #FFF;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.recommend-plan ul.note {
    color: #FFF;
    font-size: 16px;
}
.recommend-plan ul.note li {
    margin-left: 21em;
}
@media screen and (max-width: 1000px) {
    .recommend-plan ul.h5 {
        color: #FFF;
        font-size: 4.5vw;
        text-align: center;
        margin-bottom: 6vw;
    }
    .recommend-plan ul.note {
        color: #FFF;
        font-size: 4vw;
    }
    .recommend-plan ul.note li {
        margin-left: 0;
    }
}


.back-block {
    width: 100%;
    background-color: #5eaa39;
    text-align: center;
    padding: 30px 0
}

.back-block .button{
    position: relative;
    background: #fff;
    width: 400px;
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50px;
    color: #5eaa39 !important;
    font-weight: 600;
}

.back-block .button:hover{
    opacity: 1 !important;
}

.button.arrow-left:hover:after{
    background-color: #5eaa39;
    left: 16px;
}

@media screen and (max-width: 1000px) {
    .back-block .button {
        width: 80%
    }
}

.slider{
    overflow: visible !important;
}

.slick-prev{
    left: auto !important;
}