/*! * variables.scss *//*! * スマホサイズ * カラー * vw計算式 * percent計算式 * 擬似要素 * 背景画像パス * フォントサイズ * フォントサイズの指定 * メディアクエリ * 上下左右中央配置 * リンクカラー * 三角矢印 * グラデーション背景 * 自動でベンダープレフィックスをつける * 親要素に対して中央寄せ * 自動連番 * イージング * ボタン * 三角矢印2 */.aboutus-service{padding:45px 0 275px;background-image:url(../img/aboutus/bg_service.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}@media screen and (max-width: 767px){.aboutus-service{padding:6vw 0 29.33333vw;background-image:url(../img/aboutus/bg_service-sp.png)}}.aboutus-service .c-title{margin-bottom:.3em}.aboutus-service .c-title .c-title-en{font-size:10vw}@media screen and (min-width: 768px){.aboutus-service .c-title .c-title-en{font-size:7.5rem}}.aboutus-service .lead-01{color:#54c2f0;font-weight:500;line-height:1.8;font-size:4vw}@media screen and (min-width: 768px){.aboutus-service .lead-01{font-size:2rem}}.aboutus-vision{background-image:url(../img/top/bg_about.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;color:white;padding:80px 0}@media screen and (max-width: 767px){.aboutus-vision{padding:10.66667vw 0}}.aboutus-action{padding:80px 0 120px}@media screen and (max-width: 767px){.aboutus-action{padding:10.66667vw 0 13.33333vw}}.aboutus-action .l-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:100px 0 0}@media screen and (max-width: 767px){.aboutus-action .l-box{margin:2.66667vw 0 0;display:block}.aboutus-action .l-box .l-box___img{width:79.46667vw;margin:0 auto 13.33333vw}}.aboutus-action .l-box .l-box___text{width:550px;text-align:left;line-height:1.875}@media screen and (max-width: 767px){.aboutus-action .l-box .l-box___text{width:100%}}.aboutus-action .l-box .l-box___text dl+dl{margin-top:1.8em}.aboutus-action .l-box .l-box___text dl dt{margin-bottom:.4em;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;font-size:4.53333vw;font-weight:500}@media screen and (min-width: 768px){.aboutus-action .l-box .l-box___text dl dt{font-size:2.2rem}}.aboutus-action .l-box .l-box___text dl dt span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aboutus-action .l-box .l-box___text dl dt span:first-child{margin-right:.5em}@media screen and (max-width: 767px){.aboutus-action .l-box .l-box___text dl dt span:first-child{margin-right:.2em}}.aboutus-action .l-box .l-box___text dl dt span:last-child{position:relative}.aboutus-action .l-box .l-box___text dl dt span:last-child:after{content:"";display:block;width:72px;height:4px;background-color:#54c2f0;position:absolute;bottom:.2em;left:0}@media screen and (max-width: 767px){.aboutus-action .l-box .l-box___text dl dt span:last-child:after{width:9.6vw;height:.53333vw}}.aboutus-action .l-box .l-box___text .number{font-size:12vw;color:#54c2f0;font-style:italic;font-weight:100}@media screen and (min-width: 768px){.aboutus-action .l-box .l-box___text .number{font-size:7rem}}.aboutus-message{padding:90px 0 60px}@media screen and (max-width: 767px){.aboutus-message{padding:12vw 0 8vw}}.aboutus-message h3{margin-bottom:1.5em}.aboutus-message .aboutus-message__image{text-align:center;margin-bottom:60px}@media screen and (max-width: 767px){.aboutus-message .aboutus-message__image{margin-bottom:4vw}.aboutus-message .aboutus-message__image img{width:100%}}.aboutus-message .service-info__content{padding:45px 45px 0}@media screen and (max-width: 767px){.aboutus-message .service-info__content{padding:4vw 0 0}}.aboutus-message .history{background-image:url(../img/common/bg_pattern-02.png);margin:20px 0 0;padding:50px 35px 60px}@media screen and (max-width: 767px){.aboutus-message .history{margin:1.33333vw 0 0;padding:2.66667vw 3.33333vw 8vw}}.aboutus-message .history li{padding:0 0 0 1.5em;line-height:2;position:relative}.aboutus-message .history li+li{margin-top:45px}@media screen and (max-width: 767px){.aboutus-message .history li+li{margin-top:8vw}}.aboutus-message .history li:after{width:1px;height:85%;min-height:30px;content:"";display:block;background-color:#54c2f0;position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}@media screen and (max-width: 767px){.aboutus-message .history li:after{min-height:4vw}}