@charset "UTF-8";
@keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
	}
	30% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
	70% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
	to {
		-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)
	}
}
@-webkit-keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
	}
	30% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
	70% {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
	to {
		-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)
	}
}
.sec_mainvisual {
	position: relative;
	background-color: #d5dce2;
	-webkit-perspective: 500px;
	perspective: 500px
}
.sec_mainvisual.en {
	margin-bottom: 0 !important;
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual {
		min-height: 6.00rem;
		height: calc(100vh - 120px);
		margin-bottom: 0.8rem
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual {
		height: 74vh
	}
	.os-android .sec_mainvisual {
		height: 90vh
	}
}
.sec_mainvisual .particlewrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	overflow: hidden
}
.sec_mainvisual .ParticleBox {
	-webkit-perspective: 500px;
	perspective: 500px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.sec_mainvisual .ParticleBox:after {
	content: "";
	display: block;
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	pointer-events: none;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
@media screen and (max-width:460px) {
	.sec_mainvisual .ParticleBox:after {
		display: none!important
	}
}
.ie .sec_mainvisual .ParticleBox:after {
	opacity: 1
}
.googlebot .sec_mainvisual .ParticleBox:after {
	-webkit-clip-path: none!important;
	clip-path: none!important;
	opacity: 0!important
}
.sec_mainvisual .ParticleBox[data-pararax01-active]:after {
	width: 0%;
	-webkit-transition: 1s cubic-bezier(0.205, 0.01, 0.075, 0.995);
	-o-transition: 1s cubic-bezier(0.205, 0.01, 0.075, 0.995);
	transition: 1s cubic-bezier(0.205, 0.01, 0.075, 0.995)
}
@media screen and (max-width:460px) {
	.sec_mainvisual .ParticleBox[data-pararax01-active]:after {
		opacity: 0
	}
}
.ie .sec_mainvisual .ParticleBox[data-pararax01-active]:after {
	opacity: 0
}
.sec_mainvisual .particle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .particle.type01 {
		-webkit-filter: blur(4px);
		filter: blur(4px)
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .particle.type01 {
		-webkit-filter: blur(3px);
		filter: blur(3px);
		opacity: 0.4
	}
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .particle.type02 {
		-webkit-filter: blur(8px);
		filter: blur(8px)
	}
}
.sec_mainvisual .particle.type03 {
	position: absolute;
	top: -100px;
	left: -100px;
	bottom: -100px;
	right: -100px;
	width: auto;
	height: auto
}
.sec_mainvisual .title {
	position: absolute;
	text-align: center;
	line-height: 1;
	pointer-events: none;
	-webkit-perspective: 500px;
	perspective: 500px
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .title {
		top: 60px;
		right: 80px
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .title {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: auto;
		width: 100%
	}
}
.sec_mainvisual .line {
	display: block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .line+.line {
		margin-top: 28px
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .line+.line {
		margin-top: 10px
	}
}
.sec_mainvisual .linein {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #3a3c43;
	position: relative
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .linein {
		font-size: 1.2rem;
		letter-spacing: 0.02rem
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .linein {
		font-size: 0.35rem;
		letter-spacing: 0.02rem
	}
}
.sec_mainvisual .linein span {
	margin-left: 10px
}
.sec_mainvisual .linein:after {
	top: auto;
	bottom: 2%;
	height: 85%
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .linein .word01 {
		margin-left: 23px
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .linein .word01 {
		margin-left: 7px
	}
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .linein .word02 {
		margin-left: 23px
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .linein .word02 {
		margin-left: 7px
	}
}
.sec_mainvisual .scrollwrap {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.sec_mainvisual .scroll {
	display: inline-block;
	position: relative
}
.no-touchevents .sec_mainvisual .scroll {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}
.no-touchevents .sec_mainvisual .scroll:hover {
	opacity: 0.6
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .scroll {
		padding-bottom: 50px
	}
}
@media screen and (max-width:460px) {
	.sec_mainvisual .scroll {
		padding-bottom: 20px
	}
}
.sec_mainvisual .scrolltxt {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #3a3c43
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .scrolltxt {
		font-size: 0.1rem
	}
}
.sec_mainvisual .scrollline {
	position: absolute;
	left: 0;
	right: 0;
	width: 1px;
	margin: auto;
	background-color: #78b0a7;
}
@media print, screen and (min-width:461px) {
	.sec_mainvisual .scrollline {
		bottom: -40px;
		height: 80px;
		-webkit-animation: topArrow 4.0s ease infinite;
		animation: topArrow 4.0s ease infinite
	}
	/* .sec_mainvisual.en .scrollline {
		bottom: 12px;
		height: 30px;
	} */
}
@media screen and (max-width:460px) {
	.sec_mainvisual .scrollline {
		bottom: -20px;
		height: 40px
	}
	/* .sec_mainvisual.en .scrollline {
		bottom: 12px;
		height: 30px;
	} */
}
.sec_mainvisual .copyright {
	position: absolute;
	top: 50%;
	left: 30px;
	color: #3a3c43;
	font-size: 0.12rem;
	pointer-events: none
}
.sec_mainvisual .copyrightin {
	display: inline-block;
	-webkit-transform: rotate(90deg) translateX(-50%);
	-ms-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom
}
.sec_infomation {
	padding-top: .95rem;
	padding-bottom: 1.00rem
}
@media screen and (max-width:460px) {
	.sec_infomation {
		padding-top: .5rem;
		padding-bottom: .10rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_infomation {
		position: relative
	}
}
@media print, screen and (min-width:461px) {
	.sec_infomation .mod_in_ttl {
		margin-bottom: .8rem;
		text-align: center
	}
}
@media screen and (max-width:460px) {
	.sec_infomation .mod_in_ttl {
		margin-bottom: .3rem;
		text-align: center
	}
}
@media print, screen and (min-width:461px) {
	.sec_infomation .mod_in_ttl:before {
		margin-bottom: .15rem
	}
}
@media screen and (max-width:460px) {
	.sec_infomation .list_block {
		margin-top: .06rem;
		width: fit-content
	}
}
.sec_infomation .link {
	display: flex;
	padding: .20rem 0;
	font-size: .16rem;
	letter-spacing: .05em;
	line-height: 1.4;
	position: relative;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}
.no-touchevents .sec_infomation .link:hover {
	opacity: .7
}
.no-touchevents .sec_infomation .link:hover:after {
	-webkit-transform: translate(5px) rotate(45deg);
	-ms-transform: translate(5px) rotate(45deg);
	transform: translate(5px) rotate(45deg)
}
.sec_infomation .link.no-underline {
	text-align: right;
	padding: .20rem .30rem .20rem 0;
	display: block;
}
.sec_infomation .link:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(1rem, #78B0A7), color-stop(1rem, #CCC), to(#CCC));
	background-image: -webkit-linear-gradient(left, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	background-image: -o-linear-gradient(left, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	background-image: linear-gradient(to right, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	position: absolute;
	bottom: 0;
	left: 0
}
.sec_infomation .link.no-underline:before {
	content: none;
}
.sec_infomation .link:after {
	content: '';
	display: block;
	margin: auto 0;
	border-top: 2px solid #78B0A7;
	border-right: 2px solid #78B0A7;
	height: .05rem;
	position: absolute;
	right: .13rem;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .05rem;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
.sec_infomation .open-popup-link {
	display: block;
	padding: .20rem .20rem .20rem 0;
	font-size: .16rem;
	letter-spacing: .05em;
	line-height: 1.4;
	position: relative;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}
.no-touchevents .sec_infomation .open-popup-link:hover {
	opacity: .7
}
.no-touchevents .sec_infomation .open-popup-link:hover:after {
	-webkit-transform: translate(5px) rotate(45deg);
	-ms-transform: translate(5px) rotate(45deg);
	transform: translate(5px) rotate(45deg)
}
@media screen and (max-width:460px) {
	.sec_infomation .link {
		padding: .16rem 0;
		font-size: .14rem;
		letter-spacing: 0;
		position: relative
	}
	.sec_infomation .open-popup-link {
		padding: .16rem .16rem .16rem 0;
		font-size: .14rem;
		letter-spacing: 0;
		position: relative
	}
}
.sec_infomation .open-popup-link:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(1rem, #78B0A7), color-stop(1rem, #CCC), to(#CCC));
	background-image: -webkit-linear-gradient(left, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	background-image: -o-linear-gradient(left, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	background-image: linear-gradient(to right, #78B0A7 1rem, #CCC 1rem, #CCC 100%);
	position: absolute;
	bottom: 0;
	left: 0
}
.sec_infomation .open-popup-link:after {
	content: '';
	display: block;
	margin: auto 0;
	border-top: 2px solid #78B0A7;
	border-right: 2px solid #78B0A7;
	height: .05rem;
	position: absolute;
	right: .13rem;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .05rem;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}
@media screen and (max-width:460px) {
	.sec_infomation .link:after {
		right: .1rem
	}
	.sec_infomation .open-popup-link:after {
		right: .1rem
	}
}
.sec_infomation .white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 15px;
}
.sec_infomation .date {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	min-width: 1rem
}
.icon {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	padding: 0 .1rem;
    border-radius: 2px;
	width: .6rem;
    text-align: center;
    font-size: .14rem;
}
.icon.news {
	background: #92bac0;
}
.icon.event {
	background: #f6b26c;
}
.icon.media {
	background: #a7cf97;
}
@media print, screen and (min-width:461px) {
	.sec_infomation .date {
		position: absolute;
		width: .90rem
	}
	.sec_infomation .icon {
		position: absolute;
		left: calc(2rem / 2);
	}
}
@media screen and (max-width:460px) {
	.sec_infomation .date{
		border: none;
		min-width: .7rem;
		display: inline-block;
		padding-right: 0.05rem
	}
	.sec_infomation .icon {
		width: .5rem;
		display: inline-block
	}
}
.sec_infomation .title {
	position: relative
}
@media print, screen and (min-width:461px) {
	.sec_infomation .title {
		padding-left: 2.00rem;
		padding-right: .20rem
	}
}
@media screen and (max-width:460px) {
	.sec_infomation .title {
		padding-top: .15rem;
		border: none;
		line-height: 1.6
	}
}
.sec_concept .head {
	background: #F6F6F6;
	padding: 1rem 0;
}
.sec_concept.en {
	margin-top: 36px;
}
.sec_concept.en .head {
	padding: 0 0 1rem 0;
}
@media screen and (max-width:460px) {
	.sec_concept .head {
		width: 100%;
		height: auto;
		padding: .46rem 0 .89rem
	}
}
.sec_concept .head .content{
	background-color: #FFFF;
	margin: 0 auto;
	position: relative
}
@media screen and (max-width:460px) {
	.sec_concept .head {
		width: 100%;
		height: auto;
		padding: 1.5rem 0;
	}
	.sec_concept.en .head {
		padding: 0 0 1.5rem 0;
	}
}
.sec_concept .head .txt_concept{
	width: fit-content;
	margin: 0 10% 0 10%;
}
@media screen and (max-width:460px) {
	.sec_concept .head .txt_concept.ja {
		max-width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto;
	}
}

.sec_concept .head>* {
	position: relative
}
.os-android .sec_concept .head .bgimg, .os-iOS .sec_concept .head .bgimg, .safari .sec_concept .head .bgimg {
	background-attachment: local
}
.sec_concept .head .mod_in_ttl {
	z-index: 10;
	text-align: center;
	margin-bottom: .6rem
}
@media screen and (max-width:460px) {
	.sec_concept .head .mod_in_ttl {
		margin-bottom: .3rem
	}
}
.sec_concept .head .mod_in_ttl:before {
	margin-bottom: .12rem
}
.sec_concept .head .mod_w1100 {
	-webkit-perspective: 500px;
	perspective: 500px;
	z-index: 100
}
.sec_concept .head .txt_slogan {
	position: relative;
	z-index: 10;
	font-size: .3rem;
	font-weight: bold;
	line-height: 2;
	letter-spacing: .1em;
	margin: .45rem 0 .2rem;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
@media screen and (max-width:460px) {
	.sec_concept .head .txt_slogan {
		font-size: .19rem;
		margin: .15rem 0 .15rem;
		letter-spacing: 0;
		text-align: center;
	}
}
.sec_concept .head .txt_slogan .box {
	display: inline-block;
	margin: 2px 0
}
@media print, screen and (min-width:461px) {
	.sec_concept .head .txt_slogan .box.sp {
		padding-left: 0;
		padding-right: .30rem
	}
	.sec_concept .head .txt_slogan .box.sp.pr0 {
		padding-right: 0
	}
	.sec_concept .head .txt_slogan .box:last-child {
		padding-right: .30rem
	}
}
@media screen and (max-width:460px) {
	.sec_concept .head .txt_slogan .box {
		white-space: pre
	}
}
.sec_concept .head .txt_desc {
	display: inline-block;
	position: relative;
	z-index: 10;
	font-size: .18rem;
	line-height: 2.5;
	font-weight: 600;
	letter-spacing: .05em;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width:460px) {
	.sec_concept .head .txt_desc {
		font-size: .14rem;
		text-align: center;
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .head .txt_desc .box.sp {
		padding-left: 0;
		padding-right: .30rem
	}
	.sec_concept .head .txt_desc .box.sp.pr0 {
		padding-right: 0
	}
	.sec_concept .head .txt_desc .box:last-child {
		padding-right: .30rem
	}
}
@media screen and (max-width:460px) {
	.sec_concept .head .txt_desc .box {
		white-space: nowrap;
		/* padding: 0 .10rem 0 .10rem */
	}
}
.sec_concept .content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .98rem 0 1.38rem;
	position: relative;
	z-index: 10
}
@media screen and (max-width:460px) {
	.sec_concept .content {
		margin: 0 .25rem;
		padding: .4rem 0 .45rem
	}
}
.sec_concept .content .title {
	font-size: .34rem;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
	line-height: 1.5
}
@media screen and (max-width:460px) {
	.sec_concept .content .title {
		font-size: .21rem;
		line-height: 1.523
	}
}
.sec_concept .content .title span {
	color: #78b0a7
}
.sec_concept .content .caption {
	text-align: center;
	line-height: 2.5;
	font-weight: 600;
	letter-spacing: .05em
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .caption {
		font-size: .18rem
	}
}
@media screen and (max-width:460px) {
	.sec_concept .content .caption {
		font-size: .15rem
	}
}
.sec_concept .content .ph {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1.1rem;
	padding: 0 0 0 .8rem
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph {
		margin: .35rem auto 0;
		padding: 0
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .of {
		height: 5.39rem;
		width: 4.32rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in {
		width: calc(100% - 4.32rem)
	}
}
.sec_concept .content .ph .in .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}
.sec_concept .content .ph .in .box .of {
	height: .8rem;
	width: .8rem
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph .in .box .of {
		height: .6rem;
		width: .6rem
	}
}
.sec_concept .content .ph .in .box .desc {
	margin-left: .19rem
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph .in .box .desc {
		margin-left: .15rem;
		width: calc(100% - .77rem)
	}
}
.sec_concept .content .ph .in .box .desc .tit {
	font-size: .18rem;
	line-height: 1
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph .in .box .desc .tit {
		font-size: .15rem
	}
}
.sec_concept .content .ph .in .box .desc .txt {
	font-size: .14rem;
	letter-spacing: -.5px;
	line-height: 1.714;
	margin-top: .1rem
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph .in .box .desc .txt {
		font-size: .13rem;
		letter-spacing: .05em;
		line-height: 1.64
	}
}
@media screen and (max-width:460px) {
	.sec_concept .content .ph .in .box+.box {
		margin-top: .3rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box.performance {
		left: -1.42rem;
		position: relative;
		top: -.2rem
	}
	.sec_concept .content .ph .in .box.performance.en {
		left: -1.42rem;
    	top: -0.3rem;
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box.development {
		left: -.1rem;
		position: relative;
		top: .25rem
	}
	.sec_concept .content .ph .in .box.development.en {
		left: -0.1rem;
    	top: -0.1rem;
	}
}
@media screen and (max-width:1020px) {
	.sec_concept .content .ph .in .box.development {
		top: .23rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box.quality {
		left: .2rem;
		position: relative;
		top: .67rem
	}
	.sec_concept .content .ph .in .box.quality.en {
		left: 0.2rem;
		top: 0.1rem;
	}
}
@media screen and (max-width:1020px) {
	.sec_concept .content .ph .in .box.quality {
		top: .7rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box.system {
		left: -.1rem;
		position: relative;
		top: 1.14rem
	}
	.sec_concept .content .ph .in .box.system.en {
		left: -0.1rem;
    	top: 0.3rem;
	}
}
@media screen and (max-width:1020px) {
	.sec_concept .content .ph .in .box.system {
		top: 1.15rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_concept .content .ph .in .box.cost {
		left: -1.45rem;
		position: relative;
		top: 1.6rem
	}
	.sec_concept .content .ph .in .box.cost.en {
		left: -1.45rem;
    	top: 0.5rem;
	}
}
@media screen and (max-width:1020px) {
	.sec_concept .content .ph .in .box.cost {
		top: 1.6rem;
		left: -1.4rem
	}
}
.sec_point {
	background: #F6F6F6;
	padding: .9rem 0 1.85rem
}
@media screen and (max-width:460px) {
	.sec_point {
		padding: .93rem 0 .51rem
	}
}
.sec_point .point {
	position: relative
}
@media print, screen and (min-width:461px) {
	.sec_point .point:after {
		background: #fff;
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 50%
	}
}
.sec_point .point .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative
}
@media screen and (max-width:460px) {
	.sec_point .point .content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}
.sec_point .point .content .l_left {
	margin-top: 1rem;
	z-index: 3
}
@media print, screen and (min-width:461px) {
	.sec_point .point .content .l_left {
		position: relative
	}
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_left {
		margin-top: -.5rem
	}
}
.sec_point .point .content .l_left .box {
	left: 0;
	position: absolute;
	top: -1.15rem
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_left .box {
		left: .36rem;
		top: -.59rem
	}
}
.sec_point .point .content .l_left .box .num {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: .05em
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_left .box .num {
		font-size: .9rem
	}
}
.sec_point .point .content .l_left .box .txt {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: .16rem;
	line-height: 1;
	letter-spacing: .05em;
	position: absolute;
	right: -.2rem;
	top: .57rem;
	-webkit-transform: rotate(89deg);
	-ms-transform: rotate(89deg);
	transform: rotate(89deg)
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_left .box .txt {
		font-size: .1rem;
		top: .3rem;
		right: -.15rem
	}
}
.sec_point .point .content .l_left .box .txt:after {
	background: #78b0a7;
	content: '';
	height: 1px;
	left: -.16rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .1rem
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_left .box .txt:after {
		left: -.1rem;
		width: .05rem
	}
}
.sec_point .point .content .l_right {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	margin-left: -1rem;
	padding: .99rem 0 0 1.75rem;
	position: relative;
	z-index: 2
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_right {
		height: auto;
		margin-left: 0;
		padding: .53rem .2rem .82rem;
		width: 100%
	}
}
.sec_point .point .content .l_right .title {
	font-size: .38rem;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: .45rem
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_right .title {
		font-size: .21rem;
		margin-bottom: .24rem
	}
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_right .of {
		margin-bottom: .25rem
	}
}
.sec_point .point .content .l_right .desc {
	font-family: 'Roboto', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic sans-serif;
	font-weight: 500;
	font-style: normal;
	display: inline-block;
	font-size: .14rem;
	letter-spacing: .05em;
	line-height: 1.57;
	margin-top: 3px;
	padding-bottom: .17rem;
	vertical-align: top
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_right .desc {
		font-size: .11rem;
		line-height: 1.545;
		padding-bottom: .07rem;
		min-width: .7rem;
		margin-top: 0;
		letter-spacing: 0
	}
}
.sec_point .point .content .l_right .txt {
	display: inline-block;
	font-size: .16rem;
	letter-spacing: 0;
	line-height: 2.125;
	margin-left: .44rem
}
@media screen and (max-width:460px) {
	.sec_point .point .content .l_right .txt {
		font-size: .14rem;
		margin-left: 0;
		width: calc(100% - .77rem);
		padding-left: .19rem;
		line-height: 1.6428;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: justify
	}
}
.sec_point .point+.point {
	margin-top: 1.7rem
}
@media screen and (max-width:460px) {
	.sec_point .point+.point {
		margin-top: .97rem
	}
}
.sec_point .point.point-01:after {
	height: 5.6rem
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-01 .l_left {
		left: -2.5rem;
		position: absolute;
		top: 0
	}
}
@media screen and (max-width:460px) {
	.sec_point .point.point-01 .l_left {
		margin-left: -.2rem
	}
}
.sec_point .point.point-01 .l_left .of {
	height: 5.6rem;
	width: 7.09rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-01 .l_left .of {
		height: 2.8rem;
		width: 3.35rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-01 .l_left .box {
		left: 54%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
.sec_point .point.point-01 .l_left .box .num {
	letter-spacing: 0
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-01 .l_right {
		height: 5.6rem;
		width: 7.4rem
	}
}
.sec_point .point.point-01 .l_right .title span {
	color: #78b0a7;
	margin-left: .05rem
}
.sec_point .point.point-01 .l_right .desc {
	border-bottom: 1px solid #78b0a7
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-01 .l_right .txt {
		width: 4.2rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-02 .content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}
.sec_point .point.point-02 .content .l_left .of {
	height: 6rem;
	width: 4.9rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_left .of {
		height: 3rem;
		margin: 0 .2rem 0 auto;
		width: 2.45rem
	}
}
.sec_point .point.point-02 .content .l_left .box {
	left: auto;
	right: .4rem;
	top: -1.1rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_left .box {
		top: -.59rem;
		right: .5rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-02 .content .l_left .box .txt {
		right: -.27rem
	}
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_left .box .txt {
		right: -.2rem
	}
}
.sec_point .point.point-02 .content .l_right {
	height: 6.4rem;
	margin: 0 -1rem 0 0;
	padding: 1rem 1.74rem 0 0;
	width: 9.6rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_right {
		height: auto;
		margin: 0;
		padding: .53rem .2rem .82rem;
		width: 100%;
		font-size: 0
	}
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_right .title {
		text-align: right
	}
}
.sec_point .point.point-02 .content .l_right .title span {
	color: #EDC7A0
}
.sec_point .point.point-02 .content .l_right .desc {
	border-bottom: 1px solid #EDC7A0
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-02 .content .l_right .txt {
		width: 3.88rem
	}
}
.sec_point .point.point-02 .content .l_right .list {
	border: 1px solid #EDC7A0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: .32rem;
	padding: .25rem .35rem .25rem .3rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_right .list {
		margin-top: .33rem;
		padding: .17rem .2rem
	}
}
.sec_point .point.point-02 .content .l_right .list .item {
	font-size: .16rem;
	line-height: 1;
	letter-spacing: 0;
	position: relative
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_right .list .item {
		font-size: .13rem;
		line-height: 1.61
	}
}
.sec_point .point.point-02 .content .l_right .list .item+.item {
	margin-top: .15rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-02 .content .l_right .list .item+.item {
		margin-top: .1rem
	}
}
.sec_point .point.point-02:after {
	height: 6.4rem;
	left: 0;
	right: auto
}
.sec_point .point.point-03:after {
	height: 6.12rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-03 .l_left {
		margin-left: .2rem
	}
}
.sec_point .point.point-03 .l_left .of {
	height: 5.6rem;
	width: 5.6rem
}
@media screen and (max-width:460px) {
	.sec_point .point.point-03 .l_left .of {
		height: 2.8rem;
		width: 2.8rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-03 .l_left .box {
		left: .35rem;
		top: -1.05rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-03 .l_left .box .txt {
		right: -.25rem
	}
}
@media screen and (max-width:460px) {
	.sec_point .point.point-03 .l_left .box .txt {
		right: -.18rem
	}
}
.sec_point .point.point-03 .l_right {
	height: 6.12rem;
	width: 8.88rem
}
@media screen and (max-width:1367px) {
	.sec_point .point.point-03 .l_right {
		padding: .99rem 0 0 1.65rem
	}
}
@media screen and (max-width:460px) {
	.sec_point .point.point-03 .l_right {
		height: auto;
		padding: .55rem .2rem .82rem;
		width: 100%
	}
}
.sec_point .point.point-03 .l_right .title span {
	color: #9CB0A7
}
@media screen and (max-width:460px) {
	.sec_point .point.point-03 .l_right .title span {
		margin-top: .1rem
	}
}
.sec_point .point.point-03 .l_right .desc {
	border-bottom: 1px solid #9CB0A7
}
@media print, screen and (min-width:461px) {
	.sec_point .point.point-03 .l_right .txt {
		width: 3.34rem
	}
}
.sec_recruit,
.sec_interview {
	padding: 1rem 0 .96rem
}
@media screen and (max-width:460px) {
	.sec_recruit,
	.sec_interview {
		padding: .4rem .2rem 0;
	}
}
.sec_recruit .head,
.sec_interview .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: .2rem
}
.sec_recruit .head .of,
.sec_interview .head .of {
	height: 5.7rem;
	margin-left: -2.5rem;
	width: 7.6rem
}
.sec_recruit .head .in,
.sec_interview .head .in {
	text-align: left
}
@media screen and (max-width:460px) {
	.sec_recruit .head .in,
	.sec_interview .head .in {
		margin-left: .08rem;
		width: 100%
	}
}
@media print, screen and (min-width:461px) {
	.sec_recruit .head .in .mod_in_ttl,
	.sec_interview .head .in .mod_in_ttl {
		margin-top: -.05rem
	}
}
@media print, screen and (min-width:461px) {
	.sec_recruit .head .in .mod_in_ttl:before,
	.sec_interview .head .in .mod_in_ttl:before {
		margin-bottom: .2rem
	}
}
.sec_recruit .head .in .txt,
.sec_interview .head .in .txt {
	font-size: .38rem;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.5789;
	margin: .3rem 0 .26rem
}
@media screen and (max-width:460px) {
	.sec_recruit .head .in .txt,
	.sec_interview .head .in .txt {
		font-size: .21rem;
		margin: .23rem 0 .2rem
	}
}
.sec_recruit .head .in .txt span,
.sec_interview .head .in .txt span {
	color: #78b0a7
}
.sec_recruit .head .in .of,
.sec_interview .head .in .of {
	height: .96rem;
	margin: 0 .18rem 0 auto;
	width: 2.76rem
}
@media screen and (max-width:460px) {
	.sec_recruit .head .in .of,
	.sec_interview .head .in .of {
		height: .48rem;
		margin: 0 0 0 auto;
		width: 1.38rem
	}
}
.sec_recruit .message,
.sec_interview .message {
	border: 1px solid #78b0a7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: -2.78rem 0 0 auto;
	padding: .6rem .56rem .78rem;
	text-align: right
}
@media screen and (max-width:460px) {
	.sec_recruit .message,
	.sec_interview .message {
		margin: -.25rem 0 0 auto;
		padding: .3rem .2rem .75rem .2rem;
		text-align: left
	}
}
.sec_recruit .message .title,
.sec_interview .message .title {
	font-size: .2rem;
	line-height: 1;
	letter-spacing: .1em;
	margin-bottom: .3rem
}
@media screen and (max-width:460px) {
	.sec_recruit .message .title,
	.sec_interview .message .title {
		font-size: .15rem;
		margin-bottom: .17rem
	}
}
.sec_recruit .message .txt,
.sec_interview .message .txt {
	font-size: .16rem;
	letter-spacing: .05em;
	line-height: 2.125;
	margin-left: auto;
	text-align: justify;
	width: 4.44rem
}
@media screen and (max-width:460px) {
	.sec_recruit .message .txt,
	.sec_interview .message .txt {
		font-size: .14rem;
		line-height: 1.64;
		letter-spacing: 0;
		width: auto
	}
}
@media screen and (max-width:460px) {
	.sec_recruit .ofsp,
	.sec_interview .ofsp {
		height: 2.1rem;
		margin: -.5rem auto 0;
		width: 2.95rem
	}
}

.sec_recruit .recruit,
.sec_interview .interview {
	cursor: pointer;
	margin: auto 0;
	position: relative;
	width: fit-content;
	display: flex;
	justify-content: flex-end
}
@media screen and (max-width:460px) {
	.sec_recruit .recruit,
	.sec_interview .interview {
		margin: auto 0 .5rem auto;
	}
}
.sec_recruit .recruit .link,
.sec_interview .interview .link {
	cursor: pointer;
	display: flex;
	font-weight: 700;
	font-size: .26rem;
	line-height: .5rem;
	letter-spacing: .1em;
	text-align: right;
	padding: 0 0.1rem
}
@media screen and (max-width:460px) {
	.sec_recruit .recruit .link,
	.sec_interview .interview .link {
		font-size: .18rem;
		line-height: .37rem;
	}
}

.sec_recruit .recruit .link span,
.sec_interview .interview .link span {
    color: #78b0a7;
}

.sec_recruit .recruit i,
.sec_interview .interview i {
	background: #7aafa7;
	display: block;
	height: .5rem;
	position: relative;
	width: .5rem;
	border-radius: 2em;
	margin-right: .1rem;
	/* filter: drop-shadow(6px 6px 4px rgba(120, 176, 167, 0.6)); */
}
@media screen and (max-width:460px) {
	.sec_recruit .recruit i,
	.sec_interview .interview i {
		height: .37rem;
		width: .37rem
	}
}
/* .sec_interview .interview i {
	background: #7aafa7;
	display: block;
	height: .5rem;
	position: absolute;
	left: 0;
	top: 0;
	width: .5rem;
	border-radius: 2em;
	filter: drop-shadow(6px 6px 4px rgba(120, 176, 167, 0.6));
}@media screen and (max-width:460px) {
	.sec_interview .interview i {
		height: .37rem;
		width: .37rem
	}
} */
.sec_recruit .recruit i:before,
.sec_interview .interview i:before {
	bottom: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	height: .1rem;
	margin: auto 0;
	position: absolute;
	right: .22rem;
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .1rem
}
@media screen and (max-width:460px) {
	.sec_recruit .recruit i:before,
	.sec_interview .interview i:before {
		height: .07rem;
		right: .17rem;
		width: .07rem
	}
}

.sec_requirement {
	padding: 0 0 1rem 0
}
@media screen and (max-width:460px) {
	.sec_requirement {
		padding: 0 0 .5rem 0
	}
}
@media screen and (max-width:460px) {
	.sec_requirement .mod_in_ttl {
		padding-left: .1rem
	}
}
@media screen and (max-width:460px) {
	.sec_requirement .mod_in_ttl:before {
		line-height: 1.3;
		margin-bottom: .08rem
	}
}
.sec_requirement .btn {
	cursor: pointer;
	margin: .6rem auto 0;
	position: relative;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
	width: 3.16rem
}
@media screen and (max-width:460px) {
	.sec_requirement .btn {
		margin: .18rem auto 0;
		width: 2.37rem
	}
}
.sec_requirement .btn .link {
	background: #7aafa7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 700;
	font-size: .16rem;
	/* height: 100%; */
	line-height: .5rem;
	letter-spacing: .1em;
	padding-right: .5rem;
	text-align: center;
	width: 100%
}
@media screen and (max-width:460px) {
	.sec_requirement .btn .link {
		font-size: .14rem;
		line-height: .37rem;
		padding-right: .37rem
	}
}
.sec_requirement .btn i {
	background: #3A3C43;
	display: block;
	height: .5rem;
	position: absolute;
	right: 0;
	top: 0;
	width: .5rem
}
@media screen and (max-width:460px) {
	.sec_requirement .btn i {
		height: .37rem;
		width: .37rem
	}
}
.sec_requirement .btn i:before {
	bottom: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	height: .1rem;
	margin: auto 0;
	position: absolute;
	right: .22rem;
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: -webkit-transform .5s;
	width: .1rem
}
@media screen and (max-width:460px) {
	.sec_requirement .btn i:before {
		height: .07rem;
		right: .17rem;
		width: .07rem
	}
}
.sec_requirement .btn:hover {
	opacity: .7
}
.sec_development {
	padding: 1.00rem 0;
	background-image: -webkit-radial-gradient(rgba(97, 98, 103, 0.5) 1px, transparent 1px);
	background-image: -o-radial-gradient(rgba(97, 98, 103, 0.5) 1px, transparent 1px);
	background-image: radial-gradient(rgba(97, 98, 103, 0.5) 1px, transparent 1px);
	background-position: center;
	background-size: 20px 20px;
	background-color: #3A3C43;
	color: #fff
}
@media screen and (max-width:460px) {
	.sec_development {
		padding: .5rem 0
	}
}
@media print, screen and (min-width:461px) {
	.sec_development .mod_table th {
		width: 1.40rem
	}
}
@media screen and (max-width:460px) {
	.sec_development .mod_in_ttl {
		padding-left: .1rem
	}
}
@media screen and (max-width:460px) {
	.sec_development .mod_in_ttl:before {
		line-height: 1.3;
		margin-bottom: .08rem
	}
}
.sec_company {
	padding: .8rem 0 .83rem;
	background-attachment: fixed;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #F6F6F6
}
.os-android .sec_company, .os-iOS .sec_company, .safari .sec_company {
	background-attachment: local
}
@media screen and (max-width:460px) {
	.sec_company {
		padding: .4rem .15rem
	}
}
.sec_company .content {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .73rem .37rem .44rem .7rem
}
@media screen and (max-width:460px) {
	.sec_company .content {
		padding: .27rem .15rem .33rem .15rem
	}
}
.sec_company .content .mod_in_ttl {
	margin-bottom: .77rem;
	width: 100%;
	text-align: center
}
@media screen and (max-width:460px) {
	.sec_company .content .mod_in_ttl {
		margin-bottom: .3rem
	}
}
.sec_company .content .tbl {
	border-collapse: collapse;
	margin-top: -.17rem;
	width: calc(100% - 5.1rem)
}
@media screen and (max-width:460px) {
	.sec_company .content .tbl {
		margin: 0 0 .3rem 0;
		width: 100%
	}
}
.sec_company .content .tbl tr th {
	font-size: .16rem;
	line-height: 1;
	letter-spacing: 0;
	min-width: 1.3rem;
	padding-top: .17rem;
	text-align: justify;
	vertical-align: top;
	width: 1.3rem
}
.sec_company .content .tbl .invoice td {
	padding-top: .2rem;
}
@media screen and (max-width:460px) {
	.sec_company .content .tbl tr th {
		font-size: .12rem;
		min-width: .95rem;
		padding-top: .1rem;
		width: .95rem
	}
	.sec_company .content .tbl .invoice td {
		padding-top: .15rem;
	}
}
.sec_company .content .tbl tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .16rem;
	letter-spacing: .1em;
	line-height: 1.5;
	letter-spacing: 0;
	padding: .13rem 0 .07rem;
	width: auto
}
@media screen and (max-width:460px) {
	.sec_company .content .tbl tr td {
		font-size: .12rem;
		line-height: 1.428;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: .07rem 0
	}
}
.sec_company .content .tbl tr td .tel {
	margin-right: .2rem
}
.sec_company .content .tbl tr td.en_phone {
	flex-wrap: wrap;
}
@media screen and (max-width:460px) {
	.sec_company .content .tbl tr td .tel {
		margin-right: .1rem
	}
}
.sec_company .content .tbl tr td .mail {
	cursor: pointer
}
.no-touchevents .sec_company .content .tbl tr td .mail:hover {
	text-decoration: underline
}
@media print, screen and (min-width:461px) {
	.sec_company .content .mapstyle {
		height: 5rem;
		width: 4.8rem;
		margin-left: 0.2rem
	}
}
@media screen and (max-width:460px) {
	.sec_company .content .mapstyle {
		height: 2.5rem;
		width: 100%
	}
}
.sec_company .content .map_canvas {
	height: 100%;
	width: 100%;
	position: relative
}
.sec_company .content .map_canvas_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.grecaptcha-badge {
	z-index: 11;
}

.approach-icon img {
	object-fit: contain !important;
	min-width: 65px;
    min-height: 65px;
}