html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
}

html {
	line-height: 1;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,
blockquote {
	quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #000;
}

img {
	height: auto;
	max-width: 100%;
}

a {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.hidden-sp {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	.hidden-pc {
		display: none !important;
	}
}

$red: #ba1d21;



/*------------------------------------------
  サービス別レスポンシブ
------------------------------------------*/
/*youtube*/
.youtubeWrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*googlemap*/
.ggmapWrapper {
	position: relative;
	/*padding-bottom: 56.25%;*/
	height: 480px;
	overflow: hidden;
}

.ggmapWrapper iframe,
.ggmapWrapper object,
.ggmapWrapper embed {
	position: absolute;
	top: -140px;
	left: 0;
	width: 100%;
	height: 600px;
}

.ggmapWrapper iframe {
	height: 800px;
}


/*------------------------------------------
  cmn
------------------------------------------*/
img {
	vertical-align: top;
}

.hoverBtn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.hoverBtn:hover {}

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

/*------------------------------------------
  body
------------------------------------------*/
body {
	padding: 90px 0 0 0;
}

#wrapper {
	min-width: 980px;
	overflow-x: hidden;
}

@media screen and (max-width: 1279px) {}

@media screen and (max-width: 768px) {
	body {
		padding: 60px 0 0 0;
		width: auto;
		min-width: inherit;
	}

	#wrapper {
		min-width: inherit;
		overflow-x: hidden;
	}
}


/*------------------------------------------
  header nav
------------------------------------------*/
/*PC*/
@media screen and (min-width: 769px) {
	header {
		width: 100%;
		height: 90px;
		padding: 0;
		margin-bottom: 20px;
		transition: 0.8s;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		background: #FFF;

		.headerInner {
			.logoBox {
				position: fixed;
				left: 30px;
				top: 15px;
				z-index: 100;

				a {
					display: block;
				}
			}

			.headerTop {
				display: none;
			}

			nav {
				position: fixed;
				width: 100%;
				height: 90px;
				right: 0;
				top: 0;
				transition: 0.3s;
				display: block !important;

				.navInner {
					min-width: 100%;

					ul {
						height: 90px;
						margin: 0 auto;
						display: -ms-flex;
						display: flex;
						-ms-justify-content: flex-end;
						justify-content: flex-end;
						position: fixed;
						right: 150px;
						top: 0;
						transition: 0.3s;

						li {
							display: -ms-flex;
							display: flex;
							-ms-align-items: center;
							align-items: center;
							text-align: center;
							font-size: 14px;
							color: #FFF;
							letter-spacing: 0.1em;

							&:not(:last-child) {
								margin: 0 30px 0 0;
								position: relative;
							}

							a {
								font-size: 14px;
								color: #333;

								span {
									position: relative;

									&:after {
										content: "";
										width: 0;
										height: 1px;
										display: block;
										background: $red;
										position: relative;
										left: 0;
										bottom: 0;
										transition: 0.3s;
									}
								}

								&:hover {
									span {
										&:after {
											width: 100%;
										}
									}
								}
							}

							&.headBtn {
								position: fixed;
								right: 0;
								top: 0;

								a {
									width: 150px;
									height: 90px;
									display: -ms-flex;
									display: flex;
									-ms-align-items: center;
									align-items: center;
									-ms-justify-content: center;
									justify-content: center;
									font-size: 14px;
									color: #FFF;
									letter-spacing: 0.1em;
									background: $red;
									transition: 0.3s;
									position: relative;

									&:hover {
										opacity: 0.8;
									}
								}
							}
						}
					}
				}
			}
		}

		&.fix {
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

			.headerInner {}
		}
	}
}


