@charset "UTF-8";

body {
	margin: 0;
	width: 100%;
	/* height: 100%; */
	/* max-width: 1370px; */
	background: #fffdeb;
	background-size: cover;
	background-image: url(../sec02images/career-mesh.png);
	font-family: "メイリオ";
	text-align: center;
}

main {
	margin: 0 auto;
	margin-top: 70px;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	position: relative;
	width: 100%;
	/* height: 100%; */
	max-width: 1300px;
}

#contact_area {
	margin: 0 auto;
	width: 100%;
	max-width: 1300px;
}

#header {
	max-width: none;
}

/* sp画像はここで基本消す */
.is-pc {
  display: block !important;
}
.is-sp {
  display: none !important;
}

/* 募集要項キャリアタイトルはここ */
.sec02career-title {
	padding-top: 150px;
	/* padding-right: 400px; */
	padding-top: calc((80 / 1300) * 100%);
	padding-left: calc((120 / 1300) * 100%);
	width: calc((643 / 1300) * 100%);
	position: relative;
}
.sec02career-title img {
	width: 100%;
	width: clamp(30.5rem, 0.688rem + 53vw, 43.75rem);
	height: 100%;
	height: auto;
	object-fit: contain;
}

.sec02career {
	text-align: center;
	margin: 0 auto;
	margin-top: -70px;
	background-repeat: no-repeat;
	position: relative;
	width: 90%;
}

.bg-size-bigmessage {
	background-image: url(../sec02images/career-h3500.png);
  background-size: contain;        /* ← 切れない！ */
  background-repeat: no-repeat;
  background-position: center top; /* 上を基準に配置 */
  width: 100%;
  height: auto;
  aspect-ratio: 1219 / 3200;

}

.bg-size-3500 {
	background-image: url(../sec02images/career-h3500.png);
	height: 3500px;
	height: auto;
	background-size: contain;
}
.bg-size-3800 {
	background-image: url(../sec02images/career-h3800.png);
	height: 3800px;
	height: auto;
	background-size: contain;
}
.bg-size-4100 {
	background-image: url(../sec02images/career-h4100.png);
	height: 4100px;
	height: auto;
	background-size: contain;
}
.bg-size-4400 {
	background-image: url(../sec02images/career-h4400.png);
	height: 4400px;
	height: auto;
	background-size: contain;
}
.bg-size-4700 {
	background-image: url(../sec02images/career-h4700.png);
	height: 4700px;
	height: auto;
	background-size: contain;
}

.bg-size-5000 {
	background-image: url(../sec02images/career-h5000.png);
	height: 5000px;
	height: auto;
	background-size: contain;
}

.bg-size-5300 {
	background-image: url(../sec02images/career-h5300.png);
	height: 5300px;
}

.bg-size-5600 {
	background-image: url(../sec02images/career-h5600.png);
	height: 5600px;
}

.bg-size-5900 {
	background-image: url(../sec02images/career-h5900.png);
	height: 5900px;
}

.bg-size-6200 {
	background-image: url(../sec02images/career-h6200.png);
	height: 6200px;
}

.bg-size-6500 {
	background-image: url(../sec02images/career-h6500.png);
	height: 6500px;
}

.bg-size-6800 {
	background-image: url(../sec02images/career-h6800.png);
	height: 6800px;
}

.bg-size-7100 {
	background-image: url(../sec02images/career-h7100.png);
	height: 7100px;
}

.bg-size-7400 {
	background-image: url(../sec02images/career-h7400.png);
	height: 7400px;
}

.bg-size-7700 {
	background-image: url(../sec02images/career-h7700.png);
	height: 7700px;
}

.bg-size-8000 {
	background-image: url(../sec02images/career-h8000.png);
	height: 8000px;
}

.bg-size-8300 {
	background-image: url(../sec02images/career-h8300.png);
	height: 8300px;
}

.bg-size-8600 {
	background-image: url(../sec02images/career-h8600.png);
	height: 8600px;
}

.bg-size-8900 {
	background-image: url(../sec02images/career-h8900.png);
	height: 8900px;
}

.sec02career-detail {
	padding-left: 154px;
	padding-left: calc((140 / 1300) * 100%);
	/* padding-left: clamp(7.188rem, -0.547rem + 13.75vw, 10.625rem); */
	margin-top: 150px;
	margin-top: 14%;
	padding-top: 50px;
	padding-top: 5%;
	padding-bottom: 30%;
}

