@import url("//fonts.googleapis.com/css2?family=Abel&display=swap");
@import url("//fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa&display=swap");
body {
    background: #F9D6C5;
    font-family: 'Noto Sans JP', sans-serif;
    padding-bottom: 26px;
    /* padding-top: 60px; */
}

img {
    pointer-events: none;
}

.btn {
    color: #ffffff;
    background-color: #68B3C8;
    border-color: #68B3C8;
}
.btn:hover{
    color: #ffffff;
    opacity: 0.8;
}

.block-title{
    width: 100%;
    height: auto;
    margin-inline: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: calc(25px + 2vmin);
}

/*
 * Slider
 */

 .slider {
    margin-bottom: 40px;
 }
 @media (max-width: 992px) {
    .slider {
        margin-bottom: 70px;
    }
 }

.slider-item {
    text-align: center;
}

.slider-title {
    color: #FC4E4E;
    border-bottom-style: solid;
    border-width: 3px;
    font-size: calc(14px + 1vmin);
    display: inline-block;
    margin-bottom: 10px;
}

.sliderAreaPc .col-lg-3 {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderAreaPc .col-lg-1 {
    width: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #FC4E4E;
}

#block-6 .block-title, #block-price .block-title, #block-slider .block-title, #block-price .block-title{
    color: #FC4E4E;
}

nav.navbar {
    padding: 30px 60px 50px;
}

/* nav.navbar a {
    color: #000;
} */

nav.navbar .navbar-brand {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.015em;
    text-align: center;
}

nav.navbar .navbar-brand img {
    width: 100px;
}

nav.navbar .navbar-nav {
    flex-direction: row;
}
@media (max-width: 992px) {
    nav.navbar .navbar-nav {
        margin-top: 10px;
    }
}

nav.navbar .navbar-nav .nav-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.015em;
    text-align: center;
}

nav.navbar .navbar-nav .learner {
    margin-right: 70px;
}

nav.navbar .navbar-nav .teacher .nav-link {
    border: 2px solid #F1A69F;
    border-radius: 30px;
    width: 185px;
    margin-right: 13px;
}

nav.navbar .navbar-nav .language .nav-link,
nav.navbar .navbar-nav .language .dropdown-item {
    font-size: 14.44px;
}

nav.navbar .navbar-nav .dropdown-toggle::after {
    display: none;
}

nav.navbar .navbar-nav .dropdown-menu {
    left: -8px;
    min-width: inherit;
    top: 70%;
}

main h2 {
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: -0.015em;
    text-align: center;
    padding: 6.5px;
    margin-top: 20px;
    margin-bottom: 22px;
}

main .kv {
    position: relative;
    min-height: 285px;
    margin: 0 auto;
    background-image: url(/images/kv-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

main .kv img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

main .title {
    min-height: 285px;
    margin: 30px auto;
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22300%22%20height%3D%22285%22%20viewBox%3D%220%200%20300%20285%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M275.314%2050.5182C301.415%2085.0934%20306.161%20138.122%20292.654%20180.855C279.147%20223.588%20247.205%20256.221%20210.883%20272.538C174.56%20288.854%20133.492%20289.048%2094.4316%20273.315C55.3712%20257.775%2018.3186%20226.502%205.35932%20183.963C-7.59996%20141.618%203.53408%2088.2013%2032.373%2052.8491C61.0295%2017.4969%20107.573%200.403548%20154.665%200.0150626C201.574%20-0.567666%20249.213%2015.7487%20275.314%2050.5182Z%22%20fill%3D%22%23FF0066%22%2F%3E%3C%2Fsvg%3E"); */
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
}

@media(max-width:991px){
    main .title {
        margin: 0 auto;
    }
}

main .col-img {
    margin-top:20px;
    margin-bottom:20px;
}

@media(max-width:991px){
    main .col-img {
        margin-top:-10px;
        text-align:center;
    }
}


main .title h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px;
    letter-spacing: 0.01em;
    text-align: left;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}

main .title .lead {
    list-style: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.015em;
    text-align: left;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
}

main .for-learner {
    background: #fff;
    width: 486px;
    border-radius: 30px;
    padding: 37px 0;
    margin: 30px auto;
}

main .for-learner h4,
main .for-learner p {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.015em;
    text-align: center;
}

main .for-learner h4 {
    text-decoration: underline;
}

main .for-learner p {
    width: 298px;
    margin: 10px auto 10px;
}

a.register {
    background: #F1A69F;
    display: block;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.015em;
    text-align: center;
    color: #000;
    text-decoration: none;
    padding: 8px;
    width: 80%;
    border-radius: 30px;
    margin: 13px auto 0;
}

a.register:hover {
    opacity: 0.9;
}

main .people {
    margin-top: 96px;
    margin-bottom: 50px;
}

main .people ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

main .people li {
    list-style: none;
}

main .people li img {
    width: 9vw;
    height: auto;
}

main .baloon ol {
    margin: 30px 0 120px;
    padding: 0;
}


/* main .baloon ol:after {
    content: '';
    display: block;
    width: 100vw;
    height: 384.6px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/images/Richie_1-1.png);
    background-repeat: no-repeat;
    background-size: 400px 384.6px;
    background-position: 157px top;
} */

main .baloon li {
    list-style: none;
    background: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -0.015em;
    text-align: left;
    width: 877px;
    border-radius: 30px;
    padding: 22px 49px;
    margin-bottom: 60px;
    position: relative;
}

main .baloon li:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 40px;
    bottom: -75px;
    border-radius: 30px;
    background-color: #fff;
}

