@charset "UTF-8";
/* CSS Document */

/*
60.採用情報
61.募集要項個別
62.募集要項個別＿サンクスページ
63.スタッフ紹介1人目
64.スタッフ紹介2人目
65.スタッフ紹介3人目
66.スタッフ紹介4人目
67.スタッフ紹介5人目
68.スタッフ紹介6人目
70.お知らせ＿一覧
71.お知らせ＿カテゴリ一覧
72.お知らせ＿個別
80.お問い合わせ
81.お問い合わせ＿サンクスページ
90.個人情報保護方針
*/

/*共通*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*背景の三角形*/
	.back_img {
		z-index: -1;
		position: absolute;
		top: -110px;
		left: 0;
		width: 950px;
		height: auto;
	}
	
	.back_img img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	/*h1*/
	.page_h1 {
		font-size: 70px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 70px;
		color: #333333;
	}
	
	.page_h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	.page_h1 font {
		display: block;
		position: relative;
		margin-top: 10px;
		font-size: 24px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 3px;
		line-height: 24px;
		color: #242936;
	}
 
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*背景の三角形*/
	.back_img {
		z-index: -1;
		position: absolute;
		top: 60px;
		left: 0;
		width: 300px;
		height: auto;
	}
	
	.back_img img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	/*h1*/
	.page_h1 {
		font-size: 35px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 2px;
		line-height: 35px;
		color: #333333;
	}
	
	.page_h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	.page_h1 font {
		display: block;
		position: relative;
		margin-top: 5px;
		font-size: 14px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 14px;
		color: #242936;
	}
	
}

