@charset "UTF-8";
/* CSS Document */

.present_header {
	/*background: url("../img/crp-main-bg.jpg") no-repeat center top;*/
	background:url(../img/20211011/crp-main-bg.jpg) no-repeat center top;
	width:100%;
	height: 465px;
	padding: 0;
}

@media screen and (max-width: 767px) {
.present_header{
	position: relative;
	background:url(../img/s/20211011/crp-main-bg-sp.png) no-repeat center top;
	background-size: cover;
	width:100%;
	height: 0;
	padding-bottom: 170.90%;
}

}

.header_day{
	margin:226px auto 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 330px;
	height: 25px;
	/*background:url(../img/20210325/crp-day.png) no-repeat center top;*/
	background-size: contain;
}

@media screen and (max-width: 767px) {
.header_day{
	position: absolute;
	bottom:0.3%;
	left:0;
	right:0;
	margin:0 auto;
	padding: 0;
	width: 66.4%;
	height: 0;
	background-size:contain;
	padding-bottom: 8.03%;
}
}

#crp-product {
	width: 770px;
    margin: 0 auto;
	}
@media screen and (max-width: 767px) {
#crp-product {
	width: 100%;
    margin: 0 auto;
	}
}
.touroku {
	width: 770px;
	margin:0 auto;}
@media screen and (max-width: 767px) {
.touroku {
	width: 100% !important;
	margin:0 auto;
	font-size: 12px;
	color: #999;
	padding: 5px 8px !important;
	box-sizing: border-box !important;
	}
}
/**/
#crp-product .crp-product-left {
	/*width:376px;*/
	width:196px;
	float: left;
}
#crp-product .crp-product-right {
	width:574px;
	/*width:394px;*/
	float: right;
}

#crp-product .crp-product-left-left,
#crp-product .crp-product-left-right,
#crp-product .crp-product-right-left,
#crp-product .crp-product-right-right {
	/*width: 182px;*/
	width:178px;
	height:auto;
	text-align: center;
	padding-bottom:20px;
}

.crp-product-right-right.add2021 {
	float: left !important;
	margin-left:20px;
}


#crp-product img.crp-product-pop {
	 margin-left:0px; 
	position: relative;
	z-index: 8;
}

#crp-product img.crp-product1-img {
	width:208px;
	/*margin-top: -53px;*/
	margin-top: 0px;
	position: relative;
	z-index: 5;
}
#crp-product img.crp-product2-img {
	width:232px;
	margin-top: 0px;
	position: relative;
	z-index: 6;
}
#crp-product img.crp-product34-img {
	width:232px;
	/*margin-top: -10px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}
#crp-product img.crp-product35-img {
	width:232px;
	/*margin-top: -25px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}
#crp-product img.crp-product36-img {
	width:232px;
	/*margin-top: -35px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}



#crp-product img.crp-product-cmt {
	/*width:110px;*/
	width:inherit;
	margin-bottom:15px;
}

#crp-product img.crp-product-cmt.add2021 {
	/*width:110px;*/
	width:150px;
	margin-top:3px;
}

/**/
#crp-product .crp-product-left-left {
	background:url(../img/20210325/crp-p1-bg.png) no-repeat center bottom;
	background-size:cover;
}
#crp-product .crp-product-left-right {
	background: url(../img/20210325/crp-p2-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-left {
	background: url(../img/20210325/crp-p3-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-right {
	background: url(../img/20210325/crp-p4-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-right.add2021bg {
	background:url(../img/20210325/crp-p5-bg.png) no-repeat center bottom;
	background-size: cover;
}


@media screen and (max-width: 767px) {
#crp-product .crp-product-left {
	width:100%;
	float:none;
}
#crp-product .crp-product-right {
	width:100%;
	float:none;
}

#crp-product .crp-product-left-left,
#crp-product .crp-product-left-right,
#crp-product .crp-product-right-left,
#crp-product .crp-product-right-right {
	width: 94.66%;
	height: auto;
	margin:10px auto;
	padding-top: 100%;
	position: relative;
}

.crp-product-right-right.add2021 {
	float:none !important;
	margin-left:0;
}

#crp-product img.crp-product-pop {
	position: absolute;
	top:5%;
	left:8%;
	margin:0;
	width:42.82%;
}

#crp-product img.crp-product1-img {
	width:43.38%;
	margin-top: 0;
	position: absolute;
	top:4.8%;
	right:8%;
}
#crp-product img.crp-product2-img {
	width:49.01%;
	margin-top: 0;
	position: absolute;
	top:8.0%;
	right:4.27%;
}
#crp-product img.crp-product34-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:7.0%;
	right:5.63%;
}
#crp-product img.crp-product35-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:3.6%;
	right:5.63%;
}
#crp-product img.crp-product36-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:4.0%;
	right:5.63%;
}


#crp-product img.crp-product-cmt {
	position: absolute;
	bottom:40%;
	left:8.53%;
	width:38.30%;
	margin-bottom:0;
}

#crp-product img.crp-product-cmt.add2021 {
	/*width:110px;*/
	width:38.30%;
	margin-top:0;
}

