/********** common **********/
html,
body {
	overflow-x: hidden;
}

body {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W8", "Noto Sans",
		sans-serif;
	font-size: 28px;
	font-weight: 900;
	width: 100%;
	max-width: 2000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

a {
	text-decoration: none;
}

img {
	vertical-align: top;
}

header {
	padding-bottom: 15px;
	display: flex;
	position: relative;
}

header .tel {
	margin: 20px 0 0 740px;
	display: flex;
}

header .tel li:first-child {
	font-size: 30px;
	letter-spacing: 2px;
}

header .tel li:first-child span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 0 0 10px;
	display: block;
	letter-spacing: 1px;
}

header .tel li:last-child {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 50px;
	color: #1d4e89;
	margin: 5px 0 0 15px;
}

header .tel li:last-child img {
	vertical-align: baseline;
}

header .menu {
	margin-left: 900px;
	position: fixed;
	top: 12px;
	left: 50%;
	z-index: 9;
	cursor: pointer;
}

header .menu img {
	width: 70px;
}

nav {
	overflow: auto;
	top: 0;
	z-index: 11;
	transition: all 0.5s;
}

nav .close {
	width: 100%;
	margin: 0 auto;
}

nav .close .close-box {
	width: 60px;
	height: 80px;
	position: relative;
	cursor: pointer;
}

nav .close .close-box span {
	background: #fff;
	width: 60px;
	height: 8px;
	display: block;
	position: absolute;
	left: 0;
	top: 45px;
}

nav .close .close-box span:first-child {
	transform: rotate(45deg);
}

nav .close .close-box span:last-child {
	transform: rotate(-45deg);
}

nav .menu-box {
	margin-top: 40px;
}

nav .menu-box div {
	font-size: 20px;
	font-weight: bold;
	margin-top: 16px;
	padding-left: 80px;
}

nav .menu-box div a {
	color: #fff;
	width: 100%;
	padding: 10px 0;
	display: block;
}

.breadcrumb {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	width: 1400px;
	margin: 30px auto 80px;
	line-height: 1.4;
}

.breadcrumb a {
	color: #000;
	text-decoration: underline;
}

@keyframes flash {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

footer {
	padding: 50px 0;
}

footer .logo {
	width: 471px;
	margin: 0 auto;
}

footer .logo img {
	width: 100%;
}

footer .copy {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 30px;
	text-align: center;
}

@media screen and (min-width: 801px) {
	header h1 {
		padding: 10px 0 0 50px;
	}

	.nav-box {
		width: 2000px;
		margin: auto;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}

	nav {
		background: #40a5ea;
		width: 500px;
		height: 100vh;
		max-height: 1000px;
		position: absolute;
		right: -100%;
	}

	nav.open {
		right: 0;
	}

	nav .close .close-box {
		margin: 0 30px 0 auto;
	}

	nav .menu-box {
		padding-bottom: 40px;
	}

	footer #nav-footer {
		display: none !important;
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	header {
		padding-bottom: 0.75vw;
	}

	header h1 {
		padding: 0.5vw 0 0 2.5vw;
	}

	header h1 img {
		width: 23.55vw;
	}

	header .tel {
		margin: 1vw 0 0 37vw;
	}

	header .tel li:first-child {
		font-size: 1.5vw;
		letter-spacing: 0.1vw;
	}

	header .tel li:first-child span {
		font-size: 0.9vw;
		padding: 0.25vw 0 0 0.5vw;
		letter-spacing: 0.05vw;
	}

	header .tel li:last-child {
		font-size: 2.5vw;
		margin: 0.25vw 0 0 0.75vw;
	}

	header .tel li:last-child img {
		width: 2.95vw;
	}

	header .menu {
		margin-left: 45vw;
		top: 0.6vw;
	}

	header .menu img {
		width: 3.5vw;
	}

	.nav-box {
		width: 100vw;
	}

	nav {
		width: 25vw;
		max-height: 50vw;
	}

	nav .close .close-box {
		width: 3vw;
		height: 4vw;
		margin: 0 2.5vw 0 auto;
	}

	nav .close .close-box span {
		width: 3vw;
		height: 0.4vw;
		top: 2.25vw;
	}

	nav .menu-box {
		margin-top: 2vw;
		padding-bottom: 2vw;
	}

	nav .menu-box div {
		font-size: 1vw;
		margin-top: 1vw;
		padding-left: 4vw;
	}

	nav .menu-box div a {
		padding: 0.5vw 0;
	}

	.breadcrumb {
		font-size: 1vw;
		width: 70vw;
		margin: 1.5vw auto 4vw;
	}

	footer {
		padding: 2.5vw 0;
	}

	footer .logo {
		width: 23.55vw;
	}

	footer .copy {
		font-size: 0.7vw;
		margin-top: 1.5vw;
	}
}

@media screen and (max-width: 800px) {
	header {
		justify-content: space-between;
		padding-bottom: 1vw;
	}

	header h1 {
		padding-left: 1.25vw;
	}

	header h1 img {
		width: 66.25vw;
	}

	header .tel {
		display: none;
	}

	header .menu {
		margin-left: 37.5vw;
		top: 1vw;
	}

	header .menu img {
		width: 11.5vw;
	}

	nav {
		background: rgba(61, 164, 234, 0.9);
		width: 100%;
		height: 100%;
		margin: auto;
		padding-bottom: 6.25vw;
		overflow-y: auto;
		position: fixed;
		left: 100%;
		right: 0;
	}

	nav.open {
		left: 0;
	}

	nav .close .close-box {
		height: 11.25vw;
		margin-left: 87.5vw;
	}

	nav .close .close-box span {
		width: 10vw;
		height: 1vw;
		top: 5.625vw;
	}

	nav .menu-box {
		margin-top: 10vw;
		padding-bottom: 15vw;
		overflow-y: auto;
	}

	nav .menu-box div {
		font-size: 4.75vw;
		margin-top: 5vw;
		padding-left: 10vw;
	}

	nav .menu-box div a {
		padding: 1.25vw 0;
	}

	.breadcrumb {
		font-size: 3.25vw;
		width: 90%;
		margin: 0 auto 5vw;
	}

	footer {
		margin-bottom: 25vw;
		padding: 2.5vw 0;
	}

	footer .logo {
		width: 54vw;
	}

	footer .copy {
		font-size: 3.25vw;
		margin-top: 1.25vw;
	}

	footer #nav-footer {
		width: 100%;
		margin: auto;
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
	}

	footer #nav-footer li {
		width: calc(100% / 3);
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	footer #nav-footer li:first-child {
		background: rgba(78, 172, 236, 0.9);
	}

	footer #nav-footer li:nth-child(2) {
		background: rgba(120, 199, 82, 0.9);
	}

	footer #nav-footer li:last-child {
		background: rgba(29, 78, 137, 0.9);
	}

	footer #nav-footer li .icon {
		width: 100%;
	}

	footer #nav-footer li a {
		width: 100%;
		padding: 2.5vw 0;
		display: block;
	}

	@keyframes shiny {
		0% {
			transform: scale(0) rotate(25deg);
			opacity: 0;
		}

		50% {
			transform: scale(1) rotate(25deg);
			opacity: 1;
		}

		100% {
			transform: scale(50) rotate(25deg);
			opacity: 0;
		}
	}

	footer #nav-footer li:nth-child(2) a {
		position: relative;
		overflow: hidden;
	}

	footer #nav-footer li:nth-child(2) a::after {
		content: "";
		width: 50px;
		height: 50px;
		background-image: linear-gradient(100deg,
				rgba(255, 255, 255, 0) 10%,
				rgba(255, 255, 255, 1) 100%,
				rgba(255, 255, 255, 0) 0%);
		position: absolute;
		top: -100px;
		left: -100px;
		animation-name: shiny;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}

	footer #nav-footer li .icon img {
		width: 15vw;
	}

	footer #nav-footer li:nth-child(2) .icon img {
		width: 10vw;
	}

	footer #nav-footer li .flash {
		font-size: 3.75vw;
		color: #ff2b49;
		margin-bottom: 1.25vw;
		animation: flash 4s linear infinite;
	}

	footer #nav-footer li p {
		font-size: 3.75vw;
		color: #fff;
		margin-top: 1.25vw;
		text-align: center;
	}
}

/********** /common **********/

/********** top **********/
#main-visual {
	margin: -20px auto 0;
	padding-top: 20px;
	position: relative;
}

#main-visual img {
	width: 100%;
	max-width: 1920px;
}

#main-visual .box {
	background: #5db3ee;
}

#main-visual .people {
	width: 490px;
	height: 794px;
	position: absolute;
	right: 240px;
	top: 10px;
	z-index: 2;
}

#main-visual .people#animate {
	animation-duration: 1.5s;
	animation-delay: 0.5s;
}

#main-visual .people img,
#main-visual .text-01 img,
#main-visual .text-02 img,
#main-visual .text-03 img,
#main-visual .text-04 img {
	width: 100%;
}

#main-visual .text-01 {
	width: 1017px;
	height: 165px;
	margin-left: 290px;
	padding-top: 30px;
}

#main-visual .text-01#animate {
	animation-duration: 1s;
	animation-delay: 1s;
}

#main-visual .text-02 {
	width: 1003px;
	height: 208px;
	margin: 10px 0 0 310px;
}

#main-visual .text-02#animate {
	animation-duration: 1s;
	animation-delay: 1.25s;
}

#main-visual .text-03 {
	width: 872px;
	height: 55px;
	margin: 10px 0 0 330px;
}

#main-visual .text-03#animate {
	animation-duration: 1s;
	animation-delay: 1.5s;
}

#main-visual .text-04#animate {
	animation-duration: 1s;
	animation-delay: 1.75s;
}

#top-campaign {
	background: #5db3ee;
	padding: 30px 0 0 330px;
}

#line-01 {
	background: #5db3ee;
}

#line-01 ul {
	display: flex;
}

#line-01 ul li {
	width: calc(100% / 3);
}

#btn-campaign {
	width: 1400px;
	margin: 40px auto 0;
}

#btn-campaign img {
	width: 100%;
	cursor: pointer;
}

#meeting {
	width: 1400px;
	margin: 40px auto 0;
}

#meeting img {
	cursor: pointer;
}

#movie {
	width: 100%;
	margin: 140px auto 0;
}

#movie video {
	width: 1200px;
	margin: 0 auto;
	display: block;
}

#answer {
	width: 1400px;
	margin: 40px auto 0;
}

#answer a img {
	width: 100%;
}

#attention {
	font-size: 24px;
	color: #db0700;
	width: 1200px;
	margin: 80px auto 0;
	padding: 20px 0;
	border: #db0700 5px solid;
	text-align: center;
	line-height: 1.4;
}

#attention span {
	font-size: 22px;
	line-height: 1.8;
	display: block;
}

#pc-only {
	width: 2000px;
	margin: 0 auto;
	position: fixed;
	bottom: 142px;
	z-index: 3;
}

#pc-only .inner {
	width: 880px;
	position: absolute;
	right: 30px;
	top: 0;
}

#pc-only .inner ul {
	display: flex;
	position: relative;
}

#pc-only .inner ul li {
	text-align: center;
}

#pc-only .inner ul li:first-child {
	background: #fff;
	width: 460px;
	padding: 20px 0;
}

#pc-only .inner ul li:first-child p {
	font-size: 30px;
	color: #1d4e89;
}

#pc-only .inner ul li:first-child a {
	font-size: 22px;
	color: #fff;
	background: #1d4e89;
	width: 380px;
	margin: 10px auto 0;
	padding: 20px 0;
	text-align: center;
	display: block;
}

#pc-only .inner ul li:last-child {
	background: #78c752;
	width: 420px;
}

#pc-only .inner ul li:last-child a {
	padding: 20px 0;
	display: block;
}

#pc-only .inner ul li:last-child p {
	font-size: 30px;
	color: #fff;
}

#pc-only .inner ul li:last-child img {
	width: 54px;
	vertical-align: middle;
}

#pc-only .inner ul li:last-child div {
	font-size: 36px;
	color: #ff2b49;
	margin-top: 15px;
}

#pc-only .inner ul li:last-child div span {
	vertical-align: middle;
	animation: flash 4s linear infinite;
}

#pc-only .inner .close {
	font-size: 64px;
	color: #fff;
	background: #1d4e89;
	width: 70px;
	height: 70px;
	padding-top: 2px;
	border-radius: 100%;
	text-align: center;
	position: absolute;
	right: -30px;
	top: -30px;
	cursor: pointer;
}

#kinkyu {
	width: 1400px;
	height: 600px;
	margin: 80px auto 0;
}

#kinkyu img {
	width: 100%;
	cursor: pointer;
}

#kyuhukin {
	background: url(../images/bg_kyuhukin.gif) no-repeat;
	background-size: 100%;
	width: 1400px;
	height: 600px;
	margin: 80px auto 0;
	padding-top: 420px;
	text-align: center;
}

#salary {
	width: 1400px;
	margin: 80px auto 0;
	text-align: center;
}

#lawyer {
	margin: 120px auto 0;
	letter-spacing: 0.05em;

	h2 {
		font-size: 60px;
	}

	.box {
		width: 1200px;
		margin: 30px auto 0;
		border: #1d4e89 3px solid;
		padding: 40px 0 30px;

		h3 {
			font-size: 24px;
			font-weight: bold;
			color: #fff;
			background: #1d4e89;
			width: 1000px;
			margin: 0 auto;
			padding: 10px 0;
			text-align: center;
			line-height: 2;
		}

		p {
			font-size: 24px;
			color: #1d4e89;
			margin-top: 10px;
			text-align: center;
			line-height: 2;

			strong {
				color: #d20000;
				margin-bottom: 30px;
				text-decoration: underline;
				text-underline-offset: 2px;
				display: block;
			}
		}

		br.pc {
			display: inline;
		}

		br.sp {
			display: none;
		}
	}
}

#line-015 {
	background: url(../images/bg_line_015.jpg) no-repeat;
	background-size: 100%;
	width: 1410px;
	height: 475px;
	margin: 80px auto 0;
	padding-top: 216px;
	text-align: center;
}

#line-015 .btn img {
	cursor: pointer;
}

#line-02 {
	background: url(../images/bg_line_02.png) no-repeat;
	background-size: 100%;
	width: 1410px;
	height: 475px;
	margin: 80px auto 0;
	padding-top: 310px;
	text-align: center;
}

#line-02 .btn img {
	cursor: pointer;
}

#top h2 {
	font-size: 60px;
	font-weight: 900;
	color: #002b72;
	text-align: center;
}

#p-harassment {
	width: 100%;
	max-width: 1400px;
	margin: 80px auto 0;
}

#p-harassment img {
	width: 100%;
}

#line-03::before,
#line-05::before,
#line-07::before,
#line-08::before,
#line-09::before,
#line-11::before,
#line-12::before,
#line-13::before,
#line-14::before,
#line-15::before {
	content: "";
	height: 40px;
	margin-top: -40px;
	display: block;
	visibility: hidden;
}

#line-03 {
	margin-top: 80px;
}

#line-03 h2 {
	font-size: 50px;
}

#line-03 h2 span {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 80px;
	font-weight: 900;
	color: #f00;
}

#line-03 .box {
	background: #4eacec;
	margin-top: 30px;
	padding: 50px 0 40px;
}

#line-03 .text-01 {
	font-size: 36px;
	color: #002b72;
	background: #fff;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	line-height: 1.2;
}

#line-03 .course-info {
	background: #fff;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 80px 50px;
	display: flex;
	gap: 15px 30px;
	flex-wrap: wrap;
	align-items: center;
}

#line-03 .course-info p {
	font-size: 30px;
	color: #002b72;
	display: flex;
	align-items: center;
	gap: 0 10px;
	line-height: 1.2;
}

#line-03 .course-info p:nth-child(2n + 1) {
	width: calc(52% - 15px);
}

#line-03 .course-info p:nth-child(2n) {
	width: calc(48% - 15px);
}

#line-03 ul {
	width: 1790px;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#line-03 ul li {
	cursor: pointer;
}

#line-03 ul li img {
	width: 290px;
}

#line-03 .text-02 {
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -0.05em;
}

#line-03 #modal-box {
	background: rgba(255, 255, 255, 0.96);
	width: 100%;
	height: 100%;
	padding: 100px 0;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

#line-03 #modal-box #btn-close {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

#line-03 #modal-box #btn-close div {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 20px;
	top: -50px;
	cursor: pointer;
}

#line-03 #modal-box #btn-close span {
	background: #1d4e89;
	width: 50px;
	height: 8px;
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
}

#line-03 #modal-box #btn-close span:first-child {
	transform: rotate(45deg);
}

#line-03 #modal-box #btn-close span:last-child {
	transform: rotate(-45deg);
}

#line-03 #modal-box .inner {
	width: 100%;
	max-width: 1400px;
	max-height: calc(100vh - 200px);
	padding: 30px;
	margin: auto;
	line-height: 1.6;
	overflow: auto;
	position: absolute;
	left: 0;
	right: 0;
	-webkit-overflow-scrolling: touch;
}

#line-03 #modal-box .modal-kinkyu {
	text-align: center;
}

#line-03 #modal-box .inner .k-title {
	font-size: 50px;
	color: #dc0800;
}

#line-03 #modal-box .inner .k-box {
	width: 1100px;
	margin: 60px auto 0;
	padding-bottom: 40px;
	border-left: #1d4e89 6px solid;
	border-right: #1d4e89 6px solid;
	border-bottom: #1d4e89 6px solid;
}

#line-03 #modal-box .inner .k-text-01 {
	font-size: 20px;
	margin-top: 20px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

#line-03 #modal-box .inner .k-text-01 span.white {
	font-size: 24px;
	color: #fff;
	background: #dc0800;
	width: 860px;
	margin: 10px auto 0;
	padding: 10px 0;
	line-height: 1.2;
	display: block;
}

#line-03 #modal-box .inner .k-text-01 span.white:first-of-type {
	margin-top: 20px;
}

#line-03 #modal-box .inner .k-text-01 span.white:nth-of-type(3) {
	margin-bottom: 20px;
}

#line-03 #modal-box .inner .k-text-01 span.big {
	font-size: 30px;
	margin-top: 10px;
	display: block;
}

#line-03 #modal-box .inner .k-text-01 span.red {
	color: #dc0800;
}

#line-03 #modal-box .inner .k-text-01 span.yellow {
	font-size: 20px;
	background: #fef56d;
	width: 860px;
	margin: 20px auto 0;
	padding: 20px 0;
	border-radius: 20px;
	line-height: 1.5;
	display: block;
}

#line-03 #modal-box .inner .k-text-01 br.pc {
	display: inline-block;
}

#line-03 #modal-box .inner .k-text-01 br.sp {
	display: none;
}

#line-03 #modal-box .inner .k-text-02 {
	font-size: 30px;
	color: #fff;
	background: #1d4e89;
	padding: 10px 0;
	line-height: 1.4;
	letter-spacing: 0.01em;
}

#line-03 #modal-box .inner .k-text-02 span {
	color: #fef56d;
}

#line-03 #modal-box .inner .k-text-02 br.sp {
	display: none;
}

#line-03 #modal-box .inner .k-text-03 {
	font-size: 16px;
	margin-top: 30px;
	line-height: 2;
	letter-spacing: 0.1em;
}

#line-03 #modal-box .inner .title {
	font-size: 64px;
	font-weight: bold;
	color: #1d4e89;
	margin-top: 20px;
}

#line-03 #modal-box .inner .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
}

#line-03 #modal-box .inner .text strong {
	font-weight: bold;
	color: #f00;
}

#line-03 #modal-box .inner .btn-more {
	width: 100%;
}

#line-03 #modal-box .inner .btn-more a {
	margin-left: 0;
}

#line-04 {
	margin-top: 80px;
}

#line-04 div:first-of-type {
	width: 1509px;
	margin: 0 auto;
}

#line-04 div img {
	width: 100%;
}

#line-04 .movie {
	background: #ebebeb;
	width: 100%;
	padding: 20px 0;
}

#line-04 .movie video {
	width: 1200px;
	margin: 0 auto;
	display: block;
}

#line-04 .attention {
	font-size: 24px;
	color: #db0700;
	width: 1200px;
	margin: 20px auto 0;
	padding: 20px 0;
	border: #db0700 5px solid;
	text-align: center;
	line-height: 1.4;
}

#line-04 .attention span {
	font-size: 22px;
	line-height: 1.8;
	display: block;
}

#line-05 {
	width: 100%;
	margin: 110px auto 0;
	padding: 90px 0;
}

#line-05 .inner {
	background: #78c752;
	height: 710px;
	padding: 30px 0;
}

#line-05 .title img {
	width: 507px;
}

#line-05 .line {
	margin: -120px 0 0 40px;
}

#line-05 .line img {
	width: 450px;
}

#line-05 .btn-add {
	width: 390px;
	margin: -210px 0 0 560px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#line-05 .btn-add a {
	font-size: 20px;
	color: #fff;
	background: url(../images/arrow_01.png) center right 20px no-repeat #169617;
	background-size: 12px 12px;
	width: 100%;
	padding: 20px 0;
	border: #bede9c 5px solid;
	display: block;
}

#line-06 {
	margin-top: 150px;
}

#line-06 h2 {
	font-size: 60px;
	line-height: 0.6;
}

#line-06 h2 span {
	font-size: 18px;
}

#line-06 ul {
	background: url(../images/bg_line_06.png) no-repeat;
	background-size: 100%;
	width: 405px;
	height: 436px;
	padding: 20px 0 0;
}

#line-06 ul li .date {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #1d4e89;
}

#line-06 ul li .text {
	font-size: 24px;
	margin-top: 5px;
	color: #1d4e89;
	line-height: 1.3;
}

.btn-more {
	width: 94%;
	margin: 30px auto 0;
	text-align: center;
}

.btn-more a {
	font-size: 20px;
	color: #fff;
	background: url(../images/arrow_01.png) center right 20px no-repeat #1d4e89;
	background-size: 12px 12px;
	width: 390px;
	margin: 0 auto;
	padding: 20px 0;
	border: #91a8d1 5px solid;
	display: block;
	letter-spacing: 0.1em;
}

.btn-review {
	width: 94%;
	margin: 10px auto 0;
	text-align: center;
}

.btn-review a {
	font-size: 20px;
	color: #fff;
	background: url(../images/arrow_01.png) center right 20px no-repeat #169617;
	background-size: 12px 12px;
	width: 390px;
	margin: 0 auto;
	padding: 20px 0;
	border: #bede9c 5px solid;
	display: block;
	letter-spacing: 0.1em;
}

#line-07 {
	margin-top: 180px;
}

#line-07 .box {
	background: #3da4ea;
	margin: 50px auto 0;
	padding: 30px 40px 30px 0;
}

#line-07 .box:nth-of-type(n + 2) {
	margin-top: -45px;
}

#line-07 .box .title {
	font-size: 40px;
	color: #fff;
	padding-top: 56px;
	text-align: center;
}

#line-07 .box:first-of-type .title {
	background: url(../images/bg_step_01.png) no-repeat top center;
}

#line-07 .box:nth-of-type(3) .title {
	background: url(../images/bg_step_02.png) no-repeat top center;
}

#line-07 .box:last-of-type .title {
	background: url(../images/bg_step_03.png) no-repeat top center;
}

#line-07 .box .text {
	font-size: 20px;
	color: #1d4e89;
	background: #fff;
	width: calc(100% - 262px);
	margin: 0 auto 0;
	padding: 30px 30px 30px 60px;
	line-height: 1.8;
}

#line-07 .arrow {
	width: 1200px;
	margin: -32px auto 0;
}

#line-08 {
	margin-top: 200px;
	transition: all 1s;
}

#line-08 .title {
	font-size: 24px;
	color: #fff;
	background: url(../images/bg_line_08.png) no-repeat;
	background-size: 100%;
	width: 1010px;
	height: 126px;
	margin: 40px auto 0;
	padding-top: 20px;
	text-align: center;
	line-height: 1.6;
}

#line-08 .text {
	font-size: 24px;
	color: #4eacec;
	margin-top: 30px;
	line-height: 1.7;
}

#line-08>.btn-more {
	font-size: 42px;
	color: #fff;
	background: url(../images/arrow_02.png) no-repeat center right 30px #1d4e89;
	width: 100%;
	padding: 30px 0;
	border: #91a8d1 10px solid;
	display: block;
	letter-spacing: 0.1em;
}

#line-08 .add-box {
	background: url(../images/bg_add_box.jpg) no-repeat;
	background-size: 100%;
	margin-top: 30px;
	padding: 80px 0;
}

#line-08 .add-box .text-01 {
	font-size: 36px;
	color: #002b72;
	padding-bottom: 20px;
	text-align: center;
}

#line-08 .add-box .text-02 {
	font-size: 36px;
	color: #002b72;
	text-align: center;
}

#line-08 .add-box .text-03 {
	font-size: 46px;
	color: #002b72;
	padding-bottom: 20px;
	text-align: center;
}

#line-08 .add-box .text-04 {
	font-size: 30px;
	color: #000;
	text-align: center;
}

#line-08 .add-box .text-05 {
	font-size: 30px;
	color: #fff;
	background: url(../images/bg_line_08_text_05.png) no-repeat;
	background-size: 100%;
	width: 590px;
	height: 291px;
	margin-top: 30px;
	padding-top: 50px;
	text-align: center;
	line-height: 1.4;
	position: relative;
	z-index: 2;
}

#line-08 .add-box .text-06 {
	font-size: 26px;
	color: #000;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4;
}

#line-08 .add-box .text-07 {
	font-size: 50px;
	color: #1d4e89;
	margin-top: 20px;
	text-align: center;
	line-height: 1.2;
}

#line-08 .add-box .text-07 span.blue {
	color: #2b9be8;
}

#line-08 .add-box .inner {
	width: 1200px;
	margin: 50px auto 0;
	border-top: #1d4e89 5px dashed;
}

#line-08 .add-box .inner .title {
	font-size: 40px;
	height: 60px;
	background: #1d4e89;
	padding: 0;
	text-align: center;
	line-height: 1.5;
}

#line-08 .add-box .inner .no {
	font-size: 22px;
	background: url(../images/bg_line_08_no.png) no-repeat 20px 38px;
	padding: 30px 0 0 50px;
	line-height: 1.4;
}

#line-08 .add-box .inner .ok {
	font-size: 22px;
	background: url(../images/bg_line_08_yes.png) no-repeat 20px 38px;
	padding: 30px 0 0 50px;
	line-height: 1.4;
}

#line-09 {
	background: #1d4e89;
	margin-top: 50px;
	padding: 60px 0 50px;
	position: relative;
}

#line-09 h2 {
	color: #fff;
}

#line-09 .text {
	font-size: 30px;
	color: #fff;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4;
}

#line-09 .text span {
	font-size: 20px;
}

#line-09 .checker {
	margin-top: 30px;
	text-align: center;
}

#line-09 .checker .disc img {
	width: 60vw;
	max-width: 1200px;
}

#line-09 .btn-checker {
	margin-top: 20px;
	cursor: pointer;
}

#line-09 .btn-checker img {
	width: 60vw;
	max-width: 1200px;
}

#line-09 .box {
	background: #fff;
	margin: 30px auto 0;
	padding: 40px 20px 30px;
}

#line-09 .plan {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
}

#line-09 .plan .blue {
	font-size: 54px;
	color: #91a8d1;
}

#line-09 .plan .small {
	font-size: 30px;
	line-height: 1.5;
	display: block;
}

#line-09 .box ul {
	display: flex;
}

#line-09 .box ul li>em {
	font-style: normal;
	font-size: 18px;
	display: block;
	text-align: center;
	margin: 20px auto -10px;
	color: #f00;
}

#line-09 .box ul li .price {
	font-size: 60px;
	color: #1d4e89;
	width: 100%;
	margin-top: 10px;
	position: relative;
}

#line-09 .box ul li .price .number {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 160px;
}

#line-09 .box:nth-of-type(4) ul li .price .number {
	letter-spacing: 0;
}

#line-09 .box:nth-of-type(5) ul li .price .number {
	letter-spacing: -0.075em;
}

#line-09 .box ul li .price .small {
	font-size: 30px;
	position: absolute;
	right: 260px;
	top: 110px;
}

#line-09 .plan-b .flex-box,
#line-09 .plan-e .flex-box {
	display: block;
}

#line-09 .plan-b .inner:nth-of-type(n + 2),
#line-09 .plan-e .inner:nth-of-type(n + 2) {
	margin-left: 0;
}

#line-09 .box ul li .option {
	font-size: 47px;
	color: #1d4e89;
	width: 100%;
	text-align: center;
}

#line-09 .box .additional-fee {
	font-size: 30px;
	color: #f00;
	margin: 10px 0 20px;
	text-align: center;
	line-height: 1.4;
}

#line-09 .box .additional-fee span {
	color: #fff;
	background: #18c700;
	width: 97%;
	margin: 20px auto 15px;
	padding: 0 10px;
	line-height: 1.333;
	display: block;
}

#line-09 .box .text-02 {
	font-size: 60px;
	color: #1d4e89;
	margin-top: 20px;
	text-align: center;
}

#line-09 .box .text-03 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 160px;
	color: #1d4e89;
	margin-top: 10px;
	text-align: center;
}

#line-09 .box .text-03 .middle {
	font-size: 60px;
}

#line-09 .box .text-03 .small {
	font-size: 30px;
}

#line-09 .box .text-04 {
	font-size: 50px;
	color: #db0700;
	margin-top: 10px;
	text-align: center;
}

#line-09 .box .text-05 {
	font-size: 20px;
	margin-top: 30px;
	text-align: center;
}

#line-09 .text-01 {
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.4;
}

#line-09 .text-06 {
	font-size: 12px;
	margin-top: 14px;
	text-align: left;
	line-height: 1.4em;
}

#line-09 .text-07 {
	font-size: 20px;
	background: #f0eff5;
	width: 95%;
	margin: 10px auto 0;
	padding: 16px 0;
	text-align: center;
	line-height: 1.4;
}

#line-09 .text-07 span {
	font-size: 12px;
	margin-top: 10px;
	text-align: left;
	display: block;
	padding: 0px 10px;
}

#line-09 .inner {
	background: #f0eff5;
	margin-top: 30px;
	padding: 30px 0;
	display: flex;
}

#line-09 .inner .font {
	font-family: "Anton", sans-serif;
	font-size: 30px;
	color: #91a8d1;
	padding-left: 20px;
}

#line-09 .inner .text {
	font-size: 20px;
	color: #002b72;
	margin: 0;
	padding-left: 10px;
	text-align: left;
}

#line-09 .inner .text span {
	font-size: 20px;
}

#line-09 .close {
	width: 50px;
	height: 50px;
	margin: 10px auto 0;
	position: relative;
}

#line-09 .close span {
	background: #1d4e89;
	width: 50px;
	height: 8px;
	position: absolute;
	top: 20px;
	left: 0;
}

#line-09 .close span:first-child {
	transform: rotate(45deg);
}

#line-09 .close span:last-child {
	transform: rotate(-45deg);
}

#line-09 .type {
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.4;
}

#line-09 .type span {
	color: #db0700;
	display: block;
}

#line-09 .one {
	font-size: 20px;
	color: #1d4e89;
	background: #f0eff5;
	margin-top: 10px;
	padding: 16px 0 16px 80px;
}

#line-09 .credit {
	background: #fff;
	margin: 30px auto 0;
	padding: 40px 0;
	text-align: center;
}

#line-09 .credit .title {
	font-size: 47px;
}

#line-09 .credit .disc {
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.4;
}

#line-09 .credit .card {
	margin-top: 20px;
}

#line-09 .deferred-payment {
	background: #fff;
	margin: 30px auto 0;
	padding: 40px 0;
	text-align: center;
}

#line-09 .deferred-payment .title {
	font-size: 47px;
}

#line-09 .deferred-payment .disc {
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.4;
}

#line-09 .deferred-payment .disc span {
	font-size: 16px;
	display: block;
}

#line-09 .deferred-payment .payment {
	margin-top: 20px;
}

#line-09 .installment-payment {
	background: #fff;
	margin: 30px auto 0;
	padding: 40px 0;
	text-align: center;
}

#line-09 .installment-payment .title {
	font-size: 47px;
	line-height: 1.1;
}

#line-09 .installment-payment .disc {
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.4;
}

#line-09 .installment-payment .disc span {
	font-size: 16px;
	display: block;
}

#line-09 .attention {
	font-size: 20px;
	color: #fff;
	margin: 30px auto 0;
	line-height: 1.4;
}

#line-09 .attention p {
	padding-left: 70px;
}

#line-09 .attention p:first-child {
	padding-bottom: 10px;
	border-bottom: #fff 2px solid;
}

#line-09 .attention p:last-child {
	padding-top: 20px;
}

#line-09 .attention p:last-child span {
	display: block;
}

#line-10 {
	background: #fff;
	margin-top: 30px;
	padding: 40px 0;
}

#line-10 h2 {
	color: #fff;
	background: #1d4e89;
	padding: 40px 0;
	line-height: 1.2;
}

