// @import url("https://web.archive.org/web/20191018093057cs_/https://www.apple.com/wss/fonts?families=SF+Pro,v1:100,200,300,400,500,600,700|SF+Pro+Icons,v1");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align:baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block
}

body {
    line-height:1
}

ol, ul {
    list-style:none
}

blockquote, q {
    quotes:none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content:none
}

table {
    border-collapse: collapse;
    border-spacing:0
}

@media screen and (max-width: 735px) {
    * {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing:border-box
    }
}

html {
    font-size: 10px;
    color: #202020;
    overflow-x:hidden
}

body {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    margin: 0;
    padding: 0;
    line-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(255, 255, 255, 0.5)
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-weight:normal
}

img {
    width: 100%;
    height: auto;
    border: none;
    vertical-align:top
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height:0
}

select, input {
    font-size: 12px;
    line-height: 1.3;
    color: #666;
    height: 30px;
    padding: 5px 10px;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color:#fff
}

select:focus, input:focus {
    outline:none
}

select::-ms-expand {
    display:none
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_ultralight.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_ultralight.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_ultralight.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_ultralight.ttf") format("truetype");
    font-weight: 100;
    font-style:normal
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.ttf") format("truetype");
    font-weight: 200;
    font-style:normal
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.ttf") format("truetype");
    font-weight: 300;
    font-style:normal
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.ttf") format("truetype");
    font-weight: 400;
    font-style:normal
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_thin.ttf") format("truetype");
    font-weight: 500;
    font-style:normal
}

@font-face {
    font-family: 'Apple Icons';
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.eot");
    src: url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.eot#iefix") format("embedded-opentype"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.woff") format("woff"), url("https://www.apple.com/jobs/jp/engineering/fonts/appleicons_text.ttf") format("truetype");
    font-weight: 600;
    font-style:normal
}

h1, .h1 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 500;
    line-height:1.2
}

@media (max-width: 735px) {
    h1, .h1 {
        font-size: 30px;
        font-size:3rem
    }
}

h2, .h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height:1
}

@media (max-width: 735px) {
    h2, .h2 {
        font-size:28px
    }
}

h3, .h3 {
    font-size: 48px;
    line-height:1
}

@media (max-width: 735px) {
    h3, .h3 {
        font-size:28px
    }
}

p {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height:1.53
}

.txt--bold {
    font-weight:bold !important
}

.txt--normal {
    font-weight:normal !important
}

.txt--italic {
    font-style:italic !important
}

.txt--nodecor {
    text-decoration:none !important
}

.txt--up {
    text-transform:uppercase !important
}

.txt--sup {
    font-size: 50%;
    vertical-align:top
}

.txt--hashBreak {
    position: relative;
    line-height: 1.6;
    padding-left:20px
}

@media (max-width: 735px) {
    .txt--hashBreak {
        font-size:12px
    }
}

.txt--hashBreak:before {
    position: absolute;
    content: '※';
    margin-left:-20px
}

.txt--r {
    text-align:right !important
}

.txt--r {
    text-align:right !important
}

.txt--c {
    text-align:center !important
}

.txt--j {
    text-align:justify !important
}

.txt--link {
    cursor:pointer
}

.txt--underline {
    text-decoration:underline !important
}

.txt--ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}

.txt--smooth {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

@media (prefers-reduced-motion: reduce) {
    *, * ::before, * ::after {
        animation-duration: 0.001s !important;
        transition-duration:0.001s !important
    }
}

.noScroll {
    overflow:hidden !important
}

.sp {
    display:none !important
}

@media (max-width: 735px) {
    .sp {
        display:block !important
    }
}

.pc {
    display:block !important
}

@media (max-width: 735px) {
    .pc {
        display:none !important
    }
}

.pc--only {
    display:block !important
}

@media (min-width: 736px) and(max-width: 1069px) {
    .pc--only {
        display:none !important
    }
}

.pc--inline {
    display:inline-block !important
}

@media (max-width: 735px) {
    .pc--inline {
        display:none !important
    }
}

.l-container--img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-width: 160rem;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    box-sizing:content-box
}

