.pc { display: block; }
.sp { display: none;}

#section1 .box1{ background:url(../images/common/images/common_bg2.png); background-size:100%; background-position:center;}
#section1 .box1 h2{ color:#000;}
#section1 .box3{background:url(../images/common/images/common_bg3.png); background-size:cover;}
#section2 .box1 .number_box{background:url(../images/common/images/common_bg3.png); background-size:cover;}
#section2 .box2 .txt1{ background:url(../images/staff/images/staff1_1.png); background-size:100% 100%; color:#fa611d;}
#section2 .box3 { background:#EFF9F3;}
#section2 .staff2 .box2 { background:#EFF9F3;}
#section2 .staff2 .box3 { background:#fff;}
#section2 .box3 .txt1{ background:url(../images/staff/images/staff1_2.png); background-size:100% 100%; color:#fa611d;}
#section2 .box5{background:url(../images/common/images/common_bg4.png); background-size:cover;}
#section2 .box6 { background:#EFF9F3;}
#section2 .box6 .inbox { background:#fff;}
#section2 .box6 h3{ text-align:center;}
#section2 .box7 .txt1{ background:url(../images/staff/images/staff1_1.png); background-size:100% 100%; color:#fa611d;}
#section2 .box8{background:url(../images/common/images/common_bg2.png); background-size:100%; background-position:center;}
#section2 .box8 p{ text-align:center; color:#000;}
#section2 .box9 { background:#EFF9F3;}
#section2 .box9 .inbox { background:#fff;}
#section2 .box9 h3{ text-align:center;}
#section2 .box9 .inbox li{ font-weight:300;}
#section3 .box1 p{ color:#13a73d; text-align:center;}
#section4 .box1{background:url(../images/common/images/common_bg3.png); background-size:cover;}
#section5 .box1{background:url(../images/common/images/common_bg4.png);}


