@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	color: #3f3f3f;
	font-family: "Zen Kaku Gothic Antique", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.020em;
	line-height: 2;
	background: #fff;
}

div {
	box-sizing: border-box;
}

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

a {
	outline: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:focus, *:focus {
	outline:none;
}

a:visited {
	color: #212121;
}

a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.post, .page {
	margin: 0;
}


.center {
	text-align: center;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.clear {
	clear:both;
	height: 0;
}

small {
	font-weight: 500;
}

ul, ol {
	padding: 0;
	margin: 0;
}

li > ul, li > ol {
	margin-left: 0;
}

ul li {
	list-style: none;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: 500;
	box-sizing: border-box;
}

dd {
	margin: 0;
	box-sizing: border-box;
}

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

table th,
table td {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
	font-weight: 500;
}

p {
	margin: 0;
}

/*----------------------------------------------------
 fadeIn
----------------------------------------------------*/

.fadeIn {
	transform: translate3d(0, -10px, 0);
	transition: 1s;
	opacity: 0;
}

.fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

/*----------------------------------------------------
 inner
----------------------------------------------------*/
.inner {
	width: calc(100% - 3.6rem);
	max-width: 1200px;
	margin: 0 auto;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/

#header {
	position: fixed;
	width: 100%;
	padding: 20px 0 21px;
	background: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	z-index: 1000;
}

#header .inner {
	max-width: initial;
}

#header .headerFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 22px 0;
}

#header .headerFlex .logoArea {
	display: flex;
	align-items: center;
}

#header .headerFlex .logoArea .logo {
	width: 100%;
	max-width: 131px;
	margin-right: 37px;
}

#header .headerFlex .logoArea h1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #f26580;
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
}

#header .headerFlex .logoArea h1 b {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 0 0 1px;
	margin-bottom: 12px;
}

#header .headerFlex .logoArea h1 small {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	padding: 9px 0 0 0;
	border-top: 1px solid #f26580;
}

#header .headerFlex .buttons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#header .headerFlex .buttons .pinkBt {
	width: 300px;
	height: 56px;
	margin-left: 15px;
}

#header .headerFlex .buttons .pinkBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f26580;
	border: 2px solid #f26580;
	border-radius: 28px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#header .headerFlex .buttons .pinkBt a .tex {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	transform: translateX(-9px);
	-webkit-transform: translateX(-9px);
	-moz-transform: translateX(-9px);
	transition: all 0.3s ease;
}

#header .headerFlex .buttons .pinkBt a .icon {
	position: absolute;
	display: inline-block;
  width: 52px;
  height: 50px;
	top: 50%;
	right: 2px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#header .headerFlex .buttons .pinkBt a .icon2 {
	position: absolute;
	display: inline-block;
  width: 52px;
  height: 50px;
	top: 50%;
	right: 2px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition: all 0.3s ease;
	opacity: 0;
	z-index: 1;
}

#header .headerFlex .buttons .greenBt {
	width: 230px;
	height: 56px;
}

#header .headerFlex .buttons .greenBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00b2ae;
	border: 2px solid #00b2ae;
	border-radius: 28px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#header .headerFlex .buttons .greenBt a .tex {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	transition: all 0.3s ease;
}

#header .headerFlex .buttons .greenBt a .arrow {
	position: absolute;
	display: inline-block;
  width: 6.2px;
  height: 10.5px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#header .headerFlex .buttons .greenBt a .arrow::before,
#header .headerFlex .buttons .greenBt a .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 8px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: calc(100% - 1px) 50%;
	transition: all 0.3s ease;
}

#header .headerFlex .buttons .greenBt a .arrow::before {
  transform: rotate(45deg);
}

#header .headerFlex .buttons .greenBt a .arrow::after {
  transform: rotate(-45deg);
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/

#footer {
	position: relative;
	padding: 163px 0 65px 0;
}

#footer .inner {
	position: relative;
	max-width: 1884px;
}

#footer .areaBg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 160px;
	z-index: -1;
}

#footer .areaBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#footer .logo {
	width: 100%;
	max-width: 290px;
	margin: 0 auto 164px;
}

#footer .footNav {
	position: absolute;
	right: 33px;
	bottom: -1px;
}

#footer .footNav nav ul {
	display: flex;
}

#footer .footNav nav ul li a {
	padding: 0 25px;
	border-left: 1px solid #fff;
}

#footer .footNav nav ul li a .tex {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
}

#footer .footNav nav ul li:first-child a {
	border: initial;
}

#footer .copy {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
}

/*----------------------------------------------------
 #goTop
----------------------------------------------------*/

#goTop a {
	width: 100px;
	height: 100px;
	background: #f5bf0a;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 100;
}

#goTop a .icon {
	width: 100%;
	max-width: 40px;
	line-height: 30px;
}

/*----------------------------------------------------
 #visual
----------------------------------------------------*/

#visual {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 879px;
	padding: 160px 0 0 0;
}

#visual .areaBg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#visual .contents .inner {
	position: relative;
	max-width: 1840px;
}

#visual .contents .visualBg {
	width: 1840px;
	height: 798px;
}

#visual .contents .visualBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#visual .contents .visualTex {
	position: absolute;
	left: 163px;
	top: 43px;
	z-index: 1;
}

#visual .contents .visualTex h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 17px;
}

#visual .contents .visualTex h2 small {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 11px;
}

#visual .contents .visualTex h2 small .texBg {
	position: absolute;
	left: -19px;
	top: -4px;
	width: 395px;
}

#visual .contents .visualTex h2 small .tex {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.08em;
	text-align: center;
	color: #3f3f3f;
	margin: 0 0;
	z-index: 1;
}

#visual .contents .visualTex h2 small .tex .green {
	color: #00b2ae;
}

#visual .contents .visualTex h2 b {
	display: flex;
	justify-content: center;
	align-items: center;
}

#visual .contents .visualTex h2 b .objLeft {
	width: 100%;
	max-width: 91px;
	transform: translate(-61px, 9px);
	-webkit-transform: translate(-61px, 9px);
	-moz-transform: translate(-61px, 9px);
}

#visual .contents .visualTex h2 b .objRight {
	width: 100%;
	max-width: 46px;
	transform: translate(23px, 54px);
	-webkit-transform: translate(23px, 54px);
	-moz-transform: translate(23px, 54px);
}

#visual .contents .visualTex h2 b .tex {
	font-size: 80px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.04em;
	text-align: center;
	color: #f26580;
	transform: translateX(-23px);
	-webkit-transform: translateX(-23px);
	-moz-transform: translateX(-23px);
}

#visual .contents .visualTex h2 b .tex span {
	font-size: 56px;
}

#visual .contents .visualTex p {
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.04em;
	text-align: center;
}

#visual .contents .buttons {
	position: absolute;
	width: 479px;
	display: flex;
	flex-direction: column;
	align-items: center;
	left: 155px;
	top: 476px;
}

#visual .contents .buttons .greenBt {
	width: 479px;
	height: 88px;
	margin-bottom: 16px;
}

#visual .contents .buttons .greenBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#visual .contents .buttons .greenBt a:after {
	content: '';
	border: 4px solid #00b2ae;
	background: linear-gradient(180deg, #4dc9c6 0%, #4dc9c6 50%, #00b2ae 50%, #00b2ae 100%);
	border-radius: 44px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease;
}

#visual .contents .buttons .greenBt a:before {
	content: '';
	border: 4px solid #33beb7;
	background: linear-gradient(180deg, #71d0cb 0%, #71d0cb 50%, #33beb7 50%, #33beb7 100%);
	border-radius: 44px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#visual .contents .buttons .greenBt a .tex {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	z-index: 2;
}

#visual .contents .buttons .greenBt a .arrow {
	position: absolute;
	display: inline-block;
  width: 9.4px;
  height: 15.7px;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 2;
}

#visual .contents .buttons .greenBt a .arrow::before,
#visual .contents .buttons .greenBt a .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 0;
  width: 12px;
  height: 3px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1.5px) 50%;
}

#visual .contents .buttons .greenBt a .arrow::before {
  transform: rotate(45deg);
}

#visual .contents .buttons .greenBt a .arrow::after {
  transform: rotate(-45deg);
}

#visual .contents .pointList {
	position: absolute;
	left: 78px;
	bottom: -44px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 1;
}

#visual .contents .pointList .oracle01 {
	position: relative;
	width: 100%;
	max-width: 220px;
	line-height: 214px;
	z-index: 3;
}

#visual .contents .pointList .oracle02 {
	position: relative;
	width: 100%;
	max-width: 226px;
	line-height: 220px;
	transform: translateX(-15px);
	-webkit-transform: translateX(-15px);
	-moz-transform: translateX(-15px);
	z-index: 2;
}

#visual .contents .pointList .oracle03 {
	position: relative;
	width: 100%;
	max-width: 215px;
	line-height: 215px;
	transform: translateX(-26px);
	-webkit-transform: translateX(-26px);
	-moz-transform: translateX(-26px);
	z-index: 1;
}

/*----------------------------------------------------
 #wish
----------------------------------------------------*/

#wish {
	position: relative;
	overflow: hidden;
	background: #fafafa;
	width: 100%;
	padding: 104px 0 99px 0;
}

#wish .head {
	margin-bottom: 64px;
}

#wish .head h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3f3f3f;
}

#wish .head h2 span {
	font-size: 48px;
	color: #f26580;
}

#wish .image {
	width: 100%;
	max-width: 1199px;
	margin: 0 auto 61px;
}

#wish .conts {
	padding: 0 179px;
}

#wish .conts p {
	font-size: 24px;
	font-weight: 700;
	line-height: 2.3;
	letter-spacing: 0.1em;
	text-align: justify;
}

#wish .conts p .border {
	border-bottom: 2px solid #f26580;
}

#wish .conts p b {
	font-size: 32px;
}

#wish .conts p span.pink {
	color: #f26580;
}

/*----------------------------------------------------
 #features
----------------------------------------------------*/

#features {
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 100%;
	padding: 189px 0 134px 0;
}

#features .head {
	margin-bottom: 63px;
}

#features .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#features .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 109px;
	line-height: 205px;
	left: 133px;
	top: -20px;
}

#features .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 19px;
}

#features .head h2 b span {
	font-size: 64px;
	margin: 0 1px;
}

#features .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#features .headBox {
	width: 100%;
	height: 174px;
	margin: 0 auto 82px;
	padding: 0 0 0 8px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#features .headBox p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: center;
}

#features .headBox p span {
	color: #f26580;
}

#features .featuresList {
	display: flex;
	justify-content: space-between;
	margin-bottom: 121px;
}

#features .featuresList .box {
	width: 384px;
	border: 1px solid #3f3f3f;
	border-radius: 20px;
	padding: 0 0 54px 0;
}

#features .featuresList .box .no {
	width: 100%;
	max-width: 104px;
	margin: 0 auto 23px;
}

#features .featuresList .box h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#features .featuresList .box h3 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: center;
	margin-bottom: -11px;
}

#features .featuresList .box h3 b {
	font-size: 32px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #00b2ae;
}

#features .featuresList .box01 .image {
	width: 100%;
	max-width: 229px;
	margin: 24px auto 0;
}

#features .featuresList .box02 .image {
	width: 100%;
	max-width: 222px;
	margin: 56px auto 0;
}

#features .featuresList .box03 .image {
	width: 100%;
	max-width: 209px;
	margin: 29px auto 0;
}

#features .reasonList {
	display: flex;
	flex-direction: column;
}

#features .reasonList .box {
	position: relative;
	width: 100%;
	background: #fafafa;
	border: 1px solid #f5bf0a;
	border-radius: 20px;
	margin-bottom: 66px;
	padding: 0 0 79px 0;
}

#features .reasonList .box .boxHead {
	position: relative;
	margin-bottom: 58px;
	padding: 15px 0 0 0;
}

#features .reasonList .box .boxHead .headBg {
	width: 100%;
	max-width: 561px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#features .reasonList .box .boxHead p {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	z-index: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-25px);
	-moz-transform: translateX(-25px);
}

#features .reasonList .box .boxTitle {
	background: #f26580;
	margin-bottom: 50px;
	padding: 14px 0 16px 0;
}

#features .reasonList .box .boxTitle h3 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
	transform: translateX(9px);
	-webkit-transform: translateX(9px);
	-moz-transform: translateX(9px);
}

#features .reasonList .box .boxList {
	margin-bottom: 65px;
	padding: 0 95px;
}

#features .reasonList .box .boxList ul {
	display: flex;
	flex-direction: column;
}

#features .reasonList .box .boxList ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f26580;
	padding: 18px 0 21px;
}

#features .reasonList .box .boxList ul li .check {
	width: 100%;
	max-width: 20px;
	line-height: 24px;
	margin-right: 11px;
}

#features .reasonList .box .boxList ul li .tex {
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	width: calc(100% - 31px);
}

#features .reasonList .box .boxConts {
	margin-bottom: 31px;
	padding: 0 189px;
}

#features .reasonList .box .boxConts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #3f3f3f;
}

#features .reasonList .box .boxConts p span {
	color: #f26580;
}

#features .reasonList .box .boxImage {
	width: 100%;
	max-width: 820px;
	margin: 0 auto 79px;
}

#features .reasonList .box .pinkBt {
	width: 520px;
	height: 96px;
	margin: 0 auto 0;
}

#features .reasonList .box .pinkBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f26580;
	border: 2px solid #f26580;
	border-radius: 48px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#features .reasonList .box .pinkBt a .tex {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	transform: translateX(1px);
	-webkit-transform: translateX(1px);
	-moz-transform: translateX(1px);
}

#features .reasonList .box .pinkBt a .icon {
	position: absolute;
	display: inline-block;
	width: 64px;
	height: 64px;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#features .reasonList .box02 {
	margin-bottom: 46px;
	padding: 0 0 72px 0;
}

#features .reasonList .box02 .boxHead p {
	transform: translateX(-28px);
	-webkit-transform: translateX(-28px);
	-moz-transform: translateX(-28px);
}

#features .reasonList .box02 .boxTitle {
	margin-bottom: 44px;
}

#features .reasonList .box02 .boxTitle h3 {
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
}

#features .reasonList .box02 .boxList {
	margin-bottom: 79px;
}

#features .reasonList .box02 .boxImage {
	margin: 0 auto 26px;
}

#features .reasonList .box02 .boxConts {
	margin-bottom: 0;
}

#features .reasonList .box03 .boxHead p {
	transform: translateX(-32px);
	-webkit-transform: translateX(-32px);
	-moz-transform: translateX(-32px);
}

#features .reasonList .box03 .boxTitle {
	margin-bottom: 55px;
}

#features .reasonList .box03 .boxList {
	margin-bottom: 80px;
}

#features .reasonList .box03 .boxImage {
	max-width: 400px;
	margin: 0 auto 0;
}

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

#contact {
	position: relative;
	overflow: hidden;
	padding: 80px 0;
	z-index: 0;
}

#contact .areaBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#contact .areaBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contact .contactBox {
	position: relative;
	background: #fff;
	border-radius: 20px;
	padding: 90px 0 7px 0;
}

#contact .contactBox:before {
	content: '';
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-radius: 20px;
	background: #fff;
	border: 2px solid #f5bf0b;
	position: absolute;
	left: 5px;
	top: 5px;
	box-sizing: border-box;
}

