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


/*
Template: deer
Theme Name:deer_child
Theme URI:https://fanfare-co-ltd.com/deer/
Description:WordPressテーマ『deer』の子テーマです
Author:JUNICHI
Version:1.0.0
*/ 

/*コードを追加する場合はこの下からお願いします↓*/
/*-------- 共通 --------*/  
body {
		font-family: 'Sawarabi Gothic', Helvetica, Arial, sans-serif ;
}

div.post h2{
	color: #363636;
	background-color: transparent !important;
	font-size: 42px;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Sawarabi Gothic', Helvetica, Arial, sans-serif ;
	padding:10px 0;
	margin: 0 0 0 10px;
}
#content .post h2 {
	padding-left:0;	
}
#content div#contentInner {
    max-width: 1200px;
    margin-bottom: 0;
    padding-bottom: 0;
}

div.post h3 {
	color: #333;
}

/* ページトップに戻るボタン位置調整 */
div#page-top {
    bottom: 130px;
}
div#page-top a {
    width: 55px;
    height: 55px;
	line-height: 50px;
}



/* ヘッダーメニュー下の線消す */
#header-upper-area, #change-header-upper-area {
	box-shadow: none;
}

/* TOPお知らせ */
.page-id-12600 .post ul {
	padding: 0;
}
.page-id-12600 .post li {
	padding-bottom: 10px;
}
.page-id-12600 .post ul div.top_news {
	margin: 0;
	display: flex;
}
/* .page-id-12600 .post ul div.wp-block-column {
	flex-basis: 12%!important;
}
.page-id-12600 .post ul div.top_news_right {
	flex-basis: 84%!important;
} */
.page-id-12600 .post ul div.top_news h2{
	margin: 0;
	padding:0;
}
.page-id-12600 .post ul div.top_news h2 a{
	text-decoration: none;
}
@media only screen and (max-width: 440px){
	.page-id-12600 .post ul div.top_news {
		display: block;
	}
	.page-id-12600 .post ul div.top_news h2 {
		font-size: 13px !important;
	}
}



.border-y {
	border-bottom: 1px solid #FFDB14;
}

/*.wp-block-cover .wp-block-cover__image-background {
	height: 250px;
}
.wp-block-cover {
	min-height: 250px;
}*/

/*@media screen and (max-width: 840px){
	article .wp-block-cover, .wp-block-cover-image {
		min-height: 500px;
	}
}
@media screen and (max-width: 480px){
	article .wp-block-cover, .wp-block-cover-image {
		height:500px;
		max-height: 500px;
	}
}*/

@media screen and (max-width: 840px){
	p.has-text-align-center.has-white-color.has-text-color strong {
		font-size: 6vw!important;
	}
}
@media screen and (max-width: 480px){
	p.has-text-align-center.has-white-color.has-text-color strong {
		/* font-size: 6vw!important; */
		font-size: 5vw!important;
	}
}

@media only screen and (max-width: 768px){
	.post h2{
		font-size:  5vw!important;
	}
	.font-size-s,.font-size-m {
		font-size: 6vw!important;
	}
}
@media only screen and (max-width: 440px){
	.post h2{
		font-size:  6vw!important;
	}	
	.font-size-s {
		font-size: 18px!important;
	}
}


.youtube-container{
    padding-top: 0 !important;
}
div.Recruit-text p{
	    font-size: 11px;
    line-height: 25px;
    margin-bottom: 20px;
}
.Recruit-table table tr td{
	font-size:11px;
	border:none !important;
}

#newposts h2.widgettitle{
display:none;
	}

.border-ddd {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/*-------- TOPページ-------- */
/* フロントページ背景 */
.page-id-12600 {
	background-color:#fff;
}
.page-id-12600 #totalcover,.page-id-12600 #contentInner {
	background-color:#333333;
}
/* 縁取り */
.font-edging {
  text-shadow:1px 1px 0 #3e3e3e, 2px 2px 0 #000;
}

/* スライダーのページャーカラー */
ol.flex-control-paging li a {
	background: #ccc;
	background: rgba(255,255,255,.5);
}

ol.flex-control-paging li a.flex-active {
	background: #fff;
	background: rgba(255,255,255,1);	
}

/*フロントページ 中央寄せ 幅800px固定*/
.page-id-12600 .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
	    max-width: 800px !important;
}
.page-id-12600  .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
		    max-width: 800px !important;
}

/*フロント下部_blog*/
@media only screen and (max-width: 769px){
	.random_pc{
		display:none;
	}	
}
@media only screen and (min-width: 770px){
	.random_sp{
		display:none;
	}	
}
div#top-under {
	max-width: 1500px;
}
.arpw-ul{
	display:flex;
	justify-content: center;
	flex-wrap: wrap; /* 折返し指定 */
}
.arpw-li{
	width: calc(19% - 35px);
    font-size: 14px;
    margin: 16px;
    padding: 22px 21px 25px 20px;
    color: #FFF;
    box-shadow: 1px 1px 2px 1px #c5c5c5;
    background: #fff;
    border-radius: 5px;
}

