@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 {
  margin-bottom: 1.5em;
  letter-spacing: -0.04em;
  font-size: 145%;
}
.product_box h4 {
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-size: 82%;
}
.product_box img {
  max-width: 100%;
}
.product_box .text {
  font-size: 80%;
}
.product_block {
  background-color: #fff;
}
.product_box .notes {
  font-size: 10px;
  text-align: left;
  padding-top: 45px;
	color: #9aa0a6;
}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 {
		text-align: center;
	}


/*  btn-------------------------------------------------------------*/
	.btn-box {
		width: 28%;
		margin: 0 auto;
	}
	.btn-box1 {
		width: 60%;
	}
	.btn-box2 {
		width: 28%;
		margin: 0 auto;
	}
	.btn_movie a {
		padding: 5% 16% 5% 26%;
		color: #fff;
		background-color: #007cf3;
		font-size: 85%;
		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: 14%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		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: 18%;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 8px solid #fff;
	}
	.btn_movie:hover {
		padding: 5% 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; }

/* block00-----------------------------------------------------------------------*/
	.product_block.block00 {
		padding: 3%;
		text-align: center;
	}
	.product_block.block00 .product_logo img {
		width: 18%;
	}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 {
		background-color: #ebffe6;
	}
	.product_block.block01 .content-box {
		display: flex;
		justify-content: space-between;
	}
	.product_block.block01 h2 {
		width: 48.347%;
		text-align: left;
		font-size: 240%;
		padding: 9% 0 9% 9%;
	}
	.product_block.block01 .product_img {
		width: 51.653%;
		text-align: left;
	}
	.product_block.block01 .product_img img {
		width: 89%;
	}

