@charset "UTF-8";

/* --------------------------------------------
 *            index mainVisual
 * -------------------------------------------- */

#mainVisualArea {
	width: 100%;
	background-color: #fff;
	background-image:
		url("../images/index/mv_img.png"),
		url("../images/index/mv_woman.png"),
		url("../images/index/mv_bg.jpg");
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat;
	background-position:
		left 10px top 0px,
		right -160px bottom 0px,
		center;
	background-size:
		300px 514px,
		590px 572px,
		cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#mainVisualArea {
	background-color: #fff;
	background-image:
		url("../images/index/mv_img@2x.png"),
		url("../images/index/mv_woman@2x.png"),
		url("../images/index/mv_bg@2x.jpg");
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat;
	background-position:
		left 10px top 0px,
		right -160px bottom 0px,
		center;
	background-size:
		300px 514px,
		590px 572px,
		cover;
	}
}

#mainVisualIn {
	width: 960px;
	min-height: 580px;
	margin: 0 auto;
	padding: 0;
}
.mainVisualTitle {
	margin: 0;
	padding: 29px 0 0 0;
	text-align: left;
}
.mainVisualTitle img {
	max-width: 824px;
	width: 100%;
	height: auto;
}
.mainVisualBtm {
	margin: 0;
	padding: 2px 0 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mainVisual3 {
	margin: 0;
	padding: 0 17px 0 0;
}
.mainVisual3 img {
	max-width: 578px;
	width: 100%;
	height: auto;
}
.mainVisualCard {
	margin: 0;
	padding: 0;
}
.mainVisualCard img {
	max-width: 306px;
	width: 100%;
	height: auto;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	#mainVisualArea {
		width: 100%;
		background-color: #fff;
		background-image:
			url("../images/index/mv_img.png"),
			url("../images/index/mv_woman.png"),
			url("../images/index/mv_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat;
		background-position:
			left -50px top 0px,
			right -160px bottom 0px,
			center;
		background-size:
			300px 514px,
			590px 572px,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	#mainVisualArea {
		background-color: #fff;
		background-image:
			url("../images/index/mv_img@2x.png"),
			url("../images/index/mv_woman@2x.png"),
			url("../images/index/mv_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat;
		background-position:
			left -50px top 0px,
			right -160px bottom 0px,
			center;
		background-size:
			300px 514px,
			590px 572px,
			cover;
		}
	}
}

@media all and (min-width: 961px) and (max-width: 1000px) {
	#mainVisualIn {
		width: 100%;
		min-height: initial;
		margin: 0;
		padding: 0 2em;
		box-sizing: border-box;
	}
	.mainVisualTitle img {
		max-width: 750px;
	}
}

@media all and (min-width: 768px) and (max-width: 960px) {
	#mainVisualArea {
		width: 100%;
		background-color: #fff;
		background-image:
			url("../images/index/mv_img.png"),
			url("../images/index/mv_woman.png"),
			url("../images/index/mv_bg.jpg");
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat;
		background-position:
			left -30px top 0px,
			right -120px bottom 0px,
			center;
		background-size:
			200px auto,
			450px auto,
			cover;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	#mainVisualArea {
		background-color: #fff;
		background-image:
			url("../images/index/mv_img@2x.png"),
			url("../images/index/mv_woman@2x.png"),
			url("../images/index/mv_bg@2x.jpg");
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat;
		background-position:
			left -30px top 0px,
			right -120px bottom 0px,
			center;
		background-size:
			200px auto,
			450px auto,
			cover;
		}
	}
	#mainVisualIn {
		width: 100%;
		min-height: initial;
		padding: 1.5em 2em;
		box-sizing: border-box;
	}
	.mainVisualTitle {
		padding: 0;
	}
	.mainVisualTitle img {
		max-width: 85%;
	}
	.mainVisualBtm {
		width: 90%;
		padding: .5em 0 0 0;
		justify-content: flex-start;
	}
}

@media all and (max-width: 767px) {
	#mainVisualArea {
		background: none;
	}
	#mainVisualIn {
		width: 100%;
		min-height: initial;
		margin: 0;
		padding: 0;
	}
	.mainVisualTitle {
		margin: 0;
		padding: 0;
	}
	.mainVisualTitle img {
		max-width: 100%;
	}
	.mainVisualBtm {
		display: none;
	}
}

/*--- telArea ----------------------------------------------------------------- */