#line-10 .price-list {
	margin: 30px auto 0;
	position: relative;
}

#review {
	background: #e7e6ec;
	margin-top: 200px;
	padding: 100px 0;
}

#review .box-wrapper {
	width: 1200px;
	margin: 50px auto 0;
}

#review .box-wrapper .box {
	background: #083d7e;
	width: 100%;
	padding: 20px 40px 30px;
	border-radius: 10px;
	box-shadow: 4px 5px 0 0 #939393;
}

#review .box-wrapper .box:nth-child(2n) {
	background: #3470b2;
}

#review .box-wrapper .box:nth-child(n + 2) {
	margin-top: 30px;
}

#review .box-wrapper .box dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: #fff 2px solid;
	line-height: 1.4;
	letter-spacing: 0.075em;
	display: flex;
	align-items: center;
}

#review .box-wrapper .box dl dt img {
	width: 36px;
}

#review .box-wrapper .box dl dt span {
	font-weight: normal;
	margin-left: 10px;
}

#review .box-wrapper .box dl dd {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px;
	line-height: 1.6;
	letter-spacing: 0.075em;
}

#line-11 {
	margin-top: 140px;
}

#line-11 ul.question {
	background: #1d4e89;
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	cursor: pointer;
}

#line-11 ul.question li:first-child {
	font-size: 30px;
	color: #fff;
	width: 100%;
	padding: 15px 0 15px 40px;
	letter-spacing: 0.05em;
}

#line-11 ul.question li:first-child span {
	display: inline-block;
	vertical-align: top;
}

#line-11 ul.question li:first-child span.font {
	font-family: "Anton", sans-serif;
	font-size: 40px;
	width: 60px;
	color: #0188e4;
}

#line-11 ul.question li:first-child span:last-child {
	width: calc(100% - 60px);
	padding-top: 2px;
	line-height: 1.2;
}

#line-11 ul.question li:last-child {
	width: 5%;
	margin-left: 2%;
	position: relative;
}

#line-11 ul.question li:last-child span {
	position: absolute;
}

#line-11 ul.question li:last-child span:first-child {
	background: #fff;
	width: 30px;
	height: 8px;
	display: block;
}

#line-11 ul.question li:last-child span:last-child {
	background: #fff;
	width: 30px;
	height: 8px;
	transform: rotate(90deg);
	display: block;
	transition: all 0.5s;
}

#line-11 ul.question.open li:last-child span:last-child {
	transform: rotate(0deg);
}

#line-11 .answer {
	margin-top: 10px;
	display: none;
}

#line-11 .answer ul {
	display: flex;
}

#line-11 .answer ul li:first-child {
	font-family: "Anton", sans-serif;
	font-size: 50px;
	color: #fff;
	background: url(../images/bg_line_11_answer.png) no-repeat;
	background-size: 100%;
	width: 60px;
	height: 73px;
	padding-top: 20px;
	text-align: center;
}

#line-11 .answer ul li:last-child {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 26px;
	color: #333;
	background: #f0eff5;
	width: calc(100% - 65px);
	margin-top: 16px;
	padding: 30px;
	line-height: 1.6;
}

#line-12 {
	margin-top: 200px;
}

#line-12 .hurry {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 26px;
	color: #f00;
	text-align: center;
}

#line-12 form .box1,
#line-12 form .box2 {
	width: 90%;
	margin: 40px auto 0;
}

#line-12 form .box1 label {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	font-weight: normal;
	display: block;
	letter-spacing: 0.1em;
}

#line-12 form .box1 input {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	background: #f0eff5;
	width: 100%;
	height: 50px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	outline: none;
}

::-webkit-input-placeholder,
:-ms-input-placeholder,
::placeholder {
	color: #ebebeb;
}

#line-12 form .box2 p {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#line-12 form .box2 ul {
	padding-left: 20px;
	display: flex;
	flex-wrap: wrap;
}

#line-12 form .box2 ul li {
	width: 50%;
}

#line-12 form .box2 label {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
}

#line-12 form .box2 input[type="radio"] {
	display: none;
}

#line-12 form .box2 input[type="radio"]+label {
	font-weight: normal;
	padding-left: 30px;
	position: relative;
}

#line-12 form .box2 input[type="radio"]+label::before {
	content: "";
	background: #f0eff5;
	width: 18px;
	height: 18px;
	border: 1px solid #999;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#line-12 form .box2 input[type="radio"]:checked+label {
	color: #083d7e;
}

#line-12 form .box2 input[type="radio"]:checked+label::after {
	content: "";
	background: #083d7e;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
}

#line-12 form .box2 .inner {
	margin-top: 20px;
	padding-left: 30px;
}

#line-12 form .box1 .parsley-errors-list {
	width: 100%;
}

#line-12 form .box1 .parsley-custom-error-message,
#line-12 form .box1 .parsley-required,
#line-12 form .box1 .parsley-equalto {
	font-size: 14px;
	color: #f00;
	padding: 5px 0 0 34%;
	line-height: 1.2;
	text-indent: -1em;
}

#line-12 form .box1 textarea {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	background: #f0eff5;
	width: 100%;
	height: 240px;
	margin: 10px auto 0;
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
	outline: none;
}

#line-12 form .btn-confirm {
	background: url(../images/arrow_01.png) center right 30px no-repeat #1d4e89;
	background-size: 12px 12px;
	width: 98%;
	border: #91a8d1 5px solid;
	margin: 40px auto 0;
}

#line-12 form input[type="submit"] {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: none;
	width: 100%;
	height: 60px;
	padding-top: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer;
}

#line-12 form input[type="submit"]:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

#line-13 {
	margin-top: 200px;
}

#line-13 .image {
	background: url(../images/bg_line_13.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	max-width: 2000px;
	height: 700px;
	margin-top: 40px;
	text-align: center;
}

#line-13 .image img {
	margin-top: -25px;
}

#line-13 .box {
	background: #f0eff5;
	width: 1200px;
	margin: -295px auto 0;
	padding: 40px 60px 40px 80px;
	position: relative;
	z-index: 2;
}

#line-13 .box p {
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

#line-13 .box .sign {
	width: 394px;
	margin: 30px 0 0 auto;
}

#line-13 .box .sign img {
	width: 100%;
}

#line-14 {
	background: url(../images/bg_line_14.png) no-repeat bottom left;
	background-size: 2000px 245px;
	margin-top: 200px;
	padding-bottom: 260px;
}

#line-14 .text-01 {
	font-size: 20px;
	width: 1400px;
	margin: 30px auto 0;
	padding: 0 40px 0 60px;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

#line-14 .text-02 {
	font-size: 20px;
	background: #f0eff5;
	width: 1340px;
	margin: 10px auto 0;
	padding: 15px 20px 15px 30px;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

#line-15 {
	background: #4eacec;
	padding: 150px 0;
	letter-spacing: 0.05em;
}

#line-15 h2 {
	color: #fff;
}

#line-15 dl {
	background: #fff;
	width: 1400px;
	margin: 30px auto 0;
	padding: 80px 100px;
}

#line-15 dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
}

#line-15 dl dt:nth-of-type(n + 2),
#line-15 dl dd:nth-of-type(n + 2) {
	margin-top: 40px;
}

#line-15 dl dd {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	line-height: 1.6;
}

#line-15 dl dd a {
	text-decoration: underline;
}

#line-15 dl dd picture {
	margin-bottom: 10px;
	display: block;
}

#line-16 {
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ,
		sans-serif;
	background: #4eacec;
	padding: 0 0 150px;
	letter-spacing: 0.05em;
}

#line-16 h2 {
	color: #fff;
}

#top-terms-of-service {
	background: #fff;
	width: 1400px;
	height: 600px;
	margin: 30px auto 0;
	padding: 80px 20px;
}

#top-terms-of-service .wrapper {
	width: 100%;
	height: 100%;
	padding: 0 80px;
	overflow: auto;
}

#top-terms-of-service .box {
	font-size: 20px;
	font-weight: normal;
	text-align: justify;
	line-height: 1.4em;
}

#top-terms-of-service .box:nth-child(n + 2) {
	margin-top: 2em;
}

#top-terms-of-service .box h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}

#top-terms-of-service .box>ol {
	margin-left: 1em;
	list-style-type: decimal;
	padding: 0 0.5em;
}

#top-terms-of-service .box>ol>li {
	margin-top: 1em;
}

#top-terms-of-service .box>ol>li>dl {
	margin-left: 1em;
}

#top-terms-of-service .box>ol>li>dl dt {
	font-size: 24px;
	margin-top: 1em;
}

#top-terms-of-service .box>ol>li>dl dd {
	margin-left: 2em;
	font-size: 0.9em;
}

#top-terms-of-service .box>ol>li>dl dd>ol {
	list-style-type: disc;
	margin-left: 2em;
}

#top-terms-of-service .box>ol>li>ol {
	margin-left: 2em;
}

#top-terms-of-service .box>ol>li>ol>li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

#top-terms-of-service .box>ol>li>ol>li:first-child {
	margin-top: 1em;
}

#top-terms-of-service .box>ol>li>ol>li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

#top-terms-of-service .box>ol>li>ol>li>ol {
	margin-left: 3em;
	list-style: katakana;
	font-size: 0.9em;
}

#top-terms-of-service .box>ol>li>ol.box02 {
	margin-left: 3em;
	font-size: 0.9em;
}

#top-terms-of-service .box>ol>li>ol.box02>li {
	list-style-type: katakana;
}

#top-terms-of-service .box>ol>li>ol.box02>li::before {
	content: "";
}

#top-terms-of-service .box .thats-all {
	display: block;
	text-align: right;
}

#line-17 {
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ,
		sans-serif;
	background: #4eacec;
	padding: 0 0 150px;
	letter-spacing: 0.05em;
}

#line-17 h2 {
	color: #fff;
}

#top-privacy {
	background: #fff;
	width: 1400px;
	height: 600px;
	margin: 30px auto 0;
	padding: 80px 20px;
}

#top-privacy .wrapper {
	width: 100%;
	height: 100%;
	padding: 0 80px;
	overflow: auto;
}

#top-privacy .text-01 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.6;
}

#top-privacy h3 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 3em;
}

#top-privacy .text-02 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
	line-height: 1.6;
}

#top-privacy h4 {
	font-size: 24px;
	font-weight: normal;
	margin: 30px 0 0 60px;
}

#top-privacy .text-03 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 0 130px;
	line-height: 1.4;
}

#top-privacy .text-03 span {
	margin-left: 30px;
	display: block;
}

#top-privacy .data {
	font-size: 20px;
	background: #f0f0f0;
	width: 580px;
	margin-top: 10px;
	padding: 20px 30px;
	line-height: 1.6;
	letter-spacing: 1px;
}

#top-privacy .data br:nth-of-type(3) {
	display: inline-block;
}

#line-consultation {
	display: flex;
	align-items: center;
	position: fixed;
	left: 10px;
	bottom: 0;
	z-index: 2;
}

#line-consultation .icon {
	cursor: pointer;
}

#line-consultation .text {
	margin-left: -15px;
	cursor: pointer;
}

#line-consultation .close {
	position: absolute;
	right: 5px;
	top: -20px;
	z-index: 2;
	cursor: pointer;
}

#back-guide {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

#back-guide .box {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

#back-guide .box .image {
	position: relative;
}

#back-guide .box .image .close {
	position: absolute;
	right: -10px;
	top: -15px;
	z-index: 2;
	cursor: pointer;
}

#go-top {
	width: 2000px;
	margin: auto;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 100px;
}

#go-top img {
	position: absolute;
	right: 0;
	top: 0;
}

@media screen and (min-width: 801px) {
	#main-visual .wrapper {
		background: #fff;
		width: 100%;
		padding: 5px 0 10px;
	}

	#main-visual .text-04 {
		display: none;
	}

	#line-01 {
		height: 290px;
	}

	#line-01 ul {
		width: 1400px;
		margin: 0 auto;
	}

	#line-01 ul li:first-child {
		width: 270px;
		margin-left: 20px;
		padding: 20px 0 30px;
	}

	#line-01 ul li:nth-child(2) {
		width: 290px;
		margin-left: 30px;
	}

	#line-01 ul li:last-child {
		width: 190px;
		margin-left: 10px;
		padding-top: 20px;
	}

	#line-01 ul li img {
		width: 100%;
	}

	#top h2 br {
		display: none;
	}

	#line-03 h2 br {
		display: none;
	}

	#line-03 .text-01 .sp {
		display: none;
	}

	#line-03 .text-01 br {
		display: none;
	}

	#line-03 .text-02 br {
		display: none;
	}

	#line-03 .text-02 br:nth-of-type(3) {
		display: inline-block;
	}

	#line-03 #modal-box .inner .title br {
		display: none;
	}

	#line-04 .attention br {
		display: none;
	}

	#line-04 .attention br:nth-of-type(2) {
		display: inline-block;
	}

	#line-05 .flex-box {
		width: 1000px;
		margin: 0 auto;
		display: flex;
	}

	#line-06 h2 br {
		display: inline-block;
	}

	#line-06 .flex-box {
		width: 1284px;
		margin: 30px auto;
		display: flex;
	}

	#line-06 .flex-box a {
		margin-left: 30px;
	}

	#line-06 .flex-box a:first-of-type {
		margin-left: 0;
	}

	#line-06 ul li:first-child {
		text-align: center;
	}

	#line-06 ul li:first-child img {
		width: 250px;
	}

	#line-06 ul li .date {
		margin-top: 10px;
		padding-left: 30px;
	}

	#line-06 ul li .text {
		padding: 0 20px 0 30px;
	}

	#line-07 .box {
		width: 1200px;
		display: flex;
	}

	#line-07 .box .title {
		width: 262px;
	}

	#line-07 .box:first-of-type .title {
		background-size: 40px 48px;
		margin-top: 50px;
	}

	#line-07 .box:nth-of-type(3) .title {
		background-size: 40px 48px;
		margin-top: 36px;
	}

	#line-07 .box:last-of-type .title {
		background-size: 40px 48px;
		margin-top: 36px;
	}

	#line-07 .arrow {
		padding-left: 30px;
	}

	#line-08 .title br:nth-of-type(2) {
		display: none;
	}

	#line-08 .text {
		text-align: center;
	}

	#line-08 .text br:first-of-type,
	#line-08 .text br:nth-of-type(3),
	#line-08 .text br:nth-of-type(6),
	#line-08 .text br:nth-of-type(7),
	#line-08 .text br:last-of-type,
	#line-08>.btn-more {
		display: none;
	}

	#line-08 .add-box .flex-box {
		display: flex;
	}

	#line-08 .add-box .flex-box:first-of-type {
		justify-content: center;
	}

	#line-08 .add-box .flex-box:nth-of-type(2) {
		margin-left: 280px;
	}

	#line-08 .add-box .text-02 {
		letter-spacing: 2px;
	}

	#line-08 .add-box .text-03 br {
		display: none;
	}

	#line-08 .add-box .text-05 {
		margin-left: -230px;
		order: 2;
	}

	#line-08 .add-box .text-06 br:first-of-type,
	#line-08 .add-box .text-06 br:last-of-type {
		display: none;
	}

	#line-08 .add-box .text-07 br {
		display: none;
	}

	#line-08 .add-box .inner {
		display: flex;
	}

	#line-08 .add-box .inner div {
		width: 50%;
	}

	#line-08 .add-box .inner .title {
		width: 340px;
	}

	#line-09 .text br {
		display: none;
	}

	#line-09 .text span {
		margin-top: 5px;
		display: block;
	}

	#line-09 .box {
		width: 1200px;
	}

	#line-09 .box ul li {
		width: 100%;
	}

	#line-09 .box ul li:last-child {
		display: none;
	}

	#line-09 .box ul li .price {
		text-align: center;
	}

	#line-09 .text-01 {
		text-align: center;
	}

	#line-09 .plan-a .text-01 br:last-of-type {
		display: none;
	}

	#line-09 .flex-box {
		display: flex;
	}

	#line-09 .plan-box .option-box>span {
		font-size: 0.8vw;
		margin-top: 0.7vw;
		text-align: center;
		display: block;
	}

	#line-09 .inner .font {
		letter-spacing: 2px;
	}

	#line-09 .flex-box .text br {
		display: block;
	}

	#line-09 .close {
		display: none;
	}

	#line-09 .plan-a .inner:first-of-type,
	#line-09 .plan-a .inner:last-of-type {
		width: 250px;
	}

	#line-09 .plan-a .inner:nth-of-type(2) {
		width: 610px;
	}

	#line-09 .inner:nth-of-type(n + 2) {
		margin-left: 20px;
	}

	#line-09 .plan-b .text {
		padding-right: 20px;
		line-break: loose;
	}

	#line-09 .plan-b .text br {
		display: none;
	}

	#line-09 .plan-b .text-01 br:nth-of-type(2) {
		display: none;
	}

	#line-09 .type {
		text-align: center;
	}

	#line-09 .type br {
		display: none;
	}

	#line-09 .option-box .flex-box {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	#line-09 .one {
		width: 520px;
	}

	#line-09 .one:nth-child(2n) {
		margin-left: 10px;
	}

	#line-09 .credit {
		width: 1200px;
	}

	#line-09 .credit .title {
		color: #1d4e89;
	}

	#line-09 .deferred-payment {
		width: 1200px;
	}

	#line-09 .deferred-payment .title {
		color: #1d4e89;
	}

	#line-09 .installment-payment {
		width: 1200px;
	}

	#line-09 .installment-payment .title {
		color: #1d4e89;
	}

	#line-09 .disc br {
		display: none;
	}

	#line-09 .attention {
		width: 1200px;
	}

	#line-09 .attention p {
		text-indent: -1em;
	}

	#line-09 .attention p:last-child br:nth-of-type(2),
	#line-09 .attention p:last-child br:nth-of-type(4),
	#line-09 .attention p:last-child br:last-of-type {
		display: none;
	}

	#line-10 h2 {
		width: 1400px;
		margin: 0 auto;
	}

	#line-10 .price-list {
		width: 1400px;
	}

	#line-10 .price-list .btn {
		display: none;
	}

	#line-10 .price-list img {
		width: 100%;
	}

	#line-11 ul.question {
		width: 1400px;
	}

	#line-11 .answer ul {
		width: 1300px;
		margin: 0 auto;
	}

	#line-11 ul.question li:first-child span:last-child {
		display: inline-block;
		text-indent: -0.8em;
		padding-left: 30px;
	}

	#line-12 form {
		margin-top: 80px;
	}

	#line-12 .hurry {
		margin-top: 30px;
	}

	#line-12 form .box1 {
		flex-wrap: wrap;
	}

	#line-12 form .box1,
	#line-12 form .box2 {
		width: 860px;
		margin: 30px auto 0;
		display: flex;
	}

	#line-12 form .box1 label {
		width: 32%;
		padding-top: 15px;
	}

	#line-12 form .box1 input {
		width: 68%;
	}

	#line-12 form .box2 p {
		width: 32%;
		padding-top: 10px;
	}

	#line-12 form .box2 ul {
		width: 68%;
	}

	#line-12 form .box2 ul li {
		width: 25%;
	}

	#line-12 form .box1 .notes {
		text-indent: 0;
	}

	#line-12 form .box1 .notes br {
		display: none;
	}

	#line-12 form .box1 textarea {
		width: 68%;
	}

	#line-12 form .btn-confirm {
		width: 390px;
	}

	#line-13 .box p br:last-of-type {
		display: none;
	}

	#line-14 .text-02 br {
		display: none;
	}

	#line-15 dl {
		display: flex;
		flex-wrap: wrap;
	}

	#line-15 dl dt {
		width: 22%;
		line-height: 1.6;
	}

	#line-15 dl dd {
		width: 72%;
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#main-visual {
		margin-top: -1vw;
		padding-top: 1vw;
	}

	#main-visual .people {
		width: 24.5vw;
		height: 39.7vw;
		right: 12vw;
		top: 0.5vw;
	}

	#main-visual .text-01 {
		width: 50.85vw;
		height: 9.75vw;
		margin-left: 14.5vw;
		padding-top: 1.5vw;
	}

	#main-visual .text-02 {
		width: 50.15vw;
		height: 10.45vw;
		margin: 0.5vw 0 0 15.5vw;
	}

	#main-visual .wrapper {
		padding: 0.25vw 0 0.5vw;
	}

	#main-visual .text-03 {
		width: 43.6vw;
		height: 2.75vw;
		margin: 0.5vw 0 0 16.5vw;
	}

	#top-campaign {
		padding: 1.5vw 0 0 16.5vw;
	}

	#top-campaign img {
		width: 39.1vw;
	}

	#line-01 {
		height: 14.5vw;
	}

	#line-01 ul {
		width: 70vw;
	}

	#line-01 ul li:first-child {
		width: 13.5vw;
		margin-left: 1vw;
		padding: 1vw 0 1.5vw;
	}

	#line-01 ul li:nth-child(2) {
		width: 14.5vw;
		margin-left: 1.5vw;
	}

	#line-01 ul li:last-child {
		width: 9.5vw;
		margin-left: 0.5vw;
		padding-top: 1vw;
	}

	#line-03 .text-02 {
		font-size: 2.3vw;
	}

	#btn-campaign {
		width: 70vw;
		margin: 2vw auto 0;
	}

	#meeting {
		width: 70vw;
		margin: 2vw auto 0;
	}

	#movie {
		margin: 7vw auto 0;
	}

	#movie video {
		width: 60vw;
	}

	#answer {
		width: 60vw;
		margin: 2vw auto 0;
		max-width: 1150px;
	}

	#attention {
		font-size: 1.2vw;
		width: 60vw;
		margin: 4vw auto 0;
		padding: 1vw 0;
		border: #db0700 0.25vw solid;
	}

	#attention span {
		font-size: 1.1vw;
	}

	#pc-only {
		width: 100vw;
		bottom: 7.1vw;
	}

	#pc-only .inner {
		width: 44vw;
		right: 2.5vw;
	}

	#pc-only .inner ul li:first-child {
		width: 23vw;
		padding: 1vw 0;
	}

	#pc-only .inner ul li:first-child p {
		font-size: 1.5vw;
	}

	#pc-only .inner ul li:first-child a {
		font-size: 1.1vw;
		width: 19vw;
		margin: 0.5vw auto 0;
		padding: 1vw 0;
	}

	#pc-only .inner ul li:last-child {
		width: 21vw;
	}

	#pc-only .inner ul li:last-child a {
		padding: 1vw 0;
	}

	#pc-only .inner ul li:last-child p {
		font-size: 1.5vw;
	}

	#pc-only .inner ul li:last-child img {
		width: 2.7vw;
	}

	#pc-only .inner ul li:last-child div {
		font-size: 1.8vw;
		margin-top: 0.75vw;
	}

	#pc-only .inner .close {
		font-size: 3.2vw;
		width: 3.5vw;
		height: 3.5vw;
		padding-top: 0.1vw;
		right: -1.5vw;
		top: -1.5vw;
	}

	#kinkyu {
		width: 70vw;
		height: 30vw;
		margin: 4vw auto 0;
	}

	#kyuhukin {
		width: 70vw;
		height: 30vw;
		margin: 4vw auto 0;
		padding-top: 21vw;
	}

	#kyuhukin .btn img {
		width: 61.4vw;
	}

	#salary {
		width: 70vw;
		margin: 4vw auto 0;

		a img {
			width: 70vw;
		}
	}

	#lawyer {
		margin: 6vw auto 0;

		h2 {
			font-size: 3vw;
		}

		.box {
			width: 60vw;
			margin: 1.5vw auto 0;
			border: #1d4e89 0.15vw solid;
			padding: 2vw 0 1.5vw;

			h3 {
				font-size: 1.2vw;
				width: 50vw;
				padding: 0.5vw 0;
			}

			p {
				font-size: 1.2vw;
				margin-top: 0.5vw;

				strong {
					margin-bottom: 1.5vw;
				}
			}
		}
	}

	#top h2 {
		font-size: 3vw;
	}

	#line-015 {
		width: 70.5vw;
		height: 19.2vw;
		margin: 4vw auto 0;
		padding-top: 10.8vw;
	}

	#line-015 .btn img {
		width: 61.4vw;
	}

	#line-02 {
		width: 70.5vw;
		height: 23.75vw;
		margin: 4vw auto 0;
		padding-top: 15.5vw;
	}

	#line-02 .btn img {
		width: 61.4vw;
	}

	#p-harassment {
		width: 70vw;
		margin-top: 4vw;
	}

	#line-03 {
		margin-top: 4vw;
	}

	#line-03 h2 {
		font-size: 2.5vw;
	}

	#line-03 h2 span {
		font-size: 4vw;
	}

	#line-03 .text-01 {
		font-size: 1.8vw;
		width: 70vw;
		padding: 1.25vw 0;
	}

	#line-03 .course-info {
		background: #fff;
		width: 70vw;
		padding: 0 4vw 2.5vw;
		gap: 0.5vw 1.5vw;
	}

	#line-03 .course-info img {
		width: 3vw;
	}

	#line-03 .course-info p {
		font-size: 1.5vw;
		gap: 0 0.5vw;
	}

	#line-03 .course-info p:nth-child(2n + 1) {
		width: calc(52% - 0.75vw);
	}

	#line-03 .course-info p:nth-child(2n) {
		width: calc(48% - 0.75vw);
	}

	#line-03 ul {
		width: 89.5vw;
	}

	#line-03 ul li img {
		width: 14.5vw;
	}

	#line-03 #modal-box {
		padding: 5vw 0;
	}

	#line-03 #modal-box #btn-close div {
		width: 2.5vw;
		height: 2.5vw;
		right: 1vw;
		top: -2.5vw;
	}

	#line-03 #modal-box #btn-close span {
		width: 2.5vw;
		height: 0.4vw;
		top: 1vw;
	}

	#line-03 #modal-box .inner {
		max-height: calc(100vh - 10vw);
		padding: 1.5vw;
	}

	#line-03 #modal-box .inner .k-title {
		font-size: 2.5vw;
	}

	#line-03 #modal-box .inner .k-box {
		width: 55vw;
		margin: 3vw auto 0;
		padding-bottom: 2vw;
		border-left: #1d4e89 0.3vw solid;
		border-right: #1d4e89 0.3vw solid;
		border-bottom: #1d4e89 0.3vw solid;
	}

	#line-03 #modal-box .inner .k-text-01 {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.white {
		font-size: 1.2vw;
		width: 43vw;
		margin: 0.5vw auto 0;
		padding: 0.5vw 0;
	}

	#line-03 #modal-box .inner .k-text-01 span.white:first-of-type {
		margin-top: 1vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.white:nth-of-type(3) {
		margin-bottom: 1vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.big {
		font-size: 1.5vw;
		margin-top: 0.5vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.yellow {
		font-size: 1vw;
		width: 43vw;
		margin: 1vw auto 0;
		padding: 1vw 0;
		border-radius: 1vw;
	}

	#line-03 #modal-box .inner .k-text-02 {
		font-size: 1.5vw;
		padding: 0.5vw 0;
	}

	#line-03 #modal-box .inner .k-text-03 {
		font-size: 0.8vw;
		margin-top: 1.5vw;
	}

	#line-03 #modal-box .inner .title {
		font-size: 3.2vw;
		margin-top: 1vw;
	}

	#line-03 #modal-box .inner .text {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#line-03 #modal-box .inner .btn-more a {
		margin-left: 0;
	}

	#line-04 {
		margin-top: 4vw;
	}

	#line-04 div:first-of-type {
		width: 75.45vw;
	}

	#line-04 .movie {
		padding: 1vw 0;
	}

	#line-04 .movie video {
		width: 60vw;
	}

	#line-04 .attention {
		font-size: 1.2vw;
		width: 60vw;
		margin: 1vw auto 0;
		padding: 1vw 0;
		border: #db0700 0.25vw solid;
	}

	#line-04 .attention span {
		font-size: 1.1vw;
	}

	#line-05 {
		margin: 5.5vw auto 0;
		padding: 4.5vw 0;
	}

	#line-05 .inner {
		height: 35.5vw;
		padding: 1.5vw 0;
	}

	#line-05 .title img {
		width: 25.35vw;
	}

	#line-05 .line {
		margin: -6vw 0 0 2vw;
	}

	#line-05 .line img {
		width: 22.5vw;
	}

	#line-05 .btn-add {
		width: 19.5vw;
		margin: -10.5vw 0 0 28vw;
	}

	#line-05 .btn-add a {
		font-size: 1vw;
		background: url(../images/arrow_01.png) center right 1vw no-repeat #169617;
		background-size: 0.6vw 0.6vw;
		padding: 1vw 0;
		border: #bede9c 0.25vw solid;
	}

	#line-05 .flex-box {
		width: 50vw;
	}

	#line-06 {
		margin-top: 7.5vw;
	}

	#line-06 h2 {
		font-size: 3vw;
	}

	#line-06 ul li img {
		width: 10vw;
	}

	#line-06 h2 span {
		font-size: 0.9vw;
	}

	#line-06 .flex-box {
		width: 64.2vw;
	}

	#line-06 ul {
		width: 20.25vw;
		height: 21.8vw;
		padding: 1vw 0 0;
	}

	#line-06 ul li:first-child img {
		width: 12.5vw;
	}

	#line-06 ul li .date {
		font-size: 0.8vw;
		margin-top: 0.5vw;
		padding-left: 1.5vw;
	}

	#line-06 ul li .text {
		font-size: 1.2vw;
		margin-top: 0.25vw;
		padding: 0 1vw 0 1.5vw;
	}

	.btn-more {
		margin: 1.5vw auto 0;
	}

	.btn-more a {
		font-size: 1vw;
		background: url(../images/arrow_01.png) center right 1vw no-repeat #1d4e89;
		background-size: 0.6vw 0.6vw;
		width: 19.5vw;
		padding: 1vw 0;
		border: #91a8d1 0.25vw solid;
	}

	.btn-review {
		margin: 0.5vw auto 0;
	}

	.btn-review a {
		font-size: 1vw;
		background: url(../images/arrow_01.png) center right 1vw no-repeat #169617;
		background-size: 0.6vw 0.6vw;
		width: 19.5vw;
		padding: 1vw 0;
		border: #bede9c 0.25vw solid;
	}

	#line-07 {
		margin-top: 9vw;
	}

	#line-07 .box {
		width: 60vw;
		margin-top: 2.5vw;
		padding: 1.5vw 2vw 1.5vw 0;
	}

	#line-07 .box:nth-of-type(n + 2) {
		margin-top: -2.25vw;
	}

	#line-07 .box .title {
		font-size: 2vw;
		width: 13.1vw;
	}

	#line-07 .box:first-of-type .title {
		background-size: 2vw 2.4vw;
		margin-top: 2.5vw;
	}

	#line-07 .box:nth-of-type(3) .title {
		background-size: 2vw 2.4vw;
		margin-top: 1.8vw;
	}

	#line-07 .box:last-of-type .title {
		background-size: 2vw 2.4vw;
		margin-top: 1.8vw;
	}

	#line-07 .box .text {
		font-size: 1vw;
		width: calc(100% - 13.1vw);
		padding: 1.5vw 1.5vw 1.5vw 3vw;
	}

	#line-07 .arrow {
		width: 60vw;
		margin: -1.6vw auto 0;
		padding-left: 1.5vw;
	}

	#line-07 .arrow img {
		width: 10vw;
	}

	#line-08 {
		margin-top: 10vw;
	}

	#line-08 .title {
		font-size: 1.2vw;
		width: 50.5vw;
		height: 6.3vw;
		margin: 2vw auto 0;
		padding-top: 1vw;
	}

	#line-08 .text {
		font-size: 1.2vw;
		margin-top: 1.5vw;
	}

	#line-08 .add-box {
		margin-top: 1.5vw;
		padding: 4vw 0;
	}

	#line-08 .add-box .text-01 {
		font-size: 1.8vw;
		padding-bottom: 1vw;
	}

	#line-08 .add-box .text-02 {
		font-size: 1.8vw;
		letter-spacing: 0.1vw;
	}

	#line-08 .add-box .text-03 {
		font-size: 2.3vw;
		padding-bottom: 1vw;
	}

	#line-08 .add-box .flex-box:nth-of-type(2) {
		margin-left: 14vw;
	}

	#line-08 .add-box .flex-box:nth-of-type(2) img {
		width: 40vw;
	}

	#line-08 .add-box .text-04 {
		font-size: 1.5vw;
	}

	#line-08 .add-box .text-05 {
		font-size: 1.5vw;
		width: 29.5vw;
		height: 14.55vw;
		margin: 1.5vw 0 0 -11.5vw;
		padding-top: 2.5vw;
	}

	#line-08 .add-box .text-06 {
		font-size: 1.3vw;
		margin-top: 1vw;
	}

	#line-08 .add-box .text-07 {
		font-size: 2.5vw;
		margin-top: 1vw;
	}

	#line-08 .add-box .inner {
		width: 60vw;
		margin: 2.5vw auto 0;
		border-top: #1d4e89 0.25vw dashed;
	}

	#line-08 .add-box .inner .title {
		font-size: 2vw;
		height: 3vw;
	}

	#line-08 .add-box .inner .no {
		font-size: 1.1vw;
		background: url(../images/bg_line_08_no.png) no-repeat 1vw 1.9vw;
		background-size: 1vw 5.55vw;
		padding: 1.5vw 0 0 2.5vw;
	}

	#line-08 .add-box .inner .ok {
		font-size: 1.1vw;
		background: url(../images/bg_line_08_yes.png) no-repeat 1vw 1.9vw;
		background-size: 1vw 5.55vw;
		padding: 1.5vw 0 0 2.5vw;
	}

	#line-09 {
		margin-top: 2.5vw;
		padding: 3vw 0 2.5vw;
	}

	#line-09 .text {
		font-size: 1.5vw;
		margin-top: 1vw;
	}

	#line-09 .text span {
		font-size: 1vw;
	}

	#line-09 .checker {
		margin-top: 1.5vw;
	}

	#line-09 .btn-checker {
		margin-top: 1vw;
	}

	#line-09 .box {
		width: 60vw;
		margin: 1.5vw auto 0;
		padding: 2vw 1vw 1.5vw;
	}

	#line-09 .plan {
		font-size: 3vw;
	}

	#line-09 .plan .blue {
		font-size: 2.7vw;
	}

	#line-09 .plan .small {
		font-size: 1.5vw;
	}

	#line-09 .box:nth-of-type(5) ul li:last-child,
	#line-09 .box:nth-of-type(6) ul li:last-child {
		margin: 0 0 0 2.1vw;
	}

	#line-09 .box ul li .price {
		font-size: 3vw;
		margin-top: 0.5vw;
	}

	#line-09 .box ul li .price .number {
		font-size: 8vw;
	}

	#line-09 .box ul li .price .small {
		font-size: 1.5vw;
		right: 13vw;
		top: 5.5vw;
	}

	#line-09 .box ul li .option {
		font-size: 2.35vw;
	}

	#line-09 .box .additional-fee {
		font-size: 1.5vw;
		margin: 0.5vw 0 1vw;
	}

	#line-09 .box .additional-fee span {
		margin: 1vw auto 0.75vw;
		padding: 0 0.5vw;
	}

	#line-09 .box .text-02 {
		font-size: 3vw;
		margin-top: 1vw;
	}

	#line-09 .box .text-03 {
		font-size: 8vw;
		margin-top: 0.5vw;
	}

	#line-09 .box .text-03 .middle {
		font-size: 3vw;
	}

	#line-09 .box .text-03 .small {
		font-size: 1.5vw;
	}

	#line-09 .box .text-04 {
		font-size: 2.5vw;
		margin-top: 0.5vw;
	}

	#line-09 .box .text-05 {
		font-size: 1vw;
		margin-top: 1.5vw;
	}

	#line-09 .text-01 {
		font-size: 1vw;
		margin-top: 0.5vw;
	}

	#line-09 .text-06 {
		font-size: 0.8vw;
		margin-top: 0.7vw;
		text-align: center;
	}

	#line-09 .text-07 {
		font-size: 1vw;
		margin: 0.5vw auto 0;
		padding: 0.8vw 0;
	}

	#line-09 .text-07 span {
		font-size: 0.8vw;
		margin-top: 0.7vw;
		text-align: center;
	}

	#line-09 .inner {
		margin-top: 1.5vw;
		padding: 1.5vw 0;
	}

	#line-09 .plan-a .inner:first-of-type,
	#line-09 .plan-a .inner:last-of-type {
		width: 12.5vw;
	}

	#line-09 .plan-a .inner:nth-of-type(2) {
		width: 30.5vw;
	}

	#line-09 .plan-b .text {
		padding-right: 0;
	}

	#line-09 .inner:nth-of-type(n + 2) {
		margin-left: 1vw;
	}

	#line-09 .inner .font {
		font-size: 1.5vw;
		padding-left: 1vw;
	}

	#line-09 .inner .text {
		font-size: 1vw;
		padding-left: 0.5vw;
	}

	#line-09 .inner .text span {
		font-size: 0.8vw;
	}

	#line-09 .close {
		width: 2.5vw;
		height: 2.5vw;
		margin: 0.5vw auto 0;
	}

	#line-09 .close span {
		width: 2.5vw;
		height: 0.4vw;
		top: 1vw;
	}

	#line-09 .type {
		font-size: 1vw;
		margin-top: 0.5vw;
	}

	#line-09 .one {
		font-size: 1vw;
		width: 26vw;
		margin-top: 0.5vw;
		padding: 0.8vw 0 0.8vw 4vw;
	}

	#line-09 .one:nth-child(2n) {
		margin-left: 0.5vw;
	}

	#line-09 .credit {
		width: 60vw;
		margin: 1.5vw auto 0;
		padding: 2vw 0;
	}

	#line-09 .credit .title {
		font-size: 2.35vw;
	}

	#line-09 .credit .disc {
		font-size: 1vw;
		margin-top: 0.5vw;
	}

	#line-09 .credit .card {
		margin-top: 1vw;
	}

	#line-09 .credit .card img {
		width: 42.5vw;
	}

	#line-09 .deferred-payment {
		width: 60vw;
		margin: 1.5vw auto 0;
		padding: 2vw 0;
	}

	#line-09 .deferred-payment .title {
		font-size: 2.35vw;
	}

	#line-09 .deferred-payment .disc {
		font-size: 1vw;
		margin-top: 0.5vw;
	}

	#line-09 .deferred-payment .disc span {
		font-size: 0.8vw;
	}

	#line-09 .deferred-payment .payment {
		margin-top: 1vw;
	}

	#line-09 .deferred-payment .payment img {
		width: 42.5vw;
	}

	#line-09 .installment-payment {
		width: 60vw;
		margin: 1.5vw auto 0;
		padding: 2vw 0;
	}

	#line-09 .installment-payment .title {
		font-size: 2.35vw;
	}

	#line-09 .installment-payment .disc {
		font-size: 1vw;
		margin-top: 0.5vw;
	}

	#line-09 .installment-payment .disc span {
		font-size: 0.8vw;
	}

	#line-09 .attention {
		font-size: 1vw;
		width: 60vw;
		margin: 1.5vw auto 0;
	}

	#line-09 .attention p {
		padding-left: 3.5vw;
	}

	#line-09 .attention p:first-child {
		padding-bottom: 0.5vw;
		border-bottom: #fff 0.1vw solid;
	}

	#line-09 .attention p:last-child {
		padding-top: 1vw;
	}

	#line-10 {
		margin-top: 1.5vw;
		padding: 2vw 0;
	}

	#line-10 h2 {
		width: 70vw;
	}

	#line-10 .price-list {
		width: 70vw;
		margin: 1.5vw auto 0;
	}

	#review {
		margin-top: 10vw;
		padding: 5vw 0;
	}

	#review .box-wrapper {
		width: 60vw;
		margin: 2.5vw auto 0;
	}

	#review .box-wrapper .box {
		padding: 1vw 2vw 1.5vw;
		border-radius: 0.5vw;
		box-shadow: 0.2vw 0.25vw 0 0 #939393;
	}

	#review .box-wrapper .box:nth-child(n + 2) {
		margin-top: 1.5vw;
	}

	#review .box-wrapper .box dl dt {
		font-size: 1vw;
		padding-bottom: 0.5vw;
	}

	#review .box-wrapper .box dl dt span {
		margin-left: 0.5vw;
	}

	#review .box-wrapper .box dl dt img {
		width: 1.8vw;
	}

	#review .box-wrapper .box dl dd {
		font-size: 1vw;
		padding-top: 0.5vw;
	}

	#line-11 {
		margin-top: 7vw;
	}

	#line-11 ul.question {
		width: 70vw;
		margin: 1vw auto 0;
	}

	#line-11 ul.question li:first-child {
		font-size: 1.5vw;
		padding: 0.75vw 0 0.75vw 2vw;
	}

	#line-11 ul.question li:first-child span.font {
		font-size: 2vw;
		width: 3vw;
	}

	#line-11 ul.question li:first-child span:last-child {
		width: calc(100% - 3vw);
		padding-top: 0.1vw;
	}

	#line-11 ul.question li:last-child span:first-child {
		width: 1.5vw;
		height: 0.4vw;
	}

	#line-11 ul.question li:last-child span:last-child {
		width: 1.5vw;
		height: 0.4vw;
	}

	#line-11 .answer {
		margin-top: 0.5vw;
	}

	#line-11 .answer ul {
		width: 65vw;
	}

	#line-11 .answer ul li:first-child {
		font-size: 2.5vw;
		width: 3vw;
		height: 3.65vw;
		padding-top: 1vw;
	}

	#line-11 .answer ul li:last-child {
		font-size: 1.3vw;
		width: calc(100% - 3.25vw);
		margin-top: 0.8vw;
		padding: 1.5vw;
	}

	#line-12 {
		margin-top: 10vw;
	}

	#line-12 .hurry {
		font-size: 1.3vw;
		margin-top: 1.5vw;
	}

	#line-12 form {
		margin-top: 4vw;
	}

	#line-12 form .box1,
	#line-12 form .box2 {
		width: 43vw;
		margin: 1.5vw auto 0;
	}

	#line-12 form .box1 label {
		font-size: 0.9vw;
		padding-top: 0.75vw;
	}

	#line-12 form .box1 input {
		height: 2.5vw;
		padding: 0 0 0 1vw;
	}

	#line-12 form .box2 p {
		font-size: 0.9vw;
		padding-top: 0.5vw;
	}

	#line-12 form .box2 ul {
		padding-left: 1vw;
	}

	#line-12 form .box2 label {
		font-size: 0.9vw;
	}

	#line-12 form .box2 input[type="radio"]+label {
		padding-left: 1.5vw;
	}

	#line-12 form .box2 input[type="radio"]+label::before {
		width: 0.9vw;
		height: 0.9vw;
	}

	#line-12 form .box2 input[type="radio"]:checked+label::after {
		width: 0.7vw;
		height: 0.7vw;
		top: 0.15vw;
		left: 0.15vw;
	}

	#line-12 form .box2 .inner {
		margin-top: 1vw;
		padding-left: 1.5vw;
	}

	#line-12 form .box1 .notes {
		font-size: 0.7vw;
		padding: 0.25vw 0 0 32%;
	}

	#line-12 form .box1 textarea {
		font-size: 0.9vw;
		height: 12vw;
		margin: 0.5vw auto 0;
		padding: 0.5vw 1vw;
	}

	#line-12 form .btn-confirm {
		background: url(../images/arrow_01.png) center right 1.5vw no-repeat #1d4e89;
		background-size: 0.6vw 0.6vw;
		width: 19.5vw;
		border: #91a8d1 0.25vw solid;
		margin: 2vw auto 0;
	}

	#line-12 form input[type="submit"] {
		font-size: 1vw;
		height: 3vw;
	}

	#line-13 {
		margin-top: 10vw;
	}

	#line-13 .image {
		height: 35vw;
		margin-top: 2vw;
	}

	#line-13 .image img {
		width: 20vw;
		margin-top: -1.25vw;
	}

	#line-13 .box {
		width: 60vw;
		margin: -14.75vw auto 0;
		padding: 2vw 2vw 2vw 4vw;
	}

	#line-13 .box p {
		font-size: 1vw;
	}

	#line-13 .box .sign {
		width: 19.7vw;
		margin: 1.5vw 1vw 0 auto;
	}

	#line-14 {
		background-size: 100% 12.25vw;
		margin-top: 10vw;
		padding-bottom: 13vw;
	}

	#line-14 .text-01 {
		font-size: 1vw;
		width: 70vw;
		margin: 1.5vw auto 0;
		padding: 0 2vw 0 3vw;
	}

	#line-14 .text-02 {
		font-size: 1vw;
		width: 67vw;
		margin: 0.5vw auto 0;
		padding: 0.75vw 1vw 0.75vw 1.5vw;
	}

	#line-15 {
		padding: 7.5vw 0;
	}

	#line-15 dl {
		width: 70vw;
		margin: 1.5vw auto 0;
		padding: 4vw 5vw;
	}

	#line-15 dl dt {
		font-size: 1vw;
	}

	#line-15 dl dt:nth-of-type(n + 2),
	#line-15 dl dd:nth-of-type(n + 2) {
		margin-top: 2vw;
	}

	#line-15 dl dd {
		font-size: 1vw;
	}

	#line-15 dl dd picture {
		margin-bottom: 0.5vw;
	}

	#line-15 dl dd picture img {
		width: 16.5vw;
	}

	#line-16 {
		padding: 0 0 7.5vw;
	}

	#top-terms-of-service {
		width: 70vw;
		height: 30vw;
		margin: 1.5vw auto 0;
		padding: 4vw 1vw;
	}

	#top-terms-of-service .wrapper {
		padding: 0 4vw;
	}

	#top-terms-of-service .box {
		font-size: 1vw;
	}

	#top-terms-of-service .box h3 {
		font-size: 1vw;
	}

	#top-terms-of-service .box>ol>li>dl dt {
		font-size: 1.2vw;
	}

	#line-17 {
		padding: 0 0 7.5vw;
	}

	#top-privacy {
		width: 70vw;
		height: 30vw;
		margin: 1.5vw auto 0;
		padding: 4vw 1vw;
	}

	#top-privacy .wrapper {
		padding: 0 4vw;
	}

	#top-privacy .text-01 {
		font-size: 1vw;
	}

	#top-privacy h3 {
		font-size: 1vw;
	}

	#top-privacy .text-02 {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#top-privacy h4 {
		font-size: 1.2vw;
		margin: 1.5vw 0 0 3vw;
	}

	#top-privacy .text-03 {
		font-size: 1vw;
		margin: 1vw 0 0 6.5vw;
	}

	#top-privacy .text-03 span {
		margin-left: 1.5vw;
	}

	#top-privacy .data {
		font-size: 1vw;
		width: 29vw;
		margin-top: 0.5vw;
		padding: 1vw 1.5vw;
	}

	#line-consultation {
		left: 0.5vw;
	}

	#line-consultation .icon img {
		width: 4.5vw;
	}

	#line-consultation .text {
		margin-left: -0.75vw;
	}

	#line-consultation .text img {
		width: 28.65vw;
	}

	#line-consultation .close {
		right: -0.25vw;
		top: -1vw;
	}

	#line-consultation .close img {
		width: 2.3vw;
	}

	#go-top {
		width: 100%;
		bottom: 5vw;
	}

	#go-top img {
		width: 5vw;
	}
}