/*60.採用情報*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*メインビジュアル*/
	#rec_mv {
		position: relative;
		width: 96%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_mv img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 430px;
		object-fit: cover;
		object-position: center;
	}
	
	#rec_mv .text {
		position: relative;
		width: 1070px;
		height: auto;
		padding: 50px 0 0 0;
		margin: -110px auto 0 auto;
		background: #fff;
	}
	
	#rec_mv .text h1 {
		text-align: center;
	}
	
	#rec_mv .text h1 font {
		font-size: 30px;
		line-height: 30px;
	}
	
	/*アンカーボタン*/
	#rec_btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 930px;
		height: auto;
		margin: 90px auto 60px auto;
	}
	
	#rec_btn a {
		display: block;
		position: relative;
		width: 270px;
		height: auto;
		padding: 20px 0 30px 20px;
		border-bottom: solid 3px #1C4175;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #1C4175;
		box-sizing: border-box;
	}
	
	#rec_btn a font {
		position: absolute;
		top: 0;
		right: 10px;
		width: 55px;
		height: 55px;
		background: #fff;
		border: solid 1px #1C4175;
		border-radius: 150px;
		box-sizing: border-box;
		transition: 0.3s;
	}
	
	#rec_btn a font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 54%;
		transform: translateY(-50%) translateX(-50%);
		width: 6px;
		height: 27px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/down_blue.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		transition: 0.3s;
	}
	
	#rec_btn a:hover font {
		background: #1C4175;
		border: solid 1px #1C4175;
	}
	
	#rec_btn a:hover font::before {
		background-image: url(/wp-content/themes/technosystems_co/images/post/down_white.png);
	}
	
	#rec01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 220px 0 110px 0;
		background-image: url(/wp-content/themes/technosystems_co/images/post/recruit_2_pc.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec01 .con {
		position: relative;
		width: 1100px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec01 .con h2 {
		position: absolute;
		top: -120px;
		left: 0;
		font-size: 28px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 50px;
		text-align: left;
		color: #fff;
		white-space: nowrap;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	#rec01 .con p {
		position: relative;
		left: -50px;
		width: 430px;
		height: auto;
		margin: 0 auto 0 auto;
		font-weight: bold;
		line-height: 36px;
		color: #fff;
	}
	
	#rec01 .con img {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 240px;
		height: 300px;
		object-fit: cover;
		object-position: center;
	}
	
	/*360度動画で見るテクノシステムの様子*/
	#rec02 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 100px 0 90px 0;
	}
	
	#rec02 .backimg {
		z-index: -1;
		position: absolute;
		top: 0;
		right: -80px;
		width: 995px;
		height: 100%;
		overflow: hidden;
	}
	
	#rec02 .backimg img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	#rec02 h2 {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 28px;
		text-align: center;
		color: #333333;
	}
	
	#rec02 h2 font {
		font-size: 80px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 80px;
		color: #057EE5;
	}
	
	#rec02 p {
		margin: 30px auto 60px auto;
		text-align: center;
	}
	
	#rec02 .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 1230px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec02 .con .ptn {
		position: relative;
		width: 600px;
		height: auto;
	}
	
	#rec02 .con .ptn iframe {
		display: block;
		position: relative;
		width: 100%;
		height: 320px;
		object-fit: cover;
	}
	
	#rec02 .con .ptn h3 {
		position: relative;
		padding-left: 45px;
		margin-top: 15px;
		font-size: 24px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 24px;
		text-align: left;
		color: #C9C9C9;
	}
	
	#rec02 .con .ptn h3 font {
		position: relative;
		margin-left: 10px;
		font-size: 40px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 40px;
	}
	
	#rec02 .con .ptn h3::before {
		content: "";
		position: absolute;
		bottom: 3px;
		left: 0;
		width: 33px;
		height: 24px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/rec02_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	/*テクノシステムで働く魅力*/
	#rec03 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 180px 0 90px 0;
	}
	
	#rec03::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		right: 0;
		width: 74%;
		height: 1030px;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
		opacity: 0.20;
	}
	
	#rec03 .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		width: 1190px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec03 .con h2 {
		position: absolute;
		top: -75px;
		right: 70px;
	}
	
	#rec03 .con h2 font {
		letter-spacing: 6px;
	}
	
	#rec03 .con .ptn {
		position: relative;
		width: 370px;
		height: auto;
		padding-bottom: 40px;
		background: #fff;
	}
	
	#rec03 .con .ptn:nth-of-type(1) {
		margin-top: 0;
	}
	
	#rec03 .con .ptn:nth-of-type(2) {
		margin-top: 90px;
	}
	
	#rec03 .con .ptn:nth-of-type(3) {
		margin-top: 180px;
	}
	
	#rec03 .con .ptn img {
		display: block;
		position: relative;
		width: 100%;
		height: 230px;
		object-fit: cover;
		object-position: center;
	}
	
	#rec03 .con .ptn h3 {
		position: absolute;
		top: -95px;
		left: 10px;
		font-size: 26px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 26px;
		color: #F0F0F0;
	}
	
	#rec03 .con .ptn h3 big {
		position: relative;
		top: 38px;
		font-size: 90px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 90px;
	}
	
	#rec03 .con .ptn h4 {
		position: relative;
		width: 300px;
		margin: 35px auto 20px auto;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: left;
	}
	
	#rec03 .con .ptn h4::before {
		content: "";
		position: absolute;
		top: 8px;
		left: -35px;
		width: 15px;
		height: 13px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/stf_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec03 .con .ptn p {
		width: 300px;
		margin: 0 auto 0 auto;
	}
	
	/*採用メッセージ*/
	#rec04 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec04 .con {
		position: relative;
		width: 1280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec04 .con img {
		z-index: 0;
		display: block;
		position: relative;
		width: 700px;
		height: 440px;
		margin: 0 -40px 0 auto;
		object-fit: cover;
		object-position: center;
	}
	
	#rec04 .con .text {
		position: relative;
		width: 685px;
		height: auto;
		margin: -380px auto 0 80px;
	}
	
	#rec04 .con .text h2 {
		margin: 0 0 60px 50px;
	}
	
	#rec04 .con .text h2 font {
		margin-left: 20px;
	}
	
	#rec04 .con .text .mes {
		position: relative;
		width: 100%;
		height: auto;
		padding: 60px 70px 50px 70px;
		box-sizing: border-box;
		background: #F7F7F7;
	}
	
	#rec04 .con .text .mes h3 {
		margin-bottom: 30px;
		font-size: 26px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 26px;
	}
	
	#rec04 .con .text .mes font {
		position: absolute;
		top: 20px;
		left: -80px;
		font-size: 24px;
		font-weight: 100;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 24px;
		color: #32639D;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	#rec04 .con .text .name {
		position: absolute;
		bottom: 45px;
		right: -440px;
		width: 340px;
	}
	
	#rec04 .con .text .name p {
		margin-bottom: 6px;
		text-align: right;
	}
	
	#rec04 .con .text .name p font {
		display: inline-block;
		position: relative;
		width: 25px;
		margin-left: 40px;
		font-size: 19px;
		font-weight: 500;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 19px;
		text-align: left;
	}
	
	/*スタッフ紹介*/
	#rec05 {
		position: relative;
		width: 1380px;
		height: auto;
		margin: -20px auto 100px auto;
		padding-top: 140px;
		padding-bottom: 65px;
	}
	
	#rec05 .backimg {
		z-index: -1;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 1230px;
		overflow: hidden;
	}
	
	#rec05 .backimg img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	#rec05 .title {
		position: relative;
		width: 800px;
		height: auto;
		margin: 0 auto 95px 190px;
	}
	
	#rec05 .title h2 {
		margin-bottom: 40px;
	}
	
	#rec05 .title h2 font {
		margin-left: 20px;
	}
	
	#rec05 .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec05 .con a {
		display: block;
		position: relative;
		width: 330px;
		height: auto;
		margin: 0 30px 50px 30px;
	}
	
	#rec05 .con a:nth-of-type(1) {
		margin-left: 70px;
	}
	
	#rec05 .con a:nth-of-type(4) {
		margin-left: 170px;
	}
	
	#rec05 .con a:nth-of-type(4),#rec05 .con a:nth-of-type(5),#rec05 .con a:nth-of-type(6) {
		margin-bottom: 0;
	}
	
	#rec05 .con a .img {
		position: relative;
		width: 100%;
		height: 330px;
		overflow: hidden;
	}
	
	#rec05 .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 330px;
		object-fit: cover;
		object-position: center;
		transition: 0.3s;
	}
	
	#rec05 .con a:hover .img img {
		transform: scale(1.2);
	}
	
	#rec05 .con a h3 {
		position: absolute;
		top: -30px;
		right: 5px;
		font-size: 26px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 26px;
		color: #E0E0E0;
		text-align: right;
	}
	
	#rec05 .con a h3 font {
		display: block;
		position: relative;
		margin-top: -6px;
		font-size: 90px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 90px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	#rec05 .con a .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: -48px auto 0 auto;
	}
	
	#rec05 .con a .text p font {
		display: table;
		position: relative;
		margin-bottom: 2px;
		padding: 5px 10px 7px 10px;
		font-size: 20px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 20px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	#rec05 .con a .text h4 {
		margin: 20px 0 0 10px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 20px;
		color: #242936;
		text-align: left;
	}
	
	#rec05 .con a .text h4 font {
		position: relative;
		margin-left: 15px;
		font-size: 16px;
		font-weight: 100;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 16px;
		color: #00509D;
	}
	
	#rec05 .con a .text h4 span {
		display: block;
		position: relative;
		margin-top: 12px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		color: #585858;
	}
	
	/*募集情報一覧*/
	#rec06 {
		position: relative;
		width: 100%;
		height: auto;
		margin: -150px auto 90px auto;
		padding-top: 150px;
	}
	
	#rec06 h2 {
		position: relative;
		width: 1000px;
		margin: 0 auto 40px auto;
		padding-bottom: 40px;
	}
	
	#rec06 h2::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 200%;
		height: 5px;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	#rec06 .con {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	a.rec_loop {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
		padding: 40px 40px 40px 0;
		border-bottom: solid 1px #D0D0D0;
		box-sizing: border-box;
	}
	
	a.rec_loop .img {
		position: relative;
		width: 250px;
		height: 190px;
		overflow: hidden;
	}
	
	a.rec_loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
		transition: 0.3s;
	}
	
	a.rec_loop:hover .img img {
		transform: scale(1.2);
	}
	
	a.rec_loop .text {
		pointer-events: stroke;
		width: 650px;
		height: auto;
		margin-left: 60px;
	}
	
	a.rec_loop .text .cat {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	a.rec_loop .text .cat font {
		display: block;
		position: relative;
		padding: 8px 20px 8px 20px;
		margin: 0 7px 0 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
		border-radius: 100px;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	a.rec_loop .text p {
		margin: 20px auto 30px auto;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 34px;
		text-align: left;
		color: #242936;
	}
	
	a.rec_loop .text .tag {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	a.rec_loop .text .tag font {
		display: block;
		position: relative;
		margin: 0 30px 10px 0;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: left;
		color: #32639D;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*メインビジュアル*/
	#rec_mv {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_mv img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center;
	}
	
	#rec_mv .text {
		position: relative;
		width: 300px;
		height: auto;
		padding: 25px 0 0 0;
		margin: -50px auto 0 auto;
		background: #fff;
	}
	
	#rec_mv .text h1 {
		text-align: center;
	}
	
	#rec_mv .text h1 font {
		font-size: 15px;
		line-height: 15px;
	}
	
	/*アンカーボタン*/
	#rec_btn {
		position: relative;
		width: 180px;
		height: auto;
		margin: 30px auto 30px auto;
	}
	
	#rec_btn a {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px 0 16px 10px;
		margin: 0 auto 10px auto;
		border-bottom: solid 1.5px #1C4175;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #1C4175;
		box-sizing: border-box;
	}
	
	#rec_btn a font {
		position: absolute;
		top: 0;
		right: 10px;
		width: 28px;
		height: 28px;
		background: #fff;
		border: solid 1px #1C4175;
		border-radius: 150px;
		box-sizing: border-box;
	}
	
	#rec_btn a font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 54%;
		transform: translateY(-50%) translateX(-50%);
		width: 3px;
		height: 14px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/down_blue.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec01 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 45px 0 45px 0;
		background-image: url(/wp-content/themes/technosystems_co/images/post/recruit_2_smp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec01 .con {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec01 .con h2 {
		font-size: 18px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: left;
		color: #fff;
		white-space: nowrap;
	}
	
	#rec01 .con p {
		margin: 30PX auto 30PX auto;
		font-weight: bold;
		line-height: 22px;
		color: #fff;
	}
	
	#rec01 .con img {
		display: block;
		position: relative;
		width: 250px;
		height: 125px;
		margin: 0 auto 0 auto;
		object-fit: cover;
		object-position: center;
	}
	
	/*360度動画で見るテクノシステムの様子*/
	#rec02 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 0 50px 0;
	}
	
	#rec02 .backimg {
		z-index: -1;
		position: absolute;
		top: 0;
		right: -32%;
		width: 700px;
		height: 600px;
		overflow: hidden;
	}
	
	#rec02 .backimg img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	#rec02 h2 {
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 16px;
		text-align: center;
		color: #333333;
	}
	
	#rec02 h2 font {
		position: relative;
		margin-right: 7px;
		font-size: 40px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 40px;
		color: #057EE5;
	}
	
	#rec02 h2 span {
		display: block;
		position: relative;
		margin-top: 7px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 18px;
		text-align: center;
	}
	
	#rec02 p {
		margin: 30px auto 30px auto;
		text-align: center;
	}
	
	#rec02 .con {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec02 .con .ptn {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#rec02 .con .ptn:last-of-type {
		margin-bottom: 0;
	}
	
	#rec02 .con .ptn iframe {
		display: block;
		position: relative;
		width: 100%;
		height: 170px;
		object-fit: cover;
	}
	
	#rec02 .con .ptn h3 {
		position: relative;
		padding-left: 28px;
		margin-top: 10px;
		font-size: 12px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #C9C9C9;
	}
	
	#rec02 .con .ptn h3 font {
		position: relative;
		margin-left: 5px;
		font-size: 20px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 20px;
	}
	
	#rec02 .con .ptn h3::before {
		content: "";
		position: absolute;
		bottom: 1px;
		left: 0;
		width: 20px;
		height: 14px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/rec02_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	/*テクノシステムで働く魅力*/
	#rec03 {
		position: relative;
		width: 100%;
		height: auto;
		padding: 65px 0 45px 0;
		margin-top: -30px;
	}
	
	#rec03::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 30px;
		left: 0;
		width: 100%;
		height: 98.5%;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
		opacity: 0.20;
	}
	
	#rec03 .con {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec03 .con h2 {
		margin-bottom: 50px;
		text-align: center;
	}
	
	#rec03 .con h2 font {
		letter-spacing: 3px;
	}
	
	#rec03 .con .ptn {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 18px;
		background: #fff;
	}
	
	#rec03 .con .ptn:nth-of-type(1) {
		margin-top: 0;
	}
	
	#rec03 .con .ptn:nth-of-type(2) {
		margin-top: 40px;
	}
	
	#rec03 .con .ptn:nth-of-type(3) {
		margin-top: 40px;
	}
	
	#rec03 .con .ptn img {
		display: block;
		position: relative;
		width: 100%;
		height: 170px;
		object-fit: cover;
		object-position: center;
	}
	
	#rec03 .con .ptn h3 {
		position: absolute;
		top: -43px;
		left: 5px;
		font-size: 13px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 13px;
		color: #F0F0F0;
	}
	
	#rec03 .con .ptn h3 big {
		position: relative;
		top: 17px;
		font-size: 45px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 2px;
		line-height: 45px;
	}
	
	#rec03 .con .ptn h4 {
		position: relative;
		width: 240px;
		margin: 17px auto 10px auto;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
	}
	
	#rec03 .con .ptn h4::before {
		content: "";
		position: absolute;
		top: 7.5px;
		left: -20px;
		width: 8px;
		height: 6px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/stf_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec03 .con .ptn p {
		width: 240px;
		margin: 0 auto 0 auto;
	}
	
	/*採用メッセージ*/
	#rec04 {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec04 .con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 45px auto 0 auto;
	}
	
	#rec04 .con img {
		z-index: 0;
		display: block;
		position: relative;
		width: 250px;
		height: 155px;
		margin: 0 0 0 auto;
		object-fit: cover;
		object-position: center;
	}
	
	#rec04 .con .text {
		position: relative;
		width: 330px;
		height: auto;
		margin: 15px auto 0 auto;
	}
	
	#rec04 .con .text h2 {
		margin: 0 0 17px 30px;
	}
	
	#rec04 .con .text h2 font {
		margin-left: 10px;
	}
	
	#rec04 .con .text .mes {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 30px 30px 30px;
		box-sizing: border-box;
		background: #F7F7F7;
	}
	
	#rec04 .con .text .mes h3 {
		margin-bottom: 15px;
		font-size: 15px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 15px;
	}
	
	#rec04 .con .text .mes font {
		position: absolute;
		top: 0;
		left: -20px;
		font-size: 12px;
		font-weight: 100;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 12px;
		color: #32639D;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	#rec04 .con .text .name {
		position: relative;
		width: 260px;
		height: auto;
		margin: 20px auto 0 auto;
	}
	
	#rec04 .con .text .name p {
		margin-bottom: 2px;
		text-align: right;
	}
	
	#rec04 .con .text .name p font {
		display: inline-block;
		position: relative;
		width: 16px;
		margin-left: 20px;
		font-size: 12px;
		font-weight: 500;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
	}
	
	/*スタッフ紹介*/
	#rec05 {
		position: relative;
		width: 100%;
		height: auto;
		margin: -15px auto 45px auto;
		padding-top: 60px;
	}
	
	#rec05 .backimg {
		z-index: -1;
		position: absolute;
		top: 130px;
		right: -40%;
		width: 690px;
		height: 615px;
		overflow: hidden;
	}
	
	#rec05 .backimg img {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	#rec05 .title {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 38px auto;
	}
	
	#rec05 .title h2 {
		margin-bottom: 20px;
	}
	
	#rec05 .title h2 font {
		margin-left: 10px;
	}
	
	#rec05 .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 360px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec05 .con a {
		display: block;
		position: relative;
		width: 175px;
		height: auto;
		margin-bottom: 26px;
	}
	
	#rec05 .con a:nth-of-type(5),#rec05 .con a:nth-of-type(6) {
		margin-bottom: 0;
	}
	
	#rec05 .con a .img {
		position: relative;
		width: 100%;
		height: 175px;
		overflow: hidden;
	}
	
	#rec05 .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 175px;
		object-fit: cover;
		object-position: center;
	}
	
	#rec05 .con a h3 {
		position: absolute;
		top: -15px;
		right: 3px;
		font-size: 13px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 13px;
		color: #E0E0E0;
		text-align: right;
	}
	
	#rec05 .con a h3 font {
		display: block;
		position: relative;
		margin-top: -3px;
		font-size: 45px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 2px;
		line-height: 45px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	#rec05 .con a .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: -28px auto 0 auto;
	}
	
	#rec05 .con a .text p font {
		display: table;
		position: relative;
		margin-bottom: 1.5px;
		padding: 3px 5px 4px 5px;
		font-size: 12px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 0.5px;
		line-height: 12px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	#rec05 .con a .text h4 {
		margin: 12px 0 0 5px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		color: #242936;
		text-align: left;
	}
	
	#rec05 .con a .text h4 font {
		position: relative;
		margin-left: 7px;
		font-size: 10px;
		font-weight: 100;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #00509D;
	}
	
	#rec05 .con a .text h4 span {
		display: block;
		position: relative;
		margin-top: 7px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #585858;
	}
	
	/*募集情報一覧*/
	#rec06 {
		position: relative;
		width: 100%;
		height: auto;
		margin: -60px auto 45px auto;
		padding-top: 60px;
	}
	
	#rec06 h2 {
		position: relative;
		width: 320px;
		margin: 0 auto 0 auto;
		padding: 0 0 20px 20px;
		box-sizing: border-box;
	}
	
	#rec06 h2::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 300%;
		height: 3px;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	#rec06 .con {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	a.rec_loop {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 25px 0 20px 0;
		border-bottom: solid 1px #D0D0D0;
		box-sizing: border-box;
	}
	
	a.rec_loop .img {
		position: relative;
		width: 200px;
		height: 150px;
		margin: 0 auto 15px auto;
		overflow: hidden;
	}
	
	a.rec_loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 150px;
		object-fit: cover;
		object-position: center;
	}
	
	a.rec_loop .text {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	a.rec_loop .text .cat {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	a.rec_loop .text .cat font {
		display: block;
		position: relative;
		padding: 4px 10px 4px 10px;
		margin: 0 4px 0 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #333333;
		border-radius: 100px;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	a.rec_loop .text p {
		margin: 10px auto 15px auto;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #242936;
	}
	
	a.rec_loop .text .tag {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	a.rec_loop .text .tag font {
		display: block;
		position: relative;
		margin: 0 12px 6px 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #32639D;
	}
	
	.nosearch {
		position: relative;
		width: 320px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	.nosearch h3 {
		padding-left: 20px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.5px;
		line-height: 18px;
		text-align: left;
		color: #242936;
	}

}

@media screen and (min-width: 400px) and ( max-width: 1024px) {
	#rec04 .con {
		width: 400px;
	}
}

/*61.募集要項個別*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*タイトル*/
	#rec_post01 {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 90%;
		height: auto;
		margin: 40px 0 90px auto;
	}
	
	#rec_post01 .text {
		position: relative;
		width: 50%;
		height: auto;
		margin: 60px 5% 0 0;
	}
	
	#rec_post01 .text .title {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	#rec_post01 .text .title .cat {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec_post01 .text .title .cat font {
		display: block;
		position: relative;
		padding: 8px 20px 8px 20px;
		margin: 0 7px 0 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
		border-radius: 100px;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	#rec_post01 .text .title h1 {
		margin: 20px auto 25px auto;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 34px;
		text-align: left;
		color: #242936;
	}
	
	#rec_post01 .text .title .tag {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec_post01 .text .title .tag font {
		display: block;
		position: relative;
		margin: 0 30px 10px 0;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 15px;
		text-align: left;
		color: #32639D;
	}
	
	#rec_post01 .text .acf {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 40px 30px 33px;
		background: #fff;
		border: solid 1px #E8E8E8;
		box-sizing: border-box;
	}
	
	#rec_post01 .text .acf h3 {
		position: relative;
		margin-bottom: 20px;
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 17px;
		text-align: left;
	}
	
	#rec_post01 .text .acf h3::before {
		content: "";
		position: absolute;
		top: 5px;
		left: -33px;
		width: 13px;
		height: 11px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/stf_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec_post01 .img {
		position: relative;
		width: 45%;
		height: 450px;
		overflow: hidden;
	}
	
	#rec_post01 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 450px;
		object-fit: cover;
		object-position: center;
	}
	
	/*募集内容*/
	#rec_post02 {
		position: relative;
		width: 1060px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_post02 table {
		position: relative;
		width: 100%;
		height: auto;
		border-collapse: collapse;
	}
	
	#rec_post02 table tr th {
		position: relative;
		width: 300px;
		padding: 35px 0 0 25px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	#rec_post02 table tr th::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 240px;
		height: 3px;
		background: linear-gradient(90deg, #057EE5, #23ACD9);
	}
	
	#rec_post02 table tr:last-of-type th::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 240px;
		height: 3px;
		background: linear-gradient(90deg, #057EE5, #23ACD9);
	}
	
	#rec_post02 table tr td {
		position: relative;
		width: 760px;
		padding: 30px 25px 30px 25px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 26px;
		text-align: left;
		border-top: solid 3px #E8E8E8;
		border-bottom: solid 3px #E8E8E8;
		box-sizing: border-box;
	}
	
	/*エントリーフォーム*/
	#rec_entry {
		position: relative;
		width: 1165px;
		height: auto;
		margin: 100px auto 90px auto;
	}
	
	#rec_entry h2 {
		margin-bottom: 40px;
		text-align: center;
	}
	
	#rec_entry .cf7 {
		padding: 60px 80px 60px 80px;
		background: #F0F0F0;
	}
	
	#rec_entry .cf7 table tr:first-child {
		border-top: none;
	}
	
	#rec_entry .cf7 table tr:last-child {
		border-bottom: none;
	}
	
	#rec_entry .cf7 table tr td {
		padding-left: 20px;
		padding-right: 0;
		box-sizing: border-box;
	}
	
	#rec_entry .cf7 table tr:nth-of-type(4) td {
		padding-top: 37px;
		padding-bottom: 37px;
	}
	
	input[name="entry_name01"],
	input[name="entry_name02"],
	input[name="entry_email"],
	input[name="entry_tel"],
	input[name="zip"],
	input[name="pref"],
	input[name="addr"],
	textarea[name="entry_content"]{
		padding: 15px 20px;
		border: none;
		border-radius: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		color: #5A5A5A;
		background: #fff;
		box-sizing: border-box;
	}
	
	input[name="entry_name01"],
	input[name="entry_name02"],
	input[name="entry_email"],
	input[name="entry_tel"],
	input[name="pref"]{
		width: 100%;
	}
	
	textarea[name="entry_content"] {
		width: 100%;
		height: 210px;
	}
	
	input[name="zip"] {
		width: 200px;
	}
	
	input[name="pref"] {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	span.post_title input {
		position: relative;
		width: 100%;
		height: auto;
		padding: 10px 20px 10px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
	}
	
	input[name="post_title"] {
		position: relative;
		width: 100%;
		height: auto;
		padding: 10px 20px 10px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #4A4A4A;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*タイトル*/
	#rec_post01 {
		position: relative;
		width: 320px;
		height: auto;
		margin: 30px auto 30px auto;
	}
	
	#rec_post01 .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_post01 .text .title {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_post01 .text .title .cat {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec_post01 .text .title .cat font {
		display: block;
		position: relative;
		padding: 4px 10px 4px 10px;
		margin: 0 4px 0 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #333333;
		border-radius: 100px;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	#rec_post01 .text .title h1 {
		margin: 10px auto 15px auto;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #242936;
	}
	
	#rec_post01 .text .title .tag {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec_post01 .text .title .tag font {
		display: block;
		position: relative;
		margin: 0 12px 6px 0;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #32639D;
	}
	
	#rec_post01 .text .acf {
		position: relative;
		width: 100%;
		height: auto;
		padding: 15px 20px 15px 16px;
		background: #fff;
		border: solid 1px #E8E8E8;
		box-sizing: border-box;
	}
	
	#rec_post01 .text .acf h3 {
		position: relative;
		margin-bottom: 11px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
	}
	
	#rec_post01 .text .acf h3::before {
		content: "";
		position: absolute;
		top: 3px;
		left: -16px;
		width: 7px;
		height: 6px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/stf_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#rec_post01 .text .img {
		position: relative;
		width: 280px;
		height: 210px;
		margin: 10px auto 20px 0;
		overflow: hidden;
	}
	
	#rec_post01 .text .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 210px;
		object-fit: cover;
		object-position: center;
	}
	
	/*募集内容*/
	#rec_post02 {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#rec_post02 table {
		position: relative;
		width: 100%;
		height: auto;
		border-collapse: collapse;
	}
	
	#rec_post02 table tr th {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 0 12px 10px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 13px;
		text-align: left;
		box-sizing: border-box;
	}
	
	#rec_post02 table tr th::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1.5px;
		background: linear-gradient(90deg, #057EE5, #23ACD9);
	}
	
	#rec_post02 table tr:last-of-type td::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.5px;
		background: linear-gradient(90deg, #057EE5, #23ACD9);
	}
	
	#rec_post02 table tr td {
		display: block;
		position: relative;
		width: 100%;
		padding: 0 10px 15px 10px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 18px;
		text-align: left;
		box-sizing: border-box;
	}
	
	/*エントリーフォーム*/
	#rec_entry {
		position: relative;
		width: 360px;
		height: auto;
		margin: 50px auto 15px auto;
	}
	
	#rec_entry h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	
	#rec_entry .cf7 {
		padding: 25px 20px 0 20px;
		background: #F0F0F0;
	}
	
	#rec_entry .cf7 table tr {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#rec_entry .cf7 table tr td {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	input[name="entry_name01"],
	input[name="entry_name02"],
	input[name="entry_email"],
	input[name="entry_tel"],
	input[name="zip"],
	input[name="pref"],
	input[name="addr"],
	textarea[name="entry_content"]{
		padding: 8px 10px;
		border: none;
		border-radius: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		color: #5A5A5A;
		background: #fff;
		box-sizing: border-box;
	}
	
	input[name="entry_name01"],
	input[name="entry_name02"],
	input[name="entry_email"],
	input[name="entry_tel"],
	input[name="pref"],
	input[name="addr"] {
		width: 100%;
	}
	
	textarea[name="entry_content"] {
		width: 100%;
		height: 220px;
	}
	
	input[name="zip"] {
		width: 140px;
	}
	
	input[name="pref"] {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	span.post_title input {
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px 10px 5px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #333;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
	}
	
	input[name="post_title"] {
		position: relative;
		width: 100%;
		height: auto;
		padding: 5px 10px 5px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #4A4A4A;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
	}
	
	#rec_entry input[type="submit"] {
		margin-top: 30px;
	}

}

