@charset "UTF-8";
.product_box {
  color: #202124;
  width: 100%;
}
.product_box * {
  box-sizing: border-box;
}
.product_box h2,
.product_box h3,
.product_box h4 {
  margin: 0;
}
.product_box h3 {
  letter-spacing: -0.04em;
  font-size: 145%;
}
.product_box h4 {
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-size: 90%;
}
.product_box img, .product_box02 img {
  max-width: 100%;
}
.product_box .text {
  font-size: 80%;
}
.product_block {
  background-color: #fff;
}

.product_box .notes {
	font-size: 10px;
	text-align: left;
	color: #9aa0a6;
}
/*  btn-------------------------------------------------------------*/
.btn-box {
	margin-top: 5%;
}
.btn-box2 {
	width: 28%;
	margin: 0 auto;
	padding-top: 3%;
}
.btn_movie a {
	padding: 5% 10% 4.6% 16%;
	color: #fff;
	background-color: #007cf3;
	font-size: 114%;
	font-weight: bold;
}
.btn_movie a:hover {
	opacity: 0.7;
}
.btn_movie a:hover, .btn_movie a:visited, .btn_movie a:focus  {
	color: #fff;
}
.btn_movie {
	position: relative;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	padding: 5% 0;
}
.btn_movie::before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 12%;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.btn_movie::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 16.5%;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 6px solid transparent;
	border-left: 10px solid #fff;
}
.btn_movie:hover {
	padding: 5.3% 0;
}


@media screen and (min-width:768px) {
	.product_box .hidden-pc, .product_box02 .hidden-pc  {
    display: none;
  }
	.product_block .text { line-height: 1.6 !important; }
/*  btn-------------------------------------------------------------*/
	.btn_movie a {
		width: 235px;
	}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 {
		padding-top: 6%;
		text-align: center;
	}
	.product_block.block01 .product_logo {
		padding: 0 40%;
		margin-bottom: 4%;
	}
	.product_block.block01 .content-box {
		position: relative;
	}
	.product_block.block01 h2 {
		text-align: left;
		font-size: 270%;
		color: #fff;
		position: absolute;
		top: 37%;
		left: 8%;
	}

/* block02-----------------------------------------------------------------------*/
	.product_block.block02 {
     text-align: center;
	  padding: 4%;
	}
	.product_block.block02 .content-box {
		display: flex;
		justify-content: space-between;
		margin-bottom: 2%;
	}
	.product_block.block02 .content-box .content {
	  width: 24%;
	}
	.product_block.block02 .content-box .image {
	  padding: 0 45%;
	}
	.product_block.block02 .content-box h3 {
	  font-size: 90%;
	}
	.product_block.block02 .content-box h4 {
	  margin-bottom: 11px;
	}
	.product_block.block02 .content-box .text {
	  font-size: 70%;
	  letter-spacing: -0.03em;
	}
  .product_block.block02 .text sup { font-size: 9px; }
	.product_block.block02 .content-box .image {
	  height: 24px;
	  margin-bottom: 12px;
	}

/* block03-----------------------------------------------------------------------*/
	.product_block.block03 {
		text-align: left;
	}
	.product_block.block03 .product_img {
		text-align: center;
	}
	.product_block.block03 h3 {
		margin-bottom: 10px;
		position: absolute;
		font-size: 25.86px;
		line-height: 1.2;
	}
	.product_block.block03 .content-box,  .product_block.block03 .content-box02 {
		position: relative;
	}
	.product_block.block03 .content-box h3 {
		top: 30%;
		left: 14%;
	}
	.product_block.block03 .content-box p {
		top: 49%;
		left: 14%;
		position: absolute;
		font-size: 12.25px;
	}
	.product_block.block03 .content-box02 {
		display: flex;
		padding: 1.6%;
	}
	.product_block.block03 .content-box02 h3 {
		font-size: 12.25px;
		position: absolute;
	}
	.product_block.block03 .content-box02 .box01 {
		margin-right: 1.6%;
		position: relative;
	}
	.product_block.block03 .content-box02 .box01 h3 {
		position: absolute;
		bottom: 0;
		top: 70%;
		left: 4%;
		color: #fff;
		font-size: 110%;
	}
	.product_block.block03 .content-box02 .box02 {
		position: relative;
	}
	.product_block.block03 .content-box02 .box02 h3 {
		position: absolute;
		bottom: 0;
		top: 75.37%;
		left: 4%;
		color: #fff;
		font-size: 113%;
	}
	.product_block.block03 .notes {
		width: 90%;
		margin: 20px auto;
	}
	.product_block.block03 .notes p {
		font-size: 10px;
	}

/* block04-----------------------------------------------------------------------*/
	.product_block.block04 {
		padding: 0 9% 3%;
		text-align: center;
		background-color: #f5fce4;
	}
	.product_block.block04 h3 {
		padding-top: 45px;
		margin-bottom: 10px;
		font-size: 25.86px;
	}
	.product_block.block04 p {
		font-size: 12.25px;
	}
	.product_block.block04 .content-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		text-align: center;
		width:100%;
		flex-basis: auto;
		margin-top: 37px;
	}
	.product_block.block04 .content-box .content h4 {
		margin-top: 5%;
		margin-bottom: 2%;
		font-size: 25.86px;
	}
	.product_block.block04 .content.box1 {
		padding-right: 1%;
		width: 100%;
	}
	.product_block.block04 .content.box2 {
		padding-left: 1%;
		width: 100%;
	}
	.product_block.block04 .content.notes p {
		font-size: 10px;
		text-align: center;
	}

