@charset "utf-8"; /*================================ フリーページ共通 ================================*/ #contents-inner-page {} #contents-inner-page p {padding: 0; margin: 0; font-size:16px;} #contents-inner-page .sp{display:none !important;} #contents-inner-page .kai{display:block;} #contents-inner-page .pc_none{ display:block;} /*--------------- 事業概要 --------------*/ #contents-inner-page #solutions{ margin-bottom: 200px; } #contents-inner-page #solutions .s_main{ margin-bottom: 20px;} #contents-inner-page #solutions .s_main.active{animation-delay:0.3s;} #contents-inner-page #solutions .s_main h2{ margin-bottom: 35px; font-size:45px; font-weight: 700; color:#ea6674; text-align: center;} #contents-inner-page #solutions .s_main h2:after{ display: block; content: ""; width: 1px; height: 30px; background: #ea6674; margin: 28px auto 0 auto;} #contents-inner-page #solutions .s_main p{font-size: 18px; line-height: 2.0em; font-weight: 500; color: #393939; text-align: center;} #contents-inner-page #solutions section{padding-top: 145px;margin-bottom: 50px;margin-top: -45px;} #contents-inner-page #solutions .solutions_inn{position: relative; z-index: 0; box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;flex-direction: row; padding: 50px 0 80px 0;} #contents-inner-page #solutions section:nth-child(odd) .solutions_inn{flex-direction: row-reverse;} #contents-inner-page #solutions .solutions_inn:before{ display: block; content: ""; background: RGBA(165, 233, 220, 40); background: linear-gradient(90deg, rgba(165, 233, 220, 0.4) 0%, rgba(156, 230, 205, 0.4) 100%); width: 300%; height: 100%; box-sizing: border-box; position: absolute; top:0; right:-170px; border-radius: 30px; z-index: -1;} #contents-inner-page #solutions section:nth-child(odd) .solutions_inn:before{ right: inherit; left: -170px;} #contents-inner-page #solutions .solutions_inn .text{width: 600px;} #contents-inner-page #solutions .solutions_inn h3{padding: 0; margin: 0 0 30px 0; border: 0; color: #009f83; font-size: 45px; font-weight: 700;} #contents-inner-page #solutions .solutions_inn h3 .num{display: inline-block; vertical-align: middle; margin: 0 30px 10px 0;} #contents-inner-page #solutions .solutions_inn p{color: #000000; line-height: 1.7em; letter-spacing: 0.05em;} #contents-inner-page #solutions .solutions_inn p + p{ margin-top: 30px;} #contents-inner-page #solutions .solutions_inn .img{margin-top: -95px; border-radius: 15px; overflow: hidden;} #contents-inner-page #solutions .solutions_inn .img img{width: 530px;} #contents-inner-page #solutions section#call_center .solutions_inn:before{background: #A5E0E9; background: linear-gradient(90deg, rgba(165, 224, 233, 0.4) 0%, rgba(156, 230, 226, 0.4) 100%);} #contents-inner-page #solutions section#call_center .solutions_inn h3{color: #008a9f;} #contents-inner-page #solutions section#business_center .solutions_inn:before{background: #A5D0E9; background: linear-gradient(90deg, rgba(165, 208, 233, 0.4) 0%, rgba(156, 219, 230, 0.4) 100%);} #contents-inner-page #solutions section#business_center .solutions_inn h3{color: #00709f;} #contents-inner-page #solutions section#consulting .solutions_inn:before{background: #B2CCED; background: linear-gradient(90deg, rgba(178, 204, 237, 0.4) 0%, rgba(166, 202, 233, 0.4) 100%); height: calc(100% + 310px);} #contents-inner-page #solutions section#consulting .solutions_inn h3{color: #00569f;} #contents-inner-page #solutions section#staffing .solutions_inn:before{background: #B7C7EC; background: linear-gradient(90deg, rgba(183, 199, 236, 0.4) 0%, rgba(178, 191, 231, 0.4) 100%); height: calc(100% + 330px);} #contents-inner-page #solutions section#staffing .solutions_inn h3{color: #244ea5;} #contents-inner-page #solutions section#event .solutions_inn:before{background: #B7C7EC; background: linear-gradient(90deg, rgba(195, 198, 233, 0.4) 0%, rgba(189, 178, 225, 0.4) 100%);} #contents-inner-page #solutions section#event .solutions_inn h3{color: #3644af;} #contents-inner-page #solutions .wh_block{ background: #ffffff;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%); border-radius: 15px; padding: 70px 70px 50px 70px;position: relative;z-index: 1;} #contents-inner-page #solutions section#consulting .wh_block{display: grid;grid-template-columns: repeat(3, 1fr);gap: 35px;position: relative;z-index: 1;} #contents-inner-page #solutions section#consulting .wh_block .box{background: #244ea5;color: #ffffff;border-radius: 15px;box-sizing: border-box;padding: 30px 25px 35px 25px;} #contents-inner-page #solutions section#consulting .wh_block .box h4{font-size: 20px;font-weight: 700;color: #ffffff;border-bottom: 1px solid #ffffff;padding: 0 0 7px 0;margin-bottom: 25px;letter-spacing: 0.03em;} #contents-inner-page #solutions section#consulting .wh_block .box p{font-size: 14px; line-height: 1.6em; letter-spacing: 0.06em;} #contents-inner-page #solutions section#staffing .wh_block{ padding: 50px 0 10px 0;} #contents-inner-page #solutions section#staffing .wh_block h4{text-align: center; border: none; padding: 0; margin: 0 auto 55px auto; font-size: 30px; font-weight: 700; color: #00569f; letter-spacing: 0.03em;} #contents-inner-page #solutions section#staffing .wh_block h4:before,#contents-inner-page #solutions section#staffing .wh_block h4:after{display: inline-block;vertical-align:middle;content: "";background: url("/contents/images/solutions/h_line.png") no-repeat; background-size: 100% auto; width: 39px;height: 66px;margin: 9px 16px 0 13px;} #contents-inner-page #solutions section#staffing .wh_block h4:after{transform: scale(-1, 1);} #contents-inner-page #solutions section#staffing .wh_block .list{display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: center;} #contents-inner-page #solutions section#staffing .wh_block .list li{position: relative;z-index: 0;width: 190px;height: 120px;margin: 0 12.5px 25px 12.5px;text-align: center;font-size: 16px;font-weight: bold;color: #00569f;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;} #contents-inner-page #solutions section#staffing .wh_block .list li:before{display: block; content: ""; width: 100%; height: 100%; background: #ffffff; border-radius: 10px; position: absolute; top:0; right: 0; z-index: -1; transition: .6s;} #contents-inner-page #solutions section#staffing .wh_block .list li:after{display: block; content: ""; width: 100%; height: 100%; background: #a6cae9; border-radius: 10px; opacity: .35; position: absolute; top:7px; right: -7px; z-index: -2; transition: .6s;} #contents-inner-page #solutions section#staffing .wh_block .list li .icon{width: 25px;height: 25px;margin-bottom: 8px;display: flex;justify-content: center;align-items: center;} #contents-inner-page #solutions section#staffing .wh_block .list li .icon img{width: 100%;height: 100%;object-fit: contain;} #contents-inner-page #solutions section#staffing .wh_block .bl_bottom{display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;margin: 12px 50px 0 50px;} #contents-inner-page #solutions section#staffing .wh_block .bl_bottom p{margin: 0 0 0 30px;line-height: 2.0em;color: #323232;font-size: 16px;} #contents-inner-page #solutions section#staffing .circle_btn.pink a{width: 240px;} #contents-inner-page #solutions section#staffing .circle_btn.pink a span.indent {width: 58px;height: 58px;border: 1px solid #ea6674; background: #ea6674;} #contents-inner-page #solutions section#staffing .circle_btn.pink a span.indent > .svg{filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1204%) hue-rotate(312deg) brightness(118%) contrast(100%); width: 15px; left: 21px; } #contents-inner-page #solutions section#staffing .circle_btn.pink a span.txt { padding: 13px 0 0 20px;margin: 0 0 0 60px;} #contents-inner-page #solutions section#staffing .circle_btn.pink a:hover{ font-size: 18px; } #contents-inner-page #solutions section#staffing .circle_btn.pink a:hover span.indent {width: 100%;border: 1px solid #ea6674; background: #ea6674;} @media print, screen and (max-width: 1350px) { } /*--------------- --------------*/ /*--end--------------*/