@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
img {
    display: block;
}

a {
    cursor: pointer;
}

section {
    padding-bottom: 0;
}

main>section {
    padding-bottom: 0;
}

.l_header {
    border-bottom: 0;
    background-color: #fff;
    width: 100%;
}

h1 {
    width: 100%;
    padding: 21.5px 0;
}

header .logo {
    width: 518px;
    margin: 0 auto;
    display: block;
}

.l_header.transform {
    opacity: 0.9;
    transition: 1s;
}

.l_header.transform h1 {
    padding: 10px 0;
    transition: 1s;
}

.l_header.transform .logo {
    width: 20%;
    margin: 0 0 0 2.5%;
    transition: 1s;
}

#ImgSt {
    font-family: 'Noto Sans Japanese', sans-serif;
}

#ImgSt section {
    max-width: 1280px;
    margin: 0 auto;
}

.main_img {
    position: relative;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}

#main_visual {
    position: absolute;
    width: 1280px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_content {
    position: relative;
    width: 100%;
    height: 680px;
}

.cloud-1, .cloud-2, .cloud-3, .cloud-4, .cloud-5, .cloud-6, .boss, .staff {
    position: absolute;
}

.boss {
    width: 18%;
    bottom: 0;
    left: 17%;
}

.staff {
    width: 26%;
    bottom: 0;
    right: 13%;
}

.cloud-1 {
    top: 28%;
    left: 3%;
}

.cloud-2 {
    top: 23%;
    left: 20%;
}

.cloud-3 {
    top: 40%;
    left: 29%;
}

.cloud-4 {
    top: 43%;
    right: 32%;
}

.cloud-5 {
    top: 22%;
    right: 20%;
}

.cloud-6 {
    top: 32%;
    right: 1%;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    .main_img {
        width: 100%;
    }
    .main_img .m_bg {
        height: 53.13vw;
        width: 150vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    #main_visual {
        width: 100%;
    }
    .main_content {
        width: 100%;
        height: 53.13vw;
    }
}

@media screen and (max-width: 768px) {
    .main_box .left, .main_box .right {
        position: relative;
        width: 100%;
    }
    .cloud-1, .cloud-2, .cloud-3, .cloud-4, .cloud-5, .cloud-6 {
        width: 33.6vw;
    }
    .cloud-1 {
        top: 30%;
        left: 23%;
    }
    .cloud-2 {
        top: 39%;
        left: 57%;
    }
    .cloud-3 {
        top: 69%;
        left: 37%;
    }
    .cloud-4 {
        top: 9%;
        left: 3.5%;
    }
    .cloud-5 {
        top: 56%;
        left: 19%;
    }
    .cloud-6 {
        top: 8%;
        right: 25%;
    }
}

.orange-bg {
    background-image: linear-gradient(90deg, #FF562B, #FF6927 50%, #FF7D23);
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 25px;
}

.orange-bg .title {
    font-size: 36px;
    line-height: 1.6;
}

.orange-bg span {
    font-size: 50px;
}

.orange-bg .txt {
    font-size: 20px;
}

#trouble {
    margin-top: 80px;
}

.big_trouble {
    position: relative;
    text-align: center;
    color: #B96400;
    font-size: 35px;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 35px;
}

.animated .bounce {
    animation-delay: 1s;
    animation-duration: 0s;
    animation-timing-function: ease;
}

.big_trouble::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #333333;
    left: 14%;
    bottom: 14%;
    transform: rotate(-21deg);
    -ms-transform: rotate(-21deg);
    /* IE */
    -webkit-transform: rotate(-21deg);
    /* Safari and Chrome */
}

.big_trouble::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #333333;
    right: 14%;
    bottom: 14%;
    transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    /* IE */
    -webkit-transform: rotate(21deg);
    /* Safari and Chrome */
}

#ImgSt #course-1, #ImgSt #course-2 {
    margin-bottom: 35px;
    max-width: 1920px;
    height: 731px;
}

#course-1 {
    background: url(../images/bg-1.png) no-repeat;
    background-size: cover;
    background-position: center;
}

#course-2 {
    background: url(../images/bg-2.png) no-repeat;
    background-size: cover;
    background-position: center;
}

#course-1 .content, #course-2 .content {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

#course-1 dl, #course-2 dl {
    position: absolute;
    width: 78.4%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#course-1 dt, #course-2 dt {
    position: relative;
    z-index: 1;
}

#course-1 ul.swiper-wrapper.sp, #course-2 ul.swiper-wrapper.sp {
    display: none;
}

