@charset "utf-8";

body{margin: 0;padding: 0;}

/*----- setting -----*/

.for-pc { display:block; }
.for-sp { display:none; }

#cam_container{
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}
#cam_container *, #cam_container *::before, #cam_container *::after{
	box-sizing: border-box;
}
#cam_container p{
	margin: 0;
	padding: 0;
	font-family: "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}
#cam_container h1, #cam_container h2, #cam_container h3, #cam_container h4{
	margin: 0;
	padding: 0;
	border: none;
}
#cam_container ul, #cam_container li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#cam_container img{
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin: 0 auto;
}
#cam_container a{
	color: #ff0000 !important;
	text-decoration: underline;
}
#cam_container a:hover{
	color: #ff0000;
	text-decoration: none;
}
#cam_container sup{
	font-size: 60%;
}

@media screen and (max-width: 767px){	
	.for-pc { display:none; }
	.for-sp { display:block; }

	#cam_container{
		font-size: 14px;
		line-height: 1.4;
	}
	#cam_container p{
		font-size: 14px;
		line-height: 1.4;
	}
}

/*----- mainArea -----*/

#cam_container .mainArea{
	margin: 0;
}
#cam_container .visual_ue01{
	position: relative;
	background: linear-gradient(90deg, #bc9c2b 0%, #fefdd5 22%, #ffffd9 50%, #fefdd5 78%, #be9f34 100%);
}
#cam_container .visual_ue01 .img, #cam_container .visual_ue02 .img, .visual .img, #cam_container .visual_ue03 .img{
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
}
#cam_container .visual_ue02{
	background: linear-gradient(90deg, #0051b2 0%, #0051b2 50%, #fff 50%, #fff 50%, #d80f0f 50%, #d80f0f 100%);
}
#cam_container .visual_ue02_inner{
	position: relative;
	background: linear-gradient(90deg, #0051b2 0%, #0054b8 49.8%, #fff 49.8%, #fff 50.2%, #d60f0f 50.2%, #d80f0f 100%);
	transform: skew(-15deg);
}
#cam_container .visual_ue02_inner_in{
	background: url(../img/bg_visual_ue2.png) repeat 50% 50%;
	transform: skew(15deg);
}
#cam_container .visual_ue03{
	padding: 20px;
	text-align: center;
}
#cam_container .visual{
	position: relative;
	background: url(../img/main_bg_04.png) no-repeat 50% 50% #fff;
	background-size: cover;
	padding: 1px 20px 20px;
}
#cam_container .visual .img img{
	position: relative;
	margin-top: -7.5%;
}
#cam_container .visual_noteBox{
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 17%;
	max-width: 840px;
	font-size: 13px;
	font-weight: 500;
}
#cam_container .visual_noteBox ul{
	margin: 15px 0 0;
	padding: 5px;
	background: rgba(255, 255, 255, 0.5);
	text-align: center;
}
#cam_container .visual_noteBox li{
	text-shadow: -1px -1px 0 #fff, -1px 1px #fff, 1px -1px #fff, 1px 1px #fff;
}

@media screen and (max-width: 767px){
	#cam_container .visual_ue02{
		background: none;
	}
	#cam_container .visual_ue02_inner{
		background: none;
		transform: none;
	}
	#cam_container .visual_ue02_inner_in{
		background: none;
		transform: none;
	}
	#cam_container .visual_ue03{
		padding: 10px 8px;
	}
	#cam_container .visual{
		padding: 1px 1vw 1.8vw;
	}
	#cam_container .visual_noteBox{
		font-size: 10px;
		padding: 0 5px;
	}
	#cam_container .visual_noteBox ul{
		text-align: left;
		margin: 5px 0 0;
	}
}

/*----- captionArea -----*/

#cam_container .captionArea{
	background: #e60038;
	padding: 8px 8px 4px;
	text-align: center;
}
#cam_container .captionArea p{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #ffff53;
	transform: skewX(-10deg);
	font-feature-settings: 'palt';
}

@media screen and (max-width: 1023px){
	#cam_container .captionArea p{
		font-size: 4.25vw;
	}
}

@media screen and (max-width: 767px){
	#cam_container .captionArea{
		padding: 8px 8px 4px;
	}
	#cam_container .captionArea p{
		font-size: 5vw;
		line-height: 1.2;
	}
}

/*----- tabArea -----*/

#cam_container .tab_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 20px;
}
/*#cam_container .tab_wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: DeepSkyBlue;
	display: block;
	order: -1;
}*/
#cam_container .tab_label {
	font-size: 45px;
	font-weight: 900;
	text-align: center;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 20px 20px 0 0;
	flex: 1;
	font-feature-settings: 'palt';
}
#cam_container .tab_label_10g{
	background: #4d73ff;
	color: #e3e7ff;
}
#cam_container .tab_label_1g{
	background: #ff4d61;
	color: #ffe3e5;
}
#cam_container .tab_label:not(:last-of-type) {
	margin-right: 5px;
}
#cam_container .tab_content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	background: url("../img/bg_tokuten.png") top center;
	background-size: cover;
	position: relative;
}

@media screen and (max-width: 1023px){
	#cam_container .tab_label{
		font-size: 36px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .tab_wrap{
		margin: 5px 0 20px;
	}
	#cam_container .tab_label{
		border-radius: 10px 10px 0 0;
		padding: 10px;
		font-size: 17px;
		line-height: 1.4;
	}
	#cam_container .tab_label:not(:last-of-type){
		margin-right: 3px;
	}
}

/* activeTab */
#cam_container .tab_switch:checked+.tab_label_10g {
	background: #002ccc;
	color: #ffff53;
}
#cam_container .tab_switch:checked+.tab_label_1g {
	background: #d90019;
	color: #ffff53;
}
#cam_container .tab_switch:checked+.tab_label+.tab_content {
	height: auto;
	overflow: auto;
	padding: 9px 0 0;
	opacity: 1;
	transition: .5s opacity;
}
#cam_container .tab_switch:checked+.tab_label+.tab_content_10g::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #002ccc;
	order: -1;
}
#cam_container .tab_switch:checked+.tab_label+.tab_content_1g::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #d90019;
	order: -1;
}