@media screen and (max-width: 800px) {
	#main-visual {
		margin-top: -6.25vw;
		padding-top: 6.25vw;
		overflow: hidden;
	}

	#main-visual .people {
		width: 69.5vw;
		height: 69.5vw;
		right: -16.875vw;
		top: 1vw;
	}

	#main-visual .text-01 {
		width: 50vw;
		height: 21.5vw;
		margin-left: 5vw;
		padding-top: 3.75vw;
	}

	#main-visual .text-02 {
		width: 66.25vw;
		height: 18.5vw;
		margin: -2.5vw 0 0 2.5vw;
	}

	#main-visual .text-03 {
		width: 61.25vw;
		height: 12.5vw;
		margin: -0.625vw 0 0 2.5vw;
	}

	#main-visual .text-04 {
		width: 52.5vw;
		height: 13.5vw;
		margin: 1.25vw 0 0 3.75vw;
	}

	#top-campaign {
		padding: 1.25vw 0 0 0;
		text-align: center;
	}

	#top-campaign img {
		width: 95vw;
	}

	#line-01 {
		background: url(../images/bg_line_01_sp.png) no-repeat;
		background-size: 100%;
	}

	#line-01 ul li:first-child {
		padding: 3.75vw 0 0 3.75vw;
	}

	#line-01 ul li:first-child img {
		width: 31.25vw;
	}

	#line-01 ul li:nth-child(2) {
		padding-left: 1.25vw;
	}

	#line-01 ul li:nth-child(2) img {
		width: 36.25vw;
	}

	#line-01 ul li:last-child {
		padding: 1.25vw 0 0 2.5vw;
	}

	#line-01 ul li:last-child img {
		width: 27.5vw;
	}

	#btn-campaign {
		width: 96%;
		margin: -6vw auto 0;
	}

	#meeting {
		width: 96vw;
		margin: 3.75vw auto 0;
	}

	#movie {
		margin-top: 15vw;
	}

	#movie video {
		width: 93.75vw;
	}

	#answer {
		width: 96%;
		margin: 3.75vw auto auto;
	}

	#attention {
		font-size: 3.25vw;
		width: 95vw;
		margin: 2.5vw auto 0;
		padding: 2.5vw 0;
		border: #db0700 0.75vw solid;
	}

	#attention span {
		font-size: 4.25vw;
	}

	#pc-only {
		display: none;
	}

	#kinkyu {
		width: 100%;
		height: 66.25vw;
		margin-top: 3.75vw;
	}

	#kyuhukin {
		background: url(../images/bg_kyuhukin_sp.gif) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 66.25vw;
		margin-top: 3.75vw;
		padding-top: 45vw;
	}

	#kyuhukin .btn img {
		width: 67.5vw;
	}

	#salary {
		width: 90vw;
		margin-top: 10vw;

		a img {
			width: 100%;
		}
	}

	#lawyer {
		margin-top: 15vw;

		h2 {
			font-size: 7vw !important;
		}

		.box {
			width: 94.5vw;
			margin: 5vw auto 0;
			border: #1d4e89 0.75vw solid;
			padding: 3.75vw 2.5vw;

			h3 {
				font-size: 4.75vw;
				width: 85.25vw;
				padding: 1.25vw 0;
				line-height: 1.6;
			}

			p {
				font-size: 4.75vw;
				margin-top: 0.625vw;
				padding: 0 0 0 3.75vw;
				text-align: left;
				line-height: 1.6;
				letter-spacing: 0;

				strong {
					margin-bottom: 2.5vw;
				}

				span {
					font-size: 3.75vw;
					line-height: 1.6;
				}
			}

			br.pc {
				display: none;
			}

			br.sp {
				display: inline;
			}
		}
	}

	#line-015 {
		background: url(../images/bg_line_015_sp.png) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 47.4vw;
		margin-top: 2.5vw;
		padding-top: 29.75vw;
	}

	#line-015 .btn img {
		width: 67.5vw;
	}

	#line-02 {
		background: url(../images/bg_line_02_sp.png) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 66.25vw;
		margin-top: 2.5vw;
		padding-top: 43.75vw;
	}

	#line-02 .btn img {
		width: 67.5vw;
	}

	#p-harassment {
		margin-top: 3.75vw;
	}

	#top h2 {
		font-size: 8.5vw;
	}

	#line-03::before,
	#line-05::before,
	#line-07::before,
	#line-08::before,
	#line-09::before,
	#line-11::before,
	#line-12::before,
	#line-13::before,
	#line-14::before,
	#line-15::before {
		height: 5vw;
		margin-top: -5vw;
	}

	#line-03 {
		margin-top: 12.5vw;
	}

	#line-03 h2 {
		font-size: 5.25vw;
	}

	#line-03 h2 span {
		font-size: 7.75vw;
	}

	#line-03 .box {
		margin-top: 3.75vw;
		padding: 3.75vw 2.5vw 5vw;
	}

	#line-03 .text-01 {
		font-size: 4.5vw;
		padding: 2.5vw 0;
	}

	#line-03 .text-01 .pc {
		display: none;
	}

	#line-03 .course-info {
		padding: 0 5vw 5vw 7.5vw;
		gap: 1.25vw 0;
	}

	#line-03 .course-info img {
		width: 7.5vw;
	}

	#line-03 .course-info p {
		font-size: 3.75vw;
		gap: 0 2.5vw;
	}

	#line-03 .course-info p:nth-child(2) {
		margin-top: 0.75vw;
	}

	#line-03 .course-info p:nth-child(2n + 1) {
		width: 100%;
	}

	#line-03 .course-info p:nth-child(2n) {
		width: 100%;
	}

	#line-03 ul {
		width: 90vw;
		margin: 3.75vw auto 0;
	}

	#line-03 ul li img {
		width: 45vw;
	}

	#line-03 .text-02 {
		font-size: 8vw;
		margin-top: 3.75vw;
	}

	#line-03 .text-02 br:nth-of-type(3) {
		display: none;
	}

	#line-03 #modal-box {
		padding: 12.5vw 0;
	}

	#line-03 #modal-box #btn-close div {
		width: 6.25vw;
		height: 6.25vw;
		right: 2.5vw;
		top: -6.25vw;
	}

	#line-03 #modal-box #btn-close span {
		width: 6.25vw;
		height: 1vw;
		top: 2.5vw;
	}

	#line-03 #modal-box .inner {
		max-height: calc(100vh - 25vw);
		padding: 3.75vw;
	}

	#line-03 #modal-box .inner .k-title {
		font-size: 7.5vw;
	}

	#line-03 #modal-box .inner .k-box {
		width: 90.625vw;
		margin: 3.75vw auto 0;
		padding-bottom: 3.75vw;
		border-left: #1d4e89 0.75vw solid;
		border-right: #1d4e89 0.75vw solid;
		border-bottom: #1d4e89 0.75vw solid;
	}

	#line-03 #modal-box .inner .k-text-01 {
		font-size: 3.25vw;
		margin-top: 2.5vw;
		line-height: 1.5;
	}

	#line-03 #modal-box .inner .k-text-01 span.white {
		font-size: 3.75vw;
		width: 80vw;
		margin: 1.25vw auto 0;
		padding: 3.75vw 0;
		line-height: 1.4;
	}

	#line-03 #modal-box .inner .k-text-01 span.white:first-of-type {
		margin-top: 2.5vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.white:nth-of-type(3) {
		margin-bottom: 2.5vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.big {
		font-size: 4.25vw;
		margin-top: 3.75vw;
	}

	#line-03 #modal-box .inner .k-text-01 span.yellow {
		font-size: 3.25vw;
		width: 80vw;
		margin: 2.5vw auto 0;
		padding: 3.75vw 0;
		border-radius: 5.25vw;
		line-height: 1.4;
	}

	#line-03 #modal-box .inner .k-text-01 br.pc {
		display: none;
	}

	#line-03 #modal-box .inner .k-text-01 br.sp {
		display: inline-block;
	}

	#line-03 #modal-box .inner .k-text-02 {
		font-size: 3.75vw;
		padding: 5vw 0;
		line-height: 1.6;
	}

	#line-03 #modal-box .inner .k-text-02 br.sp {
		display: inline-block;
	}

	#line-03 #modal-box .inner .k-text-03 {
		font-size: 3.25vw;
		margin-top: 5vw;
		padding: 0;
		line-height: 1.6;
	}

	#line-03 #modal-box .inner .title {
		font-size: 8vw;
		margin-top: 2.5vw;
	}

	#line-03 #modal-box .inner .text {
		font-size: 4vw;
		margin-top: 2.5vw;
	}

	#line-03 #modal-box .inner .btn-more a {
		width: 85%;
		margin-left: auto;
		padding: 3vw 0;
	}

	#line-04 {
		margin-top: 12.5vw;
	}

	#line-04 div:first-of-type {
		width: 100%;
	}

	#line-04 div:nth-of-type(2) {
		margin-top: 5vw;
	}

	#line-04 .movie {
		padding: 3.75vw 0;
	}

	#line-04 .movie video {
		width: 93.75vw;
	}

	#line-04 .attention {
		font-size: 3.25vw;
		width: 95vw;
		margin: 3.75vw auto 0;
		padding: 2.5vw 0;
		border: #db0700 0.75vw solid;
	}

	#line-04 .attention span {
		font-size: 4.25vw;
	}

	#line-05 {
		width: 96%;
		margin: 12.5vw auto 0;
		padding: 6.25vw 0;
	}

	#line-05 .inner {
		height: inherit;
	}

	#line-05 .title img {
		width: 100%;
	}

	#line-05 .line {
		width: 85%;
		margin: 0 auto;
	}

	#line-05 .line img {
		width: 100%;
	}

	#line-05 .btn-add {
		width: 94%;
		margin: 3.75vw auto 0;
	}

	#line-05 .btn-add a {
		font-size: 5.25vw;
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #169617;
		background-size: 2.875vw 3.5vw;
		padding: 3.75vw 0;
		border: #bede9c 1.25vw solid;
	}

	#line-06 {
		margin-top: 12.5vw;
	}

	#line-06 h2 {
		line-height: 0.8;
	}

	#line-06 h2 span {
		font-size: 5vw;
	}

	#line-06 ul {
		background: url(../images/bg_line_06_sp.png) no-repeat;
		background-size: 100%;
		width: 96.5vw;
		height: 53.75vw;
		margin: 2.5vw auto 0;
		padding: 7.5vw 6.25vw 7.5vw 5vw;
		display: flex;
	}

	#line-06 ul li:last-child {
		margin: 5vw 0 0 2.5vw;
	}

	#line-06 ul li img {
		width: 37.5vw;
	}

	#line-06 ul li .date {
		font-size: 4.25vw;
	}

	#line-06 ul li .text {
		font-size: 4.75vw;
		margin-top: 2.5vw;
	}

	.btn-more {
		margin: 3.75vw auto 0;
	}

	.btn-more a {
		font-size: 5.25vw;
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.875vw 3.5vw;
		width: 100%;
		padding: 3.75vw 0;
		border: #91a8d1 1.25vw solid;
	}

	.btn-review {
		margin: 2.5vw auto 0;
	}

	.btn-review a {
		font-size: 5.25vw;
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #169617;
		background-size: 2.875vw 3.5vw;
		width: 100%;
		padding: 3.75vw 0;
		border: #bede9c 1.25vw solid;
	}

	#line-07 {
		margin-top: 12.5vw;
	}

	#line-07 .box {
		margin-top: 3.75vw;
		padding: 3.75vw 0 5vw;
	}

	#line-07 .box:nth-of-type(n + 2) {
		margin-top: -5.625vw;
	}

	#line-07 .box .title {
		font-size: 8vw;
		height: 13.875vw;
		padding-top: 6.25vw;
	}

	#line-07 .box:first-of-type .title {
		background: url(../images/bg_step_01.png) no-repeat top left 18.75vw;
		background-size: 12.5vw 13.875vw;
	}

	#line-07 .box:nth-of-type(3) .title {
		background: url(../images/bg_step_02.png) no-repeat top left 18.75vw;
		background-size: 12.5vw 13.875vw;
	}

	#line-07 .box:last-of-type .title {
		background: url(../images/bg_step_03.png) no-repeat top left 18.75vw;
		background-size: 12.5vw 13.875vw;
	}

	#line-07 .box .text {
		font-size: 3.75vw;
		width: 96%;
		margin: 2.5vw auto 0;
		padding: 5vw 3.75vw;
	}

	#line-07 .box .text br {
		display: none;
	}

	#line-07 .box:first-of-type .text br {
		display: inline-block;
	}

	#line-07 .arrow {
		width: 25vw;
		margin: -4vw auto 0;
	}

	#line-07 .arrow img {
		width: 25vw;
	}

	#line-08 {
		margin-top: 12.5vw;
	}

	#line-08 .title {
		background: url(../images/bg_line_08_sp.png) no-repeat;
		background-size: 100%;
		font-size: 4.75vw;
		width: 88vw;
		height: 31.875vw;
		margin: 5vw auto 0;
		padding-top: 3.75vw;
	}

	#line-08 .text {
		font-size: 3.75vw;
		margin-top: 3.75vw;
		padding: 0 9vw;
	}

	#line-08 .text br:nth-of-type(8) {
		display: none;
	}

	#line-08>.btn-more {
		font-size: 5.25vw;
		background: url(../images/arrow_02.png) no-repeat center right 3.75vw #1d4e89;
		background-size: 5.125vw 4.375vw;
		padding: 3.75vw 0;
		border: #91a8d1 1.25vw solid;
	}

	#line-08 .add-box {
		background: #ebebeb;
		margin-top: 3.75vw;
		padding: 3.75vw 0;
		display: none;
	}

	#line-08 .add-box .text-01 {
		font-size: 6.75vw;
		padding-bottom: 2.5vw;
	}

	#line-08 .add-box .text-02 {
		font-size: 5.75vw;
		background: #fff;
		padding: 2.5vw 0;
	}

	#line-08 .add-box .text-02 span {
		font-size: 4.5vw;
	}

	#line-08 .add-box .text-03 {
		font-size: 11.25vw;
		padding: 2.5vw 0;
	}

	#line-08 .add-box .text-03 span.medium {
		font-size: 9.75vw;
	}

	#line-08 .add-box .text-03 span.small {
		font-size: 8.75vw;
	}

	#line-08 .add-box .text-04 {
		font-size: 4.75vw;
	}

	#line-08 .add-box .text-05 {
		font-size: 4.75vw;
		background: url(../images/bg_line_08_text_05_sp.png) no-repeat;
		background-size: 100%;
		width: 90.625vw;
		height: 40vw;
		margin: 6.25vw auto 0;
		padding-top: 3.75vw;
	}

	#line-08 .add-box .image {
		margin-top: -3.75vw;
	}

	#line-08 .add-box .image img {
		width: 100vw;
	}

	#line-08 .add-box .text-06 {
		font-size: 3.25vw;
		margin-top: 2.5vw;
	}

	#line-08 .add-box .text-06 br:nth-of-type(2) {
		display: none;
	}

	#line-08 .add-box .text-07 {
		font-size: 10.5vw;
		margin-top: 3.75vw;
	}

	#line-08 .add-box .text-07 span.small {
		font-size: 7.75vw;
	}

	#line-08 .add-box .text-07 span.blue {
		font-size: 12.25vw;
	}

	#line-08 .add-box .inner {
		width: 88vw;
		margin: 6.25vw auto 0;
		border-top: #1d4e89 0.625vw dashed;
	}

	#line-08 .add-box .inner .title {
		font-size: 5.25vw;
		height: 8vw;
		line-height: 1.6;
	}

	#line-08 .add-box .inner .no {
		font-size: 3.25vw;
		background: url(../images/bg_line_08_no_sp.png) no-repeat 2.5vw 2vw;
		background-size: 5.75vw 25.5vw;
		padding: 2vw 0 0 10vw;
		line-height: 2;
	}

	#line-08 .add-box .inner .ok {
		font-size: 3.25vw;
		background: url(../images/bg_line_08_yes_sp.png) no-repeat 2.5vw 2vw;
		background-size: 5.375vw 24.625vw;
		padding: 1.25vw 0 0 10vw;
		line-height: 2;
	}

	#line-09 {
		background: #1d4e89;
		margin-top: 12.5vw;
		padding: 12.5vw 0 6.25vw;
	}

	#line-09 .text {
		font-size: 4.25vw;
		margin-top: 5vw;
	}

	#line-09 .text span {
		font-size: inherit;
	}

	#line-09 .checker {
		margin-top: 3.75vw;
	}

	#line-09 .checker .disc img {
		width: 96vw;
	}

	#line-09 .btn-checker {
		margin-top: 2.5vw;
	}

	#line-09 .btn-checker img {
		width: 67.5vw;
	}

	#line-09 .box {
		width: 96%;
		margin: 5vw auto 0;
		padding: 7.5vw 0 7.5vw 4.5vw;
	}

	#line-09 .plan {
		font-size: 5.875vw;
		text-align: left;
	}

	#line-09 .plan .blue {
		font-size: 6.75vw;
	}

	#line-09 .plan .big {
		font-size: 8vw;
	}

	#line-09 .plan .small {
		font-size: 3.75vw;
		padding-left: 17.5vw;
	}

	#line-09 .plan-box {
		display: none;
	}

	#line-09 .open .plan-box {
		display: block;
	}

	#line-09 .plan-box .option-box>span {
		font-size: 3.25vw;
		margin-top: 3.75vw;
		display: block;
		line-height: 1.4em;
	}

	#line-09 .box ul li>em {
		font-size: 4vw;
		text-align: left;
		margin-bottom: -3vw;
	}

	#line-09 .box ul li:last-child {
		margin: 3vw 0 0 3vw;
	}

	#line-09 .box:nth-of-type(5) ul li:last-child,
	#line-09 .box:nth-of-type(6) ul li:last-child {
		margin: 0 0 0 2.1vw;
	}

	#line-09 .box ul li .price {
		font-size: 11vw;
		width: 76vw;
		margin-top: 3.75vw;
	}

	#line-09 .box ul li .price .number {
		font-size: 21.5vw;
	}

	#line-09 .box:nth-of-type(4) ul li .price .number {
		letter-spacing: 0;
	}

	#line-09 .box:nth-of-type(5) ul li .price .number {
		letter-spacing: -0.075em;
	}

	#line-09 .box ul li .price .small {
		font-size: 5.25vw;
		top: 3.5vw;
		right: 2vw;
	}

	#line-09 .box:nth-of-type(4) ul li .price .small {
		top: 3.5vw;
		right: 2vw;
	}

	#line-09 .box ul li .btn {
		background: #1d4e89;
		width: 13.5vw;
		height: 13.5vw;
		padding: 5vw;
	}

	#line-09 .open ul li .btn {
		display: none;
	}

	#line-09 .box ul li .btn img {
		width: 4vw;
	}

	#line-09 .box ul li .option {
		font-size: 5.875vw;
		width: 76vw;
		padding-top: 3.75vw;
	}

	#line-09 .open ul li .option {
		width: 87vw;
	}

	#line-09 .box .additional-fee {
		font-size: 4.75vw;
		margin: 2.5vw 0 0;
		text-align: left;
	}

	#line-09 .box .additional-fee span {
		font-size: 3.75vw;
		margin: 0 0 1.5vw -0.75vw;
		padding: 0 2.5vw;
		line-height: 1.5;
	}

	#line-09 .box .text-02 {
		font-size: 8vw;
		margin-top: 3.75vw;
	}

	#line-09 .box .text-03 {
		font-size: 23vw;
		margin-top: 2.5vw;
	}

	#line-09 .box .text-03 .middle {
		font-size: 11.25vw;
	}

	#line-09 .box .text-03 .small {
		font-size: 5.25vw;
	}

	#line-09 .box .text-04 {
		font-size: 8vw;
		margin-top: 2.5vw;
	}

	#line-09 .box .text-05 {
		font-size: 3.25vw;
		margin-top: 3.75vw;
	}

	#line-09 .text-01 {
		font-size: 3.25vw;
		margin-top: 3.75vw;
		padding: 0 5vw;
	}

	#line-09 .plan-b .text-01 br:nth-of-type(2) {
		display: none;
	}

	#line-09 .plan-e .text-01 br:nth-of-type(3),
	#line-09 .plan-e .text-01 br:nth-of-type(4) {
		display: none;
	}

	#line-09 .inner {
		width: 98%;
		margin-top: 1.25vw;
		padding: 1.25vw 0;
	}

	#line-09 .inner .font {
		font-size: 6.75vw;
		padding-left: 2.5vw;
	}

	#line-09 .inner .text {
		font-size: 3.25vw;
		padding: 1vw 2vw 0 2.5vw;
	}

	#line-09 .plan-a .text br,
	#line-09 .plan-e .text br {
		display: none;
	}

	#line-09 .inner .text span {
		font-size: 2.5vw;
	}

	#line-09 .close {
		width: 6.25vw;
		height: 6.25vw;
		margin: 1.25vw auto 0;
	}

	#line-09 .close span {
		width: 6.25vw;
		height: 1vw;
		top: 2.5vw;
	}

	#line-09 .type {
		font-size: 4.75vw;
		margin-top: 3.75vw;
		padding-left: 3.75vw;
	}

	#line-09 .type span {
		font-size: 3.25vw;
		margin-top: 1vw;
	}

	#line-09 .one {
		font-size: 4.25vw;
		width: 98%;
		margin-top: 1vw;
		padding: 2vw 0 2vw 3.75vw;
	}

	#line-09 .credit {
		width: 96%;
		margin: 2.5vw auto 0;
		padding: 3.75vw;
	}

	#line-09 .credit .title {
		font-size: 5.25vw;
	}

	#line-09 .credit .disc {
		font-size: 3.25vw;
		margin-top: 1.25vw;
	}

	#line-09 .credit .card {
		margin-top: 1.25vw;
	}

	#line-09 .credit .card img {
		width: 86.5vw;
	}

	#line-09 .deferred-payment {
		width: 96%;
		margin: 2.5vw auto 0;
		padding: 3.75vw;
	}

	#line-09 .deferred-payment .title {
		font-size: 5.25vw;
	}

	#line-09 .deferred-payment .disc {
		font-size: 3.25vw;
		margin-top: 1.25vw;
	}

	#line-09 .deferred-payment .disc span {
		font-size: 3.25vw;
	}

	#line-09 .deferred-payment .payment {
		margin-top: 1.25vw;
	}

	#line-09 .deferred-payment .payment img {
		width: 86.5vw;
	}

	#line-09 .installment-payment {
		width: 96%;
		margin: 2.5vw auto 0;
		padding: 3.75vw;
	}

	#line-09 .installment-payment .title {
		font-size: 5.25vw;
	}

	#line-09 .installment-payment .disc {
		font-size: 3.25vw;
		margin-top: 1.25vw;
	}

	#line-09 .installment-payment .disc span {
		font-size: 3.25vw;
	}

	#line-09 .attention {
		font-size: 3.25vw;
		width: 90%;
		margin: 3.75vw auto 0;
	}

	#line-09 .attention p {
		padding-left: 1.25vw;
	}

	#line-09 .attention p:first-child {
		padding-bottom: 2.5vw;
		border-bottom: #fff 0.25vw solid;
	}

	#line-09 .attention p:last-child {
		padding-top: 2.5vw;
	}

	#line-09 .attention p:last-child span {
		padding-left: 3.25vw;
		text-indent: -1em;
	}

	#line-10 {
		margin: 12.5vw auto 0;
		padding: 2.5vw 0;
	}

	#line-10 h2 {
		padding: 3.75vw 0;
	}

	#line-10 .price-list {
		margin-top: 1.25vw;
		text-align: center;
	}

	#line-10 .price-list .image img {
		width: 96.25vw;
	}

	#review {
		margin-top: 12.5vw;
		padding: 7.5vw 0 12.5vw;
	}

	#review .box-wrapper {
		width: 96.533vw;
		margin: 3.75vw auto 0;
	}

	#review .box-wrapper .box {
		padding: 3.75vw 5vw 5vw;
		border-radius: 1.333vw;
		box-shadow: 0.533vw 0.667vw 0 0 #939393;
	}

	#review .box-wrapper .box:nth-child(n + 2) {
		margin-top: 3.75vw;
	}

	#review .box-wrapper .box dl dt {
		font-size: 3.2vw;
		padding-bottom: 2vw;
	}

	#review .box-wrapper .box dl dt span {
		margin-left: 1.333vw;
	}

	#review .box-wrapper .box dl dt img {
		width: 9.6vw;
	}

	#review .box-wrapper .box dl dd {
		font-size: 3.2vw;
		padding-top: 1.333vw;
	}

	#line-11 {
		margin-top: 12.5vw;
	}

	#line-11 ul.question {
		margin-top: 2.5vw;
	}

	#line-11 ul.question li:first-child {
		font-size: 4.25vw;
		width: 88%;
		padding: 1.875vw 0 1.875vw 3.125vw;
	}

	#line-11 ul.question li:first-child span.font {
		font-size: 8vw;
		width: 7.5vw;
	}

	#line-11 ul.question li:first-child span:last-child {
		width: calc(100% - 7.5vw);
		padding-top: 1.5vw;
	}

	#line-11 ul.question li:last-child {
		width: 10%;
	}

	#line-11 ul.question li:last-child span:first-child {
		width: 6.25vw;
		height: 1vw;
	}

	#line-11 ul.question li:last-child span:last-child {
		width: 6.25vw;
		height: 1vw;
	}

	#line-11 .answer {
		margin-top: 1.25vw;
	}

	#line-11 .answer ul li:first-child {
		font-size: 6.25vw;
		width: 8.125vw;
		height: 10.25vw;
		padding-top: 3vw;
	}

	#line-11 .answer ul li:last-child {
		font-size: 3.25vw;
		width: calc(100% - 8.125vw);
		margin-top: 2vw;
		padding: 1.25vw 1.25vw 1.25vw 2.5vw;
	}

	#line-12 {
		margin-top: 12.5vw;
	}

	#line-12 .hurry {
		font-size: 3.75vw;
		margin-top: 3.75vw;
	}

	#line-12 form .box1,
	#line-12 form .box2 {
		margin: 5vw auto 0;
	}

	#line-12 form .box1 label {
		font-size: 3.75vw;
		padding-left: 3.75vw;
	}

	#line-12 form .box1 input {
		font-size: 16px;
		height: 13.25vw;
		margin-top: 1vw;
		padding: 0 0 0 3.75vw;
	}

	#line-12 form .box2 p {
		font-size: 3.75vw;
		padding-left: 3.75vw;
	}

	#line-12 form .box2 ul {
		margin-top: 2.5vw;
		padding-left: 6.25vw;
	}

	#line-12 form .box2 ul li:nth-child(n + 3) {
		margin-top: 3.75vw;
	}

	#line-12 form .box2 label {
		font-size: 4.25vw;
	}

	#line-12 form .box2 input[type="radio"]+label {
		padding-left: 7.5vw;
	}

	#line-12 form .box2 input[type="radio"]+label::before {
		width: 5.25vw;
		height: 5.25vw;
		border: 0.125vw solid #999;
	}

	#line-12 form .box2 input[type="radio"]:checked+label::after {
		width: 3.5vw;
		height: 3.5vw;
		top: 1vw;
		left: 1vw;
	}

	#line-12 form .box2 .inner {
		margin-top: 2.5vw;
		padding-left: 3.75vw;
	}

	#line-12 form .box1 .notes {
		font-size: 3.25vw;
		padding: 1.25vw 0 0 5.75vw;
	}

	#line-12 form .box1 textarea {
		width: 98%;
		height: 34.5vw;
		margin: 1.25vw auto 0;
		padding: 1.25vw 2.5vw;
	}

	#line-12 form .btn-confirm {
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.875vw 3.5vw;
		border: #91a8d1 1.25vw solid;
		margin: 5vw auto 0;
	}

	#line-12 form input[type="submit"] {
		font-size: 5.25vw;
		height: 17.875vw;
	}

	#line-13 {
		margin-top: 12.5vw;
	}

	#line-13 .image {
		background: url(../images/bg_line_13_sp.jpg) no-repeat;
		background-size: 100%;
		height: 51.25vw;
		margin-top: 2.5vw;
		overflow-y: hidden;
	}

	#line-13 .image img {
		width: 100%;
	}

	#line-13 .box {
		width: 96%;
		margin: 0 auto;
		padding: 12.5vw 2.5vw;
	}

	#line-13 .box p {
		font-size: 3.25vw;
	}

	#line-13 .box p br:nth-of-type(17) {
		display: none;
	}

	#line-13 .box .sign {
		width: 68.75vw;
		margin: 3.75vw auto 0;
	}

	#line-14 {
		background-size: 100vw 25vw;
		margin-top: 12.5vw;
		padding-bottom: 25vw;
	}

	#line-14 .text-01 {
		font-size: 3.25vw;
		width: 92%;
		margin: 7.5vw auto 0;
		padding: 0 1.25vw 0 2.5vw;
	}

	#line-14 .text-02 {
		font-size: 3.25vw;
		width: 92%;
		margin: 2.5vw auto 0;
		padding: 2.5vw 1.25vw 2.5vw 2.5vw;
	}

	#line-14 .text-03 br:first-of-type {
		display: none;
	}

	#line-15 {
		padding: 12.5vw 0 2.5vw;
	}

	#line-15 dl {
		width: 96%;
		margin: 2.5vw auto 0;
		padding: 5vw 3.75vw;
	}

	#line-15 dl dt {
		font-size: 3.75vw;
	}

	#line-15 dl dt:nth-of-type(n + 2) {
		margin-top: 8.75vw;
	}

	#line-15 dl dd {
		font-size: 4.25vw;
		margin-top: 2.5vw !important;
		padding-left: 6.25vw;
	}

	#line-15 dl dd picture {
		margin-bottom: 3.75vw;
		text-align: center;
	}

	#line-15 dl dd picture img {
		width: 55vw;
	}

	#line-15 dl dd:last-of-type,
	#line-15 dl dd:nth-last-of-type(2) {
		font-size: 3vw;
	}

	#line-16 {
		padding: 15vw 0 2.5vw;
	}

	#top-terms-of-service {
		width: 96%;
		height: 100vw;
		margin: 2.5vw auto 0;
		padding: 5vw 1.25vw;
	}

	#top-terms-of-service .wrapper {
		padding: 0 2.5vw;
	}

	#top-terms-of-service .box {
		font-size: 3vw;
	}

	#top-terms-of-service .box h3 {
		font-size: 4vw;
	}

	#top-terms-of-service .box>ol>li>dl dt {
		font-size: 3.5vw;
		line-height: 1.2;
		letter-spacing: 0.025em;
	}

	#top-terms-of-service .box>ol>li>ol>li>ol {
		font-size: 0.95em;
		margin-top: 1.25vw;
	}

	#line-17 {
		padding: 15vw 0 2.5vw;
	}

	#top-privacy {
		width: 96%;
		height: 100vw;
		margin: 2.5vw auto 0;
		padding: 5vw 1.25vw;
	}

	#top-privacy .wrapper {
		padding: 0 2.5vw;
	}

	#top-privacy .text-01 {
		font-size: 3vw;
	}

	#top-privacy h3 {
		font-size: 4.5vw;
		margin-top: 2em;
	}

	#top-privacy .text-02 {
		font-size: 3vw;
		margin-top: 2.5vw;
	}

	#top-privacy h4 {
		font-size: 5vw;
		margin: 3.75vw 0 0 5vw;
	}

	#top-privacy .text-03 {
		font-size: 3vw;
		margin: 2.5vw 0 0 10vw;
	}

	#top-privacy .text-03 span {
		margin-left: 3.75vw;
	}

	#top-privacy .data {
		font-size: 3vw;
		width: 100%;
		margin-top: 1.25vw;
		padding: 2.5vw 3.75vw;
	}

	#top-privacy .data br:nth-of-type(3) {
		display: inline-block;
	}

	#line-consultation {
		left: 2.5vw;
		bottom: 26.5vw;
	}

	#line-consultation .icon img {
		width: 8vw;
	}

	#line-consultation .text {
		margin-left: -0.5vw;
	}

	#line-consultation .text img {
		width: 72.5vw;
	}

	#line-consultation .close {
		right: -2.5vw;
		top: -3.25vw;
	}

	#line-consultation .close img {
		width: 6.75vw;
	}

	#go-top {
		display: none;
	}
}