#course-1 .triangle, #course-2 .triangle {
    border-top: 108px solid #F08200;
    border-right: 276px solid transparent;
    border-left: 276px solid transparent;
    list-style: none;
    text-align: center;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#course-1 .tri_txt, #course-2 .tri_txt {
    position: absolute;
    color: #fff;
    word-break: keep-all;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    font-size: 41px;
    font-feature-settings: "palt";
}

#course-1 dd, #course-2 dd {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 45px 75px;
    margin-top: -24px;
    z-index: -1;
}

#course-1 ul, #course-2 ul {
    display: flex;
    justify-content: space-between;
}

#course-1 li, #course-2 li {
    width: 28%;
    text-align: center;
    word-break: keep-all;
}

#course-1 .fukidasi, #course-2 .fukidasi {
    position: relative;
}

#course-1 .fukidasi p, #course-2 .fukidasi p {
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.33;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#course-1 .fuki_txt, #course-2 .fuki_txt {
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 35px;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    h1 {
        padding: 1.68vw 0;
    }
    header .logo {
        width: 40.5vw;
    }
    .orange-bg {
        padding: 1.56vw 0 1.95vw;
    }
    .orange-bg .title {
        font-size: 2.81vw;
    }
    .orange-bg span {
        font-size: 3.91vw;
    }
    .orange-bg .txt {
        font-size: 1.56vw;
    }
    #ImgSt #course-1, #ImgSt #course-2 {
        max-width: 150vw;
        height: 57.11vw;
        margin-bottom: 2.73vw;
    }
    #course-1 .content, #course-2 .content {
        width: 100%;
    }
    #trouble {
        margin-top: 6.25vw;
    }
    .big_trouble {
        font-size: 2.73vw;
        margin-top: 6.25vw;
        margin-bottom: 2.73vw;
    }
    .big_trouble::before, .big_trouble::after {
        width: 0.16vw;
        height: 3.91vw;
    }
    #course-1 .triangle, #course-2 .triangle {
        border-top: 8.44vw solid #F08200;
        border-right: 21.56vw solid transparent;
        border-left: 21.56vw solid transparent;
    }
    #course-1 .tri_txt, #course-2 .tri_txt {
        font-size: 3.2vw;
    }
    #course-1 dd, #course-2 dd {
        padding: 3.52vw 5.86vw;
        margin-top: -1.88vw;
    }
    #course-1 .fukidasi p, #course-2 .fukidasi p {
        font-size: 1.41vw;
    }
    #course-1 .fuki_txt, #course-2 .fuki_txt {
        font-size: 1.2vw;
        margin-top: 2.73vw;
    }
}

@media screen and (max-width: 768px) {
    #course-1, #course-2 {
        background: none;
    }
    #course-1 .content, #course-2 .content {
        width: 100%;
    }
    #ImgSt #course-1, #ImgSt #course-2 {
        margin-bottom: 5.87vw;
        max-width: 100%;
        height: auto;
    }
    h1 {
        padding: 3.5vw 0;
    }
    header .logo {
        width: 50%;
    }
    .l_header.transform h1 {
        padding: 3vw 0;
    }
    .l_header.transform .logo {
        width: 40%;
        margin: 0 0 0 7%;
    }
    #ImgSt section {
        width: 100%;
    }
    .orange-bg {
        padding: 5.34vw 0;
    }
    .orange-bg .title {
        font-size: 6.13vw;
    }
    .orange-bg span {
        font-size: 8.53vw;
    }
    .orange-bg .txt {
        font-size: 2.67vw;
        margin-top: 1vw;
    }
    #course-1 {
        margin-top: 18.67vw;
    }
    .big_trouble {
        font-size: 5.87vw;
        margin-bottom: 9.33vw;
        margin-top: 18.67vw;
    }
    .big_trouble::before, .big_trouble::after {
        width: 0.53vw;
        height: 15.47vw;
        bottom: 5%;
    }
    .big_trouble::before {
        left: 8%;
    }
    .big_trouble::after {
        right: 8%;
    }
    #course-1 .triangle, #course-2 .triangle {
        border-top: 16.27vw solid #F08200;
        border-right: 41.33vw solid transparent;
        border-left: 41.33vw solid transparent;
    }
    #course-1 .tri_txt, #course-2 .tri_txt {
        font-size: 6.13vw;
    }
    #course-1 dl, #course-2 dl {
        width: 87.8%;
    }
    #course-1 dd, #course-2 dd {
        padding: 8vw 13.33vw;
        margin-top: -1.87vw;
    }
    #course-1 ul.pc, #course-2 ul.pc {
        display: none;
    }
    #course-1 li, #course-2 li {
        width: 100%;
    }
    #course-1 .fukidasi p, #course-2 .fukidasi p {
        font-size: 4.8vw;
    }
    #course-1 .fuki_txt, #course-2 .fuki_txt {
        font-size: 4.27vw;
        margin-top: 8vw;
    }
    .swiper-button-prev {
        left: -10px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 9.33vw;
    }
    .swiper-button-next {
        right: -10px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 9.33vw;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        /* IE */
        -webkit-transform: rotate(-180deg);
        /* Safari and Chrome */
    }
    #course-1 ul.swiper-wrapper.sp, #course-2 ul.swiper-wrapper.sp {
        display: flex;
    }
}