@media (max-width: 735px) {
    .l-container--img {
        max-width: auto;
        min-width: 100%;
        box-sizing:border-box
    }
}

.l-container--component {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-width: 54.44444rem;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 2.2rem;
    box-sizing:border-box
}

@media (max-width: 735px) {
    .l-container--component {
        box-sizing:border-box
    }
}

.l-mgn-t-0 {
    margin-top:0px !important
}

.l-pad-t-0 {
    padding-top:0px !important
}

.l-mgn-b-0 {
    margin-bottom:0px !important
}

.l-pad-b-0 {
    padding-bottom:0px !important
}

.l-mgn-l-0 {
    margin-left:0px !important
}

.l-pad-l-0 {
    padding-left:0px !important
}

.l-mgn-r-0 {
    margin-right:0px !important
}

.l-pad-r-0 {
    padding-right:0px !important
}

.l-mgn-t-5 {
    margin-top:5px !important
}

.l-pad-t-5 {
    padding-top:5px !important
}

.l-mgn-b-5 {
    margin-bottom:5px !important
}

.l-pad-b-5 {
    padding-bottom:5px !important
}

.l-mgn-l-5 {
    margin-left:5px !important
}

.l-pad-l-5 {
    padding-left:5px !important
}

.l-mgn-r-5 {
    margin-right:5px !important
}

.l-pad-r-5 {
    padding-right:5px !important
}

.l-mgn-t-10 {
    margin-top:10px !important
}

.l-pad-t-10 {
    padding-top:10px !important
}

.l-mgn-b-10 {
    margin-bottom:10px !important
}

.l-pad-b-10 {
    padding-bottom:10px !important
}

.l-mgn-l-10 {
    margin-left:10px !important
}

.l-pad-l-10 {
    padding-left:10px !important
}

.l-mgn-r-10 {
    margin-right:10px !important
}

.l-pad-r-10 {
    padding-right:10px !important
}

.l-mgn-t-15 {
    margin-top:15px !important
}

.l-pad-t-15 {
    padding-top:15px !important
}

.l-mgn-b-15 {
    margin-bottom:15px !important
}

.l-pad-b-15 {
    padding-bottom:15px !important
}

.l-mgn-l-15 {
    margin-left:15px !important
}

.l-pad-l-15 {
    padding-left:15px !important
}

.l-mgn-r-15 {
    margin-right:15px !important
}

.l-pad-r-15 {
    padding-right:15px !important
}

.l-mgn-t-20 {
    margin-top:20px !important
}

.l-pad-t-20 {
    padding-top:20px !important
}

.l-mgn-b-20 {
    margin-bottom:20px !important
}

.l-pad-b-20 {
    padding-bottom:20px !important
}

.l-mgn-l-20 {
    margin-left:20px !important
}

.l-pad-l-20 {
    padding-left:20px !important
}

.l-mgn-r-20 {
    margin-right:20px !important
}

.l-pad-r-20 {
    padding-right:20px !important
}

.l-mgn-t-25 {
    margin-top:25px !important
}

.l-pad-t-25 {
    padding-top:25px !important
}

.l-mgn-b-25 {
    margin-bottom:25px !important
}

.l-pad-b-25 {
    padding-bottom:25px !important
}

.l-mgn-l-25 {
    margin-left:25px !important
}

.l-pad-l-25 {
    padding-left:25px !important
}

.l-mgn-r-25 {
    margin-right:25px !important
}

.l-pad-r-25 {
    padding-right:25px !important
}

.l-mgn-t-30 {
    margin-top:30px !important
}

.l-pad-t-30 {
    padding-top:30px !important
}

.l-mgn-b-30 {
    margin-bottom:30px !important
}

.l-pad-b-30 {
    padding-bottom:30px !important
}

.l-mgn-l-30 {
    margin-left:30px !important
}

.l-pad-l-30 {
    padding-left:30px !important
}

.l-mgn-r-30 {
    margin-right:30px !important
}

.l-pad-r-30 {
    padding-right:30px !important
}

.l-mgn-t-35 {
    margin-top:35px !important
}

.l-pad-t-35 {
    padding-top:35px !important
}

.l-mgn-b-35 {
    margin-bottom:35px !important
}

