@charset "UTF-8";

body {
	background-color: #fff !important;
}

/* 読み上げ対策 */
.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;
}




.emom-cont {
    /*max-width: 782px;*/
    margin: 0 auto;
    word-break: break-all;
}

.emom-cont a {
    text-decoration: none;
    transition: opacity .2s;
}

.emom-cont a:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: opacity .2s;
}

.emom-cont img {
    border: none;
	text-align: center;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

.emom-cont h1,
.emom-cont h2,
.emom-cont h3,
.emom-cont h4,
.emom-cont h5,
.emom-cont h6,
.emom-cont p,
.emom-cont ul,
.emom-cont ol,
.emom-cont dl,
.emom-cont dt,
.emom-cont dd,
.emom-cont img {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-weight: normal;
}

.emom-cont figure,
.emom-cont section {
    display: block;
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width: 640px) {
    .sp {
        display: block;
    }

    br.sp {
        display: inline;
    }

    .pc,
    br.pc {
        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: #006c27;
}

.txtWhite {
	color: #FFFFFF;
}

.ec-featureRole__content .ec-giftArea {
	background: #fff;
	padding: 50px 30px;
	margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
 .ec-featureRole__content .ec-giftArea {
	 padding: 40px 20px;
  }
}

.ec-featureRole__content .ec-giftArea:last-child {
	margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
	.ec-featureRole__content .ec-giftArea:last-child {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.ec-featureRole__content {
		padding: 30px 0;
	}
}





.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 #006c27 solid;
	border-bottom: 2px #006c27 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: #006c27;
	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: #006c27;
}
.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 #006c27;
	border-bottom: 5px solid #006c27;
	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: #00834E;
}

.point10 .whiteBox01 {
	padding: 20px 15px 15px;
	font-size: 150%;
	font-weight: bold;
	background-color: #e3f8ed;
	color: #00834E;
	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: #ffffff;
	padding: 40px;
	text-align: left;
	margin-top: 60px;
}

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

.point10 .pointUp .txtGreen {
	border-top: 1px solid #00834E;
	border-bottom: 1px solid #00834E;
	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: #00834E;
}

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

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

.point10 .point h3 {
	background-color: #00834E;
	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: #00834E;
	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: #006c27;
}

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

#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 #006c27;
}

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

#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: #006c27;
	font-weight: bold;
}

#campaign_information .campaign_information_btn a {
	display: block;
	border-radius: 50px;
	background-color: #006c27;
	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;
}


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

	06.関連記事

----------------------------------------------------------------- */
#relatedArticle {
    margin: 60px 0 30px;
}

#relatedArticle h2 {
    color: #d72e65;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6;
}
#relatedArticle ul {
    max-width: 1500px;
    background-color: #f1f1f1;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
    display: flex;
    overflow-x: scroll;
}

#relatedArticle ul.gray {
    background-color: #F5F5F5;
}

#relatedArticle ul::-webkit-scrollbar {
    height: 12px;
}

#relatedArticle ul::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 6px;
}

#relatedArticle ul::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 0px;
}

#relatedArticle li {
    width: 200px;
    height: auto;
    display: block;
    margin: 0 20px 0 0;
    box-sizing: border-box;
    text-align: left;
    flex-shrink: 0;
}

#relatedArticle li a {
    display: block;
    padding: 10px;
    transition: opacity .4s;
    color: #333;
}

#relatedArticle li a:hover {
    transition: opacity .4s;
    opacity: 0.6;
    color: #00612e;
}

#relatedArticle li p {
    font-size: 16px !important;
    line-height: 1.6;
    font-weight: bold;
    margin: 10px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#relatedArticle li p i.blank_icon {
    vertical-align: 2px;
    margin-right: 0.3rem;
}

@media screen and (max-width: 640px) {
    #relatedArticle {
        margin: 30px 0 20px;
    }
    #relatedArticle h2 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    #relatedArticle ul {
        padding: 10px 0 10px 10px;
    }

    #relatedArticle ul::-webkit-scrollbar {
        height: 10px;
    }

    #relatedArticle li {
        width: 40vw;
        height: 60vw;
        margin: 0 5px 0 0;
    }

    #relatedArticle li a {
        padding: 10px 5px 0;
        box-sizing: border-box;
        min-height: 185px;
    }

    #relatedArticle li p {
        font-size: 14px !important;
        line-height: 1.3;
        margin: 10px 0 0 0;
    }

    #relatedArticle li p i.blank_icon {
        vertical-align: 0px;
    }
}


.btn-all {
    margin: 30px auto 0;
    width: 160px;
    height: 40px;
}

@media only screen and (max-width: 640px) {
    .btn-all {
        margin: 30px 20% 40px;
        width: auto;
    }
}

.btn-all>a {
    display: block;
    border: #00612e 1px solid;
    border-radius: 20px;
    padding: 0;
    height: 40px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.btn-all>a>span {
    position: relative;
    display: inline-block;
    margin-top: 9px;
    padding-left: 23px;
}

.btn-all>a>span::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #00612e;
    vertical-align: -0.2em;
}

.btn-all>a>span::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 7px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}


.bnr {
  margin: 0 0 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
.bnr li {
  width: 49%;
  margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
  .bnr li {
    width: auto;
    padding: 2% 0;
  }
}
.bnr img {
  width: 100%;
}
.bnr.more {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 767px) {
  .bnr.more {
    margin-bottom: 40px !important;
  }
}