/* 一歩先へ */

#ImgSt #front {
    margin: 80px auto 0;
    text-align: center;
    color: #333333;
}

.arrow_3 {
    width: 32px;
    margin: 0 auto 40px;
}

.wrap78 {
    max-width: 78.4%;
    margin: 0 auto;
}

#front h2 {
    color: #F08200;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
}

#front .title {
    display: flex;
    font-weight: bold;
    font-size: 51px;
    justify-content: center;
}

.tit_logo {
    width: 478px;
    margin-right: 20px;
}

#front .sub_tit {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 20px;
}

#front .sub_tit span {
    color: #F08200;
}

#front .text {
    font-size: 18px;
    line-height: 2.22;
}

#front .donyu_box {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 70px 50px 90px;
    align-items: center;
}

.donyu_mae, .donyu_go {
    width: 44.7%;
}

.donyu_mae {
    margin-right: 20px;
}

.o_arrow {
    position: absolute;
    top: 45%;
    left: 45%;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #ImgSt #front {
        margin: 6.25vw;
    }
    .arrow_3 {
        width: 2.5vw;
        margin: 0 auto 3.1vw;
    }
    #front h2 {
        font-size: 3.2vw;
        margin-bottom: 0.78vw;
    }
    #front .title {
        font-size: 3.98vw;
    }
    .tit_logo {
        width: 37.34vw;
        margin-right: 1.56vw;
    }
    #front .sub_tit {
        font-size: 1.88vw;
        margin: 3.96vw 0 1.88vw;
    }
    #front .text {
        font-size: 1.35vw;
    }
    #front .donyu_box {
        padding: 5.47vw 3.91vw 7.03vw;
    }
    .donyu_mae {
        margin-right: 1.56vw;
    }
    .o_arrow {
        width: 7.5vw;
    }
}

@media screen and (max-width: 768px) {
    .wrap78 {
        max-width: 87.8%;
    }
    #ImgSt #front {
        margin: 8vw auto 0;
    }
    .arrow_3 {
        width: 8.53vw;
        margin: 0 auto 4vw;
    }
    #front h2 {
        font-size: 6.4vw;
        margin-bottom: 4.27vw;
    }
    #front .title {
        display: block;
        font-size: 8.27vw;
    }
    .tit_logo {
        width: 100%;
        margin-right: 0;
    }
    #front .sub_tit {
        font-size: 4.27vw;
        margin: 8vw 0 8vw;
        line-height: 1.68;
    }
    #front .text {
        font-size: 4vw;
        line-height: 1.875;
    }
    #front .donyu_box {
        display: block;
        padding: 5.47vw 3.91vw 7.03vw;
    }
    .donyu_mae, .donyu_go {
        width: 100%;
    }
    .donyu_mae {
        margin-right: 0;
        margin-bottom: 16vw;
    }
    .o_arrow {
        width: 20vw;
        top: 46%;
        left: 38%;
        transform: rotate(90deg);
    }
}

/* 6point */

.bg_grey {
    background-color: #F0F2F7;
}

#point {
    padding: 75px 0;
}

#point .title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 45px;
    color: #333333;
}

#point .title span {
    color: #F08200;
}

#point ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#point li {
    background-color: #fff;
    width: 47.8%;
    border-radius: 1em;
    box-shadow: .15em .15em .15em rgba(0, 0, 0, 0.16);
    padding: 30px 10px;
}

#point dl {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-weight: bold;
    align-items: center;
    min-height: 108px;
}

#point dt {
    width: 15.6%;
    color: #2B2E34;
    font-family: 'DIN 2014', sans-serif;
}

