/* CSS Document */

.c_green {
	color: #00b900;
}
.c_darkred {
	color: #bf0000;
}
.c_yellow {
	color: #fbe926;
}
.c_orange {
	color: #e87132;
}
.line_red {
	border-bottom: 1px solid #ea3a8e;
}

/* ---------------------------------------------------------------------------------------------------- */


@media (min-width:751px){


.wrap {
	overflow: hidden;
}

.img_hidden {
	opacity: 0;
	transition: 1s;
}
.img_open {
	-moz-animation: imgfade 1s linear 0s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0s 1 normal forwards;
	-o-animation: imgfade 1s linear 0s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0s 1 normal forwards;
}
.img_open.ih2 {
	-moz-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.3s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.3s 1 normal forwards;
}
.img_open.ih3 {
	-moz-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.6s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.6s 1 normal forwards;
}
.img_open.ih4 {
	-moz-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-o-animation: imgfade 1s linear 0.9s 1 normal forwards;
	-ms-animation: imgfade 1s linear 0.9s 1 normal forwards;
}
.img_open.ih5 {
	-moz-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-webkit-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-o-animation: imgfade 1s linear 1.2s 1 normal forwards;
	-ms-animation: imgfade 1s linear 1.2s 1 normal forwards;
}

.showup {
	opacity: 0;
	transition: 1s;
	transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.upview {
	-moz-animation: showup 0.6s linear 0s 1 normal forwards;
	-webkit-animation: showup 0.6s linear 0s 1 normal forwards;
	-o-animation: showup 0.6s linear 0s 1 normal forwards;
	-ms-animation: showup 0.6s linear 0s 1 normal forwards;
}
.upview.uv2 {
	-moz-animation: showup 0.6s linear 0.3s 1 normal forwards;
	-webkit-animation: showup 0.6s linear 0.3s 1 normal forwards;
	-o-animation: showup 0.6s linear 0.3s 1 normal forwards;
	-ms-animation: showup 0.6s linear 0.3s 1 normal forwards;
}
.upview.uv3 {
	-moz-animation: showup 0.6s linear 0.6s 1 normal forwards;
	-webkit-animation: showup 0.6s linear 0.6s 1 normal forwards;
	-o-animation: showup 0.6s linear 0.6s 1 normal forwards;
	-ms-animation: showup 0.6s linear 0.6s 1 normal forwards;
}
.upview.uv4 {
	-moz-animation: showup 0.6s linear 0.9s 1 normal forwards;
	-webkit-animation: showup 0.6s linear 0.9s 1 normal forwards;
	-o-animation: showup 0.6s linear 0.9s 1 normal forwards;
	-ms-animation: showup 0.6s linear 0.9s 1 normal forwards;
}
.upview.uv5 {
	-moz-animation: showup 0.6s linear 1.2s 1 normal forwards;
	-webkit-animation: showup 0.6s linear 1.2s 1 normal forwards;
	-o-animation: showup 0.6s linear 1.2s 1 normal forwards;
	-ms-animation: showup 0.6s linear 1.2s 1 normal forwards;
}

.showdown {
	opacity: 0;
	transition: 1s;
	transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}
.downview {
	-moz-animation: showdown 0.6s linear 0s 1 normal forwards;
	-webkit-animation: showdown 0.6s linear 0s 1 normal forwards;
	-o-animation: showdown 0.6s linear 0s 1 normal forwards;
	-ms-animation: showdown 0.6s linear 0s 1 normal forwards;
}
.downview.dv2 {
	-moz-animation: showdown 0.6s linear 0.3s 1 normal forwards;
	-webkit-animation: showdown 0.6s linear 0.3s 1 normal forwards;
	-o-animation: showdown 0.6s linear 0.3s 1 normal forwards;
	-ms-animation: showdown 0.6s linear 0.3s 1 normal forwards;
}
.downview.dv3 {
	-moz-animation: showdown 0.6s linear 0.6s 1 normal forwards;
	-webkit-animation: showdown 0.6s linear 0.6s 1 normal forwards;
	-o-animation: showdown 0.6s linear 0.6s 1 normal forwards;
	-ms-animation: showdown 0.6s linear 0.6s 1 normal forwards;
}
.downview.dv4 {
	-moz-animation: showdown 0.6s linear 0.9s 1 normal forwards;
	-webkit-animation: showdown 0.6s linear 0.9s 1 normal forwards;
	-o-animation: showdown 0.6s linear 0.9s 1 normal forwards;
	-ms-animation: showdown 0.6s linear 0.9s 1 normal forwards;
}

.showleft {
	opacity: 0;
	transition: 1s;
	transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
}
.leftview {
	-moz-animation: showleft 1s linear 0s 1 normal forwards;
	-webkit-animation: showleft 1s linear 0s 1 normal forwards;
	-o-animation: showleft 1s linear 0s 1 normal forwards;
	-ms-animation: showleft 1s linear 0s 1 normal forwards;	
}

.showright {
	opacity: 0;
	transition: 1s;
	transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
}
.rightview {
	-moz-animation: showright 1s linear 0s 1 normal forwards;
	-webkit-animation: showright 1s linear 0s 1 normal forwards;
	-o-animation: showright 1s linear 0s 1 normal forwards;
	-ms-animation: showright 1s linear 0s 1 normal forwards;
}


	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-moz-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }

	@-moz-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }


	#fnav {
		top: -200px ;
	}
	#subnav {
		z-index: 20;
	}
	#subnav_f {
		z-index: 20;
	}
	.btn_rt_pre {
	    position: absolute;
	    right: 0;
	    left: 0;
	    margin: auto;
	    display: inline-block;
	    width: fit-content;
	    top: 70px;
		z-index: 10;
	}
	header .btn_rt_pre {
		top: 93px;
	}
	article {
		font-family: "Noto Sans JP", sans-serif;
		color: #333;
		line-height: 1.5;
	}
	.w1100 { width: 1100px; margin: 0 auto; }



