@charset "UTF-8";
/***********************
 スマホ用共通レイアウトCSS インポート
***********************/
@import url("../layout_sp.css");
@import url("../fix_parts_sp.css");
/***********************
 ブロック別個別設定　テンプレ
***********************/
/*
 * ヘッダー
 */
header .header_inner .header_img {
	text-align: center;
	/*text-align: center;*/
	width: 100%;
}
/*
 * フッター部　お問合せエリア
 */
.east_footer_toiawase {
	margin: 1.2em 0 0.5em;
	padding: 10px 3%;
	border: none;
	background-color: #F4F4F4; /*#EFEFEF;*/
	/* #E1F3FF;/*#E6E6E6;*/
}
.east_footer_toiawase h2 {
	font-size: 12px;
}
.east_footer_toiawase p {
	font-size: 12px;
	letter-spacing: normal;
}
.east_footer_toiawase ul li {
	width: 49%;
}
.east_footer_toiawase ul li:nth-child(3) {
	width: 100%;
}
.east_footer_toiawase ul li img {
	width: 100%;
}
/**/
.d-contact_bnr02 {
	width: calc(100% - 20px);
	min-width: auto;
	margin: 0.7rem auto;
	padding: 0 0 10px;
	background: none;
	border: solid 2px #043786;
}
.d-contact_bnr02 .pcNone p {
	margin: 0.5rem 0 0.25rem 0;
	font-size: .8em;
}
.ta-c {
	text-align: center;
}
.flex {
	display: flex;
}
.d-contact_bnr02 .pcNone .d-contact_bnr02_btn {
	padding: 0 10px;
}
.flex.justify-content-between {
	justify-content: space-between;
}
.flex.flex-wrap {
	flex-wrap: wrap;
}
.d-contact_bnr02 .pcNone .d-contact_bnr02_btn a {
	width: calc(50% - 2px);
}
.d-contact_bnr02 .pcNone .d-contact_bnr02_btn a:last-child {
	width: 100%;
	margin-top: 4px;
}
/*
 * フッター
 */
footer {
	padding: 0 0 110px 0;
}
footer .footer_inner .footer_navi .footer_navi_sp p {
	width: 100%;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	line-height: 250%;
	background-color: #097BBB;
	background-image: url("../../img/east/foot_p2.gif");
	background-position: 0 center;
	background-repeat: no-repeat;
}
footer .footer_inner .footer_navi .footer_navi_sp p a {
	color: #FFFFFF;
	display: block;
}
footer .footer_inner .footer_navi .footer_navi_sp p a:hover {
	text-decoration: none;
}
footer .footer_inner .footer_navi .footer_navi_sp ul {
	margin: 10px 0;
}
footer .footer_inner .footer_navi .footer_navi_sp ul:after {
	content: '';
	display: block;
	clear: both;
}
footer .footer_inner .footer_navi .footer_navi_sp ul li {
	width: 30.8%;
	margin: 0 1% 0 1%;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
	float: left;
	border: solid 1px #D6EEFE;
	background-color: #FFFFFF;
	border-radius: 5px;
}
footer .footer_inner .footer_navi .footer_navi_sp ul li:nth-child(3n) {
	/*margin: 0;*/
}
footer .footer_inner .footer_navi .footer_navi_sp ul li a {
	color: #333333;
	display: block;
}
footer .footer_inner .footer_navi .footer_navi_sp .footer_navi_sp_sub {
	margin: 0 0 20px 0;
	text-align: center;
}
footer .footer_inner .footer_navi .footer_navi_sp .footer_navi_sp_sub a {
	margin: 0 1.5em 0 0;
	font-size: 10px;
	color: #333333;
}
footer .footer_inner .footer_navi .footer_navi_sp .footer_navi_sp_sub a:before {
	margin: 0 0.5em 0 0;
	content: '\BB';
	display: inline-block;
}
.ownmedialink {
    width: 45%;
    border-radius: 3px;
    font-size: .9em;
}
/***********************
 ページ別設定
***********************/
/*
 * 東ブロック　TOP
 */
