@charset "shift-jis";
body{
    font-family: Helvetica, Arial, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', system-ui, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}
*,
*::before,
*::after{ box-sizing: border-box;}

.pages{
    width: 100%;
    overflow: hidden;
}

main{ margin-top: 50px;}

a { color: #00388C; }
a[href^="tel:"] { pointer-events: none; }

img {
    max-width: 100%;
    height: auto;
    text-align : center
}

.animated{ opacity: 0;}

.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.txt_s{ font-size: .85em;}
.txt_l{ font-size: 1.3em;}
.txt_orange{ color: #EE764E;}
.txt_fanvy{ color: #1c236d;}

.marker{ border-bottom: 2px solid #1c236d;}

.btn{
    display: block;
    background: #e10f40;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding: 20px 35px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}
.btn:link,
.btn:visited,
.btn:active,
.btn:hover{ color: #fff;}
.btn::after{
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-size: 1.3em;
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.inner{
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
}
.normal{
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

.ttl{
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -.01em;
    text-align: center;
    margin-bottom: 1em;
}

p{
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    text-align: left;
}

.video_wrap {
    margin: auto;
    max-width: 800px;
}
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto;
}
.video iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}


@media screen and (min-width: 1000px) {
    .sp {display: none;}
    .tab {display: none;}
    .pc {display: block;}
}

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

@media screen and (min-width: 600px) and (max-width: 999px) {
    .sp {
        display: none;
        height: 400px;
    }
    .pc {display: none;}
    .tab {display: block;}

    .inner{ padding: 50px 0;}
}

@media screen and (max-width: 599px) {
    body{ font-size: 14px;}
    
    .tab {display: none;}
    .pc {display: none;}
    .sp {display: block;
        max-width: 100%;
        height: 400px;
    }

    .btn{
        font-size: 14px;
        padding: 20px 30px 20px 20px;
    }

    .inner{ padding: 40px 0;}
    .ttl{ font-size: 26px;}
    p{ font-size: 12px;}
}


/* ==============================
   header
   ============================== */
header{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 101;
}
header .inner{
    display: flex;
    justify-content: space-between;
    padding: 0;
    position: relative;
}
header .logo{
    display: flex;
    align-items: center;
}
header .logo img{
    width: 100%;
    max-width: 228px;
    height: auto;
    vertical-align: middle;
}
header #h_nav{
    display: flex;
    align-content: center;
    font-size: 16px;
}

header #h_nav .btn_menu {
    position: relative;
    width: 50px;
    height: 50px;
    transition: all .4s;
}
header #h_nav .btn_menu > p{ opacity: 0;}
header #h_nav .btn_menu span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 33%;
    height: 1px;
    background-color: #333;
}
header #h_nav .btn_menu span:nth-of-type(1) {
    top: 33%;
}
header #h_nav .btn_menu span:nth-of-type(2) {
    top: 50%;
}
header #h_nav .btn_menu span:nth-of-type(3) {
    bottom: 33%;
}
header #h_nav .btn_menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}
header #h_nav .btn_menu.active span:nth-of-type(2) {
    opacity: 0;
}
header #h_nav .btn_menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}

header #h_nav ul{
    display: none;
    width: 250px;
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    padding: 0 15px;
    margin-left: 0;
    color: #1c2569;
    list-style: none;
}
header #h_nav li{
    font-size: 12px;
    padding-left: 15px;
    padding-bottom: 25px;
    position: relative;
}
header #h_nav li::before{
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    top: .75em;
    left: 0;
    background: #1c2569;
}
header #h_nav li a{
    display: block;
    text-decoration: none;
    color: #333;
}

/* ==============================
   mv
   ============================== */