/********** /top **********/

/********** confirm **********/
#contact {
	margin-top: 150px;
	padding-bottom: 150px;
}

#contact h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
}

#contact p {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	color: #1d4e89;
}

#contact dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #1d4e89;
}

#contact dl dd {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	line-height: 1.8;
}

#contact form .btn-send {
	background: url(../images/arrow_01.png) center right 30px no-repeat #1d4e89;
	background-size: 12px 12px;
	width: 390px;
	margin: 60px auto 0;
	border: #91a8d1 5px solid;
}

#contact form .btn-back {
	background: #1d4e89;
	width: 390px;
	margin: 10px auto 0;
	border: #91a8d1 5px solid;
}

#contact form input[type="submit"],
#contact form input[type="button"] {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: none;
	width: 100%;
	height: 60px;
	padding-top: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer;
}

#contact .complete {
	font-size: 30px;
	margin-top: 80px;
	padding-left: 40px;
}

#contact .text {
	font-size: 20px;
	margin-top: 60px;
	padding-left: 40px;
	line-height: 2;
}

@media screen and (min-width: 801px) {
	#contact p {
		width: 800px;
		margin: 100px auto 0;
		letter-spacing: 1px;
	}

	#contact dl {
		width: 800px;
		margin: 60px auto 0;
		display: flex;
		flex-wrap: wrap;
	}

	#contact dl dt {
		width: 40%;
		margin-top: 60px;
	}

	#contact dl dd {
		width: 60%;
		margin-top: 60px;
	}

	#contact .text br:nth-of-type(2),
	#contact .text br:last-of-type {
		display: none;
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#contact {
		margin-top: 7.5vw;
		padding-bottom: 7.5vw;
	}

	#contact h2 {
		font-size: 3vw;
	}

	#contact p {
		font-size: 1vw;
		width: 40vw;
		margin: 5vw auto 0;
		letter-spacing: 0.05vw;
	}

	#contact dl {
		width: 40vw;
		margin: 3vw auto 0;
	}

	#contact dl dt {
		font-size: 0.9vw;
		margin-top: 3vw;
	}

	#contact dl dd {
		font-size: 0.9vw;
		margin-top: 3vw;
	}

	#contact form .btn-send {
		background: url(../images/arrow_01.png) center right 1.5vw no-repeat #1d4e89;
		background-size: 0.6vw 0.6vw;
		width: 19.5vw;
		margin: 3vw auto 0;
		border: #91a8d1 0.25vw solid;
	}

	#contact form .btn-back {
		width: 19.5vw;
		margin: 0.5vw auto 0;
		border: #91a8d1 0.25vw solid;
	}

	#contact form input[type="submit"],
	#contact form input[type="button"] {
		font-size: 1vw;
		height: 3vw;
	}

	#contact .complete {
		font-size: 1.5vw;
		margin-top: 4vw;
		padding-left: 2vw;
	}

	#contact .text {
		font-size: 1vw;
		margin-top: 3vw;
		padding-left: 2vw;
	}
}

@media screen and (max-width: 800px) {
	#contact {
		margin-top: 12.5vw;
		padding-bottom: 10vw;
	}

	#contact h2 {
		font-size: 8.5vw;
	}

	#contact p {
		font-size: 3.75vw;
		margin-top: 10vw;
		padding: 0 5vw;
	}

	#contact dl {
		padding: 0 5vw;
	}

	#contact dl dt {
		font-size: 3.75vw;
		margin-top: 10vw;
	}

	#contact dl dd {
		font-size: 4.25vw;
		margin-top: 3vw;
	}

	#contact form .btn-send {
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.875vw 3.5vw;
		width: 98%;
		margin: 5vw auto 0;
		border: #91a8d1 1.25vw solid;
	}

	#contact form .btn-back {
		width: 98%;
		margin: 5vw auto 0;
		border: #91a8d1 1.25vw solid;
	}

	#contact form input[type="submit"],
	#contact form input[type="button"] {
		font-size: 5.25vw;
		height: 16vw;
	}

	#contact .complete {
		font-size: 4.75vw;
		margin-top: 10vw;
		padding-left: 5vw;
	}

	#contact .text {
		font-size: 3.75vw;
		margin-top: 3.75vw;
		padding-left: 5vw;
		line-height: 2;
	}
}

/********** /confirm **********/

/********** diagnosis **********/
#diagnosis section {
	background: #1d4e89;
}

#diagnosis .checker {
	width: 70vw;
	max-width: 1400px;
	margin: 20px auto 0;
	padding: 100px 0;
	text-align: center;
	letter-spacing: 0.05em;
}

#diagnosis .text-01 {
	font-size: 20px;
	color: #fff;
}

#diagnosis .box {
	margin-top: 20px;
	display: none;
}

#diagnosis .box-01 {
	display: block;
}

#diagnosis .box .text-02 {
	font-size: 40px;
	color: #fff;
	line-height: 1.2;
}

#diagnosis .box .question {
	font-size: 30px;
	color: #fff;
	margin: 30px auto 0;
	padding-bottom: 5px;
	display: inline-block;
	line-height: 1.4;
}

#diagnosis .box ul {
	width: 450px;
	margin: 60px auto 0;
}

#diagnosis .box ul.vertical {
	width: 100%;
}

#diagnosis .box ul li {
	font-size: 30px;
	background: #fff;
	width: 100%;
	padding: 24px 0;
	border-radius: 8px;
	cursor: pointer;
}

#diagnosis .box ul li:nth-child(n + 2) {
	margin: 20px 0 0 0;
}

#diagnosis .box .btn-injury {
	font-size: 26px;
	background: #f6ae54;
	width: 450px;
	margin: 60px auto 0;
	border-radius: 8px;
	line-height: 2.7;
	cursor: pointer;
}

#diagnosis .box .btn-injury a {
	color: #000;
	display: block;
}

#diagnosis .box .btn-back {
	font-size: 26px;
	background: #f6ae54;
	width: 450px;
	margin: 30px auto 0;
	border-radius: 8px;
	line-height: 2.7;
	cursor: pointer;
}

#diagnosis .box .btn-back a {
	color: #000;
	display: block;
}

#diagnosis .box .text-03 {
	font-size: 30px;
	color: #fff;
	margin-top: 30px;
	line-height: 1.2;
}

#diagnosis .box .answer {
	font-size: 30px;
	color: #1d4e89;
	background: #fff;
	width: 1030px;
	margin: 30px auto 0;
	padding: 20px 0;
	border-radius: 8px;
	line-height: 1.4;
}

#diagnosis .box .answer span.red {
	color: #d30000;
}

#diagnosis .box .answer span.orange {
	color: #f6ae54;
}

#diagnosis .box .answer span.big {
	font-size: 40px;
}

#diagnosis .box .answer span.small {
	font-size: 20px;
	margin-top: 20px;
	display: block;
}

#diagnosis .box .answer span.small br {
	display: none;
}

#diagnosis .box .text-04 {
	font-size: 24px;
	color: #f6ae54;
	margin-top: 20px;
	line-height: 1.2;
}

#diagnosis .box .text-05 {
	font-size: 18px;
	color: #1d4e89;
	background: #fff;
	width: 1030px;
	margin: 20px auto 0;
	padding: 30px 60px;
	border-radius: 8px;
	line-height: 1.4;
	text-align: left;
}

#diagnosis .box .select {
	margin-top: 30px;
}

#diagnosis .box .select p {
	font-size: 30px;
	color: #f6ae54;
	background: url(../images/icon_check.png) no-repeat;
	background-size: 37px 36px;
	width: 1000px;
	margin: 20px auto 0;
	padding-left: 70px;
	text-align: left;
	letter-spacing: 0;
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#diagnosis .checker {
		margin: 1vw auto 0;
		padding: 5vw 0;
	}

	#diagnosis .text-01 {
		font-size: 1vw;
	}

	#diagnosis .box {
		margin-top: 1vw;
	}

	#diagnosis .box .text-02 {
		font-size: 2vw;
	}

	#diagnosis .box .icon img {
		width: 2.1vw;
	}

	#diagnosis .box .question {
		font-size: 1.5vw;
		margin: 1.5vw auto 0;
		padding-bottom: 0.25vw;
	}

	#diagnosis .box ul {
		width: 22.5vw;
	}

	#diagnosis .box ul li {
		font-size: 1.5vw;
		min-width: 22.5vw;
		padding: 1.2vw 0;
		border-radius: 0.4vw;
	}

	#diagnosis .box ul li:nth-child(n + 2) {
		margin: 1vw 0 0 0;
	}

	#diagnosis .box .btn-injury {
		font-size: 1.3vw;
		width: 22.5vw;
		margin: 3vw auto 0;
		border-radius: 0.4vw;
	}

	#diagnosis .box .btn-back {
		font-size: 1.3vw;
		width: 22.5vw;
		margin: 1.5vw auto 0;
		border-radius: 0.4vw;
	}

	#diagnosis .box .text-03 {
		font-size: 1.5vw;
		margin-top: 1.5vw;
	}

	#diagnosis .box .answer {
		font-size: 1.5vw;
		width: 51.5vw;
		margin: 1.5vw auto 0;
		padding: 1vw 0;
		border-radius: 0.4vw;
	}

	#diagnosis .box .answer span.big {
		font-size: 2vw;
	}

	#diagnosis .box .answer span.small {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#diagnosis .box .text-04 {
		font-size: 1.2vw;
		margin-top: 1vw;
	}

	#diagnosis .box .text-05 {
		font-size: 0.9vw;
		width: 51.5vw;
		margin: 1vw auto 0;
		padding: 1.5vw 3vw;
		border-radius: 0.4vw;
	}

	#diagnosis .box .select {
		margin-top: 1.5vw;
	}

	#diagnosis .box .select p {
		font-size: 1.5vw;
		background-size: 1.85vw 1.8vw;
		width: 50vw;
		margin: 1vw auto 0;
		padding-left: 3.5vw;
	}
}

@media screen and (max-width: 800px) {
	#diagnosis .checker {
		width: 100%;
		margin: 0 auto;
		padding: 10vw 0;
	}

	#diagnosis .text-01 {
		font-size: 3.25vw;
	}

	#diagnosis .box {
		margin-top: 2.5vw;
	}

	#diagnosis .box .text-02 {
		font-size: 5.25vw;
	}

	#diagnosis .box .icon img {
		width: 8vw;
	}

	#diagnosis .box .question {
		font-size: 7vw;
		margin: 3.75vw auto 0;
		padding: 0 2vw 0.625vw;
		border: none;
		line-height: 1.4;
	}

	#diagnosis .box ul {
		width: 67.5vw;
		margin-top: 7.5vw;
		display: block;
	}

	#diagnosis .box ul.vertical {
		width: 96vw;
		margin: 5vw auto 0;
	}

	#diagnosis .box ul li {
		font-size: 4.5vw;
		width: 100%;
		margin: 0 auto;
		padding: 3vw 0;
		line-height: 1.2;
		letter-spacing: 0.1em;
	}

	#diagnosis .box ul.vertical li {
		padding: 5vw;
	}

	#diagnosis .box ul li:nth-child(n + 2) {
		margin: 2.5vw auto 0;
	}

	#diagnosis .box .btn-injury {
		font-size: 4.5vw;
		width: 80vw;
		margin: 5vw auto 0;
		line-height: 2.7;
	}

	#diagnosis .box .btn-back {
		font-size: 4.5vw;
		width: 53.5vw;
		margin: 5vw auto 0;
		line-height: 2.7;
	}

	#diagnosis .box .text-03 {
		font-size: 4.25vw;
		margin-top: 5vw;
	}

	#diagnosis .box .answer {
		font-size: 4.25vw;
		width: 96vw;
		margin: 5vw auto 0;
		padding: 5vw 0;
		border-radius: 1.5vw;
		line-height: 1.6;
		letter-spacing: 0.025em;
		word-break: keep-all;
	}

	#diagnosis .box .answer span.big {
		font-size: 5.25vw;
	}

	#diagnosis .box .answer span.small {
		font-size: 3.25vw;
		margin-top: 2.5vw;
	}

	#diagnosis .box .answer span.small br {
		display: inline-block;
	}

	#diagnosis .box .text-04 {
		font-size: 4.25vw;
		margin-top: 8vw;
		padding: 0 calc(3.75% / 2);
		line-height: 1.4;
	}

	#diagnosis .box .text-05 {
		font-size: 4.25vw;
		width: 96.25%;
		margin: 5vw auto 0;
		padding: 5vw 3vw;
		border-radius: 1vw;
	}

	#diagnosis .box .select {
		margin-top: 3.75vw;
	}

	#diagnosis .box .select p {
		font-size: 4.5vw;
		background: url(../images/icon_check.png) no-repeat left 1vw;
		background-size: 3.75vw 3.75vw;
		width: 96vw;
		margin: 3.75vw auto 0;
		padding-left: 6.25vw;
		line-height: 1.4;
		letter-spacing: 0.025em;
	}
}

/********** /diagnosis **********/

/********** hearing **********/
#hearing {
	margin-top: 150px;
}

#hearing h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
}

#hearing .red {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #f00;
	margin: 80px auto 0;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 1px;
}

#hearing .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #235091;
	width: 1400px;
	margin: 20px auto 0;
	padding-left: 180px;
	line-height: 1.6;
	letter-spacing: 1px;
}

#hearing.new .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #235091;
	margin: 20px auto 0;
	padding-left: 0;
	line-height: 1.6;
	letter-spacing: 1px;
	max-width: 1110px;
	width: 96%;
}

#hearing .text a {
	color: #235091;
	text-decoration: underline;
}

#hearing .text a:hover {
	text-decoration: none;
}

#hearing .text span.inner {
	display: block;
	width: 1110px;
	margin: 20px 0 0 -40px;
	padding: 20px 20px 20px 30px;
	border: #235091 3px solid;
}

#hearing.new .text span.inner {
	display: block;
	max-width: 1110px;
	margin: 20px auto;
	padding: 20px 20px 20px 30px;
	border: #235091 3px solid;
	width: 100%;
}

#hearing .text span.big {
	display: block;
}

#hearing .text span br.sp {
	display: none;
}

#hearing .text span img {
	margin: 10px 0;
}

#hearing form {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-weight: normal;
	width: 1200px;
	margin: 40px auto 0;
}

#hearing form h3 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
	padding: 14px 20px;
	letter-spacing: 2px;
	background-color: #235091;
}

#hearing.new form h3 {
	font-size: 21px;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	background-color: #f00;
	padding: 15px;
	border-radius: 10px;
}

#hearing form dl {
	display: flex;
}

#hearing.new form dl {
	display: block;
}

#hearing.new form dl p {
	font-size: 16px;
	padding: 10px 4px;
	color: #000;
}

#hearing form dl dt {
	font-size: 18px;
	color: #fff;
	background: #235091;
	width: 560px;
	padding: 20px 0;
	border-bottom: #fff 1px solid;
	line-height: 1.4;
	display: flex;
	align-items: flex-start;
}

#hearing.new form dl dt {
	font-size: 17px;
	color: #fff;
	background: #235091;
	width: 100%;
	padding: 16px 0;
	border-bottom: #fff 1px solid;
	line-height: 1.4;
	display: flex;
	align-items: center;
	border-radius: 10px;
	font-weight: bold;
}

#hearing form dl dt.not-required {
	padding-left: 74px;
}

#hearing form dl dt span {
	font-size: 14px;
	color: #fff;
	background: #f00;
	width: 35px;
	margin-left: 20px;
	padding: 1px 0;
	text-align: center;
}

#hearing form dl dd {
	font-size: 20px;
	color: #235091;
	width: 640px;
	padding: 0 0 10px 10px;
	border-bottom: #f0f0f0 1px solid;
	line-height: 2;
}

#hearing.new form dl dd {
	font-size: 16px;
	color: #235091;
	width: 100%;
	padding: 10px 4px;
	border-bottom: #f0f0f0 1px solid;
	line-height: 2;
}

#hearing.new form .jf_error {
	font-size: 14px;
	color: #f00;
	display: block;
}

#hearing form dl dd.upload {
	padding-bottom: 0;
	display: flex;
	align-items: start;
	flex-direction: column;
}

#hearing form dl dd.upload .file-box {
	opacity: 0;
	width: 10px;
}

#hearing form dl dd.upload #fileName {
	overflow: hidden;
	width: 240px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#hearing form dl dd.upload .fileUploadBtn {
	display: inline-block;
	padding: 10px 6px;
	background: #f2f2f2;
	color: #000;
	cursor: pointer;
	border: solid 1px #ccc;
	border-radius: 10px;
	font-size: 16px;
}

#hearing form dl dd.upload .fileUploadBtn:hover,
#hearing form dl dd.upload .fileUploadBtn:focus {
	filter: brightness(1.1);
}

#hearing form dl dd .please a {
	color: #f00;
	text-decoration: underline;
}

#hearing form dl dd ul li {
	font-size: 18px;
	color: #f00;
}

#hearing form dl dd div {
	position: relative;
}

#hearing form dl dd .text-01 {
	font-size: 14px;
	padding-left: 20px;
	line-height: 0.7;
}

#hearing.new form dl dd .text-01 {
	font-size: 14px;
	padding-left: 20px;
	line-height: 0.7;
	color: #000;
}

#hearing form dl dd .text-02 {
	font-size: 18px;
	line-height: 1.6;
}

#hearing form dl dd .text-02 span {
	color: #f00;
}

#hearing form dl dd .text-02 strong {
	font-style: normal;
	color: #f00;
	text-decoration: underline;
	text-underline-offset: 3px;
}

#hearing form dl dd .text-03 {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

#hearing form dl dd .text-03 span {
	text-indent: 1em;
	display: block;
}

#hearing.new form dl dd .text-03 em {
	color: #f00;
	font-style: normal;
}

#hearing.new form dl dd .text-03 strong {
	font-style: normal;
	color: #f00;
	text-decoration: underline;
	text-underline-offset: 3px;
}

#hearing form dl dd .text-05 {
	font-size: 14px;
	line-height: 1.8;
}

#hearing form dl dd .text-05 span {
	font-size: 20px;
	margin: 20px 0 5px;
	display: block;
	line-height: 0.8;
}

#hearing.new form dl dd .color-red {
	color: #f00;
}

#hearing form .company,
#hearing form .retirement {
	margin-top: 100px;
}

#hearing form .retirement dl:nth-of-type(9) dd {
	font-size: 18px;
}

#hearing form label[for="no-use"] {
	line-height: 1.2;
	display: block;
}

#hearing form input[type="text"],
#hearing form input[type="tel"],
#hearing form input[type="email"],
#hearing form input[type="url"],
#hearing form input[type="time"] {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	padding: 0 30px;
	border: #c0c1c2 2px solid;
	box-sizing: border-box;
	border-radius: 0;
	outline: none;
}

#hearing form .m-length {
	width: 80% !important;
	max-width: 500px !important;
}

#hearing form input:disabled,
#hearing form textarea:disabled {
	background: #dcdcdc;
}

#hearing form input[type="text"].no-margin {
	margin-top: 0;
}

#hearing form input[type="text"].middle-01 {
	width: 460px;
}

#hearing form input[type="text"].middle-02 {
	width: 520px;
}

#hearing form input[type="text"].short-01 {
	width: 110px;
}

