/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2024 | 10:29:40 */
#Hikarisaver{
font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	line-height:1.6;
}

#toc_container{
	display:none;
}

#Hikarisaver .pc {
  display: block;
}
#Hikarisaver .sp {
  display: none;
}

#Hikarisaver .campaign{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	padding-bottom:100px;
}

#Hikarisaver .campaign .box{
border:4px solid #F03D61;
}

#Hikarisaver .campaign .box .title{
	background-color:#F03D61;
	padding-top:20px;
	padding-bottom:20px;
}
#Hikarisaver .campaign .box .title p{
	font-size:33px;
	color:#fff;
		font-weight:600;
	    line-height: 1.3;
}
#Hikarisaver .campaign .box .title p strong {
	font-size:43px;
	color:#FFEE2C;
}
#Hikarisaver .campaign .box .info {
	padding:30px 40px;
}
#Hikarisaver .campaign .box .info p.txt1 {
	font-size:23px;
}
#Hikarisaver .campaign .box .info p.txt2 {
	font-size:48px;
	color:#F03D61;
	font-weight:600;
	line-height: 1;
	margin-bottom:20px;
}

#Hikarisaver .campaign .box .info p.txt2 strong {
	font-size:80px;
	vertical-align: baseline;
}

#Hikarisaver .campaign .box .info p.txt3 {
	font-size:33px;
	font-weight:600;
}
#Hikarisaver .campaign .box .info p.txt3 strong {
	background-image: linear-gradient(transparent 60%, #FFEE2C 0%)
}

#Hikarisaver .cta{
	background: linear-gradient(90deg, #01BAFD 0%, #0054B8 100%);
	padding-top:60px;
	padding-bottom:60px;
}
#Hikarisaver .cta .contents{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#Hikarisaver .cta .contents p{
font-size:26px;
	font-weight:600;
	color:#fff;
	margin-bottom:30px;
}

#Hikarisaver .cta .contents a {
  position: relative;
  padding-top: 15px;
  padding-right: 40px;
  padding-left: 55px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
	width: 270px;
	font-size:18px;
	border-radius: 100px;
	margin-left: 10px;
    margin-right: 10px;
	background: linear-gradient(90deg, #FFF65A 0%, #FFE500 100%);
}

#Hikarisaver .cta .contents a:hover {
	background: linear-gradient(90deg, #FFF65A 0%, #FFE500 100%);
	opacity: 0.6;
}

#Hikarisaver .cta .contents .btn1 a:before {
  background: url(https://telenet.co.jp/wp/wp-content/uploads/2024/05/ico_book.svg);
  content: "";
  width: 28px;
  height: 28px;
  left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#Hikarisaver .cta .contents .btn2 a:before {
  background: url(https://telenet.co.jp/wp/wp-content/uploads/2024/05/ico_note.svg);
  content: "";
  width: 29px;
  height: 29px;
  left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#Hikarisaver .cta .contents .btn3 a:before {
  background: url(https://telenet.co.jp/wp/wp-content/uploads/2024/05/ico_mail.svg);
  content: "";
  width: 30px;
  height: 22px;
  left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#Hikarisaver .catchArea{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	padding-bottom:100px;
}
#Hikarisaver .catchArea p.txt1{
	font-size:32px;
	font-weight:600;
	margin-bottom:20px;
}
#Hikarisaver .catchArea p.txt2{
	font-size:32px;
	font-weight:600;
	color:#F03D61;
}

#Hikarisaver .features {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#E9F2FE
	}
#Hikarisaver .features .contents {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	}

#Hikarisaver .features .contents p.enTitle {
		font-size:20px;
		font-family: "Roboto Condensed", sans-serif;
		color:#0B8BDC;
	    font-weight: 500;
	}
#Hikarisaver .features .contents h1 {
		font-size:40px;
		font-family: "Noto Sans JP", sans-serif;
	font-weight:600;
	color:#203765;
	margin-bottom:30px;
	}

#Hikarisaver .features p.caution {
		font-size:13px;
	margin-bottom:0px;
	color:#F03D61;
		display:none;
	}

#Hikarisaver .features .contents .box {
	padding:30px 30px;
	background-color:#fff;
	margin-bottom:30px;
	}
#Hikarisaver .features .contents .box h2 {
	font-size:31px;
	color:#0054B8;
	font-weight:600;
	}
#Hikarisaver .features .contents .box h2 strong {
	background-image: linear-gradient(transparent 60%, #FFEE2C 0%)
	}
	.scroll-box img{
		margin-bottom:15px;
	}
#Hikarisaver .features .contents p.info {
	font-size:22px;
	}