/* #p1
------------------------------------------------------------------------------------------------ */
	#p1 {
		padding-top: 35px;
		background-color: #00b900;
		position: relative;
		margin-bottom: 10vw;
	}
	#common5 {
		position: relative;
		margin-bottom: 190px;
	}
	.japanmap {
		position: absolute;
		bottom: -140px;
		left: -50px;
		z-index: 5;
	}
	#nayami {
		padding: 70px 90px 100px;
		background: url('../images/rakuten_customize/bg_wave_up.png') center top repeat-x,
		url('../images/rakuten_customize/bg_wave_bottom.png') center bottom repeat-x;
		background-color: #dff2fc;
		position: relative;
		margin-bottom: 50px;
	}
	.toi {
		color: #ea3a8e;
		font-size: 34px;
		line-height: 1.5;
		width: fit-content;
		margin: 0 auto 50px;
		font-weight: bold;
		margin-bottom: 110px;
	}
	.toi .c_green {
		font-size: 42px;
	}
	.toi .c_darkred.namisen {
		background: url('../images/rakuten_customize/line_namisen.svg') left bottom repeat-x;
	}
	#nayami h3 {
		font-size: 40px;
		margin-bottom: 110px;
	}
	#nayami ul {
	}
	#nayami ul li {
		margin-bottom: 35px;
		font-size: 24px;
		font-weight: bold;
	}
	#nayami .mayami_img {
		position: absolute;
		bottom: 140px;
		right: -80px;
		z-index: 5;
	}
	#wake {

	}
	#wake p {
		text-align: center;
		font-size: 22px;
		margin-bottom: 15px;
		color: #FFF;
	}
	#wake h4 {
		text-align: center;
		font-size: 56px;
		line-height: 1.5;
		color: #FFF;
		width: fit-content;
		margin: auto;
		position: relative;
	}
	#wake h4::before {
		content: "";
		display: inline-block;
		width: 48px;
		height: 42px;
		background: url("../images/rakuten_customize/icon_dq_left.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		left: -20px;
		top: 30px;
	}
	#wake h4::after {
		content: "";
		display: inline-block;
		width: 48px;
		height: 42px;
		background: url("../images/rakuten_customize/icon_dq_right.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		right: -20px;
		top: 30px;
	}
	#p1::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 50vw solid transparent;
		border-left: 50vw solid transparent;
		border-top: 8.75vw solid #00b900;
		border-bottom: 0;
		position: absolute;
		left: 0;
		bottom: -8.7vw;
	}


