@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500..800&display=swap');
* {
		margin: 0;
		padding: 0;
}
html {
		overflow-y: scroll;
}
img {
		border: none;
		vertical-align: top;
}
@font-face {
		font-family: 'BaseFont-JP';
		src: url("/assets/fonts/Basefont-Demilight.woff") format("woff");
		font-style: normal;
		font-weight: normal;
}
@font-face {
		font-family: 'BaseFont-JP';
		font-style: normal;
		font-weight: bold;
		src: url("/assets/fonts/Basefont-Medium.woff") format("woff");
}
@font-face {
		font-family: 'BaseFont-JP--strong';
		font-style: normal;
		font-weight: normal;
		src: url("/assets/fonts/Basefont-Medium.woff") format("woff");
}
body {
		background: #fff9e6;
		font-family: YakuHanJP, "BaseFont-JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
		font-size: 16px;
		color: #1e1e1e;
		line-height: 1;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, p, li {
		letter-spacing: 0.05em;
}
@media(max-width: 767px) {
		body {
				font-size: 15px;
		}
}
.main_cont {
		overflow: hidden
}
header {
		width: 100%;
		height: 100px;
}
.header_inner {
		padding: 25px 40px 0;
}
.header_logo {
		width: 132px;
}
.header_logo img {
		width: 100%;
		height: auto
}
.kv_section {
		max-width: 2000px;
		margin: 0 auto 80px;
}
.kv_section img {
		width: 100%;
		height: auto
}
@media(max-width: 767px) {
		header {
				height: 60px;
		}
		.header_inner {
				padding: 14px 20px 0;
		}
		.header_logo {
				width: 85px;
		}
		.kv_section {
				margin: 0 auto 50px;
		}
}
/* ================ */
.about_section {
		padding: 0 0px 100px;
}
@media(max-width: 1024px) {
		.about_section {
				padding-left: 30px;
				padding-right: 30px;
		}
}
.about_inner {
		max-width: 860px;
		margin: 0 auto;
		padding: 0;
		position: relative;
}
.about_inner_bg-1, .about_inner_bg-2 {
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
		pointer-events: none;
}
.about_inner_bg-1 div {
		position: absolute;
		transition: transform 0.1s;
		pointer-events: none;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1300px;
		height: 160px;
		width: 100%;
}
.about_inner_bg-1 div.first {
		background-image: url("../images/yasai_bg-1_pc.png")
}
.about_inner_bg-1 div.second {
		background-image: url("../images/yasai_bg-2_pc.png");
		top: 250px;
}
.about_inner_bg-2 div {
		width: 100%;
		position: absolute;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1300px;
		transition: transform 0.1s;
		pointer-events: none;
}
.about_inner_bg-2 div.first {
		background-image: url("../images/yasai_bg-3_pc.png");
		height: 90px;
		top: -350px;
}
.about_inner_bg-2 div.second {
		background-image: url("../images/yasai_bg-4_pc.png");
		height: 125px;
		top: 80px;
}
@media(max-width: 1360px) {
		.about_inner_bg-1 div, .about_inner_bg-2 div {
				background-size: 1200px;
		}
}
@media(max-width: 1024px) {
		.about_inner_bg-1, .about_inner_bg-2 {
				display: none
		}
}
.about_hd {
		font-size: 56px;
		font-weight: 700;
		font-weight: bold;
		color: #E4002B;
		text-align: center;
		margin: 0 0 60px;
		font-family: 'BaseFont-JP--strong';
}
.about_sb {
		font-size: 24px;
		font-weight: 700;
		font-weight: bold;
		font-family: 'BaseFont-JP--strong';
		color: #E4002B;
		text-align: center;
		margin: 0 0 20px;
}
.about_lead {
		text-align: center;
		line-height: 2.0;
		margin-bottom: 25px;
}
.sup {
		font-size: 11px;
		margin: 0 2px;
		vertical-align: 0.5em
}
.about_lead_notes {
		font-size: 14px;
		margin-bottom: 70px;
		text-align: center;
}
.about_lead.second {
		margin-bottom: 40px;
}
.stepLINE {
		font-size: 110% !important;
		font-family: 'BaseFont-JP--strong' !important;
}
.new_col {
		max-width: 840px;
		margin: 0 auto 45px;
		box-sizing: border-box;
		color: #E4002B;
		border: 3px solid #E4002B;
		border-radius: 20px;
		position: relative;
		padding: 35px 60px;
}
.new_col::before, .new_col::after {
		content: '';
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		background-position: 0 0;
}
.new_col::before {
		width: 100px;
		height: 100px;
		background-size: 100px;
		background-image: url("../images/mark_new.png");
		top: -57px;
		left: -40px;
}
.new_col::after {
		background-size: 175px;
		background-image: url("../images/ribbon_pc.png");
		width: 175px;
		height: 272px;
		right: 25px;
		top: 0;
}
.new_col hgroup {
		display: flex;
		flex-direction: column-reverse;
		margin: 0 0 30px;
}
.new_col hgroup p {
		font-size: 20px;
		margin: 0 0 10px;
		font-weight: bold;
		font-family: 'BaseFont-JP--strong';
}
.new_col hgroup h2 {
		font-size: 40px;
		font-weight: bold;
		font-family: 'BaseFont-JP--strong';
}
.new_col ul {
		list-style: none;
		display: flex;
		margin: 0 0 30px
}
.new_col li {
		width: 72px;
		margin: 0 6px 0 0;
		border: 2px solid #E4002B;
		border-radius: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 22px;
		font-family: 'BaseFont-JP--strong';
		font-size: 12px;
		font-weight: bold;
}
.last_caption p {
		line-height: 1.8;
		font-family: 'BaseFont-JP--strong';
		font-size: 18px;
		font-weight: bold;
}
@media(max-width: 960px) {
		.new_col {
				padding: 35px 40px 25px;
		}
		.new_col::before {
				width: 80px;
				height: 80px;
				background-size: 100%;
				top: -50px;
				left: -20px;
		}
		.new_col::after {
				background-size: 160px;
				width: 160px;
				height: 250px;
				right: 30px;
		}
		.new_col hgroup p {
				font-size: 26px;
				margin: 0 0 10px;
		}
		.new_col hgroup h2 {
				font-size: 34px;
		}
		.new_col ul {
				margin: 0 0 20px
		}
		.last_caption p {
				font-size: 16px;
		}
}
@media(max-width: 840px) {
		.new_col {
				padding: 35px 40px 20px;
		}
		.new_col::before {
				width: 80px;
				height: 80px;
				top: -50px;
				left: -20px;
		}
		.new_col::after {
				background-size: 140px;
				width: 140px;
				height: 220px;
				right: 15px;
		}
		.new_col hgroup p {
				font-size: 26px;
				margin: 0 0 10px;
		}
		.new_col hgroup h2 {
				font-size: 34px;
		}
		.new_col ul {
				margin: 0 0 20px
		}
		.last_caption p {
				font-size: 16px;
		}
}
@media(max-width: 767px) {
		.new_col {
				padding: 45px 15px;
				max-width: 360px;
		}
		.new_col::before {
				width: 70px;
				height: 70px;
				top: -15px;
				left: -15px;
		}
		.new_col::after {
				display: none
		}
		.new_col hgroup p {
				font-size: 18px;
				text-align: center;
				margin: 0 0 10px;
		}
		.new_col hgroup h2 {
				font-size: 28px;
				line-height: 1.6;
				text-align: center;
		}
		.new_col ul {
				margin: 0 auto 20px;
				max-width: 240px;
				display: flex;
				justify-content: center;
				flex-wrap: wrap
		}
		.new_col ul li {
				margin: 0 3px 6px;
				width: 70px;
				height: 23px;
		}
		.last_caption {
				display: flex;
				justify-content: center;
		}
		.last_caption p {
				font-size: 16px;
				text-align: left;
				font-family: 'BaseFont-JP--strong';
				font-weight: bold;
				line-height: 1.8;
				padding-left: 100px;
				position: relative;
		}
		.last_caption p::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 85px;
				height: 113px;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 85px;
				background-image: url("../images/ribbon_sp.png");
		}
}
/* ============ */
.about_flex {
		max-width: 840px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 60px;
}
.about_col_center {
		display: flex;
		justify-content: center;
		margin: 0 0 100px;
}
.about_col {
		width: calc(calc(100% - 50px) / 3);
		box-sizing: border-box;
		color: #E4002B;
		border: 3px solid #E4002B;
		border-radius: 20px;
		overflow: hidden;
		position: relative;
}
.about_col::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 95px;
		height: 83px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		pointer-events: none;
}
@media(max-width: 1200px) {
		.about_col::before {
				width: 76px;
				height: 66px;
		}
}
@media(max-width: 840px) {
		.about_col::before {
				width: 60px;
				height: 52px;
		}
}
.about_col.pt1::before {
		background-image: url("../images/corner_pt-1.png")
}
.about_col.pt2::before {
		background-image: url("../images/corner_pt-2.png")
}
.about_col.pt3::before {
		background-image: url("../images/corner_pt-3.png")
}
.about_col.pt4::before {
		background-image: url("../images/corner_pt-4.png")
}
span.iine {
		display: inline-block;
		position: relative;
}
span.iine::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 14px);
		right: -30px;
		width: 23px;
		height: 23px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 23px;
		background-image: url("../images/point_iine.png")
}
.about_flex_in {
		position: relative;
		z-index: 1;
		padding: 0 25px 15px;
}
.about_flex_in.wide {
		padding-left: 20px;
		padding-right: 20px;
}
.about_col_sb {
		font-size: 17px;
		margin: 0 0 25px;
		margin-left: 85px;
		padding-top: 40px;
		font-family: 'BaseFont-JP--strong';
		position: relative;
		z-index: 2;
}
.about_col_sb span {
		display: inline-block;
		padding: 0 0 8px;
		border-bottom: 2px solid #E4002B;
}
.about_flex_in p {
		font-family: YakuHanJP, 'BaseFont-JP--strong';
		line-height: 1.6;
		font-size: 17px;
		margin: 0 !important;
}
@media(max-width: 1200px) {
		.about_flex_in {
				padding: 0 20px 20px;
		}
		.about_flex_in p {
				font-size: 16px;
		}
}
@media (min-width: 768px) and (max-width: 840px) {
		.about_col_sb {
				font-size: 16px;
				margin: 0 0 18px;
				text-align: center;
		}
		.about_flex_in p {
				font-size: 15px;
		}
		.about_flex_in p br {
				display: none;
		}
}
.about_col_left {
		width: 100px;
		margin: 0 auto 15px;
}
.about_col_left img {
		width: 100%;
		height: auto;
}
@media(max-width: 840px) {
		.about_flex_in {
				padding: 0 20px 20px;
		}
		.about_flex_in.wide {
				padding: 0 10px 20px;
		}
}
@media(max-width: 767px) {
		.about_inner {
				padding: 0 20px;
		}
		.about_lead.second {
				margin-bottom: 30px;
		}
		.about_flex {
				display: block;
				margin: 0 auto 60px;
				padding: 0 20px;
		}
		.about_col {
				width: 100%;
				max-width: 360px;
				margin-left: auto;
				margin-right: auto;
				border: 2px solid #E4002B;
				border-radius: 20px;
		}
		.about_flex .about_col {
				margin-bottom: 20px;
		}
		.about_col_center {
				display: block;
				margin: 0 auto 60px;
		}
		.about_col::before {
				width: 75px;
				height: 75px;
		}
		.about_flex_in {
				padding: 0 20px 20px;
		}
		.about_flex_in.wide {
				padding: 0 10px 20px 20px;
		}
		.about_col_sb {
				text-align: center;
				font-size: 16px;
				margin: 0 0 25px;
				padding-top: 25px;
		}
		.about_flex .about_col:first-child .about_col_sb {
				margin-bottom: 30px;
		}
		.about_col_sb span {
				padding: 0 0 5px;
		}
		.about_flex_in {
				display: flex;
				align-items: center;
				padding: 0 20px 20px;
		}
		.about_flex_in p {
				font-size: 15px;
		}
		.about_col_left {
				width: 65px;
				margin-right: 20px;
		}
		.about_col_right {
				flex: 1
		}
		.about_col_left.extra {
				width: 65px;
		}
		.about_col_left.extra {
				margin-right: 20px;
		}
}
.qr_cont {
		border: 2px solid #E4002B;
		padding: 45px;
		border-radius: 20px;
		box-sizing: border-box;
		max-width: 670px;
		margin: 0 auto 60px;
		display: flex;
		justify-content: center;
		position: relative;
}
.qr_cont_arw {
		width: 71px;
		margin: 0 auto 40px;
}
.qr_cont_arw img {
		width: 100%;
		height: auto;
}
.qr_hd {
		text-align: center;
		color: #E4002B;
		font-size: 24px;
		font-weight: 700;
		font-weight: bold;
		margin: 0 0 35px;
		font-family: 'BaseFont-JP--strong';
}
.qr_hd span {
		display: inline-block;
		padding-left: 70px;
		position: relative;
}
.qr_hd span::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 26.5px);
		left: 0;
		width: 55px;
		height: 55px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 55px;
		background-image: url("../images/icon_line.png")
}
.qr_cont_flex {
		display: flex;
		align-items: center;
		margin: 0;
}
.qr_cont_caption {
		flex: 1
}
.qr_cont_caption p {
		line-height: 1.8;
}
.qr_cont_caption p strong {
		color: #06C755;
		font-size: 150%;
		font-weight: 700;
		font-weight: bold;
		font-family: YakuHanJP, 'BaseFont-JP--strong';
}
.qr_cont_figure {
		width: 165px;
		margin-left: 30px;
}
.qr_cont_figure img {
		width: 100%;
		height: auto;
		border-radius: 8px;
}
.line_id {
		margin-top: 15px;
		font-size: 18px;
		color: #E4002B;
		font-family: Arial, Helvetica, "sans-serif";
		font-weight: bold;
}
.line_id a {
		color: #E4002B;
		text-decoration: none;
}
@media (hover: hover) {
		.line_id a:hover {
				color: #E4002B;
				text-decoration: underline;
		}
}
.qr_sp {
		display: flex;
		justify-content: center;
		margin: 0 0 40px;
		font-family: YakuHanJP, 'BaseFont-JP';
		font-style: normal;
		font-weight: bold;
}
.qr_btn a {
		width: 315px;
		height: 80px;
		color: #fff;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #06C755;
		box-sizing: border-box;
		border: 1px solid #06C755;
		text-align: center;
		border-radius: 60px;
		line-height: 1.7;
		transition: background 0.4s;
}
@media (hover: hover) {
		.qr_btn a:hover {
				background: #fff;
				color: #06C755;
		}
}
.line_flow_wrap {
		text-align: center;
}
.line_flow_wrap .f-grn, .line_flow_wrap .f-red {
		font-family: 'BaseFont-JP--strong';
		font-size: 125%;
}
.line_flow_wrap .f-grn {
		color: #06C755;
}
.line_flow_wrap .f-red {
		color: #E4002B;
}
.line_flow_wrap p {
		text-align: center;
		line-height: 1.8;
}
.line_flow {
		width: 266px;
		margin: 25px auto;
}
.line_flow_btn {
		max-width: 440px;
		margin: 20px auto 25px;
		font-family: 'BaseFont-JP--strong';
		font-size: 22px;
		padding: 0 30px;
}
.line_flow_btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #E4002B;
		text-align: center;
		color: #fff;
		height: 95px;
		border-radius: 60px;
		text-decoration: none;
		box-sizing: border-box;
		border: 1px solid #E4002B;
		transition: background 0.1s;
		line-height: 1.6;
}
.line_flow_btn + p {
		text-align: center;
		margin: 0 0 80px;
}
.line_flow_btn + p a {
		color: #E4002B;
		text-decoration: underline;
}
@media (hover: hover) {
		.line_flow_btn a:hover {
				color: #E4002B;
				background: #fff;
		}
		.line_flow_btn + p a:hover {
				color: #E4002B;
				text-decoration: none;
		}
}
@media(max-width: 767px) {
		.qr_cont_wrap {
				padding: 0 20px;
		}
		.qr_cont {
				padding: 35px 25px;
				margin: 0 auto 30px;
				display: none
		}
		.qr_cont_arw {
				margin-bottom: 30px;
		}
		.line_flow_btn {
				font-size: 18px;
				max-width: 280px;
		}
		.line_flow_btn a {
				height: 80px;
		}
}
/* ================ */
.pagelink {
		display: flex;
		justify-content: space-between;
		align-items: center;
		list-style: none;
		position: relative;
}
.pagelink li {
		width: calc(calc(100% - 40px) / 3);
		font-family: YakuHanJP, 'BaseFont-JP';
		font-style: normal;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
}
.pagelink li a, .main_cont_nav li a {
		background: #E4002B;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		border: 1px solid #E4002B;
		border-radius: 60px;
		height: 65px;
		text-decoration: none;
		transition: background 0.1s;
}
.pagelink li a {
		height: 100px
}
.pagelink li a span, .main_cont_nav li a span {
		display: inline-block;
		position: relative;
		transform: translateY(-2px)
}
.pagelink li a span::after, .main_cont_nav li a span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -13px;
		left: calc(50% - 3px);
		width: 6px;
		height: 6px;
		transform: rotate(45deg);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