#point dd {
    color: #F08200;
    width: 80%;
    font-size: 24px;
    line-height: 1.5;
}

#point .point_txt {
    font-size: 16px;
    line-height: 1;
}

#point .num {
    font-size: 73px;
    line-height: 1;
}

.mgtb30 {
    margin: 30px 0;
}

.check {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    color: #F08200;
    margin-top: 60px;
}

.check::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #333333;
    left: 22%;
    bottom: 14%;
    transform: rotate(-21deg);
    -ms-transform: rotate(-21deg);
    /* IE */
    -webkit-transform: rotate(-21deg);
    /* Safari and Chrome */
}

.check::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #333333;
    right: 22%;
    bottom: 14%;
    transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    /* IE */
    -webkit-transform: rotate(21deg);
    /* Safari and Chrome */
}

.download_box {
    display: block;
    width: 640px;
    height: 131px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-image: url(../images/downloadbox.png);
}

.download_box:hover {
    background-image: url(../images/downloadbox_hover.png);
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #point {
        padding: 5.86vw 0;
    }
    #point .title {
        font-size: 3.52vw;
    }
    #point li {
        padding: 2.34vw 0.78vw;
    }
    #point dl {
        min-height: 8.44vw;
    }
    #point dd {
        font-size: 1.88vw;
    }
    #point .point_txt {
        font-size: 1.25vw;
    }
    #point .num {
        font-size: 5.7vw;
    }
    .mgtb30 {
        margin: 2.34vw 0;
    }
    .check {
        font-size: 2.73vw;
        margin-top: 4.69vw;
    }
    .check::before, .check::after {
        width: 0.16vw;
        height: 3.91vw;
    }
    .download_box {
        margin-top: 2.34vw;
        width: 50vw;
        height: 10.23vw;
    }
}

@media screen and (max-width: 768px) {
    #point {
        padding: 75px 0;
    }
    #point .title {
        display: block;
        font-size: 7.47vw;
        text-align: center;
        margin-bottom: 13.33vw;
    }
    #point ul {
        display: block;
    }
    .mgtb30 {
        margin: 0;
    }
    #point li {
        width: 100%;
        padding: 4.8vw 1.6vw;
        margin-bottom: 5.87vw;
    }
    #point dl {
        min-height: 17.33vw;
    }
    #point dd {
        font-size: 4.27vw;
    }
    #point .point_txt {
        font-size: 2.93vw;
    }
    #point .num {
        font-size: 13.33vw;
    }
    .check {
        font-size: 6.4vw;
        margin-top: 10.67vw;
        line-height: 1.333;
    }
    .check::before, .check::after {
        width: 0.53vw;
        height: 16.53vw;
        bottom: 0;
    }
    .check::before {
        left: 12%;
    }
    .check::after {
        right: 12%;
    }
    .download_box {
        width: 100%;
        padding: 1.75em 0;
    }
    .download_box {
        margin-top: 6.67vw;
        width: 87.8vw;
        height: 25.55vw;
        background-image: url(../images/downloadbox_sp.png);
    }
    .download_box:hover {
        background-image: url(../images/downloadbox_sp_hover.png);
    }
}

/* gyomu */

#gyomu {
    padding: 90px 0;
}

h2 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 45px;
}

h2 span {
    font-size: 137.5%;
}

#gyomu .case_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70.5%;
    padding: 1.5em 0;
    border: 2px solid #F08200;
    border-radius: .5em;
    margin: 30px auto;
    text-align: center;
}

#gyomu .case {
    margin-left: 44px;
    font-size: 20px;
    width: 12.4%;
    color: #fff;
    background-color: #F08200;
    border-radius: .5em;
    padding: .25em;
    line-height: 1;
}

#gyomu .case_txt {
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    width: 81.3%;
    line-height: 1.4;
}

.kaizen {
    display: flex;
    align-items: center;
    width: 585px;
    margin: 35px auto;
}

.kai_img {
    width: 99px;
}

.kaizen p {
    width: 536px;
    z-index: -1;
    padding: .5em 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    background-color: rgba(240, 130, 0, 0.1);
    color: #F08200;
    margin-left: -49px;
    text-indent: 49px;
}

#gyomu .mendo {
    display: flex;
    justify-content: space-between;
}

#gyomu .mendo.mgt35 {
    margin-top: 35px;
}

#gyomu .mendo dt {
    width: 49.2%;
}

#gyomu .mendo dd {
    width: 49.2%;
}