#telArea {
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	background: #03008c;
	display: flex;
	justify-content: center;
	align-items: center;
}
#telArea .telimg {
	width: 160px;
	margin: 0 30px 0 0;
	padding: 0;
}
#telArea .telimg img {
	max-width: 160px;
	width: 100%;
	height: auto;
}
.telnum {
	width: 598px;
	margin: 0;
	padding: 0;
}
.telnum img {
	max-width: 598px;
	width: 100%;
	height: auto;
}
.telnum a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.telnum a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	#telArea {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
	}
	#telArea .telimg {
		width: 25%;
		margin: 0 2% 0 0;
	}
	.telnum {
		width: 73%;
	}
}

@media all and (max-width: 767px) {
	#telArea {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
	}
	#telArea .telimg {
		width: 18%;
		margin: 0 2% 0 0;
	}
	.telnum {
		width: 80%;
	}
}

/*--- telArea02 ----------------------------------------------------------------- */

#telArea02 {
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bgWoman {
	background: #009cff url(../images/bg_woman.png) no-repeat right top -10px;
	background-size: 240px 230px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.bgWoman {
	background: #009cff url(../images/voice_bg@2x.jpg) no-repeat right top -10px;
	background-size: 240px 230px;
	}
}
#telArea02 .telimg {
	width: 160px;
	margin: 0 30px 0 0;
	padding: 0;
}
#telArea02 .telimg img {
	max-width: 160px;
	width: 100%;
	height: auto;
}
.telMessage {
	width: 500px;
	margin: 0px;
	padding: 0;
}
.telMessage p {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}


@media all and (min-width: 891px) and (max-width: 1050px) {
	#telArea02 {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
		justify-content: flex-start;
	}
	#telArea02 .telimg {
		width: 15%;
		margin: 0 2% 0 0;
	}
	.telMessage {
		width: 83%;
	}
}

@media all and (min-width: 768px) and (max-width: 890px) {
	#telArea02 {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
		justify-content: flex-start;
	}
	.bgWoman {
		background: #009cff url(../images/bg_woman.png) no-repeat right -60px top -10px;
		background-size: 240px 230px;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgWoman {
		background: #009cff url(../images/voice_bg@2x.jpg) no-repeat right -60px top -10px;
		background-size: 240px 230px;
		}
	}
	#telArea02 .telimg {
		width: 120px;
		margin: 0 10px 0 0;
	}
	.telMessage {
		width: auto;
		flex: 1 0 0%;
	}
}



@media all and (min-width: 641px) and (max-width: 767px) {
	#telArea02 {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
		justify-content: flex-start;
	}
	.bgWoman {
		background: #009cff url(../images/bg_woman.png) no-repeat right -60px top -10px;
		background-size: 200px auto;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgWoman {
		background: #009cff url(../images/voice_bg@2x.jpg) no-repeat right -60px top -10px;
		background-size: 200px auto;
		}
	}
	#telArea02 .telimg {
		width: 100px;
		margin: 0 10px 0 0;
	}
	.telMessage {
		width: auto;
		flex: 1 0 0%;
	}
	.telMessage p {
		font-size: 16px;
	}
}

@media all and (max-width: 640px) {
	#telArea02 {
		width: 100%;
		margin: 0;
		padding: 1em;
		box-sizing: border-box;
	}
	.bgWoman {
		background-color: #009cff;
		background-image: none;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	.bgWoman {
		background-color: #009cff;
		background-image: none;
		}
	}
	#telArea02 .telimg {
		display: none;
	}
	#telArea02 .telimg img {
		max-width: 60px;
	}
	.telMessage {
		width: 100%;
		flex: initial;
	}
	.telMessage p {
		font-size: 14px;
	}
}

/*--- messageArea ----------------------------------------------------------------- */

