@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* :::::: メニューボタンの設定 :::::: */

@media screen and (min-width: 801px){
/* :::::: toggle button :::::: */
#drawer {
	display: none;
}
label {
	cursor: pointer;
	position: fixed;
}
.open {
	z-index: 2;
	top: 8px;
	width: 120px;
	height: 120px;
	border-radius: 90px;
	background: ;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #eeeeee;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-20px);
}
.open::after {
	transform: translateY(20px);
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background:;
	transform: translatey(150px);
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(135deg) scaleX(1.2);
}
#drawer:checked + .open::after {
	transform: rotate(-135deg) scaleX(1.2);
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.menu {
	z-index: 999999999;
	position: fixed;
	overflow: auto;
	font-weight:bold;
	font-size:1.0em;
	color:#fff;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 5px;
	box-sizing: border-box;
	background: rgba(0,0,0,.6);
	transform: translatey(-100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu li:not(:first-child) {
	border-top: 1px solid rgba(255,255,255,.6);
}
.menu a {
	display: block;
	padding: 1em 2em;
	color: white;
	text-decoration: inherit;
	transition: background .6s;
}
.menu a:hover {
	background: black;
}
#drawer:checked ~ .menu {
	transform: none;
}

/*:::::エントリーフォーム:::::*/
.entry_button{
	width:85%;
	top:45px;
	display: flex;
  	justify-content: right;
	position: fixed;
	z-index:10000;
}
.entry_button_2{
	color:#fff;
	border-style:solid;
	border-color:#fff;
	background-color:#e60012;
	border-width:2px;
	border-radius:50px;
	width:150px;
	height:50px;
	text-align:center;
	padding:8px 0px;
	z-index:10000;
}
	.entry_button_2:hover{
		background-color:#000;
		transition:1.2s;
	}
}
@media screen and (max-width: 800px){
/* :::::: toggle button :::::: */
#drawer {
	display: none;
}
label {
	cursor: pointer;
	position: fixed;
}
.open {
	z-index: 2;
	top: -10px;
	width: 100px;
	height: 100px;
	border-radius:;
	background: ;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #eeeeee;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-20px);
}
.open::after {
	transform: translateY(20px);
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background:;
	transform: translatey(150px);
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(135deg) scaleX(1.2);
}
#drawer:checked + .open::after {
	transform: rotate(-135deg) scaleX(1.2);
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.menu {
	z-index: 999999999;
	position: fixed;
	overflow: auto;
	font-weight:bold;
	font-size:0.8em;
	color:#fff;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 2px;
	box-sizing: border-box;
	background: rgba(0,0,0,.6);
	transform: translatey(-100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu li:not(:first-child) {
	border-top: 1px solid rgba(255,255,255,.6);
}
.menu a {
	display: block;
	padding: 1em 2em;
	color: white;
	text-decoration: inherit;
	transition: background .6s;
}
.menu a:hover {
	background: black;
}
#drawer:checked ~ .menu {
	transform: none;
}

/*:::::エントリーフォーム:::::*/
.entry_button{
	width:95%;
	top:20px;
	display: flex;
  	justify-content: right;
	position: fixed;
}
.entry_button_2{
	color:#fff;
	border-style:solid;
	border-color:#fff;
	background-color:#e60012;
	border-width:2px;
	border-radius:50px;
	width:120px;
	height:40px;
	text-align:center;
	padding:5px 0px;
}
	.entry_button_2:hover{
		background-color:#000;
		transition:1.2s;
	}
}
/***************************************************ここから実装済み******************************************/
#main {
	margin: 0;
	padding: 0;
	background-color:#e60012;
	width:100%;
}
.wrap {
	width: 100%;
}
#content {
        margin-left:0;
	    margin-top:0;
        margin-bottom:0px;
        padding:0;

}

.article-header {
	display: none;
}

#container{
	overflow:hidden;
}

a{
	text-decoration:none;
}

/*共通設定ここから*/
.non_roll{
	margin-bottom:-600px;
}
.non_roll800{
	margin-bottom:-800px;
}
.bold{
	text-decoration:bold;
}
.min_01{
	font-size:0.9em;
}
.text-right{
	width:100%;
	text-align:right;
}
.text_center{
	width:100%;
	text-align:center;
	display: flex;
  	justify-content: center;
}


.space30{
	width:100%;
	height:30px;
}
.space50{
	width:100%;
	height:50px;
}

.space150{
	width:100%;
	height:150px;
}
	.mai20{
		position:relative;
		top:-20px;
	}
	.mai50{
		position:relative;
		top:-50px;
	}
	.mai60{
		position:relative;
		top:-60px;
	}
	.mai80{
		position:relative;
		top:-80px;
	}
	.mai95{
		position:relative;
		top:-95px;
	}
	.mai100{
		position:relative;
		top:-100px;
	}
	.mai200{
		position:relative;
		top:-200px;
	}
	.mai250{
		position:relative;
		top:-250px;
	}
	.mai280{
		position:relative;
		top:-280px;
	}
	.mai300{
		position:relative;
		top:-300px;
	}
	.mai350{
		position:relative;
		top:-350px;
	}
	.mai380{
		position:relative;
		top:-380px;
	}
	.mai400{
		position:relative;
		top:-400px;
	}
	.mai450{
		position:relative;
		top:-450px;
	}
	.mai480{
		position:relative;
		top:-480px;
	}
	.mai500{
		position:relative;
		top:-500px;
	}
	.mai520{
		position:relative;
		top:-520px;
	}
	.mai530{
		position:relative;
		top:-530px;
	}
	.mai550{
		position:relative;
		top:-550px;
	}
	.mai600{
		position:relative;
		top:-600px;
	}
	.mai650{
		position:relative;
		top:-650px;
	}
	.mai700{
		position:relative;
		top:-700px;
	}
	.mai800{
		position:relative;
		top:-800px;
	}
	.mai900{
		position:relative;
		top:-900px;
	}
	.mai950{
		position:relative;
		top:-950px;
	}
	.mai1000{
		position:relative;
		top:-1000px;
	}

	.mai130{
		position:relative;
		top:-130px;
	}
	.mai150{
		position:relative;
		top:-150px;
	}
	.pra20{
		position:relative;
		top:20px;
	}
	.pra50{
		position:relative;
		top:50px;
	}

	.pra100{
		position:relative;
		top:100px;
	}
	.pra150{
		position:relative;
		top:150px;
	}

	.pra200{
		position:relative;
		top:200px;
	}
	.pra300{
		position:relative;
		top:300px;
	}

