@charset "utf-8";
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


img {
	
	vertical-align: bottom;
	
}




.pcx { display: block; }
.spx {
    display: none;
}







#header .pcx {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 1000px;
}





/* CSS Document */

#fv_bg {
    background-repeat: repeat-x;
    padding-bottom: 30px;
    background-image: url(../image/fv-bg001.jpg);
}


.w1000px {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.medal {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-repeat: no-repeat;
}

#fv_bg #fv {
    margin-left: auto;
    margin-right: auto;
    max-width: 1351px;
    min-width: 1000px;
}
#fv_bg #fv .l1 {
    height: 1100px;
    background-position: center 0%;
    text-align: center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../image/fv-ly01.jpg);
    background-repeat: no-repeat;

}
#fv_bg #fv .fv-bt {
    max-width: 1351px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: 266px;
    position: relative;
    margin-top: -260px;
    background-image: url(../image/fv-bt.png);
    background-position: center 0%;
    background-repeat: no-repeat;
    padding-top: 200px;
    width: 900px;
}
#fv .fv-bt .fv-bt-img {
    position: absolute;
    display: block;
    padding-top: 0px;
    margin-top: -125px;
    margin-left: 615px;
    opacity: 0;
    transform: translate(-50px,0);
    -webkit-transform: translate(-50px,0);
    transition: .5s;
    z-index: 100;
    
}
#fv .fv-bt .fv-bt-img.on{
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




#bt_area {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    height: 115px;
}

#fv .fv-bt .bt001 {
    display: block;
    width: 812px;
}

#fv .l1 .fv-m1 {
    text-align: center;
    opacity: 0;
    transform: translate(0,60px);
    -webkit-transform: translate(0,60px);
    transition: .8s;
    background-image: url(../image/fv-ly02.png);
    height: 220px;
    
}


#fv .l1 .fv-m1.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

#fv .l1 .fv-m2 {
    opacity: 0;
    background-image: url(../image/fv-ly03.png);
    height: 608px;
    width: 1000px;
    transition: .8s;
    background-repeat: no-repeat;    
}

#fv .l1 .fv-m2.on {
    opacity: 1.0;
    background-position: right 0%;
    
}

.medal_img {
    text-align: center;
    
	opacity: 0;
	transform: scale(2,2); 
	-webkit-transform: scale(2,2);
    transition: 1.3s;
    
}


.medal_img.on{
	opacity: 1.0;
	transform: scale(1,1); 
	-webkit-transform: scale(1,1);
}




#fv .l1 .fv-m3 {
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 0;
    transition: 0.8s;
    height: 608px;
    background-image: url(../image/fv-ly04.png);
}

#fv .l1 .fv-m3.on{
	opacity: 1.0;
    background-position: center 450px;
}
#camp {
    text-align: center;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;

}
#sec1 {
    height: 1105px;
    background-image: url(../image/sec1_bg.jpg);
    background-repeat: no-repeat;
    background-position: center 0%;
}



#sec1 .sec1_main {
    height: 734px;
    min-width: 1000px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url(../image/sec1_main.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    padding-top: 370px;
}
#sec1 .sec1_main .select_model {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-top: -30px;
}
.sec1_main .select_model .rb {
    float: left;
    padding-left: 5px;
}
.sec1_main .select_model .lb {
    float: right;
}

#sec1 .sec1_main .sec1_ly01  {
    min-width: 1000px;
    height: 300px;
    background-image: url(../image/sec1_ly01.png);
    background-position: center 0;
    background-repeat: no-repeat;
    opacity: 0;
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
    transition: 1.2s;
}

#sec1 .sec1_main .sec1_ly01.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
#sec2 {
    height: 900px;
    background-image: url(../image/sec2_bg.jpg);
    background-position: center 0%;
    background-repeat: no-repeat;
    padding-top: 320px;
}
#sec2 .sec2_ly01 {
    background-image: url(../image/sec2_ly01.png);
    margin-left: auto;
    margin-right: auto;
    height: 900px;
    opacity: 0;
    transition: 1.2s;
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: auto 800px;
}
#sec2 .sec2_ly01 .sec2_ly02 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 510px;
}




