@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,
section {
	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: 17px 0 15px;
	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: 130px;
	margin-right: 41px;
}

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

#header .headerFlex .logoArea h1 b {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	border-bottom: 1px solid #00b2ae;
	padding: 0 0 11px;
	margin-bottom: 11px;
}

#header .headerFlex .logoArea h1 small {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
}

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

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

#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;
}

#header .headerFlex .buttons .pinkBt 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 .pinkBt a .arrow::before,
#header .headerFlex .buttons .pinkBt a .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 8px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
}

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

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

#header .headerFlex .buttons .greenBt {
	width: 260px;
	height: 56px;
	margin: 0 0 0 16px;
}

#header .headerFlex .buttons .greenBt a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	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: #00b2ae;
	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: #00b2ae;
  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 43px 0;
}

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

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

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

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

#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: #f26580;
	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: 1038px;
	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 .visualLogo {
	width: 100%;
	max-width: 248px;
	position: absolute;
	right: 40px;
	top: 31px;
	z-index: 1;
}

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

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

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

#visual .contents .visualTex h2 small .reefLeft {
	width: 100%;
	max-width: 26px;
	transform: translate(-4px, 0);
	-webkit-transform: translate(-4px, 0);
	-moz-transform: translate(-4px, 0);
}

#visual .contents .visualTex h2 small .reefRight {
	width: 100%;
	max-width: 26px;
	transform: translate(-2px, 0);
	-webkit-transform: translate(-2px, 0);
	-moz-transform: translate(-2px, 0);
}

#visual .contents .visualTex h2 small .tex {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	margin: 0 20px;
}

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

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

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

#visual .contents .visualTex h2 b .tex {
	font-size: 56px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-align: center;
	color: #00b2ae;
	transform: translateX(-11px);
	-webkit-transform: translateX(-11px);
	-moz-transform: translateX(-11px);
}

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

#visual .contents .visualTex h2 b .tex em {
	font-style: normal;
	letter-spacing: -0.1em;
}

#visual .contents .buttons {
	position: absolute;
	width: 360px;
	display: flex;
	flex-direction: column;
	align-items: center;
	left: 178px;
	top: 383px;
}

#visual .contents .buttons .pinkBt {
	width: 360px;
	height: 72px;
	margin-bottom: 16px;
}

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

#visual .contents .buttons .pinkBt a:after {
	content: '';
	border: 2px solid #f26580;
	background: linear-gradient(180deg, #f58499 0%, #f58499 50%, #f26580 50%, #f26580 100%);
	border-radius: 36px;
	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 .pinkBt a:before {
	content: '';
	border: 2px solid #f48295;
	background: linear-gradient(180deg, #f8afba 0%, #f8afba 50%, #f48295 50%, #f48295 100%);
	border-radius: 36px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

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

#visual .contents .buttons .pinkBt 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 .pinkBt a .arrow::before,
#visual .contents .buttons .pinkBt 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 .pinkBt a .arrow::before {
  transform: rotate(45deg);
}

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

#visual .contents .buttons .greenBt {
	width: 360px;
	height: 72px;
}

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

#visual .contents .buttons .greenBt a .tex {
	font-size: 23.4px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	transition: all 0.3s ease;
}

#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%);
}

#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: #00b2ae;
  transform-origin: calc(100% - 1.5px) 50%;
	transition: all 0.3s ease;
}

#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: 50px;
	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(-22px);
	-webkit-transform: translateX(-22px);
	-moz-transform: translateX(-22px);
	z-index: 2;
}

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

/*----------------------------------------------------
 #anxiety
----------------------------------------------------*/

#anxiety {
	position: relative;
	padding: 118px 0 160px 0;
	z-index: 2;
}

#anxiety .bgObj {
	width: 100%;
	max-width: 160px;
	line-height: 80px;
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

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

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

#anxiety .head h2 b {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	margin-bottom: 23px;
}

#anxiety .head h2 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #3f3f3f;
}

#anxiety .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 49px;
	line-height: 44px;
	right: 267px;
	top: -38px;
}

#anxiety .anxietyList {
	display: flex;
	justify-content: space-between;
	margin-bottom: 62px;
}

#anxiety .anxietyList .box {
	overflow: hidden;
	width: 32.5%;
	height: 300px;
	border: 2px solid #3f3f3f;
	border-radius: 20px;
	padding: 35px 0 0 0;
}

#anxiety .anxietyList .box h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	color: #3f3f3f;
}

#anxiety .anxietyList .box01 .image {
	width: 100%;
	max-width: 144px;
	line-height: 159px;
	margin: 22px auto 0;
}

#anxiety .anxietyList .box02 .image {
	width: 100%;
	max-width: 144px;
	line-height: 155px;
	margin: 26px auto 0;
}

#anxiety .anxietyList .box03 .image {
	width: 100%;
	max-width: 144px;
	line-height: 156px;
	margin: 25px auto 0;
}

#anxiety .afterTex p {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0 0 8px;
}

#anxiety .afterTex p small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	margin-bottom: 32px;
}

#anxiety .afterTex p b {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #3f3f3f;
}

#anxiety .afterTex p .obj {
	position: absolute;
	width: 100%;
	max-width: 74px;
	line-height: 67px;
	left: 191px;
	top: -15px;
}

/*----------------------------------------------------
 #support
----------------------------------------------------*/

#support {
	position: relative;
	padding: 160px 0 110px 0;
	z-index: 1;
}

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

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

#support .bgObj01 {
	width: 100%;
	max-width: 299px;
	position: absolute;
	right: 0;
	bottom: -214px;
	z-index: 0;
}

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

#support .whiteTex {
	display: flex;
	justify-content: center;
	margin-bottom: 17px;
}

#support .whiteTex p {
	position: relative;
	display: flex;
	align-items: flex-end;
	background: #fff;
	padding: 8px 6px 9px;
}

#support .whiteTex p b {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
}

#support .whiteTex p small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f26580;
}

#support .lineTex {
	display: flex;
	justify-content: center;
}

#support .lineTex p {
	font-size: 32px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
}

#support .lineTex p span {
	position: relative;
}

#support .lineTex p span:after {
	content: '';
	width: 99.6%;
	height: 10px;
	background: #b5ec86;
	border-radius: 5px;
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

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

#features {
	position: relative;
	padding: 162px 0 160px 0;
	z-index: 0;
}

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

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

#features .bgObj02 {
	width: 100%;
	max-width: 378px;
	position: absolute;
	right: 237px;
	top: 528px;
	z-index: 0;
}

#features .bgObj03 {
	width: 100%;
	max-width: 251px;
	position: absolute;
	left: 0;
	top: 1203px;
	z-index: 0;
}

#features .bgObj04 {
	width: 100%;
	max-width: 307px;
	position: absolute;
	right: 167px;
	top: 1704px;
	z-index: 0;
}

#features .bgObj05 {
	width: 100%;
	max-width: 357px;
	position: absolute;
	left: 234px;
	top: 1730px;
	z-index: 0;
}

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

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

#features .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 112px;
	line-height: 205px;
	left: 200px;
	top: -42px;
}

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

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

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

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

#features .featureList {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 83px;
	z-index: 1;
}

#features .featureList .box {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 77px;
	padding: 62px 0 41px 0;
}

#features .featureList .box .boxNo {
	position: absolute;
	width: 100%;
	max-width: 104px;
	line-height: 115px;
	left: 38px;
	top: 0;
}

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

#features .featureList .box .boxHead h3 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	margin-bottom: 34px;
	padding: 0 0 0 5px;
}

#features .featureList .box .boxHead h3 b {
	display: flex;
	justify-content: center;
	align-items: center;
}

#features .featureList .box .boxHead h3 b .dotsLeft {
	width: 100%;
	max-width: 33px;
	line-height: 21px;
	transform: translateY(-19px);
	-webkit-transform: translateY(-19px);
	-moz-transform: translateY(-19px);
}

#features .featureList .box .boxHead h3 b .dotsRight {
	width: 100%;
	max-width: 33px;
	line-height: 21px;
	transform: translateY(19px);
	-webkit-transform: translateY(19px);
	-moz-transform: translateY(19px);
}

#features .featureList .box .boxHead h3 b .tex {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	margin: 0 10px;
}

#features .featureList .box01 .boxHead h3 small {
	padding: 0 0 0 17px;
}

#features .featureList .box01 .boxFlex {
	display: flex;
	justify-content: space-between;
	margin: 57px 0 0 0;
	padding: 0 109px 0 109px;
}

#features .featureList .box01 .boxFlex .image {
	width: 100%;
	max-width: 433px;
	line-height: 354px;
	margin: -62px 0 0 0;
}

#features .featureList .box01 .boxFlex .conts {
	width: calc(100% - 451px);
}

#features .featureList .box01 .boxFlex .conts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.11em;
	color: #3f3f3f;
	text-align: justify;
	margin-bottom: 33px;
}

#features .featureList .box01 .boxFlex .conts p span {
	color: #f26580;
}

#features .featureList .box02 .boxHead h3 small {
	padding: 0 0 0 4px;
}

#features .featureList .box02 .boxFlex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 57px 0 0 0;
	padding: 0 169px 0 120px;
}

#features .featureList .box02 .boxFlex .image {
	width: 100%;
	max-width: 304px;
	line-height: 277px;
	margin: -51px 0 0 0;
}

#features .featureList .box02 .boxFlex .conts {
	width: calc(100% - 390px);
}

#features .featureList .box02 .boxFlex .conts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.11em;
	color: #3f3f3f;
	text-align: justify;
	margin-bottom: 33px;
}

#features .featureList .box02 .boxFlex .conts p span {
	color: #f26580;
}

#features .featureList .box03 {
	padding: 62px 0 30px 0;
}

#features .featureList .box03 .boxHead h3 small {
	padding: 0 0 0 4px;
	margin-bottom: 28px;
}

#features .featureList .box03 .boxFlex {
	display: flex;
	justify-content: space-between;
	margin: 59px 0 0 0;
	padding: 0 118px 0 180px;
}

#features .featureList .box03 .boxFlex .image {
	width: 100%;
	max-width: 338px;
	line-height: 261px;
	margin: -89px 0 0 0;
}

#features .featureList .box03 .boxFlex .conts {
	width: calc(100% - 379px);
}

#features .featureList .box03 .boxFlex .conts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.11em;
	color: #3f3f3f;
	text-align: justify;
	margin-bottom: 33px;
}

#features .featureList .box03 .boxFlex .conts p span {
	color: #f26580;
}

#features .featureLogo {
	width: 100%;
	max-width: 544px;
	line-height: 347px;
	margin: 0 auto 0;
}

/*----------------------------------------------------
 #work
----------------------------------------------------*/

#work {
	position: relative;
	border-top: 40px solid #00b2ae;
	border-bottom: 40px solid #00b2ae;
	padding: 119px 0 100px 0;
	z-index: 0;
}

#work .head {
	margin-bottom: 24px;
}

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

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