.east_index_main .bx-wrapper .bx-controls .bx-controls-direction {
	display: none;
}
.east_index_main .bx-wrapper .bx-controls .bx-pager {
	padding: 0;
	display: block;
	position: inherit;
}
.east_areamap_sp {
	margin: 0 0 10px 0;
}
.east_areamap_sp ul li {
	width: 50%;
	float: left;
}
.east_areamap_sp ul li:first-child {
	width: 100%;
	float: none;
}
.east_index_main {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/*サービス　ここから*/
/*
 * 東エリア　オプション一覧
 */
.east_ntteast_service_box li {
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
	background: none;
	position: inherit;
	border: solid 8px #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.east_ntteast_service_box li h3 {
	margin: 0 0 10px 0;
	position: inherit;
}
.east_ntteast_service_box li h3 a {
	margin: 10px 0 0 0;
	text-decoration: underline;
	display: block;
}
.east_ntteast_service_box li p {
	margin: 0 0 10px 0;
	text-align: left;
	position: inherit;
}
.east_ntteast_service_box li > a {
	position: inherit;
}
/*
 * 西エリア　オプション一覧
 */
.east_nttwest_service_box li {
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
	background: none;
	position: inherit;
	border: solid 8px #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.east_nttwest_service_box li h3 {
	margin: 0 0 10px 0;
	position: inherit;
}
.east_nttwest_service_box li h3 a {
	margin: 10px 0 0 0;
	text-decoration: underline;
	display: block;
}
.east_nttwest_service_box li p {
	margin: 0 0 10px 0;
	text-align: left;
	position: inherit;
}
.east_nttwest_service_box li > a {
	position: inherit;
}
/*サービス　ここまで*/
/*料金　ここから*/
/*
 * 東エリア　料金プラン
 */
.east_ntteast_ryokin_ichiran {
	height: auto;
	padding: 0;
	background: none;
}
.east_ntteast_ryokin_ichiran li {
	margin: 0;
}
.east_ntteast_ryokin_ichiran li ul li {
	padding: 0 !important;
}
/*
 * 西エリア　料金プラン
 */
.east_nttwest_ryokin_ichiran {
	height: auto;
	padding: 0;
	background: none;
}
.east_nttwest_ryokin_ichiran li {
	margin: 0;
}
.east_nttwest_ryokin_ichiran li ul li {
	padding: 0 !important;
}
/*
 * 東西エリア　モーダル内料金プラン共通
 */
 .subtitle04 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
}
 #modal_ryokin_plan .subtitle02 {
    background-color: #009fe8;
    color: #fff;
    text-align: center;
    padding: 0.5em 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 1em;
    border-left: none;
}
/*東マンション完全定額*/
.ryokin_plan_box .ryokin_plan_table_kanzenteigaku tbody tr td {
    width: 20%;
}
/*東ファミリー完全定額*/
.ryokin_plan_box .ryokin_plan_table_kanzenteigaku tbody tr th {
    width: 30%;
}
/*料金　ここまで*/
/*キャンペーン　ここから*/
/*
 * 東エリア　豪華人気商品キャンペーン
 */
.east_ntteast_campaign_goods_list li {
	width: 49%;
	margin: 0 2% 10px 0 !important;
}
.east_ntteast_campaign_goods_list li:nth-child(even) {
	margin: 0 0 10px 0 !important;
}
.east_ntteast_campaign_goods_list li > div p {
	font-size: 12px;
	line-height: 130%;
}
/*
 * 西エリア　豪華人気商品キャンペーン
 */
.east_nttwest_campaign_goods_list li {
	width: 49%;
	margin: 0 2% 10px 0 !important;
}
.east_nttwest_campaign_goods_list li:nth-child(even) {
	margin: 0 0 10px 0 !important;
}
.east_nttwest_campaign_goods_list li > div p {
	font-size: 11px;
	line-height: 130%;
}
/*
 * 東エリア　豪華人気商品キャンペーン(詳細ページ)
 */
.east_ntteast_campaign_goods_detail_table {
	max-height: 400px;
}
/*
 * 西エリア　豪華人気商品キャンペーン(詳細ページ)
 */
.east_nttwest_campaign_goods_detail_table {
	max-height: 400px;
}
/*キャンペーン　ここまで*/
/*その他*/
/*
 * 東エリア　フレッツ光 コラボレーション
 */
.east_ntteast_collabo_txtarea p {
	font-size: 11px;
}
.east_ntteast_collabo_txtarea .east_ntteast_collabo_subtitle_sp {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background-color: #F2F2F2;
	text-align: center;
	border-bottom: solid 3px #0246A5;
}
.east_ntteast_collabo_txtarea .east_ntteast_collabo_nagare {
	padding: 10px 4%;
}
.east_ntteast_collabo_txtarea .east_ntteast_collabo_nagare h3 {
	font-size: 14px;
}
.east_ntteast_collabo_txtarea .east_ntteast_collabo_nagare ol li p {
	font-size: 11px;
}
/*
 * 西エリア　フレッツ光 コラボレーション
 */
