@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/*_______Start slider_______*/

/* スライダーPC幅 */
.main-visual_sec_inner {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}
/* スライド画像サイズ */
.slider-for .slick-slide img {
	width: 750px;
	height: 250px;
}
/* 左右矢印ボタン */
.slider-for button {
	height: 100%;
	padding: 0 17px;
	z-index: 3;
}
.slider-for button.slick-prev {
	left: -70px;
	background: url(/resources_v2/plala/all/images/shared/icon_slider_red_left.png) no-repeat 0 50%;
}
.slider-for button.slick-prev:before {
	content: none;
}
.slider-for button.slick-prev:hover {
	-webkit-transition: opacity 0.35s linear;
	transition: opacity 0.35s linear;
	opacity: 0.5;
}
.slider-for button.slick-next {
	right: -70px;
	background: url(/resources_v2/plala/all/images/shared/icon_slider_red_right.png) no-repeat 100% 50%;
}
.slider-for button.slick-next:before {
	content: none;
}
.slider-for button.slick-next:hover {
	-webkit-transition: opacity 0.35s linear;
	transition: opacity 0.35s linear;
	opacity: 0.5;
}
/* スライダー下のナビゲーション */
.main-visual_nav {
	width: 100%;
	padding: 19px 0 21px;
	background: #484848;
}
.main-visual_nav_inner {
	margin-left: auto;
	margin-right: auto;
	/*	width: 750px;*//*slider-4個-*/
	width: 568px;	/*slider-3個-*/
}
.slider-nav {
	cursor: pointer;
}
.slider-nav .slick-slide:hover, .slider-nav .slick-slide img:hover {
	outline: none;
	-webkit-transition: opacity 0.35s linear;
	transition: opacity 0.35s linear;
	opacity: 0.85;
}
.slider-nav .slick-slide:focus, .slider-nav .slick-slide img:focus {
	outline: none;
}
.slider-nav .slick-slide {
	margin-left: 22px;
}
.slider-nav .slick-slide:last-child {
	margin-right: 22px;
}
.slider-nav .slick-active {
	width: 160px !important;
}
.slider-nav .slick-slide img {
	width: 160px !important;
	height: 50px;
}
/* ナビゲーションのcurrentに矢印画像を乗せる */
.slider-nav .slick-current {
	position: relative;
}
.slider-nav .slick-list {
	overflow: visible;
}
.slider-nav .slick-current::after {
	content: url(/resources_v2/plala/all/images/d_hikari/img_box_arrow.png);
	position: absolute;
	top: -16px;
	left: -6px;
	overflow: visible !important;
	float: left;
}
/*common.cssの打消し*/
.slick-slider .slick-list::before {
	display: none;
}
/*_______End slider_______*/


/*______ 20170522 one-campaign-version ________*/
.main-visual_sec .one_cp_ver {
	background-color: #ffefcb;
}
.main-visual_sec .one_cp_ver img {
	margin: 0 auto; width: 980px;
}

/*______ about ________*/