/* block05-----------------------------------------------------------------------*/
	.product_block.block05 {
		padding: 6% 3% 3%;
		text-align: center;
	}
	.product_block.block05 h3 {
		margin-bottom: 1.5%;
		font-size: 25.86px;
	}
	.product_block.block05 p {
		font-size: 75%;
	}
	.product_block.block05 .content-box {
		display: flex;
		justify-content: space-between;
		text-align: left;
		padding: 0 10%;
		margin-top: 2%;
	}
	.product_block.block05 .content-box .content h3 {
		text-align: center;
	}
	.product_block.block05 .content-box .content h4 {
		margin-top: 5%;
		margin-bottom: 2%;
		font-size: 25.86px;
	}
	.product_block.block05 .content.box1 {
		padding-left: 10%;
		padding-top: 18%;
		width: 50%;
	}
	.product_block.block05 .image.box1 {
		width: 50%;
	}
	.product_block.block05 .content.box2 {
		padding-left: 10%;
		padding-top: 18%;
		width: 50%;
	}
	.product_block.block05 .image.box2 {
		width: 50%;
	}
	.product_block.block05 .notes p {
		font-size: 10px;
		text-align: center;
		margin-top: 40px;
	}
/* block06-----------------------------------------------------------------------*/
	.product_block.block06 {
		background-color: #f5f6f8;
		padding: 1.8%;
		text-align: center;
	}
	.product_block.block06 h3 {
		font-size: 21.78px;
		margin-top: 60px;
	}
	.product_block.block06 p {
		font-size: 12.25px;
		margin-bottom: 30px;
	}
/* block07-----------------------------------------------------------------------*/
	.product_block.block07 {
		background-color: #f5f6f8;
		padding: 3.8% 13%;
	}
	.product_block.block07 p {
		font-size: 12.25px;
		margin-top: 5%;
	}
	.product_block.block07 .content-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		text-align: center;
		width:100%;
		flex-basis: auto;
	}
	.product_block.block07 .content.box1, .product_block.block07 .content.box2 {
		width: 346px;
	}
	.product_block.block07 .content.box3, .product_block.block07 .content.box4, .product_block.block07 .content.box5 {
		width: 225px;
	}
	.product_block.block07 .content.notes p {
		font-size: 10px;
	}
	.product_block.block07-2 {
		background-color: #f5f6f8;
		padding: 0 3% 3.8%;
	}
/* block08-----------------------------------------------------------------------*/
	.product_block.block08 {
	}
	.product_block.block08 .box01 {
		position: relative;
		width:100%;
	}
	.product_block.block08 .box01 .content-wrap {
		position: absolute;
		width: 100%;
	}
	.product_block.block08 .box01 .content-wrap h3 {
		text-align: center;
		margin-top: 50px;
		font-size: 21.78px;
	}
	.product_block.block08 p {
		text-align: center;
		font-size: 12.25px;
		margin-top: 0.5%;
	}
	.product_block.block08 p span.number {
		font-size: 25px;
		font-family: "Noto Sans CJK JP";
		font-weight: normal;
	}
	.product_block.block08 .box01 .content-wrap .btn-box {
		width: 30%;
		margin: 0 auto;
		padding-top: 2%;
	}
	.product_block.block08 .content-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		text-align: center;
		width:100%;
		flex-basis: auto;
		padding: 2% 15%;
	}
	.product_block.block08 .content.box1 {
		width: 25%;
	}
	.product_block.block08 .content.box1 p {
		font-weight: bold;
		font-size: 17px;
		line-height: 1.3em;
	}
	.product_block.block08 .content.notes p {
		font-size: 10px;
		text-align: center;
		margin-top: -40px;
		color: #3c4043;
	}