.sec02career-title .img-switch-top {
	position: absolute;
	top: -160px;
	top: clamp(7rem, -3.969rem + 19.5vw, 11.875rem);
	left: 850px;
	left: clamp(39.375rem, 5.625rem + 60vw, 54.375rem);
	width: clamp(6.875rem, -0.438rem + 13vw, 10.125rem);
}

.content {
	padding-top: 40px;
	padding-top: calc((40 / 1300) * 100%);
	/* padding-left: 45px; */
	/* padding-left: 40px; */
	/* padding-left: calc((40 / 1300) * 100%); */
}

.outline {
	width: 920px;
	width: 89%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid darkgray;
    padding: 60px 0;
		padding: 4.4% 0;
    font-size: 22px;
		font-size: calc((22 / 1920) * 100vw);
		/* line-height: 50px; */
}

.outline:first-child {
	border-top: 1px solid darkgray;
}

.bold {
	text-align: left;
	width: 310px;
	width: calc((280 / 1300) * 100%);
	width: clamp(6.25rem, -14.844rem + 37.5vw, 15.625rem);
	font-size: 32px;
	font-size: min(calc((32 / 1920) * 100vw), 32px);
	margin-left: calc((20 / 1300) * 100%);
	margin-right: calc((20 / 1300) * 100%);
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 800;
    font-style: normal;
		line-height: 50px;
		line-height: 1.25;
		line-height: clamp(2.688rem, 1.703rem + 1.75vw, 3.125rem);
}

.tex {
	padding-top: 5px;
    width: 560px;
		width: clamp(30.625rem, 15.156rem + 27.5vw, 37.5rem);
		width: 87%;
    text-align: left;
    font-size: 25px;
		font-size: min(calc((36 / 1920) * 100vw), 25px);
		line-height: 36px;
		line-height: 1.5;
		font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
		padding-right: 3%;
}

.btn {
	border-bottom: none;
}

/* .entrybtn img {
	position: relative;
	top: 100px;
	right: 100px;
} */
.entrybtn img {
    margin: 0;
    margin-left: 16%;
    margin-top: 5%;
    width: 58%;
}

.entrybtn img:hover{
    opacity: 0.8;
}

h2.selection {
	width: 920px;
	width: 88%;
	margin: 40px 0;
	margin: clamp(1.875rem, 0.469rem + 2.5vw, 2.5rem) 0;
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 50px;
	font-size: min(calc((50 / 1920) * 100vw), 50px);
}

/*//////////////////////////////////////// form ////////////////////////////////////////*/
.sec02_form{
	width: 90%;
	/* margin-right: 285px; */
	/* margin-right: clamp(6.25rem, -3.952rem + 18.14vw, 17.813rem); */
	/* margin-right: clamp(6.25rem, -19.766rem + 46.25vw, 17.813rem); */
}
input::placeholder {
	font-size: 16px;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 400;
    font-style: normal;
}
textarea::placeholder{
	font-size: 16px;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: 400;
    font-style: normal;
}
/* textarea {
	font-family: heisei-maru-gothic-std, sans-serif;
    font-size: 16px;
} */
.error_ttl{
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 800;
    font-style: normal;
	font-size: 28px;
	margin-right: 155px;
}
.error_font{
	width: 90%;
	font-size: 26px;
	font-size: clamp(1.125rem, 2vw, 1.625rem);
	/* margin-right: 155px; */
	color: red;
}
.input_name{
	height: 45px;
	margin-right: 5px;
}
.input_long{
	width: 90%;
	height: 45px;
	height: clamp(2.375rem, 1.391rem + 1.75vw, 2.813rem);
}
.ttl_font1{
	padding-right: 1px;
}
.descs_font{
font-size: 26px;
}
.name1{
	margin-left: -45px;
    padding-left: 1px;
		/* padding-top: 2px; */
    height: 45px;
    /* height: clamp(2.375rem, 1.391rem + 1.75vw, 2.813rem); */
    width: 37%;
    font-size: 26px;
}
.name2{
	height: 45px;
	/* height: clamp(2.375rem, 1.391rem + 1.75vw, 2.813rem); */
    font-size: 26px;
    width: 170px;
		width: 38%;
}
.ttl_font{
	margin-right:15px;
    font-weight: bold;
    font-style: normal;
	font-size: 28px;
	color: #000000;
	text-align: right;
}
.ttls_font{
	margin-right:15px;
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: bold;
    font-style: normal;
	font-size: 28px;
	font-size: min(calc((28 / 1920) * 100vw), 28px);
	font-size: clamp(1.125rem, -0.281rem + 2.5vw, 1.75rem);
	color: #000000;
	text-align: right;
}
.selection{
	text-align: center;
}
h2.selection > span {
	padding: 0 10px;
	border-bottom: solid 4px #f74157;
}

