@charset "UTF-8";
/*=================================================================
Version:  1.0
Author: 
Author URI: 
Tags:  Original
=================================================================*/

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


html{
	font-family: 'Noto Sans JP', sans-serif;
	color: #242424;
	font-size: 16px;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	outline: 0;
	vertical-align: baseline;
}

img{
	vertical-align: top;
}

sup{
	font-size: 0.7em;
}

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

body {
	line-height: 1;
	/*background: #FFF55B;*/

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
}

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

	nav ul {
		list-style-type: none;
		list-style: none;
		line-height: 0;
		display: flex;
	}

}

ul,
ol{
	list-style-type: none;
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote: before, blockquote: after,
q: before, q: after {
	content: '';
	content: none;
}

a {
	display: inline-block;
	margin: 0;
	padding: 0;
}

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

sup{
	font-size: 0.5em;
}

/* MARGINS */

.mb00{margin-bottom: 0px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}
.mb110{margin-bottom: 110px!important;}
.mb120{margin-bottom: 120px!important;}
.mb130{margin-bottom: 130px!important;}
.mb140{margin-bottom: 140px!important;}
.mb150{margin-bottom: 150px!important;}
@media screen and (max-width: 767px){
	.mb10{margin-bottom: 5px!important;}
	.mb20{margin-bottom: 10px!important;}
	.mb30{margin-bottom: 15px!important;}
	.mb40{margin-bottom: 20px!important;}
	.mb50{margin-bottom: 25px!important;}
	.mb60{margin-bottom: 30px!important;}
	.mb70{margin-bottom: 35px!important;}
	.mb80{margin-bottom: 40px!important;}
	.mb90{margin-bottom: 45px!important;}
	.mb100{margin-bottom: 50px!important;}
	.mb110{margin-bottom: 55px!important;}
	.mb120{margin-bottom: 60px!important;}
	.mb130{margin-bottom: 65px!important;}
	.mb140{margin-bottom: 70px!important;}
	.mb150{margin-bottom: 75px!important;}
}


/* FLOATERS & CLEARERS */
.clearafterme:after{
	content: " "; 
	display: block; 
	height: 0; 
	clear: both;
}

.clearme{
	clear: both;
}

.f_left{
	float: left;
}

img.f_left{
	margin-right: 20px;
}

.f_right{
	float: right;
}

img.f_right{
	margin-left: 40px;
}

img.f_right + img.f_right{
	clear: right;
	margin-top: 20px;
}

.object-fit-img,
.object-fit-img_container img{
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

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

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

@media print {
	body {
		width: 1200px;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}
	#header{
		/*position: absolute!important;*/
		display: none!important;
	}
	#top_btn{
		display: none!important;
	}
	.pc_mode{ display: block!important; }
	.sp_mode{ display: none!important; }
	.inline_pc_mode{ display: inline!important; }
	.inline_sp_mode{ display: none!important; }

	.animateinview{
		display: block!important;
		opacity: 1!important;
		visibility: visible!important;
		transform: none!important;
	}

}


@media screen and (min-width:768px){

	.sp_tel_link{
		text-decoration: none;
		pointer-events: none;
	}

}

@media screen and (max-width:767px){
	.f_right{
		float: none;
	}

	img.f_right{
		margin-left: 0;
		display: block;
		margin-bottom: 10px;
	}
}

/*TEXT-ALIGN Class*/
.t_left {text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;}



/* INLINE STYLE TAGS */

.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.msg.f16{font-size: 16px!important;}

.bold{
	font-weight: bold;
}

.skewed{
	transform: skew(-11deg);
	display: inline-block;
}

.red{
	color: #D80000 !important;
}

.underline{
	text-decoration: underline;
}

