@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,600&display=swap');

/* common
***********************************************/
.fs-l-main {
  max-width: 100%;
  padding: 0;
  margin-top: 24px;
}
.fs-l-pageMain {
  max-width: 100%;
}
.fs-c-heading--page{
	display: none;
}
@media screen and (max-width:768px){
	.fs-l-main{
		margin-top: 0;
	}
}

/* common_item
***********************************************/
.ultra_guard {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	word-wrap: break-word;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
@media screen and (min-width:768px){
	.ultra_guard{
		min-width: 1300px;
	}
}
.ultra_guard img{
	border: none;
	vertical-align: bottom;
}
@media screen and (max-width:768px){
	.ultra_guard img{
		width: 100%;
	}
}
.ultra_guard a{
	transition: opacity 0.3s ease 0s;
}
.ultra_guard a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
.ultra_guard dl,
.ultra_guard dt,
.ultra_guard dd,
.ultra_guard ul{
	margin: 0;
	padding: 0;
}
.ultra_guard .pc{
	display: block;
}
.ultra_guard .sp{
	display: none;
}
@media screen and (max-width:768px){
	.ultra_guard .pc{
		display: none;
	}
	.ultra_guard .sp{
		display: block;
	}
}

/* MV
***********************************************/
.ultra_guard .mv {
	position: relative;
	text-align: center;
	background-color: #9f9e95;
}
.ultra_guard .mv .imgWrap{
	position: relative;
	width: 1300px;
	margin: 0 auto;
}
.ultra_guard .mv h2 img{
	max-width: inherit;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.ultra_guard .mv .icon{
	position: absolute;
	bottom: -114px;
	left: 0px;
}
.ultra_guard .mvLead{
	font-size: 18px;
	line-height: 40px;
	width: 1300px;
	margin: 70px auto 0;
}
@media screen and (max-width:768px){
	.ultra_guard .mv .imgWrap{
		width: 100%;
	}
	.ultra_guard .mv h2 img{
		left: 0;
		margin-left: 0;
	}
	.ultra_guard .mv h2 img.pc{
		display: none;
	}
	.ultra_guard .mv h2 img.sp{
		display: block;
	}
	.ultra_guard .mv .icon{
		width: 37%;
		bottom: -30px;
		left: -4%;
	}
	.ultra_guard .mvLead{
		font-size: 15px;
		line-height: 30px;
		text-align: left;
		width: auto;
		margin: 40px 20px 0;
	}
}

/* navi
***********************************************/
.ultra_guard .navi ul{
	display: flex;
	justify-content: space-between;
	width: 1300px;
	margin: 0 auto;
}
.ultra_guard .navi li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	position: relative;
}
.ultra_guard .navi li a:hover{
	text-decoration: none;
}
@media screen and (max-width:768px){
	.ultra_guard .navi ul{
		flex-direction: column;
		width: auto;
		margin: 0 20px;
	}
	.ultra_guard .navi li a{
		width: 100%;
	}
}
/*first
*****************/
.ultra_guard .navi.first{
	background: url("..aliceblue/../ultra_guard/bg_arrowL.png") top left no-repeat;
	/*background: url("../images/ultra_guard/bg_arrowL.png") top left no-repeat;*/
	padding: 90px 0 124px;
	margin-top: -20px;
}
.ultra_guard .navi.first li a{
	color: #333;
	font-size: 25px;
	background-color: #fbfbfb;
	border: 3px solid #c5c5c0;
	height: 100px;
}
.ultra_guard .navi.first li a::after{
	content: "";
	background: url("..aliceblue/../ultra_guard/arrow_pc.png") center left / 17px 11px no-repeat;
	/*background: url("../images/ultra_guard/arrow_pc.png") center left / 17px 11px no-repeat;*/
	width: 17px;
	height: 11px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 26px;
	margin: auto;
}
@media screen and (max-width:768px){
	.ultra_guard .navi.first{
		background: none;
		padding: 0;
		margin: 35px auto 70px;
	}
	.ultra_guard .navi.first li a{
		font-size: 17px;
		border: 2px solid #c5c5c0;
		height: 60px;
		margin-bottom: 10px;
	}
	.ultra_guard .navi.first li a::after{
		background: url("..aliceblue/../ultra_guard/arrow_sp.png") center left / 11px 7px no-repeat;
		/*background: url("../images/ultra_guard/arrow_sp.png") center left / 11px 7px no-repeat;*/
		width: 11px;
		height: 7px;
		right: 15px;
	}
}
/*second
*****************/
.ultra_guard .navi.second ul{
	padding: 50px 0 150px;
}
.ultra_guard .navi.second li img {
	width: 100%;
}
.ultra_guard .navi.second li a {
	flex-direction: column;
	border: 3px solid #c7c7c2;
	padding-bottom: 30px;
}
.ultra_guard .navi.second li a::after{
	content: "";
	background: url("..aliceblue/../ultra_guard/arrow_sp.png") center center / 21px 12px no-repeat #fff;
	/*background: url("../images/ultra_guard/arrow_sp.png") center center / 21px 12px no-repeat #fff;*/
	width: 43px;
	height: 17px;
	position: absolute;
	bottom: -11px;
	right: 0;
	left: 0;
	margin: auto;
}
.ultra_guard .navi.second .txtA {
	color: #fff;
	font-size: 20px;
	background-color: #a7a69e;
	width: 325px;
	height: 50px;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: -25px;
}
.ultra_guard .navi.second .txtA strong{
	font-weight: normal;
	padding-bottom: 2px;
}
.ultra_guard .navi.second .txtA.sp{
	display: none;
}
.ultra_guard .navi.second .txtB {
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.ultra_guard .navi.second ul{
		padding: 15px 0 30px;
	}
	.ultra_guard .navi.second li img {
		width: 100%;
	}
	.ultra_guard .navi.second li a {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		border: 2px solid #c7c7c2;
		padding: 0;
		margin-bottom: 15px;
	}
	.ultra_guard .navi.second li a::after{
		content: "";
		background: url("..aliceblue/../ultra_guard/arrow_sp.png") center center / 11px 6px no-repeat #fff;
		/*background: url("../images/ultra_guard/arrow_sp.png") center center / 11px 6px no-repeat #fff;*/
		width: 20px;
		height: 12px;
		bottom: -7px;
	}
	.ultra_guard .navi.second .txtWrap{
		width: 65%;
		margin: 15px 10px 15px 0;
	}
	.ultra_guard .navi.second li img{
		width: 35%;
	}
	.ultra_guard .navi.second .txtA {
		font-size: 13px;
		width: 100%;
		height: 25px;
		margin-top: 0;
	}
	.ultra_guard .navi.second .txtA.sp{
		display: flex;
	}
	.ultra_guard .navi.second .txtA.pc{
		display: none;
	}
	.ultra_guard .navi.second .txtB {
		font-size: 14px;
		margin-top: 5px;
	}
}

/* h3
***********************************************/
.ultra_guard h3{
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 51px;
	margin-bottom: 35px;
}
.ultra_guard h3.short{
	margin-bottom: 20px;
}
.ultra_guard h3 small{
	font-size: 25px;
	display: block;
	margin: 0 0 -5px 5px;
}
@media screen and (max-width:768px){
	.ultra_guard h3{
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.ultra_guard h3.short{
		margin-bottom: 10px;
	}
	.ultra_guard h3.short + .lead{
		margin-top: 10px;
	}
	.ultra_guard h3 small{
		font-size: 14px;
		display: block;
		margin: 0 0 -2px 5px;
	}
}

/* h4
***********************************************/
.ultra_guard h4{
	color: #333;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media screen and (max-width:768px){
	.ultra_guard h4{
		font-size: 20px;
		text-align: center;
		margin-bottom: 5px;
	}
}

/* h5
***********************************************/
.ultra_guard h5{
}
.ultra_guard h5 strong{
}
@media screen and (max-width:768px){

}

/* lead
***********************************************/
.ultra_guard .lead{
	color: #36332c;
	font-size: 19px;
	line-height: 2;
	margin: 20px auto;
}
@media screen and (max-width:768px){
	.ultra_guard .lead{
		font-size: 15px;
		text-align: left;
		margin: 15px 20px;
	}
	.ultra_guard .lead small{
		font-size: 11px;
	}
}

/* cap
***********************************************/
.ultra_guard .cap{
	color: #333;
	font-size: 20px;
	text-align: center;
	margin: 16px 0 0;
}
.ultra_guard .cap.red{
	color: #f49317;
	font-size: 22px;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.ultra_guard .cap{
		font-size: 14px;
		margin: 10px 0 0;
	}
	.ultra_guard .cap.red{
		font-size: 16px;
	}
}

/* l_h
***********************************************/
.ultra_guard .l_h{
	position: relative;
	margin: 0 auto 50px;
	padding-top: 90px;
}
.ultra_guard .l_h .icon{
	display: inline-block;
	position: absolute;
	top: -70px;
	z-index: 10;
}
.ultra_guard .arrowR .l_h .icon,
.ultra_guard .second .l_h .icon{
	right: 50px;
}
.ultra_guard .bgRainbow .l_h .icon{
	left: 50px;
}
@media screen and (max-width:768px){
	.ultra_guard .l_h{
		margin: 0 auto 20px;
		padding-top: 40px;
	}
	.ultra_guard .l_h .icon{
		width: 33%;
		top: -70px;
		z-index: 10;
	}
	.ultra_guard .second .l_h .icon,
	.ultra_guard .arrowR .l_h .icon{
		right: -4%;
	}
	.ultra_guard .arrowL .l_h,
	.ultra_guard .arrowL .lead{
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
	.ultra_guard .bgRainbow .l_h .icon{
		left: -3%;
	}
}

/* l_contents
***********************************************/
.ultra_guard .l_contents{
	padding-bottom: 100px;
}
.ultra_guard .l_contents.arrowR{
	border-top: 3px solid #e5e5e3;
	background: url("..aliceblue/../ultra_guard/bg_arrowR.png") bottom right -50px no-repeat;
	/*background: url("../images/ultra_guard/bg_arrowR.png") bottom right -50px no-repeat;*/
}
.ultra_guard .l_contents.arrowL{
	border-top: 3px solid #e5e5e3;
	background: url("..aliceblue/../ultra_guard/bg_arrowL.png") bottom left -100px no-repeat;
	/*background: url("../images/ultra_guard/bg_arrowL.png") bottom left -100px no-repeat;*/
}
.ultra_guard .l_contents.bgRainbow{
	background: url("..aliceblue/../ultra_guard/bg_rainbow.jpg") top center no-repeat;
	/*background: url("../images/ultra_guard/bg_rainbow.jpg") top center no-repeat;*/
}
@media screen and (max-width:768px){
	.ultra_guard .l_contents{
		padding-bottom: 40px;
	}
	.ultra_guard .l_contents.arrowR,
	.ultra_guard .l_contents.arrowL{
		border-top: 2px solid #e5e5e3;
		background: none;
	}
	.ultra_guard .l_contents.arrowL{
		margin-left: 20px;
		margin-right: 20px;
	}
	.ultra_guard .l_contents.bgRainbow{
		background: url("..aliceblue/../ultra_guard/bg_rainbow_sp.jpg") top center no-repeat;
		/*background: url("../images/ultra_guard/bg_rainbow_sp.jpg") top center no-repeat;*/
		background-size: cover;
	}
}

/* l_inner
***********************************************/
.ultra_guard .l_inner{
	width: 1300px;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.ultra_guard .l_inner{
		width: 100%;
	}
}

/* video
***********************************************/
.ultra_guard .video{
	background-color: rgba(255,255,255,0.88);
	width: 1140px;
	padding: 80px 0 65px;
	margin: -120px auto 0;
	position: relative;
	z-index: 15;
}
@media screen and (max-width:768px){
	.ultra_guard .video{
		width: auto;
		padding: 25px 20px 0;
		margin: -50px 20px 30px;
	}
	.ultra_guard .videoInner{
		position: relative;
		width: 100%;
		padding-top: 50%;
	}
	.ultra_guard .video iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/* btnBuy
***********************************************/
.ultra_guard .btnBuy a {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background-color: #f6a031;
	width: 300px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px auto 20px;
	transition: opacity 0.3s ease 0s;
}
.ultra_guard .btnBuy a:hover{
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (max-width:768px){
	.ultra_guard .btnBuy a {
		font-size: 18px;
		width: 150px;
		height: 50px;
		margin: 30px auto 0;
	}
}

/* bnrAll
***********************************************/
.ultra_guard .bnrAll{
	background-color: #9f9e95;
	margin: 80px auto 0;
	position: relative;
}
.ultra_guard .bnrAll img{
	max-width: inherit;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
@media screen and (max-width:768px){
	.ultra_guard .bnrAll{
		margin: 10px auto 0;
	}
	.ultra_guard .bnrAll img{
		max-width: 100%;
		left: 0;
		margin-left: 0;
	}
}

/* photo
***********************************************/
.ultra_guard .photoL img,
.ultra_guard .photoS img{
	margin: 0 auto;
}
.ultra_guard .photoW ul{
	display: flex;
	justify-content: center;
	margin: 70px auto 0;
	padding-bottom: 40px;
}
.ultra_guard .photoW li{
	margin: 0 20px;
}
@media screen and (max-width:768px){
	.ultra_guard .photoL,
	.ultra_guard .photoS{
		margin: 20px;
	}
	.ultra_guard .photoW ul{
		flex-direction: column;
		margin: 30px auto 0;
		padding-bottom: 10px;
	}
	.ultra_guard .photoW li{
		margin: 0 35px 20px;
	}
}

/* aboutLight
***********************************************/
.ultra_guard .aboutLight ul{
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
	margin-top: 60px;
}
.ultra_guard .aboutLight li{
	background-color: #fff;
	padding: 55px 40px;
	width: 420px;
}
.ultra_guard .aboutLight h5{
	font-size: 30px;
	font-weight: bold;
}
.ultra_guard .aboutLight h5 small{
	font-size: 12px;
	font-weight: normal;
}
.ultra_guard .aboutLight .cap{
	font-weight: bold;
	margin: 30px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}
.ultra_guard .aboutLight .cap small{
	font-size: 16px;
	font-weight: normal;
}
.ultra_guard .aboutLight .lead{
	font-size: 18px;
	text-align: left;
	margin: 0;
}
.ultra_guard .aboutLight .lead strong{
	background: linear-gradient(transparent 86%, #fdfe3c 75%);
}
.ultra_guard .aboutLight .lead small{
	font-size: 12px;
}
.ultra_guard .aboutLight li:nth-of-type(1) h5{
	color: #b85cae;
}
.ultra_guard .aboutLight li:nth-of-type(1) .cap{
	color: #b85cae;
	border: 3px solid #e6c2e2;
}
.ultra_guard .aboutLight li:nth-of-type(2) h5{
	color: #ed6c36;
}
.ultra_guard .aboutLight li:nth-of-type(2) .cap{
	color: #ed6c36;
	border: 3px solid #f9c8b3;
}
.ultra_guard .aboutLight li:nth-of-type(3) h5{
	color: #3da6d8;
}
.ultra_guard .aboutLight li:nth-of-type(3) .cap{
	font-size: 18px;
	color: #3da6d8;
	border: 3px solid #b9e2f5;
}
@media screen and (max-width:768px){
	.ultra_guard .aboutLight ul{
		flex-direction: column;
		padding-bottom: 25px;
		margin: 30px 20px 0;
	}
	.ultra_guard .aboutLight li{
		padding: 25px 20px;
		margin-bottom: 15px;
		width: 100%;
	}
	.ultra_guard .aboutLight h5{
		font-size: 20px;
	}
	.ultra_guard .aboutLight .cap{
		font-size: 16px;
		margin: 15px auto;
		padding: 15px 10px;
		height: auto;
	}
	.ultra_guard .aboutLight .cap small{
		font-size: 16px;
	}
	.ultra_guard .aboutLight .lead{
		font-size: 15px;
	}
	.ultra_guard .aboutLight .lead strong{
		background: linear-gradient(transparent 86%, #fdfe3c 75%);
	}
	.ultra_guard .aboutLight .lead small{
		font-size: 10px;
	}
	.ultra_guard .aboutLight li:nth-of-type(1) .cap{
		border:2px solid #e6c2e2;
	}
	.ultra_guard .aboutLight li:nth-of-type(2) .cap{
		color: #ed6c36;
		border: 2px solid #f9c8b3;
	}
	.ultra_guard .aboutLight li:nth-of-type(3) .cap{
		font-size: 16px;
		border: 2px solid #b9e2f5;
	}
}

/*
l_itemWrap
***********************************************/
.ultra_guard .l_itemWrap .l_contents{
	
}
.ultra_guard .l_itemWrap .l_contents .itemUnit{
	background-color: #f5f5f4;
	display: flex;
	justify-content: center;
}
.ultra_guard .l_itemWrap .l_contents:nth-of-type(odd) .itemPhoto{
	order: 2;
}
.ultra_guard .l_itemWrap .l_contents:nth-of-type(odd) .itemText{
	margin-right: 45px;
}
.ultra_guard .l_itemWrap .l_contents:nth-of-type(even) .itemText{
	margin-left: 45px;
}
.ultra_guard .l_itemWrap .itemPhoto{
	width: 650px;
}
.ultra_guard .l_itemWrap .itemText{
	text-align: left;
	width: 600px;
	margin-top: 80px;
}
.ultra_guard .l_itemWrap .price{
	color: #333;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 26px;
}
.ultra_guard .l_itemWrap .price small{
	font-size: 15px;
	font-weight: normal;
}
.ultra_guard .l_itemWrap .catch{
	color: #f49317;
	font-size: 22px;
	line-height: 33px;
	margin-bottom: 15px;
}
.ultra_guard .l_itemWrap .itemlead{
	color: #333;
	font-size: 18px;
	line-height: 36px;
}
.ultra_guard .l_itemWrap .itemlead strong{
	background: linear-gradient(transparent 86%, #fdfe3c 75%);
}
@media screen and (max-width:768px){
	.ultra_guard .l_itemWrap .l_contents{
		padding-bottom: 50px;
	}
	.ultra_guard .l_itemWrap .l_contents .itemUnit{
		display: block;
		padding-bottom: 50px;
	}
	.ultra_guard .l_itemWrap .l_contents:nth-of-type(odd) .itemText{
		margin-right: 20px;
	}
	.ultra_guard .l_itemWrap .l_contents:nth-of-type(even) .itemText{
		margin-left: 20px;
	}
	.ultra_guard .l_itemWrap .itemPhoto{
		width: 100%;
	}
	.ultra_guard .l_itemWrap .itemText{
		width: auto;
		margin: 20px;
	}
	.ultra_guard .l_itemWrap .price{
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.ultra_guard .l_itemWrap .price small{
		font-size: 13px;
	}
	.ultra_guard .l_itemWrap .catch{
		font-size: 16px;
		line-height: 1.6;
		text-align: center;
		margin-bottom: 15px;
	}
	.ultra_guard .l_itemWrap .itemlead{
		font-size: 15px;
		line-height: 1.8;
	}
}