#gyomu .mendo_tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #D8E1E5;
    padding: .25em 0;
}

#gyomu .mendo_tit.orange {
    background-color: rgba(240, 130, 0, 0.1);
    color: #F08200;
}

#gyomu .mendo_txt {
    font-size: 18px;
    line-height: 2;
    text-align: justify;
    margin-top: 15px;
}

#gyomu .mendo_txt span {
    font-weight: bold;
}

#gyomu .mendo_txt.orange span {
    color: rgba(240, 130, 0, 1);
}

.o_arrow90 {
    width: 71px;
    margin: 1em auto;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #gyomu {
        padding: 7.03vw 0;
    }
    h2 {
        font-size: 3.13vw;
        margin-bottom: 3.52vw;
    }
    #gyomu .case {
        margin-left: 3.44vw;
        font-size: 1.56vw;
    }
    #gyomu .case_txt {
        font-size: 2.03vw;
    }
    .kaizen {
        width: 45.7vw;
        margin: 2.73vw auto;
    }
    .kai_img {
        width: 7.73vw;
    }
    .kaizen p {
        width: 41.88vw;
        font-size: 2.03vw;
        margin-left: -3.83vw;
        text-indent: 3.83vw;
    }
    #gyomu .mendo_tit {
        font-size: 1.41vw;
    }
    #gyomu .mendo_txt {
        font-size: 1.41vw;
        margin-top: 1.17vw;
    }
    .o_arrow90 {
        width: 5.55vw;
    }
    #gyomu .mendo.mgt35 {
        margin-top: 2.73vw;
    }
}

@media screen and (max-width: 768px) {
    #gyomu {
        padding: 7.03vw 0;
    }
    h2 {
        font-size: 5.87vw;
        margin-bottom: 12vw;
    }
    #gyomu .case_box {
        display: block;
        width: 100%;
        padding: 1em 0;
        margin: 2.34vw auto;
    }
    #gyomu .case {
        margin-left: 0;
        margin: 0 auto;
        font-size: 3.2vw;
        padding: .35em .25em;
    }
    #gyomu .case_txt {
        font-size: 4.1vw;
        margin: 2.67vw auto 0;
        width: 100%;
    }
    .kaizen {
        width: 100%;
        margin: 4vw auto;
    }
    .kai_img {
        width: 14.67vw;
    }
    .kaizen p {
        width: 80.27vw;
        font-size: 4.27vw;
        margin-left: -7.335vw;
        text-indent: 7.335vw;
    }
    #gyomu .mendo {
        display: block;
    }
    #gyomu .mendo dt {
        width: 100%;
    }
    #gyomu .mendo dd {
        width: 100%;
        margin-top: 6.67vw;
    }
    #gyomu .mendo_tit {
        font-size: 4.27vw;
    }
    #gyomu .mendo_txt {
        font-size: 4.27vw;
        margin-top: 4vw;
    }
    .o_arrow90 {
        width: 18.93vw;
    }
    #gyomu .mendo.mgt35 {
        margin-top: 6.67vw;
    }
}

/* simple */

#simple {
    padding: 80px 0;
}

.fuki_box {
    position: relative;
    margin: 0 auto;
}

.fuki_big-1, .fuki_big-2 {
    position: relative;
    width: 59.7%;
    margin: 0 auto;
}

.fuki_big-1 {
    padding-right: 10px;
}

.fuki_big-2 {
    padding-left: 10px;
    margin-top: 15px;
}

.fuki2 {
    transform: rotate(180deg);
}

.fuki_big-1 p, .fuki_big-2 p {
    position: absolute;
    width: 87.6%;
    text-align: justify;
    font-size: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.65;
}

.fuki_big-1 p span {
    color: #0D3691;
    font-weight: bold;
}

.fuki_big-2 p span {
    color: #F08200;
    font-weight: bold;
}

.client {
    position: absolute;
    width: 222.8px;
    height: 342.4px;
    top: 5.75%;
    left: 0;
}

.sezax_staff {
    position: absolute;
    width: 290.5px;
    height: 358.6px;
    bottom: 2%;
    right: 0;
    z-index: 1;
}

#simple .text {
    font-size: 18px;
    line-height: 2.2;
    text-align: center;
    margin: 40px auto;
    color: #333333;
}

#simple .text span {
    color: #F08200;
}

.process {
    display: flex;
    justify-content: space-between;
    width: 78.6%;
    margin: 0 auto;
    margin-bottom: 65px;
}

