@charset "UTF-8";

/* overwrite
******************************** */
.section_classification .layer_list__item.active { font-weight: 700; }

/* fade
******************************** */
.fadeIn {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:transform .5s linear,opacity .5s linear;-o-transition:transform .5s linear,opacity .5s linear;transition:transform .5s linear,opacity .5s linear}
.fadeIn.play{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.BGfadeIn::before,
.BGfadeIn::after {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:transform .5s linear,opacity .5s linear;-o-transition:transform .5s linear,opacity .5s linear;transition:transform .5s linear,opacity .5s linear}
.BGfadeIn.play::before,
.BGfadeIn.play::after {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media (min-width:768px){
.PCfadeIn {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:transform .5s linear,opacity .5s linear;-o-transition:transform .5s linear,opacity .5s linear;transition:transform .5s linear,opacity .5s linear}
.PCfadeIn.play{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@media (max-width:767px){
.SPfadeIn {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:transform .5s linear,opacity .5s linear;-o-transition:transform .5s linear,opacity .5s linear;transition:transform .5s linear,opacity .5s linear}
.SPfadeIn.play{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

/* time
******************************** */
.time_point,
.time_line { -webkit-box-sizing: border-box; box-sizing: border-box; color: #cc0f0f; font-size: 110%; font-weight: 700; line-height: 1.2; text-align: right; position: absolute; left: 0px; padding-right: 30px; width: calc(4em + 30px); z-index: 4; }
.time_point::after { -webkit-border-radius: 50%; border-radius: 50%; background-color: #cc0f0f; content: ""; position: absolute; top: 50%; right: 0px; margin-top: -10px; width: 20px; height: 20px; }
.time_line { top: 20px; z-index: 3; }
.time_line span { -webkit-border-radius: 2px; border-radius: 2px; background-color: #cc0f0f; display: block; font-size: 0; line-height: 0; position: absolute; top: 0px; right: 8px; width: 4px; }
.time_point.time_1 { top: 10px; }
.time_point.time_2 { bottom: 14px; }
.time_point.time_3 { bottom: 0px; }
@media (max-width:767px){
.time_point,
.time_line { font-size: 80%; text-align: center; position: absolute; padding: 0 0 14px 0; width: 3.5em; }
.time_point::after { top: auto; bottom: 0px; right: 50%; margin: 0 -6px 0 0; width: 12px; height: 12px; }
.time_line { top: auto; bottom: calc(100% - 1.2em - 7px); z-index: 3; }
.time_line span { -webkit-border-radius: 1px; border-radius: 1px; position: absolute; top: 0px; right: 50%; margin-right: -1px; width: 2px; }
.time_point.time_1 { top: auto; bottom: calc(100% - 1.2em); }
.time_point.time_2 { background-color: #efefef; padding-top: 5px; bottom: 10px; }
.time_point.time_3 { background-color: #ffffff; padding-top: 5px; bottom: -45px; }
}

/* report_container
******************************** */
.report_container { margin-right: auto; margin-left: auto; position: relative; padding: 0 13px; max-width: 1440px; z-index: 5; }
@media (max-width:767px){
.report_container { margin-right: 0; margin-left: 0; }
}

/* report_schedule
******************************** */
.report_schedule { overflow: hidden; margin-top: 50px; }
.report_schedule .schedule_block1 { background-color: #efefef; padding: 90px 0 20px 0; }
.report_schedule .schedule_heading_A { font-size: 225%; font-weight: 700; text-align: center; margin-bottom: 60px; }
.report_schedule .schedule_heading_A span { display: block; }
.report_schedule .schedule_heading_A small { color: #cc0f0f; display: block; font-size: 61.1111%; font-weight: 500; }
.report_schedule .schedule_heading_B { font-size: 175%; font-weight: 700; margin-bottom: 15px; }
.report_schedule .schedule_contents { position: relative; padding-left: 107px; } /* 1307px */
@media (min-width:768px){
}
@media (max-width:767px){
.report_schedule { margin-top: 20px; }
.report_schedule .schedule_block1 { padding: 50px 0 20px 0; }
.report_schedule .schedule_heading_A { font-size: 131.25%; margin: 0 0 45px 0; }
.report_schedule .schedule_heading_A small { font-size: 66.6666%; }
.report_schedule .schedule_heading_B { font-size: 112.5%; margin-bottom: 10px; }
.report_schedule .schedule_contents { padding-left: 45px; }
.report_schedule .schedule_contents.report_training { padding-left: 0; }
}

/* report_example
******************************** */
.report_example { margin-top: 60px; }
.report_example .example_wrap { margin: 30px 12.2417% 0 12.2417%; }
.report_example .example_btn {background-color: #cc0200;display: block;padding: 20px 30px 20px 20px;text-align: center;color: #ffffff;border-radius: 10px;font-weight: 700;font-size: 1.25em;position: relative;}
.report_example .example_btn::after {position: absolute; content: ""; margin: auto; top: calc(50% - 4px); right: 18px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}
.report_example .example_btn:hover{opacity: .7;}
.report_example .example_slide { position: relative; margin: 50px 12.2417% 0 12.2417%; }
.report_example .example_slide .slide_wrap { overflow: hidden; }
.report_example .example_slide .slider { display: none; margin-right: -17px; }
.report_example .example_slide li { font-size: 0; line-height: 0; padding-right: 17px; width: 50%; }
.report_example .example_slide li img { width: 100%; }
.report_example .example_slide .slick-prev { position: absolute; top: 50%; left: -70px; margin-top: -20px; }
.report_example .example_slide .slick-next { position: absolute; top: 50%; right: -70px; margin-top: -20px; }
@media (min-width:768px){
.report_example .example_flex {display: flex;}
.report_example .example_cell {width: 49.1388%;}
.report_example .example_cell + .example_cell {margin-left: 17px;}
}
@media (max-width:767px){
.report_example { margin-top: 40px; }
.report_example .example_wrap { margin: 20px 0; }
.report_example .example_cell + .example_cell {margin-top: 10px;}
.report_example .example_btn { padding: 15px 20px 15px 15px; font-size: 0.9375em;}
.report_example .example_slide { position: relative; margin: 30px 0 0 0; }
.report_example .example_slide .slider { margin-right: 0; }
.report_example .example_slide li { padding-right: 0; width: auto; }
.report_example .example_slide .slick-prev { left: -7px; margin-top: -15px; }
.report_example .example_slide .slick-next { right: -7px; margin-top: -15px; }
}

/* report_training
******************************** */
.report_training .training_title { display: flex; align-items: flex-end; margin-bottom: 90px; height: 520px; }
.report_training .training_title .title_inner { background-color: #ffffff; padding: 35px 90px 0 60px; }
.report_training .training_slide { display: flex; align-items: center; margin: 60px 15.8377% 0 4.5906%; } /* 1040px */
.report_training .training_slide .slide_photo { font-size: 0; line-height: 0; width: 50.4807%; }
.report_training .training_slide .slide_photo .slider { display: none; }
.report_training .training_slide .slide_photo .slider img { width: 100%; }
.report_training .training_slide .slide_text { flex: 1; margin-left: 4.3269%; }
.report_training .training_slide .slide_text .control { display: flex; align-items: center; margin-top: 30px; }
.report_training .training_slide .slide_text .control ul { position: relative; margin: 0 20px; }
.report_training .training_slide .slide_text .control ul::before { border-left: 1px solid #cc0f0f; -webkit-transform: rotate(55deg); transform: rotate(55deg); content: "";position: absolute; top: 20%; left: 50%; height: 60%; }
.report_training .training_slide .slide_text .control ul li { color: #cc0f0f; font-size: 112.5%; line-height: 1.2; width: 2.4em; }
.report_training .training_slide .slide_text .control ul li span { display: inline-block; text-align: center; width: 1.4em; }
.report_training .training_slide .slide_text .control ul li.total { text-align: right; }
@media (max-width:767px){
.report_training .training_title { margin-bottom: 60px; margin-right: -13px; height: 280px; }
.report_training .training_title .title_inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 33px 0 20px; width: 100%; }
.report_training .training_title .title_inner > p { font-size: 87.5%; }
.report_training .training_slide { display: block; margin: 40px 0 0 0; }
.report_training .training_slide .slide_photo { width: auto; }
.report_training .training_slide .slide_text { flex: initial; margin: 20px 0 0 0; }
.report_training .training_slide .slide_text > p { font-size: 87.5%; }
.report_training .training_slide .slide_text .control { margin-top: 15px; }
.report_training .training_slide .slide_text .control ul { margin: 0 15px; }
.report_training .training_slide .slide_text .control ul li { font-size: 84.375%; }
}

/* report_voice
******************************** */
.report_voice { position: relative; /*padding-top: 520px;*/ }
.report_voice::before { background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #efd1d1 50.5%) no-repeat top left/100% 100%; content: ""; position: absolute; top: 0px; left: 0px; width: 50%; height: 145px; }
.report_voice .voice_bg { background-color: #f3e9e9; padding: 100px 0 100px 0; }
.report_voice .voice_heading_A { font-size: 225%; font-weight: 700; text-align: center; }
.report_voice .voice_heading_B { font-size: 175%; font-weight: 500; text-align: center; overflow: hidden; }
.report_voice .voice_heading_B span { display: inline-block; position: relative; padding: 0 0.8em; }
.report_voice .voice_heading_B span::before { border-top: 2px solid #d6cece; content: ""; position: absolute; top: 50%; left: 100%; margin-top: -1px; width: 100vw; }
.report_voice .voice_heading_B span::after { border-top: 2px solid #d6cece; content: ""; position: absolute; top: 50%; right: 100%; margin-top: -1px; width: 100vw; }
.report_voice .voice_section { margin-top: 40px; }
.report_voice .voice_list { margin-top: 30px; padding-bottom: 30px; }
.report_voice .voice_flex { display: flex; flex-wrap: wrap; position: relative; margin-top: -56px; z-index: 3; }
.report_voice .voice_cell { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; position: relative; margin: 56px 28px 0 0; padding: 30px 40px 35px 40px; width: calc(25% - 21px); }
.report_voice .voice_cell::after { content: ""; background-color: #ffffff; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); z-index: -2; }
.report_voice .voice_cell::before { background: url(/saiyo/graduates/event/tech/01_report/img/triangle.svg) no-repeat; background-size: 46px 36px; content: ""; position: absolute; top: 100%; right: -10px; width: 46px; height: 36px; }
.report_voice .voice_cell dl dt { color: #cc0f0f; font-size: 112.5%; font-weight: 700; }
.report_voice .voice_cell dl dd { font-size: 87.5%; margin-top: 5px; }
.report_voice .voice_cell p { font-size: 87.5%; position: relative; margin-top: 10px; padding-left: 4em; }
.report_voice .voice_cell p span { position: absolute; top: 0px; left: 0px; }
.report_voice .voice_cell p::after { content: "："; position: absolute; top: 0px; left: 3em; }
@media (min-width:768px) and (max-width:1000px) {
.report_voice .voice_cell { width: calc(50% - 21px); }
.report_voice .voice_cell:nth-of-type(even) { margin-right: 0; }
}
@media (min-width:1001px){
.report_voice .voice_cell { width: calc(25% - 21px); }
.report_voice .voice_cell:nth-of-type(4n) { margin-right: 0; }
}
@media (max-width:767px){
.report_voice { position: relative; /*padding-top: 175px;*/ }
.report_voice::before { background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #efd1d1 50.5%) no-repeat top left/100% 100%; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 68px; }
.report_voice .voice_bg { background-color: #f3e9e9; padding: 55px 0 60px; }
.report_voice .voice_heading_A { font-size: 137.5%; }
.report_voice .voice_heading_B { font-size: 112.5%; margin: 0 -13px; }
.report_voice .voice_heading_B span { padding: 0 0.4em; }
.report_voice .voice_heading_B span::before { border-top: 1px solid #d6cece; }
.report_voice .voice_heading_B span::after { border-top: 1px solid #d6cece; }
.report_voice .voice_section { margin-top: 25px; }
.report_voice .voice_list { margin-top: 20px; padding-bottom: 20px; }
.report_voice .voice_flex { margin-top: -35px; }
.report_voice .voice_cell { margin: 35px 16px 0 0; padding: 15px 20px; width: calc(50% - 8px); }
.report_voice .voice_cell:nth-of-type(even) { margin-right: 0; }
.report_voice .voice_cell::before { background: url(/saiyo/graduates/event/tech/01_report/img/triangle_sp.svg) no-repeat; background-size: 38px 28px; width: 38px; height: 28px; }
.report_voice .voice_cell dl dt { font-size: 87.5%; }
.report_voice .voice_cell dl dd { font-size: 75%; }
.report_voice .voice_cell p { font-size: 75%; margin-top: 5px; }
}

/* modal
******************************** */
.modal.is-show { z-index: 9999; opacity: 1; transition: opacity .5s; }
.modal { position: fixed; top: 0; left: 0; z-index: -1000; width:100%; height: 100vh; opacity: 0; transition: z-index .5s, opacity .5s; }
.modal-overlay { position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); }
.modal-container { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; pointer-events: none; }
.modal-inner { max-width: 1440px;width: 100%; pointer-events: all;position: relative;}
.modal-contents { display: none; }
.modal-contents.is-active { display: block; }
.modal-contents-inner { padding: 70px 4.17% 70px; background-color: #fff; }
.modal-close { position: absolute; display: block; background-color: #fff; top: -50px; right: 0; width: 45px; height: 45px; background-color: transparent; }
.modal-close>button { display: block; width: 100%; height: 100%; cursor: pointer; border: 0; }
.modal-close>button:after, .modal-close>button:before { position: absolute; top: 50%; left: 50%; display: block; width: 57.14286%; height: 5.71429%; background-color: #fff; border-radius: 1px; content: ''; }
.modal-close > button::before, .modal-close > button::after { width: 100%; height: 8%; background-color: #9a9a9a; }
.modal-close>button:before { transform: translate(-50%, -50%) rotate(45deg); }
.modal-close>button:after { transform: translate(-50%, -50%) rotate(-45deg); }
.modal-title {font-size: 1.5em;text-align: center;overflow: hidden;}
.modal-title span{position: relative;padding: 0 18px;}
.modal-title span::before { background-color: #c2c2c2; content: ""; position: absolute; top: 50%; left: 100%; width: 100vw; height: 1px; }
.modal-title span::after { background-color: #c2c2c2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px; }
.schedule-wrap {margin-top: 30px;display: flex;position: relative;}
.schedule-wrap img{height: auto;display: block;}
.schedule-wrap .schedule-table {overflow-x: auto;}
.schedule-wrap .schedule-table img {width: 1244px;}
.schedule-wrap .schedule-time img {width: 74px;}
@media (min-width:1464px) {
.schedule-scroll{display: none;}
}
@media (max-width:1463px) {
.schedule-scroll {position: absolute;width: 140px;height: 140px;background-color: rgba(0, 0, 0, 0.7);top: calc(50% - 70px);left: calc(50% - 70px);border-radius: 8px;display: flex;flex-direction: column;align-items: center; padding: 28px 0 14px;transition: opacity .3s;}
.schedule-scroll img {max-width: 53px;}
.schedule-scroll p {margin-top: 12px;font-size: 0.8125em;font-weight: 700;text-align: center;color: #ffffff;line-height: 1.4;}
}
@media (min-width:768px) {
.modal-container { padding: 20px 13px; }
.modal-close>button { transition: opacity .3s; }
.modal-close>button:hover { opacity: .7; }
}
@media (max-width:767px) {
.modal-container { padding: 20px; }
.modal-contents-inner { padding: 45px 30px 40px; border-top-width: 5px; max-height: 505px; overflow: auto; }
.modal-close { top: -40px; right: 0; width: 30px; height: 30px; background-color: transparent; }
.modal-close > button::before, .modal-close > button::after { height: 10%; }
.modal-title {font-size: 1.1875em;}
.modal-title span { position: relative; padding: 0 8px; }
.schedule-wrap {margin-top: 20px;}
.schedule-wrap .schedule-table img {width: 728px;}
.schedule-wrap .schedule-time img {width: 43px;}
}