/*==共通==*/
:root{
 --standard-width: calc(800px + 10%);
}

/*--外枠--*/
.outer-frame {
width: calc(800px + 10%);
margin: -60px auto 0;
padding: 60px 0 120px;
background: url(/college/jyukensei/images/event/business_event2025_main_backskin.webp )no-repeat center / cover, #ffffff;
filter: drop-shadow(1px 3px 3px #d9ced3);
overflow: hidden;
}
@media screen and (max-width: 850px){
.outer-frame {
width: 100%;
}
}
@media screen and (max-width: 800px){
.outer-frame {
margin: -20px auto 0;
padding: 0;
}
}

/*--横幅(共通)--*/
.standard{
width: 100%;
margin: 0 auto;
}
/** { 
min-height: 0vw;
min-height: 0;
}*/
section#main {
background: url(/college/jyukensei/images/event/conf-fes2024_main_skin.webp);
padding-bottom: 50px;
}
@media screen and (max-width: 540px){
section#main {margin-bottom: 100px;}
}

/*イベント終了*/
p.list_inner.view_timer.held {
display: none;
}
p.list_inner.view_timer.end {
margin: 10px auto 20px;
text-align: center;
width: 20em;
line-height: 1.5rem;
padding: 5px;
border-radius: 3rem;
color: #ffffff;
background-color: #ed1e79;
font-weight: 700;
}

/*カラムサイズ*/
section.main > section{
font-family: "Noto Sans JP", serif;
font-optical-sizing: auto;
font-style: normal;
}

/*テキスト非表示*/
.t-erase {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
line-height: 0.1em;
}

/*改行*/
span.kaigyou{
position: relative;
display: inline-block;
}

/*全体背景*/
section.fes_back {
width: 100vw;
height: auto;
left: 50%;
background: url(/college/jyukensei/images/event/conf-fes2024_fes_box_skin.svg) repeat top / cover;
overflow: hidden;
}

@media screen and (max-width: 1024px){
section.fes_back {background-size: 100%;}
}

@media screen and (max-width: 800px){
section.fes_back {background-size: 150%;}
}

/*===イベント詳細===*/
.fes_inner{
margin: 100px auto 0;
padding-bottom: 100px;
position: relative;
}
.fes_inner:before {
content: '';
display: block;
position: absolute;
height: auto;
width: 55%;
aspect-ratio: 1 / 1;
background: url(/college/jyukensei/images/event/business_event2025_content_back-skin.webp) no-repeat center / contain;
z-index: -1;
top: -3em;
}
.fes_inner:nth-of-type(1){
margin-top: 0;
}
.fes_inner:nth-of-type(odd):before {
right: -2em;
}
.fes_inner:nth-of-type(even):before {
left: -2em;
}
.fes_inner h4{
height: auto;
width: 200px;
margin: 0 auto;
}
div#september h4 {
background: url(/college/jyukensei/images/event/business_event2025_content_sep.webp) no-repeat center / cover;
aspect-ratio: 100 / 43;
}
div#october h4 {
background: url(/college/jyukensei/images/event/business_event2025_content_oct.webp) no-repeat center / cover;
aspect-ratio: 40 / 17;
}
div#november h4 {
background: url(/college/jyukensei/images/event/business_event2025_content_nov.webp) no-repeat center / cover;
aspect-ratio: 40 / 17;
}
@media screen and (max-width: 480px){
.fes_inner h4{
width: 180px;
}
}

/*.fes_innerの背景*/
div#conf-fes:after {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
background-color: #feffe8;
top: 140px;
left: 50%;
z-index: -1;
transform: translateX(-50%)/* rotate(3deg)*/;
-webkit-transform: translateX(-50%)/* rotate(3deg)*/;
-ms-transform: translateX(-50%)/* rotate(3deg)*/;
}
div#strawberry:before {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
/*bottom: -500px;*/
left: 50%;
background-color: #e4f3ff;
z-index: -1;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}