.east_nttwest_collabo_txtarea p {
	font-size: 12px;
}
.east_nttwest_collabo_txtarea .east_nttwest_collabo_subtitle_sp {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background-color: #F2F2F2;
	text-align: center;
	border-bottom: solid 3px #0246A5;
}
.east_nttwest_collabo_txtarea .east_nttwest_collabo_nagare {
	padding: 10px 4%;
}
.east_nttwest_collabo_txtarea .east_nttwest_collabo_nagare h3 {
	font-size: 14px;
}
.east_nttwest_collabo_txtarea .east_nttwest_collabo_nagare ol li p {
	font-size: 11px;
}
/*
 * メールフォーム設置ページ（共通）
 */
.east_mailform_subttl {
	font-size: 18px;
}
.east_mailform_sp_tel {
	max-width: 320px;
	margin: 0 auto 20px auto;
}
i.east_mail_required:before {
	content: "*";
	color: #ff0000;
}
.east_mail_formarea {
	padding: 0;
	border: none;
}
.east_mail_formarea table tbody tr th {
	width: 30%;
}
.east_mail_formarea table tbody tr td input[type="text"] {
	width: 100%;
}
.east_mail_formarea .east_mail_submit input[type="button"], .east_mail_formarea .east_mail_submit input[type="submit"], .east_mail_formarea .east_mail_submit button {
	font-size: 12px;
}
/*
 * お乗り換え
 */