.mv{ background: #eaebed;}
.mv .inner{
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    background: url(/parallelincome/img/mv.png)left top/contain no-repeat;
    padding-top: 750px;
    text-align: center;
    position: relative;
}
.webp .mv .inner{
    background-image: url(/parallelincome/img/mv.webp);
}
/*.mv .inner{
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    background: url(/parallelincome/img/mv_big_tree.png)left top/70% no-repeat;
    padding-top: 750px;
    text-align: center;
    position: relative;
}
.mv .inner::before{
    content: "";
    padding: 23%;
    background: url(/parallelincome/img/mv_small_tree.png)center/contain no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}*/
.mv .main_ttl{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mv h1{
    font-size: 70px;
    letter-spacing: -.01em;
    line-height: 1;
}
.mv h1 > .txt_s{
    display: block;
    padding-left: 20px;
    font-size: 35px;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    letter-spacing: .07em;
}
.mv h1 > small{
    display: block;
    font-size: 21px;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    padding-left: 20px;
    line-height: 1.8;
    letter-spacing: .02em;
}
.mv .link_school{
    color: #333;
    font-size: 12px;
    letter-spacing: .2em;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}
.mv .link_school:hover{ opacity: .8;}
.mv .mv_note {
    position: absolute;
    left: 30px;
    bottom: 50px;
    width: 190px;
    height: 190px;
    padding: 15px;
    border-radius: 50%;
    background: #004d80;
}
.mv .mv_note span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border: 1px dotted #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    text-align: center;
    line-height: 1.6;
}
@media screen and (max-width: 999px){
    .mv .inner{ padding-top: 75%;}
    .mv .mv_note {
        left: 10px;
        bottom: 10px;
        width: 150px;
        height: 150px;
        padding: 10px;
    }
    .mv .mv_note span {
        width: 130px;
        height: 130px;
        font-size: 18px;
    }
}
@media screen and (max-width: 599px) {
    .mv .inner{
        background-image: url(/parallelincome/img/mv_sp.png);
        background-size: cover;
        padding-top: 160%;
    }
    .webp .mv .inner{
        background-image: url(/parallelincome/img/mv_sp.webp);
    }
    .mv h1{ font-size: 50px;}
    .mv h1 > .txt_s{
        font-size: 18px;
        line-height: 1.6;
    }
    .mv h1 > small{
        font-size: 18px;
    }
    .mv .link_school{ bottom: 40px;}
    .mv .mv_note {
        top: 10px;
        left: auto;
        right: 10px;
        width: 130px;
        height: 130px;
    }
    .mv .mv_note span {
        width: 110px;
        height: 110px;
        font-size: 15px;
    }
}

/* ==============================
   .slider
   ============================== */
/* 1〜3枚目共通 */
.slider .box .inner{
    padding-bottom: 150px;
    position: relative;
}
.slider .box .bg{
    width: 88.9%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.slider .box .bg::before{
    white-space: pre;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    left: calc(100% - 4em);
    top: 50%;
    transform: translateY(-50%);
}
.slider .box .catch{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slider .box .catch span{ padding: 3px;}

.slider .slick-dots{ bottom: 100px;}
.slider .slick-dots li{
    width: 50px;
    height: 2px;
}
.slider .slick-dots li button:before{
    content: "";
    background: #5a5a5a;
    width: 100%;
    height: 100%;
}
.slider .slick-dots li.slick-active button:before{ background: #54d5ff;}

@media screen and (max-width: 759px) {
    .slider .box{ padding-top: 50px;}
    .slider .box .bg{ padding-top: 127%;}
    .slider .box .inner{ padding-bottom: 100px;}
    .slider .box .catch {
        font-size: 24px;
        left: 35px;
        top: 0;
        transform: translateY(0);
    }

    .slider .box .bg::before{
        left: 35px;
        bottom: 90px;
        top: auto;
        transform: initial;
    }
    .slider .slick-dots{ bottom: 50px;}
}

/* 1枚目 */
.slider .box:first-child{ background: #262626;}
.slider .box:first-child .bg{ background-image: url(/parallelincome/img/img_slider01.jpg);}
.webp .slider .box:first-child .bg{ background-image: url(/parallelincome/img/img_slider01.webp);}
.slider .box:first-child .bg::before{
    content: "Think \ALife.";
    color: #fff;
}
.slider .box:first-child .catch span{ background: #fff;}
@media screen and (max-width: 759px) {
    .slider .box:first-child .bg{ background-image: url(/parallelincome/img/img_slider_sp01.jpg);}
    .webp .slider .box:first-child .bg{ background-image: url(/parallelincome/img/img_slider_sp01.webp);}
}

/* 2枚目 */
.slider .box:nth-child(2){ background: #fff;}
.slider .box:nth-child(2) .bg{ background-image: url(/parallelincome/img/img_slider02.jpg);}
.webp .slider .box:nth-child(2) .bg{ background-image: url(/parallelincome/img/img_slider02.webp);}
.slider .box:nth-child(2) .catch{ color: #fff;}
.slider .box:nth-child(2) .catch span{ background: #262626;}
.slider .box:nth-child(2) .bg::before{
    content: "Think \ALife.";
    color: #262626;
}
@media screen and (max-width: 759px) {
    .slider .box:nth-child(2) .bg{ background-image: url(/parallelincome/img/img_slider_sp02.jpg);}
    .webp .slider .box:nth-child(2) .bg{ background-image: url(/parallelincome/img/img_slider_sp02.webp);}
}

/* 3枚目 */
.slider .box:nth-child(3){ background: #eaeaea;}
.slider .box:nth-child(3) .bg{ background-image: url(/parallelincome/img/img_slider03.jpg);}
.webp .slider .box:nth-child(3) .bg{ background-image: url(/parallelincome/img/img_slider03.webp);}
.slider .box:nth-child(3) .catch{ color: #fff;}
.slider .box:nth-child(3) .catch span{ background: #1c236d;}
.slider .box:nth-child(3) .bg::before{
    content: "Think \AMoney, \AMore.";
    color: #262626;
}
.slider .box:nth-child(3) .bg::after{
    content: "More.";
    color: #1c236d;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    left: calc(100% - 4em);
    top: calc(50% + 1.2em);
    transform: translateY(-50%);
}
@media screen and (max-width: 759px) {
    .slider .box:nth-child(3) .bg{ background-image: url(/parallelincome/img/img_slider_sp03.jpg);}
    .webp .slider .box:nth-child(3) .bg{ background-image: url(/parallelincome/img/img_slider_sp03.webp);}
    .slider .box:nth-child(3) .bg::after{
        left: 35px;
        bottom: 90px;
        top: auto;
        transform: initial;
    }
}


/* ==============================
   .whats
   ============================== */
.whats{ padding: 120px 0 110px;}
.whats p{
    font-weight: 600;
    text-align: center;
}
.whats .bg_txt{
    max-width: 1130px;
    margin: 0 auto 30px;
    background: url(/parallelincome/img/bg_txt.svg)center/contain no-repeat;
}
.whats .bg_txt p{ line-height: 2.4;}
.whats .bg_txt .block{ display: block;}
.whats .txt_em{
    font-size: 24px;
    margin-bottom: 40px;
}
.whats .txt_em > span{ color: #1100ba;}
@media screen and (max-width: 599px) {
    .whats{ padding: 75px 0 70px;}
    .whats .bg_txt{
        background: url(/parallelincome/img/bg_txt_wrap.svg)-3px center/103% no-repeat;
        padding: 25px 0 12px;
        margin-bottom: 15px;
    }
    .whats .bg_txt p{
        font-size: 12px;
        line-height: 2;
    }
    .whats .bg_txt .block + .block{ margin-top: 5px;}
    .whats .txt_em{
        font-size: 16px;
        margin-bottom: 10px;
    }
}

/* ==============================
   .conts_income
   ============================== */
/* 1つ目、2つ目共通 */
.conts_income h3{ margin-bottom: 45px;}
.conts_income .txt p{ letter-spacing: .075em;}
.conts_income .photo{ position: relative;}
.conts_income .photo p{
    width: 100%;
    max-width: 500px;
    color: #fff;
    font-size: 18px;
    letter-spacing: .1em;
    text-align: center;
    position: absolute;
}
@media screen and (min-width: 780px){
    .conts_income{
        display: flex;
        align-items: center;
    }
    .conts_income .txt{ width: calc(50% - 25px);}
    .conts_income .photo{
        width: calc(50% + 25px);
        padding-top: 38%;
    }
    .conts_income .photo p{
        top: 50%;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 779px){
    .conts_income .txt{ width: 97%;}
    .conts_income .photo{
        width: 92%;
        margin-top: -50px;
        padding-top: 73.5%;
        position: relative;
        z-index: -1;
    }
    .conts_income .photo p{
        font-size: 14px;
        top: 50px;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* 1つ目の木 */
.conts_income:first-of-type{ margin-bottom: 50px;}
.conts_income:first-of-type .txt{
    background: #eee;
    border-radius: 0 25px 25px 0;
}
.conts_income:first-of-type .inner_txt{
    max-width: 425px;
    margin: 0 0 0 auto;
}
.conts_income:first-of-type .txt p{ margin: 0 60px 0 40px;}
.conts_income:first-of-type .photo{ background: url(/parallelincome/img/img_income01.jpg)center/cover no-repeat;} 
.webp .conts_income:first-of-type .photo{ background-image: url(/parallelincome/img/img_income01.webp);} 
.conts_income:first-of-type .photo p{ left: 0;}
@media screen and (min-width: 780px){
    .conts_income:first-of-type .txt{ padding: 75px 18px;}
}
@media screen and (max-width: 779px){
    .conts_income:first-of-type .txt{ padding: 50px 6px 50px 20px;}
    .conts_income:first-of-type .txt p{ margin: 0 40px;}
    .conts_income:first-of-type .photo{
        margin: -50px 0 0 auto;
        background-image: url(/parallelincome/img/img_income01_sp.jpg);
    }
    .webp .conts_income:first-of-type .photo{ background-image: url(/parallelincome/img/img_income01_sp.webp);}
}

/* 2つ目の木 */
.conts_income:nth-of-type(2){ margin-bottom: 75px;}
.conts_income:nth-of-type(2) .txt{
    background: #ded4c1;
    border-radius: 25px 0 0 25px;
}
.conts_income:nth-of-type(2) .inner_txt{
    max-width: 325px;
    margin: 0 auto 0 0;
}
.conts_income:nth-of-type(2) .photo{ background: url(/parallelincome/img/img_income02.jpg)center/cover no-repeat;} 
.webp .conts_income:nth-of-type(2) .photo{ background-image: url(/parallelincome/img/img_income02.webp);} 
.conts_income:nth-of-type(2) .photo p{ right: 0;}
@media screen and (min-width: 780px){
    .conts_income:nth-of-type(2){ flex-direction: row-reverse;}
    .conts_income:nth-of-type(2) .txt{ padding: 75px;}
}
@media screen and (max-width: 779px){
    .conts_income:nth-of-type(2) .txt{
        margin: 0 0 0 auto;
        padding: 50px;
    }
    .conts_income:nth-of-type(2) .photo{ background-image: url(/parallelincome/img/img_income02_sp.jpg);}
    .webp .conts_income:nth-of-type(2) .photo{ background-image: url(/parallelincome/img/img_income02_sp.webp);}
}

/* ==============================
   .essence
   ============================== */
.essence{
    background: url(/parallelincome/img/bg_essence.png)center/cover no-repeat;
    padding-top: 500px;
    position: relative;
}
.webp .essence{
    background-image: url(/parallelincome/img/bg_essence.webp);
}
.essence p{
    color: #fff;
    letter-spacing: .075em;
    line-height: 3;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);   
}
.essence .marker{
    border-color: #fff;
    padding-bottom: 3px;
}
@media screen and (max-width: 599px) {
    .essence{ background-image: url(/parallelincome/img/bg_essence_sp.png);}
    .webp .essence{ background-image: url(/parallelincome/img/bg_essence_sp.webp);}
    .essence p{ font-size: 16px;}
}

/* ==============================
   .detail
   ============================== */
.detail{ padding: 90px 0 125px;}
.detail p{
    text-align: center;
    margin-bottom: 70px;
}
.detail .graph{
    max-width: 695px;
    margin: 0 auto;
}
@media screen and (max-width: 599px){
    .detail{ padding: 70px 0 60px;}
    .detail p{
        font-size: 12px;
        margin-bottom: 50px;
    }
}

/* ==============================
   .list_income
   ============================== */
.list_income{ counter-reset: list_income;}
.list_income li{ position: relative;}
.list_income li:first-child{ background: #eee;}
.list_income li:nth-child(2){ background: #ded4c1;}
.list_income li + li::before{
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20180%20180%22%20style%3D%22enable-background%3Anew%200%200%20180%20180%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%220%22%20y%3D%2288%22%20class%3D%22st0%22%20width%3D%22180%22%20height%3D%224%22%2F%3E%3Crect%20x%3D%2288%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%22180%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

.list_income .photo{ position: relative;}
.list_income .photo::after{
    counter-increment: list_income;
    content: 'Income ' counter(list_income) '.';
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.list_income h3{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: .075em;
    text-align: center;
}
.list_income p{
    font-size: 1rem;
    letter-spacing: .075em;
    line-height: 1.5;
    text-align: center;
}
.list_income p::before{
    content: "";
    display: block;
    width: 65px;
    padding-top: 2px;
    background: #000;
    margin: 1em auto;
}

.txt_matome{ text-align: center;}

@media screen and (min-width: 680px){
    .list_income{
        display: flex;
        justify-content: space-around;
        margin-bottom: 100px;
    }
    .list_income li{
        width: 45.5%;
        padding: 45px 40px;
        border-radius: 25px;
    }
    .list_income li + li::before{
        padding: 45px;
        left: -65px;
        top: 50%;
        transform: translateY(-50%);
    }

    .list_income .photo{ margin-bottom: 1em;}
}

@media screen and (max-width: 679px){
    .list_income{ margin-bottom: 75px;}
    .list_income li{
        width: 103%;
        padding: 20px;
        display: flex;
    }
    .list_income li:first-child{
        border-radius: 0 20px 20px 0;
        margin-left: -3%;
    }
    .list_income li:nth-child(2){
        border-radius: 20px 0 0 20px;
        margin-right: -3%;
    }
    .list_income li + li{ margin-top: 45px;}
    .list_income li + li::before{
        padding: 31px;
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
    }
    .list_income .photo{ flex: 0 0 44.7%;}
    .list_income .photo::after{ font-size: 24px;}
    .list_income li:nth-child(2) .photo{ order: 1;}
    .list_income .txt{
        flex: 1 1 auto;
        align-self: center;
    }
    .list_income h3{ font-size: 14px;}
    .list_income p{ font-size: 12px;}
    .list_income p::before {
        width: 45px;
        padding-top: 1px;
    }
}

/* ==============================
   .ar_last_msg
   ============================== */
.ar_last_msg {
    background: #F5F2EF;
    margin-bottom: 60px;
}
.ar_last_msg .inner{
    padding-bottom: 18em;
    position: relative;
}
.ar_last_msg .last_msg {
    color: #fff;
    font-size: 30px;
    margin: 0 0 96px;
}
.ar_last_msg .last_msg > span{
    background: #333;
    padding: 6px;
}
.ar_last_msg .box {
    background: #fff;
    padding: 40px;
    position: relative;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.ar_last_msg .seminar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 96px;
}
.ar_last_msg .seminar .seminar_box {
    width: 48%;
}
.ar_last_msg .seminar .sub_ttl {
    margin: 0 0 40px;
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
}
.ar_last_msg .seminar h2 {
    margin: 0 0 25px;
    font-size: 30px;
}
.ar_last_msg .seminar .seminar_img{ width: 50%;}
.ar_last_msg .seminar .seminar_img img{ width: 100%;}
.ar_last_msg .seminar .seminar_txt {
    margin: 0 0 30px 0;
    font-size: 14px;
}
.ar_last_msg .seminar .ico_list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    max-width: 300px;
    margin: 0 auto;
    padding: 0;
}
.ar_last_msg .seminar .ico_list li {
    text-align: center;
}
.ar_last_msg .seminar .ico_list span {
    display: block;
    color: #8a9f55;
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
}
.ar_last_msg .seminar .seminar_btn {
    display: block;
    position: relative;
    margin: 30px auto 0;
    padding: 1em 2.5em 1em 1em;
    color: #333;
    border: 1px solid;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}
.ar_last_msg .seminar .seminar_btn:hover {
    opacity: 0.8;
}
.ar_last_msg .seminar .seminar_btn::before {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 50%;
    content: '';
}
.ar_last_msg .seminar .seminar_btn::after {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    content: '';
}

.ar_last_msg .ttl_taiken{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.ar_last_msg .ttl_taiken::after{
    content: "";
    display: block;
    width: 103px;
    border: 52px solid transparent;
    border-top: 24px solid #333;
    margin: 35px auto 0;
}

.ar_last_msg .taiken{
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -60px;
}
.ar_last_msg .taiken h3{
    font-size: 25px;
    margin-bottom: 35px;
}
.ar_last_msg .taiken .circle{
    width: 112px;
    height: 112px;
    background: #1c236d;
    color: #fff;
    font-weight: normal;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 30px;
    top: -60px;
}
.ar_last_msg .taiken .list_detail{
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    max-width: 500px;
    margin: 0 auto 30px;
}
.ar_last_msg .taiken .list_detail dt{ flex: 0 0 5em;}
.ar_last_msg .taiken .list_detail dt::after{ content: "：";}
.ar_last_msg .taiken .list_detail dd{ flex: 1 1 calc(100% - 5em);}
.ar_last_msg .taiken .btn{ background: #1c236d;}
.ar_last_msg .taiken .btn::before {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 50%;
    content: '';
}
.ar_last_msg .taiken .btn::after {
    position: absolute;
    top: 50%;
    right: calc(1em + 4px);
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    content: '';
}
.ar_last_msg .bnr {
    margin-bottom: 50px;
}
.ar_last_msg .bnr .img_sp {
    display: none;
}
@media screen and (max-width: 999px) {
    .ar_last_msg .inner{ padding-bottom: 20em;}
    .ar_last_msg .seminar {
        display: block;
    }
    .ar_last_msg .seminar .seminar_box {
        width: 100%;
    }
    .ar_last_msg .seminar .sub_ttl {
        margin-bottom: 1em;
    }
    .ar_last_msg .seminar h2 {
        margin-bottom: 15px;
    }
    .ar_last_msg .seminar .seminar_img {
        width: 100%;
    }
    .ar_last_msg .taiken .circle{
        width: 85px;
        height: 85px;
        font-size: 19px;
        top: -43px;
    }
}
@media screen and (max-width: 660px) {
    .ar_last_msg .inner { padding-bottom: 23em;}
}
@media screen and (max-width: 599px) {
    .ar_last_msg .last_msg {
        margin-bottom: 35px;
        font-size: 15px;
        line-height: 2.5;
    }
    .ar_last_msg .box {
        padding: 70px 4% 20px;
    }
    .ar_last_msg .seminar {
        margin-bottom: 35px;
    }
    .ar_last_msg .seminar h2 {
        font-size: 25px;
    }
    .ar_last_msg .seminar .seminar_txt {
        margin-top: 1em;
    }

    .ar_last_msg .seminar .seminar_img img {
        margin-bottom: 35px;
    }
    .ar_last_msg .ttl_taiken{ font-size: 16px;}
    .ar_last_msg .ttl_taiken::after {
        width: 80px;
        border-width: 40px;
        border-top-width: 18px;
        margin-top: 20px;
    }
    .ar_last_msg .taiken h3{ font-size: 25px;}
    .ar_last_msg .bnr .img_pc {
        display: none;
    }
    .ar_last_msg .bnr .img_sp {
        display: block;
    }
}

/* ==============================
   .column
   ============================== */
.column .inner{ padding-top: 120px;}
.column .ttl{ font-size: 40px;}
.column .lead{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 45px;
}

.list_column .column_box a{
    color: #333;
    text-decoration: none;
}
.list_column .column_box a:hover,
.list_column .column_box a:hover *{ opacity: .7;}
.list_column .column_box{
    box-shadow: 0 5px 15px rgb(27 35 109 / 25%);
    border-radius: 5px;
    overflow: hidden;
    margin: 0 15px 15px;
}
.list_column .box_txt{ padding: 25px;}
.list_column .box_txt h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 1em;
}
.list_column .box_txt .date{
    color: #999;
    font-size: 10px;
    margin-bottom: 1rem;
}
.list_column .box_txt .txt{
    font-size: 12px;
    line-height: 2;
}
.column_slick .slick-dots li button:before {
    font-family: inherit;
    content: "\025cf";
    font-size: 15px;
}
.column_slick .slick-prev {
    left: -15px;
}
.column_slick .slick-next {
    right: -15px;
}
.column_slick .slick-prev::before,
.column_slick .slick-next::before {
    content: "";
    color: #707070;
    border-left: 2px solid;
    border-bottom: 2px solid;
    width: 10px;
    height: 10px;
    padding: 8px;
    display: block;
}
.column_slick .slick-prev::before {
    transform: rotate(45deg);
}
.column_slick .slick-next::before {
    transform: rotate(225deg);
}
@media screen and (max-width: 599px) {
    .column .ttl{ font-size: 26px;}

    .list_column{
        width: 87%;
        margin: 0 auto;
    }
}

/* ==============================
   .inquiry
   ============================== */
.wrap_inquiry{ font-size: .85em;}
.inquiry h3{ font-weight: normal;}
.inquiry .conts_tel p{ text-align: center;}
.inquiry .btn{ text-decoration: none;}
.inquiry .btn::after{ content: none;}

@media screen and (max-width: 599px) {
    .wrap_inquiry {
        width: 87%;
        margin: 0 auto;
    }
}

/* ==============================
   .ambassador_movie
   ============================== */
.ambassador_movie{
    background-color: #e9e9e9;
    position: relative;
}
.ambassador_movie::before{
    content: "";
    display: block;
    width: 100vw;
    height: 260px;
    background: linear-gradient(170deg, rgb(255, 255, 255) 50%, #e9e9e9 50%)
}
.ambassador_movie h2{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ambassador_movie h2 .en{
    display: block;
    font-family: 'Josefin Slab', serif;
    font-size: 2.5em;
    line-height: initial;
}
.ambassador_movie h2 .line{
    width: 1px;
    height: 3em;
    display: block;
    margin: auto;
    background: #333;
}
.ambassador_movie h2 .line:first-of-type{
    margin-bottom: 2em;
}
.ambassador_movie h2 .line:last-of-type{
    margin-top: 2em;
}

@media screen and (max-width: 599px) {
    .ambassador_movie::before {
        background: linear-gradient(165deg, rgb(255, 255, 255) 50%, #e9e9e9 50%);
        height: 220px;
    }
    .ambassador_movie h2{
        font-size: 16px;
    }
}


/* ==============================
   .story
============================== */
.story{ background-color: #EBF3F6;}
.story .ttl{ font-size: 40px;}
.story .lead{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 45px;
}

.list_story .story_box a{
    color: #333;
    text-decoration: none;
}
.list_story .story_box a:hover,
.list_story .story_box a:hover *{ opacity: .7;}
.list_story .story_box{
    background-color: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
    margin: 0 15px 15px;
}
/* .list_story .box_txt{ padding: 25px;} */
.list_story .box_txt h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 1em;
}
.list_story .box_txt .num{
    display: block;
    font-family: 'Josefin Slab', serif;
    color: #398AAA;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    margin: 13px 0;
}
.story_slick .slick-dots li button:before {
    font-family: inherit;
    content: "\025cf";
    font-size: 15px;
}
.story_slick .slick-prev {
    left: -15px;
}
.story_slick .slick-next {
    right: -15px;
}
.story_slick .slick-prev::before,
.story_slick .slick-next::before {
    content: "";
    color: #707070;
    border-left: 2px solid;
    border-bottom: 2px solid;
    width: 10px;
    height: 10px;
    padding: 8px;
    display: block;
}
.story_slick .slick-prev::before {
    transform: rotate(45deg);
}
.story_slick .slick-next::before {
    transform: rotate(225deg);
}
@media screen and (max-width: 599px) {
    .story .ttl{ font-size: 26px;}

    .list_story{
        width: 87%;
        margin: 0 auto;
    }
}