@charset "UTF-8";

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

  トップ(SP

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

h3 {
	font-size:22px;
	margin-bottom: 30px;
}
h3 span {
	font-size:30px;
}
.btn_more a {
	width: 50%;
    margin: 0 auto;
    font-size: 14px;
	position:relative;
	top:inherit;
	right:inherit;
}

/*
  メインビジュアル
==================*/
header {
    position:relative;
}

#main_read {
	background:url(../images/top/read_bg_sp01.png) no-repeat center bottom;
	background-size:150px;
	position:relative;
	padding-bottom:140px;
    margin-top: -17%;
	height:auto;
}
#main_copy {
	padding-top:0;
}
#main_copy .main_copy_inner {
	height:auto;
}
#main_copy .main_copy_inner h2 {
	text-align: center;
    height: auto;
    padding: 70px 0 40%;
    background: url(../images/top/main_bg_kumo.png) no-repeat center 140px;
    position: relative;
    width: 90%;
    margin: 0 auto;
    min-width: inherit;
}

#main_read .inner {
	top:inherit;
}
#main_read .read_text {
	position:absolute;
	top:-20%;
	right:0;
	width: 80%;
    max-width: 370px;
    transform: rotate(-11deg);
	height:auto;
}
#main_read .free_text {
	top: -21%;
    left: 8px;
    width: 20%;
	max-width: 100px;
}
/*add 2022.7.21*/
#main_read .over-japan_text {
	top: 33%;
	left: 48px;
	width: 16%;
	max-width: 100px;
}

#main_read ul {
    margin-top: -62px;
	white-space:nowrap;
	overflow:hidden;
}
#main_read ul li:first-child {
	margin-left:-10px;
}
#main_read ul li {
	width:29%;
    max-width: 190px;
	margin-left:-24px;
}
#main_read h2 {
	font-size:20px;
	padding:0 5%;
	line-height: 1.6em;
}
#main_read h2 strong {
	font-size:22px;
}
#main_read h2 br {
	display:none;
}
#main_read .read_chara01{
	position:absolute;
	left:0;
	bottom:0;
	width:30%;
	max-width: 150px;
    min-width: 120px;
	line-height:0;
}
#main_read .read_chara02{
	position:absolute;
	right:0;
	bottom:0;
	width:26%;
	max-width: 150px;
    min-width: 110px;
	line-height:0;
}

/*
  ポイント
==================*/
#poin_block ul li,
#poin_block ul li:nth-child(even) {
	width:auto;
	margin:0 4% 6%;
    padding: 5% 5% 4%;
}
#poin_block ul li .icon {
    position: absolute;
    top: -22px;
    left: 7px;
    max-width: 65px;
}
#poin_block ul li h4 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 60px;
}
#poin_block ul li p {
	font-size:14px;
}

/*
  価格
==================*/
#price_block {
	padding:10% 5%;
}

/*
  流れ
==================*/
#flow_block {
	padding:0 8%;
	margin-top:20px;
	margin-bottom:0;
}
#flow_block .inner {
	width:auto;
	padding:10% 5%;
	position:relative;
}
#flow_block ol {
	background:none;
	padding-top: 25px;
    border-top: 2px dotted #88d0c5;
    margin-top: 20px;
	height:auto;
}
#flow_block ol li,
#flow_block ol li:nth-child(even) {
	padding:0;
	margin: 0 0 25px 0;
}
#flow_block ol li:last-child {
	margin-bottom:0;
}
#flow_block ol li .text {
	font-size: 16px;
    text-align: left;
    padding-left: 13px;
    display: table-cell;
    vertical-align: middle;
}
#flow_block ol li .text br {
	display:none;
}
#flow_block ol li .flow_img {
	width: 60px;
    background: url(../images/top/flow_icon_bg_left.png) no-repeat;
    background-size: 100%;
    padding: 9px 17px 8px 8px;
    display: table-cell;
    vertical-align: middle;
	position: relative;
	z-index:1;
}
#flow_block .chara01 {
	position: absolute;
    top: 47px;
    left: 4px;
    width: 59px;
    z-index: 0;
}
#flow_block .chara02 {
	position: absolute;
    top: 41px;
    right: -10px;
    width: 75px;
    z-index: 0;
}
#price_block dl {
	padding: 7% 5%;
}
#price_block dl dt {
	float:none;
	font-size:16px;
	adding: 0.2em 0 0.2em 1em;
	margin-bottom: 1em;
	border-width:8px;
}
#price_block dl dt br {
	display:none;
}
#price_block dl dd {
	padding:0;
	font-size:14px;
	margin-bottom:7%;
	padding-bottom:7%;
	border-bottom:2px dashed #DDD;
}
#price_block dl dd:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}

/*
  声
==================*/
#review_block {
	padding: 9% 5% 7%;
}
#review_block .review_box {
	width:auto;
    padding: 5%;
	height:500px;
	overflow:auto;
}
#review_block .review_box::-webkit-scrollbar {
	width:6px;
}
#review_block ul {
    white-space:inherit;
}
#review_block ul li {
	padding:5%;
	width:auto;
	display:block;
	margin:20px 0;
	font-size:14px;
}
#review_block ul li h5 {
	font-size:16px;
    padding: 13px 0;
	font-weight:bold;
}

/*
  メンバー
==================*/
#member_block {
	padding:5% 0 10%;
}
#member_block .inner {
	width:auto;
    max-width:inherit;
	padding-left:5%;
}
#member_block ul {
	overflow:auto;
	margin-bottom:5%;
}
#member_block ul li {
    width: 35%;
    margin: 0 2% 2% 0;
}
#member_block ul li .name {
	font-size:16px;
}
#member_block ul li .text {
	font-size:14px;
}
#member_block ul li .text br {
	display:none;
}


/*
  よくある質問
==================*/
#fqq_block {
	padding:7% 0 5%;
}
#fqq_block h3 {
	margin-bottom:15px;
}
#fqq_block ul li,
#fqq_block ul li:nth-child(even) {
	width:auto;
	padding: 5%;
}
#fqq_block ul li h5 {
	font-size:16px;
}
#fqq_block ul li p {
	font-size:14px;
}