/**** fonts ****/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Montserrat-Regular.otf);
}

@font-face {
  font-family: 'Montserrat';
  font-style: bold;
  font-weight: 700;
  src: url(../fonts/Montserrat-Bold.otf);
}
/**** /fonts ****/

/**** common ****/
* {
  box-sizing: border-box;
}

html {
	overflow: auto;
	height: 100%;
}

body {
	font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 14px;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	overflow-x: hidden;
	letter-spacing: 1px;
	position: relative;
}

a {
  text-decoration: none;
}

header {
	background: #fff;
	width: 100%;
	height: 88px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

h1 {
	font-size: 12px;
	color: #fff;
	background: #b86fe2;
	padding: 3px 0;
	text-align: center;
}

nav {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

nav.pc {
	display: flex;
}

nav.sp {
	display: none;
}

nav .left {
	width: 380px;
}

nav .right {
	width: calc(100% - 385px);
	height: 70px;
	overflow-y: hidden;
}

nav ul {
	display: flex;
	align-items: center;
}

nav ul li {
	font-family: "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 12px;
}

nav ul li a {
	color: #000;
}

nav .left li:last-child {
	margin-left: 20px;
}

nav .right li {
	text-align: center;
}

nav .right li:first-child {
	width: 16%;
}

/*nav .right li:nth-child(2),
nav .right li:nth-child(5),
nav .right li:last-child {
	width: 18%;
}

nav .right li:nth-child(3),
nav .right li:nth-child(4) {
	width: 12%;
}

nav .right li:nth-child(6) {
	width: 8%;
}*/

nav .right li:nth-child(2),
nav .right li:last-child {
	width: 21%;
}

nav .right li:nth-child(3),
nav .right li:nth-child(4) {
	width: 15%;
}

nav .right li:nth-child(5) {
	width: 12%;
}

nav .right li a {
	width: 100%;
}

nav .right li a span {
	font-size: 12px;
	width: 100%;
	height: 70px;
	padding-top: 30px;
	display: block;
	transition: all 0.5s;
}

nav .right li a span:last-child {
	background: rgb(228,212,242);
	background: -moz-linear-gradient(left, rgba(228,212,242,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(228,212,242,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(228,212,242,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d4f2', endColorstr='#ffffff',GradientType=1 );
}

nav .right li a:hover span {
	transform: translateY(-100%);
}

nav #nav-drawer {
	position: fixed;
	top: 8vw;
	right: 5vw;
}

nav .nav-unshown {
 	display: none;
}

nav #nav-open {
	display: inline-block;
	width: 11.2vw;
	height: 11.2vw;
	border: #000 2px solid;
	vertical-align: middle;
	position: relative;
	z-index: 10002;
	cursor: pointer;
}

nav #nav-open span:first-child,
nav #nav-open span:nth-child(2),
nav #nav-open span:last-child {
	background: #000;
	height: 0.667vw;
	width: 6.667vw;
	margin: auto;
	display: block;
	transition: all 0.5s;
	position: absolute;
	left: 0;
	right: 0;
}

nav #nav-open span:first-child {
	top: 2.133vw;
}

nav #nav-open span:nth-child(2) {
	bottom: 4.8vw;
}

nav #nav-open span:last-child {
	bottom: 2.133vw;
}

nav #nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	width: 100%;
	height: 100%;
	padding: 25vw 2vw 0 12vw;
	background: rgba(234,222,245,0.9);
	transition: .3s ease-in-out;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
}

nav #nav-content div {
	font-size: 4.8vw;
}

nav #nav-content div:nth-child(n+2) {
	margin-top: 7vw;
}

nav #nav-content div:nth-last-child(2) {
	margin-top: 5vw;
}

nav #nav-content div:nth-last-child(2) img {
	width: 56vw;
}

nav #nav-content div:last-child {
	width: 75vw;
	margin: 3vw 0 5vw;
	height: 300px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}

nav #nav-content div:last-child iframe {
	width: 100%;
	height: 100%;
}

nav #nav-content div a {
	color: #000;
}

nav #nav-input:checked ~ #nav-open span:first-child {
	transform: rotateZ(45deg) translate(1.866vw , 1.866vw);
}

nav #nav-input:checked ~ #nav-open span:nth-child(2) {
	transform: rotateZ(-45deg);
}

nav #nav-input:checked ~ #nav-open span:last-child {
	transform: rotateZ(-45deg) translate(1.866vw , -1.866vw);
}

nav #nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.qr {
	display: block;
	position: fixed;
	top: 118px;
	z-index: 3;
}

.twitter {
	display: block;
	position: fixed;
	top: 318px;
	z-index: 3;
}

#content {
	background: #fff;
	padding-bottom: 100px;
	position: relative;
}

h3 {
	font-size: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

h3::after {
	content: '';
	background-image: linear-gradient(to right, #000, #000 6px, transparent 6px, transparent 10px);
	background-size: 10px 2px;
	background-position: top;
	background-repeat: repeat-x;
	width: 170px;
	height: 2px;
	margin: auto;
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
}

h3 span {
	font-size: 70px;
    font-family: 'Montserrat', 'Adobe Blank' !important;
    font-weight: 700;
    font-style: normal;
	display: block;
	letter-spacing: 3px;
}

#bottom {
	margin-top: 150px;
}

#bottom ul {
	width: 860px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bottom ul li:nth-child(n+2) {
	margin-left: 15px;
}

footer {
	background: #e4d4f2;
	padding-top: 50px;
	text-align: center;
	position: relative;
}

footer #logo {
	margin-bottom: 30px;
}

footer .menu {
	font-size: 12px;
	margin: 15px auto 0;
	width: 570px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

footer .menu li:nth-child(n+2) {
	margin-left: 15px;
}

footer .menu li a {
	color: #000;
}

footer #pagetop {
	position: absolute;
	right: 50px;
	bottom: 28px;
}

footer .copy {
	font-size: 10px;
	color: #fff;
	background: #333333;
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
}

.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--up {
  transform: translate(0, 100px);
}

@media screen and (max-width: 1300px) {
	nav .left {
		width: 26%;
	}

	nav .left ul li {
		width: calc(50% - 0.6vw);
	}

	nav .left li:last-child {
		margin-left: 0.8vw;
	}

	nav .left img {
		max-width: 100%;
	}

	nav .right {
		width: 74%;
	}

	nav .right li a span {
		font-size: 1vw;
	}
}

@media screen and (max-width: 860px) {
	#bottom ul {
		width: 100%;
	}

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

@media screen and (max-width: 750px) {
	header {
		height: inherit;
	}

	.u-layer header {
		position: relative;
	}

	h1 {
		font-size: 2.67vw;
		padding: 1vw 0;
	}

	nav.pc {
		display: none;
	}

	nav.sp {
		display: block;
	}

	.qr {
		display: none;
	}

	.twitter {
		display: none;
	}

	#content {
		padding-bottom: 13.33vw;
	}

	h3 {
		font-size: 3.73vw;
	}

	h3::after {
		width: 44vw;
		top: 63%;
	}

	h3 span {
		font-size: 8vw;
		letter-spacing: 1px;
	}

	#bottom {
		margin: 0;
		position: fixed;
		bottom: -2px;
		left: 0;
		opacity: 1;
		z-index: 9999;
		transform: translate(0, 0px);
	}

	#bottom ul li:nth-child(n+2) {
		margin: 0;
	}

	.u-layer footer {
		background: #fff;
		padding-bottom: 20.134vw;
	}

	.u-layer footer #logo,
	.u-layer footer .menu {
		display: none;
	}

	footer .copy {
		font-size: 2.2vw;
		margin-top: 8vw;
		padding: 1.5vw 0;
	}

	.u-layer footer .copy {
		font-size: 2.13vw;
		position: relative;
		z-index: 2;
	}

	.u-layer footer #pagetop {
		bottom: 19.5vw;
		left: 0;
		right: 0;
		z-index: 1;
	}

	.u-layer footer #pagetop img {
		width: 19.467vw;
	}
}
/**** /common ****/

/**** enter ****/
#index header {
	height: inherit;
	position: relative;
}

#index main {
	background: url(../images/bg_enter.jpg) no-repeat top center;
	height: 770px;
	position: relative;
	background-size: cover;
}

#index #box {
	width: 50%;
	padding-top: 100px;
	text-align: center;
}

#index #enter {
	width: 200px;
	margin: 40px auto 0;
	text-align: center;
	position: relative;
	z-index: 2;
}

#index #enter a {
	color: #000;
	width: 100%;
	padding: 15px 0;
	border: #000 1px solid;
	display: block;
	position: relative;
}

#index #enter a::after {
	content: '';
	background: #ffeeb3;
	width: 198px;
	height: 43px;
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	transition: all 0.5s;
	z-index: -1;
}

#index #enter a:hover::after {
	top: 0;
	left: 0;
}

#index #under17 {
	margin-top: 20px;
}

#index #attention {
	margin-top: 5px;
	line-height: 1.6;
}

#index #attention a {
	color: #000;
	text-decoration: underline;
}

#index .banner {
	margin-top: 15px;
}

#index .link-box {
	margin-top: 5px;
	display: flex;
	justify-content: center;
}

#index .mens-recruit img,
#index #official img {
	width: 232px;
}

#index #official {
	margin-left: 5px;
}

#index #kensa {
	position: absolute;
	top: 0;
	right: 50px;
}

#index footer {
	background: #e4d4f2;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}

#index footer .copy {
	margin-top: 0;
}

#index footer .bottom {
	font-size: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

#index footer .bottom li {
	font-size: 12px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

#index footer .bottom li:first-child {
	width: 70%;
	padding-left: 5%;
	line-height: 1.5;
}

#index footer .bottom li:last-child {
	padding-left: 8%;
}

@media screen and (min-width: 750px) and (max-width: 1000px) {
	#index .banner img {
		width: 46.8vw;
	}

	#index .mens-recruit img,
	#index #official img {
		width: 23.2vw;
	}
}

@media screen and (max-width: 750px) {
	#index main {
		background: url(../images/sp_bg_enter.png) no-repeat top center;
		background-size: 100%;
		height: inherit;
	}

	#index h1 {
		font-size: 2.5vw;
		padding: 1vw 0;
	}

	#index #box {
		width: 100%;
		padding-top: 16.5vw;
	}

	#index #logo img {
		width: 50.534vw;
	}

	#index #enter {
		font-size: 3.8vw;
		width: 53.6vw;
		margin: 33vw auto 0;
	}

	#index #enter a {
		padding: 4vw 0;
	}

	#index #enter a::after {
		content: '';
		background: #ffeeb3;
		width: 53.6vw;
		height: 12vw;
		top: 2vw;
		left: 1vw;
	}

	#index #under17 {
		margin-top: 2.8vw;
	}

	#index .link-box {
		display: block;
	}

	#index .banner img {
		max-width: 100%;
	}

	#index .mens-recruit,
	#index #official {
		margin-top: 20px;
	}

	#index .mens-recruit img {
		width: 300px;
	}

	#index #official img {
		width: 240px;
	}

	#index #attention {
		font-size: 3.2vw;
	}

	#index #kensa {
		display: none;
	}

	#index footer {
		background: #e4d4f2;
		margin-top: 7vw;
	}

	#index footer .bottom {
		padding: 3vw 0 1vw;
	}

	#index footer .bottom li {
		font-size: 2.5vw;
	}

	#index footer .bottom li:first-child {
		width: 100%;
		padding: 0 3vw;
		line-height: 1.8;
	}

	#index footer .bottom li:last-child {
		display: none;
	}
}
/**** /enter ****/

/**** top ****/
#top main {
	position: relative;
}

#top #main-image {
	width: 2000px;
	height: 650px;
	margin: 88px 0 0 -1000px;
	position: relative;
	left: 50%;
	z-index: -1;
}

#top #main-image.vegas-container > .vegas-overlay,
#top #main-image.vegas-container > .vegas-slide,
#top #main-image.vegas-container > .vegas-timer {
	width: 2000px;
	margin: auto;
	position: fixed;
	top: -55px;
	left: 0;
	right: 0;
	z-index: -1;
}

#top h2 {
	width: 670px;
	margin: auto;
	position: absolute;
	top: 138px;
	left: 0;
	right: 0;
	opacity: 0;
}

#top #main-image .vegas-slide-inner {
	background-size: 2000px 650px !important;
}

#top #slider {
	width: 2000px;
	margin: 30px 0 0 -1000px;
	padding-bottom: 100px;
	position: relative;
	left: 50%;
}

#top .bx-wrapper {
	margin: 0 auto;
	border: none;
	box-shadow: none;
}

#top .bx-wrapper .bx-pager {
	/*max-width: 100vw;*/
	padding-top: 0;
	position: relative;
}

#top .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top .bx-wrapper .bx-pager.bx-default-pager a.active,
#top .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #b86fe2;
	width: 13px;
	height: 13px;
	border-radius: 100%;
}

#top .bx-wrapper .bx-pager.bx-default-pager a {
	background: #a9a9a9;
	width: 13px;
	height: 13px;
	margin: 0 3px;
	border-radius: 100%;
}

#top #slidefilter-left,
#top #slidefilter-right {
	width: 500px;
    position: absolute;
    top: 0;
    height: 450px;
}

#top #slidefilter-left {
	background: url(../images/left.png) no-repeat;
    left: 0;
}

#top #slidefilter-right {
	background: url(../images/right.png) no-repeat;
    right: 0;
}

#top .box {
	width: 2000px;
	margin-left: -1000px;
	position: relative;
	left: 50%;
}

#top .btn {
	width: 200px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#top .btn a {
	color: #000;
	width: 100%;
	padding: 17px 0;
	border: #000 1px solid;
	display: block;
}

#top #box1 {
	margin-top: 50px;
	position: relative;
	z-index: 2;
}

#top #box1 .btn {
	margin: auto;
	position: absolute;
	top: 870px;
	left: 0;
	right: 0;
}

#top #box1 .btn a::after {
	content: '';
	background: #e4d4f2;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #box1 .btn a:hover::after {
	top: 0;
	left: 0;
}

#top #simulator {
	background: url(../images/bg_top_simulator.jpg) no-repeat top center;
	margin-top: -28px;
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

#top #simulator .image {
	margin-top: 50px;
	text-align: center;
}

#top #simulator .title {
	margin-top: 30px;
	text-align: center;
}

#top #simulator #total {
	width: 760px;
	margin: 20px auto 0;
}

#top #simulator #total ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #simulator #total ul li {
	font-size: 20px;
	letter-spacing: 1px;
}