.unserline{
	font-weight: bold;
	background: linear-gradient(transparent 50%, #FFFF00 50%, #FFFF00 87%, transparent 87%);
}

.no_border{
	border-bottom: none !important;
}

.pdf_icon {
	padding-right: 32px;
	/*background: url(../img/other/icon_pdf.png)no-repeat 100% 50%;*/
}

div.center_btn{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px; 
}

.shadow{
	box-shadow: 0 0 30px rgba(0,0,0,0.16);
}

/* TEXT LINKS COLOR*/

a, a:link, a:visited{color: #000;}

a:hover{color: #616060;}




/* PARAGRAPHS & PAGE LAYOUT */

section p,
.page p{
	line-height: 180%;
	letter-spacing: 1px;
	/*color: black;*/
	font-size: 1rem;
	margin-bottom: 1.8em;
}

p.msg{
	font-size: 12px !important;
	margin-bottom: 40px;
	line-height: 210% !important;
}

p.center_text {
	text-align: center;
	font-size: 14px;
	margin-bottom: 50px;
}

@media screen and (max-width:767px){

	p.center_text {
		margin-bottom: 30px;
	}

	section p,
	.page p{
		font-size: 0.875rem;
	}

	p.center_text {
		text-align: left;
	}


	p.center_text img{
		width: 100%;
		height: auto;
	}

}

.innerfull{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.inner840{
	display: block;
	max-width: 92%;
	width: 840px;
	margin: 0 auto;
}

.inner960{
	display: block;
	max-width: 92%;
	width: 960px;
	margin: 0 auto;
}

.inner1080{
	display: block;
	max-width: 92%;
	width: 1080px;
	margin: 0 auto;
	/* clear: both; */
}

.inner1180{
	display: block;
	max-width: 92%;
	width: 1180px;
	margin: 0 auto;
	/* clear: both; */
}

.inner1300{
	display: block;
	max-width: 92%;
	width: 1300px;
	margin: 0 auto;
}


/*HEADER*/

#header{
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 50px;
	/*position: relative;*/
	width: 100%;
	/*background: #fff;*/
	box-sizing: border-box;
	z-index: 754;
}

#header > div{
	padding: 0 21px;
	height: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	max-width: 1080px;
	margin: 0 auto;
	height: 70px;
	background: #fff;
	filter: drop-shadow(0px 3px 13px rgba(0, 0, 0, 0.16));
	border-radius: 70px;
}

#h_logo{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
	margin-left: 25px;
}

.h_text{
}

/*nav*/
#site-navigation{
	position: relative;
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#site-navigation li{
	position: relative;
	/*margin: 0 10px;*/
	flex: 1 0 auto;
}

#site-navigation a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	position: relative;
	height: 50px;
	padding-top: 5px;
	color: #000;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
	background: #fff;
	border-bottom: 5px solid #fff;
}

@media screen and (min-width:1081px){


	#site-navigation a:hover{
		/*background: #fafafa;*/
		/*transform: translateY(-5px);*/
		/*color: #0478de;*/
		padding-top: 5px;
		margin-top: -5px;
		padding-bottom: 5px;
		border-bottom: 5px solid #feda00;
	}

}


#site-navigation li.current-menu-item > a{
	color: #34509D;
}
#site-navigation li.current-page-ancestor > a{
	color: #34509D;
}

#site-navigation span.txt{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: left;
}

@media screen and (min-width:768px){

	.menu-item-116{
		display: none;
	}


	#site-navigation li ul{
		display: block;
		display: none;
		top: 55px;
		z-index: 2;
		position: absolute;
		width: 203px;
		box-sizing: border-box;
		border-radius: 5px;
		background: rgba(0,0,0,0.8);
		padding: 20px;
		padding-top: 12px;
	}

	#site-navigation li:hover ul{
		display: block;
	}

	#site-navigation li ul li a{
		position: relative;
		padding-top: 0;
		height: auto;
		border:  none;
		background: none;
		color: #fff;
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0.04em;
		line-height: 33px;
		text-align: left;
		color: #fff;
		display: block;
	}

	#site-navigation li ul li a:after{
		position: absolute;
		content: "";
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
	}

	#site-navigation li ul li a span{
		font-size: 16px;
	}
}

@media screen and (max-width:767px){

	#site-navigation li ul{
		margin-top: -7px;
		padding-bottom: 15px;
	}
	#site-navigation li ul li{
		border: none;
	}

	#site-navigation li ul a{
		color: #AED3F4;
		height: 25px;
		line-height: 25px;
		border: none;
	}

	#site-navigation li ul a span.txt{
		color: #AED3F4;
	}

}

#site-navigation li ul {

}

.h_cta{
	/*height: 100%;*/
	margin-left: 18px;
}

.h_cta a{
	width: 172px;
	height: 44px;
	border-radius: 44px;

	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background: #0478de url(../img/header/icon_arrow.png) no-repeat center right 17px;
	background-size: 8px;

	transition: 0.3s background;
}
@media screen and (min-width:768px){

	.h_cta a:hover{
		background-color: #FE3C3F;
	}

}

.h_cta a span{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #fff;
}

@media screen and (max-width:1100px){

	#h_logo{
		font-size: 12px;
		margin-left: 21px;
	}

	.h_cta a{
		/*margin-left: 10px;*/
		/*width: 97px;*/
		/* height: 97px; */
	}

	.h_cta a:before{
		width: 90px;
		height: 90px;
	}

	.h_cta a span{
		/* font-size: 12px; */
		/* background: url(../img/header/mail_btn.png) no-repeat 53% 75%; */
		/* background-size: 16px; */
	}

	#site-navigation span.txt{
		font-size: 13px;
		padding: 0 12px;
	}

}

@media screen and (max-width:1080px){

	.h_cta.pc_mode{
		display: none;
	}

	.nav_sns.sp_mode{
		display: flex!important;
	}

	#h_logo{
		width: 140px;
	}

	#h_logo img{
		width: 60%;
		height: auto;
	}

}

