@charset "utf-8";

/*
body.business #footer {
    margin-top: 0 !important;
}
*/


/* ————————————————————————————————————————————————————
 * business_tit
/* ———————————————————————————————————————————————————— */
.business_tit{}
.business_tit p{font-size:11px;letter-spacing:-0.01em;font-weight:700}
.business_tit h3{font-size:26px;font-weight:900;line-height:1;margin-top:12px}


/* ————————————————————————————————————————————————————
 * business_object
/* ———————————————————————————————————————————————————— */
.business_object{position:absolute}
.business_object.object_01{top:37.5vw;right:-5.55555555556vw}
.business_object.object_02{left:-232px;top:270px;font-size:92px;letter-spacing:-0.01em;color:#f2f2f2;font-weight:700;line-height:1;white-space:nowrap;transform:rotate(90deg)}


/* ————————————————————————————————————————————————————
 * business_visual
/* ———————————————————————————————————————————————————— */
.business_visual{position:relative;height:170vw;max-height:100vh;overflow:hidden;z-index:1}
.business_visual .visual_black{opacity:0;background:#272727;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}

/* visual_bg */
.business_visual .visual_bg{width:100%;height:100%;position:absolute;background-color:#2d2d2d;background-image:url("../img/business_visual_bg.jpg");background-position:center center;background-size:cover;-webkit-transition:1800ms;transition:1800ms;-webkit-transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000);transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000)}

/* visual_txt */
.business_visual .visual_txt{position:absolute;top:18.44444444444vw;left:0;padding:0 7.77777777778vw}
.business_visual .visual_txt .tit_en{color:rgba(255,255,255,1);font-size:3.88888888889vw;letter-spacing:0;line-height:1.35;margin-bottom:11vw}
.business_visual .visual_txt .tit_en em{display:block;font-weight:700}
.business_visual .visual_txt .tit{color:rgba(255,255,255,1);font-size:8.33333333333vw;line-height:1.4;font-weight:900}
.business_visual .visual_txt .tit em{display:block;font-weight:900;color:rgba(255,255,255,0.5)}
.business_visual .visual_txt .desc{font-size:3.33333333333vw;line-height:1.65;color:rgba(255,255,255,0.7);margin-top:11vw}


/* ————————————————————————————————————————————————————
 * business_merit
/* ———————————————————————————————————————————————————— */
.business_merit{margin-top:-28px;z-index:10;padding:40px 28px;overflow:hidden;-webkit-border-radius:28px 28px 0 0;-moz-border-radius:28px 28px 0 0;border-radius:28px 28px 0 0}
.business_merit .business_tit{margin-bottom:24px}
.business_merit .merit_box{width:220px;height:260px;background:rgba(255,255,255,0.9);border:1px solid #f2f2f2;border-radius:12px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);padding:28px 20px}
.business_merit .merit_box .ico{width:40px;height:40px;display:inline-block;background: rgba(58, 135, 251, 0.1);color: rgb(58, 103, 251);text-align:center;font-size:18px;border-radius:12px;margin-bottom:16px}
.business_merit .merit_box .ico i{line-height:40px}
.business_merit .merit_box h3{font-size:18px;font-weight:700;line-height:1.35}
.business_merit .merit_box p{position:absolute;left:20px;right:20px;bottom:28px;color:#999}


/* ————————————————————————————————————————————————————
 * business_inquiry
/* ———————————————————————————————————————————————————— */
.business_inquiry{padding-bottom:28px}
.business_inquiry>p.info_txt{font-size:13px;color:#888;margin-top:20px}
.business_inquiry ul li{margin-top:22px}
.business_inquiry .agree_info .info_box{height:220px;font-size:12px;overflow:hidden;overflow-y:auto}
.business_inquiry .agree_info .info_box p{margin-top:10px}
.business_inquiry .btn_wrap{margin-top:20px}