/*
Theme Name: Communitycom Theme Jobs01 Child
Theme URI: https://communitycom-shop.jp/product/cmctheme-jobs01/
Template: communitycom-theme-jobs01
Author: Communitycom, Inc.
Author URI: https://www.communitycom.jp/
Description: 求人・採用サイト向け WordPress テーマ by Communitycom は、企業などの求人・採用サイト向けの WordPress テーマです。
Tags: grid-layout,one-column,two-columns,right-sidebar,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,block-styles,threaded-comments,translation-ready,theme-options,wide-blocks
Version: 2.0.1712326155
Updated: 2024-04-05 23:09:15

*/

.home-Hero {
	position: relative;
	display: flex;
	width: 90%;
	height: calc(100vh - 152px);
	padding: 0 45px 0 20px;
	margin:80px auto 40px;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	align-items:center;
	animation: introShow 1s forwards ease-in-out;
	letter-spacing: 5px;
	border-radius:10px;
}
.home-Hero::after {
	background-color: rgba(0,0,0,0);
}
@media screen and (min-width: 768px) {
.home-Hero {
	background-size: contain;
	background-position: center right;
}
}
@media screen and (max-width: 767px) {
.home-Hero {
	position: relative;
	display: flex;
	width: 90%;
	height: calc(100vh - 270px);
	padding: 0 45px 0 20px;
	margin:80px auto 40px;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	align-items:inherit;
	animation: introShow 1s forwards ease-in-out;
	letter-spacing: 5px;
	border-radius:10px;
}
}

