@charset "utf-8";

/* page-reentry */

/* 大学生・社会人の方へ
-------------------------------------------------------------- */
.reentry {
padding: 0 15px;
}

.reentry:nth-of-type(2) {
padding-top:6em; 
}


.reentry p {
font-size: 16px;
margin: 0;
}

.main_box {
position: relative;
max-width: 1200px;
margin: 110px auto 100px auto; 
}
.main_box .link {
position: absolute;
right: 5%;
bottom: 2%;
font-size: 14px;
color: #fff;
}
.main_box .link a { font-size: 14px; color: #fff; text-decoration: none; padding: 0 10px 0 0; }
.main_box .link a:hover { opacity: 0.8; }

.main_photo { position: relative; }
.main_text {
width: 100%;
max-width: 1100px;
padding: 30px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.main_text .title { font-size: 65px; font-weight: bold; }

@media screen and ( max-width: 900px ) {
.main_text .title { font-size: 50px; }
}
@media screen and ( max-width: 767px ) {
.main_text .title { font-size: 40px; }
}
@media screen and ( max-width: 600px ) {
.main_text .title { font-size: 30px; }
}
@media screen and ( max-width: 400px ) {
.main_text .title { font-size: 24px; }
.main_box .link { font-size: 12px; }
}



/* タイトル
-------------------------------------------------------------- */
.main_title { margin-bottom: 30px; }
.main_title h2 {
font-size: 40px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
color: #005bac;
}
.main_title .c_white { color: #fff; }
.main_title h2 .c_orange { color: #f29600; }
.main_title h2 .small { font-size: 20px; }
.main_title .line { text-align: center; }

.main_title h3 { 
font-size: 30px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
line-height: 1.5em!important;
}
.main_title h3 span { background: #ffd050; }

@media screen and (max-width: 767px) {
.main_title h2 { font-size: 30px; }
.main_title h3 { font-size: 24px; }
}
@media screen and (max-width: 500px) {
.main_title h3 { text-align: left; }
.main_title h3 br { display: none; }
}


.floatlist {
max-width: 1200px;
margin: 30px auto;
}
.floatlist ul { 
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.floatlist li { margin-right: 20px; }
.floatlist li:last-child { margin-right: 0; }

@media screen and (max-width: 767px) {
.floatlist ul { display: block; }
.floatlist li { display: table; margin: 0 auto; }
.floatlist li:last-child { display: table; margin: 20px auto 0 auto; }
}



/* 大学生・社会人の方がJSCに再進学するメリット
-------------------------------------------------------------- */
.about { 
max-width: 1200px;
margin: 0 auto;
}

.about .reed { margin-bottom: 30px; }
.about .reed p { font-size: 18px; line-height: 2em; text-align: center; }
.about .reed p strong { font-weight: bold; }
@media screen and ( max-width: 767px ) {
.about .reed p { text-align: left; }
.about .reed p br { display: none; }
}

.about .three_box { 
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 30px;
}
.about .three_box .item { 
width: 32%;
margin-right: 2%;
}
.about .three_box .item:last-child { 
margin-right: 0;
}
.about .three_box .item img { 
display: block;
width: 100%;
margin: 0 auto;
}
.about .three_box .item h3 { 
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
margin-top: -30px;
margin-bottom: 10px;
}
.about .three_box .item h3 img { 
display: block;
width: 100%;
max-width: 75px!important;
margin: 0 auto 10px auto;
}

@media screen and (max-width: 767px) {
.about .three_box { display: block; margin-bottom: 30px; }
.about .three_box:last-child { margin-bottom: 30px; }
.about .three_box .item { width: 100%; max-width: 500px; margin: 0 auto 30px auto; }
.about .three_box .item:last-child { margin: 0 auto; }
.about .three_box .item h3 { font-size: 20px; }
.about .sp_width { max-width: 500px; margin: 0 auto 30px auto; }
}

.about .delta img { 
display: block;
margin: 0 auto 30px auto;
}

.about .banner_01 a { 
display: table;
margin: 0 auto 60px auto;
filter: drop-shadow(5px 5px 5px #ccc);
}



/* 背景
-------------------------------------------------------------- */
.bk_reentry_01 {
background-color: #014588;
background-image: url('../images-renewal/reentry/uni_bk_white.svg');
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 8em;
}

.bk_reentry_02 {
background-color: #e7f1fc;
background-image: url('../images-renewal/reentry/uni_bk_blue_01.svg');
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 8em;
}

.bk_reentry_03 {
background-color: #fff;
background-image: url('../images-renewal/reentry/uni_bk_blue_02.svg');
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 8em;
}

.bk_reentry_04 {
background-color: #e7f1fc;
background-image: url('../images-renewal/reentry/uni_bk_white.svg');
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 8em;
}



/* 在校生の声　在校生の声
-------------------------------------------------------------- */
.profile_container { 
max-width: 1200px;
margin: 0 auto;
padding-bottom: 6em;
}

.profile_container .sp_01 { 
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}



.profile_area { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #111;
margin-bottom: 30px;
padding-bottom: 30px;
}

.profile_area:last-child { 
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}



.profile_area .photo_box { 
width: 48%;
}
.profile_area .photo_box img { 
width: 100%;
}
.profile_area .photo_box .one,
.profile_area .photo_box .two { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 15px;
}
.profile_area .photo_box .one img { width: 100%;}
.profile_area .photo_box .one img:last-child { margin-right: 0; }

.profile_area .photo_box .two img { width: 49%; margin-right: 2%; }
.profile_area .photo_box .two img:last-child { margin-right: 0; }



.profile_area .text_box { 
width: 48%;
margin-left: 4%;
}
.profile_area .text_box .c_white { color: #fff; }



.profile_area .text_box .white_title {
position: relative;
display: inline-block;
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: left;
margin-bottom: 15px;
padding-left: 15px;
color: #fff;
}
.profile_area .text_box .white_title::before {
position: absolute;
content: '';
top: calc(50% - 25px);
height: 50px;
border-left: #fff solid 3px;
}
.profile_area .text_box .white_title::before { left:0; transform: rotate(10deg); }

.profile_area .text_box .blue_title {
position: relative;
display: inline-block;
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: left;
margin-bottom: 15px;
padding-left: 15px;
color: #005bac;
}
.profile_area .text_box .blue_title::before {
position: absolute;
content: '';
top: calc(50% - 25px);
height: 50px;
border-left: #005bac solid 3px;
}
.profile_area .text_box .blue_title::before { left:0; transform: rotate(10deg); }



.profile_area .text_box p { 
font-size: 16px;
line-height: 2em;
}
.profile_area .text_box p .blue_01 { 
background: linear-gradient(transparent 70%, #2d7bc1 20%);
}
.profile_area .text_box p .blue_02 { 
background: linear-gradient(transparent 70%, #8cbae3 20%);
}

.profile_area .text_box .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.profile_area .text_box .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.profile_area .text_box .name_box { 
position: relative; 
display: inline-block;
}
.profile_area .text_box .name_inner { 
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
padding: 1em; 
}
.profile_area .text_box .name_inner strong { 
font-size: 20px;
}
.profile_area .text_box .name_inner span br { 
display: none;
}
.profile_area .text_box .name_box:before,
.profile_area .text_box .name_box:after{
content: "";
width: 2em;
height: 2em;
position: absolute;
}
.profile_area .text_box .name_box::before{
border-top: 4px solid #2d7bc1;
border-left: 4px solid #2d7bc1;
}
.profile_area .text_box .name_box::after{
border-bottom: 4px solid #2d7bc1;
border-right: 4px solid #2d7bc1;
right: 0;
bottom: 0;
}

.profile_area .text_box .career { 
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
color: #005bac; 
border-left: 4px solid #2d7bc1;
padding-left: 15px;
}

.profile_container .pc_title {
position: relative;
display: inline-block;
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: left;
color: #005bac;
margin-bottom: 30px;
padding-left: 15px;
}
.profile_container .pc_title::before {
position: absolute;
content: '';
top: calc(50% - 25px);
height: 50px;
border-left: #005bac solid 3px;
}
.profile_container .pc_title::before { left:0; transform: rotate(10deg); }

.profile_container .sp_title { 
display: none!important; 
position: relative;
display: inline-block;
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: left;
color: #005bac;
margin-bottom: 15px;
padding-bottom: 15px; 
border-bottom: 3px solid #005bac;
}

.profile_area .text_box .mgb15 { margin-bottom: 15px; }
.profile_area .text_box .mgb30 { margin-bottom: 30px; }




.faq_mode span{
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 1.1em;
}


@media screen and (max-width: 767px) {
.profile_container .pc_title { display: none; }
.profile_container .sp_title { display: block!important; }	

.profile_area { display: block; max-width: 500px; margin: 0 auto 30px auto; }
.profile_area .photo_box { width: 100%; }
.profile_area .text_box { width: 100%; margin-left: 0; margin-top: 30px; }

.profile_area .text_box .white_title { display: block; padding-left: 0; padding-bottom: 15px; border-bottom: 3px solid #fff; }
.profile_area .text_box .white_title::before { position: inherit; border: none; }
.profile_area .text_box .white_title br { display: none; }
	
.profile_area .text_box .blue_title { display: block; padding-left: 0; padding-bottom: 15px; border-bottom: 3px solid #005bac; }
.profile_area .text_box .blue_title::before { position: inherit; border: none; }
.profile_area .text_box .blue_title br { display: none; }

.profile_area .text_box .career { border-left: none; border-bottom: 4px solid #2d7bc1; padding-left: 0; padding-bottom: 5px; }
}
@media screen and (max-width: 500px) {
.profile_area .text_box .name_inner span br { display: block; }
}



/* その他にも、多くの先輩が夢を叶えて活躍中!
-------------------------------------------------------------- */
.senior_area { 
margin-top: 60px;
}

.senior_area h3 { 
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
color: #fff;
background: #005bac;
margin-bottom: 30px;
padding: 10px 15px;
clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
}
.senior_area h3 br { display: none; }

.senior_box { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.senior_box .senior { 
width: 32%;
margin-right: 2%;
}
.senior_box .senior:last-child { 
margin-right: 0;
}
.senior_box .senior img { 
width: 100%;
}
.senior_box .senior h4 { 
font-size: 24px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
}
.senior_box .senior h4 .small { 
font-size: 14px;
font-weight: normal;
}
.senior_box .senior .mgb10 { margin-bottom: 10px; }

@media screen and (max-width: 767px) {
.senior_box { display: block; max-width: 500px; margin: 0 auto; }
.senior_box .senior { width: 100%; margin-right: 0; margin-bottom: 30px; }
.senior_box .senior:last-child { margin-right: 0; margin-bottom: 0; }
.senior_area h3 br { display: block; }
}



/* 進学を後押しするサポート制度
-------------------------------------------------------------- */
.skbt_area { 
padding-bottom: 6em;
}

.skbt_box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 1200px;
margin: 6em auto 3em auto;
}

.skbt {
width: 49%;
}
.skbt:last-child {
margin-left: 2%;
}
.bigbt_img01 { 
background: url(../renew-images/amikake01_008.png),url('../images-renewal/reentry/uni_bgimage01.jpg');
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}
.bigbt_img02 { 
background: url(../renew-images/amikake01_008.png),url('../images-renewal/reentry/uni_bgimage02.jpg');
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}

.skbt .bigbt .bigbt_incont h2 { 
font-size: 40px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.skbt .bigbt .bigbt_incont p { 
text-align: center;
color: #fff;
margin-bottom: 10px;
}

.skbt .bigbt .bigbt_incont .fig a { 
font-size: 16px;
color: #fff;
}
.skbt .bigbt .bigbt_incont .fig img { 
margin-right: 10px;
}

.skbt_area .banner_01 { 
max-width: 500px;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
.skbt_box { display: block; max-width: 500px; }
.skbt { display: block; width: 100%; margin-bottom: 6em; }
.skbt:last-child { margin-left: 0; margin-bottom: 0; }
.skbt .bigbt .bigbt_incont h2 { font-size: 4.5vw; }
.skbt .bigbt .bigbt_incont p br { display: none; }
.bigbt_incont { height: auto; }
}
@media screen and (max-width: 500px) {
.skbt .bigbt .bigbt_incont p { font-size: 3vw; }
.skbt .bigbt .bigbt_incont .fig a { font-size: 14px; }
.skbt .bigbt .bigbt_incont .fig img { width: 15px; }
}



/* よくあるご質問
-------------------------------------------------------------- */
.qa_area { 
padding-bottom: 6em;
}
.qa_box { 
max-width: 900px;
margin: 0 auto;
}

.acbox {
width: auto;
font-size: 0px;
margin: 0 auto;
}
.acbox label {
position: relative;
display: block;
width: 100%;
font-size: 20px;
font-weight: bold;
line-height: 1.2em;
padding: 15px 40px 15px 15px;
cursor: pointer;
border-bottom: 2px solid #111;
}
.acbox input{
display: none;
}

.acbox label:after{
content:""; 
width: 10px; 
height: 10px; 
border-top: 2px solid #005bac; 
border-right: 2px solid #005bac; 
-webkit-transform: rotate(45deg); 
position: absolute; 
top: calc( 50% - 6px ); 
right: 15px; 
transform: rotate(135deg);
}

.acbox input:checked ~ label::after {
transform: rotate(-45deg) !important;
}
.acbox div{
height: 0px;
overflow: hidden;
opacity: 0;
transition: 0.15s;
}
.acbox input:checked ~ div{
height: auto;
padding: 15px 15px 30px 15px;
opacity: 1;
}

.acbox .question { 
display: flex;
justify-content: flex-start;
align-items: center;
}
.acbox .question img { 
margin-right: 10px;
align-self: flex-start;
width: 100%;
max-width: 40px!important;
}

.acbox-under .answer { 
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.acbox-under .answer img { 
margin-right: 10px;
align-self: flex-start;
width: 100%;
max-width: 40px!important;
}

.acbox-under p { 
line-height: 2em;
}

.acbox-under a { 
display: flex;
justify-content: flex-end;
align-items: center;
color: #005bac;
}
.acbox-under a img { margin-left: 5px; }
.acbox-under a .link { 
font-weight: bold;
color: #005bac; 
}

.acbox-under .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
opacity: 1;
}
.acbox-under .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 767px) {
.acbox label { font-size: 18px; padding: 15px 40px 15px 0px; }
.acbox input:checked ~ div { padding: 15px 0px 30px 0px; }
}



/* 
-------------------------------------------------------------- */