.arpw-li a{
	text-decoration:none;
}
img.arpw-thumbnail.alignleft.lazyloaded{
	padding-bottom: 20px;
}

time.arpw-time.published{
	padding-top:10px;
}

@media (max-width: 767px) {
	.arpw-ul{
	display:block;
}
	.arpw-li{
	width:80%;
	margin:0 auto;
    font-size: 12px;
}
	img.arpw-thumbnail.alignleft.lazyloaded{
	padding-bottom: 10px;
}
img.arpw-thumbnail.alignleft.lazyloaded{
	width:110px;
}
}

/*-------- 下層ページ --------*/
@media only screen and (max-width: 500px){
	.image_pc{
		display: none;
	}	
	.image_sp{
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}
	.image_sp img{
		display: block;
		height: auto;
		width: 100%;
	}
}
@media only screen and (min-width: 501px){
	.image_sp{
		display:none;
	}
	.image_pc{
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}
	.image_pc img{
		display: block;
		height: auto;
		width: 100%;
	}
}
figure.image_sp:where(figure) {
    margin-bottom: 0;
}

/*-------- 施工事例 --------*/
/* 目次 */
ol.construction_content {
  background: #e7e6db;
  box-shadow :0px 0px 0px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
ol.construction_content li {
  line-height: 1.5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
ol.construction_content li a {
	text-decoration: none;
}


/* 施工事例文字サイズ */
div.construction_cover h3{
    border: none;
    font-size: 36px;
    margin: 0;
}
div.construction_cover h1{
	padding-top: 40px;
}

div.construction_cover p {
    margin: 0;
    font-size: 26px;
}


/* 会社概要MESSAGE文字サイズ */
div.about_message_cover p{
    line-height: 24px;
    margin-bottom: 10px;
}

/* 会社概要テーブル */
.page-id-6550 table,
.page-id-6550 tr,
.page-id-6550 td,
.page-id-6550 th {
	border: none;
}
tr.table-odd td {
/*	background-color: #FFDB14;*/
	color: #3e3e3e;
}
.table-even {
	background-color: #3e3e3e;
}

/* 募集要項テーブル線削除 */
table.recruit_form, table.recruit_form dr, table.recruit_form td {
    border: none!important;
}

/* 募集要項カバー可変 */
.page-id-12824 .wp-block-image {
	margin: 0;
}
.page-id-12824 .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    max-width: 1500px !important;
}
.page-id-12824 .wp-block-cover.deer-cover-block-simple {
    padding: 0;
}


/* 画像幅いっぱい */
.full_width_image {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.full_width_image img{
    display: block;
    height: auto;
    width: 100%;
}

/* SNSアイコン */
.yokonarabi-wrap .yokonarabi-inner {
    margin: 0 10px;
}
.yokonarabi-wrap .yokonarabi-inner a {
	margin: 0 10px 10px 10px;
	color: #fff;
}
@media only screen and (max-width: 779px){
	.yokonarabi-inner {
	    font-size: .85rem;
	}	
}

/* 追従アイコン */
.JoinUs_fixed {	
	position: fixed;
	right: 0px;
	bottom: 20px; 
	z-index: 1;
}
.JoinUs_fixed_left {	
	position: fixed;
	right: 300px;
	bottom: 20px; 
	z-index: 1;
}
.recruit_fixed {
	position: fixed;
	right: 0px;
	bottom: 20px; 
	z-index: 1;	
}
@media screen and (max-width: 780px){
	.JoinUs_fixed {
		right: 0;
		bottom: 50px;
		width: 180px;
	}
	.JoinUs_fixed_left {
		right: 170px;
		bottom: 50px;
		width: 180px;
	}
	.recruit_fixed {
		right: 0px;
		bottom: 100px; 
		z-index: 1;	
	}
}


/* ブログ幅 */
.none-sidebar .post {
	max-width: 1000px;
}

/* 履歴書ページ */
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 1px solid #3e3e3e;
}

table.CF7_table tr{
	border: 1px solid #3e3e3e;
}

table.CF7_table th {
	color:#333;
	text-align: left;
	background-color: #ebebeb;
	border: 1px solid #3e3e3e;
}
table.CF7_table td {
	color: #3e3e3e;
	background-color: #fff;
	border: 1px solid #3e3e3e;
}

table.CF7_table p 
	{
		margin-bottom: 0px;
	}

div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    max-width: 1000px !important;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}
/* 問い合わせページ */
.contact_add_size {
	font-size: 4vw;
}
@media screen and (max-width: 780px){
	.contact_add_size {
		font-size: 8vw;
	}
}

/*入力欄*/
.CF7_table input[type="text"],
.CF7_table input[type="email"],
.CF7_table textarea {
	border: 1px solid #d8d8d8;
	border-radius: 0;
	width: 100%;
}
.CF7_table input[type="file"] {
	border: none;
}

.CF7_table ::placeholder {
	color:#797979;
}

