@charset "UTF-8";
/* CSS Document */
/* phpページCSS */

/*お知らせ＆イベント情報*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*お知らせ一覧*/
	#news00 {
		z-index: 2;
		position: relative;
		width: 1100px;
		height: auto;
		margin: 80px auto;
	}
	
	.news00-1 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.news00-1 h2 {
		position: relative;
		padding: 0 0 0 58px;
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 30px;
	}
	
	.news00-1 h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 50px;
		height: 50px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.news00-cat {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
	}
	
	.news00-cat a {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 0 20px 20px 0;
		padding: 15px 50px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
		color: #8DC031;
		background: #fff;
		border-radius: 40px;
		border: solid 2px #8DC031;
		float: left;
		transition: 0.4s;
	}
	
	.news00-cat a:hover {
		color: #fff;
		background: #8DC031;
		border: solid 2px #8DC031;
	}
	
	.news00-2 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 40px 0 0 0;
	}
	
	.news00-h2 {
		position: relative;
		margin-bottom: 60px;
		font-size: 34px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 3px;
		line-height: 34px;
		color: #8DC031;
	}
	
	.news00-h2 span {
		font-size: 22px;
		letter-spacing: 2px;
		line-height: 22px;
		color: #6E4D32;
	}
	
	.news00-h2 font {
		padding-bottom: 8px;
		border-bottom: dotted 4px #8DC031;
	}
	
	.news00-2 .tp-news-loop {
		display: block;
		position: relative;
		width: 300px;
		height: 220px;
		margin: 0 800px 40px 0;
		float: left;
	}
	
	.news00-2 .tp-news-loop-img {
		z-index: 1;
		width: 300px;
		height: 220px;
		border-radius: 0 30px 0 30px;
		overflow: hidden;
	}
	
	.news00-2 .tp-news-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		transition: transform 0.4s linear;
	}
	
	.news00-2 .tp-news-loop:hover .tp-news-loop-img img {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}
	
	.news00-2 .tp-news-loop-text {
		position: absolute;
		top: 10px;
		left: 360px;
		width: 740px;
		height: auto;
	}
	
	.news00-2.tp-news-loop-text span {
		display: table;
		position: relative;
		padding: 5px 10px;
		margin: 0 10px 10px 0;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 13px;
		color: #fff;
		background: #8DC031;
		border-radius: 40px;
		float: left;
	}
	
	.news00-2 .tp-news-loop-text h3 {
		margin: 10px 0 15px 0;
		font-size: 24px;
		letter-spacing: 1px;
		line-height: 24px;
		color: #8DC031;
	}
	
	.news00-2 .tp-news-loop-text p {
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 30px;
		color: #535353;
	}
	
	.news00-2 .tp-news-loop-text time {
		display: block;
		position: relative;
		margin: 8px 0 0 0;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: left;
		color: #8DC031;
	}
	
	/*お知らせ個別*/
	#news01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 0 0;
	}
	
	.news-con {
		position: relative;
		width: 1100px;
		height: auto;
		padding: 0 0 60px 0;
		margin: 0 auto;
	}
	
	.news-con time {
		position: relative;
		margin-right: 20px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		color: #8DC031;
	}
	
	.news-con h2.news-title {
		display: block;
		position: relative;
		margin: 30px 0 20px 0;
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 40px;
		color: #8DC031;
	}
	
	.news-con .news-cat {
		position: relative;
		padding: 5px 10px;
		margin-right: 10px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		color: #fff;
		background: #8DC031;
		border-radius: 30px;
	}
	
	.news-con .news-thum img {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 80px 0 0 0;
		object-fit: cover;
	}
	
	.news-con .news-post {
		position: relative;
		margin-top: 60px;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 24px;
		color: #535353;
	}
	
	.news-con .news-post h2 {
		position: relative;
		margin: 60px 0 30px 0;
		padding: 0 0 0 50px;
		font-size: 22px;
		letter-spacing: 2px;
		line-height: 28px;
		color: #6E4D32;
	}
	
	.news-con .news-post h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 40px;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/07/newskobetsu_5.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.news-con .news-post p {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 24px;
		color: #535353;
	}
	
	.news-btn {
		position: relative;
		width: 360px;
		margin: 0 auto;
	}
	
	.news01-1 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 60px 0;
		margin: 60px auto 0 auto;
		background: rgba(183,223,223,0.30);
	}
	
	.news01-loop {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 0 auto;
	}
	
	.news01-loop .tp-news-loop {
		margin: 0 40px 220px 0;
	}
	
	.news01-1 .news00-1 {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 50px auto 0 auto;
	}
	
	.news01-1-h4 {
		position: relative;
		margin-bottom: 60px;
		font-size: 34px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 3px;
		line-height: 34px;
		color: #6E4D32;
	}
	
	.news01-1-h4 font {
		padding-bottom: 8px;
		border-bottom: dotted 4px #8DC031;
	}
	
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	/*お知らせ一覧*/
	#news00 {
		z-index: 2;
		position: relative;
		width: 330px;
		height: auto;
		margin: 40px auto;
	}
	
	.news00-1 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.news00-1 h2 {
		position: relative;
		padding: 0 0 0 32px;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 18px;
	}
	
	.news00-1 h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.news00-cat {
		position: relative;
		width: 100%;
		height: auto;
		margin: 15px 0 0 0;
	}
	
	.news00-cat a {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 0 10px 10px 0;
		padding: 8px 22px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 11px;
		text-align: center;
		color: #8DC031;
		background: #fff;
		border-radius: 30px;
		border: solid 1px #8DC031;
		float: left;
	}
	
	.news00-2 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
	}
	
	.news00-h2 {
		position: relative;
		margin-bottom: 30px;
		font-size: 18px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 18px;
		color: #8DC031;
		text-align: center;
	}
	
	.news00-h2 span {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 14px;
		color: #6E4D32;
	}
	
	.news00-h2 font {
		padding-bottom: 3px;
		border-bottom: dotted 3px #8DC031;
	}
	
	.news00-2 .tp-news-loop {
		display: block;
		position: relative;
		width: 120px;
		height: 100px;
		margin: 0 200px 20px 0;
	}
	
	.news00-2 .tp-news-loop-img {
		z-index: 1;
		width: 120px;
		height: 100px;
		border-radius: 0 20px 0 20px;
		overflow: hidden;
	}
	
	.news00-2 .tp-news-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.news00-2 .tp-news-loop-text {
		position: absolute;
		top: 0;
		left: 140px;
		width: 190px;
		height: auto;
	}
	
	.news00-2 .tp-news-loop-text span {
		display: table;
		position: relative;
		padding: 3px 10px;
		margin: 0 5px 4px 0;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #fff;
		background: #8DC031;
		border-radius: 30px;
		float: left;
	}
	
	.news00-2 .tp-news-loop-text h3 {
		margin: 4px 0 6px 0;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #6E4D32;
	}
	
	.news00-2 .tp-news-loop-text p {
		display: none;
	}
	
	.news00-2 .tp-news-loop-text time {
		display: block;
		position: relative;
		margin: 4px 0 0 0;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 10px;
		text-align: left;
		color: #8DC031;
	}
	
	/*お知らせ個別*/
	#news01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 0 0 0;
	}
	
	.news-con {
		position: relative;
		width: 320px;
		height: auto;
		padding: 0 0 30px 0;
		margin: 0 auto;
	}
	
	.news-con time {
		position: relative;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 11px;
		color: #8DC031;
	}
	
	.news-con h2.news-title {
		display: block;
		position: relative;
		margin: 10px 0 10px 0;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 22px;
		color: #8DC031;
	}
	
	.news-con .news-cat {
		position: relative;
		padding: 3px 5px;
		margin-right: 10px;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 11px;
		color: #fff;
		background: #8DC031;
		border-radius: 20px;
	}
	
	.news-con .news-thum img {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 25px 0 0 0;
		object-fit: cover;
	}
	
	.news-con .news-post {
		position: relative;
		margin-top: 30px;
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #535353;
	}
	
	.news-con .news-post h2 {
		position: relative;
		margin: 25px 0 10px 0;
		padding: 0 0 0 35px;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #6E4D32;
	}
	
	.news-con .news-post h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 28px;
		height: 28px;
		background-image: url(/wp-content/uploads/2022/07/newskobetsu_5.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.news-con .news-post p {
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #535353;
	}
	
	.news-btn {
		position: relative;
		width: 220px;
		margin: 0 auto;
	}
	
	.news01-1 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0 30px 0;
		margin: 30px auto 0 auto;
		background: rgba(183,223,223,0.30);
	}
	
	.news01-loop {
		position: relative;
		width: 330px;
		height: auto;
		margin: 0 auto;
	}
	
	.news01-1 .news00-1 {
		position: relative;
		width: 330px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.news01-1-h4 {
		position: relative;
		margin-bottom: 35px;
		font-size: 18px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 18px;
		color: #6E4D32;
	}
	
	.news01-1-h4 font {
		padding-bottom: 4px;
		border-bottom: dotted 3px #8DC031;
	}
	
	

}

