@charset "utf-8";

/*---------------------------------------------

policyスタイル

-----------------------------------------------*/

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

/* ▼全体PC */
#pagetitle {border-top: solid 1px #e0e0e0;}

#pagetitle .inner {padding: 70px 0 75px 0;}

#pagetitle h1 {
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
}

#pagetitle h1 span {
	margin-left: 28px;
	vertical-align: -7px;
}

#pagetitle h1 img {
	width: 160px;
	image-rendering: -webkit-optimize-contrast;
}

h2 {
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
}

h2 span {
	margin-left: 28px;
	vertical-align: -7px;
}

/* ▼policy_contentsPC */
#p_area01 {
	position: relative;
	padding: 20px 0 45px 0;
}

#p_area01 .p_img {
	position: absolute;
	width: 272px;
	top: 0;
	left: 0;
}

#p_area01 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area01 .graybox {
	width: 800px;
	margin-left: 200px;
	min-height: 280px;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 25px 25px 30px 120px;
}

#p_area01 .graybox h2 {
	color: #f05b89;
	line-height: 1.5;
	margin-bottom: 25px;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 26px 30px;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 50px;
}

#p_area01 .graybox p {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
}

#p_area02 {
	position: relative;
	padding: 20px 0 45px 0;
}

#p_area02 .p_img {
	position: absolute;
	width: 272px;
	top: 0;
	right: 0;
}

#p_area02 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area02 .graybox {
	width: 800px;
	min-height: 280px;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 25px 110px 30px 30px;
}

#p_area02 .graybox h2 {
	color: #f05b89;
	line-height: 1.5;
	margin-bottom: 25px;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 26px 30px;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 50px;
}

#p_area02 .graybox p {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
}

#p_area03 {
	position: relative;
	padding: 60px 0 135px 0;
}

#p_area03 .p_img:nth-of-type(1) {
	position: absolute;
	width: 272px;
	top: 0;
	left: 75px;
	z-index: 10;
}

#p_area03 .p_img:nth-of-type(2) {
	position: absolute;
	width: 158px;
	top: 205px;
	left: 15px;
	z-index: 20;
}

#p_area03 .p_img:nth-of-type(3) {
	position: absolute;
	width: 193px;
	top: 245px;
	left: 200px;
	z-index: 30;
}

#p_area03 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area03 .graybox {
	width: 800px;
	margin-left: 200px;
	min-height: 280px;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 25px 25px 30px 225px;
}

#p_area03 .graybox h2 {
	color: #f05b89;
	line-height: 1.5;
	margin-bottom: 25px;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 26px 30px;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 50px;
}

#p_area03 .graybox p {
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
}

/* ▼messagePC */
#message {padding-bottom: 100px;}

#message .inner {padding: 35px 0;}

#message h2 img {
	width: 209px;
	image-rendering: -webkit-optimize-contrast;
}

.message_area {
	width: 100%;
	background: #e5e5e5;
}

#message .message_area .inner {
	width: 1000px;
	min-height: 553px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.message_area h3 {padding: 42px 0 20px 45px;}

.message_area h3 img {
	width: 533px;
	image-rendering: -webkit-optimize-contrast;
}

.message_area .p_img {
	position: absolute;
	width: 369px;
	height: 553px;
	top: 0;
	right: 0;
}

.message_area .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.message_area p:nth-of-type(1) {
	margin-left: 45px;
	width: 550px;
	font-size: 15px; font-size: 1.5rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
}

.message_area p:nth-of-type(2) {
	margin-left: 45px;
	width: 550px;
	font-size: 19px; font-size: 1.9rem;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	padding-top: 30px;
	text-align: right;
}

/* ▼introPC */
#intro {background: #e5e5e5;}

#intro .inner {padding: 50px 0 5px 0;}

#intro h2 img {
	width: 339px;
	image-rendering: -webkit-optimize-contrast;
}

.bn_area {width: 100%;}

.bn_area ul {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 45px 0;
}

.bn_area li {text-align: center;}

.bn_area li img {
	width: 535px;
	image-rendering: -webkit-optimize-contrast;
}

}

@media only screen and (max-width: 767px) {

/* ▼全体SP */
#pagetitle .inner {padding: 12% 0;}

#pagetitle h1 {
	font-size: 5vw;
	font-feature-settings: "palt" 1;
}

#pagetitle h1 span {
	display: block;
	margin-top: 3%;
}

#pagetitle h1 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

h2 {
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.5;
}

h2 span {
	display: block;
	margin-top: 3%;
}

/* ▼policy_contentsPC */
#p_area01 {
	position: relative;
	padding: 0 0 6% 0;
}

#p_area01 .p_img {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3% 3% 2% 3%;
}

#p_area01 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area01 .graybox {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3%;
}

#p_area01 .graybox h2 {
	color: #f05b89;
	font-size: 4.5vw;
	line-height: 1.5;
	margin-bottom: 3%;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 7%;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 10%;
}

#p_area01 .graybox p {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

#p_area02 {
	position: relative;
	padding: 0 0 6% 0;
}

#p_area02 .p_img {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3% 3% 2% 3%;
}

#p_area02 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area02 .graybox {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3%;
}

#p_area02 .graybox h2 {
	color: #f05b89;
	font-size: 4.5vw;
	line-height: 1.5;
	margin-bottom: 3%;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 7%;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 10%;
}

#p_area02 .graybox p {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

#p_area03 {
	position: relative;
	padding: 0 0 12% 0;
}

#p_area03 .p_img:nth-of-type(1) {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3% 3% 2% 3%;
}

#p_area03 .p_img:nth-of-type(2),
#p_area03 .p_img:nth-of-type(3) {display: none;}

#p_area03 .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#p_area03 .graybox {
	width: 100%;
	background: #e5e5e5;
	box-sizing: border-box;
	padding: 3%;
}

#p_area03 .graybox h2 {
	color: #f05b89;
	font-size: 4.5vw;
	line-height: 1.5;
	margin-bottom: 3%;
	background: url("../new_img/ha_icon03.png") left center no-repeat;
	background-size: 7%;
	image-rendering: -webkit-optimize-contrast;
	padding-left: 10%;
}

#p_area03 .graybox p {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
}

/* ▼messageSP */
#message .inner {
	padding: 4% 0 3% 0;
	width: 100%;
}

#message h2 {
	width: 94%;
	margin: 0 auto;
}

#message h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.message_area {
	width: 100%;
	background: #e5e5e5;
	margin-bottom: 14%;
}

#message .message_area .inner {
	width: 94%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.message_area h3 {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0;
}

.message_area h3 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.message_area .p_img {
	width: 100%;
	margin: 0 auto;
}

.message_area .p_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.message_area p:nth-of-type(1) {
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
	padding-top: 4%;
}

.message_area p:nth-of-type(2) {
	font-size: 4.5vw;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	padding: 3% 0 5% 0;
	text-align: right;
}

/* ▼introSP */
#intro {background: #e5e5e5;}

#intro .inner {
	padding: 8% 0 3% 0;
	width: 100%;
}

#intro h2 {
	width: 94%;
	margin: 0 auto;
}

#intro h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

.bn_area {width: 100%;}

.bn_area ul {
	width: 94%;
	margin: 0 auto;
	padding: 4% 0 5% 0;
}

.bn_area li {text-align: center;}

.bn_area li img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

}