/* #p2
------------------------------------------------------------------------------------------------ */
	#p2 {

	}

	.teian_txt {
		color: #00b900;
		font-size: 32px;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 80px;
	}
	.teian_txt .line_red {
		border-width: 2px;
	}
	#points {
		position: relative;
		margin-bottom: 90px;
	}
	#points ul {
		width: fit-content;
	}
	#points ul li {
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 30px;
		font-size: 32px;
		padding-left: 2em;
		border-bottom: 1px solid #b3b3b3;
	}
	#points ul li::before {
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		background: url('../images/rakuten_customize/icon_checked.svg') center no-repeat;
		background-size: contain;
		position: absolute;
		left: 0;
		top: -10px;
	}
	#points .points_img {
		position: absolute;
		bottom: -30px;
		right: -80px;
		z-index: -1;
	}
	#jirei {
		position: relative;
		margin-bottom: 100px;
	}
	#jirei .jirei_txt {
		text-align: center;
		margin-bottom: 80px;
	}
	#jirei .jirei_txt p {
		text-align: center;
		font-size: 32px;
		margin-bottom: 30px;
	}
	#jirei .jirei_txt h4 {
		text-align: center;
		font-size: 40px;
	}
	#jirei .jirei_txt p.c_orange {
		text-align: center;
		font-size: 56px;
		margin-bottom: 0;
	}
	#jirei .jirei_txt p.c_orange span {
		font-size: 82px;
	}
	#jirei .jirei_img {
		text-align: center;
	}



/* #p3
------------------------------------------------------------------------------------------------ */
	#p3 {
		padding: 0 0 115px;
		position: relative;
		background-color: #fafafa;
	}
	#kyotsuten5 {
		background: url("../images/rakuten_customize/bg_sun.svg") center no-repeat;
		background-size: cover;
		height: 714px;
		max-height: 714px;
		position: relative;
		z-index: 5;
	}
	.kyotsuten5_txt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-weight: bold;
		line-height: 1.5;
		position: relative;
		top: -30px;
	}
	.kyotsuten5_txt p.c_green {
		font-size: 50px;
	}
	.kyotsuten5_txt p.c_darkred {
		position: relative;
		font-size: 63px;
	}
	.kyotsuten5_txt .c_darkred::before {
		content: "";
		display: inline-block;
		width: 86px;
		height: 114px;
		background: url("../images/rakuten_customize/icon_kira2.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		left: -100px;
		top: -20px;
	}
	.kyotsuten5_txt .c_darkred::after {
		content: "";
		display: inline-block;
		width: 44px;
		height: 53px;
		background: url("../images/rakuten_customize/icon_kira1.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		right: -100;
		top: -30;
	}
	.kyotsuten5_txt p:last-of-type {
		font-size: 40px;
		margin-bottom: 0;
	}
	#detail_report {
		width: 950px;
		margin: auto;
		padding: 70px 0 150px 60px;
		background: url('../images/rakuten_customize/bg_wave_blue_bottom.png') center bottom repeat-x;
		background-color: #0061a7;
		position: relative;
		z-index: 10;
		margin-top: -160px;
	}
	#detail_report::after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 67px;
		background: url("../images/rakuten_customize/icon_yuge.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
	}
	#detail_report h4 {
		color: #FFF;
		text-align: center;
		margin-bottom: 45px;
		font-size: 38px;
	}
	#detail_report ul {

	}
	#detail_report ul li {
		color: #FFF;
		font-size: 30px;
		margin-bottom: 25px;
	}
	.img_report {
		position: absolute;
		bottom: -70px;
		right: 30px;
	}



/* #p4
------------------------------------------------------------------------------------------------ */

	#p4 {
		padding: 140px 0 0;
		margin-top: -140px;
	}
	#p4 .w1100 {
		padding-top: 100px;
		position: relative;
	}
	.ohayame {
		width: fit-content;
		margin: 0 auto 50px;
		position: relative;
		background-color: #00B900;
		padding: 0.5em 1em;
	}
	.ohayame::after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
		border-top: 25px solid #00b900;
		border-bottom: 0;
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.ohayame {
		color: #FFF;
		font-size: 37px;
		margin-bottom: 50px;
	}
	.ohayame p {
		text-align: center;
	}
	.ohayame p.c_yellow {
		font-size: 21px;
		color: #fbe926;
	}
	.ohayame p.c_yellow::before {
		content: "＼";
	}
	.ohayame p.c_yellow::after {
		content: "／";
	}
	.howto {

	}
	.howto h4 {
		font-size: 54px;
		margin-bottom: 30px;
		text-align: center;
	}
	.howto p {
		font-size: 21px;
		line-height: 2.5;
		margin-bottom: 40px;
		text-align: center;
	}

	.howto .btn_pdf_box {
		text-align: center;
	}
	.howto .btn_pdf {
		background-color: #bf0000;
		flex-direction: column;
		font-size: 38px;
		padding: 0.5em 1em;
		display: inline-block;
		margin: auto;
		border-radius: 10px;
	}
	.howto .btn_pdf span {
		color: #FFF;
	}
	.howto .btn_pdf::before {
		content: "";
		display: inline-block;
		width: 30px;
		height: 33px;
		background: url("../images/rakuten_customize/icon_gift_white.svg") center no-repeat;
		background-size: contain;
		margin-right: 0.5em;
	}
	.howto .btn_pdf::after {
		content: "";
		display: inline-block;
		width: 29px;
		height: 34px;
		background: url("../images/rakuten_customize/icon_pdf_white.svg") center no-repeat;
		background-size: contain;
		margin-left: 0.5em;
	}
	.img_howto {
		position: absolute;
		left: -60px;
		top: 60px;
		z-index: -1;
	}




} /* END @media (min-width:751px) */