/*採用情報*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*採用情報一覧*/
	#rec-key {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 180px 0;
	}
	
	.rec-key-img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 600px;
		object-fit: cover;
	}
	
	.rec-key-text {
		z-index: 1;
		position: absolute;
		bottom: -130px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 1000px;
		height: auto;
		padding: 50px 0 0 0;
		border-radius: 40px 40px 0 0;
		background: #fff;
	}
	
	.rec-key-text p {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 14px;
		text-align: center;
	}
	
	.rec-key-text h1 {
		z-index: 1;
		position: relative;
		width: 1000px;
		margin: 50px auto 0 auto;
		font-size: 50px;
		letter-spacing: 4px;
		line-height: 45px;
		text-align: center;
	}
	
	.rec-key-text h1 span {
		display: block;
		margin-top: 10px;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 6px;
	}
	
	.rec-key-img01 {
		position: absolute;
		top: 70px;
		left: -80px;
		width: 280px;
		height: auto;
	}
	
	.rec-key-img02 {
		position: absolute;
		top: -25px;
		right: 50px;
		width: 140px;
		height: auto;
	}
	
	#rec00 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.rec00-p {
		text-align: center;
		line-height: 30px;
	}
	
	/*シンフォニーで働く上での良さ*/
	.rec00-1 {
		position: relative;
		width: 1200px;
		height: auto;
		padding: 100px 0 60px 0;
		margin: 0 auto 0 auto;
	}
	
	.rec00-1 h2 span {
		position: relative;
	}
	
	.rec00-1 h2 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -20px;
		right: -30px;
		width: 40px;
		height: 30px;
		background-image: url(/wp-content/uploads/2022/07/recruit_9.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-1 .rec-con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 50px auto 0 auto;
	}
	
	.rec00-1-1 {
		position: relative;
		width: 370px;
		height: auto;
		float: left;
	}
	
	.rec00-1-1:nth-child(2) {
		margin: 50px 45px 0 45px;
	}
	
	.rec00-1-1 font {
		position: relative;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 4px;
		line-height: 18px;
		padding-bottom: 5px;
		border-bottom: dotted 3px #8DC031;
	}
	
	.rec00-1-1 font span {
		position: relative;
		left: 5px;
		font-size: 50px;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: 50px;
	}
	
	.rec00-1-1 font::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -20px;
		left: -24px;
		width: 44px;
		height: 44px;
		background-image: url(/wp-content/uploads/2022/07/recruit_10.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-1-1 img {
		display: block;
		z-index: 0;
		position: relative;
		width: 100%;
		height: auto;
		margin: 25px 0 0 0;
		border-radius: 0 40px 0 0;
		box-shadow: 10px 10px 0px 0 rgba(141,192,49,0.60);
	}
	
	.rec00-1-1 h3 {
		position: relative;
		width: 280px;
		margin: -30px auto 20px 0;
		padding: 20px 0 0 20px;
		font-size: 22px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 30px;
		background: #fff;
		color: #8DC031;
	}
	
	.rec00-1-1 p {
		line-height: 30px;
	}
	
	/*採用メッセージ*/
	.rec00-2 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0;
		background: rgba(141,192,49,0.12);
	}
	
	.rec00-2 h2 span {
		position: relative;
	}
	
	.rec00-2 h2 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: -70px;
		transform: translate(0, -50%);
		width: 50px;
		height: 50px;
		background-image: url(/wp-content/uploads/2022/07/recruit_16.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-2 .rec-con {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 80px auto 0 auto;
	}
	
	.rec00-2-img {
		display: block;
		z-index: 1;
		position: relative;
		width: 600px;
		height: auto;
		margin: 0 0 0 auto;
	}
	
	.rec00-2-img01 {
		z-index: 0;
		position: absolute;
		top: -240px;
		right: 20px;
		width: 220px;
		height: auto;
	}
	
	.rec00-2-img02 {
		z-index: 0;
		position: absolute;
		bottom: -40px;
		left: -100px;
		width: 180px;
		height: auto;
	}
	
	.rec00-2-text {
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 620px;
		height: auto;
	}
	
	.rec00-2-text h3 {
		margin-bottom: 25px;
		font-size: 34px;
		letter-spacing: 3px;
		line-height: 42px;
	}
	
	.rec00-2-text p {
		line-height: 30px;
	}
	
	.rec00-2-text p font {
		display: block;
		margin-top: 15px;
		text-align: left;
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
		letter-spacing: 2px;
	}
	
	/*スタッフ紹介*/
	.rec00-3 {
		position: relative;
		width: 1100px;
		height: auto;
		padding: 100px 0 40px 0;
		margin: 0 auto;
	}
	
	.rec00-3 h2 {
		margin-bottom: 40px;
		font-size: 40px;
		letter-spacing: 4px;
		line-height: 40px;
		text-align: left;
	}
	
	.rec00-3 h2 font {
		position: relative;
		padding-bottom: 5px;
		border-bottom: dotted 4px #8DC031;
	}
	
	.rec00-3-p {
		line-height: 30px;
	}
	
	.rec00-3 .rec-con {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 110px auto 0 auto;
	}
	
	.rec00-3-1 {
		position: relative;
		width: 330px;
		height: auto;
		float: left;
		transition: 0.4s;
	}
	
	.rec00-3-1:nth-child(1) {
		margin: 0 0 0 0;
	}
	
	.rec00-3-1:nth-child(2) {
		top: -80px;
		margin: 0 55px 0 55px;
	}
	
	.rec00-3-1:nth-child(3) {
		top: -160px;
		margin: 0 0 0 0;
	}
	
	.rec00-3-1:hover {
		transform: translateY(-20px);
	}
	
	.rec00-3-1 img {
		display: block;
		z-index: 0;
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 30px;
	}
	
	.rec00-3-1 h3 {
		z-index: 1;
		position: absolute;
		top: -30px;
		left: -10px;
		width: 60px;
		font-size: 50px;
		font-family: 'Kaisei Opti', serif;
		line-height: 50px;
		text-align: center;
		color: #6E4D32;
	}
	
	.rec00-3-1 h3 span {
		display: block;
		position: relative;
		margin-bottom: 1px;
		font-size: 14px;
		font-family: 'Shadows Into Light Two', cursive;
		letter-spacing: 2px;
		line-height: 14px;
	}
	
	.rec00-3-1 h3 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -12px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 100px;
		height: 100px;
		background-image: url(/wp-content/uploads/2022/07/recruit_21.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-3-text {
		z-index: 1;
		position: absolute;
		bottom: -70px;
		width: 100%;
		height: auto;
	}
	
	.rec00-3-text h4 {
		font-size: 24px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 34px;
		color: #6E4D32;
		text-align: center;
		text-shadow: 2px 2px 2px rgba(255,255,255,0.80);
	}
	
	.rec00-3-text h5 {
		position: relative;
		width: 240px;
		margin: 30px auto 20px auto;
		padding: 15px 0 0 0;
		font-size: 24px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 24px;
		color: #8DC031;
		background: #fff;
		text-align: center;
	}
	
	.rec00-3-text h5 font {
		display: block;
		position: relative;
		margin-bottom: 8px;
		font-size: 18px;
	}
	
	.rec00-3-text p {
		font-size: 14px;
		text-align: center;
		color: #535353;
	}
	
	.rec00-3-img01 {
		z-index: 1;
		position: absolute;
		top: -40px;
		left: -150px;
		width: 200px;
		height: auto;
	}
	
	.rec00-3-img02 {
		z-index: 1;
		position: absolute;
		bottom: -60px;
		right: -30px;
		width: 280px;
		height: auto;
	}
	
	/*求人検索*/
	#rec {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 0 0;
	}
	
	.rec-1 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 80px auto 80px auto;
		padding: 80px 0 60px 0;
		background: rgba(183,223,223,0.30);
	}
	
	.rec-1 .rec-con {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 0 auto;
	}
	
	.rec-1 h3 {
		position: relative;
		padding: 0 0 0 50px;
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 30px;
	}
	
	.rec-1 h3::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 42px;
		height: 42px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec-cat {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
	}
	
	.rec-cat a {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 0 20px 20px 0;
		padding: 15px 50px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background: #8ED0D0;
		border-radius: 40px;
		border: solid 2px #8ED0D0;
		float: left;
		transition: 0.4s;
	}
	
	.rec-cat a:hover {
		color: #8ED0D0;
		background: #fff;
		border: solid 2px #8ED0D0;
	}
	
	.rec-2 {
		position: relative;
		width: 1200px;
		height: auto;
		margin: 0 auto;
	}
	
	.rec-h2 {
		position: relative;
		margin-bottom: 70px;
		font-size: 34px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 3px;
		line-height: 34px;
		color: #8DC031;
		text-align: center;
	}
	
	.rec-h2 span {
		font-size: 22px;
		letter-spacing: 2px;
		line-height: 22px;
		color: #6E4D32;
	}
	
	.rec-h2 font {
		padding-bottom: 8px;
		border-bottom: dotted 4px #8DC031;
	}
	
	.rec-loop {
		display: block;
		position: relative;
		width: 350px;
		height: 250px;
		margin: 0 25px 200px 25px;
		float: left;
	}
	
	.rec-loop-img {
		z-index: 1;
		width: 350px;
		height: 250px;
		border-radius: 0 30px 0 0;
		overflow: hidden;
	}
	
	.rec-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		transition: transform 0.4s linear;
	}
	
	.rec-loop:hover .rec-loop-img img {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}
	
	.rec-loop-text {
		position: absolute;
		top: 250px;
		left: 0;
		width: 100%;
		height: auto;
		padding: 15px 0 0 0;
	}
	
	.rec-loop-text span {
		display: table;
		position: absolute;
		top: -36px;
		left: 0;
		padding: 10px 30px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		color: #fff;
		background: #8ED0D0;
		border-radius: 0 20px 0 0;
	}
	
	.rec-loop-text h3 {
		margin: 0 0 15px 0;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 28px;
		color: #8DC031;
	}
	
	.rec-loop-text font {
		display: table;
		position: relative;
		margin: 0 10px 10px 0;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 14px;
		color: #535353;
		float: left;
	}
	
	.rec-loop-text font strong {
		color: #8DC031;
	}
	
	/*求人個別*/
	.rec01 {
		position: relative;
		width: 1150px;
		height: auto;
		margin: 0 auto 60px auto;
	}
	
	.rec01-img {
		position: relative;
		width: 500px;
		height: auto;
		margin: 0 0 0 50px;
		float: right;
	}
	
	.rec01-img img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0 40px 0 40px;
	}
	
	.rec01-text {
		position: relative;
		width: 600px;
		height: auto;
		float: left;
	}
	
	.rec01-text::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		left: -70px;
		width: 90px;
		height: 90px;
		background-image: url(/wp-content/uploads/2022/07/recruitkobetsu_1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec01-text h1 {
		position: relative;
		margin: 10px 0 20px 0;
		padding-bottom: 15px;
		font-size: 34px;
		letter-spacing: 3px;
		line-height: 44px;
		border-bottom: dotted 3px #8DC031;
	}
	
	.rec01-p01 {
		margin-top: 10px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
	}
	
	.rec01-p02 {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 24px;
	}
	
	.rec01-p03 {
		margin: 20px 0 20px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
	}
	
	.rec01-cat {
		display: table;
		position: relative;
		margin: 20px 20px 20px 0;
		padding: 8px 20px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		color: #fff;
		background: #8ED0D0;
		text-align: center;
		border-radius: 30px;
	}
	
	.rec01-tag {
		display: table;
		position: relative;
		margin: 0 10px 15px 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 14px;
		float: left;
	}
	
	.rec01-tag strong {
		color: #8DC031;
	}
	
	.rec02 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 20px 0;
		background: rgba(183,223,223,0.30);
	}
	
	.rec02 .rec-con {
		position: relative;
		width: 900px;
		height: auto;
		margin: 0 auto;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 24px;
		color: #535353;
	}
	
	.rec02 .rec-con h2 {
		position: relative;
		margin: 0 0 30px 0;
		padding: 0 0 0 0;
		font-size: 22px;
		letter-spacing: 2px;
		line-height: 28px;
		color: #6E4D32;
	}
	
	.rec02 .rec-con h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: -50px;
		transform: translate(0, -50%);
		width: 40px;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec02 .rec-con p {
		margin: 0 0 60px 0;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 24px;
		color: #535353;
	}
	
	.rec03 {
		z-index: 1;
		position: relative;
		width: 800px;
		height: auto;
		padding: 80px 0 60px 0;
		margin: 0 auto;
	}
	
	.rec03 table {
		position: relative;
		width: 100%;
		height: auto;
		margin: 60px 0 0 0;
		border-collapse: collapse;
		border-top: solid 2px #8DC031;
	}
	
	.rec03 table tr {
		border-bottom: solid 2px #8DC031;
	}
	
	.rec03 table tr th {
		width: 300px;
		padding: 20px 0 15px 0;
		font-size: 20px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #8DC031;
		vertical-align: top;
	}
	
	.rec03 table tr td {
		width: 480px;
		padding: 20px 20px 20px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
		color: #535353;
	}
	
	.rec03 img {
		z-index: 2;
		position: absolute;
		bottom: -40px;
		right: -230px;
		width: 220px;
		height: auto;
	}
	
	#rec-en {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		padding: 80px 0 60px 0;
		background: rgba(141,192,49,0.12);
	}
	
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	/*採用情報一覧*/
	#rec-key {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 100px 0;
	}
	
	.rec-key-img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 280px;
		object-fit: cover;
	}
	
	.rec-key-text {
		z-index: 1;
		position: absolute;
		bottom: -90px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 300px;
		height: auto;
		padding: 25px 0 0 0;
		border-radius: 20px 20px 0 0;
		background: #fff;
	}
	
	.rec-key-text p {
		font-size: 10px;
		letter-spacing: 0.5px;
		line-height: 10px;
		text-align: center;
	}
	
	.rec-key-text h1 {
		z-index: 1;
		position: relative;
		width: 300px;
		margin: 20px auto 0 auto;
		font-size: 24px;
		letter-spacing: 2px;
		line-height: 24px;
		text-align: center;
	}
	
	.rec-key-text h1 span {
		display: block;
		margin-top: 2px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 3px;
	}
	
	.rec-key-img01 {
		position: absolute;
		top: 25px;
		left: -30px;
		width: 80px;
		height: auto;
	}
	
	.rec-key-img02 {
		position: absolute;
		top: -5px;
		right: -20px;
		width: 70px;
		height: auto;
	}
	
	#rec00 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.rec00-p {
		width: 300px;
		margin: 0 auto;
		text-align: left;
		line-height: 20px;
	}
	
	/*シンフォニーで働く上での良さ*/
	.rec00-1 {
		position: relative;
		width: 260px;
		height: auto;
		padding: 40px 0 10px 0;
		margin: 0 auto 0 auto;
	}
	
	.rec00-1 h2 span {
		position: relative;
	}
	
	.rec00-1 h2 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -10px;
		right: -15px;
		width: 20px;
		height: 10px;
		background-image: url(/wp-content/uploads/2022/07/recruit_9.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-1 .rec-con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 25px auto 0 auto;
	}
	
	.rec00-1-1 {
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	
	.rec00-1-1 font {
		position: relative;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 2px;
		line-height: 11px;
		padding-bottom: 2px;
		border-bottom: dotted 1px #8DC031;
	}
	
	.rec00-1-1 font span {
		position: relative;
		left: 3px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 20px;
	}
	
	.rec00-1-1 font::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -12px;
		left: -12px;
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/07/recruit_10.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-1-1 img {
		display: block;
		z-index: 0;
		position: relative;
		width: 100%;
		height: auto;
		margin: 5px 0 0 0;
		border-radius: 0 20px 0 0;
		box-shadow: 5px 5px 0 0 rgba(141,192,49,0.60);
	}
	
	.rec00-1-1 h3 {
		position: relative;
		width: 160px;
		margin: -25px auto 10px 0;
		padding: 15px 0 0 10px;
		font-size: 14px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 20px;
		background: #fff;
		color: #8DC031;
	}
	
	.rec00-1-1 p {
		line-height: 20px;
	}
	
	/*採用メッセージ*/
	.rec00-2 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0;
		background: rgba(141,192,49,0.12);
	}
	
	.rec00-2 h2 span {
		position: relative;
	}
	
	.rec00-2 h2 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: -40px;
		transform: translate(0, -50%);
		width: 30px;
		height: 30px;
		background-image: url(/wp-content/uploads/2022/07/recruit_16.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-2 .rec-con {
		position: relative;
		width: 280px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.rec00-2-img {
		display: block;
		z-index: 1;
		position: relative;
		width: 260px;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	.rec00-2-img01 {
		display: none;
	}
	
	.rec00-2-img02 {
		z-index: 0;
		position: absolute;
		bottom: -30px;
		right: -40px;
		width: 70px;
		height: auto;
	}
	
	.rec00-2-text {
		z-index: 2;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.rec00-2-text h3 {
		margin-bottom: 10px;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 22px;
		text-align: center;
	}
	
	.rec00-2-text p {
		line-height: 20px;
	}
	
	.rec00-2-text p font {
		display: block;
		margin-top: 8px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
		line-height: 13px;
		letter-spacing: 1px;
	}
	
	/*スタッフ紹介*/
	.rec00-3 {
		position: relative;
		width: 280px;
		height: auto;
		padding: 40px 0 0 0;
		margin: 0 auto;
	}
	
	.rec00-3 h2 {
		margin-bottom: 20px;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 18px;
		text-align: center;
	}
	
	.rec00-3 h2 font {
		position: relative;
		padding-bottom: 2px;
		border-bottom: dotted 4px #8DC031;
	}
	
	.rec00-3-p {
		line-height: 20px;
	}
	
	.rec00-3 .rec-con {
		position: relative;
		width: 280px;
		height: auto;
		margin: 40px auto 0 auto;
	}
	
	.rec00-3-1 {
		display: block;
		position: relative;
		width: 280px;
		height: auto;
		margin-bottom: 30px;
	}
	
	.rec00-3-1 img {
		display: block;
		z-index: 0;
		position: relative;
		width: 160px;
		height: auto;
		margin: 0 auto 0 0;
		border-radius: 15px;
	}
	
	.rec00-3-1 h3 {
		z-index: 1;
		position: absolute;
		top: -15px;
		left: -10px;
		width: 30px;
		font-size: 20px;
		font-family: 'Kaisei Opti', serif;
		line-height: 20px;
		text-align: center;
		color: #6E4D32;
	}
	
	.rec00-3-1 h3 span {
		display: block;
		position: relative;
		margin-bottom: 1px;
		font-size: 9px;
		font-family: 'Shadows Into Light Two', cursive;
		letter-spacing: 2px;
		line-height: 9px;
	}
	
	.rec00-3-1 h3 span::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -8px;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, 0);
		width: 50px;
		height: 50px;
		background-image: url(/wp-content/uploads/2022/07/recruit_21.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec00-3-text {
		z-index: 1;
		position: absolute;
		bottom: 15px;
		right: 0;
		width: 140px;
		height: auto;
	}
	
	.rec00-3-text h4 {
		font-size: 14px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 20px;
		color: #6E4D32;
		text-align: left;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.80);
		white-space: nowrap;
	}
	
	.rec00-3-text h5 {
		position: relative;
		width: 100px;
		margin: 30px 0 6px auto;
		padding: 0 0 0 0;
		font-size: 14px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 14px;
		color: #8DC031;
		text-align: left;
	}
	
	.rec00-3-text h5 font {
		display: block;
		position: relative;
		margin-bottom: 4px;
		font-size: 12px;
	}
	
	.rec00-3-text p {
		position: relative;
		width: 100px;
		margin: 0 0 0 auto;
		font-size: 11px;
		text-align: left;
		color: #535353;
	}
	
	.rec00-3-img01 {
		z-index: 1;
		position: absolute;
		top: -20px;
		left: -30px;
		width: 90px;
		height: auto;
	}
	
	.rec00-3-img02 {
		z-index: 1;
		position: absolute;
		top: 140px;
		right: -20px;
		width: 60px;
		height: auto;
	}
	
	/*求人検索*/
	#rec {
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0 0 0;
	}
	
	.rec-1 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 20px auto 20px auto;
		padding: 30px 0 20px 0;
		background: rgba(183,223,223,0.30);
	}
	
	.rec-1 .rec-con {
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto;
	}
	
	.rec-1 h3 {
		position: relative;
		padding: 0 0 0 30px;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 16px;
	}
	
	.rec-1 h3::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		width: 20px;
		height: 20px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec-cat {
		position: relative;
		width: 100%;
		height: auto;
		margin: 15px 0 0 0;
	}
	
	.rec-cat a {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		margin: 0 10px 10px 0;
		padding: 8px 22px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 11px;
		text-align: center;
		color: #fff;
		background: #8ED0D0;
		border-radius: 30px;
		float: left;
	}
	
	.rec-2 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.rec-h2 {
		position: relative;
		margin-bottom: 30px;
		font-size: 16px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 2px;
		line-height: 16px;
		color: #8DC031;
		text-align: center;
	}
	
	.rec-h2 span {
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 12px;
		color: #6E4D32;
	}
	
	.rec-h2 font {
		padding-bottom: 3px;
		border-bottom: dotted 2px #8DC031;
	}
	
	.rec-loop {
		display: block;
		position: relative;
		width: 260px;
		height: 150px;
		margin: 0 auto 110px auto;
	}
	
	.rec-loop-img {
		z-index: 1;
		width: 260px;
		height: 150px;
		border-radius: 0 15px 0 0;
		overflow: hidden;
	}
	
	.rec-loop-img img {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.rec-loop-text {
		position: absolute;
		top: 150px;
		left: 0;
		width: 100%;
		height: auto;
		padding: 10px 0 0 0;
	}
	
	.rec-loop-text span {
		display: table;
		position: absolute;
		top: -25px;
		left: 0;
		padding: 7px 20px;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 11px;
		color: #fff;
		background: #8ED0D0;
		border-radius: 0 10px 0 0;
	}
	
	.rec-loop-text h3 {
		margin: 0 0 6px 0;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #8DC031;
	}
	
	.rec-loop-text font {
		display: table;
		position: relative;
		margin: 0 10px 4px 0;
		font-size: 10px;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #535353;
		float: left;
	}
	
	.rec-loop-text font strong {
		color: #8DC031;
	}
	
	/*求人個別*/
	.rec01 {
		position: relative;
		width: 300px;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	.rec01-img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	.rec01-img img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0 20px 0 20px;
	}
	
	.rec01-text {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.rec01-text::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 18px;
		left: -30px;
		width: 40px;
		height: 40px;
		background-image: url(/wp-content/uploads/2022/07/recruitkobetsu_1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec01-text h1 {
		position: relative;
		margin: 5px 0 15px 0;
		padding-bottom: 10px;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 28px;
		border-bottom: dotted 2px #8DC031;
	}
	
	.rec01-p01 {
		margin-top: 0;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 11px;
	}
	
	.rec01-p02 {
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
	}
	
	.rec01-p03 {
		margin: 8px 0 8px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
	}
	
	.rec01-cat {
		display: table;
		position: relative;
		margin: 8px 10px 8px 0;
		padding: 5px 15px;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 11px;
		color: #fff;
		background: #8ED0D0;
		text-align: center;
		border-radius: 20px;
	}
	
	.rec01-tag {
		display: table;
		position: relative;
		margin: 0 8px 5px 0;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		float: left;
	}
	
	.rec01-tag strong {
		color: #8DC031;
	}
	
	.rec02 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 0 15px 0;
		background: rgba(183,223,223,0.30);
	}
	
	.rec02 .rec-con {
		position: relative;
		width: 290px;
		height: auto;
		margin: 0 auto;
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #535353;
	}
	
	.rec02 .rec-con h2 {
		position: relative;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 20px;
		color: #6E4D32;
	}
	
	.rec02 .rec-con h2::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -3px;
		left: -30px;
		width: 25px;
		height: 25px;
		background-image: url(/wp-content/uploads/2022/07/news_4.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.rec02 .rec-con p {
		margin: 0 0 15px 0;
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 18px;
		color: #535353;
	}
	
	.rec03 {
		z-index: 1;
		position: relative;
		width: 300px;
		height: auto;
		padding: 40px 0 30px 0;
		margin: 0 auto;
	}
	
	.rec03 table {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
		border-collapse: collapse;
		border-top: solid 1px #8DC031;
	}
	
	.rec03 table tr {
		border-bottom: solid 1px #8DC031;
	}
	
	.rec03 table tr th {
		display: block;
		width: 290px;
		padding: 12px 0 6px 10px;
		font-size: 12px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #8DC031;
	}
	
	.rec03 table tr td {
		display: block;
		width: 280px;
		padding: 0 10px 12px 10px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #535353;
	}
	
	.rec03 img {
		display: none;
	}
	
	#rec-en {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 0 20px 0;
		background: rgba(141,192,49,0.12);
	}
}

/*ページネーション*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*ページネーション*/
	.pagination {
		display: table;
		position: relative;
		width: 100%;
		height: 60px;
		margin: 30px auto;
		text-align: center;
	}
		
	.pagination ul {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
		
	.pagination ul li {
		list-style: none;
		float: left;
	}
	
	.pagination ul li a {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		margin: 0 20px 0 0;
		color: #8DC031;
		border: solid 1px #8DC031;
		border-radius: 100px;
		box-sizing: border-box;
		background: #fff;
		-webkit-appearance: none;
		transition: 0.4s;
	}
	
	.pagination ul li a:hover {
		color: #fff;
		border: solid 1px #8DC031;
		background: #8DC031;
	}

	.pagination span {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		margin: 0 20px 0 0;
		color: #FFF;
		border: solid 1px #8DC031;
		border-radius: 100px;
		box-sizing: border-box;
		background: #8DC031;
		-webkit-appearance: none;
	}
		
	.pagination span.current {
		background: #8DC031;
	}
	
	.pagination .prev {
		display: none;
	}
	
	.pagination .next {
		display: none;
	}
	
	#rec .pagination ul li a {
		color: #8ED0D0;
		border: solid 1px #8ED0D0;
	}
	
	#rec .pagination ul li a:hover {
		color: #fff;
		border: solid 1px #8ED0D0;
		background: #8ED0D0;
	}

	#rec .pagination span {
		border: solid 1px #8ED0D0;
		background: #8ED0D0;
	}
		
	#rec .pagination span.current {
		background: #8ED0D0;
	}
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	/*ページネーション*/
	.pagination {
		display: table;
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
		text-align: center;
	}
		
	.pagination ul {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
		
	.pagination ul li {
		list-style: none;
		float: left;
	}
	
	.pagination ul li a {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		font-size: 14px;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		margin: 0 20px 0 0;
		color: #8DC031;
		border: solid 1px #8DC031;
		border-radius: 100px;
		box-sizing: border-box;
		background: #fff;
		-webkit-appearance: none;
	}
	
	.pagination span {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		font-size: 14px;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		margin: 0 20px 0 0;
		color: #FFF;
		border: solid 1px #8DC031;
		border-radius: 100px;
		box-sizing: border-box;
		background: #8DC031;
		-webkit-appearance: none;
	}
		
	.pagination span.current {
		background: #8DC031;
	}
	
	.pagination .prev {
		display: none;
	}
	
	.pagination .next {
		display: none;
	}
	
	#rec .pagination ul li a {
		color: #8ED0D0;
		border: solid 1px #8ED0D0;
	}

	#rec .pagination span {
		border: solid 1px #8ED0D0;
		background: #8ED0D0;
	}
		
	#rec .pagination span.current {
		background: #8ED0D0;
	}

}

