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

.pageTitle {
	padding:12px 0 0 0;
	margin:0 0 12px 0;
	text-align: center;
}

.pageTitle h2 {
	display:inline-block;
	padding:0 0 26px 0;
	margin:0;
	background:url(../img/title_mark.png) no-repeat bottom center;
	background-size:45px 17px;
	color:#a07f35;
	text-align:center;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:24px;
	font-weight:normal;
}

.businessSection p.outline {
	padding:0;
	margin:0 auto 1em auto;
	width:90%;
	font-size:14px;
}

.rewardSection {
	padding:12px 0 36px 0;
	margin:0 auto;
	border-top:solid 1px #cccccc;
	width:90%
}

.rewardSection h3 {
	padding:0;
	margin:0 0 1em 0;
	color:#a07f35;
	font-size:14px;
}

.rewardSection p.catch {
	padding:0;
	margin:0 0 24px 0;
	font-size:16px;
}

.rewardSection .commitmentField {
	padding:0 0 24px 0;
	margin:0;
}

.rewardSection .commitmentField h4 {
	display:block;
	padding:105px 0 0 0;
	margin:0;
	height:0;
	width:100%;
	overflow:hidden;
	background:url(../img/sp_catch_plan.png) no-repeat center top;
	background-size:cover;
	font-size:16px;
}

.rewardSection ul {
	background:#f0f0f0;
	padding:0;
	margin:0;
}

.rewardSection .howField {
	padding:0;
	margin:0;
}

.rewardSection .howField h4 {
	display:block;
	padding:105px 0 0 0;
	margin:0 0 24px 0;
	height:0;
	width:100%;
	overflow:hidden;
	background:url(../img/sp_catch_compensation.png) no-repeat center top;
	background-size:cover;
	font-size:16px;
}

.rewardSection .howField .howBox {
	padding:0;
	margin:0;
}

.howBox h5 {
	padding:0;
	margin:0 0 1em 0;
	font-size:14px;
}

.planBox {
	position:relative;
	padding:0;
	margin:0;
}

.planBox h5 {
	padding:.5em 0 .5em .5em;
	margin:0;
	background:#cfcfcf;
	border-bottom:solid 1px #cfcfcf;
	font-size:16px;
	font-weight:bold;
}

.planBox h5 span {
	padding:.25em 1em;
	margin:0 1em 0 0;
	border:solid 1px #fff000;
	border-radius:5px; 
    -webkit-border-radius:5px;  
    -moz-border-radius:5px;
	background:#fff000;
	font-size:12px;
}

.planBox p {
	padding:1em;
	margin:0;
	font-size:14px;
}

.requirementSection {
	padding:12px 0 18px 0;
	margin:0 auto;
	border-top:solid 1px #cccccc;
	width:90%
}

.requirementSection h3 {
	padding:0;
	margin:0 0 1.5em 0;
	color:#a07f35;
}

.requirementSection h4 {
	display:block;
	padding:6px 0 6px 12px;
	margin:0 auto;
	border-top:#c0c0c0 solid 1px;
	border-left:#c0c0c0 solid 1px;
	border-right:#c0c0c0 solid 1px;
	box-sizing:border-box;
	background:#f0f0f0;
	width:90%;
}

.requirementSection p.catch {
	padding:0;
	margin:0 0 1em 0;
}

.requirementSection dl {
	padding:0;
	margin:0 auto;
	border-bottom:#c0c0c0 solid 1px;
	border-left:#c0c0c0 solid 1px;
	border-right:#c0c0c0 solid 1px;
	box-sizing:border-box;
	width:90%;
}

.requirementSection dl dt {
	font-size:14px;
	font-weight:bold;
	text-align: left;
	padding: 1em;
	clear:left;
	float:left;
	width:30%;
	border-top:#c0c0c0 solid 1px;
	box-sizing:border-box;
}

.requirementSection dl dd {
	font-size:12px;
	text-align: left;
	padding: 1em;
	margin-left:30%;
	border-top:#c0c0c0 solid 1px;
	box-sizing:border-box;
}

.supportSection {
	padding:12px 0 18px 0;
	margin:0 auto;
	border-top:solid 1px #cccccc;
	width:90%;
}

.supportSection h3 {
	padding:0;
	margin:0 0 1em 0;
	color:#a07f35;
}

.supportSection .contactField {
	padding:0;
	margin:0 0 12px 0;
	box-sizing:border-box;
}

.supportSection .contactField a {
	text-decoration:none;
}

.supportSection .contactField .supportBox {
	padding:0;
	margin:0 0 18px 0;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	background:url(../img/faq_banner_bg.png) no-repeat 95% 50%;
	background-size:80px 50px;
}

.supportSection .contactField .supportBox h5 {
	padding:0 0 .25em 0;
	margin:0;
	color:#000231;
	font-size:20px;
	line-height:1em;
}

.supportSection .contactField .supportBox p {
	padding:0;
	margin:0;
	color:#000231;
	font-size:11px;
	line-height:1em;
}

