@charset "utf-8";


/* ****************** default css ****************** */

/* common css */
@import url("../../ipcast-common/common.css");



/* ****************** intro css ****************** */
.container { height: 100%; }
.body-container { min-height: calc(100% - 400px); }

.banner-wrap { height: 450px; }
.banner-wrap .banner-text { display: block; table-layout: auto; text-align: center; height: auto; }
.banner-wrap .banner-text .text-area { display: block; width: 100%; margin-top: 230px; }
.banner-wrap .banner-text .text-area h1 { font-size: 45px; line-height: 45px; }
.banner-wrap .banner-text .text-area h3 { font-size: 22px; line-height: 22px; }

.section01 { position: relative; width: 1200px; margin: 0 auto; padding: 100px 0; }

.section02 { position: relative; margin: 0 auto; height: 100%; padding-bottom: 60px; width: 1200px; }
.section02 .page-title { padding-bottom: 40px; }
.section02 .group .left { float: left; width: 50%; height: 340px; }
.section02 .group .right { float: right; width: 50%; height: 340px; }
.section02 .group .img img { width: 100%; height: 100%; }
.section02 .group .text { position: relative; }
.section02 .group .text ul { position: absolute; top: 50%; transform: translateY(-50%); }
.section02 .group .text ul li { color: #5a5a5a; font-size: 17px; line-height: 35px; font-weight: 300; }
.section02 .group .text ul li.title { font-size: 27px; line-height: 40px; color: #000; margin-bottom: 25px; }
.section02 .group .text ul li span.bold { font-weight: 500; }
.section02 .group .text ul li img { width: 15px; height: 12px; vertical-align: middle; margin-right: 5px;}
.section02 .group .text.right ul { left: 85px; }
.section02 .group .text.left ul { right: 165px; }


.page-title { width: 100%; text-align: center; }
.page-title h4 { display: inline-block; position: relative; font-size: 30px; font-weight: 300; border-bottom: 1px solid #333; }
.page-title p { font-weight: 300; font-size: 15px; position: relative; }

.intro { position: relative; width: 100%; padding: 50px 0; background: url("../../../img/sub/intro_bg.svg") no-repeat center; background-position: top; background-size: 80%;}
.intro .title-area { width: 100%; text-align: center; font-size: 2.7rem; word-break: keep-all; }
.intro .title-area h4 { font-weight: 500; font-size: 27px; }
.intro .title-area p { font-weight: 300; font-size: 24px; }
.intro .text-area { margin-top: 50px; font-size: 1.7rem; line-height: 2; font-weight: 300; }