.CF7_table text {
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #de2060;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	min-width:80px;
	background-color:#ebedf5;
	}
	.CF7_table td{
	width:60%;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
		background-color:#ebedf5;
		box-sizing: border-box;
		border: none;
	}
	.CF7_table td{
		box-sizing: border-box;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit,
.CF7_btn input.wpcf7-submit{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color: #FFDB14;
	border: none;
	color: #3e3e3e;
	transition: 0.5s;
	text-align: center;
	border-radius:0;
}
.wpcf7 input.wpcf7-submit:hover,
.CF7_btn input.wpcf7-submit:hover{
	background-color: #666;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/*-------- プライバシーポリシー --------*/
.page-id-6688 div#content div.post h2 {
    margin: 4rem auto 1rem 0;
    padding: 0 0 0 1rem;
    font-size: 1.4rem;
    border-left: 5px solid #333;
	line-height: 1.2;
}
.page-id-6688 div#content div.post h2.pp_h2 {
		padding: 0;
		font-size: 2.4rem;
		border-left: none;
		line-height: 1.4;
}


/* プライバシーポリシーのリストの色 */
/*.post ul.privacy-policy-white li {
	color: #fff;
}
.post ul.privacy-policy-white li::marker {
	color: #fff;
}*/


/* footer */
#footer-navigation li a {
    border: 1px solid #fff;
}
.footer-navi #footer-navigation li a:hover {
    color: #3e3e3e;
    background: #dddc;
}

.btn_center{
	text-align:center;
}

/* --------snow monkey forms-------- */
.smf-form {
	margin:0 auto;
	border-top: 1px solid #3e3e3e;
}

.smf-form .wp-block-snow-monkey-forms-item,
.smf-form .smf-item{
	border-bottom: 1px solid #3e3e3e;
	display: flex;
}

.smf-form .smf-item__col--label {
	color:#333;
	text-align: left;
	background-color: #ebebeb;
	border-left: 1px solid #3e3e3e;
	border-right: 1px solid #3e3e3e;
	padding: 10px;
	width: 30%;
	min-width: 80px;
	display: flex;
	align-items :center;
}
.must .smf-item__label::before {
	content: "必須";
	font-size: .9em;
    padding: 5px;
    background: #de2060;
    color: #fff;
    border-radius: 3px;
    margin-right: 1em;
}
.optional .smf-item__label::before {
	content: "任意";
	font-size: .9em;
	padding: 5px;
	background: #bdbdbd;
	color: #fff;
	border-radius: 3px;
	margin-right: 1em;
}

.smf-form .smf-item__col--controls {
	color: #3e3e3e;
	background-color: #fff;
	border-right: 1px solid #3e3e3e;
	padding: 10px;
	width: 70%;
}

.smf-form p 
	{
		margin-bottom: 0px;
	}

div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    max-width: 1000px !important;
}

/*入力欄*/
.smf-form input[type="text"],
.smf-form input[type="email"],
.smf-form textarea {
	border: 1px solid #d8d8d8;
	border-radius: 0;
	width: 100%;
}
.smf-form input[type="file"] {
	border: none;
}

.smf-form ::placeholder {
	color:#797979;
}

/* 下部チェックボックス */
.smf-form .smf_checkbox {
	border: none;
	display: block;
}
.smf-form .smf_checkbox .smf-item__col {
	border: none;
	background-color: transparent;
}


/* 「送信する」ボタン */
.smf-action .smf-button-control__control{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color: #FFDB14;
	background-image: none;
	border: none;
	color: #3e3e3e;
	transition: 0.5s;
	text-align: center;
	border-radius:0;
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	.smf-form {
		width:100%;
	}
	.smf-form .wp-block-snow-monkey-forms-item,
	.smf-form .smf-item{
		display: block;
		width: 100%;
	}
	.smf-form .smf-item__col--label,
	.smf-form .smf-item__col--controls{
		border: none;
		border-left: 1px solid #3e3e3e;
		border-right: 1px solid #3e3e3e;
		width: 100%;
	}
	.smf-item__controls p {
		font-size: 0.8em;
	}

	

	
	
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
		background-color:#ebedf5;
		box-sizing: border-box;
		border: none;
	}
	.CF7_table td{
		box-sizing: border-box;
	}
}

p.red_text{
	color:red;
}

#container article .top-online-store {
	padding-top: 0;
}
/* 求人・スクール　タイピング風 */
.typing {
/*   height: 80vh; */
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
 
.typing.typing--active {
    opacity: 1;
  width: 31ch;
  animation: typing 3s steps(16), effect .3s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes effect {
  50% {
    border-color: transparent
  }
}

#container .top-recruitment .wp-block-cover__inner-container {
	width: auto;
}
body.page-template-page-one-column h2.typing {
	padding: 0;
}

/* 求人・スクールのスマホ版縦幅 */
@media screen and (max-width: 768px){
	#container article .wp-block-cover.deer-cover-block-simple.top-recruitment {
		min-height: 240px!important;
	}
	.post .top-recruitment h2 {
		font-size:  5vw!important;
	}

}
@media screen and (max-width: 480px){
	#container article .wp-block-cover.deer-cover-block-simple.top-recruitment {
		min-height: 160px!important;
	}
}


@media screen and (max-width: 768px){
	.pc_onry {
		display: none;
	}
}