#sec2 .sec2_ly01.on{
    opacity: 1.0;
    background-size: auto 505px;
}
#sec2 .spx .ly02 {
}
.sec2_ly01 .sec2_ly02 .point_list {
    overflow: hidden;
}
.sec2_ly02 .point_list li {
    list-style-type: none;
    float: left;
    transition: 0.5s;
    padding:0px 7px 0px 7px;
}
.sec2_ly02 .point_list .ly02x {

    
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    opacity: 0;
}


.sec2_ly02 .point_list .ly02x.on {
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
    opacity: 1.0;
}
#sec3 .point01 {
    text-align: center;
    background-color: #E2EFF8;
}
#sec3 .point02 {
    text-align: center;
    background-color: #FFFFE6;
}
#sec3 .point03 {
    background-color: #F7F7EF;
    text-align: center;
    height: 753px;
    background-image: url(../image/sec3_point03.gif);
    background-repeat: no-repeat;
    background-position: center 0%;
}
#sec4 {
    width: 1000px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../image/sec4_ly01.gif);
    padding-top: 220px;
    background-repeat: no-repeat;
}
#sec4 .sec4_ly02 {
    text-align: center;
    height: 499px;
    background-image: url(../image/sec4_ly02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 0;
    transform: translate(0,60px);
    -webkit-transform: translate(0,60px);
    transition: 1.5s;
    position: absolute;
    width: 1000px;


}

#sec4 .sec4_ly02.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


#sec4 .sec4_ly03 {
    height: 560px;
    background-repeat: no-repeat;
    position: absolute;
    width: 770px;
    margin-top: -60px;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    padding-left: 190px;

}

#sec4 .sec4_ly03_img {
    transform: scale(1.5,1.5); 
	-webkit-transform: scale(1.5,1.5);
    transition: 1s;
}
#sec4 .sec4_ly03_img.on {
    
    transform: scale(1,1); 
	-webkit-transform: scale(1,1);
}



#sec4 .sec4_ly04 {
    padding-top: 370px;
    text-align: right;
    position: absolute;
    width: 960px;
}
.sec4_img  {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;

}
.sec4_img img {
    margin-bottom: 5px;
}

#sec5 .title,
#sec13 .title {
    background-image: url(../image/sec5_title01.gif);
    height: 111px;
    background-repeat: no-repeat;
    background-position: center 0%;
}

#sec5 .main,
#sec13 .main {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
}
#sec5 .main .c1,
#sec13 .main .c1 {
    background-image: url(../image/sec5_c1-1.gif);
    background-position: center 0%;
    background-repeat: no-repeat;
    height: 993px;
}
.main .c1 .sec5_c1-fusen {

	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: .8s;


}

.main .c1 .sec5_c1-fusen.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

#sec5 .title.c2 {
    background-image: url(../image/sec5_title02.gif);
}
#sec5 .main .c1.c2 {
    background-image: url(../image/sec5_c2-1.gif);
}
#sec5 .title.c3 {
    background-image: url(../image/sec5_title03.gif);
}
#sec5 .main .c3-1 {
    background-image: url(../image/sec5_c3-1.gif);
    height: 402px;
    text-align: left;
}


#sec5 .main .c3-2 {
    height: 296px;
    background-image: url(../image/sec5_c3-2.gif);
}







.main .c3-1 .sec5_c3-graph {
    display: block;
    margin-left: 80px;
    margin-top: 120px;
    position: absolute;
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    opacity: 0;

    transition: .8s;
    
}

.main .c3-1 .sec5_c3-graph.on{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
    opacity: 1.0;
}