@media screen and (max-width:980px){

	
	.h_cta{
		margin-left: 4px;
		z-index: 3;
	}

	.h_cta a{
		margin-left: 0px;
		width: 74px;
	}

	.h_cta a span{
		font-size: 10px;
	}

	#site-navigation span.txt{
		padding: 0 8px;
		font-size: 12px;
	}

}

@media screen and (max-width:840px){

	
	.h_cta{
		margin-left: 0px;
	}

	.h_cta a{
		width: 64px;
	}

	.h_cta a span{
		font-size: 10px;
	}

	#site-navigation span.txt{
		padding: 0 4px;
		font-size: 27px;
	}

}



@media screen and (max-width:1080px){
	/*HEADER*/

	#header{
		height: 55px;
		width: 100%;
		padding-top: 0;
		position: fixed;
	}

	#content_wrap{
		padding-top: 70px;
	}

	#site-navigation{
		display: block;
		display: none;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding-top: 60px;
		background: #3786d4;
		height: calc( 100vh);
	}

	#site-navigation ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0 30px;
		margin-top: 7px;
	}

	#site-navigation li{
		flex: none;
		display: block;
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	#site-navigation li:last-child{
		border-bottom: none;
	}

	#site-navigation li a{
		display: block;
		padding: 5px 0px;
		background: #3786d4;
		color: #fff;
		line-height: 42px;
		border: none;
		height: 42px;
	}

	#site-navigation li a span.txt{
		padding: 0;
		color: #fff;
		font-size: 16px;
	}


	#header > div{
		background: none;
		height: 71px;
		padding-left: 0;
		border-radius: 0;
		filter: none;
		padding-right: 0;
	}

	.h_cta a{
		background: #ffffff;
		background-image: url(../img/header/h_contact.png)!important;
		background-repeat: no-repeat!important;
		background-size: 26px!important;
		background-position: 20px 57%!important;
		border: 2px solid blue;
		padding-left: 50px!important;
	}

	.h_cta a span{
		/* padding-top: 0; */
		/* padding: 0; */
		/* padding-left: 0; */
		font-size: 20px;
		/* background-position: 14% 50%; */
		/* height: 55px; */
		color: #3786d4;
	}

	#h_logo{
		width: auto;
		width: 118px;
		height: 46px;
		z-index: 33;
		border-radius: 35px;
		background: #fff;
		box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.h_cta{
		margin-right: 0;
		width: 220px;
		margin: 0 auto;
		height: auto;
		margin-right: auto;
	}

	.h_cta a{
		width: auto;
		line-height: 0;
		padding-bottom: 4px!important;
		border: 2px solid #0478DE!important;
		border-radius: 10px;
		height: 50px!important;
		font-size: 0;
	}

}

.c-hamburger{
	display: none;
}


@media screen and (max-width:1080px){

	/*HAMBURGER*/

	.c-hamburger {
		display: block;
		position: absolute;
		overflow: hidden;
		margin: 0;
		right: 8px;
		top: 11px;
		padding: 0;
		font-size: 12px;
		color: #fff;
		border-radius: 10px;
		width: 50px;
		height: 50px;
		/* font-size: 0; */
		/*text-indent: -9999px;*/
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}

	.c-hamburger:atis {
		outline: none;
	}

	.c-hamburger > span {
		display: block;
		position: absolute;
		top: 24px;
		left: 11px;
		right: 10px;
		height: 3px;
		background: #ffffff;
	}

	.c-hamburger > span::before,
	.c-hamburger > span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #ffffff;
		content: "";
	}

	.c-hamburger > span::before {
		top: -10px;
	}

	.c-hamburger > span::after {
		bottom: -10px;
	}

	.c-hamburger--htx {
		background-color: #0478DE;
	}

	.c-hamburger--htx > span {
		/*transition: background 0s 0.3s;*/
	}

	.c-hamburger--htx > span::before,
	.c-hamburger--htx > span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx > span::before {
		transition-property: top, transform;
	}

	.c-hamburger--htx > span::after {
		transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {
		background-color: #3786d4;
	}

	.c-hamburger--htx.is-active > span {
		background: none;
	}

	.c-hamburger--htx.is-active > span::before {
		top: 0;
		transform: rotate(45deg);
		background: #ffffff;
	}

	.c-hamburger--htx.is-active > span::after {
		bottom: 0;
		transform: rotate(-45deg);
		background: #ffffff;
	}

	.c-hamburger--htx.is-active > span::before,
	.c-hamburger--htx.is-active > span::after {
		transition-delay: 0s, 0.3s;
	}

	.c-hamburger--htx > span span {
		top: 14px;
		left: -6px;
		width: 140%;
		font-size: 0;
		letter-spacing: -1px;
		display: block;
		position: absolute;
		color: #fff;
	}



	.c-hamburger--htx.is-active > span span,
	.c-hamburger--htx.is-active > span span {
		color: #57575a;
	}




	.nav_sns{
		position: absolute;
		z-index: 4;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap!important;
		right: 63px;
	}

	.nav_sns li{
		margin: 5px 3px;
		border: none!important;
		width: auto!important;
	}

	.nav_sns li a{
		display: flex!important;
		justify-content: center;
		align-items: center;
		width: 43px!important;
		height: 43px!important;
		background: #fff!important;
		filter: drop-shadow(0px 3px 13px rgba(0, 0, 0, 0.16));
		border-radius: 40px;
		border: 2px solid #fff;
		box-sizing: border-box;
		transition: 0.6s;
	}

	.nav_sns li a:hover{
		filter: saturate(2);
		border-color: #0478de;
	}



}

