@charset "UTF-8";

/* .contents
----------------------------------------*/

/* mainv_block
----------------------------------------*/
.mainv_block {
	height: 594px;
	font-family: 'Noto Sans JP', sans-serif;
}
.mainv_block img {
	width: 100%;
	display: block;
}
.mainv_block video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mainv_inner {
	width: 1000px;
	height: 594px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mainv_txt {
	width: 540px;
	padding-bottom: 40px;
	color: #fff;
	text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
}
.mainv_txt h2 {
	font-size: 6.5rem;
	letter-spacing: .07em;
	line-height: 1.25;
	margin-bottom: 15px;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}
.mainv_txt h2 span {
	font-size: 9rem;
	color: #009bff;
}
.mainv_txt p {
	font-size: 1.971rem;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: .05em;
	margin: 18px 0 -5px;
}
.mainv_txt img {
	margin-top: 56px;
	width: 435px;
}
.mainv_bnr p a {
	display: block;
	transition: opacity .3s;
}
.mainv_bnr {
	width: 348px;
}
.mainv_bnr p + p {
	margin-top: 30px;
}
@media only screen and (min-width: 769px) {
	.mainv_bnr p a:hover {
		opacity: .6;
	}
}
@media only screen and (max-width: 768px) {
	.mainv_block {
		height: 84vw;
		background-image: url(../img/index/bg_mainv-sp.jpg);
		margin-bottom: 31.3333vw;
	}
	.mainv_inner {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding-left: 0;
		justify-content: center;
		position: static;
	}
	.mainv_txt {
		width: auto;
		padding-bottom: 12.8vw;
		text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
	}
	.mainv_txt h2 {
		text-align: center;
		font-size: 12.8333vw;
		margin-bottom: 5vw;
		text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
	}
	.mainv_txt h2 span {
		font-size: 17.7693vw;
	}
	.mainv_txt p {
		font-size: 3.9173vw;
		text-align: center;
		margin: 10vw 0 -1vw;
	}
	.mainv_txt img {
		width: 68.6667vw;
		margin: 0 auto;
	}
	.mainv_bnr {
		width: auto;
		position: absolute;
		top: 100%;
		left: .4vw;
		right: .4vw;
		display: flex;
		justify-content: flex-start;
		justify-content: space-between;
		padding-top: 2.8vw;
	}
	.mainv_bnr p {
		width: 49.0666vw;
	}
	.mainv_bnr p + p {
		margin-top: 0;
	}
}

/* news_block
----------------------------------------*/
.news_block {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 20px 60px;
	display: flex;
}
.news_block img {
	display: block;
}
.news_block h2 {
	font-size: 2.5rem;
	color: #2dadff;
	overflow: hidden;
	margin-bottom: 26px;
	margin-top: 58px;
}
.news_block h2:first-child {
	margin-top: 0;
}
.news_block h2 a {
	font-size: 1.6rem;
	font-weight: normal;
	color: #000;
	padding: 5px 22px 0 0;
	letter-spacing: .1em;
	float: right;
	transition: opacity .3s;
}
.news_block h2 a::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	right: 3px;
	top: 13px;
}
.news_list {
	width: 630px;
}
.news_block ul li {
	border-bottom: solid 1px #858585;
	margin-bottom: 27px;
}
.news_block ul li a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-bottom: 14px;
	transition: opacity .3s;
}
.news_date {
	width: 98px;
}
.news_tag {
	width: 110px;
	font-size: 1.2rem;
	background: #7ac8ff;
	text-align: center;
	color: #fff;
	margin-right: 20px;
	padding: 2px 10px;
}
.news_tag.news {
	background: #2ac09e;
}
.news_tag.modellist {
	background: #d6c535;
}
.news_tag.seminar {
	background: #d17442;
}
.news_tag.campaign {
	background: #dc67bc;
}
.news_tag.web {
	background: #2f76ce;
}
.news_tag.case {
	background: #f1a075;
}
.news_block ul li h3 {
	width: calc(100% - 208px);
	font-weight: normal;
	font-size: 1.6rem;
	letter-spacing: .13em;
}
.news_bnr {
	width: 290px;
	margin: 0 0 0 auto;
}
.news_bnr a {
	display: block;
	transition: opacity .3s;
}
.news_bnr p + p {
	margin-top: 29px;
}
@media only screen and (min-width: 768px) {
	.news_more a:hover::after {
		animation-fill-mode: forwards;
		animation-duration: 600ms;
		animation-name: movex02;
	}
	.news_block a:hover,
	.news_bnr a:hover {
		opacity: .6;
	}
}
@media only screen and (max-width: 768px) {
	.news_block {
		width: auto;
		padding: 17px 2.5333vw 20px;
		display: block;
	}
	.news_block h2 {
		font-size: 1.8rem;
		margin-bottom: 1.1rem;
		margin-top: 2.7rem;
	}
	.news_block h2 a {
		font-size: 1.2rem;
		padding: .6rem 1.2rem 0 0;
	}
	.news_block h2 a::after {
		width: .5rem;
		height: .5rem;
		right: .3rem;
		top: 1.1rem;
	}
	.news_list {
		width: auto;
	}
	.news_block {
		padding: 40px 5%;
	}
	.news_block h2 img {
		display: block;
		width: auto;
		height: 25px;
		margin: 0 auto 10px;
	}
	.news_block ul {
		width: auto;
		margin: 0 auto;
	}
	.news_block ul li {
		margin-bottom: 0;
	}
	.news_block ul li + li {
		padding-top: 18px;
	}
	.news_block ul li a {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 10px;
	}
	.news_block ul li a:hover {
		opacity: 1;
	}
	.news_date {
		width: 95px;
	}
	.news_tag {
		width: 110px;
		font-size: 1.3rem;
		margin-right: 0;
		padding: 1px 5px;
	}
	.news_block ul li h3 {
		width: 100%;
		font-size: 1.4rem;
		padding-top: 5px;
	}
	.news_bnr {
		width: auto;
		margin: 27px 0 0;
		display: flex;
		justify-content: space-between;
	}
	.news_bnr p {
		width: 47.8873%;
	}
	.news_bnr p + p {
		margin-top: 0;
	}
}
@keyframes movex01 {
	0% { transform: translateX(0) rotate(-45deg); }
	50% { transform: translateX(10px) rotate(-45deg); }
	100% { transform: translateX(0) rotate(-45deg); }
}
@keyframes movex02 {
	0% { right: 0; }
	50% { right: -10px; }
	100% { right: 0; }
}
@keyframes movex03 {
	0% { transform: translateX(0) rotate(-45deg); }
	50% { transform: translateX(5px) rotate(-45deg); }
	100% { transform: translateX(0) rotate(-45deg); }
}