/*SP*/
@media screen and (max-width: 768px) {
	header {
		width: 100%;
		height: 60px;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		transition: 0.3s;
		background: #FFF;

		.headerInner {
			width: 100%;
			height: 100%;
			display: -ms-flex;
			display: flex;
			align-items: -ms-center;
			align-items: center;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;

			.logoBox {
				width: 200px;
				height: 50px;
				line-height: 1;
				opacity: 1;
				top: 10px;
				left: 5%;
				position: fixed;
				text-align: left;

				img {
					height: 40px;
					width: auto;
				}
			}

			.headerTop {
				width: 40px;
				display: block;
				position: absolute;
				right: 5%;
				top: 18px;
				cursor: pointer;
				transition: 0.3s;

				.menuBtn {
					width: 25px;
					height: 17px;
					position: relative;
					z-index: 1001;
				}
			}

			.headerBtn {
				display: none;
			}

			nav {
				display: none;
				width: 100%;
				height: 100vh;
				background: #FFF;
				position: fixed;
				left: 0;
				top: 0;

				.navInner {
					height: 100%;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
					-ms-justify-content: center;
					justify-content: center;

					ul {
						width: 100%;
						padding: 0 5%;
						display: block;

						li {
							display: block;
							width: 100%;
							max-width: 315px;
							margin: 0 auto 30px auto !important;
							text-align: center;

							a {
								color: #000;
							}

							&.headBtn {
								a {
									width: 140px;
									height: 48px;
									margin: 0 auto;
									display: -ms-flex;
									display: flex;
									-ms-align-items: center;
									align-items: center;
									-ms-justify-content: center;
									justify-content: center;
									font-size: 14px;
									color: #FFF;
									letter-spacing: 0.1em;
									background: $red;
									transition: 0.3s;
								}
							}
						}
					}
				}
			}
		}

		&.fix {
			height: 60px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

			.headerInner {
				.logoBox {}
			}
		}
	}
}

/*------------------------------------------
  menuTrigger
------------------------------------------*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu-trigger {
	position: relative;
	width: 25px;
	height: 17px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: $red;
}

.menu-trigger.active span {
	background: $red;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 7px;
	width: 100%;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	/*-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;*/
}

@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}

@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}

/*------------------------------------------
  #cmn
------------------------------------------*/
.innerBox {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}


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