@media screen and (max-width: 767px){
	#cam_container .tab_switch:checked+.tab_label+.tab_content {
		padding: 4px 0 0;
	}
	#cam_container .tab_switch:checked+.tab_label+.tab_content_10g::after{
		height: 5px;
	}
	#cam_container .tab_switch:checked+.tab_label+.tab_content_1g::after{
		height: 5px;
	}
}

/* radioButton */
#cam_container .tab_switch {
	display: none;
}

/* contents */
#cam_container .tab_ttl{
	margin: 0 auto;
}

#cam_container .tab_content_10g .tab_ttl{
	background: linear-gradient(0, #2f4aa1 0%, #114fab 50%, #0051e9 70%);
}
#cam_container .tab_content_1g .tab_ttl{
	background: linear-gradient(0, #c80101 0%, #e31818 50%, #fc2e2e 100%);
}
#cam_container .tab_ttl .img{
	position: relative;
	max-width: 1401px;
	margin: 0 auto;
}
#cam_container .tab_ttl_sub{
	margin: 0 auto 30px;
	padding: 0 10px 10px;
}
#cam_container .tab_content_10g .tab_ttl_sub{
	background: #2f4aa1;
}
#cam_container .tab_content_1g .tab_ttl_sub{
	background: #c80101;
}
#cam_container .tab_ttl_sub p{
	text-align: center;
	font-size: clamp(12px, 3vw, 36px);
	font-weight: 700;
	color: #fff;
	transform: skewX(-10deg);
	font-feature-settings: "palt";
	letter-spacing: 0.05;
}
#cam_container .tab_ttl_sub .yellow_txt{
	color: #ffea00;
}
#cam_container .tab_one{
	box-sizing: content-box;
	max-width: 927px;
	margin: 0 auto;
	padding: 0 20px;
}
#cam_container .return_box{
	margin: 0 auto 40px;
}
#cam_container .img_one{
	max-width: 919px;
	margin: 0 auto;
}
#cam_container .img_plus{
	max-width: 48px;
	margin: 10px auto;
}
#cam_container .router_box{
	margin: 0 auto;
}
#cam_container .router_ttl .img{
	max-width: 920px;
	margin: 0 auto;
}
#cam_container .router_box_main{
	max-width: 920px;
	margin: 0 auto;
	padding: 30px 0;
}
#cam_container .router_box_main_10g{
	background: linear-gradient(0deg, rgba(0, 203, 255, 1) 0%, rgba(0, 113, 255, 1) 100%);
}
#cam_container .router_10g_ttl .img{
	max-width: 920px;
	margin: 0 auto -10px;
	padding: 0 60px;
}
#cam_container .router_box_in{
	background: rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	margin: 0 30px;
	padding: 0 30px;
}
#cam_container .router_box_one{
	padding: 25px 0 30px;
	border-bottom: 1px solid #000;
}
#cam_container .router_box_one:last-of-type{
	padding: 10px 0 30px;
}
#cam_container .router_noteBox{
	margin: 0;
	padding: 20px 0;
	font-size: 13px;
	font-weight: 400;
}
#cam_container .router_box_main_1g{
	background: linear-gradient(0deg, rgba(255, 150, 150, 1) 0%, rgba(240, 20, 20, 1) 100%);
}
#cam_container .router_1g_ttl .img{
	max-width: 776px;
	margin: 0 auto 20px;
}

@media screen and (max-width: 1023px){
	#cam_container .tab_ttl_sub{
		margin-top: -1px;
	}
	#cam_container .tab_one{
		max-width: 720px;
	}
	#cam_container .img_plus{
		max-width: 25px;
		margin: 2.33vw auto;
	}
	#cam_container .router_1g_ttl .img{
		margin: 0 auto 20px;
		padding: 0 60px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .tab_ttl_sub{
		margin: 0 auto 4.22vw;
		padding: 0 1vw 1vw;
	}
	#cam_container .return_box{
		margin: 0 0 8vw;
	}
	#cam_container .router_box_main{
		padding: 2.5vw 0 3vw;
	}
	#cam_container .router_10g_ttl .img{
		margin: 0 auto -0.8vw;
		padding: 0 20px;
	}
	#cam_container .router_box_in{
		margin: 0 3vw 0;
		padding: 0 3vw;
		border-radius: 10px;
	}
	#cam_container .router_box_one{
		padding: 10px 0;
	}
	#cam_container .router_noteBox{
		padding: 15px 0;
		font-size: 11px;
	}
	#cam_container .router_1g_ttl .img{
		margin: 0 3vw 2.2vw;
		padding: 0 20px;
	}
}

/* routerAccordion */
#cam_container .router_box_main_10g .router_box_in{
	background: rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	margin: 30px 30px 0;
	padding: 0 30px;
}
#cam_container .router_box_main_10g .router_box_pickup .router_box_one{
	border-bottom: none;
}

/* accordion */
#cam_container .router_box .toggleArea{
	margin-bottom: 0;
}
#cam_container .router_box .accordion-004{
	border-bottom: none;
}
#cam_container .router_box .accordion-004 summary{
	max-width: 520px;
	background: #ffff61 url("../img/btn_router_10g_plus.png") no-repeat right 12px center;
	margin: 25px auto 0;
	padding: 12px;
	border-top: none;
	border-radius: 6vw;
	font-size: 28px;
	font-weight: 700;
	color: #0071ff;
	box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
}
#cam_container .router_box .accordion-004[open] summary{
	background: #ffff61 url("../img/btn_router_10g_minus.png") no-repeat right 12px center;
}
#cam_container .router_box .accordion-004 summary:hover{
	background-color: #ffff94;
	transition: .3s;
}
#cam_container .router_box .accordion-004 summary::before, #cam_container .router_box .accordion-004 summary::after{
	display: none;
}

@media screen and (max-width: 1023px){
}