main .baloon li:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 100px;
    bottom: -95px;
    border-radius: 10px;
    background-color: #fff;
}

main .baloon li:nth-child(even) {
    margin-left: auto;
    margin-bottom: 35px;
}

main .baloon li:nth-child(even):before {
    left: auto;
    right: 40px;
}

main .baloon li:nth-child(even):after {
    left: auto;
    right: 100px;
}

main .method:after {
    content: '';
    display: block;
    width: 100vw;
    height: 15.2vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221217%22%20height%3D%22184%22%20viewBox%3D%220%200%201217%20184%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M0%2057.8794L40.5667%2074.6531C81.1333%2091.7419%20162.267%20124.817%20243.4%20112.453C324.533%2099.6169%20405.667%2041.3419%20486.8%2015.9056C567.933%20-9.05814%20649.067%20-1.18314%20730.2%2015.9056C811.333%2032.6794%20892.467%2057.8794%20973.6%2083.0794C1054.73%20108.279%201135.87%20133.479%201176.43%20146.079L1217%20158.679V183.879H1176.43C1135.87%20183.879%201054.73%20183.879%20973.6%20183.879C892.467%20183.879%20811.333%20183.879%20730.2%20183.879C649.067%20183.879%20567.933%20183.879%20486.8%20183.879C405.667%20183.879%20324.533%20183.879%20243.4%20183.879C162.267%20183.879%2081.1333%20183.879%2040.5667%20183.879H0V57.8794Z%22%20fill%3D%22%23FF5500%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 87px;
}

main .method ol {
    margin: 100px 0 0;
    padding: 0 0 25px;
}

main .method li {
    list-style: none;
    background: #fff;
    min-height: 424px;
    width: 646px;
    border-radius: 30px;
    padding: 53px 49px;
    margin-bottom: 68px;
    overflow: visible;
    position: relative;
}

main .method li:before {
    content: '';
    display: block;
    width: 500px;
    height: 318px;
    position: absolute;
    top: 85px;
    right: -40vw;
}

main .method .image-1:before {
    background-image: url(/images/image-1.png);
    background-size: 500px 318px;
    background-repeat: no-repeat;
}

main .method .image-2:before {
    background-image: url(/images/image-2.png);
    background-size: 500px 318px;
    background-repeat: no-repeat;
}

main .method .image-3:before {
    background-image: url(/images/image-3.png);
    background-size: 500px 318px;
    background-repeat: no-repeat;
}

main .method .image-4:before {
    background-image: url(/images/image-4.png);
    background-size: 500px 318px;
    background-repeat: no-repeat;
}

main .method .image-5:before {
    background-image: url(/images/image-5.png);
    background-size: 500px 318px;
    background-repeat: no-repeat;
}