#hearing form input[type="text"].short-02 {
	width: 200px;
}

#hearing form input[type="text"].short-03 {
	width: 425px;
}

#hearing form input[type="time"].short-01 {
	width: 150px;
}

#hearing form input[type="radio"] {
	transform: scale(0);
	position: absolute;
	top: 6px;
	left: -1px;
}

#hearing form input[type="radio"].first {
	top: 20px;
}

#hearing form input[type="radio"]+label {
	font-weight: normal;
	padding-left: 30px;
	position: relative;
}

#hearing form input[type="radio"]+label::before {
	content: "";
	background: #f0eff5;
	width: 18px;
	height: 18px;
	border: none;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#hearing.new form input[type="radio"]+label::before {
	content: "";
	background: #f0eff5;
	width: 18px;
	height: 18px;
	border: none;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#hearing form input[type="radio"]:checked+label {
	color: #083d7e;
}

#hearing form input[type="radio"]:checked+label::after {
	content: "";
	background: #083d7e;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
}

#hearing form input[type="checkbox"] {
	position: absolute;
	transform: scale(0);
}

#hearing form input[type="checkbox"]+label {
	cursor: pointer;
	padding-left: 30px;
}

#hearing.new form input[type="checkbox"]+label,
#hearing.new form input[type="checkbox"]+p+label {
	cursor: pointer;
	padding-left: 30px;
	position: relative;
}

#hearing form input[type="checkbox"]+label::before {
	content: "";
	background: #f0eff5;
	display: block;
	width: 20px;
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#hearing.new form input[type="checkbox"]+label::before,
#hearing.new form input[type="checkbox"]+p+label::before {
	content: "";
	background: #f0eff5;
	display: block;
	width: 20px;
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border: solid 3px;
}

#hearing form input[type="checkbox"]+label::after {
	content: "";
	background: url(../images/check.png) no-repeat;
	background-size: 100%;
	width: 11px;
	height: 13px;
	display: block;
	opacity: 0;
	position: absolute;
	top: 12px;
	left: 5px;
	transition: all 0.3s ease 0s;
}

#hearing.new form input[type="checkbox"]+label::after,
#hearing.new form input[type="checkbox"]+p+label::after {
	content: "";
	background: url(../images/check.png) no-repeat;
	background-size: 100%;
	width: 11px;
	height: 13px;
	display: block;
	opacity: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	transition: all 0.3s ease 0s;
}

#hearing form input[type="checkbox"]:checked+label::after {
	opacity: 1;
}

#hearing.new form input[type="checkbox"]:checked+label::after,
#hearing.new form input[type="checkbox"]:checked+p+label::after {
	opacity: 1;
}

#hearing form input[type="number"] {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	width: 150px;
	height: 50px;
	margin-top: 10px;
	padding-left: 30px;
	border: #c0c1c2 2px solid;
	box-sizing: border-box;
	border-radius: 0;
	outline: none;
	-moz-appearance: textfield;
}

#hearing form input[type="number"]::-webkit-outer-spin-button,
#hearing form input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#hearing form select {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	background: url(../images/arrow_select.png) no-repeat center right 10px #fff;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	padding: 0 30px;
	border: #c0c1c2 2px solid;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

#hearing.new form select {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 16px;
	background: url(../images/arrow_select.png) no-repeat center right 10px #fff;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	padding: 0 30px 0 10px;
	border: #c0c1c2 1px solid;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	color: #000;
}

#hearing form select.time {
	width: 200px;
}

#hearing form textarea {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 18px;
	width: 100%;
	height: 100px;
	margin-top: 10px;
	padding: 10px 20px;
	border: #c0c1c2 2px solid;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
	outline: none;
}

#hearing form textarea.long {
	height: 150px;
}

#hearing form .btn-confirm {
	background: url(../images/arrow_01.png) center right 30px no-repeat #f00;
	background-size: 12px 12px;
	width: 390px;
	margin: 20px auto 0;
	border: #ff4545 5px solid;
}

#hearing form .btn-confirm input[type="submit"]:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

#hearing form .btn-confirm.dont {
	background: #b6b6b6;
	border: #b6b6b6 5px solid;
	pointer-events: none;
}

#hearing form .btn-confirm.dont input[type="submit"]:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

#hearing form .terms-of-service p {
	font-size: 20px;
	color: #235091;
	margin-top: 20px;
	padding-left: 80px;
	line-height: 1.6;
}

#hearing form .terms-of-service p a {
	text-decoration: underline;
}

#hearing form .terms-of-service p br {
	display: none;
}

#hearing form .terms-of-service div {
	font-size: 20px;
	margin-top: 15px;
	padding-left: 20px;
	position: relative;
}

#hearing form .terms-of-service div span {
	font-size: 14px;
	color: #fff;
	background: #f00;
	padding: 3px 5px;
	display: inline-block;
	vertical-align: top;
}

#hearing form .terms-of-service div input[type="checkbox"]+label {
	color: #235091;
	padding-left: 50px;
	/*pointer-events: none;*/
}

#hearing form .terms-of-service div input[type="checkbox"]+label::before {
	left: 80px;
}

#hearing form .terms-of-service div input[type="checkbox"]+label::after {
	left: 85px;
	top: 4px;
}

#hearing form .text-04 {
	font-size: 20px;
	color: #235091;
	margin-top: 10px;
	padding-left: 80px;
	line-height: 1.6;
}

#hearing.new form .terms-box {
	color: #f00;
}

#hearing.new form .text-04 {
	font-size: 15px;
}

#hearing.new form .text-04 a {
	font-size: 17px;
	color: #f00;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

#hearing.new form .text-04 a:hover {
	text-decoration: none;
}

#hearing form input[type="submit"],
#hearing form input[type="button"] {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: none;
	width: 100%;
	height: 60px;
	padding-top: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer;
}

#hearing form .btn-confirm input[type="submit"]:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

#hearing form .attention {
	font-size: 20px;
	color: #f00;
	margin-top: 10px;
	text-align: center;
}

#hearing form .attention2 {
	font-size: 20px;
	color: #000;
	margin-top: 20px;
	text-align: center;
}

#hearing form .if-error {
	color: #f00;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

#hearing .text-confirm {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	width: 1200px;
	margin: 60px auto 0;
	padding-left: 80px;
	color: #f00;
	line-height: 1.4em;
}

#hearing .border-red {
	border: solid 4px #f00;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2.5vw;
}

#hearing .text-confirm .warning-box {
	position: relative;
	display: flex;
	font-size: 20px;
	color: #000;
	align-items: end;
	margin-bottom: 10px;
	font-weight: bold;
}

#hearing .text-confirm .warning-box img {
	width: 30px;
	margin-right: 6px;
	display: inline-block;
}

#hearing form#confirm {
	margin-top: 60px;
}

#hearing form#confirm dl dt {
	color: #235091;
	background: #fff;
	padding-left: 100px;
	border-bottom: #f0f0f0 1px solid;
}

#hearing form#confirm dl dd {
	font-size: 18px;
	color: #000;
	padding: 20px 0 20px 40px;
}

#hearing form#confirm dl dd img {
	width: 210px;
	vertical-align: middle;
}

#hearing form#confirm .retirement dl:nth-of-type(17) dd,
#hearing form#confirm .retirement dl:nth-of-type(18) dd {
	color: #000;
}

#hearing form#confirm .btn-back {
	background: #1d4e89;
	width: 390px;
	margin: 10px auto 0;
	border: #91a8d1 5px solid;
}

#hearing .send {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #1d4e89;
	width: 1200px;
	margin: 60px auto 0;
	padding-left: 250px;
}

#hearing .text-send {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #1d4e89;
	width: 1200px;
	margin: 40px auto 0;
	padding-left: 250px;
	line-height: 1.4;
}

#hearing .btn-more {
	padding-bottom: 320px;
}

#hearing .bs-callout-warning {
	display: none;
}

#hearing .bs-callout-warning .error {
	font-size: 32px;
	color: #f00;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4;
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#hearing {
		margin-top: 7.5vw;
	}

	#hearing h2 {
		font-size: 3vw;
	}

	#hearing.new h2 {
		font-size: 40px;
	}

	#hearing .red {
		font-size: 1.2vw;
		margin: 4vw auto 0;
		letter-spacing: 0.05vw;
	}

	#hearing.new .red {
		font-size: 18px;
		margin: 4vw auto 0;
		letter-spacing: 0.05vw;
	}

	#hearing .text {
		font-size: 1vw;
		width: 70vw;
		margin: 1vw auto 0;
		padding-left: 9vw;
		letter-spacing: 0.05vw;
	}

	#hearing .text span.inner {
		width: 55.5vw;
		margin: 1vw 0 0 -2vw;
		padding: 1vw 1vw 1vw 1.5vw;
		border: #235091 0.15vw solid;
	}

	#hearing .text span img {
		width: 52.5vw;
		margin: 0.5vw 0;
	}

	#hearing form {
		width: 60vw;
		margin: 2vw auto 0;
	}

	#hearing form h3 {
		font-size: 1.2vw;
		margin-bottom: 0.5vw;
		padding-left: 1vw;
		letter-spacing: 0.1vw;
	}

	#hearing form dl dt {
		font-size: 0.9vw;
		width: 28vw;
		padding: 1vw 0;
		border-bottom: #fff 0.05vw solid;
	}

	#hearing form dl dt.not-required {
		padding-left: 3.7vw;
	}

	#hearing form dl dt span {
		font-size: 0.7vw;
		width: 1.75vw;
		margin-left: 1vw;
		padding: 0.05vw 0;
	}

	#hearing form dl dd {
		font-size: 1vw;
		width: 32vw;
		padding: 0 0 0.5vw 0.5vw;
		border-bottom: #f0f0f0 0.05vw solid;
	}

	#hearing form dl dd ul li {
		font-size: 0.9vw;
	}

	#hearing form dl dd .text-01 {
		font-size: 0.7vw;
		padding-left: 1vw;
	}

	#hearing form dl dd .text-02 {
		font-size: 0.9vw;
	}

	#hearing form dl dd .text-03 {
		font-size: 0.7vw;
	}

	#hearing.new form dl dd .text-03 {
		font-size: 14px;
	}

	#hearing form dl dd .text-05 {
		font-size: 0.7vw;
	}

	#hearing form dl dd .text-05 span {
		font-size: 1vw;
		margin: 1vw 0 0.25vw;
	}

	#hearing form .company,
	#hearing form .retirement {
		margin-top: 5vw;
	}

	#hearing form .retirement dl:nth-of-type(9) dd {
		font-size: 0.9vw;
	}

	#hearing form input[type="text"],
	#hearing form input[type="tel"],
	#hearing form input[type="email"],
	#hearing form input[type="url"],
	#hearing form input[type="time"] {
		font-size: 0.9vw;
		width: 100%;
		height: 2.5vw;
		margin-top: 0.5vw;
		padding: 0 1.5vw;
		border: #c0c1c2 0.1vw solid;
	}

	#hearing.new form input[type="text"],
	#hearing.new form input[type="tel"],
	#hearing.new form input[type="email"],
	#hearing.new form input[type="url"],
	#hearing.new form input[type="time"] {
		font-size: 0.9vw;
		width: 100%;
		height: 50px;
		margin-top: 0.5vw;
		padding: 0 1.5vw;
		border: #c0c1c2 1px solid;
	}

	#hearing form input[type="text"].middle-01 {
		width: 23vw;
	}

	#hearing form input[type="text"].middle-02 {
		width: 26vw;
	}

	#hearing form input[type="text"].short-01 {
		width: 5.5vw;
	}

	#hearing form input[type="text"].short-02 {
		width: 10vw;
	}

	#hearing.new form input[type="text"].short-02 {
		width: 11vw;
	}

	#hearing form input[type="text"].short-03,
	#hearing form input[type="tel"].short-03 {
		width: 21.25vw;
	}

	#hearing form input[type="time"].short-01 {
		width: 7.5vw;
	}

	#hearing form input[type="tel"].short-01 {
		width: 5.5vw;
	}

	#hearing form input[type="radio"] {
		top: 0.3vw;
		left: -0.05vw;
	}

	#hearing form input[type="radio"].first {
		top: 1vw;
	}

	#hearing form input[type="radio"]+label {
		padding-left: 1.5vw;
	}

	#hearing form input[type="radio"]+label::before {
		width: 0.9vw;
		height: 0.9vw;
	}

	#hearing form input[type="radio"]:checked+label::after {
		width: 0.7vw;
		height: 0.7vw;
		top: 0.15vw;
		left: 0.15vw;
	}

	#hearing.new form input[type="radio"]:checked+label::after {
		width: 12px;
		height: 12px;
		top: 0;
		left: 3px;
		bottom: 0;
		margin: auto;
	}

	#hearing form input[type="checkbox"]+label {
		padding-left: 1.5vw;
	}

	#hearing form input[type="checkbox"]+label::before {
		width: 1vw;
		height: 1vw;
	}

	#hearing form input[type="checkbox"]+label::after {
		width: 0.55vw;
		height: 0.65vw;
		top: 0.6vw;
		left: 0.25vw;
	}

	#hearing form input[type="number"] {
		font-size: 0.9vw;
		width: 7.5vw;
		height: 2.5vw;
		margin-top: 0.5vw;
		padding-left: 1.5vw;
		border: #c0c1c2 0.1vw solid;
	}

	#hearing form select {
		font-size: 0.9vw;
		background: url(../images/arrow_select.png) no-repeat center right 0.5vw #fff;
		background-size: 0.95vw 0.8vw;
		height: 2.5vw;
		margin-top: 0.5vw;
		padding: 0 1.5vw;
		border: #c0c1c2 0.1vw solid;
	}

	#hearing form select.time {
		width: 10vw;
	}

	#hearing form textarea {
		font-size: 0.9vw;
		height: 5vw;
		margin-top: 0.5vw;
		padding: 0.5vw 1vw;
		border: #c0c1c2 0.1vw solid;
	}

	#hearing form textarea.long {
		height: 7.5vw;
	}

	#hearing form .btn-confirm {
		background: url(../images/arrow_01.png) center right 1.5vw no-repeat #f00;
		background-size: 0.6vw 0.6vw;
		width: 19.5vw;
		border: #ff4545 0.25vw solid;
		margin: 1vw auto 0;
	}

	#hearing form .btn-confirm.dont {
		border: #b6b6b6 0.25vw solid;
	}

	#hearing form .terms-of-service p {
		font-size: 1vw;
		margin-top: 1vw;
		padding-left: 4vw;
	}

	#hearing form .terms-of-service div {
		font-size: 1vw;
		margin-top: 0.75vw;
		padding-left: 1vw;
	}

	#hearing form .terms-of-service div span {
		font-size: 0.7vw;
		padding: 0.15vw 0.25vw;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label {
		padding-left: 2.5vw;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label::before {
		left: 4vw;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label::after {
		left: 4.25vw;
		top: 0.2vw;
	}

	#hearing form .text-04 {
		font-size: 1vw;
		margin-top: 0.5vw;
		padding-left: 4vw;
	}

	#hearing.new form .text-04 {
		margin-top: 0.5vw;
		padding-left: 4vw;
	}

	#hearing.new form .text-04 a {
		font-size: 1.2vw;
	}

	#hearing form input[type="submit"],
	#hearing form input[type="button"] {
		font-size: 1vw;
		height: 3vw;
	}

	#hearing form .attention {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#hearing .text-confirm {
		font-size: 1vw;
		width: 60vw;
		margin: 3vw auto 0;
		padding-left: 4vw;
	}

	#hearing form#confirm {
		margin-top: 3vw;
	}

	#hearing form#confirm dl dt {
		padding-left: 5vw;
		border-bottom: #f0f0f0 0.05vw solid;
	}

	#hearing form#confirm dl dd {
		font-size: 0.9vw;
		padding: 1vw 0 1vw 2vw;
	}

	#hearing form#confirm dl dd img {
		width: 10.5vw;
	}

	#hearing form#confirm .btn-back {
		width: 19.5vw;
		margin: 0.5vw auto 0;
		border: #91a8d1 0.25vw solid;
	}

	#hearing .send {
		font-size: 1.5vw;
		width: 60vw;
		margin: 3vw auto 0;
		padding-left: 12.5vw;
	}

	#hearing .text-send {
		font-size: 1vw;
		width: 60vw;
		margin: 2vw auto 0;
		padding-left: 12.5vw;
	}

	#hearing .btn-more {
		padding-bottom: 40vw;
	}

	#hearing .bs-callout-warning .error {
		font-size: 1.6vw;
		margin-top: 1vw;
	}
}

@media screen and (max-width: 800px) {
	#hearing {
		margin-top: 12.5vw;
		padding-bottom: 10vw;
	}

	#hearing h2 {
		font-size: 8.5vw;
	}

	#hearing.new h2 {
		font-size: 36px;
	}

	#hearing .red {
		font-size: 4.25vw;
		width: 90%;
		margin: 10vw auto 0;
		padding: 0;
		letter-spacing: 0.125vw;
	}

	#hearing.new .red {
		font-size: 16px;
		width: 90%;
		margin: 10vw auto 0;
		padding: 0;
		letter-spacing: 0.125vw;
	}

	#hearing .text {
		font-size: 3.75vw;
		width: 90%;
		margin: 3.75vw auto 0;
		padding: 0;
		letter-spacing: 0.125vw;
	}

	#hearing.new .text {
		font-size: 14px;
		width: 90%;
		margin: 3.75vw auto 0;
	}

	#hearing .text span.inner {
		width: 100%;
		margin: 3.75vw 0;
		padding: 5vw 3.75vw;
		border: #235091 0.375vw solid;
	}

	#hearing.new .text span.inner {
		padding: 20px;
	}

	#hearing .text span.big {
		font-size: 4.25vw;
		font-weight: bold;
		margin-bottom: 0.625vw;
	}

	#hearing .text span br.sp {
		display: inline-block;
	}

	#hearing .text span img {
		width: 80vw;
		margin: 1.25vw auto;
	}

	#hearing form {
		width: 90%;
		margin: 3.75vw auto 0;
		padding: 0 2.5%;
	}

	#hearing form h3 {
		font-size: 4.75vw;
		margin-bottom: 5vw;
		padding-left: 0;
		letter-spacing: 0.25vw;
	}

	#hearing form dl {
		flex-wrap: wrap;
	}

	#hearing form dl dt {
		font-size: 3.75vw;
		width: 100%;
		margin-bottom: 2.5vw;
		padding: 1.5vw 0;
	}

	#hearing form dl dt.not-required {
		padding-left: 15vw;
	}

	#hearing form dl dt span {
		font-size: 3.75vw;
		width: 9.25vw;
		margin-left: 2.5vw;
		padding: 0.25vw 0;
	}

	#hearing.new form dl dt span {
		font-size: 18px;
		width: 14.25vw;
		margin-left: 2.5vw;
		padding: 0.25vw 0;
		border-radius: 5px;
	}

	#hearing form dl dt label {
		width: calc(100% - 9.25vw);
	}

	#hearing form dl dd {
		font-size: 3.75vw;
		width: 100%;
		padding: 0 0 2.5vw 0;
	}

	#hearing form dl dd.upload {
		padding-bottom: 2.5vw;
	}

	#hearing.new form dl dd.upload {
		padding-bottom: 2.5vw;
		flex-direction: column;
		align-items: start;
	}

	#hearing form dl dd .please {
		font-size: 3.5vw;
		margin-bottom: 1.25vw;
	}

	#hearing form dl dd div {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	#hearing.new form dl dd div {
		display: block;
	}

	#hearing form dl dd ul li {
		font-size: 3.25vw;
	}

	#hearing form dl dd .text-01 {
		font-size: 3.25vw;
		margin-bottom: 1.25vw;
		padding-left: 0;
		line-height: 1.4;
	}

	#hearing form dl dd .text-02 {
		font-size: 3.25vw;
		margin-top: 2.5vw;
		line-height: 1.2;
	}

	#hearing form dl dd .text-02 br {
		display: none;
	}

	#hearing form dl dd .text-03 {
		font-size: 3.75vw;
		margin-top: 1.25vw;
		line-height: 1.4;
	}

	#hearing.new form dl dd .text-03 {
		font-size: 14px;
		margin-top: 1.25vw;
		line-height: 1.4;
	}

	#hearing.new form dl dd .text-03 a {
		word-break: break-all;
	}

	#hearing form dl dd .text-03 span {
		display: inline;
		text-indent: 0;
	}

	#hearing form dl dd .text-05 {
		font-size: 3.25vw;
	}

	#hearing form dl dd .text-05 span {
		font-size: 4.25vw;
		font-weight: bold;
		margin: 2.5vw 0 1.25vw;
	}

	#hearing form .company,
	#hearing form .retirement {
		margin-top: 12.5vw;
	}

	#hearing form .retirement dl:nth-of-type(9) dd {
		font-size: 3.25vw;
	}

	#hearing form input[type="text"],
	#hearing form input[type="tel"],
	#hearing form input[type="email"],
	#hearing form input[type="url"],
	#hearing form input[type="time"] {
		font-size: 16px;
		height: 13.25vw;
		margin: 0 0 2.5vw;
		padding: 0 2.5vw;
		border: #c0c1c2 1px solid;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	#hearing.new form input[type="text"],
	#hearing.new form input[type="tel"],
	#hearing.new form input[type="email"],
	#hearing.new form input[type="url"],
	#hearing.new form input[type="time"] {
		font-size: 16px;
		height: 50px;
		margin: 0 0 2.5vw;
		padding: 0 10px;
		border: #333 1px solid;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}


	#hearing.new form input[name="owe"]::placeholder {
		font-size: 13px;
	}

	#hearing form input[type="text"].middle-01 {
		width: 58vw;
	}

	#hearing form input[type="text"].middle-02 {
		width: 70.8vw;
	}

	#hearing form input[type="text"].short-01 {
		width: 17vw;
	}

	#hearing form input[type="text"].short-02,
	#hearing form input[type="tel"].short-02 {
		width: 54.8vw;
	}

	#hearing form input[type="text"].short-03 {
		width: 55.8vw;
	}

	#hearing form input[type="time"].short-01 {
		width: 25vw;
	}

	#hearing form input[type="tel"].short-01 {
		width: 17vw;
	}

	#hearing form input[type="radio"] {
		top: 0.3vw;
		left: -0.05vw;
	}

	#hearing form input[type="radio"].first {
		top: 1vw;
	}

	#hearing form input[type="radio"]+label {
		padding-left: 6.5vw;
		display: block;
		line-height: 2;
	}

	#hearing form input[type="radio"]+label::before {
		width: 5.5vw;
		height: 5.5vw;
	}

	#hearing.new form input[type="radio"]+label::before {
		width: 18px;
		height: 18px;
		top: 8px;
		left: 0;
		margin: unset;
	}

	#hearing form input[type="radio"]:checked+label::after {
		width: 3.5vw;
		height: 3.5vw;
		top: 1.05vw;
		left: 1vw;
	}

	#hearing.new form input[type="radio"]:checked+label::after {
		width: 11px;
		height: 11px;
		top: 12px;
		left: 4px;
		bottom: 0;
		margin: unset;
	}

	#hearing form input[type="radio"]+label br {
		display: none;
	}

	#hearing form input[type="checkbox"]+label {
		padding-left: 6.5vw;
	}

	#hearing form input[type="checkbox"]+label::before {
		width: 5.5vw;
		height: 5.5vw;
	}

	#hearing form input[type="checkbox"]+label::after {
		width: 3vw;
		height: 3.5vw;
		top: 1.75vw;
		left: 1.25vw;
	}

	#hearing form input[type="number"] {
		font-size: 16px;
		width: 24.5vw;
		height: 13.25vw;
		margin-top: 0.5vw;
		padding-left: 2.5vw;
		border: #c0c1c2 1px solid;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	#hearing form select {
		font-size: 16px;
		background: url(../images/arrow_select.png) no-repeat center right 2.5vw #fff;
		background-size: 3.5vw 3vw;
		height: 13.25vw;
		margin-top: 2.5vw;
		padding: 0 2.5vw;
		border: #c0c1c2 0.15vw solid;
	}

	#hearing form select.time {
		width: 40vw;
	}

	#hearing form textarea {
		font-size: 16px;
		height: 26.5vw;
		margin-top: 1.25vw;
		padding: 1.25vw 2.5vw;
		border: #c0c1c2 1px solid;
	}

	#hearing form textarea.long {
		height: 26.5vw;
	}

	#hearing form .btn-confirm {
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #f00;
		background-size: 2.75vw 3.5vw;
		width: 100%;
		border: #ff4545 1.25vw solid;
		margin: 2.5vw auto 0;
	}

	#hearing form .btn-confirm.dont {
		border: #b6b6b6 1.25vw solid;
	}

	#hearing form input[type="submit"],
	#hearing form input[type="button"] {
		font-size: 5.25vw;
		height: 16vw;
	}

	#hearing form .terms-of-service p {
		font-size: 3.5vw;
		margin-top: 1.25vw;
		padding-left: 0;
		line-height: 2;
		letter-spacing: 0.1em;
	}

	#hearing form .terms-of-service p a {
		text-decoration: underline;
	}

	#hearing form .terms-of-service p br {
		display: inline-block;
	}

	#hearing form .terms-of-service div {
		font-size: 3.5vw;
		margin-top: 2.5vw;
		padding-left: 2.5vw;
	}

	#hearing form .terms-of-service div span {
		font-size: 3.5vw;
		padding: 1vw 0.875vw;
		vertical-align: middle;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label {
		padding-left: 10vw;
		vertical-align: middle;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label::before {
		left: 15vw;
	}

	#hearing form .terms-of-service div input[type="checkbox"]+label::after {
		left: 16.5vw;
		top: 1vw;
	}

	#hearing form .text-04 {
		font-size: 3.5vw;
		margin-top: 3vw;
		padding-left: 0;
		line-height: 1.6;
		letter-spacing: 0.1em;
	}

	#hearing form .text-04 span {
		font-size: 3vw;
		display: block;
		line-height: 1.5;
	}

	#hearing form .attention {
		font-size: 3.5vw;
		margin-top: 2.5vw;
		line-height: 1.6;
	}

	#hearing form .attention2 {
		font-size: 3.5vw;
		margin-top: 3vw;
		line-height: 2;
	}

	#hearing .text-confirm {
		font-size: 3.75vw;
		width: 90%;
		margin: 10vw auto 8.75vw;
		padding-left: 2.5vw;
		text-align: justify;
	}

	#hearing form#confirm {
		margin-top: 3vw;
	}

	#hearing form#confirm h3 {
		padding-left: 2.5vw;
		background-color: #235091;
		color: #fff;
		padding: 10px;
	}

	#hearing form#confirm dl dt {
		margin-top: 3.75vw;
		padding-left: 5vw;
		border: none;
	}

	#hearing form#confirm dl dd {
		font-size: 4.25vw;
		padding: 0 0 1.25vw 7.5vw;
	}

	#hearing form#confirm .retirement dl:nth-of-type(17) dd,
	#hearing form#confirm .retirement dl:nth-of-type(18) dd {
		padding-bottom: 2.5vw;
	}

	#hearing form#confirm dl dd img {
		width: 8.75vw;
	}

	#hearing form#confirm .btn-back {
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.75vw 3.5vw;
		width: 100%;
		border: #91a8d1 1.25vw solid;
		margin: 2.5vw auto 0;
	}

	#hearing .send {
		font-size: 5vw;
		width: 90%;
		margin: 13.75vw auto 0;
		padding-left: 2.5vw;
	}

	#hearing .text-send {
		font-size: 3.75vw;
		width: 90%;
		margin: 3.75vw auto 0;
		padding-left: 2.5vw;
		line-height: 2;
	}

	#hearing .bs-callout-warning .error {
		font-size: 4vw;
		margin-top: 2.5vw;
	}

	.ui-widget {
		font-size: 5vw !important;
	}

	.ui-datepicker {
		width: 90% !important;
		padding: 0.2em 0.2em 0 !important;
	}

	.ui-datepicker td span,
	.ui-datepicker td a {
		padding: 0.3em !important;
		font-size: 3.75vw !important;
	}
}

/********** /hearing **********/

/********** media **********/
#media {
	margin-top: 50px;
	padding-bottom: 150px;
}

#media h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
}

#media h2 span {
	font-size: 18px;
}

#media .box {
	background: url(../images/bg_media.png) no-repeat;
	background-size: 100%;
	width: 1000px;
	height: 195px;
	margin: 30px auto 0;
}

#media ul li:first-child {
	width: 140px;
}

#media ul li:first-child img {
	width: 100%;
}

#media ul li:last-child {
	padding: 0 40px;
}

#media ul li .date {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #1d4e89;
}

#media ul li .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #1d4e89;
	margin-top: 10px;
	line-height: 1.4;
}

#media .btn-more {
	width: 220px;
	text-align: center;
}

#media .btn-more a {
	font-size: 20px;
	color: #fff;
	background: url(../images/arrow_01.png) center right 20px no-repeat #1d4e89;
	background-size: 12px 12px;
	width: 100%;
	padding: 15px 0;
	border: #91a8d1 5px solid;
	display: block;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 801px) {
	#media h2 {
		line-height: 0.6;
	}

	#media .box {
		padding: 30px 40px;
		display: flex;
		align-items: center;
	}

	#media ul {
		display: flex;
		align-items: center;
	}

	#media ul li:last-child {
		width: 560px;
	}

	#media ul li .text span {
		font-size: 20px;
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#media {
		margin-top: 2.5vw;
		padding-bottom: 7.5vw;
	}

	#media h2 {
		font-size: 3vw;
	}

	#media h2 span {
		font-size: 0.9vw;
	}

	#media .box {
		width: 50vw;
		height: 9.75vw;
		margin: 1.5vw auto 0;
		padding: 1.5vw 2vw;
	}

	#media ul li:first-child {
		width: 7vw;
	}

	#media ul li:last-child {
		width: 28vw;
		padding: 0 2vw;
	}

	#media ul li .date {
		font-size: 0.8vw;
	}

	#media ul li .text {
		font-size: 1.2vw;
		margin-top: 0.5vw;
	}

	#media ul li .text span {
		font-size: 1vw;
	}

	#media .btn-more {
		width: 11vw;
	}

	#media .btn-more a {
		font-size: 1vw;
		background: url(../images/arrow_01.png) center right 1vw no-repeat #1d4e89;
		background-size: 0.6vw 0.6vw;
		padding: 0.75vw 0;
		border: #91a8d1 0.25vw solid;
	}
}

@media screen and (max-width: 800px) {
	#media {
		margin-top: 3.5vw;
		padding-bottom: 10vw;
	}

	#media h2 {
		font-size: 8.5vw;
	}

	#media h2 span {
		font-size: 4.75vw;
	}

	#media .box {
		background: url(../images/bg_media_sp.png) no-repeat;
		background-size: 100%;
		width: 96.25vw;
		height: 121.625vw;
		margin: 3.75vw auto 0;
		padding-top: 10vw;
	}

	#media ul li:first-child {
		width: 44vw;
		margin: 0 auto;
	}

	#media ul li:last-child {
		margin-top: 2.5vw;
		padding: 0 3.75vw;
	}

	#media ul li .date {
		font-size: 4.25vw;
	}

	#media ul li .text {
		font-size: 4.75vw;
		margin-top: 3vw;
	}

	#media .btn-more {
		width: 68%;
		margin: 2vw auto 0;
	}

	#media .btn-more a {
		font-size: 5.25vw;
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.875vw 3.5vw;
		padding: 3vw 0;
		border: #91a8d1 1.25vw solid;
	}
}

/********** /media **********/

/********** power_harassment **********/
#power-harassment {
	margin-top: 40px;
	padding-bottom: 150px;
}

#power-harassment .title-img {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#power-harassment .title-img img {
	width: 100%;
}

#power-harassment .text-box {
	background: #ebebeb;
	width: 100%;
	max-width: 1400px;
	margin: 20px auto 0;
	padding: 60px 100px 60px 120px;
	letter-spacing: 0.05em;
}

#power-harassment .text-box .text {
	font-size: 20px;
	line-height: 1.4;
}

#power-harassment .text-box .text span {
	color: #fd2e00;
}

#power-harassment .box {
	width: 100%;
	max-width: 1400px;
	margin: 40px auto 0;
}

#power-harassment .box .question,
#power-harassment .box .answer {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

#power-harassment .box .question .question-img {
	width: 170px;
}

#power-harassment .box .question .question-img img {
	width: 100%;
}

#power-harassment .box .question h2 {
	font-size: 20px;
	font-weight: normal;
	background: #235091;
	color: #fff;
	width: calc(100% - 200px);
	margin-left: 30px;
	padding: 20px 20px 20px 116px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	position: relative;
}

#power-harassment .box .question h2:before {
	content: "Q";
	font-size: 32px;
	color: #235091;
	background: #fff;
	width: 48px;
	padding: 6px 0 10px 4px;
	border-radius: 100%;
	text-align: center;
	line-height: 1;
	display: block;
	position: absolute;
	left: 40px;
	top: 10px;
}