/* ---------------------------------------------------------------------------------------------------- */


@media (max-width:750px){

.showup {
	opacity: 0;
	transition: 1s;
	transform: translateY(4vw);
    -webkit-transform: translateY(4vw);
    -moz-transform: translateY(4vw);
    -ms-transform: translateY(4vw);
    -o-transform: translateY(4vw);
}
.upview {
	-moz-animation: showup 1s linear 0s 1 normal forwards;
	-webkit-animation: showup 1s linear 0s 1 normal forwards;
	-o-animation: showup 1s linear 0s 1 normal forwards;
	-ms-animation: showup 1s linear 0s 1 normal forwards;
}

.showdown {
	opacity: 0;
	transition: 1s;
	transform: translateY(-4vw);
    -webkit-transform: translateY(-4vw);
    -moz-transform: translateY(-4vw);
    -ms-transform: translateY(-4vw);
    -o-transform: translateY(-4vw);
}
.downview {
	-moz-animation: showup 1s linear 0s 1 normal forwards;
	-webkit-animation: showup 1s linear 0s 1 normal forwards;
	-o-animation: showup 1s linear 0s 1 normal forwards;
	-ms-animation: showup 1s linear 0s 1 normal forwards;
}

.showleft {
	opacity: 0;
	transition: 1s;
	transform: translateX(-4vw);
    -webkit-transform: translateX(-4vw);
    -moz-transform: translateX(-4vw);
    -ms-transform: translateX(-4vw);
    -o-transform: translateX(-4vw);
}
.leftview {
	-moz-animation: showleft 1s linear 0s 1 normal forwards;
	-webkit-animation: showleft 1s linear 0s 1 normal forwards;
	-o-animation: showleft 1s linear 0s 1 normal forwards;
	-ms-animation: showleft 1s linear 0s 1 normal forwards;	
}

.showright {
	opacity: 0;
	transition: 1s;
	transform: translateX(4vw);
    -webkit-transform: translateX(4vw);
    -moz-transform: translateX(4vw);
    -ms-transform: translateX(4vw);
    -o-transform: translateX(4vw);
}
.rightview {
	-moz-animation: showright 1s linear 0s 1 normal forwards;
	-webkit-animation: showright 1s linear 0s 1 normal forwards;
	-o-animation: showright 1s linear 0s 1 normal forwards;
	-ms-animation: showright 1s linear 0s 1 normal forwards;
}

	@-moz-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes txtfade { 0% { opacity: 0; transform: translateY(4vw); } 100% { opacity: 1; transform: translateY(0); } }


	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-moz-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-webkit-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-o-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
	@-ms-keyframes showdown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }

	@-moz-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showleft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }

	@-moz-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-webkit-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-o-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }
	@-ms-keyframes showright { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }


	header .btn_rt_pre {
		position: absolute;
		top: 17vw;
		width: 70%;
		left: 0;
		right: 0;
		margin: auto;
	}
	article {
		font-family: "Noto Sans JP", sans-serif;
		color: #333;
		line-height: 1.5;
	}
	.w1100 { width: 88vw; margin: 0 auto; }



