@charset "UTF-8";

/* 読み上げ対策 */
.ec-featureRole .ec-featureRole__head {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
}
/* 商品紐付けで自動表示されるアンカーリンクを非表示*/
.ec-featureItems.buttons {
	display: none;
}

#cmn_header {
	margin-bottom: 0 !important;
}

#footer {
	margin-top: 0 !important;
}

.contents_ {
	width: 782px !important;
}

.leftmenuframe_ {
	display: none !important;
}

.mainframe_ {
	float: none !important;
}

.pc {
	display: inline-block;
}

br.pc {
	display: inline;
}

.sp {
	display: none;
}

.bold {
	font-weight: bold;
}

.txtC {
	text-align: center;
}

.mb0 {
	margin-bottom: 0px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.txt12 {
	font-size: 84.6%;
}

.txt13 {
	font-size: 92.3%;
}

.txt14 {
	font-size: 100%;
}

.txt15 {
	font-size: 107.7%;
}

.txt16 {
	font-size: 115.4%;
}

.txt17 {
	font-size: 123.1%;
}

.txt18 {
	font-size: 120.8%;
}

.txt19 {
	font-size: 138.5%;
}

.txt20 {
	font-size: 146.2%;
}

.txt21 {
	font-size: 153.8%;
}

.txt22 {
	font-size: 161.5%;
}

.txt23 {
	font-size: 169.2%;
}

.txt24 {
	font-size: 176.9%;
}

.txt25 {
	font-size: 184.6%;
}

.txt26 {
	font-size: 200%;
}

.txt28 {
	font-size: 215.4%;
}

.txt30 {
	font-size: 230.8%;
}

.txtGreen {
	color: #4b965b;
}

.txtWhite {
	color: #FFFFFF;
}

/*{
	background-color: #fff;
	padding: 0 0 10%;
}

@media screen and (min-width: 1141px) {
	{
		background-size: contain;
	}
}*/

.point10 {
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.7;
	width: 100%;
	margin: 0 auto;
}

.point10 .contentWrap {
	padding: 0 20px;
}

.point10 h1 {
	padding: 10px 0 0;
}

.point10 h1 img {
	width: 100%;
}

.point10 .nt9bnr {
	margin-bottom: 40px;
}

.point10 .nt9bnr p {
	color: #000;
	margin-bottom: 3px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.4rem;
}

.point10 .nt9bnr p span {
	font-size: 1.3rem;
}

.point10 .nt9bnr p .bkline {
	background: linear-gradient(transparent 60%, #fad223 60%);
	font-size: 1.1rem;
}

.point10 .linkItem_inner h3 {
	font-weight: bold;
	color: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 10px 0 30px;
	padding: 5px 0 3px;
}

.point10 .linkItemList {
	display: flex;
	justify-content: space-between;
	gap: 3%;
	margin: 20px 0 !important;
}
.point10 .linkItemList .linkItembtn {
	flex: 1;
}
.point10 .linkItembtn a {
	position: relative;
	display: block;
	padding: 10px 30px 10px 25px;
	border-radius: 5px;
	font-weight: bold;
	box-sizing: border-box;
	color: #fff;
 	text-align: center;
	text-decoration: none;
	background: #00833E;
}
.point10 .linkItembtn a:hover {
	opacity: 0.9;
}
.point10 .linkItembtn a::after {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
	transform: translateY(-25%) rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
	margin: auto;
}
.point10 .linkItembtn a:hover::after {
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

.point10 .linkItemList2 {
	display: flex;
	justify-content: space-between;
	width: calc(680px + 3%);
	gap: 3%;
	margin: 20px auto !important;
}
.point10 .linkItemList2 .linkItembtn2 {
	flex: 1;
}
.point10 .linkItembtn2 a {
	position: relative;
	display: inline-block;
	padding: 10px 30px 10px 25px;
	border-radius: 5px;
	font-weight: bold;
	width: 340px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.point10 .linkItembtn2 a:hover {
	opacity: 0.9;
}
.point10 .linkItembtn2 a.orange {
	background: #f96d00;
}
.point10 .linkItembtn2 a.blue {
	background: #286ae3;
}
@media only screen and (max-width: 900px) {
	.point10 .linkItemList2 {
		width: 100%;
	}
	.point10 .linkItembtn2 a {
		width: 100%;
	}
}
.point10 .linkItembtn2 a::after {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border-right: 2px #fff solid;
	border-top: 2px #fff solid;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
	margin: auto;
}
.point10 .linkItembtn2 a:hover::after {
	border-right: 2px #fff solid;
	border-top: 2px #fff solid;
}

.point10 .page-link a {
	position: relative;
	color: #00833E;
	text-decoration: underline;
	font-weight: bold;
}
.point10 .page-link a::after {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border-right: 2px #00833E solid;
	border-bottom: 2px #00833E solid;
	transform: translateY(-25%) rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: -13px;
	margin: auto;
}

.point10 .special_link_text {
	font-size: 90%;
	text-decoration: underline;
}

.point10 .scroll {
	margin: 100px 0;
	text-align: center;
}

/* lead */
.point10 .lead {
	font-weight: bold;
	position: relative;
	border: #ffef00 solid 12px;
	background-color: #fefde8;
	padding: 30px 40px;
	margin: 0 0 60px;
}

.point10 .lead dt {
	color: #00833E;
	font-size: 140%;
	line-height: 1.3;
	margin-bottom: 20px;
}

.point10 .lead dt span {
	font-size: 150%;
}

.point10 .lead dd {
	font-size: 120%;
	line-height: 1.9;
}

.point10 .lead dd span {
	font: inherit;
	color: #00833E;
}
.point10 .lead dd a.leadlink {
	font: inherit;
	text-decoration: underline!important;
}
.point10 .lead dd .leadbtn a {
	display: block;
	border-radius: 50px;
	background-color: #ea3333;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	padding: 18px 0;
	margin: 20px auto;
	max-width: 450px;
	line-height: 1;
	position: relative;
}
.point10 .lead dd .leadbtn a:hover {
	opacity: 0.8;
}
.point10 .lead dd .leadbtn a::after {
	content: '';
	width: 0.8em;
	height: 0.8em;
	border-right: 3px #fff solid;
	border-top: 3px #fff solid;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 23px;
	margin: auto;
}
.point10 .lead dd ul li {
	text-align: center;
	font-size: 90%;
	color: #ea3333;
	line-height: 1.7;
}


/* title */
.point10 h2 {
	padding: 10px 0 5px;
	font-size: 180%;
	font-weight: bold;
	color: #000;
	border-top: 5px solid #009c49;
	border-bottom: 5px solid #009c49;
	margin: 50px 0 50px 0;
	line-height: 1.2;
}

.point10 h2 span {
	font-size: 140%;
}

.point10 h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 60px 0 20px;
}

/* Box */
/*.point10 .wideBox {
	margin: 0 -30px 40px;
}*/

.point10 .inrBox {
	margin-bottom: 40px;
}

.point10 .inrBox h3 {
	color: #00833E;
}

.point10 .whiteBox01 {
	padding: 20px 15px 15px;
	font-size: 150%;
	font-weight: bold;
	background-color: #e3f8ed;
	color: #00833e;
	line-height: 1.2;
}

.point10 .whiteBox01 span {
	font-size: 140%;
}

.point10 .whiteBox02 {
	font-weight: bold;
	padding: 40px 15px;
	background-color: #f9f8e5;
	border-radius: 0 0 5px 5px;
}

/* btn */
.point10 .btn {
	text-align: center;
}

.point10 .btn a {
	display: inline-block;
	padding: 8px 25px 8px 50px;
	border: #0da4b2 1px solid;
	border-radius: 25px;
	background: #ffffff url(/img/usr/common/arrow_blue.png) 30px center no-repeat;
}

/* bnr */
.point10 .bnr {
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}

.point10 .bnr li {
	width: 49%;
	margin-bottom: 2%;
}

.point10 .bnr img {
	width: 100%;
}

/* pointUp */
.point10 .pointUp {
	background: #f9f8e5;
	padding: 40px;
	text-align: left;
	margin-top: 60px;
}

.point10 .pointUp .pointEx {
	color: #fff;
	background-color: #4b965b;
	font-weight: bold;
	padding: 0 5px;
	font-size: 120%;
	margin: 0 0 20px;
	display: inline-block;
}

.point10 .pointUp .txtGreen {
	border-top: 1px solid #4b965b;
	border-bottom: 1px solid #4b965b;
	padding: 2px 0;
	margin-bottom: 15px;
}

.point10 .pointUp .pointUp_txt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 110%;
}

.point10 .pointUp .pointUp_txt span {
	font-size: 180%;
	color: #4b965b;
}

/* point */
.point10 .point {
	background: #f9f8e5;
}

.point10 .point h2 {
	background-color: #4b965b;
	border-top: none;
	border-bottom: none;
	color: #fff;
}

.point10 .point h3 {
	background-color: #4b965b;
	color: #fff;
	width: 720px;
	margin: 60px auto 40px;
	padding: 10px;
	font-size: 160%;
}

.point10 .point p {
	font-size: 150%;
	line-height: 1.4;
	font-weight: bold;
}

.point10 .point p span {
	color: #4b965b;
	font-size: 100%;
}

.point10 .point .note {
	width: 720px;
	margin: 0px auto;
	text-align: right;
	font-size: 80%;
}

/* notes */
.notes_box {
	margin: 100px 0;
	padding: 40px;
	background: #fff;
	text-align: left;
}

.notes_box .notes_h {
	margin: 0 0 30px;
	text-align: center;
	font-size: 1.38rem;
	/* 22px */
}

.notes_box .notes_ttl {
	margin-bottom: 0.8em;
	font-size: 1rem;
	/* 16px */
}

.notes_box .notes_ttl::before {
	content: "";
	display: inline-block;
	color: #999;
}

.notes_box .notes_list li {
	margin-bottom: 0.6em;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.82rem;
	/* 13px */
}

.notes_box .notes_list li a {
	text-decoration: underline;
}

.notes_box p {
	margin: 20px 0 10px;
}




/* sp
---------------------------------------------------*/

@media only screen and (max-width: 767px) {
	.point10 .pc {
		display: none;
	}

	.point10 .sp {
		display: block;
	}
	.point10 br.sp {
		display: inline;
	}

	.contents_ {
		width: 100% !important;
	}

	.point10 {
		/*padding: 0 3%;*/
		text-align: left;
		width: auto;
	}

	.point10 * {
		box-sizing: border-box;
	}

	.point10 .contentWrap {
		padding: 0;
	}

	.point10 h1 {
		padding: 0 0 5%;
	}

	.point10 h1 img {
		margin: 0 auto;
	}

	.point10 .linkItem {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.point10 .linkItemList {
		gap: 2%;
	}
	.point10 .linkItembtn a {
		width: auto;
		display: block;
		font-size: 12px;
		line-height: 1.4;
		padding: 10px 0 20px;
	}
	.point10 .linkItembtn > a::after {
		transform: translateX(-50%) translateY(0) rotate(45deg);
		top: auto;
 		bottom: 11px;
		right: auto;
		left: 50%;
	}
	.point10 .linkItemList2 {
		gap: 2%;
	}
	.point10 .linkItemList2 {
		width: 100% !important;
	}
	.point10 .linkItembtn2 a {
		min-width: 100%;
		width: auto;
		display: block;
		font-size: 13px;
		line-height: 1.4;
		padding: 10px;
	}

	.page-link {
		text-align: center !important;
	}

	.special_link_text {
		font-size: 3vw;
		line-height: 4vw;
	}

	.point10 .scroll {
		margin: 40px 0;
	}

	.point10 .nt9bnr {
		color: #404040;
	}
	.point10 .nt9bnr p {
		color: #000;
		margin-bottom: 3px;
		font-size: 3.5vw;
		font-weight: bold;
		line-height: 4.3vw;
		text-align: center;
	}

	.point10 .nt9bnr p span {
		font-size: 4vw;
	}

	.point10 .nt9bnr p .bkline {
		font-size: 3.6vw;
	}

	.point10 .linkItem_inner h3 {
		font-weight: bold;
		color: #fff;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		margin: 10px 0 30px;
		padding: 5px 0 3px;
	}

	/* lead */
	.point10 .lead {
		margin-bottom: 40px;
		border: #ffef00 solid 8px;
		padding: 20px;
	}

	.point10 .lead dt {
		font-size: 150%;
		margin-bottom: 20px;
		text-align: center;
		line-height: 1.3;
	}
	.point10 .lead dt span {
		font-size: 140%;
	}
	.point10 .lead dd .leadbtn a {
		font-size: 120%;
		padding: 15px 0;
		margin: 15px auto;
	}
	.point10 .lead dd ul li {
		text-align: left;
		font-size: 95%;
		line-height: 1.6;
		padding-left: 1em;
		text-indent: -1em;
	}

	/* title */
	.point10 h2 {
		padding: 15px;
		font-size: 150%;
		margin: 30px 0;
		text-align: center;
	}

	.point10 h3 {
		font-size: 130%;
		margin: 30px 0 10px;
		text-align: center;
	}

	/* Box */
	/*.point10 .wideBox {
		margin: 0 0 20px;
	}*/

	.point10 .whiteBox01 {
		font-size: 140%;
		text-align: center;
	}

	.point10 .whiteBox02 {
		padding: 20px 15px;

	}


	/* bnr */
	.point10 .bnr {
		margin: 2% 0;
	}
	.point10 .bnr li {
		width: auto;
		padding: 2% 0;
	}
	/* pointUp */
	.point10 .pointUp {
		padding: 20px;
	}

	/* point */
	.point10 .point {
		text-align: center;
	}

	.point10 .point h3 {
		width: 100%;
		margin: 40px auto 20px;
		font-size: 120%;
	}

	.point10 .point p {
		font-size: 120%;
	}

	.point10 .point p span {
		font-weight: bold;
		font-size: inherit;
	}

	.point10 .point img {
		width: 100%;
	}

	.point10 .point .note {
		width: 100%;
		text-align: left;
		text-indent: -1em;
		padding-left: 1em;
		font-size: 80%;
	}

	/* notes */
	.notes_box {
		padding: 5%;
	}

	.notes_h {
		margin: 2% 0 5% !important;
	}

	.notes_list li {
		font-size: 0.93rem !important;
		/* 13px */
	}
}
@media only screen and (max-width: 480px) {
	.point10 .linkItembtn a {
		font-size: 11px;
	}
}

/* campaign_information
---------------------------------------------------*/

#campaign_information h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin: 30px 0 20px;
	color: #00833E;
}

#campaign_information table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #009c49;
}

#campaign_information th,
#campaign_information td {
	font-size: 15px;
	line-height: 1.7;
	text-align: left;
	padding: 20px 0;
	vertical-align: top;
	border-top: 1px solid #009c49;
}