.center_text p{
	text-align: center;
}


.noimage.image{
	border: 1px solid #ddd;
	box-sizing: border-box;
}


.button01{
	text-align: center;
}

.button01.lefty{
	text-align: left;
}


.button01 a{
	position: relative;
	display: inline-flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	background: #34509D;
	border: 1px solid #34509D;
	width: 260px;
	height: 64px;

	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;	

}

.button01 a:hover{
	background: #fff;
}

.button01 a span{
	color: #fff;
	font-size: 16px;
	letter-spacing: 1.5px;

	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.button01 a:hover span{
	color: #34509D;
}


.button01 a:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);

	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.button01 a:hover:after{
	border-color: #34509D;
}

@media screen and (max-width:767px){

	.button01 a{
		height: 54px;
	}

	.button01 a span{
		font-size: 14px;
	}

}


/*CONTENTS*/

#main{
	margin-bottom: 100px;
	padding: 0;
	padding-bottom: 100px;
	padding-top: 80px;
}

#main section{
	/*padding-top: 70px;*/
	padding-bottom: 90px;
}

@media screen and (max-width:767px){

	#main{
		padding-top: 20px;
		padding-bottom: 0;
	}

	#main section{
		padding-top: 40px;
		padding-bottom: 43px;
	}

}


/* h_type00 */
.h_type00 {
	position: relative;
	padding-top: 120px;
	height: 435px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	margin-bottom: -2px;
	/*justify-content: center;*/
	align-items: center;
}

.h_type00:after {
	content:  "";
	display: block;
	position: absolute;
	bottom: -20px;
	right: 30px;
	width: 410px;
	height: 360px;
	background: 
	url(../img/other/obj2.png) no-repeat bottom left,
	url(../img/other/obj3.png) no-repeat top right;
	background-size: 263px auto, 202px auto;
}

.h_type00:before{
	content:  "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 100px;
	width: 300px;
	height: 290px;
	background: 
	url(../img/other/obj1.png) no-repeat top right;
	background-size: 299px auto;
}

.h_type00.works{
	background: url(../img/other/pagetitle_works.jpg) no-repeat center bottom;
}

.h_type00.staff{
	background: url(../img/other/pagetitle_staff.jpg) no-repeat center bottom;
}

.h_type00.news{
	background: url(../img/other/pagetitle_about.jpg) no-repeat center bottom;
}

.about .h_type00{
	background: url(../img/other/pagetitle_about.jpg) no-repeat center bottom;
}

.company .h_type00{
	background: url(../img/other/pagetitle_company.jpg) no-repeat center bottom;
}

.recruit .h_type00{
	background: url(../img/other/pagetitle_recruit.jpg) no-repeat center bottom;
}

.data .h_type00{
	background: url(../img/other/pagetitle_data.jpg) no-repeat center bottom;
}

.career .h_type00{
	background: url(../img/other/pagetitle_career.jpg) no-repeat center bottom;
}

.graduated .h_type00{
	background: url(../img/other/pagetitle_graduated.jpg) no-repeat center bottom;
}

.conditions .h_type00{
	background: url(../img/other/pagetitle_conditions.jpg) no-repeat center bottom;
}

.office .h_type00{
	background: url(../img/other/pagetitle_office.jpg) no-repeat center bottom;
}

.day-flow .h_type00{
	background: url(../img/other/pagetitle_day-flow.jpg) no-repeat center bottom;
}

.contact .h_type00{
	background: url(../img/other/pagetitle_day-flow.jpg) no-repeat center bottom;
}

.thanks .h_type00{
	background: url(../img/other/pagetitle_day-flow.jpg) no-repeat center bottom;
}

.h_type00 .japanese{
	display: block;
	font-weight: 900;
	font-size: 40px;
	letter-spacing: 0.08em;
	line-height: 44px;
	text-align: center;
	color: #fff;
}

.h_type00 .english{
	font-weight: 900;
	font-size: 16px;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
}

