@media screen and (max-width: 800px) {
	h1.img_ttl.recruit{
		margin: 0 auto 5vw 0;
	}
}


.bg_pagettl.recruit{
	width: 100%;
	background-image: url(../img/recruit/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.recruit{
		padding: 31% 0 0;
		background-image: url(../img/recruit/sp/img_main.jpg);
	}
}

.box_recruit1.top{
	width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0 0;
    border-bottom: none;
}

.box_img_ttl.recruit{
	margin: 20px auto 0;
}

.box_bg_recruit{
	background-color: #F2F2F2;
    padding: 48px 38px;
    margin: 0 0 50px;
    width: 100%;
}

.box_recruit1 .list_toprecruit{
	width: 100%;
    max-width: 1102px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.box_recruit1 .list_toprecruit a{
	width: calc((100% - 26px) / 2);
	max-width: 245px;
    margin: 0 26px 0 0;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    display: block;
    overflow: hidden;
}

.box_recruit1 .list_toprecruit a:last-of-type{
	margin: 0;
}

.box_recruit1 .list_toprecruit a .img{
	margin: 0;
    padding: 0;
    border-bottom: solid 3px #196b3d;
    overflow: hidden;
}

.box_recruit1 .list_toprecruit a .img img{
	transition: all .5s;
}

.box_recruit1 .list_toprecruit a:hover .img img{
	transform: scale(1.08);
        opacity: 0.6;
}

.box_recruit1 .list_toprecruit a .txt{
	height: 3.8em;
    margin: 0;
    padding: 0.2em;
    color: #000;
    font-size: min(4vw , 18px);
    text-align: center;
    line-height: 1.28;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-feature-settings: "palt";
}

.box_recruit1 .list_toprecruit a .txt .inner{
	margin: 0;
    padding: 0;
}

.container p{
	text-align: center;
}

@media (max-width: 800px) {
	.box_bg_recruit{
		margin: 0 0 5vw;
		padding: 6.8% 5.2%;
	}
	
	.box_recruit1 .list_toprecruit a{
		margin: 0 3.2vw 0 0;
	}
	
	.box_recruit1 .list_toprecruit{
		justify-content: center;;
	}
	
	
	
}

	form{
		max-width: 826px;
		margin: 0 auto;
	}
	
    
    h2.ttl_form{
    	margin: 34px 0 64px;
    	text-align: center;
		color: #006633;
		font-size: 30px;
    }
    
    .container {
      max-width: 1140px;
      margin: 0 auto;
      background: #fff;
      padding: 2rem 2rem 8rem;
      border: 1px solid #196B3D;
    }

    p.desc {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 4rem;
      line-height: 2.1;
    }
    form .form-group {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
      align-items: stretch;
    }

    form .form-group:first-of-type .form-label-wrapper{
    	border-top: solid 1px #196B3D;
    }
    
    .form-label-wrapper {
      width: 30%;
      min-width: 130px;
      margin: 0 20px 0 0;
      padding: 37px 0 37px 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: solid 1px #196B3D;
      color: #196B3D;
    }
    
    form .form-group:nth-of-type(4) .form-label-wrapper{
    	align-items: flex-start;
    	padding: 50px 0 37px 10px;
    }
    
    .form-label-wrapper.last{
    	align-items: baseline;
    	border-bottom: none;
    }
    
    .form-label {
      font-weight: bold;
      margin-right: 0.25rem;
    }
    .required {
      color: #fff;
      background: #006633;
      font-size: 0.75rem;
      padding: 0.1rem 0.4rem;
      border-radius: 3px;
    }
    .form-field {
      width: calc(70% - 20px);
      padding: 37px 0 37px 15px;
      border-bottom: solid 1px #C9CACA;
    }
    
    form .form-group:first-of-type .form-field{
    	border-top: solid 1px #C9CACA;
    }
    
    .form-field.last{
    	border-bottom: none;
    }
    
    input, select, textarea {
      width: 100%;
      padding: 1rem;
      font-size: 1rem;
      border: none;
      box-sizing: border-box;
      background-color: #F0F0F0;
    }
    
    textarea{
    	height: 28vh;
    }
    
    input{
    	width: auto;
    }
    
    input[type="tel"]{
    	width: 100%;
    	max-width: 309px;
    }
    
    input[type="text"]{
    	width: 100%;
    	max-width: 309px;
    
    }
    
    input[type="number"]{
    	width: 100%;
    	max-width: 107px;
    }
    
    .radio-group, .gender-group {
      display: flex;
      gap: 1rem;
      border-bottom: solid 1px #C9CACA;
      padding: 37px 0 37px 15px;
    }
    
    .radio-group{
    	border-top: solid 1px #C9CACA;
      border-bottom: solid 1px #C9CACA;
    }
    
    .form-actions {
	    display: flex;
	    justify-content: center;
      text-align: center;
      margin-top: 2rem;
    }
    
    .form-actions button {
    	width: 90%;
    	max-width: 380px;
    	margin: 0 20px 0 0;
      background: none;
      border: 1px solid #006633;
      padding: 1.5rem 2rem;
      font-size: 20px;
      font-weight: 700;
      color: #006633;
      cursor: pointer;
    }
    
    .form-actions button:last-of-type {
    	margin: 0;
    }
    
    .form-actions button:hover{
    	background-color: #196B3D;
    color: #fff;
    }
    
    .privacy {
      text-align: center;
      font-size: 0.85rem;
      margin-top: 0.5rem;
    }
    .privacy a {
      color: #006633;
      text-decoration: underline;
    }
    @media (max-width: 800px) {
      .form-group {
        flex-direction: column;
      }
      .form-label-wrapper, .form-field {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 37px 0 0;
        justify-content: flex-start;
        border-bottom: none;
      }
      
      .form-field{
      	padding: 0 0 0 10px;
       	border-top: none;

      }
      
      .radio-group, .gender-group{
      	display: block;
      	border-top: none;
      }
      
      label{
      	display: block;
      }
      
      h2.ttl_form{
      	margin: 2vw 0 6vw;
      	font-size: min(6vw, 30px);
      }
      
      form .form-group{
      	padding: 0 0 15px;
      }
      
      .required {
      	padding: 0 0.4rem;
      }
      
      form .form-group:first-of-type .form-field{
      	border-top: none;
      }
      
      form .form-group .form-label-wrapper{
      	border-top: solid 1px #196B3D;
      	padding: 15px 0 0 10px;
      }
      
      form .form-group:nth-of-type(4) .form-label-wrapper{
      	padding: 15px 0 0 10px;
      }
      
      
      input, select, textarea{
      	padding: 0.75rem;
      }
      
      input[type="text"]{
      	max-width: 100%;
      }
      
      p.desc{
      	line-height: 2;
      }
      
      .container{
      	padding: 2rem 1.5rem 6rem;
      }
      
    }
    
    @media (max-width: 700px) {
    	 .form-actions {
    	 	display: block;
    	 }
    	 
    	 .form-actions button {
	    	margin: 0 0 20px;
	    }
    	 .form-actions button:last-of-type {
	    	margin: 0;
	    }
    }
    
    @media (max-width: 500px) {
    	.form-actions button{
    		font-size: min(5vw , 20px);
    		padding: 1.5rem 1.5rem;
    	}
    }
    
.box_recruit1{
	width: 90%;
    max-width: 1015px;
    margin: 0 auto;
    padding: 75px 0 0;
    border-bottom: dotted 1px #000;

}

.box_recruit1.office{
	padding: 100px 0 0;
}

.box_recruit1.work{
	padding: 44px 0 0;
	border-bottom: none;
}

.box_recruit1.requirements{
	padding: 8px 0 56px;
}

.box_recruit1.demand{
	width: 97%;
	max-width: 983px;
	padding: 0;
	border-bottom: none;
}

.box_recruit1.charm{
		width: 100%;
	max-width: 983px;
	padding: 0;
	border-bottom: none;

}

.box_recruit1.apply{
	padding: 50px 0 0;
	border-bottom: none;
}

.col_sub.recruit{
	padding: 0 0 128px;
}

.box_recruit1.career{
	padding: 40px 0 0;
}

.box_recruit1.accounting{
	width: 97%;
	max-width: 983px;
	padding: 0;
	border-bottom: none;
}


.wrap_recruit1{
	width: 100%;
    max-width: 981px;
    margin: 0 auto 80px;
    display: flex;
    justify-content: center;
}

.left_txt_recruit{
	width: calc(100% / 2);
    margin: 0 40px 0 0;
    padding: 10px 0 0;
}

.right_img_recruit1{
	width: calc((100% - 40px) / 2);
    margin: 0 0 0 0;
}

.right_img_recruit1 img{
	width: 100%;
}

.wrap_recruit2{
	width: 100%;
    display: flex;
    justify-content: center;
}

.inner_recruit1{
	width: 98%;
    max-width: 981px;
    margin: 0 auto 50px;
}

.inner_recruit1.career{
	margin: 0 auto 90px;
}

.inner_recruit1.apply{
	margin: 0;
}

.inner_recruit1.charm{
	width: 100%;
    max-width: 100%;
}


h2.cont_inner_ttl.recruit1{
	margin: 0 0 30px;
	padding: 0 0 0 20px;
	position: relative;
}

h2.cont_inner_ttl.recruit1:before{
	content: "";
    width: 12px;
    height: 12px;
    background: #196B3D;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 0.7em;
}

h2.cont_inner_ttl.recruit2{
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	position: relative;
}

h2.cont_inner_ttl.recruit2.office{
	margin: 0 0 15px;
} 

h2.cont_inner_ttl.recruit2:before{
	content: "";
    width: 12px;
    height: 12px;
    background: #196B3D;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 0.7em;
}

.wrap_left_recruit1{
	width: calc(100% / 2);
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
    border-right: 1px dotted #000;
}

.wrap_right_recruit1{
	width: calc((100% - 60px) / 2);
}

@media screen and (max-width: 800px) {
	.wrap_recruit1{
		margin: 0 auto 10vw;
		display: block;
	}
	
	.box_recruit1{
		padding: 10% 0 0;
	}
	
	.box_recruit1.work{
		padding: 8% 0 0;
	}
	
	.box_recruit1.demand{
		width: 89%;
		padding: 8% 0 0;
	}
	
	.box_recruit1.charm{
		width: 89%;
		padding: 8% 0 0;
	}
	
	.box_recruit1.career{
		padding: 10% 0 0;
	}

	.box_recruit1.accounting{
		width: 89%;
		padding: 0;
	}
	
	.left_txt_recruit{
		width: 100%;
		margin: 0 0 5vw;
	}
	
	
	
	.right_img_recruit1{
		width: 80%;
		max-width: 520px;
		margin: 0 auto;
		
	}
	
	.right_img_recruit1 img{
		width: 100%;
	}
	
	
	.wrap_recruit2{
		display: block;
	}
	
	.wrap_left_recruit1{
		width: 100%;
		margin: 0 0 35px;
		padding: 0 0 35px;
		border-bottom: 1px dotted #000;
		border-right: none;
	}
	
	.wrap_right_recruit1{
		width: 100%;
	}
	
	h2.cont_inner_ttl.recruit1:before{
		top: 0.5em;
	}
	
	h2.cont_inner_ttl.recruit1{
		margin: 0 0 6vw;
	}
	
	h2.cont_inner_ttl.recruit2{
		margin: 0 0 3vw;
	}
	
	h2.cont_inner_ttl.recruit2:before{
		top: 0.5em;
	}
	
	.inner_recruit1.career{
		margin: 0 auto 12vw;
	}
}

@media screen and (max-width: 540px) {
	h2.cont_inner_ttl.staff{
		font-size: min(6vw , 20px);
	}
}

table.tbl_recruit1{
	width: 100%;
}

table.tbl_recruit1 tr{
	border-bottom: 1px dotted #000000;

}

table.tbl_recruit1 tr:first-of-type{
	border-top: 1px dotted #000000;
}

table.tbl_recruit1 th{
	width: 22%;
	text-align: left;
    padding: 2.28em 0.6em 2.28em 3.47em;
    background-color: #F2F2F2;
    color: #196B3D;
    font-size: 16px;
    font-weight: 400;
    vertical-align: baseline;
}

table.tbl_recruit1 td{
    box-sizing: border-box;
    padding: 2.28em 0.7em 2.28em 3em;
    font-size: 16px;
    font-weight: 400;
}

table.tbl_recruit1 td.list{
	display: flex;
}


ul.list_recruit{
	margin: 0;
	padding: 0;
}

ul.list_recruit:first-of-type{
	margin: 0 98px 0 0;
}

ul.list_recruit li{
	margin: 0 0 8px 0;
}

@media screen and (max-width: 800px) {
	table.tbl_recruit1 th{
		width: 28%;
		padding: 4.8% 3.1% 4.8% 3.1%;
		line-height: 1.35;
		font-size: min(4vw , 16px);
	}
	
	table.tbl_recruit1 td{
		padding: 3.7% 0 3.7% 4.4%;
		font-size: min(4vw , 16px);
	}
	
	table.tbl_recruit1 td.list{
		display: block;
	}
}

/* --------------- staff --------------- */

.bg_pagettl.staff{
	width: 100%;
	background-image: url(../img/recruit/staff/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.staff{
		padding: 31% 0 0;
		background-image: url(../img/recruit/staff/sp/img_main.jpg);
	}
}

h2.cont_inner_ttl.staff{
	line-height: 1.4;
}

.list_staff1{
	width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.list_staff1 a{
	width: calc((100% - 52px) / 3);
    margin: 0 26px 30px 0;
    padding: 0;
    background-color: #fff;
    display: block;
    border: solid 1px #196B3D;
    overflow: hidden;
}

.list_inner_staff1{
	width: calc((100% - 52px) / 3);
    margin: 0 26px 30px 0;
    padding: 0;
    background-color: #fff;
    display: block;
    border: solid 1px #196B3D;
    overflow: hidden;
}

.list_staff1 a:last-of-type{
	margin: 0 0 30px;
}

.list_inner_staff1:last-of-type{
	margin: 0 0 30px;
}

.list_staff1 a .img{
	margin: 0;
    padding: 0;
    overflow: hidden;
}

.list_inner_staff1 .img{
	margin: 0;
    padding: 0;
    overflow: hidden;
}

.list_staff1 a .img img{
	transition: all .5s;
}

.list_staff1 a:hover .img img{
	transform: scale(1.08);
	opacity: 0.6;
}

.list_staff1 a .img img.pc_none{
	display: none;
}

.list_inner_staff1 .img img.pc_none{
	display: none;
}


.list_staff1 a .txt{
	width: 95%;
    margin: 0 auto;
    padding: 1em 0.2em 1.8em;
    color: #000;
    font-size: min(1.538vw, 18px);
    text-align: center;
    line-height: 1.28;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

.list_inner_staff1 .txt{
	width: 95%;
    margin: 0 auto;
    padding: 1em 0.2em 1.8em;
    color: #000;
    font-size: min(1.538vw, 18px);
    text-align: center;
    line-height: 1.28;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

.list_staff1 a .txt .inner{
	margin: 0 0 20px;
	padding: 0 0 11px;
	font-size: 20px;
	font-weight: 700;
    color: #196B3D;
    border-bottom: solid 1px;
}

.list_inner_staff1 .txt .inner{
	margin: 0 0 20px;
	padding: 0 0 11px;
	font-size: 20px;
	font-weight: 700;
    color: #196B3D;
    border-bottom: solid 1px;
}

.list_staff1 a .txt .inner.small{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	text-align: left;
	border-bottom: none;
}

.list_inner_staff1 .txt .inner.small{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: left;
	border-bottom: none;
}

.inner_box_staff1{
	margin: 0 0 20px;
	padding: 20px 0;
	display: flex;
	align-items: center;
	border: solid 1px #196B3D;
}

.inner_img_staff1{
	width: 100%;
    max-width: 95px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
}

.inner_img_staff1 img{
	max-width: 42px;
}

dl.inner_txt_staff1{
	margin: 0;
	padding: 0;
}

dl.inner_txt_staff1{
	width: calc(100% - 95px);
	margin: 0;
	padding: 10px 10px 0 15px;
	border-left: solid 1px #196B3D;
}

dl.inner_txt_staff1 dt{
	font-size: 20px;
    font-weight: 700;
    color: #196B3D;
}

dl.inner_txt_staff1 dd{
	margin: 0;
	padding: 0;
	font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

dl.inner_txt_staff1 dd.small{
	letter-spacing: -0.08em;
}

.inner_ttl_recruit1{
	margin: 0 0 30px;
	padding: 0 0 0 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #196B3D;
	border-left: solid 8px;
}

.box_career1 {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    position: relative;
    z-index: 0;
    
}

.box_career1:before {
	content: "";
	width: 11px;
	height: 100%;
	background-color: #D9D9D9;
	position: absolute;
	top: 40%;
	left: 24px;
	z-index: -1;
	
}

.box_career1:last-of-type:before {
	display: none;
}


.inner_img_creer1{
	width: 58px;
	height: 92px;
	margin: 0 15px 0 0;
	background-color: #196B3D;
	text-align: center;
}

.inner_img_creer1 img{
	max-width: 43px;
	margin: 20px 0 0;
}


.box_career1 dl{
	width: calc(100% - 68px);
	max-width: 692px;
	margin: 0;
	padding: 0 0 0 0;
	display: flex;
	align-items: center;
	border-bottom: solid 1px #196B3D;
}



.box_career1 dl dt{
	width: 40%;
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	text-align: center;
}

.box_career1 dl dd{
	margin: 0;
	font-size: 14px;
}

ul.list_creer1{
	padding: 0;
}

ul.list_creer1 li{
	padding-left: 10px;
	position: relative;
	font-size: 16px;
}

ul.list_creer1 li:before{
	content: "";
	width: 8px;
	height: 8px;
	background-image: url(../img/recruit/staff/img_circle.svg);
	position: absolute;
	left: 0;
	top: 11px;
	
}

.cont_career1{
	max-width: 586px;
    margin: 0 auto 50px;
}

.cont_txt_career1{
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	line-height: 1.4;
	font-feature-settings: "palt";
}

.wrap_career1{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
}

.wrap_career1:before{
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/recruit/staff/icon_career.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: -35%;
	left: 0;
}

.wrap_img_career1{
	width: calc((100% - 40px) / 5);
	max-width: 107px;
	margin: 0 10px 0 0;
}

.wrap_img_career1:last-of-type{
	margin: 0;
}


.wrap_img_career1 img{
	width: 100%;
}

.bg_career1{
	max-width: 983px;
    margin: 0 auto 83px;
    padding: 33px 20px;
    background-color: #F2F2F2;
}

.bg_inner_career1{
	max-width: 935px;
	margin: 0 auto;
}

.bg_ttl_career1{
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	text-align: center;
	position: relative;
	z-index: 0;
}

.bg_ttl_career1:before{
	content: "";
	width: 25%;
	max-width: 256px;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: -1;
}

.bg_ttl_career1:after{
	content: "";
	width: 25%;
	max-width: 256px;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 17px;
	right: 0;
	z-index: -1;
}

.bg_wrap_career1{
	width: 100%;
    display: flex;
    justify-content: center;
}

.bg_cont_career1{
	width: calc((100% - 45px) / 4);
    margin: 0 15px 0 0;
    padding: 35px 15px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    line-height: 1.7;
}

.bg_cont_career1:last-of-type{
	margin: 0 0 0 0;
}

.box_txt_apply1{
	margin: 0 0 40px;
	padding: 0 0 0 20px;
}

a.btn1.recruit{
	width: 100%;
    max-width: 373px;
    margin: 0 0 0 20px;
    padding: 23px;
    border: solid 1px #196B3D;
    box-sizing: border-box;
    display: block;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
}

a.btn1.recruit:hover{
	background-color: #196B3D;
	color: #fff;
}

@media screen and (max-width: 800px) {
	.col_sub.recruit{
		padding: 10% 0 13%;
	}
	
	.box_img_ttl.recruit{
		width: 40%;
		max-width: 177px;
		margin: 0 auto 0 0;
	}
	
	.box_staff1{
		padding: 0;
	}
	
	.list_staff1{
		display: block;
	}
	
	.list_staff1 a{
		width: 100%;
		margin: 0 0 30px;
		display: flex;
	}
	
	.list_inner_staff1{
		width: 100%;
		margin: 0 0 30px;
		display: flex;
	}
	
	.list_staff1 a .img{
		width: 38%;
		margin: 0 1.5em 0 0;
	}
	
	.list_inner_staff1 .img{
		width: 38%;
		margin: 0 1.5em 0 0;
	}
	
	.box_career1{
		margin: 0;
	}
	
	.box_career1 dl{
		display: block;
		padding: 5.2vw 0 8.5vw;
	}
	
	.box_career1 dl.first{
		border-top: solid 1px #196B3D;
	}
	
	
	.box_career1 dl dt{
		width: 100%;
		text-align: left;
	}
	
	
	
	ul.list_creer1{
		padding: 0 0 0 0;
	}
	
	ul.list_creer1 li::marker{
		font-size: 17px;
	}
	
	.bg_wrap_career1{
		flex-wrap: wrap;
	}
	
	.bg_ttl_career1:before{
		display: none;
	}
	
	.bg_ttl_career1:after{
		display: none;
	}
	
	.bg_cont_career1{
		width: calc((100% - 15px) / 2);
		margin: 0 15px 15px 0;
	}
	
	.bg_cont_career1:nth-of-type(2n){
		margin: 0 0 15px;
	}
	
	a.btn1.recruit{
		width: calc(100% - 20px);
		margin: 0 auto 0 20px;
		font-size: min(21px , 5vw);
	}
	
	.box_career1:last-of-type dl{
		border-bottom: none;
	}
	
	.list_staff1 a .txt .inner.small{
		line-height: 1.7;
	}
	
	.list_inner_staff1 .txt .inner.small{
		line-height: 1.7;
	}
	
	.box_career1:last-of-type:before {
		display: block;
		height: 50%;
	}
	
	.bg_ttl_career1{
		margin: 0 0 5vw;
		line-height: 1.4;
	}
	
	.bg_career1{
		margin: 0 auto 11vw;
		padding: 33px 20px 20px;
	}
	
	.box_recruit1.requirements{
		padding: 10% 0 12%;
	}
	
	.inner_recruit1.requirements{
		margin: 0 auto;
	}
	
	.box_recruit1.apply{
		padding: 10% 0 0;
	}
	
	.box_txt_apply1{
		margin: 0 0 20px;
	}
	
	
}

@media screen and (max-width: 720px) {
	.list_staff1 a .img img.pc_none{
		width: 100%;
		display: block;
	}
	
	.list_inner_staff1 .img img.pc_none{
		width: 100%;
		display: block;
	}
	
	.list_staff1 a .img img.sp_none{
		display: none;
	}
	
	.list_inner_staff1 .img img.sp_none{
		display: none;
	}
	
	.list_staff1 a .txt{
		width: 62%;
		text-align: left;
		padding: 4em 2em 1.8em 0;
	}
	
	.list_inner_staff1 .txt{
		width: 62%;
		text-align: left;
		padding: 4em 2em 1.8em 0;
	}
}

@media screen and (max-width: 500px) {
	.cont_txt_career1{
		font-size: min(20px , 5vw);
	}
	
	.list_staff1 a .txt .inner{
		font-size: min(20px , 5vw);
		margin: 0 0 10px;
		padding: 0 0 0.5em;
	}
	
	.list_inner_staff1 .txt .inner{
		font-size: min(20px , 5vw);
		margin: 0 0 10px;
		padding: 0 0 0.5em;
	}
	
	.list_staff1 a .img{
		width: 43%;
		margin: 0 0.6em 0 0;
	}
	
	.list_inner_staff1 .img{
		width: 43%;
		margin: 0 0.6em 0 0;
	}
	
	.list_staff1 a .txt{
		padding: 3em 2em 1.8em 0;
	}
	
	.list_inner_staff1 .txt{
		padding: 3em 2em 1.8em 0;
	}
	
	dl.inner_txt_staff1 dt{
		margin: 0 0 10px;
		line-height: 1.4;
	}	
	
	.list_inner_staff1 .txt .inner.small{
		font-size: 14px;
	}
	
}

/* --------------- en/staff --------------- */

h2.cont_inner_ttl.recruit1.en{
	font-size: 20px;
}

.bg_ttl_career1.en:before{
	width: 15%;
}

.bg_ttl_career1.en:after{
	width: 15%;
}

.bg_cont_career1.en{
	display: flex;
    justify-content: center;
    align-items: center;
}

.cont_txt_career1.en{
	font-size: 18px;
	margin: 0 0 20px;
}

.box_career1.en dl dd{
	width: 60%;
}

@media screen and (max-width: 800px) {
	.box_career1.en dl dd{
		width: 100%;
	}
	
	
}

@media screen and (max-width: 500px) {
	.bg_wrap_career1.en{
		display: block;
	}
	
	.bg_cont_career1.en{
		width: 100%;
	}
	
}

@media screen and (max-width: 450px) {
	.list_inner_staff1.en{
		align-items: center;
	}
}

/* --------------- office --------------- */

.bg_pagettl.office{
	width: 100%;
	background-image: url(../img/recruit/office/img_main.jpg);
    background-repeat: no-repeat;
    color: #fff;
}

@media screen and (max-width: 800px) {
	.bg_pagettl.office{
		padding: 35% 0 0;
		background-image: url(../img/recruit/office/sp/img_main.jpg);
	}
}


.inner_recruit1.features{
	max-width: 988px;
}

.inner_recruit1.accounting{
	width: 100%;
	max-width: 1014px;
	margin: 0 auto 35px;
	border-bottom: dotted 1px #000;
}

.wrap_office1{
	margin: 0 0 47px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.wrap_office1:before{
	content: "";
	width: 9px;
	height: 100%;
	background-color: #196B3D;
	position: absolute;
	top: 0;
	right: 0;
}

.wrap_office1:last-of-type{
	margin: 0 0 125px;
}

.wrap_office1:last-of-type:before{
	content: "";
	width: 9px;
	height: 100%;
	background-color: #196B3D;
	position: absolute;
	top: 0;
	left: 0;
}

.img_office1{
	max-width: 332px;
	margin: 0 30px 0 0;
	
}

.img_office1:last-of-type{
	margin: 0 0 0 30px;
}

.img_office1 img{
	width: 100%;
}

.txt_office1{
	width: calc(100% - 362px);

}

.wrap_office1:last-of-type .txt_office1{
	padding: 8px 0;
}

.txt_office1 dl{
	margin: 0;
	padding: 0;
}



.txt_office1 dl dt{
	margin: 0 0 25px;
	padding: 0 0 15px 25px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	color: #196B3D;
	border-bottom: solid 1px #196B3D;
}

.wrap_office1:last-of-type .txt_office1 dl dt{
	margin: 0 0 17px;
}


.txt_office1 dl dt span.small{
	font-size: 20px;
	line-height: 1.7;
	font-feature-settings: "palt";
}


.txt_office1 dl dd{
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 16px;
}

ul.list_office1{
	padding: 0;
	
}

ul.list_office1 li{
	padding: 0 10px;
	position: relative;
}

ul.list_office1 li:before{
	content: "";
	width: 8px;
	height: 8px;
	background-image: url(../img/recruit/staff/img_circle.svg);
	position: absolute;
	left: 0;
	top: 11px;
	
}


.box_office1{
	width: 100%;
	max-width: 1014px;
	margin: 0 auto 50px;
	padding: 23px 0;
    background-color: #196B3D;
    color: #fff;
    position: relative;
}

.box_office1:after{
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #21643a;
}



.box_office2{
	width: 100%;
	max-width: 1014px;
	margin: 0 auto 67px;
	padding: 23px 0;
    background-color: #196B3D;
    color: #fff;
    position: relative;
}

.box_office2:after{
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #21643a;
}
.box_ttl_office1{
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}


.box_ttl_office1 span.small{
	font-size: 16px;
	font-weight: 400;
}

.box_wrap_office1{
	max-width: 984px;
    margin: 0 auto 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box_wrap_office2{
	max-width: 984px;
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.cont_office1{
	width: calc((100% - 17px) / 2);
	margin: 0 15px 20px 0;
	border: solid 1px #196B3D;
	display: flex;
	align-items: center;
}

.cont_office1:nth-of-type(2n){
	margin: 0 0 20px;
}



.img_cont_office1{
	width: 45%;
	max-width: 200px;
	margin: 0 13px 0 0;
}

.img_cont_office1 img{
	width: 100%;
}

.txt_cont_office1{
	width: calc(100% - 41%);
	text-align: center;
	padding: 0 13px 0 0;
}

.txt_main_office1{
	font-size: min(2vw , 18px);
	font-weight: 700;
	color: #196B3D;
	line-height: 1.4;
	font-feature-settings: "palt";
}


.cont_charm1{
	width: calc((100% - 17px) / 2);
	margin: 0 15px 20px 0;
	padding: 20px 20px;
	border: solid 1px #196B3D;
}

.cont_charm1:nth-of-type(2n){
	margin: 0 0 20px;
}

.cont_above_charm1{
	margin: 0 0 10px;
	padding: 0 0 15px;
	border-bottom: solid 1px #196B3D;
	display: flex;
	align-items: center;
}

.cont_img_charm1{
	max-width: 45px;
}

.cont_charm1:first-of-type .cont_img_charm1{
	max-width: 37px;
}
.cont_img_charm1 img{
	width: 100%
}

.cont_txt_charm1{
	padding: 0 0 0 20px;
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	line-height: 1.3;
	font-feature-settings: "palt";
}

.cont_under_charm1{
	padding: 0 0 0 4.3em;
}

.cont_charm1:first-of-type .cont_under_charm1{
	padding: 0 0 0 3.8em;
}

.bg_suitability1{
	max-width: 983px;
    margin: 0 auto 143px;
    padding: 40px 20px;
    background-color: #F2F2F2;
}

.bg_suitability2{
	max-width: 983px;
    margin: 0 auto 98px;
    padding: 40px 20px;
    background-color: #F2F2F2;
}


.bg_inner_suitability1{
	max-width: 935px;
	margin: 0 auto;
}

.bg_ttl_suitability1{
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: #196B3D;
	text-align: center;
	position: relative;
	z-index: 0;
}

.bg_ttl_suitability1:before{
	content: "";
	width: 35%;
	max-width: 295px;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: -1;
}

.bg_ttl_suitability1:after{
	content: "";
	width: 35%;
	max-width: 295px;
	height: 1px;
	background-color: #196B3D;
	position: absolute;
	top: 17px;
	right: 0;
	z-index: -1;
}

.bg_wrap_suitability1{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.bg_cont_suitability1{
	width: calc((100% - 45px) / 5);
    margin: 0 15px 0 0;
    padding: 25px 15px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.6;
}

.bg_cont_suitability1:last-of-type{
	margin: 0 0 0 0;
}


.bg_cont_suitability2{
	width: calc((100% - 45px) / 4);
    margin: 0 15px 0 0;
    padding: 35px 15px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    display: flex;
	justify-content: center;
	align-items: center;
}

.bg_cont_suitability2:last-of-type{
	margin: 0 0 0 0;
}

@media screen and (max-width: 800px) {
	.box_recruit1.office{
		padding: 8% 0 0;
	}
	
	.wrap_office1{
		margin: 0 0 5vw;
		padding: 10px 0;
		display: grid;
		justify-content: flex-start;
	}
	
	.wrap_office1:last-of-type{
		margin: 0 0 11vw;
	}
	
	.wrap_office1:before{
		width: 8px;
		left: 0;
	}
	
	.wrap_office1:last-of-type:before{
		width: 8px;
	}
	
	.box_wrap_office1{
		margin: 0 auto 6vw;
	}
	
	.box_wrap_office2{
		margin: 0 auto 4vw;
	}
	
	
	.inner_recruit1.accounting{
		margin: 0 auto;
	}
	
	.img_office1{
		width: 70%;
		margin: 0;
		padding: 0 0 0 25px;
		order: 2;
	}
	
	.txt_office1{
		width: 100%;
	}
	
	.bg_wrap_suitability1{
		flex-wrap: wrap;
	}
	
	.bg_cont_suitability1{
		width: calc((100% - 15px) / 2);
		margin: 0 15px 15px 0;
	}
	
	.bg_cont_suitability1:nth-of-type(2n){
		margin: 0 0 15px;
	}
	
	.bg_cont_suitability1:last-of-type{
		width: 100%;
	}
	
	.bg_cont_suitability2{
		width: calc((100% - 15px) / 2);
		margin: 0 15px 15px 0;
	}
	
	.bg_cont_suitability2:nth-of-type(2n){
		margin: 0 0 15px;
	}
	
	.txt_office1 dl dd{
		margin: 0 0 15px;
		font-size: min(4.8vw , 16px);
	}
	
	.box_ttl_office1{
		font-size: min(28px, 6vw);
	}
	
	.box_ttl_office1 span.small{
		font-size: min(14px, 4vw);
	}
	
	.txt_main_office1{
		font-size: min(18px, 4.9vw);
	}
	
	.bg_ttl_suitability1{
		font-size: min(20px, 5.5vw);
	}
	
	.bg_ttl_suitability1:before{
		width: 30%;
	}
	
	.bg_ttl_suitability1:after{
		width: 30%;
	}
	
	.bg_suitability1{
		margin: 0 auto 13vw;
	}
	
	.bg_suitability2{
		margin: 0 auto 13vw;
	}
	
	.cont_under_charm1{
		padding: 0;
	}
	
	.cont_charm1:first-of-type .cont_under_charm1{
		padding: 0;
	}
	
	.cont_txt_charm1{
		border-left: solid 1px;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
	}
	
	.box_office1{
		margin: 0 auto 7vw;
	}
	
	
	.box_office2{
		margin: 0 auto 7vw;
	}
	
}

@media screen and (max-width: 720px) {
	.cont_office1{
		width: 100%;
		margin: 0 0 4.2vw;
	}
	
	.cont_office1:nth-of-type(2n){
		margin: 0 0 4.2vw;
	}
	
	.txt_cont_office1{
		width: 100%;
	}
	
	.cont_charm1{
		width: 100%;
		margin: 0 0 20px;
	}
	
	.cont_above_charm1{
		border-bottom: none;
	}
	
	
	
	
	
}

@media screen and (max-width: 650px) {
	.bg_ttl_suitability1:before{
		width: 25%;
	}
	
	.bg_ttl_suitability1:after{
		width: 25%;
	}
	
}

@media screen and (max-width: 540px) {
	h2.cont_inner_ttl.recruit2.staff{
		font-size: min(6vw , 23px);
	}
	
	.txt_office1 dl dt{
		font-size: min(6vw , 23px);
	}
	
	.txt_office1 dl dt span.small{
		font-size: min(5vw , 18px);
	}
	
	
}

@media screen and (max-width: 500px) {
	.bg_ttl_suitability1:before{
		width: 20%;
	}
	
	.bg_ttl_suitability1:after{
		width: 20%;
	}
}



@media screen and (max-width: 450px) {


	.txt_cont_office1{
		font-size: 14px;
		line-height: 1.2;
	}
	
	.cont_txt_charm1{
		font-size: 19px;
	}
	
	.bg_ttl_suitability1:before{
		width: 10%;
	}
	
	.bg_ttl_suitability1:after{
		width: 10%;
	}
	
	h2.cont_inner_ttl.recruit2{
		font-size: 23px;
	}
	
}


/* --------------- en/office --------------- */

h2.cont_inner_ttl.recruit2.staff.en{
	line-height: 1.8;
}

.bg_ttl_suitability1.en:before{
	width: 25%;
}

.bg_ttl_suitability1.en:after{
	width: 25%;
}