@charset "UTF-8";
@import "theme-styles2.css";
/****************************************
common parts
*****************************************/
.btn_wide{
	width:300px;
}
/****************************************
top
*****************************************/
/*fv*/
.top_fv{
	background:url(../img/img_top_fv_bg.webp) no-repeat center center / cover;
	color:#fff;
	padding:40px 0;
	position:relative;
}
.top_fv_cnt_wrap{
	width:100%;
}
.top_fv_cnt_title{
	font-size:clamp(1.5rem, 0.966rem + 2.19vw, 2.938rem);
}
.top_fv_cnt_label{
	background:#618AA6;
	display:inline-block;
	font-size:clamp(1.5rem, 0.966rem + 2.19vw, 2.938rem);
	font-weight:700;
	padding:0 20px;
}
@media screen and (max-width:768px){
	.top_fv_cnt_label{
		margin-top:10px;
	}
}
.top_fv_cnt_text{
	font-size:20px;
	margin-top:20px;
}
@media screen and (max-width:768px){
	.top_fv_cnt_text{
		font-size:18px;
	}
}
.top_fv_btns{
}
@media screen and (max-width:768px){
	.top_fv_btns{
		padding:0 4%;
		text-align:center;
		width:100%;
	}
	.top_fv_btns .btn_base{
		width:100%;
	}
}
.top_fv_badge{
	bottom:40px;
	position:absolute;
	right:40px;
	width:150px;
}
/*nums*/
@media screen and (max-width:768px){
	
}
.top_nums_item{
	background:#F2F6FF;
	border-radius:8px;
	color:#618AA6;
	padding:16px;
	width:23.4%;
}
@media screen and (max-width:768px){
	.top_nums_item{
		width:100%;
	}
	.top_nums_item+.top_nums_item{
		margin-top:20px;
	}
}
.top_nums_item_title{
	font-size:20px;
	font-weight:700;
}
.top_nums_item_num{
	font-size:72px;
	font-weight:700;
	margin-top:20px;
}
.top_nums_item_num small{
	font-size:32px;
}
.top_nums_item_text{
	font-weight:500;
}
/*sp_badge*/
.sp_badge img{
	width:150px;
}
/*client*/
.top_client_logo_slider{
	border-bottom:1px solid #F1F3F5;
	display:none;
}
.top_client_logo_slider.slick-initialized{
	display:block;
}
/*interview*/

/*difficulty*/
.top_difficulty_item_img{
    aspect-ratio: 360 / 202;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    position: relative;
    width: 100%;
}

/*feature*/
@media screen and (min-width:769px){
	.feature_item_cnt,
	.feature_item_img{
		width:50%;
	}
	.feature_item_cnt{
		padding-right:80px;
	}
}
.feature_item_cnt_title{
	font-size:24px;
}
/*model*/
.top_model{
	background:url(../img/img_top_model_bg.jpg) no-repeat center center / cover;
	padding:140px 0;
	position:relative;
}
@media screen and (max-width:768px){
	.top_model{
		padding:80px 0 50px;
	}
}
@media screen and (min-width:769px){
	.top_model_cnt{
		width:50%;
	}
	.top_model_cnt{
		padding-right:80px;
	}
}
.top_model_cnt_text{
	font-weight:500;
	line-height:2;
}