/*------------------------------------------
  #mv
------------------------------------------*/
.mvWrapper {
	position: relative;
	z-index: 3;

	.mv {
		display: -ms-flex;
		display: flex;

		.mvL {
			min-width: 100px;
			max-width: 100px;
			position: relative;

			h1 {
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				font-size: 24px;
				color: $red;
				position: absolute;
				right: 50%;
				top: 150px;
				transform: translate(50%, 0);
			}

			.scroll {
				position: absolute;
				left: 40px;
				bottom: 0;
				z-index: 5;

				span {
					height: 145px;
					display: block;
					position: relative;

					&:after {
						content: "";
						width: 1px;
						height: 150px;
						display: block;
						background: $red;
						position: absolute;
						left: 5px;
						bottom: 0;
						-webkit-animation: arrow 3s infinite;
						animation: arrow 3s infinite;
					}

					&:before {
						content: "";
						width: 5px;
						height: 5px;
						display: block;
						background: $red;
						border-radius: 5px;
						position: absolute;
						left: 3px;
						top: 44px;
					}

					@-webkit-keyframes arrow {

						0%,
						100% {
							height: 0;
							bottom: 100px;
						}

						35% {
							height: 100px;
							bottom: 0;
						}

						70% {
							height: 0;
							bottom: 0;
						}
					}

					@keyframes arrow {

						0%,
						100% {
							height: 0;
							bottom: 100px;
						}

						35% {
							height: 100px;
							bottom: 0;
						}

						70% {
							height: 0;
							bottom: 0;
						}
					}
				}
			}
		}

		.mvR {
			width: calc(100% - 100px);
			-ms-flex: 1;
			flex: 1;
			position: relative;

			ul {
				li {
					img {
						width: 100%;
					}
				}
			}

			p {
				position: absolute;
				top: 50%;
				right: 50%;
				transform: translate(50%, -50%);
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.mvWrapper {
		position: relative;
		z-index: 3;

		.mv {
			display: block;

			.mvL {
				display: none;

				h1 {
					-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
					font-size: 24px;
					color: $red;
					position: absolute;
					right: 50%;
					top: 150px;
					transform: translate(50%, 0);
				}

				.scroll {
					position: absolute;
					left: 40px;
					bottom: 0;
					z-index: 5;

					span {
						height: 145px;
						display: block;
						position: relative;

						&:after {
							content: "";
							width: 1px;
							height: 150px;
							display: block;
							background: $red;
							position: absolute;
							left: 5px;
							bottom: 0;
							-webkit-animation: arrow 3s infinite;
							animation: arrow 3s infinite;
						}

						&:before {
							content: "";
							width: 5px;
							height: 5px;
							display: block;
							background: $red;
							border-radius: 5px;
							position: absolute;
							left: 3px;
							top: 44px;
						}

						@-webkit-keyframes arrow {

							0%,
							100% {
								height: 0;
								bottom: 100px;
							}

							35% {
								height: 100px;
								bottom: 0;
							}

							70% {
								height: 0;
								bottom: 0;
							}
						}

						@keyframes arrow {

							0%,
							100% {
								height: 0;
								bottom: 100px;
							}

							35% {
								height: 100px;
								bottom: 0;
							}

							70% {
								height: 0;
								bottom: 0;
							}
						}
					}
				}
			}

			.mvR {
				width: 100%;
				-ms-flex: 1;
				flex: 1;
				position: relative;

				ul {
					li {
						img {
							width: 100%;
						}
					}
				}

				p {
					position: absolute;
					top: 50%;
					right: 50%;
					transform: translate(50%, -50%);
				}
			}
		}
	}
}


/*------------------------------------------
  #cmn
------------------------------------------*/
.ttlBox {
	text-align: center;
}

.btn {
	width: 100%;
	max-width: 300px;
	height: 60px;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	justify-content: center;
	font-size: 18px;
	transition: 0.3s;

	&.btnWhite {
		border: 1px solid $red;
		background: url("../img/arrow_right_red.png") no-repeat right 20px center / 6px #FFF;
		color: $red;

		&:hover {
			color: #FFF;
			background: url("../img/arrow_right_white.png") no-repeat right 20px center / 6px $red;
		}
	}

	&.btnPlus {
		border: 1px solid #333;
		background: url("../img/icon_pulus.png") no-repeat right 20px center / 13px #FFF;
		color: #333;

		&:hover {
			background: url("../img/icon_pulus.png") no-repeat right 20px center / 13px #DDD;
		}
	}

	&.btnArrow {
		border: 1px solid $red;
		background: url("../img/icon_arrow_red.png") no-repeat right 20px center / 18px #FFF;
		color: $red;

		&:hover {
			color: #FFF;
			background: url("../img/icon_arrow_white.png") no-repeat right 20px center / 18px $red;
		}
	}

	&.btnArrow2 {
		max-width: 390px;
		height: 90px;
		border-radius: 90px;
		font-size: 24px;
		color: #FFF;
		border: 1px solid $red;
		background: url("../img/icon_arrow_white.png") no-repeat right 20px center / 18px $red;

		&:hover {
			color: $red;
			background: url("../img/icon_arrow_red.png") no-repeat right 20px center / 18px #FFF;
		}
	}
}

@media screen and (max-width: 768px) {
	.ttlBox {
		img {
			max-width: 280px;
		}
	}
}


/*------------------------------------------
  #contents_01
------------------------------------------*/
.contents_bg_01 {
	padding: 320px 0 120px 0;
	background: #ebebeb;
	background-image: url("../img/bg_circle.png"), url("../img/bg_circle.png"), url("../img/bg_circle.png"), url("../img/bg_circle.png");
	background-size: 273px 273px, 142px 142px, 196px 196px, 458px 458px;
	background-position: left calc(50% - 550px) top 400px, left calc(50% + 190px) top 770px, left calc(50% - 480px) top 1030px, left calc(50% + 600px) top 1330px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	position: relative;
	top: -200px;
	margin-bottom: -200px;

	&:after {
		content: "";
		width: 100px;
		height: 100%;
		display: block;
		background: #FFF;
		position: absolute;
		right: 0;
		top: 0;
	}

	.contents_01 {
		.ttlBox {
			margin-bottom: 30px;
		}

		.contents {
			h3 {
				margin-bottom: 55px;

				>span {
					display: inline-block;

					>span {
						display: block;

						&.en {
							margin-bottom: 5px;
						}

						&.jp {
							padding: 0 0 0 23px;
							font-size: 18px;
							color: #333;
							background: url("../img/arrow_sttl.png") no-repeat left 0 center / 18px;
						}
					}
				}
			}

			.box {
				&:not(:last-child) {
					margin-bottom: 100px;
				}
			}

			.box_01,
			.box_03 {
				ul {
					display: -ms-flex;
					display: flex;
					-ms-justify-content: center;
					justify-content: center;

					li {
						max-width: 300px;
						min-width: 300px;
					}

					li:first-child {
						margin-right: 65px;
					}
				}
			}

			.box_02 {
				h3 {
					text-align: right;

					>span {
						>span {
							text-align: left;
						}
					}
				}

				.contentsBox {
					width: 665px;
					margin: 0 auto;

					input[type="text"] {
						width: 535px;
						padding: 0 10px;
						margin-right: 10px;
						height: 50px;
						border: 1px solid #d20144;
						font-size: 16px;
					}

					button {
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						border: none;
						border-radius: 0;
						outline: none;
						background: transparent;

						&::-ms-expand {
							display: none;
						}

						width: 120px;
						height: 50px;
						font-size: 18px;
						color: #FFF;
						background: #d20144;
						cursor: pointer;
						transition: 0.3s;

						&:hover {
							opacity: 0.8;
						}
					}
				}
			}

			.box_04 {
				h3 {
					text-align: right;

					>span {
						>span {
							text-align: left;
						}
					}
				}

				ul {
					display: -ms-flex;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;

					li {
						min-width: 300px;
						max-width: 300px;
						margin: 0 30px 30px 0;

						&:nth-child(3n) {
							margin-right: 0;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_bg_01 {
		padding: 50px 0 50px 0;
		background: #ebebeb;
		background-image: url("../img/bg_circle.png"), url("../img/bg_circle.png"), url("../img/bg_circle.png"), url("../img/bg_circle.png");
		background-size: 273px 273px, 142px 142px, 196px 196px, 458px 458px;
		background-position: left calc(50% - 550px) top 400px, left calc(50% + 190px) top 770px, left calc(50% - 480px) top 1030px, left calc(50% + 600px) top 1330px;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
		position: relative;
		top: inherit;
		margin-bottom: 0;

		&:after {
			content: "";
			width: 50px;
			height: 100%;
			display: block;
			background: #FFF;
			position: absolute;
			right: 0;
			top: 0;
		}

		.contents_01 {
			.ttlBox {
				margin-bottom: 30px;
			}

			.contents {
				h3 {
					margin-bottom: 55px;

					>span {
						display: inline-block;

						>span {
							display: block;

							&.en {
								margin-bottom: 5px;
							}

							&.jp {
								padding: 0 0 0 23px;
								font-size: 18px;
								color: #333;
								background: url("../img/arrow_sttl.png") no-repeat left 0 center / 18px;
							}
						}
					}
				}

				.box {
					padding: 0 5%;

					&:not(:last-child) {
						margin-bottom: 100px;
					}
				}

				.box_01,
				.box_03 {
					ul {
						display: block;

						li {
							max-width: 300px;
							min-width: 300px;
							margin: 0 auto;
						}

						li:first-child {
							margin: 0 auto 30px auto;
						}
					}
				}

				.box_02 {
					h3 {
						text-align: left;

						>span {
							>span {
								text-align: left;
							}
						}
					}

					.contentsBox {
						width: 100%;
						margin: 0 auto;

						input[type="text"] {
							width: 100%;
							padding: 0 10px;
							margin: 0 auto 10px auto;
							height: 50px;
							border: 1px solid #d20144;
							font-size: 16px;
						}

						button {
							-webkit-appearance: none;
							-moz-appearance: none;
							appearance: none;
							border: none;
							border-radius: 0;
							outline: none;
							background: transparent;

							&::-ms-expand {
								display: none;
							}

							width: 100%;
							height: 50px;
							font-size: 18px;
							color: #FFF;
							background: #d20144;
							cursor: pointer;
							transition: 0.3s;

							&:hover {
								opacity: 0.8;
							}
						}
					}
				}

				.box_04 {
					h3 {
						text-align: left;

						>span {
							>span {
								text-align: left;
							}
						}
					}

					ul {
						display: block;

						li {
							min-width: 300px;
							max-width: 300px;
							margin: 0 auto 30px auto;

							&:nth-child(3n) {
								margin: 0 auto 30px auto;
							}
						}
					}
				}
			}
		}
	}
}

/*------------------------------------------
  #contents_02
------------------------------------------*/
.contents_bg_02 {
	padding: 110px 0 0 0;

	.contents_02 {
		.ttlBox {
			margin-bottom: 70px;
		}

		.contents {
			.box {
				min-height: 640px;

				&:nth-child(odd) {
					background: url("../img/bg_con_02_01.jpg") no-repeat center / cover;

					.boxLR {
						.imgBox {
							right: 50%;
							transform: translate(-5%, 0);
						}

						.txtBox {
							.inner {
								margin-left: auto;

								.txt_01 {
									color: #FFF;
								}

								.txt_02 {
									color: #FFF;
								}
							}
						}
					}
				}

				&:nth-child(even) {
					background: url("../img/bg_con_02_02.jpg") no-repeat center / cover;

					.boxLR {
						.imgBox {
							right: 50%;
							transform: translate(105%, 0);
						}

						.txtBox {
							.inner {
								.txt_01 {
									color: $red;
								}

								.txt_02 {
									color: $red;
								}
							}
						}
					}
				}

				.boxLR {
					width: 100%;
					min-height: 640px;
					margin: 0 auto;
					overflow: hidden;
					position: relative;

					.imgBox {
						width: 720px;
						height: 540px;
						position: absolute;
						top: 50px;
					}

					.txtBox {
						max-width: 980px;
						margin: 0 auto;

						.inner {
							max-width: 490px;
							padding: 60px 0 0 0;

							.num {
								margin-bottom: 75px;
							}

							.txt_01 {
								margin-bottom: 10px;
								font-size: 24px;
								font-weight: 700;
							}

							.txt_02 {
								margin-bottom: 70px;
								font-size: 18px;
							}

							.btnBox {
								padding-left: 60px;

								a:first-child {
									margin-bottom: 25px;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1500px) {
	.contents_bg_02 {
		.contents_02 {
			.contents {
				.box {
					&:nth-child(odd) {
						.boxLR {
							.imgBox {
								width: calc(50% - 50px);
								left: 0;
								right: inherit;
								transform: translate(0, 0);
								overflow: hidden;

								>div {
									width: 100%;
									height: 100%;
									position: relative;

									img {
										min-width: 720px;
										position: absolute;
										left: 0;
										top: 0;
									}
								}
							}

							.txtBox {
								.inner {
									margin-left: auto;

									.txt_01 {
										color: #FFF;
									}

									.txt_02 {
										color: #FFF;
									}
								}
							}
						}
					}

					&:nth-child(even) {
						.boxLR {
							.imgBox {
								width: calc(50% - 50px);
								right: 0;
								transform: translate(0, 0);
								overflow: hidden;

								>div {
									width: 100%;
									height: 100%;
									position: relative;

									img {
										min-width: 720px;
										position: absolute;
										right: 0;
										top: 0;
									}
								}
							}

							.txtBox {
								.inner {
									.txt_01 {
										color: $red;
									}

									.txt_02 {
										color: $red;
									}
								}
							}
						}
					}

					@media screen and (max-width: 1100px) {
						&:nth-child(3) {
							.boxLR {
								.imgBox {
									>div {
										img {
											left: -100px;
										}
									}
								}
							}
						}
					}

					.boxLR {
						width: 100%;
						min-height: 640px;
						margin: 0 auto;
						overflow: hidden;
						position: relative;

						.imgBox {
							width: 720px;
							height: 540px;
							position: absolute;
							top: 50px;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_bg_02 {
		padding: 50px 0 0 0;

		.contents_02 {
			.ttlBox {
				margin-bottom: 50px;
			}

			.contents {
				.box {
					min-height: inherit;

					&:nth-child(odd) {
						background: url("../img/bg_con_02_01.jpg") no-repeat center / cover;

						.boxLR {
							.imgBox {
								width: 100%;
								left: inherit;
								right: inherit;
								transform: translate(0, 0);
								overflow: auto;

								>div {
									width: 100%;
									height: 100%;
									position: relative;

									img {
										min-width: inherit;
										position: inherit;
										left: inherit;
										top: inherit;
									}
								}
							}

							.txtBox {
								.inner {
									margin-left: auto;

									.txt_01 {
										color: #FFF;
									}

									.txt_02 {
										color: #FFF;
									}
								}
							}
						}
					}

					&:nth-child(even) {
						background: url("../img/bg_con_02_02.jpg") no-repeat center / cover;

						.boxLR {
							.imgBox {
								width: 100%;
								right: inherit;
								transform: translate(0, 0);
								overflow: auto;

								>div {
									width: 100%;
									height: 100%;
									position: relative;

									img {
										min-width: inherit;
										position: inherit;
										right: inherit;
										top: inherit;
									}
								}
							}

							.txtBox {
								.inner {
									.txt_01 {
										color: $red;
									}

									.txt_02 {
										color: $red;
									}
								}
							}
						}
					}

					.boxLR {
						width: 100%;
						max-width: 720px;
						margin: 0 auto;
						min-height: inherit;
						overflow: auto;
						position: relative;

						.imgBox {
							width: 100%;
							max-width: 720px;
							margin: 0 auto 20px auto;
							height: auto;
							position: inherit;
							top: inherit;
						}

						.txtBox {
							max-width: 980px;
							margin: 0 auto;

							.inner {
								max-width: 490px;
								padding: 0 5% 0 5%;

								.num {
									margin-bottom: 20px;
								}

								.txt_01 {
									margin-bottom: 10px;
									font-size: 24px;
									font-weight: 700;
								}

								.txt_02 {
									margin-bottom: 30px;
									font-size: 18px;
								}

								.btnBox {
									max-width: 300px;
									margin: 0 auto;
									padding: 0 0 30px 0;

									a:first-child {
										margin-bottom: 25px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}




/*------------------------------------------
  #contents_03
------------------------------------------*/
.contents_bg_03 {
	padding: 50px;

	.contents_03 {
		padding: 65px 0 120px 0;
		background: #ebebeb;

		.ttlBox {
			margin-bottom: 70px;
		}

		.contents {
			dl {
				margin-bottom: 5px;
				background: #FFF;

				dt {
					padding: 10px 0 10px 80px;
					min-height: 70px;
					background: url("../img/icon_q.png") no-repeat left 15px center / 45px, url("../img/dot.png") repeat-x left bottom / 10px;
					font-weight: 500;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
				}

				dd {
					padding: 10px 0 10px 80px;
					min-height: 70px;
					background: url("../img/icon_a.png") no-repeat left 15px center / 45px;
					font-weight: 400;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_bg_03 {
		padding: 5%;

		.contents_03 {
			padding: 50px 5%;
			background: #ebebeb;

			.ttlBox {
				margin-bottom: 70px;
			}

			.contents {
				dl {
					margin-bottom: 5px;
					background: #FFF;

					dt {
						padding: 10px 0 10px 80px;
						min-height: 70px;
						background: url("../img/icon_q.png") no-repeat left 15px center / 45px, url("../img/dot.png") repeat-x left bottom / 10px;
						font-weight: 500;
						display: -ms-flex;
						display: flex;
						-ms-align-items: center;
						align-items: center;
					}

					dd {
						padding: 10px 0 10px 80px;
						min-height: 70px;
						background: url("../img/icon_a.png") no-repeat left 15px center / 45px;
						font-weight: 400;
						display: -ms-flex;
						display: flex;
						-ms-align-items: center;
						align-items: center;
					}
				}
			}
		}
	}
}

/*------------------------------------------
  #contents_04
------------------------------------------*/
.contents_bg_04 {
	height: 640px;
	background: url("../img/bg_con_04_sp.jpg") no-repeat center / cover;

	.contents_04 {
		height: 100%;

		.innerBox {
			height: 100%;
			position: relative;

			// p {
			// 	position: absolute;
			// 	right: 50%;
			// 	left: 50%;
			// 	top: 50%;
			// 	transform: translate(0, -50%);
			// }

			p {
				text-align: center;
				padding: 80px 0 0;

				img {
					width: 150px;
				}
			}

			.btnBox {
				width: 100%;
				padding: 0 5%;
				position: absolute;
				bottom: 65px;

				a {
					margin: 0 auto;
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_bg_04 {
		height: 360px;
		background: url("../img/bg_con_04_sp.jpg") no-repeat center / cover;

		.contents_04 {
			height: 100%;
			position: relative;

			.innerBox {
				display: -ms-flex;
				display: flex;
				flex-direction: column;
				padding: 0 5%;
				align-items: center;

				p {
					min-width: 90px;
					max-width: 90px;
					position: inherit;
					left: inherit;
					top: inherit;
					transform: translate(0, 0);
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
					padding: 20px 0 0;
				}

				.btnBox {
					-ms-flex: 1;
					flex: 1;
					width: 100%;
					padding: 0 0 40px 0;
					position: inherit;
					bottom: inherit;
					display: -ms-flex;
					display: flex;
					-ms-align-items: flex-end;
					align-items: flex-end;

					a {
						margin: 0 auto;
					}
				}

				@media screen and (max-width: 500px) {
					p {
						min-width: 70px;
						max-width: 70px;
						padding: 40px 0 0;
					}

					.btnBox {
						.btn.btnArrow2 {
							font-size: 20px;
						}
					}
				}
			}
		}
	}
}






/* ------------------------------
   トップへ戻る
------------------------------ */
#toTop {
	position: fixed;
	right: 0px;
	bottom: 0px;
	display: none;
	z-index: 200;
}

#toTop a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	#toTop {
		right: 0px;
		bottom: 0px;

		img {
			width: 60px;
		}
	}
}




/*------------------------------------------
  footer
------------------------------------------*/
footer {
	padding: 10px 40px;
	text-align: center;
	background: #bc1d21;
}

footer * {
	color: #FFF;
	font-size: 15px;
}

footer .innerBox {
	max-width: 980px;
}

footer .logoBox {
	margin-right: 60px;
	float: left;
}

footer #links {
	float: left;
	padding: 10px 0 0 0;
	font-size: 15px;
}

footer #links a {
	display: inline-block;
	font-size: 15px;
}

footer #links a:last-child {
	margin-right: 0;
}

footer #links a:hover {
	text-decoration: underline;
}

footer #copy {
	padding: 10px 0 0 0;
	float: right;
}

footer #copy small {
	font-size: 13px;
}

@media screen and (max-width: 768px) {
	footer {
		padding: 20px 5% 50px 5%;
		min-width: inherit;
		text-align: center;
		display: block;
	}

	footer .logoBox {
		margin-right: 0;
		float: inherit;
	}

	footer #links {
		padding: 30px 5% 0 5%;
		margin-bottom: 0;
		float: inherit;
		text-align: center;
		font-size: 12px;

		a {
			display: inline-block;
			margin: 0 10px 20px 10px;

			&:last-child {
				margin: 0 10px 20px 10px;
			}
		}
	}

	footer #copy {
		float: inherit;

		small {
			font-size: 12px;
		}
	}
}



/*------------------------------------------
  モーダル
------------------------------------------*/
.modalContents {
	display: none;
}

.modaal-container {
	max-width: 100%;
	background: none;
	box-shadow: inherit;
}

.modaal-content-container {
	padding: 0;
}

/*.modaal-inner-wrapper{
	padding: 200px 0 100px 0;
}*/
.modalInner {
	max-width: 730px;
	margin: 0 auto;

	.box {
		padding: 50px 0;

		.topBox {
			margin-bottom: 60px;
			position: relative;

			.btnBox {
				position: absolute;
				right: -20px;
				top: -20px;
				cursor: pointer;
			}

			p {
				padding: 10px;
				position: absolute;
				left: 0;
				bottom: 0;
				transform: translate(0, 50%);
				background: $red;
				font-size: 18px;
				font-weight: 500;
				color: #FFF;
			}
		}

		.bottomBox {
			dl {
				dt {
					padding: 10px 0 10px 80px;
					min-height: 70px;
					font-weight: 500;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
				}

				dd {
					padding: 10px 0 10px 80px;
					min-height: 70px;

					font-weight: 400;
					display: -ms-flex;
					display: flex;
					-ms-align-items: center;
					align-items: center;
				}

				&:nth-child(1) {
					dt {
						background: url("../img/icon_q_01.png") no-repeat left 15px center / 48px;
					}

					dd {
						background: url("../img/icon_a_01.png") no-repeat left 15px center / 48px;
					}
				}

				&:nth-child(2) {
					dt {
						background: url("../img/icon_q_02.png") no-repeat left 15px center / 48px;
					}

					dd {
						background: url("../img/icon_a_02.png") no-repeat left 15px center / 48px;
					}
				}

				&:nth-child(3) {
					dt {
						background: url("../img/icon_q_03.png") no-repeat left 15px center / 48px;
					}

					dd {
						background: url("../img/icon_a_03.png") no-repeat left 15px center / 48px;
					}
				}
			}
		}
	}
}

.modaal-overlay {
	background: rgba(255, 255, 255, 0.9) !important;
	opacity: 1 !important;
	z-index: 1000;
}


.modalType_01 {}




@media screen and (max-width: 768px) {
	.modaal-inner-wrapper {
		padding: 60px 5%;
	}
}

@media screen and (max-width: 767px) {
	.modaal-inner-wrapper {
		padding: 60px 5%;
	}

	.modalType_01 {}
}