@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 全体設定 */
body{
	font-family: 'American Typewriter', serif;
}
p{
	font-family: 'コーポレート明朝 ver3', serif;
}
.flex{
	display: flex;
}
ul li {
  list-style-type: none; 
	color: #000000;
}
ul li a{
	color: #000000;
	text-decoration: none;
}
.logo{
	display: none;
}
#header-in{
	display: none;
}
.article-header{
	display: none;
}
.article-footer{
	display: none;
}
#breadcrumb{
	display: none;
}

.fixed_bg{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0; 
  	left: 0; 
	background-image: url('http://new-restart.co.jp/wp-content/uploads/2025/05/top_pc_kv_bg-scaled.webp');
	background-size: cover;
	z-index: -1;
}
.navi{
	background: initial;
}
#main{
	background: initial;
}
.footer-bottom{
	margin-top: 0px;
}
.footer-bottom-content{
	float: initial!important;
	text-align: center;
}

.maxwidth_crm{
	max-width: 1000px;
}
.text_gold{
	color: #D6B269;
}
.sp_only{
	display: none!important;
}

/* ヘッダー */
.header_incrm{
	padding: 40px 0;
}
.navi_ul{
	padding: 0px;
	justify-content: center;
}
.navi_mark{
	width: 11px;
	margin: 0 20px;
}
.navi_contact{
	color: #A57C27;
}

/* トップページ */
.kv_logo{
	width: 400px;
	padding-bottom: 400px;
}
.section{
	padding-bottom: 260px;
}
.section_title{
	font-size: 72px;
	font-weight: 400!important;
}
.title_line{
	width: 402px;
}
.text_big{
	font-size: 24px;
}

.vision_img{
	width: 766px;
}
.mission_img{
	width: 707px;
}
.value_img{
	width: 498px;
}