/* block09-----------------------------------------------------------------------*/
	.product_block.block09 {
		margin-top: 80px;
		margin-bottom: 45px;
		text-align: center;
	}
	.product_block.block09 .content-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		text-align: center;
		width:100%;
		flex-basis: auto;
	}
	.product_block.block09 .content.box1 {
		width: 224px;
		margin: 1%;
	}
	.product_block.block09 .content.box1 h4 {
		font-size: 16.13px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.product_block.block09 .content.box1 p {
		font-size: 12px;
	}
	.product_box .product_block.block09 .notes {
		margin-top: 15px;
	}
/* block10-----------------------------------------------------------------------*/
	.product_block.block10 {
		padding-top: 45px;
		padding-bottom: 40px;
		text-align: center;
		background-color: #f5fce4;
	}
	.product_block.block10 p {
		text-align: center;
		font-size: 12.25px;
		margin-top: 0.5%;
		margin-bottom: 3%;
	}
	.product_box .product_block.block10 .notes p {
		text-align: center;
		margin-top: 40px;
		margin-bottom: 0;
		font-size: 10px;
	}
}
@media (max-width: 979px){
	#features .cmp-au-com-container__width__1column__980 > .cmp-au-com-container > .cmp-au-com-container__contents {
	  padding-right: 1%;
	  padding-left: 1%;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px) {

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 h2 {
		font-size: 210%;
	}
/* block02-----------------------------------------------------------------------*/
	.product_block.block02 {
	  padding: 3%;
	}
	.product_block.block02 .content-box .text {
	  font-size: 60%;
	}
	.product_block.block02 .content-box .content {
	  width: 26%;
	}
	.product_block.block02 h4 {
		font-size: 77%;
	}
/* block03-----------------------------------------------------------------------*/
	.product_block.block03 h3 {
	  font-size: 130%;
	}
	.product_block.block03 .content-box02 {
	  padding: 1.6% 0;
	}
	.product_block.block03 .content-box02 .box01 h3 {
		top: 66%;
		font-size: 90%;
	}
	.product_block.block03 .content-box02 .box02 h3 {
		top: 71%;
		font-size: 90%;
	}

/* block04-----------------------------------------------------------------------*/
	.product_block.block04 {
	  padding: 0 6% 3%;
	}
	.product_block.block04 h3 {
	  font-size: 130%;
	}
	.product_block.block04 .content-box .content h4 {
	  font-size: 110%;
	}
	.product_block.block04 .content p {
		font-size: 75%;
	}


/* block05-----------------------------------------------------------------------*/
	.product_block.block05 h3 {
	  font-size: 130%;
	}
	.product_block.block05 .content-box .content h4 {
	  font-size: 120%;
	}
	.product_block.block05 .content.box1 {
		padding-left: 6%;
		padding-top: 12%;
	}
	.product_block.block05 .content-box {
		padding: 0 10%;
	}
	.product_block.block05 .content.box2 {
		padding-right: 4%;
	}

/* block06-----------------------------------------------------------------------*/
	.product_block.block06 h3 {
	  font-size: 130%;
	}
/* block07-----------------------------------------------------------------------*/
	.product_block.block07 {
		padding: 3.8% 9%;
	}
	.product_block.block07 p {
		font-size: 65%;
	}
	.product_block.block07 .content.box1, .product_block.block07 .content.box2 {
		width: 290px;
	}
	.product_block.block07 .content.box3, .product_block.block07 .content.box4, .product_block.block07 .content.box5 {
		width: 190px;
	}
	.product_block.block07 .content.notes p {
		font-size: 10px;
		text-align: center;
	}
	.product_block.block07-2 {
		background-color: #f5f6f8;
		padding: 0 3% 3.8%;
	}
/* block08-----------------------------------------------------------------------*/

	.product_block.block08 .box01 .content-wrap h3 {
		margin-top: 40px;
		font-size: 130%;
	}
	.product_block.block08 p span.number {
		font-size: 20px;
	}
	.product_block.block08 .box01 .content-wrap .btn-box {
		width: 30%;
		margin: 0 auto;
		padding-top: 2%;
	}
	.product_block.block08 .content-box {
		padding: 2% 10%;
	}
	.product_block.block08 .content.box1 p {
		font-size: 90%;
	}
/*  btn-------------------------------------------------------------*/
	.btn_movie  {
		padding: 0;
		display: inline-block;
	}
	.btn_movie a {
		padding: 7% 10% 5% 25%;
		font-size: 100%;
	}
	.btn_movie::before {
		top: -2px;
		left: 10%;
		width: 33px;
		height: 33px;
	}
	.btn_movie::after {
		top: -2px;
		left: 15%;
		border: 7px solid transparent;
		border-left: 11px solid #fff;
	}
	.btn_movie:hover {
		padding: 4% 0;
	}
}