#top #simulator #total ul li:nth-child(2) input[type="text"] {
	font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 40px;
	background: #fff;
	width: 500px;
	height: 60px;
	border: #000 2px solid;
	text-align: center;
}

#top #simulator #total ul li:last-child {
	margin-left: 5px;
}

#top #simulator #total ul li span {
	font-size: 28px;
}

#top #simulator .text {
	font-size: 16px;
	margin-top: 25px;
	text-align: center;
}

#top #simulator #day {
	background: #fff;
	width: 760px;
	margin: 20px auto 0;
	padding: 7px 10px;
	text-align: center;
}

#top #simulator #day ul {
	text-align: left;
	display: flex;
	align-items: center;
}

#top #simulator #day ul li:first-child {
	font-size: 14px;
	color: #333333;
	width: 6%;
}

#top #simulator #day ul li:nth-child(2) {
	font-size: 16px;
	width: 20%;
	padding-left: 25px;
}

#top #simulator #day ul li:nth-child(3) {
	width: 64%;
}

#top #simulator #day ul li:first-child p {
	color: #fff;
	background: #fd0100;
	padding: 4px 0;
	text-align: center;
}

#top #simulator #day ul li:nth-child(3) select {
	font-size: 16px;
	color: #333333;
	background: url(../images/select_arrow.png) no-repeat 95% center #fff;
	width: 390px;
	height: 40px;
	border: none;
	padding-left: 20px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#top #simulator #day ul li:last-child img {
	display: none;
}

#top #simulator #week {
	background: #fff;
	width: 760px;
	margin: 7px auto 0;
	padding: 7px 10px;
	text-align: center;
}

#top #simulator #week ul {
	text-align: left;
	display: flex;
	align-items: center;
}

#top #simulator #week ul li:first-child {
	font-size: 14px;
	color: #333333;
	width: 6%;
}

#top #simulator #week ul li:nth-child(2) {
	font-size: 16px;
	width: 20%;
	padding-left: 10px;
}

#top #simulator #week ul li:nth-child(3) {
	width: 64%;
}

#top #simulator #week ul li:first-child p {
	color: #fff;
	background: #fd0100;
	padding: 4px 0;
	text-align: center;
}

#top #simulator #week ul li:nth-child(3) select {
	font-size: 16px;
	color: #333333;
	background: url(../images/select_arrow.png) no-repeat 95% center #fff;
	width: 390px;
	height: 40px;
	border: none;
	padding-left: 20px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#top #simulator #week ul li:last-child img {
	display: none;
}

#top #simulator #zappi {
	background: #fff;
	width: 760px;
	margin: 7px auto 0;
	padding: 16px 10px;
	text-align: center;
}

#top #simulator #zappi ul {
	text-align: left;
	display: flex;
	align-items: center;
}

#top #simulator #zappi ul li:first-child {
	font-size: 14px;
	color: #333333;
	width: 6%;
}

#top #simulator #zappi ul li:nth-child(2) {
	font-size: 18px;
	width: 36%;
	padding-left: 10px;
}

#top #simulator #zappi ul li:last-child {
	width: 58%;
}

#top #simulator #zappi ul li:first-child p {
	color: #fff;
	background: #4aafff;
	padding: 4px 0;
	text-align: center;
}

#top #simulator #zappi ul li:last-child br {
	display: none;
}

@keyframes click-wave {
	0% {
		position: relative;
		width: 15px;
		height: 15px;
		opacity: 0.35;
	}

	100% {
		width: 100px;
		height: 100px;
		margin-top: -40px;
		margin-left: -40px;
		opacity: 0;
	}
}

#top #simulator #zappi .cp_ipradio .option-input {
	color: #fff;
	background: #ededed;
	width: 15px;
	height: 15px;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 0.15s ease-out 0s;
	-webkit-appearance: none;
	appearance: none;
}

#top #simulator #zappi .cp_ipradio .option-input:hover {
	background: #d9eeff;
}

#top #simulator #zappi .cp_ipradio .option-input:checked {
	background: #4aafff;
}

#top #simulator #zappi .cp_ipradio .option-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #4aafff;
}

#top #simulator #zappi .cp_ipradio .option-input.radio {
	border-radius: 50%;
}

#top #simulator #zappi .cp_ipradio .option-input.radio::after {
	border-radius: 50%;
}

#top #simulator #zappi .cp_ipradio label {
	font-size: 18px;
	cursor: pointer;
}

#top #simulator #zappi .cp_ipradio .disabled {
	color: #9e9e9e;
}

#top #simulator form .calc {
	width: 200px;
	height: 50px;
	margin: 15px auto 0;
	position: relative;
	z-index: 1;
}

#top #simulator .calc::after {
	content: '';
	background: #ffb464;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #simulator .calc:hover::after {
	top: 0;
	left: 0;
}

#top #simulator .calc input[type="button"] {
	font-size: 14px;
	background: none;
	width: 200px;
	height: 50px;
	border: #000 1px solid;
	border-radius: 0;
	letter-spacing: 1px;
	cursor: pointer;
}

#top #simulator .title2 {
	margin-top: 80px;
	text-align: center;
}

#top #simulator #course {
	width: 1000px;
	margin: 20px auto 0;
}

#top #simulator #course ul {
	font-size: 0;
}

#top #simulator #course ul li {
	font-size: 0;
	padding: 10px 3px;
	display: inline-block;
	vertical-align: middle;
}

#top #simulator #course ul li:first-child {
	font-size: 18px;
	background: #fdf4dc;
	height: 400px;
	width: 25%;
	padding: 10px;
}

#top #simulator #course ul li:nth-child(2),
#top #simulator #course ul li:nth-child(4) {
	width: 3%;
	text-align: center;
}

#top #simulator #course ul li:nth-child(3) {
	font-size: 18px;
	background: #fbc5bb;
	height: 400px;
	width: 29%;
	padding: 10px;
}

#top #simulator #course ul li:last-child {
	background: #b5e9cb;
	height: 400px;
	width: 39%;
	padding: 10px;
}

#top #simulator #course ul li p {
	font-size: 18px;
	color: #fff;
	background: #fb6a7b;
	margin: 0 auto 10px;
	padding: 5px;
	border-radius: 16px;
	text-align: center;
}

#top #simulator #course ul li:first-child p {
	width: 80%;
}

#top #simulator #course ul li:first-child div {
	width: 88%;
	margin: 7px auto 0;
}

#top #simulator #course ul li:nth-child(3) div {
	width: 75%;
	margin: 7px auto 0;
}

#top #simulator #course ul li:first-child input[type="text"],
#top #simulator #course ul li:nth-child(3) input[type="text"] {
	font-size: 18px;
	background: #fff;
	width: 80px;
	height: 25px;
	border: none;
	text-align: center;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#top #simulator #course ul li:last-child label {
	font-size: 18px;
	width: 49%;
	margin-top: 10px;
	display: inline-block;
	cursor: pointer;
}

#top #simulator #course ul li:last-child label {
	padding-left: 15px;
}

#top #simulator #course ul li:last-child p {
	width: 92%;
	margin-bottom: 0;
}

#top #simulator #total2 {
	width: 775px;
	margin: 20px auto 0;
}

#top #simulator #total2 ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #simulator #total2 ul li {
	font-size: 20px;
	letter-spacing: 1px;
}

#top #simulator #total2 ul li:first-child {
	background: url(../images/equal.png) no-repeat left center;
	padding-left: 55px;
}

#top #simulator #total2 ul li:nth-child(2) input[type="text"] {
	font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 40px;
	background: #fff;
	width: 500px;
	height: 60px;
	border: #000 2px solid;
	text-align: center;
}

#top #simulator #total2 ul li:last-child {
	margin-left: 5px;
}

#top #simulator #total2 ul li span {
	font-size: 28px;
}

#top #simulator #inbox {
	background: url(../images/bg_total3.png);
	width: 760px;
	height: 134px;
	margin: 0 auto;
}

#top #simulator #course .cp_ipradio .option-input {
	color: #fff;
	background: #ededed;
	width: 15px;
	height: 15px;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 0.15s ease-out 0s;
	-webkit-appearance: none;
	appearance: none;
}

#top #simulator #course .cp_ipradio .option-input:hover {
	background: #d9eeff;
}

#top #simulator #course .cp_ipradio .option-input:checked {
	background: #4aafff;
}

#top #simulator #course .cp_ipradio .option-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #4aafff;
}

#top #simulator #course .cp_ipradio .option-input.radio {
	border-radius: 50%;
}

#top #simulator #course .cp_ipradio .option-input.radio::after {
	border-radius: 50%;
}

#top #simulator #course .cp_ipradio label {
	font-size: 18px;
	cursor: pointer;
}

#top #simulator #course .cp_ipradio .disabled {
	color: #9e9e9e;
}

#top #simulator #zappi2 {
	width: 760px;
	padding: 50px 0 0 100px;
	text-align: center;
}

#top #simulator #zappi2 ul {
	text-align: left;
	display: flex;
	align-items: center;
}

#top #simulator #zappi2 ul li:first-child {
	font-size: 14px;
	color: #333333;
	width: 6%;
}

#top #simulator #zappi2 ul li:nth-child(2) {
	font-size: 18px;
	width: 42%;
	padding-left: 20px;
}

#top #simulator #zappi2 ul li:last-child {
	width: 52%;
}

#top #simulator #zappi2 ul li:first-child p {
	color: #fff;
	background: #4aafff;
	padding: 4px 0;
	text-align: center;
}

#top .cp_ipradio .option-input {
	color: #fff;
	background: #ededed;
	width: 15px;
	height: 15px;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	top: 2px;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 0.15s ease-out 0s;
	-webkit-appearance: none;
	appearance: none;
}

#top .cp_ipradio .option-input:hover {
	background: #f0d6ff;
}

#top .cp_ipradio .option-input:checked {
	background: #b86fe2;
}

#top .cp_ipradio .option-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #b86fe2;
}

#top .cp_ipradio .option-input.radio {
	border-radius: 50%;
}

#top .cp_ipradio .option-input.radio::after {
	border-radius: 50%;
}

#top .cp_ipradio label {
	font-size: 16px;
	cursor: pointer;
}

#top #simulator #zappi2 .cp_ipradio .disabled {
	color: #9e9e9e;
}

#top #simulator #total3 {
	margin: 7px 0 0 120px;
}

#top #simulator #total3 ul {
	font-size: 0;
}

#top #simulator #total3 li {
	font-size: 20px;
	display: inline-block;
}

#top #simulator #total3 li:nth-child(2) input[type="text"] {
	font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-size: 20px;
	background: #fff;
	width: 280px;
	height: 40px;
	border: none;
	text-align: center;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#top #box2 {
	width: 1200px;
	margin: 150px auto 0;
}

#top #box2 ul {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #box2 ul li {
	width: 590px;
	height: 300px;
}

#top #box2 ul li:first-child {
	background: url(../images/bg_top_salary.jpg) no-repeat;
}

#top #box2 ul li:first-child p {
	font-size: 24px;
	color: #fff;
	margin: 100px 0 0 40px;
	position: relative;
}

#top #box2 ul li:first-child p::after {
	content: '';
	background: #fff;
	width: 65px;
	height: 2px;
	display: block;
	position: absolute;
	top: 40px;
	left: 55px;
}

#top #box2 ul li:last-child {
	background: url(../images/bg_top_about.jpg) no-repeat;
	margin-left: 20px;
}

#top #box2 ul li:last-child p {
	font-size: 24px;
	color: #fff;
	margin: 100px 0 0 360px;
	position: relative;
}

#top #box2 ul li:last-child p::after {
	content: '';
	background: #fff;
	width: 65px;
	height: 2px;
	display: block;
	position: absolute;
	top: 40px;
	left: 60px;
}

#top #box2 .btn a {
	color: #fff;
	border: #fff 1px solid;
}

#top #box2 ul li:first-child .btn {
	margin: 50px 0 0 20px;
}

#top #box2 ul li:first-child .btn a::after {
	content: '';
	background: #fe0165;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #box2 ul li:last-child .btn {
	margin: 50px 0 0 355px;
}

#top #box2 ul li:last-child .btn a::after {
	content: '';
	background: #fe6713;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #box2 ul li .btn a:hover::after {
	top: 0;
	left: 0;
}

#top #movie {
	background: url(../images/bg_top_movie.png) no-repeat #d8f4f8;
	margin-top: 100px;
	padding: 50px 0 20px;
}

#top #movie ul {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #movie ul li {
	width: 640px !important;
}

#top #movie ul li video {
	width: 640px;
	height: 360px;
}

#top #movie ul li:nth-child(n+2) {
	margin-left: 20px;
}

#top #movie .bx-wrapper .bx-pager {
	bottom: -15px;
}

#top #blog {
	margin-top: 80px;
}

#top #blog h3::before {
	content: '';
	background: #e4d4f2;
	width: 330px;
	height: 90px;
	position: absolute;
	top: 30px;
	left: 47.5%;
	z-index: -1;
}

#top #blog ul {
	width: 100%;
	max-width: 1880px;
	margin: 50px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

#top #blog ul li {
	position: relative;
	margin-right: 20px;
}

#top #blog ul li:nth-child(5n) {
	margin-right: 0;
}

#top #blog ul li:nth-child(n+6) {
	margin-top: 20px;
}

#top #blog ul li .blog-date {
	height: 72px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #blog ul li .blog-date p {
	font-size: 16px;
	margin-left: 5px;
}

#top #blog ul li .blog-wrap {
	width: 360px;
	height: 360px;
}

#top #blog ul li .blog-box {
	width: 100%;
	height: 100%;
	display: block;
    overflow: hidden;
    position: relative;
	cursor: pointer;
}

#top #blog ul li .hover {
	font-size: 20px;
	color: #fff;
	background: rgba(184,111,226,0.9);
	width: 100%;
	height: 100%;
	line-height: 1.6;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s;
	opacity: 0;
}

#top #blog ul li .blog-box a img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
	transition: all 1s;
}

#top #blog ul li .blog-box:hover a img {
	transform: scale(1.2);
}

#top #blog ul li .blog-box:hover .hover {
	opacity: 1;
}

#top #blog ul li .hover p {
	width: 216px;
	margin: auto;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
}

#top #blog ul li .blog-box:hover .hover p {
	animation-name: fadeIn1;
	animation-duration: 0.8s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}

@keyframes fadeIn1 {
	from {
		opacity: 0;
		top: 50px;
	}
	to {
		opacity: 1;
		top: 120px;
	}
}

#top #blog ul li .hover .btn2 {
	font-size: 14px;
	width: 216px;
	margin: auto;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

#top #blog ul li .blog-box:hover .hover .btn2 {
	animation-name: fadeIn2;
	animation-duration: 0.8s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}

