@charset "utf-8";
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,
td {
	margin: 0;
	padding: 0;
}


h1,h2,h3 {
	font-size: 100%;
	font-weight: normal;
}
h4{
	font-size: 34px;
    font-weight: bold;
    text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, serif;
}
h5{
	font-size: 30px;
    font-weight: bold;
    text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, serif;
}
h6{
	font-size: 24px;
    font-weight: bold;
}
img {
	border: 0;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none
}

body {
	width: 100%;
	font-family: "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	overflow-x: hidden;
}

img {
	max-width: 100%;
}

.pc_lp {
	margin: 0 auto;
	display: block!important;
}

.sp_lp {
	display: none!important;
}

a img{
	text-decoration: none;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}

a img:hover {
	opacity: 0.7;
}

.lp_hidden{
    display: none;
}

.container{
    width: 100%;
    margin: 0;
    padding: 0;
}
.wrap{
    max-width: 1280px;
	height: 100%;
    margin: 0 auto;
	position: relative;
}

.sec02,.sec03,.sec04, .sec05, .sec06, .sec07, .sec08, .sec09, .sec10, .sec11, .sec12, .sec13 {
		display: block;
        padding: 0 0; width: 100%;
    }

.mar30{ margin-bottom: 30px;}

.mv {
    width: 100%;
    background-image: url(./img/section01_moviebg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 10;
    max-height: 60em;
    padding-top: 15em;
}

.mv2 {
    width: 100%;
    background-image: url(./img2/section01_moviebg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 10;
    max-height: 60em;
    padding-top: 15em;
}

.movieWrap {
    position: relative;
    width: calc(77% - 10px);
    margin: 0 auto;
}
.iframeWrap {
    height: 0;
    padding-bottom: 62.5%;
}
iframe {
    position: absolute;
    top: 0;
    left: 0;
}

.zoom {
    cursor: zoom-in;
}
.zoom2 {
    cursor: zoom-in;
	width: 240px;
}
.zoom3 {
    cursor: zoom-in;
	width: 220px;
}


.in_box{
	width:76%;
	margin: 0 auto;
	padding-top: 61%;}
.in_box2{
	width: 91%;
    margin: 0 auto;
    padding-top: 87%;}
.in_box3{
	width: 91%;
    margin: 0 auto;
    padding-top: 61%;}
.in_box3_2{
	width: 91%;
    margin: 0 auto;
    padding-top: 64%;}
.in_box3_22{
	width: 91%;
    margin: 0 auto;
    padding-top: 20%;}
.in_box4{
	width: 91%;
    margin: 0 auto;
    padding-top: 67%;}
.in_box4_2{
	width: 91%;
    margin: 0 auto;
    padding-top: 70%;}
.in_box5{
	width: 91%;
    margin: 0 auto;
    padding-top: 17%;}

.area1{margin: 0 2%; padding:0; width: 46% ;padding-top: 18%;text-align: center;}

.area2{margin: 0 1%; padding:0; width: 32%}
.area2:first-child{margin-left: 0;}
.area2:last-child{margin-right: 0;}

.area3{margin: 0 1%; padding:0; width: 23.5%;}
.area3:first-child{margin-left: 0;}
.area3:last-child{margin-right: 0;}


/*Noe Voir1*/
.zoom_area{
	background-image: url(./img/section04_4led.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 25em;
    }
.zoom_area2{
	background-image: url(./img/section06_setp3_5.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area3{
	background-image: url(./img/section06_setp3_6.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area4{
	background-image: url(./img/section06_setp3_7.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area5{
	background-image: url(./img/section07_setp4_1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 67em;
	margin-top: 5em;
    }
.zoom_area6{
	background-image: url(./img/section07_setp4_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 73em;
    }
.zoom_area7{
	background-image: url(./img/section08_help3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 79em;
    }
/*Noe Voir1*/

/*Noe Voir2*/
.zoom_area_2{
	background-image: url(./img2/section04_4led.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 25em;
    }
.zoom_area2_2{
	background-image: url(./img2/section06_setp3_5.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area3_2{
	background-image: url(./img2/section06_setp3_6.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area4_2{
	background-image: url(./img2/section06_setp3_7.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 50em;
    }
.zoom_area5_2{
	background-image: url(./img2/section07_setp4_1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 67em;
	margin-top: 5em;
    }
.zoom_area6_2{
	background-image: url(./img2/section07_setp4_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 82em;
    }
.zoom_area7_2{
	background-image: url(./img2/section08_help3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 1;
	min-height: 79em;
    }
/*Noe Voir2*/


ul{

}
li{ float: left;
	position: relative;
    display: block;
	margin: 0 2.5%;
	padding-top: 12em;
}


/*画像拡大*/
.lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}

.lb img {
    width: auto !important;
    max-height: 100%!important;
    transform: scale(.8);
    transition: .4s transform ease;
    pointer-events: none;
}

.lb:target {
    opacity: 1;
    z-index: 103;
}

.lb:target img {
    transform: scale(1);
}


/* なんちゃって閉じるボタン（いらない場合は消す） */
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}
/*画像拡大*/


@media screen and (max-width: 640px) {
	.pc_lp {
		display: none!important;
	}
	.sp_lp {
		display: block!important;
	}
    .sec01{
    width: 100%;
    display: block;
    padding: 0;
	height: auto;
	}
/*	.mv, .mv2 {padding-top: 9em;}*/
}


@media screen and (max-width: 1023px){
.mv, .mv2 {padding-top: 24%;}
}

@media screen and (max-width: 930px){
.zoom_area, .zoom_area_2 { min-height: 23em;}
.zoom_area2, .zoom_area2_2, .zoom_area3, .zoom_area3_2, .zoom_area4, .zoom_area4_2 { min-height: 45em;}
.zoom_area5, .zoom_area5_2 { min-height: 61em;}
.zoom_area6 { min-height: 66em;} .zoom_area6_2 { min-height: 74em;}
.zoom_area7, .zoom_area7_2 { min-height: 72em;}
}

@media screen and (max-width: 810px){
.zoom_area, .zoom_area_2 { min-height: 21em;}
.zoom_area2, .zoom_area2_2, .zoom_area3, .zoom_area3_2, .zoom_area4, .zoom_area4_2 { min-height: 39em;}
.zoom_area5, .zoom_area5_2 { min-height: 53em;}
.zoom_area6 { min-height: 57em;} .zoom_area6_2 { min-height: 65em;}
.zoom_area7, .zoom_area7_2 { min-height: 63em;}
}

@media screen and (max-width: 736px){
.zoom_area, .zoom_area_2 { min-height: 19em;}
.zoom_area2, .zoom_area2_2, .zoom_area3, .zoom_area3_2, .zoom_area4, .zoom_area4_2 { min-height: 36em;}
.zoom_area5, .zoom_area5_2 { min-height: 48em;}
.zoom_area6 { min-height: 52em;} .zoom_area6_2 { min-height: 59em;}
.zoom_area7, .zoom_area7_2 { min-height: 57em;}
}

@media screen and (max-width: 667px){
.zoom_area, .zoom_area_2 { min-height: 17em;}
.zoom_area2, .zoom_area2_2, .zoom_area3, .zoom_area3_2, .zoom_area4, .zoom_area4_2 { min-height: 32em;}
.zoom_area5, .zoom_area5_2 { min-height: 43em;}
.zoom_area6 { min-height: 47em;} .zoom_area6_2 { min-height: 53em;}
.zoom_area7, .zoom_area7_2 { min-height: 52em;}
}

/*
@media screen and (min-width: 641px) and (max-width: 768px){
	.mv, .mv2 {padding-top: 11em;}
}

@media screen and (min-width: 769px) and (max-width: 1023px){
	.mv, .mv2 {padding-top: 14em;}
}

@media screen and (min-width: 1024px){
	.mv, .mv2 {padding-top: 15em;}
}

@media screen and (max-width: 540px) {
	.mv, .mv2 {padding-top: 7.8em;}
}
@media screen and (max-width: 480px) {
	.mv, .mv2 {padding-top: 6.9em;}
}
@media screen and (max-width: 414px) {
	.mv, .mv2 {padding-top: 5.8em;}
}
@media screen and (max-width: 375px) {
	.mv, .mv2 {padding-top: 5.3em;}
}
@media screen and (max-width: 360px) {
	.mv, .mv2 {padding-top: 5em;}
}
@media screen and (max-width: 320px) {
	.mv, .mv2 {padding-top: 4.4em;}
}
*/

/*スマホワイド用
@media screen and (max-width: 736px) {
	.zoom_area {min-height: 18em;}
	.area1{
		margin: 0 0.5em;
    	padding-top: 7em;
   		width: 47%;
	}
	.zoom_area2, .zoom_area3, .zoom_area4{min-height: 36em;}
	.in_box {

    padding-top: 28em;
	}
	.zoom2 {width: 172px;}
	
	.zoom_area5{min-height: 49em;}
	.zoom_area6{min-height: 53em;}
	.zoom_area7{min-height: 58em;}
	.in_box2 {padding-top: 40.5em;}
	.zoom3 {width: 160px;}
	.in_box3 {padding-top: 28em;}
	.in_box4 {padding-top: 32em;}
	.in_box5 {padding-top: 7em;}
}
*/
/*
@media screen and (max-width: 667px) {
	.zoom_area {min-height: 18em;}
	.area1{
		margin: 0 0.5em;
    	padding-top: 7em;
   		width: 47%;
	}
	.zoom_area2, .zoom_area3, .zoom_area4{min-height: 36em;}
	.in_box {

    padding-top: 25em;
	}
	.zoom2 {width: 154px;}
	
	.zoom_area5{min-height: 49em;}
	.zoom_area6{min-height: 53em;}
	.zoom_area7{min-height: 58em;}
	.in_box2 {padding-top: 36.5em;}
	.zoom3 {width: 144px;}
	.in_box3 {padding-top: 25.5em;}
	.in_box4 {padding-top: 28em;}
	.in_box5 {padding-top: 7em;}
	
	.mv, .mv2 {padding-top: 10em;}
}
*/