.top_model_img{
	position:relative;
}
@media screen and (min-width:769px){
	.top_model_img{
		width:45%;
	}
}
@media screen and (max-width:768px){
	.top_model_img img{
		width:100%;
	}
}
/*
.top_model_img_btn{
	height:220px;
	position:absolute;
	width:220px;
}
@media screen and (max-width:768px){
	.top_model_img_btn{
		height:136px;
		width:136px;
	}
}
.top_model_img_btn:hover{
	cursor:pointer;
	opacity:1;
}
.top_model_img_btn.btn01{
	left:50%;
	top:0;
	transform:translatex(-50%);
}
.top_model_img_btn.btn02{
	bottom:0;
	right:0;
}
.top_model_img_btn.btn03{
	bottom:0;
	left:0;
}
*/
.top_model_modal{
	height:100%;
	opacity:0;
	position:absolute;
	top:0;
	width:45%;
}
@media screen and (max-width:768px){
	.top_model_modal{
		left:4%;
		position:fixed;
		top:50%;
		transform:translatey(-50%);
		width:92%;
		z-index:99;
	}
}
.top_model_modal_inner{
	background:#618AA6;
	border-radius:0 16px 16px 0;
	color:#fff;
	height:100%;
	line-height:2;
	padding:0 80px;
	position:absolute;
	top:0;
	width:100%;
}
@media screen and (max-width:768px){
	.top_model_modal_inner{
		border-radius:16px;
		height:auto;
		left:4%;
		padding:40px 16px;
		top:50%;
		transform:translatey(-50%);
		width:92%;
	}
}
.top_model_modal.on{
	opacity:1;
}
.top_model_modal_title{
	font-size:32px;
}
@media screen and (max-width:768px){
	.top_model_modal_title{
		font-size:22px;
		line-height:1.6;
	}
}
.top_model_modal_subtitle{
	font-size:24px;
	font-weight:700;
}
@media screen and (max-width:768px){
	.top_model_modal_subtitle{
		font-size:16px;
		line-height:1.6;
	}
}
.top_model_modal_close a{
	color:#fff;
	cursor:pointer;
	font-size:15px;
	font-weight:500;
}
.top_model_modal_close a:before{
	background:url(../img/icon_top_model_close.png) no-repeat center center / contain;
	content:"";
	display:inline-block;
	height:10px;
	margin-right:10px;
	width:10px;
}
.top_model_img_btn_sp{
	border-bottom:1px solid #93C4F5;
	font-size:20px;
	font-weight:700;
	padding:20px 40px;
}
.top_model_img_btn_sp:first-child{
	border-top:1px solid #93C4F5;
}
.top_model_img_btn_sp:last-child{
	border:none;
}
.top_model_img_btn_sp a{
	display:block;
	padding-right:40px;
	position:relative;
}
.top_model_img_btn_sp a:after{
	background:url(../img/icon_top_model_plus.png) no-repeat center center / contain;
	content:"";
	height:20px;
	position:absolute;
	right:0;
	top:50%;
	transform:translatey(-50%);
	width:20px;
}
/*top_about*/
.top_about{
	margin-top:0;
	padding:160px 0 160px;
	position:relative;
}
@media screen and (max-width:768px){
	.top_about{
		padding:60px 0 ;
	}
}
.top_about_sticky_bg{
	height:100%;
	position:absolute;
	top:0;
	width:100%;
}
.top_about_sticky_bg_inner{
	height:100dvh;
	overflow:hidden;
	position:sticky;
	top:0;
}
.top_about_sticky_bg_inner .bg{
	opacity:0;
	position:absolute;
}
.top_about_sticky_bg_inner .bg01{
	height:auto;
	width:37.5%;
}
@media screen and (min-width:769px){
	.top_about_sticky_bg_inner .bg01{
		left:0;
		top:0;
		transform:translatey(-40%);
	}
}
@media screen and (max-width:768px){
	.top_about_sticky_bg_inner .bg01{
		right:0;
		top:0;
		transform:translate(30%,40%);
		width:240px;
	}
}
.in .bg01{
	opacity:1;
	transition:.7s 1s;
}
.top_about_sticky_bg_inner .bg02{
	height:auto;
	opacity:0;
	width:69.4%;
}
@media screen and (min-width:769px){
	.top_about_sticky_bg_inner .bg02{
		right:0;
		top:0;
		transform:translate(30%,-30%);
	}
}
@media screen and (max-width:768px){
	.top_about_sticky_bg_inner .bg02{
		left:0;
		top:0;
		transform:translate(-30%,-50%);
		width:552px;
	}
}
.in .bg02{
	opacity:1;
	transition:.7s 2s;
}
.top_about_sticky_bg_inner .bg03{
	height:auto;
	opacity:0;
	width:66.6%;
}
.top_about_cnt{
	position:relative;
	z-index:2;
}
@media screen and (min-width:769px){
	.top_about_sticky_bg_inner .bg03{
		left:5%;
		bottom:0;
		transform:translatey(60%);
	}
}
@media screen and (max-width:768px){
	.top_about_sticky_bg_inner .bg03{
		right:0;
		bottom:0;
		transform:translate(10%,40%);
		width:394px;
	}
}
.in .bg03{
	opacity:1;
	transition:.7s 3s;
}
@media screen and (min-width:769px){
	.top_about_cnt_title,
	.top_about_cnt_text{
		width:50%;
	}
	.top_about_cnt_pcfixed{
		position:sticky;
		top:100px;
	}
}
.top_about_cnt_text p{
	font-size:19px;
	font-weight:700;
	line-height:2.5;
}
.top_about_cnt_text_logo{
	height:64px;
}
/*security*/
.top_security_item_title{
	font-size:20px;
}
.top_security_item_img{
    aspect-ratio: 360 / 202;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    position: relative;
    width: 100%;
}
.top_security_mark img{
	height:80px;
}
/*news*/
@media screen and (min-width:769px){
	.top_news_title{
		width:24%;
	}
}
.top_news_items{
	height:280px;
	overflow-y:scroll;
}
@media screen and (min-width:769px){
	.top_news_items{
		width:76%;
	}
}
@media screen and (max-width:768px){
	.top_news_items{
		height:450px;
	}
}
.top_news_item{
	background:#F2F6FF;
	border-radius:4px;
	padding:16px 20px;
}
.top_news_item + .top_news_item{
	margin-top:10px;
}
@media screen and (max-width:768px){
	.top_news_item + .top_news_item{
		margin-top:16px;
	}
}
.top_news_item_time{
	color:#7F8891;
	font-weight:500;
}
@media screen and (min-width:769px){
	.top_news_item_time{
		border-right:1px solid #7F8891;
		padding-right:20px;
		width:14%;
	}
	.top_news_item_title{
		overflow:hidden;
		padding-left:20px;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:86%;
	}
}
@media screen and (max-width:768px){
	.top_news_item_title{
		height:50px;
		overflow:hidden;
	}
}
/****************************************
about
*****************************************/
.fv_about{
	height:810px;
	overflow:hidden;
	position:relative;
}
@media screen and (max-width:768px){
	.fv_about{
		height:100dvh;
	}
}
.fv_about .inner_base{
	position:relative;
	z-index:2;
}
.fv_about .bg{
	position:absolute;
}
.fv_about .bg01{
	height:auto;
	width:37.5%;
}
@media screen and (min-width:769px){
	.fv_about .bg01{
		left:0;
		top:0;
		transform:translatey(-40%);
	}
}
@media screen and (max-width:768px){
	.fv_about .bg01{
		right:0;
		top:0;
		transform:translate(30%,40%);
		width:240px;
	}
}
@media screen and (min-width:769px){
	.fv_about .bg02{
		right:0;
		top:0;
		transform:translate(30%,-30%);
	}
}
@media screen and (max-width:768px){
	.fv_about .bg02{
		left:0;
		top:0;
		transform:translate(-30%,-50%);
		width:552px;
	}
}
.fv_about .bg03{
	height:auto;
	width:66.6%;
}
@media screen and (min-width:769px){
	.fv_about .bg03{
		left:5%;
		bottom:0;
		transform:translatey(60%);
	}
}
@media screen and (max-width:768px){
	.fv_about .bg03{
		right:0;
		bottom:0;
		transform:translate(10%,40%);
		width:394px;
	}
}
.fv_about_title{
	font-size:40px;
}
@media screen and (max-width:768px){
	.fv_about_title{
		font-size:28px;
	}
}
.about_sec_subtitle{
	color:#618AA6;
	font-weight:700;
}
@media screen and (min-width:769px){
	.about_feature_cnt,
	.about_feature_figure{
		width:50%;
	}
	.about_feature_cnt{
		padding-right:80px;
	}
}
.about_feature_cnt{
	font-weight:500;
	line-height:2;
}
@media screen and (max-width:768px){
	.about_feature_cnt .sec_title{
		font-size:23px;
	}
}
.about_feature_figure{
	overflow-x:scroll;
}
@media screen and (max-width:768px){
	.about_feature_figure_table{
		width:580px;
	}
}