.contact_crm{
	background-image: url('http://new-restart.co.jp/wp-content/uploads/2025/05/top_contact_bg02.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 670px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/* 会社概要ページ */
.page_title{
	padding-top: 10%;
	padding-bottom: 600px;
}
.company_contents_box{
	border-bottom: 1px solid #000000;
	padding-bottom: 30px;
}
.outline_crm{
	background: #FFF;
	border: 3px solid #000000;
	border-radius: 40px;
	padding: 80px;
	max-width: 65%!important;
}
iframe{
	width: 1000px;
	height: 396px;
	margin: 0 auto;
	border: 3px solid #000000!important;
	border-radius: 20px;
}

/* お問い合わせページ */
.contact_title{
	width: 20%;
}
.contact_text{
	width: 80%;
}
.contact_mt30{
	margin-top: 30px;
}
.contact_mt80{
	margin-top: 80px;
}
.privacy_crm{
	justify-content: center;
}
.wpcf7-spinner{
	display: none;
}
.submit_crm{
	text-align: center;
}
.submit{
	width: 190px!important;
	border: 1px solid #000000!important;
	border-radius: 30px!important;
}
input{
	height: 70px;
	border: 1px solid #000000!important;
}
textarea{
	border: 1px solid #000000!important;
}
input[type="checkbox"]{
	height: initial!important;
}

.submit:hover{
	background: #000000!important;
	color: #FFF;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}


/* 採用ページ */
.reason_img{
	width: 530px;
	margin: 0 auto;
}
.number_crm{

}
.number_img{
	width: 1000px;
	margin: 0 auto;
}

.study_crm{
	border: 3px solid #000000;
	border-radius: 40px;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.study_incrm{

}
.study_inincrm{
	padding: 80px 160px;
	position: relative; 
}
.study_img{
	width: 240px;
	position: absolute;
	bottom: 0;
	right: 10%;
}

.teacher_title{
	margin-top: 100px;
	font-size: 24px;
}
.teacher_crm{
margin-top: 60px;
}
.teacher_text_crm{
	background: #FFF;
	border: 3px solid #000000;
	border-radius: 40px;
	padding: 80px 40px 0 40px;
	max-width: 700px!important;
	margin: 0 auto;
	margin-top: -100px;
	height: 500px;
}
.teacher_text_crm p{
	margin-bottom: 0px;
}
.teacher_text_accent{
	background: #D6B269;
	border-radius: 5px;
	color: #FFF;
	width: 50%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px!important;
}
.teacher_text_accent02{
	background: #F8F5EF;
	border-radius: 10px;
	padding: 22px 26px;
	margin-top: 20px;
}

.interview_crm{
	background: #FFF;
	border: 3px solid #000000;
	border-radius: 40px;
	padding: 80px;
	max-width: 700px!important;
	margin: 0 auto;
	margin-top: -100px;
}
.interview_img{
	width: 215px;
}
.employee_contents_crm{
	border-bottom: 1px solid #000000;
	padding-bottom: 40px;
}
.recommendation_crm{
	margin-top: 95px;
}
.recommendation_img{
	width: 472px;
}
.faq_crm{
	border-bottom: 1px solid #000000;
	padding-bottom: 40px;
}
.faq_title{
	margin-bottom: 0px!important;
}
.faq_text{
	padding-left: 20px;
	margin-top: 20px!important;
	margin-bottom: 0px!important;
}

.other_crm{
	margin-top: 80px;
	margin-bottom: 120px;
}

.faq_section{
	background: #FFF;
	padding: 5% 0;
	border-radius: 20px;
	margin-bottom: 80px!important;
	width: 80%;
	margin: 0 auto;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc_only{
		display:none!important;
	}
	.sp_only{
		display: block!important;
	}
	.section{
		padding-bottom: 80px;
	}
	.text_big{
		font-size: 16px;
		margin-bottom: 20px!important;
	}
	p{
		font-size: 13px;
	}
	.mobile-footer-menu-buttons{
		display: none;
	}
	.contact_crm{
		width: 100%;
	}
	.navi_text{
		font-size: 12px;
	}
	.navi_mark{
		margin: 0 7px;
		width: 8px;
	}
	.kv_logo{
		width: 200px;
		margin-top: 70px;
		padding-bottom: 180px;
	}
	.vision_img{
		width: 297px;
	}
	.mission_img{
		width: 297px;
	}
	.value_img{
		width: 208.5px;
	}
	.fixed_bg{
		background-image: url('http://new-restart.co.jp/wp-content/uploads/2025/05/sp_kv_bg.webp');
		background-size: cover;
		background-position: center;
	}
	.title_line_crm{
		margin-bottom: 15px!important;
	}
	.title_line{
		width: 156px;
	}
	.section_title_crm{
		margin-bottom: 15px!important;
	}
	.section_title{
		font-size: 24px;
	}
	.section_sub{
		font-size: 12px;
	}
	.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
		width: 80%;
	}
	.contact_crm{
		background-image: url('http://new-restart.co.jp/wp-content/uploads/2025/05/sp_top_contact_bgnew04.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		padding: 0px;
		width: initial;
		height: 630px;
	}
	
	/* 会社概要ページ */
	.page_title{
		font-size: 36px;
		padding-top: 30%;
		padding-bottom: 180px;
	}
	.outline_crm{
		max-width: 100%!important;
		padding: 40px;
	}
	.company_contents_box{
		padding-bottom: 14px;
	}
	.company_contents_box{
		gap: 20px!important;
	}
	
	/* 事業内容ページ */
	.business_img{
		width: 120px;
		margin: 0 auto;
	}
	.text_big{
		text-align: center;
	}
	.business_text{
		text-align: center;
	}
	.education_crm{
		flex-direction: column-reverse;
	}
	.contact_box{
		display: block;
	}
	.contact_title{
		width: 100%;
	}
	.contact_text{
		width: 100%;
	}
	.contact_mt30{
		margin-top: 15px;
	}
	.contact_mt80{
		margin-top: 40px;
	}
	.submit{
		height: 50px!important;
	}
	
	/* 事業内容ページ */
	.reason_img{
		width: 100%;
	}
	.number_img{
		width: 100%;
	}
	.study_inincrm{
		padding: 20px;
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.check_img{
		width: 15px;
	}
	.check_crm{
		gap: 0px;
		margin-bottom: 20px!important;
	}
	.study_img{
		width: 160px;
		right: 5%;
	}
	
	/* 採用ページ */
	.interview_img{
		width: 110px;
	}
	.teacher_text_crm{
		padding: 80px 10px 0 10px;
		height: 530px;
		border-radius: 20px;
		padding-bottom: 10%;
	}

	.interview_crm{
		padding: 100px 20px 40px 20px;
		border-radius: 20px;
	}
	.study_crm{
		border-radius: 20px;
	}
	.Employee_textmb5{
		margin-bottom: 5px!important;
	}
	.Employee_text{
		font-size: 14px;
	}
	.faq_section{
	padding: 5% 5%;
	width: 100%;
	}
	.other_crm{
		margin-top: 40px;
	}
	.recommendation_img{
		width: 100%;
	}
	.teacher_crm{
		gap: 10px!important;
	}
	.teacher_text_accent{
		width: 110px;
	}
}