@charset "utf-8";

/* 共通
===================================================*/
@media screen and (max-width: 768px){
    #wrapper {
        padding-top: 0;
    }
}

/* secCont
=========================================*/
.secCont{
    padding:70px 0;
    position:relative;
}
/*-- secCont__title --*/
.secCont__title {
    padding: 60px 0 70px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.secCont__title:before {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.secCont__title:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 50px 0 50px;
    position: absolute;
    bottom: -33px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.secCont__titleText {
    display: inline-block;
    color: #fff;
    font-weight:bold;
    font-size: 4.5rem;
    position: relative;
    margin-bottom:20px;
}
.target{
    border:2px solid #0098d9;
    background-color: #fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:450px;
    margin:0 auto;
}
.target dt{
    background-color: #0098d9;
    color: #fff;
    padding: 9px 17px;
    font-size:2.5rem;
    float: none;
    width:auto;
    width:140px;
}
.target dd {
    color:#0098d9;
    padding: 9px 17px;
    font-size:2.5rem;
    float: none;
    width:calc(100% - 140px);
    text-align:center;
}

@media screen and (max-width: 768px){
    .secCont{
        padding:30px 0;
    }
    /*-- secCont__title --*/
    .secCont__title {
        padding:25px 0 25px;
    }
    .secCont__title:before {
        min-width: 100%;
    }
    .secCont__title:after {
        border-width: 18px 25px 0 25px;
        bottom: -18px;
    }
    .secCont__titleText {
        font-size: 2.2rem;
        margin-bottom:10px;
    }
    .secCont__titleText span{
        font-size:3.6rem;
    }
    .target{
        width:170px;
    }
    .target dt{
        padding: 3px 0;
        font-size:1.4rem;
        width:68px;
    }
    .target dd {
        padding: 3px 0;
        font-size:1.4rem;
        width: calc(100% - 68px);
    }
}

/* .modBox01
=========================================*/
.modBox01{
    padding: 50px 50px 60px;
    border-top: 20px solid #008FDC;
    border-radius:15px;
    margin-bottom:50px;
}
.modBox01__inner.center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modBox01__pic{
    border-radius:0;
    text-align:center;
    margin-right: 20px;
    margin-left: -20px;
}
.modBox01__cont{
    padding-left:0;
}
.modBox01__cont .point .point__title {
    min-height: 136px;
    padding: 10px 0 10px 150px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #2e3189;
    line-height: 1.35;
    position: relative;
}
.modBox01__cont .point .point__title:before {
    content: "";
    display: inline-block;
    width: 136px;
    height: 136px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.modBox01__cont .point .point__title--num01:before {
    background-image: url(../img/fam/point_num01.png);
}
.modBox01__cont .point .point__title--num02:before {
    background-image: url(../img/fam/point_num02.png);
}
.modBox01__cont .point .point__title--num03:before {
    background-image: url(../img/fam/point_num03.png);
}
.modBox01__cont .point .point__cont {
    font-size: 2.2rem;
    margin-top:15px;
}
.modBox01__cont .point .point__cont p {
    line-height: 1.6;
}
@media screen and (max-width: 768px){
    .modBox01 {
        padding: 30px 15px 30px;
        border-top: 15px solid #008FDC;
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .secCont--course01 .modBox01,
    .secCont--course02 .modBox01,
    .secCont--course03 .modBox01,
    .secCont--course04 .modBox01 {
        border-top: 15px solid #00abb5;
    }
    .modBox01__inner{
        display:block;
    }
    .modBox01__pic{
        margin-right: 0;
        margin-left: 0;
    }
    .modBox01__cont .point .point__title{
        font-size:1.9rem;
        min-height: 70px;
        padding: 0 0 0 80px;
    }
    .modBox01__cont .point .point__title:before{
        width:70px;
        height:70px;
    }
    .modBox01__cont .point .point__cont {
        font-size: 1.4rem;
    }
}

/* .modTitle01
=========================================*/
.modTitle01{
    font-weight:bold;
    font-size:4.5rem;
    text-align:center;
    color:#2e3188;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px){
    .modTitle01{
        font-size:2.4rem;
        margin-bottom:15px;
    }
}

/* .modTable01
=========================================*/
.modTable01 th, .modTable01 td{
    border: 2px solid #E5E5E5;
}
.modTable01 thead th {
    background-color: #2e3189;
    color: #fff;
    font-weight: bold;
    font-size:2.5rem;
}
.modTable01 tbody td {
    font-size:3.0rem;
    padding: 60px 15px;
}
.noteText{
    margin-top: 10px;
    font-size: 2.4rem;
    text-align: right;
}
@media screen and (max-width: 768px){
    .modTable01 thead th {
        font-size:1.4rem;
        padding: 15px 5px;
    }
    .modTable01 tbody td {
        font-size:1.6rem;
        padding: 15px 5px;
    }
    .noteText{
        font-size: 1.2rem;
        margin-top: 5px;
    }
}

/* logoArea
=========================================*/
.logoArea{
    position:relative;
}
.logoArea--01:before{
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0098d9;
    z-index: -1;
}
.logoArea--02:before{
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e85a24;
    z-index: -1;
}
.logoArea__inner{
    width:1100px;
    padding:50px 0;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.logoArea__text{
    font-size:3.8rem;
    font-weight:bold;
    text-align:center;
    color:#fff;
}
.logoArea__text span{
    color:#ffff00;
}
@media screen and (max-width: 768px){
    .logoArea__inner{
        width:100%;
        padding:15px 0;
        display:block;
        text-align:center;
    }
    .logoArea__logo img{
        width: 50%;
    }
    .logoArea__text {
        font-size: 2.0rem;
        line-height: 1.3;
        margin-top: 5px;
    }
}

/* 各セクション
===================================================*/

/* pageTitle
=========================================*/
.pageTitle{
	height: auto;
    padding: 80px 0;
    text-align:center;
}
.pageTitle:before{
    display:none;
}
.pageTitle__text{
    line-height:1.3;
    font-size:4.5rem;
    margin-bottom: 30px;
    color:#2e3189;
}
.pageTitle__target{
    border:2px solid #0098d9;
    background-color: #fff;
    font-size:2.5rem;
    font-weight:bold;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.pageTitle__target dt{
    background-color: #0098d9;
    color: #fff;
    padding: 9px 17px;
}
.pageTitle__target dd {
    color:#0098d9;
    padding: 9px 17px;
}
.pageTitle__contNav{
    width:800px;
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pageTitle__contNav .pageTitle__contNavItem{
    width: 48%;
    margin-bottom:30px;
}
.pageTitle__contNav .pageTitle__contNavItem a{
    background:#bde1f0;
    display:block;
}
.pageTitle__contNav .pageTitle__contNavItem a:hover{
    opacity:0.7;
    transition:.3s;
}
.pageTitle__contNav .pageTitle__contNavItem a span{
    font-size:2.5rem;
    font-weight:bold;
    color:#2e3189;
    display:inline-block;
    height:54px;
    line-height:54px;
}
.pageTitle__contNav .pageTitle__contNavItem:first-child a span{
    font-size:2.0rem;
    line-height:1.3;
}
@media screen and (max-width: 768px){
    .pageTitle{
        padding: 30px 0;
    }
    .pageTitle__text{
        font-size:2.4rem;
        margin-bottom: 15px;
    }
    .pageTitle__target{
        font-size:1.4rem;
    }
    .pageTitle__target dt,
    .pageTitle__target dd {
        padding: 3px 6px;
    }
    .pageTitle__contNav{
        width:100%;
        display:block;
        margin-top: 20px;
    }
    .pageTitle__contNav .pageTitle__contNavItem {
        width: 100%;
        margin-bottom: 10px;
    }
    .pageTitle__contNav .pageTitle__contNavItem a span{
        font-size:1.8rem;
        height: 46px;
        line-height: 46px;
    }
    .pageTitle__contNav .pageTitle__contNavItem:first-child a span{
        font-size:1.6rem;
        line-height: 1.4;
    }
}

/*
    secCont--01
================================================*/
.secCont--01:before {
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #bde1f0;
    z-index: -1;
}
.secCont--01 .about__title{
    font-weight:bold;
    font-size:3.5rem;
    color:#2e3189;
    margin-bottom:50px;
}
.secCont--01 .about__item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.secCont--01 .about__item--reverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.secCont--01 .about__item .img{
    text-align: right;
}
.secCont--01 .about__item--reverse .img{
    text-align: left;
}
.secCont--01 .about__item .text{
    width:665px;
    margin: 0 30px;
}
.secCont--01 .about__item .text p{
    font-size:2.2rem;
    margin-bottom: 3rem;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.2rem;
}
.secCont--01 .about__item .text p .empha{
    color:#2e3189;
    font-weight:bold;
    text-decoration: underline;
}
@media screen and (max-width: 768px){
    .secCont--01:before {
        min-width: 100%;
    }
    .secCont--01 .about__title{
        font-size:1.9rem;
        margin-bottom:15px;
    }
    .secCont--01 .about__item{
        display:block;
    }
    .secCont--01 .about__item .text {
        width: auto;
        margin: 0;
    }
    .secCont--01 .about__item .text p {
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
    }
    .secCont--01 .about__item .img,
    .secCont--01 .about__item--reverse .img{
        text-align:center;
        margin-bottom: 1.5rem;
    }
    .secCont--01 .about__item:last-child .img{
        margin-bottom: 0;
    }
    .secCont--01 .about__item .img img{
        max-width:60%;
    }
}

/* secCont--02
=========================================*/
.secCont--02{
    padding:100px 0 40px;
}
.secCont--02:before {
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ffe5ef;
    z-index: -1;
}
.secCont--02 .voice__titleWrap{
    position:relative;
    margin-bottom:60px;
}
.secCont--02 .voice__titleWrap:before{
    content:"";
    background:url(../img/fam/title_left.png) no-repeat center center;
    width:171px;
    height:101px;
    display:block;
    position:absolute;
    left:0;
    bottom: -15px;
    z-index: -1;
}
.secCont--02 .voice__titleWrap:after{
    content:"";
    background:url(../img/fam/title_right.png) no-repeat center center;
    width:171px;
    height:101px;
    display:block;
    position:absolute;
    right:0;
    bottom: -15px;
    z-index: -1;
}
.secCont--02 .voice__title{
    background:#ff8cb8;
    width: 835px;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
    position:relative;
}
.secCont--02 .voice__title .main{
   font-size:3.0rem;
   line-height: 1.2;
   font-weight:bold;
   color:#fff;
}
.secCont--02 .voice__title .main span{
   font-size:4.5rem;
}
.secCont--02 .voice__title .note{
   color:#fff;
   font-size:2.1rem;
   font-weight:bold;
   position:absolute;
   bottom:10px;
   right:10px;
}
.secCont--02 .voice__block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.secCont--02 .voice .student{
    background:#fff;
    border-radius:15px;
}
.secCont--02 .voice .student .points{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -76px 19px 0;
}
.secCont--02 .voice .student .name{
    text-align:center;
    font-size:2.8rem;
    font-weight:bold;
    padding:15px 0 40px;
}
.secCont--02 .voice .student .name span{
    font-size:3.5rem;
}
.secCont--02 .voice .student .points li{
    background:url(../img/fam/student_point.png) no-repeat center center;
    background-size:contain;
    text-align:center;
    font-size:2.2rem;
    width: 152px;
    height: 152px;
    padding: 46px 0px;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
}
.voice__block--01 .voice__itemWrap{
    margin-top:22px;
}
.secCont--02 .voice__item{
    width:498px;
    box-sizing:border-box;
    padding:45px 30px 30px;
    background:#fff;
    border-radius:15px;
    font-size:1.8rem;
    line-height:1.6;
    position:relative;
    margin-bottom:90px;
}
.secCont--02 .voice__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fff;
}
.secCont--02 .voice__item .title{
    background:#ff8cb8;
    font-size:2.1rem;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    position:absolute;
    top: -22px;
    left: -22px;
    height:45px;
    padding: 5px 10px;
}
.secCont--02 .voice__item .title:before{
    content: "";
    display:block;
    background:url(../img/fam/voice_title_after.png) no-repeat left center;
    width:15px;
    height:45px;
    position:absolute;
    top:0;
    right:-15px;
}
@media screen and (max-width: 768px){
    .secCont--02{
        padding:30px 0;
    }
    .secCont--02:before {
        min-width: 100%;
    }
    .secCont--02 .voice__title{
        width: calc(100% - 70px);
    }
    .secCont--02 .voice__titleWrap{
        margin-bottom:30px;
    }
    .secCont--02 .voice__titleWrap:before{
        left: -8px;
        bottom: -10px;
        width: 70px;
        height: 50px;
        background-size: contain;
    }
    .secCont--02 .voice__titleWrap:after{
        right: -8px;
        bottom: -10px;
        width: 70px;
        height: 50px;
        background-size: contain;
    }
    .secCont--02 .voice__title .main{
        font-size: 1.6rem;
        line-height: 1.4;
    }
    .secCont--02 .voice__title .main span{
        font-size: 2.4rem;
    }
    .secCont--02 .voice__title .note{
        position: static;
        font-size: 1.4rem;
    }
    .secCont--02 .voice__block{
        display:block;
    }
    .secCont--02 .voice .student .points{
        margin: -55px 10px 0;
    }
    .secCont--02 .voice .student .points li{
        font-size: 1.4rem;
        width: 100px;
        height: 100px;
        padding: 30px 0px;   
    }
    .secCont--02 .voice .student .name{
        font-size: 1.4rem;
        padding: 5px 0 15px;
    }
    .secCont--02 .voice .student .name span{
        font-size: 2.2rem;
    }
    .voice__block--01 .voice__itemWrap{
        margin-top:30px;
    }
    .secCont--02 .voice__item .title{
        height: 35px;
        font-size: 1.6rem;
        top: -15px;
        left: -8px;
        padding: 5px 3px 5px 10px;
    }
    .secCont--02 .voice__item .title:before{
            height: 35px;
    }
    .secCont--02 .voice__item{
        width:100%;
        font-size: 1.4rem;
        padding: 30px 15px 20px;
        margin-bottom: 30px;
    }
    .secCont--02 .voice__item:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -10px;
        border: 10px solid transparent;
        border-right: 10px solid #fff;
    }
}

/* secCont--03
=========================================*/
.secCont--03:before {
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #bde1f0;
    z-index: -1;
}

@media screen and (max-width: 768px){
    .secCont--03:before {
        min-width: 100%;
    }
}

/* secCont--contNav
=========================================*/
.secCont--contNav .contNav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding:0;
    width:800px;
    margin:0 auto;
}
.secCont--contNav .contNav__listItem{
    width: 100%;
    margin: 0 0 25px !important;
    background-image:none;
}
.secCont--contNav .contNav__listItem a{
    font-size: 2.2rem;
    font-weight: bold;
}
@media screen and (max-width: 768px){
    .secCont--contNav .contNav{
        display:block;
        width:100%;
    }
    .secCont--contNav .contNav__listItem{
        width:100%;
        margin: 0 0 10px !important;
    }
    .secCont--contNav .contNav__listItem a{
        font-size:1.6rem;
    }
    .secCont--contNav .contNav__listItem:first-child a{
        font-size:1.6rem;
    }
}

/* course共通
=========================================*/
/*-- secCont --*/
.secCont--course01:before,
.secCont--course02:before,
.secCont--course03:before,
.secCont--course04:before{
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #c4e7e9;
    z-index: -1;
}
.secCont--course01,
.secCont--course02,
.secCont--course03,
.secCont--course04{
    padding-top:0;
}
/*-- secCont__title --*/
.secCont__title--course01:before {
    background-color: #2e3188;
}
.secCont__title--course02:before,
.secCont__title--course03:before,
.secCont__title--course04:before {
    background-color: #00abb5;
}
.secCont__title--course01:after,
.secCont__title--course02:after,
.secCont__title--course03:after,
.secCont__title--course04:after {
    border-color: #00abb5 transparent transparent transparent;
}
/*-- secCont__inner --*/
.secCont__inner--course02,
.secCont__inner--course03,
.secCont__inner--course04{
    padding-top:80px;
}
/*-- modBox --*/
.secCont--course01 .modBox01,
.secCont--course02 .modBox01,
.secCont--course03 .modBox01,
.secCont--course04 .modBox01 {
    border-top: 20px solid #00abb5;
}
.secCont--course01:before {
    background-color: #d9ebff;
}
.secCont__title--course01:after {
    border-color: #2e3188 transparent transparent transparent;
}
.secCont__title--course01 .target {
    border-color: #fff;
}
.secCont__title--course01 .target dt {
    background-color: #2e3188;
}
.secCont__title--course01 .target dd {
    color: #2e3188;
}
.secCont--course01 .modBox01 {
    border-color: #2e3188;
}


.secCont--course03:before {
    background-color: #d2e1ec;
}
.secCont__title--course03:before {
    background-color: #074d82;
}
.secCont__title--course03:after {
    border-color: #074d82 transparent transparent transparent;
}
.secCont__title--course03 .target {
    border-color: #fff;
}
.secCont__title--course03 .target dt {
    background-color: #074d82;
}
.secCont__title--course03 .target dd {
    color: #074d82;
}
.secCont--course03 .modBox01 {
    border-color: #074d82;
}

@media screen and (max-width: 768px){
    /*-- secCont --*/
    .secCont--course01:before,
    .secCont--course02:before,
    .secCont--course03:before,
    .secCont--course04:before{
        min-width: 100%;
    } 
    /*-- secCont__inner --*/
    .secCont__inner--course02,
    .secCont__inner--course03,
    .secCont__inner--course04{
        padding-top:40px;
    }
    /*-- modBox --*/
    .secCont--course01 .modBox01,
    .secCont--course02 .modBox01,
    .secCont--course03 .modBox01,
    .secCont--course04 .modBox01 {
        border-top: 15px solid #00abb5;
    }
}

/* secCont--course01
=========================================*/
.secCont--course01 .gotoEiken{
    background:#fff;
    padding:80px 0 50px;
    margin-bottom:70px;
}
.secCont--course01 .gotoEiken__text{
    color: #2e3188;
    font-weight:bold;
    font-size:2.5rem;
    text-align:center;
}
.secCont--course01 .gotoEiken__text span{
    font-size:3.8rem;
}
.secCont--course01 .gotoEiken__btn{
    text-align:center;
    margin-top:20px;
}
.secCont--course01 .gotoEiken__btn a{
    display:inline-block;
    background:#ffcd00;
    border-radius:15px;
    font-size:4.5rem;
    font-weight:bold;
    color:#ff0000;
    padding: 15px 38px;
}
.secCont--course01 .gotoEiken__btn a:hover{
    text-decoration: none;
    opacity:0.6;
    transition:.3s;
}
@media screen and (max-width: 768px){
    .secCont--course01 .gotoEiken{
        padding:30px 15px 15px;
        margin-bottom:30px;
    }
    .secCont--course01 .gotoEiken__text{
        font-size:1.6rem;
    }
    .secCont--course01 .gotoEiken__text span {
        font-size: 2.2rem;
    }
    .secCont--course01 .gotoEiken__btn a{
        font-size:1.8rem;
        border-radius: 8px;
        width: 100%;
    }
}

/* secCont--course03
=========================================*/
.secCont--course03 .modBox01__cont .point .point__title--num02{
    font-size:2.5rem;
}
.modImg01 {
    margin: 40px 0 60px;
}
@media screen and (max-width: 768px){
    .secCont--course03 .modBox01__cont .point .point__title--num02 {
        font-size: 1.9rem;
    }
}



/* secCont--04
=========================================*/
.secCont--04:before {
    content: "";
    display: block;
    width: 100vw;
    min-width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ffcdc0;
    z-index: -1;
}
.secCont--04 .modBox01{
    border-top: 20px solid #e85a24;
    padding: 50px 50px 30px;
}
.secCont--04 .aboutOnline__title{
    font-weight: bold;
    font-size: 3.4rem;
    text-align: center;
    color: #2e3188;
    margin-bottom: 30px;
}
.secCont--04 .aboutOnline__item{
    padding: 60px 40px 60px 180px;
    font-size:2.2rem;
    border-bottom:2px solid #ffcdc0;
    min-height:250px;
}
.secCont--04 .aboutOnline__item--01{
    background:url(../img/fam/bg_num01.png) no-repeat center left 20px;
}
.secCont--04 .aboutOnline__item--02{
    background: url(../img/fam/bg_num02.png) no-repeat center left 90px;
    padding: 60px 40px 60px 260px;
}
.secCont--04 .aboutOnline__item--03{
    background:url(../img/fam/bg_num03.png) no-repeat center left 20px;
    border-bottom:none;
    padding: 80px 40px 0 260px;
}
.secCont--04 .metaverse__text{
    background:#fff;
    border-radius:15px;
    padding:50px;
    text-align:center;
    font-weight:bold;
    position: relative;
    margin-bottom:80px;
}
.secCont--04 .metaverse__text:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 60px solid transparent;
  border-top: 40px solid #fff;
}
.secCont--04 .metaverse__text .text01{
    font-size:4.5rem;
    display:inline-block;
    color:#2e3189;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffff00));
    background: -webkit-linear-gradient(transparent 70%, #ffff00 70%);
    background: -o-linear-gradient(transparent 70%, #ffff00 70%);
    background: linear-gradient(transparent 70%, #ffff00 70%);
    margin-bottom:30px;
}
.secCont--04 .metaverse__text .text02{
    font-size:3.0rem;
    color:#2e3189;
    margin-bottom:30px;
}
.secCont--04 .metaverse__text .text03{
    font-size:4.5rem;
    color:#e85a24;
}
@media screen and (max-width: 768px){
    .secCont--04:before {
        min-width: 100%;
    }
    .secCont--04 .modBox01{
        border-top: 15px solid #e85a24;
        padding: 30px 15px 30px;
    }
    .secCont--04 .aboutOnline__title{
        font-size:2.0rem;
        margin-bottom:15px;
    }
    .secCont--04 .aboutOnline__item{
        padding: 15px 0 15px 60px;
        font-size: 1.4rem;
        min-height: 100%;
    }
    .secCont--04 .aboutOnline__item--01{
        background: url(../img/fam/bg_num01.png) no-repeat top 15px left 10px;
        background-size:auto 50px;
    }
    .secCont--04 .aboutOnline__item--02{
        background: url(../img/fam/bg_num02.png) no-repeat top 15px left 10px;
        background-size:auto 50px;
        padding: 15px 0 15px 60px;
    }
    .secCont--04 .aboutOnline__item--03{
        background: url(../img/fam/bg_num03.png) no-repeat top 15px left 10px;
        background-size:auto 50px;
        padding: 15px 0 0 60px;
    }
    .secCont--04 .metaverse__text {
        padding: 15px 15px 30px;
        margin-bottom: 30px;
    }
    .secCont--04 .metaverse__text .text01 {
        font-size: 2.2rem;
        margin-bottom:0;
        display: inline;
    }
    .secCont--04 .metaverse__text .text02 {
        font-size: 1.6rem;
        margin-top:15px;
        margin-bottom:15px;
    }
    .secCont--04 .metaverse__text .text03 {
        font-size: 2.2rem;
        white-space: nowrap;
    }
    .secCont--04 .metaverse__text:before {
        margin-left: -30px;
        border: 30px solid transparent;
        border-top: 20px solid #fff;
    }
}

/* cvArea
=========================================*/
.cvBtns{
    width:100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cvBtns__item{
    width: 40%;
}
.cvBtns__itemBtn{
    width:100%;
}
.cvBtns__itemBtn--trial{
    background:#ffcd00;
}
.cvBtns__itemBtn--trial:after{
    display:none;
}
.cvBtns__itemBtn--trial:before{
    background:#FFD93F;
}
.cvBtns__itemBtn--trial span{
    padding-left:0;
    background-image:none;
}
.cvBtns__itemBtn span{
    padding-left:0;
    background-image:none; 
}
.modalBox{
    width:100%;
}
@media screen and (max-width: 768px){
    .cvBtns__item{
        width: calc((100% - 5px)/1);
    } 
    .cvBtns__item span{
        padding: 0;
        line-height: 70px;
    }
}
@media screen and (min-width: 769px){
    .cvArea__box .cvBtns__item:not(:last-child) {
        margin-right: 20px;
    }
}