.home-Hero_Desc {
	width: 50%;
	margin-top:20px;
	margin-left:50px;
	position: absolute;
	top: 180px;
}
 @media screen and (max-width: 767px) {
.home-Hero_Desc {
	line-height: 1.5;
	position: relative;
	z-index: 1;
	width: 100%;
	margin-left:0;
	max-width: 1180px;
	animation: textClip 1.5s ease-in-out;
	font-size: clamp(1.7rem, 5vw, 3.44rem);
	font-family: Roboto, "Noto Sans JP", sans-serif;
	font-weight: 600;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	top: 90px;
}
}
.se01 {
	background-image: url(img/se01_bk.png);
	background-color:#eeeae7;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding:80px 0;
}
.se01In {
	width: 100%;
	max-width: 1180px;
	margin:0 auto;
}
.se01_cp {
	width:500px;
}
.se01_cp dl dt {
	margin-bottom:30px;
}
.se01_cp dl dd {
	margin-bottom:30px;
	text-shadow    : 
       1px  1px 2px #ffffff,
      -1px  1px 2px #ffffff,
       1px -1px 2px #ffffff,
      -1px -1px 2px #ffffff,
       1px  0px 2px #ffffff,
       0px  1px 2px #ffffff,
      -1px  0px 2px #ffffff,
       0px -1px 2px #ffffff;
}
@media screen and (max-width: 767px) {
.se01 {
	padding:40px 0;
}
.se01_cp {
	width:90%;
	margin:0 auto 180px;
}
}
.se02 {
	padding:80px 0;
	position:relative;
}
.se02:before {
	content: "";
	background-image: url(img/se02_bk01.png);
	width: 13%;
	height: 21%;
	background-size: 90%;
	background-repeat: no-repeat;
	position: absolute;
	top:66%;
	left:19%;
	z-index: 99;
}
.se02:after {
	content: "";
	background-image: url(img/se02_bk02.png);
	width: 13%;
	height: 21%;
	background-size: 90%;
	background-repeat: no-repeat;
	position: absolute;
	top:66%;
	right:19%;
	z-index: 99;
}
.se02In {
	width: 100%;
	max-width: 1180px;
	margin:0 auto;
	overflow:hidden;
}
.se02_left {
	width:25%;
	float:left;
}
.se02_right {
	width:70%;
	float:right;
}
.se02_right dl dt {
	margin-bottom:30px;
}
.se02_right dl dd {
	margin-bottom:30px;
}
@media screen and (max-width: 767px) {
.se02 {
	padding:40px 0;
	position:relative;
}
.se02_left {
	width:40%;
	float:none;
	margin:0 auto;
}
.se02_right {
	width:90%;
	float:none;
	margin:0 auto;
}
.se02:before {
	top:32%;
	left:19%;
}
.se02:after {
	top:72%;
	right:19%;
}
}
.se03 {
	background-color:#f7f1d1;
	padding:80px 0;
	overflow:hidden;
}
.se03In {
	width: 100%;
	max-width: 1180px;
	margin:0 auto;
}
.se03_qa {
	margin-bottom:80px;
	position:relative;
	overflow:hidden;
}
.se03_qa_img {
	width:53%;
	float:left;
}
.se03_qa_txt {
	position: absolute;
	width: 45%;
	top: 10%;
	left: 46%;
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
}
.se03_qa_txt dl dt {
	margin-bottom:20px;
}
.se03_qa_txt dl dd {
	margin-bottom:20px;
}
.se03_day {
	position:relative;
	overflow:hidden;
}
.se03_day_img {
	width:53%;
	float:right;
}
.se03_day_txt {
	position: absolute;
	width: 45%;
	top: 10%;
	right: 46%;
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
}
.se03_day_txt dl dt {
	margin-bottom:20px;
}
.se03_day_txt dl dd {
	margin-bottom:20px;
}
@media screen and (max-width: 767px) {
.se03 {
	padding:40px 0;
}
.se03_qa {
	position:relative;
	overflow: inherit;
	margin-bottom:240px;
}
.se03_qa_img {
	width:90%;
	float:none;
	margin:0 auto;
}
.se03_qa_txt {
	position: absolute;
	width: 80%;
	top: 70%;
	right: 0;
	left: 0;
	background: #fff;
	padding:20px;
	margin:0 auto;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
}
.se03_day {
	position:relative;
	overflow: inherit;
	margin-bottom:200px;
}
.se03_day_img {
	width:90%;
	float:none;
	margin:0 auto;
}
.se03_day_txt {
	position: absolute;
	width: 80%;
	top: 70%;
	right: 0;
	left: 0;
	background: #fff;
	padding: 20px;
	margin:0 auto;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
}
}
.se04 {
	padding:80px 0;
	overflow:hidden;
}
.se04In {
	width: 100%;
	max-width: 760px;
	margin:0 auto;
}
.se04In p.title {
	width:70%;
	margin: 0 auto 80px;
}
.se04_point01 {
	overflow:hidden;
	margin-bottom:80px;
}
.se04_point01_txt {
	width:50%;
	float:right;
}
.se04_point01_txt dl dt {
	margin-bottom:20px;
}
.se04_point01_img {
	width:45%;
	float:left;
}
.se04_point02 {
	overflow:hidden;
	margin-bottom:80px;
}
.se04_point02_txt {
	width:50%;
	float:left;
}
.se04_point02_txt dl dt {
	margin-bottom:20px;
}
.se04_point02_img {
	width:45%;
	float:right;
}
.se04_point03 {
	overflow:hidden;
	margin-bottom:0px;
}
.se04_point03_txt {
	width:50%;
	float:right;
}
.se04_point03_txt dl dt {
	margin-bottom:20px;
}
.se04_point03_img {
	width:45%;
	float:left;
}
@media screen and (max-width: 767px) {
.se04 {
	padding:40px 0 0;
	overflow:hidden;
}
.se04In p.title {
	width:70%;
	margin: 0 auto 40px;
}
.se04_point01 {
	width:90%;
	margin:0 auto 40px;
	overflow:hidden;
}
.se04_point02 {
	width:90%;
	margin:0 auto 40px;
	overflow:hidden;
}
.se04_point03 {
	width:90%;
	margin:0 auto 40px;
	overflow:hidden;
}
}
.button_more {
}
.button_more a {
	display: block;
	letter-spacing:3px;
	font-weight: bold;
	color: #151515;
	background-image: url(img/common_button.png);
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0.8em 0.7em 1.1em;
	max-width: 283px;
	margin: 0 auto;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: 0.3s;
	z-index: 0;
	line-height: 1;
	font-size: 21px;
}
.add_arrow {
	display: block;
	position: relative;
}
.add_arrow:after {
	content: "";
	display: block;
	position: absolute;
	top: 32%;
	right: 8%;
	margin: auto;
	width: 10px;
	height: 18px;
	background-image: url(img/common_button_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	transition: 0.2s;
}
.add_arrow:hover:after {
	opacity: 0;
}
/* よくある質問
----------------------------------------------- */
.qa {
	margin:50px auto;
}
.ac {
	width: 100%;
	margin: 0 auto 50px;
}
.ac > li {
	padding-bottom: 6px;
	list-style: none;
}
.ac-label {
	cursor: pointer;
	position: relative;
	border: 1px solid #d9d9d9;
	padding:20px 60px 20px 10px;
	line-height:26px;
}
.ac-label p {
	background-image:url("img/q.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-size:26px;
	font-weight:bold;
	padding-left:34px;
}
.ac-content {
	display: none;
	padding:20px;
	border: 1px solid #d9d9d9;
	border-top:none;
}
.icon-wrap {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translatey(-50%);
	width: 38px;
	height: 38px;
	background: #f95c7b;
}
.icon {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.icon:before, .icon:after {
	position: absolute;
	content: "";
	display: block;
	transition: all 0.4s;
	background: #fff;
	left: 50%;
	top: 50%;
	width: 50%;
	height: 2px;
	transform: translate(-50%, -50%);
}
.icon:before {
	transform: translate(-50%, -50%) rotate(90deg);
}
/*＋、－切り替え*/
.icon.open:before {
	transform: translate(-50%, -50%) rotate(0deg);
}
.detail {
	background-color: #feffee;
	border: 1px dotted #eee;
	padding: 20px;
	margin-top: 20px;
}
/*ContactForm7カスタマイズ*/
.contact {
	margin:50px auto;
}
.contact a {
	color: #04a3ff;
	text-decoration: underline;
}
.contact a:hover {
	text-decoration:none;
}
table.inquiry {
	width:100%;
}
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	display: block;
	width: 100%;
	height: 45px;
	margin-bottom: 0;
	padding: 0 12px;
	border: 0;
	border-radius: 3px;
	background-color: #eff1f5;
	box-shadow: none;
	color: #5c6b80;
	font-size: 1em;
	vertical-align: middle;
	line-height: 45px;
}
textarea {
	max-width: 100%;
	min-height: 120px;
	line-height: 1.5em;
	padding: 0.8em;
	overflow: auto;
}
@media(max-width:599px) {
.inquiry td, .inquiry th {
	display: block !important;
	width: 100% !important;
	border-top: none !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.inquiry tr:first-child th {
	border-top: 1px solid #ddd !important;
}
}
.inquiry th {
	text-align: left;
	font-size: 14px;
	color: #444;
	padding-right: 5px;
	width: 30%;
	background: #f8f8f8;
	border: solid 1px #ddd;
}
.inquiry td {
	font-size: 14px;
	border: solid 1px #ddd;
}
.req { /* 必須 */
	font-size: 12px;
	padding: 5px;
	background: #e44141;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 1px;
}
.any { /* 任意 */
	font-size: 12px;
	padding: 5px;
	background: #f09f4d;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 1px;
}
.verticallist .wpcf7-list-item {
	display: block;
}
th {
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px;
}
td {
	border-top: 1px solid #ededed;
	padding: 12px;
}
input, select, textarea {
	letter-spacing: 1px;
	margin: 0;
	max-width: 100%;
	resize: none;
}
.text-center {
	text-align:center;
}
.wpcf7-submit {
	display: block;
	border: none;
	width: 350px;
	margin: 25px auto 0;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	background-color:#17823b;
	color: #fff;
	font-weight: 700;
	border-radius: 50px;
	box-shadow: var(--swl-btn_shadow);
	transition: box-shadow .25s;
}
.wpcf7-submit:hover {
	box-shadow: 0 4px 12px rgb(0 0 0 / 10%), 0 12px 24px -12px rgb(0 0 0 / 20%);
	opacity: 1;
}
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 1em;
	border-radius: 0.25rem;
	border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output {
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}
.page .content-Body select, .single .content-Body select {
	padding: 0em 1.5em .3em .5em;
}
/* プライバシーポリシー
----------------------------------------------- */
.privacy {
	margin:50px auto;
}
.privacy p {
	margin-bottom:20px;
}
/* text-style
----------------------------------------------- */
.txt-right {
	text-align: right !important;
}
.txt-left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.color-white {
	color: #fff;
}
.font12 {
	font-size: 12px;
}
.font11 {
	font-size: 11px;
}
.font10 {
	font-size: 10px;
}
.em1 {
	font-weight:bold;
}
.font-en {
	font-family:"Times New Roman", serif;
	font-size: large;
}
.marker {
	padding:0;
	background: linear-gradient(transparent 50%, #FFEB3B 50%) repeat scroll 0% 0% transparent;
	font-weight: bold;
}
/* other-style
----------------------------------------------- */
.MT0 {
	margin-top: 0px !important;
}
.MT10 {
	margin-top: 10px !important;
}
.MT20 {
	margin-top: 20px !important;
}
.MT30 {
	margin-top: 30px !important;
}
.MT40 {
	margin-top: 40px !important;
}
.MT50 {
	margin-top: 50px !important;
}
.MB0 {
	margin-bottom: 0px !important;
}
.MB5 {
	margin-bottom: 5px !important;
}
.MB10 {
	margin-bottom: 10px !important;
}
.MB20 {
	margin-bottom: 20px !important;
}
.MB30 {
	margin-bottom: 30px !important;
}
.MB40 {
	margin-bottom: 40px !important;
}
.MB50 {
	margin-bottom: 50px !important;
}
.MR0 {
	margin-right: 0 !important;
}
.MR10 {
	margin-right: 10px !important;
}
.MR20 {
	margin-right: 20px !important;
}
.MR30 {
	margin-right: 30px !important;
}
.ML10 {
	margin-left: 0 !important;
}
.ML10 {
	margin-left: 10px !important;
}
.ML20 {
	margin-left: 20px !important;
}
.ML30 {
	margin-left: 30px !important;
}
.ML100 {
	margin-left: 100px !important;
}
.MRL-20 {
	margin-left: -20px !important;
	margin-right: -20px !important;
}
.PT0 {
	padding-top: 0px !important;
}
.PT10 {
	padding-top: 10px !important;
}
.PT20 {
	padding-top: 20px !important;
}
.PT30 {
	padding-top: 30px !important;
}
.PB0 {
	padding-bottom: 0px !important;
}
.PB10 {
	padding-bottom: 10px !important;
}
.PB20 {
	padding-bottom: 20px !important;
}
.PB30 {
	padding-bottom: 30px !important;
}
.col-l {
	float: left;
}
.col-r {
	float: right;
}
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
.w20 {
	width:20% !important;
}
.w25 {
	width:25% !important;
}
.w30 {
	width:30% !important;
}
.w35 {
	width:35% !important;
}
.w40 {
	width:40% !important;
}
.w45 {
	width:45% !important;
}
.w48 {
	width:48% !important;
}
.w49 {
	width:49% !important;
}
.w50 {
	width:50% !important;
}
.w55 {
	width:55% !important;
}
.w60 {
	width:60% !important;
}
.w65 {
	width:65% !important;
}
.w70 {
	width:70% !important;
}
.w75 {
	width:75% !important;
}
.w80 {
	width:80% !important;
}
@media screen and (max-width: 767px) {
.col-l {
	float: none;
}
.col-r {
	float: none;
}
.sp_only {
	display: block;
}
.pc_only {
	display: none;
}
.w20 {
	width:100% !important;
}
.w25 {
	width:100% !important;
}
.w30 {
	width:100% !important;
}
.w35 {
	width:100% !important;
}
.w40 {
	width:100% !important;
}
.w45 {
	width:100% !important;
}
.w48 {
	width:100% !important;
}
.w49 {
	width:100% !important;
}
.w50 {
	width:100% !important;
}
.w55 {
	width:100% !important;
}
.w60 {
	width:100% !important;
}
.w65 {
	width:100% !important;
}
.w70 {
	width:100% !important;
}
.w75 {
	width:100% !important;
}
.w80 {
	width:100% !important;
}
}