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

/*add common*/
.m1000 {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.m1200 {
    max-width: 1250px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
/*ofiImg*/

.ofiImg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    font-family: 'object-fit: cover; object-position: top center;';
    /*IE対策*/
}

/*IE対策 background-position*/

@media all and (-ms-high-contrast: none) {
    .ofiImg img {
        background-position: top center !important;
    }
}

.ofiImg.tc {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
}

.ofiImg.h100 {
    height: 100%;
}

.ofiImg.t150 {
    position: relative;
    padding-top: 150%;
    display: block;
}

.ofiImg.t150 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t140 {
    position: relative;
    padding-top: 140%;
    display: block;
}

.ofiImg.t140 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t130 {
    position: relative;
    padding-top: 130%;
    display: block;
}

.ofiImg.t130 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t120 {
    position: relative;
    padding-top: 120%;
    display: block;
}

.ofiImg.t120 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t110 {
    position: relative;
    padding-top: 110%;
    display: block;
}

.ofiImg.t110 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t100 {
    position: relative;
    padding-top: 100%;
    display: block;
}

.ofiImg.t100 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t95 {
    position: relative;
    padding-top: 95%;
    display: block;
}

.ofiImg.t95 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t90 {
    position: relative;
    padding-top: 90%;
    display: block;
}

.ofiImg.t90 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t85 {
    position: relative;
    padding-top: 85%;
    display: block;
}

.ofiImg.t85 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t80 {
    position: relative;
    padding-top: 80%;
    display: block;
}

.ofiImg.t80 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t75 {
    position: relative;
    padding-top: 75%;
    display: block;
}

.ofiImg.t75 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t70 {
    position: relative;
    padding-top: 70%;
    display: block;
}

.ofiImg.t70 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t65 {
    position: relative;
    padding-top: 65%;
    display: block;
}

.ofiImg.t65 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t60 {
    position: relative;
    padding-top: 60%;
    display: block;
}

.ofiImg.t60 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t55 {
    position: relative;
    padding-top: 55%;
    display: block;
}

.ofiImg.t55 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t50 {
    position: relative;
    padding-top: 50%;
    display: block;
}

.ofiImg.t50 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t45 {
    position: relative;
    padding-top: 45%;
    display: block;
}

.ofiImg.t45 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t40 {
    position: relative;
    padding-top: 40%;
    display: block;
}

.ofiImg.t40 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t30 {
    position: relative;
    padding-top: 30%;
    display: block;
}

.ofiImg.t30 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t20 {
    position: relative;
    padding-top: 20%;
    display: block;
}

.ofiImg.t20 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flexsb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ol {
    padding-left: 1.5em;
}

.ol > li {
    list-style: disc;
}
.pic img{
  width: 100%;
}

.pix{
  text-align: center;
}

.fw700 {
    font-weight: 700;
}

.embed {
    position: relative;
    overflow: hidden;
}

.embed:after {
    display: block;
    content: "";
    padding-top: 50%;
}

.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: inherit;
    width: 100%;
    height: 100%;
}

