/*!
 * variables.scss
 *//*!
 * スマホサイズ
 * カラー
 * vw計算式
 * percent計算式
 * 擬似要素
 * 背景画像パス
 * フォントサイズ
 * フォントサイズの指定
 * メディアクエリ
 * 上下左右中央配置 
 * リンクカラー
 * 三角矢印
 * グラデーション背景
 * 自動でベンダープレフィックスをつける
 * 親要素に対して中央寄せ
 * 自動連番
 * イージング
 * ボタン
 * 三角矢印2
 */.company{padding:35px 0 60px}@media screen and (max-width: 767px){.company{padding:4.66667vw 0 8vw}}.company h2.line{margin-bottom:1.5em}.company .company-info{width:780px;margin:0 auto}@media screen and (max-width: 767px){.company .company-info{width:100%}}.company .company-info dl{padding:18px 0;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2.25}@media screen and (max-width: 767px){.company .company-info dl{padding:2.66667vw 0;line-height:1.5}}.company .company-info dl:not(:first-child){border-top:solid 1px #d2d2d2}.company .company-info dl>*{padding:0 1.5em}@media screen and (max-width: 767px){.company .company-info dl>*{padding:0 .5em}}.company .company-info dl dt{width:22.43%;position:relative}.company .company-info dl dt:after{content:"";display:block;width:1px;height:32px;position:absolute;top:.2em;left:0;background-color:#54c2f0}@media screen and (max-width: 767px){.company .company-info dl dt:after{height:4vw}}.company .company-info dl dd{-webkit-box-flex:1;-ms-flex:1;flex:1}.company .company-info dl:last-child dt:after{display:none}.company .company-map{width:945px;margin:60px auto 0}@media screen and (max-width: 767px){.company .company-map{width:100%;margin:4vw auto 0}}.company .company-map .map{width:100%;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.company .company-map .map iframe{position:absolute;left:0;top:0;height:100%;width:100%}