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

.dotted-bg {
    position: relative;
    background: linear-gradient( 21deg, #66e1ea, #2775ae );
}
.dotted-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/autumn/dotted-bg.gif) repeat left top;
    mix-blend-mode: multiply;
    content: '';
}
/* IE */
@media screen\0 {
.dotted-bg:before {
    background-image: url(../img/autumn/dotted-bg-ie.gif);
}
}
.dotted-bg__inner {
    position: relative;
}


/* -------------------------------------

トップ画像

-----------------------------------------*/
.OtherInner__boxTtl.mainpage {
    position: relative;
}
.OtherInner__boxTtl.mainpage img {
    display: block;
}
.OtherInner__boxTtl.mainpage div {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 34.93px;
    line-height: 1.4;
    color: #415a6b!important;
    box-sizing: border-box;
    width: 896px;
    margin: 16px 0 0 -448px;
    font-feature-settings: "palt";
}

@media screen and (max-width: 750px) {
    .OtherInner__boxTtl.mainpage div {
        left: 0;
        width: 100%;
        padding-left: 20px;
        margin: -8px 0 0 0;
        font-size: 18px;
        line-height: 1.2;
    }
}

.c-breadcrumb {
    margin-top: 20px;
}

/* -------------------------------------

.資料請求・お問合せ　ついてくる

-----------------------------------------*/
.autumn-claim_side {
    align-items: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    width: 264px;
    height: 88px;
    color: #415a6b;
    background-image: url(../img/autumn/hukidashi.png);
    background-repeat: no-repeat;
    z-index: 1000;
    float: right;
    background-size: 264px auto;
    font-size: 19.19px;
    font-weight: bold;
    font-feature-settings: "palt";
    line-height: 22.71px;
    text-decoration: none;
    margin-top: -157px;
    margin-right: 43px;
	filter: drop-shadow(0px 0px 43px rgba(52,52,52,0.48));
}
.autumn-claim_side  span {
   margin-left: 90px !important;
	padding-top: 20px !important;
}


/* -------------------------------------

学び方が変われば、社員や会社の未来が変わる。

-----------------------------------------*/
.autumbBox-1 {
    margin-bottom: 0;
}


/* -------------------------------------

開催スケジュール

-----------------------------------------*/
.schedule {
    padding: 0 0 116px 0;
}
@media screen and (max-width: 750px) {
    .schedule {
        padding: 0 0 56px 0;
    }
}
.schedule__colors {
    margin: 32px 0 0 0;
    text-align: center;
    font-size: 0;
}
.schedule__colors li {
    display: inline-block;
    width: 98px;
    height: 98px;
    border-radius: 49px;
    margin: 0 11px;
    text-align: center;
    font-size: 49px;
    font-weight: bold;
    line-height: 98px;
}
.schedule__colors li.schedule__colors-summer {
    background-color: #5785cf;
    color: #7df2ee;
}
.schedule__colors li.schedule__colors-autumn {
    background-color: #f3705a;
    color: #ffd15c;
}
.schedule__colors li.schedule__colors-winter {
    background-color: #d9b5e8;
    color: #5785cf;
}

@media screen and (max-width: 750px) {
    .schedule__colors li {
        width: 72px;
        height: 72px;
        border-radius: 36px;
        margin: 0 6px;
        font-size: 32px;
        line-height: 72px;
    }
}

.schedule__notes {
    margin: 32px 0 0 0;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .schedule__notes {
        line-height: 1.6;
    }
}

.schedule__calendar {
    display: flex;
    width: 100%;
    max-width: 1025px;
    margin: 32px auto 0;
    border-left: 1px solid #34618a;
    border-top: 1px solid #34618a;
}
@media screen and (max-width: 750px) {
    .schedule__calendar {
        width: 90%;
    }
}
.schedule__calendar li {
    flex: 1 1 auto;
    padding: 40px 0;
    border-right: 1px solid #34618a;
    border-bottom: 1px solid #34618a;
    text-align: center;
    font-size: 20px;
    line-height: 1;
}
.schedule__calendar li.schedule__calendar-summer {
    background-color: #5785cf;
}
.schedule__calendar li.schedule__calendar-autumn {
    background-color: #f3705a;
}
.schedule__calendar li.schedule__calendar-winter {
    background-color: #d9b5e8;
}
@media screen and (max-width: 750px) {
    .schedule__calendar li {
        padding: 20px 0;
        font-size: 12px;
    }
}