#power-harassment .box .question h2::after {
	content: "";
	border: 10px solid transparent;
	border-right: 35px solid #235091;
	display: inline-block;
	position: absolute;
	top: 20px;
	left: -35px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

#power-harassment .box ul.answer {
	margin: -80px 0 0 200px;
	align-items: flex-end;
	display: flex;
}

#power-harassment .box ul.answer.mt {
	margin-top: -50px;
}

#power-harassment .box ul.answer li:first-child {
	background: #fff;
	width: calc(100% - 370px);
	padding: 20px 30px;
	border: #1d4e89 5px solid;
	position: relative;
}

#power-harassment .box ul.answer li:first-child::after {
	content: "";
	border: 10px solid transparent;
	border-left: 35px solid #1d4e89;
	display: inline-block;
	position: absolute;
	bottom: 70px;
	right: -40px;
	z-index: -1;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

#power-harassment .box ul.answer li:first-child h3 {
	font-size: 20px;
	background: #ebebeb;
	padding: 20px 40px 16px 80px;
	border-radius: 12px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	position: relative;
}

#power-harassment .box ul.answer li:first-child h3::before {
	content: "A";
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	background: #235091;
	width: 44px;
	padding: 6px 0 10px 4px;
	border-radius: 100%;
	text-align: center;
	line-height: 1;
	display: block;
	position: absolute;
	left: 14px;
	top: 10px;
}

#power-harassment .box ul.answer li:first-child h3 span {
	color: #fd2e00;
}

#power-harassment .box ul.answer li:first-child p {
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	padding: 0 40px 0 80px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

#power-harassment .box ul.answer li:first-child p span.red {
	color: #fd2e00;
}

#power-harassment .box ul.answer li:first-child p span.indent-01 {
	padding-left: 1em;
	display: inline-block;
}

#power-harassment .box ul.answer li:first-child p span.indent-02 {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

#power-harassment .box ul.answer li:first-child p span.indent-03 {
	padding-left: 2.3em;
	display: inline-block;
}

#power-harassment .box ul.answer li:last-child {
	width: 140px;
	margin-left: 30px;
}

#power-harassment .box ul.answer li:last-child img {
	width: 100%;
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#power-harassment {
		margin-top: 2vw;
		padding-bottom: 7.5vw;
	}

	#power-harassment .title-img {
		width: 70%;
	}

	#power-harassment .text-box {
		width: 70%;
		margin: 1vw auto 0;
		padding: 3vw 5vw 3vw 6vw;
		letter-spacing: 0.062vw;
	}

	#power-harassment .text-box .text {
		font-size: 1vw;
	}

	#power-harassment .box {
		width: 70%;
		margin: 2vw auto 0;
	}

	#power-harassment .box .question .question-img {
		width: 8.5vw;
	}

	#power-harassment .box .question h2 {
		font-size: 1vw;
		width: calc(100% - 10vw);
		margin-left: 1.5vw;
		padding: 1vw 1vw 1vw 5.8vw;
	}

	#power-harassment .box .question h2:before {
		font-size: 1.6vw;
		width: 2.4vw;
		padding: 0.3vw 0 0.5vw 0.2vw;
		left: 2vw;
		top: 0.5vw;
	}

	#power-harassment .box .question h2::after {
		border: 0.5vw solid transparent;
		border-right: 1.75vw solid #235091;
		top: 1vw;
		left: -1.75vw;
	}

	#power-harassment .box ul.answer {
		margin: -4vw 0 0 10vw;
	}

	#power-harassment .box ul.answer.mt {
		margin-top: -2.5vw;
	}

	#power-harassment .box ul.answer li:first-child {
		width: calc(100% - 18.5vw);
		padding: 1vw 1.5vw;
		border: #1d4e89 0.25vw solid;
	}

	#power-harassment .box ul.answer li:first-child::after {
		border: 0.5vw solid transparent;
		border-left: 1.75vw solid #1d4e89;
		bottom: 3.5vw;
		right: -2vw;
	}

	#power-harassment .box ul.answer li:first-child h3 {
		font-size: 1vw;
		padding: 1vw 2vw 0.8vw 4vw;
		border-radius: 0.6vw;
	}

	#power-harassment .box ul.answer li:first-child h3::before {
		font-size: 1.6vw;
		width: 2.2vw;
		padding: 0.3vw 0 0.5vw 0.2vw;
		left: 0.7vw;
		top: 0.5vw;
	}

	#power-harassment .box ul.answer li:first-child p {
		font-size: 0.9vw;
		margin-top: 0.5vw;
		padding: 0 2vw 0 4vw;
	}

	#power-harassment .box ul.answer li:last-child {
		width: 7vw;
		margin-left: 1.5vw;
	}
}

@media screen and (max-width: 800px) {
	#power-harassment {
		margin-top: 0;
		padding-bottom: 10vw;
	}

	#power-harassment .title-img {
		width: 92.5vw;
	}

	#power-harassment .text-box {
		width: 92.5vw;
		margin: 5vw auto 0;
		padding: 3.75vw 5vw;
	}

	#power-harassment .text-box .text {
		font-size: 3.75vw;
		line-height: 2;
	}

	#power-harassment .box {
		width: 92.5vw;
		margin-top: 5vw;
	}

	#power-harassment .box .question {
		flex-wrap: wrap;
	}

	#power-harassment .box .question .question-img {
		width: 13.375vw;
	}

	#power-harassment .box .question h2 {
		font-size: 3.75vw;
		width: 76.625vw;
		margin-left: 2.5vw;
		padding: 3.25vw 3.75vw 3.25vw 12.5vw;
		line-height: 2;
	}

	#power-harassment .box .question h2::before {
		font-size: 5.25vw;
		width: 6.75vw;
		padding: 0.75vw 0 1.25vw 0.5vw;
		left: 2.5vw;
		top: 3.25vw;
	}

	#power-harassment .box .question h2::after {
		border: 1.25vw solid transparent;
		border-right: 4.375vw solid #235091;
		top: 10vw;
		left: -4.5vw;
	}

	#power-harassment .box ul.answer {
		margin: 1.25vw 0 0 0;
		align-items: flex-start;
	}

	#power-harassment .box ul.answer.mt {
		margin-top: 1.25vw;
	}

	#power-harassment .box ul.answer li:first-child {
		width: 78.75vw;
		padding: 2.5vw 1.25vw;
		border: #1d4e89 1.25vw solid;
	}

	#power-harassment .box ul.answer li:first-child::after {
		border: 1.25vw solid transparent;
		border-left: 4.375vw solid #1d4e89;
		top: 8.75vw;
		bottom: inherit;
		right: -5.5vw;
	}

	#power-harassment .box ul.answer li:first-child h3 {
		font-size: 3.75vw;
		padding: 1.25vw 2.5vw 1.25vw 9vw;
		border-radius: 1.5vw;
		line-height: 1.8;
	}

	#power-harassment .box ul.answer li:first-child h3::before {
		font-size: 5.25vw;
		width: 6.75vw;
		padding: 0.75vw 0 1.25vw 0.5vw;
		left: 0.75vw;
		top: 0.75vw;
	}

	#power-harassment .box ul.answer li:first-child p {
		font-size: 3.25vw;
		margin-top: 1.25vw;
		padding: 0 2.5vw;
		line-height: 1.8;
		line-break: normal;
	}

	#power-harassment .box ul.answer li:first-child p span.indent-01 {
		padding-left: 0;
	}

	#power-harassment .box ul.answer li:first-child p span.indent-02 {
		padding-left: 0;
		text-indent: 0;
	}

	#power-harassment .box ul.answer li:first-child p span.indent-03 {
		padding-left: 0;
	}

	#power-harassment .box ul.answer li:last-child {
		width: 11.25vw;
		margin-left: 2.5vw;
	}
}

/********** /power_harassment **********/

/********** privacy_policy **********/
#privacy {
	margin-top: 50px;
	padding-bottom: 150px;
}

#privacy h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
}

#privacy .wrapper {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-weight: normal;
	width: 1400px;
	margin: 0 auto;
}

#privacy .text-01 {
	font-size: 20px;
	margin-top: 80px;
	line-height: 1.6;
}

#privacy h3 {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	background: #235091;
	margin-top: 60px;
	padding: 20px;
}

#privacy .text-02 {
	font-size: 20px;
	margin-top: 20px;
	line-height: 1.6;
}

#privacy h4 {
	font-size: 24px;
	font-weight: normal;
	margin: 30px 0 0 60px;
}

#privacy .text-03 {
	font-size: 20px;
	margin: 20px 0 0 130px;
	line-height: 1.4;
}

#privacy .text-03 span {
	margin-left: 30px;
	display: block;
}

#privacy .data {
	font-size: 20px;
	background: #f0f0f0;
	width: 580px;
	margin-top: 10px;
	padding: 20px 30px;
	line-height: 1.6;
	letter-spacing: 1px;
}

#privacy .data br:nth-of-type(3) {
	display: inline-block;
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#privacy {
		margin-top: 2.5vw;
		padding-bottom: 7.5vw;
	}

	#privacy h2 {
		font-size: 3vw;
	}

	#privacy .wrapper {
		width: 70vw;
	}

	#privacy .text-01 {
		font-size: 1vw;
		margin-top: 4vw;
	}

	#privacy h3 {
		font-size: 1.5vw;
		margin-top: 3vw;
		padding: 1vw;
	}

	#privacy .text-02 {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#privacy h4 {
		font-size: 1.2vw;
		margin: 1.5vw 0 0 3vw;
	}

	#privacy .text-03 {
		font-size: 1vw;
		margin: 1vw 0 0 6.5vw;
	}

	#privacy .text-03 span {
		margin-left: 1.5vw;
	}

	#privacy .data {
		font-size: 1vw;
		width: 29vw;
		margin-top: 0.5vw;
		padding: 1vw 1.5vw;
		letter-spacing: 0.05vw;
	}
}

@media screen and (max-width: 800px) {
	#privacy {
		margin-top: 3.5vw;
		padding-bottom: 10vw;
	}

	#privacy h2 {
		font-size: 8.5vw;
	}

	#privacy .wrapper {
		width: 90%;
	}

	#privacy .text-01 {
		font-size: 3.75vw;
		margin-top: 10vw;
	}

	#privacy h3 {
		font-size: 4.25vw;
		margin-top: 5vw;
		padding: 2.5vw;
	}

	#privacy .text-02 {
		font-size: 3.75vw;
		margin-top: 2.5vw;
	}

	#privacy h4 {
		font-size: 4.25vw;
		font-weight: normal;
		margin: 7.5vw 0 0 0;
	}

	#privacy .text-03 {
		font-size: 3.25vw;
		margin: 3.75vw 0 0 1.25vw;
		line-height: 1.6;
	}

	#privacy .text-03 span {
		margin-left: 10vw;
	}

	#privacy .data {
		font-size: 3.75vw;
		width: 100%;
		margin-top: 1.25vw;
		padding: 5vw;
		letter-spacing: 0.125vw;
	}

	#privacy .data span {
		padding-left: 1.3em;
		display: block;
	}

	#privacy .data br:nth-of-type(3) {
		display: none;
	}
}

/********** /privacy_policy **********/

/********** review **********/
main#review {
	background: none;
	margin-top: 50px;
	padding: 0 0 150px;
}

main#review h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
}

@media screen and (min-width: 801px) {
	main#review h2 {
		line-height: 0.6;
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	main#review {
		margin-top: 2.5vw;
		padding: 0 0 7.5vw;
	}

	main#review h2 {
		font-size: 3vw;
	}
}

@media screen and (max-width: 800px) {
	main#review {
		margin-top: 3.5vw;
		padding: 0 0 10vw;
	}

	main#review h2 {
		font-size: 8.5vw;
	}
}

/********** /review **********/

/********** terms-of-service **********/
#terms-of-service {
	margin-top: 150px;
	padding-bottom: 150px;
}

#terms-of-service h2 {
	font-size: 60px;
	color: #1d4e89;
	margin-bottom: 60px;
	text-align: center;
	line-height: 0.8;
}

#terms-of-service .wrapper {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-weight: normal;
	width: 1400px;
	margin: 0 auto;
}

#terms-of-service .text-01 {
	font-size: 20px;
	margin-top: 20px;
	line-height: 1.4;
	position: relative;
}

#terms-of-service .text-01 span {
	position: absolute;
	right: 60px;
	bottom: -40px;
}

#terms-of-service h3 {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	background: #235091;
	margin-top: 30px;
	padding: 20px;
}

#terms-of-service .text-02 {
	font-size: 20px;
	margin-top: 20px;
	padding-left: 40px;
	text-indent: -2em;
	line-height: 1.6;
}

#terms-of-service h4 {
	font-size: 24px;
	font-weight: normal;
	margin: 30px 0 0 60px;
}

#terms-of-service h4 br {
	display: none;
}

#terms-of-service .text-03 {
	font-size: 20px;
	margin: 10px 0 0 130px;
	line-height: 1.4;
}

#terms-of-service .text-03 span {
	margin-left: 30px;
	display: block;
}

#terms-of-service .text-04 {
	font-size: 18px;
	margin-left: 60px;
	padding-left: 54px;
	text-indent: -3em;
	line-height: 1.4;
}

#terms-of-service .mt {
	margin-top: 10px;
}

#terms-of-service .btn-back {
	background: #1d4e89;
	width: 390px;
	margin: 80px auto 0;
	border: #91a8d1 5px solid;
}

#terms-of-service .btn-back input[type="button"] {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: none;
	width: 100%;
	height: 60px;
	padding-top: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer;
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#terms-of-service {
		margin-top: 7.5vw;
		padding-bottom: 7.5vw;
	}

	#terms-of-service h2 {
		font-size: 3vw;
		margin-bottom: 3vw;
	}

	#terms-of-service .wrapper {
		width: 70vw;
	}

	#terms-of-service .text-01 {
		font-size: 1vw;
		margin-top: 1vw;
	}

	#terms-of-service .text-01 span {
		right: 3vw;
		bottom: -2vw;
	}

	#terms-of-service h3 {
		font-size: 1.5vw;
		margin-top: 1.5vw;
		padding: 1vw;
	}

	#terms-of-service .text-02 {
		font-size: 1vw;
		margin-top: 1vw;
		padding-left: 2vw;
	}

	#terms-of-service h4 {
		font-size: 1.2vw;
		margin: 1.5vw 0 0 3vw;
	}

	#terms-of-service .text-03 {
		font-size: 1vw;
		margin: 0.5vw 0 0 6.5vw;
	}

	#terms-of-service .text-03 span {
		margin-left: 1.5vw;
	}

	#terms-of-service .text-04 {
		font-size: 0.9vw;
		margin-left: 3vw;
		padding-left: 2.7vw;
	}

	#terms-of-service .mt {
		margin-top: 0.5vw;
	}

	#terms-of-service .btn-back {
		width: 19.5vw;
		margin: 4vw auto 0;
		border: #91a8d1 0.25vw solid;
	}

	#terms-of-service .btn-back input[type="button"] {
		font-size: 1vw;
		height: 3vw;
	}
}

@media screen and (max-width: 800px) {
	#terms-of-service {
		margin-top: 12.5vw;
		padding-bottom: 10vw;
	}

	#terms-of-service h2 {
		font-size: 7.5vw;
	}

	#terms-of-service .wrapper {
		width: 90%;
	}

	#terms-of-service .text-01 {
		font-size: 3.75vw;
		margin-top: 2.5vw;
		line-height: 1.8;
	}

	#terms-of-service .text-01 span {
		right: 0;
		bottom: -5vw;
	}

	#terms-of-service h3 {
		font-size: 4.25vw;
		margin-top: 2.5vw;
		padding: 2.5vw;
	}

	#terms-of-service h3 span {
		font-size: 3.125vw;
	}

	#terms-of-service .text-02 {
		font-size: 3.75vw;
		margin-top: 2.5vw;
		padding-left: 0;
		text-indent: 0;
	}

	#terms-of-service h4 {
		font-size: 4.25vw;
		font-weight: normal;
		margin: 2.5vw 0 0 0;
		padding-left: 8.5vw;
		text-indent: -2em;
		line-height: 1.4;
	}

	#terms-of-service h4 br {
		display: inline-block;
	}

	#terms-of-service .text-03 {
		font-size: 3.125vw;
		margin: 2.5vw 0 0 7.5vw;
		line-height: 1.6;
	}

	#terms-of-service .text-03 span {
		margin-left: 0;
	}

	#terms-of-service .text-04 {
		font-size: 3.125vw;
		margin-left: 0;
		padding-left: 0;
		text-indent: 0;
		line-height: 1.6;
	}

	#terms-of-service .mt {
		margin-top: 1.25vw;
	}

	#terms-of-service .btn-back {
		background: url(../images/arrow_01.png) center right 3.75vw no-repeat #1d4e89;
		background-size: 2.75vw 3.5vw;
		width: 95%;
		border: #91a8d1 1.25vw solid;
		margin: 10vw auto 0;
	}

	#terms-of-service .btn-back input[type="button"] {
		font-size: 5.25vw;
		height: 16vw;
	}
}

/********** /terms-of-service **********/

/*footer-nav*/
.f-nav {
	position: relative;
	display: flex;
	font-size: 14px;
	width: 90%;
	margin: 0 auto;
	justify-content: center;
	border-bottom: solid 2px #ccc;
	padding-bottom: 1em;
}

.f-nav li {
	margin: 0 1em;
}

.f-nav li a {
	color: #000;
}

@media screen and (max-width: 800px) {
	.f-nav {
		width: 96%;
		padding-bottom: 1em;
		flex-direction: column;
	}

	.f-nav li {
		margin: 0 1em;
	}

	.f-nav li a {
		color: #000;
		display: block;
		padding: 1em 0;
		border-bottom: solid #ccc 1px;
	}
}

/*-- top youtube box --*/
.youtube-box {
	max-width: 980px;
	margin: 0 auto;
	width: 96%;
}

.youtube-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube-inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/********** hearing(slider) **********/
#hearing.new .num {
	font-size: 14px;
	width: 90%;
	max-width: 1200px;
	margin: 6px auto 3px;
}

#hearing.new .pagination-box {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	align-items: center;
}

#hearing.new .btn {
	display: block;
	padding: 16px 0px;
	background-color: #235091;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	margin: 0 10px;
	cursor: pointer;
	min-width: 130px;
	text-align: center;
}

#hearing.new .btn-red {
	background-color: #f00;
}

#hearing.new .btn-line {
	display: block;
	padding: 16px 0px;
	background-color: #2cc63d;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	margin: 0 10px;
	cursor: pointer;
	min-width: 130px;
	text-align: center;
}

#hearing.new .submit-btn {
	float: right;
	display: block;
	padding: 12px 10px;
	background-color: #23915d;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	margin: 0 10px;
	cursor: pointer;
	min-width: 130px;
	text-align: center;
	border: none;
}

#hearing.new form {
	max-width: 1400px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

#hearing.new #slider {
	width: 96%;
	max-width: 1140px;
	height: 840px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
}

#hearing.new #slider ul li {
	width: 100%;
	height: 840px;
}

#hearing.new #slider ul li>p a {
	color: #000;
	text-decoration: underline;
	font-size: 16px;
}

@media screen and (max-width: 800px) {
	#hearing.new #slider {
		height: 1600px;
	}

	#hearing.new #slider ul li {
		width: 100%;
		height: 1600px;
	}
}

#hearing.new #slider ul li .bar {
	width: 90%;
	height: 14px;
	border-radius: 40px;
	margin: 0 auto;
	background-color: #eaeaea;
	max-width: 1200px;
}

#hearing.new #slider ul li .bar .inner {
	background: #002b72;
	height: 14px;
	border-radius: 40px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin-left: -12px !important;
	margin-top: -12px !important;
}

.ui-widget-header .ui-icon {
	background-size: 384px 360px;
}

.ui-icon-circle-triangle-e {
	background-position: -72px -288px !important;
}

.ui-icon-circle-triangle-w {
	background-position: -120px -288px !important;
}

.ui-icon {
	width: 24px !important;
	height: 24px !important;
}

#hearing.new form .ex {
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
	background-color: #e8e8e8;
	padding: 0.4em;
	font-weight: bold;
}

#hearing.new form .sample {
	margin: 16px 0;
	display: flex;
	justify-content: center;
	gap: 0 30px;
}

#hearing.new form .sample .one-box p {
	font-size: 14px;
}

#hearing.new form .sample .one-box div {
	width: 260px;
	margin-top: 10px;
}

#hearing.new form .sample .one-box div img {
	width: 100%;
	border: solid 1px #ccc;
}

@media screen and (max-width: 800px) {
	#hearing.new form .ex {
		font-size: 3.5vw;
		margin-top: 3.75vw;
	}

	#hearing.new form .sample {
		margin: 3.75vw 0;
		gap: 3.75vw 0;
		/*flex-wrap: wrap;*/
	}

	/*
	#hearing.new form .sample .one-box:last-child {
		margin-top: 2.5vw;
	}
*/
	#hearing.new form .sample .one-box p {
		font-size: 3.75vw;
	}

	#hearing.new form .sample .one-box div {
		width: 100%;
		/*margin: 2.5vw auto 0;*/
	}

	/*
	#hearing.new form .sample .one-box div img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}
*/
}

/********** calender **********/
#calender {
	padding: 100px 0;
}

#calender h2 {
	font-size: 30px;
	font-weight: bold;
	color: #1d4e89;
	text-align: center;
	letter-spacing: 0.1em;
}

#calender .mark {
	background: #f2f2f2;
	width: 100%;
	max-width: 540px;
	margin: 15px auto 0;
	display: flex;
	justify-content: center;
	gap: 0 20px;
}

#calender .mark li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.667;
}

#calender .mark li:first-child {
	line-height: 0.65;
}

#calender .mark li span {
	font-size: 18px;
}

#calender .mark li:first-child span {
	font-size: 30px;
	color: #fe0505;
	position: relative;
	top: 4px;
}

#calender .mark li:nth-child(2) span {
	color: #e78505;
	text-shadow: 0.4px 0.4px 0, 0.4px -0.4px 0, -0.4px 0.4px 0, -0.4px -0.4px 0,
		0.4px 0 0, 0 0.4px 0, -0.4px 0 0, 0 -0.4px 0;
	letter-spacing: 1px;
}

#calender .mark li:last-child span {
	color: #0ac343;
}

#calender .attention {
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

#calender .week {
	background: #1d4e89;
	width: 100%;
	max-width: 1100px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}

#calender .week li {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 3.143;
}

#calender .week .prev,
#calender .week .next {
	width: 33px;
}

#calender .week .prev a,
#calender .week .next a {
	height: 100%;
	padding: 0 10px;
	display: flex;
	align-items: center;
}

#calender .wrap {
	width: 100%;
	overflow-x: auto;
}

#calender .wrap ul {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #282828;
	width: 100%;
	max-width: 1100px;
	min-width: 650px;
	margin: 15px auto 0;
	display: flex;
	flex-wrap: wrap;
}

#calender .wrap ul li {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	line-height: 1.2;
}

#calender .wrap ul li p {
	background: #edf6fd;
	width: 11%;
	border: #282828 1px solid;
}

#calender .wrap ul li:first-child p {
	padding: 15px 5px;
}

#calender .wrap ul li:first-child p:first-child {
	background: #f2f2f2;
	line-height: 2.2;
}

#calender .wrap ul li:nth-child(n + 2) p {
	padding: 15px 5px;
	border-top: none;
}

#calender .wrap ul li:nth-child(n + 2) p:first-child {
	background: #f2f2f2;
	line-height: 1.5;
}

#calender .wrap ul li:nth-child(n + 2) p:nth-child(n + 2) {
	background: #fff;
}

#calender .wrap ul li p:first-child {
	font-size: 14px;
	color: #282828;
	width: 23%;
}

#calender .wrap ul li p:nth-child(n + 2) {
	border-left: none;
}

#calender .wrap ul li:nth-child(n + 2) {
	font-size: 18px;
	color: #0ac343;
}

#calender .wrap ul li p.not {
	font-size: 22px;
	color: #fe0505;
	line-height: 0.9;
}

#calender .wrap ul li p.little-left {
	color: #e78505;
	text-shadow: 0.4px 0.4px 0, 0.4px -0.4px 0, -0.4px 0.4px 0, -0.4px -0.4px 0,
		0.4px 0 0, 0 0.4px 0, -0.4px 0 0, 0 -0.4px 0;
	letter-spacing: 1px;
}

#calender .wrap ul li p.sat {
	color: #1d4e89;
	background: #d1e4f2;
}

#calender .wrap ul li p.sun {
	color: #89341d;
	background: #f9e0e6;
}

@media screen and (max-width: 800px) {
	#calender {
		padding: 12.5vw 0;
	}

	#calender h2 {
		font-size: 7vw;
	}

	#calender .mark li:first-child span {
		top: 2px;
	}

	#calender .wrap ul li:first-child p {
		padding: 2.5vw 1.25vw;
	}

	#calender ul li p:first-child {
		position: sticky;
		left: 0;
	}

	#calender ul li p:first-child::before {
		content: "";
		width: 100%;
		height: 100%;
		border: #282828 1px solid;
		position: absolute;
		top: -1px;
		left: -1px;
	}
}

/******* テレビ出演情報 *******/
#tv {
	margin-top: 50px;

	h2 {
		font-size: 60px;
		color: #1d4e89;
		text-align: center;
		letter-spacing: 0.1em;
	}

	.box {
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
			sans-serif;
		width: 1200px;
		height: 980px;
		margin: 40px auto 0;
		padding: 20px 200px 50px;
		border: #1d4e89 3px solid;
		overflow-y: auto;

		h3 {
			font-size: 28px;
			font-weight: normal;
			color: #fff;
			background: #1d4e89;
			margin-top: 30px;
			text-align: center;
			line-height: 1.429;
		}

		.one-box {
			padding: 30px 10px 20px 50px;
			border-bottom: #1d4e89 1px dashed;
			display: flex;
			align-items: center;
			gap: 0 30px;

			.info a {
				color: #1d4e89;

				.date {
					font-size: 18px;
					font-weight: normal;
					display: block;
				}

				.text {
					font-size: 24px;
					font-weight: normal;
					line-height: 1.6;
					letter-spacing: -0.025em;
					display: block;
				}
			}

			.info a:hover .text {
				text-decoration: underline;
				text-underline-offset: 3px;
			}
		}
	}
}

@media screen and (min-width: 801px) and (max-width: 2000px) {
	#tv {
		margin-top: 2.5vw;

		h2 {
			font-size: 3vw;
		}

		.box {
			width: 60vw;
			height: 49vw;
			margin: 2vw auto 0;
			padding: 1vw 10vw 2.5vw;
			border: #1d4e89 0.15vw solid;

			h3 {
				font-size: 1.4vw;
				margin-top: 1.5vw;
			}

			.one-box {
				padding: 1.5vw 0.5vw 1vw 2.5vw;
				gap: 0 1.5vw;

				.thumb img {
					width: 9vw;
				}

				.info a {
					.date {
						font-size: 0.9vw;
					}

					.text {
						font-size: 1.2vw;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 800px) {
	#tv {
		margin-top: 7.5vw;

		h2 {
			font-size: 8.5vw;
		}

		.box {
			width: 95vw;
			height: 135vw;
			margin: 10vw auto 0;
			padding: 3.75vw 5vw 7.5vw;
			border: #1d4e89 0.75vw solid;

			h3 {
				font-size: 4.25vw;
				margin-top: 3.75vw;
				line-height: 1.824;
			}

			.one-box {
				padding: 5vw 1.25vw 3.75vw;
				border-bottom: #1d4e89 0.25vw dashed;
				align-items: flex-start;
				gap: 0 2.5vw;

				.thumb img {
					width: 25.5vw;
				}

				.info a {
					.date {
						font-size: 4.25vw;
					}

					.text {
						font-size: 4.75vw;
						margin-top: 1.25vw;
						line-height: 1.2;
					}
				}
			}
		}
	}
}

/******* キャンペーンページ *******/
#campaign {
	margin-top: 50px;
	padding-bottom: 150px;
}

#campaign .wrapper {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
		sans-serif;
	font-weight: normal;
	width: 1000px;
	margin: 0 auto;
}

#campaign h2 {
	font-size: 60px;
	color: #1d4e89;
	text-align: center;
	line-height: 0.8;
	letter-spacing: 0.1em;
}

#campaign .image {
	width: 100%;
	margin: 40px auto 0;
}

#campaign .image img {
	width: 100%;
}

#campaign h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #235091;
	margin-top: 60px;
	padding: 10px 15px;
}

#campaign .text-01 {
	font-size: 16px;
	margin-top: 20px;
	padding: 0 10px;
	line-height: 1.6;
}

#campaign .text-01 span {
	color: #f00;
}

#campaign .text-02 {
	font-size: 14px;
	margin-top: 5px;
	padding: 0 10px;
	line-height: 1.4;
}

#campaign .text-02 span {
	font-size: 18px;
	color: #f00;
	font-weight: bold;
}

#campaign .text-03 {
	font-size: 14px;
	margin: 25px 10px 0;
	padding-bottom: 10px;
	border-bottom: #000 1px dotted;
	line-height: 1.6;
}

#campaign .btn-line a {
	font-size: 20px;
	color: #fff;
	background: url(../images/arrow_01.png) center right 20px no-repeat #169617;
	background-size: 12px 12px;
	width: 330px;
	margin: 60px auto 0;
	border: #bede9c 5px solid;
	text-align: center;
	line-height: 3.35;
	display: block;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#campaign {
		margin-top: 4.167vw;
		padding-bottom: 12.5vw;
	}

	#campaign .wrapper {
		width: 83.333vw;
	}

	#campaign h2 {
		font-size: 5vw;
	}

	#campaign .image {
		margin: 3.333vw auto 0;
	}

	#campaign h3 {
		font-size: 1.333vw;
		margin-top: 5vw;
		padding: 0.833vw 1.25vw;
	}

	#campaign .text-01 {
		font-size: 1.167vw;
		margin-top: 1.667vw;
		padding: 0 0.833vw;
	}

	#campaign .text-02 {
		font-size: 1.167vw;
		margin-top: 0.417vw;
		padding: 0 0.833vw;
	}

	#campaign .text-02 span {
		font-size: 1.5vw;
	}

	#campaign .text-03 {
		font-size: 1.167vw;
		margin: 2.083vw 0.833vw 0;
		padding-bottom: 0.833vw;
	}

	#campaign .btn-line a {
		font-size: 1.667vw;
		background: url(../images/arrow_01.png) center right 1.667vw no-repeat #169617;
		background-size: 1vw 1vw;
		width: 27.5vw;
		margin: 5vw auto 0;
		border: #bede9c 0.417vw solid;
	}
}

@media screen and (max-width: 800px) {
	#campaign {
		margin-top: 3.5vw;
		padding-bottom: 10vw;
	}

	#campaign .wrapper {
		width: 96%;
	}

	#campaign h2 {
		font-size: 8vw;
	}

	#campaign .image {
		margin: 7.5vw auto 0;
	}

	#campaign h3 {
		font-size: 3.5vw;
		margin-top: 7.5vw;
		padding: 2vw 1.875vw;
	}

	#campaign .text-01 {
		font-size: 3.6vw;
		margin-top: 2.5vw;
		padding: 0 1.25vw;
	}

	#campaign .text-02 {
		font-size: 3.5vw;
		margin-top: 1.25vw;
		padding: 0 1.25vw;
	}

	#campaign .text-02 span {
		font-size: 4.5vw;
	}

	#campaign .text-03 {
		font-size: 3.5vw;
		margin: 3.75vw 1.25vw 0;
		padding-bottom: 1.875vw;
		border-bottom: #000 1px dotted;
	}

	#campaign .btn-line a {
		font-size: 4vw;
		background: url(../images/arrow_01.png) center right 6.25vw no-repeat #169617;
		background-size: 3.5vw 4.25vw;
		width: 70vw;
		margin: 10vw auto 0;
		border: #bede9c 1vw solid;
		line-height: 3.5;
	}
}

/******* ヒアリングフォーム コンビニ後払い追加 *******/
#hearing.new form .deferred_payment {
	p {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 2;
	}

	div {
		text-align: center;

		label {
			font-size: 15px;
			line-height: 2;
		}

		label::before {
			border: #235091 3px solid !important;
		}
	}

	ul li {
		font-size: 18px;
		color: #f00;
		margin-top: 0 !important;
		text-align: center;
	}
}

@media (800px < width <=2000px) {
	#hearing.new form .deferred_payment {
		ul li {
			font-size: 0.9vw;
		}
	}
}

@media (width <=800px) {
	#hearing.new form .deferred_payment {
		div {
			label {
				font-size: 16px;
			}
		}

		ul li {
			font-size: 3.25vw;
		}
	}
}