.process li {
    position: relative;
    width: 23%;
    background-color: #fff;
    padding: 1em 0;
}

.process p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin-bottom: 1em;
}

.process .process_img {
    width: 44.3%;
    margin: 0 auto;
}

.pro_tri::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 1.25em solid white;
    border-right: 1.25em solid transparent;
    border-left: 1.25em solid transparent;
    transform: rotate(-90deg);
    top: 45%;
    right: -16%;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #simple {
        padding: 6.25vw 0;
    }
    .fuki_big-1 {
        padding-right: 0.78vw;
    }
    .fuki_big-2 {
        padding-left: 0.78vw;
        margin-top: 1.17vw;
    }
    .fuki_big-1 p, .fuki_big-2 p {
        font-size: 1.56vw;
    }
    .client {
        width: 17.41vw;
        height: 26.75vw;
    }
    .sezax_staff {
        width: 22.7vw;
        height: 28.02vw;
    }
    #simple .text {
        font-size: 1.41vw;
        margin: 3.13vw auto;
    }
    .process {
        margin-bottom: 5.08vw;
    }
    .process p {
        font-size: 1.56vw;
    }
}

@media screen and (max-width: 768px) {
    #simple {
        padding: 16vw 0;
    }
    .fuki_big-1, .fuki_big-2 {
        width: 60.8%;
    }
    .fuki_big-1 {
        margin-right: -2vw;
        padding-right: 0;
    }
    .fuki_big-2 {
        margin-left: -2vw;
        padding-left: 0;
        margin-top: 10.33vw;
    }
    .fuki_big-1 p, .fuki_big-2 p {
        width: 78%;
        font-size: 3.2vw;
        line-height: 2;
    }
    .fuki_big-1 p {
        margin-left: .35em;
    }
    .fuki_big-2 p {
        margin-left: -0.35em;
    }
    .fuki_big-2 {
        z-index: 1;
    }
    .client {
        width: 36.93vw;
        height: 56.53vw;
        top: -2%;
        left: 0;
    }
    .sezax_staff {
        width: 54.56vw;
        height: 66.67vw;
        bottom: -9%;
        right: -7%;
    }
    #simple .text {
        font-size: 4.27vw;
        margin: 13.33vw auto;
        line-height: 1.875;
    }
    .process {
        width: 100%;
        flex-wrap: wrap;
        justify-content: start;
        margin-bottom: 11.47vw;
    }
    .process li {
        width: 41%;
    }
    .process li:nth-child(2), .process li:nth-child(4) {
        margin-left: 1em;
    }
    .process li:nth-child(3) {
        margin-left: 2.15em;
    }
    .process li:nth-child(3), .process li:nth-child(4) {
        margin-top: 1em;
    }
    .process p {
        font-size: 4vw;
    }
    .fuki2 {
        transform: rotate(0deg);
    }
}

/* support */

#support, #form {
    padding: 80px 0;
}

#support .text {
    font-size: 18px;
    line-height: 2.2;
    text-align: center;
    margin-bottom: 80px;
}

.bg_or {
    position: relative;
    background-color: rgba(240, 130, 0, 0.1);
    padding: 35px 0;
}

#support .bg_or dl {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2B2E34;
}

#support .bg_or dt {
    font-size: 65px;
    font-family: 'DIN 2014', sans-serif;
    margin-right: 20px;
    font-weight: bold;
    line-height: 1;
}

#support .bg_or dd {
    font-size: 24px;
    font-weight: 500;
}

#support .sup_box {
    display: flex;
    margin: 0 auto;
    margin-top: 1em;
}

#support .before {
    width: 40%;
}

#support h4 {
    font-size: 24px;
    color: #F08200;
}

#support h4 span {
    font-size: 70%;
}

#support .or_txt {
    font-size: 16px;
    line-height: 1.73;
    color: #2B2E34;
    word-break: keep-all;
    margin-top: .25em;
}

.support-1 {
    position: absolute;
    bottom: 0;
    right: 3%;
    width: 15%;
}

#support .or_txt li {
    position: relative;
    margin-left: 16px;
}

#support .or_txt li::before {
    position: absolute;
    content: "●";
    font-size: 10px;
    width: 16px;
    top: 15%;
    left: -16px;
    color: #6F7175;
}

#support .sup div {
    border-left: 1px solid #F08200;
    padding-left: .5em;
}

#support .sup.spec div:nth-child(2) {
    margin-top: 1.5em;
    line-height: 1.2;
}

#support .after {
    width: 85%;
    flex-wrap: wrap;
    justify-content: space-between;
}