@keyframes fadeIn2 {
	from {
		opacity: 0;
		bottom: 50px;
	}
	to {
		opacity: 1;
		bottom: 125px;
	}
}

#top #blog ul li .hover .btn2 a {
	color: #9f42a8;
	background: #fff;
	padding: 10px 0;
	display: block;
}

#top #blog .btn {
	margin: 60px auto 0;
}

#top #blog .btn a::after {
	content: '';
	background: #e4d4f2;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #blog .btn a:hover::after {
	top: 0;
	left: 0;
}

#top #box3 {
	margin-top: 100px;
}

#top #box3 ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#top #box3 ul li:last-child {
	margin-left: 20px;
}

#top #box3 ul li a {
	color: #000;
	transition: all 0.5s;
}

#top #box3 ul li a:hover {
	opacity: 0.6;
}

#top #box3 ul li img {
	vertical-align: bottom;
}

#top #box3 ul li:first-child p {
	font-size: 24px;
	background: #d3e9f8;
	padding: 20px 0;
	text-align: center;
}

#top #box3 ul li:last-child p {
	font-size: 24px;
	background: #e4d4f2;
	padding: 20px 0;
	text-align: center;
}

#top #kensa {
	background: url(../images/bg_top_kensa.jpg) no-repeat top center;
	height: 600px;
	margin-top: 100px;
	position: relative;
}

#top #kensa p {
	font-size: 16px;
	color: #e95283;
	text-align: center;
	position: absolute;
	top: 300px;
	left: 30%;
	line-height: 1.6;
	letter-spacing: -1px;
}

#top #kensa p br.pc {
	display: block;
}

#top #kensa p br.sp {
	display: none;
}

#top #requirements {
	background: url(../images/top_bg_requirements.jpg) no-repeat top center;
	height: 1098px;
	margin-top: 100px;
	padding-top: 100px;
}

#top #requirements h3::before {
	content: '';
	background: #eeefe4;
	width: 330px;
	height: 90px;
	position: absolute;
	left: 32.5%;
	top: -30px;
	z-index: -1;
}

#top #requirements dl {
	font-size: 16px;
	width: 730px;
	margin: 30px auto 0;
	display: flex;
	align-items: top;
	justify-content: center;
	flex-wrap: wrap;
}

#top #requirements dl dt {
	width: 30%;
	padding: 20px 0 20px 30px;
	border-bottom: #fff 2px solid;
	line-height: 1.6;
}

#top #requirements dl dd {
	width: 70%;
	padding: 20px 0;
	border-bottom: #fff 2px solid;
	text-align: justify;
	line-height: 1.6;
}

#top #contact h3::before {
	content: '';
	background: #e4d4f2;
	width: 330px;
	height: 90px;
	position: absolute;
	top: 30px;
	left: 47.5%;
	z-index: -1;
}

#top #contact .required {
	font-size: 18px;
	color: #fd0100;
	width: 800px;
	margin: 30px auto 0;
	padding-left: 30px;
}

#top #contact form {
	width: 800px;
	margin: 10px auto 0;
}

#top #contact form dl {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

#top #contact form dl.hissu {
	align-items: top;
}

#top #contact form dl dt {
	background: #f5f0ec;
	width: 33%;
	padding: 18px 0 20px 20px;
	line-height: 1.6;
}

#top #contact form dl.hissu dt {
	height: 60px;
	padding-bottom: 0;
}

#top #contact form dl dt span {
	color: #fd0100;
}

#top #contact form dl dd {
	width: 67%;
	padding-left: 50px;
	line-height: 1.6;
}

#top #contact form dl.hissu dd {
	height: 75px;
	padding-top: 17px;
}

#top #contact form dl dd span {
	color: #fd0100;
	margin-top: 5px;
	display: block;
}

#top #contact form input[type="text"] {
	font-size: 16px;
	background: #f5f0ec;
	height: 40px;
	border: none;
	padding-left: 20px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#top #contact form dd.long input[type="text"] {
	width: 390px;
}

#top #contact form dd.short input[type="text"] {
	width: 100px;
}

#top #contact form input::placeholder {
 	color: #d7cbcc;
}

#top #contact form input:-ms-input-placeholder {
 	color: #d7cbcc;
}

#top #contact form input::-ms-input-placeholder {
 	color: #d7cbcc;
}

#top #contact form dd select {
	font-size: 16px;
	background: url(../images/select_arrow.png) no-repeat 90% center #f5f0ec;
	width: 100px;
	height: 40px;
	border: none;
	padding-left: 20px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#top #contact form p {
	font-size: 16px;
	margin: 40px 0 20px;
	text-align: center;
}

#top #contact form p br {
	display: none;
}

#top #contact form dl.other {
	align-items: start;
}

#top #contact form dl.other dt,
#top #contact form dl.other dd {
	margin-bottom: 15px;
}

#top #contact form dl.other dd {
	padding-top: 20px;
}

#top #contact form dl.other dd br {
	display: none;
}

#top #contact form dl.other dd.short,
#top #contact form dl.other dd.long {
	padding-top: 10px;
}

#top #contact form dl.other dd:nth-of-type(3) {
	padding-top: 32px;
}

#top #contact form dl.other dd:last-of-type {
	padding-top: 0;
}

#top #contact form dl.other dd:nth-of-type(7) {
	padding-top: 10px;
}

#top #contact form dl.other dd:nth-of-type(7) select {
	width: 180px;
}

#top #contact form textarea {
	font-size: 16px;
	background: #f5f0ec;
	width: 390px;
	height: 200px;
	border: none;
	padding-left: 20px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#top #contact form .submit {
	width: 200px;
	height: 50px;
	margin: 30px auto 0;
	position: relative;
	z-index: 1;
}

#top #contact form .submit::after {
	content: '';
	background: #e4d4f2;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#top #contact form .submit:hover::after {
	top: 0;
	left: 0;
}

#top #contact form .submit input[type="submit"] {
	font-size: 18px;
	background: none;
	width: 200px;
	height: 50px;
	border: #000 1px solid;
	border-radius: 0;
	letter-spacing: 1px;
	cursor: pointer;
}

@media screen and (max-width: 2000px) {
	#top #movie ul li {
		width: 32vw !important;
	}

	#top #movie ul li video {
		width: 32vw;
		height: 18vw;
	}
}

@media screen and (max-width: 1879px) {
	#top #blog ul {
		padding: 0 20px;
	}

	#top #blog ul li:nth-child(4n) {
		margin-right: 0;
	}

	#top #blog ul li:nth-child(5n) {
		margin-right: 20px;
	}

	#top #blog ul li:nth-child(n+5) {
		margin-top: 20px;
	}

	#top #blog ul li:last-child {
		margin-right: 0;
	}
}

@media screen and (max-width: 1539px) {
	#top #blog ul li:nth-child(3n) {
		margin-right: 0;
	}

	#top #blog ul li:nth-child(4n) {
		margin-right: 20px;
	}

	#top #blog ul li:nth-child(5n) {
		margin-right: 20px;
	}

	#top #blog ul li:nth-child(n+4) {
		margin-top: 20px;
	}

	#top #blog ul li:last-child {
		margin-left: 20px;
	}
}

@media screen and (max-width: 1200px) {
	#top #box2 {
		width: 100%;
		margin-top: 12.5vw;
	}

	#top #box2 ul li {
		width: calc(50% - 10px);
		height: 25vw;
	}

	#top #box2 ul li:first-child,
	#top #box2 ul li:last-child {
		background-size: 100% 100%;
	}

	#top #box2 ul li:first-child p {
	    font-size: 2vw;
	    margin: 8.34vw 0 0 3.34vw;
	}

	#top #box2 ul li:last-child p {
	    font-size: 2vw;
	    margin: 8.34vw 0 0 30vw;
	}

	#top #box2 ul li:first-child p::after,
	#top #box2 ul li:last-child p::after {
	    width: 5.42vw;
	    height: 2px;
	    top: 3.34vw;
	    left: 4.59vw;
	}

	#top #box2 .btn {
		font-size: 1.18vw;
	    width: 16.8vw;
	}

	#top #box2 ul li:first-child .btn {
		margin: 4.18vw 0 0 1.83vw;
	}

	#top #box2 ul li:last-child .btn {
	    margin: 4.18vw 0 0 29.8vw;
	}

	#top #box2 .btn a {
		padding: 1.48vw 0;
	}

	#top #box2 ul li:first-child .btn a::after,
	#top #box2 ul li:last-child .btn a::after {
	    width: 16.7vw;
	    height: 4vw;
	    top: 0.85vw;
	    left: 0.85vw;
	}

	#top #box2 ul li:first-child .btn a:hover::after,
	#top #box2 ul li:last-child .btn a:hover::after {
		top: 0;
		left: 0;
	}

	#top #box3 {
		margin-top: 12.5vw;
	}

	#top #box3 ul li {
		width: calc(50% - 10px);
	}

	#top #box3 ul li a img {
		width: 100%;
	}

	#top #box3 ul li:first-child p,
	#top #box3 ul li:last-child p {
		font-size: 2vw;
		padding: 1.68vw 0;
	}

	#top #kensa {
		background-position: 250px 0;
	}

	#top #kensa p {
		margin: auto;
		left: 0;
		right: 0;
	}
}

@media screen and (max-width: 1159px) {
	#top #blog ul li:nth-child(3n) {
		margin-right: 20px;
	}

	#top #blog ul li:nth-child(5n) {
		margin-right: 20px;
	}

	#top #blog ul li:nth-child(2n) {
		margin-right: 0;
	}

	#top #blog ul li:nth-child(n+3) {
		margin-top: 20px;
	}

	#top #blog ul li:last-child {
		margin-left: 20px;
	}
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
	#top #simulator .image img {
		width: 85.6vw;
	}

	#top #simulator .title img {
		width: 69vw;
	}

	#top #simulator {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	#top #simulator #course {
		width: 100%;
	}

	#top #simulator #course ul li:first-child,
	#top #simulator #course ul li:nth-child(3),
	#top #simulator #course ul li:last-child {
		font-size: 1.8vw;
		height: 40vw;
		padding: 1vw;
	}

	#top #simulator #course ul li:first-child div {
		width: 95%;
		margin-top: 0.7vw;
	}

	#top #simulator #course ul li:nth-child(3) div {
		width: 79%;
		margin-top: 0.7vw;
	}

	#top #simulator #course ul li p {
		font-size: 1.8vw;
	}

	#top #simulator #course ul li:first-child input[type="text"],
	#top #simulator #course ul li:nth-child(3) input[type="text"] {
		font-size: 1.8vw;
		width: 8vw;
		height: 2.5vw;
	}

	#top #simulator #course ul li:last-child label {
		font-size: 1.7vw;
		margin-top: 0.8vw;
		padding-left: 0;
	}

	#top #simulator #total2 {
		width: 100%;
	}

	#top #simulator #total2 ul li:nth-child(2) input[type="text"] {
		width: 450px;
	}

	#top #simulator #inbox {
		background-size: 100%;
		width: 100%;
		max-width: 760px;
	}
}

@media screen and (max-width: 800px) {
	#top #blog ul li a img {
		width: 100%;
	}

	#top #blog ul li {
		width: calc(50% - 20px);
	}

	#top #blog ul li .blog-wrap {
		width: 100%;
		height: 45vw;
	}

	#top #contact .required {
		font-size: 2.25vw;
		width: 100%;
	}

	#top #contact form {
		width: 100%;
	}

	#top #contact form dl {
		font-size: 2vw;
	}

	#top #contact form dl dd {
		padding-left: 5.125vw;
	}

	@keyframes fadeIn1 {
		from {
			opacity: 0;
			top: 5.25vw;
		}
		to {
			opacity: 1;
			top: 15vw;
		}
	}

	@keyframes fadeIn2 {
		from {
			opacity: 0;
			bottom: 5.25vw;
		}
		to {
			opacity: 1;
			bottom: 15.525vw;
		}
	}
}