#contact .contactBox .boxImg01 {
	width: 100%;
	max-width: 414px;
	line-height: 326px;
	position: absolute;
	left: -265px;
	top: 5px;
	z-index: 1;
}

#contact .contactBox .boxImg02 {
	width: 100%;
	max-width: 380px;
	line-height: 352px;
	position: absolute;
	right: -230px;
	top: 82px;
	z-index: 1;
}

#contact .contactBox .boxHead {
	position: relative;
	margin-bottom: 32px;
	z-index: 2;
}

#contact .contactBox .boxHead p {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
}

#contact .contactBox .buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
}

#contact .contactBox .buttons .greenBt {
	width: 479px;
	height: 72px;
}

#contact .contactBox .buttons .greenBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#contact .contactBox .buttons .greenBt a:after {
	content: '';
	border: 4px solid #00b2ae;
	background: linear-gradient(180deg, #4dc9c6 0%, #4dc9c6 50%, #00b2ae 50%, #00b2ae 100%);
	border-radius: 44px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease;
}

#contact .contactBox .buttons .greenBt a:before {
	content: '';
	border: 4px solid #33beb7;
	background: linear-gradient(180deg, #71d0cb 0%, #71d0cb 50%, #33beb7 50%, #33beb7 100%);
	border-radius: 44px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#contact .contactBox .buttons .greenBt a .tex {
	position: relative;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	z-index: 2;
	transform: translate(4px, -1px);
	-webkit-transform: translate(4px, -1px);
	-moz-transform: translate(4px, -1px);
}

#contact .contactBox .buttons .greenBt a .arrow {
	position: absolute;
	display: inline-block;
  width: 9.4px;
  height: 15.7px;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 2;
}

#contact .contactBox .buttons .greenBt a .arrow::before,
#contact .contactBox .buttons .greenBt a .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 0;
  width: 12px;
  height: 3px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1.5px) 50%;
}

#contact .contactBox .buttons .greenBt a .arrow::before {
  transform: rotate(45deg);
}

#contact .contactBox .buttons .greenBt a .arrow::after {
  transform: rotate(-45deg);
}

#contact .contactBox .boxObj {
	position: relative;
	width: 100%;
	max-width: 330px;
	line-height: 106px;
	margin: 0 auto 0;
	transform: translateX(26px);
	-webkit-transform: translateX(26px);
	-moz-transform: translateX(26px);
	z-index: 1;
}

/*----------------------------------------------------
 #aim
----------------------------------------------------*/

#aim {
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 100%;
	padding: 250px 0 199px 0;
}

#aim .head {
	margin-bottom: 63px;
}

#aim .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#aim .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 151px;
	line-height: 182px;
	left: 200px;
	top: -48px;
}

#aim .head h2 small {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 19px;
}

#aim .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
	margin-bottom: 23px;
	transform: translateX(18px);
	-webkit-transform: translateX(18px);
	-moz-transform: translateX(18px);
}

#aim .head h2 b span {
	font-size: 64px;
	margin: 0 1px;
}

#aim .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#aim .headBox {
	width: 100%;
	height: 254px;
	margin: 0 auto 82px;
	padding: 0 39px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#aim .headBox p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: justify;
}

#aim .themeArea {
	position: relative;
	margin-bottom: 118px;
}

#aim .themeArea .themeBg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#aim .themeArea .themeBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#aim .themeArea .themeImg {
	position: relative;
	width: 100%;
	max-width: 820px;
	line-height: 616px;
	margin: 0 auto 0;
	z-index: 1;
}

#aim .pointList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#aim .pointList .box .boxHead {
	display: flex;
	align-items: center;
}

#aim .pointList .box .boxHead .pointNo {
	width: 100%;
	max-width: 123px;
	line-height: 120px;
	margin-right: 27px;
}

#aim .pointList .box .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #f26580;
}

#aim .pointList .box .boxHead h3 small {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 3px;
}

#aim .pointList .box .boxHead h3 b {
	font-size: 56px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
}

#aim .pointList .box01 {
	width: 47.64%;
	margin-bottom: 80px;
}

#aim .pointList .box01 .image {
	width: 100%;
	max-width: 499px;
	margin: 64px 0 0 0;
}

#aim .pointList .box02 {
	width: 47.64%;
	margin-bottom: 80px;
}

#aim .pointList .box02 .image {
	width: 100%;
	max-width: 573px;
	margin: 64px 0 0 0;
}

#aim .pointList .box02 .boxHead .pointNo {
	margin-right: 17px;
}

#aim .pointList .box02 .boxHead h3 {
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
}

#aim .pointList .box03 {
	width: 100%;
	margin-bottom: 121px;
}

#aim .pointList .box03 .boxHead {
	justify-content: center;
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
}

#aim .pointList .box03 .imageConts {
	display: flex;
	justify-content: center;
	margin: 61px 0 44px;
}

#aim .pointList .box03 .imageConts p {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
}

#aim .pointList .box03 .imageConts p span {
	color: #00b2ae;
}

#aim .pointList .box03 .image {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 0;
}

#aim .pointList .box04 {
	width: 100%;
}

#aim .pointList .box04 .boxHead {
	justify-content: center;
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
}

#aim .pointList .box04 .image {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 0;
}

#aim .pointList .box04 .imageConts {
	display: flex;
	justify-content: center;
	margin: 50px 0 52px;
}

#aim .pointList .box04 .imageConts p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
}

#aim .pointList .box04 .imageConts p span {
	color: #f26580;
}

/*----------------------------------------------------
 #attempt
----------------------------------------------------*/

#attempt {
	position: relative;
	overflow: hidden;
	background: #fdeff2;
	width: 100%;
	margin-bottom: 201px;
	padding: 117px 0 121px 0;
}

#attempt .head {
	margin-bottom: 78px;
}

#attempt .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#attempt .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
	margin-bottom: 21px;
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
}

#attempt .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#attempt .attemptSlide {
	position: relative;
}

#attempt .attemptSlide .slide-arrow {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f26580;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

#attempt .attemptSlide .next-arrow {
	position: absolute;
	top: 50%;
	right: -37px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

#attempt .attemptSlide .next-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

#attempt .attemptSlide .next-arrow .arrow::before,
#attempt .attemptSlide .next-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 18px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;
}

#attempt .attemptSlide .next-arrow .arrow::before {
  transform: rotate(45deg);
}

#attempt .attemptSlide .next-arrow .arrow::after {
  transform: rotate(-45deg);
}

#attempt .attemptSlide .prev-arrow {
	position: absolute;
	top: 50%;
	left: -37px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

#attempt .attemptSlide .prev-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

#attempt .attemptSlide .prev-arrow .arrow::before,
#attempt .attemptSlide .prev-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 18px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 2px 50%;
}

#attempt .attemptSlide .prev-arrow .arrow::before {
  transform: rotate(45deg);
}

#attempt .attemptSlide .prev-arrow .arrow::after {
  transform: rotate(-45deg);
}

#attempt .attemptSlide .slick-list {
  overflow: visible;
}

#attempt .attemptSlide .slick-track {
  display: flex;
}

#attempt .attemptSlide .slick-slide {
  height: auto !important;
}

#attempt .attemptSlide .box {
	width: 1200px;
	background: #fff;
	border-radius: 40px;
	margin: 0 40px;
	padding: 63px 34px 35px 34px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

#attempt .attemptSlide .box .boxHead {
	margin-bottom: 57px;
}

#attempt .attemptSlide .box .boxHead h3 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 10px;
	color: #00b2ae;
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
}

#attempt .attemptSlide .box .boxHead p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3f3f3f;
}

#attempt .attemptSlide .box .contsHead {
	margin-bottom: 39px;
}

#attempt .attemptSlide .box .contsHead h4 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #f26580;
}

#attempt .attemptSlide .box .contsHead h4 b {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
}

#attempt .attemptSlide .box .contsHead h4 small {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	margin: 0 -15px 0 1px;
}

#attempt .attemptSlide .box .fullImg {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 31px;
}

#attempt .attemptSlide .box .imageConts {
	margin-bottom: 64px;
}

#attempt .attemptSlide .box .imageConts p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3f3f3f;
}

#attempt .attemptSlide .box .boxList {
	margin-bottom: 53px;
	padding: 0 86px;
}

#attempt .attemptSlide .box .boxList ul {
	display: flex;
	flex-direction: column;
}

#attempt .attemptSlide .box .boxList ul li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

#attempt .attemptSlide .box .boxList ul li .check {
	width: 100%;
	max-width: 20px;
	line-height: 24px;
	margin-right: 16px;
}

#attempt .attemptSlide .box .boxList ul li .tex {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	width: calc(100% - 36px);
}

#attempt .attemptSlide .box .boxFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 78px;
	padding: 0 80px 0 86px;
}

#attempt .attemptSlide .box .boxFlex .boxImg {
	width: 470px;
}

#attempt .attemptSlide .box .boxFlex .boxConts {
	width: calc(100% - 500px);
}

#attempt .attemptSlide .box .boxFlex .boxConts p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	transform: translateY(-12px);
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList {
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul {
	display: flex;
	flex-direction: column;
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li {
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li:last-child {
	margin-bottom: 0;
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .check {
	width: 100%;
	max-width: 20px;
	line-height: 24px;
	margin-right: 16px;
}

#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .tex {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	width: calc(100% - 36px);
}

#attempt .attemptSlide .box03 .boxHead {
	margin-bottom: 54px;
}

/*----------------------------------------------------
 #interview
----------------------------------------------------*/

#interview {
	position: relative;
	overflow: hidden;
	padding: 194px 0 198px 0;
	z-index: 0;
}

#interview .head {
	margin-bottom: 79px;
}

#interview .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#interview .head h2 small {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

#interview .head h2 small .lineLeft {
	width: 100%;
	max-width: 36px;
	line-height: 42px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
}

#interview .head h2 small .lineRight {
	width: 100%;
	max-width: 36px;
	line-height: 42px;
	transform: translateY(8px);
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
}

#interview .head h2 small .tex {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #00b2ae;
	margin: 0 34px;
}

#interview .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 21px;
	padding: 0 0 0 10px;
}

#interview .head h2 b span {
	font-size: 64px;
	margin: 0 3px;
}

#interview .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#interview .interviewSec {
	position: relative;
}

#interview .interviewSec .obj01 {
	position: absolute;
	width: 100%;
	max-width: 120px;
	line-height: 136px;
	left: -127px;
	top: 70px;
}

#interview .interviewSec .obj02 {
	position: absolute;
	width: 100%;
	max-width: 181px;
	line-height: 133px;
	right: -1px;
	top: 69px;
}

#interview .interviewSec .obj03 {
	position: absolute;
	width: 100%;
	max-width: 82px;
	line-height: 87px;
	left: -96px;
	top: -1px;
}

#interview .interviewSec .secHead {
	position: relative;
	margin-bottom: 33px;
}

#interview .interviewSec .secHead .secNo {
	width: 166px;
	height: 40px;
	margin: 0 auto 22px;
	border-radius: 20px;
	background: #f5bf0a;
	display: flex;
	justify-content: center;
	align-items: center;
}

#interview .interviewSec .secHead .secNo .noImg {
	width: 100%;
	max-width: 124px;
	line-height: 19px;
}

#interview .interviewSec .secHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 12px;
}

#interview .interviewSec .secHead h3 b {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #00b2ae;
	margin-bottom: 4px;
}

#interview .interviewSec .secHead h3 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #00b2ae;
}

#interview .interviewSec .secHead .avatar {
	width: 100%;
	max-width: 140px;
	position: absolute;
	left: 69px;
	top: 41px;
}

#interview .interviewSec .secHead .name {
	font-size: 16px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: center;
	margin-bottom: 4px;
}

#interview .interviewSec .inteviewSlide {
	position: relative;
}

#interview .interviewSec .inteviewSlide .slide-arrow {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f5bf0a;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

#interview .interviewSec .inteviewSlide .next-arrow {
	position: absolute;
	top: 50%;
	right: -37px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

#interview .interviewSec .inteviewSlide .next-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

#interview .interviewSec .inteviewSlide .next-arrow .arrow::before,
#interview .interviewSec .inteviewSlide .next-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 18px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;
}

#interview .interviewSec .inteviewSlide .next-arrow .arrow::before {
  transform: rotate(45deg);
}

#interview .interviewSec .inteviewSlide .next-arrow .arrow::after {
  transform: rotate(-45deg);
}

#interview .interviewSec .inteviewSlide .prev-arrow {
	position: absolute;
	top: 50%;
	left: -37px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

#interview .interviewSec .inteviewSlide .prev-arrow .arrow {
	position: relative;
  display: inline-block;
  width: 13.9px;
  height: 23.8px;
}

#interview .interviewSec .inteviewSlide .prev-arrow .arrow::before,
#interview .interviewSec .inteviewSlide .prev-arrow .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 18px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 2px 50%;
}

#interview .interviewSec .inteviewSlide .prev-arrow .arrow::before {
  transform: rotate(45deg);
}

#interview .interviewSec .inteviewSlide .prev-arrow .arrow::after {
  transform: rotate(-45deg);
}


#interview .interviewSec .inteviewSlide .slick-list {
  overflow: visible;
}

#interview .interviewSec .inteviewSlide .slick-track {
  display: flex;
}

#interview .interviewSec .inteviewSlide .slick-slide {
  height: auto !important;
}

#interview .interviewSec .inteviewSlide .box {
	width: 1200px;
	border: 6px solid #f5bf0a;
	border-radius: 40px;
	margin: 0 40px;
	padding: 33px 34px 35px 34px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

#interview .interviewSec .inteviewSlide .box .boxHead {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #f5bf0a;
	padding: 0 0 25px 0;
}

#interview .interviewSec .inteviewSlide .box .boxHead h4 {
	display: flex;
	justify-content: center;
}

#interview .interviewSec .inteviewSlide .box .boxHead h4 .mark {
	width: 100%;
	max-width: 31px;
	line-height: 30px;
	margin: 0 9px 0 15px;
}

#interview .interviewSec .inteviewSlide .box .boxHead h4 .tex {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #f26580;
}

#interview .interviewSec .inteviewSlide .box .boxConts {
	padding: 29px 38px 0;
}

#interview .interviewSec .inteviewSlide .box .boxConts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.12em;
	text-align: justify;
	color: #3f3f3f;
	margin-bottom: 32px;
}

#interview .interviewSec .inteviewSlide .box .boxConts p:last-child {
	margin-bottom: 0;
}

#interview .interviewSec .inteviewSlide .box .boxConts p span {
	color: #f26580;
}

#interview .rabitService .boxHead {
	margin-bottom: 83px;
}

#interview .rabitService .boxHead h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#interview .rabitService .boxHead h3 .line {
	width: 100%;
	max-width: 100px;
	line-height: 10px;
}

#interview .rabitService .boxHead h3 .tex {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
}

#interview .rabitService .image {
	width: calc(100% + 560px);
	margin: 0 0 0 -280px;
}

#interview .interview01Sec {
	margin-bottom: 77px;
}

#interview .interview02Sec {
	margin-bottom: 83px;
}

#interview .interview02Sec .secHead h3 {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
}