main .method li h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.015em;
    text-align: left;
    position: relative;
    margin-bottom: 44px;
}

main .method li h3 strong {
    display: block;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 84px;
    letter-spacing: -0.015em;
    text-align: left;
    position: absolute;
    top: -95px;
    left: 0;
}

main .method li p {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -0.015em;
    text-align: left;
}

main .method li:nth-child(even) {
    margin-left: auto;
}

main .method li:nth-child(even):before {
    right: auto;
    left: -40vw;
}

main .method li:nth-child(even) h3 strong {
    left: auto;
    right: 0;
}

main .question {
    padding-top: 53.12px;
}

main .question ul {
    padding-bottom: 8px;
    margin: 0;
    padding: 0;
}

main .question li {
    list-style: none;
    background: #fff;
    width: 1121px;
    border-radius: 30px;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -0.015em;
    text-align: left;
    margin-bottom: 53px;
    padding: 40px 45px;
    width: 100%;
}

main .question li h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.015em;
    text-align: left;
}

main .question li p {
    padding: 10px 40px;
}

main section footer {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.015em;
    text-align: center;
    background: #F1A69F;
    padding: 40px 0;
    top: 1002px;
    border-radius: 30px;
    padding: 30.5px;
}

main>footer {
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.015em;
    margin-top: 40px;
    margin-bottom: 92px;
}

main>footer .text-center {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}

@media (max-width: 1199.98px) {
    main .baloon li {
        margin-bottom: 110px;
    }
    main .baloon li:nth-child(even) {
        margin-bottom: 110px;
    }
    main .method h2 br {
        display: none;
    }
}

@media (max-width: 991.98px) {
    nav.navbar {
        padding-left: 30px;
        padding-right: 30px;
    }
    main .title h1 {
        font-size: 38px;
    }
    main .title .lead {
        font-size: 20px;
    }
    main .for-learner {
        width: auto;
    }
    main .for-learner a.register {
        width: 80%;
    }
    main .for-learner p br {
        display: none;
    }
    main .baloon li {
        width: 100%;
    }
    main .method li {
        width: 100%;
        min-height: auto;
    }
    main .method li:before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    main h2 {
        /* font-size: 26px; */
        margin-top: 20px;
    }
    main .for-learner p {
        width: 298px;
        margin: 5px auto 5px;
    }
    main .baloon li {
        font-size: 22px;
        line-height: 30px;
    }
    main .method li h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    main .method li p {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 0;
    }
    main .question {
        padding-top: 0px;
    }
    main .question ul {
        padding-top: 20px;
    }
    main .question li h3 {
        font-size: 26px;
    }
    main .question li p {
        font-size: 22px;
        line-height: 36px;
        padding: 0;
    }
    main>footer {
        font-size: 20px;
        margin-top: 32px;
    }
    nav.navbar {
        padding: .5rem 0 2rem;
    }
    nav.navbar .navbar-toggler {
        color: rgba(0, 0, 0, 0.1);
    }
    nav.navbar .navbar-nav .nav-link br {
        display: none;
    }
    nav.navbar .navbar-nav .learner {
        margin-right: 0;
    }
    nav.navbar .navbar-nav .teacher .nav-link {
        margin: 0 auto;
    }
    nav.navbar .navbar-nav .dropdown-toggle::after {
        display: inline-block;
    }
    nav.navbar .navbar-nav .dropdown-menu .dropdown-item {
        text-align: center;
    }
    main .title {
        margin-bottom: 0;
    }
    main .for-learner {
        margin-top: 0;
    }
    main .people {
        margin-bottom: 0px;
    }
    main .people ul {
        flex-wrap: wrap;
    }
    main .people li {
        margin-bottom: 57.9px;
    }
    main .people li img {
        width: 27vw;
    }
    main .kv {
        min-height: 85px;
        background-size: contain;
    }
    main .kv img {
        max-width: 55%;
    }
}

.form-group {
    margin: 10px 0;
}


/* price */


/* @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:800); */

main .price {
    margin-top: 96px;
    margin-bottom: 30px;
}

