/* =========================================================
   共通
========================================================= */
p {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.pl-wrap {
	width: 980px;
	margin: 0 auto;
}

/* =========================================================
   pl-mv
========================================================= */
.pl-mv {
	height: 500px;
	margin-bottom: 40px;
}

/* =========================================================
   pl-content
========================================================= */
.pl-contentBox {
	margin-bottom: 80px;
}

/* 見出し */
.pl-contentBox__heading {
	position: relative;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #01B901;
	padding: 9px 80px 9px 20px;
	margin-bottom: 30px;
}

.pl-contentBox__subHeading {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #01B901;
    line-height: 2.2;
    margin: 65px 0 20px;
    border-bottom: 2px dotted #999;
}

.pl-contentBox__text {
    margin: 0 25px 40px;
}

/* フレックスボックス */
.pl-flexbox {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* キャンペーン詳細
--------------------------- */
.pl-description__thumb {
	width: 340px;
	margin-right: 20px;
}

.pl-description__thumb img {
	margin-bottom: 10px;
}

.pl-description__text {
    width: 620px;
}

.pl-description__text__lead {
	width: 620px;
	margin-bottom: 20px;
}

.pl-description__text__link {
	margin-bottom: 20px;
    text-align: right;
}

.pl-description__text__link a {
	color: #003894;
	text-decoration: none;
}

.pl-description__text__link:hover {
	text-decoration: underline;
}

.pl-description__text ul {
	width: 620px;
	list-style: none;
}

.pl-pref__box__card__list__title {
	font-weight: bold;
	margin-bottom: 10px;
	color: #01B901;
}

.pl-pref__box__card__list__content {
	margin-bottom: 10px;
}

.pl-description__text__m {
	padding-top: 12px;
	font-size: 12px;
	line-height: 17px;
	color: #7d7d7d;
}

/* 使い方
--------------------------- */
.pl-flow {
    margin: 0 25px;
}

.pl-flow__title {
    color: #01B901;
    font-size: 16px;
    font-weight: bold;
}

.pl-flow__title__step {
    display: inline-block;
    width: 90px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    background: #01B901;
    margin-right: 10px;
}

.pl-flow__contents {
    padding: 40px 0;
    border-left: 10px solid #dee5e3;
    margin-left: 39px;
}

.pl-flow__contents.\--isBorder-none {
    border-left: none;
    margin-left: 49px;
}

.pl-flow__contents__image {
    margin-left: 60px;
}

/* ボタン
--------------------------- */
.pl-button {
	margin-top: 30px;
	padding-bottom: 4px;
	text-align: center;
}

.pl-button__link {
	display: inline-block;
	position: relative;
	width: 540px;
	line-height: 50px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
	text-align: center;
	color: #fff;
}

.pl-button.\--green .pl-button__link {
	background: #01B901;
	box-shadow: #01B901 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
}

.pl-button.\--blue .pl-button__link {
	background: #59BDED;
	box-shadow: #59BDED 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
}

.pl-button__link::after {
	content: '＞';
	position: absolute;
	right: 10px;
	top: 3px;
}

.pl-button__link:hover {
	text-decoration: none;
	position: relative;
	top: -1px;
}

.pl-button.\--green .pl-button__link:hover {
	box-shadow: #01B901 0 4px 0, #01B901 0 4px 10px;
}

.pl-button.\--blue .pl-button__link:hover {
	box-shadow: #59BDED 0 4px 0, #59BDED 0 4px 10px;
}

.pl-button__link:link,
.pl-button__link:visited {
	color: #fff;
}