.h_type00.black .japanese{
	color: #000;
}

.h_type00.black .english{
	color: #000;
}

@media screen and (max-width:767px){
	.h_type00{
		overflow: hidden;
		height: 90px;
		padding-top: 10px;
		background-size: 100%!important;
		background-position: top!important;
	}

	.h_type00:after {
		bottom: 0px;
		right: -7px;
		width: 90px;
		height: 90px;
		background-size: 80% auto, 53% auto;
	}

	.h_type00:before{
		left: -40px;
		width: 120px;
		height: 80px;
		background-size: 70% auto;
	}

	.h_type00 .japanese{
		font-size: 19px;
		line-height: 2px;
	}

	.h_type00 .english{
		font-size: 12px;
	}

	.h_type00{
		height: 105px;
	}




}

.h_type01{
	text-align: center;
	margin-bottom: 40px;
}

.h_type01 .jp{
	margin-bottom: 12px;
	display: block;
	font-weight: 900;
	font-size: 33px;
	text-align: center;
	color: #fff;

}

.h_type01 .en{
	display: block;
	font-weight: 900;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width:767px){


	.h_type01 .jp{
		font-size: 24px;
	}

	.h_type01 .en{
		font-size: 12px;
	}
}


.h_type02{
	padding-bottom: 40px;
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 0.08em;
	line-height: 44px;
	text-align: center;
	color: #fff;
}

.h_type02.color{
	color: #000;
}

@media screen and (max-width:767px){
	.h_type02{
		font-size: 20px;
		padding-bottom: 20px;
		line-height: 150%;
	}
}

.h_type_works{
	padding: 14px 50px;
	display: table;
	margin: 0 auto 30px;
	text-align: center;
	border-radius: 26px;
	background: #39B54A;
	font-weight: 500;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}


/*THE TOTHETOP BTN*/

body{
	overflow-x: hidden;
}



/*text_block01*/

.text_block01{
	display: flex;
	justify-content: space-between;
}

.text_block01 .image{
	max-width: 440px;
	width: 46%;
}

.text_block01 .image img{
	max-width: 100%;
	height: auto;
}

.text_block01 .text{
	width: 48%;
	max-width: 460px;
}

.text_block01 .text p{
	line-height: 2.14;
}

@media screen and (max-width:767px){

	.text_block01{
		flex-wrap: wrap;
	}

	.text_block01 .image{
		width: 100%;
		margin-bottom: 20px;
	}
	.text_block01 .text{
		width: 100%;
	}




}


/*table*/

.table01{
	border-top: 1px solid #000;
	width: 100%;
}

.table01 td,
.table01 th{
	padding: 40px 0;
	box-sizing: border-box;
	line-height: 160%;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #000;
	height: 100px;
}

.table01 td{
	font-size: 16px;
}

.table01 th{
	width: 250px;
	padding-left: 0;
	box-sizing: border-box;
	font-weight: 900;
	font-size: 18px;
	letter-spacing: 0.04em;
}

@media screen and (max-width:1080px){


	.table01 th{
		width: 130px;
		background: #ddd;
	}
}