#support .after .sup {
    word-break: keep-all;
    width: 31%;
}

#support .after .sup.mgt15 {
    margin-top: 1.5em;
}

.support-2 {
    position: absolute;
    top: -28%;
    left: 5%;
    width: 15%;
}

#support .start {
    width: 55%;
    flex-wrap: wrap;
    justify-content: space-between;
}

#support .start .sup {
    word-break: keep-all;
    width: 45%;
}

.support-3 {
    position: absolute;
    bottom: 7%;
    right: 5%;
    width: 13%;
}

#support .agency {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F08200;
    border-radius: .5em;
    padding: 20px 0;
    margin: 40px auto;
}

#support .agency dt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
}

#support .agency .title {
    font-size: 24px;
    color: #F08200;
}

#support .agency .option {
    font-size: 14px;
    color: #fff;
    background-color: #F08200;
    padding: .25em .5em;
    margin: 0 40px 0 15px;
}

#support .agency dd {
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #support, #form {
        padding: 6.25vw 0;
    }
    #support .text {
        font-size: 1.41vw;
    }
    .bg_or {
        padding: 2.73vw 0;
    }
    #support .bg_or dt {
        font-size: 5.08vw;
        margin-right: 1.56vw;
    }
    #support .bg_or dd {
        font-size: 1.88vw;
    }
    #support h4 {
        font-size: 1.88vw;
    }
    #support .or_txt {
        font-size: 1.25vw;
    }
    #support .or_txt li::before {
        font-size: 0.78vw;
        width: 1.25vw;
        left: -1.25vw;
        top: 5%;
    }
    #support .agency {
        padding: 1.56vw 0;
        margin-top: 3.13vw;
    }
    #support .agency .title {
        font-size: 1.88vw;
    }
    #support .agency .option {
        font-size: 1.09vw;
        margin: 0 3.13vw 0 1.17vw;
    }
    #support .agency dd {
        font-size: 1.09vw;
    }
}

@media screen and (max-width: 768px) {
    #support {
        padding: 16vw 0;
    }
    #support .text {
        font-size: 4.27vw;
        line-height: 1.875;
        margin-bottom: 5.33vw;
    }
    .bg_or {
        padding: 10.67vw 5.07vw;
    }
    #support .bg_or dt {
        font-size: 17.33vw;
        margin-right: 5.33vw;
    }
    #support .bg_or dd {
        font-size: 6.4vw;
    }
    #support .before {
        width: 100%;
    }
    #support h4 {
        font-size: 5.87vw;
    }
    #support .or_txt {
        font-size: 3.73vw;
        word-break: normal;
        text-align: justify;
    }
    #support .or_txt li::before {
        font-size: 2.4vw;
        width: 3.73vw;
        top: 15%;
        left: -3.73vw;
    }
    #support .after, #support .start {
        width: 100%;
    }
    #support .after .sup, #support .start .sup {
        width: 100%;
    }
    #support .after .sup:nth-child(1), #support .after .sup:nth-child(2) {
        width: 45%;
    }
    #support .sup.mgt15sp {
        margin-top: 1.5em;
    }
    #support .agency {
        display: block;
        padding: 8vw 5.33vw;
        margin-top: 40px;
    }
    #support .agency dt {
        display: block;
        text-align: center;
    }
    #support .agency .title {
        font-size: 6.4vw;
    }
    #support .agency .option {
        font-size: 3.73vw;
        margin: 3.47vw auto;
        width: 25.33vw;
    }
    #support .agency dd {
        font-size: 3.73vw;
    }
}

/* fixbtn */

#fixbtn {
    position: fixed;
    right: 0;
    bottom: 8%;
    z-index: 999;
}

#fixbtn a {
    display: block;
    width: 133px;
    height: 133px;
    background-size: contain;
    background-repeat: no-repeat;
}

.inquery_btn {
    background-image: url(../images/inquiry_btn.png);
}

.download_btn {
    background-image: url(../images/download_btn.png);
}

.inquery_btn:hover {
    background-image: url(../images/inquiry_btn_hover.png);
}

.download_btn:hover {
    background-image: url(../images/download_btn_hover.png);
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    #fixbtn a {
        width: 10.39vw;
        height: 10.39vw;
    }
}

