@charset "utf-8";
.wcSection03 .inner {margin:0 auto;max-width: 1330px;/* max-width:100%; */ padding:42px 20px 47px}
.wcSection03 .inner .boxWrap {display:flex;flex-wrap:wrap;/* width: calc(100% - 35px); *//* margin: 0 15px; */width: 100%;box-sizing: border-box;}
.wcSection03 .inner .boxWrap .box {overflow:hidden; flex:1;/* height: 190px; */ border:1px solid #ccc; border-radius:10px}
.wcSection03 .inner .boxWrap .box.gray {display:flex; position:relative; padding:34px 10px 26px; background:#f2f2f2}
.wcSection03 .inner .boxWrap .box.gray:before {display:block; position:absolute; content:""; top:34px; left:50%; width:1px; height:123px; background:#ccc}
.wcSection03 .inner .boxWrap .box.gray > span {display:block; position:relative; flex:1; padding-top: 88px; text-align:center;line-height:22px; font-size:18px; font-weight:700; letter-spacing:-0.035em; color:#000}
.wcSection03 .inner .boxWrap .box.gray a img {display:block; position:absolute; top:34px; left:50%; transform:translate(-50%, -50%); max-width:63px;}
.wcSection03 .inner .boxWrap .box.video .videoArea {width:100%; height:100%; position: relative;}
.wcSection03 .inner .boxWrap .box.video .videoArea iframe {display: block; width: 100%; height: 100%; border:0;}
.wcSection03 .inner .boxWrap .box.list {border:none}
.wcSection03 .inner .boxWrap .box.list strong {display:block; margin-bottom:14px; line-height:20px; font-size:20px; letter-spacing:-0.035em; color:#000}
.wcSection03 .inner .boxWrap .box.list ul li {position:relative; overflow:hidden; padding-left:10px; line-height:32px; font-size:16px; letter-spacing:-0.035em; color:#666; white-space:nowrap; text-overflow:ellipsis}
.wcSection03 .inner .boxWrap .box.list ul li:before {display:block; position:absolute; content:""; top:14px; left:0; width:3px; height:3px; background:#000}
.wcSection03 .inner .boxWrap .box + .box {margin:0 0 0 30px}
@media (max-width:1160px) {
    .wcSection03 .inner .boxWrap {justify-content:space-between;}
    .wcSection03 .inner .boxWrap .box {flex:none;/* width:calc(100% / 2 - 10px); */width: 100%;padding: 34px 0 26px!important;}
    .wcSection03 .inner .boxWrap .box + .box {margin:0}
    .wcSection03 .inner .boxWrap .box.list {margin:20px 0 0 0; width:100%}
    .wcSection03 .inner .boxWrap .box + .box {margin:30px 0 0 0;}
}
@media (max-width:760px) {
    .wcSection03 .inner {padding:0 15px;}
    .wcSection03 .inner .boxWrap .box {width:100%}
    .wcSection03 .inner .boxWrap .box.gray a {line-height:17px; font-size:14px}
    .wcSection03 .inner .boxWrap .box.list {margin-top:0;}
}