@media screen and (max-width: 750px) {
	#top #main-image {
		background: none;
		width: 100%;
		height: 86.667vw;
		margin: 0;
		left: 0;
	}

	#top #main-image::before {
		content: '';
		background: url(../images/sp_bg_top_main.jpg) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	#top h2 {
		width: 100vw;
		margin: 0;
		top: 30px;
	}

	#top h2 img {
		width: 100%;
	}

	#top #slider {
		width: 100%;
		margin: 0;
		left: 0;
	}

	#top #slider li {
		width: 60vw !important;
		margin: 0 auto;
	}

	#top #slider .bx-viewport {
		margin-left: 20%;
		overflow: visible !important;
	}

	#top #slidefilter-left {
		background: url(../images/sp_left.png) no-repeat;
		width: 16vw;
		height: 60vw;
	}

	#top #slidefilter-right {
		background: url(../images/sp_right.png) no-repeat;
		width: 16vw;
		height: 60vw;
	}

	#top .bx-wrapper .bx-pager {
		right: 0;
	}

	#top .bx-wrapper .bx-controls-direction a {
		width: 5.33vw;
		height: 8vw;
		margin-top: -4vw;
	}

	#top .bx-wrapper .bx-prev {
		background: url(../images/prev.jpg) no-repeat;
		background-size: 100%;
		left: 0;
	}

	#top .bx-wrapper .bx-next {
		background: url(../images/next.jpg) no-repeat;
		background-size: 100%;
		right: 0;
	}

	#top .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#top .bx-wrapper .bx-pager.bx-default-pager a.active,
	#top .bx-wrapper .bx-pager.bx-default-pager a:focus {
		width: 2.5vw;
		height: 2.5vw;
	}

	#top .bx-wrapper .bx-pager.bx-default-pager a {
		width: 2.5vw;
		height: 2.5vw;
		margin: 0 2.5vw;
	}

	#top .box {
		width: 100%;
		margin: 0;
		left: 0;
	}

	#top #box1 {
		margin-top: 0;
	}

	#top #box1 img {
		width: 100%;
	}

	#top .btn {
		width: 53.3vw;
	}

	#top #box1 .btn {
		font-size: 3.74vw;
		top: 205vw;
	}

	#top .btn a {
		padding: 4.53vw 0;
	}

	#top #box1 .btn a::after {
	    width: 53vw;
	    height: 12.8vw;
	    top: 2vw;
	    left: 3vw;
	}

	#top #simulator {
		background: url(../images/sp_bg_top_simulator.jpg) no-repeat;
		background-size: 100%;
		margin-top: -3.74vw;
		padding-top: 10.7vw;
	}

	#top #simulator .image {
		margin-top: -9vw;
	}

	#top #simulator .image img {
		width: 100%;
	}

	#top #simulator .title {
		margin-top: -12vw;
	}

	#top #simulator .title img {
		width: 100%;
	}

	#top #simulator {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	#top #simulator #course {
		width: 100%;
	}

	#top #simulator #total {
		width: 95%;
		margin-top: 1vw;
	}

	#top #simulator #total ul {
		flex-wrap: wrap;
	}

	#top #simulator #total ul li {
		font-size: 4.8vw;
	}

	#top #simulator #total ul li span {
		font-size: 6.4vw;
	}

	#top #simulator #total ul li:first-child {
		width: 100%;
		text-align: center;
	}

	#top #simulator #total ul li:nth-child(2) {
		width: 90%;
	}

	#top #simulator #total ul li:nth-child(2) input[type="text"] {
		font-size: 3.74vw;
		width: 100%;
		height: 9vw;
		margin-top: 1vw;
	}

	#top #simulator #day {
		width: 100%;
		margin: 2.67vw auto 0;
		padding: 0.93vw 1.33vw;
	}

	#top #simulator #day ul li:first-child {
		font-size: 3vw;
		width: 14%;
	}

	#top #simulator #day ul li:nth-child(2) {
		font-size: 3.13vw;
		width: 40%;
		padding-left: 6.8vw;
	}

	#top #simulator #day ul li:first-child p {
		padding: 0.53vw 0;
	}

	#top #simulator #day ul li:nth-child(3) {
		width: 60%;
	}

	#top #simulator #day ul li:nth-child(3) select {
		width: 100%;
	}

	#top #simulator #day ul li:last-child {
		width: 15%;
		padding-left: 2vw;
	}

	#top #simulator #day ul li:last-child img {
		max-width: 100%;
	}

	#top #simulator #week {
		width: 100%;
		margin: 2.67vw auto 0;
		padding: 0.93vw 1.33vw;
	}

	#top #simulator #week ul li:first-child {
	    font-size: 3vw;
	    width: 14%;
	}

	#top #simulator #week ul li:nth-child(2) {
		font-size: 3.13vw;
		width: 40%;
		padding-left: 3.33vw;
	}

	#top #simulator #week ul li:nth-child(3) {
		width: 60%;
	}

	#top #simulator #week ul li:first-child p {
		padding: 0.53vw 0;
	}

	#top #simulator #week ul li:nth-child(3) select {
		width: 100%;
	}

	#top #simulator #week ul li:last-child {
		width: 15%;
		padding-left: 2vw;
	}

	#top #simulator #week ul li:last-child img {
		max-width: 100%;
	}

	#top #simulator #zappi {
		width: 100%;
		margin: 2.67vw auto 0;
		padding: 0.93vw 1.33vw;
	}

	#top #simulator #zappi ul li:first-child {
		font-size: 3vw;
		width: 11.4%;
	}

	#top #simulator #zappi ul li:nth-child(2) {
		font-size: 3.13vw;
		width: 50%;
		padding-left: 3.5vw;
	}

	#top #simulator #zappi ul li:last-child {
		width: 38%;
	}

	#top #simulator #zappi ul li:first-child p {
		padding: 0.53vw 0;
	}

	#top #simulator #zappi ul li:last-child br {
		display: block;
	}

	#top #simulator #zappi .cp_ipradio label {
		font-size: 3.13vw;
	}

	#top #simulator #zappi .cp_ipradio label input {
		vertical-align: bottom;
	}

	#top #simulator form .calc {
		width: 53.33vw;
		height: 12.8vw;
		margin: 2vw auto 0;
	}

	#top #simulator form .calc::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#top #simulator .calc input[type="button"] {
		font-size: 3.74vw;
		width: 53.33vw;
		height: 12.8vw;
	}

	#top #simulator .text {
		font-size: 2.5vw;
		margin-top: 5vw;
	}

	#top #simulator #course ul li:first-child,
	#top #simulator #course ul li:nth-child(2),
	#top #simulator #course ul li:nth-child(3),
	#top #simulator #course ul li:nth-child(4),
	#top #simulator #course ul li:last-child {
		width: 100%;
	}

	#top #simulator .title2 {
		margin-top: 10.67vw;
	}

	#top #simulator .title2 img {
		width: 100%;
	}

	#top #simulator #course ul li:first-child {
		height: inherit;
		padding: 2vw;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	#top #simulator #course ul li p,
	#top #simulator #course ul li:first-child p {
		width: 80%;
	}

	#top #simulator #course ul li:first-child div {
		width: 50%;
		margin: 7px 0 0 0;
		letter-spacing: -2px;
	}

	#top #simulator #course ul li:first-child div:first-of-type {
		order: 1;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(2) {
		order: 3;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(3) {
		order: 5;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(4) {
		order: 7;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(5) {
		order: 2;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(6) {
		order: 4;
	}

	#top #simulator #course ul li:first-child div:nth-of-type(7) {
		order: 6;
	}

	#top #simulator #course ul li:nth-child(3) {
		height: inherit;
		padding: 2vw;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	#top #simulator #course ul li:nth-child(3) div {
		width: 50%;
		margin: 7px 0 0 0;
		letter-spacing: -2px;
	}

	#top #simulator #course ul li:nth-child(3) div:first-of-type {
		order: 1;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(2) {
		order: 3;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(3) {
		order: 5;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(4) {
		order: 7;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(5) {
		order: 9;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(6) {
		order: 2;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(7) {
		order: 4;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(8) {
		order: 6;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(9) {
		order: 8;
	}

	#top #simulator #course ul li:nth-child(3) div:nth-of-type(10) {
		order: 10;
	}

	#top #simulator #course ul li:last-child {
		height: inherit;
		padding: 2vw;
	}

	#top #simulator #course ul li:last-child label {
		width: 49%;
		padding-left: 2vw;
	}

	#top #simulator #total2 {
		width: 95%;
		margin: 2.66vw auto 0;
	}

	#top #simulator #total2 ul {
		flex-wrap: wrap;
	}

	#top #simulator #total2 ul li:first-child {
	    background-size: 5.5% 45%;
	    background-position: 22% center;
	    width: 100%;
	    padding-left: 7.33vw;
	    text-align: center;
	}

	#top #simulator #total2 ul li {
		font-size: 4.8vw;
	}

	#top #simulator #total2 ul li:nth-child(2) {
		width: 95%;
		margin-top: 1vw;
	}

	#top #simulator #total2 ul li span {
		font-size: 6.4vw;
	}

	#top #simulator #total2 ul li:nth-child(2) input[type="text"] {
		font-size: 3.74vw;
		width: 100%;
		height: 9vw;
	}

	#top #simulator #total2 ul li:last-child {
		width: calc(5% - 5px);
		margin-top: 1vw;
	}

	#top #simulator #inbox {
		background: #fdf4dc;
		width: 100%;
		height: inherit;
		margin-top: 3vw;
		padding: 2vw;
	}

	#top #simulator #zappi2 {
		width: 100%;
		padding: 0;
	}

	#top #simulator #zappi2 ul {
		justify-content: center;
		flex-wrap: wrap;
	}

	#top #simulator #zappi2 ul li:first-child {
		font-size: 3vw;
		width: 11%;
	}

	#top #simulator #zappi2 ul li:nth-child(2) {
	    font-size: 3.13vw;
	    width: 57%;
	    padding-left: 1.5vw;
	}

	#top #simulator #zappi2 ul li:last-child {
		width: 100%;
		margin-top: 1vw;
		text-align: center;
	}

	#top #simulator #zappi2 .cp_ipradio label {
		font-size: 3.13vw;
	}

	#top #simulator #total3 {
		margin: 2vw 0 0 0;
	}

	#top #simulator #total3 ul {
		text-align: center;
	}

	#top #simulator #total3 li {
		font-size: 3.13vw;
	}

	#top #simulator #total3 li:nth-child(2) input[type="text"] {
		font-size: 3.13vw;
		width: 37.33vw;
		height: 5.34vw;
	}

	#top #box2 ul {
		flex-wrap: wrap;
	}

	#top #box2 ul li {
		width: 100%;
	}

	#top #box2 ul li:first-child {
		background: url(../images/sp_bg_top_salary.jpg) no-repeat;
		background-size: 100%;
		height: 50vw;
	}

	#top #box2 ul li:first-child p {
	    font-size: 4.8vw;
	    margin: 16vw 0 0 8vw;
	}

	#top #box2 ul li:first-child p::after,
	#top #box2 ul li:last-child p::after {
	    width: 13vw;
	    height: 4px;
	    top: 7.34vw;
	    left: 10.59vw;
	}

	#top #box2 ul li:first-child .btn {
		font-size: 3.74vw;
		width: 53.33vw;
		margin: 8vw auto 0;
	}

	#top #box2 ul li:first-child .btn a {
		padding: 4.53vw 0;
	}

	#top #box2 ul li:first-child .btn a::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#top #box2 ul li:last-child {
		background: url(../images/sp_bg_top_about.jpg) no-repeat;
		background-size: 100%;
		height: 50vw;
		margin: 2vw 0 0 0;
	}

	#top #box2 ul li:last-child p {
	    font-size: 4.8vw;
	    margin: 16vw 0 0 57vw;
	}

	#top #box2 ul li:last-child .btn {
		font-size: 3.74vw;
		width: 53.33vw;
		margin: 8vw auto 0;
	}

	#top #box2 ul li:last-child .btn a {
		padding: 4.53vw 0;
	}

	#top #box2 ul li:last-child .btn a::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#top #movie {
	    background: url(../images/sp_bg_top_movie.png) no-repeat #d8f4f8;
	    margin-top: 13.33vw;
	    padding: 2vw 0 9vw;
	}

	#top #movie .bx-viewport {
		height: 55vw !important;
	}

	#top #movie .bx-wrapper {
		margin-top: 2vw;
	}

	#top #movie .bx-wrapper li {
		text-align: center;
	}

	#top #movie .bx-wrapper li img {
		width: 85.334vw;
		margin: 0 auto;
	}

	#top #movie ul li {
		width: 100vw !important;
	}

	#top #movie ul li:nth-child(n+2) {
		margin-left: 0;
	}

	#top #movie ul li video {
		width: 85.333vw;
		height: 48vw;
	}

	#top #blog {
		margin-top: 12.5vw;
	}

	#top #blog h3::before {
	    width: 44vw;
	    height: 12vw;
	    top: 6vw;
	    left: 45%;
	}

	#top #blog ul {
		padding: 0;
	}

	#top #blog ul li .blog-date {
		height: 9.6vw;
		margin-bottom: 0.667vw;
	}

	#top #blog ul li .blog-date img {
		width: 9.333vw;
	}

	#top #blog ul li .blog-date p {
		font-size: 2.8vw;
		margin-left: 0.667vw;
	}

	#top #blog .btn {
		font-size: 3.74vw;
		margin-top: 8vw;
	}

	#top #blog .btn a::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#top #blog ul li:nth-child(2n+1) {
		margin-right: 2vw;
	}

	#top #blog ul li:last-child {
		margin-left: 0;
	}

	#top #blog ul li .hover {
		display: none;
		font-size: 2.67vw;
	}

	/*#top #blog ul li .hover p,
	#top #blog ul li .hover .btn2 {
		width: 30vw;
	}

	#top #blog ul li .hover .btn2 {
		font-size: 1.87vw;
	}

	@keyframes fadeIn3 {
		from {
			opacity: 0;
			top: 5vw;
		}
		to {
			opacity: 1;
			top: 13.5vw;
		}
	}

	@keyframes fadeIn4 {
		from {
			opacity: 0;
			bottom: 5vw;
		}
		to {
			opacity: 1;
			bottom: 13.5vw;
		}
	}

	#top #blog ul li .blog-box > a {
		display: block;
	}

	#top #blog ul li .blog-box:hover .hover p {
		animation-name: fadeIn3;
	}

	#top #blog ul li .blog-box:hover .hover .btn2 {
		animation-name: fadeIn4;
	}*/

	#top #blog ul li .blog-box:hover a img {
		transform: scale(1);
	}

	#top #box3 ul {
		flex-wrap: wrap;
	}

	#top #box3 ul li {
		width: 100%;
	}

	#top #box3 ul li:last-child {
		margin: 3vw 0 0 0;
	}

	#top #box3 ul li:first-child p,
	#top #box3 ul li:last-child p {
		font-size: 4.8vw;
		padding: 2.5vw 0;
	}

	#top #kensa {
		background: url(../images/sp_bg_top_kensa.jpg) no-repeat;
		background-size: 100%;
		height: 75.067vw;
		margin-top: 13.34vw;
	}

	#top #kensa p {
		font-size: 4vw;
		top: 30vw;
	}

	#top #kensa p br.pc {
		display: none;
	}

	#top #kensa p br.sp {
		display: block;
	}

	#top #requirements {
		background: url(../images/sp_top_bg_requirements.jpg) no-repeat top left;
		background-size: 100%;
		height: 186.934vw;
		margin-top: 13.33vw;
		padding-top: 3vw;
	}

	#top #requirements h3::before {
		width: 39vw;
	    height: 13vw;
	    top: -1vw;
	    left: 12%;
	}

	#top #requirements dl {
		font-size: 4.2vw;
		width: 94%;
		margin: 4vw auto 0;
	}

	#top #requirements dl dt {
		padding: 2.8vw 0;
	}

	#top #requirements dl dd {
		padding: 2.8vw 0;
	}

	#top #contact {
		margin-top: 13.33vw;
	}

	#top #contact h3::before {
		width: 44vw;
		height: 12vw;
		top: 6vw;
		left: 45%;
	}

	#top #contact .required {
		font-size: 4.27vw;
		margin: 4vw auto 0;
		padding-left: 0;
		text-align: center;
	}

	#top #contact form dl dt {
		font-size: 4vw;
		background: none;
		width: 94%;
		margin: 0 auto;
		padding: 0;
		line-height: 1;
	}

	#top #contact form dl.hissu dt,
	#top #contact form dl.hissu dd {
		height: inherit;
	}

	#top #contact form dl.hissu dt {
		margin-top: 1vw;
	}

	#top #contact form dl.hissu dd {
		font-size: 4.27vw;
		width: 94%;
		margin: 1vw auto 0;
		padding: 0;
	}

	#top #contact form dl dd span {
		font-size: 4.27vw;
	}

	#top #contact form input[type="text"] {
		height: 10.67vw
	}

	#top #contact form dd.long input[type="text"] {
		width: 100%;
	}

	#top #contact form dd.short input[type="text"] {
		width: 20vw;
	}

	#top #contact form dd select {
		background: url(../images/select_arrow.png) no-repeat 90% center #f5f0ec;
		width: 20vw;
		height: 10.67vw;
		padding-left: 2.5vw;
	}

	#top #contact form p {
		font-size: 4.27vw;
		margin: 2vw 0 0;
		padding: 0 7vw;
		line-height: 1.4;
		text-align: left;
	}

	#top #contact form p br {
		display: block;
	}

	#top #contact form dl.other {
		margin-top: 1vw;
	}

	#top #contact form dl.other dt br {
		display: none;
	}

	#top #contact form dl.other dt:nth-of-type(n+2) {
		margin-top: 5vw;
	}

	#top #contact form dl.other dd {
		width: 94%;
		margin: 0;
		padding: 0;
	}

	#top #contact form dl.other dd br {
		display: block;
	}

	#top #contact form dl.other dd.short,
	#top #contact form dl.other dd.long {
		padding: 0;
	}

	#top #contact form dl.other dd.short {
		font-size: 4.27vw;
	}

	#top #contact form dl.other dd:nth-of-type(2),
	#top #contact form dl.other dd:nth-of-type(3),
	#top #contact form dl.other dd:nth-of-type(4),
	#top #contact form dl.other dd:nth-of-type(5) {
		padding: 0 0 0 8vw;
	}

	#top #contact form dl.other dd:nth-of-type(7) select {
		width: 40vw;
	}

	#top .cp_ipradio label {
		font-size: 4.27vw;
	}

	#top #contact form textarea {
		width: 100%;
		height: 25vw;
		padding: 2vw 2vw;
	}

	#top #contact form .submit {
		width: 53vw;
		margin: 5vw auto 0;
	}

	#top #contact form .submit::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#top #contact form .submit input[type="submit"] {
		font-size: 3.74vw;
		width: 53vw;
		height: 12.8vw;
	}
}
/**** /top ****/