/* -------------------------------------

こんな「お悩み」「ご要望」ありませんか？

-----------------------------------------*/
.autumnBox-2 {
    padding-bottom: 4px;
}
.autumnBox-2 ul {
    width: 727px;
}
@media screen and (max-width: 750px) {
    .autumnBox-2 ul {
        width: 84vw;
    }
}
.autumnBox-2 ul li {
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .autumnBox-2 ul li {
        margin-bottom: 15px;
    }
}

/* -------------------------------------

特徴

-----------------------------------------*/
@media screen and (max-width: 750px) {
    .autumnBox-4 {
        padding-bottom: 0;
    }
}

.feature {
    padding: 115px 0 40px;
}
@media screen and (max-width: 750px) {
    .feature {
        padding: 56px 0 20px;
    }
}
.feature__ttl {
    text-align: center;
    color: #2271aa;
    font-size: 30px;
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .feature__ttl {
        font-size: 6.5vw;
    }
}
.feature__content {
    width: 100%;
    max-width: 1000px;
    margin: 56px auto 0;
}
@media screen and (max-width: 750px) {
    .feature__content {
        width: 90%;
        margin: 28px auto 0;
    }
}
.feature__item {
    display: flex;
    width: 100%;
    margin: 16px 0 0 0;
}
@media screen and (max-width: 750px) {
    .feature__item {
        flex-direction: column;
        margin: 40px 0 0 0;
    }
}
.feature__item:first-child {
    margin: 0;
}
.feature__item .item__ttl {
    flex: 0 0 128px;
    min-height: 180px;
    padding: 60px 0 0 0;
    box-sizing: border-box;
    background-color: #34618a;
    text-align: center;
    color: #fff;
    font-size: 35px;
}
@media screen and (max-width: 750px) {
    .feature__item .item__ttl {
        flex: 1;
        min-height: 0;
        padding: 4px 0 6px;
        font-size: 6vw;
        line-height: 1.2;
    }
}
.feature__item .item__ttl small {
    font-size: 13px;
}
@media screen and (max-width: 750px) {
    .feature__item .item__ttl small {
        font-size: 4vw;
    }
}
.feature__item .item__content {
    margin: 0 32px;
    padding: 6px 0 0 0;
}
@media screen and (max-width: 750px) {
    .feature__item .item__content {
        margin: 0;
        padding: 16px 0 0 0;
    }
}
.feature__item .item__content .item__catch {
    font-size: 20px;
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .feature__item .item__content .item__catch {
        text-align: center;
        font-size: 4.5vw;
    }
}
.feature__item .item__content p {
    margin: 1em 0 0 0;
    line-height: 1.6;
}
.feature__item .item__pic {
    flex: 0 0 275px;
}
@media screen and (max-width: 750px) {
    .feature__item .item__pic {
        flex: 1;
        margin: 16px 0 0 0;
    }
}
.feature__item .item__pic img {
    display: block;
    width: 275px;
    height: auto;
}
@media screen and (max-width: 750px) {
    .feature__item .item__pic img {
        width: 100%;
        height: auto;
    }
}

.difference {
    max-width: 1000px;
    padding: 40px 0 52px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .difference {
        width: 90%;
    }
}
.difference__ttl {
    text-align: center;
    color: #2271aa;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 0.15em;
}
@media screen and (max-width: 750px) {
    .difference__ttl {
        font-size: 6.5vw;
    }
}
.difference__txt {
    margin: 24px 0 0 0;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .difference__txt {
        line-height: 1.5;
    }
}
.difference__catch {
    display: block;
    margin: 32px 0 0 0;
    padding: 4px 0;
    background-color: #578ebd;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .difference__catch {
        font-size: 4.5vw;
        line-height: 1.4;
    }
}
.difference__detail .detail__ttl {
    margin: 44px 0 0 0;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .difference__detail .detail__ttl {
        margin: 22px 0 0 0;
        font-size: 3.8vw;
    }
}
.difference__detail .detail__content {
    display: flex;
    width: 100%;
    margin: 44px 0 0 0;
}
@media screen and (max-width: 750px) {
    .difference__detail .detail__content {
        flex-direction: column;
        margin: 22px 0 0 0;
    }
}
.difference__detail .detail__txt {
    margin: 0 60px 0 0;
}
@media screen and (max-width: 750px) {
    .difference__detail .detail__txt {
        margin: 0;
    }
}
.difference__detail .detail__txt p {
    margin: 1.6em 0 0 0;
    line-height: 1.6;
}
.difference__detail .detail__txt p:first-child {
    margin: 0;
}
.difference__detail .detail__list {
    flex: 0 0 536px;
}
@media screen and (max-width: 750px) {
    .difference__detail .detail__list {
        flex: 1;
        margin-top: 20px;
    }
    .difference__detail .detail__list img {
        width: 100%;
        height: auto;
    }
}