#work .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	margin-bottom: 19px;
	padding: 0 0 0 3px;
}

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

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

#work .headBox {
	width: 800px;
	height: 117px;
	margin: 0 auto 80px;
	padding: 0 0 0 8px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

#work .workList {
	display: flex;
	justify-content: space-between;
}

#work .workList .box {
	width: 26.75%;
}

#work .workList .box .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #00b2ae;
}

#work .workList .box .boxHead h3 small {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	white-space: nowrap;
	margin-bottom: 16px;
}

#work .workList .box .boxHead h3 b {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
}

#work .checkList ul {
	display: flex;
	flex-direction: column;
}

#work .checkList ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #00b2ae;
	padding: 33px 0;
}

#work .checkList ul li.w {
	padding: 20px 0;
}

#work .checkList ul li:last-child {
	border-bottom: initial;
}

#work .checkList ul li .icon {
	width: 100%;
	max-width: 30px;
	line-height: 30px;
	margin-right: 18px;
}

#work .checkList ul li .tex {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	white-space: nowrap;
	color: #3f3f3f;
	width: calc(100% - 48px);
}

#work .workList .box01 .image {
	width: 100%;
	max-width: 221px;
	line-height: 209px;
	margin: 31px auto -5px;
}

#work .workList .box02 .image {
	width: 100%;
	max-width: 199px;
	line-height: 156px;
	margin: 43px auto 40px;
}

#work .workList .box03 .image {
	width: 100%;
	max-width: 282px;
	line-height: 108px;
	margin: 68px auto 61px;
}

/*----------------------------------------------------
 #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: #00b2ae;
}

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

#contact .contactBox .buttons > div {
	margin: 0 12px;
}

#contact .contactBox .buttons .pinkBt {
	width: 360px;
	height: 72px;
}

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

#contact .contactBox .buttons .pinkBt a:after {
	content: '';
	border: 2px solid #f26580;
	background: linear-gradient(180deg, #f58499 0%, #f58499 50%, #f26580 50%, #f26580 100%);
	border-radius: 36px;
	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 .pinkBt a:before {
	content: '';
	border: 2px solid #f48295;
	background: linear-gradient(180deg, #f8afba 0%, #f8afba 50%, #f48295 50%, #f48295 100%);
	border-radius: 36px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#contact .contactBox .buttons .pinkBt a .tex {
	position: relative;
	font-size: 23.4px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	z-index: 2;
}

#contact .contactBox .buttons .pinkBt 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 .pinkBt a .arrow::before,
#contact .contactBox .buttons .pinkBt 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 .pinkBt a .arrow::before {
  transform: rotate(45deg);
}

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

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

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

#contact .contactBox .buttons .greenBt a .tex {
	font-size: 23.4px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	transition: all 0.3s ease;
}

#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%);
}

#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: #00b2ae;
  transform-origin: calc(100% - 1.5px) 50%;
	transition: all 0.3s ease;
}

#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;
}

/*----------------------------------------------------
 #reason
----------------------------------------------------*/

#reason {
	position: relative;
	padding: 160px 0 211px 0;
	z-index: 0;
}

#reason .head {
	margin-bottom: 25px;
}

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

#reason .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 109px;
	line-height: 150px;
	left: 246px;
	top: 24px;
}

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

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

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

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

#reason .headBox {
	width: 800px;
	height: 189px;
	margin: 0 auto 118px;
	padding: 0 0 0 13px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

#reason .reasonList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#reason .reasonList .box {
	width: 47.66666%;
	margin-bottom: 75px;
}

#reason .reasonList .box:nth-child(2n) {
	width: 46.66666%;
	transform: translateY(137px);
	-webkit-transform: translateY(137px);
	-moz-transform: translateY(137px);
}

#reason .reasonList .box .boxHead {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

#reason .reasonList .box .boxHead .no {
	width: 100%;
	max-width: 120px;
	line-height: 123px;
	margin-top: 3px;
}

#reason .reasonList .box .boxHead h3 {
	width: calc(100% - 157px);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #00b2ae;
}

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

#reason .reasonList .box .boxTex p span {
	color: #f26580;
}

#reason .reasonList .box01 .image {
	width: 100%;
	max-width: 547px;
	line-height: 458px;
	margin: 45px auto 0;
	transform: translateX(-12px);
	-webkit-transform: translateX(-12px);
	-moz-transform: translateX(-12px);
}

#reason .reasonList .box02 .boxHead h3 {
	width: calc(100% - 144px);
}

#reason .reasonList .box02 .image {
	width: 100%;
	max-width: 559px;
	line-height: 407px;
	margin: 33px auto 0;
}

#reason .reasonList .box03 .boxHead h3 {
	width: calc(100% - 263px);
}

#reason .reasonList .box03 .image {
	width: 100%;
	max-width: 533px;
	line-height: 399px;
	margin: 35px auto 0;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
}

#reason .reasonList .box04 .boxHead h3 {
	width: calc(100% - 144px);
}

#reason .reasonList .box04 .image {
	width: 100%;
	max-width: 562px;
	line-height: 423px;
	margin: 33px auto 0;
}

/*----------------------------------------------------
 #about
----------------------------------------------------*/

#about {
	position: relative;
	padding: 120px 0 120px 0;
	background: #fdeff2;
}

#about .head {
	position: relative;
	margin-bottom: 40px;
	padding: 26px 0 0 0;
}

#about .head .boxBg {
	width: 100%;
	max-width: 515px;
	line-height: 105px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 0;
}

#about .head h2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}

#about .head h2 .obj {
	position: absolute;
	width: 100%;
	max-width: 143px;
	line-height: 104px;
	left: 200px;
	top: 50px;
}

#about .head h2 small {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #f26580;
	margin-bottom: 41px;
	padding: 0 0 0 4px;
}

#about .head h2 small span {
	position: relative;
}

#about .head h2 small span:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #f5bf0a;
	border-radius: 50%;
	position: absolute;
	left: 9px;
	top: -4px;
}

#about .head h2 b {
	position: relative;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #f26580;
	padding: 0 0 0 64px;
}

#about .headTex {
	width: 800px;
	margin: 0 auto 55px;
}

#about .headTex p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #3f3f3f;
	margin-bottom: 36px;
}

#about .headTex p span {
	background: #f5bf0a;
}

#about .innovationBox {
	background: #fff;
	border-radius: 40px;
	padding: 39px 0 40px 0;
}

#about .innovationBox .boxHead {
	margin-bottom: 21px;
}

#about .innovationBox .boxHead h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#about .innovationBox .boxHead h3 small {
	width: 100%;
	max-width: 109px;
}

#about .innovationBox .boxHead h3 b {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
}

#about .innovationBox .innnovationList {
	display: flex;
	justify-content: center;
}

#about .innovationBox .innnovationList .box {
	margin: 0 20px;
}

#about .innovationBox .innnovationList .box .conts {
	margin-bottom: 12px;
}

#about .innovationBox .innnovationList .box .conts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 3px;
}

#about .innovationBox .innnovationList .box .conts p b {
	font-size: 24px;
	color: #00b2ae;
}

#about .innovationBox .innnovationList .box .image {
	width: 100%;
	max-width: 150px;
	margin: 0 auto 0;
}

#about .innovationBox .innnovationList .box03 .conts {
	margin-bottom: 34px;
	padding: 25px 0 0 0;
}

#about .innovationBox .innnovationList .box03 .conts p {
	line-height: 1.6;
}

#about .innovationBox .innnovationList .box03 .image {
	width: 100%;
	max-width: 160px;
	margin: 0 auto 0;
}

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

#interview {
	position: relative;
	overflow: hidden;
	padding: 153px 0 159px 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: #f26580;
	margin: 0 34px;
}

#interview .head h2 b {
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #00b2ae;
	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: 39px;
}

#interview .interviewSec .obj02 {
	position: absolute;
	width: 100%;
	max-width: 82px;
	line-height: 87px;
	left: -62px;
	top: 91px;
}

#interview .interviewSec .obj03 {
	position: absolute;
	width: 100%;
	max-width: 181px;
	line-height: 133px;
	right: -206px;
	top: 37px;
}

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

#interview .interviewSec .secHead .secNo {
	width: 166px;
	height: 40px;
	margin: 0 auto 18px;
	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;
	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 .name {
	font-size: 18px;
	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 11px 0 3px;
}

#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: 30px 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: 120px;
}

#interview .interview01Sec .secHead h3 b {
	padding: 0 0 0 17px;
}

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

/*----------------------------------------------------
 #faq
----------------------------------------------------*/

#faq {
	position: relative;
	overflow: hidden;
	padding: 155px 0 160px 0;
	z-index: 0;
}

#faq .head {
	margin-bottom: 23px;
}

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

#faq .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;
}

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

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

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

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

#faq .faqLists {
	position: relative;
	display: flex;
	justify-content: space-between;
}

#faq .faqLists:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #f5bf0a;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transition: all 0.3s ease;
}

#faq .faqLists .faqArea {
	width: 46.58333%;
}

#faq .faqLists .faqArea .areaHead {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 64px;
	position: relative;
	margin-bottom: 14px;
}

#faq .faqLists .faqArea .areaHead .headBg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#faq .faqLists .faqArea .areaHead .headBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#faq .faqLists .faqArea .areaHead h3 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	transform: translate(3px, -2px);
	-webkit-transform: translate(3px, -2px);
	-moz-transform: translate(3px, -2px);
}

#faq .faqLists .faqArea dl {
	border-bottom: 1px solid #00b2ae;
}

#faq .faqLists .faqArea dl dt {
	position: relative;
	display: flex;
	cursor: pointer;
	padding: 31px 30px 23px 0;
}

#faq .faqLists .faqArea dl dt .qIcon {
	width: 100%;
	max-width: 48px;
	line-height: 48px;
	margin-right: 12px;
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
}

#faq .faqLists .faqArea dl dt .tex {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #00b2ae;
}

#faq .faqLists .faqArea dl dt .closeLine {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#faq .faqLists .faqArea dl dt .closeLine:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #f26580;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition: all 0.3s ease;
}

#faq .faqLists .faqArea dl dt .closeLine:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #f26580;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transition: all 0.3s ease;
}

#faq .faqLists .faqArea dl dt.active .closeLine:before {
	opacity: 0;
}

#faq .faqLists .faqArea dl dd {
	display: none;
	background: #fafafa;
	padding: 21px 17px 12px 19px;
}

#faq .faqLists .faqArea dl dd p {
	font-size: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.12em;
	text-align: justify;
	color: #3f3f3f;
}

#faq .faqLists .faqArea dl dd p span {
	color: #f26580;
}

/*----------------------------------------------------
 #voice
----------------------------------------------------*/

#voice {
	position: relative;
	overflow: hidden;
	padding: 112px 0 0 0;
	z-index: 0;
}

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

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

#voice .head {
	margin-bottom: 60px;
}

#voice .head .pickTex {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: #f26580;
	margin-bottom: 28px;
}

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

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

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