@media screen and (max-width:767px){
	.table01 td,
	.table01 th{
		display: block;
		padding: 15px 10px;
		height: auto;
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
}



/*news_list*/

.news_list{
	margin-bottom: 90px;
}

.news_list li{
	border-bottom: 1px solid #565656;
}

.news_list li a{
	display: block;
	padding: 19px 0;
	text-decoration: none;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	box-sizing: border-box;

	transition:  0.3s opacity;
}

.news_list li a:hover{
	opacity: 0.7;
}



.news_list .date{
	display: inline-block;
	line-height: 20px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.04em;
	line-height: 26px;
	text-align: left;
	color: #000;

}

.news_list .label{
	padding: 0 14px;
	background: transparent;
	border: 1px solid #fe3c3f;
	border-radius: 30px;

	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 26px;
	text-align: left;
	color: #fe3c3f;

	vertical-align: -1px;

}

.news_list .title{
	padding-left: 15px;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	width: calc( 100% - 220px );
	font-family: "Noto Sans JP";
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 26px;
	text-align: left;
	color: #242424;

}

@media screen and (max-width:767px){

	.news_list{
		margin-bottom: 210px;
	}

	.news_list .title{
		display: block;
		width: 100%;
		margin-top: 8px;
		padding: 0;
	}


}


/*staff_list*/

.staff_list ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.staff_list li{
	margin-bottom: 60px;
	width: 29%;
	margin-right: 4%;
}

.staff_list li a{
	text-decoration: none;
}

.staff_list li:nth-child(3n){
	margin-right: 0;
}

.staff_list .title{
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.staff_list .label{
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 23px;
	text-align: left;
	color: #fb3f42;
}

.staff_list .image{
	margin-bottom: 30px;
	border-radius: 13px;
	overflow: hidden;
	box-shadow: 10px 12px 0 rgba(0, 197, 203, 0.43);
}

.staff_list .image img{
	width: 100%;
	height: 230px;

	transition: 0.5s;
}

.staff_list a:hover .image img{
	transform: scale(1.1);
}

@media screen and (max-width:767px){



	/*staff_list*/

	.staff_list ul{
		margin-bottom: 210px;
		justify-content: center;
	}

	.staff_list li{
		margin-bottom: 30px;
		width: 44%;
		margin-right: 6%;
	}

	.staff_list li:nth-child(3n){
		margin-right: 6%;
	}
	.staff_list li:nth-child(2n){
		margin-right: 0;
	}

	.staff_list .title{
		font-size: 16px;
		margin-bottom: 4px;
	}

	.staff_list .label{
		font-size: 12px;
	}

	.staff_list .image img{
		height: 130px;
	}


}


/*works_list*/

.works_list{

}

.works_list ul{
	display: flex;
	flex-wrap: wrap;
}

.works_list li{
	width: 23%;
	margin-right: 24px;
	margin-bottom: 42px;
	box-sizing: border-box;
}

.works_list li a{
	text-decoration: none;
	transition:  0.3s opacity, 0.3s filter;
}

.works_list li a:hover{
	filter: saturate(2);
	opacity: 0.9;
}

.works_list li:nth-child(4n){
	margin-right: 0;
}

.works_list img{
	width: 100%;
	height: 100%;
}

.works_list .label{
	display: table;
	margin-top: 22px;
	padding: 0 12px;
	border-radius: 26px;
	border: 1px solid #6424d4;

	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #6424d4;
}

.works_list .title{
	display: block;
	margin: 10px 0 8px;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 22px;
	text-align: left;
	color: #000;
}

.works_list .image{
	overflow: hidden;
	width: 220px;
	height: 150px;
	box-sizing: border-box;
	border-radius: 16px;
	border: 4px solid #d2d2d2;
	box-shadow: 5px 5px 0px rgba(191,191,191,0.4);
}

.works_list .description-text{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 26px;
	color: #000;
}
@media screen and (max-width:767px){

	.works_list li{
		width: 220px;
		margin-right: 0;
		margin: 0 auto 30px !important;
		display: flex;
		box-sizing: border-box;
		justify-content: center;
	}

	.works_list li a{
		max-width: 220px;
	}
}

/*archived_list*/

.archived_list{
	padding-bottom: 100px;
}

.archived_list li{
	margin-bottom: 10px;
}

.archived_list li a,
.archived_list li > span{
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 15px 60px;
	padding-right: 30px;
	border-radius: 30px;
	background: #fff;
	transition:  0.3s opacity, 0.3s filter;
}

.archived_list li a:hover{
	filter: saturate(2);
	opacity: 0.9;
}

.archived_list .label{
	margin-right: 12px;
	display: inline-block;
	padding: 0 12px;
	border-radius: 26px;
	border: 1px solid #6424d4;

	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #6424d4;
}

.archived_list .category{
	margin-right: 12px;
	display: inline-block;
	text-align: center;
	width: 146px;
	border-radius: 26px;
	background: #39B54A;


	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
}

.archived_list .description-text{
	margin-right: 50px;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 26px;
	color: #000;
}

.archived_list .title{
	flex: 1;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 26px;
	color: #000;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media screen and (max-width:767px){


	.archived_list{
		padding-bottom: 100px;
	}

	.archived_list li{
		margin-bottom: 10px;
	}

	.archived_list li a,
	.archived_list li > span{
		padding: 15px 0px;
		flex-wrap: wrap;
		border-radius: 15px;
	}

	.archived_list .label{
		font-size: 10px;
	}

	.archived_list .category{
		width: auto;
		font-size: 10px;
		padding: 0 22px;
	}

	.archived_list .description-text{
		font-size: 14px;
		display: block;
		width: 100%;
	}

	.archived_list .title{
		font-size: 14px;
		line-height: 24px;
		overflow: visible;
		white-space: normal;
		text-overflow: initial;
	}

}


/*whitebox*/


.whitebox{
	margin-bottom: 80px;
	position: relative;
	z-index: 1;
	padding: 87px 60px 42px;
	background: #fff;
	border-radius: 16px;
}

.tab_list{
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center;
}

.tab_list a,
.tab_list span{
	box-sizing: border-box;
	padding-bottom: 20px;
	margin: 0 10px;
	margin-top: 20px;
	margin-bottom: -20px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 373px;
	height: 101px;
	background: #b2b2b2;
	font-weight: 900;
	font-size: 28px;
	letter-spacing: 0.08em;
	line-height: 44px;
	text-align: center;
	color: #fff;

	transition: 0.3s opacity;

	cursor: pointer;
}

.tab_list a.current,
.tab_list span.current{
	padding-bottom: 10px;
	pointer-events: none;
	margin-top: 10px;
	margin-bottom: -20px;
	font-weight: 900;
	font-size: 28px;
	letter-spacing: 0.08em;
	line-height: 44px;
	text-align: center;
	background: #fff;
	color: #6424d4;
}

@media screen and (min-width:768px){

	.tab_list a:hover,
	.tab_list span:hover{
		opacity: 0.8;
	}
}

@media screen and (max-width:767px){

	.whitebox{
		margin-bottom: 30px;
		padding: 37px 30px 42px;
	}

	.tab_list{
		justify-content: flex-start;
	}

	.tab_list a,
	.tab_list span{
		margin: 20px 0 -20px 10px;
		width: 46%;
		height: 65px;
		font-size: 16px;
	}

	.tab_list a.current,
	.tab_list span.current{
		font-size: 17px;
		line-height: 14px;
	}

	.tab_list a,
	.tab_list span{
		font-size: 12px;
	}

	.tab_list a.current,
	.tab_list span.current{
		font-size: 13px;
	}


}



/*cate_nav*/

.cate_nav{
	display: flex;
	max-width: 1080px;
	width: 92%;
	margin: 0 auto;
	margin-bottom: 60px;
}

.cate_nav li{
	margin-right: 9px;
}

.cate_nav li a{
	padding: 0 13px;
	box-sizing: border-box;
	border-radius: 18px;
	background: transparent;
	border: 3px solid #bababa;

	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 30px;
	text-align: left;
	color: #9d9d9d;

	transition:  0.3s background, 0.3s color;
}

.cate_nav li a:hover{
	color: #fff;
	background: #bababa;
}

.cate_nav li.current-cat a,
.cate_nav li span{
	display: block;
	padding: 0 13px;
	box-sizing: border-box;
	line-height: 30px;
	border-radius: 18px;
	background: #000;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #fff;
	border: 3px solid #000;
	pointer-events: none;
}

@media screen and (max-width:767px){

	.cate_nav{
		margin-top: 40px;
		margin-bottom: 24px;
	}

	
	.cate_nav li{
		margin-right: 2px;
		display: inline-block;
		margin-bottom: 7px;
	}

	.cate_nav li a{
		padding: 0 10px;
		font-size: 12px;
	}

	.cate_nav li.current-cat a,
	.cate_nav li span{
		padding: 0 9px;
		font-size: 11px;
	}

	.cate_nav{
		display: block;
	}


}


/*#footer*/


footer .flexbox{
	display: flex;
	justify-content: space-between;
}

/*THE TOTHETOP BTN*/

div#top_btn{
	position: fixed;
	bottom: 50px;
	right: 0;
	right: -150px;
	width: 77px;
	height: 77px;
	border-radius: 58px;
	background: #101650 url(../img/footer/icon_ttop.png) no-repeat center;
	background-size: 25px;
	cursor: pointer;
	z-index: 4;

	transition:  0.3s opacity;
}

div#top_btn:hover{
	opacity: 0.7;
}