/* -------------------------------------

クロノスの「Java研修」が支持されています！

-----------------------------------------*/
.evidence {
    padding: 80px 0 56px;
}
@media screen and (max-width: 750px) {
    .evidence {
        padding: 40px 0 28px;
    }
}
.evidence__inner {
    max-width: 1180px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .evidence__inner {
        width: 90%;
    }
}
.evidence__ttl {
    text-align: center;
    color: #fff;
    font-size: 35px;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .evidence__ttl {
        font-size: 6.5vw;
        line-height: 1.5;
    }
}
.evidence__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 48px 0 0 0;
}
@media screen and (max-width: 750px) {
    .evidence__list {
        flex-direction: column;
    }
}
.evidence__list li {
    width: 381px;
    padding: 42px 0;
    background-color: #fff;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .evidence__list li {
        width: 100%;
        padding: 21px 0;
        margin-top: 20px;
    }
    .evidence__list li:first-child {
        margin-top: 0;
    }
}
.evidence__list li span {
    display: block;
    margin: 32px 0;
    font-size: 23px;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .evidence__list li span {
        margin: 16px 0;
        font-size: 4.5vw;
    }
}
.evidence__detail {
    margin: 36px 0 0;
    padding: 42px 110px;
    background-color: #fff;
}
@media screen and (max-width: 750px) {
    .evidence__detail {
        margin: 20px 0 0;
        padding: 32px 16px;
    }
}
.evidence__detail .detail__ttl {
    text-align: center;
    color: #2271aa;
    font-size: 30px;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__ttl {
        font-size: 4.5vw;
    }
}
.evidence__detail .detail__content {
    display: flex;
    width: 100%;
    margin: 32px 0 0 0;
}
.evidence__detail .detail__item {
    width: 466px;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__item {
        width: 49%;
    }
}
.evidence__detail .detail__item .item__ttl {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__item .item__ttl {
        font-size: 4.5vw;
        line-height: 1;
    }
}
.evidence__detail .detail__techskill .item__ttl {
    color: #34618a;
}
.evidence__detail .detail__humanskill .item__ttl {
    color: #4e4e4e;
}
.evidence__detail .detail__item .item__ttl strong {
    vertical-align: -12px;
    font-size: 60px;
}
@media screen and (max-width: 750px) {
}
.evidence__detail .detail__item ul {
    margin: 8px 0 0 0;
}
.evidence__detail .detail__item ul li {
    display: block;
    margin: 9px 0 0 0;
    width: 100%;
    height: 56px;
    padding: 17px 36px;
    box-sizing: border-box;
    border-radius: 28px;
    font-size: 18px;
    line-height: 20px;
}
.evidence__detail .detail__item ul li small {
	 font-size: 11.4px;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__item ul li {
        margin: 2vw 0 0 0;
        height: auto;
        padding: 8px;
        border-radius: 6px;
        font-size: 3.5vw;
        line-height: 1.2;
    }
}
.evidence__detail .detail__item ul li:first-child {
    margin-top: 0;
}
.evidence__detail .detail__techskill ul li {
    background-color: #34618a;
    color: #fff;
}
.evidence__detail .detail__techskill ul li:nth-child(1){
    padding: 7px 36px;
}
.evidence__detail .detail__techskill ul .Tworows{
    padding: 7px 36px;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__techskill ul li:nth-child(1) {
        padding: 8px;
    }
	 .evidence__detail .detail__techskill ul .Tworows {
        padding: 8px;
    }
}
.evidence__detail .detail__humanskill ul li {
    background-color: #d9d9d9;
    color: #242424;
}
.evidence__detail .detail__x {
    margin: 12px -9px 0;
}
@media screen and (max-width: 750px) {
    .evidence__detail .detail__x {
        margin: 8vw -4vw 0;
    }
    .evidence__detail .detail__x img {
        width: 10vw;
        height: auto;
    }
}


