/* ----------
page-internship
---------- */
.content {margin-top:106px;}
.section-main-visual {position:relative; width:100%; height:350px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.section-main-visual::before {position:absolute; top:0; right:0; content:''; width:300px; height:71px; mix-blend-mode:screen; background-image:url(../images/page-internship/main-visual-before.png); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.section-main-visual::after {position:absolute; bottom:0; left:0; content:''; width:300px; height:96px; mix-blend-mode:screen; background-image:url(../images/page-internship/main-visual-after.png); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.section-content {background-color:#000; color:#fff;}
.page-title {margin-top:-30px; margin-bottom:50px;}
.content-box {padding:0 15px 30px; background-color:#222121;}
.content-title {margin-bottom:40px; width:100%; height:120px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat;}
.content-title.line { height: 70px; }

/*content-course*/
.content-course {margin-bottom:50px; background-image:url(../images/page-internship/bg-content-course-sp.jpg); background-size:100% auto; background-position:top 350px center; background-repeat:no-repeat;}
.content-course .content-box {background-color:transparent;}
.content-course .content-heading {margin-bottom:30px; text-align:center; font-size:24px; letter-spacing:.15rem; line-height:1.3; font-weight:700;}
.content-course .content-heading small {font-size:16px; font-weight:700;}
.content-course .content-text {line-height:2.25;}
.content-course .content-subtitle {margin-bottom:20px;}
.content-course .content-subtitle span {display:inline-block; padding-bottom:5px; font-size:15px; letter-spacing:.25rem; border-bottom:1px solid #fff;}
.content-course .content-list {margin-bottom:0;}
.content-course .content-list-item:not(:last-child) {margin-bottom:20px;}
.content-course .content-list-item .number {font-size:16px; color:#368cff;}
.content-course .content-list-item .text {font-size:15px; font-weight:700;}
.content-course .content-list-item .text-child {margin-top:5px; font-size:14px;}
.content-course .content-text-item {font-size:14px;}
.content-course .content-text-item:not(:last-child) {margin-bottom:1.5rem;}

/*content-schedule_outline*/
.content-schedule_outline {background-image:url(../images/page-internship/bg-content-content-schedule_outline-sp.jpg); background-size:100% auto; background-position:top 350px center; background-repeat:no-repeat;}
.content-schedule {margin-bottom:80px; display:none;}
.content-outline {margin-bottom:80px;}
.content-schedule_outline .content-title {position:relative; top:-40px; margin-bottom:0;}

/*content-entry*/
.content-entry .content-box {margin-bottom:50px; padding:0; background-color:transparent;}
.content-entry .button {padding-top:5px; background-color:#368cff; color:#000; font-size:35px;}
_::-webkit-full-page-media, _:future, :root .content-entry .button {padding-top:10px;}
.content-entry .button:hover {color:#368cff;}
.content-entry .button::after {position:absolute; content:''; width:80px; height:14px; top:calc(50% - 7px); right:0; background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2279.72px%22%20height%3D%2214.41px%22%20viewBox%3D%220%200%2079.72%2014.41%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2079.72%2014.41%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A0.9548%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%227.2%22%20x2%3D%2278%22%20y2%3D%227.2%22%2F%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M68.21%2C14.08c-0.21-0.33-0.11-0.78%2C0.22-0.99l9.24-5.89l-9.24-5.89C68.1%2C1.11%2C68%2C0.66%2C68.21%2C0.33%20C68.43%2C0%2C68.87-0.1%2C69.2%2C0.11L79.39%2C6.6c0.21%2C0.13%2C0.33%2C0.36%2C0.33%2C0.6c0%2C0.24-0.13%2C0.47-0.33%2C0.6L69.2%2C14.3%20c-0.12%2C0.08-0.25%2C0.11-0.38%2C0.11C68.58%2C14.41%2C68.35%2C14.29%2C68.21%2C14.08z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.content-entry .button:hover::after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2279.72px%22%20height%3D%2215.09px%22%20viewBox%3D%220%200%2079.72%2015.09%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2079.72%2015.09%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23368CFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23368CFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%227.55%22%20x2%3D%2277.92%22%20y2%3D%227.55%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M67.67%2C14.75c-0.22-0.35-0.12-0.81%2C0.23-1.04l9.68-6.16L67.9%2C1.38c-0.35-0.22-0.45-0.69-0.23-1.04%20C67.89%2C0%2C68.36-0.1%2C68.71%2C0.12l10.67%2C6.8c0.22%2C0.14%2C0.35%2C0.38%2C0.35%2C0.63s-0.13%2C0.5-0.35%2C0.63l-10.67%2C6.8%20c-0.13%2C0.08-0.27%2C0.12-0.4%2C0.12C68.06%2C15.09%2C67.81%2C14.97%2C67.67%2C14.75z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

/*content-next*/
.content-next .content-box {margin-bottom:50px; background-color:transparent; padding:20px; border:2px solid #fff; text-align:center;}

/*content-cta*/
.content-cta {padding:30px 0; border-top:4px solid #fff; background-color:#000;}
.content-cta .content-box {padding:0; background-color:transparent;}
.content-cta .button {height:60px; margin-bottom:30px; background-color:#000; border:2px solid #fff; color:#fff; font-size:24px;}
.content-cta .button:hover {color:#000;}
.content-cta .button::after {position:absolute; content:''; width:30px; height:9px; top:25px; right:0; background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.61px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.61%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.61%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.98%22%20x2%3D%2240%22%20y2%3D%224.98%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.74%2C9.63c-0.15-0.23-0.08-0.53%2C0.15-0.68l6.32-4.03L33.89%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20s0.45-0.29%2C0.68-0.15l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C33.99%2C9.86%2C33.83%2C9.78%2C33.74%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.content-cta .button::before {background-color:#fff;}
.content-cta .button:hover::after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.86px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.86%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.86%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A0.8165%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.93%22%20x2%3D%2240.68%22%20y2%3D%224.93%22%2F%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M33.98%2C9.63C33.84%2C9.4%2C33.9%2C9.1%2C34.13%2C8.96l6.32-4.03L34.13%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68s0.45-0.29%2C0.68-0.15%20l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C34.23%2C9.86%2C34.08%2C9.78%2C33.98%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.content-cta .copyright {margin-bottom:10px; font-size:16px; text-align:center;}
.content-cta .external-link {text-align:center;}
.content-cta .external-link a {color:#fff;}

/*sticky-btn*/
.sticky-btn {position:fixed; bottom:50px; right:0; width:120px; display:none !important; z-index:1000;}
.sticky-btn .button {height:100px; flex-direction:column; background-color:transparent; border:2px solid #368cff; color:#368cff; font-size:20px;}
.sticky-btn .button small {font-weight:700; font-size:12px; letter-spacing:.15rem;}
.sticky-btn .button:hover {color:#fff;}
.sticky-btn .button::after {position:absolute; content:''; width:30px; height:9px; bottom:15px; right:15px; background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.52px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.52%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.52%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23368CFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23368CFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.88%22%20x2%3D%2240%22%20y2%3D%224.88%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.64%2C9.63C33.5%2C9.4%2C33.57%2C9.1%2C33.8%2C8.96l6.32-4.03L33.8%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20C33.79%2C0%2C34.1-0.07%2C34.32%2C0.08l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44%20c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08C33.9%2C9.86%2C33.74%2C9.78%2C33.64%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.sticky-btn .button::before {width:150%; background-color:#368cff;}
.sticky-btn .button:hover::after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.8px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.8%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.8%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A0.8165%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.93%22%20x2%3D%2240.62%22%20y2%3D%224.93%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.93%2C9.63c-0.15-0.23-0.08-0.53%2C0.15-0.68l6.32-4.03L34.08%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20C34.07%2C0%2C34.38-0.07%2C34.6%2C0.08l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41L34.6%2C9.78%20c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08C34.18%2C9.86%2C34.02%2C9.78%2C33.93%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

/*button*/
.button {position:relative; display:flex; width:100%; height:80px; justify-content:center; align-items:center; color:#fff;}
.button:hover {color:#368cff;}
.button {overflow:hidden;}
.button::before {position:absolute; top:0; left:0; z-index:-1; content:''; width:120%; height:100%; background-color:#000; transform-origin:right top; transform:skewX(-30deg) scale(0, 1); transition:transform .3s;}
.button:hover::before {transform-origin:left top; transform:skewX(-30deg) scale(1, 1);}
.button::after {}

@media (min-width:768px) {
    .content {margin-top:116px;}
    .section-main-visual {height:calc(100vh - 80px);}
    .section-main-visual::before {width:400px; height:94px;}
    .section-main-visual::after {width:400px; height:128px;}
    .content-box {padding:0 50px 30px;}
    .content-title {margin-bottom:40px; height:180px;}
    .content-title.line { height: 104px; }

    /*content-course*/
    .content-course {margin-bottom:120px; background-image:url(../images/page-internship/bg-content-course.jpg); background-size:100% auto; background-position:top 200px center; background-repeat:no-repeat;}
    .content-course .content-heading {font-size:40px;}
    .content-course .content-heading small {font-size:20px;}
    .content-course .content-list-item .number {text-align:right;}

    /*content-schedule_outline*/
    .content-schedule_outline {background-image:url(../images/page-internship/bg-content-content-schedule_outline.jpg); background-size:100% auto; background-position:top 200px center; background-repeat:no-repeat;}
    .content-schedule {margin-bottom:120px;}

    /*content-entry*/
    .content-entry .content-box {margin-bottom:70px; padding:0; background-color:transparent;}
    .content-entry .button {font-size:35px;}

    /*content-next*/
    .content-next .content-box {margin-bottom:100px; padding:50px;}

    /*content-cta*/
    .content-cta {padding:50px 0;}
    .content-cta .copyright {margin-bottom:10px; text-align:left;}
    .content-cta .external-link {text-align:left;}

    /*sticky-btn*/
    .sticky-btn {bottom:100px; width:200px;}
    .sticky-btn .button {height:150px; font-size:24px;}
}