.main .c3-2 .sec5_c3-gm {
    display: block;
    position: absolute;
    margin-left: 500px;
    margin-top: 39px;
    opacity: 0;
	transform: translate(50px,0); 
	-webkit-transform: translate(50px,0);
    transition: .8s;

}
.main .c3-2 .sec5_c3-gm.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
#sec5 .title.c4 {
    background-image: url(../image/sec5_title04.gif);
}
#sec5 .main .c1.c4 {
    background-image: url(../image/sec5_c4-1.gif);
    padding-bottom: 3px;
}
#sec6 .movie01 .title {
    text-align: center;
    padding-top: 30px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    border-top: 1px dotted #414141;
}
#sec6 .movie01 {
    padding-top: 30px;
}
#sec6 .movie01 .movie {
    width: 680px;
    height: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
#sec7 {
    height: 1100px;
    background-image: url(../image/sec7_bg.jpg);
    background-position: center 0%;
    background-repeat: no-repeat;
}
#sec7 .hsimg {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 250px;
    overflow: hidden;
    height: 800px;
}
#sec7 .hsimg .hsimg01 {
    opacity: 0;
    display: block;
    margin-left: 20px;
    transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    transition: 1s;
    margin-bottom: 40px;
}


#sec7 .hsimg .hsimg01.on {
    opacity: 1;
    transform: scale(1,1); 
	-webkit-transform: scale(1,1);
}
.sub_bt {
    padding-top: 200px;
    text-align: center;
    background-image: url(../image/fv-bt2.jpg);
    background-repeat: no-repeat;
    width: 859px;
    height: 441px;
    margin-left: auto;
    margin-right: auto;
}
.sub_bt .fv-bt-img {
    position: absolute;
    margin-top: -125px;
    margin-left: 550px;
    display: block;
    z-index: 102;
    opacity:0;
    transition: 1s;
}

.sub_bt .fv-bt-img.on {
    opacity:1;
}


















#sec10 {
    height: 900px;
    background-image: url(../image/sec10_bg.jpg);
    background-position: center 0%;
    background-repeat: no-repeat;
    padding-top: 420px;
}



#sec10 .sec10_ly01 {
    background-image: url(../image/sec10_ly01.png);
    margin-left: auto;
    margin-right: auto;
    height: 900px;
    opacity: 0;
    transition: 1.2s;
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: auto 800px;
}
#sec10 .sec10_ly01 .sec10_ly02 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 510px;
}




#sec10 .sec10_ly01.on{
    opacity: 1.0;
    background-size: auto 505px;
}
.sec10_ly01 .sec10_ly02 .point_list {
    overflow: hidden;
}
.sec10_ly02 .point_list li {
    list-style-type: none;
    float: left;
    transition: 0.5s;
    padding:0px 7px 0px 7px;
}
.sec10_ly02 .point_list .sec10_ly02x {

    
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    opacity: 0;
}


.sec10_ly02 .point_list .sec10_ly02x.on {
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
    opacity: 1.0;
}
#sec11 .point1 {
    text-align: center;
    background-color: #E2EFF8;
}
#sec11 .point2 {
    text-align: center;
    background-color: #FFFDE8;
}
#sec11 .point3 {
    text-align: center;
    background-color: #F6F9F0;
}
#sec11 .point3 .sec11_point3-2 {
    height: 412px;
    background-image: url(../image/sec11_point3-2.gif);
    background-position: center 0%;
    background-repeat: no-repeat;
    min-width: 1000px;
}
#sec12 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 850px;
    background-image: url(../image/sec12_bg.gif);
    background-repeat: no-repeat;
    background-position: center 0%;
    overflow: hidden;
}
#sec12 .sec12_gm {
    display: block;
    position: absolute;
    margin-top: 210px;
    margin-left: 310px;
    opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
    transition: .8s;

}
#sec12 .sec12_gm.on{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

    
    

#sec12 .sec12_dash {
    margin-top: 170px;
    margin-left: 500px;
    position: absolute;
    display: block;
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
    opacity: 0;
    transition: .8s;
}


