@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #f0f7fd;
	color: #231815;
	font-family: 'Noto Sans JP', sans-serif;
/*	font-feature-settings: "palt";*/
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #6ccfee;
	color: #fff;
}
::-moz-selection{
	background: #6ccfee;
	color:#fff;
}
@media screen and (max-width:767px){
	html{
		font-size: 62.5%;
	}
	body{
		font-size: 10px;
		font-size: 1rem;
		min-width: 320px;
	}
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
@media screen and (min-width:768px){
	.sp{ display: none; }
}
.font-zm {
	font-family: 'Zen Maru Gothic', serif;
}
.header {
	height:80px;
	position: sticky;
	left:0;
	top:0;
	width:100%;
	z-index:5000;
}
@media screen and (max-width:860px){
	.header {
		height:80px;
		background:#f0f7fd;
	}
}
@media screen and (max-width:767px){
	.header {
		height:16vw;
	}
}
.header__inner {
	display: flex;
	justify-content: space-between;
	padding:0 16px;
	align-items: center;
	height:80px;
}
@media screen and (max-width:767px){
	.header__inner {
		padding:6.6666vw 0 0 2.1333vw;
		height:16vw;
		align-items: flex-start;
	}
}
.header__logo {
	width:233px;
	height:32px;
}
@media screen and (max-width:767px){
	.header__logo {
		width:41.0666vw;
		height:5.6vw;
	}
}
.header__logo a {
	display: block;
	height:32px;
	background: url(../img/logo.svg) no-repeat left top / contain;
}
@media screen and (max-width:767px){
	.header__logo a {
		height:5.6vw;
	}
}
.header__menus {
	display: flex;
	align-items: center;
}
@media screen and (max-width:860px){
	.header__menus {
		align-items: center;
	}
}
@media screen and (max-width:767px){
	.header__menus {
		align-items: flex-start;
	}
}
.header__gnav {
	display: flex;
}
@media screen and (max-width:860px){
	.header__gnav {
		position: fixed;
		left:0;
		top:80px;
		height:100%;
		width:100%;
		pointer-events: none;
		overflow: hidden;
	}
}
@media screen and (max-width:767px){
	.header__gnav {
		top:16vw;
	}
}
.header__gnavLists {
	display: flex;
}
@media screen and (max-width:860px){
	.header__gnavLists {
		display: block;
		width:200px;
		height:100%;
		margin-left:auto;
		background:rgba(255,255,255,.85);
		pointer-events: auto;
		transform:translateX(100%);
		transition: all 0.3s ease;
	}
	#header.active .header__gnavLists {
		transform:translateX(0);
	}
}
@media screen and (max-width:767px){
	.header__gnavLists {
		width:50vw;
	}
	#header.active .header__gnavLists {
		transform:translateX(0);
	}
}
.header__gnavLists li {}
@media screen and (max-width:860px){
	.header__gnavLists li:first-child {
		padding-top:40px;
	}
}
@media screen and (max-width:767px){
	.header__gnavLists li:first-child {
		padding-top:10vw;
	}
}
.header__gnavLists li a {
	display: block;
	height:80px;
	background:#231815;
	transition: all 0.3s ease;
	position: relative;
}
@media screen and (hover:hover){
	.header__gnavLists li a:hover {
		background:#3798d5;
	}
}
.header__about {
	-webkit-mask:url(../img/nav_about.svg) no-repeat center center / auto 16px;
	mask:url(../img/nav_about.svg) no-repeat center center / auto 16px;
	width:76px;
}
.header__uniquepoint {
	-webkit-mask: url(../img/nav_uniquepoint.svg) no-repeat center center / auto 16px;
	mask: url(../img/nav_uniquepoint.svg) no-repeat center center / auto 16px;
	width:125px;
}
.header__howtouse {
	-webkit-mask: url(../img/nav_howtouse.svg) no-repeat center center / auto 16px;
	mask: url(../img/nav_howtouse.svg) no-repeat center center / auto 16px;
	width:112px;
}
@media screen and (max-width:860px){
	.header__gnavLists li a {
		height:50px;
		background:rgba(0,119,192,1);
		width:100%;
		-webkit-mask-size:auto 24px;
		mask-size:auto 24px;
		-webkit-mask-position:30px center;
		mask-position:30px center;
	}
}
@media screen and (max-width:767px){
	.header__gnavLists li a {
		height:16vw;
		-webkit-mask-size:auto 6vw;
		mask-size:auto 6vw;
		-webkit-mask-position:7vw center;
		mask-position:7vw center;
	}
}
.header__gnavLists li.header__login {
	display: flex;
	height:100%;
	padding:0 5px;
	align-items: center;
}
@media screen and (max-width:860px){
	.header__gnavLists li.header__login {
		display: flex;
		height:auto;
		width:100%;
		padding:20px 15px;
		align-items: center;
	}
}
@media screen and (max-width:860px){
	.header__gnavLists li.header__login {
		padding:3.5vw 3vw;
	}
}
.header__gnavLists li.header__login a {
	display: flex;
	background:linear-gradient(45deg, rgba(118,202,232,1) 0%,rgba(0,119,192,1) 76%);
	height:28px;
	width:100%;
	justify-content: center;
	align-items: center;
	color:#2a81c5;
	text-decoration: none;
	font-size: 12px;
	border-radius: 16px;
	font-weight: 700;
	position: relative;
	transition:all 0.3s ease;
	padding:0 10px;
	letter-spacing: 0.02em
}
@media screen and (max-width:860px){
	.header__gnavLists li.header__login a {
		height:34px;
		font-size: 14px;
		border-radius: 20px;
	}
}
@media screen and (max-width:767px){
	.header__gnavLists li.header__login a {
		height:8vw;
		font-size: 3.4vw;
	}
}
.header__gnavLists li.header__login a:before {
	content:'';
	position: absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
	background: #FFF;
	border-radius: 16px;
	transition: all 0.3s ease;
}
@media screen and (max-width:860px){
	.header__gnavLists li.header__login a:before {
		border-radius: 20px;
	}
}
.header__gnavLists li.header__login a span {
	position: relative;
	z-index:10;
}