.supportSection .contactField .telBox {
	position:relative;
	padding:0;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	background:url(../img/support_banner_bg.png) no-repeat top center;
	background-size:cover;
}

.supportSection .contactField .telBox p {
	padding:16px 0 4px 16px;
	margin:0;
	line-height:1em;
}

.supportSection .contactField .telBox p.tel {
	padding:0 0 0 46px;
	margin:0 0 8px 0;
	background:url(../img/free_mark.png) no-repeat 16px 50%;
	background-size:28px 28px;
	font-size:20px;
	font-weight:bold;
}

.supportSection .contactField .infoBox p {
	padding:8px 0 8px 8px;
	margin:0;
	background:#f0f0f0;
	font-size:10px;
}

.supportBox .inner {
	 display:block;
	 padding:18px 0 16px 14px;
	 box-sizing:border-box;
	 width:100%;
	 height:100%;
}

/*----------------------------------------------------------------------------
 ***                                                                width480
----------------------------------------------------------------------------*/

@media only screen and (min-width: 480px){
}

/*----------------------------------------------------------------------------
 ***                                                                width768
----------------------------------------------------------------------------*/

@media only screen and (min-width: 768px){


.pageTitle {
	padding:36px 0 0 0;
	margin:0 0 12px 0;
	text-align: center;
}

.pageTitle h2 {
	font-size:36px;
	padding:0 0 24px 0;
	line-height:1.1em;
	margin:0 auto 24px auto;
	display:inline-block;
}

.pageTitle p.outline {
	font-size:42px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	width:90%;
	max-width:992px;
	padding:48px 0 0 0;
	margin:0 auto;
}

.businessSection {
	padding:0;
	margin:0 auto;
	width:90%;
	max-width:1024px;
}

.businessSection p.outline {
	text-align:center;
	font-size:16px;
}

.businessSection p.outline span {
	display:inline-block;
}

.rewardSection {
	padding:24px 0;
	margin:0 auto;
	width:90%;
}

.rewardSection h3 {
	font-size:18px;
}

.rewardSection .commitmentField h4 {
	display:block;
	padding:200px 0 0 0;
	margin:0 auto;
	width:640px;
	height:0px;
	overflow:hidden;
	background:url(../img/sp_catch_plan.png) no-repeat center top;
	background-size:cover;
}

.rewardSection .howField h4 {
	display:block;
	padding:200px 0 0 0;
	margin:0 auto 24px auto;
	height:0;
	width:640px;
	overflow:hidden;
	background:url(../img/sp_catch_compensation.png) no-repeat center top;
	background-size:cover;
	font-size:16px;
}

.rewardSection .howField .howBox {
	padding:30px;
	background:#f5f5f5;
}

.howBox h5 {
	padding:0;
	margin:0 0 1em 0;
	font-size:16px;
}

.howBox p.flowImg {
	padding:0;
	margin:0 0 24px 0;
}

.rewardSection ul {
	padding:30px 24px;
	margin:0 0 36px 0;
	background:#f5f5f5;
}

.rewardSection ul li {
	display:block;
	float:left;
	padding:0;
	margin:0 1%;
	width:31.3%;
}

.planBox {
	padding:16px;
	box-shadow: 0 0 8px #eeeeee;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	background:#fbfbfb;
	border-left:none;
	border-right:none;
	border-bottom:none;
	overflow:hidden;
	text-align:center;
}

.planBox h5 {
	background:#fbfbfb;
}

.planBox h5 span {
	display:block;
	padding:.25em 1em;
	margin:0 auto 1em auto;
	border:solid 1px #fff000;
	border-radius:5px; 
    -webkit-border-radius:5px;  
    -moz-border-radius:5px;
	background:#fff000;
	width:6em;
	font-size:12px;
}

.planBox p {
	padding:1em 0;
	margin:0;
	font-size:14px;
}

.howBox .flowImg {
	padding:0;
	margin:0;
	box-shadow: 0 0 8px #eeeeee;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	background:#fbfbfb;
	border-left:none;
	border-right:none;
	border-bottom:none;
	overflow:hidden;
	text-align:center;
}

.requirementSection h3 {
	padding:1em 0;
	margin:0 0 1.5em 0;
	font-size:18px;
}

.supportSection h3 {
	padding:1em 0;
	margin:0 0 1.5em 0;
	font-size:18px;
}

.supportSection .contactField {
	padding:0;
	margin:0 auto 12px auto;
	width:auto;
}

.supportSection .contactField .supportBox {
	float:left;
	padding:0;
	margin:0 1% 0 auto;
	width:49%;
	height:120px;
	border:solid 1px #cccccc;
	background:url(../img/faq_banner_bg.png) no-repeat 95% 50%;
	background-size:80px 50px;
}

.supportSection .contactField .telBox {
	float:left;
	padding:0;
	margin:0 auto 0 1%;
	width:49%;
	height:120px;
	background:url(../img/support_banner_bg.png) no-repeat top center;
	background-size:cover;
}

}

/*----------------------------------------------------------------------------
 ***                                                                width1024
----------------------------------------------------------------------------*/

@media only screen and (min-width: 1024px){


}