@charset "utf-8";

.newsContent {
	border-bottom: dotted 4px #bfbfbf;
	margin-bottom: 15px;
}

.newsDate {
	font-size: 16px;
	color: #2d2d2d;
}

.newsTitle {
	font-size: 18px;
	color: #2d2d2d;
}

.productImgArea {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.productImg {
	flex-basis: 33%;
	margin-bottom: 33px;
}

.recruitmentTable {
	width: 100%;
}

.recruitmentTable tr th, .recruitmentTable tr td {
	background: #e9d7bc;
	font-size: 18px;
	letter-spacing: 0.1em;
}

.tableFisrt {
	width: 20%;
}

.tableSecond {
	width: 80%;
	padding: 20px 0px 20px 40px;
}

.recruitmentTable th {
	border-right: 2px solid #FFF;
	vertical-align: middle;
	text-align: center;
}

.recruitmentEntryTable {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

.recruitmentTable th, .recruitmentTable td {
	border-bottom: 2px solid #FFF;
}

.recruitmentTable .last th, .recruitmentTable .last td {
	border-bottom: none;
}

.first {
	border-right: solid 2px #fff;
}

.entryBar {
	background-color: #e9d7bc;
	padding: 30px 0px 30px 50px;
	margin-bottom: 40px;
}

.entryBar h3 {
	font-size: 30px;
	letter-spacing: 0.14em;
	color: #4d2b07;
	font-weight: bold;
}

.recruitmentEntryTable tr th {
	font-size: 20px;
	letter-spacing: 0.24em;
	color: #4d2b07;
	background-color: #e9d7bc;
	vertical-align: middle;
	padding-left: 20px;
	border-bottom: solid 2px #fff;
	font-weight: bold;
}

.recruitmentEntryTable tr td {
	background-color: #fff;
	padding: 20px 20px 0px 20px;
}

.formShape {
	border: 1px solid #4d2b07;
	background-color: #f6ede0;
	border-radius: 15px;
	width: 100%;
	font-size: 33px;
	line-height: 1;
	padding: 6px 15px;
	color: #4d2b07;
}

.case {
	font-size: 14px;
	letter-spacing: 0.24em;
	color: #4d2b07;
	padding: 5px 0px;
}

.birthDay {
	display: flex;
	margin-bottom: 20px;
}

.yearsForm {
	width: 115px;
}

.monthDayForm {
	width: 80px;
}

.birthText {
	width: 50px;
	text-align: center;
	line-height: 66px;
	font-size: 20px;
	letter-spacing: 0.24em;
	color: #4d2b07;
}

.radio1 {
	margin-bottom: 20px;
}

.formText {
	font-size: 20px;
	letter-spacing: 0.24em;
	color: #4d2b07;
}

.address {
	display: flex;
}

.addressMargin {
	padding-left: 50px;
}

.formMargin {
	margin-bottom: 20px;
}

.formEntoryMargin {
	margin-bottom: 100px;
}

.recruitmentEntryTable .last th, .recruitmentEntryTable .last td {
	border-bottom: none;
}

.adoptTop {
	background: url(../img/adopt_top.jpg);
	background-size: cover;
	padding-bottom: 86px;
}

.adoptPankuzu {
	display: flex;
	padding-top: 10px;
}

.adoptPankuzu li, .adoptPankuzu li>a {
	font-size: 14px;
	letter-spacing: 0.24em;
	font-family: "Noto Sans JP";
	color: #fff;
	margin-bottom: 230px;
}

.underLine {
	position: relative;
	padding-bottom: 35px;
	margin-bottom: 35px;
	padding-top: 20px;
}

.underLine:after {
	content: '';
	display: block;
	width: 95px;
	height: 5px;
	bottom: 0px;
	background-color: #996c33;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.underLine h2 {
	font-size: 30px;
	letter-spacing: 0.24em;
	color: #fff;
	text-align: center;
	text-align: center;
	text-shadow: black 1px 1px 15px, black -1px 1px 15px, black 1px -1px
		15px, black -1px -1px 15px;
}

.adoptTopText {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.2em;
	color: #fff;
	padding-bottom: 180px;
	text-align: center;
	text-shadow: black 1px 1px 15px, black -1px 1px 15px, black 1px -1px
		15px, black -1px -1px 15px;
}

.arrow {
	padding-bottom: 80px;
}

.arrow img {
	margin: 0 auto;
}

.adoptTopArea {
	width: 100%;
	height: 598px;
	position: relative;
	    padding-top: 20px;
}

.adoptWoodImg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.adoptWoodImg>img {
	width: 48%;
	height: 524px;
	object-fit: cover;
	object-position: 0 50%;
	margin-left: auto;
	margin-right: 0;
}

.adoptJobImg {
	position: absolute;
	right: calc(50% - 348px);
	bottom: 61px;
	z-index: 2;
	width: 1300px;
	height: auto;
	overflow: hidden;
}

.adoptJobImg>img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	object-position: 100% 50%;
	margin-left: 0;
	margin-right: auto;
}

.sheerBox, .sheerBoxBlue, .sheerBoxRed {
	position: relative;
	bottom: -60px;
	display: flex;
	justify-content: center;
	background: rgba(237, 215, 56, 0.65);
	/* 	background: rgba(155,114,32,0.65) url(); */
	/* 	background-blend-mode: color-burn; */
	width: 530px;
	height: 530px;
	left: calc(50% - 72px);
	z-index: 3;
}

.lengthbtn {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding: 70px 20px;
	background: #ebdfda;
	font-size: 16px;
	color: #8f5339 !important;
	margin-right: 90px;
	height: 240px;
	margin-top: 190px;
	line-height: 2.11;
	letter-spacing: 0.25em;
}

.lengthText {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 18px;
	line-height: 2.1;
	letter-spacing: 0.08em;
	color: #fff;
	margin-top: 160px;
	margin-right: 40px;
}

.lengthTextTl {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 36px;
	color: #fff;
	margin-top: 50px;
}

.sheerBoxBlue {
	background: rgba(197, 218, 214, 0.65);
}

.adoptMiddeleArea {
	width: 100%;
	height: 598px;
	position: relative;
	margin-top: 55px;
}

.adoptWoodMiddleImg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.adoptJobMiddleImg {
	position: absolute;
	left: calc(50% - 349px);
	bottom: 61px;
	z-index: 2;
	width: 1300px;
	height: auto;
	overflow: hidden;
}

@media screen and (max-width: 940px) {
	.sheerBox, .sheerBoxBlue {
		position: absolute;
		right: 0;
		left: auto;
	}
	.sheerBoxRed {
		position: absolute;
		right: auto;
		left: 0;
	}
}

.sheerBoxRed {
	background: rgba(236, 168, 161, 0.65);
	right: auto;
	left: calc(50% - 459px);
}

.mt155 {
	margin-top: 155px;
}

.topBtn {
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 160px;
	padding: 20px 80px;
	border: solid 1px #8f5339;
	letter-spacing: 0.26;
	font-size: 16px;
	display: block;
	color: #8f5339 !important;
	width: 370px;
	height: 64px;
	text-align: center;
}

.interview_top {
	background-image: url(../img/interview_top.jpg);
	height: 319px;
}

.interview_Title {
	font-size: 30px;
	letter-spacing: 0.24em;
	color: #fff;
	text-align: center;
	text-shadow: black 1px 1px 15px, black -1px 1px 15px, black 1px -1px
		15px, black -1px -1px 15px;
	padding-top: 90px;
}

.interviewTopSub {
	font-size: 18px;
	letter-spacing: 0.24em;
	color: #fff;
	text-align: center;
	text-shadow: black 1px 1px 15px, black -1px 1px 15px, black 1px -1px
		15px, black -1px -1px 15px;
}

.underLineInt {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.underLineInt:after {
	content: '';
	display: block;
	width: 95px;
	height: 5px;
	bottom: 0px;
	background-color: #996c33;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.adoptPankuzuCotent {
	display: flex;
}

.adoptPankuzuCotent>li {
	color: #8f5339;
	font-size: 14px;
	letter-spacing: 0.24em;
}

.interviewArea {
	display: flex;
	justify-content: space-between;
}

.interviewTextArea {
	width: 66%;
}

.interViewImg {
	width: 33%;
}

.interViewTitle {
	font-size: 24px;
	letter-spacing: 0.05em;
	padding-bottom: 50px;
}

.interViewText {
	font-size: 18px;
	line-height: 2.01;
}

.interviewWrapper {
	padding-top: 146px;
}

.recruitment_top {
	background-image: url(../img/recruitment_bk.png);
	height: 319px;
}

.entry_top {
	background-image: url(../img/recruitment_entry.png);
	height: 319px;
}

body{
	overflow-x:hidden;
}
	.adoptContentWidth {
		justify-content: flex-end;
	}
	@media screen and (max-width: 1200px) {
		.adoptHeaderLinkIn {
			flex-basis: 200px;
		}
		.adoptHeaderLinkIn a {
			font-size: 16px;
		}
		.active:after {
			right: 40px;
			width: 122px;
			height: 4px;
		}
	}

	@media screen and (max-width: 1050px) {
		.adoptHeaderLinkIn {
			flex-basis: 160px;
		}
		.adoptHeaderLinkIn a {
			font-size: 14px;
		}
		.active:after {
			right: 30px;
			width: 102px;
			height: 4px;
		}
		.adoptLogo {
			left: 45px;
		}
	}

@media screen and (max-width: 767px) {
	.productImg {
		flex-basis: 100%;
		text-align: center;
	}
	.mainTtlTxt>h1 {
		text-align: center;
	}
	.interviewWrapper {
		padding-top: 50px;
	}
	.interviewTextArea {
		width: 100%;
		padding-bottom: 20px;
	}
	.interViewImg {
		width: 100%;
	}
	.interviewLeftText {
		order: 2;
	}
	.interviewArea {
		flex-direction: column;
	}
	.interViewTitle {
		font-size: 22px;
		letter-spacing: 0.05em;
		padding-bottom: 30px;
	}
	.interViewText {
		font-size: 16px;
		line-height: 1.5;
	}
	.interview_Title {
		font-size: 24px;
		padding-top: 45px;
	}
	.interview_top {
		height: 290px;
	}
	.topBtn {
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 20px 40px;
		width: 90%;
		height: 64px;
	}
	.adoptPankuzuCotent {
		flex-wrap: wrap;
	}
	.tableFisrt {
		letter-spacing: 0em !important;
		text-align: center;
		padding-left: 12px !important;
		text-align: left;
	}
	.adoptTop {
		background-position: -200px;
	}
	.recruitmentTable .tableFisrt {
		text-align: left;
	}
	.tableSecond {
		padding: 20px 0px 20px 15px;
	}
	.adoptTopText {
		font-size: 16px;
		letter-spacing: 0.12em;
		padding-bottom: 40px;
	}
	.underLine {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.adoptTop {
		padding-bottom: 70px;
	}
	.adoptTopArea {
    	height: 606px;
    	padding-top: 50px;
	}
	.entryBar h3{
		    font-size: 20px;
	}
	.recruitmentEntryTable tbody  tr{
		display : flex;
		flex-direction : column;
	}
	.recruitmentEntryTable tbody  tr th,.recruitmentEntryTable tbody  tr td{
		width: 100%;
	}
	.entryBar {
		padding: 20px;
		margin-bottom: 20px;
	}
	.formEntoryMargin{
		margin-bottom: 60px;
	}
	.formShape {
		font-size: 18px;
	}
	.recruitmentEntryTable tr td{
		padding: 10px;
	}
	.birthDay{
		margin-bottom: 0;
	}
	.birthText{
		line-height : 40px;
	}
	.radio1{
		margin-bottom: 0;
	}
	.formMargin{
		margin-bottom: 0;
	}
	.recruitmentTable tr{
		display : flex;
		flex-direction : column;
	}
	.recruitmentTable tr th, .recruitmentTable tr td{
		width: 100%;
		border-bottom: none;
	}
	.recruitmentTable tr th{
		border-right: none;
		background-color: #bd9459;
		color: #fff;
		padding : 10px 0px;
	}

	.adoptLengthText {
		width: 120px;
	}
	.adoptLengthTextTl {
		width: 40px;
	}
}