@charset "UTF-8";
/* CSS Document */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*マージン*/

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

/*マージン*/

/*IMG*/

.img_ma{
	margin-right:auto;
	margin-left:auto;
	display:block;
	max-width: 100%;
}

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

/*IMG*/

a{
	transition:.2s;
}

body{
	font-family:  "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	line-height:24px;
}

.drawer .drawer-hamburger{
	padding:10px;
	margin-top:20px;
	margin-right:10px;
	border-radius: 26px;
	height:24px;
	padding-bottom:18px;
}

.drawer .drawer-nav{
	background:#000;
	padding:20px 10px;
}

.drawer .drawer-nav ul{
	height: 100%;
	overflow: auto;
}

.drawer .drawer-nav ul li{
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}

.drawer .drawer-nav ul li a{
	display: block;
	padding:10px 2px 0;
}

@media screen and (min-width:1111px) {
	.drawer .drawer-hamburger{
		display:none;
	}
}

/* header */

body{
	padding-top:100px;
}

header{
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	height: 100px;
	background:#000;
	padding-left: 180px;
	z-index: 10;
	transition: .3s;
}

header h1{
	height: 70px;
	position: absolute;
	left: 60px;
	top:15px;
	transition: .3s;
}

header h1 img{
	height: 100%;
}

header nav{
	padding-top:65px;
}

header nav ul li{
	float: left;
	margin-right: 35px;
}

header nav ul li a{
	position: relative;
}

header nav ul li a:before{
  position: absolute;
  top: 1.1em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #fff;
  transition: .4s;
}

header nav ul li a:hover:before{
  width: 100%;
}

header nav ul li a img{
}

@media screen and (max-width:1190px) {
	header{
		padding-left: 110px;
	}
	
	header h1{
		left:10px;
	}
}

@media screen and (max-width:1110px) {
	header nav{
		display: none;
	}
}

/* header end */

/* main_img */

.main_img_wrap{
	padding-left: 100px;
	background:#595757;
	height: calc( 100vh - 163px );
}

.main_img{
	width:100%;
	height: 100%;
	background:#3fbde0;
	overflow: hidden;
	position: relative;
}

.main_img_sp{
	display: none;
	width:100%;
	height: 100%;
	background:#3fbde0;
	overflow: hidden;
	position: relative;
}

.main_img_sp img{
	position: absolute;
	bottom: 5%;
	right:0;
	width:100%;
	opacity: 0;
	transition: 1s;
	transition-delay: .5s;
}

.main_img_sp_on img{
	opacity: 1;
}

@media screen and (max-width:550px) {
	.main_img{
		display: none;
	}
	
	.main_img_sp{
		display: block;
	}
}

.main_img1_1{
	position: absolute;
	top:50%;
	left: 100px;
	z-index: 3;
	margin-top:-70px;
	opacity: 0;
	transition: 1s;
	transition-delay: .6s;
}

.main_img1_1_on{
	opacity: 1;
}

.main_img1_2{
	position: absolute;
	left: 450px;
	bottom:10px;
	width:auto;
	max-width: 9999px;
	height:110%;
	z-index: 2;
	opacity: 0;
	transition: 1s;
	transition-delay: 3.2s;
}

.main_img1_2_on{
	opacity: 1;
}

.main_img_line{
	width:auto;
	height: 64%;
	position: absolute;
	left:150px;
	bottom:30%;
	z-index: 1;
	opacity: 0;
	transition: 1s;
	transition-delay:1.8s;
}

.main_img_line_on{
	left: 70px;
	bottom:18%;
	opacity: 1;
}

.main_img2_1{
	position: absolute;
	left: 450px;
	bottom:10px;
	width:auto;
	max-width: 9999px;
	height:110%;
	z-index: 2;
	opacity: 0;
	transition: 1s;
	transition-delay: 6s;
}

.main_img2_1_on{
	opacity: 1;
}

.main_img3_1{
	position: absolute;
	left: 450px;
	bottom:10px;
	width:auto;
	max-width: 9999px;
	height:110%;
	z-index: 2;
	opacity: 0;
	transition: 2s;
	transition-delay: 6s;
}

.main_img3_1_on{
	opacity: 1;
}

.main_img_text{
	width:470px;
	position: absolute;
	left: 80px;
	bottom:80px;
	z-index: 3;
	opacity: 0;
	transition: 2s;
	transition-delay: 6s;
}

.main_img_text_on{
	opacity: 1;
}

.main_img_lady{
	position: absolute;
	left: 450px;
	bottom:10px;
	width:auto;
	max-width: 9999px;
	height:110%;
	z-index: 2;
	opacity: 0;
	transition: 2s;
	transition-delay: 9s;
}

.main_img_lady_on{
	opacity: 1;
}

.main_img_wing{
	position: absolute;
	left: 450px;
	bottom:10px;
	z-index: 1;
	opacity: 0;
	transition: 2s;
}

.main_img_wing_on{
	opacity: 1;
}

.wing_r{
	height:44.6948356807511737%;
	position: absolute;
	top:14.9295774647887324%;
	right:0;
	/*
	-webkit-animation:fuwafuwa 2.3s 6 linear alternate;
	animation:fuwafuwa 2.3s 6 linear alternate;
	*/
	transform-origin: bottom left;
}

.wing_l{
	height:43.2863849765258216%;
	position: absolute;
	top:17.8403755868544601%;
	left:3%;
	/*
	-webkit-animation:fuwafuwa2 2.3s 6 linear alternate;
	animation:fuwafuwa2 2.3s 6 linear alternate;
	*/
	transform-origin: bottom right;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -2px) rotate(-2deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}

}

@keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -2px) rotate(-2deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}