#interview .interview02Sec .secHead .avatar {
	left: 98px;
	top: 65px;
}

#interview .interview03Sec {
	margin-bottom: 154px;
}

#interview .interview03Sec .secHead h3 {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
}

#interview .interview03Sec .secHead .secNo .noImg {
	max-width: 130px;
	line-height: 19px;
}

#interview .interview03Sec .secHead .avatar {
	left: 80px;
	top: 40px;
}

/*----------------------------------------------------
 #benefits
----------------------------------------------------*/

#benefits {
	position: relative;
	overflow: hidden;
	padding: 115px 0 122px 0;
	z-index: 0;
}

#benefits .areaBg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#benefits .areaBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#benefits .bgObj01 {
	width: 100%;
	max-width: 378px;
	position: absolute;
	right: -68px;
	top: 240px;
	z-index: 0;
}

#benefits .bgObj02 {
	width: 100%;
	max-width: 251px;
	position: absolute;
	left: 0;
	top: 1215px;
	z-index: 0;
}

#benefits .bgObj03 {
	width: 100%;
	max-width: 307px;
	position: absolute;
	right: -92px;
	top: 2182px;
	z-index: 0;
}

#benefits .bgObj04 {
	width: 100%;
	max-width: 357px;
	position: absolute;
	left: -97px;
	bottom: 284px;
	z-index: 0;
}

#benefits .head {
	margin-bottom: 64px;
}

#benefits .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#benefits .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 19px;
}

#benefits .head h2 b span {
	font-size: 64px;
	margin: 0 3px;
}

#benefits .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#benefits .headBox {
	width: 100%;
	height: 97px;
	margin: 0 auto 82px;
	padding: 0 39px;
	background: #ffffff;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#benefits .headBox p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: center;
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
}

#benefits .benefitsList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#benefits .benefitsList .box .boxNo {
	width: 100%;
	max-width: 69px;
	margin: 0 auto 21px;
}

#benefits .benefitsList .box .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 27px;
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
}

#benefits .benefitsList .box .boxHead h3 b {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	text-align: center;
}

#benefits .benefitsList .box .boxHead h3 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	text-align: center;
	margin-top: 11px;
}

#benefits .benefitsList .box .boxHead p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
}

#benefits .benefitsList .box .boxHead p span {
	color: #f26580;
}

#benefits .benefitsList .box01 {
	width: 46.8%;
	margin-bottom: 81px;
}

#benefits .benefitsList .box01 .image {
	width: 100%;
	max-width: 560px;
	margin: 45px auto 0;
}

#benefits .benefitsList .box02 {
	width: 46.8%;
	margin-bottom: 81px;
}

#benefits .benefitsList .box02 .boxFlex {
	display: flex;
	justify-content: space-between;
	margin-top: 46px;
}

#benefits .benefitsList .box02 .boxFlex .boxImage {
	width: 100%;
	max-width: 229px;
}

#benefits .benefitsList .box02 .boxFlex .boxList {
	width: calc(100% - 257px);
	padding: 39px 0 0 0;
}

#benefits .benefitsList .box02 .boxFlex .boxList ul {
	display: flex;
	flex-direction: column;
}

#benefits .benefitsList .box02 .boxFlex .boxList ul li {
	display: flex;
	margin-bottom: 17px;
}

#benefits .benefitsList .box02 .boxFlex .boxList ul li .check {
	width: 100%;
	max-width: 20px;
	line-height: 24px;
	margin-right: 15px;
}

#benefits .benefitsList .box02 .boxFlex .boxList ul li .tex {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	width: calc(100% - 31px);
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
}

#benefits .benefitsList .box03 {
	width: 100%;
	margin-bottom: 72px;
}

#benefits .benefitsList .box03 .boxFlex {
	display: flex;
	justify-content: space-between;
	margin-top: 43px;
}

#benefits .benefitsList .box03 .boxFlex .boxImage {
	width: 100%;
	max-width: 533px;
	margin-top: 14px;
}

#benefits .benefitsList .box03 .boxFlex .boxConts {
	width: calc(100% - 638px);
}

#benefits .benefitsList .box03 .boxFlex .boxConts p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	margin-bottom: 40px;
}

#benefits .benefitsList .box03 .boxFlex .boxConts p:last-child {
	margin-bottom: 0;
}

#benefits .benefitsList .box04 {
	width: 46.8%;
	margin-bottom: 80px;
}

#benefits .benefitsList .box04 .boxHead h3 {
	margin-bottom: 43px;
}

#benefits .benefitsList .box04 .boxHead p {
	margin-bottom: 40px;
}

#benefits .benefitsList .box04 .image {
	width: 100%;
	max-width: 561px;
	margin-top: 45px;
}

#benefits .benefitsList .box05 {
	width: 46.8%;
	margin-bottom: 80px;
}

#benefits .benefitsList .box05 .boxHead p {
	margin-bottom: 40px;
}

#benefits .benefitsList .box05 .boxHead h3 {
	margin-bottom: 43px;
}

#benefits .benefitsList .box05 .image {
	width: 100%;
	max-width: 560px;
	margin-top: 45px;
}

#benefits .benefitsList .box06 {
	width: 100%;
}

#benefits .benefitsList .box06 .image {
	width: 100%;
	max-width: 577px;
	margin: 56px auto 0;
}

/*----------------------------------------------------
 #flow
----------------------------------------------------*/

#flow {
	position: relative;
	overflow: hidden;
	padding: 200px 0 0 0;
	z-index: 0;
}

#flow .head {
	margin-bottom: 121px;
}

#flow .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#flow .head h2 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
	margin: 0 0 20px;
}

#flow .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 21px;
	padding: 0 0 0 10px;
}

#flow .head h2 .headLine {
	width: 100%;
	max-width: 101px;
	line-height: 46px;
	margin: 0 auto 0;
}

#flow .headBox {
	width: 800px;
	height: 81px;
	margin: 0 auto 81px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#flow .headBox p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	text-align: center;
}

#flow .listHead {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 31px;
}

#flow .flowLists {
	display: flex;
	justify-content: space-between;
	margin-bottom: 112px;
	padding: 0 51px 0 67px;
}

#flow .flowLists .box {
	width: 29%;
}

#flow .flowLists .box .conts p {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3f3f3f;
}

#flow .flowLists .box01 .image {
	width: 100%;
	max-width: 207px;
	line-height: 166px;
	margin: 17px auto 38px;
}

#flow .flowLists .box02 .image {
	width: 100%;
	max-width: 232px;
	line-height: 126px;
	margin: 37px auto 57px;
	transform: translateX(-8px);
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
}

#flow .flowLists .box03 .image {
	width: 100%;
	max-width: 253px;
	line-height: 146px;
	margin: 26px auto 48px;
}

#flow .flowLists .box03 .conts p {
	transform: translateX(7px);
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
}

/*----------------------------------------------------
 #recruit
----------------------------------------------------*/

#recruit {
	position: relative;
	overflow: hidden;
	padding: 64px 0 200px 0;
	z-index: 0;
}

#recruit .head {
	margin-bottom: 70px;
}

#recruit .head h2 {
	display: flex;
	justify-content: center;
}

#recruit .head h2 b {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #00b2ae;
}

#recruit .recruitTable {
	width: 100%;
	margin: 0 auto 0;
}

#recruit .recruitTable table {
	width: 100%;
	border: 1px solid #dfdfdf;
}

#recruit .recruitTable table tbody tr {
	border-bottom: 1px solid #dfdfdf;
}

#recruit .recruitTable table tbody th {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	vertical-align: middle;
	width: 400px;
	background: #fafafa;
	box-sizing: border-box;
	padding: 31.2px 0;
}

#recruit .recruitTable table tbody td {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1em;
	vertical-align: middle;
	color: #3f3f3f;
	width: calc(100% - 400px);
	box-sizing: border-box;
	padding: 7px 33px;
}

#recruit .recruitTable table tbody td small {
	font-size: 18px;
}