div#strawberry:after {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
top: 140px;
left: 50%;
background-color: #f8eaeb;
z-index: -1;
transform: translateX(-50%)/* rotate(3deg)*/;
-webkit-transform: translateX(-50%)/* rotate(3deg)*/;
-ms-transform: translateX(-50%)/* rotate(3deg)*/;
}

/*==topタイトル==*/
section.top_title {
position: relative;
padding: 60px 0 80px;
margin-top: -60px;
background-color: #ffe948;
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
mask-image: url(/college/jyukensei/images/event/business_event2025_title_back-skin.svg);
mask-repeat: no-repeat;
mask-position: center bottom;
mask-size: 145%;
}
@media screen and (max-width: 800px){
section.top_title {
margin-top: unset;
padding-bottom: 50px;
padding-top: 0;
}
}
/*titleロゴ*/
h2.bisn_event_top{
background: url(/college/jyukensei/images/event/business_event2025_title.webp) no-repeat center / contain;
width: 60%;
height: auto;
padding: 0;
border-bottom: none;
position: relative;
aspect-ratio: 601 / 236;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%,-50%);
}
@media screen and (max-width: 540px){
h2.bisn_event_top {
width: 70%;
height: auto;
top: 42%;
left: 50%;
transform: translate(-50%, -42%);
-webkit-transform: translate(-50%, -42%);
-ms-transform: translate(-50%,-42%);
}
}
@media screen and (max-width: 480px){
h2.bisn_event_top {
width: 80%;
height: auto;
top: 27%;
}
}

/*topタイトル内あしらい*/
section.top_title div {
position: relative;
width: 100%;
margin: 0 auto;
height: 450px;
}
@media screen and (max-width: 480px){
section.top_title div {
height: 400px;
}
}