/* block02-----------------------------------------------------------------------*/
	.product_block.block02 {
     text-align: center;
	  padding: 5%;
	}
	.product_block.block02 h3 {
     margin-bottom: 1em;
	}
	.product_block.block02 .content-box {
	  display: flex;
	  justify-content: space-between;
	}
	.product_block.block02 .content-box .content {
	  width: 24%;
	}
	.product_block.block02 .content-box .image {
	  padding: 0 43%;
	}
	.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: center;
		padding: 3%;
		display: flex;
		justify-content: space-between;
		background-color: #f3f3f3;
	}
	.product_block.block03 .image {
		width: 50%;
	}
	.product_block.block03 .image img {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.product_block.block03 h3 {
	    margin-bottom: 10px;
	}
	.product_block.block03 .content-box {
		width: 50%;
		background-color: #676d6a;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		color: #fff;
		display: flex;
		align-items: center;
	}
	.product_block.block03 .content {
		width: auto;
		padding: 17%;
		text-align: left;
	}
	.product_block.block03 .content h4 {
		font-size: 100%;
		margin-bottom: 3%;
	}
	.product_block.block03 p {
		font-size: 75%;
	}
	.product_block.block03 .content p {
		line-height: 1.5;
	}

/* block04-----------------------------------------------------------------------*/
	.product_block.block04 {
		text-align: center;
		padding: 3%;
		display: flex;
		justify-content: space-between;
		background-color: #f3f3f3;
	}
	.product_block.block04 .image {
		width: 50%;
	}
	.product_block.block04 .image img {
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.product_block.block04 h3 {
	    margin-bottom: 10px;
	}
	.product_block.block04 .content-box {
		width: 50%;
		background-color: #eff7ed;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		display: flex;
		align-items: center;
	}
	.product_block.block04 .content {
		width: auto;
		padding: 8%;
		text-align: left;
	}
	.product_block.block04 .content h4 {
		font-size: 100%;
		margin-bottom: 3%;
	}
	.product_block.block04 p {
		font-size: 75%;
	}
	.product_block.block04 .content p {
		line-height: 1.5;
		margin-bottom: 5%;
	}
	.product_block.block04  p.notes {
		padding: 0;
		font-size: 53%;
		margin-bottom: 0;
	}

/* block05-----------------------------------------------------------------------*/
	.product_block.block05 {
		padding: 3% 9%;
		background-color: #fdecec;
	}
	.product_block.block05 .content-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.product_block.block05 .content-box .content {
		width: 33%;
		margin-right: 7%;
	}
	.product_block.block05 .content-box .content.box3 {
		margin-right: 0;
	}
	.product_block.block05 .content-box .content h4 {
		margin-top: 20px;
		margin-bottom: 3%;
		font-size: 100%;
	}
	.product_block.block05 .content-box .content p {
		font-size: 65%;
	}
	.product_box .product_block.block05 p.notes {
		font-size: 8.5px;
		padding-top: 20px;
	}

/* block06-----------------------------------------------------------------------*/
	.product_block.block06 {
		padding: 3% 9% 60px;
		background-color: #fdecec;
	}
	.product_block.block06 h4 {
		margin-top: 20px;
		margin-bottom: 1%;
		font-size: 100%;
	}
	.product_block.block06 p {
		font-size: 65%;
	}
	.product_block.block06 p.notes {
		font-size: 90%;
		padding-top: 0;
	}

/* block07-----------------------------------------------------------------------*/

	.product_block.block07 {
		text-align: center;
		padding: 3%;
		display: flex;
		justify-content: space-between;
		background-color: #f3f3f3;
	}
	.product_block.block07 .image {
		width: 50%;
	}
	.product_block.block07 .image img {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.product_block.block07 h3 {
	    margin-bottom: 10px;
	}
	.product_block.block07 .content-box {
		width: 50%;
		background-color: #f0eada;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		display: flex;
		align-items: center;
	}
	.product_block.block07 .content {
		width: auto;
		padding: 8%;
		text-align: left;
	}
	.product_block.block07 .content h4 {
		font-size: 100%;
		margin-bottom: 3%;
	}
	.product_block.block07 p {
		font-size: 75%;
	}
	.product_block.block07 .content p {
		line-height: 1.5;
		margin-bottom: 5%;
	}
	.product_block.block07  p.notes {
		padding: 0;
		font-size: 53%;
		margin-bottom: 0;
	}

/* block08-----------------------------------------------------------------------*/
	.product_block.block08 {
		position: relative;
		text-align: left;
		height: 1261px;
		z-index: 1;
		background-color: #f8e6d2;
	}
	.product_block.block08 h3 {
		padding-top: 60px;
		margin-bottom: 1%;
		padding-left: 10%;
	}
	.product_block.block08 .content-box.col01 {
		position: relative;
		top: -6%;
		height: 100%;
	}
	.product_block.block08 .content-box .content {
		width: 22%;
		position: absolute;
		text-align: center;
	}
	.product_block.block08 .content-box .content.box1 {
		left: 67%;
	}
	.product_block.block08 .content-box .content.box2 {
		left: 38%;
		top: 18%;
	}
	.product_block.block08 .content-box .content.box3 {
		left: 67%;
		top: 40%;
	}
	.product_block.block08 .content-box .content.box4 {
		left: 38%;
		top: 57%;
	}
	.product_block.block08 h4 {
		font-size: 96%;
		  margin-top: 20px;
	}
	.product_block.block08 p {
		font-size: 74%;
	}
	.product_block.block08 .notes {
		position: absolute;
		bottom: 2%;
		right: 2%;
		font-size: 11px;
		padding: 0 8%;
	}

/* block09-----------------------------------------------------------------------*/
	.product_block.block09 {
		text-align: left;
		padding: 3% 3% 0;
	}
	.product_block.block09 .content-box {
		padding: 8.4% 8.4% 0;
	}
	.product_block.block09 .image {
		width: 45%;
		display: table-cell;
	}
	.product_block.block09 .content {
		width: 55%;
		padding-left: 13%;
		display: table-cell;
		vertical-align: middle;
	}
	.product_block.block09 .content h3 {
    margin-bottom: 3%;
	}
	.product_block.block09 .icon-box {
		display: flex;
		margin-top: 20px;
		text-align: center;
	}
	.product_block.block09 .content-icon {
		width: 33.3%;
	}
	.product_block.block09 .content-icon img {
		width: 33%;
		margin-bottom: 5px;
	}
	.product_block.block09 .content-icon p {
		font-size: 100%;
		font-weight: bold;
	}
	.product_block.block09 p {
		font-size: 75%;
	}
	.product_block.block09 .notes {
		font-size: 53%;
	}
}


@media screen and (max-width: 979px) and (min-width: 768px) {
/*  btn-------------------------------------------------------------*/
	.btn_movie::before {
		left: 11%;
	}
	.btn_movie::after {
		left: 15.5%;
	}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 h2 {
		font-size: 170%;
	}

/* 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: 68%;
	}

/* block03-----------------------------------------------------------------------*/
	.product_block.block03 .content p {
		font-size: 64%;
	}
	.product_block.block03 .content h3 {
	  font-size: 135%;
	}

/* block04-----------------------------------------------------------------------*/
	.product_block.block04 .content h3 {
	  font-size: 135%;
	}
	.product_block.block04 .content h4 {
	  font-size: 75%;
	}
	.product_block.block04 .content p {
		font-size: 50%;
	}
	.product_block.block04 .content p.notes {
		font-size: 37%;
	}

/* block05-----------------------------------------------------------------------*/
	.product_block.block05 {
		padding: 9% 3% 3%;
	}
	.product_block.block05 .content-box .content {
		margin-right: 3%;
	}
	.product_block.block05 .content-box .content p {
		font-size: 58%;
	}
	.product_box .product_block.block05 p.notes {
		font-size: 8.5px;
		padding-top: 20px;
	}

/* block06-----------------------------------------------------------------------*/
	.product_block.block06 {
		padding: 9% 3% 3%;
		text-align: center;
	}
	.product_block.block06 .content-box .content p {
		font-size: 76%;
	}

/* block07-----------------------------------------------------------------------*/
	.product_block.block07 .content h3 {
	  font-size: 135%;
	}
	.product_block.block07 .content h4 {
	  font-size: 75%;
	}
	.product_block.block07 .content p {
		font-size: 50%;
	}
	.product_block.block07 .content p.notes {
		font-size: 37%;
	}

/* block08-----------------------------------------------------------------------*/
	.product_block.block08 {
		height: 1100px;
	}
	.product_block.block08 h3 {
		padding-top: 30px;
		padding-left: 7%;
	}
	.product_block.block08 h4 {
		font-size: 86%;
	}
	.product_block.block08 p {
		font-size: 66%;
	}
	.product_block.block08 .content-box .content {
		width: 30%;
	}
	.product_block.block08 .content-box .content.box1 {
		left: 67%;
	}
	.product_block.block08 .content-box .content.box2 {
		left: 30%;
		top: 7%;
	}
	.product_block.block08 .content-box .content.box3 {
		left: 67%;
		top: 45%;
	}
	.product_block.block08 .content-box .content.box4 {
		left: 30%;
		top: 53%;
	}

}


@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 { position: relative; display: block; width: 100%; margin: 0 auto; }
  .product_block img { display: block; /*width: 100%;*/ margin: 0 auto; }

	.product_box .notes p {
	  font-size: 2.8vw;
	  text-align: left;
	  padding-top: 10%;
	  padding-bottom: 10%;
	}
	.product_box .notes {
	  padding-top: 0;
	}
	.product_box h3 {
	  margin-bottom: 1.5em;
	  letter-spacing: -0.04em;
	  font-size: 220%;
	}

/*  btn-------------------------------------------------------------*/
	.btn-box, .btn-box1, .btn-box2 {
		width: 100%;
	}
	.btn-box {
		margin-bottom: 15% !important;
	}
	.btn-box1 {
		margin-top: 1.5em;
	}
	.btn_movie a {
		padding: 4% 18% 4% 28%;
		font-size: 150%;
	}
	.btn_movie {
		box-shadow: 3px 7px 3px rgba(0,0,0,0.2);
		padding: 5% 0;
	}
	.btn_movie::before {
		top: -5px;
		left: 15%;
		width: 33px;
		height: 33px;
	}
	.btn_movie::after {
		top: -5px;
		left: 18.5%;
		border: 7px solid transparent;
		border-left: 13px solid #fff;
	}
	.btn_movie:hover {
		padding: 4% 0;
	}

/* block00-----------------------------------------------------------------------*/
	.product_block.block00 {
		padding-top: 6%;
	}
	.product_logo {
		margin-bottom: 10%;
	}
	.product_logo img {
		width: 44%;
	}

/* block01-----------------------------------------------------------------------*/
	.product_block.block01 {
	}
	.product_block.block01 h2 {
		font-size: 230%;
		padding-bottom: 10%;
		letter-spacing: -0.09em;
	}

/* block02-----------------------------------------------------------------------*/
	.product_block.block02 {
     text-align: center;
	  padding: 16% 4.6% 0.8%;
	}
	.product_block.block02 h3 {
		font-size: 150%;
	}
	.product_block.block02 .content-box h4 {
		font-size: 130%;
	}
	.product_block.block02 .image img {
		width: 9%;
	}
	.product_block.block02 .content-box .image {
	  margin-bottom: 6%;
	}

	.product_block.block02 .content-box .content {
	  padding: 0.5% 0.5% 10% 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 {
		padding: 8% 4.6% 0.8%;
		text-align: center;
		border-radius: 30px;
		background-color: #676d6a;
		color: #fff;
	}
	.product_block.block03 h3 {
		font-size: 7vw;
		margin-bottom: 0;
	}
	.product_block.block03 .image {
		margin-top: 30px;
	}
	.product_block.block03 .content-box {
		margin-top: 20px;
	}
	.product_block.block03 p {
		font-size: 4.2vw;
		letter-spacing: -0.03em;
	}
	.product_block.block03 .content {
		margin-bottom: 5%;
	}

/* block04-----------------------------------------------------------------------*/
	.product_block.block04 {
		padding: 8% 0 0.8%;
		text-align: center;
		border-radius: 30px;
		background-color: #eff7ed;
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.product_block.block04 .image.hidden-pc {
		display: block;
	}
	.product_block.block04 h3 {
	  font-size: 7vw;
	  margin-top: 9%;
	}
	.product_block.block04 .image {
		margin-top: 30px;
	}
	.product_block.block04 .content {
		padding: 0 4.6% 4%;
	}
	.product_block.block04 .content p {
		font-size: 4.2vw;
		margin-bottom: 12%;
	}
	.product_block.block04 h4 {
	  font-size: 6vw;
	  margin-top: 12%;
	}
	.product_block.block04 .content p.notes {
		font-size: 2.8vw;
		margin-bottom: 0;
		padding: 0;
	}

/* block05-----------------------------------------------------------------------*/
	.product_block.block05 {
		padding: 6.5% 4.6% 1%;
		background-color: #fdecec;
	}
	.product_block.block05 h3 {
		font-size: 7vw;
		margin-top: 9%;
		margin-bottom: 4%;
	}
	.product_block.block05 h4 {
	  font-size: 6vw;
	  margin-top: 8%;
	}
	.product_block.block05 .content p {
		font-size: 4.2vw;
		margin-bottom: 12%;
		letter-spacing: -0.05em;
	}
	.product_block.block05 .content p.notes {
		font-size: 3vw;
		margin-bottom: 0;
		padding-top: 0;
	}

/* block06-----------------------------------------------------------------------*/
	.product_block.block06 {
		padding: 1% 4.6% 0;
		background-color: #fdecec;
	}
	.product_block.block06 h4 {
		font-size: 6vw;
		margin-top: 8%;
	}
	.product_box .product_block.block06 .notes p {
	  padding-bottom: 60px;
	}

/* block07-----------------------------------------------------------------------*/
	.product_block.block07 {
		padding: 8% 0 0.8%;
		text-align: center;
		border-radius: 30px;
		background-color: #f0eada;
		margin: 20px 3%;
		width: auto;
	}
	.product_block.block07 h3 {
	  font-size: 7vw;
	  margin-top: 9%;
	}
	.product_block.block07 .image {
		margin-top: 30px;
	}
	.product_block.block07 .content {
		padding: 0 4.6% 4%;
	}
	.product_block.block07 .content p {
		font-size: 4.2vw;
		margin-bottom: 12%;
	}
	.product_block.block07 h4 {
	  font-size: 6vw;
	  margin-top: 12%;
	}
	.product_block.block07 .content p.notes {
		font-size: 2.8vw;
		margin-bottom: 0;
		padding: 0;
	}

/* block08-----------------------------------------------------------------------*/
	.product_block.block08 {
		padding: 1% 4.6%;
		background-color: #f8e6d2;
	}
	.product_block.block08 h3 {
		text-align: center;
		font-size: 7vw;
		margin-top: 9%;
	}
	.product_block.block08 h4 {
		font-size: 6vw;
		margin-top: 10%;
	}
	.product_block.block08 .content p {
		font-size: 4.2vw;
		margin-bottom: 12%;
	}
	.product_block.block08 .content.notes p {
		font-size: 2.8vw;
		padding-bottom: 0;
	}

/* block09-----------------------------------------------------------------------*/
	.product_block.block09 {
		padding: 4.6%;
	}
	.product_block.block09 h3 {
		text-align: center;
		font-size: 7vw;
		margin-top: 9%;
	}
	.product_block.block09 .content p {
		font-size: 4.2vw;
		margin-bottom: 12%;
	}
	.product_block.block09 .notes {
		font-size: 2.8vw;
		padding-bottom: 0;
		margin-top: 11%;
	}
	.product_block.block09 .hidden-pc {
		  display: block;
	}
}


@media screen and (max-width:640px) {
  .product_block .text p { 
    font-size: 77% !important;
  }
/*  btn-------------------------------------------------------------*/
	.btn_movie a {
		padding: 4% 18% 4% 28%;
		font-size: 120%;
	}
	.btn_movie {
		box-shadow: 3px 7px 3px rgba(0,0,0,0.2);
		padding: 5% 0;
	}
	.btn_movie::before {
		top: -2px;
		left: 10%;
		width: 33px;
		height: 33px;
	}
	.btn_movie::after {
		top: -2px;
		left: 14.5%;
		border: 7px solid transparent;
		border-left: 13px solid #fff;
	}
}