/*
63.スタッフ紹介1人目
64.スタッフ紹介2人目
65.スタッフ紹介3人目
66.スタッフ紹介4人目
67.スタッフ紹介5人目
68.スタッフ紹介6人目
*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*タイトル*/
	#stf_mv {
		z-index: 1;
		position: relative;
		width: 1280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#stf_mv::before {
		content: "";
		z-index: 1;
		position: absolute;
		top: -80px;
		width: 1px;
		height: 725px;
		background: #E0E0E0;
		transform: rotate(40deg);
	}
	
	.stf01 #stf_mv::before,
	.stf03 #stf_mv::before,
	.stf05 #stf_mv::before {
		left: 5px;
	}
	
	.stf02 #stf_mv::before,
	.stf04 #stf_mv::before,
	.stf06 #stf_mv::before {
		right: 320px;
	}
	
	#stf_mv .img {
		z-index: 0;
		position: relative;
		width: 1000px;
		height: auto;
	}
	
	#stf_mv .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 560px;
		object-fit: cover;
		object-position: center;
	}
	
	.stf01 #stf_mv .img,.stf03 #stf_mv .img,.stf05 #stf_mv .img {
		margin: 0 0 0 auto;
	}
	
	.stf02 #stf_mv .img,.stf04 #stf_mv .img,.stf06 #stf_mv .img {
		margin: 0 auto 0 0;
	}
	
	#stf_mv .img h2 {
		position: absolute;
		top: 40px;
		font-size: 28px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 28px;
		color: #E0E0E0;
		text-align: center;
	}
	
	#stf_mv .img h2 font {
		display: block;
		position: relative;
		margin-top: -12px;
		font-size: 140px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 140px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	.stf01 #stf_mv .img h2,.stf03 #stf_mv .img h2,.stf05 #stf_mv .img h2 {
		right: 50px;
	}
	
	.stf02 #stf_mv .img h2,.stf04 #stf_mv .img h2,.stf06 #stf_mv .img h2 {
		left: 50px;
	}
	
	#stf_mv .text {
		z-index: 2;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(0);
		width: 500px;
		height: auto;
	}
	
	.stf01 #stf_mv .text,.stf03 #stf_mv .text,.stf05 #stf_mv .text {
		left: 50px;
	}
	
	.stf02 #stf_mv .text,.stf04 #stf_mv .text,.stf06 #stf_mv .text {
		right: 50px;
	}
	
	.stf01 #stf_mv .text p,.stf03 #stf_mv .text p,.stf05 #stf_mv .text p {
		text-align: left;
	}
	
	.stf02 #stf_mv .text p,.stf04 #stf_mv .text p,.stf06 #stf_mv .text p {
		text-align: right;
	}
	
	#stf_mv .text p font {
		display: table;
		position: relative;
		margin-bottom: 3px;
		padding: 10px 20px 12px 20px;
		font-size: 32px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 32px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	.stf02 #stf_mv .text p font,.stf04 #stf_mv .text p font,.stf06 #stf_mv .text p font {
		margin-left: auto;
	}
	
	#stf_mv .text h1 {
		margin-top: 30px;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 24px;
		color: #242936;
	}
	
	#stf_mv .text h1 span {
		display: block;
		position: relative;
		margin-bottom: 12px;
		font-size: 16px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 16px;
		color: #00509D;
	}
	
	#stf_mv .text h1 font {
		display: block;
		position: relative;
		margin-top: 14px;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		color: #585858;
	}
	
	.stf02 #stf_mv .text h1,.stf04 #stf_mv .text h1,.stf06 #stf_mv .text h1 {
		text-align: right;
	}
	
	/*背景*/
	.stf_back {
		z-index: 0;
		position: absolute;
		top: 590px;
		width: 75%;
		background: linear-gradient(45deg, rgba(5,126,229,0.15), rgba(35,172,217,0.15));
	}
	
	.stf01 .stf_back {
		left: 0;
		height: 1640px;
	}
	
	.stf02 .stf_back {
		right: 0;
		height: 1580px;
	}
	
	.stf03 .stf_back {
		left: 0;
		height: 1550px;
	}
	
	.stf04 .stf_back {
		right: 0;
		height: 1580px;
	}
	
	.stf05 .stf_back {
		left: 0;
		height: 1520px;
	}
	
	.stf06 .stf_back {
		right: 0;
		height: 1600px;
	}
	
	/*1つ目*/
	#stf_con01 {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		position: relative;
		width: 100%;
		height: auto;
		margin: 90px auto 90px auto;
	}
	
	.stf01 #stf_con01,.stf03 #stf_con01,.stf05 #stf_con01 {
		flex-direction: row;
	}
	
	.stf02 #stf_con01,.stf04 #stf_con01,.stf06 #stf_con01 {
		flex-direction: row-reverse;
	}
	
	#stf_con01::before {
		content: "";
		z-index: 0;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	
	.stf01 #stf_con01::before,.stf03 #stf_con01::before,.stf05 #stf_con01::before {
		left: 20%;
	}
	
	.stf02 #stf_con01::before,.stf04 #stf_con01::before,.stf06 #stf_con01::before {
		right: 20%;
	}
	
	#stf_con01 .img {
		position: relative;
		width: 42%;
		height: auto;
		margin-top: 90px;
	}
	
	#stf_con01 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 520px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con01 .text {
		position: relative;
		width: 32%;
		height: auto;
		padding: 130px 0 120px 0;
	}
	
	.stf01 #stf_con01 .text,.stf03 #stf_con01 .text,.stf05 #stf_con01 .text {
		margin: 0 18% 0 8%;
	}
	
	.stf02 #stf_con01 .text,.stf04 #stf_con01 .text,.stf06 #stf_con01 .text {
		margin: 0 8% 0 18%;
	}
	
	/*2つ目*/
	#stf_con02 {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 180px auto;
	}
	
	.stf01 #stf_con02,.stf03 #stf_con02,.stf05 #stf_con02 {
		flex-direction: row-reverse;
	}
	
	.stf02 #stf_con02,.stf04 #stf_con02,.stf06 #stf_con02 {
		flex-direction: row;
	}
	
	#stf_con02 .img {
		position: relative;
		width: 42%;
		height: auto;
	}
	
	#stf_con02 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 520px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con02 .text {
		position: relative;
		width: 32%;
		height: auto;
	}
	
	.stf01 #stf_con02 .text,.stf03 #stf_con02 .text,.stf05 #stf_con02 .text {
		margin: 0 8% 0 18%;
	}
	
	.stf02 #stf_con02 .text,.stf04 #stf_con02 .text,.stf06 #stf_con02 .text {
		margin: 0 18% 0 8%;
	}
	
	/*3つ目*/
	#stf_con03 {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
		margin: 180px auto 120px auto;
	}
	
	.stf01 #stf_con03,.stf03 #stf_con03,.stf05 #stf_con03 {
		flex-direction: row;
	}
	
	.stf02 #stf_con03,.stf04 #stf_con03,.stf06 #stf_con03 {
		flex-direction: row-reverse;
	}
	
	#stf_con03 .img {
		position: relative;
		width: 42%;
		height: auto;
	}
	
	#stf_con03 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 520px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con03 .text {
		position: relative;
		width: 32%;
		height: auto;
	}
	
	.stf01 #stf_con03 .text,.stf03 #stf_con03 .text,.stf05 #stf_con03 .text {
		margin: 30px 18% 0 8%;
	}
	
	.stf02 #stf_con03 .text,.stf04 #stf_con03 .text,.stf06 #stf_con03 .text {
		margin: 30px 8% 0 18%;
	}
	
	/*4つ目*/
	#stf_con04 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 90px auto 90px auto;
	}
	
	#stf_con04 .img {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#stf_con04 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 450px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con04 .text {
		position: relative;
		width: 880px;
		height: auto;
		margin: 70px auto 0 auto;
	}
	
	/*共通*/
	.stf_h2 {
		font-size: 26px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 38px;
		text-align: left;
		color: #333333;
		white-space: nowrap;
	}
	
	.stf_h3 {
		position: relative;
		padding-left: 30px;
		margin: 45px auto 30px auto;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 28px;
		color: #057EE5;
	}
	
	.stf_h3::before {
		content: "";
		position: absolute;
		top: 8.5px;
		left: 0;
		width: 15px;
		height: 13px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/news_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.stf_p {
		line-height: 28px;
	}
	
	/*その他のスタッフ紹介*/
	#stf_o {
		position: relative;
		width: 1150px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 70px 0 60px 0;
	}
	
	#stf_o .backimg {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		width: 930px;
		height: auto;
	}
	
	#stf_o h1 {
		width: 900px;
		margin: 0 auto 65px auto;
	}
	
	#stf_o h1 font {
		margin-left: 20px;
	}
	
	#stf_o .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#stf_o .con a {
		display: block;
		position: relative;
		width: 210px;
		height: auto;
		margin: 0 10px 0 10px;
	}
	
	#stf_o .con a .img {
		position: relative;
		width: 100%;
		height: 210px;
		overflow: hidden;
	}
	
	#stf_o .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 210px;
		object-fit: cover;
		object-position: center;
		transition: 0.3s;
	}
	
	#stf_o .con a:hover .img img {
		transform: scale(1.2);
	}
	
	#stf_o .con a h2 {
		z-index: 1;
		position: absolute;
		top: -20px;
		right: 0;
		font-size: 20px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: right;
		color: #D6D6D6;
	}
	
	#stf_o .con a h2 font {
		display: block;
		position: relative;
		font-size: 70px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 70px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	#stf_o .con a h3 {
		margin-top: 20px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
		color: #242936;
	}
	
	#stf_o .con a h3 font {
		display: block;
		position: relative;
		margin-top: 9px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		color: #585858;
	}
	
	#stf_o .btn {
		display: block;
		position: relative;
		width: 370px;
		height: auto;
		margin: 40px auto 0 auto;
		padding: 20px 0 20px 80px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #fff;
		background: #1C4175;
		border: solid 1px #1C4175;
		box-sizing: border-box;
		transition: 0.4s;
	}
	
	#stf_o .btn::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 40px;
		transform: translateY(-50%) translateX(0);
		width: 15px;
		height: 15px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/white.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		transition: 0.4s;
	}
	
	#stf_o .btn:hover {
		color: #1C4175;
		background: #fff;
		border: solid 1px #1C4175;
	}
	
	#stf_o .btn:hover::before {
		background-image: url(/wp-content/themes/technosystems_co/images/post/blue.png);
	}
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*タイトル*/
	#stf_mv {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#stf_mv::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 180px;
		left: -5px;
		width: 0.5px;
		height: 300px;
		background: #E0E0E0;
		transform: rotate(35deg);
	}
	
	#stf_mv .img {
		z-index: 0;
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto 0 0;
	}
	
	#stf_mv .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 210px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_mv .img h2 {
		position: absolute;
		top: 10px;
		right: 8px;
		font-size: 14px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 14px;
		color: #E0E0E0;
		text-align: center;
	}
	
	#stf_mv .img h2 font {
		display: block;
		position: relative;
		margin-top: -12px;
		font-size: 70px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 70px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	#stf_mv .text {
		position: relative;
		width: 250px;
		height: auto;
		margin: -15px auto 0 auto;
	}
	
	#stf_mv .text p font {
		display: table;
		position: relative;
		margin-bottom: 1px;
		padding: 5px 10px 6px 10px;
		font-size: 16px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 16px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	#stf_mv .text h1 {
		margin-top: 15px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		color: #242936;
	}
	
	#stf_mv .text h1 span {
		display: block;
		position: relative;
		margin-bottom: 5px;
		font-size: 10px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #00509D;
	}
	
	#stf_mv .text h1 font {
		display: block;
		position: relative;
		margin-top: 7px;
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 10px;
		color: #585858;
	}
	
	/*背景*/
	.stf_back {
		display: none;
	}
	
	/*1つ目*/
	#stf_con01 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
		padding: 45px 0 45px 0;
		background: linear-gradient(45deg, rgba(5,126,229,0.15), rgba(35,172,217,0.15));
	}
	
	#stf_con01 .img {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#stf_con01 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con01 .text {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	/*2つ目*/
	#stf_con02 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 45px auto 45px auto;
	}
	
	#stf_con02 .img {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#stf_con02 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con02 .text {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	/*3つ目*/
	#stf_con03 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 45px 0 45px 0;
		background: linear-gradient(45deg, rgba(5,126,229,0.15), rgba(35,172,217,0.15));
	}
	
	#stf_con03 .img {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#stf_con03 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con03 .text {
		position: relative;
		width: 280px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	/*4つ目*/
	#stf_con04 {
		position: relative;
		width: 100%;
		height: auto;
		margin: 45px auto 50px auto;
	}
	
	#stf_con04 .img {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#stf_con04 .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_con04 .text {
		position: relative;
		width: 280px;
		height: auto;
		margin: 20px auto 0 auto;
	}
	
	/*共通*/
	.stf_h2 {
		font-size: 15px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: left;
		color: #333333;
	}
	
	.stf_h3 {
		position: relative;
		padding-left: 12px;
		margin: 20px auto 15px auto;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		color: #057EE5;
	}
	
	.stf_h3::before {
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		width: 7px;
		height: 6px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/news_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.stf_p {
		line-height: 20px;
	}
	
	/*その他のスタッフ紹介*/
	#stf_o {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 45px 0;
	}
	
	#stf_o .backimg {
		z-index: -1;
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		width: 690px;
		height: auto;
	}
	
	#stf_o h1 {
		width: 300px;
		margin: 0 auto 30px auto;
	}
	
	#stf_o h1 font {
		margin-left: 10px;
	}
	
	#stf_o .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 310px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#stf_o .con a {
		display: block;
		position: relative;
		width: 140px;
		height: auto;
		margin: 0 7.5px 25px 7.5px;
	}
	
	#stf_o .con a .img {
		position: relative;
		width: 100%;
		height: 140px;
		overflow: hidden;
	}
	
	#stf_o .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 140px;
		object-fit: cover;
		object-position: center;
	}
	
	#stf_o .con a h2 {
		z-index: 1;
		position: absolute;
		top: -12px;
		right: 0;
		font-size: 11px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: right;
		color: #D6D6D6;
	}
	
	#stf_o .con a h2 font {
		display: block;
		position: relative;
		font-size: 35px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 35px;
		color: rgba(224,224,224,0.00);
		text-stroke: 1px #fff;
		-webkit-text-stroke: 1px #fff;
	}
	
	#stf_o .con a h3 {
		margin-top: 10px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: center;
		color: #242936;
	}
	
	#stf_o .con a h3 font {
		display: block;
		position: relative;
		margin-top: 4px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		color: #585858;
	}
	
	#stf_o .btn {
		display: block;
		position: relative;
		width: 250px;
		height: auto;
		margin: 10px auto 0 auto;
		padding: 10px 0 10px 40px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #fff;
		background: #1C4175;
		border: solid 1px #1C4175;
		box-sizing: border-box;
	}
	
	#stf_o .btn::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%) translateX(0);
		width: 8px;
		height: 8px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/white.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}	

}