#crp-product .crp-product-left-left {
	background:url(../img/s/crp-p1-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-left-right {
	background: url(../img/s/crp-p2-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-right-left {
	background: url(../img/s/crp-p3-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-right-right {
	background: url(../img/s/crp-p4-bg.png) no-repeat center bottom;
	background-size: contain;
}

#crp-product .crp-product-right-right.add2021bg {
	background:url(../img/s/20210325/crp-p5-bg.png) no-repeat center bottom;
	background-size: contain;
}

}

/* ===========================================
	MODAL
=========================================== */
.modal-inner .crp-pop-title2,
.modal-inner .crp-pop-txt2,
.modal-inner .crp-pop-copy2,
.modal-inner .crp-pop-illust2,
.modal-inner .crp-pop-graph2,
.modal-inner .crp-pop-btn2 {
	position: absolute;
}

.modal-inner#modal-5 {
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	left: 0;
	width: 100%;
	padding: 0;
}

.modal-inner#modal-5.active {
	display: -webkit-box;
	display: flex;
}
.modal-inner#modal-3 .modal-content {
	width: 970px;
	height: 600px;
	padding: 0;
	position: relative;
	background:url(../img/20210325/crp-pop3-bg.png) no-repeat center top;
}
.modal-inner#modal-5 .modal-content {
	width: 970px;
	height: 300px;
	padding: 0;
	position: relative;
}

/* MODALMediaQueries  */
@media screen and (max-width: 767px) {


.modal-inner#modal-3 .modal-content {
	/*widh:94.66% !important;*/
	height:auto;
	margin: 20px 10px 80px;
	background:url(../img/s/20210325/crp-pop3-bg.png) no-repeat center top;
	background-size:contain;
}

.modal-inner#modal-5 .modal-content {
	width: 100%;
	height: auto;
	margin: 20px 0 80px 0;
}
}

/* Modal detail */
.modal-content-bg3 {widh:970px; height: 300px; background:none;}
.modal-content-bg5 {widh:970px; height: 300px; background:url(../img/20210325/crp-pop5-bg.png) no-repeat center top;}

.modal-content-bg5 {
	position: relative;
}
.modal-content-bg3 .crp-pop-title.add {width:248px; top:24px; left:44px;}
.modal-content-bg5 .crp-pop-title {width:323px; top:54px; left:20px;}

.modal-content-bg3 .crp-pop-txt.add {top:154px;}
.modal-content-bg5 .crp-pop-txt {width:321px; top:200px; left:20px;}

.modal-content-bg3 .crp-pop-copy.add {width:410px;top:10px; }
.modal-content-bg5 .crp-pop-copy {width:422px; top:18px; left:375px;}

.modal-content-bg3 .crp-pop-illust.add {width:446px; bottom:30px; left:436px;}
.modal-content-bg5 .crp-pop-illust {width:326px; top:63px; padding:0 48px}

.modal-content-bg5 .crp-pop-graph.add {width:174px; bottom:95px; right:0;}

/* MODALMediaQueries  */
@media screen and (max-width: 767px) {
.modal-content-bg3 {widh:94.66%; height: auto; background:none;padding-top: 174.40%}
.modal-content-bg3.add {widh:94.66%; height: auto; background:none;padding-top: 100%}
.modal-content-bg5 {widh:94.66%; height: auto; background:url(../img/s/20210325/crp-pop5-bg.png) no-repeat center top; padding-top: 182.0%;}

.modal-content-bg5 {
	position: relative;
	background-size:contain;
}

.modal-content-bg3 .add-ttl-box {
	position:absolute;
	top:5.73%;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	/*background:#1da1e7;*/

}

.modal-content-bg3 .crp-pop-title.add {width:48%; height:auto; position:static;}
.modal-content-bg3 .crp-pop-title {top:2.0%;}
.modal-content-bg5 .crp-pop-title {width:81%; top:3.73%; left:0; right:0; margin: 0 auto;}

.modal-content-bg3 .crp-pop-txt.add {width:43%; position:static;}
.modal-content-bg3 .crp-pop-txt {top:23.0%;width:80%;}
.modal-content-bg5 .crp-pop-txt {width:86%;top:22.5%; left:0;}

.modal-content-bg3 .crp-pop-copy.add {width:90.27%; top:37.0%; left:0; right:0; margin: 0 auto;}
.modal-content-bg5 .crp-pop-copy {width:85.27%; top:35.0%; left:0; right:0; margin: 0 auto;}

.modal-content-bg3 .crp-pop-illust.add {width:90%; top:49.0%; padding:0; left:0;}
.modal-content-bg5 .crp-pop-illust {width:84%; top:40.5%; padding:0 }

.modal-content-bg5 .crp-pop-graph.add {width:42.87%; bottom:0.15%; left:6.5%;}
}

/**/
.btn-inq-list {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	/*background:#e4c5c5;*/
}

.btn-inq-list li {
	margin:0 !important;
	margin-right:10px !important;
	margin-top:10px !important;
	width:49%;
	list-style:none !important;
}

.btn-inq-list li:nth-child(2n) {
 margin-right:0 !important;
}

.btn-inq-list li:nth-child(-n+2) {
 margin-top:0 !important;
}

.btn-inq-list li p {
	padding:5px 0;
	background:#003592;
	/*padding: 10px 24px;*/
	color: #fff;
	font-size: 14px;
	text-align:center;
	/*line-height: 1;*/
	/*text-decoration: none;*/
	border-radius: 5px;
	/*margin: 20px 0 0 0;*/
}

.btn-inq-list li a {
	display:block;
	text-decoration:none !important;
}

.btn-inq-list li a:hover {
	opacity:0.7;
	border-radius: 5px;
}

@media screen and (max-width: 767px) {
.btn-inq-list {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	/*background:#e4c5c5;*/
}

.btn-inq-list li {
	margin-right:0 !important;
	margin-top:0 !important;
	margin-bottom:10px !important;
	width:100%;
}

.btn-inq-list li:nth-child(2n) {
 margin-right:0 !important;
}

.btn-inq-list li:nth-child(-n+2) {
 margin-bottom:10px !important;
}	
}