#sec12 .sec12_dash.on {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
    opacity: 1.0;
}

    
    
#sec12 .sec12_txt {
    display: block;
    position: absolute;
    margin-top: 100px;
}


#sec13 .title.c1 {
    background-image: url(../image/sec13_title01.gif);
}
#sec13 .main .c1 {
    background-image: url(../image/sec13_c1-1.gif);
    background-position: center top;
    width: 100%;
    height: 996px;
}
#sec13 .title.c2 {
    background-image: url(../image/sec13_title02.gif);
}
#sec13 .main .c1.c2 {
    background-image: url(../image/sec13_c2-1.gif);
}


#sec14 .movie01 .title {
    text-align: center;
    padding-top: 30px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    border-top: 1px dotted #414141;
    background-image: none;
}
#sec14 .movie01 {
    padding-top: 30px;
}
#sec14 .movie01 .movie {
    width: 680px;
    height: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

#sec15 {
    height: 1150px;
    background-image: url(../image/sec15_bg.jpg);
    background-position: center 0%;
    background-repeat: no-repeat;
}
#sec15 .hsimg {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 250px;
    overflow: hidden;
    height: 850px;
}
#sec15 .hsimg .hsimg01 {
    opacity: 0;
    display: block;
    margin-left: 20px;
    transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    transition: 1s;
    margin-bottom: 40px;
}


#sec15 .hsimg .hsimg01.on {
    opacity: 1;
    transform: scale(1,1); 
	-webkit-transform: scale(1,1);
}
#footer .cr {
    background-color: #253494;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #FFFFFF;
}
#footer .f_body {
    padding-top: 20px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding-bottom: 30px;
    overflow: hidden;
}
#footer .f_body img {

}





.button {
    display: block;
    width: 815px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
}

.button a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 812px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    height: 115px;
    background-image: url(../image/fv-bt001.png);
    background-repeat: no-repeat;
}

.button a:hover {

	color: #52d3ff;

	background-color: #ffffff;

}

.button a:before {

	display: block;

	position: absolute;

	z-index: -1;

	left: -30%;

	top: -50%;

	content: "";

	width: 60px;

	height: 200px;

	transform: rotate(30deg);

	-webkit-transform: rotate(30deg);

	-moz-transform: rotate(30deg);

	background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);

 	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));

	background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);

	animation: shiny 3s infinite linear;

	-webkit-animation: shiny 3s infinite linear;

	-moz-animation: shiny 3s infinite linear;

}
#footer_menu {
    display: none;
}

#sub_menu {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    display: block;
    -webkit-box-shadow: 3px 1px 3px #535353;
    box-shadow: 3px 1px 3px #535353;
    z-index: 999;
}
#sub_menu .pt {
    display: block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    border: 1px solid #949494;
    background-color: #767676;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 10px;

}
#sub_menu .app {
    display: block;
}




@keyframes shiny {

	0% {

		left: -30%;

	}

	20% {

		left: 120%;

	}

	100% {

		left: 120%;

	}

}

@-webkit-keyframes shiny {

	0% {

		left: -30%;

	}

	20% {

		left: 120%;

	}

	100% {

		left: 120%;

	}

}

@-moz-keyframes shiny {

	0% {

		left: -30%;

	}

	20% {

		left: 120%;

	}

	100% {

		left: 120%;

	}

}




@media screen and (max-width:999px){
    
body{ max-width:999px;}
.pcx {
    display: none;
}
.spx {
    display: block;
}
#sec15 .spx .sp_sub_bt {
    overflow: hidden;
}

.spx .sp_sub_bt .bgx_parts {
    position: absolute;
}


#fv_bg #fv {
    width: 100%;

}
#fv .l1 .fv-m3 {
    
    background-size:auto;
}
#sp_fv .ly01 {
    display: block;
    position: absolute;
}
#sp_fv .ly02 {
    
    position: absolute;
    display: block;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: .8s;

}
    