/**** about ****/
#about .title {
	background: url(../images/bg_about_title.png) no-repeat top center;
	height: 386px;
	margin-top: 88px;
	padding-top: 80px;
	position: relative;
	z-index: 2;
}

#about .title .sub-title {
	margin-top: 50px;
	text-align: center;
}

#about .image {
	width: 100%;
	text-align: center;
}

#about .image1 {
	background: url(../images/bg_about_01.png) no-repeat top center;
	height: 399px;
	margin-top: -24px;
	padding-top: 70px;
}

#about .image2 {
	background: #fff;
	padding-bottom: 70px;
}

#about .image3 {
	background: url(../images/bg_about_03.jpg) no-repeat top center;
	height: 600px;
	padding-top: 110px;
}

#about .image4 {
	background: url(../images/bg_about_04.jpg) no-repeat top center;
	height: 500px;
	padding-top: 110px;
}

#about img {
	max-width: 100%;
}

@media screen and (max-width: 750px) {
	#about .title {
		background: url(../images/sp_bg_about_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 88vw;
		margin: 0;
		z-index: 1;
	}

	#about .title .sub-title {
		margin-top: 20vw;
	}

	#about .image1 {
		background: url(../images/sp_bg_about_01.png) no-repeat top center;
		background-size: 100%;
		height: 87.734vw;
		padding-top: 9vw;
		position: relative;
		z-index: 2;
	}

	#about .image2 {
		margin-top: -7.5vw;
		padding-bottom: 0;
	}

	#about .image3 {
		background: url(../images/sp_bg_about_03.jpg) no-repeat top center;
		background-size: 100%;
		height: 140.667vw;
		padding-top: 10.5vw;
	}

	#about .image3 img {
		width: 95.067vw;
		max-width: 713px;
	}

	#about .image4 {
		background: url(../images/sp_bg_about_04.jpg) no-repeat top center;
		background-size: 100%;
		height: 108.8vw;
		padding-top: 20vw;
	}

	#about .image4 img {
		width: 92.534vw;
		max-width: 694px;
	}
}
/**** /about ****/

/**** blog ****/
#blog .title {
	color: #fff;
	background: url(../images/bg_bloglist_title.png) no-repeat top center;
    margin-top: 88px;
    padding-top: 120px;
    height: 387px;
}

#blog .title h3::after {
	background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px, transparent 10px);
}

#blog .box {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 0 20px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#blog .box li:first-child {
	width: 360px;
}

#blog .box li:first-child img {
	width: 100%;
}

#blog .box li:last-child {
	width: calc(100% - 360px);
	padding-left: 25px;
}

#blog .box .date {
	font-size: 12px;
	padding-left: 25px;
}

#blog .box h4 {
	font-size: 18px;
	background: #f0eee8;
	width: 100%;
	margin-top: 10px;
	padding: 10px 0 10px 25px;
}

#blog .box .text {
	padding: 20px 0 0 25px;
	line-height: 1.8;
}

#blog .other-page {
	background: #f0eee8;
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 30px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#blog .other-page span {
	font-size: 24px;
	vertical-align: middle;
}

#blog .other-page a {
	color: #000;
}

@media screen and (max-width: 750px) {
	#blog .title {
		background: url(../images/sp_bg_bloglist_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#blog .box {
		margin-top: 8vw;
		padding: 0;
		flex-wrap: wrap;
	}

	#blog .box li:first-child {
		width: 100%;
		padding: 0 2vw;
		text-align: center;
	}

	#blog .box li:first-child img {
		width: 100%;
		max-width: 360px;
	}

	#blog .box li:last-child {
		width: 100%;
		margin-top: 5vw;
		padding-left: 0;
	}

	#blog .box .date {
		font-size: 3.2vw;
		padding-left: 2vw;
	}

	#blog .box h4 {
		font-size: 5.867vw;
		margin-top: 2vw;
		padding: 1.5vw 2vw;
	}

	#blog .box .text {
		padding: 4vw 2vw 0;
	}

	#blog .other-page {
		font-size: 3.733vw;
		margin: 4vw auto 0;
		padding: 4vw 2vw;
	}

	#blog .other-page span {
		font-size: 6.4vw;
	}
}
/**** /blog ****/

/**** bloglist ****/
#bloglist .title {
	color: #fff;
	background: url(../images/bg_bloglist_title.png) no-repeat top center;
    margin-top: 88px;
    padding-top: 120px;
    height: 387px;
}

#bloglist .title h3::after {
	background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px, transparent 10px);
}

#bloglist .box {
	background: #f0eee8;
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
	padding: 10px 20px;
	border: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bloglist .box:first-of-type {
	margin-top: 50px;
}

#bloglist .box li:first-child {
	font-size: 16px;
	width: 20%;
	line-height: 1.2;
}

#bloglist .box li:nth-child(2) {
	width: 180px;
	height: 180px;
	display: block;
    overflow: hidden;
    position: relative;
}

#bloglist .box li:nth-child(2) img {
	width: 100%;
	height: auto;
	position: absolute;
    top: 0;
    left: 0;
}

#bloglist .box li:nth-child(3) {
	font-size: 18px;
	width: calc(100% - 20% - 340px);
	padding: 0 20px;
	line-height: 1.2;
}

#bloglist .box li:last-child {
	width: 160px;
}

#bloglist .box .link {
    width: 130px;
    margin: 10px auto 0;
    border: #000 1px solid;
    text-align: center;
}

#bloglist .box .link a {
    color: #000;
    background: #fff;
    width: 100%;
    padding: 16px 0;
    display: block;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}

#bloglist .box .link a:hover,
#bloglist .box .link a:hover::before,
#bloglist .box .link a:hover::after {
	background: #e4d4f2;
}

#bloglist .box .link a::before {
	content: '';
    background: #fff;
    width: 110px;
    height: 48px;
    display: block;
    position: absolute;
    top: -1px;
    left: 9px;
    z-index: -1;
    transition: all 0.5s;
}

#bloglist .box .link a::after {
	content: '';
	background: #fff;
	width: 130px;
	height: 30px;
	display: block;
	position: absolute;
	top: 9px;
	left: -1px;
	z-index: -1;
	transition: all 0.5s;
}

@media screen and (max-width: 750px) {
	#bloglist .title {
		background: url(../images/sp_bg_bloglist_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#bloglist .box {
		width: calc(100% - 4vw);
		margin-top: 2vw;
		padding: 2vw;
		position: relative;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	#bloglist .box:first-of-type {
		margin-top: 4vw;
	}

	#bloglist .box li:first-child {
		font-size: 4.267vw;
		width: calc(100% - 34.667%);
		padding-left: 2vw;
		order: 2;
	}

	#bloglist .box li:nth-child(2) {
		width: 34.667%;
		height: 30.918vw;
		order: 1;
	}

	#bloglist .box li:nth-child(3) {
		font-size: 4.8vw;
		width: calc(100% - 34.667%);
		padding: 0 6vw 0 2.5vw;
		position: absolute;
		left: 34.667%;
		top: 9vw;
		order: 3;
	}

	#bloglist .box li:last-child {
		font-size: 3.733vw;
		width: 34.667vw;
		position: absolute;
		right: 2vw;
		top: 22vw;
		order: 4;
	}

	#bloglist .box .link {
	    width: 34.667vw;
	    margin: 0;
	}

	#bloglist .box .link a {
		padding: 4vw 0;
	}

	#bloglist .box .link a::before {
		width: 32vw;
		height: calc(12vw + 1px);
		margin: auto;
		top: -1px;
		left: 0;
		right: 0;
	}

	#bloglist .box .link a::after {
		width: 34.667vw;
		height: 9.333vw;
		top: 1vw;
		left: -1px;
	}
}

/**** /bloglist ****/

/**** hotline ****/
#hotline .title {
	background: url(../images/bg_hotlinelist_title.png) no-repeat top center;
    margin-top: 88px;
    padding-top: 120px;
    height: 387px;
}

#hotline h4 {
	font-size: 18px;
	width: 100%;
	background: #f0eee8;
	max-width: 1000px;
	margin: 100px auto 0;
	padding: 5px 20px;
	line-height: 1.4;
}

#hotline .question {
	font-size: 12px;
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
	padding: 0 50px;
	text-align: justify;
	line-height: 2;
	letter-spacing: 0.8px;
}

#hotline .date {
	font-size: 12px;
	width: 100%;
	max-width: 1000px;
	margin: 10px auto 0;
	padding: 0 50px;
	text-align: right;
	letter-spacing: 0.8px;
}

#hotline ul.operation {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#hotline ul.operation li:first-child {
	width: 142px;
}

#hotline ul.operation li:last-child {
	background: #f0eee8;
	width: calc(100% - 162px);
	margin-left: 20px;
	padding: 20px;
	border: #000 1px solid;
}

#hotline ul.operation li h5 {
	font-size: 18px;
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 10px;
}

#hotline ul.operation li .answer {
	margin-top: 10px;
	line-height: 1.8;
}

#hotline #contribution {
	width: 100%;
	max-width: 770px;
	margin: 50px auto 0;
}

#hotline #contribution dl {
	border: #000 1px solid;
	line-height: 1.4;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

#hotline #contribution dl a {
	color: #13309a;
	text-decoration: underline;
}

#hotline #contribution dt {
	background: #c9bc9c;
	width: 100%;
	padding: 3px 0;
	text-align: center;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hotline #contribution dd:nth-of-type(2n+1) {
	font-size: 12px;
	width: 7%;
	padding: 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hotline #contribution dd:nth-of-type(2n+1) span {
	color: #fff;
	background: #fe0165;
	width: 41px;
	padding: 3px;
	border-radius: 12px;
	text-align: center;
	display: block;
}

#hotline #contribution dd:nth-of-type(2n) {
	font-size: 12px;
	width: 93%;
	padding: 3px 15px 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 750px) {
	#hotline .title {
		background: url(../images/sp_bg_hotlinelist_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#hotline h4 {
		font-size: 5.867vw;
		margin-top: 2vw;
		padding: 1vw 2vw;
		line-height: 1.2;
	}

	#hotline .question {
		font-size: 4.267vw;
		margin-top: 1vw;
		padding: 0 2vw;
		letter-spacing: 1;
		line-height: 1.8;
	}

	#hotline .date {
		font-size: 3.2vw;
		margin-top: 1vw;
		padding: 0 2vw;
	}

	#hotline ul.operation {
		margin-top: 0;
		flex-wrap: wrap;
	}

	#hotline ul.operation li:first-child {
		width: 100%;
		text-align: center;
	}

	#hotline ul.operation li:last-child {
		width: 93.334vw;
		margin: 1vw 0 0 0;
		padding: 4vw;
	}

	#hotline ul.operation li h5 {
		padding: 1vw 0;
		text-align: center;
	}

	#hotline #contribution {
		margin-top: 4vw;
	}

	#hotline #contribution dl {
		width: 93.334vw;
		margin: 0 auto;
	}

	#hotline #contribution dt:first-of-type {
		font-size: 3.74vw;
		padding: 2.5vw 0;
	}

	#hotline #contribution dd:nth-of-type(2n+1) {
		font-size: 3.2vw;
		width: 13%;
		padding-top: 3vw;
		align-items: flex-start;
	}

	#hotline #contribution dd:nth-of-type(2n+1) span {
		width: 10.933vw;
		padding: 0.7vw 1vw;
		border-radius: 3vw;
	}

	#hotline #contribution dd:nth-of-type(2n) {
		font-size: 3.2vw;
		width: 87%;
		padding: 3vw 1vw 3vw 0;
	}
}
/**** /hotline ****/

/**** hotlinelist ****/
#hotlinelist .title {
	background: url(../images/bg_hotlinelist_title.png) no-repeat top center;
    margin-top: 88px;
    padding-top: 120px;
    height: 387px;
}

#hotlinelist .image1 {
	width: 100%;
	max-width: 770px;
	margin: 50px auto 0;
}

#hotlinelist .image1 img {
	width: 100%;
}

#hotlinelist .image2 {
	width: 100%;
	max-width: 505px;
	margin: 20px auto 0;
}

#hotlinelist .image2 img {
	width: 100%;
}

#hotlinelist #contribution {
	width: 100%;
	max-width: 770px;
	margin: 30px auto 0;
}

#hotlinelist #contribution dl {
	border: #000 1px solid;
	line-height: 1.4;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

#hotlinelist #contribution dl a {
	color: #13309a;
	text-decoration: underline;
}

#hotlinelist #contribution dt {
	background: #c9bc9c;
	width: 100%;
	padding: 3px 0;
	text-align: center;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hotlinelist #contribution dd:nth-of-type(2n+1) {
	font-size: 12px;
	width: 7%;
	padding: 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hotlinelist #contribution dd:nth-of-type(2n+1) span {
	color: #fff;
	background: #fe0165;
	width: 41px;
	padding: 3px;
	border-radius: 12px;
	text-align: center;
	display: block;
}