@media screen and (max-width: 768px) {
    #fixbtn {
        display: none;
        bottom: 2%;
    }
    #fixbtn a {
        display: block;
        width: 36vw;
        height: 36vw;
    }
    /*　上に上がる動き　*/
    #fixbtn.UpMove {
        animation: UpAnime 0.5s forwards;
    }
    @keyframes UpAnime {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            transform: translateY(-100px);
        }
    }
    /*　下に下がる動き　*/
    #fixbtn.DownMove {
        animation: DownAnime 0.5s forwards;
    }
    @keyframes DownAnime {
        from {
            opacity: 0;
            transform: translateY(-100px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* 動き設定 */

.cloud-a {
    animation-name: choud-a;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}

@keyframes choud-a {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px)
    }
}

.cloud-b {
    animation-name: choud-b;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2s;
}

@keyframes choud-b {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px)
    }
}

.cloud-c {
    animation-name: choud-c;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2.5s;
}

@keyframes choud-c {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px)
    }
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
    .cloud-1, .cloud-2, .cloud-3, .cloud-4, .cloud-5, .cloud-6 {
        width: 16.88vw;
    }
}

/*  js-fadein
--------------------------------------------- */

.js-fadein {
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.js-fadein.is-animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*順番の設定↓  */

.entry .fadeIn {
    transition: 1s;
    opacity: 0;
    transform: translateY(30px);
}

.entry .fadeIn.on {
    opacity: 1;
    transform: translateY(0);
}

.entry .char1, .entry .char4, .entry .point1 {
    transition-delay: 0s;
}

.entry .char2, .entry .char5, .entry .point2 {
    transition-delay: 1s;
}

.entry .char3, .entry .char6, .entry .point3 {
    transition-delay: 1.5s;
}

.entry .point4 {
    transition-delay: 2s;
}

.entry .point5 {
    transition-delay: 2.5s;
}

.entry .point6 {
    transition-delay: 3s;
}

.entry .donyu1 {
    transition-delay: 0s;
}

.entry .donyu2 {
    transition-delay: .25s;
}

.entry .donyu3 {
    transition-delay: 1.5s;
}

.jump .bounce {
    opacity: 0;
}

.jump.on .bounce {
    opacity: 1;
    animation: bounceInBottom01 1.3s 0.5s linear both;
    -ms-animation: bounceInBottom01 1.3s 0.5s linear both;
    -webkit-animation: bounceInBottom01 1.3s 0.5s linear both;
}

@keyframes bounceInBottom01 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 60, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 60, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 60, 0, 1);
    }
    1.3% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.207, 0, 0, 0, 0, 1, 0, 0, 53.433, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.207, 0, 0, 0, 0, 1, 0, 0, 53.433, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.207, 0, 0, 0, 0, 1, 0, 0, 53.433, 0, 1);
    }
    2.55% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 46.237, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 46.237, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.254, 0, 0, 0, 0, 1, 0, 0, 46.237, 0, 1);
    }
    4.7% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.19, 0, 0, 0, 0, 1, 0, 0, 33.018, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.19, 0, 0, 0, 0, 1, 0, 0, 33.018, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.19, 0, 0, 0, 0, 1, 0, 0, 33.018, 0, 1);
    }
    5.71% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.146, 0, 0, 0, 0, 1, 0, 0, 26.909, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.146, 0, 0, 0, 0, 1, 0, 0, 26.909, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.146, 0, 0, 0, 0, 1, 0, 0, 26.909, 0, 1);
    }
    8.81% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 9.823, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 9.823, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 9.823, 0, 1);
    }
    9.41% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 6.992, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 6.992, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 6.992, 0, 1);
    }
    11.96% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -2.901, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -2.901, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -2.901, 0, 1);
    }
    14.11% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -8.455, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -8.455, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, -8.455, 0, 1);
    }
    15.07% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, -10.126, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, -10.126, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, -10.126, 0, 1);
    }
    18.72% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, -12.727, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, -12.727, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, -12.727, 0, 1);
    }
    24.32% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.033, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.033, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.033, 0, 1);
    }
    27.58% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.362, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.362, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.362, 0, 1);
    }
    29.93% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.855, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.855, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.855, 0, 1);
    }
    35.54% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.234, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.234, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.234, 0, 1);
    }
    40.09% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.327, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.327, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.327, 0, 1);
    }
    41.04% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.351, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.351, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.351, 0, 1);
    }
    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.949, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.949, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.949, 0, 1);
    }
    52.15% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.527, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.527, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.527, 0, 1);
    }
    63.26% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.434, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.434, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.434, 0, 1);
    }
    85.49% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08, 0, 1);
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        opacity: 1;
    }
}