@media screen and (max-width: 767px) {
  .product_box .hidden-sp, .product_box02 .hidden-sp {
    display: none;
  }
  .product_box {
    margin-top: 30px;
  }
  .product_box {width: 100%; max-width: 640px; margin: 0 auto;}
  .product_block { display: block; width: 100%; margin: 0 auto; }
  .product_block img { display: block; /*width: 100%;*/ margin: 0 auto; }

	.product_box .notes p {
	  font-size: 3vw;
	  text-align: left;
	  padding-top: 10%;
	  padding-bottom: 10%;
	}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 {
		padding: 10% 2% 0;
		text-align: center;
	}
	.product_logo {
		margin-bottom: 10%;
	}
	.product_logo img {
		width: 43%;
	}
	.product_block.block01 h2 {
		font-size: 230%;
		color: #485861;
		padding-bottom: 5%;
		letter-spacing: -0.09em;
	}

/* block02-----------------------------------------------------------------------*/
	.product_block.block02 {
     text-align: center;
	  padding: 16% 4.6% 0.8%;
	}
	.product_block.block02 .content-box h4 {
		font-size: 160%;
	}
	.product_block.block02 .image img {
		width: 8%;
	}
	.product_block.block02 .content-box .image {
	  margin-bottom: 6%;
	}
	.product_block.block02 .content-box .text {
	  font-size: 4.5vw;
	  letter-spacing: -0.03em;
	  line-height: 1.5;
	}
	.product_block.block02 .content-box .content {
	  padding: 0.5% 0.5% 12% 0.5%;
	}
	.product_box .product_block.block02 .notes {
		padding-top: 0;
	}
	.product_box .product_block.block02 .notes p {
		padding-top: 0;
	}

/* block03-----------------------------------------------------------------------*/
	.product_block.block03 {

	}
	.product_block.block03 .content-box {
		position: relative;
		margin-bottom: 5%;
	}
	.product_block.block03 .content-box h3 {
		font-size: 7vw;
		position: absolute;
		top: 5%;
		right: 0;
		left: 0;
		text-align: center;
	}
	.product_block.block03 .content-box p {
		font-size: 4.9vw;
		bottom: 5%;
		letter-spacing: -0.03em;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
	}
	.product_block.block03 .content-box02 .box01 {
		position: relative;
		margin-bottom: 5%;
	}
	.product_block.block03 .content-box02 .box01 h3 {
		position: absolute;
		font-size: 5vw;
		color: #fff;
		bottom: 5%;
		left: 0;
		right: 0;
		text-align: center;
	}
	.product_block.block03 .content-box02 .box02 {
		position: relative;
		margin-bottom: 5%;
	}
	.product_block.block03 .content-box02 .box02 h3 {
		position: absolute;
		font-size: 5vw;
		color: #fff;
		bottom: 20%;
		left: 0;
		right: 0;
		text-align: center;
	}
	.product_block.block03 .notes p {
		font-size: 3vw;
		padding: 0;
	}
/* block04-----------------------------------------------------------------------*/
	.product_block.block04 {
		padding: 0 2.6% 6.5%;
		text-align: center;
		background-color: #f5fce4;
		margin-top: 9%;
	}
	.product_block.block04 h3 {
		font-size: 7vw;
		padding-top: 45px;
		line-height: 1.2em;
	}
	.product_block.block04 p {
		font-size: 4.2vw;
		margin: 5%;
	}
	.product_block.block04 h4 {
	  font-size: 5.5vw;
	  margin-top: 8%;
	}
	.product_block.block04 .content p {
		font-size: 4vw;
		margin-bottom: 8%;
	}
	.product_block.block04 .content.notes p {
		font-size: 3vw;
		margin-bottom: 0;
		padding: 0;
	}
	.product_block.block04 .text {
	  font-size: 3.8vw;
	  letter-spacing: -0.03em;
	  line-height: 1.5;
	}
/* block05-----------------------------------------------------------------------*/
	.product_block.block05 {
		padding: 6.5% 3.6% 4%;
		text-align: center;
	}
	.product_block.block05 h3 {
		font-size: 7vw;
		margin-top: 9%;
	}
	.product_block.block05 h4 {
	  font-size: 6vw;
	  margin-top: 10%;
	}
	.product_block.block05 .content p {
		font-size: 4.2vw;
		margin-bottom: 10%;
		letter-spacing: -0.05em;
	}
	.product_block.block05 .content.notes p {
		font-size: 3vw;
		padding: 0;
		margin-bottom: 5%;
	}
/* block06-----------------------------------------------------------------------*/
	.product_block.block06 {
		background-color: #f5f6f8;
		text-align: center;
	}
	.product_block.block06 h3 {
		font-size: 7vw;
		padding-top: 60px;
	}
	.product_block.block06 p {
		font-size: 4.2vw;
		margin-bottom: 10%;
		letter-spacing: -0.05em;
	}
/* block07-----------------------------------------------------------------------*/
	.product_block.block07 {
		padding: 10% 3.6% 4%;
		text-align: center;
		background-color: #f5f6f8;
	}
	.product_block.block07 h3 {
	  font-size: 7vw;
	  margin-top: 9%;
	}
	.product_block.block07 p {
		font-size: 4.2vw;
		letter-spacing: -0.05em;
		margin: 10% 0;
	}
	.product_block.block07 p.last {
		margin: 10% 0 0;
	}
	.product_block.block07 .content.notes p {
		font-size: 3vw;
		padding-top: 0;
		margin-bottom: 0;
	}
	.product_block.block07 .image {
	}
	.product_block.block07-2 {
		background-color: #f5f6f8;
		padding: 0 3.6% 4%;
	}
/* block08-----------------------------------------------------------------------*/
	.product_block.block08 .box01 {
		position: relative;
		width:100%;
	}
	.product_block.block08 .box01 .content-wrap {
		position: absolute;
		width: 100%;
	}
	.product_block.block08 .box01 .content-wrap h3 {
		font-size: 7vw;
		margin-top: 9%;
		text-align: center;
	}
	.product_block.block08 p {
		text-align: center;
		font-size: 4.2vw;
		margin-top: 4.5%;
	}
	.product_block.block08 .content-box {
		font-size: 4.2vw;
		padding-left:1em;
		text-indent:-1.3em;
		width: 75%;
		margin: 0 auto;
		padding-top: 7%;
	}
	.product_block.block08 .content-box p {
		text-align: left;
		margin-top: 0;
	}
	.product_block.block08 p span.number {
		font-family: "Noto Sans CJK JP";
		margin-right: 2%;
	}
	.product_block.block08 .content.notes p {
		color: #3c4043;
		font-size: 3vw;
		width: 90%;
		left: 5%;
		position: absolute;
		bottom: -2%;
		text-align: left;
	}
/* block09-----------------------------------------------------------------------*/
	.product_block.block09 {
		text-align: center;
		padding: 10% 4.6% 4%;
	}
	.product_block.block09 .box01 .content-wrap h3 {
		font-size: 7vw;
		margin-bottom: 5%;
	}
	.product_block.block09 .content.box1 h4 {
		font-size: 6vw;
		margin-top: 10%;
	}
	.product_block.block09 .content.box1 p {
		font-size: 4.2vw;
	}
	.product_box .product_block.block09 .notes {
		font-size: 3vw;
	}
/* block10-----------------------------------------------------------------------*/
	.product_block.block10 {
		padding: 0 2.6% 6.5%;
		text-align: center;
		background-color: #f5fce4;
	}
	.product_block.block10 h3 {
		font-size: 6vw;
		padding-top: 45px;
		line-height: 1.2em;
	}
	.product_block.block10 p {
		font-size: 3.5vw;
		margin: 3% 0 5%;
	}
	.product_block.block10 .content.notes p {
		font-size: 3vw;
		margin-bottom: 0;
		padding: 0;
		margin-top: 10%;
	}

/*  btn-------------------------------------------------------------*/

	.btn_movie a {
		padding: 4% 9% 4% 18%;
		font-size: 4vw;
	}
	.btn_movie {
		box-shadow: 3px 7px 3px rgba(0,0,0,0.2);
		padding: 5% 0;
	}
	.btn_movie::before {
		top: -1px;
		left: 3vw;
		width: 7.5vw;
		height: 7.5vw;
	}
	.btn_movie::after {
		top: -2px;
		left: 5.5vw;
		border: 2vw solid transparent;
		border-left: 3vw solid #fff;
	}
	.btn_movie:hover {
		padding: 4% 0;
	}
}


@media screen and (max-width:640px) {
  .product_block .text p { 
    font-size: 77% !important;
  }
}