#service-detail div.mynum_txt_beans figure img{float: none!important;margin-right: 0!important;}#service-detail figure.o2_img img{height: auto;}.db{display: block;}#service-detail{ line-height: 1.8;} #service-detail .pagetitle_logover h2,#service-detail .pagetitle_logover h1{ font-size: 42px; line-height: 52px; font-weight: 700; margin-top: 1rem;} #service-detail .pagetitle_logover p{ font-size: 20px; font-weight: 700; margin-top: 0.5rem;} #service-detail .pagetitle_txtver{ width: 100%; color: #000; background: rgba(255,255,255,0.7); height: 350px; text-align: center;} #service-detail .pagetitle_txtver div{ position: absolute; left: 0; right: 0; display: flex; height: 350px; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap;} #service-detail .pagetitle_txtver h2,#service-detail .pagetitle_txtver h1{ font-size: 42px; line-height: 52px; font-weight: 700; margin-bottom: 1rem;} #service-detail .pagetitle_txtver p{ font-size: 20px; font-weight: 700;} #service-detail .service_content section{ width:960px; margin: 0 auto 60px auto;} #service-detail .service_content section:first-of-type{ margin-top: 30px;} #service-detail .service_content section:last-of-type{ margin-bottom: 100px;} #service-detail .service_content .column-flex{ display:flex; justify-content: space-between; flex-wrap: wrap;} #service-detail .service_content h3,#service-detail .service_content h2{ font-size: 26px; line-height: 38px; font-weight: 700; margin-bottom: 1rem; color: #538EB4;} #service-detail .service_content p,#service-detail .service_content figure{ margin-bottom: 2em;} #service-detail .service_content table{ border:1px solid #D0D0D0;} #service-detail .service_content table th, #service-detail .service_content table td{ border-bottom :1px solid #D0D0D0; padding: 1em;} #service-detail .service_content table th{ background: #F4F4F4; border-right :1px solid #D0D0D0;} #service-detail .service_content table caption{ font-weight: 700; margin: 0.5em 0;} #service-detail dl.faq dt{ margin-bottom: 1em} #service-detail dl.faq dt::before{ content: ""; display: inline-block; width: 20px; height: 12px; background-image: url(../img/service/icn_faq_q.svg); background-repeat: no-repeat; background-size: contain; vertical-align: middle;} #service-detail dl.faq dd{ color: #538EB4; font-weight: 700; margin-bottom: 1.5em; margin-left: 20px;} #service-detail ul.list_problem{ display: flex; justify-content: space-between; flex-wrap: wrap;} #service-detail ul.list_problem li{ width: 460px; background-image: url(../img/service/bg_problem_list.svg); background-repeat: no-repeat; height: 80px; color: #FFF; font-size: 24px; font-weight: 700; margin-bottom: 0.5em; text-align: center; line-height: 80px;} #service-detail ul.list_point-yellow li{ font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 0.7em; margin-left: 1.5em; list-style-image: url("../img/service/icn_point_yellow.svg");} #service-detail ul.list_point-red li{ font-weight: 400; font-size: 20px; line-height: 28px; margin-bottom: 0.7em; margin-left: 1.5em; list-style-image: url("../img/service/icn_point_red.svg");} #service-detail .arrow_line{ position: relative; padding-bottom: 20px; border-bottom: 3px #CACACA solid; margin-bottom: 60px;} #service-detail .arrow_line::before{ content: ""; position: absolute; right: 0; bottom: -30px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #CACACA transparent transparent transparent; border-width: 30px 30px 0 30px;} #service-detail .arrow_line::after{ content: ""; position: absolute; right: 0; bottom: -26px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 26px 26px 0 26px;} #service-detail .arrow_triangle{ width: 0; height: 0; border-style: solid; border-width: 43px 44px 0 44px; border-color: #cacaca transparent transparent transparent; margin: 30px auto;} #service-detail section.cam_merit h5{ text-align: center; margin: 100px 0 3em 0;} #service-detail section.cam_merit ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;} #service-detail section.cam_merit ul li{ width: 310px; margin-bottom: 1em;}#service-detail h2.case_title{ text-align: center; font-size: 30px; font-weight: 700; padding: 60px 0;} #service-detail ul.case{ margin-bottom: 0; padding-bottom: 30px;} #service-detail ol.steps li{ display: flex; justify-content: space-between; margin-bottom: 40px;} #service-detail ol.steps li div.steps_number{ width: 145px; background: #64C8E6; color: #FFF; text-align: center; position: relative;} #service-detail ol.steps li div.steps_number::after{ position: absolute; content: ""; border:none; width: 100%; height: 30px; bottom:-30px; left: 0; background-image: url(../img/service/img_arrow_blue.svg); background-repeat: no-repeat; background-size: contain;} #service-detail ol.steps li:last-of-type div.steps_number::after{ background: none;} #service-detail ol.steps li div.steps_number::before{ position: absolute; width: 100%; height: 60px; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ol.steps li:nth-of-type(1) div.steps_number::before{ background-image: url("../img/service/icn_step00.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(1) div.steps_number::before{ background-image: url("../img/service/icn_step00.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(2) div.steps_number::before{ background-image: url("../img/service/icn_step01.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(3) div.steps_number::before{ background-image: url("../img/service/icn_step02.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(4) div.steps_number::before{ background-image: url("../img/service/icn_step03.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(5) div.steps_number::before{ background-image: url("../img/service/icn_step04.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(6) div.steps_number::before{ background-image: url("../img/service/icn_step05.svg"); top:1em;} #service-detail ol.steps li:nth-of-type(7) div.steps_number::before{ background-image: url("../img/service/icn_step06.svg"); top:1em;} #service-detail ol.steps li div.steps_note{ width: 760px;} #service-detail ol.steps li div.steps_note .steps_title{ font-size: 20px; font-weight: 700; color: #538EB4; margin: 0;} #service-detail ol.steps li div.steps_note .steps_txt{ line-height: 1.8; margin: 0;} #service-detail ol.step li{ display: flex; justify-content: space-between; margin-bottom: 40px;} #service-detail ol.step li div.step_number{ width: 145px; background: #64C8E6; color: #FFF; text-align: center; position: relative; min-height: 100px;} #service-detail ol.step li div.step_number::after{ position: absolute; content: ""; border:none; width: 100%; height: 30px; bottom:-30px; left: 0; background-image: url(../img/service/img_arrow_blue.svg); background-repeat: no-repeat; background-size: contain;} #service-detail ol.step li:last-of-type div.step_number::after{ background: none;} #service-detail ol.step li div.step_number::before{ position: absolute; width: 100%; height: 60px; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ol.step li:nth-of-type(1) div.step_number::before{ background-image: url("../img/service/icn_step01.svg"); top:1em;} #service-detail ol.step li:nth-of-type(2) div.step_number::before{ background-image: url("../img/service/icn_step02.svg"); top:1em;} #service-detail ol.step li:nth-of-type(3) div.step_number::before{ background-image: url("../img/service/icn_step03.svg"); top:1em;} #service-detail ol.step li:nth-of-type(4) div.step_number::before{ background-image: url("../img/service/icn_step04.svg"); top:1em;} #service-detail ol.step li:nth-of-type(5) div.step_number::before{ background-image: url("../img/service/icn_step05.svg"); top:1em;} #service-detail ol.step li:nth-of-type(6) div.step_number::before{ background-image: url("../img/service/icn_step06.svg"); top:1em;} #service-detail ol.step li div.step_note{ width: 760px;} #service-detail ol.step li div.step_note .step_title{ font-size: 20px; font-weight: 700; color: #538EB4; margin: 0; line-height: 1.4;} #service-detail ol.step li div.step_note .step_txt{ line-height: 1.8; margin: 0;} #service-detail table.trex{ width:48%;} #service-detail table.trex td{ text-align: right;} #service-detail ul.o2_pointlist{ display: flex; justify-content: space-between;} #service-detail ul.o2_pointlist li{ width: 230px;} #service-detail ul.o2_pointlist li p.icon,#service-detail ul.o2_pointlist li h3.icon{ width: 100%; height: 230px; background: #F4F4F4; text-align: center; position: relative; margin-bottom: 0.5em; font-size: 20px; font-weight: 700;} #service-detail ul.o2_pointlist li p.icon span,#service-detail ul.o2_pointlist li h3.icon span{ position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 40px;color: #000;} #service-detail ul.o2_pointlist li:nth-of-type(4) p.icon span{ font-size: 18px; margin-bottom: 42px;} #service-detail ul.o2_pointlist li p.icon::before,#service-detail ul.o2_pointlist li h3.icon::before{ position: absolute; width: 100%; height: 70px; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.o2_pointlist li:nth-of-type(1) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(1) h3.icon::before{ background-image: url("../img/service/o2_icn_point01.svg"); top:65px;} #service-detail ul.o2_pointlist li:nth-of-type(2) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(2) h3.icon::before{ background-image: url("../img/service/o2_icn_point02.svg"); top:65px;} #service-detail ul.o2_pointlist li:nth-of-type(3) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(3) h3.icon::before{ background-image: url("../img/service/o2_icn_point03.svg"); top:60px;} #service-detail ul.o2_pointlist li:nth-of-type(4) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(4) h3.icon::before{ background-image: url("../img/service/o2_icn_point04.svg"); top:70px;} #service-detail ul.o2_pointlist li p.txt{ margin-bottom: 0;} #service-detail p.o2_img,#service-detail figure.o2_img{ width: 48%;} #service-detail p.o2_img img,#service-detail figure.o2_img img{ width: 100%;} #service-detail p.o2_txt,#service-detail div.o2_txt{ width: 48%;} #service-detail p.o2_txt span,#service-detail div.o2_txt h3{ display: block; font-size: 20px; font-weight: 700;color: #000;} #service-detail ul.o2_option li{ width: 305px;} #service-detail ul.o2_option li img{ width: 100%; border: 1px solid #d0d0d0;} #service-detail ul.o2_option li p.service_title,#service-detail ul.o2_option li h3.service_title{ text-align: center; font-size: 20px; line-height: 28px; font-weight: 700; margin: 1em 0; height: 50px;color: #000;} #service-detail ul.o2_option li p.service_txt{ margin: 0; height: 160px;} #service-detail ul.o2_option li a{ background: none;} #service-detail ul.o2_option li a.btn_blue_center{ width: 100%; height: 60px; line-height: 60px; background: #4983AB; color: #FFF; font-size: 20px; font-weight: 700; margin: 0.7em auto; display: block; position: relative; transition: .3s; z-index: 2; text-align: center;} #service-detail .title_out-zyuminzei{ width: 100%; background-image: url(../img/service/zyumin_bg_title.png); background-size: cover; position: relative;} #service-detail div.zyumin_plan{ width: 600px; margin: 2em auto 0 auto;} #service-detail div.zyumin_plan ul{ margin-top: 1em; font-size: 14px;} #service-detail .title_out-nencho{ width: 100%; background-image: url(../img/service/nencho_bg_title.png); background-size: cover; position: relative;} #service-detail table.nencho{ width: 100%;} #service-detail table.nencho td{ text-align: right;} #service-detail table.nencho th{ font-weight: 400;} #service-detail table.nencho tr.bold th, #service-detail table.nencho tr.bold td{ font-weight: 700;} #service-detail .nencho_detail .column_flex{ display:flex; justify-content: space-between; flex-wrap: wrap;} #service-detail .nencho_detail dl{ width: 48%;} #service-detail .nencho_detail dd{ margin-bottom: 1em;} #service-detail .nencho_detail dd span{ display: block; font-size: 14px;} #service-detail ul.crossnavi_pointlist{ display: flex; justify-content: space-between; margin-bottom: 1em;} #service-detail ul.crossnavi_pointlist li{ width: 180px; height: 230px; background: #538EB4; text-align: center; position: relative;} #service-detail ul.crossnavi_pointlist li::before{ position: absolute; width: 100%; height: 70px; content: ""; background-size: contain; background-repeat: no-repeat; top:55px; background-position: center; display: block;} #service-detail ul.crossnavi_pointlist li:nth-child(1)::before{ background-image: url("../img/service/crossnavi_icn_point01.svg");} #service-detail ul.crossnavi_pointlist li:nth-child(2)::before{ background-image: url("../img/service/crossnavi_icn_point02.svg");} #service-detail ul.crossnavi_pointlist li:nth-child(3)::before{ background-image: url("../img/service/crossnavi_icn_point03.svg");} #service-detail ul.crossnavi_pointlist li:nth-child(4)::before{ background-image: url("../img/service/crossnavi_icn_point04.svg");} #service-detail ul.crossnavi_pointlist li:nth-child(5)::before{ background-image: url("../img/service/crossnavi_icn_point05.svg");} #service-detail ul.crossnavi_pointlist li p{ font-size: 20px; font-weight: 700; color: #FFF; position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 45px;} #service-detail ul.crossnavi_meritlist{ display: flex; justify-content: space-between; align-items: baseline;} #service-detail ul.crossnavi_meritlist li{ width: 310px; margin-top: 30px;} #service-detail .title_out-entrust{ width: 100%; background-image: url(../img/service/entrust_bg_title.png); background-size: cover; position: relative;} #service-detail ul.entrust_pointlist{ display: flex; justify-content: space-between;} #service-detail ul.entrust_pointlist li{ width: 460px;} #service-detail ul.entrust_pointlist li p.icon{ width: 100%; height: 230px; background: #538EB4; text-align: center; position: relative; margin-bottom: 0.5em;} #service-detail ul.entrust_pointlist li p.icon span{ position: absolute; width: 100%; left:0; bottom: 0; color: #FFF; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 30px;} #service-detail ul.entrust_pointlist li p.icon::before{ position: absolute; width: 100%; height: 90px; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.entrust_pointlist li:nth-of-type(1) p.icon::before{ background-image: url("../img/service/entrust_icn_point01.svg"); top:55px;} #service-detail ul.entrust_pointlist li:nth-of-type(2) p.icon::before{ background-image: url("../img/service/entrust_icn_point02.svg"); top:40px;} #service-detail ul.entrust_pointlist li ul{ width: 100% ; margin-top: 1em;} #service-detail ul.entrust_pointlist li ul li{ font-size: 20px; font-weight: 700; background-image: url("../img/service/icn_attention_red.svg"); background-repeat: no-repeat; background-position: left 5px; line-height: 1.4; padding-left: 30px; margin-bottom: 10px;} #service-detail ul.entrust_pointlist li p.txt{ font-size: 14px; padding-left: 30px;} #service-detail .entrust_choice{ text-align: center;} #service-detail .entrust_choice h4,#service-detail .entrust_choice h3{ font-size: 26px; font-weight: 700; color: #538EB4;} #service-detail .entrust_choice ul li{ width: 100%; height: 100px; background: #FFDA2B; font-size: 24px; font-weight: 700; line-height: 100px; margin: 1rem 0; border-radius: 50px;} #service-detail ul.entrust_meritlist{ display: flex; justify-content: space-between; align-items: baseline;} #service-detail ul.entrust_meritlist li{ width: 310px;} #service-detail ol.entrust_meritlist{ margin: 1em 0; list-style-type: decimal; font-weight: 700; font-size:26px; color: #538EB4; margin-left: 1em;} #service-detail ol.entrust_meritlist h4{ font-weight: 700;} #service-detail ol.entrust_meritlist p{ font-size: 16px; line-height: 1.6; font-weight: 400; color: #000; margin-bottom: 1em;} #service-detail ol.entrust_meritlist h5,#service-detail ol.entrust_meritlist h4{ font-size: 20px; font-weight: 700; color: #000;} #service-detail ol.entrust_meritlist span{ display: block; font-size: 12px; font-weight: 400; color: #000; margin-top: -1em;} #service-detail p.entrust_attention{ font-size: 12px; margin-left: 30px;} #service-detail .title_train-lqp{ width: 100%; background-image: url(../img/service/lqp_bg_title.png); background-size: cover; position: relative;} #service-detail ul.lqp_pointlist{ display: flex; justify-content: space-between; margin-bottom: 1em;} #service-detail ul.lqp_pointlist li{ width: 310px; height: 230px; background: #538EB4; text-align: center; position: relative;} #service-detail ul.lqp_pointlist li::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.lqp_pointlist li:nth-child(1)::before{ background-image: url("../img/service/lqp_icn_point01.svg"); height: 70px; top:55px;} #service-detail ul.lqp_pointlist li:nth-child(2)::before{ background-image: url("../img/service/lqp_icn_point02.svg"); height: 50px; top:65px;} #service-detail ul.lqp_pointlist li:nth-child(3)::before{ background-image: url("../img/service/lqp_icn_point03.svg"); height: 100px; top:35px;} #service-detail ul.lqp_pointlist li p{ font-size: 20px; font-weight: 700; color: #FFF; position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 35px;} #service-detail p.lqp_problem{ width: 100%; background-image: url(../img/service/bg_problem_list2.svg); background-repeat: no-repeat; height: 80px; color: #FFF; font-size: 24px; font-weight: 700; margin-bottom: 0.5em; text-align: center; line-height: 80px;} #service-detail .lqp_point{ text-align: center;} #service-detail .lqp_point p{ width: auto; height: 100px; background: #FFDA2B; font-size: 24px; font-weight: 700; line-height: 100px; margin: 60px 0 0 0; border-radius: 50px;} #service-detail .lqp_sheet{ display:flex;} #service-detail .lqp_sheet img{ margin-right: 1em;} #service-detail .title_train-lqs{ width: 100%; background-image: url(../img/service/lqs_bg_title.svg); background-size: cover; position: relative;} #service-detail h4.title_lqs_pointlist{ font-size: 20px; font-weight: 700; margin: 0.5em 0;} #service-detail ul.lqs_pointlist{ display: flex; justify-content: space-between; margin-bottom: 1em;} #service-detail ul.lqs_pointlist li{ width: 180px; height: 230px; background: #538EB4; text-align: center; position: relative;} #service-detail ul.lqs_pointlist li::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; height: 70px; top:55px;} #service-detail ul.lqs_pointlist li:nth-child(1)::before{ background-image: url("../img/service/lqs_icn_point01.svg"); left:10px;} #service-detail ul.lqs_pointlist li:nth-child(2)::before{ background-image: url("../img/service/lqs_icn_point02.svg");} #service-detail ul.lqs_pointlist li:nth-child(3)::before{ background-image: url("../img/service/lqs_icn_point03.svg");} #service-detail ul.lqs_pointlist li:nth-child(4)::before{ background-image: url("../img/service/lqs_icn_point04.svg");} #service-detail ul.lqs_pointlist li:nth-child(5)::before{ background-image: url("../img/service/lqs_icn_point05.svg");} #service-detail ul.lqs_pointlist li p{ font-size: 20px; font-weight: 700; color: #FFF; position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 35px;} #service-detail ul.lqs_pointlist_grey{ display: flex; justify-content: space-between; flex-wrap: wrap;} #service-detail ul.lqs_pointlist_grey li{ width: 230px; margin-bottom: 20px;} #service-detail ul.lqs_pointlist_grey li p.icon{ width: 100%; height: 230px; background: #F4F4F4; text-align: center; position: relative; margin-bottom: 0.5em; font-size: 22px; font-weight: 700;} #service-detail ul.lqs_pointlist_grey li:first-of-type p.icon{ background: #FFDA2B;} #service-detail ul.lqs_pointlist_grey li p.icon span{ position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 30px;} #service-detail ul.lqs_pointlist_grey li p.icon::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(1) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey00.svg"); height:67px; top:75px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(2) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey01.svg"); height:88px; top:60px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(3) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey02.svg"); height:45px; top:80px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(4) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey03.svg"); height:88px; top:60px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(4) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey03.svg"); height:78px; top:60px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(5) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey04.svg"); height:78px; top:60px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(6) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey05.svg"); height:88px; top:50px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(7) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey06.svg"); height:78px; top:55px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(8) p.icon::before{ background-image: url("../img/service/lqs_icn_pointgrey07.svg"); height:78px; top:55px;} #service-detail ul.lqs_pointlist_grey li p.txt{ margin-bottom: 0; line-height: 1.4;} #service-detail div.lqs_sample{ text-align: center;} #service-detail div.lqs_sample img{ border: 1px solid #CACACA;} #service-detail div.lqs_sample p{ font-size: 20px; font-weight: 700; margin: 0.5em 0 -0.2em 0;} #service-detail div.lqs_sample span{ font-size: 14px; font-weight: 400;} #service-detail div.lqs_sheetsample{ width: 48%;} #service-detail div.lqs_sheetsample img{ width: 70%; margin: 0 15%;} #service-detail div.lqs_sheetsample dd{ margin-bottom: 2em;} #service-detail p.mynum_att{ background-image: url("../img/service/icn_attention_red.svg"); background-repeat: no-repeat; background-position: left 5px; padding-left: 30px;} #service-detail div.mynum_txt_beans{ background: #F4F4F4; color: #4FB331; width: 100%; padding: 2em 2em 0.5em 2em;} #service-detail div.mynum_txt_beans img,#service-detail div.mynum_txt_beans figure{ float: left; margin-right: 30px;} #service-detail ul.mynum_pointlist{ display: flex; justify-content: space-between;} #service-detail ul.mynum_pointlist li{ width: 230px;} #service-detail ul.mynum_pointlist li p.icon{ width: 100%; height: 230px; background: #F4F4F4; text-align: center; position: relative; margin-bottom: 0.5em; font-size: 24px; font-weight: 700;} #service-detail ul.mynum_pointlist li p.icon span{ position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 30px;} #service-detail ul.mynum_pointlist li p.icon::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.mynum_pointlist li:nth-of-type(1) p.icon::before{ background-image: url("../img/service/mynum_icn_point01.svg"); height: 100px; top:45px;} #service-detail ul.mynum_pointlist li:nth-of-type(2) p.icon::before{ background-image: url("../img/service/mynum_icn_point02.svg"); height: 80px; top:60px;} #service-detail ul.mynum_pointlist li:nth-of-type(3) p.icon::before{ background-image: url("../img/service/mynum_icn_point03.svg"); height: 85px; top:55px;} #service-detail ul.mynum_pointlist li:nth-of-type(4) p.icon::before{ background-image: url("../img/service/mynum_icn_point04.svg"); height: 60px; top:70px;} #service-detail ul.mynum_pointlist li p.txt{ margin-bottom: 0;} #service-detail .mynum_detail img:first-of-type{ margin-top: 30px;} #service-detail .mynum_detail h4,#service-detail .mynum_detail h3{ text-align: center;} #service-detail .mynum_detail h4 span,#service-detail .mynum_detail h3 span{ margin: 60px auto 30px auto; font-size: 26px; color: #538EB4; font-weight: 700; display: inline-block;} #service-detail .mynum_detail h4 span:after,#service-detail .mynum_detail h3 span:after { background-color: #FFDA2B; border-radius: 3px; content: ""; display: block; height: 6px; margin-top: 5px;} #service-detail .mynum_detail h4 span img,#service-detail .mynum_detail h3 span img{ margin-right: 1em; padding-bottom: 10px;} #service-detail .mynum_point{ width: 460px;} #service-detail .mynum_point img{ margin: 1em 0;} #service-detail .mynum_table{ margin: 30px 0;} #service-detail .mynum_table th:nth-child(2), #service-detail .mynum_table th:nth-child(3){ text-align: center;} #service-detail .mynum_table td{ width: 36%;} #service-detail .mynum_table td{ border-right :1px solid #D0D0D0;} #service-detail .mynum_table ul{ list-style-type:disc; margin-left: 1em;} #service-detail .mynum_detail p.lead{ text-align: center;} #service-detail ul.mynum_pointlist_blue{ display: flex; justify-content: space-between;} #service-detail ul.mynum_pointlist_blue li{ width: 460px;} #service-detail ul.mynum_pointlist_blue li p.icon{ width: 100%; height: 230px; background: #538EB4; text-align: center; position: relative; margin-bottom: 0.5em;} #service-detail ul.mynum_pointlist_blue li p.icon span{ position: absolute; width: 100%; left:0; bottom: 0; color: #FFF; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 30px;} #service-detail ul.mynum_pointlist_blue li p.icon::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.mynum_pointlist_blue li:nth-of-type(1) p.icon::before{ background-image: url("../img/service/mynum_icn_point02a.svg"); height: 90px; top:55px;} #service-detail ul.mynum_pointlist_blue li:nth-of-type(2) p.icon::before{ background-image: url("../img/service/mynum_icn_point02b.svg"); height: 100px; top:50px;} #service-detail ul.mynum_pointlist_blue h5{ font-size: 20px; font-weight: 700; color: #538EB4; margin: 0.5em 0;} #service-detail ul.mynum_pointlist_blue p.att{ font-size: 14px; font-weight: 400; margin: 0.5em 0;} #service-detail .mynum_detail h6,#service-detail .mynum_detail h4{ font-size: 26px; font-weight: 700; margin: 1em 0 0.5em 0;} #service-detail .mynum_detail ul.list_point-yellow:nth-of-type(2) li, #service-detail .mynum_detail ul.list_point-yellow:nth-of-type(3) li, #service-detail .mynum_detail ul.list_point-yellow:nth-of-type(4) li{ font-weight: 400;} #service-detail .title_out-labor{ width: 100%; background-image: url(../img/service/labor_bg_title.png); background-size: cover; position: relative;} #service-detail ul.labor_pointlist{ display: flex; justify-content: space-between;} #service-detail ul.labor_pointlist li{ width: 230px;} #service-detail ul.labor_pointlist li p.icon{ width: 100%; height: 230px; background: #538EB4; text-align: center; position: relative; margin-bottom: 0.5em; font-size: 24px; font-weight: 700; color: #FFF;} #service-detail ul.labor_pointlist li p.icon span{ position: absolute; width: 100%; left:0; bottom: 0; margin-bottom: 30px;} #service-detail ul.labor_pointlist li p.icon::before{ position: absolute; width: 100%; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: block;} #service-detail ul.labor_pointlist li:nth-of-type(1) p.icon::before{ background-image: url("../img/service/labor_icn_point01.svg"); height: 80px; top:45px;} #service-detail ul.labor_pointlist li:nth-of-type(2) p.icon::before{ background-image: url("../img/service/labor_icn_point02.svg"); height: 90px; top:45px;} #service-detail ul.labor_pointlist li:nth-of-type(3) p.icon::before{ background-image: url("../img/service/labor_icn_point03.svg"); height: 95px; top:45px;} #service-detail ul.labor_pointlist li:nth-of-type(4) p.icon::before{ background-image: url("../img/service/labor_icn_point04.svg"); height: 90px; top:50px;} #service-detail ul.labor_pointlist li p.txt{ margin-bottom: 0;} #service-detail .labor_step h4,#service-detail .labor_step h3 figure{ width: 100%; height: 100px; background: #FFDA2B; font-size: 24px; font-weight: 700; line-height: 100px; margin: 1rem 0; border-radius: 50px; text-align: center;color: #000;} #service-detail .labor_step h4 img{ margin-right: 1em; padding-bottom: 39px;} #service-detail .labor_step h3 figure img{margin-right: 1em;vertical-align: middle;}#service-detail .labor_step div div{ width: 48%;} #service-detail .labor_step .arrow_triangle{ margin: 30px auto;} #service-detail .labor_bnr{ text-align:center; margin-bottom: 100px;} #service-detail .title_out-outplace{ width: 100%; background-image: url(../img/service/outplace_bg_title.png); background-size: cover; position: relative;} #service-detail .outplace_step h4,#service-detail .outplace_step h3 figure { color: #000;width: 100%; height: 100px; background: #FFDA2B; font-size: 24px; font-weight: 700; line-height: 1.6; margin: 1em 0; border-radius: 50px; text-align: center; padding-top: 18px;} #service-detail .outplace_step h4 img,#service-detail .outplace_step h3 figure img{ margin-right: 0.5em; margin-bottom: 7px;} #service-detail .outplace_step h4 span,#service-detail .outplace_step h3 figure span{ display: block; font-size: 16px;} #service-detail .outplace_step ul.list_point-red{ width: 96%; margin: 0 auto;} @media screen and (max-width: 768px) { #service-detail .pagetitle_logover{ text-align: center;} #service-detail .pagetitle_logover img{ max-width: 50%;} #service-detail .pagetitle_logover h2,#service-detail .pagetitle_logover h1{ font-size: 24px; line-height: 1.4;} #service-detail .pagetitle_logover p{ font-size: 18px; line-height: 1.4;} #service-detail .pagetitle_txtver{ width: 100%; height: 160px;} #service-detail .pagetitle_txtver div{ height: 160px;} #service-detail .pagetitle_txtver h2,#service-detail .pagetitle_txtver h1{ font-size: 24px; line-height: 1.2; margin-bottom: 0.5rem;} #service-detail .pagetitle_txtver p{ font-size: 16px;} #service-detail .service_content section{ width:90%; margin: 0 auto 30px auto;} #service-detail .service_content section:first-of-type{ margin-top: 1em;} #service-detail .service_content section:last-of-type{ margin-bottom: 50px;} #service-detail .service_content .column-flex{ display:block;} #service-detail .service_content h3,#service-detail .service_content h2{ font-size: 20px; line-height: 1.4; margin-bottom: 1rem; color: #538EB4;} #service-detail .service_content p,#service-detail .service_content figure{ margin-bottom: 1em;} #service-detail .service_content p,#service-detail .service_content figure img{ width: 100%;} #service-detail dl.faq dt{ margin-bottom: 0em} #service-detail dl.faq dt::before{ content: ""; background: none; width: 0;} #service-detail dl.faq dd{ margin-bottom: 1em; margin-left: 0;} #service-detail h5.case_title{ padding: 30px 0;} #service-detail ul.list_problem{ display: flex; justify-content: space-between; flex-wrap: wrap;} #service-detail ul.list_problem li{ width: 49%; background-size: cover; height: 40px; font-size: 10px; margin-bottom: 0.7em; line-height: 40px;} #service-detail ul.list_point-yellow li{ font-size: 16px; line-height: 1.4; margin-bottom: 0.7em; list-style-image: url("../img/service/icn_point_yellow.svg");} #service-detail ul.list_point-red li{ font-size: 16px; line-height: 1.4; margin-bottom: 0.7em; list-style-image: url("../img/service/icn_point_red.svg");} #service-detail .arrow_line{ margin-bottom: 40px;} #service-detail .arrow_line::before{ bottom: -20px; border-width: 20px 20px 0 20px;} #service-detail .arrow_line::after{ bottom: -16px; border-width: 16px 16px 0 16px;} #service-detail .arrow_triangle{ border-width: 21px 22px 0 22px; margin: 15px auto;} #service-detail section.cam_merit h5{ margin: 25px 0 1.5em 0;} #service-detail section.cam_merit ul{ margin-bottom: 30px;} #service-detail section.cam_merit ul li:nth-child(3) { order: 3;} #service-detail section.cam_merit ul li:nth-child(4) { order: 2;} #service-detail section.cam_merit ul li:nth-child(5) { order: 4;} #service-detail section.cam_merit ul li:nth-child(6) { order: 5;} #service-detail section.cam_merit ul li{ width: 48%; margin-bottom: 0.5em;} #service-detail section.cam_merit img{ width: 100%;} #service-detail ol.steps li{ margin-bottom: 30px;} #service-detail ol.steps li div.steps_number{ width: 30%;} #service-detail ol.steps li div.steps_note{ width: 65%; font-size: 14px;} #service-detail ol.step li{ margin-bottom: 30px;} #service-detail ol.step li div.step_number{ width: 30%;} #service-detail ol.step li div.step_note{ width: 65%; font-size: 14px;} #service-detail table.trex{ width:100%;} #service-detail table.trex td{ text-align: right; width: 40%;} #service-detail ul.o2_pointlist{ flex-wrap: wrap;} #service-detail ul.o2_pointlist li{ width: 48%; margin-bottom: 1em;} #service-detail ul.o2_pointlist li p.icon,#service-detail ul.o2_pointlist li h3.icon{ height: 160px; font-size: 18px;} #service-detail ul.o2_pointlist li p.icon span,#service-detail ul.o2_pointlist li h3.icon span,#service-detail ul.o2_pointlist li h3.icon span{ margin-bottom: 20px;} #service-detail ul.o2_pointlist li:nth-of-type(3) p.icon span, #service-detail ul.o2_pointlist li:nth-of-type(4) p.icon span{ font-size: 16px; margin-bottom: 16px;} #service-detail ul.o2_pointlist li:nth-of-type(1) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(1) h3.icon::before{ top:30px; background-size: 38%;} #service-detail ul.o2_pointlist li:nth-of-type(2) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(2) h3.icon::before{ top:30px; background-size: 40%;} #service-detail ul.o2_pointlist li:nth-of-type(3) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(3) h3.icon::before{ top:20px; background-size: 50%;} #service-detail ul.o2_pointlist li:nth-of-type(4) p.icon::before,#service-detail ul.o2_pointlist li:nth-of-type(4) h3.icon::before{ top:25px; background-size: 65%;} #service-detail ul.o2_pointlist li p.txt{ margin-bottom: 0;} #service-detail p.o2_img,#service-detail figure.o2_img{ width: 100%;} #service-detail p.o2_txt,#service-detail div.o2_txt{ width: 100%;} #service-detail ul.o2_option li{ width: 100%;} #service-detail ul.o2_option li p.service_title,#service-detail ul.o2_option li h3.service_title{ height: auto;} #service-detail ul.o2_option li p.service_txt{ height: auto;} #service-detail ul.o2_option li a.btn_blue_center{ margin: 0.7em auto 1.4em auto;} #service-detail div.zyumin_plan{ width: 100%; margin: 1em auto 0 auto;} #service-detail div.zyumin_plan img{ width: 100%;} #service-detail div.zyumin_plan ul{ margin-top: 1em; font-size: 12px;} #service-detail .nencho_plan img{ width: 100%;} #service-detail .nencho_detail .column_flex{ display:block;} #service-detail table.nencho{ font-size: 12px;} #service-detail .nencho_detail dl{ width: 100%;} #service-detail ul.crossnavi_pointlist{ flex-wrap: wrap;} #service-detail ul.crossnavi_pointlist li{ width: 19%; height: 85px;} #service-detail ul.crossnavi_pointlist li::before{ height: 30px; top:18px;} #service-detail ul.crossnavi_pointlist li p{ font-size: 10px; margin-bottom: 10px;} #service-detail ul.crossnavi_meritlist{ display: block;} #service-detail ul.crossnavi_meritlist li{ width: 100%; text-align: center; margin: 2em 0;} #service-detail ul.crossnavi_meritlist li:last-of-type{ margin-top: 3em;} #service-detail ul.crossnavi_meritlist img{ width: 80%;} #service-detail ul.entrust_pointlist{ display: block;} #service-detail ul.entrust_pointlist li{ width: 100%;} #service-detail ul.entrust_pointlist li ul li{ font-size: 16px;} #service-detail .entrust_choice h4,#service-detail .entrust_choice h3{ font-size: 20px;} #service-detail .entrust_choice ul li{ height: 50px; font-size: 12px; line-height: 50px;} #service-detail ul.entrust_meritlist{ display: block;} #service-detail ul.entrust_meritlist li{ width: 100%; text-align: center; margin: 2em 0;} #service-detail ol.entrust_meritlist{ font-size:20px;} #service-detail ol.entrust_meritlist h5,#service-detail ol.entrust_meritlist h4{ font-size: 18px;} #service-detail ol.entrust_meritlist span{ display: block; font-size: 12px; font-weight: 400; color: #000; margin-top: -1em;} #service-detail p.entrust_attention{ margin-left: 0;} #service-detail ul.lqp_pointlist{ flex-wrap: wrap;} #service-detail ul.lqp_pointlist li{ width: 32%; height: 100px;} #service-detail ul.lqp_pointlist li::before{ height: 30px; top:18px;} #service-detail ul.lqp_pointlist li:nth-child(1)::before{ height: 30px; top:25px;} #service-detail ul.lqp_pointlist li:nth-child(2)::before{ height: 20px; top:30px;} #service-detail ul.lqp_pointlist li:nth-child(3)::before{ height: 35px; top:20px;} #service-detail ul.lqp_pointlist li p{ font-size: 10px; margin-bottom: 15px;} #service-detail p.lqp_problem{ width: 100%; height: 100px; font-size: 20px; line-height: 1.4; padding: 10px 0; margin-bottom: -1em;} #service-detail .lqp_point img{ width: 100%;} #service-detail .lqp_point p{ width: 100%; height: auto; font-size: 20px; line-height: 1.4; margin: 30px 0 0 0; padding: 1em; border-radius: 0;} #service-detail .lqp_sheet{ display:block; width: 100%;} #service-detail .lqp_sheet img{ width: 70%; margin: 0em 15% 1em 15%;} #service-detail ul.lqs_pointlist{ flex-wrap: wrap;} #service-detail ul.lqs_pointlist li{ width: 19%; height: 85px;} #service-detail ul.lqs_pointlist li::before{ height: 30px; top:18px;} #service-detail ul.lqs_pointlist li p{ font-size: 10px; margin-bottom: 10px;} #service-detail ul.lqs_pointlist li:nth-child(1)::before{ left:5px;} #service-detail ul.lqs_pointlist_grey{ flex-wrap: wrap;} #service-detail ul.lqs_pointlist_grey li{ width: 48%; margin-bottom: 1em;} #service-detail ul.lqs_pointlist_grey li p.icon{ height: 160px; font-size: 18px;} #service-detail ul.lqs_pointlist_grey li p.icon span{ margin-bottom: 20px;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(1) p.icon::before{ top:45px; background-size: 60%;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(2) p.icon::before{ top:25px; background-size: 40%;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(3) p.icon::before{ top:45px; background-size: 80%;} #service-detail ul.lqs_pointlist_grey li:nth-of-type(4) p.icon::before, #service-detail ul.lqs_pointlist_grey li:nth-of-type(5) p.icon::before, #service-detail ul.lqs_pointlist_grey li:nth-of-type(6) p.icon::before, #service-detail ul.lqs_pointlist_grey li:nth-of-type(7) p.icon::before, #service-detail ul.lqs_pointlist_grey li:nth-of-type(8) p.icon::before{ top:25px; background-size: 40%;} #service-detail ul.lqs_pointlist_grey li p.txt{ font-size: 12px; margin-bottom: 0;} #service-detail div.lqs_sample img{ width: 100%;} #service-detail div.lqs_sheetsample{ width: 100%;} #service-detail div.lqs_sheetsample img{ width: 100%; margin: 0;} #service-detail .pagetitle_logover img.mynum_logo{ max-width: 90%;} #service-detail div.mynum_txt_beans img,#service-detail div.mynum_txt_beans figure{ width: 40%;} #service-detail ul.mynum_pointlist{ flex-wrap: wrap;} #service-detail ul.mynum_pointlist li{ width: 48%; margin-bottom: 1em;} #service-detail ul.mynum_pointlist li p.icon{ height: 160px; font-size: 18px;} #service-detail ul.mynum_pointlist li p.icon span{ margin-bottom: 20px;} #service-detail ul.mynum_pointlist li:nth-of-type(1) p.icon::before{ top:10px; background-size: 38%;} #service-detail ul.mynum_pointlist li:nth-of-type(2) p.icon::before{ top:25px; background-size: 60%;} #service-detail ul.mynum_pointlist li:nth-of-type(3) p.icon::before{ top:20px; background-size: 38%;} #service-detail ul.mynum_pointlist li:nth-of-type(4) p.icon::before{ top:35px; background-size: 65%;} #service-detail ul.mynum_pointlist li p.txt{ margin-bottom: 0;} #service-detail .mynum_detail img:first-of-type{ margin-top: 15px;} #service-detail .mynum_detail h4 span,#service-detail .mynum_detail h3 span{ margin: 0px auto 15px auto; font-size: 18px; line-height: 1.4;} #service-detail .mynum_detail h4 span img,#service-detail .mynum_detail h3 span img{ width: 70px; margin-right: 0.5em; padding-bottom: 5px;} #service-detail .mynum_point{ width: 100%;} #service-detail .mynum_point img{ width: 100%;} #service-detail .mynum_table{ font-size: 12px;} #service-detail .mynum_table td{ width: 40%;} #service-detail ul.mynum_pointlist_blue{ display: block;} #service-detail ul.mynum_pointlist_blue li{ width: 100%;} #service-detail ul.mynum_pointlist_blue li ul li{ font-size: 16px;} #service-detail ul.mynum_pointlist_blue ul.list_point-yellow{ width: 90%;} #service-detail .mynum_detail h6,#service-detail .mynum_detail h4{ font-size: 18px;} #service-detail ul.labor_pointlist{ flex-wrap: wrap;} #service-detail ul.labor_pointlist li{ width: 48%; margin-bottom: 1em;} #service-detail ul.labor_pointlist li p.icon{ height: 160px; font-size: 18px;} #service-detail ul.labor_pointlist li p.icon span{ margin-bottom: 20px;} #service-detail ul.labor_pointlist li:nth-of-type(1) p.icon::before{ top:20px; background-size: 60%;} #service-detail ul.labor_pointlist li:nth-of-type(2) p.icon::before{ top:20px; background-size: 48%;} #service-detail ul.labor_pointlist li:nth-of-type(3) p.icon::before{ top:15px; background-size: 40%;} #service-detail ul.labor_pointlist li:nth-of-type(4) p.icon::before{ top:18px; background-size: 42%;} #service-detail ul.labor_pointlist li p.txt{ font-size: 12px; margin-bottom: 0;} #service-detail .labor_step h4,#service-detail .labor_step h3 figure{ height: 50px; font-size: 18px; line-height: 50px; border-radius: 25px;} #service-detail .labor_step h4 img{ width: 60px; padding-bottom: 16px;} #service-detail .labor_step h3 figure img{ width: 60px;}#service-detail .labor_step div div{ width: 100%;} #service-detail .labor_step .arrow_triangle{ margin: 0 auto 15px auto;} #service-detail .labor_bnr{ margin-bottom: 50px;} #service-detail .labor_bnr img{ width: 90%;} #service-detail .outplace_step h4 ,#service-detail .outplace_step h3 figure{ height: 70px; font-size: 18px; border-radius: 35px; padding-top: 12px;} #service-detail .outplace_step h4 img,#service-detail .outplace_step h3 figure img{ width: 50px; margin-bottom: 6px;} #service-detail .outplace_step h4 span,#service-detail .outplace_step h3 figure span{ font-size: 12px;}#service-detail .service_content p img,#service-detail .service_content figure img{max-width: 100%;object-fit: contain;}#service-detail .service_content figure img{height: 100%;}sp_db{display: block;}#service-detail .outplace_step h3 figure b{display: inline-block;position: relative;top: -12px;width: 180px;}}