@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1600px) {

/* �������������������������������������������� *
 *                                              *
 * ���󥿥ӥ�`                                 *
 *                                              *
 * �������������������������������������������� */

.talk-format .contents .interview .body p.image {
    width: calc(100% + calc((100vw - 185px - 1080px) / 2));
}

}

@media only screen and (min-width: 0px) and (max-width: 1360px) {

/* �������������������������������������������� *
 *                                              *
 * ���󥿥ӥ�`                                 *
 *                                              *
 * �������������������������������������������� */

.talk-format .contents .interview .body p.image {
    width: calc(100% + calc((100vw - 18.5rem - 108.0rem) / 2));
}

}


@media only screen and (min-width: 0px) and (max-width: 750px) {

/* �������������������������������������������� *
 *                                              *
 * �����ȥ�                                     *
 *                                              *
 * �������������������������������������������� */

/* Ҋ���� */
#title {
    height: 62.0rem;
}
#project-title {
    height: auto;
    max-height: none;
    padding-top: 64.0rem;
}
.career-training #title {
    background: url("/saiyou/image/career/training/mainvisual-sp.jpg") no-repeat center center / cover;
}
.career-talk-01 #project-title {
    background: url("/saiyou/image/career/talk-01/mainvisual-sp.jpg") no-repeat top center / contain;
}
.career-talk-02 #project-title {
    background: url("/saiyou/image/career/talk-02/mainvisual-sp.jpg") no-repeat top center / contain;
}
.career-talk-03 #project-title {
    background: url("/saiyou/image/career/talk-03/mainvisual-sp.jpg") no-repeat top center / contain;
}
.career-overseas #title {
    background: url("/saiyou/image/career/overseas/mainvisual-sp.jpg") no-repeat top center / contain;
}
#title .inner h1 {
    font-size: 5.2rem;
    line-height: 1.25;
}
#title .inner p.en {
    font-size: 2.2rem;
    line-height: 1.36;
}
#project-title p.subtitle {
    top: calc(64.0rem - 20.0rem);
}
#project-title p.subtitle img {
    height: 20.0rem;
}
#project-title .inner {
    color: #363746;
    background: #ebecef;
    width: 100%;
    padding: 6.0rem 6.0rem 11.0rem;
    height: auto;
    display: block;
}
#project-title .inner h1 {
    font-size: 5.2rem;
}
#project-title .inner p.position {
    font-size: 2.4rem;
    color: #fff;
    width: 27.0rem;
    padding: 1.0rem;
}
#project-title .inner dl.profile {
    display: inline-block;
    padding: 2.0rem;
}
#project-title .inner dl.profile dt {
    font-size: 2.6rem;
    display: inline-block;
}
#project-title .inner dl.profile dd {
    font-size: 2.0rem;
    vertical-align: 0.2rem;
    display: inline-block;
}

/* �������������������������������������������� *
 *                                              *
 * ���Υץ���������                             *
 *                                              *
 * �������������������������������������������� */

.contents #next-contents {
    padding: 9.0rem 0 11.0rem;
}
.contents #next-contents .inner {
    width: 67.0rem;
}
.contents #next-contents .inner h2 {
    font-size: 7.6rem;
}
.contents #next-contents .inner #next-list {
    display: block;
}
.contents #next-contents .inner #next-list .list {
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #next-contents .inner #next-list .list:last-of-type {
    margin-bottom: 0;
}
.contents #next-contents .inner #next-list .list p.image {
    width: 32.0rem;
}
.contents #next-contents .inner #next-list .list p.cname,
.contents #next-contents.three .inner #next-list .list p.cname {
    font-size: 3.2rem;
    width: 35.0rem;
    padding: 0 7.0rem 0 5.0rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.contents #next-contents .inner #next-list .list p.cname::after {
    border-width: 1.0rem 0 1.0rem 2.0rem;
    right: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.cname span.small {
    font-size: 2.4rem;
    vertical-align: 0.2rem;
}
.contents #next-contents .inner #next-list .list p.mname {
    font-size: 1.8rem;
    width: 35.0rem;
    padding: 0 7.0rem 0 4.0rem;
}
.contents #next-contents .inner #next-list .list p.mname::after {
    border-width: 1.0rem 0 1.0rem 2.0rem;
    right: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.mname span.en {
    font-size: 2.0rem;
}
.contents #next-contents .inner #next-list .list p.mname span.name {
    font-size: 2.5rem;
    margin-bottom: 1.0rem;
}

/* �������������������������������������������� *
 *                                              *
 * �˲�����?�����ƶ�                           *
 *                                              *
 * �������������������������������������������� */

