#about_us { color: #333;}

.about_main{ width: 100%; background: #E1DCD6;}
.about_main .conteiner{display:flex; align-items: center; max-width:1140px; color: #666; font-size: 2.8em; margin:auto; text-align:center;}

.about_main .conteiner div{ width:70%; border-radius:30% / 150%; background:#fff; border:8px double #E1DCD6; padding: 4% 0;}
.about_main h1,
.about_txt_block strong{display: inline; background: linear-gradient(rgba(202, 208, 42, 0) 88%, rgba(202, 208, 42, 1) 88%);}
.about_main span{display:block;}
.about_main span:before{content:"＼Our Service／"; color:#cad02a; margin-right:1em; font-family: Satisfy;}
.about_main h1{font-size:1.5em;}
.about_main p{margin-top:2%;}
.about_main sup{font-size:.5em;}
.about_main h1 sup{font-size:.3em;}
#about_us small{font-size:12px; text-align:right; max-width:1140px; margin:auto;display: block;}

h3.about_box_tlt{font-size:26px; padding-bottom: 14px; border:none;}

.btn_reason a{display:block; background:#2bbdcc; color:#fff; text-align:center; border-radius:5px; box-shadow:0 3px 0 #208590; font-size:1.2em; margin: 20px auto 50px; padding: 20px 0; max-width: 500px;}
.btn_reason a:before{font-family: FontAwesome; content:"\f107"; font-size: 1.2em; margin-right: .5em;}
.btn_reason a:hover{background:#51d8e6;}
.about_wap,
.about_banner { max-width: 1140px; margin: 0 auto;}



.about_banner_cov img { width: 100%; max-width: 1138px; margin: 0 auto;}

.feature_tel.about_tel_mrg { margin-bottom: 44px;}

#about_us .feature_tel { margin: 0 auto;}

.bnr_sec .about_banner .bnr_text { font-size: 16px; line-height: 1.4; padding: 5px 0 8px 0px; letter-spacing: 1.8px;}

.about_service_left { width: 50%; float: left; max-width: 450px;}

.about_service_right { width: 50%; float: right; max-width: 456px;}

.about_service_right img { margin-left: 6px;}

.about_service_txt { text-indent: -1.1em; font-size: 25px; font-weight: 500; padding-top: 28px; line-height: 1.4em; letter-spacing: 1.2px;}

.satisfaction_degree { float: left; width: 490px; text-align: center;}

.satisfaction_degree_cov { max-width: 699px; margin: 0 auto; color: #333; padding: 64px 0px 37px 108px; box-sizing: border-box;}

.about_txt_block { max-width: 774px; margin: 0 auto; font-size: 18px; padding:42px 0px; letter-spacing: 2px;}

.degree_txt { font-size: 40px; font-weight: 500; line-height: 1.3em; letter-spacing: 2px;}
.customer_voice .degree_txt_sm
{padding-top: 10px;}
.degree_txt_sm { font-size: 14px; text-align: center;}

.degree_img { float: right; padding-top: 11px;}

.about_banner { padding: 18px 0px;}

.bg_dark_gray { background: #e1dcd6; padding:30px 0;}

.bnr_sec .about_banner .bnr_text_green { font-weight: bold; color: #a0a51a; font-size: 25px; letter-spacing: 3.1px;}

.about_attitude_ttl { font-size: 25px; font-weight: 500; padding: 30px 0px 23px 0px; line-height: 1.3em;}

.attitude_img img { margin-top: -30px;}

.attitude_img { text-align: center; padding-bottom: 15px;}

.about_circle_bg { background: url(../images/about/about_circle_bg.png)repeat-y; padding:30px; margin-bottom:3%;}



.about_box_tlt{ font-size: 30px; padding-bottom: 24px; text-align: center; border-bottom: 2px solid #cdcdbf; color: #333; font-weight: 500; margin-bottom: 20px;}
.no_sub { margin-top: 39px!important;}

.about_circle2_pd { padding-bottom: 45px;}

.about_circle_lft { float: left; padding-right: 30px;}

.about_circle_rgh { max-width: 763px; float: left;}

.no1 picture,
.no1 p,
.about_service_txt,
.comments,
#about_us .about_circle_bg small{ width:100%; max-width:800px; margin:0 auto 10px; display: block; box-sizing: border-box;}



.about_attitude_txt_sm { text-align: right; padding-top: 10px; padding-right: 25px; font-size: 12px; letter-spacing: 0.8px; font-weight: 500;}



.about_border { width: 764px; height: 1px; background: #cdcdbf; float: right; margin: 0px 0px 7px 0px;}
.about_circle_lft{ padding-top: 5px; padding-bottom: 5px;}

.second_para { margin-top: 15px;}

.about_attitude_txt { font-size: 16px; line-height: 1.5em; letter-spacing: 0.9px; color: #333;}

.about_logo_blk { border-radius: 10px; text-align: center; padding: 43px 0px 26px 0px; background: #f0eeeb;}


.about_logo { padding: 33px 0px 24px 6px; display: flex;justify-content: center;}
.about_logo li{margin:0 1%; padding: 10px; background:#fff; border-radius:5px;}
.about_logo_ttl { font-size: 25px; font-weight: 500; line-height: 1.5em;}

.about_logo_txt { max-width: 702px; margin: 0 auto; text-align: left; line-height: 28px; font-size: 16px; color: #333; letter-spacing: 1.5px;}

.about_reason_ttl { font-size: 50px; color: #fff; font-weight: 500;}

.about_reason1_bg {margin: 0 auto;background-color: #fff;}

.about_reason1_in { max-width: 560px; text-align: center; padding: 15px 0px 23px 0px;}

.about_reason2_in { max-width: 560px; text-align: center; padding: 23px 0px 36px 0px;}

.about_reason3_in { max-width: 560px; text-align: center; padding: 22px 0px 34px 0px;}

.about_reason3_in .about_reason_sub_ttl { padding: 21px 0px 5px 0px;}

.about_reason_sub_ttl { font-size: 40px; color: #2bbdcc; font-weight: 500; letter-spacing: 3px; padding: 19px 0px 5px 0px;}

.about_reason_txt_blk { text-align: center;}

.about_reason_txt { color: #666666; font-size: 25px; line-height: 1.4em; font-weight: 500;}

.about_reason_txt2 { margin-top: 13px; font-size: 16px; text-align: left; color: #666;}

.about_reason_ttl_blk { text-align: center; padding: 28px 0px 23px 0px; background: #2bbdcc;}

.people_choice { padding-top: 7px; padding-right: 34px;}

.about_reason_blk_white_txt { font-size: 16px; line-height: 1.5em; max-width: 783px; margin: 0 auto; padding: 45px 0px 60px 0px; color: #333;}

.about_reason2_bg {margin: 0 auto; background-color: #F1FAFC;}

.about_reason3_bg { margin: 0 auto; background-color:#fff;}
.about_reason1_bg  .container{ background: url(../images/about/reason1bg.png)no-repeat; background-size: contain; background-position: right;}
.about_reason2_bg  .container{ background: url(../images/about/reason2bg.png)no-repeat;  background-size:contain; background-position: top right;}
.about_reason3_bg  .container{ background: url(../images/about/reason3bg.png)no-repeat; background-size: contain; background-position: top right;}

.about_reason3_bg strong{ font-weight:500;}

.about_reason_sub_ttl span { font-size: 30px;}



.about_logotxt_sec { color: #333; text-align: center; margin: 72px 0px 45px 0px;}

.about_logotxt_ttl { font-size: 25px; padding: 40px 0px 25px 0px; font-weight: bold; letter-spacing: 3px;}

.about_logotxt_txt { font-size: 16px; line-height: 1.6em; letter-spacing: 2px;}

.about_link_sec { padding: 29px 0px 43px 0px;}

.about_link_sec ul li { width: 33.3%; float: left;}

.about_link_sec ul li a { font-weight: 500; color: #666666; font-size: 20px; display: block; text-align: center; padding: 26px 0px; border-left: 1px solid #999999; letter-spacing: 2px;}

.about_link_sec ul li a:hover { transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; opacity: 0.8;}

.about_link_sec ul li:last-child a { border-right: 1px solid #999999;}

.about_faq_sec { width: 83%; max-width: 940px; padding: 48px 0px 40px 0px; margin: 0 auto;}

.about_faq_cover { background: #ebe7e1; width: 100%;}

.about_faq_inner { max-width: 1140px; margin: 0 auto; padding-bottom: 30px;}

.about_faq_cover .feature_tel { margin-bottom: 0px;}

.about_faq_ttl { font-size: 50px; color: #333; text-align:center; font-weight: 500; padding-bottom: 16px; letter-spacing: 0;}

.about_faq_ttl_blk { text-align: center; margin-bottom: 29px;}

.about_faq_in { background: #fff; border-radius: 10px; padding: 45px 61px 36px 79px; margin-bottom: 16px;}

.about_faq_q { color: #9FA521; font-family: Satisfy; font-size: 40px; font-weight: bold; margin-top: -10px; display: block;}

.about_faq_a { color: #ff778a; font-family: Satisfy; font-size: 40px; font-weight: bold; margin-top: -10px; display: block;}
.sub_tlt { font-family: Satisfy; font-size: 2.5em; display: block; text-align: center;}


.about_faq_in dl dt { float: left; width: 90px; text-align: center;}

.about_faq_in dl dd { font-weight: 500; font-size: 20px; color: #333; letter-spacing: 1px;}

.about_faq_in dl.about_faq_answer dd { font-size: 16px; font-weight: normal;overflow: hidden;}

.about_faq_answer { padding-top: 16px; border-top: 1px solid #ccc;}

.about_faq_btn { color: #333; font-weight: 500; display: block; border: 1px solid #ccc; color: #333; background: #fff; max-width: 390px; margin: 0 auto; border-radius: 3px; font-size: 16px; text-align: center; position: relative; line-height: 30px; padding: 5px 0px; margin-top: 30px;}



.about_faq_btn i { color: #b2b242; font-size: 16px; font-weight: bold; padding-left: 5px;}

.about_faq_btn:hover { opacity: 0.8; display: block;}

.service_flow { width: 100%; background: #fff; padding-bottom: 40px;}

.work_step_cv { margin: 36px 0px 10px 0px!important;}

.service_flow_tlt { padding: 52px 0 21px 0;}

#about_us .tlt_style { font-size: 50px; color: #333; font-weight: 500; text-align: center; margin-bottom: 13px;}

#about_us .sub_tlt { font-family: Satisfy; display: block; text-align: center;}
.about_reason_ttl_blk .sub_tlt { color:#fff;}

.about_reason1_sp { width: 100%;}

.service_flow_workbtn { background: #fff; padding: 0px 0 30px 0;}

.workbtn_gp { width: 80%; max-width: 834px; margin: 0 auto; padding-left: 25px;}

.workbtn_gp i { font-size: 28px; font-weight: bold; margin-left: 17px; padding-bottom: 1px;}

.workbtn_l,
.workbtn_r { display: block; width: 49%; max-width: 403px; font-size: 20px; color: #a0a51a; text-align: center; border: 2px solid #a0a51a; border-radius: 27px; padding: 8px 0px;}

.workbtn_l br,
.workbtn_r br { display: none;}

.workbtn_l { float: left;}

.workbtn_r { float: right;}

.workbtn_l:hover,
.workbtn_r:hover { opacity: 0.7;}

.work_step { background: #ebe7e1; padding: 29px 85px 45px 85px;}

.work_step h2 { margin-bottom: 37px;}

.work_step_tlt { font-size: 30px; padding-bottom: 24px; letter-spacing: 5px; text-align: center; border-bottom: 2px solid #cdcdbf; color: #333; font-weight: 500;}

.part_time_stepgp { display: flex; flex-wrap: wrap; justify-content: space-between; width: 99%; max-width: 947px; margin: 0 auto;}

.part_time_stepgp li { display: block; float: left;}

.li_margin { margin: 0 34px;}

.temp_work_04 { margin-bottom: 0px!important; padding-bottom: 24px;}

.part_time_stepgp li a:hover { opacity: 0.7;}

.setp_tlt { background-repeat: no-repeat; background-position: bottom; font-size: 40px; color: #a0a51a; font-weight: bold; padding: 15px 0px 0px 0px; border-bottom: 3px solid #c1c734; margin-left: 28px; letter-spacing: 5px;}

.step_img { margin-left: -28px; margin-bottom: -3px; margin-right: 29px;}

.temp_work_stepgp { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; max-width: 763px; margin: 0 auto; margin-bottom: -8px;}

.temp_work_stepgp li { display: block; float: left;}

.setp_description { background: #fff; padding: 25px 0px 0px 0px;}

.step_box { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-right: 5px; padding-top: 35px;}

.step_box_txt { width:55%; font-size: 16px; color: #333; font-weight: normal; line-height: 1.6em; letter-spacing: 0.6px;}

.step_box_txt span { display: block;}

.step_box_txt .reg { font-size: 20px; font-weight: bold; margin: 0px 0 2px 0; letter-spacing: 1px;}

.step_box_txt .reg span { display: inline-block;}

.step_box_txt .instruction { font-weight: bold; letter-spacing: 0.5px;}

.step_box_txt .txt_readmore a { color: #a0a51a!important; letter-spacing: 1px; border-bottom: 1px solid;}

.step_txt01,
.step_txt02,
.step_txt03,
.step_txt04,
.step_txt05
{ max-width: 570px;}
.step01 .step_txt01 { margin-bottom: 34px;}

.step01 .step_txt02 { margin-bottom: 25px;}

.setp_box_img { width: 40%; padding: 5px 0 15px; margin: auto 2.5%;}

.step01 { margin-bottom: 60px;}

.step02 .step_txt01 { margin-bottom: 23px;}

.step02 .notes { font-size: 12px; font-weight: normal;}

.step02 .step_txt02 { margin-bottom: 8px;}

.step02,
.step04 { margin-bottom: 54px;}

.step03 { margin-bottom: 30px;}

.step_txt02 { margin: 25px 0;}

.step05 { padding-bottom: 15px;}

.temp_work_stepgp li a:hover { opacity: 0.7;}


.customer_voice { width: 83%; max-width: 940px; margin: 0 auto; padding-top: 51px;}

.cu_voice { padding-bottom: 60px;}

.customer_voice { margin-bottom: 40px;}

#about_us .customer_voice .tlt_style { margin-bottom: 20px;}

.customer_voice_01,
.customer_voice_02,
.customer_voice_03 { background: #fff; padding: 54px 144px 65px 139px; border-radius: 10px;}

.customer_voice_01 { margin-top: 60px;}

.voice_tlt_img { width: 23%; float: left;}

.voice_txt { width: 73%; float: right;}

.voice_txt h2 { font-size: 25px; font-weight: bold; color: #a0a51a;letter-spacing: 3.5px; line-height: 1.2em; height: 135px; line-height: 1.2em; display: table-cell; vertical-align: middle;}
h2.about_box_tlt + p.txt_section{text-align:center; font-size:18px;}
.voice_txt span { font-size: 20px; font-weight: normal; color: #999; letter-spacing: 2px; margin-top: 20px; display: block;}

.txt_section { font-size: 16px; font-weight: normal; line-height: 1.5em; color: #333; letter-spacing: 1.7px; margin-top: 17px; box-sizing:border-box;}

.customer_voice_02 { margin: 16px 0;}

#about_us .detail_cnt { width: 30%;}

#customer_voice .feature_tel { margin-top: 42px;}

.about_link_sec ul li a br { display: none;}

.tab_cv { margin: 36px 0px 59px 0px!important;}

.percent_txt { font-size: 50px;}

.step04 .step_img { margin-right: 62px;}

.tab-content { display: none;}

.tab-content.current { display: inherit;}
.workbtn_gp a.current { background: #a0a51a; color:#fff;}

.staff .evaluation,
.client .evaluation{width:96%; margin:2%;}

.staff .evaluation li,
.client .evaluation li{font-size: 1.6em; display: flex; align-items: center;}

.staff .about_txt_block,
.client .about_txt_block{background:#fbf5ef; margin:20px auto; padding:3%; box-sizing:border-box;}


.satisfy:before,
.neither:before,
.dissatisfied:before{content:""; width:2.5em; height:1em; display:inline-block; margin-right:.5em;}
.staff .satisfy:before{ background:#f28180;}
.staff .neither:before{ background:#f7b4b3;}
.staff .dissatisfied:before{ background:#fcdddc;}
.client .satisfy:before{ background:#ff8b00;}
.client .neither:before{ background:#feac4a;}
.client .dissatisfied:before{ background:#ffe2c0;}

.staff dl,
.client dl{width: 100%; display:flex; justify-content: space-between;}

.about_reason_cov {background: #f9f6f1; padding-bottom: 40px;}

.def_list li{list-style: outside; margin-left:1.2em;}

@media (max-width: 1140px) and (min-width: 768px) {
.about_main p{font-size: 0.7em;}
.about_attitude_ttl br { display: none;}
.voice_txt h2 { font-size: 22px;height: 97px;}
.about_banner { padding: 18px 15px;}
.about_circle_rgh { width: 70%; max-width: none; float: right;}
.about_circle_lft { width: 28%; padding-right: 0px;}
.about_border { width: 70%; margin: 20px 0 0 0;}
.about_circle_bg { background-size: cover;}
.about_link_sec { padding: 20px 0;}
.about_reason1_in,
.about_reason2_in,
.about_reason3_in { margin-left: 2%; max-width: 430px;}
.about_faq_ttl_blk p{ max-width: 280px; margin: 0 auto}
.customer_voice_01, .customer_voice_02, .customer_voice_03 { background: #fff; padding: 54px 90px 65px 90px; border-radius: 10px;}
.about_reason1_in img,
.about_reason2_in img,
.about_reason3_in img{ width: 70px;}
.about_reason_txt{ font-size: 20px;}
.about_reason_sub_ttl{ font-size: 30px;}
.no_sub { margin-top: 25px!important;}
.about_logotxt_sec { margin: 30px 0;}
.about_logotxt_ttl { padding: 20px 0;}
.about_reason_cov { padding-bottom: 40px;}
.bg_dark_gray { padding-left: 15px; padding-right: 15px;}

.about_reason1_bg  .container{background: url(/images/about/reason1bg_tab.jpg)no-repeat right , #fff;}
.about_reason2_bg  .container{background: url(/images/about/reason2bg_tab.jpg)no-repeat right , #d9edf3;}
.about_reason3_bg  .container{background: url(/images/about/reason3bg_tab.jpg)no-repeat right , #fff;}



.about_service_left,
.about_service_right { width: 48%; max-width: none;}
.about_txt_block { padding: 20px 0px 30px 0px;}
.work_step { padding: 40px;}
.part_time_stepgp { width: 98%; max-width: none;}
.part_time_stepgp li { width: 20%; text-align: center;}
.li_margin { margin: 0;}
.part_time_stepgp li img { width: 90%;}
.temp_work_stepgp { width: 98%; max-width: none;}
.temp_work_stepgp li { width: 25%; text-align: center;}
.temp_work_stepgp li img { width: 90%;}
.temp_work_stepgp li:last-child { margin-left: 0px;}
.setp_description { padding: 20px;}
.step_box_txt { width: 60%; max-width: none;}
.setp_box_img { width: 38%;}
.setp_tlt { letter-spacing: 2px;}
.step01,
.step02,
.step04,
.step05,
.step_txt02,
.step03 { margin-bottom: 20px;}
.step05 { padding-bottom: 0px;}
.service_flow_tlt { padding: 30px 0;}
.step04 .setp_tlt { padding-top: 0px;}
.tab_cv,
.work_step_cv { margin: 30px auto!important;}

.step04 .step_img { margin-right: 29px;}
.about_faq_in dl.about_faq_answer dd { padding-left: 90px;}
}

.flexbtn{display: flex;justify-content: space-around;}
.btn_about_search a{font-size: 19px;font-weight: bold;text-align: center;display: block;padding: 22px 0px;box-shadow: 0 6px 0 #67940f;width:400px;}
.btn_about_search a:hover{box-shadow: 0 6px 0 #44610a;}

@media all and (max-width: 767px) {
.sub_tlt { font-size: 1.5em;}
.about_main .conteiner{font-size:1.2em;}
.about_main .conteiner div{padding:1%;}
.about_main h1{font-size:1.2em;}
.about_main figure{width:30%;}
#about_us small{font-size:9px;}
.tab-content { display: none; background: #ededed;}
.about_service_left img,
.about_service_right img { width: 100%;}
.about_link_sec ul li:first-child>a { border-left: none;}
.about_link_sec ul li:last-child>a { border-right: none;}
.about_link_sec ul li a br { display: block;}
.bnr_sec .about_banner .bnr_text_green { font-size: 16px; letter-spacing: 1px; padding: 0px 7px;}
.degree_txt {
font-weight: 500; font-size: 35px;}
.percent_txt { font-size: 40px;}
.degree_img img { width: 100%;}
.satisfaction_degree_cov { padding: 0px; max-width: 620px; padding-bottom: 20px;}
.degree_txt_sm { font-size: 16px; color: #999999;}

.about_attitude_txt_sm { text-align: left;}
.degree_img { width: 15%; float: left; padding-top: 0px;}
.satisfaction_degree { width: 85%;}
.about_txt_block { font-size: 14px; padding: 10px 15px; letter-spacing: 1px; font-weight: 500; text-align: justify;}
.about_service_txt { font-size: 16px; font-weight: 500; padding-top: 10px; line-height: 1.5em; margin-left: 1em;}
.temp_work_stepgp { width: 100%; margin: 0 auto;}
.temp_work_stepgp li { width: 25%; text-align: center; margin-bottom: 25px;}

.about_attitude_ttl br { display: none;}
.about_reason1_bg{ background: url(../images/about/reason1bg_sp.png)no-repeat; background-size: contain;}
.about_reason2_bg{ background: url(../images/about/reason2bg_sp.png)no-repeat; background-size: contain;}
.about_reason3_bg { background: url(../images/about/reason3bg_sp.png)no-repeat; background-size: contain;}
.about_reason1_bg  .container,
.about_reason2_bg  .container,
.about_reason3_bg  .container{ background:none;}

.about_reason_sub_ttl { font-size: 28px; text-align: left; padding-top: 20px; font-weight: bold;}

#about_us #main { padding: 0px 15px; box-sizing: border-box; margin-top: 20%;}

.bnr_sec .about_banner .bnr_text { padding: 10px 7px 0 7px; box-sizing: border-box; font-size: 12px; text-align: justify;}
.about_attitude_sec { padding: 10px 10px 25px 10px;}
.attitude_img img { margin-top: -20%;}
.about_circle_bg { padding: 5%; background-size: contain; background-repeat: repeat;}
.about_circle_lft { float: left; width: 40%; max-width: none; padding-right: 10px; text-align: center; box-sizing: border-box;}
.about_circle_lft { padding-top: 0; padding-bottom: 0;}

.about_service_left,
.about_service_right { width: 100%; float: none; max-width: none;}
.about_service_left { padding-bottom: 20px;}
.about_circle_lft img { max-width: 365px; width: 100%;}
.about_circle_rgh { float: right; width: 60%; max-width: none;}
.about_attitude_ttl { font-size: 24px; color: #F08281; padding-top: 0; line-height: 1.5em; padding-bottom: 10px;}
.about_attitude_ttl br{ display: none;}
.about_attitude_txt { font-size: 14px; line-height: 1.6em;}
.about_logo img { width: 100%; max-width: 600px;}
.about_logo_txt { font-size: 14px; padding: 0 5%; line-height: 1.6em;}
.about_link_sec ul li a { font-size: 12px; padding: 2%; display: table-cell; vertical-align: middle;}
.about_link_sec ul li { display: table;}

.about_reason1_in,
.about_reason2_in,
.about_reason3_in { margin-left: 15px; text-align: left; padding-top: 5px; padding-bottom: 0;}
.about_reason3_in strong{display:block;}
.about_reason1_in img,
.about_reason2_in img,
.about_reason3_in img { width: auto; max-width: 110px;}

.about_reason1_in h3{padding-top:5px;}
.about_reason2_in h3 {padding: 15px 0 30px;}

.about_reason1_in picture,
.about_reason2_in picture {margin: 1em 0px; display: block;}
.about_reason_txt,
.about_reason_txt2 { padding: 0px 15px; font-size: 14px;}
.about_reason_txt { color: #333; padding-top: 20px; font-size: 18px;}
.about_reason_sub_ttl strong { font-weight: 700; font-size: inherit;}
.about_reason_txt2 { color: #666; padding-bottom: 20px;}
.about_reason_txt2.no_sub { margin-top: 0 !important; padding-top: 30px;}
.about_reason3_in .about_reason_sub_ttl { padding: 10px 0px 0px 0px;}
.about_logotxt_txt { font-size: 14px; text-align: justify; letter-spacing: 2px; line-height: 1.6em; padding: 0 15px;}
.about_logotxt_ttl { padding: 20px 0; font-size: 20px;}
.about_logotxt_ttl img { width: 90%;}
#about_us .feature_tel_in { max-width: 550px;}
#about_us .detail_cnt { width: 48%; float: left;}
#about_us .tlt_style { font-size: 40px;}
#about_us .customer_voice .tlt_style { color: #666;}
.workbtn_l,
.workbtn_r { width: 49%; display: block; max-width: 360px; border-radius: 3px 3px 0px 0px; background: #cdcdbf; color: #fff; border: none; padding: 20px 0;}
.workbtn_gp { width: 95%; padding: 0;}
.work_step { padding: 5%;}
.part_time_stepgp { width: 100%; margin: 0 auto; justify-content: center;}
.part_time_stepgp li { width: 20%; text-align: center; margin-bottom: 25px;}
.part_time_stepgp li img { width: 90%;}
.li_margin { margin: 0;}
.step_box_txt { width: 100%; max-width: none; float: none; font-size: 14px; letter-spacing: 0px;}
.about_logo_blk { padding: 20px 40px; border: 1px solid #fff;}
.about_reason_ttl_blk { padding: 5%;}
.about_reason_ttl { font-size: 40px;}

.about_faq_sec { padding: 40px 7px 20px 7px; width: 100%; max-width: inherit; box-sizing: border-box;}
.about_faq_in { padding: 20px;}
.about_faq_in dl dt { width: 10%;}
.about_faq_in dl dd { width: 88%; float: left;}
.about_faq_in dl dd { font-size: 16px; font-weight: bold; padding:0 10px; box-sizing: border-box;}
.about_faq_answer { padding-top: 10px; display: none;}

.about_faq_in dl.about_faq_answer dd { font-size: 14px;}
.about_faq_a { margin-top: 0;}
.about_faq_q{ margin-top: -7px;}
.about_faq_question dd{ position: relative;}
.setp_tlt:before,
.setp_tlt:after,
.about_faq_question dd:before,
.about_faq_question dd:after{content:""; display: block; position: absolute; top:50%; right: 0; width: 10px; height: 2px; background: #666;}
.setp_tlt:before,
.setp_tlt:after{right:5px;}
.setp_tlt:after,
.about_faq_question dd:after{transform: rotate(90deg); transition: .3s;}
.setp_tlt.open:after,
.about_faq_question.open dd:after{transform: rotate(180deg);}
.about_faq_q,
.about_faq_a { font-size: 24px;}
.about_faq_ttl { font-size: 40px; color: #666;}
.about_faq_in dl.about_faq_answer dd { font-size: 14px; padding-left: 10px; box-sizing: border-box;}
.bnr_sec .about_banner .bnr_text { padding: 10px 7px 0px 7px; font-size: 12px; line-height: 1.5em; letter-spacing: 1.5px;}
.bnr_sec .about_banner .bnr_text { padding: 10px 7px 0px 7px; font-size: 12px; line-height: 1.5em; letter-spacing: 1.5px;}
.step01,
.step02,
.step03,
.step04 { margin-bottom: 40px;}
.step_txt02 { margin: 0;}
.temp_work_stepgp li img { width: 80%;}
#about_us .txt_btn { padding-top: 0px;}
#about_us .feature_tel_txt01 p { margin-bottom: 10px;}
.workbtn_l:hover,
.workbtn_r:hover { background: #a0a51a;}
.temp_work_stepgp li:last-child { margin-left: 0px;}
.service_flow_tlt,
.service_flow_workbtn { background: #f9f6f1;}
.service_flow_workbtn { padding-bottom: 0px;}
.workbtn_gp i { display: none;}
.setp_tlt { border-bottom: 1px solid; text-align: center; margin-left: 0px; font-size: 30px; letter-spacing: 0px;}
.step_img { margin: 2px; display: block; max-width: 150px;}
.setp_description { padding: 15px;}
.about_logotxt_sec { margin: 40px 0;}
.temp_work_stepgp li:last-child { margin-left: 0px;}
.customer_voice { width: 100%; padding-top: 40px; margin-bottom: 20px; padding-left: 7px; padding-right: 7px; box-sizing: border-box;}
.cu_voice .feature_tel { margin-top: 40px;}
.customer_voice_01,
.customer_voice_02,
.customer_voice_03 { padding: 20px 40px;}
.voice_txt h2.sp_voice_tlt { font-size: 20px; font-weight: bold; color: #a0a51a; margin-top: 0; letter-spacing: 2px; line-height: 1.2em; margin-bottom: 0; height: 120px;}
.voice_txt span { font-size: 25px;}
.tlt_section { width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
#about_us .list_pgseo { font-size: 14px; color: #333; padding: 10px 20px;}
.txt_section { font-size: 14px; letter-spacing: 0px; padding-left: 20px; padding-right: 20px;}
.customer_voice_01 { margin-top: 40px;}
.work_step_tlt{ font-size: 16px; padding-bottom: 10px; letter-spacing: 1px; border-bottom: 1px solid #cdcdbf;}
.about_box_tlt{ font-size: 18px; padding-bottom: 10px; letter-spacing: 1px; border-bottom: 1px solid #cdcdbf;}
.about_reason_cov { padding-bottom: 20px;}
.service_flow .feature_tel { margin: 0px 0px 20px 0px;}
.cu_voice { padding-bottom: 0px;}
.about_faq_cover { background: #f9f6f1; margin-bottom: 0; padding-bottom: 0;}
.about_logotxt_sec h2 { text-align: center;}
.about_logotxt_sec h2 img { width: 60%;}
.step_txt01,
.step01 .step_txt01,
.step01 .step_txt02,
.step02 .step_txt01 { margin-bottom: 20px;}
.step_txt02{ margin-bottom: 0px;}
.setp_tlt { padding-top: 0px;}
.step_box { padding-top: 20px;}
.about_logo_ttl { width: 80%; margin: 0 auto; font-size: 18px; font-weight: normal; padding-bottom: 5px;}
.about_logo_txt { padding: 0; font-size: 14px;}
.step_box_txt .reg { font-size: 14px;}
.step05 { padding-bottom: 0px;}
.workbtn_l br,
.workbtn_r br { display: block;}
.people_choice img { width: 46%; max-width: 300px;}
.about_banner { padding: 12px 0px 5px 0px;}
.service_flow { padding-bottom: 0px;}
.about_faq_btn { margin-top: 20px;}
.step04 .step_img { margin: 2px;}
#about_us .list_pgseo a{ color: #b8bc58;}
#about_us .bnr_sec .list_pgseo a{ color: #9f7e39;}

.about_faq_ttl_blk p { width: 37%; margin: 0 auto;}
.step_box { flex-direction: column;}

.setp_box_img { max-width: 400px; text-align: center; width: 65%; margin: 0 auto;}
.eq_results{flex-direction: column;}
.eq_voice img{width:25%;}
.eq_voice .txt_section{font-size:12px; padding:0; margin: 0;}

.eq_results img{ width:100%;}

}





@media all and (max-width: 500px) {
.feature_tel_btn a{ font-size: 12px;}
#about_us #main { padding: 0px 10px;}
.about_reason_ttl { font-size: 25px;}
.degree_txt { font-weight: 500; font-size: 22px;}
.percent_txt { font-size: 30px;}
.degree_txt_sm { font-size: 10px; color: #999999;}
.people_choice img { width: 36%; max-width: 300px;}
.about_reason_sub_ttl { font-size: 20px; padding-top: 15px;}
.about_circle_lft img { width: 100%; max-width: none;}
.about_attitude_ttl { font-size: 16px;}
.about_attitude_ttl br { display: none;}

.about_logo { padding: 10px;}
.about_logotxt_ttl { font-size: 16px;}
.about_logotxt_txt { font-size: 14px; letter-spacing: 1.5px;}
.about_logotxt_sec { margin: 20px 0;}
.service_flow_tlt { padding: 20px 0;}
#about_us .tlt_style { font-size: 20px; margin-bottom: 10px;}
.workbtn_l,
.workbtn_r { font-size: 13px; padding: 7px 5px; box-sizing: border-box;}
.step_box { padding: 20px 0; display: none;}
.step01 .step_txt01 { margin-bottom: 20px;}
.setp_tlt { font-size: 16px; display: flex; align-items: center; padding:10px 0;position: relative;}
.step_img { max-width: 66px;}
.customer_voice_01,
.customer_voice_02,
.customer_voice_03 { padding: 3%; border-radius: 5px;}
.tlt_section { width: 90%;}
.customer_voice { padding-top: 10px;}
.voice_txt h2.sp_voice_tlt { font-size: 18px; letter-spacing: 1px;}
.voice_txt span { font-size: 16px; margin-top: 5px;}
#about_us .list_pgseo { font-size: 14px;}
#about_us span.seomore { width: 70%;}
#about_us .list_pgseo a { width: 29%;}
.txt_section { font-size: 14px;}
#about_us .customer_voice .tlt_style { margin-bottom: 10px;}
.customer_voice_01 { margin-top: 20px;}
.about_faq_ttl_blk p { width: 54%; margin: 0 auto;}
.voice_txt h2.sp_voice_tlt { margin: 10px 0; height: 85px;}
.step01,
.step02,
.step03,
.step04 { margin-bottom: 0px;}
.about_faq_ttl { font-size: 30px; padding-bottom: 5px;}
.about_reason1_in img,
.about_reason2_in img,
.about_reason3_in img { width: 85px;}
.people_choice img { width: 75%; max-width: 300px;}
#about_us .service_flow .tlt_style { font-size: 30px;}
#about_us .customer_voice .tlt_style { font-size: 30px; margin-bottom: 5px;}
.about_logo_blk { padding: 30px 20px 20px 20px;}
.about_link_sec { padding: 20px 0;}
.about_faq_sec { padding-top: 20px;}
.work_step_cv { margin: 0px 0px 10px 0px!important;}

.btn_about_search{width: 48%; padding:2px 0;}
.btn_about_search a{font-size: 12px;padding: 6px 0px; box-shadow: 0 3px 0 #67940f;width:100%;display: flex;    align-items: center;    justify-content: center;min-height: 30px;}
.btn_about_search a:hover{box-shadow: 0 3px 0 #44610a;}

}





@media all and (max-width: 320px) {
.degree_txt { font-size: 18px;}
.percent_txt { font-size: 22px;}
.degree_txt_sm { font-size: 9px; color: #999999;}
.degree_img { width: 15%;}
.about_reason1_in img,
.about_reason2_in img,
.about_reason3_in img { width: 85px; max-width: 170px;}
.about_reason_sub_ttl { font-size: 20px; padding-top: 10px;}
.bnr_sec .about_banner .bnr_text_green { font-size: 14px;}
.about_attitude_ttl { width: 95%;}
.about_attitude_ttl { font-size: 14px;}
.about_txt_block { font-size: 12px;}
#about_us .service_flow .tlt_style{ font-size: 27px;}
.about_faq_ttl { font-size: 27px; padding-bottom: 5px;}
.about_faq_ttl_blk p { width: 57%; margin: 0 auto;}
.step_sp_img { width: 75%;}
#about_us .list_pgseo { font-size: 12px;}
#about_us .list_pgseo { padding: 10px 12px;}
.tlt_section { width: 95%;}
.txt_section { font-size: 12px; padding-left: 12px; padding-right: 12px;}
.about_reason1_in img,
.about_reason2_in img,
.about_reason3_in img { width: 80px;}
}



#formTop #formTitle{ padding: 10px 0px; text-align: center; font-size: 25px; font-weight: bold; background: #28B030; color: #FFF; border: none;}

@media only screen and (max-width: 1140px){
#about_us .detail_cnt img { max-width: 100%;}
}

@media screen and (max-width: 599px){
#formTop #formTitle { font-size: 4.8vw;}
}

#formTop{ width:96%; max-width:940px; margin:auto;}
#onformcopy, .onlinkbtncopy { text-align: center; width: 100%; max-width: 800px; margin: 30px auto 5px; color: #28B030; stroke: #28B030; font-size: 2.5em;}
#formTop .formWrapper{ border: 1px solid #28B030; background: #DBE4C7; padding: 1%; box-sizing: border-box;}



/*転職者の声*/

.eq_results,
.eq_voice{display:flex; justify-content: space-between; width: 96%; max-width: 800px;align-items: center;}
.eq_voice span{display: block;
    text-align: right;
    font-size: .9em;
}
.staff .voicetab{
    display: flex;
    max-width: 800px;
    margin: auto;
    pointer:cursor;
}
.voicetab li{
    width: 27%;
    justify-content: center;
    padding: 1% 3%;
    margin: 35px 5px 15px;
    text-align:center;
    font-size: 1.6em;
    color: #a7a791;
    background: #e8e8d2;
    border: 1px solid #eee;
    border-bottom: none;
    border-radius: 30px;
    transition: .2s;
    cursor: pointer;
}
.voicetab li.activetab{
    width: 40%;
    font-size: 1.8em;
    color: #fff;
    background: #a0a51a;
}
.voicearea{}
.voicelist{}

.voicelist{display: none;}
.voicelist.showtab{
    display: block;
    padding: 1%;
    max-width: 800px;
    margin: auto;
    box-sizing: border-box;
}


.eq_results{align-items: center; margin: 10px auto;}
.eq_voice{ margin: 20px auto;}
.eq_voice .txt_section{
    position: relative;
    width: 100%;
    padding: 2%;
    border: 2px solid ;
    border-radius: 6px;
    margin: 0;
    background: #fff;
}

.eq_voice .txt_section:before,
.eq_voice .txt_section:after{
    content:"";
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    border: 15px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.eq_voice .txt_section:after{
    color:#fff;
    left: -27px;
}

.eq_voice img{margin-right:3%; }
.eq_results img{ max-width:450px;}

.staff .eq_voice .txt_section{ border-color: #ed8282;}
.staff .eq_voice .txt_section:before{border-right-color: #ed8282;}
.client .eq_voice .txt_section{ border-color: #f88b25;}
.client .eq_voice .txt_section:before{border-right-color: #f88b25;}

@media only screen and (max-width: 640px){
    .eq_voice{align-items: center;}
    .voicetab li span{display: none;}

    .voicelist.showtab{
    width: 110%;
    margin-left:-5%;
    }
}


/* 初めての方動画 */
.flow_movie{
    position:relative;
    background:#6dccd7;
    background-image: repeating-linear-gradient( -45deg, rgba(150,150,150,0.1), rgba(150,150,150,0.1) 5px, transparent 0, transparent 10px);
    width: 96%;
    max-width: 1140px;
    margin: auto auto 20px;
    padding: 2%;
    box-sizing: border-box;
    border-radius: 15px;
    overflow: hidden;
    font-size: 24px;
    font-size: clamp(16px,5.4vw,2.4em);
}
.flow_movie::before{
    content: "PICK UP!";
    background: #ccce4f;
    position: absolute;
    transform: rotate(-45deg);
    top: -150px;
    left: -120px;
    width: 180px;
    height: 240px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: .9em;
    font-weight: bold;
    box-sizing: border-box;
    background-image: repeating-linear-gradient(
0deg, rgba(150,150,150,0.1), rgba(150,150,150,0.1) 5px, transparent 0, transparent 10px);
}
.flow_movie .wrapper{width:96%; margin: auto; display: flex;  justify-content: space-around; align-items: center; flex-wrap:wrap;}
.flow_movie .content{max-width: 500px;text-align: center;}


.flow_movie_tit{ font-family: "Jun 34", "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", sans-serif; font-size: clamp(18px,5.5vw,1.3em) ;color:#fff;}
.flow_movie_titdeco{ font-family: "Jun 34", "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", sans-serif; display:inline-block;background: #fff; color: #2bbccd; border-radius: 5px; padding: 3px 20px; margin: 15px auto;}
.flow_movie_txt{font-size: .7em; text-align: left; margin: 15px auto 5px;}
.moviecontent video{width: 100%; max-width: 350px; height: auto;}

#inline_content video {
    width: 100%;
    max-width: 845px;
    height: auto;
}

.hide-pc2{display:block;}
.hide-sp2{display:none;}
.l_flex{
    display: flex;
}
.flex1{
    flex:1;
}
@media screen and (max-width:926px) {
    .hide-pc2{display:none;}
    .hide-sp2{display:block;}
}

.moviecontent{position: relative;}
.thumb_movie{max-width:350px;}

@media screen and (max-width:640px) {
    .flow_movie::before{
    top: -165px;
    left: -135px;
    font-size: 0.8em;
    }
    .moviecontent{margin-bottom:20px;}
    .l_flex{
        flex-direction: column;

    }
}