/* -------------------------------------

全体の流れ

-----------------------------------------*/
.flow {
    padding: 0 0 60px 0;
}
@media screen and (max-width: 750px) {
    .flow {
        padding: 0 0 30px 0;
    }
}
.it__box .flow .group__ttl {
    padding-top: 0;
}
.flow__content {
    max-width: 1000px;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .flow__content {
        width: 90%;
    }
}
.flow__step {
    display: flex;
    width: 100%;
    padding: 20px;
    margin: 20px 0 0 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}
@media screen and (max-width: 750px) {
    .flow__step {
        flex-direction: column;
    }
}
.flow__step:first-child {
    margin: 0;
}
.flow__step .step__ttl {
    position: relative;
    flex: 0 0 128px;
    min-height: 182px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
@media screen and (max-width: 750px) {
    .flow__step .step__ttl {
        flex: 1;
        min-height: 0;
        padding: 0.25em 0;
        font-size: 6.5vw;
    }
}
.flow__step .step__ttl span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .flow__step .step__ttl span {
        position: relative;
        top: 0;
        transform: translateY(0%);
    }
}
.flow__step .step__ttl small {
    font-size: 15px;
}
@media screen and (max-width: 750px) {
    .flow__step .step__ttl small {
        font-size: 4.5vw;
    }
}
.flow__step-1 .step__ttl {
    background-color: #4e4e4e;
}
.flow__step-2 .step__ttl {
    background-color: #34618a;
}
.flow__step-3 .step__ttl {
    background-color: #3792be;
}
.flow__step .step__content {
    padding: 16px 0 0 36px;
}
@media screen and (max-width: 750px) {
    .flow__step .step__content {
        padding: 24px 0 0 0;
    }
}
.flow__step .step__catch {
    color: #095a94;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
}
@media screen and (max-width: 750px) {
    .flow__step .step__catch {
        font-size: 4.5vw;
    }
}
.flow__step .step__list {
    margin: 16px 0 0 0;
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .flow__step .step__list {
        font-size: 4.5vw;
        line-height: 1.5;
    }
}
.flow__step .step__list li {
    display: inline-block;
    margin: 0 1em 0 0;
}
@media screen and (max-width: 750px) {
    .flow__step .step__list li {
        display: block;
        margin: 0;
    }
}
.flow__step .step__list li:before {
    content: '・';
}
.flow__step p {
    margin: 16px 0 0 0;
    line-height: 1.6;
}

