@charset "UTF-8";

/*======================

  トップ（PC

========================*/

h3 {
	color:#333;
	font-size:31px;
	line-height:1.2em;
	letter-spacing:0.1em;
	text-align:center;
	margin-bottom:40px;
}
h3 span {
	display:block;
	margin-bottom:12px;
	font-weight:bold;
	font-size:34px;
	letter-spacing:0.2em;
	color:#8AD0C5;
}
.btn_more a {
	display:block;
	text-align:center;
	background:#88D0C5;
	color:#FFF;
	text-decoration:none;
	padding:13px;
	width:4em;
	font-size:18px;
	letter-spacing:0.1em;
	border-radius: 10px;
    -webkit-border-radius: 10px;
	line-height:1em;
	position: absolute;
    top: 40px;
    right: 0;
}
.btn_more a:hover {
	background:#6db9ad;
}


/*メインビジュアル*/
header {
	position: fixed;
    background: #FFF;
	width:100%;
}
#main_copy {
	background:url(../images/top/main_bg.png) repeat;
	background-attachment:fixed;
	padding-top: 74px;
}
#main_copy .main_copy_inner {
	height:400px;
	background:url(../images/top/main_bg_bottom.png) repeat-x bottom;
}
#main_copy .main_copy_inner h2 {
	text-align:center;
	height:300px;
	padding:100px 0 0 ;
	background:url(../images/top/main_bg_kumo.png) no-repeat center 140px;
	background-attachment:fixed;
	position:fixed;
	width:100%;
	min-width:1100px;
}
#main_copy .main_copy_inner h2.off,
header.off {
	display:none;
}
#main_read {
	background:url(../images/top/read_bg.png) no-repeat center bottom #FFF;
	background-size:1033px;
	padding-bottom:170px;
	position:relative;
	z-index:1;
	height:230px;
}
#main_read .inner {
	position:relative;
	top:-85px;
}
#main_read .read_text {
	position:absolute;
	top: -63px;
    right: 93px;
}
#main_read .free_text {
	position:absolute;
	top: -43px;
    left: 154px;
    z-index: 2;
}
/*add 2022.7.21*/
#main_read .over-japan_text {
	position: absolute;
	top: 122px;
	left: 316px;
	z-index: 3;
}

#main_read ul {
	text-align:center;
}
#main_read ul li {
	display:inline-block;
	margin-left:-32px;
}
#main_read ul li:first-child {
	margin-left:7px;
}
#main_read ul li:nth-child(even) img {
	padding-top:25px
}
#main_read ul li:nth-child(odd) img {
	padding-bottom:25px
}
#main_read h2 {
	font-size:27px;
	letter-spacing: 0.2em;
	line-height: 1.8em;
    padding-top: 12px;
	text-align:center;
	text-shadow: 4px 4px 4px rgba(255, 255, 255, 1),
	 -4px 4px 4px rgba(255, 255, 255, 1),
	 4px -4px 4px rgba(255, 255, 255, 1),
	 -4px -4px 4px rgba(255, 255, 255, 1);
}
#main_read h2 strong {
	color:#46B793;
	font-weight:bold;
	font-size:33px;
}

/*ポイント*/
#poin_block {
	position:relative;
	z-index:2;
	background:#FFF;
}
#poin_block ul li {
	position:relative;
	border:#DBE900 3px solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:30px;
    width: 469px;
	float:left;
	margin-right:30px;
    margin-bottom: 40px;
}
#poin_block ul li:nth-child(even) {
	margin-right:0;
}
#poin_block ul li .icon {
	position:absolute;
	top: -28px;
    left: -27px;
}
#poin_block ul li h4 {
	font-size:21px;
	border-bottom:#DBE900 3px solid;
	padding-bottom:20px;
	margin-bottom:20px;
	line-height:1.2em;
	letter-spacing:1px;
	text-align:center;
	font-weight:bold;
	color:#555;
}
#poin_block ul li p {
	font-size:16px;
	line-height:1.5em;
	color:#333;
}

/* PC add 2022.7.21 */
@media print,screen and (min-width: 768px) {
	#poin_block ul li h4.point_01 span {
		display: block;
	}
}