.camp_midashi {
	font-size: 1.2em;
	/*border-left: 6px solid #1B6BAE;*/
	padding: 8px;
	margin: 20px 1%;
	font-weight: bold;
	background-color: #1B6BAE;
	/*background-color:#F4F4F4;*/
	text-align: center;
}
.cp_area_wrap {
	width: 98%;
	margin: 1.2em 1% 2em;
	padding: 1.2em 1.1em 1.3em 1.2em;
	border: solid 1px #ddd;
	border-radius: 6px;
}
.cp_img img {
	width: 86%;
	float: left;
	margin-left: 7%;
}
.cp_cap {
	width: 98%;
	float: left;
	padding-left: 2%;
}
.cp_cap p {
	margin: 0 1% 0 2.4%;
	line-height: 1.6em;
}
.cp_cap h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	color: #042D5E;
	padding: 0 1%;
	text-align: center;
}
.cp_cap a {
	text-decoration: none;
	color: #313131;
}
/*乗り換えadsl　ここから*/
.gr_area {
	background-color: #f4f4f6;
	padding: 1em;
	border-radius: 15px;
}
.box_white {
	background-color: white;
}
.spd_box {
	display: block;
	width: 100%;
	padding: 1em 0 0;
}
img.games {
	width: 100%;
	padding: 0 1em;
}
img.g_txt {
	width: 100%;
}
h3.spd_midashi01 {
	color: #ff7e00;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0em 0 0;
	/* text-align: center; */
	padding-left: 1em;
}
p.spd_txt {
	padding-left: 1em;
	margin: .5em 1.5em 2em;
	padding: 0;
	font-size: 11.2px;
	line-height: 17.92px;
}
.spd_midashi02:after {
	border: 19px solid transparent;
	border-top-color: #00a0c6;
	border-bottom-width: 0;
	bottom: -15px;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	width: 0;
}
.spd_midashi02 {
	position: relative;
	background: #00a0c6;
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	margin: 0 1em 1em;
	border-radius: 5px;
}
.dl_img {
	/* margin: 0 1em 2em; */
	padding: 0 1em 2em;
}
.norikae p {
	margin: .5em 1.5em 0em;
	padding: 0 0 1em;
	font-size: 11.2px;
	line-height: 17.92px;
}
/*乗り換えadsl　ここまで*/
/*乗り換え他社　ここから*/
.norikae_subtitle02 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #009fe8;
	margin-bottom: 1em;
	margin-top: 2em;
	margin-top: 2em;
	font-size: 14px;
}
.norikae_subtitle02::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
/*乗り換え他社　ここまで*/
/*乗り換えcatv　ここから*/
p.l_midashi {
	background: #1865b2;
	color: white;
	text-align: center;
	/*padding: .5em;
	margin: 1em auto;
	border-radius: 5px;*/
}
.det01 {
	padding: 1em;
}
.ex_box {
	padding: 1em;
}
.catv_r img {
	width: 93%;
}
h3.catv_midashi01 {
	margin: 1em 0 .5em;
}
.catv_cnt {
	padding: 0.5em 1em 1em;
}
.catv_det {
	border: 1px solid #037abc;
	border-radius: 5px;
	/*padding: 0 1em 1em;*/
}
h3.catv_midashi01:before {
	content: "●";
	color: #037abc;
}
.catv_l {
	width: 100%;
	margin: 0 auto;
}
span.txt_pink {
	color: #ff4b8c;
}
.catv_r {
	width: 100%;
	align-self: center;
	margin: 0 auto;
}
.catvimg {
	width: 90%;
	margin: 0 auto;
}
.d_arrow {
	position: relative;
	margin-bottom: 3em;
}
.d_arrow:after {
	border: 30px solid transparent;
	border-top-color: #1865b2;
	border-bottom-width: 0;
	bottom: -31px;
	content: "";
	display: block;
	left: 40%;
	position: absolute;
	width: 0;
}
.catv_det.non_flex {
	display: block;
	padding: .5em;
}
p.catv_txt01 {
	padding: .5em 0;
}
/*乗り換えcatv　ここまで*/
/*乗り換えmobil　ここから*/
.box_det {
	width: 100%;
}
.mo_box {
	display: block;
	padding: 1em;
}
li.img_bm {
	margin-bottom: 1.5em;
}
li.mo_txt {
	padding: 1em 0.5em;
	font-size: 11.2px;
	line-height: 17.92px;
}
/*乗り換えmobil　ここまで*/
/***********btn1**************/
.cp_btn {
	width: 60%;
	padding: 5px;
	background: #1B6BAE;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	border: #1B6BAE 1px solid;
	margin-top: 10px;
}
.cp_btn p {
	color: #FFFFFF;
}
.cp_btn:hover {
	text-decoration: none;
	color: #000;
	background: #EDEDED;
	border: #ADADAD 1px solid;
}
.cp_btnwrap {
	text-align: center;
}
/***********btn2**************/
.cp_btn2 {
	width: 80%;
	/*padding: 5px;*/
	text-align: center;
	/*display: block;*/
	text-decoration: none;
	border-radius: 99px;
	display: inline-block;
	margin-top: 10px;
	color: #fff;
	background: #009fe8;
	border: #009fe8 1px solid;
	font-size: 14px;
	font-weight: bold;
}
.cp_btn2 p {
	/*color:#FFFFFF;*/
}
.cp_btn2:hover {
	text-decoration: none;
	color: #009fe8;
	background: #fff;
	border: #009fe8 1px solid;
}
.cp_btnwrap2 {
	text-align: center;
	margin: 0.5em 1em 0;
	padding: 0 0 1.5em;
	/*border-bottom:1px dotted #FF6D00;*/
}
.cp_btn2_02 {
	width: 80%;
	/*padding: 7px;*/
	text-align: center;
	/*display: block;*/
	text-decoration: none;
	border-radius: 99px;
	display: inline-block;
	margin-top: 0;
	color: #fff;
	background: #009fe8;
	border: #009fe8 1px solid;
	font-size: 14px;
	font-weight: bold;
}
.cp_btn2_02 p {
	/*color:#FFFFFF;*/
}
.cp_btn2_02:hover {
	text-decoration: none;
	color: #009fe8;
	background: #fff;
	border: #009fe8 1px solid;
}
.cp_btnwrap2_02 {
	text-align: center;
	margin: -1.5em 1em 0;
	padding: 0;
	/*border-bottom:1px dotted #FF6D00;*/
}
/***********btn3**************/
.cp_btn3 {
	width: 80%;
	padding: 4px;
	text-align: center;
	/*display: block;*/
	text-decoration: none;
	border-radius: 19px;
	display: inline-block;
	color: #fff;
	margin-top: 10px;
	font-size: 0.8em;
	font-weight: bold;
	height: 33px;
	background: #1B6BAE;
	border: #1B6BAE 1px solid;
}
.cp_btn3 p {
	color: #FFFFFF;
}
.cp_btn3:hover {
	text-decoration: none;
	color: #000;
	background: #EDEDED;
	border: #BBBBBB 1px solid;
}
.cp_btnwrap3 {
	text-align: center;
	margin: 0.5em 0em 0;
	padding: 0 0 0.5em;
	border-bottom: 1px dotted #FF6D00;
}
.btn_mt1 {
	margin-top: -45px !important;
	margin-bottom: 25px !important;
}
.btn_mt2 {
	margin-top: -74px !important;
	margin-bottom: 60px !important;
}
.cam_btnwrap {
	text-align: center;
}
/* 必須
-----------------------------*/
.form__area1 th span, .form__area2 th span, .form__area155 th span, .form__area255 th span, .form__area11 th span, .form__area1 td span, .form__area2 td span, .form__area155 td span, .form__area255 td span, .form__area11 td span {
	color: #FFF;
	border-radius: 3px;
	background: #FC2B22;
	padding: 2px 3px;
	font-size: 10px;
	margin: 0 5px 0 0;
}
/**/
blockquote {
	position: relative;
	padding: 8px 6px 7px 42px;
	box-sizing: border-box;
	color: #0f4d88;
	background: #fff101;
	/*	border: 1px solid #F71608;*/
	border-radius: 5px;
}
blockquote:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 3px;
	width: 36px;
	height: 36px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	color: #F71608;
	font-size: 19px;
	line-height: 36px;
	font-weight: 900;
}
blockquote p {
	position: relative;
	padding: 0;
	margin: 5px 0;
	z-index: 3;
	line-height: 1.5 !important;
	font-weight: bold;
	font-size: 1em !important;
}
blockquote .txt {
	font-weight: bold;
	font-size: 1.3em !important;
}
blockquote p span {
	font-weight: bold;
	color: #F71608;
}
.hikkoshi_east blockquote p {
	z-index: 0;
}
.hikkoshi_west blockquote p {
	z-index: 0;
}
/*
 * 東エリア　光クロス ここから
 */
