@charset "utf-8"; /*--------------------------------- 2020/12 追加分 ---------------------------------*/ /*申し込みボタンエリア*/ .apply_area{ width: 100%; display: flex; display: -ms-flexbox; /* IE10 */ flex-wrap: wrap; -ms-flex-wrap: wrap; /* IE10 */ justify-content:space-between; } .apply_area > div{ width: 49%; } /* スマホタブレット */ @media only screen and (max-width: 768px){ .apply_area > div{ width: 100%; } } /*角丸*/ .apply_btn{ position: relative; width:100%; padding:10px 20px; text-align: center; line-height: 1.25; text-decoration:none; font-size:18px; font-weight:bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); } /*オンライン*/ .online_btn{ background: #CF1E1E;/*赤*/ border: 2px solid #600000;/*臙脂*/ text-decoration: none; color: #FFFFFF; } .online_btn:hover{ background: #D64040;/*薄赤*/ } /*オンライン　くの字*/ .online_btn:after{ content:""; position:absolute; top:0; bottom:.1em; right:1em; margin:auto; width: .3em; height: .3em; border-top: .13em solid #fff; border-right: .13em solid #fff; transform: rotate(45deg); } /*資料請求*/ .request_btn{ background: #ffd601;/*黄*/ border: 2px solid #004386;/*青*/ text-decoration: none; color: #004386; } .request_btn:hover{ background: #fdea8a;/*薄黄*/ } /*資料請求　くの字*/ .request_btn:after{ content:""; position:absolute; top:0; bottom:.1em; right:1em; margin:auto; width: .3em; height: .3em; border-top: .13em solid #004386; border-right: .13em solid #004386; transform: rotate(45deg); } /*追従ボタン*/ .js-contact_bt_1, .js-contact_bt_2{ font-weight:bold; line-height:1.2; text-align:center; } /*--------------------------------- 2021/04 追加分 ---------------------------------*/ /*保険に関するお問い合わせ*/ .contact_insurance{ font-size:14px; line-height:140%; } /*フリーダイヤル*/ @media screen and (max-width: 768px){ .contact_tel_inner_hq_n{ width:100% !important; } } /* ========================================================= * 2022 * 内から移設修正 * ====================================================== */ .indent-1 { padding-left:1em; text-indent:-1em; } .firstSection h4 { font-size: 20px; margin-top: 20px; } .contact_tel_hq_n { width: 100%; margin: 10px 0; padding: 10px 20px; background-color:#FFF2CC; } .contact_inner_upper{ position:relative; } .contact_inner_lower{ margin: 20px 0; padding: 15px 25px; background-color:#ffffff; } .contact_tel-head_hq_n p{ text-align:center; font-size: 26px; font-weight: bold; } .topcontact_bt_n { width: 270px; height: 70px; text-align: center; line-height:1.3; background: #ffd601; border: 2px solid #000; padding: 12px 20px 12px 20px; font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); position: relative; } .topcontact_bt_n a::after { content: url(/content/dam/nttcom/hq/cmn/img/icon_right_arrow.png); margin-left: 10px; filter: brightness(0%); } .topcontact_bt_n a { text-decoration: none; color: #000; font-size: 18px; font-weight: bold; /*padding-top: 15px;*/ padding-top:10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .topcontact_bt_n a:hover { color: #000; } /*赤ボタン*/ .topcontact_bt_n.red_bt{ background: rgb(204, 2, 58); border: 2px solid #000; text-decoration: none; } .topcontact_bt_n.red_bt a{ color:#FFF; } .topcontact_bt_n.red_bt a::after { content: url(/content/dam/nttcom/hq/jp/business/services/security/security-measures/mysecure-b/img/icon_right_arrow_white.png); margin-left: 10px; filter: brightness(100%); } .contact_tel_inner_hq_n { display: table; width: 80%; margin: 0 auto; } .left_box{ float: left; } .left_box p{ padding:6px; } .right_box{ float: left; position:absolute; bottom: 0; right:0; } .contact_bottom{ width:610px;margin:0 auto; } @media screen and (max-width:768px){ .tabNavigation_contents img{ height:100%; } .left_box, .right_box{ float: none; position:relative; } .left_box{ margin-bottom:20px; } .contact_inner_lower{ padding: 15px 10px; } .contact_bottom{ width:100%; } .topcontact_bt_n{ width:100%; } } .campaign_line { color:#CF1E1E; margin-top:40px; margin-bottom:40px; border: 2px solid #CF1E1E; padding: 20px; } .campaign_ttl { font-size: 20px; font-weight: bold; margin-bottom:10px; } .online_btn{ background: #002060; border: 2px solid #002060; text-decoration: none; color: #FFFFFF; } /* .online_btn:hover{ opacity:80%; } */ .request_btn{ color:#FFFFFF; } .request_btn:after{ border-top-color: #FFFFFF; border-right-color: #FFFFFF; } /* ========================================================= * 2022 * 新テンプレ調整 * ====================================================== */ /*MV内*/ .p-facade__wrap ul{ list-style-type: disc; font-size:14px; line-height:1.5; margin: 1em 0 1em 0.5em; padding-left:1em; } .p-facade__wrap .notes{ font-size:12px; line-height:1.5; padding-left: 1.3em; text-indent: -1.3em; margin:1em 0; } .p-facade__wrap p{ font-size:14px; line-height:1.5; } .link_component{ font-size:14px; line-height:1.5; } .wrapper .p-facade .p-facade__wrap .p-facade__button .c-btn__link{ line-height:1.2; } /*サイバーセキュリティお助け隊*/ @media screen and (min-width: 769px){ .p-facade__wrap{ width:50% !important; } } @media screen and (max-width: 834px){ .wrapper .p-facade.mv__photo .c-inner .p-facade__wrap .p-facade__button{ height:auto !important; } .wrapper .p-facade.mv__photo .c-inner .p-facade__wrap{ padding-bottom:30px !important; } } .cs_wrap{ width: 100%; display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center; position: relative; padding:5px 10px 5px 5px; background:#FFF; border: 1px solid #7F7F7F; } .cs_pic{ width:100px; } .cs_pic img{ width:100%; } .cs_text{ width:calc(100% - 100px - 10px); font-size:14px; line-height:1.5; } .cs_text a{ text-decoration:none !important; color:#004386 !important; }