@media (hover: hover) {
		.pagelink li a:hover, .main_cont_nav li a:hover {
				background: #fff;
				color: #E4002B;
		}
		.pagelink li a:hover span::after, .main_cont_nav li a:hover span::after {
				border-right: 1px solid #E4002B;
				border-bottom: 1px solid #E4002B;
		}
}
@media(max-width: 1024px) {
		.pagelink li {
				width: calc(calc(100% - 30px) / 3);
		}
}
@media(max-width: 767px) {
		.about_section {
				padding: 0 0 100px;
		}
		.about_hd {
				font-size: 24px;
				line-height: 1.6;
				margin: 0 0 30px;
		}
		.about_sb {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.about_lead {
				line-height: 1.8;
				font-size: 14px;
		}
		.about_lead_notes {
				font-size: 12px;
				margin-bottom: 45px;
		}
		.pagelink {
				display: block
		}
		.pagelink li {
				width: 100%;
				font-size: 15px;
				margin: 0 0 15px;
		}
		.pagelink li br {
				display: none
		}
		.pagelink li:last-child {
				margin: 0;
		}
		.pagelink li a {
				height: 60px;
		}
		.pagelink li a span {
				transform: translateY(-2px)
		}
}
@media(max-width: 390px) {
		.pagelink li {
				font-size: 14px;
		}
}
/* ================ */
.section_title_center {
		display: flex;
		justify-content: center;
		margin: 0 0 30px;
		padding: 0 40px;
}
.section_title {
		text-align: center;
		color: #E4002B;
		font-size: 42px;
		font-weight: 700;
		font-weight: bold;
		font-family: 'BaseFont-JP--strong';
}
.section_title span {
		font-size: 20px;
		display: inline-block;
		padding-bottom: 10px;
}
.section_lead {
		text-align: center;
		line-height: 2.0;
		padding: 0 40px;
		margin: 0 0 100px;
}
.section_hd {
		font-size: 24px;
		font-weight: 700;
		font-weight: bold;
		font-family: 'BaseFont-JP--strong';
		color: #E4002B;
		padding: 0 40px;
		margin: 0 0 100px;
		line-height: 1.6;
		text-align: center;
}
.section_lead.extra {
		margin-bottom: 60px;
}
@media(max-width: 767px) {
		.section_title_center {
				padding: 0 20px;
		}
		.section_title {
				font-size: 24px;
		}
		.section_title span {
				font-size: 13px;
		}
		.section_lead {
				text-align: center;
				padding: 0 15px;
				margin: 0 0 60px;
		}
		.section_hd {
				font-size: 18px;
				padding: 0 15px;
				margin: 0 0 60px;
		}
		.section_lead.extra {
				margin-bottom: 40px;
		}
}
@media (max-width: 390px) {
		.section_title {
				font-size: 22px;
		}
}
/* ================ */
.freetalk_section, .shindan_section, .memberLimited_section, .memberHowto_section {
		padding-bottom: 200px;
}
@media(max-width: 767px) {
		.freetalk_section, .shindan_section, .memberLimited_section, .memberHowto_section {
				padding-bottom: 80px;
		}
}
/* ================ */
.main_nav_fix {
		padding-bottom: 100px;
}
.main_cont_nav {
		max-width: 1130px;
		margin: 0 auto;
		padding: 0 20px;
}
.main_cont_nav ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.main_cont_nav li {
		width: calc(calc(100% - 50px) / 5);
		font-family: 'BaseFont-JP--strong';
		font-size: 14px;
		letter-spacing: 0
}
@media(max-width: 1200px) {
		.main_cont_nav li {
				width: calc(calc(100% - 40px) / 5);
		}
}
@media(max-width: 1100px) {
		.main_cont_nav li {
				width: calc(calc(100% - 32px) / 5);
				line-height: 1.4;
				font-size: 14px;
		}
		.main_cont_nav li a {
				text-align: center;
				height: 75px
		}
		.main_cont_nav li br {
				display: block !important
		}
}
@media(max-width: 767px) {
		.main_cont_nav li {
				width: calc(50% - 5px);
				margin: 0 0 10px;
		}
		.main_nav_fix {
				padding-bottom: 40px;
		}
		.main_cont_nav {
				padding: 0 20px;
		}
		.main_cont_nav li {
				width: calc(50% - 5px);
				margin: 0 0 10px;
		}
		.main_cont_nav li a {
				border-radius: 15px;
		}
}
/* ============== */
.faq_wrap {
		max-width: 670px;
		margin: 0 auto 120px;
		padding: 0 30px;
}
.faq_col {
		border: 2px solid #E4002B;
		border-radius: 20px;
		padding: 40px 15px;
		text-align: center;
}
.faq_col p {
		text-align: center;
		line-height: 1.8;
		margin: 0 0 30px;
}
.linkBtn {
		width: 210px;
		margin: 0 auto;
}
.linkBtn a {
		background: #E4002B;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		border: 1px solid #E4002B;
		border-radius: 60px;
		height: 55px;
		text-decoration: none;
		transition: background 0.1s;
}
.linkBtn a span {
		transform: translateY(-1px)
}
@media (hover: hover) {
		.linkBtn a:hover {
				background: #fff;
				color: #E4002B;
		}
}
@media(max-width: 767px) {
		.faq_wrap {
				margin: 0 auto 100px;
				padding: 0 20px;
		}
		.faq_col {
				padding: 30px 20px;
		}
		.faq_col p {
				text-align: left;
				margin-bottom: 25px;
		}
		.faq_col p br {
				display: none
		}
}
/* ================ */
@media(min-width: 768px) {
		.sp_bg {
				display: none
		}
}
.sp_bg img {
		width: 100%;
		height: auto
}
.sp_bg.sp_bg-1 {
		margin-bottom: 40px;
		padding: 0 20px;
}
.sp_bg.sp_bg-2 {
		margin-bottom: 80px;
		padding: 0 20px;
}
/* ================ */
.anchor {
		padding-top: 50px;
		margin-top: -50px;
		pointer-events: none;
}
@media(min-width: 768px) {
		.spbr {
				display: none
		}
		.spObj {
				display: none
		}
}
@media(max-width: 960px) {
		.tabletbr {
				display: none
		}
}
@media(max-width: 767px) {
		.pcbr {
				display: none
		}
		.pcObj {
				display: none
		}
}
.fadeInNml {
		opacity: 0;
		transition: opacity 0.3s linear;
}
.fadeInNmlActive {
		opacity: 1;
}