@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%}
.lead{padding: 0 40px;margin-bottom: 40px}
.lead p{font-size: 18px;line-height: 2}
.lead p .under{background: linear-gradient(transparent 50%, #feffd1 50%)}
.doubt{padding: 0 40px;margin: 0 auto 40px}
.doubt_wrap{border: 2px solid #E2E2E2;border-radius: 5px;margin-bottom: 20px;box-shadow: 0px 8px 17px 0px rgba(182, 182, 182, 0.35)}
.doubt h2{background-color: #ffe7c2;padding: 15px 0;text-align: center;font-weight: bold;font-size: 24px}
.doubt .doubt_list_box{padding: 0 20px 15px 20px}
.doubt .doubt_list{padding: 20px 0;border-bottom: 1px dotted #e2e2e2}
.doubt .doubt_list:last-child{border-bottom: none}
.doubt .doubt_list_title{display: flex;align-items: center;margin-bottom: 10px}
.doubt .doubt_list_icon{display: inline-block;background-color: #e87f17;padding: 7px;border-radius: 50%;width: 30px;height: 30px;line-height: 1.1;font-size: 10px;color: #feffd1;text-align: center;vertical-align: middle;margin-right: 20px}
.doubt .doubt_list_number{font-size: 22px;font-weight: bold}
.doubt h3{font-size: 22px;font-weight: bold;color:  #e87f17}
.doubt .doubt_details{font-size: 18px}
.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 60px; margin: auto;}
.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: 9.4%;left: -3%;width: 28px}
.job_example .job_example_anc_02{position: absolute;top: 26%;left: -3%;width: 28px}
.job_example .job_example_anc_03{position: absolute;top: 54.2%;left: -3%;width: 28px}
.job_example .job_example_anc_04{position: absolute;top: 61.2%;left: -3%;width: 28px}
.job_example .job_example_anc_05{position: absolute;top: 74.9%;left: -3%;width: 28px}
.job_example .job_example_anc_06{position: absolute;top: 85.7%;left: -3%;width: 28px}
.job_example .job_example_anc_07{position: absolute;top: 94.2%;left: -3%;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}
.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}
.mv{margin-bottom: 50px; width:100%;}
.lead{padding: 0 20px}
.lead p{font-size: 14px}
.doubt{padding: 0 20px}
.doubt h2{font-size: 18px}
.doubt h3{font-size: 18px}
.doubt .doubt_details{font-size: 14px}
.doubt .doubt_list_number{font-size: 18px}
.tell p{padding: 20px;font-size: 16px}
.job_example {padding:0 40px}
.job_example .job_example_txt{font-size: 16px}
.doubt .doubt_list_icon{line-height: 1.2;margin-right: 10px}
.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: 9%;left: -6%;width: 7.5%}
.job_example .job_example_anc_02{top: 25.5%;left: -6%;width: 7.5%}
.job_example .job_example_anc_03{top: 53.8%;left: -6%;width: 7.5%}
.job_example .job_example_anc_04{top: 60.6%;left: -6%;width: 7.5%}
.job_example .job_example_anc_05{top: 74%;left: -6%;width: 7.5%}
.job_example .job_example_anc_06{top: 85%;left: -6%;width: 7.5%}
.job_example .job_example_anc_07{top: 93.3%;left: -6%;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%}
}