#voice .head h2 .headLine {
	width: 100%;
	max-width: 304px;
	line-height: 35px;
	margin: 0 auto 11px;
}

#voice .voiceSec .secHead {
	position: relative;
	width: 1200px;
	height: 78px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
}

#voice .voiceSec .secHead .boxBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#voice .voiceSec .secHead .boxBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#voice .voiceSec .secHead h3 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	transform: translate(3px, -2px);
	-webkit-transform: translate(3px, -2px);
	-moz-transform: translate(3px, -2px);
}

#voice .voice01Sec {
	margin-bottom: 222px;
}

#voice .voiceLists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#voice .voiceLists .box {
	width: 49.16666%;
	min-height: 237px;
	background: #fff;
	border: 1px solid #00b2ae;
	border-radius: 20px;
	margin-bottom: 19px;
	padding: 18px 39px 18px 39px;
}

#voice .voiceLists .box .boxHead {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}

#voice .voiceLists .box .boxHead h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	color: #00b2ae;
}

#voice .voiceLists .box .boxFlex {
	display: flex;
	justify-content: space-between;
}

#voice .voiceLists .box .boxFlex .image {
	width: 100%;
	max-width: 80px;
	line-height: 80px;
	margin-right: 20px;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
}

#voice .voiceLists .box .boxFlex .conts {
	width: calc(100% - 100px);
}

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

/*----------------------------------------------------
 #seviceImage
----------------------------------------------------*/

#seviceImage {
	position: relative;
	padding: 144px 0 0 0;
}

#seviceImage img {
	width: 100%;
	margin: 0 auto 0;
}

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

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

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

#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: #00b2ae;
	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 39px;
}

#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: 18px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #3f3f3f;
}

#flow .flowLists .box01 .image {
	width: 100%;
	max-width: 212px;
	line-height: 103px;
	margin: 17px auto 44px;
}

#flow .flowLists .box02 .image {
	width: 100%;
	max-width: 134px;
	line-height: 134px;
	margin: 0 auto 29px;
	transform: translateX(7px);
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
}

#flow .flowLists .box03 .image {
	width: 100%;
	max-width: 163px;
	line-height: 122px;
	margin: 8px auto 34px;
}

#flow .flowStep {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 71px 0 0 0;
}

#flow .flowStep .stepBg {
	width: 1200px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#flow .flowStep .stepBg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#flow .flowStep .stepHead {
	display: flex;
	justify-content: center;
	margin-bottom: 63px;
}

#flow .flowStep .stepHead h3 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #00b2ae;
}

#flow .flowStep .stepLists {
	display: flex;
	flex-direction: column;
	width: 800px;
	margin: 0 auto 0;
}

#flow .flowStep .stepLists .box {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 26px;
}

#flow .flowStep .stepLists .box .contents {
	position: relative;
	padding: 17px 112px 19px 193px;
}

#flow .flowStep .stepLists .box .contents .no {
	width: 100%;
	max-width: 90px;
	position: absolute;
	top: 50%;
	left: 39px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#flow .flowStep .stepLists .box .contents .boxHead {
	margin-bottom: 10px;
}

#flow .flowStep .stepLists .box .contents .boxHead h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #f26580;
	text-align: center;
	white-space: nowrap;
	transform: translateX(-7px);
	-webkit-transform: translateX(-7px);
	-moz-transform: translateX(-7px);
}

#flow .flowStep .stepLists .box .contents .conts p {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #3f3f3f;
}

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

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

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

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

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

#recruit .recruitTable {
	width: 800px;
	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: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #3f3f3f;
	vertical-align: middle;
	width: calc(100% - 400px);
	background: #fafafa;
	box-sizing: border-box;
	padding: 29px 0;
}

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

#recruit .recruitTable table tbody td.texFlex {
	width: 100%;
	display: flex;
}