/* about_block
----------------------------------------*/
.about_block {
	z-index: 10;
}
.about_inner {
	width: 1000px;
	margin: 0 auto;
}
.about_box {
	width: 500px;
	background: #fff;
	padding: 70px 20px 74px 68px;
	z-index: 10;
}
.about_box h2 {
	font-size: 3rem;
	color: #2dadff;
	letter-spacing: .1em;
	margin-bottom: 15px;
}
.about_box p {
	font-size: 1.6rem;
	letter-spacing: .1em;
}
.about_box > p a {
	transition: opacity .3s;
}
.about_box > p a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	vertical-align: 2px;
	margin-left: 4px;
}
.about_btn {
	width: 340px;
	margin-top: 48px;
}
.about_btn p + p {
	margin-top: 20px;
}
.about_btn a {
	display: block;
	background: #009bff;
	font-size: 1.6rem;
	color: #fff;
	padding: 19px 25px 17px;
	transition: opacity .3s;
}
.about_btn a::after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url(../img/common/icon_gnav_arrow.svg) no-repeat left top / 100% auto;
	margin-left: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23px;
	margin: auto;
	transition: transform .3s;
}
.about_block figure {
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
	margin-left: -233px;
}
.about_block figure img {
	height: 570px;
	object-fit: cover;
	object-position: left center;
}
@media only screen and (min-width: 769px) {
	.about_box > p a:hover,
	.about_btn a:hover {
		opacity: .6;
	}
	.about_btn a:hover::after {
		transform: translateX(5px);
	}
}
@media only screen and (max-width: 768px) {
	.about_inner {
		width: auto;
	}
	.about_box {
		width: auto;
		padding: 30px 5%;
	}
	.about_box h2 {
		font-size: 2rem;
	}
	.about_box p {
		font-size: 1.4rem;
	}
	.about_btn {
		width: auto;
		margin-top: 20px;
	}
	.about_btn a {
		font-size: 1.4rem;
	}
	.about_block figure {
		position: relative;
		left: 0;
		margin-left: 0;
	}
	.about_block figure img {
		height: auto;
	}
}

