@charset "utf-8";

/* CSS Document */


ol,ul {
    list-style:none;
}
/**************************************************************************************

common

************************************************************************************/

.c-inner {
	width:1200px;
	margin:0 auto;	
}
.c-title {
	text-align: center;
	margin-bottom: 70px;
	font-size: 48px;
	font-weight: bold;
}
#caution .c-title {
	margin-bottom: 95px;
}
#panel .c-title {
	margin-bottom: 100px;
}

.c-title_bg {
	background: #040308;
	color: #ea3aaa;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 10px;
}
/**************************************************************************************

hero

************************************************************************************/

#hero {
	background: url(https://img.undernavi.com/front/pc/lp/stopscam/key_visual_pcbg.jpg) no-repeat;
	background-size: cover;
	max-width: 100%;
	text-align: center;
}
#hero .inner {
	padding: 40px 0 120px;
}
/**************************************************************************************

button

************************************************************************************/
#button {
	margin-top: -80px;
}
.button .inner {
	width: 1200px;
	margin: 0 auto;
	background: #040308;
	padding: 40px 0;
}
.button-list {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}
#button04 .button-list, #button05 .button-list {
	justify-content: center;
}
.w-button .inner {
	width: auto;
	padding: 70px 0;
}
.stopscam_btn {
	cursor: pointer;
}
/**************************************************************************************

raise

************************************************************************************/

#raise .inner {
	padding: 80px 0 80px;
}
.border {
	background: url(https://img.undernavi.com/front/pc/lp/stopscam/border_dotted.png) no-repeat;
	height: 21px;
	background-position: center;
}
.raise-box {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}

.raise-content {
	display: flex;
	justify-content: space-between;
}
.raise-photo {
	width: 480px;
	margin-right: 80px;
}
.raise-txt {
	flex: 1;
	padding: 40px 0;
	font-size: 20px;
	font-weight: bold;
}
/**************************************************************************************

panel

************************************************************************************/
#panel {
	background: url(https://img.undernavi.com/front/pc/lp/stopscam/key_visual_pcbg.jpg);
	background-size: 100% auto;
}
#panel .inner {
	padding: 120px 0 80px;
}

.panl-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.panl-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.panl-list li {
	width: calc((100% / 2) - 30px);
	position: relative;
}
.panl-list li:first-child, .panl-list li:nth-child(2) {
	margin-bottom: 80px;
}
.panel-list_photo {
	text-align: center;
	margin-bottom: 30px;
}
.panel-ttl.c-title_bg {
	background: #040308;
	color: #e83aac;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 30px;
}
.panel-list_inner {
	border: 3px solid;
	border-radius: 30px;
	padding: 60px 30px;
	background: #fff;
}
.panel-txt {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
/**************************************************************************************

ex

************************************************************************************/

#experience .inner {
	padding: 80px 0;
}

.ex-list li {
	width: 63%;
	background: #040308;
	border-radius: 20px;
	padding: 35px 50px;
}
.ex-list li:not(:last-child) {
	margin-bottom: 40px;
}
.ex-list li:nth-child(even) {
	margin-left: auto;
}

.ex-list_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ex-list_photo {
	margin-left: 40px;
}
.ex-list_txt {
	flex: 1;
	color: #fff;
	font-size: 20px;
}
.ex-list li:nth-child(2n) .ex-list_inner .ex-list_txt {
	order:2;
}
.ex-list li:nth-child(2n) .ex-list_inner .ex-list_photo {
	order: 1;
	margin: 0 40px 0 0;
}

/**************************************************************************************

caution

************************************************************************************/


#caution {
	background: url(https://img.undernavi.com/front/pc/lp/stopscam/key_visual_pcbg.jpg);
}
#caution .inner {
	padding: 95px 0;
}
.caution-list_ttl {
	color: #ea3aaa;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
.caution-txt {
	font-size: 20px;
	font-weight: bold;
}
.caution-list {
	width: 860px;
	margin: 0 auto;
}
.caution-list li:first-child {
	padding-top: 0;
}
.caution-list li {
	border-bottom: 3px solid;
	padding: 40px 20px;
}
/**************************************************************************************

voice

************************************************************************************/

#voice .inner {
	padding: 80px 0;
	text-align: ;
}
.voice-ttl {
	font-size: 32px;
	color: #040306;
	text-align: center;
	font-weight: bold;
}
.pink {
	font-size: 32px;
	color: #ea3aaa;
	font-weight: bold;
}

/**************************************************************************************

movie

************************************************************************************/


#movie .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
video {
	width: 100%;
	height: auto;
}
footer #scam dt span {
	color: #f00;
}
footer #scam dl {
	margin-bottom: 10px;
}
.check_btn button {
	width: 49%;
	padding: 10px;
	background: #c80037;
	color: #fff;
}
.check_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 0 0;
}
.check_btn #sendNg {
	background: #999;
}