#recruit .recruitTable table tbody td.texFlex p:last-child {
	margin-left: 30px;
}

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

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

	#header .headerFlex .buttons .pinkBt a:hover {
		background: #f58499;
		border-color: #f58499;
	}

	#header .headerFlex .buttons .greenBt a:hover {
		background: #00b2ae;
	}

	#header .headerFlex .buttons .greenBt a:hover .tex {
		color: #fff;
	}

	#header .headerFlex .buttons .greenBt a:hover .arrow::before,
	#header .headerFlex .buttons .greenBt a:hover .arrow::after {
		background-color: #fff;
	}

	#visual .contents .buttons .greenBt a:hover {
		background: #00b2ae;
	}

	#visual .contents .buttons .greenBt a:hover .tex {
		color: #fff;
	}

	#visual .contents .buttons .greenBt a:hover .arrow::before,
	#visual .contents .buttons .greenBt a:hover .arrow::after {
		background-color: #fff;
	}

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

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

	#contact .contactBox .buttons .greenBt a:hover {
		background: #00b2ae;
	}

	#contact .contactBox .buttons .greenBt a:hover .tex {
		color: #fff;
	}

	#contact .contactBox .buttons .greenBt a:hover .arrow::before,
	#contact .contactBox .buttons .greenBt a:hover .arrow::after {
		background-color: #fff;
	}

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

	#goTop a:hover {
		opacity: 0.7;
	}

	#footer .footNav nav ul li a:hover {
		opacity: 0.7;
	}

}

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

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

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

	body {
		font-size: 0.833vw;
	}

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

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

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

	.inner {
		max-width: 62.5vw;
	}

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

	#header {
		padding: 0.885vw 0 0.781vw;
		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.771vw;
		margin-right: 2.135vw;
	}

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

	#header .headerFlex .logoArea h1 b {
		font-size: 1.25vw;
		border-bottom: 0.052vw solid #00b2ae;
		padding: 0 0 0.573vw;
		margin-bottom: 0.573vw;
	}

	#header .headerFlex .logoArea h1 small {
		font-size: 0.938vw;
	}

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

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

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

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

	#header .headerFlex .buttons .pinkBt a .arrow::before,
	#header .headerFlex .buttons .pinkBt 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%;
	}

	#header .headerFlex .buttons .greenBt {
		width: 13.542vw;
		height: 2.917vw;
		margin: 0 0 0 0.833vw;
	}

	#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 2.24vw 0;
	}

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

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

	#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: 54.063vw;
		padding: 8.333vw 0 0 0;
	}

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

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

	#visual .contents .visualLogo {
		max-width: 12.917vw;
		right: 2.083vw;
		top: 1.615vw;
	}

	#visual .contents .visualTex {
		left: 4.688vw;
		top: 5.469vw;
	}

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

	#visual .contents .visualTex h2 small .reefLeft {
		max-width: 1.354vw;
		transform: translate(-0.208vw, 0);
		-webkit-transform: translate(-0.208vw, 0);
		-moz-transform: translate(-0.208vw, 0);
	}

	#visual .contents .visualTex h2 small .reefRight {
		max-width: 1.354vw;
		transform: translate(-0.104vw, 0);
		-webkit-transform: translate(-0.104vw, 0);
		-moz-transform: translate(-0.104vw, 0);
	}

	#visual .contents .visualTex h2 small .tex {
		font-size: 1.25vw;
		margin: 0 1.042vw;
	}

	#visual .contents .visualTex h2 b .objLeft {
		max-width: 4.583vw;
		transform: translate(-0.99vw, 0.885vw);
		-webkit-transform: translate(-0.99vw, 0.885vw);
		-moz-transform: translate(-0.99vw, 0.885vw);
	}

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

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

		transform: translateX(-0.573vw);
		-webkit-transform: translateX(-0.573vw);
		-moz-transform: translateX(-0.573vw);
	}

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

	#visual .contents .buttons {
		width: 18.75vw;
		left: 9.271vw;
		top: 19.948vw;
	}

	#visual .contents .buttons .pinkBt {
		width: 18.75vw;
		height: 3.75vw;
		margin-bottom: 0.833vw;
	}

	#visual .contents .buttons .pinkBt a:after {
		border: 0.104vw solid #f26580;
		border-radius: 1.875vw;
	}

	#visual .contents .buttons .pinkBt a:before {
		border: 0.104vw solid #f48295;
		border-radius: 1.875vw;
	}

	#visual .contents .buttons .pinkBt a .tex {
		font-size: 1.219vw;
	}

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

	#visual .contents .buttons .pinkBt a .arrow::before,
	#visual .contents .buttons .pinkBt 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 .buttons .greenBt {
		width: 18.75vw;
		height: 3.75vw;
	}

	#visual .contents .buttons .greenBt a {
		border: 0.104vw solid #00b2ae;
		border-radius: 1.875vw;
	}

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

	#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: 2.604vw;
		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(-1.146vw);
		-webkit-transform: translateX(-1.146vw);
		-moz-transform: translateX(-1.146vw);
	}

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

	/*----------------------------------------------------
	#anxiety
	----------------------------------------------------*/

	#anxiety {
		padding: 6.146vw 0 8.333vw 0;
	}

	#anxiety .bgObj {
		max-width: 8.333vw;
		line-height: 4.167vw;
		bottom: -4.167vw;
	}

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

	#anxiety .head h2 b {
		font-size: 2.083vw;
		margin-bottom: 1.198vw;
	}

	#anxiety .head h2 small {
		font-size: 1.25vw;
	}

	#anxiety .head h2 .obj {
		max-width: 2.552vw;
		line-height: 2.292vw;
		right: 13.906vw;
		top: -1.979vw;
	}

	#anxiety .anxietyList {
		margin-bottom: 3.229vw;
	}

	#anxiety .anxietyList .box {
		height: 15.625vw;
		border: 0.104vw solid #3f3f3f;
		border-radius: 1.042vw;
		padding: 1.823vw 0 0 0;
	}

	#anxiety .anxietyList .box h3 {
		font-size: 0.938vw;
	}

	#anxiety .anxietyList .box01 .image {
		max-width: 7.5vw;
		line-height: 8.281vw;
		margin: 1.146vw auto 0;
	}

	#anxiety .anxietyList .box02 .image {
		max-width: 7.5vw;
		line-height: 8.073vw;
		margin: 1.354vw auto 0;
	}

	#anxiety .anxietyList .box03 .image {
		max-width: 7.5vw;
		line-height: 8.125vw;
		margin: 1.302vw auto 0;
	}

	#anxiety .afterTex p {
		padding: 0 0 0 0.417vw;
	}

	#anxiety .afterTex p small {
		font-size: 1.25vw;
		margin-bottom: 1.667vw;
	}

	#anxiety .afterTex p b {
		font-size: 1.667vw;
	}

	#anxiety .afterTex p .obj {
		max-width: 3.854vw;
		line-height: 3.49vw;
		left: 9.948vw;
		top: -0.781vw;
	}

	/*----------------------------------------------------
	#support
	----------------------------------------------------*/

	#support {
		padding: 8.333vw 0 5.729vw 0;
	}

	#support .bgObj01 {
		max-width: 15.573vw;
		bottom: -11.146vw;
	}

	#support .whiteTex {
		margin-bottom: 0.885vw;
	}

	#support .whiteTex p {
		padding: 0.417vw 0.313vw 0.469vw;
	}

	#support .whiteTex p b {
		font-size: 2.083vw;
	}

	#support .whiteTex p small {
		font-size: 1.25vw;
	}

	#support .lineTex p {
		font-size: 1.667vw;
	}

	#support .lineTex p span:after {
		width: 99.6%;
		height: 0.521vw;
		border-radius: 0.26vw;
		bottom: -0.469vw;
	}

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

	#features {
		padding: 8.438vw 0 8.333vw 0;
	}

	#features .bgObj02 {
		max-width: 19.688vw;
		right: 12.344vw;
		top: 27.5vw;
	}

	#features .bgObj03 {
		max-width: 13.073vw;
		top: 62.656vw;
	}

	#features .bgObj04 {
		max-width: 15.99vw;
		right: 8.698vw;
		top: 88.75vw;
	}

	#features .bgObj05 {
		max-width: 18.594vw;
		left: 12.188vw;
		top: 90.104vw;
	}

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

	#features .head h2 .obj {
		max-width: 5.833vw;
		line-height: 10.677vw;
		left: 10.417vw;
		top: -2.187vw;
	}

	#features .head h2 small {
		font-size: 1.25vw;
		margin-bottom: 0.521vw;
	}

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

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

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

	#features .featureList {
		margin-bottom: 4.323vw;
	}

	#features .featureList .box {
		border-radius: 1.042vw;
		margin-bottom: 4.01vw;
		padding: 3.229vw 0 2.135vw 0;
	}

	#features .featureList .box .boxNo {
		max-width: 5.417vw;
		line-height: 5.99vw;
		left: 1.979vw;
	}

	#features .featureList .box .boxHead h3 small {
		font-size: 1.25vw;
		margin-bottom: 1.771vw;
		padding: 0 0 0 0.26vw;
	}

	#features .featureList .box .boxHead h3 b .dotsLeft {
		max-width: 1.719vw;
		line-height: 1.094vw;
		transform: translateY(-0.99vw);
		-webkit-transform: translateY(-0.99vw);
		-moz-transform: translateY(-0.99vw);
	}

	#features .featureList .box .boxHead h3 b .dotsRight {
		max-width: 1.719vw;
		line-height: 1.094vw;
		transform: translateY(0.99vw);
		-webkit-transform: translateY(0.99vw);
		-moz-transform: translateY(0.99vw);
	}

	#features .featureList .box .boxHead h3 b .tex {
		font-size: 2.083vw;
		margin: 0 0.521vw;
	}

	#features .featureList .box01 .boxHead h3 small {
		padding: 0 0 0 0.885vw;
	}

	#features .featureList .box01 .boxFlex {
		margin: 2.969vw 0 0 0;
		padding: 0 5.677vw 0 5.677vw;
	}

	#features .featureList .box01 .boxFlex .image {
		max-width: 22.552vw;
		line-height: 18.438vw;
		margin: -3.229vw 0 0 0;
	}

	#features .featureList .box01 .boxFlex .conts {
		width: calc(100% - 23.49vw);
	}

	#features .featureList .box01 .boxFlex .conts p {
		font-size: 0.938vw;
		margin-bottom: 1.719vw;
	}

	#features .featureList .box02 .boxHead h3 small {
		padding: 0 0 0 0.208vw;
	}

	#features .featureList .box02 .boxFlex {
		margin: 2.969vw 0 0 0;
		padding: 0 8.802vw 0 6.25vw;
	}

	#features .featureList .box02 .boxFlex .image {
		max-width: 15.833vw;
		line-height: 14.427vw;
		margin: -2.656vw 0 0 0;
	}

	#features .featureList .box02 .boxFlex .conts {
		width: calc(100% - 20.313vw);
	}

	#features .featureList .box02 .boxFlex .conts p {
		font-size: 0.938vw;
		margin-bottom: 1.719vw;
	}

	#features .featureList .box03 {
		padding: 3.229vw 0 1.563vw 0;
	}

	#features .featureList .box03 .boxHead h3 small {
		padding: 0 0 0 0.208vw;
		margin-bottom: 1.458vw;
	}

	#features .featureList .box03 .boxFlex {
		margin: 3.073vw 0 0 0;
		padding: 0 6.146vw 0 9.375vw;
	}

	#features .featureList .box03 .boxFlex .image {
		max-width: 17.604vw;
		line-height: 13.594vw;
		margin: -4.635vw 0 0 0;
	}

	#features .featureList .box03 .boxFlex .conts {
		width: calc(100% - 19.74vw);
	}

	#features .featureList .box03 .boxFlex .conts p {
		font-size: 0.938vw;
		margin-bottom: 1.719vw;
	}

	#features .featureLogo {
		max-width: 28.333vw;
		line-height: 18.073vw;
	}

	/*----------------------------------------------------
	#work
	----------------------------------------------------*/

	#work {
		border-top: 2.083vw solid #00b2ae;
		border-bottom: 2.083vw solid #00b2ae;
		padding: 6.198vw 0 5.208vw 0;
	}

	#work .head {
		margin-bottom: 1.25vw;
	}

	#work .head h2 small {
		font-size: 1.25vw;
		margin-bottom: 1.354vw;
	}

	#work .head h2 b {
		font-size: 2.5vw;
		margin-bottom: 0.99vw;
		padding: 0 0 0 0.156vw;
	}

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

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

	#work .headBox {
		width: 41.667vw;
		height: 6.094vw;
		margin: 0 auto 4.167vw;
		padding: 0 0 0 0.417vw;
		border-radius: 1.042vw;
	}

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

	#work .workList .box .boxHead h3 small {
		font-size: 0.938vw;
		margin-bottom: 0.833vw;
	}

	#work .workList .box .boxHead h3 b {
		font-size: 1.667vw;
	}

	#work .checkList ul li {
		border-bottom: 0.052vw solid #00b2ae;
		padding: 1.719vw 0;
	}

	#work .checkList ul li.w {
		padding: 1.042vw 0;
	}

	#work .checkList ul li .icon {
		max-width: 1.563vw;
		line-height: 1.563vw;
		margin-right: 0.938vw;
	}

	#work .checkList ul li .tex {
		font-size: 0.938vw;
		width: calc(100% - 2.5vw);
	}

	#work .workList .box01 .image {
		max-width: 11.51vw;
		line-height: 10.885vw;
		margin: 1.615vw auto -0.26vw;
	}

	#work .workList .box02 .image {
		max-width: 10.365vw;
		line-height: 8.125vw;
		margin: 2.24vw auto 2.083vw;
	}

	#work .workList .box03 .image {
		max-width: 14.688vw;
		line-height: 5.625vw;
		margin: 3.542vw auto 3.177vw;
	}

	/*----------------------------------------------------
	#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 > div {
		margin: 0 0.625vw;
	}

	#contact .contactBox .buttons .pinkBt {
		width: 18.75vw;
		height: 3.75vw;
	}

	#contact .contactBox .buttons .pinkBt a:after {
		border: 0.104vw solid #f26580;
		border-radius: 1.875vw;
	}

	#contact .contactBox .buttons .pinkBt a:before {
		border: 0.104vw solid #f48295;
		border-radius: 1.875vw;
	}

	#contact .contactBox .buttons .pinkBt a .tex {
		font-size: 1.219vw;
	}

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

	#contact .contactBox .buttons .pinkBt a .arrow::before,
	#contact .contactBox .buttons .pinkBt 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 .buttons .greenBt {
		width: 18.75vw;
		height: 3.75vw;
	}

	#contact .contactBox .buttons .greenBt a {
		border: 0.104vw solid #00b2ae;
		border-radius: 1.875vw;
	}

	#contact .contactBox .buttons .greenBt a .tex {
		font-size: 1.219vw;
	}

	#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);
	}

	/*----------------------------------------------------
	#reason
	----------------------------------------------------*/

	#reason {
		padding: 8.333vw 0 10.99vw 0;
	}

	#reason .head {
		margin-bottom: 1.302vw;
	}

	#reason .head h2 .obj {
		max-width: 5.677vw;
		line-height: 7.813vw;
		left: 12.812vw;
		top: 1.25vw;
	}

	#reason .head h2 small {
		font-size: 1.25vw;
		margin-bottom: 1.302vw;
	}

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

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

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

	#reason .headBox {
		width: 41.667vw;
		height: 9.844vw;
		margin: 0 auto 6.146vw;
		padding: 0 0 0 0.677vw;
		border-radius: 1.042vw;
	}

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

	#reason .reasonList .box {
		margin-bottom: 3.906vw;
	}

	#reason .reasonList .box:nth-child(2n) {
		transform: translateY(7.135vw);
		-webkit-transform: translateY(7.135vw);
		-moz-transform: translateY(7.135vw);
	}

	#reason .reasonList .box .boxHead {
		margin-bottom: 1.042vw;
	}

	#reason .reasonList .box .boxHead .no {
		max-width: 6.25vw;
		line-height: 6.406vw;
		margin-top: 0.156vw;
	}

	#reason .reasonList .box .boxHead h3 {
		width: calc(100% - 8.177vw);
		font-size: 1.667vw;
	}

	#reason .reasonList .box .boxTex p {
		font-size: 0.938vw;
	}

	#reason .reasonList .box01 .image {
		max-width: 28.49vw;
		line-height: 23.854vw;
		margin: 2.344vw auto 0;
		transform: translateX(-0.625vw);
		-webkit-transform: translateX(-0.625vw);
		-moz-transform: translateX(-0.625vw);
	}

	#reason .reasonList .box02 .boxHead h3 {
		width: calc(100% - 7.5vw);
	}

	#reason .reasonList .box02 .image {
		max-width: 29.115vw;
		line-height: 21.198vw;
		margin: 1.719vw auto 0;
	}

	#reason .reasonList .box03 .boxHead h3 {
		width: calc(100% - 13.698vw);
	}

	#reason .reasonList .box03 .image {
		max-width: 27.76vw;
		line-height: 20.781vw;
		margin: 1.823vw auto 0;
		transform: translateX(-1.042vw);
		-webkit-transform: translateX(-1.042vw);
		-moz-transform: translateX(-1.042vw);
	}

	#reason .reasonList .box04 .boxHead h3 {
		width: calc(100% - 7.5vw);
	}

	#reason .reasonList .box04 .image {
		max-width: 29.271vw;
		line-height: 22.031vw;
		margin: 1.719vw auto 0;
	}

	/*----------------------------------------------------
	#about
	----------------------------------------------------*/

	#about {
		padding: 6.25vw 0 6.25vw 0;
	}

	#about .head {
		margin-bottom: 2.083vw;
		padding: 1.354vw 0 0 0;
	}

	#about .head .boxBg {
		max-width: 26.823vw;
		line-height: 5.469vw;
	}

	#about .head h2 .obj {
		max-width: 7.448vw;
		line-height: 5.417vw;
		left: 10.417vw;
		top: 2.604vw;
	}

	#about .head h2 small {
		font-size: 1.25vw;
		margin-bottom: 2.135vw;
		padding: 0 0 0 0.208vw;
	}

	#about .head h2 small span:before {
		width: 0.313vw;
		height: 0.313vw;
		left: 0.469vw;
		top: -0.208vw;
	}

	#about .head h2 b {
		font-size: 2.5vw;
		padding: 0 0 0 3.333vw;
	}

	#about .headTex {
		width: 41.667vw;
		margin: 0 auto 2.865vw;
	}

	#about .headTex p {
		font-size: 0.938vw;
		margin-bottom: 1.875vw;
	}

	#about .innovationBox {
		border-radius: 2.083vw;
		padding: 2.031vw 0 2.083vw 0;
	}

	#about .innovationBox .boxHead {
		margin-bottom: 1.094vw;
	}

	#about .innovationBox .boxHead h3 small {
		max-width: 5.677vw;
	}

	#about .innovationBox .boxHead h3 b {
		font-size: 1.667vw;
	}

	#about .innovationBox .innnovationList .box {
		margin: 0 1.042vw;
	}

	#about .innovationBox .innnovationList .box .conts {
		margin-bottom: 0.625vw;
	}

	#about .innovationBox .innnovationList .box .conts p {
		font-size: 0.938vw;
		margin-bottom: 0.156vw;
	}

	#about .innovationBox .innnovationList .box .conts p b {
		font-size: 1.25vw;
	}

	#about .innovationBox .innnovationList .box .image {
		max-width: 7.813vw;
	}

	#about .innovationBox .innnovationList .box03 .conts {
		margin-bottom: 1.771vw;
		padding: 1.302vw 0 0 0;
	}

	#about .innovationBox .innnovationList .box03 .image {
		max-width: 8.333vw;
	}

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

	#interview {
		padding: 7.969vw 0 8.281vw 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: 2.031vw;
	}

	#interview .interviewSec .obj02 {
		max-width: 4.271vw;
		line-height: 4.531vw;
		left: -3.229vw;
		top: 4.74vw;
	}

	#interview .interviewSec .obj03 {
		max-width: 9.427vw;
		line-height: 6.927vw;
		right: -10.729vw;
		top: 1.927vw;
	}

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

	#interview .interviewSec .secHead .secNo {
		width: 8.646vw;
		height: 2.083vw;
		margin: 0 auto 0.938vw;
		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 .name {
		font-size: 0.938vw;
		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.573vw 0 0.156vw;
	}

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

	#interview .interviewSec .inteviewSlide .box .boxConts {
		padding: 1.563vw 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: 6.25vw;
	}

	#interview .interview01Sec .secHead h3 b {
		padding: 0 0 0 0.885vw;
	}

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

	/*----------------------------------------------------
	#faq
	----------------------------------------------------*/

	#faq {
		padding: 8.073vw 0 8.333vw 0;
	}

	#faq .head {
		margin-bottom: 1.198vw;
	}

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

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

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

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

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

	#faq .faqLists:before {
		width: 0.052vw;
	}

	#faq .faqLists .faqArea .areaHead {
		height: 3.333vw;
		margin-bottom: 0.729vw;
	}

	#faq .faqLists .faqArea .areaHead h3 {
		font-size: 1.667vw;
		transform: translate(0.156vw, -0.104vw);
		-webkit-transform: translate(0.156vw, -0.104vw);
		-moz-transform: translate(0.156vw, -0.104vw);
	}

	#faq .faqLists .faqArea dl {
		border-bottom: 0.052vw solid #00b2ae;
	}

	#faq .faqLists .faqArea dl dt {
		padding: 1.615vw 1.563vw 1.198vw 0;
	}

	#faq .faqLists .faqArea dl dt .qIcon {
		max-width: 2.5vw;
		line-height: 2.5vw;
		margin-right: 0.625vw;
		transform: translateY(-0.208vw);
		-webkit-transform: translateY(-0.208vw);
		-moz-transform: translateY(-0.208vw);
	}

	#faq .faqLists .faqArea dl dt .tex {
		font-size: 1.25vw;
	}

	#faq .faqLists .faqArea dl dt .closeLine {
		width: 1.563vw;
		height: 1.563vw;
	}

	#faq .faqLists .faqArea dl dt .closeLine:after {
		height: 0.052vw;
	}

	#faq .faqLists .faqArea dl dt .closeLine:before {
		width: 0.052vw;
	}

	#faq .faqLists .faqArea dl dd {
		padding: 1.094vw 0.885vw 0.625vw 0.99vw;
	}

	#faq .faqLists .faqArea dl dd p {
		font-size: 0.938vw;
	}

	/*----------------------------------------------------
	#voice
	----------------------------------------------------*/

	#voice {
		padding: 5.833vw 0 0 0;
	}

	#voice .areaBg {
		height: 56.823vw;
	}

	#voice .head {
		margin-bottom: 3.125vw;
	}

	#voice .head .pickTex {
		font-size: 1.25vw;
		margin-bottom: 1.458vw;
	}

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

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

	#voice .head h2 .headLine {
		max-width: 15.833vw;
		line-height: 1.823vw;
		margin: 0 auto 0.573vw;
	}

	#voice .voiceSec .secHead {
		width: 62.5vw;
		height: 4.063vw;
		margin-bottom: 1.25vw;
	}

	#voice .voiceSec .secHead h3 {
		font-size: 1.667vw;
		transform: translate(0.156vw, -0.104vw);
		-webkit-transform: translate(0.156vw, -0.104vw);
		-moz-transform: translate(0.156vw, -0.104vw);
	}

	#voice .voice01Sec {
		margin-bottom: 11.563vw;
	}

	#voice .voiceLists .box {
		min-height: 12.344vw;
		border: 0.052vw solid #00b2ae;
		border-radius: 1.042vw;
		margin-bottom: 0.99vw;
		padding: 0.938vw 2.031vw 0.938vw 2.031vw;
	}

	#voice .voiceLists .box .boxHead {
		margin-bottom: 0.833vw;
	}

	#voice .voiceLists .box .boxHead h4 {
		font-size: 1.25vw;
	}

	#voice .voiceLists .box .boxFlex .image {
		max-width: 4.167vw;
		line-height: 4.167vw;
		margin-right: 1.042vw;
		transform: translateY(-0.156vw);
		-webkit-transform: translateY(-0.156vw);
		-moz-transform: translateY(-0.156vw);
	}

	#voice .voiceLists .box .boxFlex .conts {
		width: calc(100% - 5.208vw);
	}

	#voice .voiceLists .box .boxFlex .conts p {
		font-size: 0.938vw;
	}

	/*----------------------------------------------------
	#seviceImage
	----------------------------------------------------*/

	#seviceImage {
		padding: 7.5vw 0 0 0;
	}

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

	#flow {
		padding: 7.865vw 0 8.333vw 0;
	}

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

	#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 2.031vw;
	}

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

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

	#flow .flowLists .box01 .image {
		max-width: 11.042vw;
		line-height: 5.365vw;
		margin: 0.885vw auto 2.292vw;
	}

	#flow .flowLists .box02 .image {
		max-width: 6.979vw;
		line-height: 6.979vw;
		margin: 0 auto 1.51vw;
		transform: translateX(0.365vw);
		-webkit-transform: translateX(0.365vw);
		-moz-transform: translateX(0.365vw);
	}

	#flow .flowLists .box03 .image {
		max-width: 8.49vw;
		line-height: 6.354vw;
		margin: 0.417vw auto 1.771vw;
	}

	#flow .flowStep {
		border-radius: 1.042vw;
		padding: 3.698vw 0 0 0;
	}

	#flow .flowStep .stepBg {
		width: 62.5vw;
	}

	#flow .flowStep .stepHead {
		margin-bottom: 3.281vw;
	}

	#flow .flowStep .stepHead h3 {
		font-size: 1.667vw;
	}

	#flow .flowStep .stepLists {
		width: 41.667vw;
	}

	#flow .flowStep .stepLists .box {
		border-radius: 0.521vw;
		margin-bottom: 1.354vw;
	}

	#flow .flowStep .stepLists .box .contents {
		padding: 0.885vw 5.833vw 0.99vw 10.052vw;
	}

	#flow .flowStep .stepLists .box .contents .no {
		max-width: 4.688vw;
		left: 2.031vw;
	}

	#flow .flowStep .stepLists .box .contents .boxHead {
		margin-bottom: 0.521vw;
	}

	#flow .flowStep .stepLists .box .contents .boxHead h4 {
		font-size: 1.25vw;
		transform: translateX(-0.365vw);
		-webkit-transform: translateX(-0.365vw);
		-moz-transform: translateX(-0.365vw);
	}

	#flow .flowStep .stepLists .box .contents .conts p {
		font-size: 0.938vw;
	}

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

	#recruit {
		padding: 2.344vw 0 8.333vw 0;
	}

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

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

	#recruit .recruitTable {
		width: 41.667vw;
	}

	#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: calc(100% - 20.833vw);
		padding: 1.51vw 0;
	}

	#recruit .recruitTable table tbody td {
		font-size: 0.938vw;
		width: 20.833vw;
		padding: 0.365vw 0.885vw;
	}

	#recruit .recruitTable table tbody td.texFlex p:last-child {
		margin-left: 1.563vw;
	}
}

