﻿#dammy {
	display: block;
	overflow: hidden;
	background: url('../img/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

body {
	background: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin:0;
}

/*
=================================== */
.mtitle_area .block1::before {
	position: absolute;
	top:10px;
	right:0;
	content: '';
	background: url('../img/point/mtitle_illust.png') no-repeat;
	background-size: 100px auto;
	width:100px;
	height:100px;
}

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

	.mtitle_area .block1::before {
		background-size: 110px auto;
		width:110px;
		height:105px;
	}
}

.mtitle_area p {
	font-size:1.5rem;
}

.mtitle_area h2 {
	font-size:2.3rem;
}

.point_area1 .block1 {
	padding-top:50px;
	padding-bottom:75px;
}

.point_area1 .mlead {
	margin:0 0 25px;
	text-align: center;
	font-size:1.4rem;
}

.point_area1 .lead {
	padding: 8px 10px;
	line-height:1.4;
	font-size:1.1rem;
	border:1px solid #000100;
}

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

	.point_area1 .mlead {
		font-size:1.5rem;
	}

	.point_area1 .lead {
		font-size:1.2rem;
	}
}

.areatitle {
	margin:0 0 25px;
	padding:25px 0 0 85px;
	min-height:50px;
	position: relative;
}

.areatitle .label {
	position: absolute;
	top:0;
	left:0;
	width:75px;
	height:50px;
	line-height:50px;
	font-size:2.1rem;
	font-family: coniferous, sans-serif;
	font-weight: 500;
	text-align: center;
	background: url('../img/point/areatitle_icon.png') no-repeat;
	background-size: auto 50px;
}

.areatitle .label b {
	font-size:2.8rem;
	font-weight: 500;
}

.areatitle .lead {
	position: absolute;
	top:6px;
	left:85px;
	line-height:1.0;
	font-size:1.6rem;
}

.areatitle h2 {
	line-height:1.2;
	font-size:2.0rem;
}

.mex {
	margin:0 0 40px;
	letter-spacing: 0.3px;
}

.mex a,
.mex b {
	text-decoration: underline;
	font-weight: 400;
}

.point_area2 .block1 {
	padding-top:60px;
	padding-bottom:85px;
	position: relative;
}

.point_area2 .block1::before {
	position: absolute;
	top:-20px;
	left:50%;
	content: '';
	background: url('../img/point/sp_point_illust3.png') no-repeat;
	background-size: 101px 51px;
	margin:0 0 0 -50px;
	width:101px;
	height:51px;
}

.point_area2 .image_block {
	margin:0 0 15px;
}

.point_area2 .image_block .imagebox {
	margin:0 auto 10px;
	max-width:400px;
}

.point_area2 .image_block .imagebox:last-child {
	margin-bottom:0;
}

.point_area2 .image_block .ex {
	font-size:1.3rem;
	letter-spacing: 0.5px;
}

.point_area3 .block1 {
	padding-top:85px;
	position: relative;
}

.point_area3 .block1::before {
	position: absolute;
	top:-40px;
	left:50%;
	content: '';
	background: url('../img/point/point_illust2.png') no-repeat;
	background-size: 101px 95px;
	margin:0 0 0 -50px;
	width:101px;
	height:95px;
}

.point_area3 .spbox {
	margin:0 0 20px;
	padding: 5px 10px;
	letter-spacing: 1px;
	border:1px solid #000100;
}

.point_area3 .inblock.lblock {
	margin:0 0 20px;
}

.point_area3 .inblock h3 {
	display: none;
}

.point_area3 .inblock .sptitle {
	margin:0 0 5px;
	font-size:1.6rem;
	font-weight: bold;
}

.point_area3 .inblock .ex p {
	line-height:1.8;
}

.point_area3 .inblock .ex p.imagebox {
	margin:0 auto;
	padding:15px 0 0;
	max-width:400px;
}

.sample_block {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dashed #949595;
}

.sample_block:last-of-type {
	margin:0 0 30px;
	padding:0;
	border-bottom:none;
}

.sample_block h3 {
	margin:0 0 15px;
	font-size:2.0rem;
	letter-spacing: 1px;
}

