@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------
/* USCPAコースお申込みまでの流れ  
-------------------------------------------------------------------- */
.flowWrap {
}
.flowWrap .flowBlock {
    background-color: #e6f7ff;
    padding: 40px 0 20px;
    margin: 30px 0 0;
}
.flowWrap .flowBlock .flowBox {
    padding-bottom: 60px;
    position: relative;
    margin-bottom: 40px;
}
.flowWrap .flowBlock .flowBox .arrow {}
.flowWrap .flowBlock .flowBox .arrow::before,
.flowWrap .flowBlock .flowBox .arrow::after {content: "";width: 60px;height: 10px; display: inline-block; border-radius: 6px; background: #137dc7;   position: absolute; bottom: 2%; }
.flowWrap .flowBlock .flowBox .arrow::before {
         transform: rotate(135deg); 
         left: 37px;
}
.flowWrap .flowBlock .flowBox .arrow::after {
       transform: rotate(-135deg); 
       left: 1px;
}
.flowWrap .flowBlock .flowBox::before {
  content: "";
  border-left: 10px solid #137dc7;
  position: absolute;
  display: block;
  top: 0;
  left: 45px;
  height: 100%;
}
.flowWrap .flowBlock .flowBox::after {
  content: "";
  position: absolute;
}
.flowWrap .flowBlock .flowBox .ttl {
    background-color: #137dc7;
    width: max-content;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 30px;
    font-size: 26px;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    font-weight: bold;
}
.flowWrap .flowBlock .flowBox .ttl .__num {
    font-size: 22px;
    color: #f6e746;
    display: inline-block;
    margin-right: 30px;
}
.flowWrap .flowBlock .flowBox .__box {
    max-width: 910px;
    width: 95%;
    margin-left: auto;
    background-color: #fff;
    padding: 30px;
}
.flowWrap .flowBlock .flowBox .__box .boxflex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flowWrap .flowBlock .flowBox .__box .boxflex.flex_c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flowWrap .flowBlock .flowBox .__box .boxflex .l_Area {
    width: 41.1%;
}
.flowWrap .flowBlock .flowBox .__box .boxflex .r_Area {
    width: 55%;
}
.flowWrap .flowBlock .flowBox .__box .list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flowWrap .flowBlock .flowBox .__box .list li {
    width: 49%;
    text-align: center;
    background-color: #e6f7ff;
    margin-bottom: 10px;
    padding: 3px;
}
.flowWrap .flowBlock .flowBox .__box .img {}
.flowWrap .flowBlock .flowBox .__box .img img {}
.flowWrap .flowBlock .flowBox .__box .caution {
    font-size: 12px;
    margin-top: 10px;
}
.flowWrap .flowBlock .flowBox .__box .c-button {
    margin: 20px auto;
}
.flowWrap .flowBlock .flowBox .__box .c-button .c-button__inner {
    background-color: #f6e746;
    border-color: #f6e746;
    color: #333333;
}
.flowWrap .flowBlock .flowBox .__box .c-button .c-button__inner::before {}
/**SP**/
@media (max-width: 767px) {
.flowWrap {}
.flowWrap .flowBlock {}
.flowWrap .flowBlock .flowBox {}
.flowWrap .flowBlock .flowBox .arrow {}
.flowWrap .flowBlock .flowBox .arrow::before,
.flowWrap .flowBlock .flowBox .arrow::after {
    width: 35px;
    height: 10px;
}
.flowWrap .flowBlock .flowBox .arrow::before {
    left: 5%;
}
.flowWrap .flowBlock .flowBox .arrow::after {
    left: 0%;
}  
.flowWrap .flowBlock .flowBox::before {
    left: 6%;
    height: 98%;
}
.flowWrap .flowBlock .flowBox::after {}
.flowWrap .flowBlock .flowBox .ttl {
    font-size: 4.6vmin;
    padding: 3vmin;
    width: fit-content;
}
.flowWrap .flowBlock .flowBox .ttl .__num {
    margin-right: 4vmin;
    font-size: 4vmin;
}
.flowWrap .flowBlock .flowBox .__box {
    width: 85%;
    padding: 4vmin;
}
.flowWrap .flowBlock .flowBox .__box .boxflex {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flowWrap .flowBlock .flowBox .__box .boxflex .l_Area {
    width: 100%;
}
.flowWrap .flowBlock .flowBox .__box .boxflex .r_Area {
    width: 100%;
}
.flowWrap .flowBlock .flowBox .__box .list {}
.flowWrap .flowBlock .flowBox .__box .list li {
    width: 100%;
    font-size: 2vmin;
}  
.flowWrap .flowBlock .flowBox .__box .img {
    /* margin-bottom: 3vmin; */
}
.flowWrap .flowBlock .flowBox .__box .img img {}
.flowWrap .flowBlock .flowBox .__box .caution {
    margin-top: 0;
}
.flowWrap .flowBlock .flowBox .__box .c-button {
    margin-bottom: 2vmin;
}
.flowWrap .flowBlock .flowBox .__box .c-button .c-button__inner {}
.flowWrap .flowBlock .flowBox .__box .c-button .c-button__inner::before {}
.flowWrap .flowBlock .flowBox .__box .sp .__flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 4vmin;
}
.flowWrap .flowBlock .flowBox .__box .sp .__flex .img {
    width: 49%;
}
.flowWrap .flowBlock .flowBox .__box .sp .__flex .list {
    width: 47%;
    display: block;
}
.flowWrap .flowBlock .flowBox .__box .boxflex.flex_reve {
    flex-direction: column-reverse;
}
.flowWrap .flowBlock .flowBox .__box .boxflex.flex_reve .img {
  margin-top: 3vmin;
  }  
}
@media (max-width: 350px) {
  .flowWrap .flowBlock .flowBox .arrow::after {left: -2%;}
}

/* --------------------------------------------------------------------
/*  
-------------------------------------------------------------------- */
.dotList {
    list-style: disc;
    margin-left: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
}
.dotList li {
    font-size: 16px;
    margin-bottom: 5px;
}
.dotList li::marker {
  color: #004896;
  font-size: 13px;
}
.ctaBlockBox_t01 {
    margin-top: 20px;
}
.ctaBlockBox_t01 .c-heading-seco {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 0;
}
.ctaBlockBox_t01 .c-heading-seco::before {
  top: 55%;
  content: none;
}
.ctaBlockBox_t01 .c-heading-seco h3{
    display: flex;
    align-items: center;
}
.ctaBlockBox_t01 .c-heading-seco h3 span.sub {
    font-size: 18px;
}
.ctaBlockBox_t01 .ctaBox {
    border: 1px solid #dcdcdc;
    padding: 20px 25px 100px;
    position: relative;
}
.ctaBlockBox_t01 .ctaBox .boxFlex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ctaBlockBox_t01 .ctaBox .boxFlex .l_area {
    width: 50%;
}
.ctaBlockBox_t01 .ctaBox .boxFlex .r_area {
    width: 45%;
}
.ctaBlockBox_t01 .ctaBox .boxFlex .img {}
.ctaBlockBox_t01 .ctaBox .boxFlex .img img {}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list {}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list li {
    text-align: center;
    background-color: #e6f7ff;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px;
}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list li span {}
.ctaBlockBox_t01 .ctaBox .c-card__button {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner {}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner::before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #024796;
    border-right: solid 2px #024796;
    position: absolute;
    left: 15px;
    top: 49%;
    transform: rotate(45deg);
    display: block;
    -webkit-transform: rotate(45deg) translateY(-50%) translateX(0%);
    transform: rotate(45deg) translateY(-50%) translateX(0%);
}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner span {
    color: #024796;
    font-weight: bold;
}

@media (max-width: 767px) {

.dotList {
    margin-bottom: 3vmin;
}
.dotList li {
    font-size: 3.4vmin;
}  
.dotList li::marker {
  font-size: 3vmin;
}  
  
.ctaBlockBox_t01 {
    margin-top: 10vmin;
}
.ctaBlockBox_t01 .c-heading-seco {}
.ctaBlockBox_t01 .c-heading-seco h3{
    font-size: 5vmin;
}
.ctaBlockBox_t01 .c-heading-seco h3 span.sub {
    font-size: 3.2vmin;
    padding-top: 1vmin;
}
.ctaBlockBox_t01 .ctaBox {
    padding: 6vmin 6vmin;
    position: static;
}
.ctaBlockBox_t01 .ctaBox .boxFlex {}
.ctaBlockBox_t01 .ctaBox .boxFlex .l_area {}
.ctaBlockBox_t01 .ctaBox .boxFlex .r_area {}
.ctaBlockBox_t01 .ctaBox .boxFlex .img {}
.ctaBlockBox_t01 .ctaBox .boxFlex .img img {}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list {}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list li {
    font-size: 2.6vmin;
    padding: 1vmin;
}
.ctaBlockBox_t01 .ctaBox .boxFlex .__list li span {}
.ctaBlockBox_t01 .ctaBox .c-card__button {
    bottom: 20px;
    position: static;
}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner {}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner::before {}
.ctaBlockBox_t01 .ctaBox .c-card__button .c-button-cnv__inner span {}  
  
.top_ttl {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }  
}

/* --------------------------------------------------------------------
/* お得なセット割
-------------------------------------------------------------------- */
.paymentBlock {}
.paymentBlock .b_Area {
    margin: 10px 0;
}
.paymentBlock .link {
    text-align: right;
}
.paymentBlock .link a {
    text-decoration: underline;
}
.paymentBlock .c-embox__content {}
.paymentBlock .c-embox__content .flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
}
.paymentBlock .c-embox__content .flex table {
    width: 50%;
    font-size: 18px;
    background-color: #fff;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.paymentBlock .c-embox__content .flex table tr {}
.paymentBlock .c-embox__content .flex table tr th,
.paymentBlock .c-embox__content .flex table tr td {
    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.paymentBlock .c-embox__content .flex table tr th {
}
.paymentBlock .c-embox__content .flex table tr td {
    font-size: 14px;
}
.paymentBlock .c-embox__content .flex table tr td span.c_red {
    font-size: 18px;
}
.paymentBlock .c-button-container {
    max-width: 510px;
    width: 100%;
    margin: auto;
}
/**SP**/
@media (max-width: 767px) {
.paymentBlock {}
.paymentBlock .b_Area {}
.paymentBlock .b_Area .link {
    margin-top: 3vmin;
}
.paymentBlock .b_Area .link a {}
.paymentBlock .c-embox__content {}
.paymentBlock .c-embox__content .flex {
    display: block;
}
.paymentBlock .c-embox__content .flex table {
    width: 100%;
}
.paymentBlock .c-embox__content .flex table tr {}
.paymentBlock .c-embox__content .flex table tr th,
.paymentBlock .c-embox__content .flex table tr td {
    font-size: 3.4vmin;
    padding: 2vmin;
}
.paymentBlock .c-embox__content .flex table tr th {
    width: 25vmin;
}
.paymentBlock .c-embox__content .flex table tr td {
    font-size: 3vmin;
}
.paymentBlock .c-embox__content .flex table tr td span.c_red {
    font-size: 4vmin;
} 
.paymentBlock .c-button-container {}  
}