.l-pad-b-35 {
    padding-bottom:35px !important
}

.l-mgn-l-35 {
    margin-left:35px !important
}

.l-pad-l-35 {
    padding-left:35px !important
}

.l-mgn-r-35 {
    margin-right:35px !important
}

.l-pad-r-35 {
    padding-right:35px !important
}

.l-mgn-t-40 {
    margin-top:40px !important
}

.l-pad-t-40 {
    padding-top:40px !important
}

.l-mgn-b-40 {
    margin-bottom:40px !important
}

.l-pad-b-40 {
    padding-bottom:40px !important
}

.l-mgn-l-40 {
    margin-left:40px !important
}

.l-pad-l-40 {
    padding-left:40px !important
}

.l-mgn-r-40 {
    margin-right:40px !important
}

.l-pad-r-40 {
    padding-right:40px !important
}

.l-mgn-t-45 {
    margin-top:45px !important
}

.l-pad-t-45 {
    padding-top:45px !important
}

.l-mgn-b-45 {
    margin-bottom:45px !important
}

.l-pad-b-45 {
    padding-bottom:45px !important
}

.l-mgn-l-45 {
    margin-left:45px !important
}

.l-pad-l-45 {
    padding-left:45px !important
}

.l-mgn-r-45 {
    margin-right:45px !important
}

.l-pad-r-45 {
    padding-right:45px !important
}

.l-mgn-t-50 {
    margin-top:50px !important
}

.l-pad-t-50 {
    padding-top:50px !important
}

.l-mgn-b-50 {
    margin-bottom:50px !important
}

.l-pad-b-50 {
    padding-bottom:50px !important
}

.l-mgn-l-50 {
    margin-left:50px !important
}

.l-pad-l-50 {
    padding-left:50px !important
}

.l-mgn-r-50 {
    margin-right:50px !important
}

.l-pad-r-50 {
    padding-right:50px !important
}

.l-mgn-t-75 {
    margin-top:75px !important
}

.l-pad-t-75 {
    padding-top:75px !important
}

.l-mgn-b-75 {
    margin-bottom:75px !important
}

.l-pad-b-75 {
    padding-bottom:75px !important
}

.l-mgn-l-75 {
    margin-left:75px !important
}

.l-pad-l-75 {
    padding-left:75px !important
}

.l-mgn-r-75 {
    margin-right:75px !important
}

.l-pad-r-75 {
    padding-right:75px !important
}

.l-mgn-t-80 {
    margin-top:80px !important
}

.l-pad-t-80 {
    padding-top:80px !important
}

.l-mgn-b-80 {
    margin-bottom:80px !important
}

.l-pad-b-80 {
    padding-bottom:80px !important
}

.l-mgn-l-80 {
    margin-left:80px !important
}

.l-pad-l-80 {
    padding-left:80px !important
}

.l-mgn-r-80 {
    margin-right:80px !important
}

.l-pad-r-80 {
    padding-right:80px !important
}

.l-mgn-t-85 {
    margin-top:85px !important
}

.l-pad-t-85 {
    padding-top:85px !important
}

.l-mgn-b-85 {
    margin-bottom:85px !important
}

.l-pad-b-85 {
    padding-bottom:85px !important
}

.l-mgn-l-85 {
    margin-left:85px !important
}

.l-pad-l-85 {
    padding-left:85px !important
}

.l-mgn-r-85 {
    margin-right:85px !important
}

.l-pad-r-85 {
    padding-right:85px !important
}

.l-mgn-t-90 {
    margin-top:90px !important
}

.l-pad-t-90 {
    padding-top:90px !important
}

.l-mgn-b-90 {
    margin-bottom:90px !important
}

.l-pad-b-90 {
    padding-bottom:90px !important
}

.l-mgn-l-90 {
    margin-left:90px !important
}

.l-pad-l-90 {
    padding-left:90px !important
}

.l-mgn-r-90 {
    margin-right:90px !important
}

.l-pad-r-90 {
    padding-right:90px !important
}

.l-mgn-t-95 {
    margin-top:95px !important
}

.l-pad-t-95 {
    padding-top:95px !important
}

.l-mgn-b-95 {
    margin-bottom:95px !important
}