.hikari_cross_in {
	width: 97%;
	margin: 0 auto 30px;
}
.cross_fastwrap {
	display: inherit;
}
.corss_fast_l {
	width: 70%;
	margin: 0 auto;
}
.corss_fast_r {
	width: 100%;
	background-color: #fffbd5;
	padding: 1em;
	margin-top: 1em;
}
.cross_feewrap .east_ntteast_campaign_gigaoshi_table tbody tr th {
    display: block;
    width: 100%;
}
.east_ntteast_campaign_gigaoshi_table tbody tr td {
    display: block;
    width: 100%;
}
/*
 * 東エリア　光クロス ここまで
 */
/*
 * オンライン資格確認導入 ここから
 */
#online_shikakukakunin {
	width: 95%;
	margin: 3% 3% 1%;
}
.online_shikakukakunin_headtxt {
	line-height: 1.8;
	font-size: 12px;
	background-color: #f0faff;
	padding: .5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.online_shikakukakunin_headsupport {
	font-size: 13px;
	color: #00a049;
}
.startpack_ttl {
	font-size: 14px;
	padding-bottom: 4px;
}
.startpack_sub_ttl {
	font-size: 13px;
	margin-bottom: 0;
}
.startpack_sub02_ttl {
	margin: 10px 0 5px;
}
.east_online_shikakukakunin_table .en_area {
	text-align: right !important;
	vertical-align: middle !important;
}
.kakaku_num {
	font-size: 1.2rem !important;
}
.kakaku_l {
	font-size: 1.2em;
}
.kakaku_num_l {
	font-size: 1.4rem !important;
}
.th_short {
	width: 15% !important;
}
.sp-d-b {
	display: block !important;
}
.sp-w-100 {
	width: 100% !important;
}
.startpack_img01 {
	margin-bottom: 1em;
}
.startpack_kiki {
	width: 80%;
	margin: 0 auto 2em;
}
.zaiko_chui {
	width: 80%;
	margin: 0 auto 1em;
}
.startpack_in .faq_title {
	font-size: 14px;
}
.startpack_in .faq_in {
	margin-top: 2em;
}
.startpack_in .faq_answer {
	padding: 1em;
}
/*■お困りごとはありませんか？*/
.lyt-idx-a._col-3 > .idx {
	width: 49%;
	padding: .5em 0;
}
.startpack_in .soudan_wrap .title {
	font-size: 14px;
	padding: .5em;
}
.startpack_in .soudan_wrap {
	min-height: 248px;
}
.startpack_in .support_txt {
	font-size: 13px;
}
/*
 * オンライン資格確認導入 ここまで
 */
/****************************
 * お問い合わせ一覧（新） ここから
 ****************************/
.maincontents_area2 {
    width: 97%;
    margin: 0 auto;
}
.toiawase-list .toiawase-list_ttl {
    font-size: 14px;
}
.toiawase-list .toiawase-list_txt {
    font-size: 12px;
    text-align: left;
    padding: 0 1em;
}
.toiawase-list {
    overflow: hidden;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.toiawase-list li {
    width: 49%;
    float: none;
    margin-right: 0;
    margin: 0;
}	
.toiawase-list li.toi_moushikomi_s {
    max-height: 170px;
}
.toiawase-list li a {
    min-height: 170px;
}
.toiawase-list li a:after {
    -moz-transform: rotate(135deg );
    -ms-transform: rotate(135deg );
    -webkit-transform: rotate( 135deg );
    transform: rotate( 135deg );
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 46%;
    width: 14px;
    height: 14px;
    border-right: 4px solid #1053be;
    border-top: 4px solid #578edc;
}
.toiawase-list .toiawase-list_img {
    position: relative;
    min-height: 52px;
}
.toiawase_contents .hikari-form-ttl {
    font-size: 15px;
    margin: 30px auto 10px;
}
.toiawase_contents .hikari-form-ttl:before {
    width: 5px;
    height: 26px;
    margin-right: 8px;
}
.toiawase_copy {
    font-size: 1.1em;
    line-height: 1.5;
}
.toiawase_contents .toiawase_copy {
    font-size: 13px;
    line-height: 1.5;
}
.bnr_text {
    line-height: 1.8;
    font-size: 12px;
    padding: .5em 0;
    letter-spacing: 2px;
}

.supportew_bar ul {
    height: 60px;
    line-height: 1.5;
}
.supportew_bar ul li:nth-child(1) {
    width: 50%;
    background-size: 60% auto;
    background-position: left 48% bottom 100%;
	overflow: hidden;
}
.supportew_bar ul li:nth-child(1) a span {
    display: block;
    font-size: 14px;
    padding-top: 2em;
    left: 0;
}
.supportew_bar ul li:nth-child(1):after {
    bottom: 25px;
}
.supportew_bar ul li:nth-child(2) {
    background-size: 53% auto;
    background-position: left 46% bottom 95%;
    overflow: hidden;
}
.supportew_bar ul li:nth-child(2) a span {
    display: block;
    padding-top: 2em;
	font-size: 14px;
    left: 0;
}
.supportew_bar ul li:nth-child(2):after {
    bottom: 25px;
}	
.east_west_btn {
    margin: 1em auto 0em;
}
.east_west_btnin {
    width: 48%;
    margin: 0 auto 0em;
}
.east_btn:after {
    right: 9px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;/*#1153be;*/
    border-right: solid 2px #fff;/*#1153be;*/
}
.west_btn:after {
    right: 9px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.east_west_btn .west_btn {
    border-radius: 45px;
}
.east_west_btn .east_btn {
    border-radius: 45px;
}
.east_west_btn .east_btn {
    font-size: 1.2em;
	    margin-bottom: 1.5em;
}
.east_west_btn .west_btn {
    font-size: 1.2em;
}
/*お問い合わせ窓口*/
.toiawaseWrap .toi_in_heading {
    padding: 10px;
    font-size: 16px;
    color: #fff;
}
/*.toi_in_btnbox {
    display: block;
}*/
.toi_in_btn_left, .toi_in_btn_right {
    width: 47%;
    margin: 0 auto;
}
.toi_in_btn_right p {
    font-size: 13px;
    line-height: 2.5;
}
@media screen and (max-width: 410px) {
.toi_in_btn_right p {
    font-size: 13px;
    line-height: 2.7;
}
}
@media screen and (max-width: 375px) {
.toi_in_btn_right p {
    font-size: 13px;
    line-height: 2.5;
}
}
.toi_in_btnbox {
    padding: 2em 0;
  align-items: end;
}

.toiawaseWrap .cta_content, .toiawaseWrap .cta_content2 {
    padding: 15px 15px;
    margin: 0 auto;
    text-align: center;
}
.toiawaseWrap .cta_content_left, .toiawaseWrap .cta_content_right {
    float: none;
    width: 100%;
    padding-top: 0;
}
.toiawaseWrap .cta_content_right {
    margin-left: 0;
    padding-top: 1em;
}
.toiawase_back {
    margin: 30px auto 0;
}	
.toiawase_back li {
    margin: 0 auto;
}
/*問い合わせBOX 1つ*/
.toiawase-one_txt h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 2;
}
.toiawase-one_txt p {
    font-size: 15px;
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    line-height: 1.5;
}
.collabo_wrap .toiawase-one_Wrap {
    margin: 4em auto 0;
}
/*解約をご検討されている理由*/
.cancel .toiawase-list .toiawase-list_ttl {
    font-size: 14px;
}
.cancel .toiawase-list .toiawase-list_txt {
    font-size: 12px;
    text-align: center;
    padding: 0 1em;
}
.cancel .toiawase-list {
    overflow: hidden;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cancel .toiawase-list li {
    width: 49%;
    float: none;
    margin-right: 0;
    margin: 0;
}	
.cancel .toiawase-list li a {
    min-height: 130px;
}
.cancel .toiawase-list li a:after {
    -moz-transform: rotate(135deg );
    -ms-transform: rotate(135deg );
    -webkit-transform: rotate( 135deg );
    transform: rotate( 135deg );
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 45%;
    width: 14px;
    height: 14px;
    border-right: 4px solid #1053be;
    border-top: 4px solid #578edc;
}
.cancel .toiawase-list .toiawase-list_img {
    position: relative;
    min-height: 52px;
}
/*工事・故障情報*/
.accident_iconWrap {
    margin: 2em auto;
    width: 95%;
}
.accident_ttl {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}
ul.accident_icon_list {
    display: block;
}
.accident_icon_list li {
    width: 100%;
}
.accident_toi {
    display: block;
}
.accident_toi_left {
    width: 100%;
    margin-right: 0;
}
.accident_toi_right {
    margin-top: 2em;
    text-align: center;
}
/*お引越し手続き*/
.support05 .accident_icon_list li {
    width: 100%;
}
.item_ttl {
    font-size: 13px;
    padding: .8em .3em;
}
.accident_in02 .accident_toi_left {
    width: 100%;
    margin-right: 0;
}
.norikae_btn {
    margin: 5px auto 0;
}	
/*メンバーズクラブ*/
.members_box h3 {
	font-size: 1.1em;
}
/*10Gbpsプラン変更について*/
.toiawase_cross_ttl {
    width: 100%;
}
.toiawase_blc .hikari-form-ttl {
    font-size: 15px;
    margin: 30px auto 10px;
}
.toiawase_contents .hikari-form-ttl:first-child {
    margin: 10px auto 10px;
}
#cross_10giga section.wrap_top-02, #cross_10giga section.wrap_top-03, #cross_10giga section.wrap_top-04, .toiawase_blc  {
    padding: 3em 0 3em;
}
/*空室対策　202503
---------------------------------------------------*/
.measures .bg_gray {
        background-color: #f6f6f6;
        padding: 0 0 3em;
    }
.measures .priceWrap {
/*        padding: 0 0 1em;*/
    }
    div.n-subtitle_wrap_01:first-child {
        margin: 0;
        padding: 2em 0 .5em;
    }
    div.n-subtitle_wrap:first-child {
        margin: 0;
        padding: 2.5em 0 0;
    }
    div.n-subtitle_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 5em 0 2em;
    }
    div.n-subtitle_wrap > h2 , div.n-subtitle_wrap_01 > h2{
        font-size: clamp(21px, 5vw, 25px);
        color: #071856;
        position: relative;
        display: block;
        font-weight: bold;
        margin: 0 0 .5em;
        padding: 0;
        letter-spacing: .05em;
        line-height: 1.1;
        text-align: center;
    }
div.n-subtitle_wrap > h2 span , div.n-subtitle_wrap_01 > h2 span {
        font-size: 18px !important;
        color: #000;
        display: block;
        margin: 0 0 0.4em;
        padding: 0;
        text-align: center;
        letter-spacing: normal;
    }
.measures .hikaku {
        width: 98%;
		padding: 0;
    }
.measures .txt02_mds {
    font-size: 13px !important
}
.measures .bg_white {
        margin: auto;
        width: 100%;
        margin-bottom: 0;
        padding: .5em 0 0;
    }
.measures .priceWrap p {
        font-size: 13px;
        padding: 0 1.5em 1em;
    }
.measures .txt02_mds {
        font-size: 15px !important;
        text-align: center !important;
        margin: .5em 0 0;
    }
.measures .priceWrap p {
        font-size: 12px!important;
        padding: 0 2em 0;
	    letter-spacing: 0.05em;
    }
.measures .ranking_img img {
	        padding: 1em 0 0;
}
.measures .sub_area img {
        width: 96%;
    }
.measures .priceWrap .txt02_mds {
	        font-size: 13px!important;
	padding: 0 1em .8em;
	line-height: 1.5;
}
.measures .mds_h3 {
        font-size: 17px;
        margin: 1em auto 0;
        padding-bottom: .5em;
        width: 96%;
    }
.measures .txt02_box {
        font-size: 12px;
        width: 94%;
	        margin: 0 auto;
    }
.measures .midashi03top {
        color: #FFF;
        font-size: 12px;
        line-height: 19px;
        font-weight: bold;
        padding: 7px 0px 0px;
        height: 50px;
        width: 94%;
        clear: both;
        /* border-left: 5px solid #0F5EDB; */
        background: #21357f;
        margin: 1.5em auto 0;
        box-sizing: border-box;
    }
.measures .price_tbl {
        width: 94%;
        margin-bottom: 3em;
    }
.measures .tbl_02 th {
        font-weight: normal;
        background-color: #f2f9ff;
        width: 9em;
        height: auto;
        padding: 8px 5px 8px 7px;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        /* vertical-align: middle; */
	        font-size: 10px;
    }
.measures .tbl_02 td {
               padding: 10px 10px 8px 10px;
        height: auto;
        width: auto;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        /* vertical-align: middle; */
        text-align: justify;
        font-size: 10px;
    }
.measures .point_box {
/*        background: url("/westlp/wp-content/themes/flets/img/image/measures/point_bg_sp.webp") 0 0 no-repeat;*/
        background-size: cover;
        padding: 1px 0 10px 0;
	margin: 0;
    }
.measures .point_box h2 {
        text-align: center;
        margin: 30px auto 10px;
        width: 77%;
    }
.measures .point_box ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 1000px;
        width: 100%;
        padding: 0;
        justify-content: center;
    }
 .point_box ul li {
        text-align: center;
        margin: 2px;
        /* flex: 0 1 18%; */
        /* flex: 0 1 24%; */
        flex: 0 1 47%;
        /* flex: 1 1 47%; */
    }