.date {
	font-size: 28px;
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
	margin-left: 200px;
	margin-left: calc((200 / 1300) * 100%);
	margin-left: clamp(6.875rem, -5.781rem + 22.5vw, 12.5rem);
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.date .datelabel {
	color: #FFF;
	border-radius: 15px;
	font-family: heisei-maru-gothic-std, sans-serif;
    font-weight: 800;
    font-style: normal;
	font-size: 30px;
	font-size: clamp(1.438rem, 0.453rem + 1.75vw, 1.875rem);
	display: block;
	width: 150px;
	width: clamp(7.5rem, 3.281rem + 7.5vw, 9.375rem);
	height: 65px;
	height: clamp(2.75rem, -0.203rem + 5.25vw, 4.063rem);
	line-height: 75px;
	line-height: 2.3;
	text-align: center;
}

.date .datelabel {
	margin-right: 60px;
}

.date .datelabel.register-date {
	background-color: #00b5e4;
}

.date .datelabel.deadline-date {
	background-color: #db6e86;
}

.date .date-data {
	padding-top: 6px;
}
input{
	font-family: heisei-maru-gothic-std, sans-serif;
  font-size: 26px;
  font-size: clamp(1.125rem, 2vw, 1.625rem);
	font-weight: 400;
  font-style: normal;
	width: 100%;
	line-height: 45px;
	/* line-height: clamp(2.5rem, 2.224rem + 0.49vw, 2.813rem); */
}

/*form全体*/
#form_area{
	padding-top : 0px;
	margin: 0 auto;	
}
#form_area textarea{
	padding-top: 5px;
	font-family: heisei-maru-gothic-std, sans-serif;
  font-size: 26px;
  font-size: clamp(1.125rem, 2vw, 1.625rem);
	font-weight: 400;
  font-style: normal;
	width: 90%;
}

#form_area input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
	height: clamp(1.438rem, 0.453rem + 1.75vw, 1.875rem);
	width: 30px;
	width: clamp(1.438rem, 0.453rem + 1.75vw, 1.875rem);
	vertical-align: -0.8rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: .4rem;
	outline: none;
	border-radius: 10%;
} 

#form_area input[type=radio] {
  border-radius: 50%;
}
#form_area input[type=radio]:checked:before {
  transform: scale(1);
}
#form_area input[type=radio]:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: clamp(0.125rem, -0.297rem + 0.75vw, 0.313rem) auto;
	transform: scale(0);
}
#form_area input[type=radio] {
  border: 2px solid black;
}
#form_area input[type=radio]:checked:before {
  background: black;
}


#form_area label{
  margin-right: 80px;
	font-family: heisei-maru-gothic-std, sans-serif;
  font-weight: 800;
  font-style: normal;
	font-size: 28px;
	font-size: min(calc((28 / 1920) * 100vw), 28px);
	color: #000000;
	
}
#input_detail{
	height:180px;
}
#form_area table {
	border-spacing: 20px 30px;
	border-spacing: 20px clamp(1.5rem, 0.656rem + 1.5vw, 1.875rem);
}
#form_area table th div{
	display: inline-block;
}
#form_area table th span{
	font-size: 14px;
	color: #FFF;
	background-color: #e83333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 10px;
	padding: 13px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#form_area .button {
	/* text-align: left; */
	/* padding-left: 220px; */
}

#form_area button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	background-image: url(../sec02images/button-check.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 595px;
	width: clamp(18.563rem, 2.129rem + 29.22vw, 37.188rem);
	height: 161px;
	height: clamp(5.625rem, 0.055rem + 9.9vw, 11.938rem);
}

#form_area button:hover {
	opacity: 0.8;
}

.entrybtn img {
    margin: 0;
    margin-left: 16%;
    margin-top: 5%;
    width: 58%;
}