@media screen and (min-width: 1025px) and ( max-width: 1540px) {
	.stf01 .stf_back {
		height: 37.5%;
	}
	
	.stf02 .stf_back {
		height: 37.5%;
	}
	
	.stf03 .stf_back {
		height: 36%;
	}
	
	.stf04 .stf_back {
		height: 36%;
	}
	
	.stf05 .stf_back {
		height: 34%;
	}
	
	.stf06 .stf_back {
		height: 36%;
	}
}

/*
70.お知らせ＿一覧
71.お知らせ＿カテゴリ一覧
*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*メインビジュアル*/
	#news_mv {
		position: relative;
		width: 93%;
		height: auto;
		margin: 0 auto 90px auto;
	}
	
	#news_mv img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 430px;
		object-fit: cover;
		object-position: center;
	}
	
	#news_mv h1 {
		z-index: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 70%;
		height: auto;
		color: #fff;
	}
	
	#news_mv h1 font {
		color: #fff;
	}
	
	/*コンテンツ*/
	#news {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 90px;
	}
	
	#news .catlist ul {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 960px;
		height: auto;
		margin: 0 auto 75px auto;
	}
	
	#news .catlist ul li {
		list-style: none;
	}
	
	#news .catlist ul li a {
		display: block;
		position: relative;
		padding: 8px 20px 8px 20px;
		margin: 0 8px 16px 8px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
		background: #E0E0E0;
		border-radius: 100px;
	}
	
	#news .catlist ul li a.news-current {
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	#news .news_loop {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: relative;
		width: 950px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 20px 30px 20px 30px;
		border-bottom: solid 1px #D1D1D1;
		box-sizing: border-box;
		transition: 0.3s;
	}
	
	#news .news_loop:nth-of-type(1) {
		border-top: solid 1px #D1D1D1;
	}
	
	#news .news_loop .text {
		position: relative;
		width: 700px;
		height: auto;
		margin-right: 50px;
	}
	
	#news .news_loop .text time {
		font-size: 16px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #777777;
	}
	
	#news .news_loop .text .cat {
		display: inline-block;
		position: relative;
		margin-left: 16px;
	}
	
	#news .news_loop .text .cat font {
		position: relative;
		padding: 8px 20px 8px 20px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
	}
	
	#news .news_loop .text .cat font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		height: 100%;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
		border-radius: 100px;
		opacity: 0.25;
	}
	
	#news .news_loop .text p {
		display: block;
		position: relative;
		margin-top: 20px;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #333333;
	}
	
	
	#news .news_loop .img {
		position: relative;
		width: 140px;
		height: 100px;
		overflow: hidden;
	}
	
	#news .news_loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 100px;
		object-fit: cover;
		object-position: center;
		transition: 0.3s;
	}
	
	#news .news_loop:hover .text p {
		text-decoration: underline;
	}
	
	#news .news_loop:hover .img img {
		transform: scale(1.2);
	}
 
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*メインビジュアル*/
	#news_mv {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 45px auto;
	}
	
	#news_mv img {
		z-index: 0;
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center;
	}
	
	#news_mv h1 {
		z-index: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 320px;
		height: auto;
		color: #fff;
	}
	
	#news_mv h1 font {
		color: #fff;
	}
	
	/*コンテンツ*/
	#news {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 45px;
	}
	
	#news .catlist ul {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 330px;
		height: auto;
		margin: 0 auto 25px auto;
	}
	
	#news .catlist ul li {
		list-style: none;
	}
	
	#news .catlist ul li a {
		display: block;
		position: relative;
		padding: 4px 10px 4px 10px;
		margin: 0 4px 10px 4px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #333333;
		background: #E0E0E0;
		border-radius: 100px;
	}
	
	#news .catlist ul li a.news-current {
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
	}
	
	#news .news_loop {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: relative;
		width: 340px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 20px 10px 20px 0;
		border-bottom: solid 1px #D1D1D1;
		box-sizing: border-box;
	}
	
	#news .news_loop:nth-of-type(1) {
		border-top: solid 1px #D1D1D1;
	}
	
	#news .news_loop .text {
		position: relative;
		width: 210px;
		height: auto;
		margin-right: 15px;
	}
	
	#news .news_loop .text time {
		font-size: 12px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 12px;
		text-align: left;
		color: #777777;
	}
	
	#news .news_loop .text .cat {
		display: inline-block;
		position: relative;
		margin-left: 0;
	}
	
	#news .news_loop .text .cat font {
		position: relative;
		padding: 4px 7px 4px 7px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0px;
		line-height: 11px;
		text-align: left;
		color: #333333;
	}
	
	#news .news_loop .text .cat font::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		height: 100%;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
		border-radius: 100px;
		opacity: 0.25;
	}
	
	#news .news_loop .text p {
		display: block;
		position: relative;
		margin-top: 10px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 18px;
		text-align: left;
		color: #333333;
	}
	
	#news .news_loop .img {
		position: relative;
		width: 105px;
		height: 75px;
		overflow: hidden;
	}
	
	#news .news_loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 75px;
		object-fit: cover;
		object-position: center;
	}
	
}

