@charset "utf-8";
.tab-container{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	width : 100%;
	justify-content : center;
	column-gap : 100px;
}
input[name="tab-item"]{
	display : none;
}
.tab-label{
	position : relative;
	display : flex;
	align-items : center;
	justify-content : center;
	line-height : 1;
	font-size : 30px;
	font-weight : 600;
	cursor : pointer;
	transition : all 0.2s ease;
	margin-bottom : 50px;
	padding-left : 1.5em;
}
.label1::before{
	content : "";
	position : absolute;
	display : block;
	width : 30px;
	height :30px;
	border-radius : 50%;
	background-color : #F25700;
	left : 0;
	top : 2.5px;
}
.label2::before{
	content : "";
	position : absolute;
	display : block;
	width : 30px;
	height :30px;
	border-radius : 50%;
	background-color : #FDE4BD;
	left : 0;
	top : 2.5px;
}
.tab-content{
	display : none;
	width : 100%;
	background-color : #FFF;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2{
	display : block;
}
/* チェックが入っているタブのラベル設定 */
#tab1:checked ~ .label1::before{
	background-color : #F25700; /* 選択時 */
}

#tab2:checked ~ .label2::before{
	background-color : #F25700; /* 選択時（あるいは別の色） */
}

/* 選択されていない時の色を薄くする（必要であれば） */
#tab1:not(:checked) ~ .label1::before{
	background-color : #FDE4BD; 
}

#tab2:not(:checked) ~ .label2::before{
	background-color : #FDE4BD;
}









.form-header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #FFF;
}
.recruit h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background-color : #FDE4BD;
	line-height : 1;
	font-size : 25px;
	font-weight : 600;
	padding : 15px 30px;
}
.recruit p.caution{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 25px;
	font-weight : 600;
	padding : 20px 30px;
	margin : 20px 0;
}

.recruit dl{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-top : 50px;
}
.recruit dl dt{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	font-size : 20px;
	border-top : 1px solid var(--font-color);
	padding : 15px 30px;
}
.recruit dl dd{
	position : relative;
	display : block;
	width : calc(100% - 200px);
	height : auto;
	text-align : justify;
	font-size : 20px;
	border-top : 1px solid var(--font-color);
	padding : 15px 0 15px 30px;
}
.recruit dl dt:first-of-type,
.recruit dl dd:first-of-type{
	border-top : none;
}
.recruit dl dd p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 20px;
	padding-left : 1.2em;
}
.recruit dl dd p::before{
	content : "※";
	position : absolute;
	display : block;
	left : 0;
}
.recruit dl dd ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.recruit dl dd li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 20px;
	padding-left : 1.2em;
	margin-bottom : 10px;
}
.recruit dl dd li:last-child{
	margin-bottom : 0;
}
.recruit dl dd ul li::before{
	content : "・";
	position : absolute;
	display : block;
	left : 0;
}



.form-body{
	position :relative;
	background-color : #FFF;
}
.wp-block-snow-monkey-forms-item.smf-item{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
	padding : 0;
}
.smf-item__col.smf-item__col--label{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
	background-color : #FDE4BD;
	padding : 20px;
	border-left : 1px solid #707070;
	border-bottom : 1px solid #707070;

}
.smf-item__col.smf-item__col--controls{
	position : relative;
	display : block;
	width : calc(100% - 400px);
	height : auto;
	padding : 20px;
	border-left : 1px solid #707070;
	border-bottom : 1px solid #707070;
	border-right : 1px solid #707070;
}
.wp-block-snow-monkey-forms-item.smf-item:first-of-type .smf-item__col.smf-item__col--label,
.wp-block-snow-monkey-forms-item.smf-item:first-of-type .smf-item__col.smf-item__col--controls{
	border-top : 1px solid #707070;
}

.smf-action .smf-button-control__control{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
	border-radius : 25px;
	border : 1px solid #F25700;
	background-color :#F25700;
	color : #FFF;
	font-size : 25px;
	font-weight : 600;
	line-height : 1;
	text-align : center;
	padding : 20px 0;
	margin : 50px auto 0;
	transition : 0.5s;
	background-image : none;
}
.smf-action .smf-button-control__control:hover{
	background-color :#FFF;
	color : #F25700;
	transition : 0.5s;
}
span.smf-item__label__text{
	font-size : 25px;
	font-weight : 500;
}
.cocoiro-inline-span{
	color : #E50113;
	font-size : 20px;
}
input.smf-text-control__control{
	width : 70%;
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1400px
# ================================================================= */
@media screen and (max-width: 1400px){
.tab-label{
	font-size : 24px;
}
.label1::before,
.label2::before{
	width : 24px;
	height : 24px;
	top : 1.5px;
}
.recruit h3{
	font-size : 22px;
}
.recruit p.caution{
	font-size : 20px;
}
.recruit dl dt,
.recruit dl dd{
	font-size : 18px;
}




span.smf-item__label__text{
	font-size : 20px;
}
.cocoiro-inline-span{
	font-size : 16px;
}
.smf-action .smf-button-control__control{
	width : 300px;
	font-size : 20px;
	padding : 15px 0;
}








}/*** 1400px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.recruit p.caution{
	font-size : 20px;
}
span.smf-item__label__text{
	font-size : 20px;
}
.cocoiro-inline-span{
	font-size : 16px;
}
.smf-item__col.smf-item__col--label{
	width : 310px;
}
.smf-item__col.smf-item__col--controls{
	width : calc(100% - 310px);
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.recruit h3{
	text-align : center;
	font-size : 22px;
	padding : 25px 30px;
}
.recruit p.caution{
	font-size : 18px;
}

.tab-container{
	flex-direction : column;
}
.tab-label{
	position : relative;
	display : block;
	width : 10em;
	font-size : 20px;
	padding-left : 1.2em;
	margin : 0 auto 30px;
}
.label1::before,
.label2::before{
	width : 20px;
	height : 20px;
	top : 2px;
}
.recruit dl{
	margin-top : 0;
}

.recruit dl dt{
	width : 100%;
	border-top : 0;
	padding : 30px 30px 10px;
	font-size : 18px;
	font-weight : 500;
}
.recruit dl dd{
	width : 100%;
	border-top : 0;
	border-bottom : 1px solid var(--font-color);
	padding : 10px 30px 30px;
	font-size : 16px;
}
.recruit dl dd p{
	font-size : 16px;
}
.recruit dl dd ul li{
	font-size : 16px;
}




.wp-block-snow-monkey-forms-item.smf-item{
	display : block;
}
.smf-item__col.smf-item__col--label{
	width : 100%;
	border-right : 1px solid #707070;
}
.smf-item__col.smf-item__col--controls{
	width : 100%;
}

.wp-block-snow-monkey-forms-item.smf-item:first-of-type .smf-item__col.smf-item__col--controls{
	border-top : none;
}
span.smf-item__label__text{
	font-size : 20px;
}
.cocoiro-inline-span{
	font-size : 16px;
}
.smf-action .smf-button-control__control{
	width : 70%;
}

input.smf-text-control__control{
	width : 100%;
}









}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){
.recruit p.caution{
	font-size : 18px;
}
}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/