/* #p1
------------------------------------------------------------------------------------------------ */
	#p1 {
		padding-top: 14vw;
		background-color: #00b900;
		position: relative;
		margin-bottom: 10vw;
	}
	#p1 .w1100 {
		width: 100%;
	}
	#common5 {
		position: relative;
		width: 88vw;
		margin: 0 auto 24vw;
	}
	.japanmap {
		position: absolute;
		bottom: -12vw;
		left: 0;
		z-index: 5;
	}
	#nayami {
		padding: 16vw 6vw;
		background: url('../images/rakuten_customize/bg_wave_up.png') center top repeat-x,
		url('../images/rakuten_customize/bg_wave_bottom.png') center bottom repeat-x;
		background-color: #dff2fc;
		position: relative;
		margin-bottom: 16vw;
	}
	.toi {
		text-align: center;
		color: #ea3a8e;
		font-size: 6vw;
		line-height: 2;
		font-weight: bold;
		margin-bottom: 10vw;
	}
	.toi .c_green {
		font-size: 7vw;
	}
	.toi .c_darkred.namisen {
		background: url('../images/rakuten_customize/line_namisen.svg') left bottom repeat-x;
	}
	#nayami h3 {
		font-size: 6vw;
		margin-bottom: 10vw;
	}
	#nayami ul {
	}
	#nayami ul li {
		margin-bottom: 3vw;
		font-size: 4vw;
		font-weight: bold;
		text-indent: -1em;
		padding-left: 1em;
	}
	#nayami .mayami_img {
		/*position: absolute;
		bottom: 140px;
		right: -80px;
		z-index: 5;*/
		text-align: center;
	}
	#nayami .mayami_img img {
		width: 70%;
	}
	#wake {
		width: 88vw;
		margin: auto;
	}
	#wake p {
		text-align: center;
		font-size: 4vw;
		margin-bottom: 4vw;
		color: #FFF;
	}
	#wake h4 {
		text-align: center;
		font-size: 6vw;
		line-height: 1.5;
		color: #FFF;
		width: fit-content;
		margin: auto;
		position: relative;
	}
	#wake h4::before {
		content: "";
		display: inline-block;
		width: 6vw;
		height: 5vw;
		background: url("../images/rakuten_customize/icon_dq_left.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		left: -2vw;
		top: 4vw;
	}
	#wake h4::after {
		content: "";
		display: inline-block;
		width: 6vw;
		height: 5vw;
		background: url("../images/rakuten_customize/icon_dq_right.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		right: -2vw;
		top: 4vw;
	}
	#p1::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 50vw solid transparent;
		border-left: 50vw solid transparent;
		border-top: 8.75vw solid #00b900;
		border-bottom: 0;
		position: absolute;
		left: 0;
		bottom: -8.7vw;
	}


/* #p2
------------------------------------------------------------------------------------------------ */
	#p2 {
		margin-bottom: 16vw;
	}
	.teian_txt {
		color: #00b900;
		font-size: 5vw;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 10vw;
	}
	.teian_txt .line_red {
		border-width: 2px;
	}
	#points {
		position: relative;
		margin-bottom: 16vw;
	}
	#points ul {
		/*width: fit-content;*/
	}
	#points ul li {
		position: relative;
		padding-bottom: 4vw;
		margin-bottom: 6vw;
		font-size: 4vw;
		padding-left: 2em;
		border-bottom: 1px solid #b3b3b3;
	}
	#points ul li::before {
		content: "";
		display: block;
		width: 8vw;
		height: 8vw;
		background: url('../images/rakuten_customize/icon_checked.svg') center no-repeat;
		background-size: contain;
		position: absolute;
		left: 0;
		top: -2vw;
	}
	#points .points_img {
		display: none;
		/*position: absolute;
		bottom: -30px;
		right: -80px;
		z-index: -1;*/
	}
	#jirei {
		position: relative;
		margin-bottom: 16vw;
	}
	#jirei .jirei_txt {
		text-align: center;
		margin-bottom: 10vw;
	}
	#jirei .jirei_txt p {
		text-align: center;
		font-size: 5vw;
		margin-bottom: 6vw;
	}
	#jirei .jirei_txt h4 {
		text-align: center;
		font-size: 6vw;
	}
	#jirei .jirei_txt p.c_orange {
		text-align: center;
		font-size: 6vw;
		margin-bottom: 0;
	}
	#jirei .jirei_txt p.c_orange span {
		font-size: 8vw;
	}
	#jirei .jirei_img {
		text-align: center;
	}



