@charset "utf-8";

@import "../common/css/colorbox.css";

#gnav_header { display:none; }
#pagetop { display:none; }
#footer { display:none; }
#op { display:none; }


/*-----------------------------------------------------------------------------------------
	common
-----------------------------------------------------------------------------------------*/
html, body { height:100% !important; }
body { min-width:1000px; background:none; background-color:#fff; color:#999; font-family:"AvenirNextLTW01-Regular", "Arial", sans-serif; }

#container.top { position:relative; width:100%; min-width:1000px; height:auto !important; height:100%; min-height:100%; }
#contents,
#colorbox { font-family:"AvenirNextLTW01-Regular", "Arial", sans-serif; }
#footer { width:100%; min-width:1000px; }

/* @group nav ------------------------------------------------------- */
#nav { width:100%; min-width:1000px; height:58px; margin:0 auto; border-bottom:1px solid #fff; background-color:#d6c201; display:none; }
#nav nav { padding-top:4px; }
#nav nav ul { width:1000px; min-width:1000px; max-width:1000px; height:50px; margin:0 auto; background:url(../img/nav_line_01.gif) no-repeat center center;  }
#nav nav ul li { display:inline-block; width:20%; height:50px; padding-left:0; background:none; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#nav nav ul li a { display:block; width:100%; height:100%; }

#nav.fixed { position:fixed; left:0; top:0; z-index:500; display:block; }

/*#aside { position:fixed; right:0; top:50%; margin-top:-93px; z-index:5; }
#aside ul { position:relative; }
#aside ul li.cp { position:absolute; right:0; top:0; }
#aside ul li.eyesight { position:absolute; right:0; top:92px; }

#aside ul li.cp a img.off { display:block; }
#aside ul li.cp a img.on { display:block; }
#aside ul li.cp a img.on { position: absolute; top: 0px; left: -378px; }*/

#aside { position:fixed; right:0; top:50%; margin-top:-93px; z-index:5; }
#aside ul { position:relative; }
#aside ul li { }


/*-----------------------------------------------------------------------------------------
	op
-----------------------------------------------------------------------------------------*/
#op { }
#op li { position:fixed; left:0; top:0; z-index:500; width:100%; height:100%; background-color:#d6c201; }
#op li.op01 p { position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-123px; }
#op li.op02 p { position:absolute; left:50%; top:50%; margin-left:-112px; margin-top:-138px; }


/*-----------------------------------------------------------------------------------------
	scene01
-----------------------------------------------------------------------------------------*/
#scene01 { position:relative; width:100%; min-width:1000px; height:730px; background:url(../img/scene01_bg_01.png) no-repeat center center; background-size:cover; overflow:hidden; }
#scene01 .body { position:relative; z-index:2; width:1000px; height:100%; margin:0 auto; }

#scene01 .body .scroll { position:absolute; left:0; bottom:10px; width:100%; text-align:center; }
#scene01 .body .scroll a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene01 .ttl { position:absolute; bottom:0; width:100%; min-width:1000px; height:153px; background:url(../img/scene01_bg_02.png) repeat-x left top; text-align:center; }

#scene01 .link { position:absolute; left:0; top:110px; width:266px; z-index:4; }
#scene01 .link a:hover { display:block; background:#fff; }
#scene01 .link a:hover img { opacity:0.7; filter:alpha(opacity=70); }

/* @group sns -------------------------------------------------- */
#scene01 .sns { position:absolute; right:0; top:10px; }
#scene01 .sns li { display:inline-block; padding-left:10px; vertical-align:top; overflow:hidden; }
#scene01 .sns li:first-child { padding-left:0; }

#scene01 .body .logo { position:absolute; left:0; top:125px; }
#scene01 .body .lead01 { position:absolute; left:0; top:50%; margin-top:-70px; }


/*-----------------------------------------------------------------------------------------
	scene02
-----------------------------------------------------------------------------------------*/
#scene02 { width:100%; min-width:1000px; background-color:#fff; }
#scene02 .body { width:1000px; margin:0 auto; padding-bottom:50px; }
#scene02 .body .eval { padding-top:50px; }
#scene02 .body .ttl { }
#scene02 .body .eval .frame { width:840px; height:auto; min-height:240px; margin:10px auto 20px auto; background:url(../img/scene02_bg_01.gif) no-repeat center top; }
#scene02 .body .eval .frame .list { width:750px; margin:0 auto; padding-top:20px; text-align:center; }
#scene02 .body .eval .frame .list li { display:inline-block; vertical-align:top; }
#scene02 .body .eval .frame .list li a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .body .eval .note { margin-top:20px; }

#scene02 .body .topics { margin-top:50px; }
#scene02 .body .topics ul { text-align:center; }
#scene02 .body .topics ul li { display:inline-block; vertical-align:top; }
#scene02 .body .topics ul li:first-child { text-align:right; }

#scene02 .body .source { margin-top:20px; }
#scene02 .body .source .notes { font-size:10px; color:#3c3c3c; }
#scene02 .body .source .notes li { margin-top:5px; padding-left:0.45em; text-indent:-0.45em; }
#scene02 .body .source .notes li:first-child { margin-top:0; }
#scene02 .body .source .notes a { color:#3c3c3c; }
#scene02 .body .source .notes a:hover { color:#0db6fb; }
#scene02 .body .source .notes a.link { text-decoration:none; }
#scene02 .body .source .notes a.link img { margin-right:3px; vertical-align:-2px; }

#scene02 .body .source .ref { margin-top:5px; font-size:11px; }
#scene02 .body .source .ref li { margin-top:5px; padding-left:2.1em; text-indent:-2.1em; }
#scene02 .body .source .ref li:first-child { margin-top:0; }

#scene02 .body .func { margin-top:60px; }
#scene02 .body .func .ttl { padding-bottom:20px; border-bottom:#bfe2f5 solid 2px; }

#scene02 .body .func .summary { margin-top:30px; }
#scene02 .body .func .summary li { margin-top:20px; padding-top:30px; border-top:#bfe2f5 solid 2px; }
#scene02 .body .func .summary li:first-child { margin-top:0; padding-top:0; border-top:none 0; }

#scene02 .body .func .summary li .ttl { padding-bottom:0; border-bottom:none 0; }
#scene02 .body .func .summary li .mov { position:relative; width:533px; height:300px; margin:30px auto 0 auto; }
#scene02 .body .func .summary li .mov .youtube { display:block; position:absolute; left:0; top:0; width:533px; height:300px; z-index:100; }
#scene02 .body .func .summary li .mov .youtube .btn { margin-top:0; }
#scene02 .body .func .summary li .voice { position:relative; width:1000px; height:265px; margin-top:30px; }
#scene02 .body .func .summary li .btn { text-align:right; }

#scene02 .body .func .summary li .btn a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .body .func .summary li.func03 .btn { margin-top:30px; }

#scene02 .body .func .summary li.func01 .voice { background:url(../img/func01_voice_01.gif) no-repeat center top; }
#scene02 .body .func .summary li.func02 .voice { background:url(../img/func02_voice_01.gif) no-repeat center top; }
#scene02 .body .func .summary li.func04 .voice { background:url(../img/func04_voice_01.gif) no-repeat center top; }
#scene02 .body .func .summary li.func05 .voice { background:url(../img/func05_voice_01.gif) no-repeat center top; }

#scene02 .body .func .summary li .voice .par { position:relative; width:220px; height:220px; margin:0 auto; overflow:hidden; text-indent:-999em; }
#scene02 .body .func .summary li .voice .par p { position:absolute; left:0; top:0; }

#scene02 .body .func .summary li.func01 .txt01 { position:absolute; left:62px; top:58px; }
#scene02 .body .func .summary li.func01 .txt02 { position:absolute; left:625px; top:19px; }
#scene02 .body .func .summary li.func01 .txt03 { position:absolute; left:625px; top:128px; }

#scene02 .body .func .summary li.func02 .txt01 { position:absolute; left:39px; top:58px; }
#scene02 .body .func .summary li.func02 .txt02 { position:absolute; left:625px; top:19px; }
#scene02 .body .func .summary li.func02 .txt03 { position:absolute; left:625px; top:128px; }

#scene02 .body .func .summary li.func04 .txt01 { position:absolute; left:625px; top:83px; }

#scene02 .body .func .summary li.func05 .txt01 { position:absolute; left:625px; top:83px; }


#scene02 .point { padding:50px 0 40px 0; background:url(../img/point_bg_01.jpg) no-repeat center top; background-size:cover; }

#scene02 .point .post { width:1000px; margin:0 auto; }
#scene02 .point .post dl { }
#scene02 .point .post dl dt { }
#scene02 .point .post dl dd { height:640px; overflow:auto; background:rgba(0, 0, 0, 0.15); }

#scene02 .point .post .note  { text-align:right; }
#scene02 .point .post .note ul { display:inline-block; }
#scene02 .point .post .note ul li { margin-top:5px; padding-left:1em; text-indent:-1em; }
#scene02 .point .post .note ul li a { color:#2692ff; }

#scene02 .body .appeal_wrap { margin-top:50px; padding:80px 0; background:url(../img/appeal_bg_01.jpg)  no-repeat center top; }

#scene02 .body .appeal { width:680px; margin:0 auto; }
#scene02 .body .appeal dl { width:680px; height:516px; background:url(../img/appeal_bg_01.gif) no-repeat center top; }
#scene02 .body .appeal dt { }
#scene02 .body .appeal dd { width:552px; height:345px; margin:0 auto; padding-top:15px; text-align:center; background:url(../img/appeal_bg_02.gif) no-repeat center top; }

#scene02 .body .appeal .btn { margin-top:20px; }
#scene02 .body .appeal .btn a:hover { display:block; background-color:#fff; }
#scene02 .body .appeal .btn a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .body .appeal .mov { position:relative; width:530px; height:298px; margin:0 auto; }
#scene02 .body .appeal .mov .youtube { display:block; position:absolute; left:0; top:0; width:530px; height:298px; z-index:100; }
#scene02 .body .appeal .mov .youtube .btn { margin-top:0; }

#scene02 .body .ex { margin-top:60px; }
#scene02 .body .ex .ex03,
#scene02 .body .ex .ex02,
#scene02 .body .ex .ex01 { float:left; width:333px; }

#scene02 .body .ex .ex03 .img,
#scene02 .body .ex .ex02 .img,
#scene02 .body .ex .ex01 .img { }
#scene02 .body .ex .ex03 .img ul,
#scene02 .body .ex .ex02 .img ul,
#scene02 .body .ex .ex01 .img ul { position:relative; width:333px; height:280px; overflow:hidden; }
#scene02 .body .ex .ex01 .img ul li,
#scene02 .body .ex .ex02 .img ul li,
#scene02 .body .ex .ex03 .img ul li { position:absolute; left:0; top:0; }

#scene02 .body .ex .ex03 .txt,
#scene02 .body .ex .ex02 .txt,
#scene02 .body .ex .ex01 .txt { width:333px; height:280px; padding:140px 0 0 45px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#scene02 .body .ex .ex03 .txt p,
#scene02 .body .ex .ex02 .txt p,
#scene02 .body .ex .ex01 .txt p { display:inline-block; }

#scene02 .body .ex .ex01 .txt { background:url(../img/ex01_txt_01.png) no-repeat left top; }
#scene02 .body .ex .ex02 .txt { background:url(../img/ex02_txt_01.png) no-repeat left top; }
#scene02 .body .ex .ex03 .txt { background:url(../img/ex03_txt_01.png) no-repeat left top; }

#scene02 .body .ex ul { }
#scene02 .body .ex ul li { display:inline-block; width:492px; vertical-align:top; }
#scene02 .body .ex ul li:first-child { padding-right:16px; }

/*#scene02 .body .topics ul li:first-child { width:340px; height:210px; background:url(../img/topics_img_01.gif) no-repeat center top; }*/
#scene02 .body .topics ul li .record { position:relative; height:132px; }
#scene02 .body .topics ul li .record .record02,
#scene02 .body .topics ul li .record .record01 { position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0); }
#scene02 .body .topics ul li .record p.bar { position:absolute; right:22px; bottom:0; width:49px; /*height:23px;*/ height:114px; background-color:#082b67; }

#scene02 .cm { width:835px; height:395px; margin:50px auto 0 auto; padding-top:115px; background:url(../img/cm_bg_01.gif) no-repeat center top; }
#scene02 .cm .ttl {}
#scene02 .cm .list { width:580px; margin:0 auto; padding-top:25px; text-align:center; }
#scene02 .cm .list li { display:inline-block; }
#scene02 .cm .list li { padding:0 20px 35px 20px; }
#scene02 .cm .list li:hover a img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .body .util { margin-top:40px; }
#scene02 .body .util .bnr a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .appeal_main { padding-bottom:15px; text-align:center; }
#scene02 .appeal_main.area01 { background:#d6c201; }
#scene02 .appeal_main.area02 { background:#005bac; }
#scene02 .appeal_main .scroll { margin-top:-47px; }
#scene02 .appeal_main a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene02 .usr { width:1000px; height:490px; margin:0 auto; padding:50px 0; background:url(../img/usr_bg_01.jpg) no-repeat center center; }
#scene02 .usr .list { }
#scene02 .usr .list ul { text-align:center; }
#scene02 .usr .list ul li { display:inline-block; padding-top:45px; }
#scene02 .usr .note { margin-top:30px; padding-right:35px; text-align:right; color:#3c3c3c; font-size:12px; }

#scene02 .disclaimer { margin-top:50px; }
#scene02 .disclaimer .txt_wrap { margin-top:20px; padding:5px 20px 25px 20px; border:2px solid #e1e1e1; color:#3c3c3c; }
#scene02 .disclaimer .txt01 { margin-top:20px; font-size:10px; }


/*-----------------------------------------------------------------------------------------
	scene03
-----------------------------------------------------------------------------------------*/
#scene03 { width:100%; min-width:1000px; background-color:#d6c201; }
#scene03 .body { position:relative; width:1000px; margin:0 auto; padding-bottom:50px; }
#scene03 .body .ttl { padding-top:40px; }
#scene03 .body .txt01 { margin-top:40px; }

#scene03 .body #timeline { position:relative; width:860px; height:698px; margin:40px auto 0 auto; }
#scene03 .body #timeline .mov {}
#scene03 .body #timeline .mov li { margin-top:60px; }
#scene03 .body #timeline .mov li.odd { float:left; }
#scene03 .body #timeline .mov li.even { float:right; }
#scene03 .body #timeline .mov li:first-child { margin-top:0; }
#scene03 .body #timeline  ul.mov > *:first-child + * { margin-top:125px; }

#scene03 .body #timeline .mov li { position:relative; width:338px; height:175px; }
#scene03 .body #timeline .mov li a { display:block; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; }

#scene03 .body #timeline .mov li .preview { position:absolute; left:8px; top:8px; width:297px; height:159px; background-repeat:no-repeat; background-position:left top; cursor:pointer; background-color:#000; }
#scene03 .body #timeline .mov li.mov1965 .preview { background-image:url(../img/scene03_bg_01.png); }
#scene03 .body #timeline .mov li.mov1970 .preview { background-image:url(../img/scene03_bg_02.png); left:33px; }
#scene03 .body #timeline .mov li.mov1980 .preview { background-image:url(../img/scene03_bg_03.png); }
#scene03 .body #timeline .mov li.mov1990 .preview { background-image:url(../img/scene03_bg_04.png); left:33px; }
#scene03 .body #timeline .mov li.mov2010 .preview { background-image:url(../img/scene03_bg_05.png); }

#scene03 .body #timeline .year { position:absolute; left:365px; top:0; width:140px; }
#scene03 .body #timeline .year li { margin-top:20px; padding-bottom:50px; background:url(../img/scene03_scroll_01.gif) no-repeat center bottom; }
#scene03 .body #timeline .year li:first-child { margin-top:5px; }
#scene03 .body #timeline .year li.last { padding-bottom:55px; background:url(../img/scene03_scroll_02.gif) no-repeat center bottom; }

#scene03 .body #timeline .year li span img { visibility:hidden; }
#scene03 .body #timeline .year li span { display:block; background-repeat:no-repeat; background-position:left top; }
#scene03 .body #timeline .year li.year1965 span { background-image:url(../img/scene03_year_1965.png) }
#scene03 .body #timeline .year li.year1970 span { background-image:url(../img/scene03_year_1970.png) }
#scene03 .body #timeline .year li.year1980 span { background-image:url(../img/scene03_year_1980.png) }
#scene03 .body #timeline .year li.year1990 span { background-image:url(../img/scene03_year_1990.png) }
#scene03 .body #timeline .year li.year2000 span { background-image:url(../img/scene03_year_2000.png) }
#scene03 .body #timeline .year li.year2010 span { background-image:url(../img/scene03_year_2010.png) }

#scene03 .body #timeline .year li.on span img { visibility:visible; }
#scene03 .body #timeline .year li.on span { background:none; }

#scene03 .catch { background-color:#fff; border-top:8px solid #d6c201; text-align:center; } 


/*-----------------------------------------------------------------------------------------
	scene04
-----------------------------------------------------------------------------------------*/
#scene04 { width:100%; min-width:1000px; background-color:#fff; }
#scene04 .body { width:1000px; margin:0 auto; padding-bottom:50px; }
#scene04 .body .eval { padding-top:50px; }
#scene04 .body .ttl { }
#scene04 .body .eval .frame { width:840px; height:auto; min-height:240px; margin:25px auto 0 auto; background:url(../img/scene04_bg_01.gif) no-repeat center top; }
#scene04 .body .eval .frame dl { width:750px; margin:0 auto; }
#scene04 .body .eval .frame dl dt,
#scene04 .body .eval .frame dl dd { margin-top:5px; }
#scene04 .body .eval .frame dl dd .list { text-align:center; }
#scene04 .body .eval .frame dl dd .list li { display:inline-block; vertical-align:top; }
#scene04 .body .eval .frame dl .note { margin-top:20px; }

#scene04 .body .eval.case02 .frame dl dd { margin-top:35px; }
#scene04 .body .eval.case02 .frame dl .note { margin-top:40px; }

#scene04 .body .eval .frame dl dd a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#scene04 .body .eval.case01 .frame dl dd .list { width:625px; margin:0 auto; }

#scene04 .body .txt01 { margin-top:55px; }


/*-----------------------------------------------------------------------------------------
	scene05
-----------------------------------------------------------------------------------------*/
#scene05 { width:100%; min-width:1000px; background-color:#fff; }
#scene05 .body { width:1000px; margin:0 auto; padding-top:50px; padding-bottom:50px; }

#scene05 .nav_local { padding-top:20px; }
#scene05 .nav_local li { width:490px; margin-top:20px; }
#scene05 .nav_local .nav01,
#scene05 .nav_local .nav03 { float:left; }
#scene05 .nav_local .nav02,
#scene05 .nav_local .nav04 { float:right; }

#scene05 .txt01 { margin-top:60px; }

#scene05 .cm { width:1000px; height:220px; margin-top:55px; padding-top:90px; background:url(../img/scene05_cm_bg_01.gif) no-repeat center top; }
#scene05 .cm .ttl {}
#scene05 .cm .list { padding-top:10px; text-align:center; }
#scene05 .cm .list dt,
#scene05 .cm .list dd,
#scene05 .cm .list li { display:inline-block; }
#scene05 .cm .list dt { padding-right:18px; }
#scene05 .cm .list li { padding-left:28px; }
#scene05 .cm .list li:first-child { padding-left:0; }

#scene05 .cm.pre { width:1000px; height:195px; margin-top:55px; padding-top:115px; background:url(../img/scene05_cm_bg_01.gif) no-repeat center top; }
#scene05 .cm.pre .ttl {}
#scene05 .cm.pre .list { padding-top:30px; text-align:center; }
#scene05 .cm.pre .list dt,
#scene05 .cm.pre .list dd,
#scene05 .cm.pre .list li { display:inline-block; }
#scene05 .cm.pre .list dt { padding-right:18px; }
#scene05 .cm.pre .list li { padding-left:28px; }
#scene05 .cm.pre .list li:first-child { padding-left:0; }


/*-----------------------------------------------------------------------------------------
	scene06
-----------------------------------------------------------------------------------------*/
#scene06 { width:100%; min-width:1000px; }
#scene06 .body { width:1000px; margin:0 auto; padding-bottom:20px; background-color:#fff; }

#scene06 .links { margin:0 20px; }
#scene06 .links dt { font-size:115%; font-weight:bold; }
#scene06 .links li { margin-top:5px; }
#scene06 .links a { color:#3c3c3c; }
#scene06 .links a:hover { color:#0db6fb; }
#scene06 .links a.link { display:inline-block; text-decoration:none; }
#scene06 .links a.link img { margin-right:3px; vertical-align:-2px; }


/*-----------------------------------------------------------------------------------------
	scene00
-----------------------------------------------------------------------------------------*/
#scene00 .body { width:1000px; margin:0 auto; padding-bottom:50px; }

#scene00 .body .types { padding-top:40px; }
#scene00 .body .types .ttl { }
#scene00 .body .types ul { margin-top:30px; text-align:center; }
#scene00 .body .types ul li { display:inline-block; vertical-align:top; }

#scene00 .body .nav_local { padding-top:20px; }
#scene00 .body .nav_local li { width:490px; margin-top:20px; }
#scene00 .body .nav_local .nav01,
#scene00 .body .nav_local .nav03 { float:left; }
#scene00 .body .nav_local .nav02,
#scene00 .body .nav_local .nav04 { float:right; }

.nav_alt{ width:1000px; margin:0 auto; }
.nav_alt li{ position:relative; width:490px; height:200px; overflow:hidden; }
.nav_alt li .bg{ position:absolute; left:0; top:0; width:490px; height:200px; }
.nav_alt li div{ position:absolute;	left:0; top:157px; z-index:5; width:490px; height:98px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.nav_alt li:hover div{ top:102px; }

.nav_alt { padding-top:20px; }
.nav_alt li { width:490px; margin-top:20px; }
.nav_alt .nav01,
.nav_alt .nav03 { float:left; }
.nav_alt .nav02,
.nav_alt .nav04 { float:right; }


/*-----------------------------------------------------------------------------------------
	pageTop
-----------------------------------------------------------------------------------------*/
#pageTop { width:1000px; margin:0 auto; padding-bottom:20px; background-color:#fff; text-align:center; }


/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/
footer {
	padding-top:0;
	background-color:#fff;
}

footer #pagetop {
	display:none;
}
footer .inner { border-top:none 0; padding-top:5px; margin-top:0; }
#foot_navi_sitemap {
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	border-top:1px solid #b1b1b1;
	background-color:#fff;
}
#foot_navi_sitemap .inner {
	padding-top:20px;
	background-image:none;
}
#foot_navi_sitemap nav {
	margin:0 50px;
}
#foot_navi_sitemap nav h1 {
	margin-bottom:10px;
	color:#3c3c3c;
}
#foot_navi_sitemap nav a {
	color:#3c3c3c;
}
#footer { padding-top:0; }

.init {
	display: none;
}

#footMenu li a { color:#3c3c3c; font-size:12px; text-decoration:none; }
#copyright { font-size:11px; }
#footer { font-family:"AvenirNextLTW01-Regular", "Arial", sans-serif; border-top:solid 1px #969696; }

/*-----------------------------------------------------------------------------------------
	sp_btn
-----------------------------------------------------------------------------------------*/
#sp_btn {
	display:none;
	width:100%;
	margin:50px 0 0 0;
	text-align:center;
}
#sp_btn a {
	display:block;
	width:100%;
	padding:25px 0;	
	background-color:#3c3c3c;
}


/*-----------------------------------------------------------------------------------------
	overwrite
-----------------------------------------------------------------------------------------*/
@media screen and (min-width:1367px) {
#scene01,
#scene01 .body {
	height:900px;
}
#scene01 .body .lead01 { margin-top:-90px; }
#scene01 .body .lead01 img { width:500px; height:auto;  }
}
@media screen and (max-device-width:1000px) {
#foot_navi_sitemap .inner {
	width:100%;
	min-width:1000px;
}
#foot_navi_sitemap nav {
	width:25%;
	margin:0;
	padding:0 42px!important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}