.measures .bg_blue {
        background-color: #e3f0ff;
        padding: 0em 0 .5em;
    }
.measures .selected_point {
        margin: 0 1em 0;
        width: auto;
        padding: 1.5em 1em 1em;
		display: block;
	    background-color: #fff;
	border: none;
    }   
.measures .selected_pointImg {
        width: 50%;
        margin: 0 auto;
    }
.measures .selected_point01 {
        margin: 0;
        max-width: 100%;
        padding: 0;
    }
.measures .selected_pointTitle {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px;
      margin-top: 15px;
}
.measures .selected_pointText {
        margin: 15px;
        font-size: 12px;
    }
.measures .selected_point_last {
        display: block;
        margin: 0 2em 0;
        width: auto;
        margin-bottom: 30px;
        padding: 1.5em 1em 1em;
	border: none;
}
.measures .case_box {
        margin: 0px auto -30px;
        padding: 0px 20px 0px 20px;
}
.measures .case_contents {
        margin-bottom: 3em;
		border: none;
    }
.measures .case_contents table tr:nth-child(1) td:nth-child(1) {
        padding: 5px 0;
        font-size: 12px;
    }    
.measures .case_contents table tr:nth-child(1) td:nth-child(2) {
        padding: 5px 0;
        font-size: 12px;
    }