@-webkit-keyframes fuwafuwa2 {
0% {-webkit-transform:translate(0, 0) rotate(5deg);}
50% {-webkit-transform:translate(0, 2px) rotate(2deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}

}

@keyframes fuwafuwa2 {
0% {-webkit-transform:translate(0, 0) rotate(5deg);}
50% {-webkit-transform:translate(0, 2px) rotate(2deg);}
100% {-webkit-transform:translate(0, 0)rotate(0deg);}
}

@media screen and (max-width:1250px) {
	.main_img1_1{
		left:6%;
		height:100px;
		margin-top:-50px;
	}
	
	.main_img1_2{
		left:auto;
		right:-200px;
	}
	
	.main_img2_1{
		left:auto;
		right:-200px;
	}
	
	.main_img3_1{
		left:auto;
		right:-200px;
	}
	
	.main_img_lady{
		left:auto;
		right:-200px;
	}
	
	.main_img_wing{
		left:auto;
		right:-200px;
	}
	
	.main_img_text{
		width:50%;
		left:6%;
		bottom:6%;
		min-width: 320px;
	}
}

@media screen and (max-width:700px) {
	.main_img_wrap{
		padding-left: 0;
	}
	
	.main_img_text{
		min-width: 280px;
	}
}

.main_img_sns{
	background:#3e3a39;
	height: 63px;
	padding-right: 70px;
	padding-top:18px;
}

@media screen and (max-width:700px) {
	.main_img_sns{
		padding-right: 20px;
	}
}

.main_img_sns > ul{
	float: right;
}

.main_img_sns > ul > li{
	float: left;
	margin-left: 20px;
}

.main_img_sns > ul > li a{
	display: table;
	background:#fff;
}

.main_img_sns > ul > li:nth-of-type(1) a:hover{
	background:#1da1f2;
}

.main_img_sns > ul > li:nth-of-type(2) a:hover{
	background:#1877f2;
}

/*
.main_img_sns > ul > li:nth-of-type(3) a:hover{
	background:#e75f73;
}
*/

/* main_img end */

/* top */

.about{
	position: relative;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	padding:100px 10px 60px;
	overflow: hidden;
}

.about > div{
	position: relative;
	z-index: 2;
	max-width: 559px;
	margin:0 auto;
}

.about > div > h2{
	margin:0 auto 70px;
	width:28.0802292263610315%;
}

.about > div > img{
	width:100%;
}

.about_line1{
	position: absolute;
	top:-100%;
	left:520px;
	z-index: 1;
	transition: .6s;
}

.about_line2{
	position: absolute;
	bottom:-100%;
	left:550px;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.about_line3{
	position: absolute;
	top:-100%;
	right:-480px;
	z-index: 1;
	transition: .6s;
	transition-delay: .6s;
}

.about_line1_on{
	left:0;
	top:0
}

.about_line2_on{
	left:50px;
	bottom:0
}

.about_line3_on{
	right:0;
	top:0
}

@media screen and (max-width:800px) {
	.about{
		padding:60px 10px 40px;
	}
	
	.about > div > h2{
		margin:0 auto 40px;
	}
	
	.about_line1{
		width:250px;
	}
	
	.about_line2{
		width:250px;
	}
	
	.about_line3{
		width:250px;
	}
}

@media screen and (max-width:700px) {
	.about > div > h2{
		margin-bottom:8%;
	}
}

@media screen and (max-width:550px) {
	.about_line1{
		width:180px;
		height: 190px;
		left:200px;
	}
	
	.about_line2{
		width:180px;
		height: 190px;
		left:250px;
	}
	
	.about_line3{
		width:180px;
		height: 190px;
		right:-200px;
	}
	
	.about_line1_on{
		left:-30px;
		top:0
	}

	.about_line2_on{
		left:-30px;
		bottom:0
	}

	.about_line3_on{
		right:-70px;
		top:0
	}
}

.top_3box_wrap{
	background:#3e3a39;
	padding:100px 20px 80px;
}

.top_3box > ul{
	max-width: 1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.top_3box > ul li{
	width:30%;
	max-width: 258px;
	color:#fff;
	font-size: 15px;
	line-height:22px;
	margin-bottom:50px;
	position: relative;
	opacity: 0;
	top:50px;
	transition: .5s;
}

.top_3box > ul li:nth-of-type(2){
	transition-delay: .3s;
}

.top_3box > ul li:nth-of-type(3){
	transition-delay: .6s;
}

.top_3box > ul .about_li_on{
	opacity: 1;
	top:0;
}

.top_3box > ul li img{
	display: block;
	width:100%;
	margin-bottom:15px;
}

.top_3box > ul li > a{
	display: block;
	position: relative;
}

.top_3box > ul li > a > div{
	background:#000;
	width:100%;
	height:84.0148698884758364%;
	position: absolute;
	bottom:0;
	left: 0;
	display: table;
	transition: .4s;
	opacity: 0;
}

.top_3box > ul li > a:hover > div{
	opacity: 0.8;
}

.top_3box > ul li > a > div > p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: Futura, "Futura", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color:#fff;
	font-size: 19px;
	line-height:24px;
}

.btn1{
	display: block;
	text-align: center;
	width:280px;
	border:1px solid #fff;
	background:url("images/more_ar.png") no-repeat 236px 49% #3e3a39;
	color:#fff;
	text-decoration: none;
	margin:0 auto;
	font-size: 19px;
	line-height:50px;
	font-family: Futura, "Futura", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
}

.btn1:hover{
	background:#fff;
	color:#3e3a39;
	background-position: 236px 49%;
}

@media screen and (max-width:700px) {
	.top_3box > ul{
		max-width: 570px;
	}
	
	.top_3box > ul li{
		width:47%;
	}
}

@media screen and (max-width:420px) {
	.top_3box > ul{
		justify-content: space-around;
	}
	
	.top_3box > ul li{
		width:100%;
	}
}

.top_works_wrap{
	max-width: 1200px;
	padding:130px 20px 170px;
	position: relative;
	margin:0 auto;
	overflow: hidden;
}

.top_works{
}

.top_works_h{
	text-align: center;
	margin-bottom:80px;
	position: relative;
	z-index: 2;
}

.top_works_img1{
	display: block;
	margin:0 auto 120px;
	position: relative;
	z-index: 2;
}

.top_works > ul{
	margin:0 auto;
	max-width: 1040px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.top_works > ul li{
	width:47%;
	max-width: 482px;
	margin-bottom:100px;
}

.top_works > ul li > div{
	position: relative;
}

.top_works > ul li > a{
	position: relative;
	z-index: 2;
}

.top_works > ul li > p:nth-of-type(1){
	font-size: 17px;
	line-height:24px;
	font-weight: bold;
	text-align: center;
	margin:24px auto 8px;
	position: relative;
	z-index: 2;
}

.top_works > ul li > p:nth-of-type(1) span{
	display: inline-block;
}

.top_works > ul li > p:nth-of-type(1) .works_title_line{
	display: block;
	margin:8px auto 0;
	width:100%;
	max-width: 380px;
	height:2px;
	background:#000;
}

.top_works > ul li > p:nth-of-type(2){
	text-align: center;
	max-width: 380px;
	margin:0 auto;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width:730px) {
	.top_works_wrap{
		padding:100px 20px 120px;
	}
	
	.top_works_h{
		margin-bottom:60px;
	}
	
	.top_works_img1{
		margin-bottom:80px;
	}
	
	.top_works > ul{
		justify-content: space-around;
	}
	
	.top_works > ul li{
		width:100%;
		margin-bottom:70px;
	}
}

.top_works_btn{
	max-width: 950px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 auto;
	position: relative;
	z-index: 2;
	padding-top:60px;
}

.top_works_btn > a{
	display: block;
	width:32%;
	max-width: 280px;
	background:url("images/more_ar.png") no-repeat 94% 49% #3e3a39;
	border:1px solid #3e3a39;
	line-height: 50px;
	font-size: 19px;
	text-align: center;
	color:#fff;
	text-decoration: none;
	font-family: Futura, "Futura", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin-bottom:30px;
}

.top_works_btn > a:hover{
	color:#3e3a39;
	background:#fff;
	background-position: 94% 49%;
	background-image: none;
}

@media screen and (max-width:700px) {
	.top_works_btn{
		max-width: 580px;
	}
	
	.top_works_btn > a{
		width:48%;
	}
}

@media screen and (max-width:450px) {
	.top_works_btn{
		justify-content: space-around;
	}
	
	.top_works_btn > a{
		width:100%;
	}
}

.top_works_line1{
	position: absolute;
	top:-400px;
	right:-200px;
	z-index: 1;
	transition: .6s;
}

.top_works_line2{
	position: absolute;
	top:-360px;
	right:200px;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.top_works_line1_on{
	top:-160px;
	right:40px;
}

.top_works_line2_on{
	top:-120px;
	right:0;
}

.top_works_line3{
	position: absolute;
	top:-182px;
	left:0px;
	z-index: 1;
	transition: .6s;
}

.top_works_line3_on{
	top:0;
	left:-80px;
}

.top_works_line4{
	position: absolute;
	bottom:-182px;
	left:80px;
	z-index: 1;
	transition: .6s;
}

.top_works_line4_on{
	bottom:-100px;
	left:0px;
}

.top_works_line5{
	position: absolute;
	bottom:-310px;
	left:-140px;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.top_works_line5_on{
	bottom:0px;
	left:60px;
}

.top_works_line6{
	position: absolute;
	bottom:-310px;
	left:320px;
	z-index: 1;
	transition: .6s;
}

.top_works_line6_on{
	bottom:80px;
	left:120px;
}

/* top end */

/* contact */

.contact_wrap{
	background:#3fbde0;
	padding:110px 0 130px;
	overflow: hidden;
}

.con_h{
	display: block;
	margin:0 auto 70px;
	position: relative;
	z-index: 2;
}

.contact{
	padding:100px 50px;
	background:#fff;
	max-width: 1100px;
	margin:0 auto;
	position: relative;
	right:-100%;
	z-index: 2;
	transition: .5s;
}

.contact_on{
	right:0;
}

#map{
	width:100%;
	max-width:540px;
	height:418px;
	float: left;
}

.con_info{
	float: left;
	padding-left:70px;
	width:400px;
	padding-top:30px;
}

.con_info > div:nth-of-type(1){
	margin:30px 0;
	padding-left: 60px;
}

.con_info > div > img{
	display: block;
}

.con_info > div > img:nth-of-type(1){
	margin-bottom:30px;
}

.con_info > div:nth-of-type(2){
	padding-left: 60px;
}

.con_info > div:nth-of-type(2) a{
	display: block;
	text-align: center;
	width:280px;
	border:1px solid #3e3a39;
	background:#3e3a39;
	color:#fff;
	text-decoration: none;
	margin:0 auto;
	font-size: 19px;
	line-height:50px;
	font-family: Futura, "Futura", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin-top:18px;
}

.con_info > div:nth-of-type(2) a:hover{
	background:#fff;
	color:#3e3a39;
}

.con_blank{
	position: absolute;
	top:0;
	left: 100%;
	width:3000px;
	height:100%;
	background: #fff;
}

@media screen and (max-width:1050px) {
	#map{
		width:100%;
		max-width: 100%;
		float: none;
	}
	
	.con_info{
		display: table;
		width:auto;
		padding-top:40px;
		padding-left: 0;
		margin:0 auto;
		float: none;
	}
	
	.con_info > img{
		display: block;
	}
	
	.con_info > div{
		float: left;
	}
	
	.con_info > div > img:nth-of-type(2){
		width:100%;
		max-width: 280px;
	}
}

@media screen and (max-width:740px) {
	.con_info > div{
		float: none;
	}
}

@media screen and (max-width:600px) {
	.contact{
		padding:50px 20px;
	}
	
	.con_info > div:nth-of-type(2){
		padding-left: 20px;
	}
}

.con_line_box{
	position: relative;
	margin:0 auto;
	max-width: 1100px;
}

.con_line1{
	position: absolute;
	top:0px;
	right:200px;
	z-index: 1;
	transition: .6s;
	transition-delay: .6s;
	opacity: 0;
}

.con_line1_on{
	top:-260px;
	right:0px;
	opacity: 1;
}

.con_line2{
	position: absolute;
	bottom:0px;
	left:-50px;
	z-index: 1;
	transition: .6s;
	transition-delay: .2s;
	opacity: 0;
}

.con_line2_on{
	bottom:-200px;
	left:-200px;
	opacity: 1;
}

/* contact end */

/* footer */

footer{
	background:#3e3a39;
	height: 60px;
	padding:0 70px;
	padding-top:13px;
}

footer > div{
	float: left;
}

footer > div img{
	float: left;
}

footer > div > a img{
	margin-right: 20px;
}

footer > div > img{
	margin-top: 16px;
}

footer > ul{
	float: right;
	padding-top:3px;
}

footer > ul > li{
	float: left;
	margin-left: 20px;
}

footer > ul > li a{
	display: table;
	background:#fff;
}

footer > ul > li:nth-of-type(2) a:hover{
	background:#1877f2;
}

footer > ul > li:nth-of-type(1) a:hover{
	background:#1da1f2;
}

/*
footer > ul > li:nth-of-type(3) a:hover{
	background:#e75f73;
}
*/

@media screen and (max-width:700px) {
	footer{
		padding:13px 20px 0;
	}
}

@media screen and (max-width:550px) {
	footer{
		padding:13px 20px 0;
		height: 70px;
	}
	
	footer > div img{
		float: none;
		display: block;
	}
	
	footer > div > img{
		margin-top:0;
		padding-left: 40px;
	}
}

@media screen and (max-width:400px) {
	footer{
		padding:10px;
		height: auto;
	}
	
	footer > ul {
		padding-top:10px;
	}
	
	footer > ul > li{
		height:22px;
		margin-left: 15px;
	}
	
	footer > ul > li img{
		height: 100%;
	}
}

/* footer end */

/* profile */

.h2_main{
	overflow-x: hidden;
	display: table;
	width:100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.h2_main > div{
	display: table-cell;
	vertical-align: middle;
	height: 250px;
	padding:0 10px;
}

.h2_main > div > img:nth-of-type(1){
	position: relative;
	z-index: 2;
}

.h2_main > div > img:nth-of-type(2){
	position: absolute;
	top:-311px;
	right: -200px;
	transition: 1s;
}

.h2_main_on > div > img:nth-of-type(2){
	position: absolute;
	top:0;
	right: 0;
}

@media screen and (max-width:600px) {
	.h2_main > div{
		height: 150px;
	}
}

.page_top_img{
	width:100%;
	height: auto;
}

.profile1_wrap{
	background:#3fbde0;
	padding:50px 20px;
	position: relative;
	z-index: 2;
}

.profile1{
	max-width: 1100px;
	margin:0 auto;
}

.profile1_l{
	width:47.2727272727272727%;
	float: left;
	position: relative;
	padding-bottom:6%;
	padding-top:4%;
	opacity: 0;
	left:-60px;
	transition: .5s;
}

.profile1_l_on{
	opacity: 1;
	left: 0;
}

.profile1_l > h3{
	margin-bottom:80px;
}

.profile1_l > div{
	display: block;
	padding-left: 10%;
	position: relative;
	z-index: 2;
}

.profile1_l > div > img{
	display: block;
}

.profile1_l > img{
	display: block;
	position: absolute;
	z-index: 1;
	bottom:0;
	left: -70px;
}

.profile1_r{
	width:52.7272727272727273%;
	float: right;
	position: relative;
}

.profile1_r > img:nth-of-type(1){
	opacity: 1;
	transform: scale(0) rotate(100deg);
	transform-origin: center center;
	transition: .5s;
	transition-delay: .3s;
}

.profile1_r_on > img:nth-of-type(1){
	opacity: 1;
	transform: scale(1) ;
	transform-origin: center center;
}

.profile1_r > img:nth-of-type(2){
	position: absolute;
	top:2%;
	left: -8.5%;
	width:46.7241379310344828%;
	opacity: 0;
	transition: .5s;
	transition-delay: 1.6s;
}

.profile1_r_on > img:nth-of-type(2){
	opacity: 1;
}

.profile1_r > img:nth-of-type(3){
	position: absolute;
	bottom:8.5%;
	right: 16%;
	width:26.7241379310344828%;
	opacity: 0;
	transition: .5s;
	transition-delay: 1s;
}

.profile1_r_on > img:nth-of-type(3){
	opacity: 1;
}

@media screen and (max-width:850px) {
	.profile1_l{
		float: none;
		width:100%;
		max-width: 550px;
		padding-top:0;
		margin:0 auto;
	}
	
	.profile1_l > h3{
		margin-bottom:40px;
	}
	
	.profile1_r{
		float: none;
		width:100%;
		max-width: 600px;
		margin:0 auto;
	}
	
	.profile1_r > img:nth-of-type(2){
		left: 0;
	}
	
	.profile1_r > img:nth-of-type(1){
		transition-delay: 0s;
	}
	
	.profile1_r > img:nth-of-type(2){
		transition-delay: 1.2s;
	}
	
	.profile1_r > img:nth-of-type(3){
		transition-delay: .6s;
	}
}

@media screen and (max-width:450px) {
	.profile1_wrap{
		padding: 50px 10px;
	}
}

.profile2_wrap{
	overflow: hidden;
}

.profile2{
	max-width: 1120px;
	padding:100px 10px;
	margin:0 auto;
	position: relative;
}

.profile2 > h3{
	float: left;
	position: relative;
	z-index: 2;
}

.profile2 > table{
	float: right;
	font-size: 19px;
	line-height:26px;
	position: relative;
	z-index: 2;
}

.profile2 > table th{
	width:190px;
	font-weight: bold;
	padding-bottom:30px;
	vertical-align: top;
}

.profile2 > table td{
	font-weight: bold;
	padding-bottom:30px;
	vertical-align: top;
}

.profile2_line1{
	position: absolute;
	top:-311px;
	left:130px;
	z-index: 1;
	transition: .6s;
}

.profile2_line2{
	position: absolute;
	top:-311px;
	left:-250px;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.profile2_line3{
	position: absolute;
	top:-311px;
	right:-300px;
	z-index: 1;
	transition: .6s;
	transition-delay: .6s;
}

.profile2_line1_on{
	top:0;
	left:-70px;
}

.profile2_line2_on{
	top:80px;
	left:0px;
}

.profile2_line3_on{
	top:0;
	right:-100px;
}

@media screen and (max-width:800px) {
	.profile2{
		max-width: 560px;
		margin:0 auto;
	}
	
	.profile2 > h3{
		float: none;
		margin-bottom:30px;
	}
	
	.profile2 > table{
		float: none;
	}
	
	.profile2_line3{
		display: none;
	}
}

@media screen and (max-width:420px) {
	.profile2 > table th{
		width:100%;
		display: block;
		padding-bottom:0;
	}
	
	.profile2 > table td{
		width:100%;
		display: block;
		padding-left: 19px;
	}
}

.profile3_wrap{
	overflow: hidden;
}

.profile3{
	max-width: 1120px;
	margin:0 auto 120px;
	padding:0 10px;
}

.profile3 > h3{
	margin-bottom:50px;
}

.profile3_box{
	margin-bottom:70px;
	padding-left: 50px;
	font-weight: bold;
	position: relative;
}

.profile3_box > div{
	position: relative;
	z-index: 2;
}

.profile3_box > div .btn1{
	margin:50px 0 0;
	border: 1px solid #3e3a39;
	font-weight: normal;
}

.profile3_box > div:nth-of-type(1){
	float: right;
	max-width: 600px;
	width:calc( 100% - 290px );
	font-size: 19px;
	line-height:26px;
}

.profile3_box > div:nth-of-type(2){
	float: left;
	width:257px;
}

.profile3 > .profile3_box:last-of-type{
	margin-bottom: 0;
	padding-left: 0;
}

.profile3 > .profile3_box:last-of-type > div:nth-of-type(1){
	float: left;
	width:257px;
}

.profile3 > .profile3_box:last-of-type > div:nth-of-type(2){
	float: right;
	max-width: 600px;
	width:calc( 100% - 280px );
	font-size: 19px;
	line-height:26px;
}

.profile3_box > div h4{
	font-weight: bold;
	margin-bottom:30px;
}

.profile3_box > div ul li{
	position: relative;
	padding-left: 30px;
	margin-top:5px;
}

.profile3_box > div ul li p{
	position: absolute;
	top:0;
	left: 0;
}

.profile3_box > div:nth-of-type(2) > img{
	display: block;
	margin-bottom:15px;
}

.profile3_line1{
	position: absolute;
	bottom:0;
	left: -50px;
	transition: .5s;
	opacity: 0;
}

.profile3_line1_on{
	position: absolute;
	bottom:100px;
	left: 50px;
	opacity: 1;
}

.profile3_line2{
	position: absolute;
	bottom:0px;
	right: 60px;
	transition: .5s;
	transition-delay: .3s;
	opacity: 0;
}

.profile3_line2_on{
	position: absolute;
	bottom:90px;
	right: -30px;
	opacity: 1;
}

.profile3_line3{
	position: absolute;
	bottom:-100px;
	right: -150px;
	transition: .5s;
	transition-delay: .6s;
	opacity: 0;
}

.profile3_line3_on{
	position: absolute;
	bottom:0;
	right: -50px;
	opacity: 1
}

.profile3_line4{
	position: absolute;
	bottom:-60px;
	left: -140px;
	opacity: 0;
	transition: .5s;
}

.profile3_line4_on{
	position: absolute;
	bottom:40px;
	left: -40px;
	opacity: 1;
}

.profile3_line5{
	position: absolute;
	bottom:20px;
	left: 110px;
	opacity: 0;
	transition: .5s;
	transition-delay: .3s;
}

.profile3_line5_on{
	position: absolute;
	bottom:120px;
	left: 10px;
	opacity: 1;
}

.profile3_line6{
	position: absolute;
	bottom:0px;
	right: 60px;
	transition: .5s;
	transition-delay: .3s;
	opacity: 0;
}

.profile3_line6_on{
	position: absolute;
	bottom:90px;
	right: -30px;
	opacity: 1;
}

.profile3_line7{
	position: absolute;
	bottom:-100px;
	right: -150px;
	transition: .5s;
	transition-delay: .6s;
	opacity: 0;
}

.profile3_line7_on{
	position: absolute;
	bottom:0;
	right: -50px;
	opacity: 1
}

@media screen and (max-width:920px) {
	.profile3_br_none{
		display: none;
	}
}

@media screen and (max-width:800px) {
	.profile3{
		width:100%;
		max-width: 560px;
		margin:0 auto 120px;
	}
	
	.profile3_box{
		padding-left: 0;
	}
	
	.profile3_box > div:nth-of-type(1){
		width:100%;
		margin-bottom:30px;
	}
	
	.profile3_box > div:nth-of-type(2) {
		width:100%;
	}
	
	.profile3_box > div:nth-of-type(2) img{
		float: left;
		width:49%;
	}
	
	.profile3_box > div:nth-of-type(2) img:nth-of-type(2){
		float: right;
	}
	
	.profile3 > .profile3_box:last-of-type > div:nth-of-type(1){
		float: none;
		width:100%;
	}

	.profile3 > .profile3_box:last-of-type > div:nth-of-type(2){
		float: none;
		width:100%;
	}
	
	.profile3_box > div .btn1{
		margin:20px 0 0;
	}
	
	.profile3_line1{
		display: none;
	}
	
	.profile3_line2{
		transition-delay: 0s;
	}
	
	.profile3_line3{
		transition-delay: .3s;
	}
}

/* profile end */

/* matenrou */

.slider_wrap{
	overflow: hidden;
	margin:50px 0 80px;
	padding-bottom:20px;
}

.slick-initialized .slick-slide{
	padding:0 3px;
}

.slick-dots{
	bottom:-45px;
}

.slick-dots li{
	margin:0 3px;
}

.slick-dots li button:before{
	font-size: 14px;
}

.contents1{
	max-width: 1120px;
	padding:0 20px;
	margin:0 auto 140px;
}

.contents1 > div:nth-of-type(1){
	float: right;
	width:63.6363636363636364%;
	border-left: 2px solid #595757;
	padding:24px 0;
	padding-left: 45px;
	min-height: 320px;
}

.contents1 > div:nth-of-type(2){
	float: left;
	width:36.3636363636363636%;
	padding-top:45px;
	padding-right: 45px;
}

.contents1 > div:nth-of-type(1) h2{
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom:40px;
}

.contents1 > div:nth-of-type(1) p{
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}

.contents1 > div:nth-of-type(2) p{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom:24px;
	color: #595757;
}

.contents1 > div:nth-of-type(2) p a{
	color: #595757;
	text-decoration: none;
	word-break: break-all;
}

.contents1 > div:nth-of-type(2) p a:hover{
	border-bottom:1px solid #595757;
}

.slick-next{
	right:30px;
	z-index: 2;
}

.slick-prev{
	left:30px;
	z-index: 2;
}

@media screen and (max-width:700px) {
	.contents1 > div:nth-of-type(1) h2{
		margin-bottom:20px;
	}
	
	.contents1 > div:nth-of-type(1){
		width:100%;
		border-left: 0;
		border-bottom: 2px solid #595757;
		min-height: 0;
		padding:0 6px 24px;
	}
	
	.contents1 > div:nth-of-type(2){
		width:100%;
		border-left: 0;
		padding:24px 6px 0;
	}
	
	.slick-next{
		right:10px;
		z-index: 2;
	}

	.slick-prev{
		left:10px;
		z-index: 2;
	}
}

.slick-next{
	width:24px;
	height:22px;
	background:url("images/slide_ar_r.png") no-repeat 0 0 !important;
}

.slick-next:before{
	content:"";
}

.slick-prev{
	width:24px;
	height:22px;
	background:url("images/slide_ar_l.png") no-repeat 0 0 !important;
}

.slick-prev:before{
	content:"";
}

/* matenrou end */

/* tent */

.tent_h2{
	max-width: 1200px;
	margin:0 auto;
	overflow: visible;
}

.tent_p1{
	text-align: center;
	padding:0 20px;
	position: relative;
	z-index: 2;
	font-size: 22px;
	line-height:46px;
	margin-bottom:100px;
	font-weight: bold;
}

.tent1_wrap{
	padding:100px 10px 50px;
	background: #3fbde0;
	margin-bottom:150px;
}

.tent1{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:100%;
	max-width: 1100px;
	margin:0 auto;
}

.tent1 li{
	width:50%;
	max-width: 278px;
	padding:0 10px;
	margin-bottom:50px;
}

@media screen and (max-width:500px) {
	.tent_p1{
		font-size: 19px;
		line-height: 36px;
	}
	
	.tent1_wrap{
		padding:70px 10px 50px;
	}
	
	.tent1 li{
		margin-bottom:20px;
	}
}

.tent2{
	text-align: center;
	margin-bottom:150px;
	padding:0 20px;
}

.tent2 h3{
	margin-bottom:100px;
}

.tent2 h4{
	margin-bottom:70px;
}

.tent2 p{
	font-size: 19px;
	line-height: 36px;
	margin-bottom:60px;
	font-weight:bold;
}

.tent2 .btn1{
	border:1px solid #3e3a39;
}

.tent3 h3{
	margin-bottom:70px;
}

.tent3{
	text-align: center;
	margin-bottom:150px;
	padding:0 20px;
}

.tent3 p{
	font-size: 19px;
	line-height: 36px;
	margin-bottom:60px;
	font-weight:bold;
}

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

/* tent end */

.page_link{
	pointer-events:none;
}

/* 20200619 追加 */

.china_pdf{
	background:#fff;
	position: absolute;
	bottom:30px;
	left: 630px;
	z-index: 9;
	width:250px;
	text-align: center;
	padding:10px;
	transition: .5s;
	box-shadow:5px 6px 6px 1px rgba(100,100,100,0.60);
}

.china_pdf img{
	position: static;
	width:auto;
	opacity: 1;
}

.china_pdf > img{
	display: inline-block;
	margin-bottom:10px;
}

.china_pdf > a{
	display: inline-block;
	width:90px;
}

.china_pdf > a:nth-of-type(1){
	margin-right: 20px;
}

.china_pdf .china_close{
	position: absolute;
	top:10px;
	left: 10px;
	cursor: pointer;
}

@media screen and (max-width: 1250px){
	.china_pdf{
		left: auto;
		right:10px;
		bottom:10px;
	}
}

@media screen and (max-width:600px) {
	.china_pdf{
		bottom:auto;
		right:auto;
		top:50%;
		left: 50%;
		margin-top:-160px;
		margin-left: -125px;
	}
}

.main_img_sp{
	position: relative;
}

/* 20200619 追加 end */

/* 20200820 追加 */

.h_s_nav{
	position: fixed;
	width:100%;
	top:100px;
	left: 0;
	z-index: 9;
	background:#9fa0a0;
	padding:15px 0 8px;
}

.h_s_nav > div{
	color:#fff;
	display: none;
}

.h_s_nav > div > p{
	display: table;
	margin:0 auto;
	font-size: 16px;
	line-height: 24px;
}

.h_s_nav > ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.h_s_nav > ul > li{
	padding:0 20px 6px;
	font-size: 16px;
	line-height: 22px;
}

.h_s_nav > ul > li a{
	text-decoration: none;
	color:#fff;
	position: relative;
}

.h_s_nav > ul > li a:before{
  position: absolute;
  top: 1.1em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #fff;
  transition: .4s;
}

.h_s_nav > ul > li a:hover:before{
  width: 100%;
}

@media screen and (max-width:1000px) {
	.h_s_nav > div{
		display: block;
	}
	
	.h_s_nav{
		padding:8px 0;
	}
}

.hs_wrap{
	width:100%;
	overflow: hidden;
}

.hs1_1_wrap{
	width:100%;
	margin:0 auto 150px;
}

.hs1_1{
	max-width: 1120px;
	padding:80px 10px 0;
	margin:0 auto;
	position: relative;
}

.hs1_1 h3{
	margin-bottom:70px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.hs1_1_1{
	margin-bottom:40px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.hs1_1_1 > img:nth-of-type(2){
	display: none;
}

@media screen and (max-width:700px) {
	.hs1_1_1 > img:nth-of-type(1){
		display: none;
	}
	.hs1_1_1 > img:nth-of-type(2){
		display: inline;
	}
}

.hs1_1 > p{
	font-size: 18px;
	line-height: 26px;
	position: relative;
	z-index: 2;
	margin-bottom:50px;
}

.hs1_1_tbl_wrap{
	max-width: 1220px;
	margin: 0 auto;
	padding:25px 10px 0;
	position: relative;
}

.hs1_1_tbl{
	display: table;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.hs1_1_tbl > div{
	display: table-cell;
	vertical-align: middle;
}

.hs1_1_tbl > div:nth-of-type(2){
	padding-left: 40px;
}

.hs1_1_line1{
	position: absolute;
	top:-311px;
	left:200px;
	z-index: 1;
	transition: .6s;
}

.hs1_1_line1_on{
	top:0px;
	left:-70px;
}

.hs1_1_line2{
	position: absolute;
	top:-300px;
	left:-300px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.hs1_1_line2_on{
	top:80px;
	left:-30px;
	opacity: 1;
}


.hs1_1_line3{
	position: absolute;
	top:-311px;
	right:-250px;
	z-index: 1;
	opacity: 0;
	transition: .6s;
}

.hs1_1_line3_on{
	opacity: 1;
	top:0px;
	right:0px;
}

@media screen and (max-width:750px) {
	.hs1_1_tbl > div{
		display: block;
		text-align: center;
	}
	.hs1_1_tbl > div:nth-of-type(2){
		padding:0;
		margin-top: 30px;
	}
	.hs1_1_line2{
		display: none;
	}
}

.hs1_2{
	padding:0 10px;
	text-align: center;
	margin:0 auto 150px;
}

@media screen and (max-width:500px) {
	.hs1_1_wrap{
		margin-bottom: 70px;
	}
	
	.hs1_2{
		margin-bottom:70px;
	}
}

.hs1_3{
	margin-bottom: 150px;
}

.hs1_3 h4{
	text-align: center;
	padding:0 10px;
	margin-bottom:50px;
	position: relative;
	z-index: 2;
}

.hs1_3 h4 img:nth-of-type(2){
	display: none;
}

.hs1_3 > div{
	max-width: 1300px;
	padding:0 10px;
	position: relative;
	margin:0 auto 80px;
}

.hs1_3 > div > p{
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	margin-bottom:26px;
	position: relative;
	z-index: 2;
}

.hs1_3 > div > ol{
	border:3px solid #000;
	padding: 24px 50px 12px;
	max-width: 1100px;
	margin:0 auto;
	position: relative;
	z-index: 2;
	background: #fff;
}

.hs1_3 > div > ol > li{
	font-size: 24px;
	line-height: 32px;
	list-style: decimal outside;
	margin-left: 20px;
	margin-bottom:12px;
}

.hs1_3 > div:nth-of-type(2) > ol{
	border:3px solid #e60012;
}

.hs1_3 > div:nth-of-type(2) > ol > li{
	color: #e60012;
}

@media screen and (max-width:720px) {
	.hs1_3 h4 img:nth-of-type(1){
		display: none;
	}
	
	.hs1_3 h4 img:nth-of-type(2){
		display: inline;
	}
	
	.hs1_3 > div > p{
		font-size: 20px;
		line-height: 28px;
	}
	
	.hs1_3 > div > ol {
		padding:20px 20px 8px;
	}
	
	.hs1_3 > div > ol > li{
		font-size: 18px;
		line-height: 24px;
	}
}

.hs1_1_line4{
	position: absolute;
	top:-311px;
	left:200px;
	z-index: 1;
	opacity: 0;
	transition: .6s;
}

.hs1_1_line4_on{
	opacity: 1;
	top:-60px;
	left:0px;
}

.hs1_1_line5{
	position: absolute;
	top:-340px;
	right:-200px;
	z-index: 1;
	opacity: 0;
	transition: .6s;
}

.hs1_1_line5_on{
	opacity: 1;
	top:40px;
	right:30px;
}

.hs1_1_line6{
	position: absolute;
	top:-340px;
	right:240px;
	z-index: 1;
	opacity: 0;
	transition: .6s;
	transition-delay: .3s;
}

.hs1_1_line6_on{
	opacity: 1;
	top:80px;
	right:0px;
}

.hs2_1{
	max-width: 1120px;
	position: relative;
	margin:0 auto;
	padding:0 10px;
	margin-bottom:130px;
}

.hs2_1 > h3{
	text-align: center;
	margin-bottom: 50px;
}

.hs2_1 > p{
	font-size: 18px;
    line-height: 28px;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
}

.hs2_1 > p > span{
	color:#e60012;
}

.hs2_1 > a{
	display: table;
	margin:0 auto;
	margin-bottom:40px;
	position: relative;
	z-index: 2;
}

.hs2_1 > a:hover{
	opacity: 0.6;
}

.hs2_1 > div{
	max-width: 530px;
	margin:0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.hs2_1 > div > a{
	display: block;
	margin-top:2.5%;
}

.hs2_1 > div > a:hover{
	opacity: 0.6;
}

.hs2_1 > a > img:nth-of-type(2) , .hs2_1 > div > img:nth-of-type(2) , .hs2_1 > div > a > img:nth-of-type(2){
	display: none;
}

@media screen and (max-width:450px) {
	.hs2_1 > a > img:nth-of-type(1) , .hs2_1 > div > img:nth-of-type(1) , .hs2_1 > div > a > img:nth-of-type(1){
		display: none;
	}
	
	.hs2_1 > a > img:nth-of-type(2) , .hs2_1 > div > img:nth-of-type(2) , .hs2_1 > div > a > img:nth-of-type(2){
		display: inline;
	}
}

.hs2_1_line1{
	position: absolute;
	bottom:300px;
	left:200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs2_1_line1_on{
	opacity: 1;
	bottom:90px;
	left: -90px;
}

.hs2_1_line2{
	position: absolute;
	bottom:260px;
	left:-200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.hs2_1_line2_on{
	opacity: 1;
	bottom:-40px;
	left: -30px;
}

.hs2_1_line3{
	position: absolute;
	bottom:200px;
	right:-300px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs2_1_line3_on{
	opacity: 1;
	bottom:-130px;
	right: -100px;
}

@media screen and (max-width:600px) {
	.hs2_1 .hs2_1_line3{
		display: none;
	}
}

.hs2_2{
	padding:80px 10px;
	background:#efefef;
}

.hs2_2 > img{
	display: block;
	margin:0 auto;
}

.hs2_2 > img:nth-of-type(1){
	display: block;
	margin:0 auto 80px;
}

.hs2_2 > img:nth-of-type(2){
	display: none;
	margin:0 auto 50px;
}

.hs2_2 > img:nth-of-type(4){
	display: none;
}

@media screen and (max-width:600px) {
	.hs2_2 > img:nth-of-type(1){
		display: none;
	}
	
	.hs2_2 > img:nth-of-type(2){
		display: block;
	}
	
	.hs2_2 > img:nth-of-type(3){
		display: none;
	}
	
	.hs2_2 > img:nth-of-type(4){
		display: block;
		max-width: 420px;
		width:100%;
	}
}

.h2_3{
	max-width: 1120px;
	padding:0 10px;
	margin:80px auto 100px;
	position: relative;
}

.h2_3 > h3{
	text-align: center;
	margin-bottom:60px;
	position: relative;
	z-index: 2;
}

.h2_3 > h3 img:nth-of-type(2){
	display: none;
}

@media screen and (max-width:600px) {
	.h2_3 > h3 img:nth-of-type(1){
		display: none;
	}
	.h2_3 > h3 img:nth-of-type(2){
		display: inline;
	}
}

.h2_3_flow{
	margin-bottom:90px;
	position: relative;
}

.h2_3_flow > div{
	position: relative;
	z-index: 2;
}

.h2_3_flow > div:nth-of-type(2n){
	margin:30px 0;
	text-align: center;
}

.h2_3_flow > div:nth-of-type(odd){
	padding:40px 20px;
	background:#fff;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	border:3px solid #e60012;
	color:#e60012;
}

.h2_3_flow > div:last-of-type{
	background:#e60012;
}

.h2_3_flow > div:last-of-type img:nth-of-type(2){
	display: none;
}

.h2_3 > ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.h2_3 > ul > li{
	margin-bottom:30px;
}

@media screen and (max-width:600px) {
	.h2_3_flow > div:nth-of-type(odd){
		font-size: 20px;
		line-height: 28px;
	}
	
	.h2_3_flow > div:nth-of-type(odd) br{
		display: none;
	}
	
	.h2_3_flow > div:nth-of-type(2n){
		margin:20px 0;
	}
	
	.h2_3_flow > div:nth-of-type(2n) img{
		width:50px;
	}
}

@media screen and (max-width:500px) {
	.h2_3_flow > div:last-of-type img:nth-of-type(1){
		display: none;
	}
	
	.h2_3_flow > div:last-of-type img:nth-of-type(2){
		display: inline;
	}
}

@media screen and (max-width:450px) {
	.h2_3 > ul > li{
		width:50%;
	}
}

.hs2_3_line1{
	position: absolute;
	top:-100px;
	left:200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs2_3_line1_on{
	opacity: 1;
	top:200px;
	left: -60px;
}

.hs2_3_line2{
	position: absolute;
	bottom:260px;
	right:-200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs2_3_line2_on{
	opacity: 1;
	bottom:-40px;
	right: 0px;
}

.hs2_3_line3{
	position: absolute;
	bottom:180px;
	right:180px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.hs2_3_line3_on{
	opacity: 1;
	bottom:-120px;
	right: -60px;
}

.hs2_4{
	position: relative;
	padding:0 10px;
	max-width: 1012px;
	margin:0 auto 150px;
	text-align: center;
}

.hs2_4 h3{
	margin-bottom:70px;
}

.hs2_4 img{
	position: relative;
	z-index: 2;
}

.hs2_4 > img:nth-of-type(2){
	display: none;
}

.hs2_4_line1{
	position: absolute !important;
	bottom:180px;
	left:220px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs2_4_line1_on{
	opacity: 1;
	bottom:-120px;
	left: -80px;
}

.hs2_4_line2{
	position: absolute !important;
	bottom:100px;
	left:-240px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs2_4_line2_on{
	opacity: 1;
	bottom:-200px;
	left: -40px;
}

.hs2_4_line3{
	position: absolute !important;
	bottom:0px;
	right:-330px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs2_4_line3_on{
	opacity: 1;
	bottom:-311px;
	right: -130px;
}

@media screen and (max-width:600px) {
	.hs2_4 > img:nth-of-type(1){
		display: none;
	}
	.hs2_4 > img:nth-of-type(2){
		display: inline;
	}
	.hs2_4_line3{
		display: none;
	}
}

.hs2_5{
	position: relative;
	padding:0 10px;
	max-width: 1132px;
	margin:0 auto 200px;
	text-align: center;
}

.hs2_5 h3{
	margin-bottom:70px;
}

.hs2_5 img{
	position: relative;
	z-index: 2;
}

.hs2_5 > img:nth-of-type(2){
	display: none;
}

.hs2_5_line1{
	position: absolute !important;
	bottom:170px;
	right:-200px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs2_5_line1_on{
	opacity: 1;
	bottom:-130px;
	right: -30px;
}

.hs2_5_line2{
	position: absolute !important;
	bottom:80px;
	right:160px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs2_5_line2_on{
	opacity: 1;
	bottom:-220px;
	right: -70px;
}

@media screen and (max-width:600px) {
	.hs2_5 > img:nth-of-type(1){
		display: none;
	}
	.hs2_5 > img:nth-of-type(2){
		display: inline;
	}
}

.hs3_1{
	max-width: 1120px;
	position: relative;
	margin:0 auto 70px;
	padding:0 10px;
}

.hs3_1 > p{
	padding-top: 20px;
	font-size: 18px;
    line-height: 28px;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
}

.hs3_1 > div{
	display: table;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.hs3_1 > div img:nth-of-type(2){
	display: none;
}

@media screen and (max-width:500px) {
	.hs3_1 > div img:nth-of-type(1){
		display: none;
	}
	.hs3_1 > div img:nth-of-type(2){
		display: inline;
	}
}

.hs3_1_line1{
	position: absolute;
	bottom:0px;
	left:200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs3_1_line1_on{
	opacity: 1;
	bottom:-210px;
	left: -90px;
}

.hs3_1_line2{
	position: absolute;
	bottom:-40px;
	left:-200px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
	transition-delay: .3s;
}

.hs3_1_line2_on{
	opacity: 1;
	bottom:-340px;
	left: -30px;
}

.hs3_1_line3{
	position: absolute;
	bottom:-100px;
	right:-300px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
	transition-delay: .6s;
}

.hs3_1_line3_on{
	opacity: 1;
	bottom:-430px;
	right: -100px;
}

@media screen and (max-width:600px) {
	.hs3_1_line3{
		display: none;
	}
}

.hs3_2{
	max-width: 830px;
	position: relative;
	margin:0 auto 150px;
	padding:0 10px;
	z-index: 2;
}

.hs3_2_1{
	text-align: center;
	margin-top:48px;
}

.hs3_2_1 h3{
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
}

.hs3_2_2{
	margin-top: 30px;
}

.hs3_2_2 > p{
	font-size: 18px;
    line-height: 28px;
	max-width: 740px;
	margin:0 auto 30px;
	position: relative;
	z-index: 2;
}

.hs3_2_2 > div{
	padding: 30px;
	background:#f5dbca;
	font-size: 18px;
    line-height: 28px;
	position: relative;
	z-index: 2;
}

.hs3_2_2 > div > img{
	display: block;
	margin:0 auto 24px;
}

.hs3_2_line1{
	position: absolute;
	bottom:240px;
	left:110px;
	opacity: 0;
	z-index: 1;
	transition: .6s;
}

.hs3_2_line1_on{
	opacity: 1;
	bottom:-60px;
	left: -90px;
}

@media screen and (max-width:600px) {
	.hs3_2_line1{
		display: none;
	}
}

.hs3_3{
	max-width: 1120px;
	position: relative;
	margin:0 auto 70px;
	padding:0 10px;
}

.hs3_3 h3{
	text-align: center;
	margin-bottom:60px;
	position: relative;
	z-index: 2;
}

.hs3_3 > p{
	font-size: 18px;
    line-height: 28px;
	margin:0 auto 60px;
	position: relative;
	z-index: 2;
}

.hs3_3 > img{
	display: block;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.hs3_3 > img:nth-of-type(2){
	display: none;
}

@media screen and (max-width:700px) {
	.hs3_3 > img:nth-of-type(1){
		display: none;
	}
	.hs3_3 > img:nth-of-type(2){
		display: block;
	}
}

.hs3_3_line1{
	position: absolute !important;
	top:-440px;
	right:-250px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs3_3_line1_on{
	opacity: 1;
	top:-140px;
	right: -50px;
}

.hs3_3_line2{
	position: absolute !important;
	top:-330px;
	right:100px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs3_3_line2_on{
	opacity: 1;
	top:-70px;
	right: -100px;
}

.hs4_1{
	max-width: 1120px;
	position: relative;
	margin:0 auto 150px;
	padding:0 10px;
	font-size: 18px;
	line-height: 26px;
}

.hs4_1 > img{
	display: block;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

.hs4_1 > img:nth-of-type(2){
	display: block;
	margin:46px auto 40px;
}

.hs4_1 > p{
	margin-bottom:30px;
	position: relative;
	z-index: 2;
}

.hs4_1 > ul{
	position: relative;
	z-index: 2;
}

.hs4_1 > ul > li{
	margin-bottom:30px;
	position: relative;
	padding-left: 24px;
}

.hs4_1 > ul > li:last-of-type{
	margin-bottom:60px;
}

.hs4_1 > ul > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.hs4_1 > ul > li > ol > li{
	position: relative;
	padding-left: 24px;
}

.hs4_1 > ul > li > ol > li > span{
	position: absolute;
	top:0;
	left: 0;
}

.hs4_1 > div{
	padding:20px;
	color:#fff;
	font-size: 26px;
	line-height: 32px;
	font-weight: bold;
	background:#e60012;
	position: relative;
	z-index: 2;
}

.hs4_1 > div > div{
	display: table;
	margin:0 auto;
}

.hs4_1 > div > div > p{
	display: table-cell;
	vertical-align: top;
}

.hs4_1 > div > div > p:nth-of-type(1){
	white-space: nowrap;
	width:1px;
}

.hs4_1 > div > div > p:nth-of-type(2){
	width:40px;
	text-align: center;
}

.hs4_1_line1{
	position: absolute !important;
	bottom:350px;
	left:110px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs4_1_line1_on{
	opacity: 1;
	bottom:50px;
	left: -90px;
}

.hs4_1_line2{
	position: absolute !important;
	bottom:270px;
	left:-200px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs4_1_line2_on{
	opacity: 1;
	bottom:-30px;
	left: -30px;
}

.hs4_1_line3{
	position: absolute !important;
	bottom:180px;
	right:-300px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs4_1_line3_on{
	opacity: 1;
	bottom:-120px;
	right: -100px;
}

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

@media screen and (max-width:500px) {
	.hs4_1 > div{
		font-size: 20px;
		line-height: 28px;
	}
	
	.hs4_1 > div > div > p:nth-of-type(2){
		width:20px;
	}
}

.hs4_2{
	max-width: 872px;
	margin:0 auto 130px;
	padding:0 10px;
	position: relative;
}

.hs4_2 > div{
	text-align: center;
	margin-top:48px;
	position: relative;
	z-index: 2;
}

.hs4_2 > div p{
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom:10px;
	position: relative;
	z-index: 2;
}

.hs4_2_line1{
	position: absolute !important;
	bottom:1160px;
	left:90px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs4_2_line1_on{
	opacity: 1;
	bottom:860px;
	left: -110px;
}

.hs4_2_line2{
	position: absolute !important;
	bottom:880px;
	right:-350px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs4_2_line2_on{
	opacity: 1;
	bottom:580px;
	right: -150px;
}

.hs4_2_line3{
	position: absolute !important;
	bottom:800px;
	right:0px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs4_2_line3_on{
	opacity: 1;
	bottom:500px;
	right: -200px;
}

@media screen and (max-width:800px) {
	.hs4_2_line1 , .hs4_2_line2 , .hs4_2_line3{
		display: none;
	}
}

.hs_exa_box{
	padding:0 10px;
	max-width: 900px;
	margin:0 auto 130px;
	position: relative;
}

.hs_exa_box > h3{
	text-align: center;
	margin-bottom:30px;
	position: relative;
	z-index: 2;
}

.hs_exa_box > div{
	padding:30px 20px 0;
	background:#dcdddd;
	margin-bottom:40px;
	position: relative;
	z-index: 2;
}

.hs_exa_box > div > ul{
	max-width: 740px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hs_exa_box > div > ul > li{
	width:48%;
	margin-bottom:30px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

.hs_exa_box > img{
	display: block;
	margin:0 auto;
	position: relative;
	z-index: 2;
}

@media screen and (max-width:550px) {
	.hs_exa_box > div > ul{
		max-width: 100%;
		width:auto;
		display: table;
	}
	
	.hs_exa_box > div > ul > li{
		width:auto;
	}	
}

.hs_exa1_line1{
	position: absolute !important;
	top:-290px;
	left:70px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa1_line1_on{
	opacity: 1;
	top:10px;
	left: -130px;
}

.hs_exa1_line2{
	position: absolute !important;
	top:-230px;
	left:-270px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa1_line2_on{
	opacity: 1;
	top:70px;
	left: -70px;
}

.hs_exa1_line3{
	position: absolute !important;
	top:-130px;
	right:-390px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa1_line3_on{
	opacity: 1;
	top:170px;
	right: -190px;
}

.hs_exa2_line1{
	position: absolute !important;
	top:-250px;
	left:110px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa2_line1_on{
	opacity: 1;
	top:50px;
	left: -90px;
}

.hs_exa2_line2{
	position: absolute !important;
	top:30px;
	right:-330px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa2_line2_on{
	opacity: 1;
	top:330px;
	right: -130px;
}

.hs_exa2_line3{
	position: absolute !important;
	top:110px;
	right:10px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa2_line3_on{
	opacity: 1;
	top:410px;
	right: -190px;
}

.hs_exa3_line1{
	position: absolute !important;
	top:-30px;
	left:70px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa3_line1_on{
	opacity: 1;
	top:270px;
	left: -130px;
}

.hs_exa3_line2{
	position: absolute !important;
	top:30px;
	left:-270px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa3_line2_on{
	opacity: 1;
	top:330px;
	left: -70px;
}

.hs_exa3_line3{
	position: absolute !important;
	top:130px;
	right:-390px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa3_line3_on{
	opacity: 1;
	top:430px;
	right: -190px;
}

.hs_exa4_line1{
	position: absolute !important;
	bottom:370px;
	left:110px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa4_line1_on{
	opacity: 1;
	bottom:70px;
	left: -90px;
}

.hs_exa4_line2{
	position: absolute !important;
	bottom:30px;
	right:-330px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa4_line2_on{
	opacity: 1;
	bottom:-200px;
	right: -130px;
}

.hs_exa4_line3{
	position: absolute !important;
	bottom:10px;
	right:10px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa4_line3_on{
	opacity: 1;
	bottom:-290px;
	right: -190px;
}

.hs_exa5_line1{
	position: absolute !important;
	top:100px;
	left:70px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa5_line1_on{
	opacity: 1;
	top:400px;
	left: -130px;
}

.hs_exa5_line2{
	position: absolute !important;
	top:160px;
	left:-270px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa5_line2_on{
	opacity: 1;
	top:460px;
	left: -70px;
}

.hs_exa5_line3{
	position: absolute !important;
	top:260px;
	right:-390px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa5_line3_on{
	opacity: 1;
	top:560px;
	right: -190px;
}

.hs_exa6_line1{
	position: absolute !important;
	bottom:420px;
	left:110px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
}

.hs_exa6_line1_on{
	opacity: 1;
	bottom:120px;
	left: -90px;
}

.hs_exa6_line2{
	position: absolute !important;
	bottom:80px;
	right:-330px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .3s;
}

.hs_exa6_line2_on{
	opacity: 1;
	bottom:-150px;
	right: -130px;
}

.hs_exa6_line3{
	position: absolute !important;
	bottom:60px;
	right:10px;
	opacity: 0;
	z-index: 1 !important;
	transition: .6s;
	transition-delay: .6s;
}

.hs_exa6_line3_on{
	opacity: 1;
	bottom:-240px;
	right: -190px;
}

@media screen and (max-width:600px) {
	.hs_exa1_line3{
		display: none !important;
	}
	
	.hs_exa2_line2 , .hs_exa2_line3{
		display: none !important;
	}
	
	.hs_exa3_line3{
		display: none !important;
	}
	
	.hs_exa4_line1{
		display: none !important;
	}
	
	.hs_exa5_line3{
		display: none !important;
	}
}



.hs_dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0 10px;
	max-width: 560px;
	margin:0 auto 150px;
}

.hs_dl li{
	width:48%;
	max-width: 197px;
}

.hs_dl li a:hover{
	opacity: 0.6;
}

/* 20200820 追加 end */