/*----------------------------------------------------
 PC VW
----------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1919px) {

	/*----------------------------------------------------
	elements
	----------------------------------------------------*/

	body {
		font-size: 0.833vw;
	}

	/*----------------------------------------------------
	fadeIn
	----------------------------------------------------*/

	.fadeIn {
		transform: translate3d(0, -0.521vw, 0);
	}

	/*----------------------------------------------------
	inner
	----------------------------------------------------*/

	.inner {
		max-width: 62.5vw;
	}

	/*----------------------------------------------------
	header
	----------------------------------------------------*/

	#header {
		padding: 1.042vw 0 1.094vw;
		box-shadow: rgba(149, 157, 165, 0.2) 0 0.417vw 1.25vw;
	}

	#header .headerFlex {
		padding: 0 1.146vw 0;
	}

	#header .headerFlex .logoArea .logo {
		max-width: 6.823vw;
		margin-right: 1.927vw;
	}

	#header .headerFlex .logoArea h1 {
		transform: translateY(-0.052vw);
		-webkit-transform: translateY(-0.052vw);
		-moz-transform: translateY(-0.052vw);
	}

	#header .headerFlex .logoArea h1 b {
		font-size: 1.25vw;
		padding: 0 0 0.052vw;
		margin-bottom: 0.625vw;
	}

	#header .headerFlex .logoArea h1 small {
		font-size: 0.938vw;
		padding: 0.469vw 0 0 0;
		border-top: 0.052vw solid #f26580;
	}

	#header .headerFlex .buttons .pinkBt {
		width: 15.625vw;
		height: 2.917vw;
		margin-left: 0.781vw;
	}

	#header .headerFlex .buttons .pinkBt a {
		border: 0.104vw solid #f26580;
		border-radius: 1.458vw;
	}

	#header .headerFlex .buttons .pinkBt a .tex {
		font-size: 0.938vw;
		transform: translateX(-0.469vw);
		-webkit-transform: translateX(-0.469vw);
		-moz-transform: translateX(-0.469vw);
	}

	#header .headerFlex .buttons .pinkBt a .icon {
		width: 2.708vw;
		height: 2.604vw;
		right: 0.104vw;
	}

	#header .headerFlex .buttons .pinkBt a .icon2 {
		width: 2.708vw;
		height: 2.604vw;
		right: 0.104vw;
	}

	#header .headerFlex .buttons .greenBt {
		width: 11.979vw;
		height: 2.917vw;
	}

	#header .headerFlex .buttons .greenBt a {
		border: 0.104vw solid #00b2ae;
		border-radius: 1.458vw;
	}

	#header .headerFlex .buttons .greenBt a .tex {
		font-size: 0.938vw;
	}

	#header .headerFlex .buttons .greenBt a .arrow {
		width: 0.323vw;
		height: 0.547vw;
		right: 0.521vw;
	}

	#header .headerFlex .buttons .greenBt a .arrow::before,
	#header .headerFlex .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.052vw);
		width: 0.417vw;
		height: 0.104vw;
		border-radius: 520.781vw;
		transform-origin: calc(100% - 0.052vw) 50%;
	}

	/*----------------------------------------------------
	footer
	----------------------------------------------------*/

	#footer {
		padding: 8.49vw 0 3.385vw 0;
	}

	#footer .inner {
		max-width: 98.125vw;
	}

	#footer .areaBg {
		height: 8.333vw;
	}

	#footer .logo {
		max-width: 15.104vw;
		margin: 0 auto 8.542vw;
	}

	#footer .footNav {
		right: 1.719vw;
		bottom: -0.052vw;
	}

	#footer .footNav nav ul li a {
		padding: 0 1.302vw;
		border-left: 0.052vw solid #fff;
	}

	#footer .footNav nav ul li a .tex {
		font-size: 0.938vw;
	}

	#footer .copy {
		font-size: 0.833vw;
	}

	/*----------------------------------------------------
	#goTop
	----------------------------------------------------*/

	#goTop a {
		width: 5.208vw;
		height: 5.208vw;
		right: 2.083vw;
		bottom: 2.083vw;
	}

	#goTop a .icon {
		max-width: 2.083vw;
		line-height: 1.563vw;
	}

	/*----------------------------------------------------
	#visual
	----------------------------------------------------*/

	#visual {
		height: 45.781vw;
		padding: 8.333vw 0 0 0;
	}

	#visual .contents .inner {
		max-width: 95.833vw;
	}

	#visual .contents .visualBg {
		width: 95.833vw;
		height: 41.563vw;
	}

	#visual .contents .visualTex {
		left: 8.49vw;
		top: 2.24vw;
	}

	#visual .contents .visualTex h2 {
		margin-bottom: 0.885vw;
	}

	#visual .contents .visualTex h2 small {
		margin-bottom: 0.573vw;
	}

	#visual .contents .visualTex h2 small .texBg {
		left: -0.99vw;
		top: -0.208vw;
		width: 20.573vw;
	}

	#visual .contents .visualTex h2 small .tex {
		font-size: 1.667vw;
	}

	#visual .contents .visualTex h2 b .objLeft {
		max-width: 4.74vw;
		transform: translate(-3.177vw, 0.469vw);
		-webkit-transform: translate(-3.177vw, 0.469vw);
		-moz-transform: translate(-3.177vw, 0.469vw);
	}

	#visual .contents .visualTex h2 b .objRight {
		max-width: 2.396vw;
		transform: translate(1.198vw, 2.813vw);
		-webkit-transform: translate(1.198vw, 2.813vw);
		-moz-transform: translate(1.198vw, 2.813vw);
	}

	#visual .contents .visualTex h2 b .tex {
		font-size: 4.167vw;
		transform: translateX(-1.198vw);
		-webkit-transform: translateX(-1.198vw);
		-moz-transform: translateX(-1.198vw);
	}

	#visual .contents .visualTex h2 b .tex span {
		font-size: 2.917vw;
	}

	#visual .contents .visualTex p {
		font-size: 1.25vw;
	}

	#visual .contents .buttons {
		width: 24.948vw;
		left: 8.073vw;
		top: 24.792vw;
	}

	#visual .contents .buttons .greenBt {
		width: 24.948vw;
		height: 4.583vw;
		margin-bottom: 0.833vw;
	}

	#visual .contents .buttons .greenBt a:after {
		border: 0.208vw solid #00b2ae;
		border-radius: 2.292vw;
	}

	#visual .contents .buttons .greenBt a:before {
		border: 0.208vw solid #33beb7;
		border-radius: 2.292vw;
	}

	#visual .contents .buttons .greenBt a .tex {
		font-size: 1.667vw;
	}

	#visual .contents .buttons .greenBt a .arrow {
		width: 0.49vw;
		height: 0.818vw;
		right: 1.146vw;
	}

	#visual .contents .buttons .greenBt a .arrow::before,
	#visual .contents .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.078vw);
		width: 0.625vw;
		height: 0.156vw;
		border-radius: 520.781vw;
		transform-origin: calc(100% - 0.078vw) 50%;
	}

	#visual .contents .pointList {
		left: 4.063vw;
		bottom: -2.292vw;
	}

	#visual .contents .pointList .oracle01 {
		max-width: 11.458vw;
		line-height: 11.146vw;
	}

	#visual .contents .pointList .oracle02 {
		max-width: 11.771vw;
		line-height: 11.458vw;
		transform: translateX(-0.781vw);
		-webkit-transform: translateX(-0.781vw);
		-moz-transform: translateX(-0.781vw);
	}

	#visual .contents .pointList .oracle03 {
		max-width: 11.198vw;
		line-height: 11.198vw;
		transform: translateX(-1.354vw);
		-webkit-transform: translateX(-1.354vw);
		-moz-transform: translateX(-1.354vw);
	}

	/*----------------------------------------------------
	#wish
	----------------------------------------------------*/

	#wish {
		padding: 5.417vw 0 5.156vw 0;
	}

	#wish .head {
		margin-bottom: 3.333vw;
	}

	#wish .head h2 {
		font-size: 2.083vw;
	}

	#wish .head h2 span {
		font-size: 2.5vw;
	}

	#wish .image {
		max-width: 62.448vw;
		margin: 0 auto 3.177vw;
	}

	#wish .conts {
		padding: 0 9.323vw;
	}

	#wish .conts p {
		font-size: 1.25vw;
	}

	#wish .conts p .border {
		border-bottom: 0.104vw solid #f26580;
	}

	#wish .conts p b {
		font-size: 1.667vw;
	}

	/*----------------------------------------------------
	#features
	----------------------------------------------------*/

	#features {
		padding: 9.844vw 0 6.979vw 0;
	}

	#features .head {
		margin-bottom: 3.281vw;
	}

	#features .head h2 .obj {
		max-width: 5.677vw;
		line-height: 10.677vw;
		left: 6.927vw;
		top: -1.042vw;
	}

	#features .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 0.99vw;
	}

	#features .head h2 b span {
		font-size: 3.333vw;
		margin: 0 0.052vw;
	}

	#features .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#features .headBox {
		height: 9.063vw;
		margin: 0 auto 4.271vw;
		padding: 0 0 0 0.417vw;
		border-radius: 1.042vw;
	}

	#features .headBox p {
		font-size: 1.042vw;
	}

	#features .featuresList {
		margin-bottom: 6.302vw;
	}

	#features .featuresList .box {
		width: 20vw;
		border: 0.052vw solid #3f3f3f;
		border-radius: 1.042vw;
		padding: 0 0 2.813vw 0;
	}

	#features .featuresList .box .no {
		max-width: 5.417vw;
		margin: 0 auto 1.198vw;
	}

	#features .featuresList .box h3 small {
		font-size: 1.25vw;
		margin-bottom: -0.573vw;
	}

	#features .featuresList .box h3 b {
		font-size: 1.667vw;
	}

	#features .featuresList .box01 .image {
		max-width: 11.927vw;
		margin: 1.25vw auto 0;
	}

	#features .featuresList .box02 .image {
		max-width: 11.563vw;
		margin: 2.917vw auto 0;
	}

	#features .featuresList .box03 .image {
		max-width: 10.885vw;
		margin: 1.51vw auto 0;
	}

	#features .reasonList .box {
		border: 0.052vw solid #f5bf0a;
		border-radius: 1.042vw;
		margin-bottom: 3.438vw;
		padding: 0 0 4.115vw 0;
	}

	#features .reasonList .box .boxHead {
		margin-bottom: 3.021vw;
		padding: 0.781vw 0 0 0;
	}

	#features .reasonList .box .boxHead .headBg {
		max-width: 29.219vw;
	}

	#features .reasonList .box .boxHead p {
		font-size: 1.25vw;
		transform: translateX(-1.302vw);
		-webkit-transform: translateX(-1.302vw);
		-moz-transform: translateX(-1.302vw);
	}

	#features .reasonList .box .boxTitle {
		margin-bottom: 2.604vw;
		padding: 0.729vw 0 0.833vw 0;
	}

	#features .reasonList .box .boxTitle h3 {
		font-size: 1.667vw;
		transform: translateX(0.469vw);
		-webkit-transform: translateX(0.469vw);
		-moz-transform: translateX(0.469vw);
	}

	#features .reasonList .box .boxList {
		margin-bottom: 3.385vw;
		padding: 0 4.948vw;
	}

	#features .reasonList .box .boxList ul li {
		border-bottom: 0.052vw solid #f26580;
		padding: 0.938vw 0 1.094vw;
	}

	#features .reasonList .box .boxList ul li .check {
		max-width: 1.042vw;
		line-height: 1.25vw;
		margin-right: 0.573vw;
	}

	#features .reasonList .box .boxList ul li .tex {
		font-size: 1.25vw;
		width: calc(100% - 1.615vw);
	}

	#features .reasonList .box .boxConts {
		margin-bottom: 1.615vw;
		padding: 0 9.844vw;
	}

	#features .reasonList .box .boxConts p {
		font-size: 0.938vw;
	}

	#features .reasonList .box .boxImage {
		max-width: 42.708vw;
		margin: 0 auto 4.115vw;
	}

	#features .reasonList .box .pinkBt {
		width: 27.083vw;
		height: 5vw;
	}

	#features .reasonList .box .pinkBt a {
		border: 0.104vw solid #f26580;
		border-radius: 2.5vw;
	}

	#features .reasonList .box .pinkBt a .tex {
		font-size: 1.667vw;
		transform: translateX(0.052vw);
		-webkit-transform: translateX(0.052vw);
		-moz-transform: translateX(0.052vw);
	}

	#features .reasonList .box .pinkBt a .icon {
		width: 3.333vw;
		height: 3.333vw;
		right: 0.729vw;
	}

	#features .reasonList .box02 {
		margin-bottom: 2.396vw;
		padding: 0 0 3.75vw 0;
	}

	#features .reasonList .box02 .boxHead p {
		transform: translateX(-1.458vw);
		-webkit-transform: translateX(-1.458vw);
		-moz-transform: translateX(-1.458vw);
	}

	#features .reasonList .box02 .boxTitle {
		margin-bottom: 2.292vw;
	}

	#features .reasonList .box02 .boxTitle h3 {
		transform: translateX(0.156vw);
		-webkit-transform: translateX(0.156vw);
		-moz-transform: translateX(0.156vw);
	}

	#features .reasonList .box02 .boxList {
		margin-bottom: 4.115vw;
	}

	#features .reasonList .box02 .boxImage {
		margin: 0 auto 1.354vw;
	}

	#features .reasonList .box03 .boxHead p {
		transform: translateX(-1.667vw);
		-webkit-transform: translateX(-1.667vw);
		-moz-transform: translateX(-1.667vw);
	}

	#features .reasonList .box03 .boxTitle {
		margin-bottom: 2.865vw;
	}

	#features .reasonList .box03 .boxList {
		margin-bottom: 4.167vw;
	}

	#features .reasonList .box03 .boxImage {
		max-width: 20.833vw;
	}

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

	#contact {
		padding: 4.167vw 0;
	}

	#contact .contactBox {
		border-radius: 1.042vw;
		padding: 4.688vw 0 0.365vw 0;
	}

	#contact .contactBox:before {
		width: calc(100% - 0.521vw);
		height: calc(100% - 0.521vw);
		border-radius: 1.042vw;
		border: 0.104vw solid #f5bf0b;
		left: 0.26vw;
		top: 0.26vw;
	}

	#contact .contactBox .boxImg01 {
		max-width: 21.563vw;
		line-height: 16.979vw;
		left: -13.802vw;
		top: 0.26vw;
	}

	#contact .contactBox .boxImg02 {
		max-width: 19.792vw;
		line-height: 18.333vw;
		right: -11.979vw;
		top: 4.271vw;
	}

	#contact .contactBox .boxHead {
		margin-bottom: 1.667vw;
	}

	#contact .contactBox .boxHead p {
		font-size: 1.667vw;
	}

	#contact .contactBox .buttons {
		margin-bottom: 1.25vw;
	}

	#contact .contactBox .buttons .greenBt {
		width: 24.948vw;
		height: 3.75vw;
	}

	#contact .contactBox .buttons .greenBt a:after {
		border: 0.208vw solid #00b2ae;
		border-radius: 2.292vw;
	}

	#contact .contactBox .buttons .greenBt a:before {
		border: 0.208vw solid #33beb7;
		border-radius: 2.292vw;
	}

	#contact .contactBox .buttons .greenBt a .tex {
		font-size: 1.667vw;
		transform: translate(0.208vw, -0.052vw);
		-webkit-transform: translate(0.208vw, -0.052vw);
		-moz-transform: translate(0.208vw, -0.052vw);
	}

	#contact .contactBox .buttons .greenBt a .arrow {
		width: 0.49vw;
		height: 0.818vw;
		right: 1.146vw;
	}

	#contact .contactBox .buttons .greenBt a .arrow::before,
	#contact .contactBox .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.078vw);
		width: 0.625vw;
		height: 0.156vw;
		border-radius: 520.781vw;
		transform-origin: calc(100% - 0.078vw) 50%;
	}

	#contact .contactBox .boxObj {
		max-width: 17.188vw;
		line-height: 5.521vw;
		transform: translateX(1.354vw);
		-webkit-transform: translateX(1.354vw);
		-moz-transform: translateX(1.354vw);
	}

	/*----------------------------------------------------
	#aim
	----------------------------------------------------*/

	#aim {
		padding: 13.021vw 0 10.365vw 0;
	}

	#aim .head {
		margin-bottom: 3.281vw;
	}

	#aim .head h2 .obj {
		max-width: 7.865vw;
		line-height: 9.479vw;
		left: 10.417vw;
		top: -2.5vw;
	}

	#aim .head h2 small {
		font-size: 1.667vw;
		margin-bottom: 0.99vw;
	}

	#aim .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 1.198vw;
		transform: translateX(0.938vw);
		-webkit-transform: translateX(0.938vw);
		-moz-transform: translateX(0.938vw);
	}

	#aim .head h2 b span {
		font-size: 3.333vw;
		margin: 0 0.052vw;
	}

	#aim .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#aim .headBox {
		height: 13.229vw;
		margin: 0 auto 4.271vw;
		padding: 0 2.031vw;
		border-radius: 1.042vw;
	}

	#aim .headBox p {
		font-size: 1.042vw;
	}

	#aim .themeArea {
		margin-bottom: 6.146vw;
	}

	#aim .themeArea .themeImg {
		max-width: 42.708vw;
		line-height: 32.083vw;
	}

	#aim .pointList .box .boxHead .pointNo {
		max-width: 6.406vw;
		line-height: 6.25vw;
		margin-right: 1.406vw;
	}

	#aim .pointList .box .boxHead h3 small {
		font-size: 2.083vw;
		margin-bottom: 0.156vw;
	}

	#aim .pointList .box .boxHead h3 b {
		font-size: 2.917vw;
	}

	#aim .pointList .box01 {
		margin-bottom: 4.167vw;
	}

	#aim .pointList .box01 .image {
		max-width: 25.99vw;
		margin: 3.333vw 0 0 0;
	}

	#aim .pointList .box02 {
		margin-bottom: 4.167vw;
	}

	#aim .pointList .box02 .image {
		max-width: 29.844vw;
		margin: 3.333vw 0 0 0;
	}

	#aim .pointList .box02 .boxHead .pointNo {
		margin-right: 0.885vw;
	}

	#aim .pointList .box02 .boxHead h3 {
		transform: translateX(0.625vw);
		-webkit-transform: translateX(0.625vw);
		-moz-transform: translateX(0.625vw);
	}

	#aim .pointList .box03 {
		margin-bottom: 6.302vw;
	}

	#aim .pointList .box03 .boxHead {
		transform: translateX(0.156vw);
		-webkit-transform: translateX(0.156vw);
		-moz-transform: translateX(0.156vw);
	}

	#aim .pointList .box03 .imageConts {
		margin: 3.177vw 0 2.292vw;
	}

	#aim .pointList .box03 .imageConts p {
		font-size: 1.667vw;
	}

	#aim .pointList .box03 .image {
		max-width: 50vw;
	}

	#aim .pointList .box04 .boxHead {
		transform: translateX(0.313vw);
		-webkit-transform: translateX(0.313vw);
		-moz-transform: translateX(0.313vw);
	}

	#aim .pointList .box04 .image {
		max-width: 50vw;
	}

	#aim .pointList .box04 .imageConts {
		margin: 2.604vw 0 2.708vw;
	}

	#aim .pointList .box04 .imageConts p {
		font-size: 1.042vw;
	}

	/*----------------------------------------------------
	#attempt
	----------------------------------------------------*/

	#attempt {
		margin-bottom: 10.469vw;
		padding: 6.094vw 0 6.302vw 0;
	}

	#attempt .head {
		margin-bottom: 4.063vw;
	}

	#attempt .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 1.094vw;
		transform: translateX(0.156vw);
		-webkit-transform: translateX(0.156vw);
		-moz-transform: translateX(0.156vw);
	}

	#attempt .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#attempt .attemptSlide .slide-arrow {
		width: 4.167vw;
		height: 4.167vw;
	}

	#attempt .attemptSlide .next-arrow {
		right: -1.927vw;
	}

	#attempt .attemptSlide .next-arrow .arrow {
		width: 0.724vw;
		height: 1.24vw;
	}

	#attempt .attemptSlide .next-arrow .arrow::before,
	#attempt .attemptSlide .next-arrow .arrow::after {
		top: calc(50% - 0.104vw);
		width: 0.938vw;
		height: 0.208vw;
		border-radius: 520.781vw;
		transform-origin: calc(100% - 0.104vw) 50%;
	}

	#attempt .attemptSlide .prev-arrow {
		left: -1.927vw;
	}

	#attempt .attemptSlide .prev-arrow .arrow {
		width: 0.724vw;
		height: 1.24vw;
	}

	#attempt .attemptSlide .prev-arrow .arrow::before,
	#attempt .attemptSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.104vw);
		width: 0.938vw;
		height: 0.208vw;
		border-radius: 520.781vw;
		transform-origin: 0.104vw 50%;
	}

	#attempt .attemptSlide .box {
		width: 62.5vw;
		border-radius: 2.083vw;
		margin: 0 2.083vw;
		padding: 3.281vw 1.771vw 1.823vw 1.771vw;
		box-shadow: rgba(0, 0, 0, 0.1) 0 0.521vw 0.781vw -0.156vw, rgba(0, 0, 0, 0.05) 0 0.208vw 0.313vw -0.104vw;
	}

	#attempt .attemptSlide .box .boxHead {
		margin-bottom: 2.969vw;
	}

	#attempt .attemptSlide .box .boxHead h3 {
		font-size: 2.083vw;
		margin-bottom: 0.521vw;
		transform: translateX(0.313vw);
		-webkit-transform: translateX(0.313vw);
		-moz-transform: translateX(0.313vw);
	}

	#attempt .attemptSlide .box .boxHead p {
		font-size: 1.042vw;
	}

	#attempt .attemptSlide .box .contsHead {
		margin-bottom: 2.031vw;
	}

	#attempt .attemptSlide .box .contsHead h4 b {
		font-size: 1.667vw;
	}

	#attempt .attemptSlide .box .contsHead h4 small {
		font-size: 1.042vw;
		margin: 0 -0.781vw 0 0.052vw;
	}

	#attempt .attemptSlide .box .fullImg {
		max-width: 50vw;
		margin: 0 auto 1.615vw;
	}

	#attempt .attemptSlide .box .imageConts {
		margin-bottom: 3.333vw;
	}

	#attempt .attemptSlide .box .imageConts p {
		font-size: 1.042vw;
	}

	#attempt .attemptSlide .box .boxList {
		margin-bottom: 2.76vw;
		padding: 0 4.479vw;
	}

	#attempt .attemptSlide .box .boxList ul li {
		margin-bottom: 1.563vw;
	}

	#attempt .attemptSlide .box .boxList ul li .check {
		max-width: 1.042vw;
		line-height: 1.25vw;
		margin-right: 0.833vw;
	}

	#attempt .attemptSlide .box .boxList ul li .tex {
		font-size: 1.042vw;
		width: calc(100% - 1.875vw);
	}

	#attempt .attemptSlide .box .boxFlex {
		margin-bottom: 4.063vw;
		padding: 0 4.167vw 0 4.479vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxImg {
		width: 24.479vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts {
		width: calc(100% - 26.042vw);
	}

	#attempt .attemptSlide .box .boxFlex .boxConts p {
		font-size: 1.042vw;
		transform: translateY(-0.625vw);
		-webkit-transform: translateY(-0.625vw);
		-moz-transform: translateY(-0.625vw);
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList {
		margin: 0.781vw 0 0 0;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li {
		margin-bottom: 0.729vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .check {
		max-width: 1.042vw;
		line-height: 1.25vw;
		margin-right: 0.833vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .tex {
		font-size: 1.042vw;
		width: calc(100% - 1.875vw);
	}

	#attempt .attemptSlide .box03 .boxHead {
		margin-bottom: 2.813vw;
	}

	/*----------------------------------------------------
	#interview
	----------------------------------------------------*/

	#interview {
		padding: 10.104vw 0 10.313vw 0;
	}

	#interview .head {
		margin-bottom: 4.115vw;
	}

	#interview .head h2 small {
		margin-bottom: 1.042vw;
	}

	#interview .head h2 small .lineLeft {
		max-width: 1.875vw;
		line-height: 2.188vw;
		transform: translateY(0.521vw);
		-webkit-transform: translateY(0.521vw);
		-moz-transform: translateY(0.521vw);
	}

	#interview .head h2 small .lineRight {
		max-width: 1.875vw;
		line-height: 2.188vw;
		transform: translateY(0.417vw);
		-webkit-transform: translateY(0.417vw);
		-moz-transform: translateY(0.417vw);
	}

	#interview .head h2 small .tex {
		font-size: 1.25vw;
		margin: 0 1.771vw;
	}

	#interview .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 1.094vw;
		padding: 0 0 0 0.521vw;
	}

	#interview .head h2 b span {
		font-size: 3.333vw;
		margin: 0 0.156vw;
	}

	#interview .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#interview .interviewSec .obj01 {
		max-width: 6.25vw;
		line-height: 7.083vw;
		left: -6.615vw;
		top: 3.646vw;
	}

	#interview .interviewSec .obj02 {
		max-width: 9.427vw;
		line-height: 6.927vw;
		right: -0.052vw;
		top: 3.594vw;
	}

	#interview .interviewSec .obj03 {
		max-width: 4.271vw;
		line-height: 4.531vw;
		left: -5vw;
		top: -0.052vw;
	}

	#interview .interviewSec .secHead {
		margin-bottom: 1.719vw;
	}

	#interview .interviewSec .secHead .secNo {
		width: 8.646vw;
		height: 2.083vw;
		margin: 0 auto 1.146vw;
		border-radius: 1.042vw;
	}

	#interview .interviewSec .secHead .secNo .noImg {
		max-width: 6.458vw;
		line-height: 0.99vw;
	}

	#interview .interviewSec .secHead h3 {
		margin-bottom: 0.625vw;
	}

	#interview .interviewSec .secHead h3 b {
		font-size: 1.667vw;
		margin-bottom: 0.208vw;
	}

	#interview .interviewSec .secHead h3 small {
		font-size: 1.25vw;
	}

	#interview .interviewSec .secHead .avatar {
		max-width: 7.292vw;
		left: 3.594vw;
		top: 2.135vw;
	}

	#interview .interviewSec .secHead .name {
		font-size: 0.833vw;
		margin-bottom: 0.208vw;
	}

	#interview .interviewSec .inteviewSlide .slide-arrow {
		width: 4.167vw;
		height: 4.167vw;
	}

	#interview .interviewSec .inteviewSlide .next-arrow {
		right: -1.927vw;
	}

	#interview .interviewSec .inteviewSlide .next-arrow .arrow {
		width: 0.724vw;
		height: 1.24vw;
	}

	#interview .interviewSec .inteviewSlide .next-arrow .arrow::before,
	#interview .interviewSec .inteviewSlide .next-arrow .arrow::after {
		top: calc(50% - 0.104vw);
		width: 0.938vw;
		height: 0.208vw;
		border-radius: 520.781vw;
		transform-origin: calc(100% - 0.104vw) 50%;
	}

	#interview .interviewSec .inteviewSlide .prev-arrow {
		left: -1.927vw;
	}

	#interview .interviewSec .inteviewSlide .prev-arrow .arrow {
		width: 0.724vw;
		height: 1.24vw;
	}

	#interview .interviewSec .inteviewSlide .prev-arrow .arrow::before,
	#interview .interviewSec .inteviewSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.104vw);
		width: 0.938vw;
		height: 0.208vw;
		border-radius: 520.781vw;
		transform-origin: 0.104vw 50%;
	}

	#interview .interviewSec .inteviewSlide .box {
		width: 62.5vw;
		border: 0.313vw solid #f5bf0a;
		border-radius: 2.083vw;
		margin: 0 2.083vw;
		padding: 1.719vw 1.771vw 1.823vw 1.771vw;
		box-shadow: rgba(0, 0, 0, 0.1) 0 0.521vw 0.781vw -0.156vw, rgba(0, 0, 0, 0.05) 0 0.208vw 0.313vw -0.104vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead {
		border-bottom: 0.052vw solid #f5bf0a;
		padding: 0 0 1.302vw 0;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 .mark {
		max-width: 1.615vw;
		line-height: 1.563vw;
		margin: 0 0.469vw 0 0.781vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 .tex {
		font-size: 1.25vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxConts {
		padding: 1.51vw 1.979vw 0;
	}

	#interview .interviewSec .inteviewSlide .box .boxConts p {
		font-size: 0.938vw;
		margin-bottom: 1.667vw;
	}

	#interview .rabitService .boxHead {
		margin-bottom: 4.323vw;
	}

	#interview .rabitService .boxHead h3 .line {
		max-width: 5.208vw;
		line-height: 0.521vw;
	}

	#interview .rabitService .boxHead h3 .tex {
		font-size: 1.667vw;
	}

	#interview .rabitService .image {
		width: calc(100% + 29.167vw);
		margin: 0 0 0 -14.583vw;
	}

	#interview .interview01Sec {
		margin-bottom: 4.01vw;
	}

	#interview .interview02Sec {
		margin-bottom: 4.323vw;
	}

	#interview .interview02Sec .secHead h3 {
		transform: translateX(0.521vw);
		-webkit-transform: translateX(0.521vw);
		-moz-transform: translateX(0.521vw);
	}

	#interview .interview02Sec .secHead .avatar {
		left: 5.104vw;
		top: 3.385vw;
	}

	#interview .interview03Sec {
		margin-bottom: 8.021vw;
	}

	#interview .interview03Sec .secHead h3 {
		transform: translateX(0.26vw);
		-webkit-transform: translateX(0.26vw);
		-moz-transform: translateX(0.26vw);
	}

	#interview .interview03Sec .secHead .secNo .noImg {
		max-width: 6.771vw;
		line-height: 0.99vw;
	}

	#interview .interview03Sec .secHead .avatar {
		left: 4.167vw;
		top: 2.083vw;
	}

	/*----------------------------------------------------
	#benefits
	----------------------------------------------------*/

	#benefits {
		padding: 5.99vw 0 6.354vw 0;
	}

	#benefits .bgObj01 {
		max-width: 19.688vw;
		right: -3.542vw;
		top: 12.5vw;
	}

	#benefits .bgObj02 {
		max-width: 13.073vw;
		top: 63.281vw;
	}

	#benefits .bgObj03 {
		max-width: 15.99vw;
		right: -4.792vw;
		top: 113.646vw;
	}

	#benefits .bgObj04 {
		max-width: 18.594vw;
		left: -5.052vw;
		bottom: 14.792vw;
	}

	#benefits .head {
		margin-bottom: 3.333vw;
	}

	#benefits .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 0.99vw;
	}

	#benefits .head h2 b span {
		font-size: 3.333vw;
		margin: 0 0.156vw;
	}

	#benefits .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#benefits .headBox {
		height: 5.052vw;
		margin: 0 auto 4.271vw;
		padding: 0 2.031vw;
		border-radius: 1.042vw;
	}

	#benefits .headBox p {
		font-size: 1.042vw;
		transform: translateX(-0.521vw);
		-webkit-transform: translateX(-0.521vw);
		-moz-transform: translateX(-0.521vw);
	}

	#benefits .benefitsList .box .boxNo {
		max-width: 3.594vw;
		margin: 0 auto 1.094vw;
	}

	#benefits .benefitsList .box .boxHead h3 {
		margin-bottom: 1.406vw;
		transform: translateX(0.26vw);
		-webkit-transform: translateX(0.26vw);
		-moz-transform: translateX(0.26vw);
	}

	#benefits .benefitsList .box .boxHead h3 b {
		font-size: 2.083vw;
	}

	#benefits .benefitsList .box .boxHead h3 small {
		font-size: 1.25vw;
		margin-top: 0.573vw;
	}

	#benefits .benefitsList .box .boxHead p {
		font-size: 1.042vw;
	}

	#benefits .benefitsList .box01 {
		margin-bottom: 4.219vw;
	}

	#benefits .benefitsList .box01 .image {
		max-width: 29.167vw;
		margin: 2.344vw auto 0;
	}

	#benefits .benefitsList .box02 {
		margin-bottom: 4.219vw;
	}

	#benefits .benefitsList .box02 .boxFlex {
		margin-top: 2.396vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxImage {
		max-width: 11.927vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList {
		width: calc(100% - 13.385vw);
		padding: 2.031vw 0 0 0;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li {
		margin-bottom: 0.885vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li .check {
		max-width: 1.042vw;
		line-height: 1.25vw;
		margin-right: 0.781vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li .tex {
		font-size: 1.042vw;
		width: calc(100% - 1.615vw);
		transform: translateY(-0.208vw);
		-webkit-transform: translateY(-0.208vw);
		-moz-transform: translateY(-0.208vw);
	}

	#benefits .benefitsList .box03 {
		margin-bottom: 3.75vw;
	}

	#benefits .benefitsList .box03 .boxFlex {
		margin-top: 2.24vw;
	}

	#benefits .benefitsList .box03 .boxFlex .boxImage {
		max-width: 27.76vw;
		margin-top: 0.729vw;
	}

	#benefits .benefitsList .box03 .boxFlex .boxConts {
		width: calc(100% - 33.229vw);
	}

	#benefits .benefitsList .box03 .boxFlex .boxConts p {
		font-size: 1.042vw;
		margin-bottom: 2.083vw;
	}

	#benefits .benefitsList .box04 {
		margin-bottom: 4.167vw;
	}

	#benefits .benefitsList .box04 .boxHead h3 {
		margin-bottom: 2.24vw;
	}

	#benefits .benefitsList .box04 .boxHead p {
		margin-bottom: 2.083vw;
	}

	#benefits .benefitsList .box04 .image {
		max-width: 29.219vw;
		margin-top: 2.344vw;
	}

	#benefits .benefitsList .box05 {
		margin-bottom: 4.167vw;
	}

	#benefits .benefitsList .box05 .boxHead p {
		margin-bottom: 2.083vw;
	}

	#benefits .benefitsList .box05 .boxHead h3 {
		margin-bottom: 2.24vw;
	}

	#benefits .benefitsList .box05 .image {
		max-width: 29.167vw;
		margin-top: 2.344vw;
	}

	#benefits .benefitsList .box06 .image {
		max-width: 30.052vw;
		margin: 2.917vw auto 0;
	}

	/*----------------------------------------------------
	#flow
	----------------------------------------------------*/

	#flow {
		padding: 10.417vw 0 0 0;
	}

	#flow .head {
		margin-bottom: 6.302vw;
	}

	#flow .head h2 small {
		font-size: 1.25vw;
		margin: 0 0 1.042vw;
	}

	#flow .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 1.094vw;
		padding: 0 0 0 0.521vw;
	}

	#flow .head h2 .headLine {
		max-width: 5.26vw;
		line-height: 2.396vw;
	}

	#flow .headBox {
		width: 41.667vw;
		height: 4.219vw;
		margin: 0 auto 4.219vw;
		border-radius: 1.042vw;
	}

	#flow .headBox p {
		font-size: 0.938vw;
	}

	#flow .listHead {
		max-width: 62.5vw;
		margin: 0 auto 1.615vw;
	}

	#flow .flowLists {
		margin-bottom: 5.833vw;
		padding: 0 2.656vw 0 3.49vw;
	}

	#flow .flowLists .box .conts p {
		font-size: 1.042vw;
	}

	#flow .flowLists .box01 .image {
		max-width: 10.781vw;
		line-height: 8.646vw;
		margin: 0.885vw auto 1.979vw;
	}

	#flow .flowLists .box02 .image {
		max-width: 12.083vw;
		line-height: 6.563vw;
		margin: 1.927vw auto 2.969vw;
		transform: translateX(-0.417vw);
		-webkit-transform: translateX(-0.417vw);
		-moz-transform: translateX(-0.417vw);
	}

	#flow .flowLists .box03 .image {
		max-width: 13.177vw;
		line-height: 7.604vw;
		margin: 1.354vw auto 2.5vw;
	}

	#flow .flowLists .box03 .conts p {
		transform: translateX(0.365vw);
		-webkit-transform: translateX(0.365vw);
		-moz-transform: translateX(0.365vw);
	}

	/*----------------------------------------------------
	#recruit
	----------------------------------------------------*/

	#recruit {
		padding: 3.333vw 0 10.417vw 0;
	}

	#recruit .head {
		margin-bottom: 3.646vw;
	}

	#recruit .head h2 b {
		font-size: 2.083vw;
	}

	#recruit .recruitTable table {
		border: 0.052vw solid #dfdfdf;
	}

	#recruit .recruitTable table tbody tr {
		border-bottom: 0.052vw solid #dfdfdf;
	}

	#recruit .recruitTable table tbody th {
		font-size: 1.25vw;
		width: 20.833vw;
		padding: 1.625vw 0;
	}

	#recruit .recruitTable table tbody td {
		font-size: 1.042vw;
		width: calc(100% - 20.833vw);
		padding: 0.365vw 1.719vw;
	}

	#recruit .recruitTable table tbody td small {
		font-size: 0.938vw;
	}

}