@media screen and (max-width: 767px){
	#cam_container .router_box_main_10g .router_box_in{
		margin: 3vw 3vw 0;
		padding: 0 3vw;
		border-radius: 10px;
	}
	#cam_container .router_box .accordion-004{
		margin: 0;
	}
	#cam_container .router_box .accordion-004 summary{
		max-width: 240px;
		background-size: 4.8vw;
		background-position: right 1.25vw center;
		margin: 3vw auto 0;
		padding: 1.75vw 1.25vw 1.25vw;
		font-size: 14px;
		box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
	}
	#cam_container .router_box .accordion-004[open] summary{
		background-size: 4.8vw;
		background-position: right 1.25vw center;
	}
}

/*----- noteArea -----*/

#cam_container .noteArea{
	margin: 0 auto 50px;
}
#cam_container .noteBox{
	max-width: 920px;
	background: #f0f0f0;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 400;
}

@media screen and (max-width: 1023px){
	#cam_container .noteBox{
		max-width: 720px;
		margin: 0 20px;
		font-size: 11px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .noteArea{
		margin: 0 auto 9vw;
	}
}

/*----- flowArea -----*/

#cam_container .flowArea{
	margin: 0 auto 50px;
}
#cam_container .flow_ttl{
	max-width: 920px;
	margin: 0 auto 20px;
	font-size: 28px;
	font-weight: 900;
	font-feature-settings: "palt";
	text-align: center;
}
#cam_container .flow_ttl .big{
	background: linear-gradient(transparent 70%, #ffff00 0%);
	color: #cc0133;
	font-size: 42px;
}
#cam_container .flow_box .img{
	max-width: 920px;
	margin: 0 auto 15px;
}
#cam_container .flow_box .noteBox{
	max-width: 920px;
	margin: 0 auto;
	background: none;
	padding: 0;
}

@media screen and (max-width: 1023px){
	#cam_container .flow_box .img{
		max-width: 720px;
	}
	#cam_container .flow_box .noteBox{
		max-width: 720px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .flowArea{
		margin: 0 auto 9vw;
	}
	#cam_container .flow_ttl{
		margin: 0 20px 15px;
		font-size: 21px;
	}
	#cam_container .flow_ttl .big{
		font-size: 30px;
	}
	#cam_container .flow_box .img{
		margin: 0 20px 15px;
	}
	#cam_container .flow_box .noteBox{
		margin: 0 20px;
	}
}

/*----- cashbackArea -----*/

#cam_container .cashback_box{
	max-width: 920px;
	margin: 0 auto 50px;
	padding: 30px;
	border: 3px solid #cc0133;
	border-radius: 20px;
	position: relative;
}
#cam_container .cashback_ttl{
	font-size: 42px;
	font-weight: 900;
	font-feature-settings: "palt";
	text-align: center;
}
#cam_container .cashback_ttl .underline{
	background: linear-gradient(transparent 70%, #ffff00 0%);
	color: #cc0133;
}
#cam_container .cashback_ttl .small{
	font-size: 28px;
}
#cam_container .cashback_box_inner{
	border-top: 2px dashed #8d8d8d;
	margin: 20px auto 0;
	padding: 30px 0 0;
	display: flex;
	justify-content: space-between;
}
#cam_container .cashback_box_inner .left{
	width: 135px;
}
#cam_container .cashback_box_inner .left .img{
	width: 100px;
	height: auto;
	margin: 0;
}
#cam_container .cashback_box_inner .right{
	width: 730px;
}
#cam_container .cashback_box_inner .right .box{
	border-bottom: 2px dashed #8d8d8d;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
#cam_container .cashback_box_inner .right .box p{
	text-align: left;
}
#cam_container .cashback_box_inner .right .box:last-child{
	margin: 0;
}
#cam_container .cashback_box_inner .right .ttl{
	text-align: left;
	color: #CC0133;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
	font-feature-settings: "palt";
}

@media screen and (max-width: 1023px){
	#cam_container .cashback_box{
		max-width: 720px;
	}
	#cam_container .cashback_box_inner .right{
		width: 560px;
	}
	#cam_container .cashback_box_inner .right .box{
		margin: 0 0 20px;
		padding: 0 0 20px;
	}
	#cam_container .cashback_box_inner .right .ttl{
		font-size: 22px;
		margin: 0 0 4px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .cashback_box{
		margin: 0 20px 9vw;
		padding: 4.22vw 4.22vw 6.22vw;
		border-radius: 12px;
	}
	#cam_container .cashback_ttl{
		font-size: 30px;
	}
	#cam_container .cashback_ttl .small{
		font-size: 21px;
	}
	#cam_container .cashback_box_inner{
		margin: 4.22vw auto 0;
		padding: 4.22vw 0 0;
		flex-direction: column;
	}
	#cam_container .cashback_box_inner .left{
		display: none;
	}
	#cam_container .cashback_box_inner .right{
		width: 100%;
	}
	#cam_container .cashback_box_inner .right .box{
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	#cam_container .cashback_box_inner .right .box:last-child{
		border-bottom: 2px dashed #8d8d8d;
		padding: 0 0 4.22vw;
	}
	#cam_container .cashback_box_inner .right .ttl{
		font-size: 18px;
		text-align: center;
	}
	#cam_container .cashback_box_inner .right .img{
		width: 24vw;
		margin: 0 auto 2.22vw;
	}
	#cam_container .cashback_box_inner .img_border{
		width: 100%;
		padding: 2.22vw 0 3.22vw;
		margin: 0;
	}
}

/*----- priceArea -----*/

#cam_container .price_box{
	max-width: 920px;
	margin: 0 auto;
}
#cam_container .price_ttl{
	background: #cc0133;
	color: #fff;
	font-weight: 900;
	font-size: 25px;
	margin: 0 auto 20px;
	padding: 8px;
	text-align: center;
	line-height: 1.6;
	border-radius: 4px;
	letter-spacing: 0.1em;
}
#cam_container .plan_box{
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
#cam_container .plan_box_10g, #cam_container .plan_box_1g{
	width: 440px;
}
#cam_container .plan_ttl{
	background: #cc2034;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1.1;
	position: relative;
	z-index: 1;
	border-radius: 3px;
}
#cam_container .plan_ttl span{
	font-size: 3.5vw;
	vertical-align: baseline;
}
#cam_container .plan_box_inner{
	background: #F9F8F2;
	border-radius: 10px;
	margin: -30px 0 0;
	padding: 50px 20px 20px;
}
#cam_container .plan_box_inner .ttl_tab{
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 20px;
	padding: 10px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	line-height: 1;
	font-feature-settings: "palt";
}