section.top_title div img.subtitle {/*サブタイトル*/
display: block;
position: absolute;
width: 500px;
height: auto;
right: 5em;
bottom: 3em;
z-index: -1;
aspect-ratio: 661 / 63;
}
@media screen and (max-width: 800px){
section.top_title div img.subtitle {
width: calc(500px - 3em);
bottom: 5em;
}
}
@media screen and (max-width: 540px){
section.top_title div img.subtitle {
width: 65%;
bottom: 8em;
right: 3em;
}
}
@media screen and (max-width: 480px){
section.top_title div img.subtitle {
width: 65%;
bottom: unset;
right: unset;
top: 45%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}

section.top_title div img.title_common01 {/*受験生*/
display: block;
position: absolute;
width: 200px;
height: auto;
right: 4em;
top: 4em;
z-index: -2;
aspect-ratio: 297 / 248;
}
@media screen and (max-width: 800px){
section.top_title div img.title_common01 {
width: 160px;
}
}
@media screen and (max-width: 540px){
section.top_title div img.title_common01 {
width: 150px;
right: 2em;
top: 2em;
}
}
@media screen and (max-width: 480px){
section.top_title div img.title_common01 {
top: unset;
bottom: 2em;
}
}

section.top_title div img.title_common02 {/*面接官*/
display: block;
position: absolute;
width: 200px;
height: auto;
left: 4em;
bottom: 1em;
z-index: -2;
aspect-ratio: 279 / 284;
}
@media screen and (max-width: 800px){
section.top_title div img.title_common02 {
width: 160px;
}
}
@media screen and (max-width: 540px){
section.top_title div img.title_common02 {
width: 150px;
left: 2.5em;
}
}
@media screen and (max-width: 480px){
section.top_title div img.title_common02 {
bottom: 0;
}
}

/*topタイトル内テキスト*/
section.intro {
margin: -100px auto 0;
background-color: #ffffff;
padding: 200px 0 150px;
}
@media screen and (max-width: 540px){
section.intro {
margin: -150px auto 0;
padding: 200px 0 100px;
}
}

section.intro p{
padding: 10px;
font-size: 1.3em;
margin: 0 17%;
}
@media screen and (max-width: 540px){
section.intro p {
margin: 0 5%;
}
}

/*===セクションタイトル（共通設定）===*/
h3.section-title{
width: 425px;
height: 80px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@media screen and (max-width: 850px){
h3.section-title{
width: calc(425px * 0.9);
}
}
@media screen and (max-width: 480px){
h3.section-title{
width: calc(425px * 0.7);
}
}

/*開催日程*/
section.event_schedule h3.section-title{
background: url(/college/jyukensei/images/event/business_event2025_schedule_title.webp) no-repeat center / contain;
}
/*内容*/
section.event_info h3.section-title{
background: url(/college/jyukensei/images/event/business_event2025_info_title.webp) no-repeat center / contain;
}
/*イベント詳細*/
section.event_content h3.section-title{
background: url(/college/jyukensei/images/event/business_event2025_content_title.webp) no-repeat center / contain;
}

/*==開催日程==*/
section.event_schedule{
margin-bottom: 150px;
background: #ffffff;
}
div.event_scedule {
display: flex;
justify-content: space-between;
margin: 0 auto 50px;
padding: 30px;
height: 300px;
width: 100%;
}
@media screen and (max-width: 540px){
section.event_schedule{
margin-bottom: 100px;
}
div.event_scedule {
height: auto;
}
}
@media screen and (max-width: 480px){
section.event_schedule{
margin-bottom: 50px;
}
div.event_scedule {
padding: 30px 15px 90px;
}
}

div.event_scedule div {
width: 30%;
height: 100%;
position: relative;
background: #333333;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 5px 10px;
}
div.event_scedule div > img {
width: 60%;
}
@media screen and (max-width: 540px){
div.event_scedule div {
padding: 15px 10px;
}
div.event_scedule div > img {
width: 100%;
}
}

div.event_scedule div:nth-of-type(odd){
background: #fc95b3;
}
div.event_scedule div:nth-of-type(even){
background: #62c6ed;
}

/*==詳細へボタン==*/
div.event_scedule div a,
div.major > div a{
width: 50%;
height: 45px;
background: url(/college/jyukensei/images/event/business_event2025_d-btn.webp) no-repeat center / contain;
margin: 20px auto;
}
@media screen and (max-width: 540px){
div.event_scedule div a, div.major > div a{
width: 100%;
margin: 20px auto 0;
}
div.major > div a{
width: 80%;
}
}


/*==内容==*/
div[class^="event_info_0"]{
position: relative;
font-size: 1.3em;
margin: 100px auto;
z-index: 1;
}
div[class^="event_info_0"]:before {
content: '';
display: block;
position: absolute;
height: auto;
width: 55%;
aspect-ratio: 1 / 1;
background: url(/college/jyukensei/images/event/business_event2025_content_back-skin.webp) no-repeat center / contain;
z-index: -1;
top: -3em;
}
div[class^="event_info_0"]:nth-of-type(odd):before{
left: -10%;
}
div[class^="event_info_0"]:nth-of-type(even):before{
right: -10%;
}
div[class^="event_info_0"] > p{
width: 80%;
margin-left: 2em;
}
div[class^="event_info_0"] h4{
width: 50%;
height: auto;
margin: 20px auto 20px 2em;
}
@media screen and (max-width: 540px){
div[class^="event_info_0"] > p{
width: 100%;
}
div[class^="event_info_0"] h4{
width: 90%;
height: auto;
margin: 20px auto 20px 2em;
}
}
@media screen and (max-width: 480px){
div[class^="event_info_0"] > p{
width: 90%;
margin: 0 auto;
}
div[class^="event_info_0"] h4{
width: 90%;
height: auto;
margin: 20px auto;
}
}

/*01*/
div.event_info_01 h4{
background: url(/college/jyukensei/images/event/business_event2025_content_con01.webp) no-repeat center / contain;
aspect-ratio: 850 / 240;
}
@media screen and (max-width: 540px){
div.event_info_01{
margin-top: 50px;
}
}
div.event_info_01 > div{
display: flex;
justify-content: center;
}
@media screen and (max-width: 480px){
div.event_info_01 > div{
flex-direction: column;
}
}
.event_info_01 > div p {
width: 50%;
margin: 0 2em;
}
@media screen and (max-width: 540px){
.event_info_01 > div p {
width: 50%;
margin: 0 0 0 1.5em;
}
}
@media screen and (max-width: 480px){
.event_info_01 > div p {
width: 90%;
margin: 0 auto 1em;
}
}
.event_info_01 > div img{
margin-top: -5em;
}
@media screen and (max-width: 540px){
.event_info_01 > div img {
margin: 0 auto;
width: 35%;
height: 35%;
}
}
@media screen and (max-width: 540px){
.event_info_01 > div img {
margin: 0 auto;
width: auto;
height: 35%;
}
}

/*02*/
div.event_info_02 h4{
background: url(/college/jyukensei/images/event/business_event2025_content_con02.webp) no-repeat center / contain;
aspect-ratio: 850 / 240;
}
div.event_info_02 > div {
display: flex;
margin-bottom: 60px;
justify-content: space-evenly;
}
@media screen and (max-width: 480px){
div.event_info_02 > div {
flex-direction: column;
}
div.event_info_02 > div:nth-of-type(1){
flex-direction: column-reverse;
}
}

div.event_info_02 div div{
width: 60%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 540px){
div.event_info_02 div div {
width: 50%;
}
.event_info_02 > div img {
margin: 0 auto;
/*width: 45%;*/
height: 45%;
}
}
@media screen and (max-width: 480px){
div.event_info_02 div div {
width: 100%;
}
}

div.event_info_02 div div p {
margin: 20px;
}
div.event_info_02 h5{
width: 95%;
}
div.event_info_02 > div:nth-of-type(1) h5,
h5.sp_appear_01{
height: auto;
background: url(/college/jyukensei/images/event/business_event2025_content_con02-1.webp) no-repeat center / contain;
aspect-ratio: 100 / 29;
}
div.event_info_02 > div:nth-of-type(2) h5,
h5.sp_appear_02{
height: auto;
background: url(/college/jyukensei/images/event/business_event2025_content_con02-2.webp) no-repeat center / contain;
aspect-ratio: 100 / 29;
}
h5.sp_appear_01,
h5.sp_appear_02{
display: none;
}
/*540px以下で表示切替*/
@media screen and (max-width:540px){
div.event_info_02 > div:nth-of-type(1) h5,
div.event_info_02 > div:nth-of-type(2) h5{
display: none;
}
h5.sp_appear_01,
h5.sp_appear_02{
display: block;
}
/*div.event_info_02 img.classwork {
display: block;
position: relative;
top: unset;
right: unset;
width: 100%;
height: auto;
left: 1em;
}*/
}
/*@media screen and (max-width:480px){
div.event_info_02 img.classwork {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}*/

/*03*/
.casts{
display: flex;
flex-direction: row;
justify-content: center;
align-items: end;
margin: 100px auto 200px;
width: 50%;
position: relative;
}
div.event_info_03 img.cast01 {
aspect-ratio: 114 / 419;
position: absolute;
left: 0;
z-index: -1;
}
div.event_info_03 img.cast02{
aspect-ratio: 82 / 117;
}
div.event_info_03 img.cast03 {
aspect-ratio: 103 / 390;
position: absolute;
right: 0;
z-index: -1;
}
div.event_info_03 h4{
background: url(/college/jyukensei/images/event/business_event2025_content_con03.webp) no-repeat center / contain;
aspect-ratio: 850 / 240;
}
@media screen and (max-width: 540px){
.casts {
width: 70%;
}
div.event_info_03 img.cast01 {
left: -2em;
}
div.event_info_03 img.cast03 {
right: -2em;
}
}
@media screen and (max-width: 480px){
div.event_info_03 img.cast01 {
height: 90%;
}
div.event_info_03 img.cast03 {
height: 85%;
}
}

/*--３．学び体験 major--*/
div.event_info_03 img.classwork {
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 50%;
}
@media screen and (max-width: 540px){
div.event_info_03 img.classwork {
position: relative;
width: 90%;
right: unset;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}

.major {
display: flex;
margin: 5em auto 30px;
justify-content: space-around;
align-items: center;
width: 90%;
}
@media screen and (max-width: 480px){
.major {
justify-content: space-evenly;
width: 100%;
margin-top: 3em;
}
}

.major div {
width: 30%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #cccccc;
border-radius: 10px;
position: relative;
}
.major div:nth-of-type(1){
background: url(/college/jyukensei/images/course/course_bsns_01_field_bridal.png) no-repeat left bottom / 45%, #fc95b3;
}
.major div:nth-of-type(2){
background: url(/college/jyukensei/images/course/course_bsns_01_field_oa.png) no-repeat left bottom / 45%, #62c6ed;
}
.major div:nth-of-type(3){
background: url(/college/jyukensei/images/course/course_bsns_01_field_medical.png) no-repeat left bottom / 45%, #fc95b3;
}
@media screen and (max-width: 540px){
.major div:nth-of-type(1), .major div:nth-of-type(2), .major div:nth-of-type(3) {
background-position: center;
}
}
@media screen and (max-width: 480px){
.major div:nth-of-type(1), .major div:nth-of-type(2), .major div:nth-of-type(3) {
background-size: 70%;
}
}

.major div h5{
display: block;
position: relative;
top: -1.5em;
margin: 0 auto;
width: 100%;
height: auto;
aspect-ratio: 33 / 23;
}
div.major div:nth-of-type(1) h5 {
background: url(/college/jyukensei/images/event/business_event2025_learning01.webp) no-repeat center / contain;
}
div.major div:nth-of-type(2) h5 {
background: url(/college/jyukensei/images/event/business_event2025_learning02.webp) no-repeat center / contain;
}
div.major div:nth-of-type(3) h5 {
background: url(/college/jyukensei/images/event/business_event2025_learning03.webp) no-repeat center / contain;
}
div.major > div a{
margin: -20px 20px 20px auto;
}
@media screen and (max-width: 540px){
div.major > div a{
margin: 30px auto 15px;
}
}

/*===スケジュール一覧===*/
/*日時・場所*/
.program{
position: relative;
width: clamp(calc(85% + 20px), 50%, calc(100% - 50px));
margin: 50px auto 0;
}
.program dl {
border: solid 1px #cccccc;
display: flex;
margin: 0 auto;
background: rgba(255,255,255,0.7);
}
.program dt {
background: #f1fffa;
width: 10rem;
display: flex;
justify-content: center;
align-items: center;
border-right: solid 1px #cccccc;
padding-top: unset;
font-weight: 800;
}
.program dd {
padding: 17px;
width: calc(100% - 5rem);
font-size: 1.1em;
}
a.event_attention {
display: block;
margin-top: 5px;
text-align: right;
}
@media screen and (max-width: 540px){
.program {
flex-direction: column-reverse;
align-items: center;
}
.program dd {
width: 100%;
}
a.event_attention {
text-align: center;
}
}

/*内容*/
p.program_info{
font-size: 0.9em;
padding-left: 1.5em;
margin-bottom: 1.5em;
}


/*==fes_inner 予約ボタン==*/
div.booking{
margin-top: 50px;
}
div.booking a{
cursor: pointer;
width: calc(100% - calc(25% + 10px));
padding: 20px 60px;
}
@media screen and (max-width: 540px){
div.booking a{
padding: 20px;
}
div.booking p {
text-align: left;
/*text-indent: -1em;*/
margin: 0 1em;
}
}

/*==注意事項とお問い合わせ==*/
section#end {
margin-bottom: 100px;
}
section#bsns-info {
width: clamp(calc(60% - 20px), 850px, 100%);
margin: 0 auto;
position: relative;
padding: 50px;
}
section#bsns-info{
background: #feffef;
filter: drop-shadow(1px 3px 3px #c0c0c0);
}
section#bsns-info h3 {
font-size: 1.5rem;
text-align: center;
position: relative;
}
section#bsns-info h3:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 3px;
background: #62c6ed;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
section#bsns-info > p{
text-align: center;
}
@media screen and (max-width: 540px){
section#bsns-info > p{
text-align: left;
}
}
.caution {
padding: 20px 10px;
}
.caution h4 {
font-size: 1.3rem;
margin: 15px 0 5px;
border-bottom: solid 2px #dedede;
padding-left: 1.5em;
position: relative;
}
.caution h4:before {
content: '■';
display: inline-block;
position: absolute;
left: 0.3em;
color: #ff93a7;
position: absolute;
}
.caution ul {
padding: 0 10px;
}
.caution li {
list-style: disc;
margin-left: 1.3em;
}
section#conf-info .infomation {
padding-top: 10px;
margin-top: 20px;
border-top: solid 4px #ff93a7;
}
section#conf-info h3 {
font-size: 1.5rem;
}
section#conf-info .infomation p:nth-of-type(1) {
font-size: 1.3rem;
}