/* #p3
------------------------------------------------------------------------------------------------ */
	#p3 {
		padding: 0 0 24vw;
		position: relative;
		background-color: #fafafa;
	}
	#kyotsuten5 {
		background: url("../images/rakuten_customize/bg_sun.svg") center no-repeat;
		background-size: cover;
		aspect-ratio: 16 / 9;
		/*height: 714px;
		max-height: 714px;*/
		position: relative;
		z-index: 5;
	}
	.kyotsuten5_txt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-weight: bold;
		line-height: 1.5;
		position: relative;
		/*top: -30px;*/
	}
	.kyotsuten5_txt p {
		text-align: center;
	}
	.kyotsuten5_txt p.c_green {
		font-size: 4vw;
	}
	.kyotsuten5_txt p.c_darkred {
		position: relative;
		font-size: 6vw;
	}
	.kyotsuten5_txt .c_darkred::before {
		content: "";
		display: inline-block;
		width: 8vw;
		height: 12.6vw;
		background: url("../images/rakuten_customize/icon_kira2.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		left: -8vw;
		top: -4vw;
	}
	.kyotsuten5_txt .c_darkred::after {
		content: "";
		display: inline-block;
		width: 4vw;
		height: 5vw;
		background: url("../images/rakuten_customize/icon_kira1.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		right: -2vw;
		top: -4vw;
	}
	.kyotsuten5_txt p:last-of-type {
		font-size: 4vw;
		margin-bottom: 0;
	}
	#detail_report {
		width: 100%;
		margin: auto;
		padding: 6vw 6vw 24vw;
		background: url('../images/rakuten_customize/bg_wave_blue_bottom.png') center bottom repeat-x;
		background-color: #0061a7;
		position: relative;
		z-index: 10;
		margin-top: -4vw;
	}
	#detail_report::after {
		content: "";
		display: inline-block;
		width: 2vw;
		height: 8.6vw;
		background: url("../images/rakuten_customize/icon_yuge.svg") center no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 8vw;
		left: 50%;
		transform: translateX(-50%);
	}
	#detail_report h4 {
		color: #FFF;
		text-align: center;
		margin-bottom: 6vw;
		font-size: 5vw;
	}
	#detail_report ul {

	}
	#detail_report ul li {
		color: #FFF;
		font-size: 4vw;
		margin-bottom: 2vw;
		text-indent: -1em;
		padding-left: 1em;
	}
	.img_report {
		position: absolute;
		width: 30%;
		bottom: -10vw;
		right: 4vw;
	}



/* #p4
------------------------------------------------------------------------------------------------ */

	#p4 {
		padding: 20vw 0 0;
		margin-top: -20vw;
	}
	#p4 .w1100 {
		padding-top: 20vw;
		position: relative;
	}
	.ohayame {
		width: fit-content;
		margin: 0 auto 6vw;
		position: relative;
		background-color: #00B900;
		padding: 0.5em 1em;
	}
	.ohayame::after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 3.333vw solid transparent;
		border-left: 3.333vw solid transparent;
		border-top: 3.333vw solid #00b900;
		border-bottom: 0;
		position: absolute;
		bottom: -3vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.ohayame {
		color: #FFF;
		font-size: 6vw;
		margin-bottom: 8vw;
	}
	.ohayame p {
		text-align: center;
	}
	.ohayame p.c_yellow {
		font-size: 4vw;
		color: #fbe926;
	}
	.ohayame p.c_yellow::before {
		content: "＼";
	}
	.ohayame p.c_yellow::after {
		content: "／";
	}
	.howto {

	}
	.howto h4 {
		font-size: 6vw;
		margin-bottom: 6vw;
		text-align: center;
	}
	.howto p {
		font-size: 4vw;
		line-height: 2;
		margin-bottom: 6vw;
		text-align: center;
	}

	.howto .btn_pdf_box {
		text-align: center;
	}
	.howto .btn_pdf {
		background-color: #bf0000;
		flex-direction: column;
		font-size: 5vw;
		padding: 1em 0.5em;
		display: inline-block;
		margin: auto;
		border-radius: 2vw;
		width: 100%;
	}
	.howto .btn_pdf span {
		color: #FFF;
	}
	.howto .btn_pdf::before {
		content: "";
		display: inline-block;
		width: 4.5vw;
		height: 4.5vw;
		background: url("../images/rakuten_customize/icon_gift_white.svg") center no-repeat;
		background-size: contain;
		margin-right: 0.2em;
	}
	.howto .btn_pdf::after {
		content: "";
		display: inline-block;
		width: 4.5vw;
		height: 4.5vw;
		background: url("../images/rakuten_customize/icon_pdf_white.svg") center no-repeat;
		background-size: contain;
		margin-left: 0.2em;
	}
	.img_howto {
		width: 60%;
		margin: auto;
		text-align: center;
		/*position: absolute;
		left: -60px;
		top: 60px;
		z-index: -1;*/
	}


} /* END @media (max-width:750px) */