@media screen and (hover:hover){
	.header__gnavLists li.header__login a:hover {
		color:#FFF;
	}
	.header__gnavLists li.header__login a:hover:before {
		opacity:0;
	}
}
.header__entry {
	height:28px;
	margin:0 10px;
}
@media screen and (max-width:767px){
	.header__entry {
		width:34vw;
		height:6.4vw;
		margin:0;
	}
}
.header__entry a {
	display: flex;
	background:linear-gradient(45deg, rgba(118,202,232,1) 0%,rgba(0,119,192,1) 76%);
	height:28px;
	width:100%;
	justify-content: center;
	align-items: center;
	color:#2a81c5;
	text-decoration: none;
	font-size: 12px;
	border-radius: 16px;
	font-weight: 700;
	position: relative;
	transition:all 0.3s ease;
	padding:0 14px;
	letter-spacing: 0.02em
}
@media screen and (max-width:767px){
	.header__entry a {
		height:6.4vw;
		font-size: 2.666vw;
	}
}
.header__entry a:before {
	content:'';
	position: absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
	background: #FFF;
	border-radius: 16px;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.header__entry a:hover {
		color:#FFF;
	}
	.header__entry a:hover:before {
		opacity:0;
	}
}
.header__entry a span {
	position: relative;
	z-index:10;
	display: block;
}
.header__menuBtn {
	display: none;
}
@media screen and (max-width:860px){
	.header__menuBtn {
		display: block;
		width:80px;
	}
	.header__menuBtn a {
		display: block;
		margin-top:0;
		height:80px;

		position:relative;
	}
	.header__menuBtn a span {
		display: block;
		position: absolute;
		left:20px;
		right:20px;
		top:38px;
		height:4px;
		border-radius: 2px;
		background:linear-gradient(45deg, rgba(118,202,232,1) 0%,rgba(0,119,192,1) 76%);
		transition:all 0.3s ease;
	}
	.header__menuBtn a span:nth-child(1){
		transform:translateY(-12px);
	}
	.header__menuBtn a span:nth-child(3){
		transform:translateY(12px);
	}
	.header__menuBtn a.active span:nth-child(1){
		transform:rotate(45deg);
	}
	.header__menuBtn a.active span:nth-child(2){
		opacity: 0
	}
	.header__menuBtn a.active span:nth-child(3){
		transform:rotate(-45deg);
	}
}
@media screen and (max-width:767px){
	.header__menuBtn {
		display: block;
		width:12.5333vw;
	}
	.header__menuBtn a {
		display: block;
		margin-top:-6.6666vw;
		height:16vw;
		position:relative;
	}
	.header__menuBtn a span {
		display: block;
		position: absolute;
		left:3.6vw;
		right:3.6vw;
		top:9.2vw;
		height:3px;
		border-radius: 2px;
		background:linear-gradient(45deg, rgba(118,202,232,1) 0%,rgba(0,119,192,1) 76%);
		transition:all 0.3s ease;
	}
	.header__menuBtn a span:nth-child(1){
		transform:translateY(-2vw);
	}
	.header__menuBtn a span:nth-child(3){
		transform:translateY(2vw);
	}
}