#hotlinelist #contribution dd:nth-of-type(2n) {
	font-size: 12px;
	width: 93%;
	padding: 3px 15px 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hotlinelist .image3 {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
}

#hotlinelist .image3 img {
	width: 100%;
}

@media screen and (max-width: 750px) {
	#hotlinelist .title {
		background: url(../images/sp_bg_hotlinelist_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#hotlinelist .image1 {
		margin-top: 3vw;
	}

	#hotlinelist .image2 {
		margin-top: 1vw;
	}

	#hotlinelist #contribution {
		margin-top: 2vw;
	}

	#hotlinelist #contribution dl {
		width: 93.334vw;
		margin: 0 auto;
	}

	#hotlinelist #contribution dt:first-of-type {
		font-size: 3.74vw;
		padding: 2.5vw 0;
	}

	#hotlinelist #contribution dd:nth-of-type(2n+1) {
		font-size: 3.2vw;
		width: 13%;
		padding-top: 3vw;
		align-items: flex-start;
	}

	#hotlinelist #contribution dd:nth-of-type(2n+1) span {
		width: 10.933vw;
		padding: 0.7vw 1vw;
		border-radius: 3vw;
	}

	#hotlinelist #contribution dd:nth-of-type(2n) {
		font-size: 3.2vw;
		width: 87%;
		padding: 3vw 1vw 3vw 0;
	}
}
/**** /hotlinelist ****/

/**** merit ****/
#merit .title {
    background: url(../images/bg_merit_title.png) no-repeat top center;
    height: 1726px;
    margin-top: 88px;
    padding-top: 120px;
    text-align: center;
    position: relative;
    z-index: 2;
}

#merit .image1 {
	margin-top: 60px;
}

#merit .image2,
#merit .image3 {
	margin-top: 10px;
}

#merit .image4 {
	width: 100%;
	max-width: 1078px;
	margin: 100px auto 0;
	display: flex;
	flex-wrap: wrap;
}

#merit .image4 li {
	width: 50%;
	padding: 20px 25px;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	display: block;
}

#merit .image4 li:nth-child(-n+2) {
	border-top: #000 1px solid;
}

#merit .image4 li:nth-child(odd) {
	border-right: none;
}

#merit .image5 {
	background: url(../images/bg_merit_05.jpg) no-repeat;
	width: 2000px;
	height: 530px;
	margin: 50px 0 0 -1000px;
	padding-top: 50px;
	text-align: center;
	position: relative;
	left: 50%;
}

#merit .image6 {
	background: url(../images/bg_merit_06.png) no-repeat -35px 0;
	background-size: 100%;
	width: 100%;
	max-width: 1015px;
	height: 583px;
	margin: 60px auto 0;
	padding-top: 190px;
	text-align: center;
}

#merit .image img {
	max-width: 100%;
}

@media screen and (max-width: 1200px) {
	#merit .title {
		background-size: 2000px 100%;
		height: calc(143.834vw + 110px);
	}
}

@media screen and (max-width: 1015px) {
	#merit .image6 {
		background: url(../images/bg_merit_06.png) no-repeat -3.448vw 0;
		background-size: 100%;
		height: 57.438vw;
		padding-top: 18.72vw;
	}

	#merit .image6 img {
		width: 67.784vw;
	}
}

@media screen and (max-width: 900px) {
	#merit .image5 img {
		width: 95vw;
	}
}

@media screen and (max-width: 750px) {
	#merit .title {
		background: url(../images/sp_bg_title.png) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 403.2vw;
		margin: 0;
		padding-top: 16vw;
		z-index: 1;
	}

	#merit .image1 {
		margin-top: 5vw;
	}

	#merit .image2,
	#merit .image3 {
		margin-top: 2.5vw;
	}

	#merit .image1 img,
	#merit .image2 img,
	#merit .image3 img,
	#merit .image4 img {
		width: 93.334vw;
	}

	#merit .image4 {
		margin-top: 13.334vw;
	}

	#merit .image4 li {
		width: 100%;
		padding: 0;
		border: none;
		text-align: center;
	}

	#merit .image4 li:nth-child(-n+2) {
		border: none;
	}

	#merit .image4 li:nth-child(n+2) {
		margin-top: 5vw;
	}

	#merit .image5 {
		background: url(../images/sp_bg_merit_05.png) no-repeat;
		background-size: 100%;
		width: 100%;
		height: 146.667vw;
		margin: 13.334vw 0 0 0;
		padding-top: 5vw;
		left: 0;
	}

	#merit .image5 img {
		width: 91.734vw;
	}

	#merit .image6 {
		background: url(../images/sp_bg_merit_06.png) no-repeat;
		background-size: 100%;
		width: 97.067vw;
		height: 136.134vw;
		margin: 13.334vw auto 0;
		padding-top: 36vw;
		left: 0;
	}

	#merit .image6 img {
		width: 92vw;
	}
}
/**** /merit ****/

/**** qa ****/
#qa .title {
	background: url(../images/bg_qa_title.png) no-repeat top center;
	margin-top: 88px;
	padding-top: 120px;
	height: 387px;
}

#qa .sub-menu {
	font-size: 0;
	margin: 30px auto 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#qa .sub-menu li {
	font-size: 18px;
	position: relative;
	z-index: 2;
}

#qa .sub-menu li a {
	color: #000;
	width: 100%;
	padding: 15px 0 15px 35px;
	border: #000 1px solid;
	display: block;
}

#qa .sub-menu1 {
	width: 100%;
	max-width: 638px;
}

#qa .sub-menu1 li {
	width: calc(50% - 30px);
}

#qa .sub-menu1 li:last-child {
	margin-left: 60px;
}

#qa .sub-menu2 {
	width: calc(100% - 40px);
	max-width: 980px;
}

#qa .sub-menu2 li {
	width: calc(100% / 3 - 40px);
}

#qa .sub-menu2 li:nth-child(n+2) {
	margin-left: 60px;
}

#qa .sub-menu li a::after {
	content: '';
	width: 100%;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
}

#qa .sub-menu li a:hover::after {
	top: 0;
	left: 0;
}

#qa .sub-menu1 li:first-child a::after {
	background: #e4d4f2;
}

#qa .sub-menu1 li:nth-child(2) a::after {
	background: #def6f9;
}

#qa .sub-menu2 li:first-child a::after {
	background: #ff9a92;
}

#qa .sub-menu2 li:nth-child(2) a::after {
	background: #ee769d;
}

#qa .sub-menu2 li:last-child a::after {
	background: #ffeeb3;
}

#qa #hotline {
	background: url(../images/bg_qa_hotline.jpg) no-repeat;
	width: 100%;
	max-width: 770px;
	height: 480px;
	margin: 100px auto 0;
	padding-top: 160px;
}

#qa #hotline p {
	font-size: 18px;
	padding-left: 90px;
}

#qa #hotline br {
	display: none;
}

#qa #hotline textarea {
	font-size: 16px;
	background: #f5f0ec;
	width: 84.416%;
	height: 200px;
	border: none;
	margin: 8px auto 0;
	padding: 10px 0 0 25px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
	display: block;
}

#qa #hotline .submit {
	width: 200px;
	height: 50px;
	margin: 15px auto 0;
	position: relative;
	z-index: 1;
}

#qa #hotline .submit::after {
	content: '';
	background: #f9fcad;
	width: 198px;
	height: 48px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	transition: all 0.5s;
	z-index: -1;
	cursor: default;
}

#qa #hotline .submittable {
	cursor: pointer;
}

#qa #hotline .submittable:hover::after {
	top: 0;
	left: 0;
	cursor: pointer;
}

#qa #hotline input[type="submit"] {
	font-size: 18px;
	background: none;
	width: 200px;
	height: 50px;
	border: #000 1px solid;
	border-radius: 0;
	letter-spacing: 1px;
}

#qa #hotline .pointable {
	cursor: pointer;
}

#qa #contribution {
	width: 100%;
	max-width: 770px;
	margin: 30px auto 0;
}

#qa #contribution dl {
	border: #000 1px solid;
	line-height: 1.4;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

#qa #contribution dl a {
	color: #13309a;
	text-decoration: underline;
}

#qa #contribution dt {
	background: #c9bc9c;
	width: 100%;
	padding: 3px 0;
	text-align: center;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
}

#qa #contribution dd:nth-of-type(2n+1) {
	font-size: 12px;
	width: 7%;
	padding: 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#qa #contribution dd:nth-of-type(2n+1) span {
	color: #fff;
	background: #fe0165;
	width: 41px;
	padding: 3px;
	border-radius: 12px;
	text-align: center;
	display: block;
}

#qa #contribution dd:nth-of-type(2n) {
	font-size: 12px;
	width: 93%;
	padding: 3px 15px 3px 0;
	border-top: #000 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#qa #contribution .more {
	margin-top: 10px;
	text-align: right;
}

#qa #contribution .more a {
	color: #13309a
}

#qa #anxiety {
	display: block;
}

#qa #anxiety {
	width: 100%;
}

#qa h4 {
	font-size: 20px;
	width: 100%;
	margin: 100px auto 0;
	padding: 40px 0;
	text-align: center;
}

#qa #anxiety h4 {
	background: #e4d4f2;
}

#qa #salary h4 {
	background: #def6f9;
}

#qa #environment h4 {
	background: #ff9a92;
}

#qa #work h4 {
	background: #ee769d;
}

#qa #interview h4 {
	background: #ffeeb3 ;
}

#qa #anxiety dl,
#qa #salary dl,
#qa #environment dl,
#qa #work dl,
#qa #interview dl {
	max-width: 1000px;
	margin: 0 auto;
}

#qa #anxiety dt,
#qa #salary dt,
#qa #environment dt,
#qa #work dt,
#qa #interview dt {
	font-size: 12px;
	font-style: italic;
	margin-top: 40px;
	padding: 5px 0 5px 25px;
	position: relative;
	z-index: 2;
}

#qa #anxiety dt::before,
#qa #salary dt::before,
#qa #environment dt::before,
#qa #work dt::before,
#qa #interview dt::before {
	content: '';
	background: #fff;
	width: 50px;
	height: 17px;
	position: absolute;
	top: 4px;
	left: 8px;
	display: block;
	z-index: -1;
}

#qa #anxiety dt span,
#qa #salary dt span,
#qa #environment dt span,
#qa #work dt span,
#qa #interview dt span {
	font-size: 16px;
	font-style: normal;
}

#qa #anxiety dt br,
#qa #salary dt br,
#qa #environment dt br,
#qa #work dt br,
#qa #interview dt br {
	display: none;
}

#qa #anxiety dt {
	background: #e4d4f2;
}

#qa #salary dt {
	background: #def6f9;
}

#qa #environment dt {
	background: #ff9a92;
}

#qa #work dt {
	background: #ee769d;
}

#qa #interview dt {
	background: #ffeeb3;
}

#qa #anxiety dd,
#qa #salary dd,
#qa #environment dd,
#qa #work dd,
#qa #interview dd {
	padding: 15px;
	text-align: justify;
	line-height: 1.7;
	letter-spacing: -0.01px;
}

#qa #anxiety dd {
	border-bottom: #e4d4f2 2px solid;
}

#qa #salary dd {
	border-bottom: #def6f9 2px solid;
}

#qa #environment dd {
	border-bottom: #ff9a92 2px solid;
}

#qa #work dd {
	border-bottom: #ee769d 2px solid;
}

#qa #interview dd {
	border-bottom: #ffeeb3 2px solid;
}

#qa #anxiety dd span {
	color: #ae0300;
}

#qa #anxiety dd .kensa {
	width: calc(100% + 30px);
	margin: 20px 0 0 -15px;
}

#qa #anxiety dd .kensa img {
	width: 100%;
	max-width: 1000px;
}

@media screen and (max-width: 1020px) {
	#qa .sub-menu1 {
		width: 62.55vw;
	}
}

@media screen and (max-width: 750px) {
	#qa .title {
		background: url(../images/sp_bg_qa_title.png) no-repeat;
		background-size: 100%;
		height: 50vw;
		margin: 0;
		padding-top: 16vw;
		z-index: 1;
	}

	#qa .sub-menu {
		width: 77.334vw;
		margin: 5vw auto 0;
		flex-wrap: wrap;
	}

	#qa .sub-menu li {
		font-size: 4.8vw;
		width: 100%;
	}

	#qa .sub-menu li:nth-child(n+2) {
		margin: 7vw 0 0 0;
	}

	#qa .sub-menu li a {
		padding: 5vw 0 5vw 10vw;
	}

	#qa .sub-menu li a::after {
		height: 15.067vw;
		top: 2vw;
		left: 3vw;
	}

	#qa #hotline {
	    background: url(../images/sp_bg_qa_hotline.jpg) no-repeat;
	    background-size: 100%;
	    height: 107.067vw;
	    margin: 5vw auto 0;
	    padding-top: 37vw;
	}

	#qa #hotline p {
		font-size: 3.73vw;
		padding: 0;
		line-height: 1.2;
		text-align: center;
	}

	#qa #hotline br {
		display: block;
	}

	#qa #hotline textarea {
		height: 40vw;
		margin-top: 1vw;
		padding: 1.5vw 0 0 3vw;
	}

	#qa #hotline .submit {
		width: 53.3vw;
		margin-top: 2.5vw;
	}

	#qa #hotline input[type="submit"] {
		font-size: 3.74vw;
		width: 53.3vw;
		height: 12.8vw;
	}

	#qa #hotline .submit::after {
		width: 53vw;
		height: 12.8vw;
		top: 2vw;
		left: 3vw;
	}

	#qa #contribution dl {
		width: 93.334vw;
		margin: 5vw auto 0;
	}

	#qa #contribution dt:first-of-type {
		font-size: 3.74vw;
		padding: 2.5vw 0;
	}

	#qa #contribution dd:nth-of-type(2n+1) {
		font-size: 3.2vw;
		width: 13%;
		padding-top: 3vw;
		align-items: flex-start;
	}

	#qa #contribution dd:nth-of-type(2n+1) span {
		width: 10.933vw;
		padding: 0.7vw 1vw;
		border-radius: 3vw;
	}

	#qa #contribution dd:nth-of-type(2n) {
		font-size: 3.2vw;
		width: 87%;
		padding: 3vw 1vw 3vw 0;
	}

	#qa #contribution .more {
		font-size: 3.733vw;
		margin-top: 2vw;
		text-align: center;
	}

	#qa h4 {
	    font-size: 5.33vw;
	    margin: 7vw auto 0;
	    padding: 11vw 0;
	    text-align: center;
	}

	#qa .disc {
		display: none;
	}

	#qa #anxiety dt,
	#qa #salary dt,
	#qa #environment dt,
	#qa #work dt,
	#qa #interview dt {
		font-size: 3.2vw;
		margin-top: 7vw;
		padding: 1vw 0 1vw 5.5em;
		text-indent: -4.1em;
		line-height: 1.2;
	}

	#qa #anxiety dt::before,
	#qa #salary dt::before,
	#qa #environment dt::before,
	#qa #work dt::before,
	#qa #interview dt::before {
	    width: 11.5vw;
	    height: 4.334vw;
	    position: absolute;
	    top: 1vw;
	    left: 1vw;
	    display: block;
	    z-index: -1;
	}

	#qa #anxiety dt span,
	#qa #salary dt span,
	#qa #environment dt span,
	#qa #work dt span,
	#qa #interview dt span {
		font-size: 4.27vw;
	}

	#qa #anxiety dt br,
	#qa #salary dt br,
	#qa #environment dt br,
	#qa #work dt br,
	#qa #interview dt br {
		display: block;
	}

	#qa #anxiety dd,
	#qa #salary dd,
	#qa #environment dd,
	#qa #work dd,
	#qa #interview dd {
		font-size: 4.27vw;
		padding: 2vw;
		border-bottom: inherit 3px solid;
	}

	#qa #anxiety dd .kensa {
		width: calc(100% + 4vw);
		margin: 2.5vw 0 0 -2vw;
	}
}
/**** /qa ****/