.snip1214 {
    color: #000000;
    text-align: center;
    font-size: 16px;
    width: 100%;
    max-width: 1200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.snip1214 .plan {
    margin: 0;
    /* width: 25%; */
    width: 90%;
    border-radius: 25px;
    position: relative;
    float: left;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* border-radius: 10px; */
}

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

.snip1214 header {
    position: relative;
}

.snip1214 .plan-title {
    position: relative;
    top: 0;
    /* font-weight: 800; */
    padding: 5px 15px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    display: inline-block;
    /* background-color: #222f3d; */
    background-color: rgba(0, 0, 0, 0.0);
    /* color: #ff0000; */
    text-transform: uppercase;
    border-radius: 10px;
    /* font-size: calc(20px + 2vmin); */
}

.snip1214 .plan-cost {
    padding: 0px 10px 20px;
}

.snip1214 .plan-price {
    font-weight: 800;
    font-size: 2.4em;
    color: #34495e;
}

.snip1214 .plan-type {
    opacity: 0.6;
}

.snip1214 .plan-features {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: outside none none;
    font-size: 0.8em;
}

.snip1214 .plan-features li {
    border-top: 1px solid #d2d7e2;
    padding: 10px 5%;
}

.snip1214 .plan-features li:nth-child(even) {
    background: rgba(0, 0, 0, 0.08);
}

.snip1214 .plan-features i {
    margin-right: 8px;
    opacity: 0.4;
}

.snip1214 .plan-select {
    border-top: 1px solid #d2d7e2;
    padding: 10px 10px 0;
}

.snip1214 .plan-select a {
    background-color: #F1A69F;
    color: #000000;
    text-decoration: none;
    padding: 0.5em 1em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px;
}

.snip1214 .plan-select a:hover {
    opacity: 0.9;
}

.snip1214 .featured {
    margin-top: -10px;
    background-color: rgba(255, 85, 0, 0.5);
    color: #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.snip1214 .featured .plan-title {
    color: #212529;
}

.snip1214 .featured .plan-price {
    color: #ffffff;
}

.snip1214 .featured .plan-cost {
    padding: 10px 10px 20px;
}

.snip1214 .featured .plan-features li {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.snip1214 .featured .plan-select {
    padding: 20px 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.snip1214 .mask {
    background-color: rgba(0, 0, 0, 0.5);
    /* height: 500px; */
}

@media only screen and (max-width: 767px) {
    main .price {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    /* .snip1214 .plan {
        width: 50%;
    } */
    /* .snip1214 .plan-title,
    .snip1214 .plan-select a {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    } */
    /* .snip1214 .plan-cost,
    .snip1214 .featured .plan-cost {
        padding: 20px 10px 20px;
    } */
    .snip1214 .plan-select,
    .snip1214 .featured .plan-select {
        padding: 10px 10px 10px;
    }
    .snip1214 .featured {
        margin-top: 0;
    }
}

@media only screen and (max-width: 440px) {
    .snip1214 .plan {
        width: 100%;
    }
}


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

/****************************************************************************************
   Custom Nav Bar
 ****************************************************************************************/


#navbar-default{
    background-color: #F9D6C5;
    padding-top: 10px;
    padding-bottom: 10px;
}

#navbar-default #navbar-sns {
    display: inline-flex;
    vertical-align: middle;
    margin: auto;
    margin-right: 5px;
}
@media (min-width: 992px) {
    #navbar-default #navbar-sns {
        margin: 0;
        margin-left: 30%;
    }
}

#navbar-default .navbar-icon {
    height: 40px;
    margin-inline: 5px;
}


#navbar-default #navbar-right {
    display: inline-flex;
    margin-top: 15px;
}

/* sns button */
a.btn-sns {
    margin-right: 5px;
    font-size: 1.4rem;
    line-height: 40px;

    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;

    letter-spacing: 0;

    color: #ffffff !important;
    border-radius: 50%;
}

@media only screen and (max-width: 450px) {
    a.btn-sns {
        font-size: 1rem;
        line-height: 35px;

        width: 35px;
        height: 35px;
    }
}

a.btn-sns:hover {
    color: #ffffff !important;
}