#Hikarisaver .spec {
	padding-top:100px;
	padding-bottom:100px;
		width:1200px;
	margin-left:auto;
	margin-right:auto;
	}

#Hikarisaver .spec p.enTitle {
		font-size:20px;
		font-family: "Roboto Condensed", sans-serif;
		color:#0B8BDC;
	    font-weight: 500;
	}
#Hikarisaver .spec h2 {
		font-size:40px;
		font-family: "Noto Sans JP", sans-serif;
	font-weight:600;
	color:#203765;
	margin-bottom:20px;
	}
#Hikarisaver .spec p.info {
		font-size:22px;
	margin-bottom:30px;
	}
#Hikarisaver .spec p.caution {
		font-size:14px;
	margin-bottom:10px;
	color:#F03D61;
		display:none;
	}
#Hikarisaver .price {
	padding-top:100px;
	padding-bottom:100px;
	background-color:#E9F2FE
	}
#Hikarisaver .price .contents {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	}
#Hikarisaver .price .contents p.enTitle {
		font-size:20px;
		font-family: "Roboto Condensed", sans-serif;
		color:#0B8BDC;
	    font-weight: 500;
	}
#Hikarisaver .price .contents h2 {
		font-size:40px;
		font-family: "Noto Sans JP", sans-serif;
	font-weight:600;
	color:#203765;
	margin-bottom:30px;
	}
#Hikarisaver .price .contents p.info1 {
		font-size:22px;
	}
#Hikarisaver .price .contents p.info2 {
		font-size:48px;
	color:#F03D61;
	font-weight:600;
		margin-bottom:20px;
	}
#Hikarisaver .price .contents p.info2 strong {
		font-size:80px;
	margin-bottom:20px;
	vertical-align: baseline;
	}
#Hikarisaver .price .contents p.info3 {
		font-size:22px;
		margin-bottom:30px;
	}
#Hikarisaver .price .contents h3 {
		font-size:30px;
	padding-bottom:5px;
	border-bottom:4px solid #0B8BDC;
	color:#203765;
	font-weight:600;
		margin-bottom:20px;
	}
#Hikarisaver .price .table_wrap {
  border-collapse: collapse;
  width: 100%;
}
#Hikarisaver .price .table_wrap th, .table_wrap td {
  padding: 18px 20px;
  background-color: #fff;
  border: solid 5px #E9F2FE;
  box-sizing: border-box;
	font-size:22px;
}
#Hikarisaver .price .table_wrap td a {
    color:#49A248;
    }

#Hikarisaver .price .table_wrap th {
  background-color: #0B8BDC;
  color: #fff;
  width: 280px;
  font-weight: bold;
  vertical-align: middle;
}
#Hikarisaver .price p.note {
    font-size:18px;
	margin-bottom:50px;
    }
#Hikarisaver .price .contents p.info4 {
		font-size:22px;
		margin-bottom:10px;
	}

#Hikarisaver .faq {
	padding-top:100px;
	padding-bottom:100px;
		width:1200px;
	margin-left:auto;
	margin-right:auto;
	}

#Hikarisaver .faq p.enTitle {
		font-size:20px;
		font-family: "Roboto Condensed", sans-serif;
		color:#0B8BDC;
	    font-weight: 500;
	}
#Hikarisaver .faq h2 {
		font-size:40px;
		font-family: "Noto Sans JP", sans-serif;
	font-weight:600;
	color:#203765;
	margin-bottom:40px;
	}
#Hikarisaver .faq h3 {
	font-size:22px;
		font-family: "Noto Sans JP", sans-serif;
	letter-spacing:2px;
		margin-bottom:20px;
	    line-height: 1.6;
	 background-size: 44px 45px;
    background-repeat: no-repeat;
    background-image: url(https://telenet.co.jp/wp/wp-content/uploads/2024/05/ico_q.svg);
	padding-left:55px;
	 background-position: left top;
	font-weight:600;
	min-height:45px;
}
#Hikarisaver .faq p.answer {
	font-size:18px;
		margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:solid 1px #ccc;
	 background-size: 44px 44px;
    background-repeat: no-repeat;
    background-image: url(https://telenet.co.jp/wp/wp-content/uploads/2024/05/ico_a.svg);
	padding-left:55px;
	 background-position: left top;
	min-height:45px;
}




@media (max-width: 833px) {
#Hikarisaver .pc {
    display: none;
  }