/**** salary ****/
#salary .title {
	background: url(../images/bg_salary_title.png) no-repeat top center;
	margin-top: 88px;
	padding-top: 120px;
	height: 386px;
}

#salary .sub-title {
	margin-top: 10px;
	text-align: center;
}

#salary .image {
	width: 100%;
	text-align: center;
}

#salary .image1 {
	background: url(../images/bg_salary_01.png) no-repeat top center;
	background-size: 100%;
	width: 825px;
	max-width: 100%;
	height: 583px;
	margin: 0 auto;
	/*padding-top: 145px;*/
}

#salary .image2 {
	background: url(../images/bg_salary_02.png) no-repeat top center;
	height: 429px;
	margin-top: 60px;
	padding-top: 115px;
	position: relative;
	z-index: 2;
}

#salary .image3 {
	background: url(../images/bg_salary_03.png) no-repeat top center;
	height: 500px;
	margin-top: -30px;
	padding-top: 120px;
}

#salary .image4 {
	width: 2000px;
	margin: 100px 0 0 -1000px;
	position: relative;
	left: 50%;
}

#salary .image5 {
	margin-top: 50px;
}

#salary .image6 {
	background: url(../images/bg_salary_06.jpg) no-repeat top center;
	height: 500px;
	margin-top: 60px;
	padding-top: 140px;
}

#salary .image7 {
	height: 150px;
	margin-top: 60px;
}

#salary .image img {
	max-width: 100%;
}

@media screen and (max-width: 1100px) {
	#salary .image4 img {
		width: 90%;
	}
}

@media screen and (max-width: 1000px) {
	#salary .image4 img {
		width: 80%;
	}
}

@media screen and (max-width: 900px) {
	#salary .image4 img {
		width: 75%;
	}
}

@media screen and (max-width: 800px) {
	#salary .image4 img {
		width: 70%;
	}
}

@media screen and (max-width: 750px) {
	#salary .title {
		background: url(../images/sp_bg_salary_title.png) no-repeat;
		background-size: 100%;
		margin: 0;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		z-index: 1;
	}

	#salary .sub-title {
		margin-top: 1vw;
	}

	#salary .sub-title img {
		width: 100%;
	}

	#salary .image1 {
		background: url(../images/sp_bg_salary_01.png) no-repeat;
		background-size: 100%;
		height: 117.467vw;
		margin-top: 9vw;
		padding-top: 16vw;
	}

	#salary .image1 img {
		width: 96vw;
		max-width: 720px;
	}

	#salary .image2 {
		background: url(../images/sp_bg_salary_02.png) no-repeat;
		background-size: 100%;
		height: 87.734vw;
		margin-top: 10vw;
		padding-top: 5vw;
		position: relative;
		z-index: 2;
	}

	#salary .image3 {
		background: url(../images/sp_bg_salary_03.jpg) no-repeat;
		background-size: 100%;
		height: 106.267vw;
		margin-top: -7.6vw;
		padding: 20vw 0 0 0;
	}

	#salary .image3 img {
		width: 94.667vw;
		max-width: 710px;
	}

	#salary .image4 {
		width: 100%;
		margin: 0;
		left: 0;
	}

	#salary .image4 img {
		width: 100%;
	}

	#salary .image5 {
		margin-top: 5vw;
	}

	#salary .image6 {
		background: url(../images/sp_bg_salary_06.jpg) no-repeat;
		background-size: 100%;
		height: 106.267vw;
		margin-top: 10vw;
		padding: 13vw 0 0 0;
	}

	#salary .image6 img {
		width: 75.334vw;
		max-width: 565px;
	}
	
	#salary .image7 {
		height: 30.467vw;
		margin-top: 9vw;
	}

	#salary .image7 img {
		width: 94%;
		max-width: 720px;
		margin: 0 auto;
	}
}

#salary .spp {
	display: none;
}

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

	#salary .pcc {
		display: none;
	}
	
	#salary .spp {
		display: block;
	}
	
}

/**** /salary ****/

/**** single ****/
#single .title {
	background: url(../images/bg_single_title.png) no-repeat top center;
	margin-top: 88px;
	padding-top: 120px;
	height: 386px;
}

#single .sub-title {
	width: 2000px;
	margin: 100px 0 120px -1000px;
	position: relative;
	left: 50%;
}

#single .image1,
#single .image2,
#single .image3,
#single .image4 {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
}

#single .image5 {
	width: 100%;
	max-width: 713px;
	margin: 80px auto 0;
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration:1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes shake{
	from {
	  -webkit-transform: none;
	  transform: none;
	}
	10% {-webkit-transform: translate3d(-2%, 0, 0);
	  transform: translate3d(-2%, 0, 0);
	}
	25% {
	  -webkit-transform: translate3d(2%, 0, 0);
	  transform: translate3d(2%, 0, 0);
	}
	40% {
	  -webkit-transform: translate3d(-2%, 0, 0);
	  transform: translate3d(-2%, 0, 0);
	}
	55% {
	  -webkit-transform: translate3d(2%, 0, 0);
	  transform: translate3d(2%, 0, 0);
	}
	70% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	to {
	  -webkit-transform: none;
	  transform: none;
	}
}

#single .image6 {
	background: url(../images/bg_single_06.jpg) no-repeat top center;
	height: 780px;
	margin-top: 50px;
	padding-top: 80px;
	text-align: center;
}

#single .image img {
	max-width: 100%;
}

@media screen and (max-width: 750px) {
	#single .title {
		background: url(../images/sp_bg_single_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#single .sub-title {
		width: 100%;
		margin: 12vw 0 6vw;
		left: 0;
	}

	#single .sub-title img {
		max-width: 100%;
	}

	#single .image1,
	#single .image2,
	#single .image3,
	#single .image4 {
		margin-top: 0;
	}

	#single .image5 {
		max-width: 750px;
		margin-top: 0;
	}

	#single .image6 {
		background: url(../images/sp_bg_single_06.jpg) no-repeat top center;
		height: 187.467vw;
		margin-top: 0;
		padding-top: 15vw;
	}
}
/**** /single ****/

/**** staff ****/
#staff .title {
	background: url(../images/bg_staff_title.png) no-repeat top center;
	margin-top: 88px;
	padding-top: 120px;
	height: 386px;
}

#staff .image1 {
	text-align: center;
	margin: 80px 0 0;
}

#staff .image1 img {
	width: 100%;
	max-width: 820px;
}

#staff .box {
	width: 100%;
	max-width: 1220px;
	margin: 100px auto 0;
	padding: 0 20px 30px 20px;
	border-bottom: #333 2px dashed;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

#staff .box:nth-of-type(n+2) {
	margin-top: 80px;
}

#staff .box li:first-child {
	width: 380px;
	position: relative;
	z-index: 2;
}

#staff .box li:last-child {
	width: calc(100% - 380px);
	margin-top: -20px;
	padding-left: 20px;
}

#staff .box li .data {
	background: url(../images/bg_staff_data.png) no-repeat;
	height: 629px;
	padding-top: 356px;
	position: relative;
}

#staff .box li .image {
	position: absolute;
	top: -30px;
}

#staff .box li .position {
	font-size: 16px;
	color: #fff;
	padding-left: 60px;
}

#staff .box li .name,
#staff .box li .age,
#staff .box li .blood,
#staff .box li .year {
	font-size: 16px;
	margin: 30px 0 0 65px;
	display: flex;
	align-items: center;
}

#staff .box li .name span:first-of-type,
#staff .box li .age span:first-of-type,
#staff .box li .blood span:first-of-type,
#staff .box li .year span:first-of-type {
	width: 41%;
	display: block;
	text-align: right;
}

#staff .box li .name span:last-of-type,
#staff .box li .age span:last-of-type,
#staff .box li .blood span:last-of-type,
#staff .box li .year span:last-of-type {
	font-size: 20px;
	font-weight: bold;
	width: 59%;
	text-align: left;
	display: block;
}

#staff .box li .direct {
	background: #caeaff;
	margin-top: -29px;
	padding: 50px 0 30px;
	text-align: center;
}

#staff .box li .btn-line,
#staff .box li .btn-form {
	width: 290px;
	margin: 10px auto 0;
	border: #000 1px solid;
}

#staff .box li .btn-line a,
#staff .box li .btn-form a {
	font-size: 16px;
	color: #000;
	background: #fff;
	width: 100%;
	padding: 16px 0;
	display: block;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
}

#staff .box li .btn-line a::before,
#staff .box li .btn-form a::before {
	content: '';
	background: #fff;
	width: 270px;
	height: 50px;
	display: block;
	position: absolute;
	top: -1px;
	left: 9px;
	z-index: -1;
	transition: all 0.5s;
}

#staff .box li .btn-line a::after,
#staff .box li .btn-form a::after {
	content: '';
	background: #fff;
	width: 290px;
	height: 30px;
	display: block;
	position: absolute;
	top: 9px;
	left: -1px;
	z-index: -1;
	transition: all 0.5s;
}

#staff .box li .btn-line a:hover,
#staff .box li .btn-line a:hover::before,
#staff .box li .btn-line a:hover::after {
	background: #5bcb7d;
}

#staff .box li .btn-form a:hover,
#staff .box li .btn-form a:hover::before,
#staff .box li .btn-form a:hover::after {
	background: #f2ef88;
}

#staff .box li .btn-form a:hover {
	cursor: pointer;
}

#staff .box li .text {
	background: #caeaff;
	padding: 14px 80px 14px 60px;
	border-radius: 20px;
	line-height: 1.7;
	letter-spacing: -0.1px;
	position: relative;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}

#staff .box li .text::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	display: block;
	border-style: solid;
	border-width: 30px 80px 0 80px;
	border-color: #caeaff transparent transparent transparent;
	left: -63px;
	bottom: -30px;
}

#staff .box li .text span {
	font-size: 22px;
	font-weight: bold;
}

#staff .box li .time {
	font-size: 16px;
	margin-top: 10px;
	text-align: right;
	position: relative;
}

#staff .box li .time::after{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	display: block;
	border-radius: 20%;
	transform: rotate(225deg);
	left: -50px;
	bottom: -13px;
	border-left: 40px solid #ffffff;
	border-top: 40px solid #ffffff;
	border-right: 40px solid transparent;
	border-bottom: 40px solid transparent;
}

#staff .box li .question {
	margin-top: 20px;
}

#staff .box li .title-image {
	background: -moz-linear-gradient(top, rgba(112,182,242,0.81) 0%, rgba(26,98,219,0.81) 99%, rgba(26,98,219,0.81) 100%);
	background: -webkit-linear-gradient(top, rgba(112,182,242,0.81) 0%,rgba(26,98,219,0.81) 99%,rgba(26,98,219,0.81) 100%);
	background: linear-gradient(to bottom, rgba(112,182,242,0.81) 0%,rgba(26,98,219,0.81) 99%,rgba(26,98,219,0.81) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf70b6f2', endColorstr='#cf1a62db',GradientType=0 );
	width: 98%;
	padding: 3px 0 3px 40px;
	border-radius: 20px;
}

#staff .box li .q {
	font-size: 16px;
	background: #f5f0ec;
	margin-top: 15px;
	padding: 5px 0 5px 10px;
}

#staff .box li .q br {
	display: none;
}

#staff .box li .a {
	font-size: 16px;
	padding: 10px 0 10px 32px;
	line-height: 1.4;
}

#staff #entry {
	margin-top: 100px;
}

#staff #entry h3::before {
    content: '';
    background: #caeaff;
    width: 330px;
    height: 90px;
    position: absolute;
    top: 30px;
    left: 47.5%;
    z-index: -1;
}

#staff #entry .required {
    font-size: 18px;
    color: #fd0100;
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 0;
    padding-left: 20px;
}

#staff #entry form {
	width: 100%;
    max-width: 1000px;
    margin: 10px auto 0;
}

#staff #entry form dl {
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

#staff #entry form dl dt {
    background: #caeaff;
    width: 33%;
    padding: 18px 0 20px 20px;
    line-height: 1.6;
}

#staff #entry form dl.hissu dt {
    height: 60px;
    padding-bottom: 0;
}

#staff #entry form dl dt span {
	color: #fd0100;
}

#staff #entry form dl dd {
    width: 67%;
    padding-left: 50px;
    line-height: 1.6;
}

#staff #entry form dl.hissu dd {
    height: 75px;
    padding-top: 10px;
}

#staff #entry form dl.hissu dd:first-of-type {
	padding-top: 17px;
}

#staff #entry form dl.hissu dd:last-of-type {
	height: inherit;
    padding-top: 0;
}

#staff #entry form dl.hissu dd:nth-of-type(4) {
    padding-top: 5px;
}

#staff #entry form dl.hissu dd:nth-of-type(4) br {
	display: none;
}

#staff #entry form dl.hissu dd:nth-of-type(4) br:nth-of-type(2) {
	display: block;
}

#staff #entry form dl dd span {
    color: #fd0100;
    margin-top: 5px;
    display: block;
}

#staff #entry .cp_ipradio label {
    font-size: 16px;
    cursor: pointer;
}

#staff #entry .cp_ipradio .option-input {
    color: #fff;
    background: #ededed;
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.15s ease-out 0s;
    -webkit-appearance: none;
    appearance: none;
}