#cam_container .plan_box_inner .img{
	margin: 0 0 20px;
}
#cam_container .tab_price_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 35px;
}
#cam_container .plan_box_10g .tab_price_box:last-child{
    margin: 0;
}
#cam_container .icon_year{
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #CC0133;
	border-radius: 50%;
	margin: -5px 0 0;
}
#cam_container .icon_year p{
	margin: 30px 0 0;
	font-size: 15px;
	font-weight: 700;
	color: #CC0133;
	line-height: 1.2;
}
#cam_container .price_box_inner{
	width: 280px;
	text-align: left;
	margin: 0;
}
#cam_container .price_box_inner .price{
	font-size: 70px;
	font-weight: 900;
	line-height: 1;
	color: #cc0133;
}
#cam_container .price_box_inner .price span{
	font-size: 36px;
	vertical-align: middle;
	padding-left: 3px;
}
#cam_container .price_box_inner .price sup{
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
}
#cam_container .price_box_inner span.pricetax{
	font-size: 11px;
	color: #333;
	font-weight: 400;
	vertical-align: middle;
	padding: 0;
	display: inline-block;
	margin: 0 0 -25px -10px;
}
#cam_container .price_box_inner .note{
	font-weight: 400;
	font-size: 13px;
	margin: 10px 0 0;
}
#cam_container .priceArea .noteBox{
	background: none;
	padding: 0;
	margin: 0 auto 20px;
}

@media screen and (max-width: 1023px){
	#cam_container .price_box{
		max-width: 720px;
	}
	#cam_container .plan_box_10g, #cam_container .plan_box_1g{
		width: 350px;
	}
	#cam_container .plan_box_inner .ttl_tab{
		font-size: 18px;
	}
	#cam_container .tab_price_box{
		margin: 0 0 28px;
	}
	#cam_container .icon_year{
		width: 80px;
		height: 80px;
	}
	#cam_container .icon_year p{
		margin: 20px 0 0;
	}
	#cam_container .price_box_inner{
		width: 220px; 
	}
	#cam_container .price_box_inner .price{
		font-size: 48px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .price_box{
		margin: 0 20px 4.22vw;
	}
	#cam_container .price_ttl{
		font-size: 22px;
		margin: 0 auto 4.22vw;
	}
	#cam_container .plan_box{
		margin: 0 auto;
	}
	#cam_container .plan_box_10g, #cam_container .plan_box_1g{
		width: 100%;
	}
	#cam_container .plan_box_10g{
		margin: 0 0 4.22vw;
	}
	#cam_container .plan_ttl{
		font-size: 20px;
		padding: 18px 0 12px;
	}
	#cam_container .plan_ttl span{
		font-size: 9.75vw;
	}
	#cam_container .plan_box_inner .ttl_tab{
		font-size: 16px;
	}
	#cam_container .plan_box_inner .img{
		margin: 0 0 2.44vw;
	}
	#cam_container .tab_price_box{
		flex-direction: column;
	}
	#cam_container .plan_box_1g .tab_price_box:last-child{
		margin: 0;
	}
	#cam_container .icon_year{
		width: 100%;
		height: auto;
		border-radius: 50px;
		margin: 0 0 5px;
		padding: 5px 0;
	}
	#cam_container .icon_year p{
		margin: 0;
	}
	#cam_container .price_box_inner{
		width: 100%;
		text-align: center;
	}
	#cam_container .price_box_inner .price{
		font-size: 55px;
	}
	#cam_container .price_box_inner .note{
		font-size: 11px;
	}
	#cam_container .priceArea .noteBox{
		margin: 0 20px 4.22vw;
	}
}

/*----- modalArea -----*/

/* openButton */
#cam_container .modal-open{
	border: none;
	background:none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	color: #ff0000;
	text-decoration: underline;
	line-height: 1.6;
}

@media screen and (max-width: 767px){
	#cam_container .modal-open{
		font-size: 11px;
		line-height: 1.4px;
	}
}

/* modal */
#cam_container .modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,60%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 99999;
}
#cam_container .modal:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 2px;
	margin-left: -0.2em;
}
#cam_container .modal.is-active{
	opacity: 1;
	visibility: visible;
	display: block;
}
#cam_container .modal-container{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 820px;
}
#cam_container .modal-close{
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -35px;
    right: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 45px;
    font-weight: 400;
}
#cam_container .modal-content{
	background: #fff;
    text-align: left;
    line-height: 1.6em;
    padding: 50px;
    border-radius: 10px;
    border: 5px solid #cc0133;
}

@media screen and (max-width: 1023px){
	#cam_container .modal-container{
		width: 720px;
	}
	#cam_container .modal-content{
		padding: 30px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .modal{
		padding: 50px 20px 40px;
	}
	#cam_container .modal-container{
		width: 100%;
	}
	#cam_container .modal-content{
		border: 3px solid #cc0133;
		padding: 20px;
	}
}

/* contents */
#cam_container .modal-content .box{
	margin:0 auto 30px;
}
#cam_container .modal-content .sub_ttl{
    position: relative;
    font-size: 20px;
    color: #cc0133;
    font-weight: 900;
    padding-left: 25px;
    line-height: 1;
    margin-bottom: 20px;
}
#cam_container .modal-content .sub_ttl::before{
	content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/icon_dot.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}
#cam_container .modal_10g-area table{
	border-collapse: collapse;
}
#cam_container .modal_10g-area th, #cam_container .modal_10g-area td{
    text-align: center;
    padding: 5px;
    border: solid 1px #000;
}
#cam_container .modal_10g-area th{
	background: #D6D6D6;
}
#cam_container .modal_10g-area th span{
	font-size: 13px;
	font-weight: 400;
	color: #cc0133;
}
#cam_container .modal_10g-area tr:nth-child(n+3) td:nth-child(2){
	text-align: left;
}
#cam_container .modal_10g-area .tablehead{
	width: 90px;
}
#cam_container .modal-content .box.last{
	margin-bottom: 0;
}