.sample_block .ex {
	padding: 0 0 10px;
	font-size:1.4rem;
	letter-spacing: 1px;
}

.imagewrap {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.imagewrap .imagebox {
	margin:0 0 10px;
}

.imagewrap .image {
	width:calc(50% - 0.5vw);
}

.imagewrap .imagebox.w .image,
.imagewrap .imagebox.ww .image {
	width:100%;
}

.imagewrap .imagebox .cap {
	padding: 0 0 10px;
	line-height:1.4;
}

.imagewrap .imagebox .cap b {
	display: block;
	font-size:1.5rem;
}

.morebox {
	margin:0 auto;
	width:230px;
}

.morebox a {
	display: block;
	line-height:40px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #aaaaaa;
	background-color: #FFF;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.point_area5 {
	background: url('../img/common/bgtile1.png') repeat center top;
	background-size: 70px 70px;
}

.point_area5 .check_block {
	margin:0 0 10px;
	text-align: center;
}

.point_area5 .check_block .check {
	display: inline-block;
	background-image: url('../img/point/sp_bar1.svg'), url('../img/point/sp_bar2.svg');
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 13px 25px, 17px 31px;
	margin:0 0 20px;
	padding:0 25px;
}

.point_area5 .check_block .linebox {
	margin:0 auto;
	max-width:470px;
}

.point_area5 .check_block .linebox a {
	display: block;
	line-height:50px;
	text-align: center;
	font-size:1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px solid #aaaaaa;
	background-color: #FFF;
	box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.1);
}

.point_area5 .check_block .linebox b {
	display: inline-block;
	background: url('../img/common/icon_line2.png') no-repeat;
	background-size: 36px 36px;
	padding:0 0 0 46px;
	line-height:36px;
}

.point_area5 .ex {
	font-size:1.3rem;
}

.point_area6 .sp_wrap {
	padding:40px 10px 30px;
	background-color: #FFF;
	position: relative;
}

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

	.point_area6 .sp_wrap {
		padding:40px 20px 30px;
	}
}

.point_area6 .sp_wrap::before {
	position: absolute;
	top:-15px;
	right:5px;
	content: '';
	background: url('../img/point/sp_point_illust1.png') no-repeat;
	background-size: 57px 65px;
	width:57px;
	height:65px;
}

.order_block {
	margin:0 0 30px;
}

.last .order_block {
	margin:0;
}

.point_area6 .mlead {
	margin:0 0 20px;
	text-align: center;
	font-size:1.6rem;
	font-weight: bold;
}

.point_area6 .order {
	line-height:1.3;
}

.point_area6 .order a {
	display: block;
	background-image: url('../img/common/icon_arrow1.svg'), url('../img/point/sp_btnimage.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 8px center, right 2px center;
	background-size: 22px 22px, 86px 86px;
	padding:15px 0 15px 36px;
	font-weight: 500;
	border:2px solid #FFF;
	background-color: #eada91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.2);
}

.point_area6 .order a b {
	display: block;
	font-size:1.8rem;
}

.point_area6 .order a span {
	font-size:1.2rem;
}

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

	.point_area6 .order a {
		background-position: 15px center, right 2px center;
		background-size: 22px 22px, 92px 92px;
		padding:15px 0 15px 50px;
	}

	.point_area6 .order a b {
		font-size:2.0rem;
	}

	.point_area6 .order a span {
		font-size:1.3rem;
	}
}

.point_area6 .inforbox .timebox {
	margin:0 0 10px;
}

.imp_mtitle {
	margin:0 0 25px;
	padding:15px 0 0 85px;
	min-height:50px;
	position: relative;
}

.imp_mtitle p {
	position: absolute;
	top:0;
	left:0;
	width:75px;
	height:50px;
	line-height:50px;
	font-family: coniferous, sans-serif;
	font-weight: 500;
	text-align: center;
	background: url('../img/point/areatitle_icon.png') no-repeat;
	background-size: auto 50px;
}

.imp_mtitle h2 {
	line-height:1.0;
	font-size:1.9rem;
	letter-spacing: 1px;
}

.imp_mtitle h2 span {
	font-size:1.4rem;
	letter-spacing: 0.5px;
}