.d_hikari-set .img_3plus {
	margin: 0 auto;
	width: 600px
}
.d_hikari-set .comment_3plus {
	position: relative;
	left: 444px;
	width: 456px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.d_hikari__price-notice .title__block {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.d_hikari .tax{
	font-size: 2.0rem;
}
/*_______feature________*/
/* ページtopリンク追加　200317 */
.d_hikari_notice_sec {
  padding: 20px 0;
  background: #f2f2f2;
}
.d_hikari_notice_sec .notice_sec__list {
  width: 980px;
  margin: 0 auto;
}
.d_hikari_notice_sec .notice_sec__list li {
  padding: 10px 20px;
  background: #ffffff;
}
.d_hikari_notice_sec .notice_sec__list li a span.pc-only {
    display: inline-block;
}
/* ページtopリンク追加　200317 ここまで*/

.d_hikari .l-bg-white2 {
	background-color: #fff;
	padding-top: 80px;
	margin-bottom: 60px;
}
.feature_sec .h2-default {
	text-align: center;
}
.feature_sec .h2-default h2 {
	display: inline-block;
	margin: 0 auto -7px;
}
.feature_sec .h2-default span {
	position: relative;
	top: 7px;
	margin-left: 20px;
}
.feature_sec .h2-default h2 p mark {
    display: inline-block;
    line-height: 1.4;
    background: linear-gradient(transparent 65%, #ffe100 65%);
    padding: 0 10px;
}
.feature_sec .circle-num .circle-num__title {
	line-height: 1.2;
}
.feature_sec .circle-num .circle-num__title .feature_sec__caption {
	position: relative;
	font-size: 2.0rem;
	left: -160px;
}

.feature_sec .circle-num .circle-num__title .feature_sec__tax {
	font-size: 2.0rem;
	display: inline;
}
.circle-num.circle-num--red p.logo_mcafee {
	margin-top: 20px;
	margin-left: 30px;
}
p.img_visit > img {
	margin : 20px auto 0;
	text-align: center;
}
.letter_005 {
	letter-spacing: -0.05em;
}
.bd_red.bg_ticket {
	background: url("/resources_v2/plala/all/images/d_hikari/img_ticket.png") no-repeat 758px 180px;
	background-color: #faf7e6;
}
.bd_red.bg_ticket .ml--50 {
	margin-left: -50px;
}
/*______20180816 追記ここから_____*/
@media screen and (max-width: 767px) {
.feature_sec .img_ipoe {
	width: 65px;
	margin: 0 auto;
}
}
/*______20180816 追記ここまで_____*/

/*______faq_____*/

.mp--change {
	margin-top: 0;
	padding-top: 80px;
}
/*______ apply ________*/

.d_hikari__campaign__default {
	position: relative;
}	/*20170407修正*/
/*	--button1個ver.--
.d_hikari__campaign__default .d_hikari-btn__wrap {
	margin: 40px auto 0;
	width: 477px;
}
.d_hikari__campaign__default .d_hikari-btn__wrap .d_hikari-btn {
	border-radius: 8px;
	overflow: hidden;
}*/

#apply_sec .apply_note {
	margin : 20px auto 0; 
	width: 645px;
}



/*______ MODAL service  ________*/

/*　common.css　追加？ここから　*/
.modal--red .modal-close:after {
  background-image: url(/resources_v2/plala/all/images/shared/icon_close_red.png);
}
/*　common.css　追加？ここまで　*/
.shadowbox_inner {
	margin: 0 auto;
	padding: 0 10px 10px;
	line-height: 1.7;/*border: 1px solid #d4d4d4;*/
}
#table_area h2 {
	background: #cc0033;
	border-radius: 20px;
	padding: 5px;
	margin-bottom: 20px;
	color: #ffffff;
	font-weight: normal;
	font-size: 120%;
	text-align: center;
}
#table_area dl {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 100%;
	display: table;
}
#table_area dl:last-of-type {
	border-bottom: 1px solid #cccccc;
}
#table_area dt, #table_area dd {
	display: table-cell;
}
#table_area dt {
	background-color: #f2f2f2;
	width: 20%;
	border-right: 1px solid #cccccc;
	padding: 20px;
}
#table_area dd {
	width:80%;
	padding: 20px;
}
#table_area dd a.ml-10-pc {
	margin-left: 10px;
}

/*----------------- waribiki_block -----------------*/
.waribiki_block {
  margin: 60px 0 0 0;
}
.waribiki_block .title {
  margin: 0 0 30px;
  padding: 20px;
  font-size: 2rem;
  font-weight: bold;
  background-color: #fdf3f4;
	text-align: center;
}
.waribiki_block .img_bnr {
  margin: 0 0 20px;
  text-align: center;
}
.waribiki_block .img_bnr_cap {
  margin: 0 0 20px;
}
.waribiki_block .img_bnr_cap .red {
  color: #c03;
}
.waribiki_block .table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #a2a0a0;
  border-bottom: none;
}
.waribiki_block .table_child {
  width: 20%;
  border-right: 1px solid #a2a0a0;
  border-bottom: 1px solid #a2a0a0;
}
.waribiki_block .table_child:last-child {
  border-right: none;
}
.waribiki_block .table_child .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  padding: 5px;
  text-align: center;
  background: #f3f3f3;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #a2a0a0;
}
.waribiki_block .table_child .val {
  padding: 10px 5px;
  text-align: right;
}
.waribiki_block .table_child .val.red {
  color:#c03;
}
.waribiki_block .btn_box {
  margin: 20px 0 0;
  text-align: center;
}
.waribiki_block .btn_box .btn__em {
  background: #c03;
}
.waribiki_block .btn_box .btn__em:hover {
  opacity: 0.7;
}

/*______20210729 追記 dカード_____*/
.d_card .bn_d_card{
	margin-top: 20px;
}
.pr_d_card{
	font-size: 1.6rem;
}
.d_card .list-notes_mt-5 li::before{
	content: "※";
	position: static;
	left: 0;
}