@media screen and (max-width: 767px){
	#cam_container .modal-content .sub_ttl{
		margin-bottom: 3.22vw
	}
	#cam_container .modal_10g-area table{
		font-size: 13px;
	}
	#cam_container .modal_10g-area th span{
		font-size: 11px;
	}
}

/*----- supportArea -----*/

#cam_container .supportArea{
	background: #f9f8f2;
	line-height: 1.3;
	text-align: center;
	padding: 0 0 50px;
}
#cam_container .support_ttl{
	background: #cc0133;
	overflow: hidden;
}
#cam_container .support_ttl_box{
	padding: 30px 20px;
	color: #ffea00;
	font-size: 48px;
	font-weight: 900;
	transform: skewX(-10deg);
}
#cam_container .support_box_inner01{
	position: relative;
	padding: 20px 0 85px;
	font-size: 35px;
	font-weight: 900;
}
#cam_container .support_box_inner01 > span{
	display: inline-block;
	transform: skewX(-10deg);
}
#cam_container .support_box_inner01 strong{
	color: #e60038;
	font-size: 48px;
	font-weight: 900;
}
#cam_container .support_box_inner01::before, #cam_container .support_box_inner01::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 25px;
	height: 100px;
	border-left: 2px solid #cc0133;
	transform-origin: center bottom;
	transform: rotate(-70deg);
}
#cam_container .support_box_inner01::after{
	transform: rotate(70deg);
}
#cam_container .support_bnr01 .img{
	border-top: 15px solid #cc0133;
	border-bottom: 15px solid #cc0133;
	padding: 25px 0;
	max-width: 1267px;
	margin: 0 auto 20px;
	background: #fff;
}
#cam_container .support_box_inner02{
	max-width: 800px;
	margin: 0 auto;
}
#cam_container .support_box .noteBox{
	background: none;
	padding: 0 0 30px;
	line-height: 1.6;
}
#cam_container .support_point_ttl{
	background: #CC0133;
	width: 100%;
	border-radius: 60px;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	padding: 10px;
	margin: 0 auto 20px;
}
#cam_container .support_point_ttl span{
	color: #FFF002;
}
#cam_container .support_point_ttl .n{
	font-size: 40px;
	vertical-align: text-bottom;
	padding: 0 2px;
}
#cam_container .support_bnr02 .img{
	box-sizing: content-box;
	max-width: 800px;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#cam_container .support_box_inner02_note{
	text-align: left;
	max-width: 800px;
}

@media screen and (max-width: 1023px){
	#cam_container .support_ttl_box{
		font-size: 44px;
	}
	#cam_container .support_box_inner01{
		font-size: 32px;
	}
	#cam_container .support_box_inner01 strong{
		font-size: 44px;
	}
	#cam_container .support_point_ttl{
		width: 90%;
	}
	#cam_container .support_box_inner02_note{
		margin: 0 20px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .supportArea{
		padding: 0 0 9vw;
	}
	#cam_container .support_ttl_box{
		padding: 2vw;
		font-size: 18px;
	}
	#cam_container .support_box_inner01{
		font-size: 17px;
		padding: 4vw 0 9.5vw;
	}
	#cam_container .support_box_inner01 strong{
		font-size: 21px;
	}
	#cam_container .support_box_inner01::before, #cam_container .support_box_inner01::after{
		bottom: 2.5vw;
		height: 10vw;
	}
	#cam_container .support_bnr01 .img{
		border-top: 3vw solid #cc0133;
		border-bottom: 3vw solid #cc0133;
		padding: 4vw 0;
		margin: 0 auto 2.44vw;
	}
	#cam_container .support_box .noteBox{
		text-align: left;
		padding: 0 0 4.22vw;
	}
	#cam_container .support_point_ttl{
		font-size: 15px;
		padding: 2vw 0 1.7vw;
		margin: 0 20px 4.22vw;
	}
	#cam_container .support_point_ttl .n{
		font-size: 28px;
		vertical-align: middle;
	}
}

/* tokotonSupport */
#cam_container .pointBox{
	display: flex;
	justify-content: space-between;
	margin: 0 auto 20px;
}
#cam_container .pointBox .point{
	width: 260px;
	height: 490px;
	background: #fff;
	border-radius: 10px;
}
#cam_container .pointBox .point .img{
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
#cam_container .pointBox .icon_point{
	width: 80px;
	font-size: 10px;
	font-weight: 700;
	color: #CC0133;
	text-align: center;
	margin: 0 auto 10px;
	border: 1px solid #CC0133;
	border-radius: 25px;
	line-height: 1;
	padding: 3px 0;
}
#cam_container .pointBox .num{
	font-size: 16px;
	padding-left: 2px;
	vertical-align: baseline;
}
#cam_container .pointBox .point_ttl{
	font-size: 18px;
	font-weight: 900;
	line-height: 1.4;
	margin: 0 auto;
}
#cam_container .pointBox .border{
	width: 30px;
    height: 2px;
    background: #CC0133;
    margin: 15px auto;
}
#cam_container .pointBox p.point_txt{
	padding: 0 20px;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
}
#cam_container .pointBox .noteBox{
	padding: 0 20px;
	line-height: 1.4;
	text-align: left;
}

@media screen and (max-width: 1023px){
	#cam_container .pointBox .point{
		width: 230px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .pointBox{
		flex-direction: column;
	}
	#cam_container .pointBox .point{
		width: 100%;
		height: auto;
		margin: 0 auto 4vw;
	}
	#cam_container .pointBox .point:last-child{
		margin: 0;
	}
	#cam_container .pointBox .point .img{
		padding: 20px;
		margin: 0;
	}
	#cam_container .pointBox .point .box_inner_pc{
		display: none;
	}
	#cam_container .pointBox .noteBox{
		padding: 0 0 10px;
	}
}

/* virusBastard */
#cam_container .securityBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 20px;
	padding: 25px 30px;
	gap: 10px;
	background: #fff;
	border: 2px solid #cc0133;
	border-radius: 10px;
}
#cam_container .securityBox .layout_col{
	margin: 0 auto;
	width: 32%;
}
#cam_container .securityBox .img{
	margin: 0 auto 20px;
}
#cam_container .securityBox .point_ttl{
	margin: 0 auto 10px;
}

