@charset "UTF-8"; .view-pc { display: block; } .view-pc.inline { display: inline; } .view-sp { display: none; } .view-sp.inline { display: none; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px !important; } .mb60 { margin-bottom: 60px !important; } .mb65 { margin-bottom: 65px !important; } .mb70 { margin-bottom: 70px !important; } .mb75 { margin-bottom: 75px !important; } .mb80 { margin-bottom: 80px !important; } .mb85 { margin-bottom: 85px !important; } .mb90 { margin-bottom: 90px !important; } .mb95 { margin-bottom: 95px !important; } .mb100 { margin-bottom: 100px !important; } .product-scanner { margin-bottom: 60px; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 16px; } .product-scanner * { margin: 0; padding: 0; } .product-scanner ul { list-style: none; } .product-scanner .ankerlink { padding-top: 30px; margin-top: -30px; } .product-scanner .mvBlock { text-align: center; max-width: 1052px; margin: auto; margin-bottom: 30px; } .product-scanner .mvBlock img { max-width: 100%; width: auto; } .product-scanner .contactread { font-size: 18px; margin-bottom: 30px !important; margin: auto; } .product-scanner .contactBlock { font-size: 20px; } .product-scanner .contactBlock .flex { display: flex; } .product-scanner .contactBlock .flex .btn02 { width: calc(100%/3); background-color: #0D2D90; } .product-scanner .contactBlock .flex .btn02 a { display: block; color: #FFF; text-align: center; padding: 30px 10px; } .product-scanner .contactBlock .flex .btn02 a span { position: relative; } .product-scanner .contactBlock .flex .btn02 a span::after { content: ""; vertical-align: middle; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 15px; } .product-scanner .contactBlock .flex .btn02:first-child a span::after { width: 10px; height: 13px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/link-icon01"); } .product-scanner .contactBlock .flex .btn02:nth-child(2) { background-color: #0099FF; } .product-scanner .contactBlock .flex .btn02:nth-child(2) a span::after { width: 22px; height: 22px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/link-icon03"); } .product-scanner .contactBlock .flex .btn02:last-child { background-color: #FFEA3A; } .product-scanner .contactBlock .flex .btn02:last-child a { color: #001E64; } .product-scanner .contactBlock .flex .btn02:last-child a span::after { width: 12px; height: 15px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/link-icon02"); } .product-scanner .scanner-merit { padding: 80px 0; } .product-scanner .scanner-merit .subTtl { margin-bottom: 40px; text-align: center; color: #001E64; } .product-scanner .scanner-merit .subTtl .ttbl { line-height: 1.5; letter-spacing: 0.05em; } .product-scanner .scanner-merit .subTtl .ttbl:first-child { display: block; font-size: 26px; } .product-scanner .scanner-merit .subTtl .ttbl:last-child { border-bottom: 1px solid #001E64; display: inline-block; font-size: 30px; } .product-scanner .scanner-merit .subTtl .ttbl .fb { font-size: 40px; } .product-scanner .scanner-merit .flexBox { max-width: 886px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 3%; } .product-scanner .scanner-merit .flexBox li { width: 140px; width: calc((100% - 2.625% * 8)/5); margin: 0 2.625%; margin-bottom: 20px; } .product-scanner .scanner-merit .flexBox li span { display: block; text-align: center; font-size: 17px; font-weight: bold; } .product-scanner .scanner-merit .flexBox li::before { content: ""; display: block; width: 100%; padding-bottom: 100%; margin-bottom: 10px; background-size: contain; background-repeat: no-repeat; } .product-scanner .scanner-merit .flexBox li:nth-child(1) { margin-left: 0; } .product-scanner .scanner-merit .flexBox li:nth-child(1)::before { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block01-img01"); } .product-scanner .scanner-merit .flexBox li:nth-child(2)::before { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block01-img02"); } .product-scanner .scanner-merit .flexBox li:nth-child(3)::before { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block01-img03"); } .product-scanner .scanner-merit .flexBox li:nth-child(4)::before { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block01-img04"); } .product-scanner .scanner-merit .flexBox li:nth-child(5) { margin-right: 0; } .product-scanner .scanner-merit .flexBox li:nth-child(5)::before { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block01-img05"); } .product-scanner .scanner-point { padding: 80px 0; background-color: #E5F5FF; } .product-scanner .scanner-point .subTtl { margin-bottom: 40px; text-align: center; color: #001E64; } .product-scanner .scanner-point .subTtl .ttbl { padding-bottom: 10px; letter-spacing: 0.05em; border-bottom: 1px solid #001E64; font-size: 30px; } .product-scanner .scanner-point .flexBox { max-width: 950px; margin: auto; display: flex; list-style: none; justify-content: space-between; padding: 0 3%; } .product-scanner .scanner-point .flexBox li { padding: 0 3%; max-width: 274px; width: calc((100% - 3%) /3); } .product-scanner .scanner-point .flexBox li .cachTtl { background-color: #FFF; padding: 10px 5px; text-align: center; color: #001E64; font-size: 18px; margin-bottom: 18px; line-height: 1.5; } .product-scanner .scanner-point .flexBox li .procuctimg { max-width: 158px; margin: auto; margin-bottom: 20px; } .product-scanner .scanner-point .flexBox li .procuctimg img { max-width: 100%; } .product-scanner .scanner-point .flexBox li .detailTxt { font-feature-settings: "palt"; line-height: 1.8; } .product-scanner .scanner-point .flexBox li:first-child { padding-left: 0; } .product-scanner .scanner-point .flexBox li:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; } .product-scanner .scanner-point .flexBox li:nth-child(2) .cachTtl { padding: 23px 5px; } .product-scanner .scanner-point .flexBox li:last-child { padding-right: 0; } .product-scanner .scanner-point .flexBox li:last-child .procuctimg { max-width: 220px; } .product-scanner .scanner-product { padding: 80px 0 0 0; } .product-scanner .scanner-product .subTtl { margin-bottom: 120px; text-align: center; color: #001E64; position: relative; letter-spacing: 0.05em; font-size: 30px; } .product-scanner .scanner-product .subTtl::after { content: ""; display: block; width: 160px; height: 1px; background-color: #001E64; position: absolute; left: 0; right: 0; margin: auto; bottom: -10px; z-index: 50; } .product-scanner .scanner-product-Box01 { margin-bottom: 90px; } .product-scanner .scanner-product-Box01 .bgBox { max-width: 1125px; margin: auto; background-color: #F2F2F2; position: relative; padding-bottom: 40px; } .product-scanner .scanner-product-Box01 .bgBox .cachTtl { position: relative; width: 90%; left: 0; right: 0; margin: auto; top: -45px; text-align: left; color: #001E64; border: 2px solid #001E64; background-color: #fff; box-sizing: border-box; font-size: 26px; font-weight: bold; padding: 25px 20px; } .product-scanner .scanner-product-Box01 .bgBox .cachTtl::after { content: ""; display: block; position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 50; } .product-scanner .scanner-product-Box01 .bgBox .flexBox { display: flex; max-width: 924px; margin: auto; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 820px) { .product-scanner .scanner-product-Box01 .bgBox .flexBox { justify-content: center; } } .product-scanner .scanner-product-Box01 .bgBox .itemBtn03 { text-align: center; } .product-scanner .scanner-product-Box01 .bgBox .itemBtn03 a { padding: 10px 35px; background-color: #000; color: #FFF; display: inline-block; } .product-scanner .scanner-product-Box01 .bgBox .itemBtn03 a::after { content: ""; vertical-align: middle; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 10px; width: 10px; height: 13px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/link-icon01"); position: relative; top: -1px; } .product-scanner .scanner-product-Box01 .bgBox.type01 { margin-bottom: 120px; } .product-scanner .scanner-product-Box01 .bgBox.type01 .cachTtl { padding-left: 7%; padding-right: 149px; } @media only screen and (max-width: 820px) { .product-scanner .scanner-product-Box01 .bgBox.type01 .cachTtl .clmbox { display: inline-block; } } .product-scanner .scanner-product-Box01 .bgBox.type01 .cachTtl::after { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block03-01-pht01"); width: 120px; height: 120px; right: 25px; top: -35px; } .product-scanner .scanner-product-Box01 .bgBox.type01 .flexBox .itemBox { width: 48.2684%; margin-right: 3.4632%; } @media only screen and (max-width: 820px) { .product-scanner .scanner-product-Box01 .bgBox.type01 .flexBox .itemBox { min-width: 388px; width: 90%; margin-right: 0; } } .product-scanner .scanner-product-Box01 .bgBox.type01 .flexBox .itemBox:nth-child(2) { margin-right: 0; } .product-scanner .scanner-product-Box01 .bgBox.type02, .product-scanner .scanner-product-Box01 .bgBox.type03 { width: 48.22064%; margin: 0; } .product-scanner .scanner-product-Box01 .bgBox.type02 .cachTtl, .product-scanner .scanner-product-Box01 .bgBox.type03 .cachTtl { width: 82.28782%; padding: 20px 20px; padding-left: 5%; padding-right: 50px; } .product-scanner .scanner-product-Box01 .bgBox.type02 .cachTtl::after, .product-scanner .scanner-product-Box01 .bgBox.type03 .cachTtl::after { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block03-01-pht02_01"); width: 120px; height: 120px; right: -45px; top: -30px; } .product-scanner .scanner-product-Box01 .bgBox.type02 .itemBox, .product-scanner .scanner-product-Box01 .bgBox.type03 .itemBox { width: 82.28782%; margin: auto; margin-bottom: 40px; } @media only screen and (max-width: 1110px) { .product-scanner .scanner-product-Box01 .bgBox.type02 .cachTtl .cachTtlTxt { font-size: 2.35vw; white-space: nowrap; } } .product-scanner .scanner-product-Box01 .bgBox.type03 { margin-left: 3.55872%; } .product-scanner .scanner-product-Box01 .bgBox.type03 .cachTtl { text-align: center; } .product-scanner .scanner-product-Box01 .bgBox.type03 .cachTtl::after { background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/block03-01-pht03"); } .product-scanner .scanner-product-Box01 .bgBox.type03 .itemBox { margin-bottom: 78px; } .product-scanner .scanner-product-Box01 .widtflexBox { max-width: 1125px; margin: auto; display: flex; justify-content: space-between; } @media only screen and (max-width: 960px) { .product-scanner .scanner-product-Box01 .widtflexBox { display: block; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 { width: 100%; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl { width: 90%; padding-right: 149px; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl br, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl br { display: none; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl::after, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl::after { right: 25px; top: -35px; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .itemBox, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .itemBox { max-width: 446px; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 { margin-bottom: 100px; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl .cachTtlTxt { font-size: 26px; white-space: normal; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 { margin-left: 0; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl { text-align: left; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .itemBox { margin-bottom: 40px; } } @media only screen and (max-width: 820px) { .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl br, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl br { display: block; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .itemBox, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .itemBox { max-width: 100%; width: 90%; } } .product-scanner .scanner-product-Box02 .bgBox { max-width: 1125px; margin: auto; background-color: #F2F2F2; position: relative; padding: 0 10px; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 60px; } .product-scanner .scanner-product-Box02 .bgBox:last-child { margin-bottom: 0; } .product-scanner .scanner-product-Box02 .cachTtl { font-size: 30px; font-weight: bold; text-align: center; color: #FFF; background-color: #001E64; padding: 20px 10px; margin-bottom: 40px; } .product-scanner .scanner-product-Box02 .flexBox { display: flex; justify-content: space-between; width: 100%; max-width: 1008px; margin: auto; margin-bottom: 50px; } .product-scanner .scanner-product-Box02 .itemList { width: calc((100% - 24px * 2)/3); margin-right: 24px; } .product-scanner .scanner-product-Box02 .itemList:last-child { margin-right: 0; } .product-scanner .scanner-product-Box02 .itemPrdPoint { width: calc((100% - 24px * 2)/3); margin-right: 24px; } .product-scanner .scanner-product-Box02 .itemPrdPoint:last-child { margin-right: 0; } .product-scanner .scanner-product-Box02 .subTxtTtl { width: 100%; max-width: 1008px; margin: auto; margin-bottom: 20px; font-size: 30px; border-left: 5px solid #0099FF; padding-left: 15px; line-height: 1.2; box-sizing: border-box; } .product-scanner .scanner-cvLink { padding: 30px 10px; } .product-scanner .scanner-cvLink img { max-width: 100%; } .product-scanner .scanner-cvLink .cvLinkTtl { max-width: 412px; margin: auto; margin-bottom: 20px; } .product-scanner .scanner-cvLink .cvLinkImg { max-width: 690px; margin: auto; } .product-scanner .itemBox { background-color: #FFF; padding-bottom: 10px; margin-bottom: 30px; display: block; } .product-scanner .itemBox .itemName { text-align: center; background-color: #0099FF; color: #FFF; padding: 7px 5px; } .product-scanner .itemBox .itemflexBox { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap !important; padding: 20px 20px 20px; } @media only screen and (max-width: 820px) { .product-scanner .itemBox .itemflexBox { justify-content: space-around; } } .product-scanner .itemBox .itemImg { width: 163px; } .product-scanner .itemBox .itemImg img { max-width: 100%; } .product-scanner .itemBox .itemPoint { width: 220px; } .product-scanner .itemBox .itemPoint li { background-color: #4C4C4C; color: #FFF; padding: 5px 3px 5px 15px; margin-bottom: 5px; font-size: 14px; } .product-scanner .itemBox .itemPoint li:last-child { margin-bottom: 0; } .product-scanner .itemBox .itemPoint li .yellow { color: #FFEA3A; } .product-scanner .itemBox .itemPoint li .txt::before { content: ""; display: inline-block; margin-right: 5px; position: relative; bottom: -2px; background-size: contain; background-position: center; background-repeat: no-repeat; } .product-scanner .itemBox .itemPoint li .txt.icn01::before { width: 19px; height: 12px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-01"); } .product-scanner .itemBox .itemPoint li .txt.icn02::before { width: 19px; height: 12px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-02"); } .product-scanner .itemBox .itemPoint li .txt.icn03::before { width: 19px; height: 16px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-03"); } .product-scanner .itemBox .itemPoint li .txt.icn04::before { width: 19px; height: 15px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-04"); } .product-scanner .itemBox .itemPoint li .txt.icn05::before { width: 19px; height: 11px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-05"); } .product-scanner .itemBox .itemPoint li .txt.icn06::before { width: 19px; height: 7px; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/icon-06"); } .product-scanner .itemBox .itemlinkTxt { padding: 0 20px; text-align: right; } .product-scanner .itemBox .itemlinkTxt::after { content: ""; display: inline-block; width: 5px; height: 5px; border-right: 1px solid #000000; border-top: 1px solid #000000; transform: rotate(45deg); position: relative; top: -2px; right: -3px; } .product-scanner .itemList { background-color: #FFF; position: relative; padding-bottom: 30px; } .product-scanner .itemList .itemName { text-align: center; background-color: #0099FF; color: #FFF; padding: 7px 5px; margin-bottom: 10px; } .product-scanner .itemList .itemImg { max-width: 234px; margin: auto; margin-bottom: 10px; } .product-scanner .itemList .itemImg img { max-width: 100%; } .product-scanner .itemList .pointFlex { display: flex; justify-content: space-between; width: 90%; margin: auto; margin-bottom: 10px; } .product-scanner .itemList .pointFlexBox { width: 48%; background-color: #4C4C4C; color: #FFF; padding: 5px 5px; box-sizing: border-box; font-size: 14px; } .product-scanner .itemList .pointFlexBox span { text-align: center; display: block; line-height: 1.5; } .product-scanner .itemList .pointFlexBox .yellow { color: #FFEA3A; } .product-scanner .itemList .optionList { display: flex; width: 90%; margin: auto; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px; } .product-scanner .itemList .optionList li { font-size: 12px; background-color: #E5E5E5; padding: 3px 8px; margin-right: 7px; margin-bottom: 6px; } .product-scanner .itemList .itemlinkTxt { position: absolute; bottom: 5px; left: 0; right: 0; width: 90%; margin: auto; text-align: right; } .product-scanner .itemList .itemlinkTxt::after { content: ""; display: inline-block; width: 5px; height: 5px; border-right: 1px solid #000000; border-top: 1px solid #000000; transform: rotate(45deg); position: relative; top: -2px; right: -3px; } .product-scanner .itemPrdPoint .itemPrdPointTtl { text-align: center; background-color: #D8D8D8; padding: 7px 5px; margin-bottom: 10px; font-size: 18px; font-weight: bold; } .product-scanner .itemPrdPoint .itemPrdPointTtl.lHeight { display: flex; align-items: center; justify-content: center; } .product-scanner .itemPrdPoint .itemPrdPointTxt { margin-bottom: 15px; line-height: 2; } .product-scanner .itemPrdPoint .itemPrdPointTxt .note { display: block; font-size: 14px; } .product-scanner .itemPrdPoint .itemPrdPointImg img { max-width: 100%; } @media only screen and (max-width: 640px) { .spmb0 { margin-bottom: 0px !important; } .spmb5 { margin-bottom: 5px !important; } .spmb10 { margin-bottom: 10px !important; } .spmb15 { margin-bottom: 15px !important; } .spmb20 { margin-bottom: 20px !important; } .spmb25 { margin-bottom: 25px !important; } .spmb30 { margin-bottom: 30px !important; } .spmb35 { margin-bottom: 35px !important; } .spmb40 { margin-bottom: 40px !important; } .spmb45 { margin-bottom: 45px !important; } .spmb50 { margin-bottom: 50px !important; } .spmb55 { margin-bottom: 55px !important; } .view-sp { display: block; } .view-sp.inline { display: inline; } .view-pc { display: none; } .view-pc.inline { display: none; } .mod-headingLv1 { margin-bottom: 0; } .product-scanner { margin-bottom: 40px; } .product-scanner .mvBlock { max-width: initial; margin-bottom: 20px; } .product-scanner .mvBlock img { max-width: initial; width: 100%; } .product-scanner .contactread { font-size: 15px; margin-bottom: 20px !important; margin: auto; } .product-scanner .contactBlock { font-size: 12px; } .product-scanner .contactBlock .flex { flex-wrap: wrap; } .product-scanner .contactBlock .flex .btn02 { width: calc(100%/2); } .product-scanner .contactBlock .flex .btn02 a { padding: 8% 10px; } .product-scanner .contactBlock .flex .btn02 a span br { display: none; } .product-scanner .contactBlock .flex .btn02 a span::after { transform: translateY(-2px); margin-left: 7px; } .product-scanner .contactBlock .flex .btn02:first-child { width: 100%; } .product-scanner .contactBlock .flex .btn02:first-child a { padding: 4% 10px; } .product-scanner .contactBlock .flex .btn02:first-child a span::after { width: 8px; height: 9px; } .product-scanner .contactBlock .flex .btn02:nth-child(2) a span::after { width: 14px; height: 14px; } .product-scanner .scanner-merit { padding: 40px 0; } .product-scanner .scanner-merit .subTtl { margin-bottom: 30px; } .product-scanner .scanner-merit .subTtl .ttbl:first-child { font-size: 18px; } .product-scanner .scanner-merit .subTtl .ttbl:last-child { font-size: 24px; } .product-scanner .scanner-merit .subTtl .ttbl .fb { font-size: 30px; } .product-scanner .scanner-merit .flexBox { max-width: initial; justify-content: center; } .product-scanner .scanner-merit .flexBox li { width: calc((100% - 2.625% * 4)/3); } .product-scanner .scanner-merit .flexBox li span { font-size: 15px; } .product-scanner .scanner-merit .flexBox li:nth-child(3) { margin-right: 0; } .product-scanner .scanner-point { padding: 40px 0; } .product-scanner .scanner-point .subTtl { margin-bottom: 30px; } .product-scanner .scanner-point .subTtl .ttbl { font-size: 24px; line-height: 2; } .product-scanner .scanner-point .flexBox { max-width: initial; display: block; padding: 0 5%; } .product-scanner .scanner-point .flexBox li { padding: 0; width: 100%; box-sizing: border-box; max-width: initial; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 40px; } .product-scanner .scanner-point .flexBox li .cachTtl { width: 100%; } .product-scanner .scanner-point .flexBox li .cachTtl br { display: none; } .product-scanner .scanner-point .flexBox li .procuctimg { margin: 0; max-width: initial; width: 39%; margin-bottom: 0; } .product-scanner .scanner-point .flexBox li .detailTxt { width: 55%; } .product-scanner .scanner-point .flexBox li:nth-child(2) { border: none; } .product-scanner .scanner-point .flexBox li:nth-child(2) .cachTtl { padding: 10px 5px; } .product-scanner .scanner-product { padding: 20px 0 0 0; } .product-scanner .scanner-product .subTtl { font-size: 20px; } .product-scanner .scanner-product .subTtl::after { width: 140px; } .product-scanner .scanner-product-Box01 { margin-bottom: 60px; } .product-scanner .scanner-product-Box01 .bgBox { max-width: initial; } .product-scanner .scanner-product-Box01 .bgBox .cachTtl { width: 94%; font-size: 18px; padding: 15px 10px; } .product-scanner .scanner-product-Box01 .bgBox .flexBox { max-width: initial; display: block; padding: 0 4%; box-sizing: border-box; } .product-scanner .scanner-product-Box01 .bgBox .itemBtn03 a { background-color: #99D6FF; color: #000; position: relative; width: 90%; min-width: 330px; margin: auto; box-sizing: border-box; } .product-scanner .scanner-product-Box01 .bgBox .itemBtn03 a::after { position: absolute; right: 15px; bottom: 0; top: 0; margin: auto; background-image: url("/-/media/cojp/product/scanner/TOP-2022/img/link-icon04"); } .product-scanner .scanner-product-Box01 .bgBox.type01 .cachTtl { padding: 15px 20px; top: -35px; } .product-scanner .scanner-product-Box01 .bgBox.type01 .cachTtl::after { width: 100px; height: 100px; right: -10px; top: -25px; } .product-scanner .scanner-product-Box01 .bgBox.type01 .flexBox .itemBox { width: 100%; min-width: initial; margin-bottom: 20px; } .product-scanner .scanner-product-Box01 .bgBox.type02, .product-scanner .scanner-product-Box01 .bgBox.type03 { width: 100%; } .product-scanner .scanner-product-Box01 .bgBox.type02 .cachTtl .cachTtlTxt, .product-scanner .scanner-product-Box01 .bgBox.type03 .cachTtl .cachTtlTxt { font-size: 18px !important; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl { width: 94%; padding: 15px 20px; top: -35px; } .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type02 .cachTtl::after, .product-scanner .scanner-product-Box01 .widtflexBox .bgBox.type03 .cachTtl::after { width: 100px; height: 100px; right: -10px; top: -25px; } .product-scanner .scanner-product-Box02 .bgBox { max-width: initial; padding: 0; padding-bottom: 15px; } .product-scanner .scanner-product-Box02 .cachTtl { font-size: 20px; margin-bottom: 40px; } .product-scanner .scanner-product-Box02 .flexBox { display: block; max-width: initial; margin-bottom: 40px; } .product-scanner .scanner-product-Box02 .itemList { width: 80%; margin: auto; box-sizing: border-box; margin-bottom: 30px; } .product-scanner .scanner-product-Box02 .itemList:last-child { margin-bottom: 0; margin-right: auto; } .product-scanner .scanner-product-Box02 .itemPrdPoint { width: 92%; margin: auto; box-sizing: border-box; margin-bottom: 30px; } .product-scanner .scanner-product-Box02 .itemPrdPoint:last-child { margin-right: auto; margin-bottom: 0px; } .product-scanner .scanner-product-Box02 .subTxtTtl { font-size: 20px; max-width: initial; width: 92%; box-sizing: border-box; margin: auto; margin-bottom: 30px; } .product-scanner .scanner-cvLink { padding: 20px 5%; } .product-scanner .itemBox .itemflexBox { padding: 20px 10px 20px; justify-content: space-between; } .product-scanner .itemBox .itemflexBox .itemImg { width: 38%; } .product-scanner .itemBox .itemflexBox .itemImg ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column; flex-direction: column; } .product-scanner .itemBox .itemflexBox .itemPoint { width: 58%; } .product-scanner .itemBox .itemflexBox .itemPoint li { font-size: 12px; } .product-scanner .itemBox .itemflexBox .itemlinkTxt { font-size: 14px; } }