@charset "utf-8";

/* .clear::after {content:''; display:block; clear:both;} */

@media all and (min-width:1500px){

    .job {margin-top:80px; padding-bottom:130px; position:relative;;}
    .job:after {content:''; width:1500px; height:1px; background-color:rgba(151,151,151,0.37); position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

    .job_title .job_tit {font-size:25px; font-weight:800; text-align:center;}
    .job_title .job_Tit {font-size:38px; font-weight:700; text-align:center; margin:20px 0;}

    .job_box_01 {width:1500px; margin:0 auto; margin-top:80px;}
    .job_box_01 ul {float:left; width:20%; text-align:center; position:relative;}
    .job_box_01 ul::after {content:''; width:32px; height:56px; background-image:url(./img/list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:102px;}
    .job_box_01 ul:last-child::after {display:none;}
    .job_box_01 .job_b1_num {font-size:21px; font-weight:700; width:39px; height:39px; margin:0 auto; margin-top:25px; line-height:39px; border-radius:50%; background-color:#343434; color:#fff;}
    .job_box_01 .job_b1_T {font-size:30px; font-weight:700; margin-top:25px;}
    .job_box_01 .job_b1_ti {font-size:25px; line-height: 1.52; margin-top:25px;}

    .job_box_02 {background-color:#f3efff; margin-top:160px;}
    .job_box_02 .job_center {width:1500px; padding:80px 0; margin:0 auto; background-image:url(./img/work_img.png); background-repeat:no-repeat; background-position:right bottom;}
    .job_box_02 .job_b2_Ti {font-size:25px; font-weight:800; color:#5d46a3;}
    .job_box_02 .job_b2_T {font-size:38px; font-weight:700; margin-top:25px;}
    .job_box_02 .job_b2_sns {width:60%; margin-top:65px;}
    .job_box_02 .job_b2_sns ul {float:left; width:32.333333%; margin-right:1%; background-color:#fff; padding:25px 0; border:1px solid #ededed; border-radius:14px; background-repeat:no-repeat; background-position:13px center;}
    .job_box_02 .job_b2_sns ul:nth-child(1) {background-image:url(./img/sns_1.png);}
    .job_box_02 .job_b2_sns ul:nth-child(2) {background-image:url(./img/sns_2.png);}
    .job_box_02 .job_b2_sns ul:nth-child(3) {background-image:url(./img/sns_3.png);}
    .job_box_02 .job_b2_sns .job_b2_s a {font-size:25px; font-weight:700; padding-left:90px; display:block;}
    .job_box_02 .job_b2_sns ul:hover {background-color:#9885d3;}
    .job_box_02 .job_b2_sns ul:hover .job_b2_s a {color:#fff;}

    .job_box_03 {width:1500px; margin:0 auto; margin-top:175px;}
    .job_box_03 .job_b3_wrap ul {float:left; width:23.5%; margin-right:2%; text-align:center;}
    .job_box_03 .job_b3_wrap ul:last-child {margin-right:0;}
    .job_box_03 .job_b3_wrap .job_b3_img img {width:100%; height:280px; border-radius:35px;}
    .job_box_03 .job_b3_wrap .job_b3_T {font-size:30px; font-weight:700; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_ti {font-size:25px; line-height:1.68; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_point {font-size:20px; background-color:#fffbdf; border-radius:21px; margin-top:25px; padding:5px 0;}



}


@media (max-width:1499px) and (min-width:1201px) {
    .job {margin-top:80px; padding-bottom:130px; position:relative;;}
    .job:after {content:''; width:96%; height:1px; background-color:rgba(151,151,151,0.37); position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

    .job_title .job_tit {font-size:25px; font-weight:800; text-align:center;}
    .job_title .job_Tit {font-size:38px; font-weight:700; text-align:center; margin:20px 0;}

    .job_box_01 {width:96%; margin:0 auto; margin-top:80px;}
    .job_box_01 ul {float:left; width:20%; text-align:center; position:relative;}
    .job_box_01 ul::after {content:''; width:32px; height:56px; background-image:url(./img/list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:102px;}
    .job_box_01 ul:last-child::after {display:none;}
    .job_box_01 .job_b1_img img {width:80%;}
    .job_box_01 .job_b1_num {font-size:21px; font-weight:700; width:39px; height:39px; margin:0 auto; margin-top:25px; line-height:39px; border-radius:50%; background-color:#343434; color:#fff;}
    .job_box_01 .job_b1_T {font-size:30px; font-weight:700; margin-top:25px;}
    .job_box_01 .job_b1_ti {font-size:25px; line-height: 1.52; margin-top:25px;}

    .job_box_02 {background-color:#f3efff; margin-top:160px;}
    .job_box_02 .job_center {width:96%; padding:80px 0; margin:0 auto; background-image:url(./img/work_img.png); background-repeat:no-repeat; background-position:right bottom;}
    .job_box_02 .job_b2_Ti {font-size:25px; font-weight:800; color:#5d46a3;}
    .job_box_02 .job_b2_T {font-size:38px; font-weight:700; margin-top:25px;}
    .job_box_02 .job_b2_sns {width:60%; margin-top:65px;}
    .job_box_02 .job_b2_sns ul {float:left; width:32.333333%; margin-right:1%; background-color:#fff; padding:25px 0; border:1px solid #ededed; border-radius:14px; background-repeat:no-repeat; background-position:13px center;}
    .job_box_02 .job_b2_sns ul:nth-child(1) {background-image:url(./img/sns_1.png);}
    .job_box_02 .job_b2_sns ul:nth-child(2) {background-image:url(./img/sns_2.png);}
    .job_box_02 .job_b2_sns ul:nth-child(3) {background-image:url(./img/sns_3.png);}
    .job_box_02 .job_b2_sns .job_b2_s a {font-size:25px; font-weight:700; padding-left:90px; display:block;}
    .job_box_02 .job_b2_sns ul:hover {background-color:#9885d3;}
    .job_box_02 .job_b2_sns ul:hover .job_b2_s a {color:#fff;}

    .job_box_03 {width:96%; margin:0 auto; margin-top:175px;}
    .job_box_03 .job_b3_wrap ul {float:left; width:23.5%; margin-right:2%; text-align:center;}
    .job_box_03 .job_b3_wrap ul:last-child {margin-right:0;}
    .job_box_03 .job_b3_wrap .job_b3_img img {width:100%; height:280px; border-radius:35px;}
    .job_box_03 .job_b3_wrap .job_b3_T {font-size:30px; font-weight:700; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_ti {font-size:25px; line-height:1.68; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_point {font-size:20px; background-color:#fffbdf; border-radius:21px; margin-top:25px; padding:5px 0;}


}



@media (max-width:1200px) and (min-width:748px) {
    .job {margin-top:80px; padding-bottom:130px; position:relative;;}
    .job:after {content:''; width:96%; height:1px; background-color:rgba(151,151,151,0.37); position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

    .job_title .job_tit {font-size:22px; font-weight:800; text-align:center;}
    .job_title .job_Tit {font-size:35px; font-weight:700; text-align:center; margin:20px 0;}

    .job_box_01 {width:96%; margin:0 auto; margin-top:80px;}
    .job_box_01 ul {float:left; width:33.333333%; margin:1% 0; text-align:center; position:relative;}
    .job_box_01 ul::after {content:''; width:32px; height:56px; background-image:url(./img/list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50px;}
    .job_box_01 ul:last-child::after {display:none;}
    .job_box_01 .job_b1_img img {width:70%;}
    .job_box_01 .job_b1_num {font-size:21px; font-weight:700; width:39px; height:39px; margin:0 auto; margin-top:25px; line-height:39px; border-radius:50%; background-color:#343434; color:#fff;}
    .job_box_01 .job_b1_T {font-size:25px; font-weight:700; margin-top:25px;}
    .job_box_01 .job_b1_ti {font-size:22px; line-height: 1.52; margin-top:25px;}

    .job_box_02 {background-color:#f3efff; margin-top:160px;}
    .job_box_02 .job_center {width:96%; padding:80px 0; margin:0 auto; background-image:none; background-repeat:no-repeat; background-position:right bottom;}
    .job_box_02 .job_b2_Ti {font-size:22px; font-weight:800; color:#5d46a3;}
    .job_box_02 .job_b2_T {font-size:30px; font-weight:700; margin-top:25px;}
    .job_box_02 .job_b2_sns {width:100%; margin-top:65px;}
    .job_box_02 .job_b2_sns ul {float:left; width:31.333333%; margin:0 1%; background-color:#fff; padding:25px 0; border:1px solid #ededed; border-radius:14px; background-repeat:no-repeat; background-position:13px center;}
    .job_box_02 .job_b2_sns ul:last-child {margin-right:0;}
    .job_box_02 .job_b2_sns ul:nth-child(1) {background-image:url(./img/sns_1.png);}
    .job_box_02 .job_b2_sns ul:nth-child(2) {background-image:url(./img/sns_2.png);}
    .job_box_02 .job_b2_sns ul:nth-child(3) {background-image:url(./img/sns_3.png);}
    .job_box_02 .job_b2_sns .job_b2_s a {font-size:22px; font-weight:700; padding-left:90px; display:block;}
    .job_box_02 .job_b2_sns ul:hover {background-color:#9885d3;}
    .job_box_02 .job_b2_sns ul:hover .job_b2_s a {color:#fff;}

    .job_box_03 {width:96%; margin:0 auto; margin-top:175px;}
    .job_box_03 .job_b3_wrap ul {float:left; width:48%; margin:1%; text-align:center;}
    .job_box_03 .job_b3_wrap ul:last-child {margin-right:0;}
    .job_box_03 .job_b3_wrap .job_b3_img img {width:100%; height:280px; border-radius:35px;}
    .job_box_03 .job_b3_wrap .job_b3_T {font-size:25px; font-weight:700; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_ti {font-size:22px; line-height:1.68; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_point {font-size:18px; background-color:#fffbdf; border-radius:21px; margin-top:25px; padding:5px 0;}

}


@media (max-width:747px){
    .job {margin-top:40px; padding-bottom:30px; position:relative;;}
    .job:after {content:''; width:96%; height:1px; background-color:rgba(151,151,151,0.37); position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

    .job_title .job_tit {font-size:20px; font-weight:800; text-align:center;}
    .job_title .job_Tit { font-size: 24px; font-weight: 700; text-align: center; margin: 7px 0 20px 0; }

    .job_box_01 {width:96%; margin:0 auto; margin-top:10px;}
    .job_box_01 ul { float: left; width: 100%; margin: 1% 0; text-align: center; position: relative; padding: 5% 19%; border: 1px solid #ddd; }
    .job_box_01 ul::after {content:''; width:32px; height:56px; background-image:url(./img/list_go.png); background-repeat:no-repeat; position:absolute; right:-16px; top:50px; visibility: hidden;}
    .job_box_01 ul:last-child::after {display:none;}
    .job_box_01 .job_b1_img img {width:60%;}
    .job_box_01 .job_b1_num {font-size:21px; font-weight:700; width:39px; height:39px; margin:0 auto; margin-top:25px; line-height:39px; border-radius:50%; background-color:#343434; color:#fff;}
    .job_box_01 .job_b1_T {font-size:25px; font-weight:700; margin-top:5px;}
    .job_box_01 .job_b1_ti {font-size:20px; line-height: 1.52; margin-top:10px; min-height:auto;}

    .job_box_02 {background-color:#f3efff; margin-top:40px;}
    .job_box_02 .job_center {width:96%; padding:40px 0; margin:0 auto; background-image:none; background-repeat:no-repeat; background-position:right bottom; text-align: center;} 
    .job_box_02 .job_b2_Ti {font-size:20px; font-weight:800; color:#5d46a3;}
    .job_box_02 .job_b2_T {font-size:25px; font-weight:700; margin-top:25px;}
    .job_box_02 .job_b2_sns {width:100%; margin-top:30px;}
    .job_box_02 .job_b2_sns ul {float:left; width:31.333333%; margin:0 1%; background-color:#fff; padding:25px 0; border:1px solid #ededed; border-radius:14px; background-repeat:no-repeat; background-position:35px center; background-size:40px;}
    .job_box_02 .job_b2_sns ul:last-child {margin-right:0;}
    .job_box_02 .job_b2_sns ul:nth-child(1) {background-image:url(./img/sns_1.png);}
    .job_box_02 .job_b2_sns ul:nth-child(2) {background-image:url(./img/sns_2.png);}
    .job_box_02 .job_b2_sns ul:nth-child(3) {background-image:url(./img/sns_3.png);}
    .job_box_02 .job_b2_sns .job_b2_s a {font-size:20px; font-weight:700; padding-left:50px; display:block;}
    .job_box_02 .job_b2_sns ul:hover {background-color:#9885d3;}
    .job_box_02 .job_b2_sns ul:hover .job_b2_s a {color:#fff;}

    .job_box_03 {width:96%; margin:0 auto; margin-top:40px;}
    .job_box_03 .job_b3_wrap ul {float:left; width:98%; margin:1%; text-align:center;}
    .job_box_03 .job_b3_wrap ul:last-child {margin-right:0;}
    .job_box_03 .job_b3_wrap .job_b3_img img { width: 172px; /* height: 280px; */ border-radius: 20px; }
    .job_box_03 .job_b3_wrap .job_b3_T {font-size:25px; font-weight:700; margin-top:25px;}
    .job_box_03 .job_b3_wrap .job_b3_ti { font-size: 20px; line-height: 1.68; margin-top: 5px; margin-bottom: 21px; }
    .job_box_03 .job_b3_wrap .job_b3_point {font-size:18px; background-color:#fffbdf; border-radius:21px; margin-top:25px; padding:5px 0;}

}


@media (max-width:500px){
    .job_box_02 .job_b2_sns ul {float:left; width:98%; margin:1%; background-color:#fff; padding:25px 0; border:1px solid #ededed; border-radius:14px; background-repeat:no-repeat; background-position:35px center; background-size:40px;}

}