.left50{
		position:relative;
		left:50px;	
}
.left75{
		position:relative;
		left:75px!important;	
}
.right50{
		position:relative;
		right:50px;	
}
.right75{
		position:relative;
		right:75px;	
}
.right100{
		position:relative;
		right:100px;	
}
	.layer_1{
		z-index:99999;
	}
	.layer_2{
		z-index:88888;
	}

	.layer_3{
		z-index:77777;
	}
.pad10{
	padding:10px;
}
.pad20im{
	padding:20px!important;
}

.pad30{
	padding:30px;
}
.pad30b{
	padding:0px 0px;
}
.pad50{
	padding:50px;
}
.pad100{
	padding:100px;
}
.pad100b{
	padding:0px 100px;
}
.pad50b{
	padding:0px 50px;
}
.wid100{
	width:100%;
}

.red{
	color:#e60012;
}

	.main_over_right{
		display: flex;
  		justify-content: right;
		
	}
.size_down{
	font-size:0.8em;
	font-weight:normal;
}
.size_down_2{
	font-size:0.8em;
}
.size_down_3{
	font-size:0.6em;
}

/*******************************************/

/**トップイメージ共通動き**/
.top_fe{
animation-name:fadeInAnime;
animation-duration:3.0s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.top_fe_2{
animation-name:fadeInAnime;
animation-duration:5.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/**下から入る*JS連動**/
.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}




/*******トップ先輩背景３段階************/
@media screen and (min-width: 1600px){
	.top_body_iv_right_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-44top.png");
		background-repeat:no-repeat;
		background-position:right center;
		background-size:auto;
		width:80%;
		position:relative;
		right:-2px;
		height:568px;
		padding:250px 0 0 0px;
	}
	.top_body_iv_right_2{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-46top.png");
		background-repeat:no-repeat;
		background-position:right center;
		background-size:auto;
		width:80%;
		position:relative;
		right:-2px;
		height:568px;
		padding:250px 0 0 0px;
	}
	.top_body_iv_left_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-45top.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto;
		width:80%;
		position:relative;
		right:2px;
		height:568px;
		padding:250px 0 0 30px;
	}
}
@media screen and (min-width: 801px) and (max-width:1599px){
	.top_body_iv_right_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-44top.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto;
		width:80%;
		position:relative;
		right:-2px;
		height:568px;
		padding:250px 0 0 100px;
	}
	.top_body_iv_right_2{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-46top.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto;
		width:80%;
		position:relative;
		right:-2px;
		height:568px;
		padding:250px 0 0 100px;
	}
	.top_body_iv_left_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-45top.png");
		background-repeat:no-repeat;
		background-position:right center;
		background-size:auto;
		width:80%;
		position:relative;
		right:2px;
		height:568px;
		padding:250px 0 0 30px;
	}

}



