@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}
.blue{color: #06a6e1}
.pink{color: #ff7373}
.orange{color: #f7902a}
.pc_none{display: none}
.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-bottom: 40px; width: 980px;}
.mv h1 img{width: 100%}
.trouble{padding: 0 40px;position: relative}
.trouble:before{content: "";width: 100%;height: 20px;position: absolute;bottom: -20px;left: -2px;background: linear-gradient( to top right, transparent 50%, 50.5%, #fff calc(50% + 2px) ) top left/ 50% 100% no-repeat, linear-gradient(to top left, transparent 50%, 50.5%, #fff calc(50% + 2px)) top right / 51% 100% no-repeat}
.trouble h2{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 40px}
.trouble .trouble_list_box{margin-bottom: 40px}
.trouble .trouble_list{width: 100%;position: relative;margin-bottom: 20px}
.trouble .trouble_list .part{padding: 1.5% 3.5% 1% 3.5%;position: absolute;left: 0;top: 12.5%;background: #444;color: #fff;text-align: center;border-radius: 10px;font-size: 22px;line-height: 1.2}
.trouble .trouble_list .part span.small{font-size: 14px}
.trouble .trouble_list .part_txt{width: 95%;margin-left: 5%;background: #fde9d4;text-align: left;padding: 4% 9% 3.5% 9%;box-sizing: border-box;border-radius: 10px;font-size: 20px;font-weight: bold}
.trouble .trouble_list .bg_green{background: #dbf2f0}
.trouble .txt_01{font-size: 16px;margin-bottom: 40px;line-height: 1.8}
.trouble .txt_02{font-size: 22px;font-weight: bold;margin-bottom: 50px}
.report{background-image:  repeating-linear-gradient(45deg, #f5993f 25%, transparent 25%, transparent 75%, #f5993f 75%, #f5993f), repeating-linear-gradient(45deg, #f5993f 25%, #f49335 25%, #f49335 75%, #f5993f 75%, #f5993f);background-position: 0 0, 20px 20px;background-size: 40px 40px;padding: 60px 40px 40px 40px;margin-bottom: 40px}
.report .report_title{position: relative}
.report h2{color: #fff;font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 40px}
.report .read_icon{position: absolute;left: 7%;top: -45%;width: 10%}
.report .read_icon img{width: 100%}
.cp_box *, .cp_box *:before, .cp_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box}
.cp_box {position: relative;background: #fff;border-radius: 10px}
.cp_box label {position: absolute;z-index: 1;bottom: 0;width: 100%;height: 95px;cursor: pointer;text-align: center;background: #fff;border-radius: 0 0 10px 10px}
.cp_box label:after {line-height: 2.5rem;position: absolute;z-index: 2;bottom: 20px;left: 50%;width: 60%;content: 'もっと見る';transform: translate(-50%, 0);letter-spacing: 0.05em;color: #ffffff;border-radius: 50px;background: #4abdb4;font-size: 20px;font-weight: bold;padding: 1% 0;box-sizing: border-box}
.cp_box input {display: none}
.cp_box .cp_container {overflow: hidden;height: 515px;transition: all 0.5s;padding: 40px}
.cp_box input:checked + label:after {content: '閉じる'}
.cp_box input:checked ~ .cp_container {height: auto;padding-bottom: 80px;transition: all 0.5s}
.report .report_list{border-bottom: 1px solid #444;padding: 20px 0}
.report .report_list:first-child{padding: 0 0 20px 0}
.report .report_list:last-child{border-bottom: none}
.report .report_list .update{overflow: hidden;margin-bottom: 15px}
.report .report_list .data{float: left;font-size: 14px}
.report .report_list .new{float: left;margin-left: 20px;background: #e05151;padding: 4px 7px 3px 7px;line-height: 1.0;font-size: 12px;color: #fff}
.report .report_list .report_txt{color: #444;font-size: 16px;font-weight: bold;line-height: 1.8}
.report .report_list .report_txt .orange{text-decoration: underline}
.job_change{padding: 0 40px} 
.job_change .job_change_sub{margin-bottom: 10px}
.job_change .job_change_sub .data{font-size: 14px}
.job_change .job_change_list{width: 100%;border-radius: 10px;margin-bottom: 40px;position: relative}
.job_change .job_change_list_male{border: 2px solid #16aee6}
.job_change .job_change_list_female{border: 2px solid #ff9595}        
.job_change .job_change_list .job_change_list_inner{padding: 40px;position: relative} 
.job_change .job_change_list .new_icon{position: absolute;top: -1%;right: -1%;width: 11%}
.job_change .job_change_list .new_icon img{width: 100%}
.job_change .job_change_list .profile{overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #eaeaea}
.job_change .job_change_list .profile .profile_img{width: 30%;float: left}
.job_change .job_change_list .profile .profile_img img{width: 100%}
.job_change .job_change_list .profile .profile_txt_box{width: 62%;float: left;margin-left: 8%}
.job_change .job_change_list .profile .profile_txt_box .profile_title{font-size: 18px;padding-left: 10px;margin-bottom: 15px;line-height: 1.0;font-weight: bold}
.job_change .job_change_list .profile .profile_txt_box .profile_title_male{color: #06a6e1;border-left: 5px solid #06a6e1}
.job_change .job_change_list .profile .profile_txt_box .profile_title_female{color: #ff7373;border-left: 5px solid #ff7373}      
.job_change .job_change_list .profile .profile_txt_box .profile_txt{margin-bottom: 10px}
.job_change .job_change_list .case_study{width: 80%;margin: 20px auto 0}
.job_change .job_change_list .case_study .area_01{width: 40%;text-align: center;vertical-align: middle;padding: 5px 10px}
.job_change .job_change_list .case_study .area_02{width: 20%;text-align: center;vertical-align: middle;padding: 5px 10px}
.job_change .job_change_list .case_study .area_03{width: 40%;text-align: center;vertical-align: middle;padding: 5px 10px}
.job_change .job_change_list .case_study .before{width: 30%;margin: 0 auto;background: #eaeaea;padding: 2px 6px}
.job_change .job_change_list .case_study .after{width: 30%;margin: 0 auto;background: #ff7373;padding: 2px 6px;color: #fff}      
.cp_box_02 *, .cp_box_02 *:before, .cp_box_02 *:after {-webkit-box-sizing: border-box;box-sizing: border-box}
.cp_box_02 {position: relative;border-radius: 0 0 10px 10px}
.cp_box_02_male{background: #16aee6}
.cp_box_02_female{background: #ff9595}
.cp_box_02 label {position: absolute;z-index: 1;bottom: 0;width: 100%;height: 95px;cursor: pointer;text-align: center;border-radius: 0 0 7px 7px}
.cp_box_02 label.label_male{background: #16aee6}
.cp_box_02 label.label_female{background: #ff9595}
.cp_box_02 label:after {line-height: 2.5rem;position: absolute;z-index: 2;bottom: 20px;left: 50%;width: 60%;content: '詳しく見る';transform: translate(-50%, 0);letter-spacing: 0.05em;color: #ff7373;border-radius: 50px;background: #fff;font-size: 20px;font-weight: bold;padding: 1% 0;box-sizing: border-box}
.cp_box_02 label.label_male:after{color: #06a6e1}         
.cp_box_02 input {display: none}
.cp_box_02 .cp_container {overflow: hidden;height: 80px;transition: all 0.5s;padding: 20px 40px 40px 40px}
.cp_box_02 input:checked + label:after {content: '閉じる'}
.cp_box_02 input:checked ~ .cp_container {height: auto;padding-bottom: 80px;transition: all 0.5s}
.job_change .job_change_details_list .job_change_details_title{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 15px}
.job_change .job_change_details_list .job_change_details_txt{font-size: 16px;padding: 25px;background: #fff;margin-bottom: 15px;line-height: 1.8;border-radius: 10px}
.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){
.pc_none{display: block}
.header{padding: 15px 10px}
.header .logo{width: 38%}
.header .txt{font-size: 14px;width: 85px;padding-top: 0}
.breadcrumb .breadcrumb_item{font-size: 12px}
.trouble{padding: 0 20px}
.trouble:before{bottom: -19px}
.trouble h2{font-size: 5vw;margin-bottom: 30px}
.trouble .trouble_list_box{margin-bottom: 30px}
.trouble .trouble_list .part{font-size: 4vw;top: 20%}
.trouble .trouble_list .part span.small{font-size: 3vw}
.trouble .trouble_list .part_txt{font-size: 4vw;padding: 4% 4% 3.5% 12%;line-height: 1.4}
.trouble .txt_01{font-size: 3.5vw;margin-bottom: 30px}
.trouble .txt_02{font-size: 4vw;margin-bottom: 40px}
.report{padding: 50px 20px 30px 20px}
.report h2{font-size: 5.5vw;line-height: 1.4;margin-bottom: 20px}
.report .read_icon{position: absolute;left: 3%;top: 4%;width: 14%}
.cp_box .cp_container {height: 535px;padding: 20px}
.cp_box label{height: 90px}
.cp_box label:after {font-size: 4vw}
.report .report_list .data{font-size: 3vw}
.report .report_list .new{font-size: 3vw}
.report .report_list .report_txt{font-size: 3.5vw}
.job_change{padding: 0 20px}     
.job_change .job_change_sub .data{font-size: 3vw}
.job_change .job_change_list .job_change_list_inner{padding:30px 20px 20px 20px}
.job_change .job_change_list .new_icon{width: 16%}
.job_change .job_change_list .profile .profile_txt_box .profile_title{font-size: 4vw}
.job_change .job_change_list .profile .profile_txt_box .profile_txt{font-size:  3.5vw;margin-bottom: 5px}
.job_change .job_change_list .case_study{width: 100%}
.job_change .job_change_list .case_study .area_01{font-size: 3.5vw;line-height: 1.4}
.job_change .job_change_list .case_study .area_02{font-size: 3.5vw;line-height: 1.4}
.job_change .job_change_list .case_study .area_03{font-size: 3.5vw;line-height: 1.4}
.job_change .job_change_list .case_study .before{width: 60%}
.job_change .job_change_list .case_study .after{width: 60%}       
.cp_box_02 label:after {font-size: 4vw}
.cp_box_02 .cp_container {height: 95px;padding: 20px}
.job_change .job_change_details_list .job_change_details_title{font-size: 4vw}
.job_change .job_change_details_list .job_change_details_txt{font-size: 3.5vw}  
.induction{padding: 0 20px}
.induction .txt{font-size: 14px}
.induction .btn a{padding: 10px}
.induction .btn a .btn_txt{font-size: 20px}
.mv{margin-bottom: 40px; width: 100%;}
}
@media screen and (max-width: 380px){
.induction .btn a .btn_txt{margin-left: 10%}
}