.flow__month {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
}
@media screen and (max-width: 750px) {
    .flow__month {
        width: 90%;
        padding: 4vw 2.5vw 2.5vw 2.5vw;
        box-sizing: border-box;
    }
}
.flow__month-1 {
    margin-top: 72px;
    background-color: #34618a;
}
.flow__month-2 {
    margin-top: 36px;
    background-color: #3792be;
}
.flow__month .month__ttl {
    padding: 0 0 0 6px;
    color: #fff;
    font-size: 36px;
    line-height: 36px;
}
@media screen and (max-width: 750px) {
    .flow__month .month__ttl {
        font-size: 6.5vw;
        line-height: 1.2;
    }
}
.flow__month .month__ttl small {
    vertical-align: middle;
    font-size: 14px;
}
@media screen and (max-width: 750px) {
    .flow__month .month__ttl small {
        font-size: 4.5vw;
    }
}
.flow__month .month__detail {
    margin: 16px 0 0 0;
    padding: 6px;
    background-color: #adbdcc;
}
@media screen and (max-width: 750px) {
    .flow__month .month__detail {
        padding: 3px;
    }
}
.flow__month .month__item {
    margin: 6px 0 0 0;
    padding: 26px 26px 20px 38px;
    background-color: #fff;
}
@media screen and (max-width: 750px) {
    .flow__month .month__item {
        margin: 3px 0 0 0;
        padding: 12px;
    }
}
.flow__month .month__item:first-child {
    margin: 0;
}
.flow__month .month__item .item__ttl {
    font-size: 20px;
}
@media screen and (max-width: 750px) {
    .flow__month .month__item .item__ttl {
        font-size: 4.5vw;
    }
}
.flow__month .month__item > p {
    margin: 0.5em 0 0 0;
}
@media screen and (max-width: 750px) {
    .flow__month .month__item > p {
        line-height: 1.6;
    }
}
.flow__month .month__item .item__voice {
    position: relative;
    margin: 26px 0 0 135px;
    padding: 16px 20px 20px 20px;
    border-radius: 6px;
    background-color: #f3f3f3;
    font-size: 13px;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .flow__month .month__item .item__voice {
        margin: 12px 0 0 18vw;
        padding: 6px 12px;
        border-radius: 3px;
        font-size: 2.85vw;
    }
}
.flow__month .month__item .item__voice:before {
    position: absolute;
    left: -32px;
    top: 50%;
    width: 32px;
    height: 27px;
    margin-top: -13px;
    background: url(../img/autumn/flow-voice-arw.png) no-repeat;
    content: '';
}
@media screen and (max-width: 750px) {
    .flow__month .month__item .item__voice:before {
        left: calc( -32vw / 750 * 100 );
        top: calc( 26vw / 750 * 100 );
        width: calc( 32vw / 750 * 100 );
        height: calc( 27vw / 750 * 100 );
        margin-top: 0;
        background-size: 100% 100%;
    }
}
.flow__month .month__item .item__voice:after {
    position: absolute;
    left: -130px;
    top: -2px;
    width: 95px;
    height: 95px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
}
@media screen and (max-width: 750px) {
    .flow__month .month__item .item__voice:after {
        left: calc( -130vw / 750 * 100 );
        top: 0;
        width: calc( 95vw / 750 * 100 );
        height: calc( 95vw / 750 * 100 );
    }
}
.flow__month-1 .month__item .item__voice:after {
    background-image: url(../img/autumn/flow-voice1.png);
}
.flow__month-2 .month__item .item__voice:after {
    background-image: url(../img/autumn/flow-voice2.png);
}
.flow__month .month__item .item__voice dt {
    font-weight: bold;
}

/* -------------------------------------

カリキュラム内容

-----------------------------------------*/
.curriculum {
    padding: 82px 0 0 0;
    background-color: #3a98c1;
}
@media screen and (max-width: 750px) {
    .curriculum {
        padding: 40px 0 0 0;
    }
}
.curriculum .group__ttl {
    padding-top: 0;
    color: #fff;
}
.curriculumn__month {
    display: flex;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 750px) {
    .curriculumn__month {
        flex-direction: column;
        width: 90%;
    }
}
.curriculumn__month-1 {
    margin-top: 45px;
}
.curriculumn__month-2 {
    margin-top: 40px;
}
.curriculumn__month .curriculum__ttl {
    position: relative;
    flex: 0 0 240px;
    margin-right: 2px;
    text-align: center;
    font-weight: normal;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__ttl {
        flex: 1;
        padding: 20px 0;
        margin-right: 0;
        margin-bottom: 2px;
    }
}
.curriculumn__month-1 .curriculum__ttl {
    background-color: #34618a;
}
.curriculumn__month-2 .curriculum__ttl {
    background-color: #1387bf;
}
.curriculumn__month .curriculum__ttl > div {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__ttl > div {
        position: relative;
        top: 0;
        transform: translateY(0%);
    }
}
.curriculumn__month .curriculum__ttl span {
    display: inline-block;
    padding: 2px 12px 4px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 17px;
    line-height: 1;
	margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__ttl span {
        font-size: 4.5vw;
		margin-top: 0px;
    }
}
.curriculumn__month .curriculum__ttl p {
    margin: 1em 0 0 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__ttl p {
        font-size: 4.5vw;
    }
}
.curriculumn__month .curriculum__ttl p small {
    font-size: 15px;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__ttl p small {
        font-size: 3.6vw;
    }
}
.curriculumn__month .curriculum__table table {
    border-collapse: separate;
    border-spacing: 0px;
}
.curriculumn__month .curriculum__table table th,
.curriculumn__month .curriculum__table table td {
    border: 0;
    border-right: 2px solid #3a98c1;
    border-bottom: 2px solid #3a98c1;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__table table th:last-child,
    .curriculumn__month .curriculum__table table td:last-child {
        border-right: 0;
    }
}
.curriculumn__month .curriculum__table table tbody tr:last-child th,
.curriculumn__month .curriculum__table table tbody tr:last-child td {
    border-bottom: 0;
}
.curriculumn__month .curriculum__table table thead th {
    padding: 1em;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__table table thead th {
        padding: 1em;
        white-space: nowrap;
        font-size: 3.6vw;
    }
    .curriculumn__month .curriculum__table table thead th:nth-child(1) {
        width: 20%;
    }
}
.curriculumn__month-1 .curriculum__table table thead th {
    background-color: #34618a;
}
.curriculumn__month-2 .curriculum__table table thead th {
    background-color: #1387bf;
}
.curriculumn__month .curriculum__table table tbody th,
.curriculumn__month .curriculum__table table tbody td {
    background-color: #fff;
}
.curriculumn__month .curriculum__table table tbody th {
    padding: 1em;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__table table tbody th {
        padding: 1em 0.5em;
        white-space: normal;
        font-size: 3.6vw;
        line-height: 1.5;
    }
}
.curriculumn__month .curriculum__table table tbody td {
    padding: 0.75em;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .curriculumn__month .curriculum__table tbody th {
        padding: 1em;
        width: 20%;
        font-size: 3.6vw;
    }
}