#staff #entry .cp_ipradio .option-input.radio {
    border-radius: 50%;
}

#staff #entry .cp_ipradio .option-input.radio::after {
    border-radius: 50%;
}

#staff #entry .cp_ipradio .option-input:checked {
    background: #4aafff;
}

#staff #entry .cp_ipradio .option-input:checked::after {
	background: #4aafff;
    position: relative;
    display: block;
    content: '';
    -webkit-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
}

#staff #entry form input[type="text"] {
    font-size: 16px;
    background: #f5f0ec;
    height: 40px;
    border: none;
    padding-left: 20px;
    box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#staff #entry form dd.long input[type="text"] {
    width: 390px;
}

#staff #entry form dd.short input[type="text"] {
    width: 100px;
}

#staff #entry form dd select {
    font-size: 16px;
    background: url(../images/select_arrow.png) no-repeat 90% center #f5f0ec;
    width: 100px;
    height: 40px;
    border: none;
    padding-left: 20px;
    box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#staff #entry form textarea {
    font-size: 16px;
    background: #f5f0ec;
    width: 390px;
    height: 200px;
    border: none;
    padding-left: 20px;
    box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.2) inset;
}

#staff #entry form input::placeholder {
    color: #d7cbcc;
}

#staff #entry form .submit {
    width: 200px;
    height: 50px;
    margin: 30px auto 0;
    position: relative;
    z-index: 1;
}

#staff #entry form .submit input[type="submit"] {
    font-size: 18px;
    background: none;
    width: 200px;
    height: 50px;
    border: #000 1px solid;
    border-radius: 0;
    letter-spacing: 1px;
    cursor: pointer;
}

#staff #entry form .submit::after {
    content: '';
    background: #caeaff;
    width: 198px;
    height: 48px;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
    transition: all 0.5s;
    z-index: -1;
}

#staff #entry form .submit:hover::after {
    top: 0;
    left: 0;
}

@media screen and (max-width: 1220px) {
	#staff .box li .text {
		background-size: 100% 100%;
		height: inherit;
		padding: 14px 30px 14px 20px;
	}
}

@media screen and (max-width: 900px) {
	#staff #entry form dl.hissu dd:nth-of-type(4) br {
		display: none;
	}

	#staff #entry form dl.hissu dt {
		font-size: 15px;
	}
}

@media screen and (max-width: 750px) {
	#staff .title {
		background: url(../images/sp_bg_staff_title.png) no-repeat;
		background-size: 100%;
		padding-top: 16vw;
		width: 100%;
		height: 50vw;
		margin: 0;
		z-index: 1;
	}

	#staff .image1 {
		margin: 0 auto;
	}

	#staff .box {
		margin: 5vw auto 0;
		padding: 0;
	}

	#staff .box li:first-child,
	#staff .box li:last-child {
		width: 100%;
	}

	#staff .box li:last-child {
		margin-top: 0px;
		padding-left: 0;
	}

	#staff .box li .data {
		background: #f5f0ec;
		height: inherit;
		padding: 9vw 0 7vw;
		position: relative;
	}

	#staff .box li .data::before {
		content: '';
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 7.47vw 7.6vw 0 7.6vw;
		border-color: #f5f0ec transparent transparent transparent;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -7.47vw;
		z-index: 2;
	}

	#staff .box li .image {
		top: -4vw;
	}

	#staff .box li .image img {
		width: 50.4vw;
	}

	#staff .box li .position {
		font-size: 4.27vw;
		background: -moz-linear-gradient(left, rgba(191,125,229,1) 0%, rgba(191,125,229,1) 20%, rgba(191,125,229,0.1) 100%);
		background: -webkit-linear-gradient(left, rgba(191,125,229,1) 0%, rgba(191,125,229,1) 20%, rgba(191,125,229,0.1) 100%);
		background: linear-gradient(to right, rgba(191,125,229,1) 0%, rgba(191,125,229,1) 20%, rgba(191,125,229,0.1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7de5', endColorstr='#1abf7de5',GradientType=1 );
		margin-left: 32%;
		padding: 2vw 0 2vw 8vw;
		position: relative;
		z-index: 2;
	}

	#staff .box li .name,
	#staff .box li .age,
	#staff .box li .blood,
	#staff .box li .year {
	    font-size: 4.27vw;
	    margin: 2vw 0 0 22%;
	    position: relative;
	    z-index: 2;
	}

	#staff .box li .age,
	#staff .box li .blood,
	#staff .box li .year {
		margin-top: 4vw;
	}

	#staff .box li .name span:first-of-type,
	#staff .box li .age span:first-of-type,
	#staff .box li .blood span:first-of-type,
	#staff .box li .year span:first-of-type {
		width: 100%;
	}

	#staff .box li .name span:last-of-type,
	#staff .box li .age span:last-of-type,
	#staff .box li .blood span:last-of-type,
	#staff .box li .year span:last-of-type {
	    font-size: 4.8vw;
	    width: 52%;
	}

	#staff .box li .direct {
		padding: 17vw 0 10vw;
	}

	#staff .box li .direct p {
		font-size: 3.74vw;
	}

	#staff .box li .btn-line,
	#staff .box li .btn-form {
	    width: 77.334vw;
	    margin: 2vw auto 0;
	}

	#staff .box li .btn-line a,
	#staff .box li .btn-form a {
	    font-size: 4.27vw;
	    padding: 4.15vw 0;
	}

	#staff .box li .btn-line a::before,
	#staff .box li .btn-form a::before {
	    width: 75vw;
    	height: calc(12.834vw + 1px);
    	margin: auto;
    	top: -1px;
	    left: 0;
	    right: 0;
	}

	#staff .box li .btn-line a::after,
	#staff .box li .btn-form a::after {
		width: 77.334vw;
		height: 10.834vw;
		top: 1vw;
		left: -1px;
	}

	#staff .box li .text {
		padding: 0 5vw 2vw;
		border-radius: 0;
		filter: none;
	}

	#staff .box li .text::before {
		border: none;
	}

	#staff .box li .time::after {
		border: none;
	}

	#staff .box li .text {
		font-size: 3.74vw;
		line-height: 2;
	}

	#staff .box li .text span {
		font-size: 4.8vw;
	}

	#staff .box li .time {
	    font-size: 4.27vw;
	    margin-top: 2vw;
	    padding-left: 3vw;
	    text-align: left;
	}

	#staff .box li .question {
		margin-top: 2vw;
	}

	#staff .box li .title-image {
		width: 100%;
		padding: 1vw 0;
		text-align: center;
	}

	#staff .box li .title-image img {
		width: 43.2vw;
	}

	#staff .box li .q {
		font-size: 3.74vw;
		width: 94vw;
		margin: 2vw auto 0;
		padding: 1vw 0 1vw 7vw;
		text-indent: -5vw;
		line-height: 1.8;
	}

	#staff .box li .q br {
		display: block;
	}

	#staff .box li .a {
		font-size: 4.27vw;
		padding: 1vw 3vw 1vw 3vw;
	}

	#staff #entry {
		margin-top: 13.33vw;
	}

	#staff #entry h3::before {
	    width: 44vw;
	    height: 12vw;
	    top: 6vw;
	    left: 45%;
	}

	#staff #entry .required {
	    font-size: 4.27vw;
	    margin: 4vw auto 0;
	    padding-left: 0;
	    text-align: center;
	}

	#staff #entry form dl dt {
	    background: none;
	    width: 94%;
	    margin: 0 auto;
	    padding: 0;
	    line-height: 1;
	}

	#staff #entry form dl.hissu dt,
	#staff #entry form dl.hissu dd {
	    height: inherit;
	}

	#staff #entry form dl.hissu dt {
		font-size: 4vw;
	    margin-top: 1vw;
	}

	#staff #entry form dl.hissu dd {
	    font-size: 4.27vw;
	    width: 94%;
	    margin: 1vw auto 0;
	    padding: 0;
	}

	#staff #entry form dl.hissu dd:first-of-type {
		padding: 0;
	}

	#staff #entry .cp_ipradio label {
		font-size: 4.27vw;
	}

	#staff #entry form input[type="text"] {
		height: 10.67vw;
	}

	#staff #entry form dd.long input[type="text"] {
		width: 100%;
	}

	#staff #entry form dl.hissu dd:nth-of-type(4) {
		padding: 0 0 0 5vw;
	}

	#staff #entry form dl.hissu dd:nth-of-type(4) br {
		display: block;
	}

	#staff #entry form dd select {
	    background: url(../images/select_arrow.png) no-repeat 90% center #f5f0ec;
	    width: 20vw;
	    height: 10.67vw;
	    padding-left: 2.5vw;
	}

	#staff #entry form textarea {
	    width: 100%;
	    height: 25vw;
	    padding: 2vw 2vw;
	}

	#staff #entry form .submit {
	    width: 53vw;
	    margin: 5vw auto 0;
	}

	#staff #entry form .submit input[type="submit"] {
	    font-size: 3.74vw;
	    width: 53vw;
	    height: 12.8vw;
	}

	#staff #entry form .submit::after {
	    width: 53vw;
	    height: 12.8vw;
	    top: 2vw;
	    left: 3vw;
	}
}
/**** /staff ****/

/**** work ****/
#work .title {
	background: url(../images/bg_work_title.png) no-repeat top center;
	margin-top: 88px;
	padding-top: 120px;
	height: 1126px;
}

#work .title .box {
	font-size: 0;
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
}

#work .title .box .image {
	width: 49%;
	text-align: center;
	display: inline-block;
}

#work .title .box .image img {
	max-width: 100%;
}

#work .title .box .image:nth-child(n+3) {
	margin-top: 20px;
}

#work .image5 {
	width: 2000px;
	margin: 50px 0 0 -1000px;
	position: relative;
	left: 50%;
}

#work .image5 img {
	width: 100%;
}

#work .detail {
	font-size: 0;
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
}

#work .detail li {
	display: inline-block;
	vertical-align: top;
}

#work .detail li:first-child {
	width: 52%;
}

#work .detail li:last-child {
	width: 47%;
}

#work .detail li:first-child div img {
	width: 100%;
	max-width: 440px;
}

#work .detail li:first-child p {
	font-size: 0;
	margin-top: 20px;
	text-align: justify;
	line-height: 1.5;
}

#work .detail li:first-child p span {
	font-size: 16px;
}

#work .detail li:last-child .day {
	font-size: 24px;
	padding-left: 5px;
}

#work .detail li:last-child div {
	font-size: 16px;
	width: 100%;
	margin-top: 10px;
	border: #000 1px solid;
	padding: 20px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#work .detail li:last-child .time {
	width: 45%;
	padding-left: 40px;
}

#work .detail li:last-child .disc {
	width: 55%;
	text-align: left;
}

#work .image6 {
	width: 2000px;
	margin: 200px 0 0 -1000px;
	position: relative;
	left: 50%;
}

#work .image6 img {
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#work .image5,
	#work .image6 {
		width: 1800px;
		margin-left: -900px;
	}

	#work .detail {
		padding: 0 10px;
	}

	#work .detail li:first-child {
		width: 45%;
	}

	#work .detail li:last-child {
		margin-left: 3%;
		width: 51%;
	}

	#work #person1 li:first-child p br:nth-child(4),
	#work #person1 li:first-child p br:nth-child(n+8) {
		display: none;
	}

	#work #person2 li:first-child p br:nth-child(4),
	#work #person2 li:first-child p br:nth-child(8),
	#work #person2 li:first-child p br:nth-child(12) {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#work .image5,
	#work .image6 {
		width: 1600px;
		margin-left: -800px;
	}
}

@media screen and (max-width: 800px) {
	#work .image5,
	#work .image6 {
		width: 1400px;
		margin-left: -700px;
	}
}

@media screen and (max-width: 750px) {
	#work .title {
		background: url(../images/sp_bg_work_title.png) no-repeat top center;
		background-size: 100%;
		margin: 0;
		padding: 15vw 0 0 0;
		height: 390.934vw;
	}

	#work .title .box {
		margin-top: 4vw;
	}

	#work .title .box .image {
		width: 100%;
	}

	#work .title .box .image:nth-child(n+3) {
		margin-top: 0;
	}

	#work .image5,
	#work .image6 {
		width: 100%;
		margin: 7vw 0 0 0px;
		left: 0;
	}

	#work .detail {
		margin: 0;
		padding: 0;
	}

	#work .detail li:first-child,
	#work .detail li:last-child {
		width: 100%;
	}

	#work .detail li:first-child div img {
		max-width: 750px;
	}

	#work .detail li:first-child p {
		width: 92vw;
		margin: -3vw auto 0;
		padding-top: 3vw;
		border-top: #000 2px solid;
	}

	#work .detail li:first-child p span {
		font-size: 4.27vw;
		line-height: 2;
	}

	#work .detail li:last-child {
		margin: 5vw 0 0 0;
	}

	#work .detail li:last-child .day {
		font-size: 4.8vw;
		width: 92vw;
		margin: 0 auto;
		padding: 0;
	}

	#work .detail li:last-child div {
	    font-size: 4.27vw;
	    width: 92vw;
	    margin: 1.5vw auto 0;
	    padding: 5vw 0;
	}

	#work .detail li:last-child .time {
		width: 40%;
		padding-left: 3vw;
	}

	#work .detail li:last-child .disc {
		width: 59%;
	}
}
/**** /work ****/

/*** comming soon ***/
#comming-soon h2 {
	font-size: 100px;
	font-weight: bold;
	height: 500px;
	padding-top: 350px;
	text-align: center;
	position: relative;
}

#comming-soon h2::after {
	content: 'Comming Soon';
	font-size: 170px;
	color: rgba(0,0,0,0.15);
	margin: auto;
	transform: rotate(-20deg);
	display: block;
	position: absolute;
	top: 300px;
	left: 0;
	right: 0;
	white-space: nowrap;
}

@media screen and (max-width: 1300px) {
	#comming-soon h2 {
		font-size: 7.692vw;
	}

	#comming-soon h2::after {
		font-size: 13.077vw;
	}
}

@media screen and (max-width: 750px) {
	#comming-soon h2 {
		height: 100vh;
		padding-top: 46.667vw;
	}

	#comming-soon h2::after {
		top: 40vw;
	}
}
/*** /comming soon ***/

.slider li {
  display: none; /*隱ｭ縺ｿ霎ｼ縺ｿ譎ゅ�髱櫁｡ｨ遉ｺ*/
}

.bx-viewport .slider li {
  display: block !important; /*JS縺瑚ｪｭ縺ｿ霎ｼ縺ｾ繧後◆繧芽｡ｨ遉ｺ*/
}