/*----------------------------------------------------
 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 {
		overflow: hidden;
		padding: 1.6vw 0 6.4vw;
		box-shadow: rgba(149, 157, 165, 0.2) 0 2.133vw 6.4vw;
	}

	#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: 13.867vw;
		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.04em;
		border-bottom: initial;
		border-right: 0.267vw solid #00b2ae;
		padding: 0 1.867vw 0 0;
		margin-right: 1.867vw;
		margin-bottom: 0;
		white-space: nowrap;
	}

	#header .headerFlex .logoArea h1 small {
		font-size: 2.133vw;
		white-space: nowrap;
	}

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

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

	#header .headerFlex .buttons .pinkBt a {
		border: 0.267vw solid #f26580;
	}

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

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

	#header .headerFlex .buttons .pinkBt a .arrow::before,
	#header .headerFlex .buttons .pinkBt 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%;
	}

	#header .headerFlex .buttons .greenBt {
		width: 42.667vw;
		height: 7.467vw;
		margin: 0 0 0 1.867vw;
	}

	#header .headerFlex .buttons .greenBt a {
		border: 0.267vw solid #00b2ae;
	}

	#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 .logo {
		max-width: 38.667vw;
		margin: 0 auto 22.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: 191.6vw;
		padding: 22.667vw 0 0 0;
	}

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

	#visual .contents .visualBg {
		width: 89.333vw;
		height: 153.333vw;
	}

	#visual .contents .visualLogo {
		max-width: 23.067vw;
		right: 2.667vw;
		top: 2.667vw;
	}

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

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

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

	#visual .contents .visualTex h2 small .reefLeft {
		max-width: 3.467vw;
		transform: translate(-1.333vw, 0.533vw);
		-webkit-transform: translate(-1.333vw, 0.533vw);
		-moz-transform: translate(-1.333vw, 0.533vw);
	}

	#visual .contents .visualTex h2 small .reefRight {
		max-width: 3.467vw;
		transform: translate(1.6vw, 0.533vw);
		-webkit-transform: translate(1.6vw, 0.533vw);
		-moz-transform: translate(1.6vw, 0.533vw);
	}

	#visual .contents .visualTex h2 small .tex {
		font-size: 3.733vw;
		white-space: nowrap;
		margin: 0 1.333vw;
		display: inline-block;
		transform: translateX(0.533vw);
		-webkit-transform: translateX(0.533vw);
		-moz-transform: translateX(0.533vw);
	}

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

	#visual .contents .visualTex h2 b .objLeft {
		max-width: 9.867vw;
		transform: translate(-1.6vw, -0.267vw);
		-webkit-transform: translate(-1.6vw, -0.267vw);
		-moz-transform: translate(-1.6vw, -0.267vw);
	}

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

	#visual .contents .visualTex h2 b .tex {
		font-size: 8.533vw;
		line-height: 1.25;
		white-space: nowrap;
		transform: translateX(-1.333vw);
		-webkit-transform: translateX(-1.333vw);
		-moz-transform: translateX(-1.333vw);
	}

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

	#visual .contents .visualTex h2 b .tex em {
		font-style: normal;
		letter-spacing: -0.1em;
	}

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

	#visual .contents .buttons .pinkBt {
		width: 64vw;
		height: 12.8vw;
		margin-bottom: 2.667vw;
	}

	#visual .contents .buttons .pinkBt a .tex {
		font-size: 4.267vw;
	}

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

	#visual .contents .buttons .pinkBt a .arrow::before,
	#visual .contents .buttons .pinkBt 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 .buttons .greenBt {
		width: 64vw;
		height: 12.8vw;
	}

	#visual .contents .buttons .greenBt a {
		border: 0.267vw solid #00b2ae;
	}

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

	#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: #00b2ae;
		transform-origin: calc(100% - 0.267vw) 50%;
	}

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

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

	#visual .contents .pointList .oracle02 {
		width: 34.533vw;
		max-width: initial;
		line-height: 33.6vw;
		transform: translateX(-3.467vw) translateY(0.267vw);
		-webkit-transform: translateX(-3.467vw) translateY(0.267vw);
		-moz-transform: translateX(-3.467vw) translateY(0.267vw);
	}

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

	/*----------------------------------------------------
	#anxiety
	----------------------------------------------------*/

	#anxiety {
		padding: 18.933vw 0 14.4vw 0;
	}

	#anxiety .bgObj {
		max-width: 21.333vw;
		line-height: 10.667vw;
		bottom: -10.667vw;
	}

	#anxiety .head {
		margin-bottom: 16vw;
	}

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

	#anxiety .head h2 b {
		font-size: 7.467vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 4vw;
		transform: translateX(1.6vw);
		-webkit-transform: translateX(1.6vw);
		-moz-transform: translateX(1.6vw);
	}

	#anxiety .head h2 small {
		font-size: 5.333vw;
		transform: translateX(1.6vw);
		-webkit-transform: translateX(1.6vw);
		-moz-transform: translateX(1.6vw);
	}

	#anxiety .head h2 .obj {
		max-width: 6.667vw;
		line-height: 6vw;
		right: 5.6vw;
		top: -3.2vw;
	}

	#anxiety .anxietyList {
		flex-direction: column;
		margin-bottom: 6.133vw;
	}

	#anxiety .anxietyList .box {
		overflow: hidden;
		width: 100%;
		height: 44.8vw;
		border: 0.267vw solid #3f3f3f;
		border-radius: 2.667vw;
		margin-bottom: 4.267vw;
		padding: 4vw 0 0 0;
	}

	#anxiety .anxietyList .box h3 {
		font-size: 3.733vw;
		line-height: 1.5;
	}

	#anxiety .anxietyList .box01 .image {
		max-width: 23.2vw;
		line-height: 25.6vw;
		margin: 7.467vw auto 0;
	}

	#anxiety .anxietyList .box02 .image {
		max-width: 23.2vw;
		line-height: 25.067vw;
		margin: 2.4vw auto 0;
	}

	#anxiety .anxietyList .box03 .image {
		max-width: 23.2vw;
		line-height: 25.2vw;
		margin: 8vw auto 0;
	}

	#anxiety .afterTex p {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 0 0 2.133vw;
	}

	#anxiety .afterTex p small {
		font-size: 3.733vw;
		margin-bottom: 1.867vw;
		transform: translateX(-0.8vw);
		-webkit-transform: translateX(-0.8vw);
		-moz-transform: translateX(-0.8vw);
	}

	#anxiety .afterTex p b {
		font-size: 6.4vw;
		line-height: 1.5;
		text-align: center;
		white-space: nowrap;
		transform: translateX(-0.8vw);
		-webkit-transform: translateX(-0.8vw);
		-moz-transform: translateX(-0.8vw);
	}

	#anxiety .afterTex p .obj {
		position: absolute;
		width: 100%;
		max-width: 19.733vw;
		line-height: 17.867vw;
		left: 50.933vw;
		top: -4vw;
	}

	/*----------------------------------------------------
	#support
	----------------------------------------------------*/

	#support {
		padding: 21.333vw 0 9.067vw 0;
	}

	#support .areaBg {
		height: 111%;
	}

	#support .bgObj01 {
		max-width: 18.667vw;
		bottom: -27.733vw;
	}

	#support .whiteTex {
		align-items: center;
		flex-direction: column;
		margin-bottom: 2.4vw;
	}

	#support .whiteTex p {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 2.133vw;
		padding: 0.533vw 0.533vw;
	}

	#support .whiteTex p b {
		font-size: 6.4vw;
		text-align: center;
	}

	#support .whiteTex p small {
		font-size: 4.267vw;
		transform: translate(0.267vw, 0.8vw);
		-webkit-transform: translate(0.267vw, 0.8vw);
		-moz-transform: translate(0.267vw, 0.8vw);
	}

	#support .lineTex {
		display: flex;
		justify-content: center;
	}

	#support .lineTex p {
		font-size: 4.267vw;
	}

	#support .lineTex p span:after {
		width: 99.6%;
		height: 1.333vw;
		border-radius:0.667vw;
		bottom: -1.333vw;
	}

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

	#features {
		padding: 13.333vw 0 32vw 0;
	}

	#features .bgObj02 {
		max-width: 44.4vw;
		right: 0;
		top: 46.667vw;
	}

	#features .bgObj03 {
		max-width: 32.267vw;
		left: 0;
		top: 224vw;
	}

	#features .bgObj04 {
		max-width: 36.133vw;
		right: 0;
		top: 406.667vw;
	}

	#features .bgObj05 {
		max-width: 38.133vw;
		left: 0;
		top: 512.8vw;
	}

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

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

	#features .head h2 .obj {
		max-width: 18.533vw;
		line-height: 34.267vw;
		left: -1.067vw;
		top: -1.067vw;
	}

	#features .head h2 small {
		font-size: 3.733vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 2.133vw;
	}

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

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

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

	#features .featureList {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-bottom: 23.733vw;
		z-index: 1;
	}

	#features .featureList .box {
		border-radius: 2.667vw;
		margin-bottom: 8.267vw;
		padding: 9.333vw 0 4vw 0;
	}

	#features .featureList .box .boxNo {
		max-width: 13.867vw;
		line-height: 15.333vw;
		left: 5.067vw;
	}

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

	#features .featureList .box .boxHead h3 small {
		font-size: 4.267vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 3.467vw;
		padding: 0 0 0 1.333vw;
	}

	#features .featureList .box .boxHead h3 b {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#features .featureList .box .boxHead h3 b .dotsLeft {
		max-width: 5.867vw;
		line-height: 4vw;
		transform: translateY(-2.4vw);
		-webkit-transform: translateY(-2.4vw);
		-moz-transform: translateY(-2.4vw);
	}

	#features .featureList .box .boxHead h3 b .dotsRight {
		max-width: 5.867vw;
		line-height: 3.733vw;
		transform: translateY(2.933vw);
		-webkit-transform: translateY(2.933vw);
		-moz-transform: translateY(2.933vw);
	}

	#features .featureList .box .boxHead h3 b .tex {
		font-size: 6.4vw;
		white-space: nowrap;
		margin: 0 1.333vw;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#features .featureList .box01 .boxHead h3 small {
		padding: 0 0 0 1.067vw;
	}

	#features .featureList .box01 .boxFlex {
		flex-direction: column;
		margin: 15.2vw 0 0 0;
		padding: 0 4.533vw 0;
	}

	#features .featureList .box01 .boxFlex .image {
		max-width: 75.733vw;
		line-height: 62vw;
		margin: -11.467vw auto 0;
	}

	#features .featureList .box01 .boxFlex .conts {
		width: 100%;
	}

	#features .featureList .box01 .boxFlex .conts p {
		font-size: 3.733vw;
		letter-spacing: 0.1em;
		margin-bottom: 6.933vw;
	}

	#features .featureList .box01 .boxFlex .conts p:last-child {
		margin-bottom: 0;
	}

	#features .featureList .box02 .boxHead h3 small {
		padding: 0 0 0 1.067vw;
	}

	#features .featureList .box02 .boxFlex {
		flex-direction: column;
		margin: 15.2vw 0 0 0;
		padding: 0 4.533vw 0;
	}

	#features .featureList .box02 .boxFlex .image {
		max-width: 62.933vw;
		line-height: 58.133vw;
		margin: -10.933vw auto -1.067vw;
	}

	#features .featureList .box02 .boxFlex .conts {
		width: 100%;
	}

	#features .featureList .box02 .boxFlex .conts p {
		font-size: 3.733vw;
		letter-spacing: 0.1em;
		margin-bottom: 6.933vw;
	}

	#features .featureList .box02 .boxFlex .conts p:last-child {
		margin-bottom: 0;
	}

	#features .featureList .box03 {
		padding: 9.6vw 0 3.467vw 0;
	}

	#features .featureList .box03 .boxHead h3 small {
		padding: 0 0 0 1.067vw;
		margin-bottom: 3.733vw;
	}

	#features .featureList .box03 .boxFlex {
		flex-direction: column;
		margin: 15.2vw 0 0 0;
		padding: 0 4.533vw 0;
	}

	#features .featureList .box03 .boxFlex .image {
		max-width: 74.933vw;
		line-height: 57.867vw;
		margin: -11.733vw auto -0.533vw;
	}

	#features .featureList .box03 .boxFlex .conts {
		width: 100%;
	}

	#features .featureList .box03 .boxFlex .conts p {
		font-size: 3.733vw;
		letter-spacing: 0.1em;
		margin-bottom: 6.933vw;
	}

	#features .featureList .box03 .boxFlex .conts p:last-child {
		margin-bottom: 0;
	}

	#features .featureLogo {
		max-width: 72.533vw;
		line-height: 46.267vw;
		margin: 0 auto 0;
	}

	/*----------------------------------------------------
	#work
	----------------------------------------------------*/

	#work {
		border-top: 5.333vw solid #00b2ae;
		border-bottom: 5.333vw solid #00b2ae;
		padding: 21.067vw 0 5.6vw 0;
	}

	#work .head {
		margin-bottom: 5.333vw;
	}

	#work .head h2 small {
		font-size: 3.733vw;
		margin-bottom: 2.667vw;
	}

	#work .head h2 b {
		font-size: 7.467vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 2.4vw;
		padding: 0 0 0 0.8vw;
	}

	#work .head h2 b span {
		font-size: 17.067vw;
		margin: 0 0.8vw;
	}

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

	#work .headBox {
		width: 100%;
		height: 36.533vw;
		margin: 0 auto 15.733vw;
		padding: 0 0 0 0;
		border-radius: 2.667vw;
	}

	#work .headBox p {
		font-size: 3.733vw;
	}

	#work .workList {
		flex-direction: column;
	}

	#work .workList .box {
		width: 100%;
		margin-bottom: 10.667vw;
	}

	#work .workList .box .boxHead {
		margin-bottom: 3.733vw;
	}

	#work .workList .box .boxHead h3 small {
		font-size: 3.733vw;
		margin-bottom: 2.933vw;
	}

	#work .workList .box .boxHead h3 b {
		font-size: 5.333vw;
	}

	#work .workList .box .innerFlex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#work .checkList {
		width: 54.533vw;
	}

	#work .checkList ul {
		display: flex;
		flex-direction: column;
	}

	#work .checkList ul li {
		padding: 4.133vw 0;
	}

	#work .checkList ul li.w {
		padding: 4.133vw 0;
	}

	#work .checkList ul li:last-child {
		border-bottom: initial;
	}

	#work .checkList ul li .icon {
		max-width: 3.2vw;
		line-height: 3.2vw;
		margin-right: 3.2vw;
	}

	#work .checkList ul li .tex {
		font-size: 3.733vw;
		width: calc(100% - 6.4vw);
	}

	#work .workList .box01 .image {
		max-width: 28.4vw;
		line-height: 27.067vw;
		margin: 0 0 0 0;
		transform: translate(1.333vw, -0.8vw);
		-webkit-transform: translate(1.333vw, -0.8vw);
		-moz-transform: translate(1.333vw, -0.8vw);
	}

	#work .workList .box02 .image {
    max-width: 28.933vw;
    line-height: 22.667vw;
    margin: 0 0 0 0;
	}

	#work .workList .box02 .checkList {
		width: 55.067vw;
		transform: translate(-0.267vw, -0.267vw);
		-webkit-transform: translate(-0.267vw, -0.267vw);
		-moz-transform: translate(-0.267vw, -0.267vw);
	}

	#work .workList .box02 .checkList ul li {
		padding: 4.133vw 0;
	}

	#work .workList .box03 .checkList {
		width: 59.467vw;
	}

	#work .workList .box03 .image {
		max-width: 25.467vw;
		line-height: 35.733vw;
		margin: 0 0 0 0;
	}

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

	#contact {
		padding: 23.2vw 0 16vw;
	}

	#contact .contactBox {
		border-radius: 2.667vw;
		padding: 22.4vw 0 0.8vw 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 > div {
		margin: 0 3.2vw;
	}

	#contact .contactBox .buttons .pinkBt {
		width: 64vw;
		height: 12.8vw;
		margin-bottom: 2.667vw;
	}

	#contact .contactBox .buttons .pinkBt a .tex {
		font-size: 4.267vw;
	}

	#contact .contactBox .buttons .pinkBt a .arrow {
		width: 1.467vw;
		height: 2.427vw;
		top: 50%;
		right: 4.533vw;
	}

	#contact .contactBox .buttons .pinkBt a .arrow::before,
	#contact .contactBox .buttons .pinkBt 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 .buttons .greenBt {
		width: 64vw;
		height: 12.8vw;
	}

	#contact .contactBox .buttons .greenBt a {
		border: 0.267vw solid #00b2ae;
	}

	#contact .contactBox .buttons .greenBt a .tex {
		font-size: 4.267vw;
	}

	#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: #00b2ae;
		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);
	}

	/*----------------------------------------------------
	#reason
	----------------------------------------------------*/

	#reason {
		padding: 21.067vw 0 5.333vw 0;
	}

	#reason .head {
		margin-bottom: 10.4vw;
	}

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

	#reason .head h2 .obj {
		max-width: 17.867vw;
		line-height: 24.4vw;
		left: 4.267vw;
		top: 12.8vw;
	}

	#reason .head h2 small {
		font-size: 3.733vw;
		margin-bottom: 2.933vw;
	}

	#reason .head h2 b {
		font-size: 7.467vw;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 2.133vw;
		padding: 0 0 0 1.6vw;
	}

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

	#reason .headBox {
		width: 100%;
		height: 51.467vw;
		margin: 0 auto 16vw;
		padding: 0 0 0 2.667vw;
		border-radius: 2.667vw;
	}

	#reason .headBox p {
		font-size: 3.733vw;
		white-space: nowrap;
	}

	#reason .reasonList {
		flex-direction: column;
	}

	#reason .reasonList .box {
		width: 100%;
		margin-bottom: 17.067vw;
	}

	#reason .reasonList .box:nth-child(2n) {
		width: 100%;
		margin-bottom: 16vw;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	#reason .reasonList .box .boxHead {
		justify-content: center;
		margin-bottom: 5.867vw;
		padding: 0 0 0 1.067vw;
	}

	#reason .reasonList .box .boxHead .no {
		max-width: 16vw;
		line-height: 16.4vw;
		margin-top: 0;
		margin-right: 2.933vw;
	}

	#reason .reasonList .box .boxHead h3 {
		width: initial;
		font-size: 5.333vw;
		line-height: 1.5;
		white-space: nowrap;
		text-align: center;
	}

	#reason .reasonList .box .boxTex p {
		font-size: 3.733vw;
		letter-spacing: 0.1em;
	}

	#reason .reasonList .box01 .image {
		max-width: 88.667vw;
		line-height: 74.133vw;
		margin: 7.733vw auto 0;
		transform: translateX(0.267vw);
		-webkit-transform: translateX(0.267vw);
		-moz-transform: translateX(0.267vw);
	}

	#reason .reasonList .box02 .boxHead h3 {
		width: initial;
	}

	#reason .reasonList .box02 .image {
		max-width: 83.867vw;
		line-height: 60.933vw;
		margin: 7.467vw auto 0;
	}

	#reason .reasonList .box03 {
		margin-bottom: 16vw;
	}

	#reason .reasonList .box03 .boxHead h3 {
		width: initial;
	}

	#reason .reasonList .box03 .image {
		max-width: 89.333vw;
		line-height: 66.667vw;
		margin: 7.2vw auto 0;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#reason .reasonList .box04 {
		margin-bottom: 0;
	}

	#reason .reasonList .box04 .boxHead h3 {
		width: initial;
	}

	#reason .reasonList .box04 .image {
		width: 100%;
		max-width: 87.867vw;
		line-height: 66vw;
		margin: 6.4vw auto 0;
	}

	/*----------------------------------------------------
	#about
	----------------------------------------------------*/

	#about {
		padding: 28vw 0 10.667vw 0;
	}

	#about .head {
		margin-bottom: 4.267vw;
		padding: 4.533vw 0 0 0;
	}

	#about .head .boxBg {
		max-width: 90.267vw;
		line-height: 18.267vw;
	}

	#about .head h2 .obj {
		position: absolute;
		width: 100%;
		max-width: 16.8vw;
		line-height: 13.867vw;
		top: -21.867vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#about .head h2 small {
		font-size: 4.267vw;
		margin-bottom: 8.267vw;
		padding: 0 0 0 1.067vw;
	}

	#about .head h2 small span {
		position: relative;
	}

	#about .head h2 small span:before {
		width: 0.933vw;
		height: 0.933vw;
		left: 1.6vw;
		top: -1.067vw;
	}

	#about .head h2 b {
		font-size: 6.4vw;
		padding: 0 0 0 0.267vw;
	}

	#about .headTex {
		width: 100%;
		margin: 0 auto 8.8vw;
	}

	#about .headTex p {
		font-size: 3.733vw;
		margin-bottom: 7.467vw;
	}

	#about .innovationBox {
		border-radius: 5.333vw;
		padding: 4.8vw 0 2.667vw 0;
	}

	#about .innovationBox .boxHead {
		margin-bottom: 6.667vw;
	}

	#about .innovationBox .boxHead h3 small {
		max-width: 14.533vw;
		line-height: 2.533vw;
		margin-bottom: 1.6vw;
	}

	#about .innovationBox .boxHead h3 b {
		font-size: 4.267vw;
	}

	#about .innovationBox .innnovationList {
		flex-direction: column;
		padding: 0 0 0 8.533vw;
	}

	#about .innovationBox .innnovationList .box {
		margin: 0 0 3.733vw;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	#about .innovationBox .innnovationList .box .conts {
		width: calc(100% - 24.533vw);
		margin-bottom: 3.2vw;
		padding: 2.667vw 0 0 0;
	}

	#about .innovationBox .innnovationList .box .conts p {
		font-size: 3.733vw;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.1em;
		text-align: center;
		margin-bottom: 0.8vw;
	}

	#about .innovationBox .innnovationList .box .conts p b {
		font-size: 4.267vw;
	}

	#about .innovationBox .innnovationList .box .image {
		max-width: 24.133vw;
		line-height: 24.133vw;
		margin: 0;
	}

	#about .innovationBox .innnovationList .box02 .conts {
		padding: 2.933vw 0 0 0;
	}

	#about .innovationBox .innnovationList .box03 {
		margin-bottom: 0;
	}

	#about .innovationBox .innnovationList .box03 .conts {
		margin-bottom: 9.067vw;
		padding: 6.133vw 0 0 0;
	}

	#about .innovationBox .innnovationList .box03 .conts p {
		line-height: 1.3;
	}

	#about .innovationBox .innnovationList .box03 .image {
		max-width: 24vw;
		line-height: 24vw;
		margin: 0;
	}

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

	#interview {
		padding: 20.267vw 0 21.333vw 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: translateY(4.267vw);
		-webkit-transform: translateY(4.267vw);
		-moz-transform: translateY(4.267vw);
	}

	#interview .head h2 small .lineRight {
		max-width: 6vw;
		line-height: 6.8vw;
		transform: translateY(4vw);
		-webkit-transform: translateY(4vw);
		-moz-transform: translateY(4vw);
	}

	#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: 40.533vw;
	}

	#interview .interviewSec .obj02 {
		max-width: 7.867vw;
		line-height: 8.267vw;
		left: 4.267vw;
		top: 54.933vw;
	}

	#interview .interviewSec .obj03 {
		max-width: 17.333vw;
		line-height: 12.667vw;
		right: -3.2vw;
		top: 10.133vw;
	}

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

	#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: 2.4vw;
	}

	#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 .name {
		font-size: 3.2vw;
		line-height: 1;
		margin-bottom: 1.067vw;
	}

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

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

	#interview .interviewSec .inteviewSlide .next-arrow {
		top: 50.2%;
		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: 50.2%;
		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 4.8vw 6.4vw 4.8vw;
		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 0;
	}

	#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;
		white-space: nowrap;
	}

	#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 4.533vw;
	}

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

	#interview .interview02Sec .secHead h3 b {
		margin-bottom: 1.867vw;
	}

	#interview .interviewSec .secHead h3 small {
		padding: 0 0 0 0.533vw;
	}

	/*----------------------------------------------------
	#faq
	----------------------------------------------------*/

	#faq {
		padding: 22.133vw 0 21.333vw 0;
	}

	#faq .head {
		margin-bottom: 5.333vw;
	}

	#faq .head h2 small {
		font-size: 3.733vw;
		margin: 0 0 3.467vw;
	}

	#faq .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 4.533vw;
		padding: 0 0 0 0.533vw;
	}

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

	#faq .headBox {
		width: 100%;
		height: 21.6vw;
		margin: 0 auto 10.667vw;
		padding: 0 0 0 1.067vw;
		border-radius: 2.667vw;
	}

	#faq .headBox p {
		font-size: 3.733vw;
	}

	#faq .faqLists {
		flex-direction: column;
	}

	#faq .faqLists:before {
		display: none;
	}

	#faq .faqLists .faqArea {
		width: 100%;
	}

	#faq .faqLists .faqArea.areaLeft {
		margin-bottom: 10.667vw;
	}

	#faq .faqLists .faqArea .areaHead {
		height: 10.4vw;
		margin-bottom: 1.867vw;
	}

	#faq .faqLists .faqArea .areaHead h3 {
		font-size: 5.333vw;
		transform: translate(0.533vw, 0);
		-webkit-transform: translate(0.533vw, 0);
		-moz-transform: translate(0.533vw, 0);
	}

	#faq .faqLists .faqArea dl dt {
		align-items: center;
		padding: 5.333vw 4.533vw 5.333vw 0;
	}

	#faq .faqLists .faqArea dl dt .qIcon {
		max-width: 6.4vw;
		line-height: 6.4vw;
		margin-right: 3.2vw;
		transform: translateX(0.267vw) translateY(0);
		-webkit-transform: translateX(0.267vw) translateY(0);
		-moz-transform: translateX(0.267vw) translateY(0);
	}

	#faq .faqLists .faqArea dl dt .tex {
		font-size: 3.733vw;
	}

	#faq .faqLists .faqArea dl dt .closeLine {
		width: 4.267vw;
		height: 4.267vw;
	}

	#faq .faqLists .faqArea dl dd {
		padding: 3.733vw 4.8vw 2.667vw 5.333vw;
	}

	#faq .faqLists .faqArea dl dd p {
		font-size: 3.2vw;
	}

	/*----------------------------------------------------
	#voice
	----------------------------------------------------*/

	#voice {
		padding: 14.133vw 0 0 0;
	}

	#voice .areaBg {
		width: 100%;
		height: 253.067vw;
	}

	#voice .head {
		margin-bottom: 5.333vw;
	}

	#voice .head .pickTex {
		font-size: 3.733vw;
		line-height: 1.7142857;
		margin-bottom: 2.933vw;
	}

	#voice .head h2 small {
		font-size: 3.733vw;
		margin: 0 0 -1.867vw;
	}

	#voice .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 5.6vw;
		padding: 0 0 0 0.533vw;
	}

	#voice .head h2 .headLine {
		max-width: 46.507vw;
		line-height: 5.2vw;
		margin: 0 auto 4.8vw;
	}

	#voice .voiceSec .secHead {
		width: 100%;
		height: 10.4vw;
		margin-bottom: 5.067vw;
	}

	#voice .voiceSec .secHead h3 {
		font-size: 5.333vw;
		transform: translate(0.533vw, -0.267vw);
		-webkit-transform: translate(0.533vw, -0.267vw);
		-moz-transform: translate(0.533vw, -0.267vw);
	}

	#voice .voice01Sec {
		margin-bottom: 27.467vw;
	}

	#voice .voiceLists {
		flex-direction: column;
	}

	#voice .voiceLists .box {
		width: 100%;
		min-height: initial;
		border-radius: 2.667vw;
		margin-bottom: 4.267vw;
		padding: 2.133vw 4.8vw 2.4vw 4vw;
	}

	#voice .voiceLists .box .boxHead {
		display: flex;
		justify-content: center;
		margin-bottom: 0.267vw;
	}

	#voice .voiceLists .box .boxHead h4 {
		font-size: 3.733vw;
		padding: 0 0 0 1.333vw;
	}

	#voice .voiceLists .box .boxFlex .image {
		max-width: 10.667vw;
		line-height: 10.667vw;
		margin-right: 4vw;
		transform: translateY(4vw);
		-webkit-transform: translateY(4vw);
		-moz-transform: translateY(4vw);
	}

	#voice .voiceLists .box .boxFlex .conts {
		width: calc(100% - 14.667vw);
	}

	#voice .voiceLists .box .boxFlex .conts p {
		font-size: 3.2vw;
	}

	#voice .voiceLists .box01 {
		order: 0;
	}

	#voice .voiceLists .box02 {
		order: 2;
	}

	#voice .voiceLists .box03 {
		order: 1;
	}

	#voice .voiceLists .box04 {
		order: 3;
	}

	#voice .voiceLists .box05 {
		order: 0;
		margin-bottom: 3.733vw;
	}

	#voice .voiceLists .box05 .boxFlex .image {
		transform: translateY(0.8vw);
		-webkit-transform: translateY(0.8vw);
		-moz-transform: translateY(0.8vw);
	}

	#voice .voiceLists .box06 {
		order: 2;
	}

	#voice .voiceLists .box07 {
		order: 1;
	}

	#voice .voiceLists .box08 {
		order: 3;
	}

	#voice .voiceLists .box08 .boxFlex .image {
		transform: translateY(6.667vw);
		-webkit-transform: translateY(6.667vw);
		-moz-transform: translateY(6.667vw);
	}

	/*----------------------------------------------------
	#seviceImage
	----------------------------------------------------*/

	#seviceImage {
		padding: 16.8vw 0 0 0;
	}

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

	#flow {
		padding: 20vw 0 18.133vw 0;
	}

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

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

	#flow .head h2 b {
		font-size: 7.467vw;
		margin-bottom: 2.4vw;
		padding: 0 0 0 0.8vw;
	}

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

	#flow .headBox {
		width: 100%;
		height: 14.133vw;
		margin: 0 auto 12.267vw;
		border-radius: 2.667vw;
	}

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

	#flow .listHead {
		width: 100%;
		max-width: initial;
		margin: 0 auto 1.6vw;
	}

	#flow .listHead img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#flow .flowLists {
		flex-direction: column;
		margin-bottom: 11.2vw;
		padding: 0 0 0 0;
	}

	#flow .flowLists .box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 0.267vw solid #00b2ae;
		padding: 6.933vw 0 6.933vw 0;
	}

	#flow .flowLists .box .conts {
		width: 53.333vw;
	}

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

	#flow .flowLists .box01 .image {
		max-width: 31.733vw;
		line-height: 15.467vw;
		margin: 0.533vw 0 0 0;
	}

	#flow .flowLists .box02 {
		padding: 7.733vw 0 8.267vw 0;
	}

	#flow .flowLists .box02 .image {
		max-width: 20vw;
		line-height: 20vw;
		margin: 0.8vw 0 0 5.867vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#flow .flowLists .box03 {
		padding: 6.4vw 0 8.267vw 0;
		border-bottom: initial;
	}

	#flow .flowLists .box03 .image {
		max-width: 24.267vw;
		line-height: 18.4vw;
		margin: 0.533vw 0 0 3.733vw;
	}

	#flow .flowStep {
		position: relative;
		overflow: hidden;
		border-radius: 1.333vw;
		padding: 9.333vw 0 0 0;
	}

	#flow .flowStep .stepBg {
		width: 100%;
		height: 288.267vw;
	}

	#flow .flowStep .stepHead {
		margin-bottom: 7.2vw;
	}

	#flow .flowStep .stepHead h3 {
		font-size: 5.333vw;
	}

	#flow .flowStep .stepLists {
		width: 100%;
		margin: 0 auto 0;
		padding: 0 2.667vw 2.667vw;
	}

	#flow .flowStep .stepLists .box {
		border-radius: 1.333vw;
		margin-bottom: 2.4vw;
	}

	#flow .flowStep .stepLists .box .contents {
		position: relative;
		padding: 3.2vw 4.8vw 3.467vw 5.333vw;
	}

	#flow .flowStep .stepLists .box .contents .no {
		max-width: 13.6vw;
		line-height: 13.6vw;
		margin-right: 3.2vw;
		position: relative;
		top: initial;
		left: initial;
		transform: translateX(-2.133vw);
		-webkit-transform: translateX(-2.133vw);
		-ms-transform: translateX(-2.133vw);
	}

	#flow .flowStep .stepLists .box .contents .boxHead {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 2.133vw;
	}

	#flow .flowStep .stepLists .box .contents .boxHead h4 {
		font-size: 3.733vw;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	#flow .flowStep .stepLists .box .contents .conts p {
		font-size: 3.2vw;
		letter-spacing: 0.04em;
		text-align: justify;
		line-height: 2;
	}

	#flow .flowStep .stepLists .box02 {
		margin-bottom: 3.2vw;
	}

	#flow .flowStep .stepLists .box02 .contents .boxHead {
		margin-bottom: 1.067vw;
	}

	#flow .flowStep .stepLists .box02 .contents .no {
		margin-right: 4.8vw;
	}

	#flow .flowStep .stepLists .box03 {
		margin-bottom: 3.2vw;
	}

	#flow .flowStep .stepLists .box03 .contents .no {
		margin-right: 0.8vw;
	}

	#flow .flowStep .stepLists .box04 {
		margin-bottom: 3.2vw;
	}

	#flow .flowStep .stepLists .box04 .contents {
		padding: 3.2vw 5.6vw 3.733vw 5.867vw;
	}

	#flow .flowStep .stepLists .box04 .contents .no {
		margin: 0 0.267vw 0 0;
	}

	#flow .flowStep .stepLists .box05 {
		margin-bottom: 3.2vw;
	}

	#flow .flowStep .stepLists .box:last-child {
		margin-bottom: 0;
	}

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

	#recruit {
		padding: 0 0 21.333vw 0;
	}

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

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

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

	#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 2.133vw;
	}

	#recruit .recruitTable table tbody td.texFlex {
		padding: 2.133vw 0 2.133vw 0.533vw;
	}

	#recruit .recruitTable table tbody td.texFlex p:last-child {
		margin-left: 4.8vw;
	}

}