#sp_fv .ly02.on {

    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}
    
#sp_fv .ly03 {
    position: absolute;
    display: block;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: .8s;
}

#sp_fv .ly03.on {

    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}
.spx #sp_fv .fv_bt_area {
    clear: both;
}
#sp_fv .sp_sub_bt .bgx_parts .btx a {
    display: block;
}




#camp img {
    width: 100%;
    height: auto;
}
.l1 .fv-m2 .medal {
    max-width: 768px;
    width: 100%;
}
#fv .l1 .fv-m1 img {
    width: 100%;
    height: auto;
    display: block;
}
#sec3 .point01 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec3 .point01 img {
    width: 100%;
    height: auto;
}
#sec3 .point02 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec3 .point02 img {
    width: 100%;
    height: auto;
}
#sec3 .point03 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-size: 100% auto;
    height: auto;
}
#sec1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-top: 30px;
}
#sec1 .spx .sp_main {
    text-align: center;
}
.spx .sp_main .ly02 {
    position: absolute;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: .8s;

}

.spx .sp_main .ly02.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);

}


#sec2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 0px;
    height: auto;
    background-image: none;
}
#sec2 .spx .ly02 {
    position: absolute;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: .8s;

}
    #sec2 .spx .ly02.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
        
    }
    
#sec2 .spx .sp_point_list table tbody tr td img {
    width: 100%;
    height: auto;
}
#sec2 .spx .sp_point_list table tbody tr td .ly02x {
    
    transition: .8s;
    transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    opacity: 0;

}
#sec2 .spx .sp_point_list {
    padding-bottom: 60px;
}


#sec2 .spx .sp_point_list table tbody tr td .ly02x.on {
    
    
    transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
    opacity: 1;

}



#sec4 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#sec4 .sec4_ly02 {
    width: 100%;
    max-width: 768px;
}
#sec4 .sec4_ly04 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    max-width: 768px;
}
.sec4_img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.sec4_img img {
    width: 100%;
    height: auto;
}
    
#sec4 .spx .ly02 {
    position: absolute;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: 1.8s;

}
    #sec4 .spx .ly02.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
        
    }

#sec4 .spx .ly03 {
    position: absolute;
    opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
    transition: .8s;

}
    #sec4 .spx .ly03.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
        
    }
.spx .sec4_spx_img .ly02 {
    opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
    transition: .8s;
}
#header .spx {
}
#header {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 999;
    background-color: #FFFFFF;
}
#footer_menu {
    padding-top: 20px;
    position: fixed;
    padding-bottom: 20px;
    bottom: 0px;
    background-color: #FFFFFF;
    border-top: 1px solid #B8B8B8;
    display: block;
}



.spx .sec4_spx_img .ly02.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
        
    }

    
    
#sec5 .title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec5 .title.spx {
    background-image: none;
    width: 100%;
    height: auto;
}
#sec5 .title.spx img {
    width: 100%;
    height: auto;
}
#sec5 .main .c1 {
    height: auto;
}



#sec5 .main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: none;
}
#sec5 .main .spx .teguchi01 .ly02 {
    position: absolute;
    opacity: 0;
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    transition: .8s;

}
#sec5 .main .spx .teguchi01 .ly02.on {
    opacity: 1;
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);

}
#sec5 .main .spx .teguchi01 .ly03 {
    position: absolute;
}


.main .sec5_c1-fusen {
    width: 100%;
    height: auto;
    position: absolute;
}
.main .c3-2 .sec5_c3-gm {
    margin-left: 0px;
}
#sec5 .main .c1.c4 {
    background-image: none;
}

#sec6 .movie01 .title {
    width: 100%;
    background-image: none;
}
#sec6 .movie01 .title img {
    width: 100%;
    height: auto;
}
#sec6 .movie01 .movie {
    width: 100%;
    height: auto;
}
#sec6 .movie01 .movie .popup-iframe img {
    width: 100%;
    height: auto;
}



