@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
a{text-decoration: none;}

.body{max-width: 100%;color: #333;margin: 0 auto;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; serif}
.header{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #ccc}
.header .logo{float: left;width: 240px}
.header .logo img{width: 100%}
.header .txt{float: right;width: 120px;font-size: 20px;font-weight: bold;padding-top: 5px}
.breadcrumb{padding: 15px 0}
.breadcrumb .breadcrumb_box{overflow: hidden}
.breadcrumb .breadcrumb_item{float: left;font-size: 14px;position: relative}
.breadcrumb .breadcrumb_item a{color: #a95b0d;text-decoration: underline}
.mv{margin: 0px auto 60px; width:980px;}
.mv h1 img{width: 100%}
.what{position: relative;padding: 0 40px;margin-bottom: 50px}
.what_box{padding: 40px 40px 30px 40px;border: 2px solid #e87f17;border-radius: 10px}
.what h2{position: absolute;top: -5%;left: 50%;transform: translateX(-50%);padding: 0 5%;background: #fff;font-size: 24px;font-weight: bold}
.what p{font-size: 18px;line-height: 1.8;margin-bottom: 20px}
.what p:last-child{margin-bottom: 0}
.tell {background-color: #e87f17;margin-bottom: 60px}
.tell::after{display: inline-block;position: absolute;left: 50%;transform: translate(-50%, 0);content: "";border-top: 20px solid #e87f17;border-right: 40px solid transparent;border-left: 40px solid transparent}
.tell p{padding: 20px 40px;text-align: left;font-size: 20px;line-height: 1.8;color: #fff}
.tell p .cooperation{color: #feffd1;font-weight: bold}
.job_example {padding: 0 20%}
.job_example .job_example_txt{font-size: 18px;margin-bottom: 10px}
.job_example .job_example_box{margin-bottom: 40px;position: relative}
.job_example .job_example_box img{width: 100%}
.job_example .job_example_anc_01{position: absolute;top: 10.8%;left: -3%;width: 28px}
.job_example .job_example_anc_02{position: absolute;top: 20.8%;left: -3%;width: 28px}
.job_example .job_example_anc_03{position: absolute;top: 27.8%;left: -3%;width: 28px}
.job_example .job_example_anc_04{position: absolute;top: 37.2%;left: -3%;width: 28px}
.job_example .job_example_anc_05{position: absolute;top: 48.3%;left: -3%;width: 28px}
.job_example .job_example_anc_06{position: absolute;top: 55.2%;left: 17.5%;width: 28px}
.job_example .job_example_anc_07{position: absolute;top: 60.2%;left: 17.5%;width: 28px}
.job_example .job_example_anc_08{position: absolute;top: 63.2%;left: 17.5%;width: 28px}
.job_details {padding: 0 40px}
.job_details .job_details_item {border: 2px solid #E2E2E2;border-radius: 5px;margin-bottom: 40px;box-shadow: 0px 8px 17px 0px rgba(182, 182, 182, 0.35)}
.job_details .job_details_title{display: flex;align-items: center;padding: 15px 10px;background-color: #ffe7c2}
.job_details .job_details_number{width: 28px;height: 28px;text-align: center;line-height: 28px;border-radius: 5px;background-color: #e87f17;color: #feffd1;margin-right: 10px;font-size: 22px;font-weight: bold}
.job_details h3{font-size: 22px;font-weight: bold}
.job_details h3 span{color: #dd7711}
.job_details .details{padding: 20px;font-size: 18px;line-height: 1.8}
.job_details .details span{color: #e87f17;font-weight: bold}
.induction{padding: 0 40px}
.induction .txt{font-size: 16px;line-height: 1.8;margin-bottom: 30px}
.induction .btn{max-width: 340px;margin: 0 auto 30px;position: relative}
.induction .btn a{display: flex;align-items: center;background: #119cb0;color: #fff;padding: 10px 70px 10px 10px;border-radius: 50px;position: relative}
.induction .btn a .btn_icon{background-color: #fff;padding: 10px;border-radius: 50%;width: 35px;height: 35px;line-height: 1.2;vertical-align: middle;text-align: center;font-size: 14px;font-weight: bold;color: #e87f17}
.induction .btn a .btn_txt{margin-left: 50px;font-size: 22px;font-weight: bold}
.induction .btn::after{position: absolute;right: 2%;top: 43%;content: '';width: 0;height: 0;border: solid transparent;border-width: 5px 5px;border-left-color: #fff}
footer{padding: 20px 0;border-top: 1px solid #323232}
footer p{text-align: center;font-size: 10px}

@media screen and (max-width: 750px){
.header{padding: 15px 10px}
.header .logo{width: 38%}
.header .txt{font-size: 14px;width: 85px;padding-top: 0}
.breadcrumb{padding: 12px 10px}
.breadcrumb .breadcrumb_item{font-size: 12px}
.breadcrumb .first{padding: 0 15px 0 0;margin-right: 8px}
.mv{margin-bottom: 50px; width:100%;}
.what{padding: 0 20px;margin-bottom: 40px}
.what_box{padding: 7%}
.what h2{position: absolute;top: -4%;left: 50%;transform: translateX(-50%);padding: 0;font-size: 4.8vw;width: 60%;text-align: center}
.what p{font-size: 3.5vw;margin-bottom: 5%}
.tell p{padding: 20px;font-size: 16px}
.job_example {padding:0 40px}
.job_example .job_example_txt{font-size: 16px}
.job_details .job_details_number{font-size: 18px}
.job_details h3{font-size: 18px}
.job_details {padding: 0 20px;margin-bottom: 40px}
.job_details .job_details_item {margin-bottom: 30px}
.job_details .details{font-size: 14px}
.job_example .job_example_anc_01{top: 10.3%;left: -6%;width: 7.5%}
.job_example .job_example_anc_02{top: 20.2%;left: -6%;width: 7.5%}
.job_example .job_example_anc_03{top: 27.3%;left: -6%;width: 7.5%}
.job_example .job_example_anc_04{top: 36.8%;left: -6%;width: 7.5%}
.job_example .job_example_anc_05{top: 47.8%;left: -6%;width: 7.5%}
.job_example .job_example_anc_06{top: 54.6%;left: 14.5%;width: 7.5%}
.job_example .job_example_anc_07{top: 59.6%;left: 14.5%;width: 7.5%}
.job_example .job_example_anc_08{top: 63.2%;left: 14.5%;width: 7.5%}
.induction{padding: 0 20px}
.induction .txt{font-size: 14px}
.induction .btn a{padding: 10px}
.induction .btn a .btn_txt{font-size: 20px}
}
@media screen and (max-width: 380px){
.induction .btn a .btn_txt{margin-left: 10%}
.mv{margin-bottom: 50px; width:100%;}
}