@charset "utf-8";
/*  カメラ 特設ページ */


/*** Font ***/

.m-plus-1p-regular {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.biz-udgothic-regular {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



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

/*** camera2025 独自スタイル ***/
.camera2025 {
}


.camera2025 .text-divider {
}





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


.main_visual {
	width:100%;
	height:700px;
	background-color:#3366CC;
	position:relative;
}
.main_visual:before {
	content: "";
	background: #FFFF33;
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	clip-path: polygon(100% 0, 101% 0, 101% 100%, 0% 100%);
}
.main_visual .product_image {
	position: absolute;
	z-index:3;
	width:650px;
	height:auto;
	right: -100px;
	bottom: 150px;
}

.main_visual .sd_icon {
	position: absolute;
	z-index:4;
	width:220px;
	height:auto;
	right: 40px;
	top:310px;
}



.main_visual .copy01 {
	z-index:2;
	position: absolute;
	top:0;
	left:0;
}
.main_visual .title {
	z-index:2;
	position: absolute;
}
.main_visual .title01 {
	top:120px;
	left:0;
}
.main_visual .title02 {
	top:250px;
	left:100px;
}
.main_visual .title03 {
	top:510px;
	left:550px;
	width:200px;
	height:40px;
}
.main_visual .title04 {
	top:400px;
	left:50px;
}
/*
.main_visual .price {
    position: absolute;
	z-index:3;
	right:200px;
	bottom:50px;
	font-size:8.0rem;
	font-style:italic;
	font-weight:bold;
	color:#F00;
    text-shadow: 
        -1px -1px 0 #fff, 1px -1px 0 #fff,
    -1px 1px 0 #fff, 1px 1px 0 #fff,
    -3px -3px 0 #F00, 3px -3px 0 #F00,
    -3px 3px 0 #F00, 3px 3px 0 #F00;
}
*/

.main_visual .price {
	font-weight:bold;
	font-style:italic;
	font-feature-settings: "palt";
	position:absolute;
	color: #F00;
	font-size: 10.5rem;
	letter-spacing:0.3rem;
	bottom:7%;
	right: 3%;
	z-index: 19;
	-webkit-text-stroke-width: 10px;
}

.main_visual .price span:nth-of-type(1) {
	position: absolute;
	color: #fff;
	left: 0;
	-webkit-text-stroke-width: 5px;
	z-index: 20;
}
.main_visual .price span:nth-of-type(2) {
	position: absolute;
	color: #F00;
	left: 0;
	-webkit-text-stroke-width: 0;
	z-index: 21;
}

.main_visual .price em {
	font-size:7.0rem;
	
}

/*
.main_visual .price em {
	font-style:italic;
	font-weight:normal;
	font-size:4.0rem;
	margin:0 0 0 1.0rem;
}*/



.main_visual .text01 p , .main_visual .text02 p , .main_visual .text03 p{
	position:absolute;
	font-size:2.0rem;
	font-weight:bold;
	font-style:italic;
	color: #F00;
	z-index: 10;
}

.main_visual .text01 p {
	bottom:160px;
	right:250px;
}

.main_visual .text02 p {
	bottom:80px;
	right:440px;
}/*税込*/

.main_visual .text03 p {
	bottom:10px;
	right:30px;
}/*基本工事費別*/




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

.camera_contents {
	width:95%;
	margin:auto auto;
	padding:2.0rem;
	box-sizing:border-box;
	background-color:#FFF;
}

.camera_contents * {
	box-sizing:border-box;
}


.camera_contents img {
	width:100%;
	height:auto;
}











.circle {
}


.circle ul {
	display:flex;
	width:80%;
	margin:auto auto 2.0rem auto;
}

.circle ul li {
	width:calc(100% / 4);
	
}

.circle ul li img {
	width:200px;
	
}

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

.camera_contents .marker {
	background: linear-gradient(to right, #F33 0%, #ffff00 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 20%;
}



.camera_contents .mark {
	display:flex;
	flex-wrap:wrap;
	max-width:90%;
	margin:auto auto;
}


.camera_contents .mark h3 {
	width:100%;
	padding:1.0rem;
	font-family: "Noto Sans JP", sans-serif;
	font-size:5.0rem;
	font-weight:ExtraBold 800;
	font-style:oblique;
}

.mark h3 img {
	width:200px;
	vertical-align:middle;
	margin:0 1.5rem 0 0;
}


.mark .mark_ex {
	width:100%;
	padding:3.0rem 2.0rem;
	display:flex;
	align-items:center;
}

.mark .mark_ex .man_icon {
	width:200px;
	padding:1.0rem;
}

.mark .mark_ex .man_icon img {
	width:150px;
}

.mark .mark_ex ul li {
	font-size:1.8rem;
	font-weight:bold;
}

.mark .mark_ex ul li i {
	color:#F00;
}


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

.camera_contents .point {
	margin:2.0rem auto;
	width:100%;
}

.camera_contents .point h4 {
	position:relative;
	max-width:90%;
	margin:auto auto;
	font-size:2.0rem;
	display:flex;
	background-color:#111;
}

.camera_contents .point h4 span {
	display:block;
	position:relative;
	background-color:#F00;
	color:#FFF;
	padding:1.0rem;
}

/*
.camera_contents .point h4 span:before {
	content: "";
	background: #FFFF33;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	clip-path: polygon(100% 0, 50px 100%, 100% 100%);
}
*/


.camera_contents .point h4 div {
	position:relative;
	display:block;
	color:#FFF;
	padding:0.5rem 0 0 3.0rem;
	
}


.camera_contents .point h4 div:before {
	content: "";
	width:50px;
	height:100%;
	background: #F00;
	outline:#F00;
	position: absolute;
	top: -1%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	clip-path: polygon(50% 0, 0 0, 0 100%);
}

.camera_contents .point h4:after {
	content: "";
	width:50px;
	height:100%;
	background: #FFF;
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	z-index: 1;
	clip-path: polygon(100% 0, 100% 100%, 50% 100%);
}






.camera_contents .point p {
	max-width:90%;
	margin:auto auto 2.0rem auto;
	font-size:1.8rem;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	padding:1.0rem;
}



.camera_contents .image_sample {
	width:90%;
	margin:auto auto;
}

.camera_contents .image_sample ul {
	display:flex;
}

.camera_contents .image_sample ul li {
	width:50%;
	padding:1.0rem;
}



/***** スペック表 *****/

.outline_list {
	font-size:1.6rem;
}

.outline_list h4 {
	font-size:3.0rem;
}

.outline_list h5 {
	font-size:1.8rem;
}


.outline_list dl {
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 95%;
	border-bottom: none;
	margin:1.0rem auto 3.0rem auto;
}
.outline_list dl dt{
	background: #F0F0F0;
	padding: 5px;
	width: 200px;
	border-bottom: 1px solid #39C;
	color:#111;
	font-weight:bold;
	line-height:1.8;
}

.outline_list dl dt:nth-of-type(1) {
	border-top: 1px solid #39C;
}


.outline_list dl dd{
	background: #FFF;
	padding: 5px;
	width: calc(100% - 200px);
	border-bottom: 1px solid #111;
	line-height:1.8;
}

.outline_list dl dd:nth-of-type(1) {
	border-top: 1px solid #111;
}