/* swiper slider */
.visual_slide{ width: 100%; height: 960px; transition: height 0.2s ease-in-out; }
.visual_slide_m{ display: none; }
.visual_img{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
.visual_img>img{ transition: all 0.2s ease-in-out; }
.visual_img1>img{ width: 50%; max-width: 484px; min-width: 250px; margin-left: 10%; }
.visual_img2>img:nth-of-type(1){ width: 30%; max-width: 460px; min-width: 220px; margin-left: 20%; }
.visual_img2>img:nth-of-type(2){ width: 25%; max-width: 366px; min-width: 170px; margin-right: 20%; }
.visual_img3>img{ width: 50%; max-width: 484px; min-width: 250px; margin-left: 10%; }

.visual_slide .swiper-button-prev{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ED1B23'%2F%3E%3C%2Fsvg%3E"); transition: all 0.2s ease-in-out; }
.visual_slide .swiper-button-prev:hover{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); }
.visual_slide .swiper-button-next{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ED1B23'%2F%3E%3C%2Fsvg%3E"); transition: all 0.2s ease-in-out; }
.visual_slide .swiper-button-next:hover{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); }

 #landing_video{ width:1000px; height:563px; margin:0 auto; }


@media all and (max-width:960px){
	.visual_slide{ height: 700px; }
	#landing_video{ width:90%;height: 250px; margin:0 auto; }
}
@media all and (max-width:740px){
	.visual_slide{ height: 500px; }
	.visual_img2>img:nth-of-type(1){ margin-left: 10%; }
	.visual_img2>img:nth-of-type(2){ margin-right: 10%; }
}
@media all and (max-width:600px){
	.visual_slide{ height: 400px; }
	.visual_img2>img:nth-of-type(1){ min-width: 160px; margin-left: 7%; }
	.visual_img2>img:nth-of-type(2){ min-width: 130px; margin-right: 7%; }
	.visual_slide .swiper-button-prev{ width: 0; opacity: 0; }
	.visual_slide .swiper-button-next{ width: 0; opacity: 0; }
}
@media all and (max-width:400px){
	.visual_slide{ height: 350px; }
	.visual_img1>img{ margin-left: 5%; }
	.visual_img2>img:nth-of-type(1){ min-width: 130px; margin-left: 5%; }
	.visual_img2>img:nth-of-type(2){ min-width: 100px; margin-right: 5%; }
	.visual_img3>img{ margin-left: 5%; }
}

.kps{position: absolute; width:100%; height:25px;  text-align: center; color: rgb(255,255,255); font-size: 16px; z-index: 100; bottom:0; } 
.video_area{ width: 100%;  text-align:center;  margin:100px 0 0 0; font-size:30px; background:#f4f2f2; padding:50px 0 20px 0;}
.video_area h1 {font-size:50px; line-height:70px; margin:30px 0 30px 0;}
.video_area .btnVideo { display:block; font-size:25px; width:300px; text-align:center; line-height:70px; color:#fff; background:#000; margin:50px auto;}

.icon_scroll_video{ width: 24px; position: absolute; bottom: 40px; left: 50%; z-index: 50; }
.icon_scroll_video>div{ width: 24px; height: 44px; border: 1px solid rgb(237,27,35); border-radius: 10px; }
.icon_scroll_video>div>div{ position: relative; top: 26px; margin: 0 auto; width: 6px; height: 6px; border-radius: 6px; background: rgb(237,27,35); transition: background 0.2s ease-in-out; }
.icon_scroll_video:hover>div>div{ position: absolute; left:50px; background-color: rgb(255,255,255); }

.icon_scroll{ width: 24px; position: absolute; bottom: 40px; left: 50%; z-index: 50; }
.icon_scroll>div{ width: 24px; height: 44px; border: 1px solid rgb(237,27,35); border-radius: 10px; }
.icon_scroll>div>div{ position: relative; top: 26px; margin: 0 auto; width: 6px; height: 6px; border-radius: 6px; background: rgb(237,27,35); transition: background 0.2s ease-in-out; }
.icon_scroll:hover>div>div{ position: absolute; left:10px; background-color: rgb(255,255,255); }




.main_content01{ width: 100%; max-width: 1500px; height: 0; margin: auto; position: absolute; top: 0; right: 0; left: 0; }
.main_content01>section#quick_area{ width: 130px; height: auto; position: absolute; top: 170px; right: 20px; z-index: 50; }
.main_content01>section>article{ transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(1){ width: 100%; height: 90px; border: 1px solid rgb(220,220,220); display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: rgb(242,242,242); }
.main_content01>section>article:nth-of-type(1)>div{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(1)>div>img{ display: none; transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(1)>div>p{ font-size: 16px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(1)>div>p>span:nth-of-type(2n+1){ display: none; }
.main_content01>section>article:nth-of-type(1)>div>a{ font-size: 20px; color: rgb(237,27,35); font-weight: bold; transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(2){ width: 100%; height: auto; border: 1px solid rgb(220,220,220); border-top: 0; display: flex; flex-flow: column nowrap; align-items: center; background-color: rgba(255,255,255,0.75); }
.main_content01>section>article:nth-of-type(2)>a{ width: 100%; height: auto; padding: 20px 10px; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(2)>a>img{ width: auto; height: auto; transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(2)>a>p{ width: 100%; height: auto; max-width: 100%; margin-top: 10px; text-align: center; font-size: 14px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.main_content01>section>article:nth-of-type(2)>a:hover>p{ color: rgb(237,27,35); }
.main_content01>section>article:nth-of-type(2)>a>p>span.lf{ display: none; }
.main_content01>section>article:nth-of-type(2)>p{ width: 85%; height: 0; border-bottom: 2px dotted rgb(220,220,220); transition: all 0.2s ease-in-out; }

.main_content02{ width: 100%; max-width: 1200px; height: 300px; margin: 80px auto 40px; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.main_content02>dt{ width: 235px; min-width: 235px; height: 100%; display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.main_content02>dt>a{ width: 100%; height: 25%; border: 1px solid rgb(220,220,220); border-top: 0; display: flex; flex-flow: column nowrap; justify-content: space-around; align-items: center; background-color: rgb(242,242,242); background-repeat: no-repeat; background-size: auto; background-position: right -1000px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; cursor: pointer;  }
.main_content02>dt>a:first-of-type{ border-top: 1px solid rgb(220,220,220); }
.main_content02>dt>a.on{ background-color: rgb(237,27,35); color: rgb(255,255,255); }
.main_content02>dt>a>h4{ font-size: 18px; }
.main_content02>dt>a>p{ display: none; transition: all 0.2s ease-in-out; }

.main_content02>dd{ width: 100%; height: 100%; margin-left: 50px; position: relative; transition: all 0.2s ease-in-out; }
.main_content02>dd>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.main_content02>dd>div>a{ width: 100%; height: 100%; border: 1px solid rgb(220,220,220); border-left: 0; position: relative; overflow: hidden; transition: all 0.2s ease-in-out; }

.main_content02>dd>div>a:hover>img{ transform: scale(1.05,1.05); transition: all 0.2s ease-in-out;}


.main_content03{ width: 100%; max-width: 1200px; height: 220px; margin: auto; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(1){ width: 100%; max-width: 235px; margin-right: 50px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2){ width: 100%; height: 100%; max-width: 875px; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: flex-end; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(1)>h4{ width: 100%; height: auto; margin-bottom: 20px; font-size: 18px; color: rgb(51,51,51); font-weight: bold; text-align: center; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(1)>#video{ width: 100%; height: 160px; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2)>a{ width: 30%; max-width: 200px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2)>a>figure{ width: 120px; height: 120px; margin-bottom: 20px; border-radius: 120px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(220,220,220); transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2)>a>figure>img{ width: auto; height: auto; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2)>a>p{ text-align: center; font-size: 16px; transition: all 0.2s ease-in-out; }
.main_content03>article:nth-of-type(2)>a>p>span.lf{ display: none; }
.main_content03>article:nth-of-type(2)>p{ width: 1px; min-width: 1px; height: 100%; max-height: 160px; background-color: rgb(220,220,220); color: rgb(51,51,51); font-size: 16px; transition: all 0.2s ease-in-out; }

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

	.main_content02>dt{ width: 200px; min-width: 200px; }
	.main_content02>dd{ margin-left: 30px; }
	.main_content02>dd>div>a>h4{ font-size: 15px; }
	.main_content03>article:nth-of-type(1){ max-width: 200px; min-width: 200px; margin-right: 30px; }

}


@media all and (max-width:960px){

	.main_content01{ max-width: 100%; height: auto; position: static; }
	.main_content01>section#quick_area{ width: 100%; height: auto; position: static; }
	.main_content01>section>article:nth-of-type(1){ width: 100%; height: 50px; border: 0; display: flex; flex-flow: row nowrap; background-color: rgb(51,51,51); }
	.main_content01>section>article:nth-of-type(1)>div{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
	.main_content01>section>article:nth-of-type(1)>div>img{ width: 27px; height: auto; display: block; }
	.main_content01>section>article:nth-of-type(1)>div>p{ margin: 10px 20px 0; font-size: 15px; color: rgb(255,255,255); display: flex; flex-flow: row nowrap; }
	.main_content01>section>article:nth-of-type(1)>div>p>span:nth-of-type(2n+1){ display: inline; }
	.main_content01>section>article:nth-of-type(1)>div>p>span:nth-of-type(2n){ margin: 0 5px; }
	.main_content01>section>article:nth-of-type(1)>div>a{ font-size: 30px; color: rgb(255,255,255); }
	.main_content01>section>article:nth-of-type(2){ max-width: 650px; height: auto; margin: auto; padding: 0 20px; border: 0; flex-flow: row nowrap; }
	.main_content01>section>article:nth-of-type(2)>a{ padding: 10px 5px; border: 1px solid rgb(220,220,220); border-left: 0; display: flex; flex-flow: column nowrap; align-items: center; }
	.main_content01>section>article:nth-of-type(2)>a:first-of-type{ border-left: 1px solid rgb(220,220,220); }
	.main_content01>section>article:nth-of-type(2)>p{ width: 0; height: 0; border-bottom: 0; }

	.main_content02{ max-width: 650px; height: auto; margin: 5px auto; }
	.main_content02>dt{ width: 100%; min-width: 0; height: auto; flex-flow: row wrap; justify-content: space-between; }
	.main_content02>dt>a{ width: calc(50% - 2.5px); height: 200px; padding: 20px; margin-bottom: 5px; border: 1px solid rgb(220,220,220); justify-content: space-between; align-items: flex-start; background-position: bottom 20px right 10px; }
	.main_content02>dt>a:first-of-type{ background-position: bottom 20px right 0; }
	.main_content02>dt>a.on{ background-color: rgb(242,242,242); color: rgb(51,51,51); }
	.main_content02>dt>a:hover{ background-color: rgb(237,27,35); color: rgb(255,255,255); }
	.main_content02>dt>a>h4{ font-size: 15px; }
	.main_content02>dt>a>p{ width: 20px; height: 20px; border: 1px solid rgb(177,176,176); display: block; font-size: 40px; color: rgb(177,176,176); line-height: 20px; text-align: center; }
	.main_content02>dt>a:hover>p{ border: 1px solid rgb(255,255,255); color: rgb(255,255,255); }
	.main_content02>dd{ display: none; }

	.main_content03{ max-width: 650px; height: auto; margin-top: 30px; flex-flow: row wrap; }
	.main_content03>article:nth-of-type(1){ max-width: 100%; margin-right: 0; }
	.main_content03>article:nth-of-type(2){ height: auto; max-width: 100%; margin-top: 30px; }
	.main_content03>article:nth-of-type(1)>#video{ height: 350px; }
	.main_content03>article:nth-of-type(2)>p{ width: 0; min-width: 0; height: 0; }


	iframe#video_01{	width:"1198px"; height:"674px";}
	.video-container {position: relative;padding-bottom: 80%;height: 0; overflow: 
}
}


@media (max-width:580px){

	.main_content03>article:nth-of-type(1)>#video{ height: 250px; }

}



@media (max-width:480px){

	.icon_scroll_video{ display: none; }

	.icon_scroll{ display: none; }

	.main_content01>section>article:nth-of-type(1)>div>p{ margin: 10px 5px 0; }
	.main_content01>section>article:nth-of-type(2)>a>p>span{ display: none; }
	.main_content01>section>article:nth-of-type(2)>a>p>span.lf{ display: inline; }

	.main_content02>dt>a{ height: 150px; padding: 10px; background-position: bottom 10px right 10px; }
	.main_content02>dt>a:first-of-type{ background-position: bottom 10px right 0; }
	.main_content02>dt>a>h4{ font-size: 15px; }
	.main_content02>dt>a>p{ width: 15px; height: 15px; font-size: 12px; line-height: 15px; }

	.main_content03>article:nth-of-type(1)>#video{ height: 230px; }
	.main_content03>article:nth-of-type(2)>a>figure{ width: 90px; height: 90px; margin-bottom: 10px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(1)>figure>img{ width: 32px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(2)>figure>img{ width: 54px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(3)>figure>img{ width: 54px; }
	.main_content03>article:nth-of-type(2)>a>p{ font-size: 14px; }
	.main_content03>article:nth-of-type(2)>a>p>span{ display: none; }
	.main_content03>article:nth-of-type(2)>a>p>span.lf{ display: inline; }

.video-container {position: relative;padding-bottom: 100%;height: 0; overflow: 
}
.video-container embed {height: 100%;}
}

@media (max-width:350px){

	.main_content03>article:nth-of-type(1)>#video{ height: 160px; }
	.main_content03>article:nth-of-type(2)>a>figure{ width: 80px; height: 80px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(1)>figure>img{ width: 28px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(2)>figure>img{ width: 48px; }
	.main_content03>article:nth-of-type(2)>a:nth-of-type(3)>figure>img{ width: 48px; }

}

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

	.video_area h1 {
    font-size: 2.154rem;}

	.video_area {
    width: 100%;
    text-align: center;
    margin: 48px 0 0 0;
    font-size: 30px;
    background: #f4f2f2;
    padding: 1px 0 100px 0;

}}