@media screen and (max-width: 767px){
	#cam_container .securityBox{
		flex-direction: column;
		padding: 20px 20px 0;
	}
	#cam_container .securityBox .layout_col{
		width: 100%;
	}
	#cam_container .securityBox .box_inner_pc{
		display: none;
	}
}

/*----- setdiscountArea -----*/

#cam_container .setdiscountArea{
	position: relative;
	background: #fff;
	padding: 0 0 240px;
}
#cam_container .setdiscountArea::before{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	height: 7px;
	background: #fff;
}
#cam_container .setdiscount_ttl{
	padding: 48px 20px 82px;
	text-align: center;
	background: #ffffcf;
}
#cam_container .setdiscount_ttl .img{
	position: relative;
	display: inline-block;
}
#cam_container .setdiscount_box01{
	background: #ff0000;
	padding: 1px 20px 25px;
	text-align: center;
}
#cam_container .setdiscount_box01 .img{
	position: relative;
	display: inline-block;
	transform: translate(0, -40px);
	max-width: 990px;
	margin: 0 auto;
}
#cam_container .setdiscount_box02{
	position: relative;
}
#cam_container .setdiscount_box_ttl{
	position: relative;
	background: #0066ff;
	border-bottom: 9px solid #b2b290;
	padding: 20px 20px 0;
	height: 111px;
	text-align: center;
	color: #fff;
	font-size: 44px;
	font-weight: 700;
}
#cam_container .setdiscount_box_ttl::before{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    bottom: -24px;
    border: solid 30px transparent;
    border-top: solid 30px #0066ff;
    margin-left: -30px;
    z-index: 2;
}
#cam_container .setdiscount_box_ttl::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    bottom: -30px;
    border: solid 40px transparent;
    border-top: solid 40px #b2b290;
    margin-left: -40px;
    z-index: 1;
}
#cam_container .setdiscount_box_ttl small{
	font-size: 82%;
}
#cam_container .setdiscount_box02 .img{
	max-width: 990px;
	margin: 0 auto;
	padding: 55px 0 0;
	text-align: center;
}
#cam_container .setdiscount_box02 .subTxt{
	max-width: 1020px;
	margin: 0 auto 25px;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}
#cam_container .setdiscountArea .noteBox{
	max-width: 1020px;
	background: #fff;
	padding: 15px 20px;
	border-radius: 0;
	line-height: 1.4;
}

@media screen and (max-width: 1023px){
	#cam_container .setdiscount_box_ttl{
		height: 160px;
		font-size: 40px;
		line-height: 1.4;
	}
	#cam_container .setdiscount_box_ttl::after{
		top: 151px;
	}
	#cam_container .setdiscount_box02 .img{
		padding: 40px 30px 0;
	}
	#cam_container .setdiscount_box02 .subTxt{
		flex-direction: column-reverse;
	}
	#cam_container .setdiscount_box02 .subTxt p{
		text-align: center;
		font-size: 16px;
	}
	#cam_container .setdiscount_box02 .subTxt p.zeikomiTxt{
		text-align: right;
		font-size: 13px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .setdiscountArea{
		padding: 0 0 30vw;
	}
	#cam_container .setdiscountArea::before{
		top: 6px;
		height: 4px;
	}
	#cam_container .setdiscount_ttl{
		padding: 5vw 4vw 8vw;	
	}
	#cam_container .setdiscount_box01{
		padding: 1px 4vw 4vw;
	}
	#cam_container .setdiscount_box01 .img{
		transform: translate(0, -4vw);
	}
	#cam_container .setdiscount_box_ttl{
		padding: 2.3vw 2vw 0;
		font-size: 15.5px;
		height: 12vw;
		border-bottom: 1.2vw solid #b2b290;
	}
	#cam_container .setdiscount_box_ttl::before{
		content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        bottom: -24px;
        border: solid 15px transparent;
        border-top: solid 15px #0066ff;
        margin-left: -15px;
        z-index: 2;
	}
	#cam_container .setdiscount_box_ttl::after{
		content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        bottom: -20px;
        border: solid 20px transparent;
        border-top: solid 20px #b2b290;
        margin-left: -20px;
        z-index: 1;
    }
	#cam_container .setdiscount_box02 .img{
		max-width: 100%;
		margin: 0 auto;
		padding: 6vw 4vw 0;
	}
	#cam_container .setdiscount_box02 .subTxt{
		margin: 1vw auto 4.22vw;
		padding: 0 4vw;
	}
	#cam_container .setdiscount_box02 .subTxt p{
		font-size: 13px;
	}
	#cam_container .setdiscount_box02 .subTxt p.zeikomiTxt{
		font-size: 11px;
	}
	#cam_container .setdiscountArea .noteBox{
		margin: 0;
	}
}

/*----- toglleArea Notes -----*/

#cam_container .toggleArea{
	margin: 0 auto 20px;
}
#cam_container .accordion-003{
    max-width: 920px;
    margin-bottom: 7px;
	margin: 0 auto;
}
#cam_container .accordion-003 summary{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px 0;
    color: #333333;
	font-size: 13px;
    font-weight: 700;
    cursor: pointer;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: center;
	line-height: 1;	
}
#cam_container .accordion-003 summary::-webkit-details-marker{
    display: none;
}
#cam_container .accordion-003 summary::before,
#cam_container .accordion-003 summary::after{
    width: 16px;
    height: 2px;
    background-color: #333;
    content: '';
}
#cam_container .accordion-003 summary::before{
    position: absolute;
    right: 10px;
	transform: rotate(0);
}
#cam_container .accordion-003 summary::after{
	position: absolute;
    transition: rotate .3s;
	right: 10px;
	transform: rotate(90deg);
}
#cam_container .accordion-003[open] summary::after{
	transform: rotate(0);
}

@media screen and (max-width: 1023px){
	#cam_container .accordion-003{
		max-width: 720px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .accordion-003{
		margin: 0 20px;
	}
	#cam_container .accordion-003 summary{
		font-size: 11px;
	}
}

/* contents */
#cam_container .accordion-003 .toggle_content{
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 15px 0 0;
    color: #333333;
	transition: opacity 1s;
}
#cam_container .accordion-003[open] .toggle_content{
    transform: none;
    opacity: 1;
}
#cam_container .toggle_content p{
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.5;
}