/* service_block
----------------------------------------*/
.service_block {
	background: #f0f4f9;
	padding: 210px 0 182px;
}
.service_block::before {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
	margin-left: -370px;
	bottom: 370px;
}
.service_block img {
	display: block;
}
.service_inner {
	width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}
.service_block h2 {
	text-align: center;
	font-size: 3rem;
	letter-spacing: .05em;
	color: #2dadff;
	margin-bottom: 18px;
}
.service_txt {
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: .05em;
	margin-bottom: 40px;
}
.service_txt a {
	transition: opacity .3s;
}
.service_txt a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	vertical-align: 2px;
	margin-left: 6px;
}
.service_block ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service_block ul li {
	width: 231px;
	margin-bottom: 20px;
}
.service_block ul a {
	display: block;
	transition: opacity .3s;
}
.service_block ul figure {
	overflow: hidden;
}
.service_block ul img {
	transition: transform .3s;
}
.service_block ul figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 55px;
	padding: 0 20px;
	letter-spacing: .05em;
	background: rgba(45, 173, 255, .9);
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.service_block ul figcaption span {
	font-size: 1.4rem;
}
.service_block ul figcaption::after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url(../img/common/icon_gnav_arrow.svg) no-repeat left top / 100% auto;
	margin-left: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	transition: transform .3s;
}
.service_block ul li:first-child figcaption::after {
	right: 25px;
}
@media only screen and (min-width: 769px) {
	.service_txt a:hover,
	.service_block ul a:hover {
		opacity: .6;
	}
	.service_block ul a:hover figcaption::after {
		transform: translateX(5px);
	}
	.service_block ul a:hover img {
		transform: scale(1.1);
	}
	.service_block ul li:first-child {
		width: 718px;
	}
	.service_block ul li:first-child img {
		height: 240px;
		object-fit: cover;
		object-position: left top;
	}
}
@media only screen and (max-width: 768px) {
	.service_block {
		padding: 3rem 0 182px;
	}
	.service_block::before {
		left: 0;
		margin-left: 0;
		bottom: 30rem;
	}
	.service_inner {
		width: auto;
		padding: 0 5%;
	}
	.service_block h2 {
		font-size: 2rem;
	}
	.service_txt {
		text-align: left;
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.service_txt a::after {
		vertical-align: 1px;
	}
	.service_block ul li {
		width: 48%;
		margin-bottom: 2rem;
	}
	.service_block ul li:first-child {
		width: 100%;
	}
	.service_block ul li:first-child img {
		height: 15rem;
		width: auto;
		max-width: none;
	}
	.service_block ul figcaption {
		height: 5.5rem;
		padding: 0 5%;
		font-size: 1.4rem;
	}
	.service_block ul figcaption::after {
		width: 1.4rem;
		height: 1.2rem;
		margin-left: 0;
		right: 1rem;
	}
	.service_block ul li:first-child figcaption::after {
		right: 1rem;
	}
}

/* case_block
----------------------------------------*/
.case_block {
	margin-top: -94px;
	padding: 94px 20px 78px;
}
.case_block > figure {
	position: absolute;
	top: 0;
	left: 0;
	right: 50%;
	height: 570px;
	margin-right: -230px;
}
.case_block > figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
.case_inner {
	width: 1000px;
	margin: 0 auto;
}
.case_box {
	width: 903px;
	margin: 25px 0 0 auto;
	padding: 54px 52px 54px 55px;
	background: #fff;
	z-index: 10;
}
.case_box h2 {
	color: #009bff;
	font-size: 3rem;
	letter-spacing: .05em;
	margin-bottom: 15px;
}
.case_box > p {
	font-size: 1.6rem;
	letter-spacing: .05em;
}
.case_box > p a {
	transition: opacity .3s;
}
.case_box > p a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	vertical-align: 2px;
	margin-left: 6px;
}
.case_box ul {
	display: flex;
	justify-content: space-between;
	margin-top: 42px;
}
.case_box ul li {
	width: 245px;
}
.case_box ul li a {
	display: block;
	transition: opacity .3s;
}
.case_box ul li figure {
	overflow: hidden;
}
.case_box ul li img {
	display: block;
	transition: transform .3s;
}
.case_box ul li a p {
	font-size: 1.6rem;
	color: #009bff;
	font-weight: bold;
	letter-spacing: .08em;
	margin-top: 19px;
	line-height: 1.3;
	display: inline-block;
	padding-right: 22px;
}
.case_box ul li:nth-child(1) a p {
	letter-spacing: .12em;
}
.case_box ul li a p::after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url(../img/common/icon_gnav_arrow_blue.svg) no-repeat left top / 100% auto;
	position: absolute;
	top: 3px;
	right: 0;
	transition: transform .3s;
}
@media only screen and (min-width: 769px) {
	.case_box > p a:hover,
	.case_box ul li a:hover {
		opacity: .6;
	}
	.case_box ul li a:hover p::after {
		transform: translateX(5px);
	}
	.case_box ul li a:hover img {
		transform: scale(1.1);
	}
}
@media only screen and (max-width: 768px) {
	.case_block {
		margin-top: -250px;
		padding: 94px 0 0;
	}
	.case_block > figure {
		position: relative;
		right: 0;
		height: auto;
		margin-right: 0;
	}
	.case_block > figure img {
		height: auto;
	}
	.case_inner {
		width: auto;
	}
	.case_box {
		width: auto;
		margin: 20px 0 0 auto;
		padding: 54px 5% 30px;
	}
	.case_box h2 {
		font-size: 2rem;
	}
	.case_box > p {
		font-size: 1.4rem;
	}
	.case_box > p a::after {
		vertical-align: 1px;
	}
	.case_box ul {
		display: block;
		margin-top: 20px;
	}
	.case_box ul li {
		width: auto;
	}
	.case_box ul li + li {
		margin-top: 30px;
	}
	.case_box ul li a p {
		font-size: 1.4rem;
		margin-top: 10px;
	}
}


