@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

.sub_txt { font-size: 18px; text-align: center; }
/*----------------------------------------------------*/
.detail_box { margin-bottom: 70px; }

/*--------hed-----------*/

.main_hed { width: 100%; margin: 0 auto; position: relative; margin-top: -150px; z-index: 10; margin-bottom: 50px; }
.main_hed_img { width: 100%; margin: 0 auto; }
.main_hed_img img { width: 100%; height: auto; }

/*----------下層---------------*/

.profile_box { background: #eff2f5; padding: 3%; position: relative; width: 74%; margin: 0 auto; margin-top: -50px; }
.profile_year { font-size: 12px; color: #9e9e9e; margin-bottom: 15px; letter-spacing: 0.02em; }
.profile_name { font-size: 20px; font-weight: bold; position: relative; padding-bottom: 15px; margin-bottom: 15px;  }
.profile_name::before { content: ""; width: 30px; height: 1px; left: 0; bottom: 0; display: block; background: linear-gradient(to right,#5194e8,#074ca2); position: absolute; }
.profile_name span.en { font-size: 16px;   padding-left: 15px; color: #074ca2; font-weight: bold; background: -webkit-linear-gradient(0deg, #5194e8, #074ca2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.profile_type { color: #9e9e9e; }

.interview_box { margin-bottom: 30px; }
.interview_box_tit { font-size: 16px; font-weight: bold; color: #074ca2; margin-bottom: 15px;  letter-spacing: 0.02em; }
.interview_box_txt { line-height: 2em; }

.message_box { width: 100%; margin: 0 auto; margin-top: 50px; }
.message_img { width: 1100px; margin: 0 auto; position: relative; z-index: 10; }
.message_img img { width: 100%; height: auto; }
.message_txtbox { padding: 40px; background:#293337; color: #fff; padding-top: 70px; margin-top: -30px; }
.message_txtbox_tit { margin-bottom: 20px; }
.message_txtbox_tit span.en { font-size: 20px; font-weight: 500; padding-right: 10px; letter-spacing: 0.09em; }
.message_txtbox_txt { line-height: 2em; }


.president_box { width: 100%; margin: 0 auto; position: relative; margin-top: -150px; z-index: 10; margin-bottom: 100px; }
.president_box::before { position: absolute; content: ""; width: 50%; height: 50%; background: linear-gradient(to right,#5194e8,#074ca2); right: -50px; bottom: -50px; display: block; z-index: -1; }
.p_imgbox { width: 100%; margin: 0 auto; }
.p_img { width: 100%; margin: 0 auto; }
.p_img img { width: 100%; height: auto; }
.p_titbox { position: absolute; left: 100px; bottom: 50px; }
.p_tit { color: #000; }
.p_tit span.p_name { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; }
.p_tit span.p_company { font-size: 14px; display: block; font-weight: 500; }
.p_txt { line-height: 2em;  }

.p_list { width: 100%; margin: 100px auto 50px; }
.p_list li { width: 50%; float: left; }
.p_list li:nth-child(n+2) { margin-top: -50px; }
.p_list_img { width: 100%; margin: 0 auto; }
.p_list_img img { width: 100%; height: auto; }



}




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




/*sp*/
@media only screen and (max-width: 768px) {


.sub_txt { font-size: 16px; text-align: center; }

/*----------------------------------------------------*/
.detail_box { margin-bottom: 70px; }

.idx_box05_list { width: 100%; margin: 0 auto; margin-top: 30px; }
.idx_box05_list li { width: 100%;  box-shadow: 0 32px 16px -16px rgba(27,27,27,.1); position: relative; }
.idx_box05_list li:nth-child(n+2) { margin-top: 30px;  }
.idx_box05_list_txtxbox { padding: 30px; position: relative; background: #fff; }
.idx_box05_list_year { font-size: 16px; margin-bottom: 10px; }
.idx_boc05_list_name { font-size: 20px; font-weight: bold; }
.idx_boc05_list_name span { padding-left: 15px; color: #074ca2; font-weight: 500; background: -webkit-linear-gradient(0deg, #5194e8, #074ca2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.idx_box05_list_type { position: absolute; right: 0; top: 0px; z-index: 10;  }
.idx_box05_list_type span { background: linear-gradient(to right,#f5a518,#df5b36); padding: 5px 15px; color: #fff;  font-size: 12px; }
.idx_box05_list_type_sub { font-size: 14px; color: #9e9e9e; }


/*----------下層---------------*/

.main_hed { width: 100%; margin: 0 auto; position: relative; margin-top: -100px; z-index: 10; margin-bottom: 50px; }
.main_hed_img { width: 100%; margin: 0 auto; }
.main_hed_img img { width: 100%; height: auto; }

.profile_box { background: #eff2f5; padding:3% 2.5%; position: relative; width: 85%; margin: 0 auto; margin-top: -50px; }
.profile_year { font-size: 12px; color: #9e9e9e; margin-bottom: 15px; letter-spacing: 0.02em; }
.profile_name { font-size: 18px; font-weight: bold; position: relative; padding-bottom: 15px; margin-bottom: 15px;  }
.profile_name::before { content: ""; width: 30px; height: 1px; left: 0; bottom: 0; display: block; background: linear-gradient(to right,#5194e8,#074ca2); position: absolute; }
.profile_name span.en { padding-left: 15px; color: #074ca2; font-weight: bold; background: -webkit-linear-gradient(0deg, #5194e8, #074ca2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; font-size: 14px; }
.profile_type { color: #9e9e9e; }

.interview_box { margin-bottom: 30px; }
.interview_box_tit { font-size: 16px; font-weight: bold; color: #074ca2; margin-bottom: 15px;  letter-spacing: 0.02em; }
.interview_box_txt { line-height: 2em; }

.message_box { width: 100%; margin: 0 auto; margin-top: 50px; }
.message_img { width: 90%; margin: 0 auto; position: relative; z-index: 10; }
.message_img img { width: 100%; height: auto; }
.message_txtbox { padding: 40px; background:#293337; color: #fff; padding-top: 70px; margin-top: -30px; }
.message_txtbox_tit { margin-bottom: 20px; }
.message_txtbox_tit span.en { font-size: 20px; font-weight: 500; padding-right: 10px; letter-spacing: 0.09em; }
.message_txtbox_txt { line-height: 2em; }

.president_box { width: 100%; margin: 0 auto; position: relative; margin-top: -100px; z-index: 10; margin-bottom: 70px; }
.president_box::before { position: absolute; content: ""; width: 50%; height: 50%; background: linear-gradient(to right,#5194e8,#074ca2); right: -30px; bottom: -30px; display: block; z-index: -1; }
.p_imgbox { width: 100%; margin: 0 auto; }
.p_img { width: 100%; margin: 0 auto; }
.p_img img { width: 100%; height: auto; }
.p_titbox { position: absolute; left: 30px; bottom: 30px; }
.p_tit { color: #fff; }
.p_tit span.p_name { font-size: 16px; font-weight: bold; display: block; }
.p_tit span.p_company { font-size: 14px; display: block; font-weight: 500; }
.p_txt { line-height: 2em;  }

.p_list { width: 100%; margin: 70px auto 50px; }
.p_list li { width: 50%; float: left; }
.p_list li:nth-child(n+2) { margin-top: -20px; }
.p_list_img { width: 100%; margin: 0 auto; }
.p_list_img img { width: 100%; height: auto; }









}