#messageArea {
	width: 100%;
	background: #009cff;
}
.messageBox {
	width: 960px;
	margin: 0 auto;
	padding: .5em 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.messageText {
	flex: 1 0 0%;
	margin: 0;
	padding: 0;
}
.messageText p {
	color: #fff;
	font-size: 18px;
}
.messageImg {
	width: 180px;
	margin: 0 0 0 30px;
	padding: 0;
}
.messageImg img {
	max-width: 180px;
	width: 100%;
	height: auto;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
	.messageBox {
		width: 100%;
		padding: .5em 1em;
		box-sizing: border-box;
	}
}

@media all and (max-width: 767px) {
	.messageBox {
		width: 100%;
		padding: 1em;
		box-sizing: border-box;
	}
	.messageImg {
		display: none;
	}
	.messageText p {
		font-size: 16px;
	}
}

/* --------------------------------------------
 *               reasonArea
 * -------------------------------------------- */

.reasonArea ul {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.reasonArea ul li {
	width: 184px;
	margin: 0;
	display: flex;
	justify-content: center;
}
.reasonBox {
	margin: 0;
	padding: 0;
	background: #b3dcff;
	border-radius: 6px;
	position: relative;
}
.reasonIcon {
	margin: 0 0 0 -23px;
	padding: 0;
	position: absolute;
	top: -20px;
	left: 50%;
}
.reasonIcon img {
	max-width: 46px;
	width: 100%;
	height: auto;
}
.reasonImg {
	text-align: center;
	margin: 0 auto;
	padding: 2em 1em 1em 1em;
}
.reasonImg img {
	max-width: 68px;
	width: 100%;
	height: auto;
}
.reasonTitle {
	min-height: 90px;
	padding: 0 .2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.reasonTitle h4 {
	width: 100%;
	font-weight: bold;
	font-size: 19px;
	line-height: 1.4;
	text-align: center;
	color: #03008c;
}
.reasonTitle h4 span {
	font-size: 1.5em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.reasonTitleline {
	width: 30%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border-bottom: 2px solid #fff;
}
.reasonText {
	text-align: left;
	margin: 0;
	padding: 0;
}
.reasonText p {
	padding: .6em 1em 1em 1em;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
.reasonArea ul li {
	width: 19.6%;
	margin: 0;
	}
}

@media all and (max-width: 767px) {
	.reasonArea ul {
		flex-wrap: wrap;
		padding: .8em 0 0 0;
	}
	.reasonArea ul li {
		width: 100%;
		display: block;
		margin: 0 0 1.5em 0;
	}
	.reasonArea ul li:last-child {
		margin: 0 auto;
	}
	.reasonBox {
		padding: 1.5em 1em 1em 1em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.reasonIcon {
		margin: 0 0 0 -18px;
		top: -16px;
		left: 50%;
	}
	.reasonIcon img {
		max-width: 36px;
	}
	.reasonImg {
		width: 40px;
		padding: 0 10px 0 0;
	}
	.reasonImg img {
		max-width: 40px;
	}
	.reasonTitle {
		min-height: initial;
		flex: 1 0 0%;
	}
	.reasonTitle h4 {
		font-size: 18px;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	.reasonTitle h4 span {
		font-size: 1.3em;
	}
	.reasonTitleline {
		display: none;
	}
	.reasonText {
		width: 100%;
	}
	.reasonText p {
		padding: .6em 0 0 0;
	}
}

/* --------------------------------------------
 *                priceArea
 * -------------------------------------------- */

.priceArea {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.priceArea .priceBox {
	width: 184px;
}
.priceArea .priceBox a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.priceArea .priceBox a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.priceArea .priceBox .priceTitle {
	background-color: #075ccd;
	border-radius: 6px 6px 0 0;
}
.priceArea .priceBox .priceTitle h4 {
	color: #fff;
	font-size: 22px;
	line-height: 1;
	padding: 10px 0;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
}
.priceArea .priceBox .priceImg img {
	max-width: 184px;
	width: 100%;
	height: auto;
}
.priceArea .priceBox .priceTextBox {
	padding: 6px 6px 10px 6px;
	background-color: #fff;
	border-radius: 0 0 6px 6px;
}
.priceArea .priceBox .priceTextBox ul {
	padding: 0 0 3px 0;
}
.priceArea .priceBox .priceTextBox ul li {
	color: #000;
	text-align: left;
	font-size: 12px;
	padding: 2px 0;
}
.priceArea .priceBox .priceTextBox ul li::before {
	color: #0080c8;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	margin-right: 3px;
}
.priceArea .priceBox .priceTextBox .priceText {
	align-items: center;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	padding: 5px 0;
}
.priceArea .priceBox .priceTextBox .priceText .priceCircle {
	align-items: center;
	background-color: #075ccd;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 12px;
	height: 40px;
	justify-content: center;
	line-height: 1.2;
	width: 40px;
}
.priceArea .priceBox .priceTextBox .priceText .priceYen {
	color: #075ccd;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 26px;
	margin-left: 5px;
}
.priceArea .priceBox .priceMore {
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	margin: 6px 0 0 0;
	padding: 3px 0 2px 0;
	background: #ff6c00;
	border-radius: 30px;
	position: relative;
}
.priceArea .priceBox .priceMore i {
	position:absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.5em;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.priceArea {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.priceArea .priceBox {
		margin-bottom: 1em;
		width: 32%;
	}
	.priceArea .priceBox .priceImg img {
		max-width: 500px;
	}
	.priceArea .priceBox .priceTextBox {
		padding: 10px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 767px) {
	.priceArea {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.priceArea .priceBox {
		margin-bottom: 1em;
		width: 48%;
	}
	.priceArea .priceBox .priceImg img {
		max-width: 500px;
	}
	.priceArea .priceBox .priceTextBox {
		padding: 10px;
	}
}

@media only screen and (max-width: 400px) {
	.priceArea {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.priceArea .priceBox {
		margin-bottom: 1em;
		width: 100%;
	}
	.priceArea .priceBox .priceImg img {
		max-width: 500px;
	}
	.priceArea .priceBox .priceTextBox {
		padding: 10px;
	}
}

/* --------------------------------------------
 *                serviceArea
 * -------------------------------------------- */

.serviceArea {
	margin: 0;
	padding: 0;
	display: flex;
}
.serviceTextBox {
	width: 480px;
	margin: 0 50px 0 0;
}
.serviceTextBox h4 {
	color: #075ccd;
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 1em 0;
	padding: 0;
}
.serviceTextBox h4 i {
	color: #075ccd;
	font-size: 26px;
	padding: 0 5px 0 0;
}
.serviceTextBox ol {
	color: #075ccd;
	margin: 1em 0;
	counter-reset: my-counter;
	list-style: none;
}
.serviceTextBox ol li {
	margin-bottom: 5px;
	padding-left: 10px;
	position: relative;
}
.serviceTextBox ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #075ccd;
	color: #fff;
	font-size: 14px;
	display: block;
	float: left;
	line-height: 1.35;
	margin: 5px 0 0 -25px;
	text-align: center;
	height: 18px;
	width: 18px;
	border-radius: 50%;
}
.serviceImgBox {
	width: 430px;
	margin: 0;
}
.serviceImgBoxIn {
	margin: 0;
	padding: 0;
}
.serviceImgBoxIn {
	text-align: center;
	margin: 0;
	padding: 0;
	display: flex;
}
.serviceItemTitle {
	width: 50%;
	background: #009cff;
	border-radius: 6px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.serviceItemTitle p {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
.serviceItemPrice {
	width: 50%;
	background: #b3dcff;
	border-radius: 0 6px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.serviceItemPrice .priceText {
	align-items: center;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	padding: .2em 0;
}
.serviceItemPrice .priceText .priceCircle {
	align-items: center;
	background-color: #075ccd;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 12px;
	height: 40px;
	justify-content: center;
	line-height: 1.2;
	width: 40px;
}
.serviceItemPrice .priceText .priceYen {
	color: #075ccd;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 36px;
	margin-left: 5px;
}
.priceArea .priceBox .priceTextBox .priceText .priceYen span,
.serviceItemPrice .priceText .priceYen span {
	font-size: .5em;
}
.serviceImg {
	margin: 0;
	padding: 0;
}
.serviceImg img {
	max-width: 430px;
	width: 100%;
	height: auto;
	border-radius: 0 0 6px 6px;
}

@media all and (min-width: 768px) and (max-width: 850px) {
	.serviceTextBox {
		width: 49%;
		margin: 0 2% 0 0;
	}
	.serviceImgBox {
		width: 49%;
	}
}

@media all and (max-width: 767px) {
	.serviceArea {
		flex-wrap: wrap;
	}
	.serviceTextBox {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.serviceTextBox h4 {
		font-size: 16px;
	}
	.serviceTextBox h4 i {
		font-size: 20px;
	}
	.serviceTextBox ol li {
		padding-left: 0;
	}
	.serviceImgBox {
		max-width: 430px;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.serviceItemTitle p {
		font-size: 18px;
	}
	.serviceItemPrice .priceText .priceYen {
		font-size: 20px;
	}
}

/* --------------------------------------------
 *                voiceArea
 * -------------------------------------------- */

.voiceArea ul {
	margin: 0;
	padding: 0;
}
.voiceArea ul li {
	width: 100%;
	text-align: left;
	margin: 0 0 1.5em 0;
	background: #ebebeb;
	border-radius: 6px;
}
.voiceArea ul li:last-child {
	margin: 0;
}
.voiceBox {
	display: flex;
	margin: 0;
	padding: 20px;
}
.voiceImg {
	width: 250px;
	margin: 0;
	padding: 0 20px 0 0;
}
.voiceImg img {
	max-width: 250px;
	width: 100%;
	height: auto;
}
.voiceTextBox {
	flex: 1 0 0%;
}
.voiceTitle {
	margin: 0;
	padding: 0;
}
.voiceTitle h4 {
	font-weight: bold;
	font-size: 19px;
	color: #0035ad;
}
.voiceText {
	margin: 0;
	padding: 0;
}
.voiceText p {
	margin: 0;
	padding: 0;
}

@media all and (max-width: 767px) {
	.voiceBox {
		flex-wrap: wrap;
	}
	.voiceImg {
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0;
	}
	.voiceImg img {
		max-width: initial;
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	.voiceTextBox {
		flex: initial;
	}
	.voiceTitle h4 {
		font-size: 18px;
	}
}

/* --------------------------------------------
 *                  stepArea
 * -------------------------------------------- */

.stepArea ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.stepArea ul li {
	display: flex;
	justify-content: center;
}
.stepArea ul li.step {
	width: 176px;
}
.stepArea ul li.stepArow {
	margin: 0 0.2em 0 0.5em;
	align-items: center;
}
.stepArow .iSize {
	font-size: 2.6em;
	color: #030089;
}
.stepBox {
	padding: 20px 0;
	background: #ebebeb;
	border-radius: 6px;
}
.stepImgBox {
	width: 100%;
	text-align: center;
	margin: ;
	padding: 0.5em;
	box-sizing: border-box;
}
.stepImg {
	margin: 0 0 0.8em 0;
}
.stepImg img {
	max-width: 126px;
	width: 100%;
	height: auto;
}
.stepImgBox h4 {
	min-height: 60px;
	color: #030089;
	font-size: 19px;
	line-height: 1.4;
	font-weight: bold;
	padding: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.stepText {
	margin: 0;
	padding: 0 20px;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
.stepArea ul li.step {
	width: 23%;
	}
.stepArea ul li.stepArow {
	width: 2.6666%;
	}
}

@media all and (max-width: 767px) {
	.stepArea ul {
		flex-wrap: wrap;
	}
	.stepArea ul li.step {
		width: 100%;
		margin: 0;
	}
	.stepArea ul li.stepArow {
		width: 100%;
		margin: 0;
	}
	.stepBox {
		width: 100%;
	}
	.stepImgBox {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	.stepImg {
		text-align: center;
		margin: 0 .5em 0 1em;
		order: 2;
	}
	.stepImgBox h4 {
		min-height: initial;
		text-align: left;
		font-size: 18px;
		padding: 0 0 0 1em;
		order: 1;
	}
	.stepImg img {
		max-width: 70px;
	}
	.stepText {
		padding: 0.5em 1em 0 1em;
	}
}

/* --------------------------------------------
 *                  flowArea
 * -------------------------------------------- */

.flowArea {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.flowText {
	flex: 1 0 0%;
}
.flowImg {
	width: 170px;
	margin: 0 0 0 50px;
}
.flowImg img {
	max-width: 170px;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.flowArow {
	text-align: center;
	margin: 0 auto;
	padding: 2em 1em 0 1em;
}
.flowArow .iSize {
	font-size: 4.6em;
	color: #009cff;
	margin-bottom: 0;
	line-height: 0;
}

@media all and (max-width: 767px) {
	.flowArea {
		flex-wrap: wrap;
	}
	.flowText {
		flex: initial;
		width: 100%;
	}
	.flowImg {
		width: 100%;
		text-align: center;
		margin: 1em auto 0 auto;
	}
	.flowArow .iSize {
		font-size: 3em;
	}
}

/* --------------------------------------------
 *                 accounting
 * -------------------------------------------- */

.bgAccounting {
	background: url(../images/index/accounting_bg.jpg) repeat center top;
	background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.bgAccounting {
	background: url(../images/index/accounting_bg@2x.jpg) repeat center top;
	background-size: cover;
	}
}
.accountingArea {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.accountingArea p {
	text-shadow:
	#fff 1px 1px 10px, #fff -1px 1px 10px,
	#fff 1px -1px 10px, #fff -1px -1px 10px;
}
.accountingImg {
	margin: 0;
	padding: 2em 0 0 0;
}
.accountingImg img {
	max-width: 780px;
	width: 100%;
	height: auto;
}

@media all and (max-width: 767px) {
	.accountingImg {
		padding: 1em 0 0 0;
	}
}

/* --------------------------------------------
 *                qandaArea
 * -------------------------------------------- */

.qandaArea {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.qandaArea ul {
	margin: 0;
	padding: 0;
}
.qandaArea ul li {
	margin: 0 0 2em 0;
	padding: 1em;
	background: #f4f4f4;
	border-radius: 6px;
}
.qandaArea ul li:last-child {
	margin: 0;
}

/*--- questionText ----------------------------------------------------------------- */

.questionText {
	display: flex;
	margin: 0 0 0.6em 0;
}
.questionText p.qaCircle ,
.answerText p.qaCircle {
	width: 36px;
}
.questionText p.qaCircle span ,
.answerText p.qaCircle span {
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	line-height: 16px;
	padding: 3px 1px 0 1px;
	text-align: center;
	height: 19px;
	width: 20px;
	display: inline-block;
	border-radius: 50%;
}
.questionText p.qaCircle span {
	background: #003792;
	margin: 0;
}
.questionText p.qaText {
	flex: 1 0 0%;
	font-size: 1.2em;
	font-weight: bold;
	color: #003792;
	line-height: 1.4;
}
.answerText {
	display: flex;
}
.answerText p.qaCircle span {
	background: #00a8ff;
	margin: 0;
}
.answerText p.qaText {
	flex: 1 0 0%;
}

/* --------------------------------------------
 *                greetingArea
 * -------------------------------------------- */

.greetingArea {
	display: flex;
	justify-content: space-between;
}
.greetingText {
	width: 65%;
}
p.greetingText01 {
	margin: 0;
	padding: 0 0 1em 0;
}
p.greetingText02 {
	margin: 0;
	padding: 0;
}
.greetingPhoto {
	width: 30%;
}

@media all and (max-width: 767px) {
	.greetingArea {
		flex-wrap: wrap;
	}
	.greetingText {
		width: 100%;
	}
	.greetingPhoto {
		width: 100%;
		margin: 1em 0 0 0;
	}
}

/* --------------------------------------------
 *                 tableArea
 * -------------------------------------------- */

.tableArea {
	margin: 0;
	padding: 0;
}
.tableBox ul {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
}
.tableBox ul li {
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc;
}
.tableBox ul li:nth-child(odd) {
	width: 30%;
	justify-content: center;
}
.tableBox ul li:nth-child(even) {
	width: 70%;
}
.tableBox ul li.tableTh p {
	margin: 0;
	padding: 0.7em;
}
.tableBox ul li.tableTd {
	text-align: left;
}
.tableBox ul li.tableTd p {
	margin: 0;
	padding: 0.7em;
}

@media all and (max-width: 767px) {
	.tableBox ul {
		font-size: 0.8em;
		border-bottom: none;
	}
	.tableBox ul li {
		border-top: none;
		}
	.tableBox ul li:nth-child(odd) ,
	.tableBox ul li:nth-child(even) {
		width: 100%;
	}
	.tableBox ul li.tableTh {
		margin: 0;
		background: #fff;
	}
	.tableBox ul li.tableTh p {
		margin: 0;
		padding: 0.5em;
	}
	.tableBox ul li.tableTd p {
		margin: 0;
		padding: 1em;
	}
}

/* --------------------------------------------
 *                     contact
 * -------------------------------------------- */

/*--- table01 ----------------------------------------------------------------- */

.table01 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.table01 th {
	width: 30%;
	padding: 10px 0;
	vertical-align: middle;
	border-top: 1px solid #dedede;
}
.table01 td {
	width: 70%;
	text-align: left;
	padding: 10px 0;
	vertical-align: middle;
	border-top: 1px solid #dedede;
}
.contactBox {
	display: flex;
	justify-content: flex-start;
}
.contactTh {
	text-align: left;
	font-weight: normal;
}
.contactTh p {
	padding: 3px 0 0 0;
}
.contactPoint ,
.contactPointG {
	max-height: 28px;
	text-align: center;
	margin: 3px 20px 0 auto;
	vertical-align: middle;
}
.contactPoint {
	background: #ff6c00;
}
.contactPointG {
	background: #aaa;
}
.contactPoint p ,
.contactPointG p {
	color: #fff;
	padding: 1px 10px;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
.table01 {
	width: 100%;
	text-align: left;
	}
}

@media screen and (max-width: 767px) {
.table01 {
	width: 100%;
	text-align: left;
	}
.table01 th {
	display: block;
	background: #eee;
	width: 100%;
	padding: 10px 0;
	}
.table01 td {
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	}
.contactTh p {
	font-size: 1em;
	padding: 5px 0 0 10px;
	}
.contactTh {
	order: 2;
	}
.contactPoint ,
.contactPointG {
	font-size: 14px;
	width: 50px;
	margin: 0 0 0 10px;
	order: 1;
	}
}

@media screen and (max-width: 360px) {
.contactTh .spNone {
	display: block !important;
	}
}

/* --------------------------------------------
*                          Form
* -------------------------------------------- */

input ,
textarea {
	font-size: 16px;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
input {
	outline: 0;
}
input.wl100 {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #ccc;
}
input.wl30 {
	width: 80px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 .5 em 0 0;
	padding: .2em;
	border: 1px solid #ccc;
	border-radius: 6px;
}
textarea.textareawl {
	width: 100%;
	height: 10em;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #ccc;
}
textarea.textareawl02 {
	width: 100%;
	height: 5em;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #ccc;
}

/*--- input ----------------------------------------------------------------- */

input.submitMore[type=submit] {
	width: 280px;
	margin: 0;
	padding: 1em 0 0.8em 0;
	cursor: pointer;
	color: #fff;
	font-size: 1.2em;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
	background-color: #ff6c00;
	background-image:
		url("../images/icon_more/icon_more_w.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		right 15px center,
		left;
	background-size:
		10px 18px,
		cover;
	border-radius: 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
input.submitMore[type=submit] {
	background-color: #ff6c00;
	background-image:
		url("../images/icon_more/icon_more_w@2x.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		right 15px center,
		left;
	background-size:
		10px 18px,
		cover;
	border-radius: 50px;
	}
}

input.submitBack[type=button] {
	width: 280px;
	margin: 0;
	padding: 1em 0 0.8em 0;
	cursor: pointer;
	color: #fff;
	font-size: 1.2em;
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
	background-color: #888;
	background-image:
		url("../images/icon_more/icon_back_w.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left 15px center,
		left;
	background-size:
		10px 18px,
		cover;
	border-radius: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
input.submitBack[type=button] {
	background-color: #888;
	background-image:
		url("../images/icon_more/icon_back_w@2x.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left 15px center,
		left;
	background-size:
		10px 18px,
		cover;
	}
}

input.submitMore[type=submit] a ,
input.submitBack[type=button] a {
	display: block;
	color: #000;
}

@media screen and (max-width: 767px) {
input.submitMore[type=submit] ,
input.submitBack[type=button] {
	margin: 0;
	padding: .8em 0 .7em 0;
	width: 100%;
	}
input ,
textarea ,
.cp_ipselect {
	font-size: 16px;
  }
}


/*--- radio ----------------------------------------------------------------- */

.radioBox {
	margin: 3px 0;
}
.radio02-input {
	display: none;
}
.radio02-input {
	display: none;
}
.radio02-input + label{
	padding: 0 0 0 24px;
	position: relative;
	margin-right: 20px;
}
.radio02-input + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
}
.radio02-input:checked + label{
	color: #ff6c00;

}
.radio02-input:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 11px;
	height: 11px;
	background: #ff6c00;
	border-radius: 50%;
}

/*--- カレンダーアイコン ----------------------------------------------------------------- */

img.ui-datepicker-trigger {
	width: 20px;
	cursor: pointer;
	margin-left: 7px!important;
	vertical-align: middle;
}

/*--- select ----------------------------------------------------------------- */

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl05 {
	position: relative;
	border-radius: 50px;
	background: #77b53d;
}
.cp_ipselect.cp_sl05::before {
	position: absolute;
	top: 1.4em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	pointer-events: none;
}
.cp_ipselect.cp_sl05 select {
	padding: 8px 38px 8px 15px;
	color: #fff;
	font-size: 1em;
}

/*--- mail.php ----------------------------------------------------------------- */

p.error_messe {
	text-align: center;
	color: #c60000;
	margin: 0 0 10px 0;
}