/*404エラー*/
/*PC*/
@media only screen and (min-width: 769px) {
	#er {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 0 auto;
		padding: 80px 0;
	}
	
	#er h1 {
		position: relative;
		margin: 30px 0 60px 0;
		font-size: 50px;
		font-weight: bold;
		letter-spacing: 8px;
		line-height: 50px;
		text-align: left;
	}
	
	#er img {
		display: block;
		position: absolute;
		bottom: 40px;
		right: 0;
		width: 220px;
		height: auto;
	}
	
	.er-p01 {
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 4px;
		line-height: 24px;
		text-align: left;
	}
	
	.er-p02 {
		line-height: 30px;
	}
	
	.er-p02 a {
		color: #2F4AD3;
	}
	
	.er-p02 a:hover {
		text-decoration: underline;
	}
	
	.er-indent {
		line-height: 30px;
	}
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	#er {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto;
		padding: 80px 0 100px 0;
	}
	
	#er h1 {
		position: relative;
		margin: 15px 0 30px 0;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: 30px;
		text-align: left;
	}
	
	#er img {
		display: block;
		position: absolute;
		bottom: 40px;
		right: -30px;
		width: 100px;
		height: auto;
	}
	
	.er-p01 {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 3px;
		line-height: 14px;
		text-align: left;
	}
	
	.er-p02 {
		line-height: 20px;
	}
	
	.er-p02 a {
		color: #2F4AD3;
		text-decoration: underline;
	}
	
	.er-indent {
		line-height: 20px;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/*cf7*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*コンタクトフォーム７*/
	.cf7 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.cf7 table {
		position: relative;
		width: 900px;
		height: auto;
		margin: 60px auto 0 auto;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	
	.cf7 table tr th {
		position: relative;
		width: 300px;
		padding: 20px 0 10px 0;
		font-size: 20px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #6E4D32;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.cf7 table tr td {
		position: relative;
		width: 600px;
		padding: 10px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	
	#wpcf7cpcnf {
		z-index: 99!important;
	}
	
	#wpcf7cpcnf table {
		position: relative;
		width: 900px;
		height: auto;
		margin: 60px auto 0 auto;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	
	#wpcf7cpcnf table tr th {
		position: relative;
		width: 300px;
		padding: 20px 0 20px 0;
		font-size: 20px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #6E4D32;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	#wpcf7cpcnf table tr th p {
		font-size: 20px;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
	}
	
	#wpcf7cpcnf table tr td {
		position: relative;
		width: 600px;
		padding: 10px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	
	#wpcf7cpcnf button {
		display: block;
	position: relative;
	width: 320px;
	height: auto;
	margin: 20px auto 20px auto;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 40px;
	box-sizing: content-box;
	transition: 0.4s;
	-webkit-appearance: none;
	}
	
	#wpcf7cpcnf button:hover {
		color: #8ED0D0;
		background: #fff;
		border: solid 2px #8ED0D0;
	}
	
	.con03 #wpcf7cpcnf table tr:nth-child(8) {
		display: none!important;
	}
	
	.en #wpcf7cpcnf table tr:nth-child(9) {
		display: none!important;
	}
	
	.must {
		position: relative;
		left: 15px;
		padding: 3px 5px;
		font-size: 14px;
		font-weight: bold;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		letter-spacing: 1px;
		line-height: 14px;
		color: #fff;
		background: #8DC031;
		border-radius: 5px;
	}
	
	.cf-box01 {
		position: relative;
		width: 100%;
		height: 40px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.cf-box02 {
		position: relative;
		width: 25%;
		height: 40px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.cf-box03 {
		position: relative;
		width: 30%;
		height: 40px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.cf-box04 {
		position: relative;
		width: 100%;
		height: 180px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.cf-sel {
		position: relative;
		width: 100px;
		height: 50px;
		padding: 0 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		background: #F0F6FA;
		border: none;
	}
	
	.cf-radio {
		position: relative;
		margin-right: 50px;
	}
	
	.cf-radio .wpcf7-list-item {
		width: 30%;
	}
	
	span.your-prefecture .cf-box01 {
		margin: 12px 0;
	}
	
	span.your-address02 .cf-box01 {
		margin: 12px 0;
	}
	
	span.post_title input {
		position: relative;
		width: 100%;
		height: 40px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #535353;
		background: rgba(255,255,255,0.00);
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.wpcf7-acceptance .wpcf7-list-item {
		display: block!important;
		position: relative;
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	.wpcf7-acceptance .wpcf7-list-item a {
		color: #2F4AD3;
	}
	
	.wpcf7-acceptance .wpcf7-list-item a:hover {
		text-decoration: underline;
	}
	
	::placeholder {
		color: #B9B9B9;
	}

.submit {
	display: block;
	position: relative;
	width: 320px;
	height: auto;
	margin: 20px auto 20px auto;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 40px;
	box-sizing: content-box;
	transition: 0.4s;
	-webkit-appearance: none;
}

.submit:hover {
	color: #8ED0D0;
	background: #fff;
	border: solid 2px #8ED0D0;
}
	
	.submit-button {
	display: block;
	position: relative;
	width: 320px;
	height: auto;
	margin: 20px auto 20px auto;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 40px;
	box-sizing: content-box;
	transition: 0.4s;
	-webkit-appearance: none;
}

.submit-button:hover {
	color: #8ED0D0;
	background: #fff;
	border: solid 2px #8ED0D0;
}
	
	.button-confirm {
	display: block;
	position: relative;
	width: 320px;
	height: auto;
	margin: 20px auto 20px auto;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 40px;
	box-sizing: content-box;
	transition: 0.4s;
	-webkit-appearance: none;
}

.button-confirm:hover {
	color: #8ED0D0;
	background: #fff;
	border: solid 2px #8ED0D0;
}
	
	.wpcf7-form-mode-edit #wrap_contact input[type="button"].button-confirm, 
.wpcf7-form-mode-confirm #wrap_contact input[type="submit"] {
    background: #ee5656;
    height: 60px;
    font-size: 20px;
    letter-spacing: 0.1em;
    width: 300px;
    display: inline;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 5px;
}

.wpcf7-form-mode-confirm #wrap_contact input[type="button"].button-rewrite {
    background: #666666;
    height: 60px;
    font-size: 20px;
    letter-spacing: 0.1em;
    width: 300px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
	
	
	/*送信後メッセージ削除*/
div.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7-mail-sent-ok{
    display:none!important;
}

.wpcf7 form.sent .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
	color: #fff;
}

/* 確認画面のフィールド背景色や枠線を消す */
input.wpcf7c-conf, textarea.wpcf7c-conf, select.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #FFF;
}

.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7-select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}

.wpcf7.is_confirm select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}

	/*MW WP Form*/
	.mw_wp_form input[name="__children[privacypolicy][]"] + .error {
		display : inline;
		padding-right:.5em;
	}
	
	#addr {
		margin: 15px 0;
	}
	
	.accept-btn {
		color: #2F4AD3;
	}
	
	.accept-btn:hover {
		text-decoration: underline;
	}
	
	.cf7-pri {
		display:block;
		text-align:center;
		margin: 30px auto 40px auto;
	}
	
	input[name="post_title"] {
		position: relative;
		width: 100%;
		height: 40px;
		padding: 10px 10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #535353;
		background: rgba(255,255,255,0.00);
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
	.takasa {
		height: 680px;
	}
	
	.rec-takasa {
		height: 700px;
	}
	
}
	
