@charset "UTF-8";

/* =============== 全体 */

body {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-height:100vh; /* flexはフッタ下の余白発生防止用 */
  font:1.6rem/1.8 "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-weight:500; font-feature-settings:"pkna";}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:inherit;}
a {color:inherit;}
main {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

@media (min-width:981px) {
  body {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
}
@media (min-width:601px) {
  body, body > *:not(.fixedBtn) {width:100%; min-width:980px;}
  .content {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
}
@media (max-width:600px) {
  html {font-size:54%;}
  .navOverlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:900;}
  .content {width:auto; margin:0 16px;}
}

/* =============== ヘッダ */
.headerMain {background:#3f6bbd url(../images/header_bg.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; overflow:hidden;}
.headerMain .__add {padding-bottom:.6em; font-weight:bold; font-size:1.8rem;}
.headerMain [class*="__badge"] {position:absolute; z-index:10;}
.headerMain .__bldg {position:absolute; bottom:0; z-index:0;}
.headerMain h1 img,
.headerMain [class*="__badge"] img,
.headerMain .__bldg img {max-width:100%;}
.headerMain dl {position:relative; display:table; font-weight:bold; z-index:3;}
.headerMain dl > * {display:table-cell; vertical-align:middle;}
.headerMain dl dt {width:3.6em; background:var(--color3); text-align:center; line-height:1.4;}
.headerMain dl dd {padding-left:.8em; line-height:1.5;}
.headerMain dl dd li + li {margin-top:.2em;}
.headerMain dl a:not(:hover) {text-decoration:none;}
.headerMain dl a i {font-style:normal; font-size:85%;}

@media (min-width:601px) {
  .headerMain h1 {width:70%; padding:40px 0 10px;}
  .headerMain dl {margin-bottom:30px;}
  .headerMain .__badge {width:16.5%; bottom:64%; right:17%;}
  .headerMain .__badge2 {width:16.5%; bottom:50%; right:2%;}
  .headerMain .__bldg {width:67%; right:-20%;}
}
@media (max-width:600px) {
  .headerMain .content {padding-bottom:10vw;}
  .headerMain h1 {padding:15px 0 5px;}
  .headerMain .__badge {right:-2vw; top:59vw; width:25%;}
  .headerMain .__badge2 {right:6%; top:80vw; width:25%;}
  .headerMain .__bldg {right:-10%; width:80%;}
  .headerMain dl {font-size:3.6vw;}
  .headerMain dl dt {width:1em; padding:.4em; line-height:1.1; font-size:85%;}
  .headerMain dl dt br {display:none;}
  .headerMain dl dd i {padding-left:.4em;}
  .headerMain .__add {position:absolute; bottom:0; left:-16px; width:100vw; padding:0 2em 0 1em; background:rgba(0,20,10,.5); font-size:1.3rem;}
}

/* =============== フッタ */

.pageFooter {background:#f6f6f6;}
.pageFooter .content {padding:20px 0;}
.pageFooter .content.-contact {text-align:center;}
.pageFooter address b {font-size:2rem;}
.pageFooter .content:not(.-contact) {background:#525252; box-shadow:-980px 0 0 #525252, 980px 0 0 #525252; color:#fff; font-size:1.5rem;}
.pageFooter .copyright {margin-bottom:0; font-size:1.1rem; text-align:center;}
@media (max-width:600px) {
  .pageFooter .content:not(.-contact) {box-shadow:-320px 0 0 #525252, 320px 0 0 #525252;}
}

/* =============== メイン */

main {overflow-x:hidden;}
main *:first-child {margin-top:0;}
main *:last-child {margin-bottom:0;}
/*main * + p, main * + ul, main * + ol, main * + dl, main * + table {margin-top:.8em;}
main h4 + *, main .h4 + *, main h5 + *, main .h5 + *, main h6 + *, main .h6 + * {margin-top:0;}*/
main .-rte ul {padding-left:1.5em; list-style-type:disc;}
main .-rte ul > li > ul {padding-left:1.5em; list-style-type:circle;}

@media (min-width:601px) {
  main {line-height:1.8;}
  main > .content, main > * > .content {padding:60px 0;}
}
@media (max-width:600px) {
  main {min-width:320px;}
  main > .content, main > * > .content {padding:30px 0;}
}

/* =============== 基本パーツ */

/* H2～H6 */
h2, .h2 {margin-bottom:.8em; padding:0; border:0; text-align:center; line-height:1.4; font-size:3rem; font-weight:bold; color:inherit;}
* + h2, * + .h2 {margin-top:2em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h2:after, .h2:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h3, .h3 {margin-bottom:.75em; padding:0; border:0; line-height:1.6; font-size:2.2rem; font-weight:bold; color:inherit;}
* + h3, * + .h3 {margin-top:1.5em;}
h3:before, .h3:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h4, .h4 {margin-bottom:.6em; padding:0; border:0; line-height:1.7; font-size:2rem; font-weight:bold; color:inherit;}
* + h4, * + .h4 {margin-top:1.5em;}
h4:before, .h4:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h4:after, .h4:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h5, .h5 {margin-bottom:.4em; padding:0; border:0; line-height:1.7; font-size:1.8rem; font-weight:bold; color:inherit;}
* + h5, * + .h5 {margin-top:1.2em;}
h5:before, .h5:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h5:after, .h5:after{content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h6, .h6 {margin:0 0 .2em; padding:0; border:0; line-height:1.8; font-size:1.6rem; font-weight:bold; color:inherit;}
* + h6, * + .h6 {margin-top:.8em;}
h6:before, .h6:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h6:after, .h6:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

/* .btn */
.btn1 a, a.btn1, .btn1 button, button.btn1 {display:inline-block; padding:0 .4em; border:0; border-radius:2px; background:#0a2; line-height:1.5; text-decoration:none; color:#fff;}
.btn1 a:before, a.btn1:before, .btn1 button:before, button.btn1:before {content:""; display:inline-block; vertical-align:middle; height:6px; width:6px; margin-right:.4em; border:#fff solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#222 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
/* - 拡張子アイコンつき */
.btn1 a[href*=".pdf"]:after, a.btn1[href*=".pdf"]:after, .btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after, .btn1 a[href*=".doc"]:after, a.btn1[href*=".doc"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after, .btn1 a[href*=".xls"]:after, a.btn1[href*=".xls"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after, .btn1 a[href*=".ppt"]:after, a.btn1[href*=".ppt"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em;}
.btn1 a[href*=".pdf"]:after, a.btn1[href*=".pdf"]:after, .btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after {background:url(/recurrent/re-carrer/common/img/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".doc"]:after, a.btn1[href*=".doc"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after {background:url(/recurrent/re-carrer/common/img/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".xls"]:after, a.btn1[href*=".xls"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after {background:url(/recurrent/re-carrer/common/img/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".ppt"]:after, a.btn1[href*=".ppt"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {background:url(/recurrent/re-carrer/common/img/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}
.btn2 a[href*=".pdf"]:after, a.btn2[href*=".pdf"]:after, .btn2 a[href*=".doc"]:after, a.btn2[href*=".doc"]:after, .btn2 a[href*=".xls"]:after, a.btn2[href*=".xls"]:after, .btn2 a[href*=".ppt"]:after, a.btn2[href*=".ppt"]:after {margin-left:.3em; margin-right:0;}

:root {--color1:#59d; --color2:#18c; --color3:#112e67;}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                               ページ個別
----------------------------------------------------------------------------------------------------------------------------------------*/

.fixedBtn {position:fixed; right:0; z-index:99; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;}
.fixedBtn > span {position:relative; display:block; overflow:hidden;}
.fixedBtn a {display:inline-block; text-decoration:none; color:#fff; font-weight:bold;}
.fixedBtn a:nth-of-type(1) {background:#2b6;} 
.fixedBtn a:nth-of-type(2) {background:#149;} 
.fixedBtn a i {position:relative; display:inline-block; border:6px transparent solid; border-left:8px #fff solid; border-right:0;}
.fixedBtn a i:before {content:""; display:block; height:14px; width:2px; position:absolute; left:-12px; top:-7px; background:#fff;}

@media (min-width:601px){
  .fixedBtn {top:15vh;}
  .fixedBtn > span {right:-.2rem; border-radius:8px 0 0 8px; font-size:1.8rem; letter-spacing:.06em; box-shadow:-2px 3px 0 rgba(0,0,0,.1);}
  .fixedBtn a {padding:1.4rem .4rem 1.4rem .2rem;}
  .fixedBtn a i {margin:.3em 0 0 .3em;}
}
@media (max-width:600px){
  .fixedBtn {bottom:15vh;}
  .fixedBtn > span {right:-.2rem; border-radius:5px 0 0 5px; letter-spacing:.06em; box-shadow:-2px 3px 0 rgba(0,0,0,.1);}
  .fixedBtn a {padding:1rem .4rem 1rem .2rem;}
  .fixedBtn a i {margin:.3em 0 0 .5em;}
}

main > section {position:relative;}
h2 i {font-style:normal;}

.block1 {z-index:1;}
.block1 .-left {position:relative; z-index:10;}
.block1 .-left:after {content:""; display:block; position:absolute; border:35px transparent solid; border-left:#404040 32px solid; border-right:0;}
.block1 .-left h3 {color:var(--color1);}
.block1 .-left li {padding-left:30px; font-size:1.8rem; font-weight:bold;}
.block1 .-left li > i {position:relative; display:inline-block; vertical-align:-15%; width:20px; height:20px; margin:0 10px 0 -30px; border:2px #333 solid;}
.block1 .-left li > i:after {content:""; display:block; width:10px; height:16px; position:absolute; left:6px; top:-3px; border:5px #f53e54 solid; border-width:0 4px 4px 0; transform:rotate(45deg);}
.block1 .-right {position:relative; font-size:1.8rem;}
.block1 .-right > * {position:relative;}
.block1 .-right strong {color:#005dbc;}
.block1 .-right:before {content:""; display:block; position:absolute; border-radius:50%; background:#fdfece;}

@media (min-width:601px){
  .block1 .-left {float:left; width:50%; max-width:550px;}
  .block1 .-left:after {right:-10px; bottom:90px; transform:rotate(8deg);}
  .block1 .-left h3 {font-size:3.6rem;}
  .block1 .-left h3 em {font-size:4.2rem;}
  .block1 .-right {float:right; max-width:48%; text-align:right;}
  .block1 .-right .__pics {margin-bottom:1em;}
  .block1 .-right .__pics img {width:152px; margin-left:10px;}
  .block1 .-right:before {width:250px; height:250px; bottom:-100px; left:-80px;}
}
@media (max-width:600px){
  .block1 .-left {margin-bottom:30px;}
  .block1 .-left:after {left:40%; bottom:-50px; transform:rotate(90deg) scale(.6) translate(-50%,-50%);}
  .block1 .-right .__pics img {width:calc(50% - 8px);}
  .block1 .-right .__pics img:nth-child(2n) {margin-left:16px;} 
}

.block2 {z-index:2; background:#e6f0fc88; overflow:hidden;}
.block2 h3 {padding:20px 0 20px 90px; background:url(/recurrent/re-carrer/images/check.png) no-repeat 0 50%; background-size:77px auto;}
.block2 .__txt .-cap {margin:0 0 2rem; color:var(--color1); font-weight:bold; font-size:1.3rem;}
.block2 .__pic img,
.block2 .__fig img {width:100%;}

@media (min-width:601px){
  .block2 .__txt {width:60%; clear:both; margin-bottom:70px;}
  .block2 .-txt1, .block2 .-txt3  {float:left;}
  .block2 .-txt2 {float:right;}
  .block2 h3 {margin-bottom:1rem;}
  .block2 .__pic {width:calc(50vw - 10% - 50px); margin-bottom:70px;}
  .block2 .-pic1, .block2 .-pic3 {float:right; margin-right:calc(50% - 50vw);}
  .block2 .-pic2 {float:left; margin-left:calc(50% - 50vw); padding-left:20px; text-align:center;}
  .block2 .-pic2 img {max-width:530px;}
}
@media (min-width:601px) and (max-width:980px){
  .block2 .__pic {width:calc(40% - 35px);}
  .block2 .-pic1, .block2 .-pic3 {margin-right:-15px;}
  .block2 .-pic2 {margin-left:-15px;}
}
@media (max-width:600px){
  .block2 h3 {margin:0;}
  .block2 h3 + p {margin-top:0;}
  .block2 .__txt {margin-bottom:1em;}
  .block2 * + .__txt {margin-top:2em;}
}

.block3 {background:linear-gradient(110deg, #55e4fa 0%, #59c9f4 33%, #5ba8ea 67%, #5e8be4 100%); overflow:hidden;}
.block3 .content + .content {padding-bottom:0;}
.block3 .content + .content:before {content:""; display:block; position:absolute; top:0; left:50%; z-index:0; width:200vw; height:100%; background:rgba(0,57,128,.07); transform:translate(-50%,0);}
.block3 .content + .content > * {position:relative;}
.block3 h2 {font-size:5rem; line-height:1.3; color:#fff;}
.block3 h2 > span {display:inline-block; padding:2rem 0; border:#fff solid; border-width:3px 0;}
.block3 h2 i {display:block; margin-top:.4rem; line-height:1.5; font-size:2.8rem; color:#fff;}
.block3 .__points {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.block3 .__points > div {position:relative; padding:55px 24px 28px; border-radius:15px; background:rgba(255,255,255,.8);}
.block3 .__points dt {margin-bottom:1rem; line-height:1.6; font-weight:bold; font-size:2.2rem; color:var(--color2);}
.block3 .__points dt > span {display:inline-block;}
.block3 .__points dt sup {font-size:1.2rem;}
.block3 .__points dt img {position:absolute; top:-60px; width:100px;}

.block3 .__portal {position:relative; background:#fff; background:#e8a900; margin:40px 0 60px; padding:2em; border-radius:15px; box-shadow:20px 20px 0 rgba(0,0,0,.3);}
.block3 .__portal h3 {text-align:center; color:inherit; font-size:3.5rem;}
.block3 .__portal h3 img {position:absolute; left:calc(50% - 43rem); top:25px; width:120px;}
.block3 .__portal h3 i {position:relative; display:inline-block; width:2.8em; margin-right:10px; border-radius:2em; background:var(--color3); color:#fff; text-align:center; line-height:2.5em; font-size:2.2rem; font-style:normal;}
.block3 .__portal h3 i:after {content:""; display:block; border:3px transparent solid; border-left:6px var(--color3) solid; border-right:0; position:absolute; top:calc(50% - 3px); right:-6px;}
.block3 .__portal h3 strong {background:linear-gradient(180deg, transparent 0%, transparent 50%, rgba(240,255,0,.4) 50%, rgba(240,255,0,.4) 100%);}
.block3 .__portal h3 em {display:inline-block; margin-right:.5em; padding:0 .3em; background:#f46; line-height:1.4; font-size:77%; color:#fff; transform:rotate(-10deg);}
.block3 .__portal h4 {margin:2em 0 1.2em; text-align:center;}
.block3 .__portal h4 > span {display:inline-block; vertical-align:middle; padding:.2em 3em; border-radius:5px; line-height:1.5; background:#fff; color:#d80;}
.block3 .__portal dl {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px;}
.block3 .__portal dl > div {background:#fff2; padding:.7em 1.2em;}
.block3 .__portal dt {display:flex; align-items:center; height:3em; margin-bottom:.4em; line-height:1.5; font-weight:bold; font-size:1.8rem;}
.block3 .__portal dt b {display:inline-block; width:2.6rem; height:2.6rem; line-height:2.6rem; text-align:center; margin-right:.4em; background:var(--color2); color:#fff;}

@media (min-width:601px){
  .block3 .__points > div {width:calc(33.33% - 8px); min-height:370px; margin:60px 0 25px 12px;}
  .block3 .__points > div:nth-of-type(3n+1) {margin-left:0;}
  .block3 .__points dt img {left:8px;}
  .block3 .__points > div:nth-child(n+4) dt img {left:auto; right:35px;}
  .block3 .__portal dl > div {width:calc((100% - 31px) / 4);}
}
@media (max-width:600px){
  .block3 h2 {margin-bottom:50px; font-size:3.5rem;}
  .block3 .__points > div + div {margin-top:40px;}
  .block3 .__points dt img {top:-30px; width:70px;}
  .block3 .__points > div:nth-of-type(2n) dt img {left:auto; right:40px;}  
  .block3 .__portal {box-shadow:none; margin-top:80px;}
  .block3 .__portal h3 {font-size:2.3rem;}
  .block3 .__portal h3 img {left:10px; top:-60px; width:80px;}
  .block3 .__portal h3 .-spSm {font-size:2rem;}
  .block3 .__portal dl > div {width:100%;}
}

.block3 .__flow {position:relative; max-width:950px; margin:30px auto;}
.block3 .__flow .__timeline {display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:45px;}
.block3 .__flow .-arr {position:relative; width:10px; margin-top:.9rem; background:#fff;}
.block3 .__flow .-arr:after {content:""; display:block; position:absolute; bottom:-35px; left:calc(50% - 14px); border:14px transparent solid; border-top:40px #fff solid; border-bottom:0;}
.block3 .__flow .-txt {position:relative; padding-bottom:40px;}
.block3 .__flow [class*="-step"] {position:relative; z-index:3; border-radius:12px;}
.block3 .__flow [class*="-step"]:before {content:""; display:block; width:25px; height:25px; position:absolute; border:4px #fff solid; border-radius:50%; background:#1c82d1;}
.block3 .__flow [class*="-step"]:after {content:""; display:block; position:absolute; left:-18px; top:calc(50% - 4px); border-bottom:8px transparent solid; border-right:18px #444 solid;}
.block3 .__flow [class*="-step"] dd {position:relative; color:rgba(50,50,50,.9);}
.block3 .__flow .-step1 {background:#f68d9c; color:#fff;}
.block3 .__flow .-step1:after {border-right-color:#f68d9c;}
.block3 .__flow .-step2 {background:#f1fcf6;}
.block3 .__flow .-step2:after {border-right-color:#f1fcf6;}
.block3 .__flow .-step2 i {font-style:normal; font-size:1.4rem;}
.block3 .__flow .-step3 {background:#e9f994;}
.block3 .__flow .-step3:after {border-right-color:#e9f994;}
.block3 .__flow .-step4 {background:#9efd94;}
.block3 .__flow .-step4:after {border-right-color:#9ef994;}
.block3 .__flow .-step5 {background:#55fcbf;}
.block3 .__flow .-step5:after {border-right-color:#55f4bf;}
.block3 .__flow .-step6 {background:var(--color2); color:#fff;}
.block3 .__flow .-step6:after {border-right-color:var(--color2);}
.block3 .__flow h3.-step2 b,
.block3 .__flow h3.-step6 b {display:block; position:absolute; padding:0 .4em; line-height:1.5; font-size:1.3rem; transform:translate(-8px,-90%);}
.block3 .__flow h3.-step2 b {background:#1bd; color:#fff;}
.block3 .__flow h3.-step6 b {background:#fff; color:#1491d5;}

.block3 .__flow .-prgrm {position:relative; z-index:2;}
.block3 .__flow .-prgrm:before {content:""; display:block; height:100%; position:absolute; background:rgba(255,255,255,.16);}
.block3 .__flow .-prgrm h3 {position:absolute; top:0; left:50%; padding:.2em; border-radius:25px; background:#fff; text-align:center; color:#1c82d1; font-weight:bold; font-size:1.6rem; transform:translate(-50%,-50%);}
.block3 .__flow .-prgrm h3 a {text-decoration:none;}
.block3 .__flow .-prgrm [class*="-step"] > * {line-height:1.6; font-weight:bold;}
.block3 .__flow .-prgrm [class*="-step"] i {font-size:1.5rem; font-style:normal; font-weight:normal;}
.block3 .__flow .-prgrm dl + p {position:absolute; min-height:20em; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; color:#0d60b4; font-weight:bold; font-size:1.9rem; text-align:center;}
.block3 .__flow .-prgrm dl + p span {display:inline-block; padding-right:8px; background:url(/recurrent/re-carrer/images/wave-v.png) repeat-y right 0; background-size:auto 22px; color:#fff;}
.block3 .__flow .-prgrm dl + p small {display:inline-block; margin-block-start:-1em; line-height:1; color:rgba(0,30,80,.7);}
.block3 .__flow .-prgrm .-portal {position:absolute; right:0; top:40px; writing-mode:vertical-rl; height:calc(100% + 50px); border:0px #fff solid; border-radius:30px; background:#f46; text-align:center; color:#fff; font-weight:bold;}
.block3 .__flow .__goals {text-align:center;}
.block3 .__flow .__goals li {position:relative; display:inline-block; border-radius:50%; background:#fff;}
.block3 .__flow .__goals li span {display:block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1.5;}
#schedule {padding:40px 0;}
#schedule > * {position:relative;}
#schedule:before {content:""; display:block; width:100vw; height:100%; position:absolute; top:0; left:50%; transform:translate(-50%,0); background:rgba(255,255,255,.4);}
#schedule .accTrg {text-align:center;}
#schedule .accTrg i {display:inline-block; font-style:normal; font-weight:normal; font-size:1.6rem;}
#schedule .accTrg img {width:32px; vertical-align:middle; margin-right:.4em;}
/*#schedule .accCnt {transition:all .15s; overflow:hidden; max-height:0; opacity:0;}
#schedule .accTrg ~ .accCnt {max-height:3000px; opacity:1;}*/
#schedule table {width:100%; text-align:center;}
.gs_voice_wrap h3 {text-align:center;}
.gs_voice_wrap h3:after {content:""; display:block; width:70px; margin:.6em auto 1.2em; border-top:1px #fff solid;}
.gs_voice_wrap ul {line-height:1.5; font-size:1.5rem;}
.gs_voice_wrap li {position:relative; overflow:hidden;}
.gs_voice_wrap li:before {content:""; display:block; position:absolute; left:25px; bottom:0; width:50px; height:50px; border-radius:50%; background:#78a; transform:scale(1,1.5) translate(-50%,40%);}
.gs_voice_wrap li:after {content:""; display:block; position:absolute; left:25px; bottom:30px; width:32px; height:32px; border-radius:50%; background:#78a; transform:translate(-50%,0);}
.gs_voice_wrap p {position:relative; margin-left:60px; padding:1em 1.4em; border-radius:20px; background:#fff;}
.gs_voice_wrap p:before {content:""; display:block; position:absolute; left:-10px; bottom:30px; border:4px transparent solid; border-left:0; border-right:10px #fff solid;}

@media (min-width:601px){
  .block3 .__flow .__timeline {padding-left:120px;}
  .block3 .__flow .-txt {width:calc(100% - 60px); padding-left:50px;}
  .block3 .__flow [class*="-step"]:before {left:-68px;}
  .block3 .__flow [class*="-step"] {width:300px; text-align:center;}
  .block3 .__flow .-step2 {width:360px; line-height:1.2; padding:.4rem 0;}
  .block3 .__flow .-prgrm {margin-top:50px; padding:40px 0 30px;}
  .block3 .__flow .-prgrm:before {width:950px; left:-180px; top:0;}
  .block3 .__flow .-prgrm h3 {width:280px;}
  .block3 .__flow .-prgrm dl {width:calc(100% - 60px);}
  .block3 .__flow .-prgrm [class*="-step"] {display:table; width:100%; padding:.4rem 1rem:}
  .block3 .__flow .-prgrm [class*="-step"] + [class*="-step"] {margin-top:35px;}
  .block3 .__flow .-prgrm [class*="-step"] > * {display:table-cell; vertical-align:middle;}
  .block3 .__flow .-prgrm [class*="-step"] dt {position:relative; width:28%; padding:.4em;}
  .block3 .__flow .-prgrm [class*="-step"] dt i {display:inline-block; line-height:1.2; font-size:85%;}
  .block3 .__flow .-prgrm [class*="-step"] dt:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:12px 0 0 12px; background:rgba(0,0,0,.03);}
  .block3 .__flow .-step3:after {border-right-color:#e2f18f;}
  .block3 .__flow .-step4:after {border-right-color:#99f58f;}
  .block3 .__flow .-step5:after {border-right-color:#52f4b9;}
  .block3 .__flow .-prgrm [class*="-step"]:not(.-step5) dd + dd:before {content:""; display:block; height:70%; position:absolute; top:15%; left:0; left:0; border-left:1px rgba(0,0,0,.1) solid;}
  .block3 .__flow .-prgrm [class*="-step"] dd {padding:.3em .1em;}
  .block3 .__flow .-prgrm [class*="-step"] dd i:not {display:block; font-size:85%;}
  .block3 .__flow .-prgrm dl + p {left:-190px; top:20px; font-size:2rem;}
  .block3 .__flow .__goals li {width:140px; height:140px; margin:10px;}
  .block3 .__flow .__goals li span br {display:none;}
  #schedule:before {min-width:980px;}
  .gs_voice_wrap ul {display:flex; gap:25px;}
}
@media (max-width:600px){
  .block3 .__flow .__timeline {padding-left:70px;}
  .block3 .__flow .-txt {width:calc(100% - 20px); padding-left:30px;}
  .block3 .__flow [class*="-step"]:before {left:-48px;}
  .block3 .__flow [class*="-step"] {width:200px; padding:.6rem 1rem; text-align:center;}
  .block3 .__flow .-step2 {width:240px;}
  .block3 .__flow .-step2 i {display:block;}
  .block3 .__flow .-prgrm {margin-top:50px; padding:30px 0 20px; position:relative; left:-10px;}
  .block3 .__flow .-prgrm:before {width:100vw; left:-126px; top:0;}
  .block3 .__flow .-prgrm h3 {width:200px;}
  .block3 .__flow .-prgrm [class*="-step"] {width:calc(100% - 40px); position:relative;}
  .block3 .__flow .-prgrm [class*="-step"]:before {left:-38px;}
  .block3 .__flow .-prgrm [class*="-step"] + [class*="-step"] {margin-top:15px;}
  .block3 .__flow .-prgrm [class*="-step"]:after {top:25%; left:-10px;}
  .block3 .__flow .-prgrm [class*="-step"] i {display:block;}
  .block3 .__flow .-prgrm [class*="-step"] dt {font-size:2rem;}
  .block3 .__flow .-prgrm [class*="-step"] dt:after {content:""; display:block; width:90%; margin:.6rem auto; border-top:1px rgba(0,0,0,.2) solid;}
  .block3 .__flow .-prgrm [class*="-step"] dd + dd {margin-top:.3em; padding-top:.3em; border-top:1px rgba(0,0,0,.4) dotted;}
  .block3 .__flow .-step6 {max-width:calc(100vw - 200px); line-height:1.4;}
  .block3 .__flow .-prgrm dl + p {left:-135px; top:20px; font-size:2rem;}
  .block3 .__flow .-prgrm .-portal {height:calc(100% + 50px);}
  .block3 .__flow .__goals li {width:calc(33vw - 30px - .4em); height:calc(33vw - 30px - .4em); margin:0 10px; font-size:1.8rem;}
  #schedule .accTrg i {font-size:1.4rem;}
  .gs_voice_wrap li + li {margin-top:15px;}
}

.block4 section:not(.memo) {margin:30px 0; padding:50px;}
.block4 section:not(.memo) h2 {color:#404040;}
.block4 section:not(.memo) h2 i {font-size:70%;}
.block4 section:not(.memo) h3 {position:relative; color:var(--color2);}
.block4 section:not(.memo) h3:before {content:""; display:block; position:absolute; top:0; left:-35px; width:50px; height:75px; border:rgba(237,242,0,.33) solid; border-width:0 18px 18px 0; transform:rotate(45deg) translate(0,-65%);}
.block4 section:not(.memo) h3 > span {display:inline-block; position:relative;}
.block4 .shoninsha {background:#f8f8f6;}
.block4 .idokaigo {background:#e6f0fc;}
.block4 .memo {position:relative; font-weight:bold;}
.block4 .memo .__wrap {position:relative;}
.block4 .memo .__wrap:before {content:""; display:block; background:url(/recurrent/re-carrer/images/memo.png) no-repeat 50% 50%; background-size:contain;}
.block4 .shoninsha .__fig img {width:100%;}
.block4 .shoninsha h2 {background:url(/recurrent/re-carrer/images/fkds1.png) no-repeat 50% 50%;}
.block4 .idokaigo h2 {background:url(/recurrent/re-carrer/images/fkds2.png) no-repeat 50% 50%;}

@media (min-width:601px){
  .block4 section:not(.memo) h2 {font-size:4rem;}
  .block4 .shoninsha,
  .block4 .idokaigo {overflow:hidden;}
  .block4 .shoninsha .__txt {width:52%; float:left;}
  .block4 .shoninsha h2 {padding:40px 0 70px; background-size:auto 210px;}
  .block4 .shoninsha .__fig {width:calc(48% - 50px); float:right;}
  .block4 .idokaigo h2 {width:33%; min-width:360px; float:left; margin:0; padding:40px 0 70px; background-size:auto 210px;}
  .block4 .idokaigo .__txt {width:calc(67% - 50px); max-width:calc(100% - 400px); float:right;}
  .block4 .memo {width:950px; margin:80px auto;}
  .block4 .memo:before {content:""; position:absolute; left:0; bottom:-40px; display:block; width:700px; height:100px; background:#fdfece;}
  .block4 .memo .__wrap {margin-left:25%; font-size:1.8rem;}
  .block4 .memo .__wrap:before {position:absolute; width:120px; height:80px; left:-160px;}
}
@media (max-width:600px){
  .block4 section:not(.memo) {margin:20px 0; padding:20px;}
  .block4 section:not(.memo) h2 {padding:30px 0 50px; background-size:90% auto;}
  .block4 section:not(.memo) h3:before {transform:rotate(45deg) translate(-10%,-65%) scale(.7);}
  .block4 .shoninsha .__fig {width:calc(100% + 40px); margin-left:-20px;}
  .block4 .memo .__wrap:before {height:40px; width:50px; float:left; margin:0 1em .4em 0;}
}

.block5 {background:var(--color1); color:#fff;}
.block5 h2 > span {display:inline-block; padding:1.5rem 0; border:#fffc solid; border-width:3px 0;}
.block5 .__pic img {width:100%;}

@media (min-width:601px){
  .block5 .content section {position:relative; width:calc(50% - 25px); float:left; margin-bottom:1.5em;}
  .block5 .content section + section {float:right;}
  .block5 .content section + section:before {content:""; display:block; position:absolute; left:-25px; top:0; height:100%; border-left:1px rgba(255,255,255,.3) solid;}
  .block5 .content section + section + * {clear:both;}
  .block5 .__pic {width:120px; height:120px; float:left; margin:0 20px 20px 0;}
  .block5 .__txt {width:calc(100% - 140px);}
  .block5 iframe {height:450px;}
}
@media (max-width:600px){
  .block5 .__pic {width:70px; height:70px; margin:0 15px 20px 0; float:left;}
  .block5 .__txt {width:calc(100% - 85px); float:left;}
  .block5 iframe {height:350px;}
  .block5 .content section + section {padding-top:1em; margin-top:1em; border-top:1px rgba(255,255,255,.3) solid;}
}

.block6 h2 > span {display:inline-block; padding:1.5rem 0; border:var(--color1) solid; border-width:3px 0;}
.block6 .tableLike {max-width:1000px; margin:3.5em auto; padding:5px 20px; background:#f8f8f6;}
.block6 .__txt {position:relative; font-weight:bold; font-size:1.8rem;}
.block6 .pics > div[class*="pic"] img {width:100%;}
.block6 .__txt strong {font-size:2rem; color:#f43e54;}
.block6 u.bold {text-decoration:none; border-bottom:3px #e02 double; color:#e02;}
.block6 .largeBtn {margin-top:70px; text-align:center;}
.block6 .largeBtn a {display:block; max-width:800px; margin:0 auto; border-radius:12px; background:#2b6; box-shadow:0 3px 0 rgba(0,0,0,.1); text-decoration:none; font-weight:bold; color:#fff;}
.block6 .largeBtn a i {position:relative; display:inline-block; vertical-align:middle; margin-left:.8em; border:9px transparent solid; border-left:12px #fff solid; border-right:0;}
.block6 .largeBtn a i:before {content:""; display:block; height:18px; width:3px; position:absolute; left:-18px; top:-9px; background:#fff;}
.block6 .largeBtn img {width:75px; opacity:.2; vertical-align:middle; margin-right:25px;}
.block6 .largeBtn img + span {display:inline-block; vertical-align:middle;}

@media (min-width:601px){
  .block6 .content {padding-top:80px;}
  .block6 .pics > div[class*="pic"] {position:absolute; width:11%;}
  .block6 .pic1 {top:-4%; left:3%; z-index:1;}
  .block6 .pic2 {top:20%; left:-1%; z-index:0;}
  .block6 .pic3 {bottom:0; left:3%;}
  .block6 .pic4 {top:0; right:5%;}
  .block6 .pic5 {bottom:20%; right:-1%; z-index:1;}
  .block6 .pic6 {bottom:-3%; right:3%; z-index:0;}
  .block6 .__txt {text-align:center;}
  .block6 .largeBtn a {padding:30px; font-size:2.6rem;}
}
@media (max-width:600px){
  .block6 {padding-top:20px;}
  .block6 .pics {overflow:hidden;}
  .block6 .pics > div[class*="pic"] {float:left; position:relative; width:25%; padding-top:20%;}
  .block6 .pics > div[class*="pic"] img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
  .block6 .pics > div[class*="pic"]:nth-of-type(3n+2) {display:none;}
  .block6 .largeBtn {margin:25px 0;}
  .block6 .largeBtn a {padding:1em; font-size:2rem;}
  .block6 .largeBtn img {width:30px; margin-right:10px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                              コピペ用
----------------------------------------------------------------------------------------------------------------------------------------*/

/* flex */
.flex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex.-spaceBetween {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.flex.-equal > * {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1}
/* gradient */
.gradient {background:-webkit-linear-gradient(90deg, #eee 0%, #ddd 100%); background:linear-gradient(90deg, #eee 0%, #ddd 100%);}
.gradient.-multi {background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);}
/* ストライプ */
.stripe {background:linear-gradient(-45deg, rgba(0,0,0,.2) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(0,0,0,.2)  50%, rgba(0,0,0,.2)  75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)); background-size:4px 4px;}