.pc_body #section1 .box1 .inbox1{ width:1020px; margin:auto;}
.pc_body #section1 .box1 .inbox1 h2{ width:620px; float:left; font-size:42px; height:200px;display:flex;align-items: center;justify-content: center;}
.pc_body #section1 .box1 .inbox1 img{ width:400px; float:left;}
.pc_body #section2 .box1{ width:100%; margin:80px auto 0; position:relative; max-width:1350px;}
.pc_body #section2 .box1 h2{ width:590px; margin:auto; padding-left:430px; font-size:28px; padding-bottom:40px;}
.pc_body #section2 .box1 .number_box{ box-shadow:7px 7px 8px rgba(153,153,153,0.70); width:40vw; height:42vw; position:absolute; left:0; top:0; display:block; max-width:510px; max-height:430px; min-width:420px; min-height:420px;}
.pc_body #section2 .box1 .number_box img{ position:absolute;top:10%; right:20%; width:40%}
.pc_body #section2 .box1 .number_box p{ position:absolute;top:50%; right:20%; font-size:18px; text-align:right;}
.pc_body #section2 .box1 .number_box p .s1{ font-size: 42px;}
.pc_body #section2 .box1 .number_box p .s2{ font-size: 18px; color:#fa611d}
.pc_body #section2 .box1 .number_box p .s3{ font-size: 24px;}
.pc_body #section2 .box1 .number_box p .s4{ font-size: 14px;}
.pc_body #section2 .staff3 .box1 .number_box p .s4{ display:block;}
.pc_body #section2 .box1 .imgbox{ height:424px; width:calc(50% + 260px); margin-left:auto; display:block; overflow:hidden;}
.pc_body #section2 .box1 .imgbox img{ width:100%;}
.pc_body #section2 .box2{ margin:150px auto 150px;}
.pc_body #section2 .box2 .txt1{  width:580px; height:118px; font-size:21px; padding-left:110px; padding-top:30px; position:absolute; top:-60px; left:0;}
.pc_body #section2 .box2 .inbox{ width:900px; margin:auto; position:relative; padding-top:100px;}
.pc_body #section2 .box2 .inbox img{ width:350px; float:left;}
.pc_body #section2 .box2 .txt2{ font-size:18px; width:500px; padding-left:50px; float:left;}
.pc_body #section2 .box3{ margin:150px auto 150px;}
.pc_body #section2 .box3 .txt1{  width:510px; height:103px; font-size:21px; padding-left:180px; padding-top:45px; position:absolute; top:-60px; right:0;}
.pc_body #section2 .box3 .inbox{ width:900px; margin:auto; position:relative; padding-top:100px;}
.pc_body #section2 .box3 .inbox img{ width:350px; float:right;}
.pc_body #section2 .box3 .txt2{ font-size:18px; width:500px; padding-left:50px; float:right;}
.pc_body #section2 .staff2 .box3 .txt2{ float:left;}
.pc_body #section2 .box4 {width:900px; margin:auto; position:relative; margin-top:-100px; padding-bottom:50px;}
.pc_body #section2 .box4 p{font-size:18px; width:500px; padding-left:50px;}
.pc_body #section2 .box5 .inbox{ width:1020px; margin:auto; position:relative; height:290px;}
.pc_body #section2 .box5 img{ position:absolute; right:0; bottom:0; width:336px;}
.pc_body #section2 .box5 .txt1{ font-size:28px; padding-top:30px; padding-left:1em;}
.pc_body #section2 .box5 .txt2{ font-size:21px; left:395px; border-left:solid 4px #13a73d; padding-left:30px; bottom:0; padding-bottom:40px; position:absolute;}
.pc_body #section2 .box6{ padding:40px 0;}
.pc_body #section2 .box6 .inbox{ padding:40px 20px; width:820px; margin:auto;}
.pc_body #section2 .box6 .inbox h3{ font-size:21px; padding-bottom:10px; border-bottom: solid 2px #13a73d; width:100%;}
.pc_body #section2 .box6 .inbox ul{ width:500px; margin:auto; padding:30px 0 0;}
.pc_body #section2 .box6 .inbox li{ font-size:18px;}
.pc_body #section2 .box6 .inbox li .s1{ font-size:18px; margin-left:4.5em;}
.pc_body #section2 .box6 .inbox li .s2{ font-size:18px;}
.pc_body #section2 .box7{ margin:150px auto 150px;}
.pc_body #section2 .box7 .txt1{  width:580px; height:103px; font-size:21px; padding-left:110px; padding-top:45px; position:absolute; top:-60px; left:0;}
.pc_body #section2 .box7 .inbox{ width:900px; margin:auto; position:relative; padding-top:100px;}
.pc_body #section2 .box7 .txt2{ font-size:18px; width:500px; padding-left:50px; float:left;}
.pc_body #section2 .box8 p{ padding:40px 0; font-size:28px;}
.pc_body #section2 .box9{ padding:40px 0; }
.pc_body #section2 .box9 .txt1{ padding:20px 0; width:320px; padding-left:10px; font-size:18px;}
.pc_body #section2 .box9 .txt2{ padding:10px 0 10px 40px; border-left:solid 2px #13a73d; width:290px; font-size:18px;}
.pc_body #section2 .box9 .inbox{ padding:40px 20px; width:820px; margin:auto; position:relative;}
.pc_body #section2 .box9 .inbox h3{ font-size:21px; padding-bottom:10px; border-bottom: solid 2px #13a73d; width:100%;}
.pc_body #section2 .box9 .inbox ul{ width:500px; padding:30px 0 0; position:absolute; right:0; top:70px;}
.pc_body #section2 .box9 .inbox li{ font-size:18px;}
.pc_body #section2 .box9 .inbox li .s1{ font-size:18px; margin-left:4.5em;}
.pc_body #section2 .box9 .inbox li .s2{ font-size:18px;}