.l-pad-b-95 {
    padding-bottom:95px !important
}

.l-mgn-l-95 {
    margin-left:95px !important
}

.l-pad-l-95 {
    padding-left:95px !important
}

.l-mgn-r-95 {
    margin-right:95px !important
}

.l-pad-r-95 {
    padding-right:95px !important
}

.l-mgn-t-100 {
    margin-top:100px !important
}

.l-pad-t-100 {
    padding-top:100px !important
}

.l-mgn-b-100 {
    margin-bottom:100px !important
}

.l-pad-b-100 {
    padding-bottom:100px !important
}

.l-mgn-l-100 {
    margin-left:100px !important
}

.l-pad-l-100 {
    padding-left:100px !important
}

.l-mgn-r-100 {
    margin-right:100px !important
}

.l-pad-r-100 {
    padding-right:100px !important
}

a .c-icon {
    margin-left:.5ex
}

.c-icon {
    display:inline-block
}

.c-icon-chevronright::after {
    content: "\F004"
}

.c-icon::after {
    display: inline-block;
    font-family: "Apple Icons";
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    position: relative;
    top: 0;
    z-index:1
}

.sct01 {
    position:relative
}

.sct01__txtBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 7.5rem auto 0;
    padding: 0 2rem;
    z-index:1
}

@media (max-width: 735px) {
    .sct01__txtBox {
        margin:7.5rem auto 0
    }
}

.sct01__ttl {
    text-align: center;
    color:#5265ab
}

.sct01__tagline {
    font-size: 37px;
    font-size: 3.7rem;
    text-align: center;
    line-height: 1.25;
    margin-top: 2rem;
    color:#5265ab
}

@media (max-width: 735px) {
    .sct01__tagline {
        font-size: 20px;
        font-size:2rem
    }
}

.sct01__desc {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 300;
    text-align: center;
    margin-top:50px
}

@media (inverted-colors) {
    .sct01__pic {
        filter:invert(0%)
    }
}

.sct02 {
    padding:5rem 0
}

.sct02__desc {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 300;
    text-align:center
}

.sct03 {
    position:relative
}

.sct03__inner {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    max-width: 54.44444rem;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 2.2rem;
    box-sizing:border-box
}

@media (max-width: 735px) {
    .sct03__inner {
        padding:0 3rem
    }
}

.sct03__inner--mod {
    position: relative;
    margin-bottom:3rem
}

.sct03__txtBox {
    position: relative;
    margin: 5.8rem 0 0;
    z-index:1
}

@media (max-width: 735px) {
    .sct03__txtBox {
        margin:5rem 0 0
    }
}

.sct03__txtBox--mod {
    margin:5.8rem 0 0 38rem
}

@media (max-width: 735px) {
    .sct03__txtBox--mod {
        margin:5rem 0 0
    }
}

.sct03__ttl01 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    color:#fff
}

@media (max-width: 735px) {
    .sct03__ttl01 {
        font-size: 19px;
        font-size:1.9rem
    }
}

.sct03__ttl01--mod {
    color:#000
}

.sct03__ttl02 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    margin-top:1rem
}

@media (max-width: 735px) {
    .sct03__ttl02 {
        font-size: 24px;
        font-size:2.4rem
    }
}

.sct03__ttl02--mod {
    color:#000
}

.sct03__desc {
    color: #fff;
    width: 50%;
    margin-top:3rem
}

@media (max-width: 735px) {
    .sct03__desc {
        width:100%
    }
}

.sct03__desc--mod {
    color: #000;
    width:75%
}

@media (max-width: 735px) {
    .sct03__desc--mod {
        width:100%
    }
}

.sct03__pic {
    position: relative;
    display: block;
    width: 100%;
    height:100%
}

.sct03__pic:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(0, 0, 0, 0.2)
}

@media (inverted-colors) {
    .sct03__pic {
        filter:invert(0%)
    }
}

.sct04 {
    padding:7rem 0
}

@media (max-width: 735px) {
    .sct04 {
        padding:6rem 0
    }
}

.sct04__listArea {
    margin-top:5rem
}

.sct04__txt02 {
    font-weight:500
}