.about_feature_figure_table_left,
.about_feature_figure_table_right{
	width:50%;
}
.about_feature_figure_table_left div,
.about_feature_figure_table_right div{
	padding:10px 20px;
}
.about_feature_figure_table_left div + div,
.about_feature_figure_table_right div + div{
	margin-top:8px;
}
.about_feature_figure_table .th{
	font-size:20px;
	font-weight:700;
}
/*about_feature_figure_table_left*/
.about_feature_figure_table_left{
	padding-right:4px;
}
.about_feature_figure_table_left div:nth-child(odd){
	background:#F1F3F5;
}
.about_feature_figure_table_left div:nth-child(even){
	background:rgba(241, 243, 245, 0.5);
}
.about_feature_figure_table_left .line2{
	line-height:51.19px;
}
/*about_feature_figure_table_right*/
.about_feature_figure_table_right{
	color:#618AA6;
	padding-left:4px;
}
.about_feature_figure_table_right div:nth-child(odd){
	background:#F2F6FF;
}
.about_feature_figure_table_right div:nth-child(even){
	background:rgba(242, 246, 255, 0.5);
}
/****************************************
お問い合わせフォーム
*****************************************/
.page_contact_main{
/*
	padding-bottom:160px;
*/
    padding: 0 15px;
}
@media screen and (max-width:768px){
	.page_contact_main{
/*
		padding-bottom:80px;
*/
        padding: 0;
	}
}
.page_contact_title{
	font-size:40px;
	text-align:center;
}
@media screen and (max-width:768px){
	.page_contact_title{
		font-size:30px;
	}
}
.page_contact_cnt_text{
	font-size:17px;
}
.page_contact_cnt_text a{
	text-decoration:underline;
}
.page_contact_form{
	font-size:14px;
}
.page_contact_form_note{
	background:#f1f1f1;
	padding:20px;
}
.page_contact_form_note strong{
	font-size:18px;
	font-weight:400;
}
.hissu_text{
	font-size:12px;
	margin-top:20px;
	text-align:center;
}
.page_contact_form_item + .page_contact_form_item{
	margin-top:40px;
}
@media screen and (max-width:768px){
	.page_contact_form_item + .page_contact_form_item{
		margin-top:20px;
	}
}
.page_contact_form_item_label{
	font-weight:700;
}
.page_contact_form_item input[type="text"],
.page_contact_form_item input[type="email"],
.page_contact_form_item input[type="tel"]{
	border-radius:99em;
	border:1px solid #ccc;
	font-size:14px;
	padding:15px;
	width:100%;
}
.page_contact_form_item_note{
	margin-top:5px;
}
.page_contact_form_item_note.error {
	color: #e93a77;
	font-weight: 600;
}
.page_contact_form_item textarea{
	border:1px solid #ccc;
	font-size:14px;
	height:200px;
	padding:15px;
	width:100%;
}
.page_contact_form_item_doi{
	flex-wrap:nowrap;
}
.page_contact_form_item_doi a{
	color:#476A8B;
	text-decoration:underline;
}
.page_contact_form_box_error {
	margin: 15px 0;
	padding: 15px;
	border: 2px solid #e93a77;
	color: #e93a77;
	font-weight: 600;
}
/****************************************
資料ダウンロード
*****************************************/
.page_download_main{
	padding-bottom:160px;
}
@media screen and (max-width:768px){
	.page_download_main{
		padding-bottom:80px;
	}
}
.page_download_title{
	font-size:40px;
}
@media screen and (max-width:768px){
	.page_download_title{
		font-size:30px;
	}
}
.page_download_cnt_text{
	font-weight:700;
}
.speaker_title{
	border-left:4px solid #3D3C3A;
	padding-left:10px;
}
.speaker_item{
	border:1px solid #ccc;
	padding:20px;
}
.speaker_item + .speaker_item{
	margin-top:30px;
}
@media screen and (max-width:768px){
	.speaker_item + .speaker_item{
		margin-top:20px;
	}
}
@media screen and (min-width:769px){
	.speaker_item_img{
		background:#ccc;
		width:20%;
	}
}
@media screen and (min-width:769px){
	.speaker_item_cnt{
		width:calc(80% - 20px);
	}
}
.speaker_item_cnt{
	font-size:14px;
}
.speaker_item_cnt_name{
	font-weight:700;
}
.speaker_item_cnt_position{
	color:#666;
	font-size:13px;
	
}
.speaker_item_cnt_text{
	font-size:12px;
}
/****************************************
共通下層ページ
*****************************************/
.page_header_title{
	font-size:30px;
}
@media screen and (max-width:768px){
	.page_header_title{
		font-size:24px;
	}
}