.pc_body #section3{ padding-bottom:40px;}
.pc_body #section3 .box1{ padding-top:40px;}
.pc_body #section3 .box1 .inbox{ padding:70px 25px 0; position:relative; width:918px; margin:auto;}
.pc_body #section3 .box1 .img1{ position:absolute; top:30px; left:0; width:430px;}
.pc_body #section3 .box1 .img2{ width:100%;}
.pc_body #section3 .box1 p{ padding:40px 0; font-size:28px;}
.pc_body #section4 .box1 { padding:40px 0;}
.pc_body #section4 .box1 .txt1{ text-align:center; font-size:28px; padding:40px 0 0;}
.pc_body #section4 .box1 .inbox1 { width:450px; height:32px; display:flex;align-items: center;justify-content: center; margin: 30px auto;}
.pc_body #section4 .box1 .inbox1 h3{ background:#13a73d; color:#000; width:120px; height:32px; display:flex;align-items: center;justify-content: center; font-size:18px;}
.pc_body #section4 .box1 .inbox1 a{ font-size:32px; color:#13a73d;  height:32px;  margin-left:1em; display:flex;align-items: center;justify-content: center;}
.pc_body #section5 .box1 .imgbox1{ width:calc(50% - 263px); float:left; position:relative; overflow:hidden; height:370px;}
.pc_body #section5 .box1 .imgbox2{ width:calc(50% - 263px); float:left; position:relative; overflow:hidden; height:370px;}
.pc_body #section5 .box1 .imgbox1 img{ position:absolute; top:0; right:0; width:100%; min-width:516px;}
.pc_body #section5 .box1 .imgbox2 img{ position:absolute; top:0; left:0; width:100%; min-width:516px;}
.pc_body #section5 .box1 .txtbox{ width:526px; float:left; padding-bottom:200px;}
.pc_body #section5 .box1 .txtbox img{ height:89px; margin:auto; display:block; padding:30px 0;}
.pc_body #section5 .box1 .txtbox h2{ text-align:center; color:#fa611d; font-size:39px;}
.pc_body #section5 .box1 .txtbox p{ font-size:19px; text-align:center; padding-bottom:40px;}
.pc_body #section5 .box1 .txtbox a{ margin:auto;}