.measures .case_contents table tr:nth-child(2) td:nth-child(1) {
        padding: 5px;
        font-size: 11px;
    }
.measures .case_contents table tr:nth-child(2) td:nth-child(2) {
        padding: 5px;
        font-size: 11px;
        text-align: left !important;
    }
.measures .case_contents ul {
        text-align: left;
        margin: .5rem 0;
    }
.measures div.n-subtitle_wrap > h3 span:first-child {
        font-size: 16px;
        color: #000;
        display: block;
        margin: 0 0 .1em;
        padding: 0;
        text-align: center;
        letter-spacing: normal;
    }
.measures .txt02 {
        font-size: 12px;
        line-height: 1.6;
        letter-spacing: 0.05em;
        padding: 1em 2em 1.5em;
        text-align: justify;
        margin: 0;
    }

.measures .example_box {
        background-size: cover;
        padding: 5px 0 0px;
    }
.measures .example_box ul {
        gap: 10px;
        margin: 0 0 1em;
    }
.measures .example_box ul li {
        width: 46%;
	border: none;
    }
.measures .example_box .li_last {
	background-color: unset;
	border: unset;
}
.measures .example_p {
        padding: 5px;
    }
.measures .example_p .company {
        margin: 0;
    }
.measures .txt_left01 {
    margin: 0 auto 1em;
}
.measures .priceWrap .case_contents p {
        font-size: 12px !important;
        padding: 0;
        letter-spacing: 0.05em;
}
    .measures .priceWrap .txt02 {
        font-size: 12px !important;
        padding: 1em 2em 0;
        letter-spacing: 0.05em;
    }