.sct04__ul {
    list-style-type: disc;
    padding-left:2.5rem
}

.sct04__li {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height:1.53
}

.sct04__link {
    margin-top:5rem
}

.sct04__linkTxt {
    font-size: 17px;
    font-size: 1.7rem;
    color:#0070c9
}

.sct05 {
    position:relative
}

.sct05__imgOuter {
    position:relative
}

.sct05__imgOuter:after {
    position: absolute;
    display: block;
    content: '';
    opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:#000
}

.sct05__ttlArea {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 0 auto 120px;
    box-sizing: border-box;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    z-index:1
}

@media (max-width: 735px) {
    .sct05__ttlArea {
        padding:0 2.2rem
    }
}

.sct05__ttlAreaInner {
    position: relative;
    -webkit-transition: all .6s ease-in-out;
    transition:all .6s ease-in-out
}

.sct05__ttlAreaInner.js-active {
    margin-top:-5rem
}

.sct05 .ttlArea__ttl {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    padding:0 60px
}

@media (max-width: 735px) {
    .sct05 .ttlArea__ttl {
        font-size: 25rem;
        font-size: 25px;
        text-align: center;
        padding:0
    }
}

.sct05 .ttlArea__name {
    color: #fff;
    margin-top: 1rem;
    padding:0 60px
}

@media (max-width: 735px) {
    .sct05 .ttlArea__name {
        font-size: 15rem;
        font-size: 15px;
        text-align: center;
        padding:0
    }
}

.sct05 .ttlArea__desc {
    color: #fff;
    margin-top: 3.5rem;
    padding:0 60px
}

@media (max-width: 735px) {
    .sct05 .ttlArea__desc {
        font-size: 15rem;
        font-size: 15px;
        margin-top: 3rem;
        padding:0
    }
}

.sct05__btnArea {
    position: relative;
    width: 100%;
    height: 100px;
    margin-top: -100px;
    z-index:1
}

.sct05 .btnArea__txt {
    text-align: center;
    color: #fff;
    -webkit-transition: all .6s ease-in-out;
    transition:all .6s ease-in-out
}

.sct05 .btnArea__txt.js-active {
    opacity: 0.01;
    visibility: hidden;
    -webkit-transform: translateY(-2rem);
    transform:translateY(-2rem)
}

.sct05 .btnArea__btnWrapper {
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin:0 auto
}

.sct05 .btnArea__btn {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: transform .5s ease-in-out;
    transition:transform .5s ease-in-out
}

.sct05 .btnArea__btn:after {
    position: absolute;
    display: block;
    content: '';
    content: "\F023";
    font-family: "Apple Icons";
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition:all .5s ease-in-out
}

.sct05 .btnArea__btn.js-active {
    -webkit-transform: translateY(50px) rotate(45deg);
    transform:translateY(50px) rotate(45deg)
}

.sct05 .btnArea__btn.js-active:after {
    color:#999
}

.sct05__txtArea {
    display: none;
    position: relative;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: transform .8s ease-in-out;
    transition:transform .8s ease-in-out
}

.sct05__txtArea.js-active {
    transform:translateY(-5rem)
}

.sct05__txtArea.js-active .sct05__txtAreaInner {
    opacity:1
}

.sct05__txtAreaInner {
    font-size: 0;
    margin: 10rem 0;
    -webkit-transition: all .5s ease-in-out;
    transition:all .5s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .sct05__txtAreaInner {
        margin:7rem 0
    }
}

.sct05__col {
    display: inline-block;
    width: 50%;
    box-sizing:border-box
}

@media (max-width: 735px) {
    .sct05__col {
        width:100%
    }
}

.sct05__col--01 {
    padding-right: 30px;
    vertical-align:top
}

@media (max-width: 735px) {
    .sct05__col--01 {
        padding:0
    }
}

.sct05__col--02 {
    padding-left: 30px;
    vertical-align:top
}

@media (max-width: 735px) {
    .sct05__col--02 {
        padding:0
    }
}

.sct05__question {
    font-size: 17rem;
    font-size: 17px;
    font-weight: 500;
    line-height:1.53
}

.sct05__question:not(:first-of-type) {
    margin-top:3rem
}

