@charset "utf-8";
/* CSS Document */

/* ▽Reset CSS▽　*/
html, body, div, span, object, iframe,h1, h2,
h3, h4, h5, h6, p,  pre,a, address, code, em,
img,  q, s, small, strong, sub, sup, var,b, u,
i, dl, dt, dd, ol, ul, li, form, label, table,
caption, tr, th, td,article, aside, canvas,
figure, figcaption, footer, header, 
menu, nav, output, ruby, section  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
article, aside, figcaption, figure, 
footer, header, menu, nav, section {
	display: block;
}
body {
	overflow: hidden;
	word-break: break-all;
}
ol, ul {
	list-style: none;
}
ul li {
	list-style-type: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	display: block;
	border: 0px;
	width: 100%;
}
a:hover img,
a:hover {
	opacity: 0.7;
}
.awesome{
	font-family: FontAwesome;
}

/* △Reset CSS△　*/

/* ▽Base CSS▽　*/
body {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#all-wrap {
	overflow: hidden;
}
.m-anchor::before {
    vertical-align: top;
    padding-top: 80px;
    margin-top: -80px;
}
/* △Base CSS△　*/
#all-wrap p {
	color: #514b51;
}
#cont01-wrap p {
	width: 93%;
    margin: 8px auto 23px auto;
    font-size: 16px;
}
.cont01-box h2 {
	width: 90%;
    margin: 30px auto 10px auto;
}
.m-button-box ul {
	width: 93%;
    margin: 25px auto 0 auto;
}
.m-button-box ul li {
	display: inline-block;
	width: 30%;
    margin-right: 3%;
}
.m-button-box ul li:last-child {
	margin-right: 0;
}
.cont01-box h3 .h3-txt ,
.cont01-box h3 .h3-icon {
		display: none;
}
.cont02-box #step-all {
	background: transparent;
	background: #d5d6d6;
	background-image: radial-gradient(#fff 13%, transparent 0), radial-gradient(#fff 13%, transparent 0);
	background-position: 0 0, 8px 8px;
	background-size: 15px 15px;
	overflow: hidden;
	padding-bottom: 25px;
}
#cont01-wrap {
	background: transparent;
	background: #d5d6d6;
	background-image: radial-gradient(#fff 13%, transparent 0), radial-gradient(#fff 13%, transparent 0);
	background-position: 0 0, 8px 8px;
	background-size: 15px 15px;
	overflow: hidden;
	padding-bottom: 25px;
}
#cont02-area #cont01-wrap {
	background: none;
	margin-top: 20px;
}
#cont01-wrap #st-bnr {
	width: 61%;
	margin: 0 auto;
	position: relative;
	top: 21px;
}
#cont01-wrap .fl-r60 {
	margin-top: 18px;
}
#cont01-wrap .fl-r60 img ,
#cont01-wrap .fl-l60 img {
	width: 95%;
	margin: 0 auto;
	padding-left: 5px;
}
#cont01-wrap .fl-l40 img {
	display: none;
}
#cont01-wrap .fl-sub {
	width: 90%;
	margin: 0 auto 30px auto;
}
.step01-box .st02-img {
	position: relative;
	top: -10px;
}
.step01-box .center {
	width: 94%;
	margin: 0 auto;
}
#cont01-wrap p.p-sp {
	display: none;
}
#cont01-wrap .fl-sub img {
	display: inline-block;
	width: 46%;
	margin-right: 4%;
}
#cont01-wrap .fl-sub img:first-child {
	padding: 0;
}
#cont01-wrap .fl-sub img:last-child {
	margin-right: 0;
}
#cont01-wrap .fl-r40 img {
    width: 70%;
	margin: 0 auto;
}
#cont01-wrap .fl-r40 img.fl-img {
	margin: -23px auto 0 auto;
}
.ct02-title img {
	padding: 20px 0 17px 0;
    width: 92%;
    margin: 0 auto;
}
.ct02-bg {
	background-color: #e25287;
	padding: 15px 0;
}
.step01-box {
	background-color: #fff;
    padding: 10px 0;
    width: 96%;
    margin: 0 auto;
    border-radius: 17px;
}
.step01-box .tittle-img {
    margin: 20px auto 19px auto;
    width: 86%;
}
.step01-box h2 {
	background-color: #514b51;
    color: #fff;
    text-align: center;
    padding: 1px 0;
    width: 87%;
    margin: 32px auto 10px auto;
}
.step01-box p {
	color: #989899;
	font-size: 25px;
}
.grid01 .sub-t ,
.grid02 .sub-t ,
.grid03 .sub-t {
	color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 58%;
    margin: 18px auto 11px auto;
    text-align: center;
    border-radius: 45px;
    padding: 3px 0;
}
.grid01 .sub-t.s01 {
	background-color: #e25287;
	margin-top: 33px;
}
.grid02 .sub-t.s02 {
	background-color: #009ec9;
	margin-top: 33px;
}
.grid03 .sub-t.s03 {
	background-color: #29a192;
	margin-top: 33px;
}
.step01-box h3 {
	font-size: 16px;
    font-weight: 600;
	text-align: center;
    letter-spacing: 0;
    line-height: 1.2em;
    margin-bottom: 20px;
}
.step01-box h3 br {
	display: none;
}
.grid01 h3 {
	color: #e25287;
}
.grid02 h3 {
	color: #009ec9;
}
.grid03 h3 {
	color: #29a192;
}
.cont02-box .grid01 {
	background-color: #ffd8e2;
	overflow: hidden;
	margin: 16px auto;
	width: 95%;
	padding-bottom: 13px;
}
.grid01 .fl-l60 p,
.grid02 .fl-l60 p,
.grid03 .fl-l60 p {
	color: #514b51;
	display: none;
}
.grid01 .fl-r40 p,
.grid02 .fl-r40 p,
.grid03 .fl-r40 p {
	color: #514b51;
}
#cont01-wrap .fl-r40 p {
    width: 95%;
}
#cont01-wrap p.sub {
	border: 1px solid #e25287;
    background-color: #fff;
    color: #e25287;
    padding: 5px 0 0 0;
    font-size: 18px;
    text-align: center;
    line-height: 1.3em;
    font-weight: 500;
	margin: 38px auto 3px auto;
}
.fl-r70 .sub-img02 {
	width: 98%;
    margin: 0 auto;
}
#cont01-wrap p.tag {
	margin: 0 0 33px 0;
    text-align: right;
    font-size: 13px;
    width: 97%;
}
.grid01 .fl-r70 p.tag {
	color: #231815;
    text-align: right;
    font-size: 14px;
    margin: 0;
}
.grid01 .fl-l30 {
	display: none;
}
.cont02-box .grid02 {
	background-color: #d7e9ff;
	overflow: hidden;
	margin: 16px auto;
    width: 95%;
	padding-bottom: 13px;
}
.cont02-box .grid03 {
	background-color: #e8efe7;
	overflow: hidden;
	margin: 16px auto;
    width: 95%;
	padding-bottom: 13px;
}
.grid03 ul li {
	display: inline-block;
	font-size: 14px;
    color: #514b51;
	word-break: break-all;
}
.grid03 .fl-r30 {
	width: 92%;
	margin: 15px auto;
}
.grid03 .fl-r30 ul {
	border: 1px solid #666466;
	padding: 10px 0 13px 0;
}
.grid03 .fl-l70 .st03-img {
	width: 90%;
	margin: 0 auto;
}
.cont03-box .ct03-t {
	background-color: #e25287;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
.cont03-box .ct03-c {
	background-color: #e25287;
}
.cont03-box .ct03-c img:last-child {
	position: relative;
	top: -10px;
	width: 94%;
    margin: 0 auto;
}
.cont03-box .ct03-b {
	background-color: #e25287;
	font-size: 13px;
    line-height: 1.3em;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 0 0 15px 0;
}
#cont03-area .use-box {
	 background: repeating-linear-gradient(-45deg, #ffd8e2, #ffd8e2 7px, #fde6ec 0, #fde6ec 10px);
	padding-bottom: 30px;
	padding-top: 35px;
	overflow: hidden;
}
.cont03-box h2 {
	width: 92%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 21px;
}
.use-box .tittle-sub {
	background-color: #514b51;
    color: #fff !important;
    font-size: 23px;
    font-weight: 500;
    width: 65%;
    margin: 0 auto;
    text-align: center;
    border-radius: 45px;
    padding: 8px 0;
    margin-bottom: 27px;
	letter-spacing: 1px;
}
.fr-box .tittle-sub:first-child {
	display: none;
}
.use-grid .fr-box img {
	width: 10%;
    margin: 25px auto 15px auto;
}
.use-box .fr-box p:last-child {
	width: 93%;
	margin: 10px auto auto auto;
}
.use-box .fr-box p br {
	display: none;
}
.use-box .fr-box img {
	display: none;
}
.use-box img {
    width: 67%;
    margin: 0 auto;
}
.use-box img.icon {
    width: 12%;
	margin: 10px auto 0 auto;
}
.use-box .use-grid {
	margin-top: 9px;
}
.step01-box .center01 img {
	display: none;
}
.grid03 .fl-r30 .st03-img01 {
	display: none;
}
#cont03-area .use-box .bg-right .bg-t ,
#cont03-area .use-box .bg-right .bg-b {
	display: none;
}
.cont03-box .ct03-sub {
	display: none;
}
/* ▼▼▼　bnr-area ▼▼▼ */
#bnr-area .bnr-box {
	overflow: hidden;
	width: 95%;
	margin: 20px auto 0 auto;
	border: 1px solid #ccc;
}
#bnr-area .bnr-fl {
	width: 70%;
    margin: 10px auto 10px auto;
}
#bnr-area .bnr-fl img {
    width: 80%;
	margin: 0 auto;
}
#bnr-area .bnr-fr {
	width: 90%;
	margin: 0 auto 15px auto;
}
#bnr-area .bnr-fr h3 {
	font-family: ｍｓ ｐ明朝,ms pmincho,ヒラギノ明朝 pro w3,hiragino mincho pro,serif;
	font-size: 28px;
	padding: 10px 0 0 0;
	text-align: center;
	margin: 10px 0 10px 0;
	color: #444344;
	border-style: none;
	text-indent: 0; 
	letter-spacing: 1px;
}
#bnr-area .bnr-fr h3 ruby rt {
	font-size: 11px;
}
#bnr-area .bnr-fr h3::after {
	display: none;
}
#bnr-area .bnr-fr .p-sub02 {
	font-size: 17px;
	color: #444344;
	text-align: center;
	margin: 0 0 20px 0;
}
#bnr-area .btn {
	line-height: 1.1em;
    width: 78%;
    margin: 0 auto;
    text-align: center;
    border-radius: 55px;
    padding: 12px 0;
    font-size: 20px;
    margin-bottom: 24px;
}
#bnr-area .btn a {
	font-size: 19px;
    text-decoration: none;
    color: #fff;
}
#bnr-area .btn {
    background-color: #e25287;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#bnr-area .btn:hover {
    background-color: #e1e1e1;
}
#bnr-area .btn:hover a {
	color: #242424;
}
#bnr-area .bnr-box .bnr-sub {
	display: none;
}
#bnr-area .bnr-fr h3 span.bnr-sub {
	display: none;
}
/* -------  Tablet area -------*/
@media screen and (min-width: 641px) {
	#m-button-area ,
	.cont01-box h2 img ,
	#cont01-wrap .ct01-bg ,
	.ct02-title img ,
	.ct02-bg img ,
	#cont02-area #cont01-wrap ,
	.cont03-box h2 ,
	.cont03-box .ct03-c img ,
	#cont03-area .use-wrap ,
	.cont03-box .ct-tittle {
		max-width: 780px;
		margin: 0 auto;
	}
	.top-box {
		height: 363px;
		background-image: url(../img/top-bg.png);
		position: relative;
	}
	.top-box:before {
		width: 50%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		background-color: #e25287;
	}
	.top-box .image {
		position: absolute;
		left: 70%;
		margin-left: -500px;
	}
	.top-box .image img {
		width: 612px;
		margin: 0 auto;
	}
	.m-button-box ul {
		width: 61%;
		margin: 37px auto;
	}
	.cont01-box h2 {
		width: 73%;
		margin: 30px auto 16px auto;
	}
	.cont01-box h3 {
		background-color: #514b51;
		color: #ffffff;
		text-align: center;
		font-size: 21px;
		padding: 7px 0;
	}
	.ct02-title img {
		width: 76%;
	}
	.cont01-box h3 .h3-txt {
		display: inherit;
		display: inline-block;
	}
	.cont01-box h3 .h3-icon {
		display: inline-block;
		width: 30px;
	}
	.cont01-box h3 img {
		display: none;
	}
	.cont01-box h3 .h3-icon img {
		display: inherit;
	}
	#cont01-wrap .ct01-bg {
		margin-top: 30px;
	}
	#cont01-wrap .fl-l40 {
		float: left;
		width: 34%;
	}
	#cont01-wrap .fl-l40 img {
		display: inherit;
		width: 378px;
	}
	#cont01-wrap .fl-r60 {
		float: right;
		width: 60%;
		margin-top: 0;
	}
	#cont01-wrap .fl-l60 {
		float: left;
		width: 63%;
	}
	.grid03 .fl-r30 .st03-img01 {
		display: inherit;
	}
	.cont02-box .grid01 .gr-box ,
	.cont02-box .grid02 .gr-box ,
	.cont02-box .grid03 .gr-box {
		width: 91%;
		margin: 25px auto;
		overflow: hidden;
	}
	.step01-box .st02-img {
		display: none;
	}
	.grid01 .gr-box .co-b ,
	.grid02 .gr-box .co-b ,
	.grid03 .gr-box .co-b {
		overflow: hidden;
		margin-top: 24px;
	}
	.grid01 .sub-t.s01 {
		margin-top: 0;
	}
	.step01-box .center {
		width: 73%;
		float: left;
	}
	.step01-box .center01 {
		width: 27%;
		float: right;
	}
	#cont01-wrap .fl-r40 {
		float: right;
		width: 37%;
	}
	#cont01-wrap p {
		margin: 8px auto 10px 9px;
		font-size: 15px;
		word-break: break-all;
		line-height: 1.2em;
	}
	#cont01-wrap .fl-r40 img.fl-img {
		margin: -2px auto 0 10px;
}
	#cont01-wrap .fl-l60 p {
		padding: 13px 0 0 0;
		margin: 0;
	}
	.cont02-box .grid01 ,
	.cont02-box .grid02 {
		padding-bottom: 27px;
	}
	#cont01-wrap .fl-r40 img {
		width: 100%;
		margin: 0;
	}
	#cont01-wrap p br {
		display: none;
	}
	#cont01-wrap .fl-sub .st04-img {
		width: 38%;
	}
	#cont01-wrap .fl-r60 img,
	#cont01-wrap .fl-l60 img {
		width: 65%;
	}
	#cont01-wrap .fl-sub {
		width: 73%;
		margin: 10px auto 0 auto;
		padding-left: 16%;
	}
	#cont01-wrap #st-bnr {
		width: 32%;
	}
	.step01-box .center01 img {
		display: inherit;
		width: 215px;
		position: relative;
		top: 0px;
		right: 65px;
	}
	.step01-box {
		border-radius: 0;
	}
	.step01-box h2 {
		margin-top: 24px;
		padding: 8px 0;
		font-size: 20px;
		font-weight: 600;
		width: 78%;
	}
	.grid01 .sub-t.s01 ,
	.grid02 .sub-t.s02 ,
	.grid03 .sub-t.s03 {
		margin-left: 0;
		width: 44%;
		font-size: 22px;
		margin: 0;
	}
	.step01-box .tittle-img {
		width: 78%;
	}
	.step01-box h3 {
		text-align: left;
		font-size: 36px;
		line-height: 1.15em;
		margin: 16px 0 5px 0;
	}
	.step01-box h3 br {
		display: inherit;
	}
	.cont03-box .ct03-c {
		background-color: #fff;;
	}
	.cont03-box .ct03-c img:last-child {
		display: none;
	}
	.grid01 .fl-r40 p,
	.grid02 .fl-r40 p,
	.grid03 .fl-r40 p {
		display: none;
	}
	.grid01 .fl-l60 p,
	.grid02 .fl-l60 p,
	.grid03 .fl-l60 p {
		display: inherit;
		border-top: 5px dotted #808080;
	}
	.grid01 .fl-r70 {
		float: right;
		position: relative;
		width: 69%;
	}
	.grid01 .fl-r70 img {}
	.grid01 .fl-r70 .sub-img {
		display: none;
	}
	.grid01 .fl-r70 img {
		display: inherit;
	}
	.grid01 .fl-l30 {
		display: inherit;
		float: left;
		width: 3%;
		margin-top: 13px;
	}
	#cont01-wrap p.sub {
		margin-top: 41px;
	}
	.grid03 .fl-r30 ul {
		border-style: none;
		margin: 0 0 0 32px;
		position: relative;
	}
	.grid01 .fl-l30 img {
		width: 415px;
	}
	.grid03 .fl-l70 {
		float: left;
		width: 65%;
	}
	.grid03 .fl-l70 img {
		width: 528px;
		position: relative;
		right: 10px;
		top: 55px;
	}
	.grid03 .fl-l70 img.st03-img {
		display: none;
	}
	.grid03 .fl-r30 {
		float: right;
		width: 35%;
	}
	.cont03-box h2 {
		width: 422px;
		float: left;
		margin-left: 158px;
	}
	.ct-tittle img.ct03-sub {
		width: 24%;
		float: right;
		position: relative;
		top: 62px;
	}
	.cont03-box .ct03-t {
		font-size: 28px;
	}
	.cont03-box .ct03-b {
		font-size: 21px;
		padding: 13px 0 16px 0;
	}
	.fr-box .tittle-sub:first-child {
		display: inherit;
		width: 35%;
		padding: 4px 0;
		font-size: 19px;
		font-weight: 600;
		position: relative;
		bottom: 17px;
	}
	.use-box .fr-box img.yajirushi {
		display: inherit;
		margin: 0 auto;
		width: 7%;
		position: relative;
		bottom: 29px;
	}
	.use-box img.icon {
		display: none;
	}
	.use-wrap .tittle-sub {
		display: none;
	}
	.use-box .use-grid .fl-box {
		float: left;
		width: 25%;
		margin-bottom: 28px;
	}
	.use-grid .fr-box {
		float: right;
		width: 74%;
	}
	.cont03-box .ct03-sub {
		display: inherit;
	}
	#cont03-area .use-box {
		padding-top: 70px;
	}
	.use-box .use-grid {
		clear: both;
	}
	/* ▼▼▼ bnr-area ▼▼▼ */	
	#bnr-area .bnr-box {
		width: 80%;
	}
	#bnr-area .bnr-fl {
		float: left;
		width: 27%;
		padding-left: 15px;
	}
	#bnr-area .bnr-fr {
		float: right;
		width: 65%;
		margin-top: 32px;
		padding-right: 21px;
	}
	#bnr-area .bnr-fr p {
		font-size: 16px;
	}
	#bnr-area .bnr-fr .hover-box {
		overflow: hidden;
		width: 340px;
	}
	#bnr-area .bnr-fr p.p-sub02 {
		float: left;
		width: 33%;
		padding: 45px 0 0 5px;
		font-weight: bold;
		text-align: left;
		font-size: 15px;
	}
	#bnr-area .bnr-fr h3 {
		width: 63%;
		float: left;
		padding: 0;
		text-align: left;
		margin-top: 11px;
		letter-spacing: -1px;
	}
	#bnr-area .bnr-fr .p-sub02 {
		float: left;
		width: 26%;
		padding: 11px 0 0 0;
		font-weight: bold;
	}
	#bnr-area .btn {
		clear: both;
		margin: 0;
		font-size: 18px;
		float: left;
		width: 59%;
		margin-top: -3px;
	}
	#bnr-area .btn a {
		font-size: 19px;
	}
	#bnr-area .bnr-fr h3 span {
		font-size: 17px;
	}
	#bnr-area .bnr-fl img {
		width: 84%;
	}
}
	