/*72.お知らせ＿個別*/
/*PC*/
@media only screen and (min-width: 1025px) {
	#newspost_mv {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 950px;
		height: auto;
		margin: 120px auto 90px auto;
	}
	
	#newspost_mv .text {
		position: relative;
		width: 650px;
		height: auto;
		margin-right: 50px;
	}
	
	#newspost_mv .text time {
		font-size: 18px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #777777;
	}
	
	#newspost_mv .text .cat {
		display: inline-block;
		position: relative;
		margin-left: 45px;
	}
	
	#newspost_mv .text .cat font {
		position: relative;
		padding: 8px 20px 8px 20px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
		border-radius: 100px;
	}
	
	#newspost_mv .text h1 {
		margin-top: 35px;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 38px;
		text-align:left;
		color: #333333;
	}
	
	#newspost_mv .img {
		position: relative;
		width: 250px;
		height: auto;
	}
	
	#newspost_mv .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 190px;
		object-fit: cover;
		object-position: center;
	}
	
	/*記事反映*/
	#newspost {
		position: relative;
		width: 950px;
		height: auto;
		margin: 0 auto 90px auto;
	}
	
	#newspost .text {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#newspost .text p {
		margin-bottom: 40px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 26px;
		text-align: left;
		color: #333333;
	}
	
	#newspost .text h2 {
		position: relative;
		margin: 0 0 40px 0;
		padding-bottom: 10px;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 34px;
		color: #00509D;
		text-align: left;
		border-bottom: solid 2px #D4D6D8;
	}
	
	#newspost .text h3,#newspost .text h4 {
		display: table;
		position: relative;
		padding-left: 25px;
		margin: 0 0 30px 0;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 28px;
		text-align: left;
		color: #333333;
	}
	
	#newspost .text h3::before,#newspost .text h4::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
		width: 13px;
		height: 12px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/news_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#newspost .text img {
		display: block;
		position: relative;
		margin: 30px auto 30px 0;
		width: auto;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	
	#newspost .text iframe {
		display: block;
		position: relative;
		width: 450px;
		height: 300px;
		margin: 0 auto 30px 0;
	}
	
	/*前後記事*/
	#newspost_nav {
		position: relative;
		width: 100%;
		height: 220px;
		margin: 0 auto 90px auto;
	}
	
	#newspost_nav::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 220px;
		background: #F0F0F0;
	}
	
	#newspost_nav .btn {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100px;
		height: auto;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: center;
		color: #32639D;
		transition: 0.3s;
	}
	
	#newspost_nav .btn img {
		display: block;
		position: relative;
		width: 26px;
		height: auto;
		margin: 0 auto 15px auto;
		object-fit: cover;
	}
	
	#newspost_nav .btn:hover {
		opacity: 0.5;
	}
	
	#newspost_nav .con {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 1200px;
		height: 100px;
		margin: 0 auto 0 auto;
		padding: 60px 0 60px 0;
	}
	
	#newspost_nav .con a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 500px;
		height: auto;
	}
	
	#newspost_nav .con a .img {
		position: relative;
		width: 140px;
		height: 100px;
		overflow: hidden;
	}
	
	#newspost_nav .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 100px;
		object-fit: cover;
		object-position: center;
		transition: 0.3s;
	}
	
	#newspost_nav .con a .text {
		position: relative;
		width: 340px;
		height: auto;
	}
	
	#newspost_nav .con a .text h4 {
		position: relative;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		color: #32639D;
	}
	
	#newspost_nav .con a .text h4 img {
		display: block;
		position: absolute;
		top: 5px;
		width: 27px;
		height: 6px;
		object-fit: cover;
	}
	
	#newspost_nav .con a.prevpost {
		flex-direction: row;
	}
	
	#newspost_nav .con a.prevpost .text h4 {
		padding-left: 45px;
		text-align: left;
	}
	
	#newspost_nav .con a.prevpost .text h4 img {
		left: 0;
	}
	
	#newspost_nav .con a.nextpost {
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(0);
		left: 700px;
		flex-direction: row-reverse;
	}
	
	#newspost_nav .con a.nextpost .text h4 {
		padding-right: 45px;
		text-align: right;
	}
	
	#newspost_nav .con a.nextpost .text h4 img {
		right: 0;
	}
	
	#newspost_nav .con a:hover .text p {
		text-decoration: underline;
	}
	
	#newspost_nav .con a:hover .img img {
		transform: scale(1.2);
	}

}