@media screen and (max-width: 767px){
	#cam_container .toggle_content p{
		font-size: 11px;
	}
}

/*----- toglleArea Point -----*/

#cam_container .support_box_inner02 .toggleArea{
	margin: 0 auto;
}
#cam_container .accordion-004{
    max-width: 920px;
    margin-bottom: 7px;
	margin: 0 auto;
	border-bottom: 2px solid #333;
}
#cam_container .accordion-004 summary{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 16px 0;
    color: #333333;
	font-size: 18px;
    font-weight: 700;
    cursor: pointer;
	border-top: 2px solid #333;
	text-align: center;
	line-height: 1;	
}
#cam_container .accordion-004 summary::-webkit-details-marker{
    display: none;
}
#cam_container .accordion-004 summary::before,
#cam_container .accordion-004 summary::after{
    width: 16px;
    height: 2px;
    background-color: #333;
    content: '';
}
#cam_container .accordion-004 summary::before{
    position: absolute;
    right: 40%;
	transform: rotate(0);
}
#cam_container .accordion-004 summary::after{
	position: absolute;
    transition: rotate .3s;
	right: 40%;
	transform: rotate(90deg);
}
#cam_container .accordion-004[open] summary::after{
	transform: rotate(0);
}

@media screen and (max-width: 1023px){
	#cam_container .accordion-004{
		max-width: 720px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .accordion-004{
		margin: 0 20px 0;
	}
	#cam_container .accordion-004 summary{
		font-size: 14px;
		padding: 4vw 0;
	}
	#cam_container .accordion-004 summary::before{
		right: 30%;
	}
	#cam_container .accordion-004 summary::after{
		right: 30%;
	}
}

/* contents */
#cam_container .accordion-004 .toggle_content{
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0;
    color: #333333;
	transition: opacity 1s;
}
#cam_container .accordion-004[open] .toggle_content{
    transform: none;
    opacity: 1;
}

/*---------- ctaArea ----------*/

#cam_container .ctaArea{
	background: rgba(153, 0, 0, 0.3);
	margin: 0 auto;
	padding: 20px;
}
#cam_container .cta_ttl .img{
	max-width: 749px;
	margin: 0 auto 8px;
}
/*#cam_container .cta_txt .img{
	max-width: 686px;
	margin: 0 auto 10px;
}*/
#cam_container .cta_btn_1col{
	max-width: 927px;
	margin: 20px auto 0;
	display: grid;
	place-content: center;
}
#cam_container .cta_btn_2col{
	max-width: 927px;
	margin: 20px auto 0;
	/*display: grid;*/
	/*grid-template-columns: repeat(2, minmax(0, 1fr));*/
	/*gap:0 20px;*/
}
#cam_container .cta_btn .img{
	max-width: 488px;
	margin: 0 auto;
}
#cam_container.cta_btn a{
	display: inline-block;
}
#cam_container .cta_btn a:hover{
	opacity: .9;
	transition: opacity .2s;

}

@media screen and (max-width: 767px){
	#cam_container .ctaArea{
		padding: 10px 10px 8px;
	}
	#cam_container .cta_ttl .img{
		max-width: 324px;
		margin: 0 auto 4px;
	}
	/*
	#cam_container .cta_txt .img{
		max-width: 245px;
		margin: 0 auto 6px;
	}*/
	#cam_container .cta_btn_2col{
		margin-top: 5px;
		gap:0 5px;
	}
	#cam_container .cta_btn .img{
		max-width: 269px;
	}
}

/* followBtn */
#cam_container .follow_box {
    position: fixed;
	bottom: 0;
	top: auto;
    left: 0;
    z-index: +2;
	width: 100%;
}
#cam_container .follow_box .ctaArea{
	padding: 10px 20px 6px;	
}
#cam_container .follow_box.none {
    opacity: 0;
    z-index: -2;
}
#cam_container .follow_box .cta_ttl .img{
	max-width: 689px;
	margin: 0 auto 4px;
}
/*#cam_container  .follow_box .cta_txt .img{
	max-width: 624px;
	margin: 0 auto 8px;
}*/
#cam_container .follow_box .cta_btn_1col, #cam_container .follow_box .cta_btn_2col{
	max-width: 840px;
	margin-top: 10px;
}
#cam_container .follow_box .cta_btn .img{
	max-width: 439px;
	margin: 0 auto;
}

@media screen and (max-width: 767px){
	#cam_container .follow_box .ctaArea{
		background: #e60038 url("../img/bg_cta_button.png") repeat center;
		padding: 8px 8px 4px;	
	}
	#cam_container .follow_box .cta_ttl .img{
		max-width: 324px;
		margin: 0 auto 2px;
	}
	/*#cam_container  .follow_box .cta_txt .img{
		max-width: 245px;
		margin: 0 auto 4px;
	}*/
	#cam_container .follow_box .cta_btn_1col, #cam_container .follow_box .cta_btn_2col{
		margin-top: 5px;
	}
	#cam_container .follow_box .cta_btn .img{
		max-width: 248px;
		margin: 0 auto;
	}
}

/*---------- costArea ----------*/

#cam_container .costArea{
	max-width: 920px;
	margin: 0 auto 50px;
}
#cam_container .costArea .head{
	position: relative;
	background: url("../img/benefits_box_bg.png") no-repeat 93% 50% #cc0133;
	border-radius: 20px 20px 0 0;
	padding: 35px 56px 30px;
	text-align: center;
}
#cam_container .cost_ttl{
	color: #fff;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#cam_container .costArea .body{
	border: 3px solid #cc0133;
	border-top: none;
	border-radius: 0 0 20px 20px;
	background-color: #fff;
	padding: 30px 45px 30px;
}
#cam_container .costArea .bubble{
	position: relative;
	margin-bottom: 20px;
	border: 2px solid #cc0133;
	border-radius: 6px;
	padding: 13px 1px 10px;
	text-align: center;
}
#cam_container .costArea .bubble::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -11px;
	width: 17px;
	height: 11px;
	margin: 0 auto;
	background: url("../img/benefits_bubble_bg_2503.png") no-repeat 0 0;
}
#cam_container .costArea .bubble p{
	color: #cc0133;
	font-size: 28px;
	font-weight: 900;

}
#cam_container .costArea .price_box{
	border-radius: 6px;
	background-color: #ffff6f;
	border: 2px solid #cc0133;
	padding: 25px 10px 20px;
	margin: 0 auto 20px;
	text-align: center;
}
#cam_container .costArea .price_box p{
	font-size: 72px;
	font-weight: 900;
	color: #cc0133;
	line-height: 1;
	letter-spacing: 0.1em;
}
#cam_container .costArea .toggleArea{
	margin: 0 auto;
}