/* movie_block
----------------------------------------*/
.movie_block {
	padding: 0 0 73px;
}
.movie_block h2 {
	text-align: center;
	font-size: 3rem;
	color: #009bff;
	margin-bottom: 36px;
}
.movie_inner{
	width: 960px;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
}
.movie_inner .movie_box {
	width: 100%;
}
.movie_inner .movie_box + .movie_box {
	margin-left: 40px;
}
.movie_inner .movie_box p {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 11px;
	letter-spacing: .05em;
}
.movie_inner .movie_box .movie_frame {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.movie_inner .movie_box .movie_frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.movie_block {
		padding: 40px 5% 10px
	}
	.movie_block h2 {
		text-align: center;
		font-weight: normal;
		font-size: 2rem;
		margin-bottom: 15px;
	}
	.movie_block h2 img {
		display: block;
		width: auto;
		height: 25px;
		margin: 0 auto 10px;
	}
	.movie_inner{
		width: 100%;
		margin: 0 auto 30px;
		flex-direction: column;
	}
	.movie_inner .movie_box {
		width: 100%;
	}
	.movie_inner .movie_box + .movie_box{
		margin-left: 0;
		margin-top: 20px;
	}
}

/* guide_block
----------------------------------------*/
.guide_block {
	z-index: 10;
}
.guide_inner {
	width: 1000px;
	margin: 0 auto;
}
.guide_box {
	width: 500px;
	background: #fff;
	padding: 2px 30px 60px 68px;
	z-index: 10;
}
.guide_box h2 {
	font-size: 3rem;
	color: #2dadff;
	letter-spacing: .1em;
	margin-bottom: 13px;
}
.guide_box p {
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: .1em;
}
.guide_box > p a {
	transition: opacity .3s;
}
.guide_box > p a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	vertical-align: 2px;
	margin-left: 4px;
}
.guide_btn {
	width: 340px;
	margin-top: 30px;
}
.guide_btn p + p {
	margin-top: 18px;
}
.guide_btn a {
	display: block;
	background: #009bff;
	font-size: 1.6rem;
	color: #fff;
	padding: 18px 25px 16px;
	transition: opacity .3s;
}
.guide_btn a::after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	background: url(../img/common/icon_gnav_arrow.svg) no-repeat left top / 100% auto;
	margin-left: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23px;
	margin: auto;
	transition: transform .3s;
}
.guide_block figure {
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
	margin-left: -233px;
}
.guide_block figure img {
	height: 570px;
	object-fit: cover;
	object-position: left center;
}
@media only screen and (min-width: 769px) {
	.guide_box > p a:hover,
	.guide_btn a:hover {
		opacity: .6;
	}
	.guide_btn a:hover::after {
		transform: translateX(5px);
	}
}
@media only screen and (max-width: 768px) {
	.guide_inner {
		width: auto;
	}
	.guide_box {
		width: auto;
		padding: 2px 5% 40px;
	}
	.guide_box h2 {
		font-size: 2rem;
	}
	.guide_box p {
		font-size: 1.4rem;
	}
	.guide_box > p a::after {
		vertical-align: 1%;
	}
	.guide_btn {
		width: auto;
	}
	.guide_btn a {
		font-size: 1.4rem;
	}
	.guide_block figure {
		position: relative;
		left: auto;
		margin-left: 0;
	}
	.guide_block figure img {
		height: auto;
		display: block;
	}
}