/*SMP*/
@media only screen and (max-width: 1024px) {
	#newspost_mv {
		position: relative;
		width: 320px;
		height: auto;
		margin: 42px auto 45px auto;
	}
	
	#newspost_mv .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	#newspost_mv .text time {
		font-size: 12px;
		font-weight: 500;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 12px;
		text-align: left;
		color: #777777;
	}
	
	#newspost_mv .text .cat {
		display: inline-block;
		position: relative;
		margin-left: 20px;
	}
	
	#newspost_mv .text .cat font {
		position: relative;
		padding: 4px 10px 4px 10px;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 11px;
		text-align: left;
		color: #333333;
		background: linear-gradient(45deg, rgba(5,126,229,0.25), rgba(35,172,217,0.25));
		border-radius: 100px;
	}
	
	#newspost_mv .text h1 {
		margin-top: 16px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 26px;
		text-align:left;
		color: #333333;
	}
	
	#newspost_mv .img {
		position: relative;
		width: 230px;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	#newspost_mv .img img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	
	#newspost {
		position: relative;
		width: 320px;
		height: auto;
		margin: 45px auto 45px auto;
	}
	
	#newspost .text {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#newspost .text p {
		margin-bottom: 20px;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 18px;
		text-align: left;
		color: #333333;
	}
	
	#newspost .text h2 {
		position: relative;
		margin: 0 0 20px 0;
		padding-bottom: 5px;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		color: #00509D;
		text-align: left;
		border-bottom: solid 1px #D4D6D8;
	}
	
	#newspost .text h3,#newspost .text h4 {
		display: table;
		position: relative;
		padding-left: 15px;
		margin: 0 0 15px 0;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #333333;
	}
	
	#newspost .text h3::before,#newspost .text h4::before {
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 7px;
		height: 6px;
		background-image: url(/wp-content/themes/technosystems_co/images/post/news_icon.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#newspost .text img {
		display: block;
		position: relative;
		margin: 15px auto 15px 0;
		width: auto;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	
	#newspost .text iframe {
		display: block;
		position: relative;
		width: 100%;
		height: 200px;
		margin: 0 auto 15px 0;
	}
	
	/*前後記事*/
	#newspost_nav {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 30px 0 45px 0;
	}
	
	#newspost_nav::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 80%;
		background: #F0F0F0;
	}
	
	#newspost_nav .btn {
		z-index: 1;
		display: block;
		position: relative;
		width: 100px;
		height: auto;
		margin: 60px auto 0 auto;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 13px;
		text-align: left;
		color: #32639D;
		white-space: nowrap;
	}
	
	#newspost_nav .btn::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: -30px;
		left: -200%;
		width: 1000%;
		height: 90px;
		background: #fff;
	}
	
	#newspost_nav .btn img {
		display: inline-block;
		position: relative;
		top: 1px;
		width: 16px;
		height: auto;
		margin-right: 10px;
		object-fit: cover;
	}
	
	#newspost_nav .con {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	#newspost_nav .con a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#newspost_nav .con a .img {
		position: relative;
		width: 80px;
		height: 60px;
		overflow: hidden;
	}
	
	#newspost_nav .con a .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 60px;
		object-fit: cover;
		object-position: center;
	}
	
	#newspost_nav .con a .text {
		position: relative;
		width: 220px;
		height: auto;
	}
	
	#newspost_nav .con a .text h4 {
		position: relative;
		margin-bottom: 4px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		color: #32639D;
	}
	
	#newspost_nav .con a .text h4 img {
		display: block;
		position: absolute;
		top: 2.5px;
		width: 13px;
		height: 3px;
		object-fit: cover;
	}
	
	#newspost_nav .con a.prevpost {
		flex-direction: row;
	}
	
	#newspost_nav .con a.prevpost .text h4 {
		padding-left: 25px;
		text-align: left;
	}
	
	#newspost_nav .con a.prevpost .text h4 img {
		left: 0;
	}
	
	#newspost_nav .con a.nextpost {
		flex-direction: row;
	}
	
	#newspost_nav .con a.nextpost .text h4 {
		text-align: left;
	}
	
	#newspost_nav .con a.nextpost .text h4 img {
		left: 60px;
	}


}