.sp_body #link2{ bottom:15vw;}
.sp_body #section1 .box1 .inbox1{ width:100%; margin:auto;}
.sp_body #section1 .box1 .inbox1 h2{ width:95%; padding:5vw 0; text-align:center; font-size:7vw;}
.sp_body #section1 .box1 .inbox1 img{ width:100%;}
.sp_body #section2 .box1{ width:100%; margin:10vw auto 0; position:relative;}
.sp_body #section2 .box1 h2{ width:90%; margin:auto; font-size:5vw; padding-bottom:10vw; padding-top:48vw;}
.sp_body #section2 .box1 .number_box{ box-shadow:2vw 2vw 2.2vw rgba(153,153,153,0.70); width:40vw; height:42vw; position:absolute; left:0; top:0; display:block;}
.sp_body #section2 .box1 .number_box img{ position:absolute; top:0; left:0; width:100%;}
.sp_body #section2 .box1 .number_box p{ position:absolute; top:5vw; right:5vw; font-size:3vw; text-align:right; line-height:1.2; padding:0; margin:0;}
.sp_body #section2 .box1 .number_box p .s1{ font-size: 6vw; line-height:1; padding:0;}
.sp_body #section2 .box1 .number_box p .s2{ font-size: 3.5vw; color:#fa611d; line-height:1;}
.sp_body #section2 .box1 .number_box p .s3{ font-size: 3.5vw;}
.sp_body #section2 .box1 .number_box p .s4{ font-size: 2.5vw; display:block; position:absolute; right:0; bottom:-4vw;}
.sp_body #section2 .staff3 .box1 .number_box p .s4{bottom:-4vw; right:-2vw; width:40vw;}
.sp_body #section2 .box1 .imgbox { position:absolute; top:5vw; right:0; width:calc(100% - 30vw); height:35vw; z-index:-1;}
.sp_body #section2 .box1 .imgbox img{ width:100%;} 
.sp_body #section2 .box2{ margin:10vw auto 10vw;}
.sp_body #section2 .box2 .txt1{  width:calc(100% - 12vw); height:17vw; font-size:3.3vw; padding-left:12vw; padding-top:5vw; position:absolute; top:-10vw; line-height:1.0;}
.sp_body #section2 .box2 .inbox{ width:90%; margin:auto; position:relative; padding-top:15vw;}
.sp_body #section2 .box2 .inbox img{ width:40vw; float:left;}
.sp_body #section2 .staff2 .box2 .inbox img{ width:35vw; padding:0 5vw 5vw 0;}
.sp_body #section2 .staff3 .box2 .inbox img{ width:35vw; padding:0 5vw 5vw 0;}
.sp_body #section2 .box2 .txt2{ font-size:4vw;}
.sp_body #section2 .box3{ margin:15vw auto 10vw;}
.sp_body #section2 .box3 .txt1{  width:calc(100% - 23vw); height:15vw; font-size:3.3vw; padding-left:23vw; padding-top:7vw; position:absolute; top:-10vw; line-height:1.0;}
.sp_body #section2 .box3 .inbox{ width:90%; margin:auto; position:relative; padding:15vw 0 5vw;}
.sp_body #section2 .box3 .inbox img{ width:40vw; float:right;}
.sp_body #section2 .staff3 .box3 .inbox img{ width:35vw; padding:0 0vw 5vw 5vw;}
.sp_body #section2 .box3 .txt2{ font-size:4vw;}
.sp_body #section2 .box4 {width:90%; margin:auto; padding-bottom:10vw;}
.sp_body #section2 .box4 p{font-size:4vw;}
.sp_body #section2 .box5 .inbox{ width:95%; margin:auto;}
.sp_body #section2 .box5 img{ width:30vw; float:right;}
.sp_body #section2 .box5 .txt1{ font-size:5vw; padding-top:30px; width:100%;}
.sp_body #section2 .box5 .txt2{ font-size:3vw; border-left:solid 2vw #13a73d; padding-left:2em; bottom:0; padding-bottom:2em; margin-top:2em;}
.sp_body #section2 .box6{ padding:10vw 2vw;}
.sp_body #section2 .box6 .inbox{ padding:10vw 2vw;}
.sp_body #section2 .box6 .inbox h3{ font-size:5vw; padding-bottom:2vw; border-bottom: solid 0.5vw #13a73d; width:100%;}
.sp_body #section2 .box6 .inbox ul{ margin:auto; padding:10vw 0 0;}
.sp_body #section2 .box6 .inbox li{ font-size:3.5vw;}
.sp_body #section2 .box6 .inbox li .s1{ font-size:3.5vw; margin-left:4.5em;}
.sp_body #section2 .box6 .inbox li .s2{ font-size:3.5vw; margin-left:5em;}
.sp_body #section2 .box7{ margin:10vw auto 10vw;}
.sp_body #section2 .box7 .txt1{  width:calc(100% - 12vw); height:15vw; font-size:3.3vw; padding-left:12vw; padding-top:7vw; position:absolute; top:-10vw; line-height:1.0;}
.sp_body #section2 .box7 .inbox{ width:90%; margin:auto; position:relative; padding-top:15vw;}
.sp_body #section2 .box7 .inbox img{ width:40vw; float:left;}
.sp_body #section2 .box7 .txt2{ font-size:4vw;}
.sp_body #section2 .box8 p{ padding:10vw 0; font-size:4vw;}
.sp_body #section2 .box9{ padding:10vw 2vw;}
.sp_body #section2 .box9 .inbox{ padding:10vw 2vw;}
.sp_body #section2 .box9 .inbox h3{ font-size:5vw; padding-bottom:2vw; border-bottom: solid 0.5vw #13a73d; width:100%;}
.sp_body #section2 .box9 p{font-size:4vw;}
.sp_body #section2 .box9 .txt1{ padding:2vw 0;}
.sp_body #section2 .box9 .txt2{ border-left:solid 1vw #13a73d; padding-left:2em;}
.sp_body #section2 .box9 .inbox ul{ margin:auto; padding:10vw 0 0;}
.sp_body #section2 .box9 .inbox li{ font-size:3.5vw;}
.sp_body #section2 .box9 .inbox li .s1{ font-size:3.5vw; margin-left:4.5em;}
.sp_body #section2 .box9 .inbox li .s2{ font-size:3.5vw; margin-left:5em;}