/********************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
********************************************************************************************************/
/*PC用*/
@media screen and (min-width: 801px){
/*PC用CSSここから*/
	.pcnon{
		display:none;
	}
	.spnon{
		display:initial;
	}
	
	.hed_title1{ /*各ページトップの文字*/
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-family:sans-serif;
		font-size:2.6em;
		letter-spacing:0.25em;
		line-height:1.2em;
	}
	.main_over{
		display: flex;
  		justify-content: center;
	}

	.main_body{
		width:90%;
		background-color:#fff;
		border-radius:50px;
		padding:50px;
	}
	.main_body_2{
		width:90%;
		background-color:#efefef;
		border-radius:50px;
		padding:80px 40px;
	}
	.main_body_2b{
		width:90%;
		background-color:#efefef;
		border-radius:50px;
		padding:80px 40px;
	}
	/*ここから募集要項で仕様*/
	.req_h1{
		color:#e60012;
		font-weight:bold;
		font-size:2.3em;
		letter-spacing:0.24em;
		font-family:sans-serif;
	}
	.req_m1{
		color:#000;
		font-weight:normal;
		font-size:1.2em;
		letter-spacing:0.1em;
		font-family:sans-serif;
	}
	.holiday_1{
		color:#000;
		font-weight:bold;
		font-size:1.6em;
		letter-spacing:0.2em;
		line-height:1.3em;
	}
	.holiday_2{
		color:#000;
		font-weight:nomal;
		font-size:0.8em;
		letter-spacing:0.1em;
		line-height:0.8em;
	}
	.image_box_1{
		width:100%;
		display: flex;
  		justify-content: center;
	}
	.image_box_right{
		width:70%;
		display: flex;
  		justify-content: right;
	}
	.image_box_right2{
		width:70%;
		display: flex;
  		justify-content: right;
	}
	.image_box_right3{
		width:85%;
		display: flex;
  		justify-content: right;
	}

	.image_box_left{
		width:80%;
		display: flex;
  		justify-content: left;
	}
	.image_box_left_b{
		width:80%;
		display: flex;
  		justify-content: left;
	}
	.image_box_left_c{
		width:80%;
		display: flex;
  		justify-content: left;
	}
	.image_2x{
		width:auto;
		height:200px;
	}
	.image_2x_c{
		width:auto;
		height:200px;
	}
	.image_2x_d{
		width:auto;
		height:200px;
	}

	.flex_box{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	background-color:#e60012;
	justify-content:space-around;
}
.flex_box_inn{
	background-color:#fff;
	width:32%;
	height:100%;
	text-align:center;
	color:#000;
}

.flex_box_inn2{
	width:1%;
	height:100%;
}
.flex_box_inn3{
	background-color:#fff;
	width:98%;
	height:100%;
	text-align:center;
}

.flex_box_inn4{
	max-width:100%;
	min-width:550px;
}

.flex_box_ex{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:flex-start;
}

	
/*待遇福利厚生エリア*/
	.fukuri_text_1{
		width:100%;
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		text-align:center;
		letter-spacing:0.2em;
		line-height:1.4em;
	}
	.text_black_1{
		font-weight:bold;
		font-size:2.0em;
		letter-spacing:0.2em;
		line-height:1.0em!important;
     	color:#e60012;
    	font-weight:bold;

	}

	.text_black_2{
		font-weight:nomal!important;
		font-size:1.2em;
		letter-spacing:0.2em;
		line-height:1.0em!important;
     	color:#000;
    	font-weight:bold;	}
	
/*******************************************/
	.att_h1{
		color:#000;
		font-weight:bold;
		font-size:2.3em;
		letter-spacing:0.24em;
		line-height:1.4em;
		font-family:sans-serif;
	}
	.att_h1_b{
		color:#000;
		font-weight:bold;
		font-size:2.3em;
		letter-spacing:0.24em;
		line-height:1.4em;
		font-family:sans-serif;
		width:calc(100% - 200px);
	}
	.att_box_ex_r{
		width:200px;
		text-align:right;
	}
	.att_box_ex_r_img{
		height:60px;
		width:auto;
	}
	.att_h2{
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		letter-spacing:0.1em;
		line-height:1.4em;
		font-family:sans-serif;
	}
	.att_h3{
		color:#e60012;
		font-weight:bold;
		font-size:2.0em;
		letter-spacing:0.1em;
		line-height:1.2em;
		font-family:sans-serif;
		text-align:center	
	}
	.att_h4{
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		letter-spacing:0.1em;
		line-height:1.4em;
		font-family:sans-serif;
		text-align:center;
}
	.att_m1{
		color:#000;
		font-weight:bold;
		font-size:1.0em;
		letter-spacing:0.1em;
		line-height:1.6em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_m2{
		color:#000;
		font-weight:bold;
		font-size:0.9em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_m3{
		color:#000;
		font-weight:normal;
		font-size:1.2em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_m4{
		color:#000;
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_image1{
		width:150px;
	}
.att_sub_title1{
		color:#e60012;
		font-weight:bold;
		font-size:1.5em;
		letter-spacing:0.1em;
		font-family:sans-serif;
}
.main_body_right{
	background-color:#efefef;
	border-radius:30px 0px 0px 30px;
	padding:35px;
	width:90%;
	position:relative;
	right:-2px;
}
.main_body_right2{
	background-color:#efefef;
	border-radius:50px;
	padding:50px;
	width:90%;
	position:relative;
	right:10px;
}
.main_body_right2b{
	background-color:#efefef;
	border-radius:30px;
	padding:50px;
	width:90%;
	position:relative;
	right:10px;
}
.main_body_right2c{
	background-color:#efefef;
	border-radius:30px 0px 0px 30px;
	padding:35px;
	width:90%;
	position:relative;
	right:-2px;
}
	.image_1x{
		width:auto;
		height:100px;
	}
.flex_box_inn5{
	width:3px;
	align-items:stretch;
	background-color:#000;
}
.flex_box_inn6{
	width:30%;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:0.1em;
}
.flex_box_inn7{
	width:calc(100% - 150px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
}
.flex_box_inn8{
	width:150px;
	align-items:stretch;
}
.flex_box_inn9{
	width:calc(100% - 150px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:0;
}
.flex_box_inn10{
	width:calc(100% - 150px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.7em;
	letter-spacing:0.1em;
}
.bg_black{
	background-color:#000;
}
.space_around{
	justify-content:space-around!important:
}
.hr8_black{
	width:80%;
	border-style:solid;
	border-color:#000;
	margin: 10px auto;	
}
.ppc100{
	color:#e60012;
	font-size:3.5em;
	font-weight:bold;
	font-family:Impact;
	margin:20px auto;
}
.ppc100_2{
	font-size:0.6em;
}
.ken_img_1{
	width:150px;	
}
	.hed_title1_left{ /*各ページトップの文字※左寄せ*/
		width:100%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		font-family:sans-serif;
		font-size:2.6em;
		letter-spacing:0.25em;
	}
	.main_cl_70{
		width:80%;
		display: flex;
  		justify-content:left;
	}
	
/*仕事の流れ用*/
.side_pad_a{
	padding:0% 15%;
}
.side_pad_b{
	padding:0% 10%;
}
	.fl_h1{
		width:100%;
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		text-align:center;
		letter-spacing:0.2em;
		line-height:1.4em;
	}
	.fl_h2{
		width:400px;
		color:#e60012;
		font-weight:bold;
		font-size:2.0em;
		text-align:center;
		letter-spacing:0.2em;
		line-height:1.4em;
		border-style:solid;
		border-color:#e60012;
	}
	.fl_h3{
		color:#e60012;
		font-weight:bold;
		font-size:2.3em;
		letter-spacing:0.24em;
		line-height:1.2em;
		font-family:sans-serif;
	}
.center_box{
	display: flex;
	justify-content: center;

}
.flex_box_fl_0{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	text-align:center;
}
.flex_box_fl_1{
	width:100px;
	align-items:stretch;
}
.flex_box_fl_1_image_s{
	width:70px!important;
}
.flex_box_fl_2{
	width:350px;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
}
.flex_box_fl_3{
	width:90%;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
}
.flex_box_fl_4{
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
}
.flex_box_fl_5{
	width:calc(100% - 100px);
	align-items:left;
	text-align:left;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:0.1em;
	padding:5;
}
.width_safe{
	width:60%;
}
.arrow0{
	width:100%;
	text-align:center;
}
.arrow_image{
	width:50px;
}


/*インタビュー用ここから*/
		.inv_image_left_1{
		position:relative;
		left:-2px;
	}
	.inv_image_right_1{
		position:relative;
		right:-2px;
		text-align:right;
	}
	.inv_image_height{
		max-height:600px;
		max-width:60%;
	}
	.inv_name_space{
		width:calc(100% - 700px);
	}
	.inv_name_right{
		width:700px;
	}
	.inv_name_left{
		width:700px;
	}
	.inv_name{
		padding:0 0 0 55%;
		color:#fff;
		font-weight:bold;
		font-size:1.5em;
		line-height:1.3em;
		text-shadow: 2px 2px #e60012;
	}
	.inv_name_2{
		padding: 0 0 0 10%;
		color:#fff;
		font-weight:bold;
		font-size:1.5em;
		line-height:1.3em;
		text-shadow: 2px 2px #e60012;
	}

	.inv_name_hr{
		border-style:solid;
		border-color:#000;
		width:100%;
		border-width:2px;
	}
	.inv_image_qa{
		width:70px;
		padding:10px 0;
	}
	.flex_inv_1{
		width:70px;
		align-items:stretch;
	}
	.flex_inv_2{
		width:calc(100% - 70px);
		align-items:stretch;
			color:#e60012;
		font-weight:bold;
		font-size:2.2em;
		padding:8px 5%;
		vertical-align:bottom;
	}
	.flex_inv_3{
		width:calc(100% - 70px);
		align-items:stretch;
			color:#000;
		font-weight:bold;
		font-size:1.2em;
		padding:5px 5%;
		line-height:1.4em;
	}
	.inv_pho_div{
		width:100%;
		text-align:right;
	}
	.inv_pho_a{
		max-width:500px;
		height:300px;
	}

/*ここから損害保険ってどんなもの*/
	.main_body_3{
		width:90%;
		text-align:center;
	}
	.wht_text_1{
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		text-align:left;
	}
	.wht_text_2{
		color:#fff;
		font-weight:bold;
		font-size:1.5em;
		line-height:1.1em;
		letter-spacing:0.2em;
		padding:10px;
	}
	.wht_text_3{
		color:#fff;
		font-weight:normal;
		font-size:0.9em;
		line-height:1.8em;
		letter-spacing:0.2em;
		padding:10px;
	}
	.wht_text_4{
		padding:20px;
	}
	.wht_text_5{
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		letter-spacing:0.2em;
		padding:10px;
		text-align:left;
	}

	.wha_box1_left{
		width:calc(100% - 150px);
	}
	.wha_box1_right{
		width:150px;
	}
	.wha_img_1{
		width:150px;
	}
	.wha_box2_left{
		width:150px;
	}
	.wha_box2_right{
		width:calc(100% - 150px);
	}
	.wha_box3_left{
		width:150px;
		text-align:center;
		color:#000;
		font-weight:bold;
		font-size:2.8em;
		line-height:1.3em;
	}
	.wha_box3_right{
		width:calc(100% - 150px);
		padding:0px 20px;
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
	}
	.wha_box3_right2{
		width:calc(100% - 150px);
		padding:50px;
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
	}
	.wha_box4_left{
		width:70px;
		padding:10px 0;
	}
	.wha_box4_right{
		width:calc(100% - 70px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:0.9em;
		line-height:1.4em;
		letter-spacing:0.12em;
		padding:10px 20px;
	}
	.wha_box4_right2{
		width:calc(100% - 70px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
		letter-spacing:0.12em;
		padding:10px 20px;
	}
	.wha_box5_left{
		width:calc(100% - 150px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
		letter-spacing:0.12em;
		padding:10px 20px;
	}	
	.wha_box5_right{
		width:150px;
		padding:10px 0;
	}
	
	.wha_box6_left{
		width:70px;
		text-align:center;
		color:#000;
		font-weight:bold;
		font-size:2.8em;
		line-height:1.3em;
	}
	.wha_box6_right{
		width:calc(100% - 70px);
		padding:0px;
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
	}	
	.wha_hr1{
		border-bottom-style:solid;
		border-width:1px;
		border-color:#000;
		width:80%;
	}
	
	.wha_body_right{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:35px 35px 35px 0px;
	width:80%;
	position:relative;
	right:-2px;
	}
	.wha_body_right_2{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:35px 35px 35px 0px;
	width:80%;
	position:relative;
	right:-2px;
	}
		.wha_body_left{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:35px 0px 35px 35px;
	width:80%;
	position:relative;
	left:-2px;
	}
		.wha_body_left_2{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:35px 0px 35px 35px;
	width:80%;
	position:relative;
	left:-2px;
	}
	.wha_backimage_1{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-13whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position: right center;
		color:#000;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:15px 5px;
		min-height:150px;
	}
	.wha_backimage_2{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-18whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position:left center;
		color:#000;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:15px 5px;
		min-height:150px;
	}
	.wha_backimage_3{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-22whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position:right center;
		color:#000;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:15px 5px;
		min-height:150px;
	}

/**トップページ用ここから**/
	.main_body_4{
		width:60%;
	}
	.top_text_1{
		font-weight:bold;
		font-size:3.2em;
		color:#000;
		letter-spacing:-0.1em;
	}
	.top_text_2{
		font-weight:normal;
		font-size:0.7em;
		color:#000;
		letter-spacing:-0.1em;
	}
	.top_text_3{
		font-weight:bold;
		font-size:1.8em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1.1em;
		padding:10px 0px;
	}	
	.top_text_4{
		font-weight:bold;
		font-size:0.9em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.5em;
	}	
	.top_text_5{
		width:100%;
		font-weight:bold;
		font-size:3.2em;
		color:#000;
		letter-spacing:-0.1em;
		text-align:left;
		padding:0px 30px;		
	}
	.top_text_6{
		width:100%;
		font-weight:bold;
		font-size:1.5em;
		color:#fff;
		letter-spacing:0.15em;
		line-height:1.3em;
		text-align:center;
		padding:30px 0px;		
	}
	.top_text_7{
		width:100%;
		font-weight:bold;
		font-size:3.2em;
		color:#000;
		letter-spacing:-0.1em;
		text-align:left;
		padding:0px 200px;
	}	
	.top_text_8{
		width:100%;
		font-size:2.8em;
		font-weight:bold;
		color:#e60012;
		letter-spacing:0.15em;
		text-align:left;
		padding:50px 150px;
	}
	.top_text_9{
		width:100%;
		font-size:1.5em;
		font-weight:bold;
		color:#000;
		letter-spacing:0.2em;
		text-align:center;
		padding:50px 0px;
	}	
	.top_body_right{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:60px 45px 45px 45px;
	width:80%;
	position:relative;
	right:-2px;
	}
	.top_body_left{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:60px 45px 45px 45px;
	width:85%;
	position:relative;
	left:-2px;
	}
	.pride_box{
		width:100%;
		text-align:left;
		padding:10px 40px 10px 10px;
	}
	.top_pride_text_1{
		font-weight:bold;
		font-size:1.3em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1.5em;
	}
	.top_pride_text_red{
		font-weight:bold;
		font-size:1.2em;
		color:#e60012;
		letter-spacing:0.1em;
		line-height:1.5em;
	}
	.top_pride_text_2{
		font-weight:normal;
		font-size:0.6em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1.5em;
	}	
	.top_pride_text_3{
		font-weight:bold;
		font-size:0.8em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.3em;
	}	
	.top_iv_text_1{
		font-weight:bold;
		font-size:0.9em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.3em;		
	}
	.top_iv_text_2{
		font-weight:bold;
		font-size:2.2em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.3em;		
	}
	.top_box1_left{
		max-width:90%;
		text-align:left;
		color:#000;
		font-weight:normal;
		font-size:1.1em;
		line-height:1.4em;
		letter-spacing:0.1em;
		padding:10px 20px;
	}	
	.top_box1_right{
		width:100px;
		padding:10px 0;
		position:relative;
		right:-75%;
		z-index:9;
	}
	.top_box1_left_b{
		font-size:1.4em;
		font-weight:bold;
		letter-spacing:0.15em;
		padding:5px 0px;
	}
	.top_box2_a{
		width:4px;
        background-color:#fff;
		align-items:stretch;
		padding:0px;
	}	
	.top_box2_b{
		width:calc(100% - 208px);
		align-items:stretch;
		text-align:center;
		color:#fff;
		font-weight:normal;
		font-size:0.9em;
		line-height:2.0em;
		letter-spacing:0.3em;
		padding:20px;
	}
	.top_box2_c{
		width:100px;
		align-items:stretch;
		padding:0px;
	}
	.top_box3_a{
		min-width:50%;
		align-items:stretch;
		padding:0px;
	}
	.top_box3_b{
		width:50%;
		align-items:stretch;
		text-align:left;
		color:#000;
		font-weight:normal;
		font-size:0.9em;
		line-height:2.0em;
		letter-spacing:0.3em;
		padding:0px;
	}
	.bg_w{
		background-color:#fff;		
	}

	.top_box_iv_left{
		height:300px;
		align-items:stretch;
		padding:0px;
	}
	.top_box_image{
		height:300px;
	}
	.top_box_iv_right{
		width:cal(100% - 400px);
		align-items:stretch;
		padding:0px;
		height:568px;
	}
	
	.hr_iv{
		width:100%;
		border-width:1px;
		border-color:#000;
		border-style:solid;
	}
	.image_2x_b{
		width:auto;
		height:300px;
	}

	
	
	
/************************************
*** リンクボタン用CSS　***
************************************/
.link_box{
	width:100%;
	display: flex;
  	justify-content: center;

}

.lint_botan_text{
	font-weight:bold;
	text-align:center;
	position:relative;
	top:20px;
}

.link_botan{
	background: #fff;
  	color: #000;
  	overflow: hidden;
  	position: relative;
  	z-index: 1;
	width:700px;
	height:100px;
	border-radius:50px;
	font-size:1.6em;
	border-style:solid;
	border-color:#000;
	border-width:3px;
	text-align:center;
}
.link_botan::after{
  background: #e60012;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
	width:700px;
	height:100px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.link_botan:hover{
  color: #fff;
  border-color:#fff;
}
.link_botan:hover::after{
  transform: scale(1, 1);
}	

/***リンクボックス_詳細用***/
.link_box_2{
	width:100%;
	display: flex;
  	justify-content: left;
	padding:20px 0;
}

.lint_botan_text_2{
	font-weight:bold;
	position:relative;
	top:5px;
	}

.link_botan_2{
	background: #fff;
  	color: #000;
  	overflow: hidden;
  	position: relative;
  	z-index: 1;
	width:300px;
	height:50px;
	border-radius:25px;
	font-size:1.2em;
	border-style:solid;
	border-color:#000;
	border-width:3px;
	text-align:center;
}
.link_botan_2::after{
  background: #e60012;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
	width:306px;
	height:60px;
	border-radius:0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.link_botan_2:hover{
  color: #fff;
  border-color:#fff;
}
.link_botan_2:hover::after{
  transform: scale(1, 1);
}	

	
	
/*PC用CSSここまで*/
}


/*SP用ここから********************************************************************************************/
@media screen and (max-width: 800px){
	body{
		background-color:#e60012;
	}
	
	.spnon{
		display:none;
	}
	.pcnon{
		display:initial;
	}

	.hed_title1{ /*各ページトップの文字*/
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-family:sans-serif;
		font-size:2.0em;
		letter-spacing:0.2em;
		line-height:1.0em;
	}
	.main_over{
		display: flex;
  		justify-content: center;
	}
	.main_body{
		width:95%;
		background-color:#fff;
		border-radius:50px;
		padding:15px;
	}
	.main_body_2{
		width:95%;
		background-color:#efefef;
		border-radius:50px;
		padding:70px 20px;
	}
	.main_body_2b{
		width:95%;
		background-color:#efefef;
		border-radius:50px;
		padding:70px 20px;
		position:relative;
		top:80px;		
	}
	
	/*ここから募集要項で仕様*/
	.req_h1{
		color:#e60012;
		font-weight:bold;
		font-size:1.3em;
		letter-spacing:0.18em;
		font-family:sans-serif;
	}
	.req_m1{
		color:#000;
		font-weight:normal;
		font-size:0.8em;
		letter-spacing:0.1em;
		font-family:sans-serif;
		line-height:1.5em;
	}
	.holiday_1{
		color:#000;
		font-weight:bold;
		font-size:1.7em;
		letter-spacing:0.2em;
	}
	.holiday_2{
		color:#000;
		font-weight:nomal;
		font-size:0.8em;
		letter-spacing:0.1em;
		line-height:0.8em;
	}
	.image_box_1{
		width:100%;
		display: flex;
  		justify-content: center;
	}
	.image_box_right{
		width:75%;
		display: flex;
  		justify-content: right;
	}
	.image_box_right2{
		width:100%;
		display: flex;
  		justify-content: right;
	}
	.image_box_left{
		width:75%;
		display: flex;
  		justify-content: left;
	}
	.image_box_left_b{
		width:100%;
		display: flex;
  		justify-content: left;
	}
	.image_box_left_c{
		width:90%;
		display: flex;
  		justify-content: left;
	}
	.image_2x{
		width:auto;
		height:80px;
	}
	.image_2x_c{
		width:auto;
		height:80px;
	}
	.image_2x_d{
		width:auto;
		height:60px;
	}

	.flex_box{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	background-color:#e60012;
	justify-content:space-around;
}
.flex_box_inn{
	background-color:#fff;
	width:32%;
	height:100%;
	text-align:center;
	color:#000;
	font-size:0.7em;
}

.flex_box_inn2{
	width:1%;
	height:100%;
}
.flex_box_inn3{
	background-color:#fff;
	width:98%;
	height:100%;
	text-align:center;
}

.flex_box_inn4{
	width:100%;
}

.flex_box_ex{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

	
/*待遇福利厚生エリア*/
	.fukuri_text_1{
		width:100%;
		color:#000;
		font-weight:bold;
		font-size:1.2em;
		text-align:center;
		letter-spacing:0.1em;
		line-height:1.4em;
	}
	.text_black_1{
		font-weight:bold;
		font-size:1.2em;
		line-height:1.0em!important;
     	color:#e60012;
    	font-weight:bold;

	}

	.text_black_2{
		font-weight:nomal!important;
		font-size:1.0em;
		letter-spacing:0.1em;
		line-height:1.0em!important;
     	color:#000;
    	font-weight:bold;	}
	
/*******************************************/
	.att_h1{
		color:#000;
		font-weight:bold;
		font-size:1.5em;
		letter-spacing:0.24em;
		line-height:1.4em;
		font-family:sans-serif;
		padding:10px 0 0 0;
	}
	.att_h1_b{
		color:#000;
		font-weight:bold;
		font-size:1.5em;
		letter-spacing:0.24em;
		line-height:1.4em;
		font-family:sans-serif;
		padding:10px 0 0 0;
		width:50%;
	}
	.att_box_ex_r{
		width:50%;
		text-align:right;
		padding:10px 0 0 0;
	}
	.att_box_ex_r_img{
		height:50px;
		width:auto;
	}
	.att_h2{
		color:#000;
		font-weight:bold;
		font-size:1.4em;
		letter-spacing:0.1em;
		line-height:1.4em;
		font-family:sans-serif;
	}
	.att_h3{
		color:#e60012;
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:0.1em;
		line-height:1.2em;
		font-family:sans-serif;
		text-align:center	
	}
	.att_h4{
		color:#000;
		font-weight:bold;
		font-size:1.3em;
		letter-spacing:0.1em;
		line-height:1.4em;
		font-family:sans-serif;
		text-align:center;
}
	.att_m1{
		color:#000;
		font-weight:bold;
		font-size:1.0em;
		letter-spacing:0.1em;
		line-height:1.6em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_m2{
		color:#000;
		font-weight:bold;
		font-size:0.7em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:5px;
	}
	.att_m3{
		color:#000;
		font-weight:normal;
		font-size:0.8em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_m4{
		color:#000;
		font-weight:bold;
		font-size:0.9em;
		letter-spacing:0.1em;
		line-height:1.5em;
		font-family:sans-serif;
		padding:15px;
	}
	.att_image1{
		width:150px;
	}
.att_sub_title1{
		color:#e60012;
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:0.1em;
		font-family:sans-serif;
}
.main_body_right{
	background-color:#efefef;
	border-radius:30px 0px 0px 30px;
	padding:35px;
	width:90%;
	position:relative;
}

.main_body_right2{
	background-color:#efefef;
	border-radius:50px;
	padding:20px;
	width:90%;
	position:relative;
	right:5px;
}
.main_body_right2b{
	background-color:#efefef;
	border-radius:30px;
	padding:20px;
	width:90%;
	position:relative;
	right:5px;
}
.main_body_right2c{
	background-color:#efefef;
	border-radius:30px 0px 0px 30px;
	padding:10px;
	width:90%;
	position:relative;
}

	.image_1x{
		width:auto;
		height:100px;
	}
.flex_box_inn5{
	width:3px;
	align-items:stretch;
	background-color:#000;
}
.flex_box_inn6{
	width:30%;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:0.1em;
}
.flex_box_inn7{
	width:calc(100% - 50px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5px;
}
.flex_box_inn8{
	width:40px;
	align-items:stretch;
}
.flex_box_inn9{
	width:calc(100% - 40px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:0.7em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:10px;
}
.flex_box_inn10{
	width:calc(100% - 40px);
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:0.7em;
	font-weight:bold;
	line-height:1.7em;
	letter-spacing:0.1em;
	padding:10px;
}
.bg_black{
	background-color:#000;
}
.space_around{
	justify-content:space-around!important:
}
.hr8_black{
	width:80%;
	border-style:solid;
	border-color:#000;
	margin: 10px auto;	
}
.ppc100{
	color:#e60012;
	font-size:3.5em;
	font-weight:bold;
	font-family:Impact;
	margin:20px auto;
}
.ppc100_2{
	font-size:0.6em;
}
.ken_img_1{
	width:150px;	
}
	.hed_title1_left{ /*各ページトップの文字※左寄せ*/
		width:100%;
		text-align:left;
		color:#fff;
		font-weight:bold;
		font-family:sans-serif;
		font-size:1.6em;
		letter-spacing:0.25em;
	}
	.main_cl_70{
		width:90%;
		display: flex;
  		justify-content:left;
	}	
	
/*仕事の流れ用*/
.side_pad_a{
	padding:0%;
}
.side_pad_b{
	padding:0%;
}
	.fl_h1{
		width:100%;
		color:#000;
		font-weight:bold;
		font-size:1.5em;
		text-align:center;
		letter-spacing:0.2em;
		line-height:1.4em;
	}
	.fl_h2{
		color:#e60012;
		font-weight:bold;
		font-size:1.5em;
		text-align:center;
		letter-spacing:0.2em;
		line-height:1.4em;
		border-style:solid;
		border-color:#e60012;
	}
	.fl_h3{
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		letter-spacing:0.24em;
		line-height:1.2em;
		font-family:sans-serif;
	}
.center_box{
	display: flex;
	justify-content: center;

}
.flex_box_fl_0{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	text-align:center;
}
.flex_box_fl_1{
	width:60px;
	align-items:stretch;
}
.flex_box_fl_1_image_s{
	max-width:20%!important;
}
.flex_box_fl_2{
	max-width:80%;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
	}
.flex_box_fl_3{
	width:90%;
	align-items:stretch;
	text-align:center;
	color:#000;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
}
.flex_box_fl_4{
	align-items:stretch;
	text-align:left;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5;
}
.flex_box_fl_5{
	width:calc(100% - 60px);
	align-items:left;
	text-align:left;
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:0.1em;
	padding:5;
}
	.flex_box_fl_image_b{
	height:50px;
	}
.width_safe{
	width:60%;
}
	.att_spleft20{
		right:0px!important;
		left:-20px!important;
	}
	.att_spleft0{
		right:0px!important;
		left:0px!important;
	}
	.att_splright5{
		right:-5px!important;
		left:0px!important;
	}
	.att_splright5{
		right:-5px!important;
		left:0px!important;
	}
	.att_spright50{
		right:-100px!important;
		left:0px!important;
	}
	.att_spleft50{
		right:0px!important;
		left:-50px!important;
	}
.arrow0{
	width:100%;
	text-align:center;
}
.arrow_image{
	width:50px;
}
/*インタビュー項目ここから*/
	.inv_image_left_1{
		position:relative;
		left:-2px;
	}
	.inv_image_right_1{
		position:relative;
		right:-2px;
		text-align:right;
	}
	.inv_image_height{
		max-height:600px;
		max-width:65%;
	}
	.inv_name_space{
		width:35%;
	}
	.inv_name_right{
		width:60%;
	}
	.inv_name_left{
		width:60%;
	}
	.spmai0{
		position:relative;
		top:0px!important;
	}
	.spmai30{
		position:relative;
		top:-30px!important;
	}
	.spmai50{
		position:relative;
		top:-50px!important;
	}
	.spmai100{
		position:relative;
		top:-100px!important;
	}
	.spmai150{
		position:relative;
		top:-150px!important;
	}	
	.spmai180{
		position:relative;
		top:-180px!important;
	}	
	.spmai200{
		position:relative;
		top:-200px!important;
	}
	.spmai230{
		position:relative;
		top:-230px!important;
	}
	.spmai250{
		position:relative;
		top:-250px!important;
		margin-bottom:200px;
	}
	.spmai260mr{
		position:relative;
		top:-260px!important;
		margin-bottom:300px;
	}
	.spmai300mr{
		position:relative;
		top:-300px!important;
		margin-bottom:250px;
	}
	.spmai300{
		position:relative;
		top:-300px!important;
	}
	.spmai350mr{
		position:relative;
		top:-350px!important;
		margin-bottom:150px;
	}
	.spmai400{
		position:relative;
		top:-400px!important;
	}
	.spmai450{
		position:relative;
		top:-450px!important;
	}
	.spmai500{
		position:relative;
		top:-500px!important;
	}
	.spmai500mr{
		position:relative;
		top:-500px!important;
		margin-bottom:100px;
	}
	.spmai550{
		position:relative;
		top:-550px!important;
	}
	.spmai700{
		position:relative;
		top:-700px!important;
	}
	.spmai800{
		position:relative;
		top:-800px!important;
	}
	.spmai820{
		position:relative;
		top:-820px!important;
	}
	.spmai850{
		position:relative;
		top:-850px!important;
	}
	.spmai900{
		position:relative;
		top:-900px!important;
	}
	.sppra20{
		position:relative;
		top:20px!important;
	}
	.sppra100{
		position:relative;
		top:100px!important;
	}
.	spright100{
		position:relative;
		right:100px!important;	
	}
	
	
	.inv_name{
		padding:0 0 0 55%;
		color:#fff;
		font-weight:bold;
		font-size:0.8em;
		line-height:1.4em;
		text-shadow: 2px 2px #e60012;
	}
	.inv_name_2{
		padding: 0 0 0 10%;
		color:#fff;
		font-weight:bold;
		font-size:0.8em;
		line-height:1.4em;
		text-shadow: 2px 2px #e60012;
	}

	.inv_name_hr{
		border-style:solid;
		border-color:#000;
		width:110%;
		border-width:2px;
	}
	.inv_image_qa{
		width:50px;
		padding:10px 0;
	}
	.flex_inv_1{
		width:30px;
		align-items:stretch;
	}
	.flex_inv_2{
		width:calc(100% - 30px);
		align-items:stretch;
			color:#e60012;
		font-weight:bold;
		font-size:1.5em;
		padding:0 0 0 15px;
		vertical-align:bottom;
	}
	.flex_inv_3{
		width:calc(100% - 30px);
		align-items:stretch;
			color:#000;
		font-weight:bold;
		font-size:0.8em;
		padding:0 0 0 15px;
		line-height:1.4em;
	}
	.inv_pho_div{
		width:100%;
		text-align:right;
	}
	.inv_pho_a{
		max-width:300px;
		height:180px;
	}

/*ここから損害保険ってどんなもの*/	
	.main_body_3{
		width:90%;
		text-align:center;
	}
	.wht_text_1{
		color:#fff;
		font-weight:bold;
		font-size:0.8em;
		letter-spacing:-0.09em;
		text-align:left;
	}
	.wht_text_2{
		color:#fff;
		font-weight:bold;
		font-size:1.3em;
		line-height:1.1em;
		letter-spacing:0.1em;
		padding:5px;
	}
	.wht_text_3{
		color:#fff;
		font-weight:normal;
		font-size:0.8em;
		line-height:1.8em;
		letter-spacing:0.1em;
		padding:5px;
	}
	.wht_text_4{
		padding:20px;
	}
	.wht_text_5{
		color:#000;
		font-weight:bold;
		font-size:1.2em;
		letter-spacing:0.1em;
		padding:5px;
		text-align:left;
	}

	.wha_box1_right{
		width:80px;
	}
	.wha_box1_left{
		width:calc(100% - 80px);
	}

	.wha_box2_left{
		width:70px;
		padding:15px 0px;
	}
	.wha_box2_right{
		width:calc(100% - 70px);
		padding:0 0 0 10px;
	}
	.wha_box3_left{
		width:20px;
		text-align:center;
		color:#000;
		font-weight:bold;
		font-size:2.2em;
		line-height:1.3em;
		position:relative;
		left:0;
	}
	.wha_box3_right{
		width:calc(100% - 20px);
		padding:0px 0px 0px 30px;
		color:#e60012;
		font-weight:bold;
		font-size:0.9em;
		line-height:1.4em;
	}
	.wha_box3_right2{
		width:calc(100% - 20px);
		padding:50px;
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
	}
	.wha_box4_left{
		width:25px;
		padding:10px 0;
	}
	.wha_box4_right{
		width:calc(100% - 25px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:0.7em;
		line-height:1.4em;
		letter-spacing:0.12em;
		padding:10px;
	}
	.wha_box4_right2{
		width:calc(100% - 25px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:0.8em;
		line-height:1.4em;
		letter-spacing:0.12em;
		padding:10px;
	}
	.wha_box5_left{
		width:calc(100% - 60px);
		text-align:left;
		color:#000;
		font-weight:bold;
		font-size:0.8em;
		line-height:1.4em;
		letter-spacing:0.1em;
		padding:10px 10px;
	}	
	.wha_box5_right{
		width:60px;
		padding:10px 0;
	}
	.wha_box6_left{
		width:50px;
		text-align:center;
		color:#000;
		font-weight:bold;
		font-size:2.0em;
		line-height:1.3em;
		position:relative;	
		right:25px!important;
	}
	.wha_box6_right{
		width:calc(100% - 50px);
		padding:25px;
		color:#e60012;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.4em;
	}	
	
	.wha_hr1{
		border-bottom-style:solid;
		border-width:1px;
		border-color:#000;
		width:80%;
	}
	
	.wha_body_right{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:2px 2px 2px 0px;
	width:85%;
	position:relative;
	right:-10%;
	}
	.wha_body_right_2{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:2px 2px 2px 0px;
	width:80%;
	position:relative;
	right:-2px;
	}
		.wha_body_left{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:2px 0px 2px 0px;
	width:90%;
	position:relative;
	left:-10%;
	}
	.wha_body_left_2{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:2px 0px 2px 0px;
	width:80%;
	position:relative;
	left:0;
	}
	.wha_backimage_1{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-13whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position: right center;
		color:#000;
		font-size:0.7em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:15px 0px;
		min-height:50px;
	}
	.wha_backimage_2{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-18whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position:left center;
		color:#000;
		font-size:0.7em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:15px 0px;
		min-height:50px;
	}
	.wha_backimage_3{
		width:100%;
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-22whats.png");
		background-repeat:no-repeat;
		background-size:contain;
		background-position:right center;
		color:#000;
		font-size:0.7em;
		font-weight:bold;
		line-height:1.5em;
		letter-spacing:0.12em;
		padding:20px 0px;
		min-height:50px;
	}
	
	
/**トップページ用ここから**/
	.top_body_iv_right_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-44top.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:contain;
		width:90%;
		position:relative;
		right:-2px;
		height:300px;
		padding:100px 0 0 80px;
		margin:-50px 0;

	}
	.top_body_iv_right_2{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-46top.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:contain;
		width:90%;
		position:relative;
		right:-2px;
		height:300px;
		padding:100px 0 0 80px;
		margin:-50px 0;
	}
	.top_body_iv_left_1{
		background-image:url("http://recruit-smc.work/wp-content/uploads/2024/02/アセット-45top.png");
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		width:90%;
		position:relative;
		right:2px;
		height:300px;
		padding:100px 0 0 10px;
		margin:-50px 0;

	}
	.main_body_4{
		width:100%;
		padding:10%;
		text-align:center;
	}
	.top_text_1{
		font-weight:bold;
		font-size:3.0em;
		color:#000;
		letter-spacing:-0.1em;
	}
	.top_text_2{
		font-weight:normal;
		font-size:0.7em;
		color:#000;
		letter-spacing:-0.1em;
	}
	.top_text_3{
		font-weight:bold;
		font-size:1.1em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1.1em;
		padding:10px 0px;
	}	
	.top_text_4{
		font-weight:bold;
		font-size:0.9em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.5em;
	}	
	.top_text_5{
		width:100%;
		font-weight:bold;
		font-size:2.4em;
		color:#000;
		letter-spacing:0.1em;
		text-align:left;
		padding:0px;		
	}
	.top_text_6{
		width:100%;
		font-weight:bold;
		font-size:1.1em;
		color:#fff;
		letter-spacing:0.15em;
		line-height:1.3em;
		text-align:center;
		padding:30px 0px;		
	}
	.top_text_7{
		width:100%;
		font-weight:bold;
		font-size:2.2em;
		color:#000;
		letter-spacing:-0.1em;
		text-align:left;
		padding:0 15px;
	}	
	.top_text_8{
		width:100%;
		font-size:1.8em;
		font-weight:bold;
		color:#e60012;
		letter-spacing:-0.1em;
		text-align:left;
		padding:10px 0px;
	}
	.top_text_9{
		width:100%;
		font-size:0.8em;
		font-weight:bold;
		color:#000;
		letter-spacing:0.2em;
		text-align:center;
		padding:30px 0px;
	}	
	.top_body_right{
	background-color:#fff;
	border-radius:45px 0px 0px 45px;
	padding:60px 30px 50px 30px;
	width:90%;
	position:relative;
	right:-2px;
	}
	.top_body_left{
	background-color:#fff;
	border-radius:0px 45px 45px 0px;
	padding:60px 20px 60px 20px;
	width:90%;
	position:relative;
	left:-2px;
	}
	.pride_box{
		width:100%;
		text-align:left;
		padding:20px 10px 10px 0px;
		line-height:0.8em;
	}
	.top_pride_text_1{
		font-weight:bold;
		font-size:1.2em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1em;
	}
	.top_pride_text_red{
		font-weight:bold;
		font-size:1.1em;
		color:#e60012;
		letter-spacing:0.1em;
		line-height:1em;
	}
	.top_pride_text_2{
		font-weight:normal;
		font-size:0.6em;
		color:#000;
		letter-spacing:0.1em;
		line-height:1.5em;
	}	
	.top_pride_text_3{
		font-weight:bold;
		font-size:0.7em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.6em;
	}	
	.top_iv_text_1{
		font-weight:bold;
		font-size:0.6em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.3em;		
	}
	.top_iv_text_2{
		font-weight:bold;
		font-size:0.9em;
		color:#000;
		letter-spacing:0.15em;
		line-height:1.3em;		
	}
	.top_box1_left{
		max-width:100%;
		text-align:left;
		color:#000;
		font-weight:normal;
		font-size:0.6em;
		line-height:1.4em;
		letter-spacing:0.1em;
		padding:10px 5px;
	}	
	.top_box1_right{
		width:60px;
		padding:0;
		position:relative;
		right:-80%;
		top:-15px;
		z-index:9;
	}
	.top_box1_left_b{
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:0.15em;
		padding:5px 0px;
	}
	.top_box2_a{
		width:4px;
        background-color:#fff;
		align-items:stretch;
		padding:0px;
	}	
	.top_box2_b{
		width:calc(100% - 28px);
		align-items:stretch;
		text-align:center;
		color:#fff;
		font-weight:normal;
		font-size:0.8em;
		line-height:2.0em;
		letter-spacing:0.3em;
		padding:20px;
	}
	.top_box2_c{
		width:10px;
		align-items:stretch;
		padding:0px;
	}
	.top_box3_a{
		min-width:35%;
		align-items:stretch;
		padding:0px;
	}
	.top_box3_b{
		width:65%;
		align-items:stretch;
		text-align:left;
		color:#000;
		font-weight:normal;
		font-size:0.9em;
		line-height:2.0em;
		letter-spacing:0.3em;
		padding:0px;
	}
	.bg_w{
		background-color:#fff;		
	}

	.top_box_iv_left{
		height:300px;
		align-items:stretch;
		padding:0px;
	}
	.top_box_image{
		height:300px;
	}
	.top_box_iv_right{
		width:cal(100% - 400px);
		align-items:stretch;
		padding:0px;
		height:568px;
	}
	
	.hr_iv{
		width:100%;
		border-width:1px;
		border-color:#000;
		border-style:solid;
	}
	.image_2x_b{
		width:auto;
		height:120px;
		margin:50px 0 0 0;
	}
	.image_box_right3{
		width:90%;
		display: flex;
  		justify-content: right;
	}

	
/************************************
*** リンクボタン用CSS　***
************************************/
.link_box{
	width:100%;
	display: flex;
  	justify-content: center;

}

.lint_botan_text{
	font-weight:bold;
	position:relative;
	top:15px;
}

.link_botan{
	background: #fff;
  	color: #000;
  	overflow: hidden;
  	position: relative;
  	z-index: 1;
	width:330px;
	height:60px;
	border-radius:30px;
	font-size:0.9em;
	border-style:solid;
	border-color:#000;
	border-width:3px;
	text-align:center;
}
.link_botan::after{
  background: #e60012;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
	width:330px;
	height:80px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.link_botan:hover{
  color: #fff;
  border-color:#fff;
}
.link_botan:hover::after{
  transform: scale(1, 1);
}
/***リンクボックス_詳細用***/
.link_box_2{
	width:100%;
	display: flex;
  	justify-content: left;
	padding:2px 0;
}

.lint_botan_text_2{
	font-weight:bold;
	position:relative;
	top:0px;
	}

.link_botan_2{
	background: #fff;
  	color: #000;
  	overflow: hidden;
  	position: relative;
  	z-index: 1;
	width:150px;
	height:30px;
	border-radius:15px;
	font-size:0.6em;
	border-style:solid;
	border-color:#000;
	border-width:2px;
	text-align:center;
}
.link_botan_2::after{
  background: #e60012;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
	width:150px;
	height:60px;
	border-radius:0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.link_botan_2:hover{
  color: #fff;
  border-color:#fff;
}
.link_botan_2:hover::after{
  transform: scale(1, 1);
}	

/*SP用CSSここまで*/
}