.footer {
	padding:60px 0 0;
	background:url(../img/footer_bg.svg) no-repeat center top / 100% auto;
	position: relative;
	z-index:70;
}
@media screen and (max-width:767px){
	.footer {
		padding:5vw 0 0;
	}
}
.footer__logo {
	width: 340px;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.footer__logo {
		width:45.3333vw;
		margin-bottom:1vw;
	}
}
.footer__logo a {
	display: block;
	padding-top:13.6638%;
	position: relative;
	background: url(../img/logo.svg) no-repeat center center / contain;
	filter:invert(100%);
}
.footer__copyright {
	text-align: center;
	color:#FFF;
	font-size:12px;
	margin-bottom:30px;
}
@media screen and (max-width:767px){
	.footer__copyright {
		font-size:2.2vw;
		margin-bottom:2vw;
	}
}
.footer__links {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background:#13121a;
	padding:15px 0;
}
@media screen and (max-width:767px){
	.footer__links {
		padding:3.2vw 0;
	}
}
.footer__links li {
	padding:15px;
	position: relative;
	line-height:1;
	font-size:14px;
}
@media screen and (max-width:767px){
	.footer__links li {
		padding:3vw;
		font-size:2.6vw;
	}
}
.footer__links li:after {
	content:'';
	position: absolute;
	right:0;
	top:15px;
	bottom:15px;
	width:1px;
	background:#FFF
}
@media screen and (max-width:767px){
	.footer__links li:after {
		top:3vw;
		bottom:3vw;
	}
}
.footer__links li:last-child:after {
	display: none;
}
.footer__links li a {
	color:#FFF;
}
.mv {
	width:100%;
	background: #76cae8;
}
.mv__inner {
	width: 100%;
	max-width: 1200px;
	padding:58px;
	margin:0 auto;
	position: relative;
}
@media screen and (max-width:767px){
	.mv__inner {
		padding:8vw;
	}
}
.mv__logo {
	height:min(90px,7.5vw);
	background: url(../img/logo.svg) no-repeat center center / contain;
	margin-bottom:40px;
	position: relative;
	z-index:500;
}
@media screen and (max-width:767px){
	.mv__logo {
		height:10.4vw;
		margin-bottom:5.0666vw;
	}
}
.mv__catch {
	height:min(250px,20.8333vw);
	position: relative;
	z-index:10;
	background:url(../img/catch.svg) no-repeat left center / contain;
	margin-bottom:30px;
}
@media screen and (max-width:767px){
	.mv__catch {
		height:33.8666vw;
		margin-bottom:6.1333vw;
	}
}
.mv__img {
	position: absolute;
	right:60px;
	bottom:60px;
	width:55%;
}
@media screen and (max-width:767px){
	.mv__img {
		right: 2vw;
		bottom: 8vw;
		width:47%;
	}
}
.mv__img img {
	width: 100%;
	height:auto;
}
.mv__points {
	display: flex;
	margin-bottom:30px;
	z-index:10;
	position: relative;
}
@media screen and (max-width:767px){
	.mv__points {
		margin-bottom:4vw;
	}
}
.mv__points li {
	width:min(140px,11.6666vw);
	height:min(140px,11.6666vw);
	margin-right:20px;
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.1))
}
@media screen and (max-width:767px){
	.mv__points li {
		width:19.2vw;
		height:19.2vw;
		margin-right:2.6666vw;
	}
}
.mv__points li:nth-child(1) {
	background:url(../img/point1.png) no-repeat center center / contain;
}
.mv__points li:nth-child(2) {
	background:url(../img/point2.png) no-repeat center center / contain;
}
.mv__entry {
	width:calc(min(140px,11.6666vw) * 2 + 20px);
	position: relative;
	z-index: 10;
}
@media screen and (max-width:767px){
	.mv__entry {
		width:41.0666vw;
	}
}
.mv__entry a {
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:min(16px,1.3333vw);
	font-weight: 700;
	width:min(200px,16.6666vw);
	height:min(48px,4vw);
	margin:0 auto;
	background: linear-gradient(to right, rgba(255,242,31,1) 0%,rgba(252,205,0,1) 14%,rgba(241,148,46,1) 33%,rgba(234,101,45,1) 50%,rgba(241,148,46,1) 66%,rgba(252,205,0,1) 86%,rgba(255,242,31,1) 100%);
	background-size:200% 100%;
	background-position: left center;
	transition: all 0.3s ease;
	color:#FFF;
	text-decoration: none;
	border-radius: 24px;
	position: relative;
	padding-bottom:2px;
}
@media screen and (max-width:767px){
	.mv__entry a {
		font-size:3.2vw;
		width:36.6666vw;
		height:8vw;
	}
}
.mv__entry a:before {
	content:'';
	position: absolute;
	right:min(20px,1.6666vw);
	top:50%;
	margin-top:-5px;
	width:0;
	height:0;
	border-style:solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #FFFFFF;
}
@media screen and (max-width:767px){
	.mv__entry a:before {
		right:3vw;
		margin-top:-0.6666vw;
		border-width: 1vw 0 1vw 1.3333vw;
	}
}
@media screen and (hover:hover){
	.mv__entry a:hover {
		background-position: center center;
	}
}
.about {}
.about__question {
	padding-top:min(35px,2.9166vw);
	background: linear-gradient(30deg, rgba(225,242,245,1) 0%,rgba(159,216,246,1) 100%);
	position: relative;
}
@media screen and (max-width:767px){
	.about__question {
		padding-top:5.8666vw;
	}
}
.about__question:after {
	content:'';
	position: absolute;
	bottom:-14px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width: 15px 30px 0 30px;
	border-color: #C4E7F6 transparent transparent transparent;
	margin-left:-30px;
}
@media screen and (max-width:767px){
	.about__question:after {
		bottom:-3.9vw;
		border-width: 4vw 8vw 0 8vw;
		margin-left:-8vw;
	}
}
.about__questionInner {
	width:100%;
	max-width:1200px;
	padding:0 58px 1px;
	position: relative;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.about__questionInner {
		padding:0 6.1333vw 1px;
	}
}
.about__questionText {
	height:min(70px,5.8333vw);
	position:relative;
	background:url(../img/about_question.svg) no-repeat left center / contain;
	width:min(642px,53.5vw);
	margin:0 auto min(35px,2.9166vw);
}
@media screen and (max-width:767px){
	.about__questionText {
		height:9.0666vw;
		width:79.2vw;
		margin:0 auto 5.8666vw 10%;
	}
}
.about__questionText:before {
	content:'';
	position: absolute;
	left:-19%;
	top:-15px;
	bottom:max(-35px,-2.9166vw);
	width:18%;
	background: url(../img/about_question-hu.svg) no-repeat center top / 100% auto;
}
@media screen and (max-width:767px){
	.about__questionText:before {
		left:-14vw;
		top:-4vw;
		bottom:-5.8666vw;
		width:18vw;
		background: url(../img/about_question-hu.svg) no-repeat center top / 100% auto;
	}
}
.about__inner {
	width:100%;
	max-width: 1200px;
	padding:40px 20px;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.about__inner {
		padding:5.3333vw 4vw 0;
	}
}
.about__subTitle {
	position: relative;
	padding-left:170px;
	font-size:19px;
	font-weight: 700;
	color:#99d5eb;
	margin-bottom:20px;
}
@media screen and (max-width:767px){
	.about__subTitle {
		padding-left:29.6666vw;
		font-size:3.2vw;
		margin-bottom:2.6666vw;
	}
}
.about__subTitle:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:160px;
	background:url(../img/logo.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.about__subTitle:before {
		width:28.6666vw
	}
}
.about__title {
	position: relative;
	height: 60px;
	-webkit-mask:url(../img/nav_about.svg) no-repeat left center / contain;
	mask:url(../img/nav_about.svg) no-repeat left center / contain;
	background:#63c4da;
}
@media screen and (max-width:767px){
	.about__title {
		height: 9vw;
	}
}
.about__content {
	width:100%;
	max-width: 1200px;
	padding:58px 58px 0;
}
@media screen and (max-width:767px){
	.about__content {
		padding:6.4vw 6.4vw 0;
	}
}
.about__catch {
	width:100%;
	padding-top:14.7943%;
	background:url(../img/about_catch-p.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.about__catch {
		width:100%;
		padding-top:30.8vw;
		background:url(../img/about_catch.svg) no-repeat center center / contain;
	}
}
.about__line {
	width:100%;
	padding-top:8.0286%;
	background:url(../img/about_line.svg) no-repeat center center / cover;
}
.about__line hr {
	display: none;
}
.about__ask {
	font-size:min(36px,3vw);
	letter-spacing: 0.15em;
	font-weight: 700;
	margin-bottom:18px
}
@media screen and (max-width:767px){
	.about__ask {
		font-size:5vw;
		margin-bottom:3.2vw
	}
}
.about__description {
	font-size:min(18px,1.5vw);
	font-weight: 700;
	color:#3e3a39;
	margin-bottom:50px;
}
@media screen and (max-width:767px){
	.about__description {
		font-size:3.2vw;
		margin-bottom:12vw;
		letter-spacing: 0
	}
}
.about__img {
	width:50%;
	margin:0 auto 80px;
}
@media screen and (max-width:767px){
	.about__img {
		width:98%;
		margin:0 auto 14vw;
	}
}
.about__img img {
	width:100%;
	height:auto;
}
.uniquepoint {
	overflow: hidden;
}
.uniquepoint__inner {
	width:100%;
	max-width: 1200px;
	padding:40px 20px 0;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.uniquepoint__inner {
		padding:5.3333vw 4vw 0;
	}
}
.uniquepoint__subTitle {
	position: relative;
	padding-left:170px;
	font-size:19px;
	font-weight: 700;
	color:#99d5eb;
	margin-bottom:20px;
}
@media screen and (max-width:767px){
	.uniquepoint__subTitle {
		padding-left:29.6666vw;
		font-size:3.2vw;
		margin-bottom:2.6666vw;
	}
}
.uniquepoint__subTitle:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:160px;
	background:url(../img/logo.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.uniquepoint__subTitle:before {
		width:28.6666vw
	}
}
.uniquepoint__title {
	position: relative;
	height: 60px;
	-webkit-mask:url(../img/nav_uniquepoint.svg) no-repeat left center / contain;
	mask:url(../img/nav_uniquepoint.svg) no-repeat left center / contain;
	background:#63c4da;
}
@media screen and (max-width:767px){
	.uniquepoint__title {
		height: 9vw;
	}
}
.uniquepoint__content {
	width:100%;
	max-width: 1200px;
	padding:58px 58px 0;
	position: relative;
}
@media screen and (max-width:767px){
	.uniquepoint__content {
		padding:6.4vw 2.4vw 0;
	}
}
.uniquepoint__lists {
	position: relative;
	padding-top:min(150px,15vw);
	padding-bottom:8vw;
}
@media screen and (max-width:767px){
	.uniquepoint__lists {
		padding-top:20vw;
		padding-bottom:8vw;
	}
}
.uniquepoint__lists:before {
	content:'';
	position: absolute;
	top:min(140px,11vw);
	bottom:0;
	left:50%;
	width:120vw;
	margin-left:-60vw;
	background:linear-gradient(90deg, rgba(225,242,245,1) 0%,rgba(159,216,246,1) 100%);
}
@media screen and (max-width:767px){
	.uniquepoint__lists:before {
		top:18.6666vw;
	}
}
.uniquepoint__lists:after {
	content:'';
	position: absolute;
	left:0;
	top:-30px;
	height:min(180px,15vw);
	width:min(144px,12vw);
	background:url(../img/uniquepoint-hu.svg) no-repeat center bottom / contain;
}
@media screen and (max-width:767px){
	.uniquepoint__lists:after {
		left:-6.4vw;
		top:-4vw;
		height:24vw;
		width:19.2vw;
	}
}
.uniquepoint__list {
	padding-top:50px;
}
@media screen and (max-width:767px){
	.uniquepoint__list {
		padding-top:6.6666vw;
	}
}
.uniquepoint__each {
	position: relative;
	z-index:10;
	padding-bottom:60px;
	margin-bottom:60px;
}
@media screen and (max-width:767px){
	.uniquepoint__each {
		position: relative;
		z-index:10;
		padding-bottom:8vw;
		margin-bottom:8vw;
	}
}
.uniquepoint__each:after {
	content:'';
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:1px;
	background:#000;
	transform:rotate(-15deg);
}
@media screen and (max-width:767px){
	.uniquepoint__each:after {
		margin-left:-4vw;
		width:8vw;
	}
}
.uniquepoint__each:last-child:after {
	display: none;
}
.uniquepoint__each dt {
	height:60px;
	margin-bottom:30px;
}
@media screen and (max-width:767px){
	.uniquepoint__each dt {
		height:8vw;
		margin-bottom:4vw;
	}
}
.uniquepoint__each:nth-child(1) dt{
	background: url(../img/1.png) no-repeat center center / contain;
}
.uniquepoint__each:nth-child(2) dt{
	background: url(../img/2.png) no-repeat center center / contain;
}
.uniquepoint__each:nth-child(3) dt{
	background: url(../img/3.png) no-repeat center center / contain;
}
.uniquepoint__each dd {
	display: flex;
	align-items: flex-start;
}
.uniquepoint__ss {
	width:45%;
	border-radius: 30px;
	overflow: hidden;
}
@media screen and (max-width:767px){
	.uniquepoint__ss {
		width:45%;
		border-radius:3vw;
		overflow: hidden;
	}
}
.uniquepoint__each:nth-child(even) dd .uniquepoint__ss {
	order: 1
}
.uniquepoint__swiper-slide img {
	width:100%;
}
.uniquepoint__texts {
	width:55%;
	padding-left:40px;
}
@media screen and (max-width:767px){
	.uniquepoint__texts {
		width:55%;
		padding-left:5vw;
	}
}
.uniquepoint__each:nth-child(even) dd .uniquepoint__texts {
	padding-left:0;
	padding-right:40px;
}
@media screen and (max-width:767px){
	.uniquepoint__each:nth-child(even) dd .uniquepoint__texts {
		padding-right:5vw;
	}
}
.uniquepoint__textTitle {
	font-size:min(26px,2.1666vw);
	font-weight: 700;
	line-height:1.5;
	margin-bottom: 20px;
}
@media screen and (max-width:767px){
	.uniquepoint__textTitle {
		font-size:4vw;
		margin-bottom: 1vw;
	}
}
.uniquepoint__textTitle strong {
	font-size: min(36px,3vw);
	display: table;
	position: relative;
	z-index:20;
	color:#FFF;
}
@media screen and (max-width:767px){
	.uniquepoint__textTitle strong {
		font-size: 4.4vw;
		display: table;
		position: relative;
		z-index:20;
		color:#FFF;
	}
}
.uniquepoint__textTitle strong:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:17%;
	bottom:10%;
	background: linear-gradient(45deg, rgba(243,164,164,1) 0%,rgba(249,221,150,1) 100%);
	z-index:-1;
}
.uniquepoint__text {
	color:#1d2e60;
	font-size:min(16px,1.3333vw);
}
@media screen and (max-width:767px){
	.uniquepoint__text {
		font-size:2.8vw;
	}
}
.uniquepoint__footer {
	position: relative;
	z-index:50;
	padding:0 200px 25px 100px;
}
@media screen and (max-width:767px){
	.uniquepoint__footer {
		position: relative;
		z-index:50;
		padding:0 13.3333vw 3.3333vw 6.6666vw;
	}
}
.uniquepoint__footer:after {
	position: absolute;
	content:'';
	right:0;
	top:-7vw;
	bottom:0;
	width:200px;
	background:url(../img/uniquepoint_footer-hu.svg) no-repeat center bottom / contain;
}
@media screen and (max-width:767px){
	.uniquepoint__footer:after {
		position: absolute;
		content:'';
		right:-3vw;
		top:-9vw;
		bottom:0;
		width:16.3333vw;
		background:url(../img/uniquepoint_footer-hu.svg) no-repeat center bottom / contain;
	}
}
.uniquepoint__footer:before {
	content:'';
	position: absolute;
	left:50%;
	top:-8vw;
	width:120vw;
	margin-left:-60vw;
	background:#f0f7fd;
	bottom:0;
	transform: skewY(-3deg);
}
.uniquepoint__footerText {
	width:100%;
	transform:translateY(-2vw);
	position: relative;
	padding-top:13.7902%;
	background: url(../img/uniquepoint_footer.svg) no-repeat center center / contain;
	z-index:50;
}
.howtouse {
	overflow: hidden;
	position: relative;
	z-index:60;
	background:#f0f7fd;
}
.howtouse:before {
	content:'';
	position: absolute;
	left:0;
	top:240px;
	bottom:0;
	width:100px;
	background:url(../img/howtouse_bg-l.svg) no-repeat center top / contain;
}
@media screen and (max-width:767px){
	.howtouse:before {
		top:34vw;
		width:13.3333vw
	}
}
.howtouse:after {
	content:'';
	position: absolute;
	right:0;
	top:240px;
	bottom:0;
	width:100px;
	background:url(../img/howtouse_bg-r.svg) no-repeat center top / contain;
}
@media screen and (max-width:767px){
	.howtouse:after {
		top:34vw;
		width:13.3333vw;
	}
}
.howtouse__inner {
	width:100%;
	max-width: 1200px;
	padding:0 20px 40px;
	margin:0 auto;
	position: relative;
	z-index:20;
}
@media screen and (max-width:767px){
	.howtouse__inner {
		padding:0 4vw 5.3333vw;
	}
}
.howtouse__header {
	background:#c1e5f9;
	padding:58px 0;
}
@media screen and (max-width:767px){
	.howtouse__header {
		padding:7.7333vw 0;
	}
}
.howtouse__subTitle {
	position: relative;
	padding-left:170px;
	font-size:19px;
	font-weight: 700;
	color:#fff;
	margin-bottom:20px;
	display: table;
	padding-right:calc(100px,8.3333vw);
	display: table;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.howtouse__subTitle {
		padding-left:29.6666vw;
		font-size:3.2vw;
		margin-bottom:2.6666vw;
	}
}
.howtouse__subTitle:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:160px;
	background:url(../img/logo.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.howtouse__subTitle:before {
		width:28.6666vw
	}
}
.howtouse__title {
	position: relative;
	height: 60px;
	-webkit-mask:url(../img/nav_howtouse.svg) no-repeat center center / contain;
	mask:url(../img/nav_howtouse.svg) no-repeat center center / contain;
	background:#FFF;
}
@media screen and (max-width:767px){
	.howtouse__title {
		height: 9vw;
	}
}
.howtouse__lists {
	width:80%;
	margin:0 auto;
	padding-top:60px;
}
@media screen and (max-width:767px){
	.howtouse__lists {
		width:86%;
		margin:0 0 0 auto;
		padding-top:8vw;
		padding-right:4vw;
	}
}
.howtouse__lists li {
	display: flex;
	margin-bottom:min(60px,5vw);
	position: relative;
}
@media screen and (max-width:767px){
	.howtouse__lists li {
		margin-bottom:8vw;
	}
}
.howtouse__lists li:after {
	content:'';
	width:min(80px,6.6666vw);
	position: absolute;
	left:0;
	height:min(60px,5vw);
	bottom:max(-60px,-5vw);
	background:url(../img/howtouse_dot.svg) no-repeat center center / auto 60%;
}
@media screen and (max-width:767px){
	.howtouse__lists li:after {
		width:10.6666vw;
		height:8vw;
		bottom:-8vw;
	}
}
.howtouse__lists li:last-child:after {
	display: none;
}
.howtouse__steps {
	width:min(80px,6.6666vw);
	color:#231815;
	font-weight: 700;
	margin-right:30px;
}
@media screen and (max-width:767px){
	.howtouse__steps {
		width:10.6666vw;
		margin-right:3vw;
	}
}
.howtouse__step {
	text-align: center;
	font-size:min(16px,1.3333vw);
}
@media screen and (max-width:767px){
	.howtouse__step {
		font-size:2.3vw;
	}
}
.howtouse__stepImg {
	width:100%;
	padding-top:100%;
}
.howtouse__lists li:nth-child(1) .howtouse__stepImg {
	background:url(../img/howtouse_s1img.svg) no-repeat center center / contain;
}
.howtouse__lists li:nth-child(2) .howtouse__stepImg {
	background:url(../img/howtouse_s2img.svg) no-repeat center center / contain;
}
.howtouse__lists li:nth-child(3) .howtouse__stepImg {
	background:url(../img/howtouse_s3img.svg) no-repeat center center / contain;
}
.howtouse__lists li:nth-child(4) .howtouse__stepImg {
	background:url(../img/howtouse_s4img.svg) no-repeat center center / contain;
}
.howtouse__stepCont {
	flex:1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.howtouse__stepContT {
	font-size:min(22px,1.8333vw);
	letter-spacing: 0.2em;
	font-weight: 700;
}
@media screen and (max-width:767px){
	.howtouse__stepContT {
		font-size:3.4vw;
	}
}
.howtouse__stepContE {
	font-size:min(18px,1.5vw);
	padding:min(18px,1.5vw) min(24px,2vw);
	background:#c1e5f0;
	border-radius: min(14px,1.1666vw);
	font-weight: 500;
	width:100%;
}
@media screen and (max-width:767px){
	.howtouse__stepContE {
		font-size:2.6vw;
		padding:2vw;
		background:#c1e5f0;
		border-radius: 2.4vw;
		font-weight: 500;
		width:100%;
		letter-spacing: 0
	}
}
.howtouse__footer {
	padding:0 58px;
}
@media screen and (max-width:767px){
	.howtouse__footer {
		padding:0 2.4vw;
	}
}
.howtouse__footerText {
	text-align: center;
	font-size:min(22px,1.8333vw);
	font-weight: 700;
	margin-bottom:40px;
}
@media screen and (max-width:767px){
	.howtouse__footerText {
		font-size:3.8vw;
		font-weight: 700;
		margin-bottom:6vw;
	}
}
.howtouse__footerBtn {
	width:100%;
	max-width: 760px;
	margin:0 auto;
}
.howtouse__footerBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFF;
	background: linear-gradient(135deg, rgba(172,220,236,1) 0%,rgba(35,78,161,1) 51%,rgba(172,220,236,1) 100%);
	background-size: 200% 100%;
	transition: all 0.3s ease;
	background-position: left center;
	border-radius: 15px;
	height:100px;
	font-size:min(22px,1.8333vw);
	text-decoration: none;
	position: relative;
}
@media screen and (max-width:767px){
	.howtouse__footerBtn a {
		color:#FFF;
		height:13.3333vw;
		font-size:3.6vw;
		border-radius: 3vw;
	}
}
.howtouse__footerBtn a:after {
	content:'▶';
	display: inline-block;
	margin-left:30px;
}
@media screen and (hover:hover){
	.howtouse__footerBtn a:hover {
		background-position: center center;
	}
}
.toTop {
	padding:80px;
	position: relative;
	z-index:61;
}
@media screen and (max-width:767px){
	.toTop {
		padding:8vw 0;
	}
}
.toTop:before {
	content: '';
	position: absolute;
	bottom:-50px;
	right:0;
	width:333px;
	height:236px;
	background: url(../img/footer_ptn.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.toTop:before {
		bottom:-6.6666vw;
		width:44.4vw;
		height:31.4666vw;
	}
}
.toTop__btn {
	width:260px;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.toTop__btn {
		width:34.6666vw;
	}
}
.toTop__btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:60px;
	border-radius: 30px;
	background:#25bbee;
	font-size:18px;
	color:#FFF;
	text-decoration: none;
	font-weight: 700;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.toTop__btn a {
		height:8vw;
		font-size:3.2vw;
	}
}
.toTop__btn a:before {
	content:'';
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-3px;
	border-left:2px solid #FFF;
	border-top:2px solid #FFF;
	width:10px;
	height:10px;
	box-sizing: border-box;
	transform:rotate(45deg);
}
@media screen and (max-width:767px){
	.toTop__btn a:before {
		left:4vw;
		top:50%;
		margin-top:-1px;
		border-left:2px solid #FFF;
		border-top:2px solid #FFF;
		width:1.5vw;
		height:1.5vw;
		box-sizing: border-box;
		transform:rotate(45deg);
	}
}
@media screen and (hover:hover){
	.toTop__btn a:hover {
		transform: scale(1.05)
	}
}
.subPageTitle {
	height:220px;
	background: #76cae8;
	display: flex;
	align-items: center;
	position: relative;
}
.subPageTitle:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:30px;
	bottom:0;
	background: url(../img/mv_img.png) no-repeat right center / contain;
}
@media screen and (max-width:767px){
	.subPageTitle {
		height:35vw;
		background:#4cadd0;
		display: flex;
		align-items: center;
		position: relative;
	}
	.subPageTitle:before {
		right:2vw;
		top:30%;
	}
}
.subPageTitle__text {
	height:44px;
	width:100%;
	position: relative;
}
@media screen and (max-width:767px){
	.subPageTitle__text {
		height:8vw;
	}
}
.spt--entry {
	-webkit-mask: url(../img/nav_entry.svg) no-repeat center center / contain;
	mask: url(../img/nav_entry.svg) no-repeat center center / contain;
	background:#FFF;
}
.spt--contact {
	-webkit-mask: url(../img/nav_contact.svg) no-repeat center center / contain;
	mask: url(../img/nav_contact.svg) no-repeat center center / contain;
	background:#FFF;
}
.subPageContent {
	position: relative;
	padding:60px min(80px,6.6666vw) 90px;
}
@media screen and (max-width:767px){
	.subPageContent {
		padding:9.6vw 6.4vw 12.8vw;
	}
}
.subPageContent__content {
	max-width: 800px;
	margin:0 auto;
}
.entry__title {
	font-size:min(24px,2vw);
	font-weight: 700;
	border-bottom:1px dotted #000;
	margin-bottom:20px;
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: flex-end;
}
@media screen and (max-width:767px){
	.entry__title {
		font-size:4vw;
		margin-bottom:4vw;
	}
}
.entry__title span {
	font-size:min(14px,1.2vw);
	color:#F00;
}
@media screen and (max-width:767px){
	.entry__title span {
		font-size:3.2vw;
		color:#F00;
	}
}
.entry__tBtnWrap {
	display: flex;
	align-items: center;
}
@media screen and (max-width:767px){
	.entry__tBtnWrap {
		margin-bottom: 3vw
	}
}
.entry__tBtn {
	display: table;
}
.entry__tBtn a {
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 20px;
	border-radius: 20px;
	background:#4cadd0;
	font-weight: 700;
	color:#FFF;
	text-decoration: none;
	border:2px solid #4cadd0;
}
@media screen and (max-width:767px){
	.entry__tBtn a {
		height:9.6vw;
		padding:0 3.2vw;
		border-radius: 4.8vw;
		font-size:3.2vw;
	}
}
@media screen and (hover:hover){
	.entry__tBtn a:hover {
		background:#FFF;
		color: #4cadd0;
	}
}
.formParts {
	display: grid;
	grid-template-columns: auto 1fr;
	padding-top:20px;
	align-items: center;
	padding-bottom:50px;
}
@media screen and (max-width:767px){
	.formParts {
		display:block;
		padding-top:2vw;
		align-items: center;
		padding-bottom:8vw;
	}
}
.formParts dt {
	font-weight: 700;
	padding-right:30px;
	min-width:180px;
	line-height: 1.1
}
@media screen and (max-width:767px){
	.formParts dt {
		padding-right:0;
		width:100%;
		min-width:unset;
		line-height: 1.6;
		font-size:3.4vw;
	}
}
.formParts dd {
	padding:5px 0;
}
.formParts dd input {
	padding:8px;
	border:1px solid #999;
	color:#000;
	border-radius: 4px;
	font-size:16px;
	margin-right:10px;
}
.formParts dd input[readonly],
.formParts dd input[readonly=readonly] {
	border:none;
	background:transparent;
}
@media screen and (max-width:767px){
	.formParts dd {
		padding:1vw 0 4vw;
	}
	.formParts dd input {
		padding:2.6vw;
		font-size:3.6vw;
		margin-right:2vw;
	}
}
.formParts dd textarea {
	padding:8px;
	border:1px solid #999;
	color:#000;
	border-radius: 4px;
	font-size:16px;
	margin-right:10px;
	height:200px;
	width:100%;
}
.full {
	width:100%;
}
.half {
	width:50%;
}
.zip {
	width:8em;
}
.submit__wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.submit__text {
	width:100%;
	text-align: center;
	font-size:16px;
	padding-bottom: 20px;
}
@media screen and (max-width:767px){
	.submit__text {
		font-size:3.6vw;
	}
}
.btn {
	min-width:200px;
	height:40px;
	border:none;
	border-radius: 20px;
	cursor: pointer;
	padding:0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:767px){
	.btn {
		min-width:40vw;
		height:9.6vw;
		padding:0 3.2vw;
	}
}
.btn.normal {
	background:#4cadd0;
	display: flex;
	color:#FFF;
	font-size:16px;
	font-weight: 700;
	border:2px solid #4cadd0;
	text-decoration: none;
}
.btn.normal:hover {
	background:#FFF;
	color:#4cadd0;
}
@media screen and (max-width:767px){
	.btn.normal {
		font-size:3.8vw;
	}
}
.btn.search {
	background:#4cadd0;
	display: inline-flex;
	color:#FFF;
	font-size:14px;
	font-weight: 700;
	border:2px solid #4cadd0;
	text-decoration: none;
	height:32px;
	min-width:60px;
	padding:0;
	vertical-align: middle;
	margin-left:10px;
}
@media screen and (max-width:767px){
	.btn.search {
		background:#4cadd0;
		display: inline-flex;
		color:#FFF;
		font-size:3.6vw;
		font-weight: 700;
		border:2px solid #4cadd0;
		text-decoration: none;
		height:8vw;
		min-width:60px;
		padding:0;
		vertical-align: middle;
		margin-left:2vw;
	}
}
.errors {
	border:1px solid #F00;
	color:#F00;
	padding:10px;
	margin-bottom:30px;
	background:rgba(255,0,0,0.1);
}
@media screen and (max-width:767px){
	.errors {
		padding:3.2vw;
		margin-bottom:6.4vw;
	}
}
.errors li {
	color:#F00;
	font-weight: 700;
	font-size:14px;
}
@media screen and (max-width:767px){
	.errors li {
		font-size:3.2vw;
	}
}
.toLogin {
	padding:40px 0;
}
@media screen and (max-width:767px){
	.toLogin {
		padding:6.4vw 0;
	}
}
.toLogin__text {
	text-align: center;
	font-size:16px;
}
@media screen and (max-width:767px){
	.toLogin__text {
		font-size:3.6vw;
	}
}
.toLogin__text strong {
	display: block;
	text-align: center;
	margin-bottom: 50px;
	font-size:20px;
}
@media screen and (max-width:767px){
	.toLogin__text strong {
		display: block;
		text-align: center;
		margin-bottom: 9.6vw;
		font-size:4.4vw;
	}
}