/*ページネーション*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*ページネーション*/
	.pagination {
		display: table;
		position: relative;
		width: 100%;
		height: auto;
		margin: 60px 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: auto;
		height: auto;
		font-size: 35px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		line-height: 35px;
		text-align: center;
		margin: 0 20px 0 20px;
		color: #959595;
		transition: 0.3s;
	}
	
	.pagination ul li a:hover {
		color: #057EE5;
		text-decoration: underline;
	}

	.pagination span {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		font-size: 35px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		line-height: 35px;
		text-align: center;
		margin: 0 20px 0 20px;
		color: #959595;
		transition: 0.3s;
	}
		
	.pagination span.current {
		color: #057EE5;
		text-decoration: underline;
	}
	
	.pagination .prev {
		display: none;
	}
	
	.pagination .next {
		display: none;
	}
	
}
	
/*SMP*/
@media only screen and (max-width: 1024px) {
	/*ページネーション*/
	.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: auto;
		height: auto;
		font-size: 20px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		line-height: 20px;
		text-align: center;
		margin: 0 10px 0 10px;
		color: #959595;
	}

	.pagination span {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		font-size: 20px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		line-height: 20px;
		text-align: center;
		margin: 0 10px 0 10px;
		color: #959595;
	}
		
	.pagination span.current {
		color: #057EE5;
		text-decoration: underline;
	}
	
	.pagination .prev {
		display: none;
	}
	
	.pagination .next {
		display: none;
	}
	

}

/*90.個人情報保護方針*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*メインビジュアル*/
	#pri_mv {
		position: relative;
		width: 100%;
		height: 260px;
	}
	
	#pri_mv h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		font-size: 70px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 70px;
		text-align: center;
		color: #333333;
	}
	
	#pri_mv h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	#pri_mv h1 font {
		display: block;
		position: relative;
		margin-top: 10px;
		font-size: 24px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 24px;
		text-align: center;
		color: #242936;
	}
	
	/*コンテンツ*/
	#pri {
		position: relative;
		width: 990px;
		height: auto;
		margin: 0 auto 90px auto;
	}
	
	#pri .con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 42px auto 0 auto;
	}
	
	#pri .con h2 {
		position: relative;
		padding-bottom: 13px;
		margin-bottom: 20px;
		border-bottom: solid 2px #057EE5;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 20px;
		text-align: left;
		color: #333333;
	}
	
	#pri .con p.indent {
		padding-left: 1em;
		text-indent: -1em;
	}

	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*メインビジュアル*/
	#pri_mv {
		position: relative;
		width: 100%;
		height: 110px;
	}
	
	#pri_mv h1 {
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		font-size: 34px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 34px;
		text-align: center;
		color: #333333;
	}
	
	#pri_mv h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	#pri_mv h1 font {
		display: block;
		position: relative;
		margin-top: 5px;
		font-size: 14px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: center;
		color: #242936;
	}
	
	/*コンテンツ*/
	#pri {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 45px auto;
	}
	
	#pri .con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 21px auto 0 auto;
	}
	
	#pri .con h2 {
		position: relative;
		padding-bottom: 7px;
		margin-bottom: 10px;
		border-bottom: solid 1px #057EE5;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.5px;
		line-height: 13px;
		text-align: left;
		color: #333333;
	}
	
	#pri .con p.indent {
		padding-left: 1em;
		text-indent: -1em;
	}

	

	
}

/*
62.募集要項個別＿サンクスページ
81.お問い合わせ＿サンクスページ
*/
/*PC*/
@media only screen and (min-width: 1025px) {
	#thanks {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 170px auto 230px auto;
	}
	
	#thanks h1 {
		margin-bottom: 60px;
		font-size: 70px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 5px;
		line-height: 70px;
		text-align: center;
		color: #333333;
	}
	
	#thanks h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	#thanks h1 font {
		display: block;
		position: relative;
		margin-top: 30px;
		font-size: 28px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 28px;
		text-align: center;
		color: #242936;
	}
	
	#thanks p {
		text-align: center;
	}
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	#thanks {
		position: relative;
		width: 280px;
		height: auto;
		margin: 100px auto 100px auto;
	}
	
	#thanks h1 {
		margin-bottom: 40px;
		font-size: 35px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 35px;
		text-align: center;
		color: #333333;
	}
	
	#thanks h1 span {
		font-family: "Averia Serif Libre", serif;
		color: #057EE5;
	}
	
	#thanks h1 font {
		display: block;
		position: relative;
		margin-top: 16px;
		font-size: 14px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 14px;
		text-align: center;
		color: #242936;
	}
	
	#thanks p {
		text-align: left;
	}
	
}

