@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.10.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Dela+Gothic+One&display=swap');

/* --------------------------------------------
各ページのクラスを記述するcss
auther:s_taniguci
----------------------------------------------- */

/* --------------------------------------------
スタート画面
start.html
----------------------------------------------- */
.start_box_area{
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}
.start_box{
  border: 3px solid #1D2B68;
  border-radius: 10px;
  width: 30%;
  height: 40%;
  background-color: #fff;
  min-width: 250px;
  min-height: 500px;
}
.start_box_ttl{
  background-color: #1D2B68;
  border-radius: 6px 6px 0 0;
  color: #fff;
  padding: 15px;
  text-align: center;
  white-space: nowrap;
}
.start_box_ttl span{
  font-size: 18px;
  margin-right: 0.5em;
}
.start_box_cnt{
  padding: 10px;
}
.start_box_exp{
  padding: 10px;
  font-size: 12px;
}
.start_btn_area{
   text-align: center;
   margin: 20px 0;
}
.start_btn_1{
  background-color: #F86707;
  color: #fff;
  border-radius: 5px;
  width: 130px;
  height: 130px;
}
.start_btn_1 span{
  font-size: 20px;
}
.start_btn_1 i,
.start_btn_1 span{
  display: block;
}
.start_btn_1 i{
  font-size: 50px;
  margin-bottom: 15px;
}
.start_btn_2{
  background-color: #F86707;
  color: #fff;
  border: 2px solid #F86707;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 80px;
  padding: 15px 15px;
  margin: 10px auto;
}
.start_btn_2_icon{
  width: 40%;
  text-align: center;
}
.start_btn_2_txt{
  width: 60%;
  font-weight: bold;
  letter-spacing: 1px;
}
.start_btn_2_txt p{
  text-align: left;
  line-height: 1;
}
.start_btn_2_txt p:nth-child(2){
  text-align: right;
}
.start_btn_2 i{
  font-size: 45px;
}
.start_btn_2:nth-child(2){
  background-color: #fff;
  color: #F86707;
  border: 2px solid #F86707;
}
.start_btn_2_txt span{
  font-size: 22px;
}
.start_logo{
  width: 180px;
  margin: 10px auto;
}
.start_logo img{
  width: 100%;
}
.login_area{
  padding: 0 10px;
}
.login_btn_area{
  margin: 10px auto;
}
.ps_forget{
  font-size: 12px;
}
.only_test_start{
  padding: 10px;
  z-index: 1;
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.only_test_img{/*20230209佐藤変更*/
  width: 70%;
  margin: 10px auto;
  max-width: 900px;
}
.start_btn_big{
  background-color: #F86707;
  font-size: 32px;
  font-size: 2.3em;
  padding: 15px 30px 10px 30px;
  border-radius: 5px;
  color: #fff;
  margin: 40px auto;
  position: relative;
  width: 700px;
    text-align: center;
}
.start_btn_big p{
  letter-spacing: 2px;
  font-size: 18px;
  background-color: #fff;
  color:#F86707;
  border-radius: 15px;
  padding: 0px 30px;
  border: 2px solid #F86707;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  white-space: nowrap;
}
.start_btn_big span{
  letter-spacing: 1px;
}
.only_test_start p{
  margin: 15px 0;

}
/* --------------------------------------------
会員登録画面,簡易登録画面
registMember.html,registSimple.html
----------------------------------------------- */
.regist_table_area table tr{
  border-bottom: 2px dotted #1D2B68;
}
.regist_table_area table tr th{
  white-space: nowrap;
}
.user_icon_area{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.user_icon_area div{
  margin: 10px 15px;
}
.school_search_btn{
  background-color: #1D2B68;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
}
.questionnaire_rd{
    display:flex;
    flex-wrap: wrap;
}
.questionnaire_rd div{
    margin-right:10px;
}

/* --------------------------------------------
利用規約
terms.html
----------------------------------------------- */
.terms{
  height: 80vh;
  overflow-y: scroll;
  border: 1px solid #00B1FD;
  padding: 15px 30px;
  border-radius: 3px;
}
.terms_area{
  margin: 30px auto;
  line-height: 1.8;
}
.terms_main_ttl{
  font-weight: bold;
  padding-left: 1em;
  font-size: 18px;
}
.terms_sub_ttl,.terms_sub_no{
  font-weight: bold;
}
.terms_sub_no{
  padding-left: 1em;
}
.terms_txt{
  padding-left: 1rem;
}
.terms_list li{
  padding-left: 1rem;
}
.terms_area .side_table tr td{
  text-align: left;
}
.precautions_sec main{
  padding: 1% 0 4% 0;
}
.precautions_area{
  margin: 0 auto;
}
.emphasis_txt{
  color: #fe0000;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1px;
}
.precautions_area p{
  margin: 10px 0;
}
.precautions_list{
  margin: 30px auto;
}
.precautions_list li{
  line-height: 2;
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-color: #fe0000;
  letter-spacing: 1px;
  font-size: 17px;
}
.last_alert{
  color: #fe0000;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}
.precautions_txt{
  line-height: 2;
  font-weight: bold;
  text-decoration-color: #fe0000;
  letter-spacing: 1px;
  font-size: 17px;
}
/* --------------------------------------------
適性試験
conductAptitudeTest.html
----------------------------------------------- */
.test_top_table_area{
  border: 1px solid #ddd;
  padding: 15px 30px;
  border-radius: 5px;
}
.test_top_table_area table tr{
  border-bottom: 1px dotted #1D2B68;
}
.test_area{
  margin: 40px 0;
}
.test_cnt{
  margin-bottom: 40px;
}
.question_no{
  background-color: #1D2B68;
  color: #fff;
  border-radius: 20px;
  padding: 3px 25px;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 3px;
}
.question_txt{
  padding: 5px;
}
.question_img{
  padding: 5px;
  text-align: center;
}
.answer_area{
  margin: 20px 0;
  padding: 10px;
}
.answer_area div{
  margin: 5px 0;
}
.answer_area .radio_btns input[type=radio] + label::before{
  top: 3px;
}
.answer_area .radio_btns input[type=radio] + label::after{
  top: 5px;
}
.test_timer{
  background-color: #1D2B68;
  color: #fff;
  display: inline-block;
  position: fixed;
  top: 10%;
  right: 0;
  padding: 15px 30px 15px 25px;
  border-radius: 40px 0 0 40px;
  opacity: 0.9;
  z-index: 1;
  z-index: 10;
  white-space: nowrap;
}
.test_timer p{
  line-height: 1.1;
}
.test_timer_time{
  font-size: 20px;
}
.test_timer_time span{
  letter-spacing: 2px;
  font-size: 24px;
}
/* --------------------------------------------
適性試験結果
displayAptitudeTestResult.html
----------------------------------------------- */
.result_sec{
  margin: 40px 0;
}
.minpro_btn{
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #23A7DE;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  margin: 0 auto;
  font-size: 22px;
}
.minpro_btn div{
  width: 120px;
  margin-right: 10px;
}
.minpro_btn div img{
  width: 100%;
  padding: 5px;
}
/* 仮置き */
.result_sec div,.result_sec img{
  width: 100%;
}
.result_sec{
  margin: 80px 0;
}
.result_sec p{
  text-align: center;
  margin: 10px 0;
}
.rank_img_area{
  max-width: 500px;
  margin: 0 auto;
  width: 30%;
}
.rank_img_area img{
  filter: drop-shadow(2px 4px 6px #707070);
}
.result_txt{
  text-align: center;
  font-size: 20px;
  line-height: 1.9;
}
.result_txt p{
  letter-spacing: 1px;
}
.result_txt p span{
  font-size: 25px;
  color: #fe0000;
  font-weight: bold;
}
.result_plan_img{
  max-width: 320px;
  margin: 0 auto;
  width: 30%;
}
.plan_ttl{
  font-size: 2rem;
  color: #fe0000;
  font-weight: bold;
}

.banner_area{
  text-align: center;
  margin-bottom: 80px;
}
.banner_area_txt{
  margin: 10px 0;
}
.banner_area_txt p{
  line-height: 1.8;
}
.banner_link img{
  width: 100%;
    box-shadow: 0px 0px 0px 2px #c94431;/*ここ*/
}
.movie_area{
    margin-top: 20px;
}
.movie_area a{
  height: 450px;
}
.movie_area a img{
  margin: 20px 0;
}
.movie_link img{
    width: 90%;
}
/* アンケート部分 */
.questionnaire_txt{
  text-align: center;
  line-height: 1.9;
  margin-bottom: 40px;
}
.questionnaire_txt p:nth-child(2){
  font-size: 2rem;
  background-color: #FFFB13;
  display: inline-block;
  padding: 0 25px;
  margin: 5px 0;
}
.radio_img_area{
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio_img_area div{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  text-align: center;
  margin: 20px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  line-height: 130px;
  font-size: 18px;
  position: relative;
  transition: 2s all;
  color: #fff;
}
.radio_img_area div:first-child{
  background-color: rgb(64, 115, 224);
}
.radio_img_area div:nth-child(2){
  background-color: rgb(233, 175, 52);
}
.radio_img_area div:nth-child(3){

  background-color: rgb(165, 59, 59);
}
.radio_img_area div::before{
  content: "";
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: linear-gradient(rgb(245, 230, 230),#707070);
  z-index: -1;
}
.radio_img_area label{
  width: 130px;
  height: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.radio_img_area div:hover{
  -webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
  0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
  inset 0 3px 3px rgba(0, 0, 0, 0.18);
box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
  0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
  inset 0 3px 3px rgba(0, 0, 0, 0.18);
}

.fadeInUpTrigger{
  /* opacity: 0; */
}

/*==============20230207佐藤追加============== */
.result_max_ttl{
    font-size: 24px;
}
.score{
    font-family: 'Abril Fatface', cursive;
    font-family: 'Dela Gothic One', cursive;
    font-size: 60px;
    text-align:center;
	font-weight:bold;
	color: transparent;
	background: repeating-linear-gradient(23deg, rgba(255,255,255,1) 0%, rgba(232,179,0,1) 31%, rgba(255,253,177,1) 38%, rgba(255,227,67,1) 46%, rgba(224,173,0,1) 51%, rgba(254,255,208,1) 56%, rgba(255,227,85,1) 68%, rgba(221,166,0,1) 80%, rgba(248,235,181,1) 97%);
	-webkit-background-clip: text;
    text-stroke: 2px #603813;
    -webkit-text-stroke: 2px #603813;
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    height: fit-content;
    z-index: 2;
}
.score_num{
    font-size: 140px;
    text-stroke: 1px #603813;
    -webkit-text-stroke: 1px #603813;
}

/*アチーバー*/
.score.scoreA{
    background: repeating-linear-gradient(23deg, rgba(255,255,255,1) 0%, rgba(232,167,0,1) 31%, rgba(255,245,177,1) 38%, rgba(255,212,67,1) 46%, rgba(224,154,0,1) 51%, rgba(255,246,208,1) 56%, rgba(255,207,85,1) 68%, rgba(221,137,0,1) 80%, rgba(248,230,181,1) 97%);
    -webkit-background-clip: text;
    text-stroke: 2px #603813;
    -webkit-text-stroke: 2px #603813;
}

/*パッション*/
.score.scoreB{
    background: linear-gradient(23deg, rgba(255,255,255,1) 0%, rgba(212,216,217,1) 31%, rgba(241,243,244,1) 38%, rgba(210,216,217,1) 46%, rgba(188,192,193,1) 51%, rgba(250,254,255,1) 56%, rgba(222,223,223,1) 68%, rgba(153,157,158,1) 80%, rgba(236,246,247,1) 97%);
    -webkit-background-clip: text;
    text-stroke: 2px #455154;
    -webkit-text-stroke: 2px #455154;
}
.score.scoreB .score_num{
    font-size: 140px;
    text-stroke: 1px #455154;
    -webkit-text-stroke: 1px #455154;
}
/*クライマー*/
.score.scoreC{
    background: linear-gradient(23deg, rgba(255,255,255,1) 0%, rgba(214,128,15,1) 31%, rgba(255,226,195,1) 38%, rgba(215,144,50,1) 46%, rgba(195,107,0,1) 51%, rgba(255,233,200,1) 56%, rgba(233,156,52,1) 64%, rgba(166,88,0,1) 80%, rgba(252,202,130,1) 97%);
    -webkit-background-clip: text;
    text-stroke: 2px #633a1d;
    -webkit-text-stroke: 2px #633a1d;
}
.score.scoreC .score_num{
    font-size: 140px;
    text-stroke: 1px #633a1d;
    -webkit-text-stroke: 1px #633a1d;
}


.result_sec.fadeInUpTrigger.first{
    margin-top: 0;
}
.content_subTtl{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5em;
    background: #00B1FD;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px 5px calc(5px + 0.5em);
    margin: 0 auto 20px!important;
    width: 95%;
}
.mistake_table{
    width: 90%;
    margin: 0 auto 20px;
    font-size: 17px;
}
.mistake_table th{
    width: 18%;
    min-width: 125px;
    padding: 5px 0 5px 10px;
}
.mistake_table tr:first-of-type th{
    text-align: left;
    font-size: 22px;
    border-bottom: 1px dotted #cbd5e0;
    padding: 0;
}
.mistake_table td{
    padding: 5px 0;
    white-space: pre-line;
}

.margin-bottom_none{
    margin-bottom: 15px;
}
.movie_ttl_btn{
    background: #F86707;
    color: #fff;
    padding: 5px;
    width: 95%;
    margin: 10px auto 20px!important;
    font-weight: bold;
    border-radius: 5px;
}
.resultPage_movie{
    width: 95%;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
/*バナーエリア*/
.banner_wrap{
    width: 95%;
    margin: 20px auto;
    background: #ffe9e6;
    padding: 20px;
    border-radius: 10px;
    /*box-shadow: 0px 0px 10px -5px #832121;*/
}
.banner_area_txt{
    margin: 0 auto 20px;
    width: 100%;
    font-size: 22px;
    text-align: center;
    color: #c94431;
}


/*ラジオボタン*/
.radio_area{
    width: fit-content;
    background: #ebeff1;
    margin: 0 auto 15px;
    border-radius: 5px;
    display: flex;
}
.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: block;
    padding: 0.5rem 1rem;
    transition: all .3s;
    min-width: 150px;
    width: 20vw;
    max-width: 275px;
}
.radio-inline__label:first-of-type{
    border-radius: 5px 0 0 5px;
}
.radio-inline__label:last-of-type{
    border-radius: 0 5px 5px 0;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #F86707;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}
.radio-inline__input:checked + .radio-inline__label:last-of-type{
    background: #414b78;
}
.radio-inline__label:not(.radio-inline__input:checked + .radio-inline__label):hover{
    background: #F86707;
    opacity: 0.3;
    color: #fff;
}
.radio-inline__label:last-of-type:not(.radio-inline__input:checked + .radio-inline__label):hover{
    background: #414b78;
    opacity: 0.3;
}

/*------------fullcalendar上書き------------*/
#calendar{
    width: 70%;
    height: fit-content;
    margin: 0 auto;
}
.fc .fc-toolbar.fc-header-toolbar{/*カレンダー本体と上の年月、月切り替えボタンとの距離*/
    margin-bottom: 15px!important;
}
.fc .fc-view-harness{
    height: 300px!important;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{/*イベント部分非表示*/
    display: none;
}
.fc .fc-daygrid-day-top{/*日付を囲んでいるところ*/
    display: block!important;
}
.fc .fc-daygrid-day-number{/*日付*/
    display: block;
    text-align: center;
}
#fc-dom-1{/*カレンダー枠外のYYYY/MM*/
    font-size: 22px;
}
/*休日*/
.fc-daygrid-day.fc-day.day_off{
    background-color: #e5e5e5;
}
.fc-daygrid-day.fc-day.day_off a{
    opacity: .6;
}

.click_date{
    background-color: #F86707;
    color: #fff;
}

/*以下月を切り替えるボタン*/
.fc-direction-ltr .fc-toolbar>*>:not(:first-child){
    margin-left: 0!important;
    width: 150px!important;
    height: 30px!important;
}
.fc-toolbar-chunk{
    width: 150px!important;
    height: 30px!important;
}
.fc .fc-button-primary{
    background-color: #1D2B68!important;
    border: none!important;
}

.fc .fc-button-primary:hover{
    border: none!important;
}
.fc .fc-button-primary:focus{
    box-shadow: none!important;
}
.fc-today-button.fc-button.fc-button-primary{
    display: none;
}
.fc .fc-button{
    position: relative;
}
.fc .fc-button span.fc-icon{
    font-size: 18px;
    line-height: 0.4;
    display: inline-block;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%,-40%);
}

/*ご希望日エリア*/
.select_date{
    margin: 30px 0 0;
    text-align: center;
}
.select_date .select_1day{
    font-size: 25px;
    font-weight: bold;
    color: #444;
    background: linear-gradient(transparent 50%, #FFFB13 0%);
}

.select_item3_text{
    display: none;
    background: linear-gradient(transparent 50%, #FFFB13 0%);
    width: fit-content;
    margin: 0 auto;
}
/*その他のご質問*/
.other_q_area{
    width: 90%;
    margin: 0 auto;
}
.other_q_area p{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
}
.other_q_area .error_list li{
	font-size: 15px;
}
/*送信ボタン*/
.submit_btn{
    background: #F86707;
    width: 20%;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}
.submit_btn.back_btn{
    background: #414b78;
}
/*モーダル*/
#calendar_modal{
    min-height: fit-content;
}
#calendar_modal .btn_area{
    margin-bottom: 0;
}
.calendar_modal_table{
    width: 90%;
    margin: 20px auto 30px;
    max-width: 500px;
}
.calendar_modal_table tr{
    border-bottom: 2px dotted #1D2B68;
}
.calendar_modal_table th,
.calendar_modal_table td{
    padding: 3px 10px;
}



/* --------------------------------------------
学校検索
searchSchool.html
----------------------------------------------- */
.school_initial{
  width: 80px !important;
}
.modal_keyboard_box{
  background: none;
  overflow-y: auto;
}
.modal_keyboard{
  background-color: #fff;
  width: 700px !important;
  height: 500px;
  position: fixed;
  flex-direction: column;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 10px 10px 16px 10px;
}
.modal_keyboard table{
  height: 100%;
  width: 100%;
  margin: auto;
}
.modal_keyboard table tr{
  border:none;
}
.modal_keyboard table tr td{
  text-align: center;
}
.modal_keyboard table tr td button{
  background-color: #00B1FD;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 6px 0px #237ba0;
  position: relative;
  top: 0px;
  transition: .1s;
  font-family: 'Noto Sans JP', sans-serif;
  color:#fff;
}
.modal_keyboard table tr td button:hover{
  top: 6px;
  box-shadow: none;
}

/* --------------------------------------------
適性試験最終表示画面
displayAptitudeTestLast.html
----------------------------------------------- */
.sche_btn_area{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sche_btn{
  background-color: #F86707;
  color: #fff;
  border: 2px solid #F86707;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 100px;
  padding: 15px 15px;
  margin: 10px;
  display: flex;
  justify-content: space-between
}
.sche_btn:nth-child(2){
  background-color: #fff;
  color: #F86707;
  border: 2px solid #F86707;
}
.sche_btn img{
  width: 100px;
}
.sche_btn p{
  text-align: left;
}
.sche_btn p span{
  font-size: 22px;
  letter-spacing: 1px;
}
.contact_btn{
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #23A7DE;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  margin: 0 auto;
  font-size: 22px;
}
.contact_btn img{
  width: 50px;
  margin-right: 5px;
}

/* --------------------------------------------
応募フォーム
entryForm.html
----------------------------------------------- */
.application_requirements{
  position:relative;
  height: auto;
}
.application_requirements table th{
  width: 130px;
}
.hide_table{
  display: none;
}
.more_btn{/*20230209佐藤変更*/
  background-color: #1D2B68;
  color: #fff;
  width: 100%;
  height: 33px;
  border-radius: 20px;
    display: inline-block;
    line-height: 1;
    padding: 9px;
}
.more_btn::before{
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}
.close_btn{
  background-color: #707070;
}
.close_btn::before{
  content: "\f068";
}
.entry_btn{
  background-color: #F86707;
  color: #fff;
  padding: 15px 50px;
  font-size: 22px;
  border-radius: 5px;
}
.entry_btn i{
  margin-right: 10px;
}
.require_mark{
  color: #fff;
  background-color: #fe0000;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 3px;
  border-radius: 5px;
}
.form_footer .footer_area{
  display: block;
}
.form_footer .footer_left{
  width: 100%;
}
.footer_left .gmap{
  max-width: 50%;
}
/* --------------------------------------------
インターン申込フォーム
internshipApplication.html
----------------------------------------------- */
.intern_table table{
  border-bottom: 3px solid navy;
}
.intern_table table tr th{
  width: 180px;
}
.intern_table .check_box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  max-width: 416px;
  margin: 10px 0;
}
.intern_table .check_box label{
  white-space: nowrap;
  margin-bottom: 0;
}
.intern_area .banner_area_txt{
  width: 100%;
  margin-bottom: 20px;
  font-size: 22px;
  text-align: center;
}
.intern_img{
  width: 100%;
  margin: 0 auto;
}
.intern_img img{
  width: 70%;
  max-width: 900px;
}
.intern_table_area{
    width: 80%;
}
.red_big_txt{
  font-size: 46px;
  color: #d41156;
  margin: 0 5px;
  font-family: 'Dela Gothic One', cursive;
  text-shadow:
  #FFFB13 2px 0px 0px, #FFFB13 -2px 0px 0px,
  #FFFB13 0px -2px 0px, #FFFB13 0px 2px 0px,
  #FFFB13 2px 2px 0px, #FFFB13 -2px 2px 0px,
  #FFFB13 2px -2px 0px, #FFFB13 -2px -2px 0px,
  #FFFB13 1px 2px 0px, #FFFB13 -1px 2px 0px,
  #FFFB13 1px -2px 0px, #FFFB13 -1px -2px 0px,
  #FFFB13 2px 1px 0px, #FFFB13 -2px 1px 0px,
  #FFFB13 2px -1px 0px, #FFFB13 -2px -1px 0px,
  #FFFB13 1px 1px 0px, #FFFB13 -1px 1px 0px,
  #FFFB13 1px -1px 0px, #FFFB13 -1px -1px 0px;
  position:relative;
}
.red_big_txt::after, .red_big_txt::before{
  content:attr(data-text);
  position:absolute;
  left:-2px;
  top:-2px;
}
.red_big_txt::before{
  left:-4px;
  top:-4px;
}
.red_sml_txt{
  font-size: 30px;
}
/* -----------------------------------------------
動画再生画面
-------------------------------------------------- */
.play_movie_container video {
    width: 100%;
}
/* -----------------------------------------------
タブレットサイズ以下
-------------------------------------------------- */
@media screen and (max-width:1199px){
  body{
      min-width: auto;
  }
  .start_box_area{
    flex-wrap: wrap;
  }
  .start_box{
    width: 45%;
    min-width: 270px;
    min-height: 450px;
    margin: 10px;
  }
  .start_box:nth-child(3){
    width: 60%;
  }
  .start_btn_2{
    width: 80%;
  }

  .modal_keyboard {
    width: 100vw !important;
    height: 85vw;
    border-radius: 0px;
    top: auto;
    padding: 0px;
    padding-bottom: 20px;
    font-size: 2.5vw;
}
.modal_keyboard table tr td{
  padding: 0px;
}
.modal_keyboard table tr td>button{
  padding: 2.8vw;
  font-size: 2.5vw;
  border-radius: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #399cff;
}
.question_img img{
  max-width: 100%;
}
}
@media screen and (max-width:900px){/*20230217 佐藤追加*/
  .start_btn_big{
    width: 70%;
    font-size: 1.8rem;
    padding: 12px 8px 5px 8px;
    white-space: nowrap;
  }
}
@media screen and (max-width:860px){
    /*20230207 佐藤追加*/
    /*ラジオボタン*/
    .radio_area{
        min-width: 250px;
        width:70%;
        flex-direction: column;
    }
    .radio-inline__label {
        width: 100%;
        max-width: 100%;
    }
    .radio-inline__label:first-of-type{
        border-radius: 5px 5px 0 0;
    }
    .radio-inline__label:last-of-type{
        border-radius: 0 0 5px 5px;
    }
}
@media screen and (max-width:700px){
  .start_box{
    min-width: auto;
  }
  .start_box_area{
    display: block;
  }
   .start_box,.start_box:nth-child(3){
    width: 100%;
    min-height: auto;
    margin: 10px 0;
  }
  .terms{
    padding: 5px 10px;
}
.movie_link img{
  width: 100%;
}
.questionnaire_txt{
  margin-bottom: 10px;
}
.questionnaire_txt p:nth-child(2){
  font-size: 1.2rem;
}
.radio_img_area div{
  width: 70px;
  height: 70px;
  line-height: 70px;
  white-space: nowrap;
  padding: 5px;
}
.radio_img_area label{
  width: 70px;
  height: 70px;
  font-size: 12px;
}
.radio_img_area div::before{
  width: 75px;
  height: 75px;
}
.sche_btn_area{
  display: block;
}
.sche_btn{
  margin: 10px auto;
}
.banner_area_txt{
  font-size: 15px !important;
}
.entry_btn{
  font-size: 15px;
  padding: 10px 35px;
}
.footer_area .gmap iframe{
  width: 100%;
}
#index_forStudents .top_intro_cnt{
  display: block !important;
}
#index_forStudents .top_intro_cnt .top_intro{
  width: 100%!important;
}
#index_forStudents .top_intro_mv{
  width: 100%;
}
#index_forStudents .flow_to_pass_img{
  width: 100%;
}

}
@media screen and (max-width:550px){
  .start_btn_big{
    width: auto;
    font-size: 1.4rem;
    padding: 12px 8px 5px 8px;
    white-space: nowrap;
  }
  .start_btn_big p{
    padding: 0 3px;
  }
  .footer_left .gmap{
    max-width: 100%;
  }
  .regist_table_area {
       padding: 10px;
   }
   .regist_table_area table tr th,
   .regist_table_area table tr td{
       display: block;
       width: 100%;
       padding: 0;
   }
   .regist_table_area table tr th{
       padding-top: 5px;
       white-space:wrap;
   }
   .regist_table_area table tr td{
       padding-bottom: 5px;
   }
}
@media screen and (max-width:414px){
  .red_big_txt{
    display: block;
  }
  .intern_img{
  	width:80%;}
}
@media screen and (max-width:350px){
  .sche_btn{
    width: auto;
  }
  .sche_btn img {
    width: 40%;
}
.sche_btn p span{
  font-size: 18px;
}

}