@charset "UTF-8";
@import "style_third.css";
@import "thickbox.css";


/*second_title*/
.sec_title_school h2{display: flex;height: 100%;align-items: center;justify-content: center;color: #fff;font-weight: bold;flex-wrap: wrap;text-align: center;}
.sec_title_school h2 span.SubTitle{display: block;width: 100%;text-align: center;}

figure span{display: block;width: 100%;height: 0;padding-top: 100%;font-size: 0;text-indent:100%;white-space:nowrap;overflow:hidden;background-size: cover;background-repeat: no-repeat;background-position: center;}
h3{font-weight: bold;text-align: center;color: #000;}

.layout_content table{border-top: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;}
.layout_content table th,.layout_content table td{border-bottom: 1px solid #c7c7c7;}


.layout_content .Btn{display: flex;justify-content: center;}
.layout_content .Btn a{display: inline-block;color: #fff;text-decoration: none;position: relative;background: #e13a45;text-align: center;font-weight: bold;width: 100%;border-radius: 100vh;}
.layout_content .Btn a::before{content: "";display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.layout_content .Btn a:hover{background: #d2000e;}



@media screen and (max-width:767px) {

    .Btn a::before{width: 17.5px;height: 17.5px;background: url(../images/SP/icon_btn_w.png) no-repeat;background-size: contain;}

    .sec_title_school{background: url(../images/SP/bg_sec_school.jpg) center no-repeat;background-size: cover;height: 160px;}

    .AreaWrapper{padding: 40px 15px;}
    .sec_title_school h2{font-size: 20px;text-shadow: 2.5px 2.5px 2.5px rgba(0, 0, 0, 0.3);}
    span.SubTitle{display: block;font-size: 13px;}

    .layout_content h3 .Title{font-size: 23px;}

    .layout_content table{border-top: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;}
    .layout_content table th,.layout_content table td{font-size: 14px;}

}


@media screen and (min-width:768px) {
    .sec_title_school{background: url(../images/bg_sec_school.jpg) center no-repeat;height: 300px;}
    .sec_title_school h2{font-size: 40px;text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
    .sec_title_school h2 span.SubTitle{display: none;}

    .layout_content .Btn a::before{width: 24px;height: 24px;background: url(../images/icon_com_btn.png) no-repeat;background-size: contain;}
    .layout_content h3 .Title{font-size: 34px;}
}


.first_text{font-size:16px;line-height:30px;max-width:970px;margin:0 auto;}
.first_text_2{font-size:18px;line-height:30px;max-width:970px;margin:0 auto;}

/** common_parts ****/
.no_pd{padding:0;}
.com_section.pd_50{padding:50px 0;}
.com_section.pd_60{padding:60px 0;}
.come_area{padding:40px 0;}

.come_table{width:100%;}
.come_table th,.come_table td{padding:10px;}
.come_table th{background:#f46065;color:#ffffff;text-align:center;border:1px solid #e5e5e5;font-size:16px;}
.come_table td{background:#ffffff;border:1px solid #e5e5e5;}

.columns_2_list .box{width:100%;}
.columns_2_list.on_img .box{max-width:calc(100% - 300px);width:100%;}
.columns_2_list{text-align:left;display:flex;flex-wrap:wrap;}
.columns_2_list .text{font-size:16px;line-height:1.75;}
.columns_2_list .image{max-width:260px;width:100%;display:inline-block;margin-left:auto;background-size:cover;background-repeat:no-repeat;font-size:0;padding-top:24%;background-position:center;}

h4.come_title span{font-size:16px;}
.evaluate ul{border-top:1px solid #f67587;border-left:1px solid #f67587;border-bottom:1px solid #f67587;display:flex;margin-bottom:20px;}
.evaluate ul li{display:inline-block;border-right:1px solid #f67587;color:#f67587;text-align:center;width:25%;line-height:34px;}
.evaluate.check_very_good ul li.v_good,
.evaluate.check_good ul li.good,
.evaluate.check_bad li.bad,
.evaluate.check_very_bad ul li.v_bad{background:#f67587;color:#ffffff;}

/*entrance,student*/
.columns_2.area_list .title{font-size:26px;line-height:36px;text-align:center;z-index:2;position:relative;
font-weight:bold;padding-top:5px;}
.columns_2.area_list .column .inner{background:#ededed;position:relative;padding-top:216px;}
.columns_2.area_list .image{display:block;background-size:cover;background-repeat:no-repeat;font-size:0;height:216px;background-position:center;max-width:520px;width:100%;position:absolute;top:0;left:0;}
.columns_2.area_list .column .area_text{background:#ffffff;padding:40px;font-size:15px;line-height:27px;position:relative;}
.columns_2.area_list .com_btn_m{display:inline-block;text-align:center;color:#ffffff;font-size:17px;line-height:52px;background:#f56773;text-decoration:none;-webkit-border-radius:26px;-moz-border-radius:26px;  border-radius:26px;width:327px;position:relative;font-weight:bold;padding:0;}

.columns_3.area_list .title{font-size:26px;line-height:1.3;text-align:center;z-index:2;position:relative;
font-weight:bold;padding-top:5px;}
.columns_3.area_list .column .inner{background:#ededed;position:relative;}
.columns_3.area_list .image{display:block;background-size:cover;background-repeat:no-repeat;font-size:0;height:200px;background-position:center;max-width:520px;width:100%;}
.columns_3.area_list .column .area_text{background:#ffffff;padding:25px 28px 30px;font-size:15px;line-height:27px;position:relative;}
.columns_3.area_list .column .area_text .text{padding-top: 15px;}
.columns_3.area_list .com_btn_m{display:inline-block;text-align:center;color:#ffffff;font-size:17px;line-height:48px;background:#f56773;text-decoration:none;-webkit-border-radius:26px;-moz-border-radius:26px;  border-radius:26px;width:100%;position:relative;font-weight:bold;padding:0;}

/** come recruit **/
.come_recruit_form {width:100%;overflow-x:hidden;}
.come_recruit_form table{width: 100%;border-color: #fff;}
.come_recruit_form table th{font-weight: bold;}
.come_recruit_form table td input,
.come_recruit_form table td select,
.come_recruit_form table td textarea{max-width:95%;box-sizing: border-box;padding: 7px;font-size:14px;line-height: 1.1;border-radius: 2px;border: 1px solid #cdcdcd;}
.come_recruit_form table td p.alert{color:#df2a30;font-weight: bold;}
.come_recruit_form table th em{font-weight: bold;color: #fff;background: #df2a30;display: inline-block;padding: 0 5px;font-size: 85%;margin-left: 10px;border-radius: 2px;}
.come_recruit_form td dl{box-sizing: border-box;}
.come_recruit_form td dt{font-weight:bold;}
.come_recruit_form td input#age,
.come_recruit_form td input#tel1,
.come_recruit_form td input#mail{margin-right:5px}

.come_recruit_form td label{padding:10px 20px;margin-right:10px;background: #fdf4f4;color:#df2a30;border-radius: 5px;font-weight: bold;}
.come_recruit_form td label:hover{cursor:pointer;}
.come_recruit_form td input[type=radio]{margin-right:5px;display: none;}
.come_recruit_form td input[type=radio]:checked + label{background: #df2a30;color:#fff;}
.come_recruit_form .btn{max-width: 360px;margin: 0 auto;position: relative;}
.come_recruit_form .btn input{text-decoration: none;display: inline-block;background: #fff;width: 100%;position: relative;border-radius: 100vh;text-align: center;font-weight: bold;border:2px solid #000;height: 56px;line-height: 49px;font-size: 18px;padding-right: 0;}
.come_recruit_form .btn::after {background: url(../../images/icon_btn_p.png) no-repeat top center;width: 22px;height: 22px;right: 13px;top:50%;margin-top:-11px;position: absolute;content:"";display: block;}
.come_recruit_form .btn input:hover{cursor:pointer;}

.come_recruit_form .confirm_btns{display:flex;max-width: 480px;margin:0 auto;justify-content: space-between;flex-direction: row-reverse;}
.come_recruit_form .confirm_btns .btn{width:45%;margin:0;}
.come_recruit_form .confirm_btns .btn.back::after{right: auto;left: 13px;transform: rotate(180deg);}

@media screen and (min-width:768px) {
  .come_recruit_form table th{width: 300px;}
  .come_recruit_form table td{padding: 20px 10px;}

  .come_recruit_form td dl{display: flex;flex-wrap: wrap;}
  .come_recruit_form td dt{width: 120px;padding: 10px;}
  .come_recruit_form td dd{width: calc(100% - 140px);padding:10px;}
}
@media screen and (max-width:767px) {
  .come_recruit_form table,
  .come_recruit_form tbody,
  .come_recruit_form tr,
  .come_recruit_form th,
  .come_recruit_form td{display: block;}

  .come_recruit_form table th,
  .come_recruit_form table td{padding: 15px 10px;}
  .come_recruit_form table th{background:#f5f5f5;}
  .come_recruit_form table td span.add{display: block;font-size:95%;margin-top:5px;}
  .come_recruit_form td label{display:inline-block;width:calc(50% - 20px);box-sizing: border-box;}

  .come_recruit_form td dt{padding: 10px 0;}

  .come_recruit_form .btn{width:80%;}
  .come_recruit_form .btn input{font-size:16px;border-width:1px;}

  .come_recruit_form table.conf{margin-bottom:30px;}
}

/** AT������� **/
.At_limited {border-bottom: 5px solid #fdf4f4;}
.At_limited h3 {margin-bottom: 30px;}
.At_limited .Explain {margin-bottom: 30px;}
.At_limited table {width: 100%;}
.At_limited th,.At_limited td {padding: 20px;font-size: 20px;text-align: center;font-weight: bold;border-right: 2px solid #c7c7c7;}
.At_limited th {background: #fdf4f4;color: #d22a31;}
.At_limited th span,
.At_limited td span {font-size: 14px;}
.At_limited .M_text {margin: 30px 0;}
.At_limited table th.edge,.At_limited table td.edge {border-right: none;}