/*.f/cta*/

.f_cta{
	position: relative;
	z-index: 2;
	transform: skewY(-2deg);
	margin-top: -200px;
	margin-bottom: -100px;
	padding-top: 110px;
	padding-bottom: 110px;
	background: #0065C9;
}

.f_cta > div{
	transform: skewY(2deg);
}

.f_logo{
	margin-bottom: 17px;
}

.button_list ul{
	display: flex;
	justify-content: center;
	align-items: center;
}

.button_list li{
	flex-basis: 48%;
}

.button_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 80px;
	background: #fff;
	border-radius: 40px;
	background: #fff;
	text-decoration: none;
	flex-wrap: wrap;
	box-shadow: 9px 9px 0 rgba(0,0,0,0.3);
	background: #fff url(../img/other/icon_arrow_alt2.png) no-repeat center right 32px;
	background-size: 11px;
	transition: 0.5s all;
}

.button_list li a:hover{
	box-shadow: 0 0 0 rgba(0,0,0,0.3);
}

.button_list li span{
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #000;

}

.button_list li .contact{
	display: block;

	padding-left: 26px;
	background: url(../img/other/icon_mail.png) no-repeat 0 50%;
	background-size: 23px;
}

.button_list li .tel{
	display: block;
	font-size: 28px;

	padding: 2px 0 4px;
	padding-left: 26px;
	background: url(../img/other/icon_tel.png) no-repeat 0 50%;
	background-size: 21px;
}

.button_list li .time{
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #000;

}

@media screen and (max-width:767px){

	.button_list li a{
		width: 98%;
		margin: 0 auto;
		height: 64px;
	}
	.button_list li .tel{
		font-size: 21px;
	}
	.button_list li span{
		font-size: 18px;
	}

}

