@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');

.read {
  box-sizing: border-box;
  height: 311px;
  padding: 140px 0 0;
  background: url("../images/recruit/read_bg.png") no-repeat center top;
  margin: 20px 0px 75px;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 400;
  text-align: center;
  color: #340003;
}
.read-ttl {
  padding-bottom: 10px;
  font-size: 25px; 
}
.read-ttl span {
  background: linear-gradient(transparent 80%, rgba(238, 121, 89,0.42) 0%);
}
.read-txt {
  padding-top: 10px;
  font-size: 18px;
  line-height: 2;font-weight: 400;
}

.about {
	margin: 0px auto 60px;
	width: 690px;
  font-family: 'Kosugi Maru', sans-serif;
}

.about .txt1 {
	text-align: center;
	font-size: 16px;
	line-height: 2.2;
	margin: 0 0 30px 0;
}

.about .txt1 span {
	font-size: 22px;
}

.aboutbox {
	overflow:hidden;
}

.aboutbox .img {
	width: 181px;
	float: left;
	margin: 20px 0 0 0;
}

.aboutbox .txt {
	width: 487px;
	float: right;
	padding: 65px 0;
	font-size: 14px;
	line-height: 2.57;
	text-align: center;
}

.voice {
	margin: 60px 0;
}

.voicebox {
	margin: 0 0 30px 0;
	padding: 30px 40px 60px;
	overflow:hidden;
}

.voicebox h4 {
	margin: 0 auto 15px;
	text-align: center;
	width: 420px;
	position: relative;
}
.voicebox h4:before {
	background-color: #E3D6BB;
	display: block;
	height: 1px;
	width: 70px;
	position: absolute;
	top: 11px;
	left: 30px;
	content: "";
}
.voicebox h4:after {
	background-color: #E3D6BB;
	display: block;
	height: 1px;
	width: 70px;
	position: absolute;
	top: 11px;
	right: 30px;
	content: "";
}

.voicebox .img {
	width: 350px;
	float: left;
}
.voicebox:nth-of-type(2n) .img {
  float: right;
}

.voicebox .txt {
	width: 530px;
	float: right;
}
.voicebox:nth-of-type(2n) .txt {
  float: left;
}

.voicebox .txt h5 {
	font-size: 140%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ","Meiryo","HGS明朝E","ＭＳ Ｐ明朝",serif;
	padding: 15px 0 15px 60px;
	margin: 0 0 5px 0;
	background: url(../images/recruit/recruit_mark1.png) no-repeat left center;
}

.voicebox .txt p {
	margin: 0 0 20px 0;
	line-height: 160%;
}

.curriculum {
  padding-bottom: 225px;
}

.recruit-info {
  width: 970px;
  border-bottom: 1px solid #030000;
  margin: 0 auto 170px;
}
.recruit-info .h1 {
  margin-bottom: 68px;
}
.recruit-info-inner {
  padding-bottom: 30px;
  border-top: 1px solid #030000;
  margin-top: 10px;
  position: relative;
}
.recruit-info-ttl {
  width: 250px;
  padding-top: 84px;
  padding-bottom: 3px;
  margin: 0 auto;
  position: relative;
  top: -24px;
  background-repeat: no-repeat;
}
.recruit-info-ttl.new {
  background-image: url("../images/recruit/ttl_sub_new.png");
}
.recruit-info-ttl.mid {
  background-image: url("../images/recruit/ttl_sub_mid.png");
}
.recruit-info-ttl.part {
  background-image: url("../images/recruit/ttl_sub_part.png");
}
.recruit-info-ttl span {
  box-sizing: border-box;
  display: block;
  height: 42px;
  padding: 10px 0 0 70px;
  background: url("../images/recruit/recruit_mark1.png") no-repeat left center;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 26px;
  line-height: 1;
}
.recruit-info .accordion_head {
  width: 63px;
  height: 33px;
  background-image: url("../images/recruit/info_open.png");
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  margin: auto auto auto 168px;
  cursor: pointer;
}
.recruit-info .accordion_head.selected {
  width: 40px;
  height: 40px;
  background-image: url("../images/recruit/info_close.png");
  top: auto;
  right: 0;
  bottom: 70px;
  left: 0;
  margin: auto;
}
.recruit-info-detail {
  width: 642px;
  padding: 100px 0px 185px;
  background: url("../images/recruit/info_decoration.png") no-repeat center top;
  margin: 0 auto;
}
.recruit-info-data {
	overflow:hidden;
}
.recruit-info-data dt {
	width: 120px;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}

.recruit-info-data dd {
	padding: 0 0 10px 120px;
	margin: 0 0 10px 0;
	border-bottom: 2px dotted #ccc;
}

.faq {
  width: 780px;
  margin: 0 auto 150px;
}
.faq-list {
  padding-top: 37px;
}
.faq-list dt {
  padding: 18px 80px 16px 88px;
  background-color: #eeebea;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
}
.faq-list dt::before {
  height: 36px;
  font-family: 'Great Vibes', cursive;
  font-size: 36px;
  line-height: 1;
  color: #e6736a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 42px;
  margin: auto;
  content:"Q,";
}
.faq-list dt::after {
  width: 22px;
  height: 22px;
  background-image: url("../images/recruit/icon_faq.png");
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
  content:"";
}
.faq-list dt.selected::after {
  background-position: left bottom
}

.faq-list dd {
  padding: 23px 20px 25px 125px;
  font-size: 14px;
  line-height: 1.7;
  position: relative;
}
.faq-list dd::before {
  font-family: 'Great Vibes', cursive;
  font-size: 36px;
  line-height: 1;
  color: #448aca;
  content:"A,";
  position: absolute;
  top: 21px;
  left: 83px;
}


.form {
	margin: 60px 0 80px;
}

.formbox {
	background: white;
	padding: 40px 100px;
}

.form .gauge {
	
}

.form .gauge:after {
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
}

.form .gauge li {
	width: 50%;
	float: left;
	background: #dcdcdc;
	color: white;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
}

.form .gauge li.current {
	background: #E37D8B;
}

.form .gauge li:first-child {
	position: relative;
}

.form .gauge li:first-child:after {
	content: "";
	display: block;
	width: 24px;
	height: 34px;
	background: url(../images/recruit/recruit_arrow_g.png) no-repeat left top;
	position: absolute;
	right: -24px;
	top: 0px;
}

.form .gauge li.current:first-child:after {
	content: "";
	display: block;
	width: 24px;
	height: 34px;
	background: url(../images/recruit/recruit_arrow_r.png) no-repeat left top;
	position: absolute;
	right: -24px;
	top: 0px;
}

.form .txt2 {
	margin: 15px 0 30px;
	font-size: 110%;
}

.form .txt2 img {
	margin: 0 5px;
}

.form dl {
	overflow:hidden;
}

.form dl dt {
	width: 212px;
	float: left;
	clear: both;
	margin: 0 0 25px 0;
	background: url(../images/recruit/recruit_bg1.jpg) no-repeat left top;
	padding: 7px 10px;
}

.form dl dd {
	padding: 0 0 0 212px;
	margin: 0 0 25px 0;
}

.form .summary select {
	margin: 5px 0 7px;
	font-size: 140%;
	width: 310px;
}

.form input[type="text"] {
	width: 300px;
	padding: 5px;
	height: 21px;
	font-size: 120%;
}

.form dd span {
	display: block;
	margin: 2px 0 0 0;
	font-size: 80%;
}

.form .visit {
	line-height: 200%;
}

.form textarea {
	width: 540px;
	height: 10em;
	font-size: 120%;
}

.submit-container {
	margin: 40px 0 0 0;
	text-align: center;
}