.career-training .contents #intro {
    padding-bottom: 4.0rem;
}
.career-training .contents #intro .inner {
    width: 67.0rem;
    padding: 6.0rem;
    border: none;
    top: -8.0rem;
}
.career-training .contents #intro .inner h2 {
    font-size: 3.6rem;
    margin-bottom: 6.0rem;
}
.career-training .contents #intro .inner h2 span {
    padding: 1.0rem;
    margin-bottom: 2.0rem;
}
.career-training .contents #intro .inner h2 span:last-of-type {
    margin-bottom: 0;
}
.career-training .contents #intro .inner p {
    font-size: 2.6rem;
    text-align: justify;
}
.career-training .contents .training {
    width: 67.0rem;
    padding: 10.0rem 2.0rem 4.0rem;
    top: -8.0rem;
}
.career-training .contents .training h2 {
    font-size: 4.6rem;
    line-height: 1.4;
    margin-bottom: 1.0rem;
}
.career-training .contents .training h3 {
    font-size: 2.4rem;
    border: 0.2rem solid rgba(240, 40, 50, 1);
    border-image: linear-gradient(135deg, rgba(240, 40, 50, 1) 0%, rgba(0, 110, 225, 1) 99.96%);
    border-image-slice: 1;
    width: 100%;
    margin: 0 auto 6.0rem;
}
.career-training .contents .training h3::before {
    width: 6.0rem;
    height: 6.0rem;
}
.career-training .contents .training h3::after {
    width: 0.2rem;
    height: 4.0rem;
    top: calc(100% - 1.0rem);
}
.career-training .contents .training h3 span {
    height: 13.0rem;
}
.career-training .contents .training h3.title-system {
    width: 48.0rem;
    margin-top: 10.0rem;
    margin-bottom: -5.5rem;
}
.career-training .contents .training h3.title-system span {
    height: 11.0rem;
}
.career-training .contents .training p.en {
    font-size: 2.0rem;
    line-height: 1.3;
    margin-bottom: 10.0rem;
}
.career-training .contents .training p.txt {
    font-size: 3.0rem;
}
.career-training .contents .training p.txt-desc {
    font-size: 2.4rem;
}
.career-training .contents .training #management-training {
    display: block;
}
.career-training .contents .training #management-training .item {
    width: 100%;
}
.career-training .contents .training #management-training .item p {
    font-size: 2.4rem;
}
.career-training .contents .training #management-training .item.full p {
    display: block;
}
.career-training .contents .training #management-training .item.full h4 {
    font-size: 3.0rem;
    margin-bottom: 4.0rem;
}
.career-training .contents .training #jfe-college {
    padding: 7.0rem 6.0rem;
}
.career-training .contents .training #jfe-college h5 {
    font-size: 2.4rem;
    border-bottom: 0.2rem solid #006ee1;
}
.career-training .contents .training #jfe-college p {
    font-size: 2.2rem;
    text-align: justify;
    margin-bottom: 8.0rem;
}
.career-training .contents .training #jfe-college .detail {
    display: block;
}
.career-training .contents .training #jfe-college .detail .item {
    width: 100%;
    padding: 4.5rem;
    margin-bottom: 2.0rem;
    border: 0.2rem solid #363746;
}
.career-training .contents .training #jfe-college .detail .item:nth-last-of-type(-n+2) {
    margin-bottom: 2.0rem;
}
.career-training .contents .training #jfe-college .detail .item:last-of-type {
    margin-bottom: 0;
}
.career-training .contents .training #jfe-college .detail .item dl dt {
    font-size: 2.4rem;
    margin-bottom: 4.0rem;
}
.career-training .contents .training #jfe-college .detail .item dl dd {
    font-size: 2.2rem;
}

.career-training .contents .training #language-training {
    display: block;
}
.career-training .contents .training #language-training .item {
    width: 100%;
    padding: 4.5rem;
    margin-bottom: 2.0rem;
    border: 0.2rem solid #363746;
}
.career-training .contents .training #language-training .item:nth-last-of-type(-n+2) {
    margin-bottom: 2.0rem;
}
.career-training .contents .training #language-training .item:last-of-type {
    margin-bottom: 0;
}
.career-training .contents .training #language-training .item dl dt {
    font-size: 2.4rem;
    margin-bottom: 4.0rem;
}
.career-training .contents .training #language-training .item dl dd {
    font-size: 2.2rem;
}

/* �������������������������������������������� *
 *                                              *
 * ����ꥢ�ѥ�                                 *
 *                                              *
 * �������������������������������������������� */

.talk-format .contents #career-pass {
    width: 67.0rem;
    padding: 7.0rem 4.0rem 8.0rem;
    margin: 0 auto 10.0rem;
    top: 0;
}
.talk-format .contents #career-pass h2 {
    font-size: 3.6rem;
    margin: 0 auto 7.0rem;
}
.talk-format .contents #career-pass .timeline {
    margin: 0 auto 7.0rem;
    border: 0.3rem solid rgba(0, 110, 225, 0.9);
    display: block;
}
.talk-format .contents #career-pass .timeline::after {
    width: 4.4rem;
    height: 2.6rem;
    top: calc(100% + 2.4rem);
}
.talk-format .contents #career-pass .timeline .date {
    font-size: 2.8rem;
    width: 100%;
    padding: 2.0rem;
    box-sizing: border-box;
}
.talk-format .contents #career-pass .timeline .detail {
    padding: 3.5rem;
}
.talk-format .contents #career-pass .timeline .detail dl dt {
    font-size: 2.6rem;
}
.talk-format .contents #career-pass .timeline .detail dl dt span.txt-small {
    font-size: 2.4rem;
}
.talk-format .contents #career-pass .timeline .detail dl dd {
    font-size: 2.2rem;
}