/*----------------------------------------------------
 PC Hover
----------------------------------------------------*/

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

	#header .headerFlex .buttons .greenBt a:hover {
		background: #33c1be;
		border-color: #33c1be;
	}

	#header .headerFlex .buttons .pinkBt a:hover {
		background: #fff;
	}

	#header .headerFlex .buttons .pinkBt a:hover .tex {
		color: #f26580;
	}

	#header .headerFlex .buttons .pinkBt a:hover .icon2 {
		opacity: 1;
	}

	#visual .contents .buttons .greenBt a:hover:after {
		opacity: 0;
	}

	#features .reasonList .box .pinkBt a:hover {
		background: #f48398;
		border-color: #f48398;
	}

	#contact .contactBox .buttons .greenBt a:hover:after {
		opacity: 0;
	}

	#attempt .attemptSlide .slide-arrow:hover {
		opacity: 0.7;
		cursor: pointer;
	}

	#interview .interviewSec .inteviewSlide .slide-arrow:hover {
		opacity: 0.7;
		cursor: pointer;
	}

	#goTop a:hover {
		opacity: 0.7;
	}

}

/*----------------------------------------------------
 SP
----------------------------------------------------*/

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

	/*----------------------------------------------------
	elements
	----------------------------------------------------*/

	body {
		font-size: 4.267vw;
	}

	/*----------------------------------------------------
	fadeIn
	----------------------------------------------------*/

	.fadeIn {
		transform: translate3d(0, -2.667vw, 0);
	}

	/*----------------------------------------------------
	inner
	----------------------------------------------------*/

	.inner {
		width: calc(100% - 4rem);
		max-width: 320vw;
	}

	/*----------------------------------------------------
	header
	----------------------------------------------------*/

	#header {
		padding: 2.133vw 0 6.133vw;
		box-shadow: rgba(149, 157, 165, 0.2) 0 1.067vw 3.2vw;
	}

	#header .inner {
		width: 100%;
	}

	#header .headerFlex {
		padding: 0 2.667vw 0 2.667vw;
	}

	#header .headerFlex .logoArea {
		display: flex;
		align-items: center;
	}

	#header .headerFlex .logoArea .logo {
		max-width: 14.8vw;
		margin-right: 0;
	}

	#header .headerFlex .logoArea h1 {
		position: absolute;
		bottom: 1.6vw;
		left: 50%;
		display: flex;
		flex-direction: row;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#header .headerFlex .logoArea h1 b {
		font-size: 2.667vw;
		letter-spacing: 0.1em;
		border-bottom: initial;
		border-right: 0.267vw solid #f26580;
		padding: 0 1.333vw 0 0;
		margin-right: 1.333vw;
		margin-bottom: 0;
		white-space: nowrap;
	}

	#header .headerFlex .logoArea h1 small {
		font-size: 2.133vw;
		white-space: nowrap;
		border-top: initial;
		padding: 0;
	}

	#header .headerFlex .buttons .pinkBt {
		width: 42.667vw;
		height: 7.467vw;
		margin-left: 1.6vw;
	}

	#header .headerFlex .buttons .pinkBt a {
		border: 0.533vw solid #f26580;
		border-radius: 7.467vw;
	}

	#header .headerFlex .buttons .pinkBt a .tex {
		font-size: 2.667vw;
		transform: translateX(-0.8vw);
		-webkit-transform: translateX(-0.8vw);
		-moz-transform: translateX(-0.8vw);
	}

	#header .headerFlex .buttons .pinkBt a .icon {
		width: 6.933vw;
		height: 6.933vw;
		top: 47%;
		right: 0;
	}

	#header .headerFlex .buttons .greenBt {
		width: 32vw;
		height: 7.467vw;
	}

	#header .headerFlex .buttons .greenBt a {
		border: 0.533vw solid #00b2ae;
		border-radius: 7.467vw;
	}

	#header .headerFlex .buttons .greenBt a .tex {
		font-size: 2.667vw;
	}

	#header .headerFlex .buttons .greenBt a .arrow {
		width: 0.827vw;
		height: 1.387vw;
		top: 50%;
		right: 1.333vw;
	}

	#header .headerFlex .buttons .greenBt a .arrow::before,
	#header .headerFlex .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.133vw);
		right: 0;
		width: 1.067vw;
		height: 0.267vw;
		border-radius: 2666.4vw;
		transform-origin: calc(100% - 0.133vw) 50%;
	}

	/*----------------------------------------------------
	footer
	----------------------------------------------------*/

	#footer {
		padding: 21.333vw 0 1.867vw 0;
	}

	#footer .inner {
		max-width: 502.4vw;
	}

	#footer .areaBg {
    height: 36.267vw;
	}

	#footer .logo {
		max-width: 38.667vw;
		margin: 0 auto 20.933vw;
	}

	#footer .footNav {
		position: relative;
		right: initial;
		bottom: initial;
		margin-bottom: 7.2vw;
	}

	#footer .footNav nav ul {
		flex-direction: column;
		align-items: center;
	}

	#footer .footNav nav ul li {
		margin-bottom: -0.8vw;
	}

	#footer .footNav nav ul li a {
		padding: 0 0;
		border-left: initial;
	}

	#footer .footNav nav ul li a .tex {
		font-size: 3.733vw;
	}

	#footer .copy {
		font-size: 3.2vw;
	}

	/*----------------------------------------------------
	#goTop
	----------------------------------------------------*/

	#goTop a {
		width: 13.333vw;
		height: 13.333vw;
		right: 2.667vw;
		bottom: 2.667vw;
	}

	#goTop a .icon {
		max-width: 5.333vw;
		line-height: 4vw;
		transform: translateY(-0.533vw);
		-webkit-transform: translateY(-0.533vw);
		-moz-transform: translateY(-0.533vw);
	}

	/*----------------------------------------------------
	#visual
	----------------------------------------------------*/

	#visual {
		height: 169.067vw;
		padding: 22.667vw 0 0 0;
	}

	#visual .areaBg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#visual .contents .inner {
		position: relative;
		max-width: 490.667vw;
	}

	#visual .contents .visualBg {
		width: 100%;
		height: 100%;
	}

	#visual .contents .visualTex {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		top: 49.267vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#visual .contents .visualTex h2 {
		margin-bottom: 2.4vw;
	}

	#visual .contents .visualTex h2 small {
		margin-bottom: -4.4vw;
	}

	#visual .contents .visualTex h2 small .imageTex {
		width: 100%;
		max-width: 75.2vw;
		margin: 0 auto 0;
	}

	#visual .contents .visualTex h2 small .texBg {
		left: -0.333vw;
		top: 2.333vw;
		width: 71.067vw;
	}

	#visual .contents .visualTex h2 small .tex {
		font-size: 5.333vw;
	}

	#visual .contents .visualTex h2 b .objLeft {
		max-width: 12.133vw;
		transform: translate(-7.733vw, 1.067vw);
		-webkit-transform: translate(-7.733vw, 1.067vw);
		-moz-transform: translate(-7.733vw, 1.067vw);
	}

	#visual .contents .visualTex h2 b .objRight {
		max-width: 6.133vw;
		transform: translate(3.733vw, 8.8vw);
		-webkit-transform: translate(3.733vw, 8.8vw);
		-moz-transform: translate(3.733vw, 8.8vw);
	}

	#visual .contents .visualTex h2 b .tex {
		font-size: 10.667vw;
		white-space: nowrap;
		transform: translateX(-2.667vw);
		-webkit-transform: translateX(-2.667vw);
		-moz-transform: translateX(-2.667vw);
	}

	#visual .contents .visualTex h2 b .tex span {
		font-size: 7.467vw;
	}

	#visual .contents .visualTex p {
		font-size: 4.267vw;
		line-height: 1.5;
	}

	#visual .contents .buttons {
		position: absolute;
		width: 64vw;
		top: 114.667vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#visual .contents .buttons .greenBt {
		width: 64vw;
		height: 14.4vw;
		margin-bottom: 0;
	}

	#visual .contents .buttons .greenBt a:after {
		border: 0.533vw solid #00b2ae;
		border-radius: 11.733vw;
	}

	#visual .contents .buttons .greenBt a:before {
		border-radius: 11.733vw;
	}

	#visual .contents .buttons .greenBt a .tex {
		font-size: 5.333vw;
	}

	#visual .contents .buttons .greenBt a .arrow {
		width: 1.467vw;
		height: 2.427vw;
		top: 50%;
		right: 4.533vw;
	}

	#visual .contents .buttons .greenBt a .arrow::before,
	#visual .contents .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.267vw);
		right: 0;
		width: 1.867vw;
		height: 0.533vw;
		border-radius: 2666.4vw;
		background-color: #fff;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	#visual .contents .pointList {
		justify-content: center;
		padding: 0 0 0 3.2vw;
		position: absolute;
		bottom: -12.533vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#visual .contents .pointList .oracle01 {
		width: 32.667vw;
		max-width: initial;
		line-height: 31.733vw;
	}

	#visual .contents .pointList .oracle02 {
		width: 33.333vw;
		max-width: initial;
		line-height: 32.533vw;
		transform: translateX(-1.6vw) translateY(0);
		-webkit-transform: translateX(-1.6vw) translateY(0);
		-moz-transform: translateX(-1.6vw) translateY(0);
	}

	#visual .contents .pointList .oracle03 {
		width: 31.733vw;
		max-width: initial;
		line-height: 31.733vw;
		transform: translateX(-3.467vw) translateY(0);
		-webkit-transform: translateX(-3.467vw) translateY(0);
		-moz-transform: translateX(-3.467vw) translateY(0);
	}

	/*----------------------------------------------------
	#wish
	----------------------------------------------------*/

	#wish {
		overflow: hidden;
		padding: 19.733vw 0 13.867vw 0;
	}

	#wish .head {
		margin-bottom: 9.6vw;
	}

	#wish .head h2 {
		font-size: 7.467vw;
		line-height: 1.3;
		transform: translateX(1.333vw);
		-webkit-transform: translateX(1.333vw);
		-moz-transform: translateX(1.333vw);
	}

	#wish .head h2 span {
		font-size: 9.6vw;
	}

	#wish .image {
		width: calc(100% + 6.4vw);
		max-width: 95.733vw;
		margin: 0 auto 11.2vw;
		transform: translateX(-3.2vw);
		-webkit-transform: translateX(-3.2vw);
		-moz-transform: translateX(-3.2vw);
	}

	#wish .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#wish .conts {
		padding: 0 0;
	}

	#wish .conts p {
		font-size: 5.333vw;
		line-height: 1.9;
	}

	#wish .conts p .border {
		border-bottom: 0.267vw solid #f26580;
	}

	#wish .conts p b {
		font-size: 7.467vw;
	}

	/*----------------------------------------------------
	#features
	----------------------------------------------------*/

	#features {
		padding: 56.267vw 0 16vw 0;
	}

	#features .head {
		margin-bottom: 6.667vw;
	}

	#features .head h2 .obj {
		max-width: 17.867vw;
		line-height: 19.867vw;
		top: -29.6vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#features .head h2 b {
		font-size: 7.467vw;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3.2vw;
	}

	#features .head h2 b span {
		font-size: 9.6vw;
		margin: 0 0.267vw;
	}

	#features .head h2 .headLine {
		max-width: 13.467vw;
		line-height: 6.133vw;
	}

	#features .headBox {
		height: 64.933vw;
		margin: 0 auto 16.533vw;
		padding: 0 4.8vw;
		border-radius: 2.667vw;
	}

	#features .headBox p {
		font-size: 4.267vw;
		text-align: justify;
	}

	#features .featuresList {
		flex-direction: column;
		margin-bottom: 10.667vw;
	}

	#features .featuresList .box {
		width: 100%;
		border-radius: 2.667vw;
		margin-bottom: 5.333vw;
		padding: 0 0 5.067vw 0;
	}

	#features .featuresList .box .no {
		max-width: 13.867vw;
		margin: 0 auto 1.867vw;
	}

	#features .featuresList .box h3 small {
		font-size: 5.333vw;
		margin-bottom: -1.6vw;
	}

	#features .featuresList .box h3 b {
		font-size: 6.4vw;
	}

	#features .featuresList .box01 .image {
		max-width: 30.533vw;
		margin: 1.067vw auto 0;
	}

	#features .featuresList .box01 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#features .featuresList .box02 .image {
		max-width: 29.6vw;
		margin: 0.8vw auto 0;
	}

	#features .featuresList .box02 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#features .featuresList .box03 .image {
		max-width: 27.867vw;
		margin: 1.067vw auto 0;
	}

	#features .featuresList .box03 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#features .reasonList .box {
		border-radius: 2.667vw;
		margin-bottom: 10.667vw;
		padding: 0 0 10.4vw 0;
	}

	#features .reasonList .box .boxHead {
		margin-bottom: 7.467vw;
		padding: 0 0 0 0;
	}

	#features .reasonList .box .boxHead .headBg {
		max-width: 74.8vw;
	}

	#features .reasonList .box .boxHead p {
		font-size: 5.333vw;
		transform: translateX(-3.467vw);
		-webkit-transform: translateX(-3.467vw);
		-moz-transform: translateX(-3.467vw);
	}

	#features .reasonList .box .boxTitle {
		margin-bottom: 3.467vw;
		padding: 2.133vw 0 2.667vw 0;
	}

	#features .reasonList .box .boxTitle h3 {
		font-size: 6.4vw;
		line-height: 1.5;
		transform: translateX(1.6vw);
		-webkit-transform: translateX(1.6vw);
		-moz-transform: translateX(1.6vw);
	}

	#features .reasonList .box .boxList {
		margin-bottom: 7.2vw;
		padding: 0 5.067vw;
	}

	#features .reasonList .box .boxList ul li {
		align-items: flex-start;
		padding: 2.4vw 0 3.467vw;
	}

	#features .reasonList .box .boxList ul li .check {
		max-width: 2.667vw;
		line-height: 3.2vw;
		margin-top: 1.6vw;
		margin-right: 1.6vw;
	}

	#features .reasonList .box .boxList ul li .tex {
		font-size: 4.267vw;
		line-height: 1.5;
		text-align: justify;
		width: calc(100% - 4.267vw);
	}

	#features .reasonList .box .boxConts {
		margin-bottom: 5.333vw;
		padding: 0 4.8vw;
	}

	#features .reasonList .box .boxConts p {
		font-size: 3.733vw;
	}

	#features .reasonList .box .boxImage {
		max-width: 78.667vw;
		margin: 0 auto 10.667vw;
	}

	#features .reasonList .box .boxImage img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#features .reasonList .box .pinkBt {
		width: 69.333vw;
		height: 12.8vw;
		margin: 0 auto 0;
	}

	#features .reasonList .box .pinkBt a .tex {
		font-size: 4.267vw;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#features .reasonList .box .pinkBt a .icon {
		width: 8.533vw;
		height: 8.533vw;
		right: 1.6vw;
	}

	#features .reasonList .box02 {
		margin-bottom: 10.667vw;
		padding: 0 0 8.267vw 0;
	}

	#features .reasonList .box02 .boxHead p {
		transform: translateX(-4.267vw);
		-webkit-transform: translateX(-4.267vw);
		-moz-transform: translateX(-4.267vw);
	}

	#features .reasonList .box02 .boxTitle {
		margin-bottom: 3.2vw;
	}

	#features .reasonList .box02 .boxTitle h3 {
		transform: translateX(0.8vw);
		-webkit-transform: translateX(0.8vw);
		-moz-transform: translateX(0.8vw);
	}

	#features .reasonList .box02 .boxList {
		margin-bottom: 9.867vw;
	}

	#features .reasonList .box02 .boxImage {
		margin: 0 auto 4.8vw;
	}

	#features .reasonList .box02 .boxConts {
		margin-bottom: 0;
		padding: 0 5.333vw;
	}

	#features .reasonList .box03 .boxHead p {
		transform: translateX(-4vw);
		-webkit-transform: translateX(-4vw);
		-moz-transform: translateX(-4vw);
	}

	#features .reasonList .box03 .boxTitle {
		margin-bottom: 2.933vw;
	}

	#features .reasonList .box03 .boxList {
		margin-bottom: 10.4vw;
	}

	#features .reasonList .box03 .boxImage {
		max-width: 60vw;
		margin: 0 auto 0;
	}

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

	#contact {
		padding: 23.2vw 0 16vw;
	}

	#contact .contactBox {
		border-radius: 2.667vw;
		padding: 22.4vw 0 1.7vw 0;
	}

	#contact .contactBox:before {
		width: calc(100% - 1.6vw);
		height: calc(100% - 1.6vw);
		border-radius: 2.133vw;
		border: 0.267vw solid #f5bf0b;
		left: 0.8vw;
		top: 0.8vw;
	}

	#contact .contactBox .boxImg01 {
		max-width: 44.133vw;
		line-height: 34.667vw;
		left: -3.2vw;
		top: -12.533vw;
	}

	#contact .contactBox .boxImg01 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#contact .contactBox .boxImg02 {
		max-width: 35.6vw;
		line-height: 33.2vw;
		right: 9.6vw;
		top: -16.267vw;
	}

	#contact .contactBox .boxImg02 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#contact .contactBox .boxHead {
		position: relative;
		margin-bottom: 5.6vw;
		z-index: 2;
	}

	#contact .contactBox .boxHead p {
		font-size: 5.333vw;
		line-height: 2;
		transform: translateX(1.867vw);
		-webkit-transform: translateX(1.867vw);
		-moz-transform: translateX(1.867vw);
	}

	#contact .contactBox .buttons {
		flex-direction: column;
		align-items: center;
		margin-bottom: 8.533vw;
	}

	#contact .contactBox .buttons .greenBt {
		width: 64vw;
		height: 14.4vw;
	}

	#contact .contactBox .buttons .greenBt a:after {
		border: 0.533vw solid #00b2ae;
		border-radius: 11.733vw;
	}

	#contact .contactBox .buttons .greenBt a:before {
		border-radius: 11.733vw;
	}

	#contact .contactBox .buttons .greenBt a .tex {
		font-size: 5.333vw;
		transform: translate(0.533vw, 0);
		-webkit-transform: translate(0.533vw, 0);
		-moz-transform: translate(0.533vw, 0);
	}

	#contact .contactBox .buttons .greenBt a .arrow {
		width: 1.467vw;
		height: 2.427vw;
		top: 50%;
		right: 4.533vw;
	}

	#contact .contactBox .buttons .greenBt a .arrow::before,
	#contact .contactBox .buttons .greenBt a .arrow::after {
		top: calc(50% - 0.267vw);
		right: 0;
		width: 1.867vw;
		height: 0.533vw;
		border-radius: 2666.4vw;
		background-color: #fff;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

	#contact .contactBox .boxObj {
		max-width: 65.467vw;
		line-height: 21.067vw;
		transform: translateX(5.333vw);
		-webkit-transform: translateX(5.333vw);
		-moz-transform: translateX(5.333vw);
	}

	/*----------------------------------------------------
	#aim
	----------------------------------------------------*/

	#aim {
		padding: 49.6vw 0 26.4vw 0;
	}

	#aim .head {
		margin-bottom: 10.667vw;
	}

	#aim .head h2 .obj {
		max-width: 30.933vw;
		line-height: 13.867vw;
		top: -23.2vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#aim .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 3.733vw;
	}

	#aim .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 4.267vw;
		transform: translateX(2.667vw);
		-webkit-transform: translateX(2.667vw);
		-moz-transform: translateX(2.667vw);
	}

	#aim .head h2 b span {
		font-size: 17.067vw;
		margin: 0 0.267vw;
	}

	#aim .head h2 .headLine {
		max-width: 13.467vw;
		line-height: 6.133vw;
	}

	#aim .themeArea {
		position: relative;
		margin-bottom: 16vw;
	}

	#aim .themeArea .themeImg {
		width: calc(100% + 37.6vw);
		max-width: 218.667vw;
		line-height: 103.333vw;
		margin: 0 0 0 -18.8vw;
	}

	#aim .themeArea .themeImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#aim .pointList {
		flex-direction: column;
	}

	#aim .pointList .box .boxHead {
		justify-content: center;
	}

	#aim .pointList .box .boxHead .pointNo {
		max-width: 16vw;
		line-height: 16.4vw;
		margin-right: 4vw;
	}

	#aim .pointList .box .boxHead h3 small {
		font-size: 5.333vw;
		margin-bottom: 0.8vw;
	}

	#aim .pointList .box .boxHead h3 b {
		font-size: 7.467vw;
	}

	#aim .pointList .box01 {
		width: 100%;
		margin-bottom: 16vw;
	}

	#aim .pointList .box01 .image {
		width: 100%;
		max-width: 77.333vw;
		margin: 8.533vw auto 0;
	}

	#aim .pointList .box01 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#aim .pointList .box02 {
		width: 100%;
		margin-bottom: 16vw;
	}

	#aim .pointList .box02 .image {
		max-width: 89.333vw;
		margin: 8.533vw auto 0;
	}

	#aim .pointList .box02 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#aim .pointList .box02 .boxHead .pointNo {
		margin-right: 1.867vw;
	}

	#aim .pointList .box02 .boxHead h3 {
		transform: translateX(2.133vw);
		-webkit-transform: translateX(2.133vw);
		-moz-transform: translateX(2.133vw);
	}

	#aim .pointList .box03 {
		width: 100%;
		margin-bottom: 16vw;
	}

	#aim .pointList .box03 .boxHead {
		justify-content: center;
		transform: translateX(0.8vw);
		-webkit-transform: translateX(0.8vw);
		-moz-transform: translateX(0.8vw);
	}

	#aim .pointList .box03 .imageConts {
		display: flex;
		justify-content: center;
		margin: 7.2vw 0 5.333vw;
	}

	#aim .pointList .box03 .imageConts p {
		font-size: 4.267vw;
		line-height: 1.5;
	}

	#aim .pointList .box03 .image {
		width: calc(100% + 5.333vw);
		max-width: 94.667vw;
		margin: 0 0 0 -2.667vw;
	}

	#aim .pointList .box03 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#aim .pointList .box04 {
		width: 100%;
	}

	#aim .pointList .box04 .boxHead {
		justify-content: center;
		transform: translateX(0.8vw);
		-webkit-transform: translateX(0.8vw);
		-moz-transform: translateX(0.8vw);
	}

	#aim .pointList .box04 .image {
		width: 153.333vw;
		max-width: 256vw;
		margin: 0 auto 0;
	}

	#aim .pointList .box04 .imageConts {
		margin: 5.6vw 0 5.333vw;
	}

	#aim .pointList .box04 .imageConts p {
		font-size: 4.267vw;
		text-align: justify;
	}

	#aim .pointList .box04 .scrollArea {
		width: calc(100% + 4rem);
		margin: 0 0 0 -2rem;
		padding: 0 1rem;
	}

	/*----------------------------------------------------
	#attempt
	----------------------------------------------------*/

	#attempt {
		margin-bottom: 26.933vw;
		padding: 13.6vw 0 15.467vw 0;
	}

	#attempt .head {
		margin-bottom: 10.667vw;
	}

	#attempt .head h2 b {
		font-size: 7.467vw;
		line-height: 1.5;
		margin-bottom: 2.4vw;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#attempt .head h2 .headLine {
		max-width: 13.467vw;
		line-height: 6.133vw;
	}

	#attempt .attemptSlide .slide-arrow {
		width: 10.667vw;
		height: 10.667vw;
	}

	#attempt .attemptSlide .next-arrow {
		top: 50.2%;
		right: -2.667vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	#attempt .attemptSlide .next-arrow .arrow {
		position: relative;
		display: inline-block;
		width: 2.693vw;
		height: 4.56vw;
	}

	#attempt .attemptSlide .next-arrow .arrow::before,
	#attempt .attemptSlide .next-arrow .arrow::after {
		top: calc(50% - 0.4vw);
		right: -0.533vw;
		width: 3.467vw;
		height: 0.8vw;
		border-radius: 2666.4vw;
		transform-origin: calc(100% - 0.4vw) 50%;
	}

	#attempt .attemptSlide .prev-arrow {
		top: 50.2%;
		left: -2.4vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	#attempt .attemptSlide .prev-arrow .arrow {
		width: 2.693vw;
		height: 4.56vw;
	}

	#attempt .attemptSlide .prev-arrow .arrow::before,
	#attempt .attemptSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.4vw);
		left: -0.533vw;
		width: 3.467vw;
		height: 0.8vw;
		border-radius: 2666.4vw;
		transform-origin: 0.4vw 50%;
	}

	#attempt .attemptSlide .box {
		width: 89.333vw;
		border-radius: 5.333vw;
		margin: 0 10.667vw;
		padding: 5.6vw 9.2vw 0.533vw 9.2vw;
		box-shadow: rgba(0, 0, 0, 0.1) 0 1.333vw 2vw -0.4vw, rgba(0, 0, 0, 0.05) 0 0.533vw 0.8vw -0.267vw;
	}

	#attempt .attemptSlide .box .boxHead {
		margin-bottom: 7.733vw;
	}

	#attempt .attemptSlide .box .boxHead h3 {
		font-size: 6.4vw;
		margin-bottom: 0.8vw;
		transform: translateX(0.8vw);
		-webkit-transform: translateX(0.8vw);
		-moz-transform: translateX(0.8vw);
	}

	#attempt .attemptSlide .box .boxHead p {
		font-size: 4.267vw;
		text-align: justify;
	}

	#attempt .attemptSlide .box .contsHead {
		margin-bottom: 4.8vw;
	}

	#attempt .attemptSlide .box .contsHead h4.columnTitle {
		flex-direction: column;
		align-items: center;
		margin-top: 9.867vw;
		margin-bottom: 7.733vw;
		transform: translateX(1.333vw);
		-webkit-transform: translateX(1.333vw);
		-moz-transform: translateX(1.333vw);
	}

	#attempt .attemptSlide .box .contsHead h4.columnTitle small {
		margin: 3.467vw 0 0 0;
	}

	#attempt .attemptSlide .box .contsHead h4 b {
		font-size: 5.333vw;
	}

	#attempt .attemptSlide .box .contsHead h4 small {
		font-size: 4.267vw;
		margin: 0 -3.733vw 0 -0.533vw;
	}

	#attempt .attemptSlide .box .fullImg {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 5.6vw;
	}

	#attempt .attemptSlide .box .fullImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#attempt .attemptSlide .box .imageConts {
		margin-bottom: 8.267vw;
	}

	#attempt .attemptSlide .box .imageConts p {
		font-size: 4.267vw;
		text-align: justify;
	}

	#attempt .attemptSlide .box .boxList {
		margin-bottom: 8vw;
		padding: 0 0;
	}

	#attempt .attemptSlide .box .boxList ul li {
		align-items: flex-start;
		margin-bottom: 2.133vw;
	}

	#attempt .attemptSlide .box .boxList ul li .check {
		max-width: 2.667vw;
		line-height: 3.2vw;
		margin-top: 1.6vw;
		margin-right: 1.867vw;
	}

	#attempt .attemptSlide .box .boxList ul li .tex {
		font-size: 4.267vw;
		line-height: 1.5;
		width: calc(100% - 4.533vw);
	}

	#attempt .attemptSlide .box .boxFlex {
		flex-direction: column;
		margin-bottom: 9.067vw;
		padding: 0 0 0 0;
	}

	#attempt .attemptSlide .box .boxFlex .boxImg {
		width: 100%;
		margin-bottom: 4.267vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts {
		width: 100%;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts p {
		font-size: 4.267vw;
		text-align: justify;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList {
		margin: 3.467vw 0 0 0;
		padding: 0 0 0 0;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li {
		align-items: flex-start;
		margin-bottom: 2.133vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li:last-child {
		margin-bottom: 0;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .check {
		max-width: 2.667vw;
		line-height: 3.2vw;
		margin-top: 2.133vw;
		margin-right: 1.867vw;
	}

	#attempt .attemptSlide .box .boxFlex .boxConts .boxInList ul li .tex {
		font-size: 4.267vw;
		line-height: 1.5;
		text-align: justify;
		width: calc(100% - 4.533vw);
	}

	#attempt .attemptSlide .box02 .boxHead {
		margin-bottom: 3.733vw;
	}

	#attempt .attemptSlide .box02 .fullImg {
		margin: 0 auto 3.733vw;
	}

	#attempt .attemptSlide .box03 .boxHead {
		margin-bottom: 3.733vw;
	}

	#attempt .attemptSlide .box04 .boxHead {
		margin-bottom: 3.733vw;
	}

	#attempt .attemptSlide .box04 .contsHead h4.columnTitle {
		margin-top: 8.267vw;
		margin-bottom: 5.333vw;
	}

	/*----------------------------------------------------
	#interview
	----------------------------------------------------*/

	#interview {
		padding: 25.267vw 0 26.667vw 0;
	}

	#interview .head {
		margin-bottom: 10.4vw;
	}

	#interview .head h2 small {
		margin-bottom: 3.733vw;
	}

	#interview .head h2 small .lineLeft {
		max-width: 5.733vw;
		line-height: 6.667vw;
		transform: translate(2.933vw, 1.333vw);
		-webkit-transform: translate(2.933vw, 1.333vw);
		-moz-transform: translate(2.933vw, 1.333vw);
	}

	#interview .head h2 small .lineRight {
		max-width: 6vw;
		line-height: 6.8vw;
		transform: translate(-2.667vw, 1.333vw);
		-webkit-transform: translate(-2.667vw, 1.333vw);
		-moz-transform: translate(-2.667vw, 1.333vw);
	}

	#interview .head h2 small .tex {
		font-size: 3.733vw;
		white-space: nowrap;
		margin: 0 3.467vw;
		transform: translateX(0.8vw);
		-webkit-transform: translateX(0.8vw);
		-moz-transform: translateX(0.8vw);
	}

	#interview .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 4.8vw;
		padding: 0 0 0 1.6vw;
	}

	#interview .head h2 .headLine {
		max-width: 13.333vw;
		line-height: 6.133vw;
		margin: 0 auto 0;
	}

	#interview .interviewSec .obj01 {
		max-width: 11.733vw;
		line-height: 13.333vw;
		left: 0;
		top: -5.467vw;
	}

	#interview .interviewSec .obj02 {
		max-width: 17.333vw;
		line-height: 6.4vw;
		right: -2.933vw;
		top: -2.667vw;
	}

	#interview .interviewSec .obj03 {
		max-width: 12.133vw;
		line-height: 11.6vw;
		left: 3.467vw;
		top: -5.867vw;
	}

	#interview .interviewSec .secHead {
		margin-bottom: 4.9vw;
	}

	#interview .interviewSec .secHead .secNo {
		width: 27.067vw;
		height: 6vw;
		margin: 0 auto 3.2vw;
	}

	#interview .interviewSec .secHead .secNo .noImg {
		max-width: 22.133vw;
		line-height: 3.2vw;
	}

	#interview .interviewSec .secHead h3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: -0.35vw;
	}

	#interview .interviewSec .secHead h3 b {
		font-size: 6.4vw;
		text-align: center;
		white-space: nowrap;
		margin-bottom: 2.133vw;
	}

	#interview .interviewSec .secHead h3 small {
		font-size: 3.2vw;
		text-align: center;
		padding: 0 0 0 2.133vw;
		white-space: nowrap;
	}

	#interview .interviewSec .secHead .nameFlex {
		display: flex;
		align-items: center;
	}

	#interview .interviewSec .secHead .name {
		font-size: 3.2vw;
		line-height: 1;
		margin-bottom: 1.067vw;
	}

	#interview .interviewSec .secHead .avatar {
		max-width: 14.667vw;
		position: relative;
		left: initial;
		top: initial;
		margin-right: 2.133vw;
	}

	#interview .interviewSec .inteviewSlide {
		position: relative;
	}

	#interview .interviewSec .inteviewSlide .slide-arrow {
		width: 10.667vw;
		height: 10.667vw;
	}

	#interview .interviewSec .inteviewSlide .next-arrow {
		top: 51.4%;
		right: -2.667vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	#interview .interviewSec .inteviewSlide .next-arrow .arrow {
		position: relative;
		display: inline-block;
		width: 2.693vw;
		height: 4.56vw;
	}

	#interview .interviewSec .inteviewSlide .next-arrow .arrow::before,
	#interview .interviewSec .inteviewSlide .next-arrow .arrow::after {
		top: calc(50% - 0.4vw);
		right: -0.533vw;
		width: 3.467vw;
		height: 0.8vw;
		border-radius: 2666.4vw;
		transform-origin: calc(100% - 0.4vw) 50%;
	}

	#interview .interviewSec .inteviewSlide .prev-arrow {
		top: 51.4%;
		left: -2.4vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	#interview .interviewSec .inteviewSlide .prev-arrow .arrow {
		width: 2.693vw;
		height: 4.56vw;
	}

	#interview .interviewSec .inteviewSlide .prev-arrow .arrow::before,
	#interview .interviewSec .inteviewSlide .prev-arrow .arrow::after {
		top: calc(50% - 0.4vw);
		left: -0.533vw;
		width: 3.467vw;
		height: 0.8vw;
		border-radius: 2666.4vw;
		transform-origin: 0.4vw 50%;
	}

	#interview .interviewSec .inteviewSlide .box {
		width: 84vw;
		border: 0.8vw solid #f5bf0a;
		border-radius: 5.333vw;
		margin: 0 10.667vw;
		padding: 4.533vw 4vw 6.4vw 4vw;
		box-shadow: rgba(0, 0, 0, 0.1) 0 1.333vw 2vw -0.4vw, rgba(0, 0, 0, 0.05) 0 0.533vw 0.8vw -0.267vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead {
		display: flex;
		justify-content: center;
		border-bottom: 0.267vw solid #f5bf0a;
		padding: 0 0 4.267vw 1.333vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 {
		display: flex;
		justify-content: center;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 .mark {
		width: 100%;
		max-width: 8.267vw;
		line-height: 8vw;
		margin: 0 2.933vw 0 0.8vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 .tex {
		position: relative;
		font-size: 4.267vw;
	}

	#interview .interviewSec .inteviewSlide .box .boxHead h4 .tex:before {
		content: "";
		display: inline-block;
		width: 4.933vw;
		height: 4.8vw;
		background-image: url('../img/pinkQtex-sp.png');
		background-position: center;
		background-size: contain;
		transform: translate(0.533vw, 0);
		-webkit-transform: translate(0.533vw, 0);
		-moz-transform: translate(0.533vw, 0);
		margin: 0 2.667vw 0 0;
	}

	#interview .interviewSec .inteviewSlide .box .boxConts {
		padding: 2.667vw 1.867vw 0;
	}

	#interview .interviewSec .inteviewSlide .box .boxConts p {
		font-size: 3.733vw;
		letter-spacing: 0.1em;
		margin-bottom: 7.467vw;
	}

	#interview .rabitService .boxHead {
		margin-bottom: 6.667vw;
	}

	#interview .rabitService .boxHead h3 .line {
		max-width: 10.667vw;
		line-height: 1.333vw;
	}

	#interview .rabitService .boxHead h3 .line:first-child {
		transform: translateX(-5.333vw);
		-webkit-transform: translateX(-5.333vw);
		-moz-transform: translateX(-5.333vw);
	}

	#interview .rabitService .boxHead h3 .line:last-child {
		transform: translateX(5.333vw);
		-webkit-transform: translateX(5.333vw);
		-moz-transform: translateX(5.333vw);
	}

	#interview .rabitService .boxHead h3 .tex {
		font-size: 5.333vw;
		line-height: 1.6;
		text-align: center;
		white-space: nowrap;
	}

	#interview .rabitService .image {
		width: 100%;
		margin: 0 auto 0;
	}

	#interview .rabitService .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#interview .interview01Sec {
		margin-bottom: 16vw;
	}

	#interview .interview01Sec .secHead h3 b {
		padding: 0 0 0 0;
	}

	#interview .interview02Sec {
		margin-bottom: 15.933vw;
	}

	#interview .interview02Sec .inteviewSlide .prev-arrow,
	#interview .interview02Sec .inteviewSlide .next-arrow {
		top: 72.533vw;
	}

	#interview .interview02Sec .secHead h3 {
		transform: translateX(0.533vw);
		-webkit-transform: translateX(0.533vw);
		-moz-transform: translateX(0.533vw);
		margin-bottom: 0.65vw;
	}

	#interview .interview02Sec .secHead h3 b {
		margin-bottom: 1.867vw;
	}

	#interview .interview03Sec {
		margin-bottom: 18.933vw;
	}

	#interview .interview03Sec .inteviewSlide .prev-arrow,
	#interview .interview03Sec .inteviewSlide .next-arrow {
		top: 72.533vw;
	}

	#interview .interview03Sec .secHead h3 {
		transform: translateX(0.533vw);
		-webkit-transform: translateX(0.533vw);
		-moz-transform: translateX(0.533vw);
		margin-bottom: 0.25vw;
	}

	#interview .interviewSec .secHead h3 small {
		padding: 0 0 0 0.533vw;
	}

	/*----------------------------------------------------
	#benefits
	----------------------------------------------------*/

	#benefits {
		padding: 15.467vw 0 16vw 0;
	}

	#benefits .bgObj01 {
		max-width: 50.4vw;
		right: -30.4vw;
		top: 59.2vw;
	}

	#benefits .bgObj02 {
		max-width: 33.467vw;
		left: -14.4vw;
		top: 205.6vw;
	}

	#benefits .bgObj03 {
		max-width: 40.933vw;
		right: -20.533vw;
		top: 726.4vw;
	}

	#benefits .bgObj04 {
		max-width: 47.6vw;
		left: -27.733vw;
		bottom: 88.267vw;
	}

	#benefits .head {
		margin-bottom: 5.333vw;
	}

	#benefits .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 4.267vw;
	}

	#benefits .head h2 .headLine {
		max-width: 13.467vw;
		line-height: 6.133vw;
		margin: 0 auto 0;
	}

	#benefits .headBox {
		width: 100%;
		height: 31.067vw;
		margin: 0 auto 11.2vw;
		padding: 0 5.333vw;
		border-radius: 2.667vw;
	}

	#benefits .headBox p {
		font-size: 4.267vw;
		text-align: justify;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#benefits .benefitsList .box .boxNo {
		max-width: 10.667vw;
		margin: 0 auto 2.667vw;
	}

	#benefits .benefitsList .box .boxHead h3 {
		margin-bottom: 4.533vw;
		transform: translateX(1.333vw);
		-webkit-transform: translateX(1.333vw);
		-moz-transform: translateX(1.333vw);
	}

	#benefits .benefitsList .box .boxHead h3 b {
		font-size: 6.4vw;
	}

	#benefits .benefitsList .box .boxHead h3 small {
		font-size: 4.267vw;
		margin-top: 1.6vw;
	}

	#benefits .benefitsList .box .boxHead p {
		font-size: 4.267vw;
	}

	#benefits .benefitsList .box01 {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#benefits .benefitsList .box01 .image {
		max-width: 83.2vw;
		margin: 3.2vw auto 0;
	}

	#benefits .benefitsList .box01 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#benefits .benefitsList .box02 {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#benefits .benefitsList .box02 .boxFlex {
		margin-top: 2.933vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxImage {
		max-width: 37.6vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxImage img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList {
		width: calc(100% - 42.4vw);
		padding: 4.533vw 0 0 0;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li {
		margin-bottom: 2.933vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li .check {
		max-width: 2.667vw;
		line-height: 3.2vw;
		margin-top: 0.533vw;
		margin-right: 1.867vw;
	}

	#benefits .benefitsList .box02 .boxFlex .boxList ul li .tex {
		font-size: 4.267vw;
		width: calc(100% - 4.533vw);
		transform: translateY(-1.067vw);
		-webkit-transform: translateY(-1.067vw);
		-moz-transform: translateY(-1.067vw);
	}

	#benefits .benefitsList .box03 {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#benefits .benefitsList .box03 .boxFlex {
		flex-direction: column;
		margin-top: 0;
	}

	#benefits .benefitsList .box03 .boxFlex .boxImage {
		max-width: 80.4vw;
		margin: 3.467vw auto 0;
	}

	#benefits .benefitsList .box03 .boxFlex .boxImage img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#benefits .benefitsList .box03 .boxFlex .boxConts {
		width: 100%;
	}

	#benefits .benefitsList .box03 .boxFlex .boxConts p {
		font-size: 4.267vw;
		text-align: justify;
		margin-bottom: 8.533vw;
	}

	#benefits .benefitsList .box03 .boxFlex .boxConts p:last-child {
		margin-bottom: 0;
	}

	#benefits .benefitsList .box04 {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#benefits .benefitsList .box04 .boxHead h3 {
		margin-bottom: 4.533vw;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#benefits .benefitsList .box04 .boxHead p {
		margin-bottom: 8.533vw;
	}

	#benefits .benefitsList .box04 .image {
		max-width: 88.8vw;
		margin: -5.067vw auto 0;
	}

	#benefits .benefitsList .box04 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#benefits .benefitsList .box05 {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#benefits .benefitsList .box05 .boxHead p {
		margin-bottom: 8.533vw;
	}

	#benefits .benefitsList .box05 .boxHead h3 {
		margin-bottom: 4.533vw;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#benefits .benefitsList .box05 .image {
		max-width: 83.2vw;
		margin: -5.067vw auto 0;
	}

	#benefits .benefitsList .box05 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#benefits .benefitsList .box06 {
		width: 100%;
	}

	#benefits .benefitsList .box06 .image {
		max-width: 89.733vw;
		margin: 7.733vw auto 0;
	}

	#benefits .benefitsList .box06 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/*----------------------------------------------------
	#flow
	----------------------------------------------------*/

	#flow {
		padding: 15.467vw 0 0 0;
	}

	#flow .head {
		margin-bottom: 10.667vw;
	}

	#flow .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 4.267vw;
		padding: 0 0 0 1.6vw;
	}

	#flow .head h2 .headLine {
		max-width: 13.467vw;
		line-height: 6.133vw;
	}

	#flow .flowFlex {
		display: flex;
		justify-content: space-between;
		width: calc(100% + 5.333vw);
		margin: 0 0 0 -2.667vw;
	}

	#flow .listHead {
		max-width: 24.8vw;
		margin: 0 0 8.267vw;
	}

	#flow .flowLists {
		width: calc(100% - 27.733vw);
		flex-direction: column;
		margin-bottom: 29.867vw;
		padding: 0 2.4vw 0 0;
	}

	#flow .flowLists .box {
		width: 100%;
	}

	#flow .flowLists .box .conts p {
		font-size: 4.267vw;
		line-height: 1.5;
	}

	#flow .flowLists .box01 {
		padding: 0 0 7.467vw;
		border-bottom: 0.267vw solid #00b2ae;
	}

	#flow .flowLists .box01 .image {
		max-width: 27.6vw;
		line-height: 22.133vw;
		margin: 8.8vw auto 2.4vw;
		transform: translateX(1.333vw);
		-webkit-transform: translateX(1.333vw);
		-moz-transform: translateX(1.333vw);
	}

	#flow .flowLists .box01 .conts p {
		transform: translateX(1.333vw);
		-webkit-transform: translateX(1.333vw);
		-moz-transform: translateX(1.333vw);
	}

	#flow .flowLists .box02 {
		padding: 0 0 11.2vw;
		border-bottom: 0.267vw solid #00b2ae;
	}

	#flow .flowLists .box02 .image {
		max-width: 30.933vw;
		line-height: 16.8vw;
		margin: 12.533vw auto 2.133vw;
		transform: translateX(1.067vw);
		-webkit-transform: translateX(1.067vw);
		-moz-transform: translateX(1.067vw);
	}

	#flow .flowLists .box02 .conts {
		padding: 0 3.733vw 0 6.4vw;
	}

	#flow .flowLists .box02 .conts p {
		text-align: justify;
	}

	#flow .flowLists .box03 .image {
		max-width: 30.667vw;
		line-height: 17.6vw;
		margin: 9.867vw auto 2.133vw;
		transform: translateX(1.067vw);
		-webkit-transform: translateX(1.067vw);
		-moz-transform: translateX(1.067vw);
	}

	#flow .flowLists .box03 .conts {
		padding: 0 4vw 0 6.667vw;
	}

	#flow .flowLists .box03 .conts p {
		text-align: justify;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	/*----------------------------------------------------
	#recruit
	----------------------------------------------------*/

	#recruit {
		padding: 4.267vw 0 26.4vw 0;
	}

	#recruit .head {
		margin-bottom: 8.533vw;
	}

	#recruit .head h2 b {
		font-size: 6.4vw;
	}

	#recruit .recruitTable {
		width: 100%;
		margin: 0 auto 0;
	}

	#recruit .recruitTable table {
		width: 100%;
		border: 0.267vw solid #dfdfdf;
	}

	#recruit .recruitTable table tbody tr {
		border-bottom: 0.267vw solid #dfdfdf;
	}

	#recruit .recruitTable table tbody th {
		font-size: 4.267vw;
		display: block;
		width: 100%;
		padding: 4vw 0;
		border-bottom: 0.267vw solid #dfdfdf;
	}

	#recruit .recruitTable table tbody td {
		font-size: 3.733vw;
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 2.133vw 5.133vw;
	}

	#recruit .recruitTable table tbody td small {
		font-size: 3.733vw;
	}

	#recruit .recruitTable table tbody td.columnTd {
		flex-direction: column;
	}

}

/*----------------------------------------------------
 Table
----------------------------------------------------*/

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

	#visual .contents .pointList {
		bottom: -5.533vw;
	}

	#wish .image {
		transform: translateX(-0.5vw);
		-webkit-transform: translateX(-0.5vw);
		-moz-transform: translateX(-0.5vw);
	}

	#aim .pointList .box03 .image {
		margin: 0 0 0 -0.267vw;
	}
}