/* facebook */
a.btn-sns--facebook {
    background: #1877f2;
}

/* twitter */
a.btn-sns--twitter {
    background: #1da1f2;
}

/* instagram */
a.btn-sns--instagram {
    background: #d6249f;
    background: -webkit-linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.btn-header {
    background-color: #59bba2;
    border-color: #59bba2;
}


#navbarsIppo .language {
    padding: 10px;
}

#navbarsIppo .navbar-brand {
    padding-inline: 10px;
}

@media only screen and (max-width: 450px) {
    #navbar-default .navbar-icon {
        height: 30px;
    }

    #navbar-default .navbar-toggler {
        padding: 2px;
    }
}

/****************************************************************************************
   Landing Page
 ****************************************************************************************/

 /* .block{
    height: 100%;
    min-height: 100vh;
}

@media only screen and (max-width: 1200px) {
    .block {
        min-height: 0;
        padding-bottom: 30px;
    }
} */


.block-contrast {
    background-color: #FC4E4E;
    color: white;
    font-style: normal;
    display: flex;
    align-items: center;
    /* letter-spacing: -0.015em; */
    font-size: 20px;
    /*min-height: 1000px;*/
}

.block-normal {
    font-style: normal;
    display: flex;
    align-items: center;
    letter-spacing: -0.015em;
    font-size: 20px;
}

.container-custom {
    margin-top: 20px;
}

/**************************
   Block 1
 **************************/

#block-1 .title {
    display: inline-block;
    vertical-align: middle;
}

#block-1 .block-pre-title{
    font-weight: normal !important;
    /* font-size: 20px !important; */
    font-size: calc(12px + 1vmin);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-inline: 10px;
}
@media(max-width:991px){
    #block-1 .block-pre-title{
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
    }
}

#block-1 .block-title{
    color: #FFFFFF;
    width: 100%;
}

@media(max-width:991px){
    #block-1 .block-title{
        text-align: center;
        line-height: 1.3;
        margin-top: 20px;
        margin-bottom: 12px;
    }
}

@media(max-width:991px){
    #block-1 .block-btn{
        text-align: center;
    }
}

#block-1 .block-list{
    /* font-weight: bold; */
    font-size: 20px;
    font-size: calc(5px + 2vmin);
    padding-left: 40px;
    padding-right: 20px;
}

#block-1 .btn{
    text-align: center;
    font-size: 22px;
    font-weight: normal !important;
    /* border-radius: 25px; */
    padding: 10px;
    padding-inline: 35px;
    margin: 20px;
    font-size: calc(8px + 2vmin);
    border-bottom: solid 4px #518b97;
}
@media(max-width:991px){
    #block-1 .btn{
        font-size: 1.3rem;
    }
}

#block-1 .btn:hover{
    opacity: 1;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: solid 1px #518b97;
}

#block-1 .block-img{
    display: inline-block;
    vertical-align: middle;
    /* padding-inline: 20px; */
    height: auto;
    max-width: 100%;
    /* max-height: 90%; */
    max-height: 480px;
}
@media(max-width:991px){
    #block-1 .block-img{
        max-height:340px;
    }
}

/**************************
   Block 2
 **************************/

#block-2 .card{
    padding-inline: 30px;
    padding-bottom: 40px;
    height: 400px;
    /* min-height: 65vh; */
    border-radius: 25px;
    max-width: 80%;
    margin: auto;
    margin-bottom: 30px;
    font-size:  calc(12px + 1vmin);
    font-weight: normal;
    overflow-y: auto;
    color: black;
    /* text-align: center; */
}

#block-2 .block-title{
    text-align: center;
    font-size: calc(25px + 2vmin);
    margin-top: 30px;
    margin-bottom: 30px;
}
@media(max-width:991px){
    #block-2 .block-title{
        line-height: 1.2;
    }
}

#block-2 .block-img{
    height: auto;
    max-width: 50%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

#block-2 .col-12{
    height: 100%;
}


@media only screen and (max-width: 991px) {
    #block-2 .card {
        height: 100%;
        min-height: 0;
        width: 80%;
        margin-bottom: 20px;
    }
}

/**************************
   Block 3
 **************************/