/* -------  PC area -------*/
@media screen and (min-width: 1081px) {
	#m-button-area ,
	.cont01-box h2 img ,
	#cont02-area #cont01-wrap ,
	.cont03-box .ct-tittle ,
	#cont03-area .use-wrap ,
	#cont03-area .use-group {
		width: 1000px;
		margin: 0 auto;
	}
	#cont02-area #cont01-wrap {
		max-width: 900px;
		padding: 0;
	}
	.cont02-box #step-all #cont01-wrap img {
		padding-top: 32px;
	}
	.ct02-title img ,
	.ct02-bg img ,
	.cont01-box h2 img {
		max-width: 1000px;
		margin: 0 auto;
	}
	.cont03-box .ct03-c img {
		max-width: 989px;
		margin: 0 auto;
	}
	#cont01-wrap .ct01-bg {
		max-width: 1000px !important;
		margin: 35px auto 0 auto;
	}
	.top-box {
		height: 662px;
	}
	.top-box .image {
		left: 49.5%;
	}
	.top-box .image img {
		width: 1115px;
	}
	.m-button-box ul {
		width: 875px;
		margin: 57px auto 65px auto;
	}
	.m-button-box ul li {
		width: 26.5%;
		margin-right: 8.5%;
	}
	#cont03-area .use-wrap {
		float: left;
		width: 80%;
	}
	#cont03-area .use-box .bg-right {
		float: right;
		width: 20%;
	}
	#cont03-area .use-box .bg-right .bg-t {
		display: inherit;
		position: relative;
		top: -108px;
		right: 39px;
		width: 287px;
	}
	#cont03-area .use-box .bg-right .bg-b {
		display: inherit;
		position: relative;
		right: 44px;
		top: -93px;
		width: 178px;
	}
	.use-box .use-grid {
		clear: both;
	}
	#cont03-area .use-group {
		
	}
	.use-box .use-grid .fl-box {
		width: 33%;
	}
	.use-grid .fr-box {
		width: 67%;
	}
	#cont03-area .use-box {
		padding-top: 96px;
	}
	.use-box .fr-box p:last-child {
		font-size: 17px;
		line-height: 2em;
		margin-top: 71px;
		margin: 71px 0 0 0;
	}
	.use-box .fr-box img.clock {
		display: inherit;
		width: 18.5%;
		margin: 0;
		position: relative;
		top: -47px;
		left: -34px;
	}
	.use-box .use-grid.sub05 p {
		margin: -36px 0 0 0;
	}
	.use-box .fr-box p br {
		display: inherit;
	}
	.use-box .fr-box img.yajirushi {
		width: 9%;
		bottom: 20px;
	}
	.use-box .use-grid.sub06 p {
		margin: 41px 0 0 0;
	}
	#cont01-wrap .fl-l40 img {
		width: 590px;
	}
	#cont01-wrap .fl-r60 img, #cont01-wrap .fl-l60 img {
		margin: 0;
		width: 100%;
	}
	#cont01-wrap .fl-r60 {
		 width: 47%;
		position: relative;
		right: 58px;
	}
	.cont01-box h3 .h3-txt {
		font-size: 29px;
		padding: 10px 0;
		font-weight: 600;
	}
	#cont01-wrap p {
		font-size: 17px;
		line-height: 1.5em;
		margin: 10px 0 0 14px;
		color: #3d3b3d;
		width: 100%;
	}
	#cont01-wrap .fl-r60 .sub07 {
		margin-top: 25px;
		display: block;
	}
	#cont01-wrap .fl-sub {
		width: 100%;
		padding: 0;
		margin: 20px 0 0 25px;
	}
	#cont01-wrap .fl-sub img:first-child {
		margin-right: 20px;
	}
	#cont01-wrap .fl-sub .st04-img {
		width: 44%;
	}
	#cont01-wrap .fl-l60 {
		width: 54%;
		position: relative;
		left: 58px;
	}
	#cont01-wrap .fl-l60.sub08 {
		width: 46%;
		position: relative;
		left: 58px;
	}
	#cont01-wrap .fl-l60 p {
		font-size: 18px;
		line-height: 1.7em;
		color: #3d3b3d;
		width: 100%;
		margin: 0 0 0 7px;
	}
	.step01-box h3 {
		margin: 16px 0 5px 3px;
	}
	#cont01-wrap .fl-r40 {
		width: 39%
	}
	#cont01-wrap .fl-r40 img.fl-img {
		margin: 33px 0 0 -67px;
		width: 393px;
	}
	.ct02-title img {
		padding: 49px 0 27px 0;
	}
	.cont02-box .grid01,
	.cont02-box .grid02,
	.cont02-box .grid03 {
		width: 94%;
	}
	.grid01 .fl-l60 p,
	.grid02 .fl-l60 p,
	.grid03 .fl-l60 p {
		display: inherit;
		border-top: 3px dotted #808080;
	}
	.cont02-box .grid01 .gr-box,
	.cont02-box .grid02 .gr-box,
	.cont02-box .grid03 .gr-box {
		width: 94%;
	}
	#cont01-wrap {
		margin-top: 33px !important;
		padding-bottom: 121px;
	}
	#cont01-wrap p.p-sp {
		display: inherit;
		text-align: center;
		color: #989899;
		font-size: 25px;
		margin-bottom: -12px;
	}
	#cont01-wrap p.sub {
		width: 85%;
		margin: 0 auto 10px auto;
		border: 2px solid #e25287;
		font-size: 20px;
		font-weight: 600;
		padding: 8px 0 5px 0;
	}
	#cont01-wrap p.tag {
		font-size: 14px;
		font-weight: 600;
	}
	.grid01 .sub-t.s01,
	.grid02 .sub-t.s02,
	.grid03 .sub-t.s03 {
		font-size: 20px;
	}
	.cont02-box .grid01,
	.cont02-box .grid02,
	.cont02-box .grid03 {
		margin-top: 30px;
	}
	#cont01-wrap .co-b .fl-l60 {
		left: 0;
	}
	.grid01 .gr-box .co-b,
	.grid02 .gr-box .co-b,
	.grid03 .gr-box .co-b {
		margin-top: 40px;
	}
	.grid01 .gr-box .co-b:first-child,
	.grid02 .gr-box .co-b:first-child,
	.grid03 .gr-box .co-b:first-child {
		margin-top: 20px;
	}
	.grid03 .gr-box .co-b:last-child {
		margin-top: -24px;
	}
	.step01-box .center01 img {
		right: 40px;
	}
	.grid03 .fl-r30 .st03-img01 {
		position: relative;
		top: -4px;
	}
	.grid01 .fl-r70 {
		top: 23px;
	}
	.cont03-box .ct03-t {
		font-size: 47px;
		padding: 32px 0;
	}
	.cont03-box .ct03-b {
		font-size: 33px;
		line-height: 1.5em;
		padding: 13px 0 16px 0;
	}
	.fr-box .tittle-sub:first-child {
		width: 42%;
		padding: 9px 0;
		font-size: 22px;
		bottom: 11px;
	}
	.ct-tittle img.ct03-sub {
		top: 232px;
		width: 37%;
		right: -169px;
	}
	.ct01-bg .fl-l60 {
		margin-top: 25px;
		display: block;
	}
	.grid03 .fl-l70 img {
		right: 5px;
		top: 55px;
	}
	.grid03 ul li {
		font-size: 16px;
	}
	.grid03 .fl-l70 img {
		width: 506px;
	}
	.cont01-box h2 {
		margin: 30px auto -12px auto;
	}
	.cont02-box #step-all {
		padding-bottom: 88px;
	}
	.cont03-box h2 {
		margin-top: 53px;
		width: 43%;
		margin-left: 80px;
	}
	.cont03-box h2 img {
		width: 618px;
	}
	.step01-box h2 {
		padding: 15px 0;
		font-size: 27px;
	}
	#cont01-wrap img.sub-img02 {
		padding-top: 10px !important;
	}
	/* ▼▼▼ bnr-area ▼▼▼ */
	#bnr-area .bnr-box {
		width: 980px;
		margin-top: 50px;
		margin-bottom: 40px;
	}
	#bnr-area .bnr-fr {
		margin-top: 50px;
		width: 62%;
	}
	#bnr-area .bnr-fr h3 .bnr-sub {
		display: inherit;
		float: right;
		padding-top: 2px;
	}
	#bnr-area .bnr-box .p-sub02 {
		display: none;
	}
	#bnr-area .bnr-fr .hover-box {
		width: 560px;
		margin-top: 30px;
	}
	#bnr-area .bnr-fr h3 span {
		font-size: 25px;
	}
	#bnr-area .bnr-fr h3 {
		letter-spacing: 3px;
		width: 383px;
		margin-bottom: 20px;
	}
	#bnr-area .bnr-fr h3 span.sub1 {
		font-family: ｍｓ ｐ明朝,ms pmincho,ヒラギノ明朝 pro w3,hiragino mincho pro,serif;
		letter-spacing: 2px;
		padding-bottom: 14px;
		font-size: 25px;
	}
	#bnr-area .bnr-fr h3 .bnr-sub {
		font-size: 19px;
		letter-spacing: 0px;
	}
	#bnr-area .btn {
		width: 43%;
	}
	#bnr-area .bnr-fr p.p-sub02 {
		display: none;
	}
	#bnr-area .bnr-fr h3 span.bnr-sub {
		display: inherit;
	}
	#bnr-area .bnr-fr h3 br {
		display: none;
	}
	#bnr-area .bnr-fr h3 {
		width: 337px;
	}
	#bnr-area .bnr-fr h3 span.bnr-sub {
		margin-top: 1px;
	}
	#bnr-area .bnr-fr h3.sub-h3 {
		width: 370px;
	}
	#bnr-area .bnr-fl {
		width: 34%;
	}
	#bnr-area .bnr-fl img {
		margin-top: 13px;
	}
}
/*Firefox hack*/
@-moz-document url-prefix() {}