/******* salary_negotiation *******/
#salary-negotiation {
	header .tel {
		margin-left: auto;
	}

	main section {
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;

		#first-view {
			background: linear-gradient(to bottom, #005edf, #54bced);

			.wrapper {
				width: 100%;
				max-width: 1000px;
				margin: 0 auto;
				padding-top: 50px;
				text-align: center;
				position: relative;

				.people {
					width: 326px;
					margin-left: auto;

					img {
						width: 100%;
					}
				}

				.people#animate {
					animation-duration: 1.5s;
					animation-delay: 0.5s;
				}

				.box {
					position: absolute;
					left: 40px;
					top: 30px;

					.text-01#animate {
						animation-duration: 1s;
						animation-delay: 1s;
					}

					.text-02 {
						margin-top: 10px;
					}

					.text-02#animate {
						animation-duration: 1s;
						animation-delay: 1.25s;
					}

					.text-03 {
						margin-top: 15px;
					}

					.text-03#animate {
						animation-duration: 1s;
						animation-delay: 1.5s;
					}

					.text-04 {
						margin-top: 15px;
					}
				}
			}
		}

		#prologue {
			width: 100%;
			max-width: 1000px;
			margin: 40px auto 0;

			p {
				font-size: 30px;
				text-align: center;
			}

			.image-01 {
				width: 506px;
				margin: 20px 0 0 350px;

				img {
					width: 100%;
				}
			}

			.image-02 {
				width: 506px;
				margin: -10px 0 0 140px;

				img {
					width: 100%;
				}
			}

			h2 {
				margin-top: 40px;
				text-align: center;
			}

			.table-of-contents {
				background: #efefef;
				margin-top: 40px;
				padding: 50px 60px;

				h3 {
					font-size: 20px;
					text-align: center;
				}

				h4 {
					font-size: 16px;
					margin-top: 40px;
				}

				ol {
					margin-top: 30px;

					li {
						font-size: 16px;

						a {
							color: #000;
						}

						a:hover {
							text-decoration: underline;
						}
					}

					li:nth-child(n+2) {
						margin-top: 20px;
					}
				}
			}
		}

		.point {
			width: 100%;
			max-width: 1000px;
			background: #dfe8ef;
			margin: 60px auto 0;
			padding: 50px;

			h3 {
				font-size: 30px;
			}

			h3 > span {
				font-size: 14px;
				background: #fff;
				width: 82px;
				height: 82px;
				margin-right: 15px;
				padding-top: 15px;
				border-radius: 50%;
				text-align: center;
				vertical-align: sub;
				display: inline-block;

				span {
					font-size: 40px;
					font-weight: bold;
					display: block;
				}
			}

			ul {
				margin-top: 50px;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 0 20px;

				li {
					h4 {
						font-size: 24px;
						font-weight: bold;
						border-radius: 35px;
						text-align: center;
						line-height: 2.917;
					}

					div {
						text-align: center;
					}

					p {
						font-size: 18px;
						text-align: center;
					}
				}

				li:first-child {
					background: #fff;
					width: 400px;
					height: 390px;
					padding: 20px;
					border-radius: 20px;

					h4 {
						background: #d6d6d6;
					}

					div {
						margin-top: 20px;
					}

					p {
						margin-top: 30px;
					}
				}

				li:last-child {
					background: #fff;
					width: 400px;
					height: 390px;
					padding: 20px;
					border-radius: 20px;

					h4 {
						color: #fff;
						background: #0665e0;
					}

					div {
						margin-top: 15px;
					}

					p {
						margin-top: 10px;
					}
				}
			}
			
			.worries {
				margin-top: 50px;

				h4 {
					font-size: 24px;
					color: #fff;
					background: #0665e0;
					width: 700px;
					margin: 0 auto;
					border-radius: 35px;
					text-align: center;
					line-height: 2.917;
					position: relative;
					z-index: 2;
				}

				.box {
					background: #fff;
					margin-top: -35px;
					padding: 65px 50px 30px;
					border-radius: 20px 20px 0 0;
					position: relative;

					p {
						font-size: 18px;
						font-weight: normal;
						display: flex;
						align-items: center;
						gap: 0 20px;

						svg {
							filter: brightness(0) saturate(100%) invert(51%) sepia(92%) saturate(345%) hue-rotate(148deg) brightness(84%) contrast(94%);
						}
					}

					p:nth-child(n+2) {
						margin-top: 10px;
					}
				}

				.box::after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-right: 450px solid transparent;
					border-left: 450px solid transparent;
					border-top: 64px solid #fff;
					border-bottom: 0;
					position: absolute;
					left: 0;
					bottom: -64px;
				}
			}

			.lawyer {
				font-size: 30px;
				margin-top: 100px;
				text-align: center;
			}

			.text {
				font-size: 18px;
				background: #fff;
				height: 140px;
				margin-top: 40px;
				padding: 0 30px;
				border-radius: 20px;
				line-height: 2;
				align-content: center;

				span {
					color: #ff0024;
				}
			}
		}

		#point-02 ul {
			li:first-child div {
				margin-top: 40px;
			}

			li:last-child p {
				margin-top: 15px;
			}
		}

		#point-03 ul {
			li:last-child div {
				margin-top: 20px;
			}

			li:last-child p {
				margin-top: 25px;
			}
		}

		#point-04 ul {
			li:first-child div {
				margin-top: 30px;
			}

			li:first-child p {
				margin-top: 40px;
			}

			li:last-child div {
				margin-top: 25px;
			}

			li:last-child p {
				margin-top: 30px;
			}
		}

		#point-05 ul {
			li:last-child div {
				margin-top: 20px;
			}

			li:last-child p {
				margin-top: 25px;
			}
		}

		#point-06 {
			ul {
				li:last-child div {
					margin-top: 20px;
				}

				li:last-child p {
					margin-top: 20px;
				}
			}

			.text {
				height: auto !important;
				padding: 40px 30px !important;

				dl {
					margin-top: 20px;

					dt {
						font-size: 18px;
						background: #e9e9e9;
						padding: 0 15px;
						line-height: 2.222;
					}

					dt:nth-of-type(n+2) {
						margin-top: 20px;
					}

					dd {
						font-size: 18px;
						margin-top: 15px;
						padding: 0 15px;
					}
				}
			}
		}

		#point-07 ul {
			li:first-child p {
				margin-top: 40px;
			}

			li:last-child div {
				margin-top: 50px;
			}

			li:last-child p {
				margin-top: 45px;
			}
		}

		#summary {
			background: #dfe8ef;
			width: 100%;
			max-width: 1000px;
			margin: 60px auto 0;
			padding: 80px 50px;

			h3 {
				font-size: 30px;
			}

			div {
				margin-top: 30px;
				text-align: center;
			}

			.text-01 {
				font-size: 18px;
				background: #fff;
				margin-top: 50px;
				padding: 0 40px;
				border-radius: 20px;
				line-height: 5.833;
			}

			.text-02 {
				font-size: 18px;
				background: #fff;
				margin-top: 30px;
				padding: 0 40px;
				border-radius: 20px;
				line-height: 5.833;
			}

			.text-03 {
				font-size: 16px;
				font-weight: normal;
				margin-top: 40px;
				padding: 0 50px;
				line-height: 1.8;
			}
		}

		#flow {
			margin-top: 100px;

			h2 {
				font-size: 40px;
				text-align: center;
			}

			.flow {
				background: #dfe8ef;
				width: 100%;
				max-width: 1000px;
				margin: 40px auto 0;
				padding: 50px;
				position: relative;

				h3 {
					font-size: 30px;
				}
	
				h3 > span {
					font-size: 14px;
					background: #fff;
					width: 82px;
					height: 82px;
					margin-right: 15px;
					padding-top: 15px;
					border-radius: 50%;
					text-align: center;
					vertical-align: sub;
					display: inline-block;
	
					span {
						font-size: 40px;
						font-weight: bold;
						display: block;
					}
				}

				.box {
					background: #fff;
					margin-top: 50px;
					padding: 40px;
					border-radius: 20px;

					.image {
						width: 232px;
						margin: 0 auto;

						img {
							width: 100%;
						}
					}

					p {
						font-size: 18px;
						margin-top: 40px;
						line-height: 2;

						span {
							color: #f00;
						}
					}

					.btn-line a {
						font-size: 18px;
						color: #fff;
						background: #78c752;
						width: 332px;
						margin: 40px auto 0;
						text-align: center;
						line-height: 3.389;
						display: block;
					}
				}
			}

			.flow::after {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-right: 500px solid transparent;
				border-left: 500px solid transparent;
				border-top: 50px solid #dfe8ef;
				border-bottom: 0;
				position: absolute;
				left: 0;
				bottom: -50px;
			}

			.flow:nth-of-type(n+2) {
				margin-top: 100px;
			}

			#flow-02 .box .image {
				width: 267px;
			}

			#flow-03 .box .image {
				width: 183px;
			}

			#flow-04 .box .image {
				width: 364px;
			}

			#flow-05 .box .image {
				width: 191px;
			}
		}

		#new-stage {
			background: #dfe8ef;
			width: 100%;
			max-width: 1000px;
			margin: 100px auto 0;
			padding: 70px 50px 50px;
			position: relative;

			h3 {
				text-align: center;
			}

			.box {
				background: #fff;
				margin-top: 15px;
				padding: 40px;
				border-radius: 20px;

				p {
					font-size: 18px;
					line-height: 2;

					span {
						color: #f00;
					}
				}

				.image {
					margin-top: 30px;

					img {
						width: 100%;
					}
				}
			}
		}

		#new-stage::after {
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-right: 500px solid transparent;
			border-left: 500px solid transparent;
			border-top: 50px solid #dfe8ef;
			border-bottom: 0;
			position: absolute;
			left: 0;
			bottom: -50px;
		}

		#line_contact {
			margin: 150px 0;
			text-align: center;

			p {
				font-size: 30px;
				margin-bottom: 40px;
			}
		}
	}
}

@media (800px < width <= 1000px) {
	#salary-negotiation {
		main section {
			#first-view {
				.wrapper {
					padding-top: 5vw;
	
					.people {
						width: 32.6vw;
					}
	
					.box {
						left: 4vw;
						top: 3vw;

						.text-01 img {
							width: 29.8vw;
						}
	
						.text-02 {
							margin-top: 1vw;

							img {
								width: 59.4vw;
							}
						}
	
						.text-03 {
							margin-top: 1.5vw;

							img {
								width: 61.5vw;
							}
						}
	
						.text-04 {
							margin-top: 1.5vw;

							img {
								width: 60.9vw;
							}
						}
					}
				}
			}
	
			#prologue {
				margin: 4vw auto 0;
	
				p {
					font-size: 3vw;
				}
	
				.image-01 {
					width: 50.6vw;
					margin: 2vw 0 0 35vw;
				}
	
				.image-02 {
					width: 50.6vw;
					margin: -1vw 0 0 14vw;
				}
	
				h2 {
					margin-top: 4vw;

					img {
						width: 90.6vw;
					}
				}
	
				.table-of-contents {
					margin-top: 4vw;
					padding: 5vw 6vw;
	
					h3 {
						font-size: 2vw;
					}

					h4 {
						font-size: 1.6vw;
						margin-top: 4vw;
					}
	
					ol {
						margin-top: 3vw;
	
						li {
							font-size: 1.6vw;
						}
	
						li:nth-child(n+2) {
							margin-top: 2vw;
						}
					}
				}
			}
	
			.point {
				margin: 6vw auto 0;
				padding: 5vw;
	
				h3 {
					font-size: 3vw;
				}
	
				h3 > span {
					width: 8.2vw;
					height: 8.2vw;
					margin-right: 1.5vw;
					padding-top: 1.5vw;
	
					span {
						font-size: 4vw;
					}
				}
	
				ul {
					margin-top: 5vw;
					gap: 0 2vw;
	
					li {
						h4 {
							font-size: 2.4vw;
							border-radius: 3.5vw;
						}
	
						p {
							font-size: 1.8vw;
						}
					}
	
					li:first-child {
						width: 40vw;
						height: 39vw;
						padding: 2vw;
						border-radius: 2vw;
	
						div {
							margin-top: 2vw;
						}
	
						p {
							margin-top: 3vw;
						}
					}

					li:nth-child(2) img {
						width: 5.1vw;
					}
	
					li:last-child {
						width: 40vw;
						height: 39vw;
						padding: 2vw;
						border-radius: 2vw;
	
						div {
							margin-top: 1.5vw;
						}
	
						p {
							margin-top: 1vw;
						}
					}
				}
				
				.worries {
					margin-top: 5vw;
	
					h4 {
						font-size: 2.4vw;
						width: 70vw;
						border-radius: 3.5vw;
					}
	
					.box {
						margin-top: -3.5vw;
						padding: 6.5vw 5vw 3vw;
						border-radius: 2vw 2vw 0 0;

						p {
							font-size: 1.8vw;
							gap: 0 2vw;
						}

						p:nth-child(n+2) {
							margin-top: 1vw;
						}
					}
	
					.box::after {
						border-right: 45vw solid transparent;
						border-left: 45vw solid transparent;
						border-top: 6.4vw solid #fff;
						bottom: -6.4vw;
					}
				}
	
				.lawyer {
					font-size: 3vw;
					margin-top: 10vw;
				}
	
				.text {
					font-size: 1.8vw;
					height: 14vw;
					margin-top: 4vw;
					padding: 0 3vw;
					border-radius: 2vw;
				}
			}
	
			#point-01 ul {
				li:first-child div img {
					width: 16vw;
				}
	
				li:last-child div img {
					width: 29.2vw;
				}
			}
	
			#point-02 ul {
				li:first-child div {
					margin-top: 4vw;
	
					img {
						width: 22vw;
					}
				}
	
				li:last-child div img {
					width: 16.2vw;
				}
	
				li:last-child p {
					margin-top: 1.5vw;
				}
			}
	
			#point-03 ul {
				li:first-child div img {
					width: 22.4vw;
				}
	
				li:last-child div {
					margin-top: 2vw;
	
					img {
						width: 20.6vw;
					}
				}
	
				li:last-child p {
					margin-top: 2.5vw;
				}
			}
	
			#point-04 ul {
				li:first-child div {
					margin-top: 3vw;
	
					img {
						width: 14.2vw;
					}
				}
	
				li:first-child p {
					margin-top: 4vw;
				}
	
				li:last-child div {
					margin-top: 2.5vw;
	
					img {
						width: 16.9vw;
					}
				}
	
				li:last-child p {
					margin-top: 3vw;
				}
			}
	
			#point-05 ul {
				li:first-child div img {
					width: 15.7vw;
				}
	
				li:last-child div {
					margin-top: 2vw;
	
					img {
						width: 22.6vw;
					}
				}
	
				li:last-child p {
					margin-top: 2.5vw;
				}
			}
	
			#point-06 {
				ul {
					li:first-child div img {
						width: 12.9vw;
					}

					li:last-child div {
						margin-top: 2vw;

						img {
							width: 22.3vw;
						}
					}

					li:last-child p {
						margin-top: 2vw;
					}
				}

				.text {
					padding: 4vw 3vw !important;
	
					dl {
						margin-top: 2vw;
	
						dt {
							font-size: 1.8vw;
							padding: 0 1.5vw;
						}
	
						dt:nth-of-type(n+2) {
							margin-top: 2vw;
						}
	
						dd {
							font-size: 1.8vw;
							margin-top: 1.5vw;
							padding: 0 1.5vw;
						}
					}
				}
			}
	
			#point-07 ul {
				li:first-child div img {
					width: 24.4vw;
				}
	
				li:first-child p {
					margin-top: 4vw;
				}
	
				li:last-child div {
					margin-top: 5vw;
	
					img {
						width: 26.7vw;
					}
				}
	
				li:last-child p {
					margin-top: 4.5vw;
				}
			}
	
			#summary {
				margin: 6vw auto 0;
				padding: 8vw 5vw;
	
				h3 {
					font-size: 3vw;
				}

				div {
					margin-top: 3vw;

					img {
						width: 59.4vw;
					}
				}
	
				.text-01 {
					font-size: 1.8vw;
					margin-top: 5vw;
					padding: 0 4vw;
					border-radius: 2vw;
				}
	
				.text-02 {
					font-size: 1.8vw;
					margin-top: 3vw;
					padding: 0 4vw;
					border-radius: 2vw;
				}
	
				.text-03 {
					font-size: 1.6vw;
					margin-top: 4vw;
					padding: 0 5vw;
				}
			}

			#flow {
				margin-top: 10vw;
	
				h2 {
					font-size: 4vw;
				}
	
				.flow {
					margin: 4vw auto 0;
					padding: 5vw;
	
					h3 {
						font-size: 3vw;
					}
		
					h3 > span {
						font-size: 1.4vw;
						width: 8.2vw;
						height: 8.2vw;
						margin-right: 1.5vw;
						padding-top: 1.5vw;
		
						span {
							font-size: 4vw;
						}
					}
	
					.box {
						margin-top: 5vw;
						padding: 4vw;
						border-radius: 2vw;
	
						.image {
							width: 23.2vw;
						}
	
						p {
							font-size: 1.8vw;
							margin-top: 4vw;
						}
	
						.btn-line a {
							font-size: 1.8vw;
							width:  33.2vw;
							margin: 4vw auto 0;
						}
					}
				}
	
				.flow::after {
					border-right: 50vw solid transparent;
					border-left: 50vw solid transparent;
					border-top: 5vw solid #dfe8ef;
					bottom: -5vw;
				}
	
				.flow:nth-of-type(n+2) {
					margin-top: 10vw;
				}
	
				#flow-02 .box .image {
					width: 26.7vw;
				}
	
				#flow-03 .box .image {
					width: 18.3vw;
				}
	
				#flow-04 .box .image {
					width: 36.4vw;
				}
	
				#flow-05 .box .image {
					width: 19.1vw;
				}
			}
	
			#new-stage {
				margin: 10vw auto 0;
				padding: 7vw 5vw 5vw;

				h3 img {
					width: 55.8vw;
				}
	
				.box {
					margin-top: 1.5vw;
					padding: 4vw;
					border-radius: 2vw;
	
					p {
						font-size: 1.8vw;
					}
	
					.image {
						margin-top: 3vw;
					}
				}
			}
	
			#new-stage::after {
				border-right: 50vw solid transparent;
				border-left: 50vw solid transparent;
				border-top: 5vw solid #dfe8ef;
				bottom: -5vw;
			}
	
			#line_contact {
				margin: 15vw 0;

				p {
					font-size: 3vw;
					margin-bottom: 4vw;
				}

				a img {
					width: 64vw;
				}
			}
		}
	}
}

@media (width <= 800px) {
	#salary-negotiation {
		main section {
			#first-view {
				.wrapper {
					padding-top: 78.75vw;
					text-align: left;
	
					.people {
						width: 35.25vw;
						margin: 0 3.75vw 0 auto;
					}
	
					.box {
						left: 2.5vw;
						top: 10vw;

						.text-01 {
							text-align: center;

							img {
								width: 71.375vw;
							}
						}
	
						.text-02 {
							margin-top: 3.75vw;
							text-align: center;

							img {
								width: 96.5vw;
							}
						}
	
						.text-03 {
							margin-top: 2.5vw;
							text-align: center;

							img {
								width: 93vw;
							}
						}
	
						.text-04 {
							margin-top: 12.5vw;

							img {
								width: 61.5vw;
							}
						}
					}
				}
			}
	
			#prologue {
				margin: 10vw auto 0;
	
				p {
					font-size: 4.5vw;
					text-align: center;
				}
	
				.image-01 {
					width: 80.125vw;
					margin: 5vw 5vw 0 auto;
				}
	
				.image-02 {
					width: 80.125vw;
					margin: 2.5vw 0 0 5vw;
				}
	
				h2 {
					width: 90.75vw;
					margin: 10vw auto 0;

					img {
						width: 100%;
					}
				}
	
				.table-of-contents {
					width: 95vw;
					margin: 7.5vw auto 0;
					padding: 6.25vw 7.5vw;
	
					h3 {
						font-size: 3.75vw;
					}
	
					ol {
						margin-top: 7.5vw;
	
						li {
							font-size: 3.75vw;
							font-weight: bold;
						}
	
						li:nth-child(n+2) {
							margin-top: 6.25vw;
						}
					}
				}
			}
	
			.point {
				width: 95vw;
				margin: 10vw auto 0;
				padding: 7.5vw 5vw;
	
				h3 {
					font-size: 5vw;
				}
	
				h3 > span {
					font-size: 3.25vw;
					width: 16.25vw;
					height: 16.25vw;
					margin-right: 2.5vw;
					padding-top: 2.625vw;
					line-height: 1.1;
					vertical-align: middle;
	
					span {
						font-size: 9.25vw;
					}
				}
	
				ul {
					margin-top: 5vw;
					gap: 0;
	
					li {
						h4 {
							font-size: 4vw;
							width: 35vw;
							margin: 0 auto;
							border-radius: 4.375vw;
							line-height: 2.188;
						}

						p {
							font-size: 3.5vw;
						}
					}
	
					li:first-child {
						width: 41.5vw;
						height: 52.5vw;
						padding: 2.5vw 1.25vw 5vw;
						border-radius: 2.5vw;
	
						div {
							margin-top: 2.5vw;
						}
	
						p {
							margin-top: 5vw;
						}
					}

					li:nth-child(2) {
						margin-left: -1.25vw;
						position: relative;
						z-index: 2;

						img {
							width: 6.375vw;
						}
					}
	
					li:last-child {
						width: 41.5vw;
						height: 52.5vw;
						margin-left: -1.25vw;
						padding: 2.5vw 1.25vw 5vw;
						border-radius: 2.5vw;
	
						div {
							margin-top: 1.25vw;
						}
	
						p {
							margin-top: 3.75vw;
						}
					}
				}
				
				.worries {
					margin-top: 5vw;
	
					h4 {
						font-size: 4vw;
						width: 67.125vw;
						border-radius: 5vw;
						line-height: 2.563;
					}
	
					.box {
						width: 84.75vw;
						margin: -5.125vw auto 0;
						padding: 10vw 2.5vw 2.5vw 5vw;
						border-radius: 2.5vw 2.5vw 0 0;

						p {
							font-size: 3.75vw;
							align-items: flex-start;
							gap: 0 1.25vw;
							line-height: 1.4;
						}

						p:nth-child(n+2) {
							margin-top: 2.5vw;
						}

						svg {
							width: 5.125vw;
							height: 5.125vw;
							vertical-align: middle;
						}
					}
	
					.box::after {
						border-right: 42.375vw solid transparent;
						border-left: 42.375vw solid transparent;
						border-top: 8vw solid #fff;
						bottom: -7.875vw;
					}
				}
	
				.lawyer {
					font-size: 5vw;
					margin-top: 15vw;
				}
	
				.text {
					font-size: 4vw;
					width: 84.75vw;
					height: auto;
					margin-top: 5vw;
					padding: 6.25vw 3.75vw;
					border-radius: 2.5vw;
					line-height: 1.6;
				}
			}

			#point-01 ul {
				li:first-child div img {
					width: 20vw;
				}

				li:last-child div img {
					width: 36.5vw;
				}
			}
	
			#point-02 ul {
				li:first-child p {
					margin-top: 7.5vw;
				}

				li:first-child div {
					margin-top: 2.5vw;

					img {
						width: 27.5vw;
					}
				}

				li:last-child div img {
					width: 20.25vw;
				}
	
				li:last-child p {
					margin-top: 3.75vw;
				}
			}
	
			#point-03 ul {
				li:first-child div img {
					width: 28vw;
				}

				li:first-child p {
					line-height: 1.3;
				}

				li:last-child div {
					margin-top: 2.5vw;

					img {
						width: 25.75vw;
					}
				}
	
				li:last-child p {
					margin-top: 4.25vw;
					line-height: 1.3;
				}
			}
	
			#point-04 ul {
				li:first-child div {
					margin-top: 3.75vw;

					img {
						width: 17.75vw;
					}
				}
	
				li:first-child p {
					margin-top: 6.25vw;
				}
	
				li:last-child div {
					margin-top: 3vw;

					img {
						width: 21.125vw;
					}
				}
	
				li:last-child p {
					margin-top: 5vw;
				}
			}
	
			#point-05 ul {
				li:first-child div {
					margin-top: 2.5vw;

					img {
						width: 19.625vw
					}
				}

				li:first-child p {
					margin-top: 6.25vw;
					line-height: 1.3;
				}

				li:last-child div {
					margin-top: 2.5vw;

					img {
						width: 28.25vw;
					}
				}
	
				li:last-child p {
						margin-top: 5vw;
						line-height: 1.3;
				}
			}
	
			#point-06 {
				ul {
					li:first-child div img {
						width: 16.125vw;
					}

					li:first-child p {
						margin-top: 6.25vw;
					}

					li:last-child div {
						margin-top: 2.5vw;

						img {
							width: 27.875vw;
						}
					}
		
					li:last-child p {
						margin-top: 5vw;
					}
				}

				.text {
					padding: 6.25vw 3.75vw !important;
	
					dl {
						margin-top: 2.5vw;
	
						dt {
							font-size: 4vw;
							padding: 0 1.75vw;
							line-height: 1.688;
						}
	
						dt:nth-of-type(n+2) {
							margin-top: 2.5vw;
						}
	
						dd {
							font-size: 4vw;
							margin-top: 2vw;
							padding: 0 1.75vw;
						}
					}
				}
			}
	
			#point-07 ul {
				li:first-child div img {
					width: 30.5vw;
				}

				li:first-child p {
					margin-top: 7.5vw;
				}
	
				li:last-child div {
					margin-top: 6.25vw;

					img {
						width: 33.375vw;
					}
				}
	
				li:last-child p {
					margin-top: 8.5vw;
				}
			}
	
			#summary {
				width: 95vw;
				margin: 10vw auto 0;
				padding: 11.25vw 5vw 10vw;
	
				h3 {
					font-size: 5vw;
				}

				div {
					margin-top: 5vw;

					img {
						width: 82.75vw;

					}
				}
	
				.text-01 {
					font-size: 4vw;
					margin-top: 7.5vw;
					padding: 6.25vw 3.75vw;
					border-radius: 2.5vw;
					line-height: 1.6;
				}
	
				.text-02 {
					font-size: 4vw;
					margin-top: 3.75vw;
					padding: 6.25vw 3.75vw;
					border-radius: 2.5vw;
					line-height: 1.6;
				}
	
				.text-03 {
					font-size: 4vw;
					margin-top: 5vw;
					padding: 0 5vw;
					line-height: 1.6;
				}
			}

			#flow {
				margin-top: 10vw;
	
				h2 {
					font-size: 5vw;
				}
	
				.flow {
					width: 95vw;
					margin: 6.25vw auto 0;
					padding: 5vw;
	
					h3 {
						font-size: 5vw;
					}
		
					h3 > span {
						font-size: 3.25vw;
						width: 16.25vw;
						height: 16.25vw;
						margin-right: 2.5vw;
						padding-top: 2.625vw;
						line-height: 1.1;
						vertical-align: middle;
		
						span {
							font-size: 9.25vw;
						}
					}
	
					.box {
						margin-top: 6.25vw;
						padding: 6.25vw 3.75vw;
						border-radius: 2.5vw;
	
						.image {
							width: 40.75vw;
						}
	
						p {
							font-size: 4vw;
							margin-top: 3.75vw;
							line-height: 1.6;
						}
	
						.btn-line a {
							font-size: 4vw;
							width: 72.5vw;
							margin: 3.75vw auto 0;
							line-height: 3.344;
						}
					}
				}
	
				.flow::after {
					border-right: 47.5vw solid transparent;
					border-left: 47.5vw solid transparent;
					border-top: 6.25vw solid #dfe8ef;
					bottom: -6.25vw;
				}
	
				.flow:nth-of-type(n+2) {
					margin-top: 12.5vw;
				}
	
				#flow-02 .box .image {
					width: 47.75vw;
				}
	
				#flow-03 .box .image {
					width: 32.75vw;
				}
	
				#flow-04 .box .image {
					width: 59.25vw;
				}
	
				#flow-05 .box .image {
					width: 34vw;
				}
			}
	
			#new-stage {
				width: 95vw;
				margin: 12.5vw auto 0;
				padding: 6.25vw;

				h3 img {
					width: 81.75vw;
				}
	
				.box {
					margin-top: 2.5vw;
					padding: 6.25vw 3.75vw;
					border-radius: 2.5vw;
	
					p {
						font-size: 4vw;
						line-height: 1.6;
					}
	
					.image {
						margin-top: 7.5vw;
	
						img {
							width: 100%;
						}
					}
				}
			}
	
			#new-stage::after {
				border-right: 47.5vw solid transparent;
				border-left: 47.5vw solid transparent;
				border-top: 6.25vw solid #dfe8ef;
				bottom: -6.25vw;
			}
	
			#line_contact {
				margin: 15vw 0;
				text-align: center;

				p {
					font-size: 5vw;
					margin-bottom: 6.25vw;
				}

				a img {
					width: 85vw;
				}
			}
		}
	}
}
/******* salary_negotiation *******/

/******* 2024/10/24追加 トップページスライダー *******/
#meeting .slider {
	position: relative;

	.meeting img {
		width: 100%;
	}

	.system {
		background: url(../images/bg_system.jpg) no-repeat left top / cover;
		width: 100%;
		height: 788px;
		padding-top: 550px;

		a {
			width: fit-content;
			margin: 0 auto;
			display: block;

			img {
				width: 100%;
			}
		}
	}

	.refund {
		background: url(../images/bg_refund.png) no-repeat left top / cover;
		width: 100%;
		height: 788px;
		padding-top: 550px;

		img {
			width: fit-content;
			margin: 0 auto;
		}
	}

	.allowance {
		background: url(../images/bg_allowance.gif) no-repeat left top / cover;
		width: 100%;
		height: 788px;
		padding-top: 550px;

		a {
			width: fit-content;
			margin: 0 auto;
			display: block;

			img {
				width: 100%;
			}
		}
	}

	.slide-arrow {
		width: 87px;
		height: 87px;
		position: absolute;
		z-index: 2;
		cursor: pointer;
	}

	.prev-arrow {
		background: url(../images/arrow_prev_01.png) no-repeat left top / cover;
		left: -10px;
		top: calc(50% - 87px / 2);
	}

	.next-arrow {
		background: url(../images/arrow_next_01.png) no-repeat left top / cover;
		right: -10px;
		top: calc(50% - 87px / 2);
	}

	.slick-dots {
		bottom: -40px;
	}

	.slick-dots li {
		width: 23px;
		height: 23px;
	}

	.slick-dots li button {
		width: 23px;
		height: 23px;
	}

	.slick-dots li button:before {
		content: '';
		background: #5db3ee;
		width: 23px;
		height: 23px;
		opacity: 1;
		box-sizing: border-box;
	}

	.slick-dots li.slick-active button:before {
		background: none;
		border: #5db3ee 1px solid;
	}
}

#movie {
	h2 {
		font-size: 60px;
		color: #5db3ee;
		text-align: center;
		letter-spacing: 0.05em;

		span {
			font-size: 30px;
			color: #fff;
			background: #5db3ee;
			width: 800px;
			margin: 20px auto 0;
			text-align: center;
			line-height: 1.667;
			display: block;
		}
	}

	.slider {
		margin-top: 30px;
		position: relative;

		.slick-slide {
			background: #fff;
			padding: 42px 15px 15px;
			margin: 0 40px;
			transform: scale(.984375);
			transition: transform .5s;

			a {
				display: block;
				position: relative;

				img {
					width: 100%;
				}
			}
		}

		.slick-slide.slick-center {
			background: #5db3ee;
			height: 660px;
			transform: scale(1.09375);

			a::before {
				content: '';
				background: url(../images/btn_youtube.png) no-repeat left top / cover;
				width: 234px;
				height: 169px;
				margin: auto;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
			}
		}

		.slide-arrow {
			width: 87px;
			height: 87px;
			position: absolute;
			z-index: 2;
			cursor: pointer;
		}
	
		.prev-arrow {
			background: url(../images/arrow_prev_02.png) no-repeat left top / cover;
			left: 360px;
			top: calc(50% - 87px / 2);
		}
	
		.next-arrow {
			background: url(../images/arrow_next_02.png) no-repeat left top / cover;
			right: 360px;
			top: calc(50% - 87px / 2);
		}
	
		.slick-dots {
			padding-bottom: 20px;
			bottom: -5px;
		}
	
		.slick-dots li {
			width: 23px;
			height: 23px;
		}
	
		.slick-dots li button {
			width: 23px;
			height: 23px;
		}
	
		.slick-dots li button:before {
			content: '';
			background: #fff;
			width: 23px;
			height: 23px;
			opacity: 1;
			box-sizing: border-box;
		}
	
		.slick-dots li.slick-active button:before {
			background: none;
			border: #fff 1px solid;
		}
	}
}