/*報酬*/
#price_block {
	background:#EEF7F6;
	padding: 50px 0 60px;
	margin-top:10px;
}
#price_block .price_img {
	text-align:center;
	margin-bottom:30px;
}
#price_block dl {
	background:#FFF;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:40px;
	max-width:960px;
	margin:0 auto;
}
#price_block dl dt {
	font-size:20px;
	line-height:1.4em;
	border-left:10px solid #DBE900;
	padding:10px 0 10px 20px;
	float:left;
}
#price_block dl dd {
	padding-left: 280px;
    line-height: 1.4em;
    margin-bottom: 45px;
	font-size:17px;
}
#price_block dl dd:last-child {
	margin-bottom:0;
}

/*流れ*/
#flow_block {
	background:url(../images/common/bg_border.png) repeat;
	margin: 50px auto;
}
#flow_block h3 {
	margin-bottom:0;
}
#flow_block .inner {
	padding:50px  0 60px;
	width:855px;
	background:#FFF;
}
#flow_block ol {
	background:url(../images/top/flow_img_bg.png) no-repeat top center;
	background-size:583px;
	/*height:826px;*/
	height: 966px;
	padding-top:140px;
}
#flow_block ol li {
	position:relative;
    margin-bottom: 65px;
	text-align:right;
	padding:0 675px 0 0;
}
#flow_block ol li:nth-child(even) {
	padding:0 0 0 672px;
	text-align:left;
}
#flow_block ol li .text {
	font-size:21px;
	line-height:1.5em;
	letter-spacing:0.1em;
}
#flow_block ol li .text a {
	color:#F1734C;
	text-decoration:underline;
}

/*利用者の声*/
#review_block .review_box {
	padding:40px;
	overflow-x:scroll;
	border:4px solid #92D0C5;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	max-width:1200px;
	width:85%;
	margin:0 auto;
}
#review_block .review_box::-webkit-scrollbar {
	height:6px;
}
#review_block .review_box::-webkit-scrollbar-track {
	background:#EEE;
	border-radius:4px;
}
#review_block .review_box::-webkit-scrollbar-thumb {
	background:#d9d9d9;
	border-radius:4px;
}
#review_block ul {
	white-space: nowrap;
}
#review_block ul li {
	display:inline-block;
	white-space:normal;
	background:#FFF;
	box-shadow: 0px 6px 3px 1px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 6px 3px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 6px 3px 1px rgba(0, 0, 0, 0.08);
	border:1px solid #DDD;
	width:340px;
	margin-left:25px;
	padding:35px;
	font-size:16px;
	line-height:1.8em;
}
#review_block ul li:first-child {
	margin-left:0;
}
#review_block ul li h5 {
	font-size:20px;
	letter-spacing:0.1em;
	padding:18px 0;
	line-height:1.4em;
	color:#60C5AC;
}

/*メンバー*/
#member_block {
	padding:60px 0 60px;
}
#member_block .inner {
	width:100%;
	max-width:1100px;
	position:relative;
}
#member_block ul {
	white-space:nowrap;
	text-align:center;
}
#member_block ul li {
	width:17%;
	margin:0 1.5% 1.5% 1.5%;
	text-align:left;
	display:inline-block;
	white-space:normal;
}
#member_block ul li .photo img {
	width:100%;
}
#member_block ul li .name {
	font-size:20px;
	line-height:1.2em;
	letter-spacing:0.1em;
	margin:10px 0;
}
#member_block ul li .text {
	font-size:15px;
	line-height:1.5em;
}

/*よくある質問*/
#fqq_block {
	position:relative;
	background:url(../images/top/faq_bg.png) repeat;
	padding:50px 0 40px;
	border-top:1px dashed #88D0C5;
	border-bottom:1px dashed #88D0C5;
}
#fqq_block .inner {
	position:relative;
}
#fqq_block ul li {
	width:510px;
	padding:20px;
	float:left;
}
#fqq_block ul li:nth-child(even) {
	width:509px;
	border-left:1px dashed #BBB;
}
#fqq_block ul li h5 {
	font-size:20px;
	background:url(../images/top/faq_icon_q.png) no-repeat left top;
	background-size:23px;
	padding-left:35px;
	letter-spacing:1px;
	line-height:1.4em;
	padding-bottom:10px;
}
#fqq_block ul li p {
	font-size:16px;
	line-height:1.6em;
	padding-left:35px;
}