/* intruduce_block
----------------------------------------*/
.intruduce_block {
	background: #f0f4f9;
	padding: 220px 0 0;
}
.intruduce_block img {
	display: block;
}
.intruduce_block h2 {
	color: #fff;
	font-size: 1.6rem;
	position: absolute;
	left: 40px;
	bottom: 18px;
	letter-spacing: .05em;
}
.intruduce_inner {
	background: #fff;
	padding-top: 83px;
}
.intruduce_block ul {
	width: 1000px;
	margin: 0 auto;
	display: flex;
}
.intruduce_block ul li {
	width: 50%;
}
.intruduce_block ul li a {
	display: block;
	transition: opacity .3s;
}
.intruduce_block ul li figure {
	overflow: hidden;
}
.intruduce_block ul li figure img {
	display: block;
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
}
@media only screen and (min-width: 769px) {
	.intruduce_block ul li a:hover figure img {
		transform: scale(1.1);
	}
	.intruduce_block ul li a:hover {
		opacity: .6;
	}
	.intruduce_block ul li a:hover .intruduce_more::after {
		animation-fill-mode: forwards;
		animation-duration: 600ms;
		animation-name: movex02;
	}
}
@media only screen and (max-width: 768px) {
	.intruduce_block {
		padding: 40px 0 0;
	}
	.intruduce_block h2 {
		left: 5%;
	}
	.intruduce_inner {
		padding-top: 40px;
	}
	.intruduce_block ul {
		width: auto;
		margin: 0 5%;
		display: block;
	}
	.intruduce_block ul li {
		width: auto;
	}
	.intruduce_block ul li + li {
		margin-top: 20px;
	}
}