﻿.p-service__concept{position:relative;padding:290px 0}@media screen and (max-width: 1080px){.p-service__concept{padding:260px 0}}@media screen and (max-width: 810px){.p-service__concept{padding:200px 0}}@media screen and (max-width: 650px){.p-service__concept{padding:180px 0}}@media screen and (max-width: 500px){.p-service__concept{padding:160px 0}}@media screen and (max-width: 350px){.p-service__concept{padding:140px 0}}.p-service__concept__flex{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;gap:0 80px}@media screen and (max-width: 810px){.p-service__concept__flex{gap:0 60px}}@media screen and (max-width: 650px){.p-service__concept__flex{gap:0 50px}}@media screen and (max-width: 500px){.p-service__concept__flex{gap:0 30px}}.p-service__concept__flex .brackets{position:relative;width:145px;height:130px}@media screen and (max-width: 810px){.p-service__concept__flex .brackets{width:130px;height:115px}}@media screen and (max-width: 650px){.p-service__concept__flex .brackets{width:120px;height:105px}}@media screen and (max-width: 350px){.p-service__concept__flex .brackets{width:100px;height:85px}}.p-service__concept__flex .brackets.view .bracketText{opacity:1}.p-service__concept__flex .bracket{position:absolute;width:100%;height:100%}.p-service__concept__flex .bracket:before,.p-service__concept__flex .bracket:after{content:"";position:absolute;background-color:#000}.p-service__concept__flex .bracket:before{left:30px;width:100%;height:2px}@media screen and (max-width: 810px){.p-service__concept__flex .bracket:before{left:20px}}@media screen and (max-width: 500px){.p-service__concept__flex .bracket:before{left:15px}}.p-service__concept__flex .bracket:after{top:-10px;right:0;width:2px;height:40%}@media screen and (max-width: 810px){.p-service__concept__flex .bracket:after{top:-8px}}@media screen and (max-width: 500px){.p-service__concept__flex .bracket:after{top:-5px}}.p-service__concept__flex .bracket:nth-child(1){top:0;right:0}.p-service__concept__flex .bracket:nth-child(2){left:0;bottom:0;transform:rotate(180deg)}.p-service__concept__flex .bracketText{display:flex;align-items:center;justify-content:center;height:100%;font-size:8.4rem;letter-spacing:0em;line-height:1;opacity:0;transition:opacity 1.4s .8s}@media screen and (max-width: 1080px){.p-service__concept__flex .bracketText{font-size:8rem}}@media screen and (max-width: 810px){.p-service__concept__flex .bracketText{font-size:7rem}}@media screen and (max-width: 650px){.p-service__concept__flex .bracketText{font-size:6rem}}@media screen and (max-width: 350px){.p-service__concept__flex .bracketText{font-size:5.8rem}}.p-service__concept__flex .catchs{display:flex}.p-service__concept__flex .catchs.view .catchText{opacity:1;transform:translateX(0)}.p-service__concept__flex .catchText{font-size:3.7rem;white-space:nowrap;opacity:0;transform:translateY(20px)}@media screen and (max-width: 1080px){.p-service__concept__flex .catchText{font-size:3.4rem}}@media screen and (max-width: 810px){.p-service__concept__flex .catchText{font-size:3.2rem}}@media screen and (max-width: 650px){.p-service__concept__flex .catchText{font-size:3rem}}@media screen and (max-width: 500px){.p-service__concept__flex .catchText{font-size:2.8rem}}@media screen and (max-width: 350px){.p-service__concept__flex .catchText{font-size:2.4rem}}.p-service__concept__flex .catchText:nth-child(1){order:2;transition:opacity 1s,transform 1s}.p-service__concept__flex .catchText:nth-child(2){order:1;text-indent:2em;transition:opacity 1s .2s,transform 1s .2s}.p-service__item{position:relative;display:flex;gap:0 40px;padding:130px 0;z-index:0;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}@media screen and (max-width: 1080px){.p-service__item{padding:100px 0}}@media screen and (max-width: 810px){.p-service__item{padding:80px 0;flex-direction:column}}@media screen and (max-width: 650px){.p-service__item{padding:50px 0}}@media screen and (max-width: 500px){.p-service__item{padding:30px 0}}.p-service__item::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100vw;height:100%;background-color:#fff;z-index:-1}.p-service__item:nth-child(n+2){margin-top:70px}@media screen and (max-width: 810px){.p-service__item:nth-child(n+2){margin-top:60px}}@media screen and (max-width: 500px){.p-service__item:nth-child(n+2){margin-top:50px}}.p-service__item.view{opacity:1;transform:translateY(0)}.p-service__image{width:50%;max-height:370px;height:30vw}@media screen and (max-width: 810px){.p-service__image{width:100%;height:100%}}.p-service__desc{width:50%}@media screen and (max-width: 810px){.p-service__desc{width:100%}}.p-service__desc .logoWrap{display:flex;gap:0 50px}@media screen and (max-width: 1080px){.p-service__desc .logoWrap{gap:0 5rem}}@media screen and (max-width: 500px){.p-service__desc .logoWrap{gap:0 4rem}}@media screen and (max-width: 810px){.p-service__desc .logoWrap{margin-top:30px}}@media screen and (max-width: 650px){.p-service__desc .logoWrap{margin-top:25px}}@media screen and (max-width: 500px){.p-service__desc .logoWrap{margin-top:20px}}.p-service__desc .logo{width:auto;height:50px}@media screen and (max-width: 1080px){.p-service__desc .logo{height:40px}}@media screen and (max-width: 810px){.p-service__desc .logo{height:30px}}@media screen and (max-width: 650px){.p-service__desc .logo{height:25px}}.p-service__desc .logo:nth-child(n+2){position:relative}.p-service__desc .logo:nth-child(n+2)::before{content:"×";position:absolute;top:50%;transform:translateY(-50%);left:-3.8rem;font-size:4rem;color:#000}@media screen and (max-width: 500px){.p-service__desc .logo:nth-child(n+2)::before{left:-3.2rem;font-size:3.4rem}}.p-service__desc .title{font-size:2.5rem;line-height:1.2}@media screen and (max-width: 1080px){.p-service__desc .title{font-size:2.4rem}}@media screen and (max-width: 650px){.p-service__desc .title{font-size:2.2rem}}.p-service__desc .tag{display:inline-block;color:#fff;line-height:1;padding:10px 18px;background-color:#66a74c}@media screen and (max-width: 810px){.p-service__desc .tag{padding:10px 15px}}@media screen and (max-width: 500px){.p-service__desc .tag{padding:10px 8px}}.p-service__desc .c-button{margin-top:45px}@media screen and (max-width: 1080px){.p-service__desc .c-button{margin-top:30px}}