/*SP*/
@media only screen and (max-width: 768px) {
	/*エントリーフォーム(募集職種)*/
	.cf7 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.cf7 table {
		position: relative;
		width: 300px;
		height: auto;
		margin: 30px auto 0 auto;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	
	.cf7 table tr th {
		display: block;
		position: relative;
		width: 100%;
		padding: 10px 0 8px 0;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #6E4D32;
	}
	
	.cf7 table tr td {
		display: block;
		position: relative;
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
	}
	
	#wpcf7cpcnf {
		z-index: 99!important;
	}
	
	#wpcf7cpcnf table {
		position: relative;
		width: 300px;
		height: auto;
		margin: 30px auto 0 auto;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	
	#wpcf7cpcnf table tr th {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 0 8px 0;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #6E4D32;
	}
	
	#wpcf7cpcnf table tr th p {
		font-size: 12px;
		font-weight: bold;
		font-family: 'Kaisei Opti', serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
	}
	
	#wpcf7cpcnf table tr td {
		display: block;
		position: relative;
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
	}
	
	#wpcf7cpcnf button {
		display: block;
	position: relative;
	width: 200px;
	height: auto;
	margin: 10px auto 15px auto;
	padding: 8px 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 12px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 30px;
	box-sizing: content-box;
	-webkit-appearance: none;
	}
	
	.con03 #wpcf7cpcnf table tr:nth-child(8) {
		display: none!important;
	}
	
	.en #wpcf7cpcnf table tr:nth-child(9) {
		display: none!important;
	}
	
	.must {
		position: relative;
		left: 10px;
		padding: 2px 3px;
		font-size: 11px;
		font-weight: bold;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		letter-spacing: 0.5px;
		line-height: 11px;
		color: #fff;
		background: #8DC031;
		border-radius: 5px;
	}
	
	.cf-box01 {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 0 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.cf-box02 {
		position: relative;
		width: 35%;
		height: 30px;
		padding: 5px 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.cf-box03 {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 5px 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.cf-box04 {
		position: relative;
		width: 100%;
		height: 100px;
		padding: 5px 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		background: #fff;
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.cf-sel {
		position: relative;
		width: 100px;
		height: 30px;
		margin-bottom: 7px;
		padding: 0 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		background: #F0F6FA;
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.cf-radio {
		position: relative;
		margin-right: 30px;
	}
	
	.cf-radio .wpcf7-list-item {
		width: 43%;
		margin: 0 0 0 5px!important;
		white-space: nowrap!important;
	}
	
	span.your-prefecture .cf-box01 {
		margin: 8px 0;
	}
	
	span.your-address02 .cf-box01 {
		margin: 8px 0;
	}
	
	span.post_title input {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 0 10px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #535353;
		background: rgba(255,255,255,0.00);
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	.wpcf7-acceptance .wpcf7-list-item {
		display: block!important;
		position: relative;
		margin: 15px auto 0 auto;
		text-align: center;
	}
	
	.wpcf7-acceptance .wpcf7-list-item a {
		color: #2F4AD3;
		text-decoration: underline;
	}
	
	::placeholder {
		color: #B9B9B9;
		font-size: 11px;
	}
	
.submit {
	display: block;
	position: relative;
	width: 200px;
	height: auto;
	margin: 10px auto 15px auto;
	padding: 8px 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 12px;
	text-align: center;
	color: #fff;
	background: #8ED0D0;
	border: solid 2px #8ED0D0;
	border-radius: 30px;
	box-sizing: content-box;
	-webkit-appearance: none;
}
	
	/*送信後メッセージ削除*/
div.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7-mail-sent-ok{
    display:none!important;
}

.wpcf7 form.sent .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
	color: #fff;
}

/* 確認画面のフィールド背景色や枠線を消す */
input.wpcf7c-conf, textarea.wpcf7c-conf, select.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #FFF;
}

.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7-select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}

.wpcf7.is_confirm select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #FFF inset;
}
	
	.wpcf7-not-valid-tip {
		font-size: 11px!important;
	}
	
	/*MW WP Form*/
	.mw_wp_form input[name="__children[privacypolicy][]"] + .error {
		display : inline;
		padding-right:.5em;
	}
	
	input[name="post_title"] {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 0 10px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #535353;
		background: rgba(255,255,255,0.00);
		border: none;
		border-radius: 3px;
		box-sizing: border-box;
	}
	
	#addr {
		margin: 7px 0;
	}
	
	.accept-btn {
		color: #2F4AD3;
		text-decoration: underline;
	}
	
	.cf7-pri {
		display:block;
		text-align:center;
		margin: 15px auto 20px auto;
		font-size: 12px;
	}
	
	.takasa {
		height: 560px;
	}
	
	.rec-takasa {
		height: 660px;
	}
	
}