/* COMPANY SEARCH */

#searchpopup {
	width:770px;
	height:620px;
	overflow: hidden;
	position: relative;
	background:#f0f1f5;
}
@media screen and (max-width:767px){
	#searchpopup {
		width:100vw;
		overflow: hidden;
		height:100%;
		position: absolute;
		left:0;
		top:0;
	}
}
.groupsearch {
	width:770px;
	transition:all 0.3s ease;
	overflow: hidden;
}
@media screen and (max-width:767px){
	.groupsearch {
		width:100vw;
		position: absolute;
		left:0;
		top:0;
		transition:all 0.3s ease;
		overflow:auto;
		height:100%;
	}
}
.groupsearch.out {
	transform:translateX(-750px);
}
@media screen and (max-width:767px){
	.groupsearch.out {
		transform:translateX(-100vw);
	}
}
.groupsearchbox {
	padding:20px 20px 0;
	display: flex;
	width:100%;
	justify-content: space-between;
}
@media screen and (max-width:767px){
	.groupsearchbox {
		padding:4.6vw 1.6vw 0;
		display: block;
	}
}
.groupsearchbox > div {
/*	height:100%;*/
}
.groupsearchbox > div:first-child {
	width:65%;
}
@media screen and (max-width:767px){
	.groupsearchbox > div:first-child {
		width:100%;
	}
}
.groupsearchbox > div:last-child {
	width:33%;
}
@media screen and (max-width:767px){
	.groupsearchbox > div:last-child {
		width:100%;
	}
}
.groupsearchlist {
	padding:0 20px;
	margin-top:-20px;
	position: relative;
}
@media screen and (max-width:767px){
	.groupsearchlist {
		padding:0 1.6vw;
		margin-top:-3.2vw;
		position: relative;
		flex:1;
	}
}
.groupsearch__help {
	font-size:20px;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	cursor: default;
	color:#fff;
}
@media screen and (max-width:767px){
	.groupsearch__help {
		font-size:5vw;
		width:9.6vw;
	}
}
.groupsearchlistin {
	height:400px;
	overflow: auto;
	color:#444;
}
@media screen and (max-width:767px){
	.groupsearchlistin {
		height:auto;
		overflow:visible;
		color:#444;
	}
}
.groupsearchlistin--nonresult {
	padding:30px;
}
@media screen and (max-width:767px){
	.groupsearchlistin--nonresult {
		padding:6.4vw;
		text-align: center;
		font-size:3.2vw;
	}
}
.groupsearchlist--notice {
	position: absolute;
	width:300px;
	padding:15px;
	color:#FFF;
	background:rgba(0,0,0,0.8);
	right:10px;
	top:55px;
	border-radius: 5px;
	pointer-events: none;
	display: none;
	font-size:12px;
}
.groupsearchlist--notice:before{
	content:'';
	position: absolute;
	right:30px;
	top:-15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 15px 7.5px;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
	pointer-events: none;
}
@media screen and (max-width:767px){
	.groupsearchlist--notice:before{
		right:2vw;
	}
}
.groupsearch .disabled {
	opacity:0.5;
	pointer-events: none;
	filter:grayscale(1);
}
.company__list li {
	border-bottom:1px solid #CCC;
	display: flex;
}
.company__list--texts {
	width:620px;
	padding:10px 20px;
}
@media screen and (max-width:767px){
	.company__list--texts {
		width:100%;
		padding:1.6vw 3.2vw;
	}
}
.company__list--texts .clt--name {
	font-weight: 700;
	font-size:16px;
	line-height:2;
}
@media screen and (max-width:767px){
	.company__list--texts .clt--name {
		font-size:3.6vw;
	}
}
.company__list--texts .clt--place {
	font-weight: 400;
	font-size:14px;
	line-height:2;
}
.company__list--texts .clt--place span {
	margin-left:30px;
	display: inline-block;
}
@media screen and (max-width:767px){
	.company__list--texts .clt--place {
		font-size:3.2vw;
		line-height:2;
	}
	.company__list--texts .clt--place span {
		margin-left:0
	}
}
.company__list--btn {
	width:100px;
}
.company__list--btn a {
	display: flex;
	flex-wrap: wrap;
	height:100%;
	justify-content: center;
	align-content: center;
	text-decoration: none;
	font-size:12px;
	overflow: hidden;
}
@media screen and (max-width:767px){
	.company__list--btn a {
		font-size:3vw;
	}
}
.company__list--btn a i {
	font-size:36px;
	width:100%;
	display: block;
	margin:0;
	text-align: center;
	transition: all 0.3s ease;
	color:#444;
}
@media screen and (max-width:767px){
	.company__list--btn a i {
		font-size:8vw;
	}
}
.company__list--btn a:hover i {
	transform:translateX(5px);
}
.groupsearchdetail {
	width:770px;
	height:600px;
	position: absolute;
	left:0;
	top:0;
	overflow: auto;
	z-index:5;
	transition:all 0.3s ease;
}
@media screen and (max-width:767px){
	.groupsearchdetail {
		width:100vw;
		height:auto;
	}
}
.groupsearch_methodselect {
	padding:20px;
}
@media screen and (max-width:767px){
	.groupsearch_methodselect {
		padding:1.6vw;
	}
}
.groupsearch_methodselect h2 {
	font-weight: bold;
	font-size: 20px;
	color:#FFF !important;
	border-radius: 5px;
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:20px;
}
.groupsearchdetail.out {
	transform:translateX(750px);
}
@media screen and (max-width:767px){
	.groupsearchdetail.out {
		transform:translateX(100vw);
	}
}
.groupsearchdetailin {
	padding:20px 20px 0 20px;
}
@media screen and (max-width:767px){
	.groupsearchdetailin {
		padding:4.8vw 1.6vw 1.6vw;
	}
}
.groupsearchdetailin__table {
	width:100%;
	padding:20px;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__table {
		width:100%;
		padding:3.2vw;
		font-size:3.6vw;
	}
}
.groupsearchdetailin__table div {
	border-bottom:1px solid #CCC;
	display: flex;
	padding:15px 0;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__table div {
		border-bottom:1px solid #CCC;
		display: flex;
		padding:3.2vw 0;
	}
}
.groupsearchdetailin__table div dt {
	width:250px;
	font-weight: bold;
	line-height: 1.85;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__table div dt {
		width:42vw;
		font-weight: bold;
		line-height: 1.85;
	}
}
.groupsearchdetailin__table div dd {
	width:450px;
}
.groupsearchdetailin__nav {
	display: flex;
	justify-content: space-between;
	margin:0 20px 30px;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__nav {
		display: flex;
		justify-content: space-between;
		margin:0 3.2vw;
		align-items: center;
		padding-bottom:3.2vw;
	}
}
.groupsearchdetailin__nav:after {
	content:'';
	width:100px;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__nav:after {
		display: none;
	}
}
.groupsearchdetailin__nav li:first-child a{
	height:100%;
	display: flex;
	flex-wrap: wrap;
	font-size:12px;
	text-decoration: none;
	padding-bottom:15px;
}
@media screen and (max-width:767px){
	.groupsearchdetailin__nav li:first-child a{
		font-size:3vw;
		padding-bottom:0;
	}
}
.groupsearchdetailin__nav li:first-child a i{
	font-size:36px;
	width:100%;
	transition:all 0.3s ease;
	transform:translateX(5px);
}
@media screen and (max-width:767px){
	.groupsearchdetailin__nav li:first-child a i{
		font-size:8vw;
	}
}
.groupsearchdetailin__nav li:first-child a:hover i {
	transform:translateX(0);
}
#sName{
	width: 282px !important;
}
@media screen and (max-width:767px){
	#sName{
		width: 46vw !important;
	}
}
@media screen and (max-width:767px){
	select[name=sPref] {
		width:24vw;
	}
}
#sNum{
	width:138px !important;
}
@media screen and (max-width:767px){
	#sNum{
		width:70vw !important;
	}
}

