/*! * variables.scss *//*! * スマホサイズ * カラー * vw計算式 * percent計算式 * 擬似要素 * 背景画像パス * フォントサイズ * フォントサイズの指定 * メディアクエリ * 上下左右中央配置 * リンクカラー * 三角矢印 * グラデーション背景 * 自動でベンダープレフィックスをつける * 親要素に対して中央寄せ * 自動連番 * イージング * ボタン * 三角矢印2 */.top-mv{background-image:url(../img/common/bg_pattern-01.png);color:white;overflow:hidden}.top-mv .l-section__inner{position:relative;padding:50px 0 85px}@media screen and (max-width: 767px){.top-mv .l-section__inner{padding:6vw 0 66vw}}.top-mv h2{font-size:5.06667vw;font-weight:500;margin:0 0 1.5em;font-style:italic;position:relative;z-index:10}@media screen and (min-width: 768px){.top-mv h2{font-size:2.6rem}}.top-mv h2 span:first-child{font-size:16vw;line-height:0.7}@media screen and (min-width: 768px){.top-mv h2 span:first-child{font-size:12rem}}@media screen and (max-width: 767px){.top-mv h2 span:first-child{display:inline-block;margin-bottom:.3em;line-height:0.8}}.top-mv .top-mv__lead{line-height:2;font-size:3.2vw;position:relative;z-index:10}@media screen and (min-width: 768px){.top-mv .top-mv__lead{font-size:1.8rem}}.top-mv .c-scrolldown{-webkit-transform:translate(-80%, 0);transform:translate(-80%, 0);position:absolute;left:0;bottom:18px;z-index:2}@media screen and (max-width: 767px){.top-mv .c-scrolldown{left:2vw;bottom:1.33333vw;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.top-mv .top-mv__buttons{margin:100px 0 0;position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 767px){.top-mv .top-mv__buttons{margin:6vw 0 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.top-mv .top-mv__buttons a{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:370px;height:95px;font-size:3.46667vw}@media screen and (min-width: 768px){.top-mv .top-mv__buttons a{font-size:1.8rem}}@media screen and (max-width: 767px){.top-mv .top-mv__buttons a{width:44.26667vw;height:17.86667vw}}.top-mv .top-mv__buttons a span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.top-mv .top-mv__buttons a span{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}}@media screen and (min-width: 768px){.top-mv .top-mv__buttons>*+a{margin-top:20px}}.top-mv .image-01{position:absolute;bottom:32px;right:14px}@media screen and (max-width: 767px){.top-mv .image-01{width:95.6vw;bottom:2.66667vw;right:0;-webkit-transform:translate(2.66667vw, 0);transform:translate(2.66667vw, 0)}}.top-service{padding:100px 0 60px}@media screen and (max-width: 767px){.top-service{padding:10.66667vw 0 13.33333vw}}.top-service h2{margin-bottom:100px}@media screen and (max-width: 767px){.top-service h2{margin-bottom:8vw}}.top-service .top-service__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 767px){.top-service .top-service__item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.top-service .top-service__item+.top-service__item{margin-top:120px}@media screen and (max-width: 767px){.top-service .top-service__item+.top-service__item{margin-top:16vw}}@media screen and (min-width: 768px){.top-service .top-service__item:nth-of-type(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.top-service .top-service__item:nth-of-type(2n+1) .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width: 767px){.top-service .top-service__item .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.top-service .top-service__item .top-service__image{width:650px}@media screen and (max-width: 767px){.top-service .top-service__item .top-service__image{width:91.73333vw;margin-top:4vw;margin-left:auto;margin-right:auto}}.top-service .top-service__item .top-service__image img{width:100%}.top-service .top-service__item .top-service__content{width:480px;padding:20px 0 0}@media screen and (max-width: 767px){.top-service .top-service__item .top-service__content{width:auto;padding:20px 0 0}}.top-service .top-service__item .top-service__content p{line-height:2.25}.top-service .top-service__item .button-box{margin-top:30px}.top-service .top-service__item h3{font-size:3.73333vw;font-weight:600;padding:0 0 .6em;position:relative;margin:0 0 1em}@media screen and (min-width: 768px){.top-service .top-service__item h3{font-size:2.8rem}}.top-service .top-service__item h3:after{content:"";display:block;width:0;height:4px;background-color:#54c2f0;position:absolute;bottom:0;left:0;-webkit-transition:width cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;transition:width cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s}.top-service .top-service__item h3.is-active:after{width:72px}.top-topics{padding:30px 0 0}@media screen and (max-width: 767px){.top-topics{padding:8vw 0 0}}.top-topics h2{margin-bottom:1em;line-height:.7}.top-topics h2 span:first-child{margin-bottom:.1em}.top-topics h2 .c-title-en span{display:block;padding:0 .04em}.top-topics .top-topics__container{background-color:#f5f5f5;padding:8px}@media screen and (max-width: 767px){.top-topics .top-topics__container{padding:1.6vw}}.top-topics .top-topics__container .c-topics{background-color:white;padding:30px 45px}@media screen and (max-width: 767px){.top-topics .top-topics__container .c-topics{padding:2vw 2.66667vw}}@media screen and (max-width: 767px){.top-topics .item-lead{margin-top:.8em}}.top-topics .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px}@media screen and (max-width: 767px){.top-topics .button-box{margin-top:7.33333vw}}