.sct05__answer {
    font-size: 17rem;
    font-size: 17px;
    line-height: 1.53;
    margin-top:2rem
}

@media (inverted-colors) {
    .sct05__imgOuter:after {
        position: absolute;
        display: block;
        content: '';
        opacity: 0.7;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color:#000
    }

    .sct05__pic {
        filter:invert(0%)
    }
}

.sct06 {
    position: relative;
    padding: 70px 0;
    background-color:#f1f5f8
}

.sct06__tagline {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.53;
    text-align:center
}

.sct06__desc {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.53;
    text-align: center;
    margin-top:20px
}

@media (max-width: 735px) {
    .sct06__desc {
        text-align:left
    }
}

.sct06__ul {
    font-size: 0;
    margin-top:5.5rem
}

.sct06__li {
    display: inline-block;
    width: calc(50% - 18px);
    box-sizing: border-box;
    background-color: #fff;
    vertical-align:top
}

.sct06__li:not(:first-of-type) {
    margin-top:36px
}

@media (max-width: 735px) {
    .sct06__li:not(:first-of-type) {
        margin-top:22px
    }
}

@media (max-width: 735px) {
    .sct06__li {
        width:100%
    }
}

.sct06__li--fullWidth {
    width:100%
}

.sct06__li--fullWidth .li__txtArea {
    width:50%
}

@media (max-width: 735px) {
    .sct06__li--fullWidth .li__txtArea {
        width:100%
    }
}

.sct06__li--left {
    margin-right:18px
}

@media (max-width: 735px) {
    .sct06__li--left {
        margin-right:0
    }
}

.sct06__li--right {
    margin-left:18px
}

@media (max-width: 735px) {
    .sct06__li--right {
        margin-left:0
    }
}

.sct06 .li__txtArea {
    display: inline-block;
    padding: 30px 38px;
    vertical-align: top;
    box-sizing:border-box
}

@media (max-width: 735px) {
    .sct06 .li__txtArea {
        padding:27px
    }
}

.sct06 .li__ttl {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    line-height:1.3
}

.sct06 .li__desc {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.53;
    margin-top:2rem
}

.sct06 .li__img {
    display: inline-block;
    width: 50%;
    height: 100%;
    min-height: 270px;
    background-image: url("/../../careers/images/jp/thumb01/desktop.jpg");
    background-size: cover;
    background-position: 50% 50%;
    vertical-align:top
}

@media (max-width: 735px) {
    .sct06 .li__img {
        width:100%
    }
}

.sct07 {
    position: relative;
    padding:10rem 0 2rem
}

.sct07__tagline {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    line-height:1.53
}

@media (max-width: 735px) {
    .sct07__tagline {
        font-size: 24px;
        font-size:2.4rem
    }
}

.sct07__desc {
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    margin-top: 5rem;
    line-height:1.7
}

@media (max-width: 735px) {
    .sct07__desc {
        text-align:left
    }
}

.sct07__desc02 {
    font-size: 19px;
    font-size: 1.9rem;
    text-align: center;
    line-height: 2;
    margin-top:10rem
}

@media (max-width: 735px) {
    .sct07__desc02 {
        font-size: 18px;
        font-size:1.8rem
    }
}

.sct07__desc02 .desc02--bold {
    font-weight:600
}

.sct07__desc02 .desc02--link {
    color:#0070c9
}

.sct07__desc02 .desc02--link:hover {
    text-decoration:underline
}

.sct07__img {
    margin-top:50px
}

@media (max-width: 735px) {
    .sct07__img {
        margin-top:30px
    }
}

@media (inverted-colors) {
    .sct07__pic {
        filter: invert(0%)
    }
}
/*# sourceMappingURL=style.css.map */

/*
     FILE ARCHIVED ON 09:30:57 Oct 18, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:50:36 Sep 10, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.843
  exclusion.robots: 0.036
  exclusion.robots.policy: 0.016
  esindex: 0.02
  cdx.remote: 45.574
  LoadShardBlock: 154.333 (3)
  PetaboxLoader3.datanode: 183.454 (4)
  load_resource: 165.403
  PetaboxLoader3.resolve: 115.171
*/