/* ▼NORMAL-BOX▼ --------------------------------	
-------------------------------------------------*/

.normalBox {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	/*overflow: hidden;*/
	margin-bottom: 30px;
	margin-top: 10px;
}
.normalBox.full { width: 100%; }
@media screen and (max-width:767px){
	.normalBox.full {
		height:calc(100% - 3.2vw);
		margin:0 0 17.2vw;
	}
}
.normalBox>h2 {
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	padding: 0 16px;
	position: relative;
	font-size: 15px;
	background:#4cadd0;
	border-radius: 4px 4px 0 0;
	color:#FFF;
}
@media screen and (max-width:767px){
	.normalBox>h2 {
		height: 9.6vw;
		line-height:9.6vw;
		padding: 0 3.2vw;
		font-size: 3.6vw;
	}
}
.normalBox>h2:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.15);
}
.normalBoxIn_s { padding: 16px; }
/*-- hFloat --*/
.normalBox.hFloat {
	position: relative;
	overflow: visible;
	padding-top: 24px;
	margin-top: 10px;
}
@media screen and (max-width:767px){
	.normalBox.hFloat {
		padding-top:3.2vw;
		margin-bottom: 7.2vw
	}
}
.normalBox.hFloat>h2 {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	position: absolute;
	top: -20px;
	left: 20px;
	border-radius: 3px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	color: #fff;
	background:#4cadd0;
}
@media screen and (max-width:767px){
	.normalBox.hFloat>h2 {
		height:9.2vw;
		line-height:9.2vw;
		font-size:3.6vw;
		left:1.6vw;
	}
}
.normalBox.hFloat>h2:before { content: none; }
.normalBox.hFloat p,
.normalBoxIn_s p {
	padding-top: 5px;
	padding-bottom: 10px;

}
.companyNameSearch input[type=text],
.companyNumberSearch input[type=text],
.companyNameSearch select {
	height:40px;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 4px;
	font-size:14px;
	vertical-align: middle;
}
@media screen and (max-width:767px){
	.companyNameSearch input[type=text],
	.companyNumberSearch input[type=text],
	.companyNameSearch select {
		height:9.6vw;
		padding:0 1vw;
		font-size:3.8vw;
	}
}
#bttop {
	display: none;
}
@media screen and (max-width:767px){
	#bttop {
		display: block;
		position: fixed;
		bottom:3.2vw;
		height:12.8vw;
		width:12.8vw;
		transition:all 0.3s ease;
	}
	#bttop.out {
		transform:translateX(-100vw);
	}
	#bttop a {
		height:12.8vw;
		border-radius: 0 4px 4px 0;
		background:#4cadd0;
		display: flex;
		justify-content: center;
		align-items:center;
		font-size:6.4vw;
		color:#FFF;
		text-decoration: none;
	}
}
.submit__captcha {
	width:100%;
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 30px 0;
}
@media screen and (max-width:768px){
	.submit__captcha {
		margin: 0 0 6.4vw;
	}
}