.impbox {
	margin:0 0 35px;
	font-size:1.3rem;
}

.impbox h3 {
	margin:0 0 8px;
}

.impbox li {
	margin:0 0 5px;
}

.impbox li:last-child {
	margin-bottom:0;
}

.impbox li a {
	text-decoration: underline;
}

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


}

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

	/*
	=================================== */
	.mtitle_area .block1::before {
		top:30px;
		right:-15px;
		background-size: 220px 210px;
		width:220px;
		height:210px;
	}

	.mtitle_area .mtitle {
		align-items: center;
	}

	.mtitle_area p {
		margin:0 15px 0 0;
		font-size:2.0rem;
	}

	.mtitle_area h2 {
		font-size:4.0rem;
	}

	.point_area1 .block1 {
		padding-top:40px;
		padding-bottom:40px;
	}

	.point_area1 .mlead {
		margin:0 0 20px;
		text-align: left;
		font-size:2.0rem;
	}

	.point_area1 .lead {
		padding:10px;
		text-align: center;
		font-size:1.6rem;
	}

	.areatitle {
		margin:0 0 35px;
		padding:36px 0 0 105px;
		min-height:68px;
	}

	.areatitle .label {
		left:-10px;
		width:101px;
		height:68px;
		line-height:68px;
		font-size:2.6rem;
		background-size: 101px 68px;
	}

	.areatitle .label b {
		font-size:3.6rem;
	}

	.areatitle .lead {
		top:10px;
		left:100px;
		font-size:2.0rem;
	}

	.areatitle h2 {
		font-size:2.6rem;
		letter-spacing: 1px;
	}

	.mex {
		margin:0 0 30px;
		font-size:1.8rem;
		letter-spacing: 0.6px;
	}

	.point_area2 .block1 {
		padding-top:50px;
		padding-bottom:40px;
	}

	.point_area2 .block1::before {
		top:20px;
		left:auto;
		right:60px;
		background-image: url('../img/point/point_illust5.png');
		background-size: 114px 91px;
		margin:0;
		width:114px;
		height:91px;
	}

	.point_area2 .image_block {
		background: url('../img/point/point_area2image.png') no-repeat;
		background-size: 800px 270px;
		margin:0;
		padding:290px 0 0;
	}

	.point_area2 .image_block .imagebox {
		display: none;
		margin:0;
		max-width:100%;
	}

	.point_area2 .image_block .ex {
		font-size:1.4rem;
		letter-spacing: 1px;
	}

	.point_area3 .block1 {
		padding-top:50px;
	}

	.point_area3 .block1::before {
		top:20px;
		left:auto;
		right:70px;
		background-size: 101px 95px;
		margin:0;
	}

	.point_area3 .spbox {
		display: none;
	}

	.point_area3 .inblock {
		width:385px;
	}

	.point_area3 .inblock.lblock {
		margin:0;
		float:left;
	}

	.point_area3 .inblock.rblock {
		float:right;
	}

	.point_area3 .inblock h3 {
		display: block;
		margin:0 0 20px;
		padding:10px 0 10px 10px;
		font-size:2.0rem;
		border:1px solid #000100;
	}

	.point_area3 .inblock .sptitle {
		display: none;
	}

	.point_area3 .inblock .ex {
		font-size:1.8rem;
	}

	.point_area3 .inblock .ex p.imagebox {
		max-width:100%;
	}

	.point_area4 .block1 {
		padding-bottom:85px;
	}

	.sample_block {
		margin:0 0 25px;
		padding:0 0 30px;
	}

	.sample_block:last-of-type {
		margin:0;
		padding:0;
	}

	.sample_block h3 {
		margin:0 0 15px;
	}

	.sample_block .ex {
		padding:10px 0 0;
		font-size:1.6rem;
	}

	.imagewrap .imagebox {
		margin:0 7px 20px 0;
		width:195px;
	}

	.imagewrap .imagebox.w {
		width:395px;
	}

	.imagewrap .imagebox.ww {
		width:100%;
	}

	.imagewrap .image {
		width:100%;
	}

	.imagewrap .imagebox.w .image {
		width:100%;
	}

	.imagewrap .imagebox .cap {
		padding:10px 0 0;
	}

	.imagewrap .imagebox .cap b {
		font-size:1.8rem;
	}

	.imagewrap .imagebox.ww .cap b {
		display: inline-block;
		margin:0 10px 0 0;
	}

	.morebox {
		width:330px;
	}

	.morebox a {
		line-height:60px;
		font-size:2.0rem;
	}

	.point_area5 {
		background: none;
	}

	.point_area5 .check_block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin:0 0 20px;
	}

	.point_area5 .check_block .check {
		display: block;
		background-image: url('../img/point/bar1.svg'), url('../img/point/bar2.svg');
		background-position: right top, right bottom;
		background-size: 44px 26px, 35px 14px;
		margin:0;
		padding:25px 10px 15px 0;
		text-align: right;
		font-size:2.0rem;
	}

	.point_area5 .check_block .linebox {
		margin:0;
		width:470px;
	}

	.point_area5 .check_block .linebox a {
		line-height:70px;
		font-size:2.0rem;
		font-weight: bold;
		letter-spacing: 2px;
	}

	.point_area5 .check_block .linebox b {
		background-size: 40px 40px;
		padding:0 0 0 55px;
		line-height:40px;
	}

	.point_area5 .ex {
		line-height:1.8;
		text-align: center;
		font-size:1.8rem;
	}

	.point_area5 .ex b {
		display: block;
	}

	.point_area6 .sp_wrap {
		margin:0 auto;
		padding:40px 120px 0;
		width:1040px;
		background-color: transparent;
		position: static;
	}

	.point_area6 .sp_wrap.last {
		padding:0 120px 100px;
	}

	.point_area6 .sp_wrap::before {
		display: none;
	}

	.order_block {
		margin:0 0 45px;
	}

	.last .order_block {
		position: relative;
	}

	.last .order_block::before {
		position: absolute;
		top:-75px;
		left:-100px;
		content: '';
		background: url('../img/point/point_illust1.png') no-repeat;
		background-size: 77px 110px;
		width:77px;
		height:110px;
	}

	.point_area6 .mlead {
		font-size:2.0rem;
	}

	.point_area6 .order {
		line-height:1.0;
		font-size:1.5rem;
		position: relative;
	}

	.point_area6 .order a {
		background-image: url('../img/common/icon_arrow1.svg'), url('../img/point/btnimage.png');
		background-repeat: no-repeat, no-repeat;
		background-position: 20px center, right 3px center;
		background-size: 34px 34px, 245px 90px;
		padding:27px 0 0 70px;
		height:100px;
	}

	.point_area6 .order::after {
		top:-50px;
		right:-50px;
		background-size: 200px 211px;
		width:200px;
		height:211px;
	}

	.point_area6 .order a b {
		margin:0 0 5px;
		font-size:3.0rem;
	}

	.point_area6 .order a span {
		display: block;
		font-size:1.6rem;
		letter-spacing: 1px;
	}

	.point_area6 .inforbox .timebox {
		margin:0;
	}

	.point_area6 .block1 {
		padding-top:40px;
		padding-bottom:100px;
		position: relative;
	}

	.point_area6 .block1::before {
		position: absolute;
		top:-20px;
		left:20px;
		content: '';
		background: url('../img/point/point_illust1.png') no-repeat;
		background-size: 77px 110px;
		width:77px;
		height:110px;
	}

	.imp_mtitle {
		margin:0 0 35px;
		padding:28px 0 0 105px;
		min-height:68px;
	}

	.imp_mtitle p {
		left:-10px;
		width:101px;
		height:68px;
		line-height:75px;
		font-size:1.8rem;
		background-size: 101px 68px;
		letter-spacing: 1px;
	}

	.imp_mtitle h2 {
		font-size:2.2rem;
	}

	.imp_mtitle h2 span {
		font-size:1.8rem;
	}

	.impbox {
		margin:0 0 60px;
		font-size:1.5rem;
	}

	.impbox:last-child {
		margin-bottom:110px;
	}

	.impbox h3 {
		margin:0 0 8px;
	}

	.impbox li {
		margin:0 0 5px;
	}
}