.entrybtn img:hover{
    opacity: 0.8;
}

#g-rec{
	text-align: center;
	padding-top: 50px;
}

#g-rec > div {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.modoru img {
	position: fixed;
	bottom:80px;
	bottom:6%;
	right: 180px;
	right: 6%;
	width: 160px;
	width: clamp(5.625rem, -4.219rem + 17.5vw, 10rem);
	z-index: 10000;
}
.modoru img:hover {
	opacity: .7;

}
#footer {
	min-width: 1300px;
}

@media screen and (max-width : 1300px) {
	#footer {
			min-width: 0;
			max-width: 100%;
	}
}
/* 
-------------------------------------------------------
-------------------------------------------------------
-------------------------------------------------------
メディアクエリはここから
-------------------------------------------------------
-------------------------------------------------------
-------------------------------------------------------
*/

@media screen and (max-width : 850px) {
	/* パソコン⇒スマホはここ*/
	.is-pc {
		display: none !important;
	}
	.is-sp {
		display: block !important;
	}

	body {
		background-image: none;
		padding-top: calc((65 / 812.5) * 100vh);
		max-width: 100%;
		max-height: 100vh;
		width: 100vw;
		font-family:  "メイリオ";
	}
	main {
		box-sizing: border-box;
		padding: 0;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	#contact_area {
		width: auto;
	}

	#sp-cloud1 {
		position: absolute;
		z-index: 1;
		right: 3vw;
		width: 12vw;
	}
	#sp-cloud2 {
		position: absolute;
		z-index: 1;
		left: 4.5vw;
		width: 8.88vw;
	}

	#section02 {
		padding-top: 3vw;
		position: relative;
		z-index: 3;
	}

	.sec02career-title {
		box-sizing: border-box;
		width: 88vw;
		margin: 0 auto;
		padding: 2vw 0;
	}
	.sec02career-title img {
		display: block;
		object-fit: contain;
		width: 88vw;
		margin: 0;
	}


	/* 背景消し */
	.sec02career {
		margin-top: 3vw;
		background-image: none;
		height: auto;
	}

	.sec02career-detail {
		box-sizing: border-box;
		width: 88vw;
		margin: 6vw auto 0;
		padding: 3vw 0 0;
		background-color: #ffffffc9;
	}
	.content {
		margin: 0 auto;
		padding: 0 2vw;
	}
	.outline {
		box-sizing: border-box;
		width: 100%;
		border-bottom: 0.1vw solid rgba(220, 217, 217, 10);
		padding: 2vw 0;
		align-items: flex-start;
	}
	.outline:first-child {
		border-top: none;
	}
	.outline:last-child {
		border-bottom: none;
	}

	.bold {
		box-sizing: border-box;
		text-align: left;
		line-height: 4vw;
		width: 28vw;
		font-size: 3.1vw;
		padding: 0;
		padding-top: 2vw;
	}
	.tex {
		box-sizing: border-box;
		width: 65vw;
		text-align: left;
		font-size: 3.4vw;
		line-height: 4.5vw;
		padding: 1.8vw 0 0 1.5vw;
	}
	h2.selection {
		width: 70vw;
		margin: 10vw auto 3.5vw;
		font-size: 5vw;
	}

	/* ------------------------------
	form
	---------------------------------*/


	table tr {
		display: block;
	}
	table th {
		background-color : #dfdfdf;
		color : #f5f5f5;
		display: block;
		box-sizing:border-box;
		padding: 1.2vw 0;
		width : 74vw;
	}
	table td {
		display: block;
		text-align : left;
		box-sizing:border-box;
		padding: 3.5vw;
		width: 80vw;
	}


	input::-webkit-input-placeholder{
  position: relative;
  top: 1px;
}


	input::placeholder {
		font-size: 15px;
	}
	textarea::placeholder{
		font-size: 15px;
	}
	.error_ttl{
		font-size: 3vw;
		margin-right: 20vw;
	}
	.error_font{
		font-size: 2.5vw;
		margin: 4vw;
	}
	.input_name{
		height: 5vw;
		margin-right: 1vw;
	}
	.input_long{
		height: 4.6vw;
		width: 72vw;
	}
	.ttl_font1{
		padding-right: 1vw;
	}
	.descs_font{
		box-sizing: border-box;
		display: flex;
		justify-content: space-evenly;
		font-size: 2vw;
	}

	table {
		width: 74vw;
		margin: 0;
	}

	.name1 {
		box-sizing: border-box;
		margin : 0 .8vw;
		padding: 0;
		height: 5.8vw;
		width: 35vw;
		font-size: 15px;
		font-size: 3vw;
		padding-top: 3px;
	}
	.name2 {
		box-sizing: border-box;
		margin : 0 .8vw;
		height: 5.8vw;
		width: 36vw;
		font-size: 15px;
		font-size: 3vw;
		padding-top: 3px;
	}

	.doscs_font.label {
		vertical-align: text-bottom;
	}


	.ttl_font {
		margin-right:2vw;
		font-size: 3.5vw;
	}
	.ttls_font {
		box-sizing: border-box;
		text-align: left;
		width: 80vw;
		padding-left: 2vw;
		font-size: 3vw;
		margin: 0;
	}
	h2.selection > span {
		padding: 0 2vw;
		border-bottom: solid 0.5vw #f74157;
	}
	.date {
		box-sizing: border-box;
		font-size: 3.4vw;
		margin-left: 15vw;
		margin-bottom: 2vw;
	}
	
	.date .datelabel {
		border-radius: 2vw;
		font-size: 2.8vw;
		display: block;
		width: 15vw;
		height: 6.8vw;
		line-height: 7.5vw;
		text-align: center;
	} 
	
	.date .datelabel {
		margin-right: 2vw;
	}
	
	.date .datelabel.register-date {
		background-color: #00b5e4;
	}
	
	.date .datelabel.deadline-date {
		background-color: #db6e86;
	}
	
	.date .date-data {
		padding-top: 2vw;
		padding-left: 0;
		width: 35vw;
		letter-spacing: .2vw;
	}
	input{
		font-size: 16px;
		font-size: clamp(1.125rem, 0.823rem + 1.51vw, 1.625rem);
		width: 100%;
		/* height: 4.6vw; */
		line-height: 2.2;
		padding-top: 4px;
	}

	/*form全体*/
	#form_area textarea{
		padding-top: 2vw;
		font-size: 3vw;
		width: 100%;
	}

	#form_area input[type=radio] {
		height: 3vw;
		width: 3vw;
		vertical-align: -0.5rem;
		box-sizing: border-box;
	} 
	#form_area input[type=radio]:before {
		content: "";
		display: block;
		width: 2.4vw;
		height: 2.4vw;
		width: 2vw;
		height: 2vw;
		transform: scale(0);
		box-sizing: border-box;
		margin: 0;
		margin: 0.2vw auto;
	}
	#form_area input[type=radio] {
		border: .4vw solid rgb(80, 80, 80);
	}
	#form_area input[type=radio]:checked:before {
		background: rgb(80, 80, 80);
		position: relative;
		top: -4px;
	}
	
	#form_area label{
		margin-right: 0;
		font-size: 3vw;
	}
	#input_detail{
		height: 30vw;
	}
	#form_area table {
		border-spacing: 2vw 2vw;
	}
	#form_area table th span{
		font-size: 2vw;
		border-radius: 1vw;
		-webkit-border-radius: 1vw;
		-moz-border-radius: 1vw;
		margin: 1vw 0 1vw 3vw;
	}
	#form_area .button {
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	
	#form_area button{
		box-sizing: border-box;
		text-align: center;
		background-color: transparent;
		appearance: none;
		background-image: url(../sec02images/c-kakunin.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 40vw;
		height: 15vw;
	}
	

    .entrybtn {
        display: none;
    }
    .sp-entrybtn{
        display: block;
    }

    .sp-entrybtn img{
        width: 55vw;
        margin: 3vw auto;
    }
	.descs_font.is-sex {
		padding: 1.6vw;
	}

	.modoru img {
		position: fixed;
		width: 18vw;
		bottom:6vw;
		right: 3vw;
	}

	#footer {
        min-width: 0;
    }
}

/* webフォント読み込みまで文字を非表示にする */
html.wf-loading p, html.wf-loading div, html.wf-loading span,
html.wf-loading h1, html.wf-loading h2, html.wf-loading h3,
html.wf-loading h4, html.wf-loading h5, html.wf-loading h6,
html.wf-loading th, html.wf-loading .datelabel{
  color: rgba(0, 0, 0, 0) !important;
}
/*****************************************/