@media screen and (max-width: 540px){
section#end {
margin-bottom: 50px;
}
section#conf-info {
padding: 30px 15px 50px;
}
.caution {
padding: 20px 0;
}
section#conf-info .infomation {
text-align: center;
}
}

/*==================================================
予約申し込みとアクセスボタン（追従）
===================================*/
/*topに戻るボタン設定*/
.pagetop{
height: 10px;
}
.pagetop a {
margin-top: -80px;
}
/*予約とアクセス*/
section#end_booking {
width: clamp(calc(85% + 20px), 80vw, calc(100% - 20px));
margin: 0 auto;
}
div.booking-banner {
display: flex;
position: fixed;
bottom: 0;
top: auto;
transition-duration: .6s;
opacity: 0;
width: clamp(calc(60% - 20px), 850px, 100%);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
div.booking-banner.fixed{
opacity: 1;
z-index: 11;
}
div.booking-banner > div,
div.booking-banner.fixed > div {
display: flex;
width: calc(100% - 160px);
justify-content: space-around;
background-color: #ffffff;
}

@media screen and (max-width: 1024px){
div.booking-banner > div,
div.booking-banner.fixed > div {
width: calc(100% - 90px);
}
}

@media screen and (max-width: 800px){
div.booking-banner > div,
div.booking-banner.fixed > div {
width: 100%;
}
}

@media screen and (max-width: 540px){
div.booking-banner{
right: 3%;
}
}

a.nav_end {
display: flex;
width: 25%;
height: 60px;
right: 0;
bottom: 0;
justify-content: center;
align-items: center;
text-decoration: none;
background-color: #94ccfd;
filter: drop-shadow(1px 3px 3px #c0c0c0);
color: #ffffff;
font-weight: 900;
font-size: 1.3em;
text-align: center;
line-height: 1.3em;
flex-direction: column;
}


@media screen and (max-width: 800px){
a.nav_end {
font-weight: unset;
padding-bottom: 15px;
}
}
	
@media screen and (max-width: 540px){
a.nav_end {
margin: 0;
}
}

a.nav_end:nth-of-type(1){
background-color:#ff96ad;
}
a.nav_end:nth-of-type(2){
background-color:#ffda62;
}
a.nav_end:nth-of-type(3){
background-color:#56d4d8;
}
a.nav_end:nth-of-type(4){
background-color:#b2e189;
font-size: 1em;
}

/*印刷時非表示*/
@media print {
.no-print {display:none;}
}