.sp_body #section3 .box1{ padding-top:10vw;}
.sp_body #section3 .box1 .inbox{ padding-top:5vw;}
.sp_body #section3 .box1 .img1{ width:80%; margin:auto; display:block;}
.sp_body #section3 .box1 .img2{ width:100%;}
.sp_body #section3 .box1 p{ padding:10vw 0; font-size:4vw;}
.sp_body #section4 .box1 { padding:10vw 0;}
.sp_body #section4 .box1 .txt1{ text-align:center; font-size:4vw; padding:5vw 0 0;}
.sp_body #section4 .box1 .inbox1 { width:95%; margin:auto; padding:5vw 0 0;}
.sp_body #section4 .box1 .inbox1 h3{ text-align:center; background:#13a73d; color:#000;}
.sp_body #section4 .box1 .inbox1 a{ text-align:center; display:table; margin:auto; font-size:10vw; color:#13a73d;}
.sp_body #section5 .box1 { position:relative; padding-bottom:40vw;}
.sp_body #section5 .box1 .imgbox1 img{ width:50%; margin:auto;}
.sp_body #section5 .box1 .imgbox2 img{  width:50%; margin:auto; position:absolute; top:0; right:0;}
.sp_body #section5 .box1 .txtbox{ width:100%;}
.sp_body #section5 .box1 .txtbox img{ width:20vw; margin:auto; display:block; padding:5vw 0;}
.sp_body #section5 .box1 .txtbox h2{ text-align:center; color:#fa611d; font-size:7vw;}
.sp_body #section5 .box1 .txtbox p{ font-size:5vw; text-align:center; padding-bottom:10vw;}
.sp_body #section5 .box1 .txtbox a{ margin:auto;}



.staffboxs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 80px auto 100px;
    max-width: 915px;
}

.staffbox {
    width: 415px;
    margin: 10px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
}

.staffbox .top {
    background: url(../images/staff/bg.png) center /cover no-repeat;
    padding: 20px 15px;
    position: relative;
    height: 332px;
    z-index: -1;
}

.staffbox .topic {
    font-size: 18px;
}

.name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 130px;
}

.name .left {
    font-size: 24px;
    line-height: 1.2;
}

.name .left .smalltext {
    font-size: 18px;
}

.name .right {
    font-size: 42px;
    line-height: 1;
}
.ruby {
    font-size: 18px;
    color: #FA611D;
}

.side {
    position: absolute;
    right: 15px;
    top: 165px;
}

.staffbox .bottom {
    margin-top: 5px;
    text-align: center;
}

.staffbox .three p img {
    width: 321px;
}

.staffbox .three .img_long img {
    width: auto;
    height: 317px;
}

/* ===form=== */

.recruit h3.subtitle {
    text-align: center;
    font-size: 25px;
    margin: 100px 0 30px;
    font-weight: 600;
}

.recruit .text {
    text-align: center;
    margin-bottom: 20px;
}

.recruit .head_text {
    width: 440px;
    letter-spacing: 2px;
    margin: 20px auto 20px;
    line-height: 2;
}

.recruit .contact_box {
    width: 360px;
    margin: 0 auto;
    
}

.recruit .contact_box a:hover {
    opacity:0.7;
}

.recruit .contact {
    width: 360px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 5px;
    background: #13A73D;
    display: inline-block;
}

.recruit .contact .text {
    text-align: center;
    margin: 0;
    padding: 15px 0;
    font-size: 20px;
    color: #fff;
}

table.table {
    margin: 0 auto;
    line-height: 2;
}