[data-element-id] .fead-mv{
  opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.fead-mv {
    -webkit-transform: translate(0, 80px);
    -ms-transform: translate(0, 80px);
    transform: translate(0, 80px);
    -webkit-transition: 1.6s;
    transition: 1.6s;
    opacity: 0;
}

.mv {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.tit01 {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1.5em;
}

.tit02 {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.marker01 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #dcdcdc));
    background: -webkit-linear-gradient(transparent 60%, #dcdcdc 60%);
    background: linear-gradient(transparent 60%, #dcdcdc 60%);
}

@media only screen and (max-width:1024px) {
    [class*="heightLine-1024"] {
        height: auto !important
    }

    .tit01 {
        font-size: 28px;
    }

    .tit02 {
        font-size: 28px;
    }
    .m1000 {
        width: 96%;
    }
}

@media only screen and (max-width:599px) {
    [class*="heightLine-599"] {
        height: auto !important
    }

    .tit01 {
        font-size: 24px;
    }

    .tit02 {
        font-size: 24px;
    }
    .m1000 {
        width: 94%;
    }

    .m1200 {
        width: 94%;
    }
}

/*graduates*/

.graduates *,
.graduates *:before,
.graduates *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}
.graduates01list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0;
}

.graduates01item {
    width: 23%;
    margin: 1%;
}
.graduates01item a{
  height: 100%;
  padding: 0.5em;
    font-size: 18px;
    border: 1px solid;
    text-align: center;
    padding: 0.75em 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.graduates02 {
    padding: 50px 0;
    background-color: #f0f8e6;
}

.graduates02boxinn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.graduates02boxinn .pbox.or1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.graduates02boxinn .pbox {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 18%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: -50px;
}

.graduates02boxinn .olbox {
    border-radius: 10px;
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 5px 5px;
    padding: 5px;
    width: 60%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.graduates02boxinn .olboxinn {
    background-color: #fff;
    padding: 1.5em;
}

.graduates02boxinn .ol01 > li {
    position: relative;
    padding-left: 1.25em;
    margin-bottom: 0.25em;
    font-size: 20px;
}

.graduates02boxinn .ol01 > li:before {
    position: absolute;
    content: "◎";
    top: 0;
    left: 0;
}

.graduates03 {
    padding: 100px 0;
}

.graduates03box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.graduates03box .titbox {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    padding: 3% 0 0 0%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.graduates03box .titbox:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    content: "";
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, #b5b5b5 50%);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 50%, #b5b5b5 50%);
    z-index: -1;
}

.graduates03box .titbox h4 {
    font-size: 30px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
}

.graduates03box .titbox .ruby {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.graduates03box .graduates03boxcont {
    width: 65%;
    margin-left: -5%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.graduates03boxcont .pic {
    margin-bottom: 60px;
}

.graduates03box .pbox {
    width: 10%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.graduates03item {
    border: 1px solid;
    padding: 1.5em 4.5em;
    position: relative;
    background-color: #fff;
    margin: 30px 0 60px;

}

.graduates03item:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    z-index: -1;
}

.graduates03item .stepbox {
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: #4d4d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    padding: 0.25em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
}

.graduates03item .stepbox .step {
    font-size: 18px;
    display: block;
    width: 100%;
}

.graduates03item .stepbox .num {
    font-size: 36px;
    line-height: 100%;
    display: block;
    width: 100%;
}

.graduates03item dd {
    font-weight: 500;
    font-size: 14px;
}


.graduates04 {
    padding: 100px 0;
    background-color: #f2ece2;
}

.graduates04list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 60px);
}

.graduates04item {
    width: 33.333%;
    padding-right: 60px;
    position: relative;
    margin-bottom: 40px;
}

.graduates04item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #a0a0a0;
}

.graduates04item h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 1em;
}

.graduates04iteminn {
    position: relative;
    overflow: hidden;
}

.graduates04item .pbox {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.graduates04item .pbox .pic {
    border-radius: 50%;
    overflow: hidden;
}

.graduates04iteminn:hover .tbox {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);

}

.graduates04item .tbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 50%;
    z-index: 1;
    padding: 0.5em;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.graduates04iteminn:hover .tbox {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.graduates04item .tbox * {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.graduates04list .graduates04item:nth-of-type(5n+3):after {
    content: none;
}

.graduates04list .graduates04item:last-of-type:after {
    content: none;
}


.graduates04list .graduates04item:nth-of-type(5n+1) h4 {
    color: rgba(119, 166, 179, 255);
}

.graduates04list .graduates04item:nth-of-type(5n+1) .tbox {
    background-color: rgba(119, 166, 179, 0.8);
}

.graduates04list .graduates04item:nth-of-type(5n+2) h4 {
    color: rgba(127, 176, 154, 255);
}

.graduates04list .graduates04item:nth-of-type(5n+2) .tbox {
    background-color: rgba(127, 176, 154, 0.8);
}

.graduates04list .graduates04item:nth-of-type(5n+3) h4 {
    color: rgba(151, 181, 116, 255);
}

.graduates04list .graduates04item:nth-of-type(5n+3) .tbox {
    background-color: rgba(151, 181, 116, 0.8);
}

.graduates04list .graduates04item:nth-of-type(5n+4) h4 {
    color: rgba(201, 170, 60, 255);
}

.graduates04list .graduates04item:nth-of-type(5n+4) .tbox {
    background-color: rgba(201, 170, 60, 0.8);
}

.graduates04list .graduates04item:nth-of-type(5n+5) h4 {
    color: rgba(200, 137, 86, 255);
}

.graduates04list .graduates04item:nth-of-type(5n+5) .tbox {
    background-color: rgba(200, 137, 86, 0.8);
}

.graduates05 {
    padding: 100px 0;
    border-bottom: 1px dashed #8f8f8f;
}

.graduates05list .graduates05item:nth-of-type(even) .graduates05iteminn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.graduates05item {
    margin-bottom: 40px;
}

.graduates05item .pbox {
    width: 40%;
}

.graduates05item .tbox {
    width: 56%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.graduates05item .tbox .num {
    color: rgba(170, 170, 170, 255);
    font-size: 60px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    width: 80px;
    letter-spacing: 0;
    line-height: 100%;
}

.graduates05item .tbox .tboxinn {
    width: calc(100% - 100px);
}

.graduates05item .tbox .tboxinn dt {
    font-size: 24px;
    font-weight: 700;
    margin: 0.75em 0;
}

.graduates05item .tbox .tboxinn dd {
    padding-left: 1em;
    border-left: 1px solid #aaaaaa;
    font-size: 14px;
    padding-bottom: 2em;
}

.graduates06 {
    padding: 100px 0;
    border-bottom: 1px dashed #8f8f8f;
}

.graduates06list {
    position: relative;
    overflow: hidden;
}

.graduates06list:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 60px;
    height: 60px;
    background-color: #d1c0a5;
    border-radius: 50%;
    content: "";
}

.graduates06list:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 3px;
    height: 100%;
    background-color: #d1c0a5;
}

.graduates06item {
    position: relative;
}

.graduates06item:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #d1c0a5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.graduates06item:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d1c0a5;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: -1;
}

.graduates06list .graduates06item:nth-of-type(odd) {
    margin-left: auto;
    padding-left: 100px;
}

.graduates06list .graduates06item:nth-of-type(even) {
    padding-right: 100px;
}

.graduates06list .graduates06item:nth-of-type(odd):before {
    left: -9px;
}

.graduates06list .graduates06item:nth-of-type(even):before {
    right: -9px;
}

.graduates06list .graduates06item:nth-of-type(odd):after {
    left: 0;
}

.graduates06list .graduates06item:nth-of-type(even):after {
    right: 0;
}

.graduates06list .graduates06item:last-of-type .graduates06iteminn:before {
    content: "";
    width: 5px;
    height: 50%;
    background-color: #fff;
    position: absolute;
    top: calc(50% + 10px);
    z-index: 1;
    left: -103px;
}

.graduates06list .graduates06item:last-of-type .graduates06iteminn:after {
    content: "";
    width: 5px;
    height: 50%;
    background-color: #fff;
    position: absolute;
    top: calc(50% + 10px);
    z-index: 1;
    right: -103px;
}

.graduates06item {
    width: 50%;
    margin: 20px 1px 0;
}

.graduates06iteminn {
    border: 2px solid #d1c0a5;
    padding: 3em 1.5em 1.5em;
    position: relative;
    background-color: #fff;
}

.graduates06iteminn .date {
    font-size: 30px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 96%;
    text-align: center;
}

.graduates06iteminn .date span {
    display: inline-block;
    padding: 0 1em;
    background-color: #fff;
}

.graduates06itemlistitem {
    margin-bottom: 1em;
    font-size: 14px;
}

.graduates06itemlistitem dt {
    width: 8em;
    font-size: 14px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;

}

.graduates06itemlistitem dt + dd {
    width: calc(100% - 9em);
    font-size: 14px;
}



.graduates07 {
    padding: 100px 0;
}

.graduates07list .graduates07item:nth-of-type(even) .graduates07iteminn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.graduates07item {
    margin-bottom: 60px;
}

.graduates07list .graduates07item:nth-of-type(even) h4 {
    text-align: right;
}

.graduates07item h4 {
    font-size: 28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    margin-bottom: 1.5em;
}

.graduates07item h4 span {
    padding-left: 3em;
    position: relative;
    display: inline-block;
    text-align: left;
}

.graduates07item h4 span:before {
    content: "";
    width: 2.5em;
    height: 2px;
    border-bottom: 2px solid;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.graduates07iteminn .pbox {
    width: 30%;
}

.graduates07iteminn .tbox {
    width: 66%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.graduates07iteminn .tbox .txt {
    font-size: 14px;
}

.graduates08 {
    padding: 60px 0;
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 3px 3px;
}

.graduates08list {
    margin-bottom: 60px;
}

.graduates08item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.graduates09 {
    padding: 100px 0;
    border-bottom: 1px dashed #8f8f8f;
}

.graduates09item {
    width: 33.333%;
    padding-right: 30px;
    position: relative;
    margin: 20px 0;
}

.graduates09item:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 10px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #a0a0a0;
}

.graduates09list {
    width: calc(100% + 30px);
}

.graduates09list .graduates09item:nth-of-type(3n+3):after {
    content: none;
}

.graduates09list .graduates09item:last-of-type:after {
    content: none !important;
}

.graduates09iteminn {
    padding: 0 1.5em 1.5em;
    border: 1px solid;
}

.graduates09iteminn dt {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #4d4d4d;
    color: #fff;
    font-size: 18px;
    padding: 0.25em 0.5em;
    text-align: center;
    font-weight: 700;
}

.graduates09iteminn dd {
    font-size: 14px;
}

.graduates10 {
    padding: 100px 0;
}

.graduates10box {
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 3px 3px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.graduates10boxinn {
    padding: 1.5em;
    background-color: #f2f2f2;
}

.graduates10item {
    padding: 1.5em 0;
    border-bottom: 1px solid;
}

.graduates10item dt {
    width: 10em;
    font-size: 14px;
    font-weight: 500;
}

.graduates10item dt + dd {
    width: calc(100% - 11em);
    font-size: 14px;
    font-weight: 500;
}

.graduates10item dd li {
    font-size: 14px;
    margin-bottom: 0.25em;
}

@media only screen and (max-width:1024px) {
    .graduates01item {
        font-size: 16px;
    }

    .graduates02boxinn .ol01 > li {
        font-size: 16px;
    }

    .graduates03 {
        padding: 60px 0;
    }

    .graduates03box .titbox h4 {
        font-size: 24px;
    }

    .graduates03box .titbox .ruby {
        font-size: 14px;
    }

    .graduates03box .titbox:before {
        width: 200px;
        height: 200px;
    }

    .graduates03item .stepbox {
        width: 60px;
        height: 60px;
    }

    .graduates03item .stepbox .step {
        font-size: 16px;
    }

    .graduates03item .stepbox .num {
        font-size: 28px;
    }

    .graduates03item {
        padding: 1.5em 3.5em;
        margin: 20px 0 40px;
    }

    .graduates03boxcont .pic {
        margin-bottom: 40px;
    }

    .graduates04 {
        padding: 60px 0;
    }

    .graduates04list {
        width: calc(100% + 40px);
    }

    .graduates04item {
        width: 48%;
        padding-right: 40px;
    }

    .graduates04item:after {
        border-width: 15px 0 15px 15px;
        right: 12.5px;
    }

    .graduates04list .graduates04item:nth-of-type(5n+3):after {
        content: "";
    }

    .graduates04list .graduates04item:nth-of-type(2n+2):after {
        content: none;
    }

    .graduates05 {
        padding: 60px 0;
    }

    .graduates05item .tbox .num {
        font-size: 50px;
        width: 60px;
    }

    .graduates05item .tbox .tboxinn {
        width: calc(100% - 80px);
    }

    .graduates05item .tbox .tboxinn dt {
        font-size: 20px;
    }

    .graduates06 {
        padding: 60px 0;
    }

    .graduates07 {
        padding: 60px 0;
    }

    .graduates07item h4 {
        font-size: 24px;
    }

    .graduates08list {
        margin-bottom: 40px;
    }

    .graduates09item {
        width: 50%;
    }

    .graduates09list .graduates09item:nth-of-type(3n+3):after {
        content: "";
    }

    .graduates09list .graduates09item:nth-of-type(2n+2):after {
        content: none;
    }

    .graduates09iteminn dt {
        font-size: 16px;
    }

    .graduates06itemlistitem dt {
        width: 100%;
        margin-bottom: 0.5em;
        font-weight: 700;
    }

    .graduates06itemlistitem dt + dd {
        width: 100%;
    }

    .graduates06list:before {
        width: 40px;
        height: 40px;
    }

    .graduates06list .graduates06item:nth-of-type(odd) {
        padding-left: 60px;
    }

    .graduates06list .graduates06item:nth-of-type(even) {
        padding-right: 60px;
    }

    .graduates06iteminn .date {
        font-size: 20px;
    }

    .graduates06list .graduates06item:last-of-type .graduates06iteminn:before {
        left: -63px;
    }

    .graduates06list .graduates06item:last-of-type .graduates06iteminn:after {
        right: -63px;
    }

    .graduates06iteminn {
        padding: 3em 1em 1em;
    }

    .graduates09 {
        padding: 60px 0;
    }

    .graduates10 {
        padding: 60px 0;
    }
}

@media only screen and (max-width:599px) {
    .graduates01item {
        width: 48%;
        font-size: 14px;
    }

    .graduates02boxinn .pbox {
        width: 40%;
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .graduates02boxinn .olbox {
        width: 100%;
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
        margin-bottom: 1.5em;
    }

    .graduates03box .titbox {
        width: 60%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .graduates03box .graduates03boxcont {
        width: 100%;
        margin-left: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 1.5em;
    }

    .graduates03box .pbox {
        width: 25%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .graduates03box .titbox:before {
        width: 150px;
        height: 150px;
    }

    .graduates03item .stepbox {
        width: 45px;
        height: 45px;
        -webkit-transform: translate(-15%, -15%);
        -ms-transform: translate(-15%, -15%);
        transform: translate(-15%, -15%);
    }

    .graduates03item .stepbox .step {
        font-size: 12px;
    }

    .graduates03item .stepbox .num {
        font-size: 22px;
    }

    .graduates03item:before {
        content: "";
        position: absolute;
        right: -5px;
        bottom: -5px;
    }

    .graduates04list {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .graduates04item {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }

    .graduates04item:after {
        right: 50%;
        top: auto;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        border-width: 15px 20px 0 20px;
        border-color: #a0a0a0 transparent transparent transparent;
        bottom: 0;
    }

    .graduates04list .graduates04item:nth-of-type(2n+2):after {
        content: "";
    }

    .graduates05item .pbox {
        width: 100%;
    }

    .graduates05item .tbox {
        width: 100%;
        margin-top: 1.5em
    }

    .graduates05item .tbox .num {
        font-size: 40px;
        width: 50px;
    }

    .graduates05item .tbox .tboxinn {
        width: calc(100% - 60px);
    }

    .graduates05item .tbox .tboxinn dt {
        margin: 0.5em 0 0.75em;
    }

    .graduates07item h4 {
        font-size: 20px;
    }

    .graduates07iteminn .pbox {
        width: 40%;
        margin-bottom: 2em;
    }

    .graduates07iteminn .tbox {
        width: 100%;
    }

    .graduates08list {
        margin-bottom: 20px;
    }

    .graduates09iteminn dt {
        font-size: 14px;
    }

    .graduates09iteminn dd {
        font-size: 12px;
    }

    .graduates09iteminn {
        padding: 0 1em 1em;
    }

    .graduates10item dt {
        width: 100%;
        font-weight: 700;
        margin-bottom: 0.5em;
    }

    .graduates10item dt + dd {
        width: 100%;
    }

    .graduates10box {
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .graduates06list {
        padding-left: 30px;
    }

    .graduates06list:before {
        width: 30px;
        height: 30px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
    }

    .graduates06list:after {
        content: "";
        position: absolute;
        left: 15px;
    }

    .graduates06item {
        width: 100%;
        margin: 40px 0 0;
        padding: 0 !important;
    }

    .graduates06list .graduates06item:before {
        left: -25px !important;
        right: auto !important;
    }

    .graduates06list .graduates06item:after {
        left: -5px !important;
        right: auto !important;
    }

    .graduates06list .graduates06item:last-of-type .graduates06iteminn:before {
        left: -20px;
    }

    .graduates03 {
        padding: 40px 0 20px;
    }

    .graduates04 {
        padding: 40px 0 0;
    }

    .graduates05 {
        padding: 40px 0 0;
    }

    .graduates06 {
        padding: 40px 0;
    }

    .graduates07 {
        padding: 40px 0 0;
    }

    .graduates08 {
        padding: 40px 0;
    }

    .graduates09 {
        padding: 40px 0;
    }

    .graduates10 {
        padding: 40px 0;
    }
}

/*career*/

.career *,
.career *:before,
.career *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

.career .tit01{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.career01list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0;
}

.career01item {
    width: 23%;
    margin: 1%;
}
.career01item a{
  padding: 0.5em;
    font-size: 18px;
    border: 1px solid;
    text-align: center;
    padding: 0.75em 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.career02 {
    padding: 50px 0;
}

.career02cont .pbox {
    max-width: 50%;
}

.career02box .tbox {
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 3px 3px;
    padding: 0 10px 10px 0;
    width: 60%;
    margin-left: auto;
    margin-top: -20%;
    position: relative;
    z-index: 1;
}

.career02box .tboxinn {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1.5em;
}

.career02box .ol01 > li {
    position: relative;
    padding-left: 1.25em;
    margin-bottom: 0.25em;
    font-size: 18px;
}

.career02box .ol01 > li:before {
    position: absolute;
    content: "◎";
    top: 0;
    left: 0;
}

.career03 {
    padding: 100px 0;
}

.career03box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.career03box .titbox {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    padding: 3% 0 0 0%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.career03box .titbox:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    content: "";
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, #b5b5b5 50%);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 50%, #b5b5b5 50%);
    z-index: -1;
}

.career03box .titbox h4 {
    font-size: 30px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
}

.career03box .titbox .ruby {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.career03box .career03boxcont {
    width: 75%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.career03boxcont .pic {
    margin-bottom: 60px;
}

.career03item {
    border: 1px solid;
    padding: 1.5em 6em;
    position: relative;
    background-color: #fff;
    margin: 30px 0 60px;

}

.career03item:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    z-index: -1;
}

.career03item .stepbox {
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: #4d4d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    padding: 0.25em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%)
}

.career03item .stepbox .step {
    font-size: 18px;
    display: block;
    width: 100%;
}

.career03item .stepbox .num {
    font-size: 36px;
    line-height: 100%;
    display: block;
    width: 100%;
}

.career03item dd {
    font-weight: 500;
    font-size: 14px;
}

.career04 {
    padding: 100px 0;
}

.career04list .career04item:nth-of-type(5n+1) .stepbox {
    background-color: #b2c8ce;
}

.career04list .career04item:nth-of-type(5n+2) .stepbox {
    background-color: #a9c8ba;
}

.career04list .career04item:nth-of-type(5n+3) .stepbox {
    background-color: #b5d391;
}

.career04list .career04item:nth-of-type(5n+4) .stepbox {
    background-color: #ebcf6d;
}

.career04list .career04item:nth-of-type(5n+5) .stepbox {
    background-color: #e19c65;
}

.career04item {
    width: 48%;
    margin-bottom: 50px;
    position: relative;
    background-color: #fff;
}

.career04item:before {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-color: #dcdcdc;
    content: "";
    z-index: -1;
}

.career04iteminn .stepbox {
    width: 75px;
    height: 75px;
    overflow: hidden;
    background-color: #4d4d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    padding: 0.25em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.career04iteminn .stepbox .step {
    font-size: 18px;
}

.career04iteminn .stepbox .num {
    font-size: 36px;
    line-height: 100%;
}

.career04item .tbox {
    padding: 1.5em;
}

.career04item .tbox h4 {
    font-size: 18px;
    margin-bottom: 1em;
}

.career04item .tbox ul {
    margin: 1em 0;
}

.career04item .tbox li {
    margin-bottom: 0.5em;
    font-size: 14px;
}

.career05 {
    padding: 100px 0;
}

.career05list .career05item:nth-of-type(even) .career05iteminn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.career05item {
    margin-bottom: 40px;
}

.career05item .pbox {
    width: 40%;
}

.career05item .tbox {
    width: 56%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.career05item .tbox .num {
    color: rgba(170, 170, 170, 255);
    font-size: 60px;
    font-family: "comeniusantiqua", serif;
    font-weight: normal;
    width: 80px;
    letter-spacing: 0;
    line-height: 100%;
}

.career05item .tbox .tboxinn {
    width: calc(100% - 100px);
}

.career05item .tbox .tboxinn dt {
    font-size: 24px;
    font-weight: 700;
    margin: 0.75em 0;
}

.career05item .tbox .tboxinn dd {
    padding-left: 1em;
    border-left: 1px solid #aaaaaa;
    font-size: 14px;
    padding-bottom: 2em;
}


.career06item {
    margin-bottom: 80px;
}

.career06item .tbox {
    text-align: center;
    font-size: 14px;
}

.career07 {
    padding: 100px 0;
}

.career07list .career07item:nth-of-type(even) .career07iteminn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.career07item {
    margin-bottom: 60px;
}

.career07list .career07item:nth-of-type(even) h4 {
    text-align: right;
}

.career07item h4 {
    font-size: 28px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    margin-bottom: 1.5em;
}

.career07item h4 span {
    padding-left: 3em;
    position: relative;
    display: inline-block;
    text-align: left;
}

.career07item h4 span:before {
    content: "";
    width: 2.5em;
    height: 2px;
    border-bottom: 2px solid;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.career07iteminn .pbox {
    width: 30%;
}

.career07iteminn .tbox {
    width: 66%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.career07iteminn .tbox .txt {
    font-size: 14px;
}

.career08 {
    padding: 60px 0;
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 3px 3px;
}

.career08list {
    margin-bottom: 60px;
}

.career08item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.career09 {
    padding: 100px 0;
    border-bottom: 1px dashed #8f8f8f;
}

.career09item {
    width: 33.333%;
    padding-right: 30px;
    position: relative;
    margin: 20px 0;
}

.career09item:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 10px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #a0a0a0;
}

.career09list {
    width: calc(100% + 30px);
}

.career09list .career09item:nth-of-type(3n+3):after {
    content: none;
}

.career09list .career09item:last-of-type:after {
    content: none !important;
}

.career09iteminn {
    padding: 0 1.5em 1.5em;
    border: 1px solid;
}

.career09iteminn dt {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #4d4d4d;
    color: #fff;
    font-size: 18px;
    padding: 0.25em 0.5em;
    text-align: center;
    font-weight: 700;
}

.career09iteminn dd {
    font-size: 14px;
}

.career10 {
    padding: 100px 0;
}

.career10box {
    background-image: -webkit-linear-gradient(135deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-image: linear-gradient(-45deg, #787c73 25%, #fff 25%, #fff 50%, #787c73 50%, #787c73 75%, #fff 75%, #fff);
    background-size: 3px 3px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.career10boxinn {
    padding: 1.5em;
    background-color: #f2f2f2;
}

.career10item {
    padding: 1.5em 0;
    border-bottom: 1px solid;
}

.career10item dt {
    width: 10em;
    font-size: 14px;
    font-weight: 500;
}

.career10item dt + dd {
    width: calc(100% - 11em);
    font-size: 14px;
    font-weight: 500;
}

.career10item dd li {
    font-size: 14px;
    margin-bottom: 0.25em;
}

@media only screen and (max-width:1024px) {
    .career01item {
        font-size: 16px;
    }

    .career02 {
        padding: 40px 0;
    }
    
    .career02box .ol01 > li{
      font-size: 16px;
    }

    .career03 {
        padding: 60px 0 0;
    }

    .career03box .titbox h4 {
        font-size: 24px;
    }

    .career03box .titbox .ruby {
        font-size: 14px;
    }

    .career03box .titbox:before {
        width: 200px;
        height: 200px;
    }

    .career03item .stepbox {
        width: 60px;
        height: 60px;
    }

    .career03item .stepbox .step {
        font-size: 16px;
    }

    .career03item .stepbox .num {
        font-size: 28px;
    }

    .career03item {
        padding: 1.5em 3.5em;
        margin: 20px 0 40px;
    }

    .career03boxcont .pic {
        margin-bottom: 40px;
    }

    .career04 {
        padding: 60px 0 0;
    }

    .career04iteminn .stepbox {
        width: 60px;
        height: 60px;
    }

    .career04iteminn .stepbox .step {
        font-size: 16px;
    }

    .career04iteminn .stepbox .num {
        font-size: 24px;
    }

    .career04item {
        width: 100%;
    }

    .career04item:before {
        right: -5px;
        bottom: -5px;
    }

    .career05 {
        padding: 60px 0 60px;
    }

    .career05item .tbox .num {
        font-size: 50px;
        width: 60px;
    }

    .career05item .tbox .tboxinn {
        width: calc(100% - 80px);
    }

    .career05item .tbox .tboxinn dt {
        font-size: 20px;
    }

    .career07 {
        padding: 60px 0;
    }

    .career07item h4 {
        font-size: 24px;
    }

    .career08list {
        margin-bottom: 40px;
    }

    .career09item {
        width: 50%;
    }

    .career09list .career09item:nth-of-type(3n+3):after {
        content: "";
    }

    .career09list .career09item:nth-of-type(2n+2):after {
        content: none;
    }

    .career09iteminn dt {
        font-size: 16px;
    }

    .career10 {
        padding: 60px 0;
    }
}

@media only screen and (max-width:599px) {
    .career01item {
        width: 48%;
        font-size: 14px;
    }

    .career02 {
        padding: 20px 0;
    }

    .career02cont .pbox {
        max-width: 100%;
    }

    .career02box .tbox {
        width: 100%;
        margin-top: 8%;
        padding: 0 5px 5px 0;
    }

    .career03 {
        padding: 40px 0 0;
    }

    .career03box .titbox {
        width: 60%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .career03box .career03boxcont {
        width: 100%;
        margin-left: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 1.5em;
    }

    .career03box .pbox {
        width: 25%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .career03box .titbox:before {
        width: 150px;
        height: 150px;
    }

    .career03item .stepbox {
        width: 45px;
        height: 45px;
        -webkit-transform: translate(-15%, -15%);
        -ms-transform: translate(-15%, -15%);
        transform: translate(-15%, -15%);
    }

    .career03item .stepbox .step {
        font-size: 12px;
    }

    .career03item .stepbox .num {
        font-size: 22px;
    }

    .career03item:before {
        content: "";
        position: absolute;
        right: -5px;
        bottom: -5px;
    }

    .career04 {
        padding: 20px 0;
    }

    .career05 {
        padding: 0 0 40px;
    }

    .career05item .pbox {
        width: 100%;
    }

    .career05item .tbox {
        width: 100%;
        margin-top: 1.5em
    }

    .career05item .tbox .num {
        font-size: 40px;
        width: 50px;
    }

    .career05item .tbox .tboxinn {
        width: calc(100% - 60px);
    }

    .career05item .tbox .tboxinn dt {
        margin: 0.5em 0 0.75em;
    }

    .career07 {
        padding: 20px 0;
    }

    .career07item h4 {
        font-size: 20px;
    }

    .career07iteminn .pbox {
        width: 40%;
        margin-bottom: 2em;
    }

    .career07iteminn .tbox {
        width: 100%;
    }

    .career08 {
        padding: 40px 0;
    }

    .career08list {
        margin-bottom: 20px;
    }

    .career09iteminn dt {
        font-size: 14px;
    }

    .career09iteminn dd {
        font-size: 12px;
    }

    .career09iteminn {
        padding: 0 1em 1em;
    }

    .career10 {
        padding: 40px 0;
    }


    .career10item dt {
        width: 100%;
        font-weight: 700;
        margin-bottom: 0.5em;
    }

    .career10item dt + dd {
        width: 100%;
    }

    .career10box {
        padding-right: 5px;
        padding-bottom: 5px;
    }

}