@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; } /* ========================================================= * 2022 * 内から移設修正 * ====================================================== */ .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{ padding-top:20px; color:#FFF; } .topcontact_bt_n.red_bt a::after { content: url(/content/dam/nttcom/hq/jp/business/services/security/security-measures/cas/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){ .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%; } } .request_btn{ color:#ffffff; } .request_btn:after{ border-top: 0.13em solid #ffffff; border-right: 0.13em solid #ffffff; }