.curriculum__goal {
    position: relative;
    margin: 92px 0 0 0;
    padding: 92px 0 72px;
    background-color: #f6f6f6;
}
@media screen and (max-width: 750px) {
    .curriculum__goal {
        margin: 48px 0 0 0;
        padding: 48px 0 36px;
    }
}
.curriculum__goal:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    margin-left: -75px;
    border-top: 48px solid #3a98c1;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    content: '';
}
@media screen and (max-width: 750px) {
    .curriculum__goal:before {
        margin-left: -37.5px;
        border-top-width: 24px;
        border-left-width: 37.5px;
        border-right-width: 37.5px;
    }
}
.curriculum__goal .goal__inner {
    display: flex;
    width: 100%;
    max-width: 1032px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .curriculum__goal .goal__inner {
        flex-direction: column;
        width: 90%;
    }
}
.curriculum__goal .goal__content {
    flex: 1 1 auto;
    padding: 26px 0 0 0;
}
@media screen and (max-width: 750px) {
    .curriculum__goal .goal__content {
        flex: 0;
        padding: 0;
    }
}
.curriculum__goal .goal__ttl {
    color: #2271aa;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .curriculum__goal .goal__ttl {
        text-align: center;
        font-size: 6.5vw;
    }
}
.curriculum__goal .goal__content p {
    margin: 28px 0 0 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .curriculum__goal .goal__content p {
        margin: 1em 0 0 0;
        text-align: center;
        font-size: 4.5vw;
    }
}
.curriculum__goal .goal__content p span {
    display: inline-block;
    padding: 2px 6px;
    margin-left: -6px;
    background-color: #e4e95c;
    line-height: 1;
}
.curriculum__goal .goal__pic {
    flex: 0 0 393px;
}
@media screen and (max-width: 750px) {
    .curriculum__goal .goal__pic {
        flex: 0;
        margin: 24px 0 0 0;
    }
}
.curriculum__goal .goal__pic img {
    display: block;
    width: 100%;
    height: auto;
}


/* -------------------------------------

講師の想い

-----------------------------------------*/
.message {
    padding: 64px 0 84px;
    background: url("../img/autumn/message-bg.jpg") no-repeat center center;
    background-size: cover;
}
@media screen and (max-width: 750px) {
    .message {
        padding: 32px 0 42px;
    }
}
.message .group__ttl {
    padding-top: 0;
}
.message__content {
    margin: 64px 0 0 0;
}
@media screen and (max-width: 750px) {
    .message__content {
        width: 90%;
        margin: 32px auto 0;
    }
}
.message__ttl {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .message__ttl {
        font-size: 6.5vw;
    }
}
.message__content > p {
    margin: 32px 0 0 0;
    text-align: center;
    font-size: 15px;
    line-height: 2;
}
@media screen and (max-width: 750px) {
    .message__content > p {
        margin-top: 1em;
        font-size: 3.6vw;
    }
}
.message__content > p em {
    font-size: 20px;
    font-style: normal;
}
@media screen and (max-width: 750px) {
    .message__content > p em {
        font-size: 4.5vw;
    }
}
.message__content > p strong {
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    .message__content > p strong {
        font-size: 4.5vw;
    }
}


