@charset "utf-8";

/* ************************************************ 
*	職場体験フォーム
* ************************************************ */
.jobtrial-box {
margin: 200px auto 0 auto;
padding: 0 0 0 0;
width:75%;
}
.jobtrial-red {
color: #c20018;
}
.jobtrial-text {
margin: 3px 0 0 0;
padding: 0;
}
.select-box {
margin: 0 0 15px 0;
padding: 0;
}
.select-box2 {
margin: 5px 0 5px 0;
padding: 0;
}
.radio-box {
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 180%;
}
table.entry {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}

table.entry th {
font-weight: normal;
text-align: left;
padding: 10px;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
width:28%;
background-color:#efefef;
}

table.entry td {
text-align: left;
padding: 10px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
}
.width70{
width: 70%!important;
}
.width60{
width: 60%!important;
}
.width50{
width: 50%!important;
}
.width38{
width: 38%!important;
}
.width35{
width: 35%!important;
}
.width30{
width: 30%!important;
}
.width25{
width: 25%!important;
}
.width20{
width: 20%!important;
}
.width10{
width: 10%!important;
}
.width5{
width: 5%!important;
}

.trial-btn {
margin: 0 auto;
padding: 0;
text-align:center;
}
.trial-btn a{
background-color:#fff;
border: 1px solid #333;
display: block;
margin: 50px auto 50px auto;
text-decoration: none;
padding: 10px;
font-size:18px;
line-height: 210%;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.trial-btn a:hover{
color: #fff;
background-color:#000;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.trial-btn-back {
margin: 0 auto;
padding: 0;
text-align:center;
}
.trial-btn-back a{
background-color:#999;
color: #fff;
display: block;
margin: 50px auto 50px auto;
padding: 10px;
font-size:18px;
line-height: 210%;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.trial-btn-back a:hover{
color: #fff;
background-color:#ccc;
}

.btn_box{
	display: flex;
	justify-content: center;
	margin-top:2em;
}

.kiyaku-box input[type=checkbox] {
  transform: scale(1.6);
}
.kiyaku-box {
    padding: 8px 5px 8px 20px;
    margin: 2em 0;
    margin-left:0.7em;
    color: #565656;
    background: #a0ddd4;
    box-shadow: 0px 0px 0px 10px #a0ddd4;
    border: dashed 2px #FCFEFE;
    border-radius: 8px;
    font-size:16px;
    text-align:center;
    width: 85%;
}
.kiyaku-box p {
   margin: 0; 
   padding: 0;
}

.reglink-inner {
margin: 0 auto;
padding: 0 0 120px 0;
width: 650px;
max-width: 90%;
}
.reglink {
margin: 0 auto;
padding: 0;
text-align:center;
background-color:#fff;
border: 1px solid #333;
width: 400px;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.reglink a{
color: #333;
display: block;
padding: 10px 0 11px 0;
line-height: 200%;
text-decoration: none;
font-size: min(2vw,18px);
}
.reglink a:hover{
color: #fff;
background-color:#000;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}



/* ************************************************ 
*   フォーム
* ************************************************ */
.form-box-inner {
margin: 0 auto 120px auto;
padding: 100px 60px;
width: calc(1000px - 120px);
max-width: 90%;
background-color: #fff;
border-radius: 40px;
}
.form-box-inner__titlebox{
text-align: center;
margin: 0 auto;
padding: 30px 0 15px 0;
}
.form-box-inner h3{
font-size: min(2.9vw,29px);
font-weight: 500;
text-align: center;
position: relative;
display: inline-block;
padding: 0 65px;
}
.form-box-inner h3:before,
.form-box-inner h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 4px;
}
.form-box-inner h3:before {
  left:0;
  background-color: #c5bede;
}
.form-box-inner h3:after {
  right: 0;
  background-color: #f3d0e2;
}

.form-box-inner p{
font-size: min(2.1vw,18px);
line-height: 1.8;
}
.formlink,
.formlink2 {
margin: 0 auto 50px auto;
padding: 0;
text-align:center;
width: 50%;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}

.formlink2 a{
color: #000;
font-size: min(2.4vw,24px);
text-decoration: none;
display: block;
height: 100px;
padding: 0;
align-content: center;
background-color:#fff;
border: 2px solid #333;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}

.formlink2 a:hover{
color: #fff;
background-color:#796bae;
border: 2px solid #796bae;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.formlink2 a::after{
position:relative;
top: 0;
right: -20px;
content:"";
display:inline-block;
width:8px;
height:16px;
background:url("../images/arrow.svg") no-repeat;
background-size:contain;
}
.formlink2 a:hover::after{
position:relative;
top: 0;
right: -20px;
content:"";
display:inline-block;
width:8px;
height:16px;
background:url("../images/arrow_mo.svg") no-repeat;
background-size:contain;
}


.entry-box__title {
margin: 0;
padding: 0;
font-size: min(2.1vw,21px);
font-weight: 500;
}
.th-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.entry-red {
color: #c20018;
padding: 0;
margin: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.entry-must-red {
color: #c20018;
border: 1px solid #c20018;
padding: 0 15px;
margin: 0 0 0 15px;
display: flex;
justify-content: flex-end;
align-items: center;
align-content: center;
}


/* select box */
.selectbox-6 {
    position: relative;
}

.selectbox-6::before,
.selectbox-6::after {
    position: absolute;
    right: 15px;
    width: 9px;
    height: 6px;
    background-color: #535353;
    content: '';
    pointer-events: none;
}

.selectbox-6::before {
    top: calc(50% - 9px);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.selectbox-6::after {
    bottom: calc(50% - 9px);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.selectbox-6 select {
    appearance: none;
    min-width: 100px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}




/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.terms-box { padding: 70px 0 0 0; }
.kiyaku-box { padding: 0 0 50px 0; }
.kiyakulink-inner { padding: 0 0 100px 0; }

.formlink2 a{
height: 80px;
}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.kiyaku-box { padding: 0 0 40px 0; }
.kiyaku-box p { font-size: 4vw; }
.midashi-title { font-size: 5vw; }
.kiyakulink-inner { padding: 0 0 50px 0; }
.kiyakulink { width: 100%; }
.kiyakulink-no {
width: 100%;
margin: 0 0 25px 0;
}
.kiyakulink a,
.kiyakulink-no a{ font-size: 4.5vw; }



.formlink,
.formlink2 {
margin: 0 auto 30px auto;
width: 100%;
}
.formlink a {
font-size: 5vw;
height: 80px;
line-height: 1.5;
}
.formlink a::after {
top: -12px;
right: -35px;
width: 8px;
height: 16px;
}
.formlink2 a {
font-size: 5vw;
height: 70px;
}
.formlink2 a::after {
top: 3px;
right: -10px;
width: 8px;
height: 16px;
}

.entry-box__title {
margin: 0;
padding: 0;
font-size: min(10.1vw,24px);
font-weight: 500;
}


.terms-box { padding: 20px 0 50px 0; }
.terms-box__leadtext{
padding: 20px 0 0 0;
font-size: 4.5vw;
text-align: left;
}
.entry-box p{ font-size: 4.5vw; }



table.entry {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}


table.entry th {
display:block;
width: 96%;
padding: 10px 2%;
border-bottom: none;
text-align:left;
font-weight:bold;
font-size: 4vw; 
}
table.entry td {
display:block;
width: 96%;
padding: 10px 2%;
font-size: 4vw;
}
table.entry2 th {
display:block;
width: 96%;
padding: 10px 2%;
border-bottom: none;
text-align:left;
font-weight:bold;
font-size: 4vw; 
}
table.entry2 td {
display:block;
width: 96%;
padding: 10px 2%;
font-size: 4vw;
}
table.entry2 td:first-child {
width:96%;
padding: 10px 2% 0 2%;
border-bottom: none;
}
.entrylink-box { text-align:left; }
.entrylink-box a{ font-size: 4vw; }
.entrylink { width: 100%; }
.entrylink a{ font-size: 4.5vw; }





}