.measures .accbox {
    margin: 1em 0;
    padding: 0 1em 2em;
}
.mobilewifi_box {
    background: #fff;
    max-width: 910px;
    margin: 10px;
    box-sizing: border-box;
    padding: 10px;
}
.mobilewifi_box h2 {
    text-align: center;
    font-size: 5vw;
    line-height: 1.6;
    margin: 0 0 25px;
    font-weight: bold;
}
.mobilewifi_box h2 img {
    margin: 10px 0 0;
    display: block;
}
.mobilewifi_box p {
    font-size: 3.2vw;
    line-height: 1.8;
    text-align: justify;
    padding: 0 0;
    margin: 0 0 50px !important;
    letter-spacing: 0.05em;
    width: 100% !important;
}
.mobilewifi_box .note_box01 {
    border: solid 1px #1053be;
    padding: 30px 0px 10px;
    margin: 0 0 25px;
    position: relative;
}
.mobilewifi_box .note_box01 h3 {
    background: #1053be;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 130px;
    padding: 10px 0;
    margin: auto;
    text-align: center;
}
.mobilewifi_box .note_box01 li {
    font-size: 3vw;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 15px;
    margin: 10px 0;
}
.mobilewifi_box .note_list li {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    padding: 0 0 0 11px;
    margin: 8px 0;
    color: #3a3a3a;
}