.form_wrap table th {
    text-align: left;
    vertical-align: top;
    padding-right: 50px;
}

th.thead {
    padding: 5px;
}

.one .data01 {
    display: flex;
    align-items: center;
}

.form_wrap table input , .form_wrap table textarea {
    border-radius: 3px;
    border: solid 1px;
}

.one .pic {
    color: #000;
}

.ditem {
    padding: 0 10px;
}

.form_wrap table textarea {
    width: 350px;
    height: 200px;
    display: block;
    margin-top: 10px;
}

.submit_btn {
    text-align: center;
    margin: 30px auto 0;
    width: 130px;
}

.submit_btn input {
    width: 100%;
    background: #13A73D;
    border-radius: 3px;
    border: solid 1px;
    font-size: 20px;
    color: #fff;
}

.privacy {
    width: 740px;
    margin: 100px auto 50px;
    background: #fff;
    padding: 30px 40px;
}

.privacy .box {
    padding: 30px 40px;
}

.recruit .privacy .subtitle {
    margin: 0 0 10px;
    text-align: center;
    font-size: 20px;
}

.recruit .privacy .text {
    text-align: left;
}

/* ===thanks=== */

.sec_thanks {
    text-align: center;
    margin: 100px 0;
    line-height: 2;
    font-size: 18px;
}

.sec_thanks .text {
    font-size: 18px;
}

.sec_thanks .text .lead_text {
    font-size: 20px;
    display: block;
}

span.color {
    color: red;
}



/* ===sp=== */

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

    .pc {display: none;}
    .sp {display: block;}

html,body {
    min-width: 360px;
}

.staffboxs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 80px auto 100px;
    max-width: 915px;
}

.staffbox {
    width: 415px;
    margin: 10px 10px 40px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
}

.staffbox .top {
    background: url(../images/staff/bg.png) center /cover no-repeat;
    padding: 20px 15px;
    position: relative;
    height: 282px;
    z-index: -1;
}

.staffbox .top .number {
    text-align: right;
}

.staffbox .topic {
    margin-bottom: 20px;
    font-size: 18px;
}

.name {
    display: block;
    justify-content: space-between;
    align-items: center;
    height: 130px;
}

.name .left {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.name .left .smalltext {
    font-size: 18px;
}

.name .right {
    font-size: 30px;
    line-height: 1.5;
}
.ruby {
    font-size: 18px;
    color: #FA611D;
}

.side {
    position: absolute;
    right: 15px;
    top: 95px;
    font-size: 16px;
}

.staffbox .bottom {
    margin-top: 5px;
    height: 260px;
    overflow: hidden;
    text-align: center;
}

.staffbox .three p img {
    width: 321px;
}

.staffbox .three .img_long img {
    width: auto;
    height: 317px;
}

.staffbox .ander {
    background: url(../images/staff/bg.png) center /cover no-repeat;
    padding: 20px;
}

.staffbox .ander p {
    font-size: 16px;
}

/* ===フォーム=== */

.recruit .head_text {
    width: 90%;
    letter-spacing: 1px;
    margin: 20px auto 20px;
    line-height: 2;
}

.table tr.row {
    display: flex;
    line-height: 1.5;
    flex-direction: column;
    margin-bottom: 15px;
}

.privacy {
    width: 80%;
    margin: 100px auto 50px;
    background: #fff;
    padding: 30px 15px;
}

.privacy .box {
    padding: unset;
}

.recruit .privacy .subtitle {
    margin: 0 0 10px;
    text-align: center;
    font-size: 16px;
}

.recruit .privacy .text {
    text-align: left;
    font-size: 16px;
}

.recruit .privacy .topic {
    font-size: 16px;
    font-weight: 600;
}

span.color {
    color: red;
}

}

@media screen and (min-width: 501px) and (max-width: 768px) {

    #section5 .box1 {
        height: 550px;
        margin-bottom: 200px;
    }

}

@media screen and (max-width: 500px) {
    #section5 .box1 {
        height: 400px;
        margin-bottom: 150px;
    }
}