/* �������������������������������������������� *
 *                                              *
 * ���󥿥ӥ�`                                 *
 *                                              *
 * �������������������������������������������� */

.talk-format .contents .interview {
    width: 67.0rem;
    margin: 0 auto 12.0rem;
    display: block;
}
.talk-format .contents .interview .body {
    width: 100%;
    margin-bottom: 12.0rem;
}
.talk-format .contents .interview .body:last-of-type {
    margin-bottom: 0;
}
.talk-format .contents .interview .body h3 {
    font-size: 2.2rem;
    padding: 2.8rem;
    margin: 0 auto 7.0rem;
}
.talk-format .contents .interview .body h3::before {
    width: 3.0rem;
    height: 3.0rem;
    bottom: -1.2rem;
}
.talk-format .contents .interview .body h3::after {
    width: 0.2rem;
    height: 3.0rem;
    bottom: -2.0rem;
    transform: translateX(-50%);
}
.talk-format .contents .interview .body h3.past {
    border: 0.2rem solid rgba(240, 40, 50, 0.9);
}
.talk-format .contents .interview .body h3.future {
    border: 0.2rem solid rgba(0, 110, 225, 0.9);
}
.talk-format .contents .interview .body dl dt {
    font-size: 4.0rem;
    margin: 0 auto 4.0rem;
}
.talk-format .contents .interview .body dl dd {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
}
.talk-format .contents .interview .body p.image {
    width: 75.0rem;
    margin: 10.0rem -4.0rem 0;
}

/* �������������������������������������������� *
 *                                              *
 * �������ޤˤĤ���                             *
 *                                              *
 * �������������������������������������������� */

.career-overseas .contents {
    padding-top: 6.0rem;
}
.career-overseas .contents ul.pagination {
    font-size: 2.8rem;
    width: 67.0rem;
}
.career-overseas .contents ul.pagination.position-under {
    margin: 0 auto 15.0rem;
}
.career-overseas .contents ul.pagination li a {
    padding: 3.5rem;
}
.career-overseas .contents ul.pagination li.active a::after {
    border-width: 1.4rem 1.5rem 0 1.5rem;
}

.career-overseas .contents .talk {
    width: 67.0rem;
}
.career-overseas .contents .talk .talk-detail {
    padding: 9.5rem 6.0rem 12.0rem;
}
.career-overseas .contents .talk .talk-detail .profile {
    margin: 0 auto 5.5rem;
}
.career-overseas .contents .talk .talk-detail .profile p.image {
    width: 100%;
    margin: 0 auto;
}
.career-overseas .contents .talk .talk-detail .profile .data {
    width: 49.0rem;
    margin-top: -7.0rem;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}
.career-overseas .contents .talk .talk-detail .profile .data dl {
    font-size: 3.4rem;
    padding: 2.5rem 3.5rem;
}
.career-overseas .contents .talk .talk-detail .profile .data dl dt {
    padding-right: 5.0rem;
    margin-right: 5.0rem;
}
.career-overseas .contents .talk .talk-detail .profile .data dl dt::after {
    width: 0.2rem;
}
.career-overseas .contents .talk .talk-detail .profile .data .person {
    padding: 3.5rem;
}
.career-overseas .contents .talk .talk-detail .profile .data .person p.name {
    font-size: 3.0rem;
    margin-bottom: 1.5rem;
}
.career-overseas .contents .talk .talk-detail .profile .data .person p.ruby {
    font-size: 2.0rem;
}
.career-overseas .contents .talk .talk-detail .profile .data .person p.join {
    font-size: 2.2rem;
}
.career-overseas .contents .talk .talk-detail .interview {
    display: block;
}
.career-overseas .contents .talk .talk-detail .interview .item {
    width: 100%;
    padding-bottom: 8.0rem;
    margin-bottom: 8.0rem;
    border-bottom: 0.2rem solid #afafb5;
}
.career-overseas .contents .talk .talk-detail .interview .item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.career-overseas .contents .talk .talk-detail .interview .item .question {
    padding-top: 1.5rem;
    padding-left: 3.0rem;
    margin-bottom: 6.5rem;
}
.career-overseas .contents .talk .talk-detail.office .interview .item .question {
    border-left: 0.8rem solid #f02832;
}
.career-overseas .contents .talk .talk-detail.tech .interview .item .question {
    border-left: 0.8rem solid #006ee1;
}
.career-overseas .contents .talk .talk-detail .interview .item .question p.en {
    font-size: 2.4rem;
    margin-bottom: 2.0rem;
}
.career-overseas .contents .talk .talk-detail .interview .item .question p.ja {
    font-size: 3.4rem;
}
.career-overseas .contents .talk .talk-detail .interview .item p.txt {
    font-size: 2.4rem;
}

}