#sec7 .hsimg {
    width: 100%;
}
.sub_bt {
    width: 100%;
    max-width: 768px;
}
.sub_bt .fv-bt-img {
    margin-left: auto;
}
.sub_bt .button {
    width: 80%;
}
.sub_bt .button a {
    width: 80%;
}
#sec10 .sec10_ly01 .sec10_ly02 {
    width: 100%;
}
#sec10 .sec10_ly01 .sec10_ly02 .point_list .sec10_ly02x img {
    width: 100%;
    height: auto;
}
.sec10_ly02 .point_list .sec10_ly02x {
    width: 30%;
}
#sec10 .spx .ly02 {
    position: absolute;
    display: block;
    transform: translate(0,80px); 
	-webkit-transform: translate(0,80px);
    transition: .8s;
    opacity: 0;

}
#sec10 .spx .ly02.on {
    opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
        
    }
    
#sec10 .spx .sp_point_list table tbody tr td .ly02x {
    width: 100%;
    height: auto;
    transition: .8s;
    transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
    opacity: 0;

}
#sec10 .spx .sp_point_list table tbody tr td .ly02x.on {
    
    
    transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
    opacity: 1;

}
#sec10 .spx .sp_point_list {
    padding-bottom: 50px;
}


#sec11 .point1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#sec11 .point1 img {
    width: 100%;
    height: auto;
}
#sec11 .point2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#sec11 .point2 img {
    width: 100%;
    height: auto;
}
#sec11 .point3 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#sec11 .point3 img {
    width: 100%;
    height: auto;
}
#sec11 .point3 .sec11_point3-2 {
    width: 100%;
    min-width: 100%;
}
#sec12 {
    width: 100%;
    height: auto;
    background-image: none;
}



#sec12 .spx .ly02 {
    position: absolute;
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
    transition: 1.8s;

}
#sec12 .spx .ly02.on {
opacity: 1;
transform: translate(0,0); 
-webkit-transform: translate(0,0);

}

#sec12 .spx .ly03 {
    position: absolute;
    opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
    transition: .8s;

}
#sec12 .spx .ly03.on {
opacity: 1;
transform: translate(0,0); 
-webkit-transform: translate(0,0);

}
    
    

#sec13 .title.c1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-image: none;
    height: auto;
}
.main .c1 .sec5_c1-fusen {
    width: 100%;
    position: absolute;
    display: block;
    height: auto;
}

#sec13 .title.c1.spx img {
    width: 100%;
    height: auto;
}

#sec13 .main {
    width: 100%;
    height: auto;
}
#sec13 .main .c1 {
    background-image: none;
    height: auto;
}
#sec13 .title.c2.spx {
    height: auto;
    background-image: none;
}
#sec13 .main .c1.c2 {
    height: auto;
    background-image: none;
}



#sec13 .title.c2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#sec14 .movie01 .title {
    width: 100%;
}
    
#sec14 .movie01 .title img {
    width: 80%;
    height: auto;
}
    
#sec14 .movie01 .movie .popup-iframe img {
    width: 100%;
    height: auto;
}
#footer .cr {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#footer .f_body {
    width: 100%;
}
#sec3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec5 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec6 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec7 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: none;
    height: auto;
    padding-bottom: 50px;
}
#sec10 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-image: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#sec11 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#sec13 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
#sec14 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
#sec15 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-image: none;
}
.sp_sub_bt .bgx {


}
.sp_sub_bt .bgx_parts .btx {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.sp_sub_bt .bgx_parts .img {
    position: absolute;
    margin-left: 66%;
}


.spx .sp_sub_bt .button {
    width: 90%;
}
.sp_sub_bt .button a {
    width: 90%;
}



#sec14 .movie01 .movie {
    width: 100%;
    height: auto;
}
#footer {
    padding-bottom: 200px;
}


#sub_menu {
    
    display:none;
    
    }

























































    
}