#campaign_information th {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 22%;
	color: #008342;
}

#campaign_information td p+p {
	margin-top: 20px;
}

#campaign_information td p.p_box {
	font-weight: bold;
	padding: 15px 20px;
	background-color: #e0f8ee;
}

#campaign_information td p .span1 {
	display: block;
}

#campaign_information td p .span2 {
	font-size: 24px;
	font-weight: bold;
	color: #f00;
}

#campaign_information ul li {
	text-indent: -1em;
	padding-left: 1em;
}
#campaign_information .red_txt {
	color: #ea3333;
	font-weight: bold;
}

#campaign_information .campaign_information_btn a {
	display: block;
	border-radius: 50px;
	background-color: #ea3333;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding: 15px 0;
	max-width: 350px;
	line-height: 1;
	position: relative;
	margin: 8px 0 0;
}
#campaign_information .campaign_information_btn a:hover {
	opacity: 0.8;
}
#campaign_information .campaign_information_btn a::after {
	content: '';
	width: 0.7em;
	height: 0.7em;
	border-right: 3px #fff solid;
	border-top: 3px #fff solid;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 23px;
	margin: auto;
}
@media only screen and (max-width: 767px) {
	#campaign_information h3 {
		font-size: 16px;
		margin: -20px 0 15px;
	}
	
	#campaign_information th,
	#campaign_information td {
		font-size: 14px;
		line-height: 1.6;
		display: block;
	}
	
	#campaign_information th {
		font-size: 15px;
		text-align: left;
		width: auto;
		padding:15px 10px 5px;
	}
	#campaign_information td {
		border: none;
		padding: 0 10px 15px;
	}
	
	#campaign_information td p+p {
		margin-top: 10px;
	}
	
	#campaign_information td p.p_box {
		padding: 15px;
	}
	
	#campaign_information td p .span2 {
		font-size: 20px;
	}
}

/* moreBtn
---------------------------------------------------- */
.moreBtn {
	padding: 25px 0 0;
}

.moreBtn a {
	display: block;
	border-radius: 50px;
	box-sizing: border-box;
	border: 2px solid #334455;
	max-width: 240px;
	margin: 0px auto;
	text-align: center;
	color: #334455;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	padding: 13px 0;
	position: relative;
}
.moreBtn a:hover {
	opacity: 0.6;
}

.moreBtn a::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	border-top: 2px solid #334455;
	border-right: 2px solid #334455;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
}

@media screen and (max-width: 640px) {
	.moreBtn {
		padding: 15px 15px 0;
	}

	.moreBtn a {
		font-size: 15px;
	}
}

/* text
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
    .txt12{
		text-align: center;
	}	
    .txt16{
        text-align: center;
    }
    .txt18{
        text-align: center;
    }
    .txt31{
        text-align: center;
    }
}

/* cpBanner
---------------------------------------------------- */
.point10 .cpBanner {
	margin: 0 0 60px;
	text-align: center;
}
.point10 .cpBanner p {
	color: #ea3333;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 10px;
}