/*80.お問い合わせ*/
/*PC*/
@media only screen and (min-width: 1025px) {
	/*メインビジュアル*/
	#cf_mv {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 110px auto 70px auto;
	}
	
	#cf_mv h1 {
		margin-bottom: 35px;
	}
	
	#cf_mv h1 font {
		margin-left: 20px;
	}
	
	/*コンテンツ*/
	#cf {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 0 auto 90px auto;
	}
	
	#cf .tel {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 0 50px 100px;
		background: #fff;
		border: solid 1px #D3D3D3;
		box-sizing: border-box;
	}
	
	.cf_h2 {
		position: relative;
		font-size: 28px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 2px;
		line-height: 28px;
		color: #333333;
	}
	
	.cf_h2::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -100px;
		transform: translateY(-50%) translateX(0);
		width: 70px;
		height: 3px;
		background: #057EE5;
	}
	
	#cf .tel h2.cf_h2 {
		margin-bottom: 40px;
	}
	
	#cf .tel a {
		display: block;
		position: relative;
		margin: 28px auto 10px 0;
		font-size: 50px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 3px;
		line-height: 50px;
		color: #1D4988;
		text-align: left;
	}
	
	#cf .tel a font {
		position: relative;
		margin-right: 10px;
		font-size: 24px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 2px;
		line-height: 24px;
	}
	
	#cf .con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 70px auto 0 auto;
	}
	
	#cf .con h2.cf_h2 {
		margin-left: 100px;
	}
	
	#cf .con p.cf_p {
		margin: 40px auto 40px 100px;
	}
 
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*メインビジュアル*/
	#cf_mv {
		position: relative;
		width: 290px;
		height: auto;
		margin: 50px auto 30px auto;
	}
	
	#cf_mv h1 {
		margin-bottom: 30px;
	}
	
	#cf_mv h1 font {
		margin-left: 10px;
	}
	
	/*コンテンツ*/
	#cf {
		position: relative;
		width: 345px;
		height: auto;
		margin: 0 auto 45px auto;
	}
	
	#cf .tel {
		position: relative;
		width: 100%;
		height: auto;
		padding: 25px 0 25px 40px;
		background: #fff;
		border: solid 1px #D3D3D3;
		box-sizing: border-box;
	}
	
	.cf_h2 {
		position: relative;
		font-size: 14px;
		font-weight: 600;
		font-family: "游明朝体","游明朝",YuMincho,"ヒラギノ明朝 Pro","ヒラギノ明朝 Pro","MS P明朝","MS P明朝",serif;
		letter-spacing: 1px;
		line-height: 14px;
		color: #333333;
	}
	
	.cf_h2::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -40px;
		transform: translateY(-50%) translateX(0);
		width: 25px;
		height: 1.5px;
		background: #057EE5;
	}
	
	#cf .tel h2.cf_h2 {
		margin-bottom: 20px;
	}
	
	#cf .tel a {
		display: block;
		position: relative;
		margin: 14px auto 5px 0;
		font-size: 25px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 1px;
		line-height: 25px;
		color: #1D4988;
		text-align: left;
	}
	
	#cf .tel a font {
		position: relative;
		margin-right: 5px;
		font-size: 12px;
		font-weight: 700;
		font-family: "Averia Serif Libre", serif;
		letter-spacing: 0.5px;
		line-height: 12px;
	}
	
	#cf .con {
		position: relative;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	#cf .con h2.cf_h2 {
		margin-left: 40px;
	}
	
	#cf .con p.cf_p {
		margin: 20px auto 30px 40px;
	}

	
}

/*CF7*/
/*PC*/
@media only screen and (min-width: 1025px) {
	.cf7 {
		position: relative;
		width: 1000px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.cf7 table {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-collapse: collapse;
	}
	
	.cf7 table tr {
		border-bottom: solid 1px #A8A8A8;
	}
	
	.cf7 table tr:first-child {
		border-top: solid 1px #A8A8A8;
	}
	
	.cf7 table tr th {
		position: relative;
		width: 400px;
		padding: 38px 0 0 30px;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.cf7 table tr th p {
		position: relative;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #333333;
	}
	
	.cf7 table tr th p span {
		position: absolute;
		top: -7px;
		right: 50px;
		padding: 7px 10px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	.cf7 table tr td {
		width: 640px;
		padding: 20px 40px 20px 0;
		box-sizing: border-box;
	}
	
	.cf7 table tr td p {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #5A5A5A;
	}
	
	.cf7 table tr:last-child td {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	
	.cf7 table tr td div.kibou {
		margin-bottom: 20px;
	}
	
	/*入力欄設定*/
	::placeholder {
		color: #A2A2A2;
		font-size: 16px;
		font-weight: normal;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		letter-spacing: 1px;
		line-height: 20px;
	}
	
	input[name="cf_company"],
	input[name="cf_name"],
	input[name="cf_email"],
	input[name="cf_tel"],
	textarea[name="cf_content"]{
		padding: 15px 20px;
		border: none;
		border-radius: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		color: #5A5A5A;
		background: #F0F0F0;
		box-sizing: border-box;
	}
	
	input[name="cf_company"],
	input[name="cf_name"],
	input[name="cf_email"],
	input[name="cf_tel"] {
		width: 100%;
	}
	
	textarea[name="cf_content"] {
		width: 100%;
		height: 210px;
	}
	
	span[data-name="cf_acceptance"] span.wpcf7-list-item {
		margin-left: 0!important;
	}
	
	textarea[name="post_title"] {
		position: relative;
		width: 100%;
		height: 30px;
		padding: 10px 20px 10px 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 16px;
		text-align: left;
		color: #4A4A4A;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
		overflow: hidden;
		pointer-events: none;
	}
	
	.accept_btn {
		margin: 0 auto 0 auto;
	}
	
	.accept_btn p {
		margin-top: 15px;
		text-align: left;
		font-size: 16px;
		line-height: 16px;
	}
	
	.accept_btn p a {
		font-weight: bold;
		color: #057EE5;
	}
	
	.accept_btn p a:hover {
		text-decoration: underline;
	}
	
	/*送信ボタン*/
	input[type="submit"] {
		display: block;
		position: relative;
		width: 280px;
		height: auto;
		margin: 40px auto 0 auto;
		padding: 20px 0 20px 0;
		font-size: 18px;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background: #1C4175;
		border: solid 1px #1C4175;
		border-radius: 0;
		box-sizing: border-box;
		text-decoration: none;
		transition: 0.3s;
	}
	
	input[type="submit"]:hover {
		color: #1C4175;
		background: #fff;
		border: solid 1px #1C4175;
	}
	
	.wpcf7 form .wpcf7-response-output {
		width: 1000px;
		margin: 0 auto 0 auto!important;
		font-size: 16px;
	}
 
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	.cf7 {
		position: relative;
		width: 320px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.cf7 table {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-collapse: collapse;
	}
	
	.cf7 table tr th {
		display: block;
		position: relative;
		width: 100%;
		padding: 5px 0 10px 10px;
		box-sizing: border-box;
		border-bottom: solid 1px #A8A8A8;
	}
	
	.cf7 table tr th p {
		position: relative;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		text-align: left;
		color: #333333;
	}
	
	.cf7 table tr th p span {
		position:relative;
		margin-left: 15px;
		padding: 3px 5px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12px;
		color: #fff;
		background: linear-gradient(45deg, #057EE5, #23ACD9);
	}
	
	.cf7 table tr td {
		display: block;
		position: relative;
		width: 100%;
		padding: 12px 10px 25px 10px;
		box-sizing: border-box;
	}
	
	.cf7 table tr td p {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #333333;
	}
	
	/*入力欄設定*/
	::placeholder {
		color: #A2A2A2;
		font-size: 12px;
		font-weight: normal;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		letter-spacing: 1px;
		line-height: 16px;
	}
	
	input[name="cf_company"],
	input[name="cf_name"],
	input[name="cf_email"],
	input[name="cf_tel"],
	textarea[name="cf_content"]{
		padding: 8px 10px;
		border: none;
		border-radius: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		color: #5A5A5A;
		background: #F0F0F0;
		box-sizing: border-box;
	}
	
	input[name="cf_company"],
	input[name="cf_name"],
	input[name="cf_email"],
	input[name="cf_tel"] {
		width: 100%;
	}
	
	textarea[name="cf_content"] {
		width: 100%;
		height: 200px;
	}
	
	textarea[name="post_title"] {
		position: relative;
		width: 100%;
		height: 38px;
		padding: 5px 10px 5px 0;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #4A4A4A;
		background: rgba(255,255,255,0.00);
		border: none;
		box-sizing: border-box;
		overflow: hidden;
		pointer-events: none;
	}
	
	.accept_btn {
		margin: 0 auto 0 auto;
	}
	
	.accept_btn p {
		margin-top: 8px;
		text-align: left;
		font-size: 12px;
		line-height: 18px;
		padding-left: 0.7em;
		text-indent: -0.7em;
	}
	
	.accept_btn p a {
		font-weight: bold;
		color: #057EE5;
		text-decoration: underline;
	}
	
	/*送信ボタン*/
	input[type="submit"] {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
		margin: 10px auto 0 auto;
		padding: 12px 0 12px 0;
		font-size: 12px;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		background: #1C4175;
		border: solid 1px #1C4175;
		border-radius: 0;
		box-sizing: border-box;
		text-decoration: none;
	}
	
	.wpcf7 form .wpcf7-response-output {
		width: 320px;
		margin: 0 auto 0 auto!important;
		font-size: 16px;
	}
	
}

/*CF7設定*/
/*送信後メッセージ削除*/
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 rgba(255,255,255,0.00);
	color: rgba(255,255,255,0.00);
}

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

.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;
}