* {word-wrap: break-word; } img { -ms-interpolation-mode: bicubic; } #footer { margin-top:0;} /* !clearfix */ hr { display: none; } .cfix { zoom:1; } .cfix:after{ content:""; clear:both; display:block; height:0; font-style:italic } /* スクロールバーの有無によるズレ対策 */ html { overflow-y: scroll; } img { vertical-align: middle } /* margin-bottom =========================================*/ .mb0 { margin-bottom:0 !important; } .mb3 { margin-bottom:3px !important; } .mb4 { margin-bottom:4px !important; } .mb5 { margin-bottom:5px !important; } .mb7 { margin-bottom:7px !important; } .mb10 { margin-bottom:10px !important; } .mb12 { margin-bottom:12px !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; } .mb50 { margin-bottom:50px !important; } .mb60 { margin-bottom:60px !important; } .mb80 { margin-bottom:80px !important; } /* margin-top =========================================*/ .mt0 { margin-top:0 !important; } .mt3 { margin-top:3px !important; } .mt4 { margin-top:4px !important; } .mt5 { margin-top:5px !important; } .mt7 { margin-top:7px !important; } .mt10 { margin-top:10px !important; } .mt12 { margin-top:12px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .mt50 { margin-top:50px !important; } .mr5 { margin-right:5px !important; } .mr10 { margin-right:10px !important; } /* padding-top =========================================*/ .pt0 { padding-top:0 !important; } .pt3 { padding-top:3px !important; } .pt4 { padding-top:4px !important; } .pt5 { padding-top:5px !important; } .pt7 { padding-top:7px !important; } .pt10 { padding-top:10px !important; } .pt12 { padding-top:12px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt25 { padding-top:25px !important; } .pt30 { padding-top:30px !important; } .pt35 { padding-top:35px !important; } .pt40 { padding-top:40px !important; } .pt50 { padding-top:50px !important; } .pt60 { padding-top:60px !important; } .pt80 { padding-top:80px !important; } .tx9 { font-size: 9px } .tx10 { font-size: 10px } .tx11 { font-size: 11px } .tx12 { font-size: 12px } .tx13 { font-size: 13px } .tx14 { font-size: 14px } .tx15 { font-size: 15px } .tx16 { font-size: 16px } .tx18 { font-size: 18px } .tx20 { font-size: 20px } .tx24 { font-size: 24px } .fltR { float: right; } .fltL { float: left; } .txtR { text-align: right; } .txtL { text-align: left; } .txtC { text-align: center; } .sp-none { display:block; } .pc-none { display:none; } /* -- ▼ 汎用性のあるstyle -- */ #privacy-center { font-size:13px; letter-spacing:0; } .l-menu { position: absolute; top:0; left:0; width:25%; } .l-menu .l-menu-inner { padding:50px 0 0 17.5%; } .l-menu ol { margin:30px 0 0; } .l-menu ol li { margin:0 0 15px; } .l-menu ol li a { color:#51656F; text-decoration:none; } .l-menu ol li a:hover { color:#0000FF !important; } .r-cont { width:75%; margin:0 0 0 25%; border-left:1px solid #9ba6ac; padding:0 0 60px; } .r-cont .r-cont-inner { width:760px; margin:0 auto; } .r-cont a { color:#0000FF; text-decoration:underline; } .sec { margin:0 auto 60px; } .bg-gr-box { background:#f2f3f8; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2); padding:50px 70px; position:relative; } h4.tit-frame { background:#f7f8fc; border:1px solid #9ba6ac; padding:10px 20px; margin:0 0 10px; position:relative; } h4.tit-frame .parts { position:absolute; top:-1px; left:-1px; } .notes-tx11 { color:#728690; font-size:11px; line-height:1.4; display:block; } .notes-tx12 { color:#728690; font-size:12px; line-height:1.4; margin:5px 0 0; display:block; } .tx-bold { font-weight:bold; } .external { margin:0; border-bottom:1px solid #0000FF; } .bg-grd { background: -moz-linear-gradient(left, #3bce7f9 0%, #9cbada 30%); background: -webkit-gradient(linear, left center, right center, from(#bce7f9), to(#9cbada)); background: -webkit-linear-gradient(left, #bce7f9 0%, #9cbada 30%); background: linear-gradient(to left, #bce7f9, #9cbada 30%); } /* -- privacy-center-header-pc -- */ #privacy-center-header-pc { border-bottom:1px solid #9ba6ac; text-align:left; padding:35px 0; position:relative; } #privacy-center-header-pc h1 { font-size:20px; font-weight:500; line-height:1; width:1190px; margin:0 auto; padding:0 20px; } #privacy-center-header-pc ul { position:absolute; top:35px; right:50px; font-size:0; } #privacy-center-header-pc ul li { display:inline-block; } #privacy-center-header-pc ul li a { color:#51656F; font-size:13px; font-weight:500; text-decoration:none; margin:0 0 0 16px; } #privacy-center-header-pc ul li a:hover { text-decoration:underline; } #privacy-center-header-pc ul li a.cur { color:#0000FF; text-decoration:underline; } #privacy-center-header-pc ul li a .ico { margin:0 0 0 4px; } #privacy-center-header-pc ul li:last-child a { margin:0 0 0 75px; } /* -- intro-box -- */ #intro-box { margin:0 0 50px; padding:55px 0 0; } #intro-box h2 { font-size:38px; font-weight:500; line-height:1.4; text-align:center; margin:0 0 10px; } #intro-box .read { font-size:17px; font-weight:500; line-height:1.8; letter-spacing:-0.05em; margin:0 0 10px; } /* -- overview -- */ #overview { width:760px; margin:0 auto; padding:0 0 60px; } #overview a { color:#0000FF; text-decoration:underline; } /*#overview #news h3 { font-size:17px; font-weight:500; line-height:1; background:#fff; border:1px solid #9ba6ac; padding:12px 15px; margin:0 0 15px; }*/ #overview #news h3 { font-size:29px;font-weight:500; line-height:1; letter-spacing:-0.01em; margin:0 0 20px; } #overview #news .news-list li:last-child { margin:0; } #overview #news .news-list li .date { padding:0 15px 0 0; } #overview #sec01 h3, #overview #sec02 h3 { font-size:29px;font-weight:500; line-height:1; letter-spacing:-0.01em; margin:0 0 20px; } #overview #sec01 .intro { font-size:16px; font-weight:500; letter-spacing:-0.08em; } #overview #sec01 .figure { margin:20px 0; } #overview #sec02 ul li { background:#fff; padding:30px; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2); margin:0 0 15px; position:relative; } #overview #sec02 ul li .cate { padding:0 0 0 210px; } #overview #sec02 ul li .cate p { color:#fff; font-weight:500; line-height:1; width:94px; border-radius:3px; text-align:center; padding:5px 0; } #overview #sec02 ul li h4 { font-size:24px; font-weight:500; line-height:1.4; padding:0 0 0 210px; margin:8px 0; } #overview #sec02 ul li p { padding:0 0 0 210px; } #overview #sec02 ul li .btn-more-A { padding:0 0 0 210px; margin:10px 0 0; } #overview #sec02 ul li .btn-more-A a { color:#fff !important; font-size:14px; font-weight:500; text-decoration:none !important; line-height:1; background:#9BB6DB; box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2); padding:5px 40px 5px 20px; border-radius:40px; display:inline-block; position:relative; } #overview #sec02 ul li .btn-more-A a .arw { position:absolute; top:50%; right:15px; margin:-7px 0 0; } #overview #sec02 ul li .btn-more-B { padding:0 0 0 210px; margin:5px 0 0; } #overview #sec02 ul li .btn-more-B a { line-height:1; display:inline-block; position:relative; } #overview #sec02 .soon { padding:0 0 0 210px; margin:10px 0 0; } #overview #sec02 ul li:nth-child(3) h4, #overview #sec02 ul li:nth-child(3) p, #overview #sec02 ul li:nth-child(3) .figure { opacity:0.4; } #overview #sec02 ul li:nth-child(1) .figure { position:absolute; top:60px; left:17px; } #overview #sec02 ul li:nth-child(2) .figure { position:absolute; top:50px; left:17px; } #overview #sec02 ul li:nth-child(3) .figure { position:absolute; top:90px; left:17px; } #overview #sec02 ul li:nth-child(4) .figure { position:absolute; top:90px; left:20px; } /* -- governance -- */ #governance { margin:0 auto; position:relative; } #governance .intro-img { padding:0 0 10px 90px; } #governance .r-menu p { color:#fff; font-size:17px; font-weight:500; line-height:1; text-align:center; padding:10px 0; border-radius:40px; } #governance .r-menu ul { margin:20px 0 0 -10px; } #governance .r-menu ul li { float:left; width:50%; margin:0 0 10px; } #governance .r-menu ul li .inner { background:#fff; box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2); margin:0 0 0 10px; position:relative;} #governance .r-menu ul li a { color:#51656F; font-size:14px; font-weight:500; text-decoration:none; line-height:1.4; height:65px; padding:0 0 0 60px; display:block; } #governance .r-menu ul li .num { position:absolute; top:50%; left:15px; margin:-19px 0 0; } #governance .r-menu ul li span { height:65px; display:table-cell; vertical-align:middle; } #governance h3 { font-size:17px; font-weight:500; line-height:1.4; background:#fff; box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2); height:65px; margin:0 0 15px; padding:0 15px 0 70px; position:relative; } #governance h3 .tx-sm { font-size:12px; height:auto; } #governance h3 span { height:65px; display:table-cell; vertical-align:middle; } #governance h3 .num { position:absolute; top:50%; left:15px; margin:-20px 0 0; } #governance h4.tit-frame { font-size:16px; font-weight:500; line-height:1; } #governance h4.tit-frame span { font-size:12px; } #governance .block-list li { margin:20px 0 30px; position:relative; } #governance .block-list li:last-child { margin:0; } #governance .figure { margin:20px 0 0; } #governance .caption { line-height:1; text-align:right; margin:10px 0 0; } #governance #sec01 .notes-tx11 { margin:5px 0; } #governance #sec02 ul { background:#fff; padding:30px; } #governance #sec02 ul li { font-size:14px; font-weight:500; line-height:1.4; height:75px; background:#F1F3F9; padding:0 0 0 210px; margin:0 0 10px; position:relative; } #governance #sec02 ul li .parts { position:absolute; top:15px; left:15px; } #governance #sec02 ul li span { color:#fff; line-height:1; width:130px; text-align:center; background:#9BB6DB; padding:10px 0; position:absolute; top:20px; left:65px; border-radius:5px; } #governance #sec02 ul li p { height:75px; display:table-cell; vertical-align:middle; } #governance #sec02 ul li:last-child { margin:0; } #governance #sec02 .figure { margin:20px 0 0; } #governance #sec05 .notes-tx11 { margin:20px 0 30px; } #governance #sec05 h5 { font-size:15px; font-weight:500; margin:30px 0 0; } #governance #sec06 .pc-tbl .cell_l { width:19.3%; } #governance #sec06 .pc-tbl .cell_c { width:17.7%; } #governance #sec06 .pc-tbl .cell_r { width:63%; } #governance #sec06 .pc-tbl th { background:#f7f8fc; border-right:1px solid #9ba6ac; border-top:1px solid #9ba6ac; border-bottom:1px solid #9ba6ac; padding:10px; } #governance #sec06 .pc-tbl th.cell_l { border-left:1px solid #9ba6ac; } #governance #sec06 .pc-tbl td.cont { border-right:1px solid #9ba6ac; border-bottom:1px solid #9ba6ac; padding:10px; } #governance #sec06 .pc-tbl td.cell_l { border-left:1px solid #9ba6ac; } #governance #sec06 .pc-tbl td.top { border-top:1px solid #9ba6ac; } #governance #sec06 .pc-tbl td.space { height:5px; } #governance #sec06 .pc-tbl ol { padding:0 0 0 20px; } #governance #sec06 .pc-tbl ol span { font-weight:500; text-indent:-16px; display:inline-block; } #governance #sec09 .bg-gr-box { padding:20px 55px 40px; } /* -- dataprivacy -- */ #dataprivacy { margin:0 auto; position:relative; } #dataprivacy .intro-img { text-align:center; padding:0 0 40px; } #dataprivacy h3 { background:#fff; border:1px solid #9ba6ac; position:relative; padding:0 0 0 64px; margin:0 0 15px; } #dataprivacy h3 .num { position:absolute; top:0; left:0; } #dataprivacy h3 span { font-size:17px; font-weight:500; line-height:1; padding:13px 0 13px 15px; display:block; border-left:1px solid #9ba6ac; } #dataprivacy h4.tit-frame { font-size:17px; font-weight:500; line-height:1; letter-spacing:-0.06em; } #dataprivacy h4.tit-left-parts { font-size:20px; font-weight:500; line-height:1; padding:0 0 0 50px; position:relative; } #dataprivacy h4.tit-left-parts .parts { position:absolute; top:50%; left:0; margin:-19px 0 0; } #dataprivacy .purple { color:#A674B0; } #dataprivacy .green { color:#66BF97; } #dataprivacy .caption { line-height:1; text-align:right; margin:10px 0 0; } #dataprivacy .qa { background:#fff; padding:30px; margin:30px 0; } #dataprivacy .q { background:#E0F1F1; border-radius:5px; padding:10px 0 10px 80px; position:relative; } #dataprivacy .a { position:relative; padding:0 0 0 85px; margin:20px 0 10px; } #dataprivacy .q p { font-size:15px; font-weight:500; line-height:1.4; } #dataprivacy .a p { font-size:15px; font-weight:500; } #dataprivacy .qa .tx-sm { font-size:12px; } #dataprivacy .qa .q .parts { position:absolute; top:50%; left:15px; margin:-23px 0 0; } #dataprivacy .qa .a .parts { position:absolute; top:50%; left:0; margin:-18px 0 0; } #dataprivacy .qa .a .no { position:absolute; top:0; left:50px; } #dataprivacy .figure .clm2 { margin:0 0 0 -20px; } #dataprivacy .figure .clm2 li { width:50%; float:left; margin:20px 0 0 !important; } #dataprivacy .figure .clm2 li .inner { margin:0 0 0 20px; } #dataprivacy .figure .clm2 li:nth-child(1), #dataprivacy .figure .clm2 li:nth-child(2) { margin:0 !important; } #dataprivacy #sec01 .figure, #dataprivacy #sec02 .figure, #dataprivacy #sec04 .figure, #dataprivacy #sec05 .figure { margin:20px 0 0; } #dataprivacy #sec01 .figure img { width: 100%; height: auto; position: relative } #dataprivacy #sec02 .block-list li { margin:0 0 40px; } #dataprivacy #sec02 .block-list li:last-child { margin:0; } #dataprivacy #sec02 .block-list li:nth-child(2) .figure { margin:20px 0 50px; } #dataprivacy #sec03 .block-list { margin:30px 0 0; } #dataprivacy #sec03 .block-list li { margin:0 0 30px; } #dataprivacy #sec03 .block-list li:last-child { margin:0; } #dataprivacy #sec03 .block-list li:nth-child(7) .figure { margin:20px 0 0; } #dataprivacy #sec03 h4.tit-frame { margin:0 0 20px; } #dataprivacy #sec02 .box { border-top:1px solid #9ba6ac; padding:30px 0 0; margin:20px 0 0; } #dataprivacy #sec02 .box h5 { font-size:17px; font-weight:500; line-height:1; padding:0 0 0 50px; margin:0 0 20px; position:relative; } #dataprivacy #sec02 .box h5 .parts { position:absolute; top:50%; left:0; margin:-18px 0 0; } #dataprivacy #sec02 .box ol { margin:35px 0 0; } #dataprivacy #sec02 .box ol li { margin:0 0 30px; } #dataprivacy #sec03 .crossuse { margin:30px 0 0; } #dataprivacy #sec03 .crossuse h5 { font-size:15px; font-weight:500; border-bottom:3px double #51656F; margin:0 0 10px; } #dataprivacy #sec03 .crossuse li { margin:0 0 25px; } #dataprivacy #sec03 .crossuse li:last-child { margin:0; } #dataprivacy #sec03 .crossuse .figure { margin:10px 0 0; } #dataprivacy #sec04 h4.tit-left-parts { margin:40px 0 15px; } #dataprivacy #sec04 .cooperation h5 { font-size:17px; font-weight:500; line-height:1; padding:0 0 0 35px; margin:0 0 15px; position:relative; } #dataprivacy #sec04 .cooperation h5 .parts { position:absolute; top:50%; left:0; margin:-14px 0 0; } #dataprivacy #sec04 .cooperation { margin:50px 0 0; } #dataprivacy #sec04 .cooperation li { margin:40px 0 0; } #dataprivacy #sec04 .cooperation .figure li:nth-child(1), #dataprivacy #sec04 .cooperation .figure li:nth-child(2) { margin:0; } #dataprivacy #sec04 .cooperation .tx14 { font-weight:500; margin:20px 0 0; } #dataprivacy #sec04 .other { margin:20px 0 40px; } #dataprivacy #sec04 .other li { margin:0 0 10px !important; line-height:1.4; } #dataprivacy #sec05 .block-list { margin:20px 0 0; } #dataprivacy #sec05 .block-list li { margin:0 0 30px; } #dataprivacy #sec05 .block-list li:last-child { margin:0; } #dataprivacy #sec05 .notes-tx12 { margin:10px 0 0; } #dataprivacy #sec06 .box { border:1px solid #9ba6ac; box-sizing:border-box; margin:10px 0 0; } #dataprivacy #sec06 .box .box-L { float:left; width:34%; padding:25px 0 0 15px;} #dataprivacy #sec06 .box .box-R { float:left; width:66%; border-left:1px solid #9ba6ac; padding:20px 0; } #dataprivacy #sec06 .box h4 { font-size:17px; font-weight:500; } #dataprivacy #sec06 .box .box-R p { padding:0 20px; } #dataprivacy #sec06 .box .box-R .tx-sm { color:#728690; font-size:12px; } #dataprivacy #sec06 .box .bg-white { background:#fff; margin:10px 20px 0; padding:15px !important; } /* -- list -- */ #list { width:760px; margin:60px auto; } #list a { color:#0000FF; text-decoration:underline; } #list h3 { font-size:17px; font-weight:500; line-height:1; background:#fff; border:1px solid #9ba6ac; padding:14px 15px; } #list h4.tit-frame { font-size:17px; font-weight:500; line-height:1; letter-spacing:-0.06em; position:relative; } #list h4.tit-frame .line { border-right:1px solid #9ba6ac; position:absolute; top:0; left:100px; height:100%; } #list h4.tit-frame .com { width:150px; position:absolute; top:10px; left:20px; } #list h4.tit-frame .inc { display:block; padding:0 0 0 105px; } #list #sec01 h3 { margin:0 0 10px; } .policy-list { margin:0 0 30px; } .policy-list li a { font-size:13px; } #list #sec02 h3, #list #sec03 h3 { margin:0 0 20px; } #list .service-list { margin:0 0 0 -30px; } #list .service-list li { font-size:12px; line-height:1.6; float:left; width:33.333%; margin:0 0 15px; } #list .service-list li .inner { margin:0 0 0 30px; } #list .service-list li a span { color:#51656F; } #list .btn-open { text-align:center; margin:0 0 20px; } #list .more-info { display:none; } #list .more-info .service-list { margin:0 0 10px -30px; } /* -- btn-next-back -- */ .btn-next-back { text-align:center; margin:60px 0 0; } .btn-next-back ul { font-size:0; } .btn-next-back ul li { display:inline-block; } .btn-next-back ul li a { color:#fff !important; text-decoration:none !important; font-size:17px; line-height:1; position:relative; } .btn-next-back ul li span { position:absolute; top:5px; left:0; width:180px; z-index:2; } /* -- faq-link -- */ #faq-link { padding:30px 40px; position:relative; border-radius:20px; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2); } #faq-link p span { font-size:22px; font-weight:500; line-height:1.6; letter-spacing:-0.02em; margin:0 0 5px; display:block; } #faq-link p { color:#fff; letter-spacing:-0.08em; } #faq-link .figure { position:absolute; bottom:20px; right:20px; } #faq-link a { color:#fff; text-decoration:none; } /* -- lower-link-area -- */ #lower-link-area { margin:60px 0 0; } #lower-link-area .info01 { margin:0 auto 25px; padding:25px 30px; border-top:1px solid #d3d8db; border-bottom:1px solid #d3d8db; } #lower-link-area .info01 h5, .info01 ul li a { font-size:13px; } #lower-link-area .info02 { margin:0 auto; padding:25px 30px; background:#f2f3f8; } #lower-link-area .info02 ul li a { font-size:13px; } #lower-link-area .info03 { margin:0 auto; padding:25px 30px; border-top:1px solid #d3d8db; border-bottom:1px solid #d3d8db; } /* -- notice -- */ #notice { width:760px; margin:0 auto; padding:0 0 60px; } #notice a { color:#0000FF; text-decoration:underline; } #notice #intro-box .read { font-size:15px; font-weight:normal; text-align:left; padding:40px 70px; margin:40px 0 15px; } #notice #intro-box .intro-img { margin:0 0 50px; text-align:center; } #notice .block-list li { margin:0 0 30px; } #notice .block-list li:last-child { margin:0; } #notice .block-list li:first-child p { font-size:17px; font-weight:500; } #notice h3 { font-size:17px; font-weight:500; line-height:1; background:#fff; border:1px solid #9ba6ac; padding:12px 15px; margin:0 0 15px; } #notice h4.tit-frame { font-size:17px; font-weight:500; line-height:1; letter-spacing:-0.06em; } #notice #sec01 .link-list { margin:10px 0 0; } #notice #sec01 .link-list li { margin:0; } #notice #sec02 table { border-top:1px solid #9ba6ac; border-left:1px solid #9ba6ac; border-right:1px solid #9ba6ac; margin:0 0 15px; } #notice #sec02 th { border-bottom:1px solid #9ba6ac; border-right:1px solid #9ba6ac; width:150px; padding:20px; font-size:14px; letter-spacing:-0.04em; } #notice #sec02 td { border-bottom:1px solid #9ba6ac; padding:20px; } #notice #sec02 td p { margin:0 0 10px; font-size:15px; font-weight:500; letter-spacing:-0.04em; } #notice #sec02 td ul li { margin:0 0 15px; } #notice #sec02 td ul li:last-child { margin:0; } #notice #sec02 td .box01 { font-size:13px !important; font-weight:normal !important; background:#c6cddf; padding:5px 10px; border-radius:5px; } #notice #sec02 td .box02 { font-size:13px !important; font-weight:normal !important; background:#fbfbfd; padding:10px; margin:10px 0 0; } #notice #sec04 ul { margin:10px 0; } @media screen and (max-width: 780px){ .spHeaderBreadcrumbArea { display:none; } .sp-none { display:none; } .pc-none { display:block; } #privacy-center { font-size:13px; line-height: 1.6; letter-spacing:0; -webkit-text-size-adjust: none; } .l-menu { display:none; } .r-cont { width:auto; margin:0; border-left:none; padding:0 0 60px; } .r-cont .r-cont-inner { width:auto; } .sec { margin:0 auto 40px; } .bg-gr-box { padding:40px 35px; } .notes-tx11 { font-size:11px; line-height:1.4; display:block; } .notes-tx12 { font-size:12px; line-height:1.4; display:block; } h4.tit-frame { padding:10px 20px; margin:0 0 10px; position:relative; } h4.tit-frame .parts { position:absolute; top:-1px; left:-1px; } .figure-tit { font-size:14px; font-weight:500; line-height:1.4; margin:0 0 5px; } #intro-box { margin:0 0 40px; padding:85px 35px 0; } #intro-box h2 { font-size:25px; font-weight: 700; margin:0 0 10px; } #intro-box .read { font-size:15px; text-align:left; margin:0 0 10px; } /* -- privacy-center-header-sp -- */ #privacy-center-header-sp { position:fixed; left: 0; top: 58px; width:100%; background:#fff; border-top:1px solid #9ba6ac; z-index:10; } #privacy-center-header-sp h1 { font-size:18px; font-weight:500; line-height:1; padding:15px; border-bottom:1px solid #9ba6ac; } .btn-menu { position:absolute; top:1px; right:0; height:47px; width:50px; text-align:center; padding:10px 0 0; } #privacy-center-header-sp .sp-menu { overflow-y: scroll; max-height: calc(100vh - 50px); } #privacy-center-header-sp .sp-menu ul li a { position:relative; } #privacy-center-header-sp .sp-menu ul li .arw { position:absolute; top:50%; right:15px; margin:-8px 0 0; } #privacy-center-header-sp .sp-menu { display:none; } #privacy-center-header-sp .sp-menu ul li a { color:#51656F; font-size:16px; font-weight:500; text-decoration:none !important; line-height:1; border-bottom:1px solid #408CCE; padding:20px; display:block; } #privacy-center-header-sp .sp-menu ul li .ico { margin:0 0 0 10px; width:17px; } #privacy-center-header-sp ol { display:none; background:#f2f3f8; } #privacy-center-header-sp ol li a { color:#51656F !important; font-size:14px !important; text-decoration:none !important; line-height:1.4 !important; border-bottom:1px solid #408CCE; padding:15px 40px ; display:block; } #privacy-center-header-sp ol li .arw { display:none; } /* -- overview -- */ #overview { width:auto; margin:0 auto; padding:0 0 60px; } #overview #news ul li { line-height:1.4; margin:0 0 10px; } #overview #news .news-list .date { display:block; } #overview #news h3, #overview #sec01 h3, #overview #sec02 h3 { font-size:27px; line-height:1.2; margin:0 0 20px; } #overview #sec01 .figure { margin:20px 0; } #overview #sec02 ul li { padding:25px; margin:0 0 20px; } #overview #sec02 ul li .cate { padding:0; } #overview #sec02 ul li .cate p { width:100%; } #overview #sec02 ul li h4 { font-size:22px; padding:0; margin:15px 0 0; } #overview #sec02 ul li p { padding:0; } #overview #sec02 .figure { margin:0; } #overview #sec02 .figure img { width:100%; } #overview #sec02 ul li .btn-more-A { padding:0; margin:15px 0 0; } #overview #sec02 ul li .btn-more-B { padding:0; margin:15px 0 0; } #overview #sec02 .soon { padding:0; margin:10px 0 0; } #overview #sec02 .soon { width:180px; } #overview #sec02 ul li:nth-child(3) h4, #overview #sec02 ul li:nth-child(3) p, #overview #sec02 ul li:nth-child(3) .figure { opacity:0.4; } #overview #sec02 ul li:nth-child(1) .figure { position:static; } #overview #sec02 ul li:nth-child(2) .figure { position:static; } #overview #sec02 ul li:nth-child(3) .figure { position:static; } #overview #sec02 ul li:nth-child(4) .figure { position:static; } /* -- governance -- */ #governance .intro-img { padding:0 0 20px 0; text-align:center; width:95%; margin:0 auto; } #governance .r-menu ul li { width:100%; } #governance h3 { height:auto; margin:0 0 15px; padding:10px 15px 10px 65px; } #governance h4.tit-frame { font-size:16px; font-weight:500; line-height:1.4; letter-spacing:-0.06em; text-indent:-17px; padding:10px 10px 10px 27px; } #governance .caption { font-size:12px; line-height:1.4; padding:0 10px 0 0; } #governance #sec02 ul { padding:25px; } #governance #sec02 ul li { height:auto; padding:15px; } #governance #sec02 ul li .num { width:20%;float:left; } #governance #sec02 ul li .parts { position:static; } #governance #sec02 ul li span { position:static; width:80%; display:block; float:left; margin:5px 0 0; padding:10px 0 10px 10px; text-align:left; } #governance #sec02 ul li p { height:auto; display: block; vertical-align:auto; margin:10px 0 0; } #governance #sec02 ul li:last-child { margin:0; } #governance #sec05 .notes-tx11 { margin:10px 0 0; } #governance #sec05 h5 { margin:15px 0 0; } #governance #sec06 .tbl01, #governance #sec06 .tbl02 { margin:0 0 20px; } #governance #sec06 .sp-tbl th { background:#f7f8fc; width:20%; } #governance #sec06 .sp-tbl th { border-left:1px solid #9ba6ac; border-right:1px solid #9ba6ac; border-bottom:1px solid #9ba6ac; padding:10px; text-align:center; width:15%; } #governance #sec06 .sp-tbl .th-top { border-top:1px solid #9ba6ac; } #governance #sec06 .sp-tbl .td-cont { border-left:1px solid #9ba6ac; border-right:1px solid #9ba6ac; border-bottom:1px solid #9ba6ac; padding:10px; vertical-align:middle; width:85%; } #governance #sec06 .sp-tbl .td-top { border-top:1px solid #9ba6ac; } #governance #sec06 .sp-tbl td.space { width:7px; } #governance #sec09 .bg-gr-box { padding:10px 35px 35px; } /* -- dataprivacy -- */ #dataprivacy h3 { padding:0 10px 0 64px; } #dataprivacy h3 .num { position:absolute; top:50%; left:0; margin:-21px 0 0; } #dataprivacy h3 span { line-height:1.4; } #dataprivacy h4.tit-frame { font-size:17px; font-weight:500; line-height:1.4; letter-spacing:-0.06em; text-indent:-15px; padding:10px 10px 10px 27px; } #dataprivacy h4.tit-left-parts { letter-spacing:-0.02em; line-height:1.4; padding:0 0 0 50px; } #dataprivacy .caption { font-size:12px; line-height:1.4; padding:0 10px 0 0; } #dataprivacy #sec03 .caption, #dataprivacy #sec04 .caption { padding:0; } #dataprivacy .qa { padding:25px; margin:30px 0 20px; } #dataprivacy .q { padding:10px 10px 10px 57px; } #dataprivacy .q p { font-size:13px; } #dataprivacy .qa .q .parts { position:absolute; top:50%; left:10px; margin:-20px 0 0; width:38px; } #dataprivacy .qa p { font-size:13px; } #dataprivacy .figure .clm2 { margin:0; } #dataprivacy .figure .clm2 li { width:100%; margin:10px 0 0 !important; } #dataprivacy .figure .clm2 li .inner { margin:0; } #dataprivacy .figure .clm2 li:nth-child(1) { margin:0 !important; } #dataprivacy .figure .clm2 li:nth-child(2) { margin:10px 0 0 !important; } #dataprivacy #sec01 .figure, #dataprivacy #sec02 .figure, #dataprivacy #sec04 .figure, #dataprivacy #sec05 .figure { margin:20px 0 0; } #dataprivacy #sec02 .block-list li:nth-child(2) .figure { margin:10px 0 30px; } #dataprivacy #sec03 .block-list li:nth-child(7) .figure { margin:20px 0 0; } #dataprivacy #sec02 .block-list li { margin:0 0 30px; } #dataprivacy #sec02 .box { padding:30px 0 0; margin:0; } #dataprivacy #sec02 .box h5 { line-height:1.4; letter-spacing:-0.08em; margin:0 0 10px; } #dataprivacy #sec02 .box ol { margin:20px 0 0; } #dataprivacy #sec02 .box ol li { margin:0 0 20px; } #dataprivacy #sec02 .box ol li:nth-child(2) { padding:0 0 10px; } #dataprivacy #sec02 .box .mt20 { margin-top:0 !important; padding:0 0 20px; } #dataprivacy #sec03 .block-list { margin:20px 0 0; } #dataprivacy #sec03 .block-list li:nth-child(7) h4.tit-frame { text-indent:inherit; padding:10px; } #dataprivacy #sec04 .cooperation h5 { font-size:17px; font-weight:500; line-height:1; padding:0 0 0 35px; margin:0 0 10px; position:relative; } #dataprivacy #sec04 .cooperation li:nth-child(2) h5, #dataprivacy #sec04 .cooperation li:nth-child(3) h5 { margin:45px 0 10px; } #dataprivacy #sec04 .cooperation { margin:40px 0 0; } #dataprivacy #sec04 .cooperation li { margin:10px 0 0; } #dataprivacy #sec04 .cooperation .figure li:nth-child(2) { margin:10px 0 0; } #dataprivacy #sec05 .block-list { margin:20px 0 0; } #dataprivacy #sec04 .other { margin:20px 0 40px; } #dataprivacy #sec04 .other li { margin:0 0 10px !important; line-height:1.6; } #dataprivacy #sec06 .box .box-L { width:100%; padding:20px; border-bottom:1px solid #9ba6ac; } #dataprivacy #sec06 .box .box-R { width:100%; border-left:none; padding:20px 0; } /* -- list -- */ #list { width:auto; margin:0 auto; padding:50px 0 60px; } #list h3 { line-height:1.4; padding:10px 15px; } #list h4.tit-frame .line { position:absolute; top:0; left:74px; height:100%; } #list h4.tit-frame { font-size:15px; margin:0 0 10px; padding-left:15px; } #list h4.tit-frame .com { position:absolute; top:10px; left:10px; line-height:1.2; } #list h4.tit-frame .inc { display:block; padding:0 0 0 75px; line-height:1.2; } #list .service-list { margin:0; } #list .service-list li { width:100%; } #list .service-list li .inner { margin:0; } #list .more-info .service-list { margin:0 0 30px 0; } /* -- btn-next-back -- */ .btn-next-back { text-align:center; margin:30px 35px 0; } .btn-next-back ul li:first-child { display:inline-block; width:50%; } .btn-next-back ul li:last-child { display:inline-block; width:50%; } .btn-next-back ul li:first-child { padding:0 8px 0 0; } .btn-next-back ul li:last-child { padding:0 0 0 8px; } .btn-next-back ul li a { font-size:14px; } .btn-next-back ul li span { width:100%; } .btn-next-back ul li img { width:100%; } /* -- faq-link -- */ #faq-link { padding:25px; margin:0 35px; } #faq-link p span { font-size:17px; ine-height:1.4; } #faq-link .figure { position:static; text-align:center; margin:5px 0 0; } /* -- lower-link-area -- */ #lower-link-area .info01 { padding:25px 35px; } #lower-link-area .info02 { padding:25px 35px; } #lower-link-area .info03 { padding:25px 35px; } /* -- notice -- */ #notice { width:auto; padding:80px 0 60px; } #notice #intro-box { padding:0; } #notice #intro-box .read { padding:40px 35px; margin:40px 0 15px; } #notice #intro-box .intro-img { padding:0 20px; margin:0 0 30px; } #notice #intro-box .intro-img img { width:100%; } #notice #intro-box .notes-tx11 { padding:0 35px; } #notice h3 { line-height:1.4; } #notice #sec02 table { border:none; margin:0 0 10px; } #notice #sec02 th { border:1px solid #9ba6ac; padding:10px; display:block; width:100%; } #notice #sec02 td { border-left:1px solid #9ba6ac; border-right:1px solid #9ba6ac; border-bottom:1px solid #9ba6ac; display:block; margin:0 0 30px; } #notice #sec02 td.last{ margin:0; } }