/*footer*/


footer{
	background: #fff;
	padding-top: 200px;
}

footer .flex_box{
	display: flex;
	justify-content: space-between;

}

footer .corporate{
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 26px;
	text-align: left;
	color: #242424;

}

footer .corporate address{
	font-style: normal;
}

.f_sitemap{
	display: flex;
	justify-content: flex-end;
}

.f_sitemap > ul{
	margin-left: 50px;
}

.f_sitemap > ul > li{
	padding-bottom: 5px;
}
.f_sitemap > ul > li:before{
	content:  "";
	display: inline-block;
	vertical-align: 3px;
	width: 5px;
	height: 5px;
	background: #0065c9;
	border-radius: 5px;
	margin-right: 9px;
	margin-left: -13px;
}

.f_sitemap > ul > li li{
	padding-bottom: 3px;
}

.f_sitemap a{
	background: transparent;
	font-weight: 900;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-decoration: none;
	line-height: 26px;
	text-align: left;
	color: #242424;
	transition:  0.3s opacity;
}

.f_sitemap a:hover{
	opacity: 0.6;
}


.f_sitemap  ul ul{
	padding-top: 5px;
}

.f_sitemap  li li a{
	padding-top: 2px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 26px;
	text-align: left;
	color: #8e8e8e;

}



footer .copyright{
	text-align: center;
	padding: 30px 0;
	padding-top: 80px;
	font-size: 12px;
}




@media screen and (max-width:767px){



	.f_cta{
		margin-top: -130px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.button_list ul{
		flex-wrap: wrap;
	}

	.button_list li{
		flex-basis: 100%;
		margin-bottom: 23px;
	}


	footer{
		padding-top: 160px;
	}

	footer .flex_box{
		justify-content: center;
		flex-wrap: wrap;
	}

	footer .corporate{
		text-align: center;
		color: #242424;
		margin-bottom: 30px;
	}

	.f_sitemap{
		justify-content: space-between;
		width: 79%;
	}

	.f_sitemap > ul{
		margin-left: 20px;
	}



	footer .copyright{
		padding-top: 40px;
		font-size: 12px;
	}



}




/*animations*/

@-webkit-keyframes sizeIn {
	0% {
		opacity: 1;
		-webkit-transform: scaleY(0.3) skewY(-2deg);
		transform: scaleY(0.3) skewY(-2deg);
	}

	50% {
		opacity: 1;
		-webkit-transform: scaleY(1.1) skewY(-2deg);
		transform: scaleY(1.1) skewY(-2deg);
	}

	70% {
		-webkit-transform: scaleY(1) skewY(-2deg);
		transform: scaleY(1) skewY(-2deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: scaleY(1) skewY(-2deg);
		transform: scaleY(1) skewY(-2deg);
	}
}

@keyframes sizeIn {
	0% {
		opacity: 0;
		-webkit-transform: scaleY(.3) skewY(-2deg);
		-ms-transform: scaleY(.3) skewY(-2deg);
		transform: scaleY(.3) skewY(-2deg);
	}

	50% {
		opacity: 1;
		-webkit-transform: scaleY(1.1) skewY(-2deg);
		-ms-transform: scaleY(1.1) skewY(-2deg);
		transform: scaleY(1.1) skewY(-2deg);
	}

	70% {
		-webkit-transform: scaleY(1) skewY(-2deg);
		-ms-transform: scaleY(1) skewY(-2deg);
		transform: scaleY(1) skewY(-2deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: scaleY(1) skewY(-2deg);
		-ms-transform: scaleY(1) skewY(-2deg);
		transform: scaleY(1) skewY(-2deg);
	}
}

.animateinview[data-animinview='sizeIn'] {
	opacity: 0;
}
.sizeIn {
	transform-origin: bottom center;
	animation: sizeIn 0.7s forwards;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.animateinview[data-animinview='bounceIn'] {
	opacity: 0;
}
.bounceIn {
	animation: bounceIn 0.7s forwards;
}



@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		-ms-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}


.animateinview[data-animinview='rollIn'] {
	opacity: 0;
}
.rollIn {
	animation: rollIn 0.8s forwards;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		-ms-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}


.animateinview[data-animinview='rotateIn'] {
	opacity: 0;
}
.rotateIn {
	animation: rotateInDownLeft 0.8s forwards;
}



@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}


.animateinview[data-animinview='fadeInLeft'] {
	opacity: 0;
}
.fadeInLeft {
	animation: fadeInLeft 0.8s forwards;
}



@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.animateinview[data-animinview='fadeInUp'] {
	opacity: 0;
}
.fadeInUp {
	animation: fadeInUp 1.5s forwards;
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.animateinview[data-animinview='fadeIn'] {
	opacity: 0;
}
.fadeIn {
	animation: fadeIn 1.5s forwards;
}