@media (801px <= width <= 2000px) {
	#meeting .slider {
		.system {
			height: 39.4vw;
			padding-top: 27.5vw;

			a {
				width: 39.4vw;
			}
		}

		.refund {
			height: 39.4vw;
			padding-top: 27.5vw;

			img {
				width: 39.4vw;
			}
		}

		.allowance {
			height: 39.4vw;
			padding-top: 27.5vw;

			a {
				width: 39.4vw;
			}
		}

		.slide-arrow {
			width: 4.35vw;
			height: 4.35vw;
		}
	
		.prev-arrow {
			left: -0.5vw;
			top: calc(50% - 2.175vw);
		}
	
		.next-arrow {
			right: -0.5vw;
			top: calc(50% - 2.175vw);
		}

		.slick-dots {
			bottom: -2vw;
		}
	
		.slick-dots li {
			width: 1.15vw;
			height: 1.15vw;
		}
	
		.slick-dots li button {
			width: 1.15vw;
			height: 1.15vw;
		}
	
		.slick-dots li button:before {
			width: 1.15vw;
			height: 1.15vw;
		}
	}

	#movie {
		h2 {
			font-size: 3vw;
	
			span {
				font-size: 1.5vw;
				width: 40vw;
				margin: 1vw auto 0;
			}
		}
	
		.slider {
			margin-top: 1.5vw;
	
			.slick-slide {
				padding: 2.1vw 0.75vw 0.75vw;
				margin: 0 2vw;
			}
	
			.slick-slide.slick-center {
				height: 33vw;

				a::before {
					width: 11.7vw;
					height: 8.45vw;
				}
			}
	
			.slide-arrow {
				width: 4.35vw;
				height: 4.35vw;
			}
		
			.prev-arrow {
				left: 18vw;
				top: calc(50% - 2.175vw);
			}
		
			.next-arrow {
				right: 18vw;
				top: calc(50% - 2.175vw);
			}
		
			.slick-dots {
				padding-bottom: 1vw;
				bottom: -0.25vw;
			}
		
			.slick-dots li {
				width: 1.15vw;
				height: 1.15vw;
			}
		
			.slick-dots li button {
				width: 1.15vw;
				height: 1.15vw;
			}
		
			.slick-dots li button:before {
				width: 1.15vw;
				height: 1.15vw;
			}
		}
	}
}

@media (width <= 800px) {
	#meeting .slider {
		.system {
			height: 54.125vw;
			padding-top: 38vw;
	
			a {
				width: 55vw;
			}
		}
	
		.refund {
			height: 54.125vw;
			padding-top: 38vw;
	
			img {
				width: 55vw;
			}
		}
	
		.allowance {
			height: 54.125vw;
			padding-top: 38vw;
	
			a {
				width: 55vw;
			}
		}
	
		.slide-arrow {
			width: 5.875vw;
			height: 5.875vw;
		}
	
		.prev-arrow {
			left: -2vw;
			top: calc(50% - 5.875vw / 2);
		}
	
		.next-arrow {
			right: -2vw;
			top: calc(50% - 5.875vw / 2);
		}
	
		.slick-dots {
			bottom: -5vw;
		}
	
		.slick-dots li {
			width: 3.25vw;
			height: 3.25vw;
		}
	
		.slick-dots li button {
			width: 3.25vw;
			height: 3.25vw;
		}
	
		.slick-dots li button:before {
			width: 3.25vw;
			height: 3.25vw;
		}
	}
	
	#movie {
		h2 {
			font-size: 6.5vw;
	
			span {
				font-size: 4.75vw;
				width: 74.25vw;
				margin: 1.25vw auto 0;
				line-height: 1.474;
			}
		}
	
		.slider {
			margin-top: 1.25vw;
	
			.slick-slide {
				padding: 3vw 1.125vw 1.125vw;
				margin: 0 2.5vw;
			}
	
			.slick-slide.slick-center {
				height: 48.75vw;
	
				a::before {
					width: 17.875vw;
					height: 12.875vw;
				}
			}
	
			.slide-arrow {
				width: 5.875vw;
				height: 5.875vw;
			}
		
			.prev-arrow {
				left: 6.25vw;
				top: calc(50% - 5.875vw / 2);
			}
		
			.next-arrow {
				right: 6.25vw;
				top: calc(50% - 5.875vw / 2);
			}
		
			.slick-dots {
				padding-bottom: 1.25vw;
				bottom: 0.5vw;
			}
		
			.slick-dots li {
				width: 3.25vw;
				height: 3.25vw;
			}
		
			.slick-dots li button {
				width: 3.25vw;
				height: 3.25vw;
			}
		
			.slick-dots li button:before {
				width: 3.25vw;
				height: 3.25vw;
			}
		}
	}
}
/******* 2024/10/24追加 トップページスライダー *******/

/******* officers *******/
#officers {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

	#first-view {
		background: linear-gradient(to bottom, #012a8d, #0c5293);
		padding: 20px 0;
		text-align: center;
	}

	#point {
		h2 {
			font-family: "fot-cezanne-pron", sans-serif;
			font-size: 40px;
			font-weight: bold;
			margin-top: 50px;
			text-align: center;
			line-height: 1.3;

			span {
				font-size: 50px;
				color: #0c5293;
			}
		}

		.num {
			width: 900px;
			margin: 10px auto 0;
			padding: 20px 0 20px 200px;
			border: #1d4e89 3px solid;
			box-shadow: 6px 6px 0 0 #1d4e89;

			p {
				font-size: 30px;
				font-weight: bold;

				img {
					vertical-align: middle;
				}
			}

			p:nth-child(n+2) {
				margin-top: 20px;
			}
		}

		.box {
			.inner {
				background: #dfe8ef;
				width: 100%;
				max-width: 1000px;
				margin: 80px auto 0;
				padding: 50px;

				h3 {
					font-size: 30px;
					font-weight: bold;
					text-align: center;
					line-height: 2.667;
					letter-spacing: 0.1em;
					position: relative;

					br {
						display: none;
					}
				}

				.text-01 {
					font-size: 24px;
					font-weight: bold;
					margin-top: 50px;
					text-align: center;
					line-height: 1.3;

					span {
						font-size: 30px;
					}
				}

				.black {
					font-size: 24px;
					font-weight: bold;
					color: #fff;
					background: #000;
					width: 700px;
					margin: 40px auto 0;
					border-radius: 5px;
					text-align: center;
					line-height: 2.083;
				}

				.text-02 {
					font-size: 20px;
					background: #fff;
					margin-top: 40px;
					padding: 10px 120px;
					border-radius: 20px;
					line-height: 1.8;

					span {
						color: #f00;
						text-decoration: underline;
					}
				}

				.text-03 {
					font-size: 24px;
					font-weight: bold;
					margin-top: 30px;
					text-align: center;
				}

				.navy {
					font-size: 24px;
					font-weight: bold;
					color: #fff;
					background: #0c5393;
					width: 700px;
					margin: 30px auto 0;
					border-radius: 5px;
					text-align: center;
					line-height: 2.083;
					position: relative;
					z-index: 2;
				}

				.text-04 {
					font-size: 30px;
					background: #fff;
					margin-top: -30px;
					padding: 60px 0 40px;
					border-radius: 20px;
					text-align: center;

					span {
						color: #f00;
					}
				}

				.navy-01 {
					font-size: 20px;
					color: #fff;
					background: #0c5393;
					margin-top: 30px;
					padding: 20px 0;
					border-radius: 5px;
					text-align: center;
					line-height: 1.5;
					letter-spacing: 0.1em;
				}

				.navy-02 {
					font-size: 20px;
					color: #fff;
					background: #0c5393;
					height: 41px;
					margin-top: 30px;
					padding: 20px 0;
					border-radius: 5px 5px 0 0;
					text-align: center;
					line-height: 2;
					letter-spacing: 0.1em;
					position: relative;
					z-index: 1;
				}

				.navy-02::after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-color: #0c5393 transparent transparent transparent;
					border-width: 64px 450px 0 450px;
					position: absolute;
					left: 0;
					bottom: -64px;
					z-index: -1;
				}

				ul {
					background: #fff;
					width: 1000px;
					margin-left: -50px;
					padding: 100px 0 40px;
					display: flex;
					justify-content: center;
					gap: 10px;
					flex-wrap: wrap;

					li {
						font-size: 20px;
						font-weight: bold;
						background: #d6d6d6;
						width: 446px;
						padding: 30px 0;
						border: #000 3px solid;
						text-align: center;
						line-height: 1.5;
					}
				}

				.text-05 {
					font-size: 24px;
					font-weight: bold;
					margin-top: 30px;
					text-align: center;
					line-height: 1.3;
				}
			}

			.s-box-01 {
				.upper {
					width: 800px;
					margin: 40px auto 0;
					padding-bottom: 40px;
					border: #000 3px solid;

					h4 {
						font-size: 30px;
						font-weight: bold;
						color: #fff;
						background: #000;
						text-align: center;
						line-height: 1.833;
					}

					.black {
						font-size: 24px;
						font-weight: bold;
						color: #fff;
						background: #000;
						width: 600px;
						margin: 40px auto 0;
						text-align: center;
						line-height: 1.667;
					}

					.text-01 {
						font-size: 20px;
						font-weight: bold;
						margin-top: 20px;
						padding: 0 100px;
						line-height: 1.8;

						span {
							color: #0c5393;
						}
					}

					.navy {
						font-size: 24px;
						font-weight: bold;
						color: #fff;
						background: #0c5393;
						width: 600px;
						margin: 20px auto 0;
						text-align: center;
						line-height: 1.667;
					}

					.text-02 {
						font-size: 20px;
						font-weight: bold;
						margin-top: 20px;
						padding: 0 100px;
						line-height: 1.8;

						span {
							color: #f00;
						}
					}
				}

				.text-03 {
					font-size: 24px;
					font-weight: bold;
					margin-top: 30px;
					text-align: center;
				}

				.bottom {
					background: #d6d6d6;
					width: 900px;
					margin: 60px auto 0;
					padding: 100px 55px 50px;
					border-radius: 20px;

					h4 {
						font-size: 30px;
						font-weight: bold;
						color: #fff;
						background: #000;
						width: 800px;
						margin: -130px auto 0;
						text-align: center;
						line-height: 2.167;
					}

					ul {
						margin-top: 50px;
						display: flex;
						justify-content: space-between;

						li {
							background: #fff;
							width: 370px;
							padding-bottom: 20px;
							border-radius: 20px;

							.text-01 {
								font-size: 20px;
								font-weight: bold;
								color: #fff;
								background: #000;
								width: 115px;
								margin: 10px auto 0;
								border-radius: 23px;
								text-align: center;
								line-height: 2.25;
								letter-spacing: 0.1em;
							}

							.text-02 {
								font-size: 18px;
								font-feature-settings: "palt";
								margin-top: 10px;
								text-align: center;
								line-height: 1.4;
								letter-spacing: 0.05em;
							}
						}

						li:first-child .image {
							margin-top: -30px;
							text-align: center;
						}

						li:last-child {
							.image {
								padding-right: 10px;
								text-align: right;
							}

							.text-01 {
								margin-top: 30px;
							}
						}
					}
				}

				.text-04 {
					font-size: 24px;
					margin-top: 40px;
					text-align: center;
					line-height: 1.2;
					letter-spacing: 0.1em;

					span {
						text-decoration: underline;
					}
				}
			}
		}

		.point-01 .inner {
			h3 {
				background: url(../images/officers_point_01.jpg) #fff no-repeat left top;
			}

			h3::after {
				content: '';
				background: url(../images/icon_officers_point_01.png) no-repeat left top / cover;
				width: 81px;
				height: 74px;
				position: absolute;
				right: 20px;
				top: 0;
			}

			.text-02 br:first-of-type,
			.text-02 br:nth-of-type(3) {
				display: none;
			}
		}

		.point-02 .inner {
			h3 {
				background: url(../images/officers_point_02.jpg) #fff no-repeat left top;
			}

			h3::after {
				content: '';
				background: url(../images/icon_officers_point_02.png) no-repeat left top / cover;
				width: 130px;
				height: 90px;
				position: absolute;
				right: 0;
				top: -10px;
			}

			.navy-01 br:nth-child(2) {
				display: none;
			}

			.navy-02 br {
				display: none;
			}
		}

		.point-03 .inner {
			h3 {
				background: url(../images/officers_point_03.jpg) #fff no-repeat left top;
			}

			h3::after {
				content: '';
				background: url(../images/icon_officers_point_03.png) no-repeat left top / cover;
				width: 80px;
				height: 74px;
				position: absolute;
				right: 20px;
				top: 0;
			}

			.navy-01 br:nth-child(2),
			.navy-01 br:nth-child(4) {
				display: none;
			}

			.navy-02 {
				height: 58px;
				line-height: 1.5;

				br:nth-child(2) {
					display: none;
				}
			}
		}

		.point-04 .inner {
			h3 {
				background: url(../images/officers_point_04.jpg) #fff no-repeat left top;
			}

			h3::after {
				content: '';
				background: url(../images/icon_officers_point_04.png) no-repeat left top / cover;
				width: 105px;
				height: 120px;
				position: absolute;
				right: 20px;
				top: -10px;
			}

			.text-01 {
				line-height: 1.4;
			}

			.navy-01 br {
				display: none;
			}
		}

		.fee {
			.inner {
				background: #dfe8ef;
				width: 100%;
				max-width: 1000px;
				margin: 80px auto 0;
				padding: 50px;

				h3 {
					font-size: 30px;
					font-weight: bold;
					background: #fff;
					text-align: center;
					line-height: 2.667;
				}

				.navy {
					font-size: 20px;
					font-weight: bold;
					color: #fff;
					background: #0c5393;
					margin-top: 30px;
					padding: 20px 120px;
					line-height: 1.8;
					letter-spacing: 0.1em;

					br {
						display: none;
					}
				}

				.image {
					margin-top: 30px;
					text-align: center;
				}

				.text-01 {
					font-size: 24px;
					font-weight: bold;
					background: #fff;
					margin-top: 5px;
					padding: 10px 0;
					border: #000 3px solid;
					border-radius: 20px;
					text-align: center;
					line-height: 1.5;

					span {
						color: #f00;
					}

					br:first-of-type,
					br:nth-of-type(3) {
						display: none;
					}
				}
			}
		}

		.summary {
			.inner {
				background: #dfe8ef;
				width: 100%;
				max-width: 1000px;
				margin: 80px auto 0;
				padding: 50px;

				h3 {
					font-size: 30px;
					font-weight: bold;
					color: #fff;
					background: #0c5393;
					text-align: center;
					line-height: 2.667;
				}

				.w-box {
					background: #fff;
					margin-top: 30px;
					padding: 30px 0;
					border-radius: 20px;

					.text-01 {
						font-size: 24px;
						font-weight: bold;
						text-align: center;
						line-height: 1.5;

						span {
							color: #0c5393;
						}
					}

					.image {
						margin-top: 10px;
						text-align: center;
					}

					.text-02 {
						font-size: 24px;
						font-weight: bold;
						margin-top: 20px;
						text-align: center;
						line-height: 1.5;
					}
				}
			}
		}

		.btn-application a {
			font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W8", "Noto Sans", sans-serif;
			font-size: 32px;
			font-weight: bold;
			color: #fff;
			background: #78c752;
			width: 700px;
			margin: 40px auto 0;
			border: #bde09c 5px solid;
			border-radius: 40px;
			text-align: center;
			line-height: 2.5;
			position: relative;
			display: block;
		}

		.btn-application a::after {
			content: '＞';
			font-size: 26px;
			font-weight: bold;
			position: absolute;
			right: 60px;
			top: 8px;
		}
	}
}

@media (800px < width <= 1000px) {
	#officers {
		#first-view {
			padding: 2vw 0;

			img {
				width: 84.4vw;
			}
		}
	
		#point {
			h2 {
				font-size: 4vw;
				margin-top: 5vw;
	
				span {
					font-size: 5vw;
				}
			}
	
			.num {
				width: 90vw;
				margin: 1vw auto 0;
				padding: 2vw 0 2vw 20vw;
				border: #1d4e89 0.3vw solid;
				box-shadow: 0.6vw 0.6vw 0 0 #1d4e89;
	
				p {
					font-size: 3vw;

					img {
						width: 4.7vw;
					}
				}
	
				p:nth-child(n+2) {
					margin-top: 2vw;
				}
			}
	
			.box {
				.inner {
					margin: 8vw auto 0;
					padding: 5vw;
	
					h3 {
						font-size: 3vw;
						background-size: 9vw 8vw;
					}
	
					.text-01 {
						font-size: 2.4vw;
						margin-top: 5vw;
	
						span {
							font-size: 3vw;
						}
					}
	
					.black {
						font-size: 2.4vw;
						width: 70vw;
						margin: 4vw auto 0;
						border-radius: 0.5vw;
					}
	
					.text-02 {
						font-size: 2vw;
						margin-top: 4vw;
						padding: 1vw 12vw;
						border-radius: 2vw;

						br:nth-child(2),
						br:nth-child(4) {
							display: none;
						}
					}
	
					.text-03 {
						font-size: 2.4vw;
						margin-top: 3vw;
					}
	
					.navy {
						font-size: 2.4vw;
						width: 70vw;
						margin: 3vw auto 0;
						border-radius: 0.5vw;
					}
	
					.text-04 {
						font-size: 3vw;
						margin-top: -3vw;
						padding: 6vw 0 4vw;
						border-radius: 2vw;
					}
	
					.navy-01 {
						font-size: 2vw;
						margin-top: 3vw;
						padding: 2vw 0;
						border-radius: 0.5vw;
					}
	
					.navy-02 {
						font-size: 2vw;
						height: 4.1vw;
						margin-top: 3vw;
						padding: 2vw 0;
						border-radius: 0.5vw 0.5vw 0 0;
					}
	
					.navy-02::after {
						border-width: 6.4vw 45vw 0 45vw;
						bottom: -6.4vw;
					}
	
					ul {
						width: 100vw;
						margin-left: -5vw;
						padding: 10vw 0 4vw;
						gap: 1vw;
	
						li {
							font-size: 2vw;
							width: 44.6vw;
							padding: 3vw 0;
							border: #000 0.3vw solid;
						}
					}
	
					.text-05 {
						font-size: 2.4vw;
						margin-top: 3vw;
					}
				}
	
				.s-box-01 {
					.upper {
						width: 80vw;
						margin: 4vw auto 0;
						padding-bottom: 4vw;
						border: #000 0.3vw solid;
	
						h4 {
							font-size: 3vw;
						}
	
						.black {
							font-size: 2.4vw;
							width: 60vw;
							margin: 4vw auto 0;
						}
	
						.text-01 {
							font-size: 2vw;
							margin-top: 2vw;
							padding: 0 10vw;
						}
	
						.navy {
							font-size: 2.4vw;
							width: 60vw;
							margin: 2vw auto 0;
						}
	
						.text-02 {
							font-size: 2vw;
							margin-top: 2vw;
							padding: 0 10vw;
						}
					}
	
					.text-03 {
						font-size: 2.4vw;
						margin-top: 3vw;
					}
	
					.bottom {
						width: 90vw;
						margin: 6vw auto 0;
						padding: 10vw 5.5vw 5vw;
						border-radius: 2vw;
	
						h4 {
							font-size: 3vw;
							width: 80vw;
							margin: -13vw auto 0;
						}
	
						ul {
							margin-top: 5vw;
	
							li {
								width: 37vw;
								padding-bottom: 2vw;
								border-radius: 2vw;
	
								.text-01 {
									font-size: 2vw;
									width: 11.5vw;
									margin: 1vw auto 0;
									border-radius: 2.3vw;
								}
	
								.text-02 {
									font-size: 1.8vw;
									margin-top: 1vw;
								}
							}
	
							li:first-child .image {
								margin-top: -3vw;

								img {
									width: 32.6vw;
								}
							}
	
							li:last-child {
								.image {
									padding-right: 1vw;

									img {
										width: 26.4vw;
									}
								}
	
								.text-01 {
									margin-top: 3vw;
								}
							}
						}
					}
	
					.text-04 {
						font-size: 2.4vw;
						margin-top: 4vw;
					}
				}
			}
	
			.point-01 .inner {
				h3::after {
					width: 8.1vw;
					height: 7.4vw;
					right: 2vw;
				}
			}
	
			.point-02 .inner {
				h3::after {
					width: 13vw;
					height: 9vw;
					top: -1vw;
				}
			}
	
			.point-03 .inner {
				h3::after {
					width: 8vw;
					height: 7.4vw;
					right: 2vw;
				}
	
				.navy-02 {
					height: 5.8vw;
				}
			}
	
			.point-04 .inner {
				h3::after {
					width: 10.5vw;
					height: 12vw;
					right: 2vw;
					top: -1vw;
				}
			}
	
			.fee {
				.inner {
					margin: 8vw auto 0;
					padding: 5vw;
	
					h3 {
						font-size: 3vw;
					}
	
					.navy {
						font-size: 2vw;
						margin-top: 3vw;
						padding: 2vw 12vw;
					}
	
					.image {
						margin-top: 3vw;

						img {
							width: 44.8vw;
						}
					}
	
					.text-01 {
						font-size: 2.4vw;
						margin-top: 0.5vw;
						padding: 1vw 0;
						border: #000 0.3vw solid;
						border-radius: 2vw;
					}
				}
			}
	
			.summary {
				.inner {
					margin: 8vw auto 0;
					padding: 5vw;
	
					h3 {
						font-size: 3vw;
					}
	
					.w-box {
						margin-top: 3vw;
						padding: 3vw 0;
						border-radius: 2vw;
	
						.text-01 {
							font-size: 2.4vw;
						}
	
						.image {
							margin-top: 1vw;

							img {
								width: 56.7vw;
							}
						}
	
						.text-02 {
							font-size: 2.4vw;
							margin-top: 2vw;
						}
					}
				}
			}
	
			.btn-application a {
				font-size: 3.2vw;
				width: 70vw;
				margin: 4vw auto 0;
				border: #bde09c 0.5vw solid;
				border-radius: 4vw;
			}
	
			.btn-application a::after {
				font-size: 2.6vw;
				right: 6vw;
				top: 0.8vw;
			}
		}
	}
}

@media (width <= 800px) {
	#officers {
		#first-view {
			padding: 1.25vw 0 3.75vw;

			img {
				width: 93.5vw;
			}
		}
	
		#point {
			h2 {
				font-size: 6.375vw;
				margin-top: 5vw;
				line-height: 1;
	
				span {
					font-size: 8.875vw;
				}
			}
	
			.num {
				width: 83.75vw;
				margin: 2.5vw auto 0;
				padding: 2.5vw 0 2.5vw 7.5vw;
				border: #1d4e89 0.375vw solid;
				box-shadow: 0.75vw 0.75vw 0 0 #1d4e89;
	
				p {
					font-size: 4.5vw;

					img {
						width: 6.625vw;
					}
				}
	
				p:nth-child(n+2) {
					margin-top: 2.5vw;
				}
			}
	
			.box {
				.inner {
					width: 95vw;
					margin: 5vw auto 0;
					padding: 5vw 4.5vw;
	
					h3 {
						font-size: 5vw;
						font-feature-settings: "palt";
						background-size: 15.25vw 15.25vw;
						height: 15.25vw;
						padding: 1.5vw 0 0 20vw;
						text-align: left;
						line-height: 1.2;

						br {
							display: inline-block;
						}
					}
	
					.text-01 {
						font-size: 3.5vw;
						margin-top: 5vw;
	
						span {
							font-size: 4.75vw;
						}
					}
	
					.black {
						font-size: 3.5vw;
						width: 59.375vw;
						margin: 3.75vw auto 0;
						border-radius: 0.625vw;
						line-height: 1.964;
					}
	
					.text-02 {
						font-size: 3.25vw;
						margin-top: 3.75vw;
						padding: 2.5vw 7.5vw;
						border-radius: 2.5vw;

						br:nth-child(2),
						br:nth-child(4) {
							display: inline-block;
						}
					}
	
					.text-03 {
						font-size: 3.5vw;
						margin-top: 3.75vw;
					}
	
					.navy {
						font-size: 3.5vw;
						width: 59.375vw;
						margin: 3.75vw auto 0;
						border-radius: 0.625vw;
						line-height: 1.964;
					}
	
					.text-04 {
						font-size: 5vw;
						margin-top: -3.75vw;
						padding: 7.5vw 0 5vw;
						border-radius: 2.5vw;
					}
	
					.navy-01 {
						font-size: 3.5vw;
						margin-top: 3.75vw;
						padding: 2.5vw 0;
						border-radius: 0.625vw;
					}
	
					.navy-02 {
						font-size: 3.5vw;
						height: 9.75vw;
						margin-top: 3.75vw;
						padding: 2.5vw 0;
						border-radius: 0.625vw 0.625vw 0 0;
						line-height: 1.4;

						br {
							display: inline-block;
						}
					}
	
					.navy-02::after {
						border-width: 8vw 43vw 0 43vw;
						bottom: -7.95vw;
					}
	
					ul {
						width: 95vw;
						margin-left: -4.5vw;
						padding: 11.25vw 0 5vw;
						gap: 1.25vw;
	
						li {
							font-size: 3.75vw;
							width: 84.75vw;
							padding: 2.5vw 0;
							border: #000 0.375vw solid;
						}
					}
	
					.text-05 {
						font-size: 3.5vw;
						margin-top: 3.75vw;
					}
				}
	
				.s-box-01 {
					.upper {
						width: 83.75vw;
						margin: 5vw auto 0;
						padding-bottom: 3.75vw;
						border: #000 0.375vw solid;
	
						h4 {
							font-size: 5vw;
							line-height: 1.625;
						}
	
						.black {
							font-size: 3vw;
							width: 71vw;
							margin: 3.75vw auto 0;
						}
	
						.text-01 {
							font-size: 3vw;
							margin-top: 2.5vw;
							padding: 0 5vw;
						}
	
						.navy {
							font-size: 3vw;
							width: 71vw;
							margin: 1.25vw auto 0;
						}
	
						.text-02 {
							font-size: 3vw;
							margin-top: 1.25vw;
							padding: 0 5vw;
						}
					}
	
					.text-03 {
						font-size: 3.75vw;
						margin-top: 5vw;
					}
	
					.bottom {
						width: 95vw;
						margin: 7.5vw auto 0;
						padding: 12.5vw 4.125vw 5vw;
						border-radius: 2.5vw;
	
						h4 {
							font-size: 3.75vw;
							width: 85.75vw;
							margin: -16.25vw auto 0;
						}
	
						ul {
							margin-top: 6.25vw;
							gap: 2.5vw 0;
							flex-wrap: wrap;
	
							li {
								width: 86.75vw;
								padding-bottom: 2.5vw;
								border-radius: 2.5vw;
	
								.text-01 {
									font-size: 2.75vw;
									width: 14.75vw;
									margin: 1.25vw auto 0;
									border-radius: 3.25vw;
								}
	
								.text-02 {
									font-size: 3.5vw;
									margin-top: 1.25vw;
								}
							}
	
							li:first-child .image {
								margin-top: -3.75vw;

								img {
									width: 40.75vw;
								}
							}
	
							li:last-child {
								.image {
									padding-top: 2.5vw;
									text-align: center;

									img {
										width: 33vw;
									}
								}
	
								.text-01 {
									margin-top: 1.25vw;
								}
							}
						}
					}
	
					.text-04 {
						font-size: 3.75vw;
						font-feature-settings: "palt";
						margin-top: 2.5vw;
					}
				}
			}
	
			.point-01 .inner {
				h3::after {
					width: 12.5vw;
					height: 11.5vw;
					right: 0.625vw;
					top: 1.25vw;
				}

				.text-02 br:first-of-type,
				.text-02 br:nth-of-type(3) {
					display: inline-block;
				}
			}
	
			.point-02 .inner {
				h3::after {
					width: 18.75vw;
					height: 13vw;
					top: 0.625vw;
					right: 1.25vw;
				}

				.text-02 {
					padding: 2.5vw;
				}

				.navy-01 br:nth-child(2) {
					display: inline-block;
				}

				.navy-02 br {
					display: inline-block;
				}
			}
	
			.point-03 .inner {
				h3::after {
					width: 12.75vw;
					height: 11.875vw;
					right: 2.5vw;
					top: 2.5vw;
				}

				.text-02 {
					padding: 2.5vw;
				}

				.navy-01 br:nth-child(2),
				.navy-01 br:nth-child(4) {
					display: inline-block;
				}
	
				.navy-02 {
					height: 13.25vw;
					padding-top: 1.25vw;

					br:nth-child(2) {
						display: inline-block;
					}
				}
			}
	
			.point-04 .inner {
				h3 {
					padding-top: 4.75vw;
				}

				h3::after {
					width: 13.125vw;
					height: 15vw;
					right: 2.5vw;
					top: 2.5vw;
				}

				.text-02 {
					padding: 2.5vw;
				}

				.navy-01 br {
					display: inline-block;
				}
			}
	
			.fee {
				.inner {
					width: 95vw;
					margin: 5vw auto 0;
					padding: 5vw 4.5vw;
	
					h3 {
						font-size: 5vw;
						line-height: 2;
					}
	
					.navy {
						font-size: 4vw;
						margin: 2.5vw auto 0;
						padding: 1.25vw 2.5vw;

						br {
							display: inline-block;
						}
					}
	
					.image {
						margin-top: 3.75vw;

						img {
							width: 56vw;
						}
					}
	
					.text-01 {
						font-size: 4vw;
						margin: 0.625vw auto 0;
						padding: 2.5vw 0;
						border: #000 0.375vw solid;
						border-radius: 2.5vw;

						br:first-of-type,
						br:nth-of-type(3) {
							display: inline-block;
						}
					}
				}
			}
	
			.summary {
				.inner {
					width: 95vw;
					margin: 5vw auto 0;
					padding: 5vw 4.5vw;
	
					h3 {
						font-size: 5vw;
						line-height: 2;
					}
	
					.w-box {
						margin-top: 3.75vw;
						padding: 3.75vw;
						border-radius: 2.5vw;
	
						.text-01 {
							font-size: 4vw;

							br:nth-of-type(2) {
								display: none;
							}
						}
	
						.image {
							margin-top: 2.5vw;

							img {
								width: 70.875vw;
							}
						}
	
						.text-02 {
							font-size: 4vw;
							margin-top: 2.5vw;
						}
					}
				}
			}
	
			.btn-application a {
				font-size: 4vw;
				width: 75vw;
				margin: 3.75vw auto 0;
				border: #bde09c 0.625vw solid;
				border-radius: 5vw;
			}
	
			.btn-application a::after {
				font-size: 3vw;
				right: 2.5vw;
				top: 1.25vw;
			}
		}
	}
}
/******* officers *******/

/******* 2024/12/27追加 トップページスライダー（給与UP代行・役員退職代行） *******/
#salary .slider {
	position: relative;

	.slick-slide img {
		width: 100%;
	}

	.slide-arrow {
		width: 87px;
		height: 87px;
		position: absolute;
		z-index: 2;
		cursor: pointer;
	}

	.prev-arrow {
		background: url(../images/arrow_prev_01.png) no-repeat left top / cover;
		left: -10px;
		top: calc(50% - 87px / 2);
	}

	.next-arrow {
		background: url(../images/arrow_next_01.png) no-repeat left top / cover;
		right: -10px;
		top: calc(50% - 87px / 2);
	}

	.slick-dots {
		bottom: -40px;
	}

	.slick-dots li {
		width: 23px;
		height: 23px;
	}

	.slick-dots li button {
		width: 23px;
		height: 23px;
	}

	.slick-dots li button:before {
		content: '';
		background: #5db3ee;
		width: 23px;
		height: 23px;
		opacity: 1;
		box-sizing: border-box;
	}

	.slick-dots li.slick-active button:before {
		background: none;
		border: #5db3ee 1px solid;
	}
}

@media (801px <= width <= 2000px) {
	#salary .slider {
		.slide-arrow {
			width: 4.35vw;
			height: 4.35vw;
		}

		.prev-arrow {
			left: -0.5vw;
			top: calc(50% - 2.175vw);
		}
	
		.next-arrow {
			right: -0.5vw;
			top: calc(50% - 2.175vw);
		}

		.slick-dots {
			bottom: -2vw;
		}
	
		.slick-dots li {
			width: 1.15vw;
			height: 1.15vw;
		}
	
		.slick-dots li button {
			width: 1.15vw;
			height: 1.15vw;
		}
	
		.slick-dots li button:before {
			width: 1.15vw;
			height: 1.15vw;
		}
	}
}

@media (width <= 800px) {
	#salary .slider {
		.slide-arrow {
			width: 5.875vw;
			height: 5.875vw;
		}
	
		.prev-arrow {
			left: -2vw;
			top: calc(50% - 5.875vw / 2);
		}
	
		.next-arrow {
			right: -2vw;
			top: calc(50% - 5.875vw / 2);
		}
	
		.slick-dots {
			bottom: -5vw;
		}
	
		.slick-dots li {
			width: 3.25vw;
			height: 3.25vw;
		}
	
		.slick-dots li button {
			width: 3.25vw;
			height: 3.25vw;
		}
	
		.slick-dots li button:before {
			width: 3.25vw;
			height: 3.25vw;
		}
	}
}
/******* 2024/12/27追加 トップページスライダー（給与UP代行・役員退職代行） *******/