#block-3 .card{
    flex-direction: row;
    color: black;
    height: 150px;
    border-radius: 25px;
    font-weight: normal;
    overflow-y: auto;
    /* text-align: center; */
    margin-bottom: 20px;
    overflow: hidden;
}

#block-3 .block-title{
    text-align: center;
    font-size: calc(25px + 2vmin);
    color: #FC4E4E;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media(max-width:991px){
    #block-3 .block-title{
        line-height: 1.2;
    }
}

#block-3 .card-number{
    position: absolute;
    font-size: 40px;
    color: #FC4E4E;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 5px;
    z-index: 1;
    top: 0;
}

#block-3 img{
    height: auto;
    width: 90%;
    max-height: auto;
    max-width: 130px;
    padding: 5%;
    margin: 0 auto;
}

#block-3 .card-left{
    margin: auto;
}

#block-3 .card-right{
    margin: auto;
    padding-right: 15px;
    font-size: calc(12px + 1vmin);
}

/**************************
   Block 4
 **************************/

#block-4 #row-1{
    margin-top: 100px;
}

#block-4 .row{
    margin-top: 30px;
}

#block-4 .card{
    height: 100%;
    height: 420px;
    border-radius: 25px;
    top: -50px;
}

#block-4 .block-img{
    width: 90%;
    height: auto;
    margin: auto;
}

#block-4 .card-title{
    z-index: 1;
    color: red;
    font-size: calc(40px + 2vmin);
    position: relative;
}

#block-4 .card-title-left{
    padding-left: 10%;
}

#block-4 .card-title-right{
    padding-right: 10%;
    text-align: right;
}

#block-4 .row-col{
    margin: auto;
}

#block-4 p{
    font-size: calc(11px + 2vmin);
    padding-inline: 60px;
    /* text-align: justify; */
}

#block-4 .text-1{
    padding-top: 50px;
}

#block-4 .text-2{
    padding-top: 10px;
}


/**************************
   Block 5
 **************************/
#block-5 .block-title{
    color: #FFFFFF;
}

#block-5 .card, #block-6 .card{
    color: black;
    min-height: 200px;
    height: 100%;
    border-radius: 25px;
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

#block-5 .card-title, #block-6 .card-title{
    margin-inline: auto;
    margin-top: 20px;
    font-size: calc(15px + 2vmin);
    padding-inline: 20px;
    /* text-align: center; */
}

#block-6 .card-title{
    margin-left: 2%;
}

#block-5 .card-text, #block-6 .card-text{
    margin-inline: auto;
    margin-top: 10px;
    font-size: calc(12px + 1vmin);
    width: 90%;
    /* text-align: justify; */
    margin-bottom: 20px;
}

 #block-5 .card-author{
    text-align: right;
    width: 90%;
    margin-inline: auto;
    margin-bottom: 10px;
    font-size: calc(10px + 2vmin);
}

/****************************************************************************************
   fixed footer
 ****************************************************************************************/

/*メニューをページ下部に固定*/
#fixed-menu{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 99;
}

/*メニューを横並びにする*/
#fixed-menu ul{
    display: flex;
    list-style: none;
    padding:0;
    margin:0;
    /* width:100%; */
}

#fixed-menu li{
    justify-content: center;
    align-items: center;
    width: 100%;
    padding:0;
    margin:0;
    font-size: 14px;
    border-right: 1px solid #fff;
}

#fixed-menu li{
    /* background: #F9D6C5; */
    text-align: center;
}

#fixed-menu .btn{
    text-align: center;
    font-size: 22px;
    padding: 10px;
    padding-inline: 35px;
    margin: 0;
    font-size: calc(8px + 2vmin);
    border-bottom: solid 4px #518b97;
}
#fixed-menu .btn:hover{
    opacity: 1;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: solid 1px #518b97;
}

@media (max-width: 992px) {
    #fixed-menu .btn{
        font-size: 1.3rem;
    }
}

/****************************************************************************************
   slick
 ****************************************************************************************/
.slick-slide img {
    height: 400px;
    margin: 0 auto;
}

.slick-dots li button:before{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px !important;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #FC4E4E;
}