@media screen and (max-width: 767px) {
/*_______Start slider_______*/
	
/* スライダーsp幅 */
.main-visual_sec_inner {
	width: 100%;
}
/* スライド画像サイズ */
.slider-for .slick-slide img {
	width: 100%;
	height: auto;
}
.slider-for button.slick-next, .slider-for button.slick-prev {
	display: none !important;
}
/* common.cssに入っているスライダー下の margin-bottom: 30pxを打ち消しています; */
.slick-slider {
	margin-bottom: 0;
}
/* スライダー下のドット */
.slick-dots {
	bottom: -35px;
}
.slick-dots li {
	margin: 0 10px;
	height: 14px;
	width: 14px;
}
.slick-dots li button {
	border-radius: 7px;
	height: 14px;
	width: 14px;
}
.slick-dots li button::before {
	content: "";
	background: #fff;
	border: solid 1px #d00e31;
	border-radius: 7px;
	height: 14px;
	width: 14px;
	opacity: 1;
}
.slick-dots li.slick-active button::before {
	content: "";
	background: #d00e31;
	opacity: 1;
}
/*_______End slider_______*/	
	
	
.main-visual_sec {
	border-top: #f3f3f3 1px solid;}
	
/*______ 20170522 one-campaign-version ________*/
.main-visual_sec .one_cp_ver {
	background-color: none;
}
.main-visual_sec .one_cp_ver img {
	margin: 0 auto; width: 100%;
}
	
/*______ about ________*/
	
.l-bg-gray.about_sec {
	margin-top: 50px;
}
.d_hikari-set .img_3plus {
	margin: 0 auto 20px;
	width: 100%;
}
.d_hikari__price-notice .title__block {
	font-size: 1.6rem;
}
.d_hikari .tax{
	font-size: 1.2rem;
}
/*_______feature________*/
/* ページtopリンク追加　200317 */
.d_hikari_notice_sec {
    padding: 15px 0;
  }
.d_hikari_notice_sec .notice_sec__list {
    width: auto;
    margin: 0 20px;
  }
.d_hikari_notice_sec .notice_sec__list li a span.pc-only {
    display: none;
}
/* ページtopリンク追加　200317 ここまで*/   
    
.d_hikari .l-bg-white2 {
	background-color: #fff;
	padding-top: 40px;
	margin-bottom: 30px;
}
.feature_sec .h2-default h2 {
	margin: 0 auto;
}
.feature_sec .h2-default span {
	top: 0;
	margin-left: 0;
	line-height: 1.8;
}
.feature_sec .circle-num .circle-num__title {
	text-align: center;
	line-height: 1.2;
}
.feature_sec .circle-num .circle-num__title p.feature_sec__caption {
	font-size: 1.2rem;
	left: 0px;
}
.feature_sec .circle-num .circle-num__title p.feature_sec__tax {
	font-size: 1.2rem;
	display: inline;
}
.circle-num.circle-num--red p.logo_mcafee > img {
	width: 115px;
}
.letter_005 {
	letter-spacing: 0;
}
.bd_red.bg_ticket .ml--50 {
	margin-left: 0px;
}
.bd_red.bg_ticket {
	background-image: none;
}
.feature_sec .img_ticket {
	width: 150px;
	margin: 0 auto;
}
.bd_red.bg_ticket .ml--50 {
	margin-left: 0px;
}
.bd_red.bg_ticket {
	background-image: none;
}
.feature_sec .img_ticket {
	width: 150px;
	margin: 0 auto;
}

/*______ faq________*/	
.mp--change {
	margin-top: 0;
	padding-top: 40px;
}
/*______ apply ________*/

.d_hikari__campaign__default .campaign__free_call__inner {
	height: 60px;
}/*20170407追加*/
/*	--button1個ver.--
.d_hikari__campaign__default .apply__wrap {
	margin: 0 12px;
}
.d_hikari__campaign__default .d_hikari-btn__wrap {
	margin: 40px auto 0;
	width: auto;
}
.d_hikari__campaign__default .apply__wrap .d_hikari-btn {
	padding: 0 12px 0;
	border-radius: 8px;
	overflow: hidden;
}
	*/

#apply_sec .apply_note {
	margin : 15px 15px 0 ; 
	width : calc(100% - 30px)  !important;
}	
	
/*______ MODAL service ________*/	
	
	.shadowbox_inner {
	padding: 0 0 10px;
}
#table_area dl {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 100%;
	display: block;
}
#table_area dl:last-of-type {
	border-bottom: 1px solid #cccccc;
}
#table_area dt, #table_area dd {
	display: block;
}
#table_area dt {
	background-color: #f2f2f2;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}
#table_area dd {
	width:100%;
	padding: 10px;
}
#table_area dd a.ml-10-pc {
	margin-left: 0px;
}
	
/*----------------- waribiki_block -----------------*/
.waribiki_block .title {
    padding: 10px;
    font-size: 1.3rem;
  }
  .waribiki_block .table {
	display: block;
	border-bottom: 1px solid #a2a0a0;
  }
  .waribiki_block .table_child {
    width: auto;
    border-right: none;
  }
  .waribiki_block .table_child:last-child {
    border-bottom: none;
  }
  .waribiki_block .table_child .head {
    height: auto;
  }
/*______20210729 追記 dカード_____*/
  .d_card .bn_d_card{
	margin-top: 15px;
  }
  .pr_d_card{
	font-size: 1.2rem;
  }
  .d_card_sp{
	display: inline-block;
    width: auto;
  }
}