@charset "UTF-8";
#ocg23i { width: 780px; line-height: 1.7; letter-spacing: .05em; /*バナー*/ }

#ocg23i .introBig { margin-top: 50px; box-sizing: border-box; position: relative; background: url(/img/ocg23i/intro-544.jpg?2) no-repeat center; height: 650px; color: #111; }

#ocg23i .introBig.is-545 { background: url(/img/ocg23i/intro-545.jpg) no-repeat center; }

#ocg23i .introBig.is-546 { background: url(/img/ocg23i/intro-546.jpg) no-repeat center; }

#ocg23i .introBig .box { position: absolute; top: 45px; left: 40px; }

#ocg23i .introBig .tit { font-size: 22px; line-height: 1.48485; margin-bottom: 22px; }

#ocg23i .introBig .tit div { font-weight: bold; font-size: 34px; font-size: 24px; color: #0875b7; }

#ocg23i .introBig .tit div span { font-size: 30px; display: inline-block; margin-bottom: 7px; }

#ocg23i .introBig .txt { font-size: 16px; line-height: 1.9; letter-spacing: .05em; }

#ocg23i .oisogi { border: 2px solid #1b55b6; background: #f7f5ef; margin-top: 40px; font-size: 18px; line-height: 1.4; padding: 0 30px 22px; font-weight: bold; }

#ocg23i .oisogi .min { font-size: 14px; display: inline-block; margin-top: 8px; font-weight: normal; }

#ocg23i .oisogi .em { color: #1b55b6; }

#ocg23i .oisogi .t { margin: 0 -30px; font-size: 20px; text-align: center; padding: 8px 0; background: #1b55b6; color: #fff; margin-bottom: 22px; font-weight: normal; }

#ocg23i .oisogi .t span { color: #ffca58; }

#ocg23i .oisogi .t img { line-height: 1; margin: 5px 5px 0 0; }

#ocg23i .boxInfo { text-align: center; margin: 50px 0; }

#ocg23i .c-item01 { color: #111; }

#ocg23i .c-item01 .senjyu { margin-bottom: 50px; }

#ocg23i .c-item01 .senjyu .box { top: 41px; left: 31px; }

#ocg23i .c-item01 .senjyu .tit { font-weight: 500; color: #1b55b6; font-size: 42px; line-height: 1.30952; margin-bottom: 18px; }

#ocg23i .c-item01 .senjyu .txt { font-size: 18px; line-height: 2.15; letter-spacing: .16em; }

#ocg23i .c-item01 .item .tit { color: #000; line-height: 1.3; margin-bottom: 18px; }

#ocg23i .c-item01 .item .tit span { font-size: 19px; }

#ocg23i .c-item01 .item .txt { letter-spacing: .06em; }

#ocg23i .c-item01 .item .box:before { background: #b80000; top: 60px; }

#ocg23i .c-item01 .item:nth-of-type(1) { margin-bottom: 50px; }

#ocg23i .c-item01 .item:nth-of-type(1) .tit { color: #1b55b6; }

#ocg23i .c-item01 .item:nth-of-type(1) .box:before { background: #1b55b6; }

#ocg23i .kodawari { text-align: center; margin: 40px 0; }

#ocg23i .dir { height: 375px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(/img/ocg23i/dir.jpg) no-repeat center; padding: 0 31px; margin: 40px 0; font-weight: 500; }

#ocg23i .dir .txt { color: #fff; font-size: 24px; margin-top: 14px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; line-height: 1.7; letter-spacing: 0.2em; text-align: left; }

#ocg23i .dir.is-546 { background: url(/img/ocg23i/dir-546.jpg) no-repeat center; }

#ocg23i .review .tit { font-size: 30px; text-align: center; color: #1b55b6; color: #b80000; font-weight: bold; margin-bottom: -10px; }

#ocg23i .review img { margin-top: 28px; }

#ocg23i .c-voice03 .ico { background-image: url(/img/ocg23i/v01.jpg); }

#ocg23i .c-voice03 .item:nth-of-type(2) .ico { background-image: url(/img/ocg23i/v02.jpg); }

#ocg23i .c-voice03 .item:nth-of-type(3) .ico { background-image: url(/img/ocg23i/v03.jpg); }

#ocg23i .recomme { position: relative; margin: 40px 0; }

#ocg23i .recomme li { position: absolute; color: #000; letter-spacing: .06em; }

#ocg23i .recomme .a, #ocg23i .recomme .b, #ocg23i .recomme .c { left: 433px; font-size: 16px; line-height: 1.4; }

#ocg23i .recomme .a { top: 98px; }

#ocg23i .recomme .b { top: 168px; }

#ocg23i .recomme .c { top: 237px; }

#ocg23i .recomme .l01 span { background: -webkit-gradient(linear, left top, left bottom, color-stop(81%, transparent), color-stop(81%, #ffe400)); background: linear-gradient(transparent 81%, #ffe400 81%); }

#ocg23i .recomme .l02 { font-size: 28px; line-height: 1.5; }

#ocg23i .recomme .l02 span { font-size: 18px; display: inline-block; margin-top: 2px; letter-spacing: .07em; }

#ocg23i .recomme .d { bottom: 628px; left: 33px; }

#ocg23i .recomme .e { bottom: 347px; left: 621px; }

#ocg23i .recomme .f { bottom: 48px; left: 33px; }

#ocg23i .bnr a:hover { opacity: .7; }