/* -------------------------------------

研修会場

-----------------------------------------*/
.place {
    padding: 86px 0 72px;
}
@media screen and (max-width: 750px) {
    .place {
        padding: 42px 0 36px;
    }
}
.place .group__ttl {
    padding-top: 0;
}
.place ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1004px;
    margin: 40px auto 0;
}
@media screen and (max-width: 750px) {
    .place ul {
        flex-direction: column;
        width: 90%;
    }
}
.place .place_group {
    flex: 1;
    padding: 20px 0 26px;
    margin: 0 0 0 40px;
    box-sizing: border-box;
    border: 2px solid #34618a;
    background-color: #fff;
    text-align: center;
    font-size: 27px;
    color: #34618a;
}

@media screen and (max-width: 750px) {
    .place .place_group {
        flex: 0;
        margin: 20px 0 0 0;
        font-size: 6.5vw;
    }
}
.place ul .place_group:first-child {
    margin: 0;
}

.place .place_last{
    justify-content: space-between;
    width: 100%;
    max-width: 1004px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}
.place .place_group.place_last p {
    line-height: 27px;
    font-size: 16px;
}
@media screen and (max-width: 750px) {
    .place .place_last {
        flex-direction: column;
        width: 90%;
    }
	.place .place_group.place_last p {
		font-size: 3.466vw;
		line-height: 6.666vw;
	}
}
.place .place_group .place__div {
    font-size: 20px;
}
.place .place_group.place_last .place__div {
    font-size: 20px;
}
@media screen and (max-width: 750px) {
    .place .place_group .place__div {
        font-size: 4.5vw;
    }
}
.place .place_group > p {
    margin: 16px 0 0 0;
}
.place > p {
    margin: 48px 0 0 0;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .place > p {
        margin: 24px 0 0 0;
    }
}

/* -------------------------------------

助成金について

-----------------------------------------*/
.subsidy {
    padding: 56px 0 92px;
    background-color: #34618a;
}
@media screen and (max-width: 750px) {
    .subsidy {
        padding: 40px 0;
    }
}
.subsidy .group__ttl {
    padding-top: 0;
    color: #fff;
}
.subsidy__list {
    display: flex;
    justify-content: space-between;
    width: 750px;
    margin: 24px auto 0;
}
@media screen and (max-width: 750px) {
    .subsidy__list {
        flex-direction: column;
        width: 90%;
        margin: 14vw auto 0;
    }
}
.subsidy__list li {
    width: 310px;
    height: 310px;
    background-color: #fff;
    border-radius: 155px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .subsidy__list li {
        width: 90vw;
        height: 90vw;
        border-radius: 45vw;
        margin: 6vw 0 0 0;
    }
    .subsidy__list li:first-child {
        margin: 0;
    }
}
.subsidy__list li img {
    margin-top: -24px;
    vertical-align: bottom;
}
@media screen and (max-width: 750px) {
    .subsidy__list li img {
        width: calc( 134vw * 2 / 750 * 100 );
        margin-top: -6vw;
    }
}
.subsidy__list li span {
    display: block;
    margin: 4px 0 0 0;
    color: #0f507f;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (max-width: 750px) {
    .subsidy__list li span {
        font-size: 6vw;
    }
}

/* -------------------------------------

よくある質問

-----------------------------------------*/
.faq {
    padding: 82px 0 100px;
    background-color: #f4f4f4;
}
@media screen and (max-width: 750px) {
    .faq {
        padding: 40px 0;
    }
}
.faq .group__ttl {
    padding-top: 0;
}
.faq__content {
    max-width: 1000px;
    margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
    .faq__content {
        width: 90%;
    }
}
.faq__content dl {
    margin: 10px 0 0 0;
    padding: 24px 32px;
    background-color: #fff;
    box-shadow: 0 0 35px rgba(0,0,0,0.15);
}
@media screen and (max-width: 750px) {
    .faq__content dl {
        padding: 12px 16px;
        box-shadow: 0 0 5vw rgba(0,0,0,0.15);
    }
}
.faq__content dl:first-child {
    margin: 0;
}
.faq__content dl dt {
    color: #2271aa;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .faq__content dl dt {
        font-size: 4.5vw;
    }
}
.faq__content dl dd {
    margin: 1em 0 0 0;
    line-height: 1.4;
}