#Hikarisaver .sp {
    display: block;
  }
	
	#Hikarisaver .campaign{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	padding-top:50px;
	padding-bottom:50px;
}
	
	#Hikarisaver .campaign .box .title{
	padding-left:15px;
		padding-right:15px;
}
#Hikarisaver .campaign .box .title p{
	font-size:24px;
	line-height:1.5;

}
#Hikarisaver .campaign .box .title p strong {
	font-size:26px;
}
	
	#Hikarisaver .campaign .box .info {
	padding:30px 15px;
}
#Hikarisaver .campaign .box .info p.txt1 {
	font-size:18px;
	margin-bottom:20px;
}
#Hikarisaver .campaign .box .info p.txt2 {
	font-size:34px;
}
	#Hikarisaver .campaign .box .info p.txt3 {
	font-size:25px;
}
	
		#Hikarisaver .cta{
		padding-left:15px;
		padding-right:15px;
			padding-bottom:40px;
			padding-top:40px;
}

	#Hikarisaver .cta .contents{
		width:auto;
}
	#Hikarisaver .cta .contents p{
font-size:24px;
}
	#Hikarisaver .cta .contents a {
		margin-bottom:15px;
}
	
	#Hikarisaver .catchArea{
		width:auto;
			padding-left:15px;
		padding-right:15px;
	padding-top:50px;
	padding-bottom:50px;
}
#Hikarisaver .catchArea p.txt1{
	font-size:28px;
}
#Hikarisaver .catchArea p.txt2{
	font-size:28px;
}
	
		#Hikarisaver .features {
				padding-left:15px;
		padding-right:15px;
	padding-top:50px;
	padding-bottom:50px;
	}
	#Hikarisaver .features .contents {
		width:auto;
	}
	#Hikarisaver .features .contents h1 {
		font-size:32px;
	}
	#Hikarisaver .features p.caution {
		display:block;
	}
	#Hikarisaver .features .contents .box h2 {
	font-size:22px;
		margin-bottom:10px;
	}
/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: scroll;
  padding-bottom: 10px;
-webkit-overflow-scrolling: scroll;

}
.scroll-box img {
  vertical-align: top;
}
  
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	
	.scroll-box img{
		max-width:none;
	}
	#Hikarisaver .features .contents .box {
	padding:15px 15px;
	background-color:#fff;
	margin-bottom:15px;
	}
#Hikarisaver .features .contents .box p.info {
	font-size:18px;
	}
	
	#Hikarisaver .spec {
	padding-top:50px;
	padding-bottom:50px;
		width:auto;
				padding-left:15px;
		padding-right:15px;
	}
	#Hikarisaver .spec p.enTitle {
		font-size:18px;
	}
#Hikarisaver .spec h2 {
		font-size:32px;
	}
#Hikarisaver .spec p.info {
		font-size:17px;
	margin-bottom:0px;
	}

	#Hikarisaver .spec p.caution {
		display:block;
		margin-top:20px;
	}

	
	#Hikarisaver .price {
	padding-top:50px;
	padding-bottom:50px;
			padding-left:15px;
		padding-right:15px;
	}
#Hikarisaver .price .contents {
	width:auto;
	}
#Hikarisaver .price .contents p.enTitle {
		font-size:20px;
	}
#Hikarisaver .price .contents h2 {
		font-size:32px;
	margin-bottom:20px;
	}
#Hikarisaver .price .contents p.info1 {
		font-size:18px;
	margin-bottom:15px;
	}
#Hikarisaver .price .contents p.info2 {
		font-size:40px;
	        line-height: 1.3;
	}
#Hikarisaver .price .contents p.info2 strong {
		font-size:47px;
	}
#Hikarisaver .price .contents p.info3 {
		font-size:18px;
		margin-bottom:20px;
	}
#Hikarisaver .price .contents h3 {
		font-size:24px;
		margin-bottom:20px;
	}
		#Hikarisaver .price .table_wrap th {
    padding: 4px 15px;
  }
 #Hikarisaver .price .table_wrap th, .table_wrap td {
    padding: 15px;
    display: block;
    width: 100%;
    border: none;
	 font-size:18px;
  }
	#Hikarisaver .price p.note {
    font-size:16px;
	margin-bottom:30px;
    }
#Hikarisaver .price .contents p.info4 {
		font-size:18px;
		margin-bottom:10px;
	}
	
	
		#Hikarisaver .faq {
	padding-top:50px;
	padding-bottom:50px;
		width:auto;
				padding-left:15px;
		padding-right:15px;
	}
	#Hikarisaver .faq h2 {
		font-size:32px;
	margin-bottom:30px;
	}
#Hikarisaver .faq h3 {
	font-size:20px;
		 background-size: 35px 35px;
	padding-left:45px;
	margin-bottom: 10px;
}
#Hikarisaver .faq p.answer {
	font-size:16px;
			 background-size: 35px 35px;
	padding-left:45px;
	
}
	
}