@media screen and (max-width: 1023px){
	#cam_container .costArea{
		max-width: 720px;
	}
}

@media screen and (max-width: 767px){
	#cam_container .costArea{
		margin: 0 20px 9vw;
	}
	#cam_container .costArea .head{
		background-image: none;
		border-radius: 12px 12px 0 0;
		padding: 3vw 3vw 3vw 6vw;
	}
	#cam_container .cost_ttl{
		font-size: 24px;
	}
	#cam_container .costArea .body{
		border-radius: 0 0 12px 12px;
		padding: 4.22vw 4.22vw 6.22vw;
	}
	#cam_container .costArea .bubble{
		padding: 8px 1px;
	}
	#cam_container .costArea .bubble p{
		font-size: 18px;
	}
	#cam_container .costArea .price_box{
		padding: 20px 15px 15px;
	}
	#cam_container .costArea .price_box p{
		letter-spacing: 0;
		font-size: 64px;
	}
	#cam_container .costArea .accordion-003{
		margin: 0;
	}


}

/*----- newButtonArea -----*/

#cam_container .ctaArea{
	background: #e60038 url("../img/bg_cta_button.png") repeat center;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 24px 20px 20px;
}
#cam_container .cta_ttl .img{
	max-width: 423px;
}
#cam_container .cta_btn_2col{
	margin: 12px auto 0;
}
#cam_container .cta_btn p{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
#cam_container .cta_btn p::before, #cam_container .cta_btn p::after{
	content: "";
	background-color: #fff;
	height: 2px;
	width: 20px;
}
#cam_container .cta_btn p::before{
	margin-right: 5px;
	transform: rotate(60deg);	
}
#cam_container .cta_btn p::after{
	margin-left: 5px;
	transform: rotate(-60deg);
}

@media screen and (max-width: 767px){
	#cam_container .ctaArea{
		background-size: 2%;
		padding: 3vw 12px 2vw;
	}
	#cam_container .cta_ttl .img{
		max-width: 65vw;
	}
	#cam_container .cta_btn_2col{
		margin-top: 8px;
	}
	#cam_container .cta_btn p{
		font-size: 3.75vw;
	}
}

/*----- newFlowButtonArea -----*/

#cam_container .follow_box{
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
}
#cam_container .follow_box .ctaArea{
	padding: 16px 20px 12px;
}
#cam_container .follow_box .cta_ttl .img{
	margin-bottom: 8px;
	max-width: 381px;
}
#cam_container .follow_box .cta_btn_2col{
	max-width: 834px;
	margin-top: 0;
}
#cam_container .follow_box .cta_btn p{
	font-size: 18px;
}
#cam_container .cta_btn p::before, #cam_container .cta_btn p::after{
	width: 18px;
}

@media screen and (max-width: 767px){
	#cam_container .follow_box .ctaArea{
		padding: 2vw 12px;
	}
	#cam_container .follow_box .cta_ttl .img{
		margin-bottom: 4px;
		max-width: 65vw;
	}
	#cam_container .follow_box .cta_btn_2col{
		margin-top: 4px;
	}
	#cam_container .follow_box .cta_btn p{
		font-size: 3.5vw;
	}
}


/*----- 26.01.20 add（ルーター周り改修＆新機種追加）-----*/

#cam_container .router_box_main{
	padding: 30px;
}
#cam_container .router_box_in{
	background: #fff;
	margin: 30px 0 0;
	padding: 60px 60px 50px;
}
#cam_container .router_box_one{
	padding: 0 0 30px;
	border-bottom: none;
}
#cam_container .router_box_one:last-of-type{
	padding: 0 0 40px;
}
#cam_container .router_noteBox{
	padding: 0;
}
#cam_container .router_box_main_10g{
	background: linear-gradient(0deg, rgba(0, 255, 255, 1) 0%, rgba(0, 101, 255, 1) 100%);
}
#cam_container .router_box_main_10g .router_box_in{
	background: #fff;
	border: 5px solid #0091f2;
	margin: 30px 0 0;
	padding: 60px 60px 50px;
}
#cam_container .router_box_main_1g{
	background: linear-gradient(0deg, rgba(255, 150, 150, 1) 0%, rgba(255, 65, 83, 1) 100%);
}
#cam_container .router_box_main_1g .router_box_in{
	background: #fff;
	border: 5px solid #e31212;
}

@media screen and (max-width: 1023px){
	#cam_container .router_box_in{
		padding: 5vw 5vw 4vw;
	}
	#cam_container .router_box_main_10g .router_box_in{
		padding: 5vw 5vw 4vw;
	}
}
@media screen and (max-width: 767px){
	#cam_container .router_box_main{
		padding: 3vw;
	}
	#cam_container .router_box_in{
		margin: 3vw 0 0;
		padding: 3.5vw 3.5vw 3vw;
	}
	#cam_container .router_box_one{
		padding: 0 0 3vw;
	}
	#cam_container .router_box_one:last-of-type{
		padding: 0 0 4vw;
	}
	#cam_container .router_box_main_10g .router_box_in{
		border-width: 4px;
		margin: 3vw 0 0;
		padding: 3.5vw 3.5vw 3vw;
	}
	#cam_container .router_box_main_1g .router_box_in{
		border-width: 4px;
	}
}


/*----- specialSetting -----*/

#cam_container .dred{
	color: #cc0133 !important;
}

@media screen and (max-width: 1023px){
}

@media screen and (max-width: 767px){
}

@media screen and (min-width: 767px){
	.br_sp{display: none;}
}