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

/*リセットcss*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: white;
	text-decoration: none;
}

body {
	background-color: black;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.d-logo {
	background-color: black;
	height: 40px;
}
.d-logo img{
	margin-top: 7px;
	margin-left: 10%;
}



.pc { display: block !important; }
.sp { display: none !important; }


@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


.menuall {
	position: fixed;
	z-index: 20;
	width: 100%;
}

.menu {
	background-color: #004E97;
	height: 85px;
	overflow:hidden; 
	z-index: 30;
}
.nav { 
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  display: flex;
	justify-content: center;
	background-color: #004E97;
	height: 80px;
}
.nav li img {
	margin-top: 12px;
}
.mgr4e,.hikaku {
	opacity: 0.7;
}

.mgr4e:hover {
	opacity: 1;
}

.hikaku:hover {
	opacity: 1;
}

.nav li {
  list-style: none;
	margin-right: 100px;
}

.nav > li:hover > a {/*layer-1*/
  opacity: 1;
}
.nav li ul {
	width: 300px;
  display: none;
  position: absolute;
  background-color: #004E97;
	opacity: 0.9;
	height: 170px;
	z-index: 5;
}

.nav li ul li {
	width: 300px;
	text-align: center;
	border-top: solid 1px;
}

.sub li {
	margin-top: 10px;
	color: white;
	font-size: 18px;
	height: 30px;
}

.sub h3 {
	display: inline-block;
	margin-top: 10px;
	transition: .1s;
}
.sub li:hover {
	opacity: 0.8;
}

.kaburi {
	width: 100%;
	height: 124px;
}



@media only screen and (max-width: 750px){
	.topimg{display: none; !important;}
	.topimg-sp img {width: 100%;}
	.menu {height: 60px;}
	.kaburi {height: 99px;}
	.nav li ul {width: 100%; display: block; background-color: black; margin-top: 60px; height: 300px;}
	.nav li ul li {width: 100%;}
	.nav2 {width: 100%; display: block;}
	.sub li {margin-top: 0; height: 55px; font-size: 25px;}
	.sub h3 {margin-top: 15px;}
	.menu-top {background-color: #004E97;}
	.nav h2 {font-size: 30px; margin-top: 10px; font-weight: 600;}
	.menu-top2 {background-color: #EB6100; height: 70px;}
	.menu-top3 {background-color:#009944; height: 70px;}
}

.menu-sp {
	position: absolute;
	right: 30px;
	margin-top: 13px;
}




.topimg {
	text-align: center;
	overflow: hidden;
	position:relative; 
	width:100%;
	height: 724px;
}
.topimg img {
	display: inline-block;
	height: 724px;
	position: absolute;
	left: 50%;
	margin-left: -1201px;
}

.click {
	text-align: center;
	height: 530px;
	overflow: hidden;
}
.click ul {
	margin-top: 25px;
	margin-right: -30px;
}
.click li {
	display: inline;
	margin-right: 28px;
}

.click img {
	transition: all .5s;
}
.click img:hover {
	transform: translateY(-10px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}

.update {
	margin-top: 35px;
}


.chuuki {
	text-align: center;
}


.chuuki img {
	width: 935px;
	padding-top: 50px;
}



@media only screen and (max-width: 750px){
	.click li {margin-right: 0px;}
	.click {height: 750px;}
	.click img {margin-bottom: 20px;}
	.click ul {margin-left: -20px; margin-top: 0;}
	.update-sp {margin-top: 10px;}
	.chuuki img {width: 530px;}
	
}






.r-photo {
	background: linear-gradient(-135deg, black, #2F2725);
	height: 450px;
	width: 50%;
	position: relative;
}
.r-photo img {
	position:absolute;
	top: 50%;
	margin-top: -185px;
	left: 50%;
	margin-left: -285px;
}


.seinou {
	background-color: #004E97;
	width: 50%;
	float: right;
	height: 450px;
	margin-top: -450px;
}
.seinou ul {
	display: inline-block;
	margin-left: 60px;
	margin-top: 70px;
}
.seinou p {
	color: white;
	width: 80%;
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.4em;
}



@media only screen and (max-width: 750px){
	.seinou {margin-top: 0; width: 100%;}
	.r-photo {width: 100%;}
	.seinou p {font-size: 20px;}
}


.y-img {width: 850px; margin-top: 90px;}
.youtube{
	height: 600px;
	text-align: center;
}

@media only screen and (max-width: 750px){
	.y-img {width: 85%; margin-top: 75px; margin-bottom: 80px;}
	.youtube {height: auto;}
}


.bousui {
	height: 400px;
	width: 50%;
	background-color: #006896;
	overflow: hidden;
}
.bousui2 {
	width: 100%;
	opacity: 0.4;
	min-width: 670px;
}
.batteri- {
	height: 400px;
	width: 50%;
	background-color: #A19600;
	float: right;
	margin-top: -400px;
	overflow: hidden;
}
.batteri-2 {
	width: 100%;
	opacity: 0.4;
	min-width: 670px;
}
.blue {
	height: 400px;
	width: 50%;
	background-color: #006C3A;
	overflow: hidden
}
.blue2 {
	width: 100%;
	opacity: 0.4;
	min-width: 670px;
}
.usb {
	height: 400px;
	width: 50%;
	background-color: #942C60;
	float: right;
	margin-top: -400px;
	overflow: hidden;
}
.usb2 {
	width: 100%;
	opacity: 0.4;
	min-width: 670px;
}

.aikon {
	position: absolute;
	z-index: 10;
	color: white;
	width: 50%;
	margin-top: 100px;
	text-align: center;
	display: inline-block;
}

.aikon h2 {
	font-size: 35px;
	margin-top: 20px;
	font-weight: 600;
}

.aikon P {
	font-size: 17px;
	margin-top: 15px;
	text-align: left;
	width: 50%;
	display: inline-block;
	line-height: 1.5em;
}

@media only screen and (max-width: 750px){
	.batteri- {margin-top: 0; width: 100%;}
	.usb {margin-top: 0; width: 100%;}
	.blue {width: 100%;}
	.bousui {width: 100%;}
	.aikon {width: 100%;}
	.aikon h2 {margin-top:0px;}
	.aikon img {margin-top: -10px; margin-bottom: 10px;}
	.aikon p {width: 70%; font-size: 23px;}
}





.kinou {
	background-color: #4C4948;
	height: 900px;
}

.kinou2 ul {
	display: flex;
	justify-content: center;
	margin-left: -10px;
}
.kinou2 img {
	margin-top: 80px;
	margin-right: 75px;
}

.kinou3 {
	display: flex;
	justify-content: center;
	margin-left: 20px;
}

.kinou4 h3 {
	font-size: 20px;
	margin-top: 20px;
	color: #FFF33F;
}
.kinou4 p {
	width: 310px;
	margin-right: 75px;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 10px;
	text-align: left;
	color: white;
}

.other {
	display: flex;
	justify-content: center;
	margin-top: 100px;
	margin-bottom: 20px;
	margin-left: 35px;
}
.kuukan {
	width: 240px;
	height: 113px;
}
.other li {
	margin-right: 35px;
}

.other2 {
	display: flex;
	justify-content: center;
	font-size: 15px;
}
.other2 h3 {
	color: #FFF33F;
}
.other2 p {
	color: white;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.3em;
}
.other2 span {
	font-size: 12px;
	margin-top: 5px;
} 
.chusyaku {
	font-size: 12px;
	color: white;
	margin-top: 5px;
	line-height: 1.2em;
}


.o1 {
	width: 280px;
	margin-right: 50px;
}
.o2 {
	width: 200px;
	margin-right: 50px;
}
.o3 {
	width: 240px;
	margin-right: 50px;
}
.o4 {
	width: 200px;
	margin-right: 50px;
	margin-top: -70px;
}

.o4 h3 {
	margin-top: 35px;
}


@media only screen and (max-width: 750px){
	.kinou ul {display: block;}
	.kinou {height: 2600px;}
	.kinou2 li {text-align: center;}
	.kinou2 p {display: inline-block;}
	.kinou2 img {margin-right: 0;}
	.kinou4 p {margin-right: 0; width: 400px;}
	.kinou4{margin-bottom: -25px;}
	.kuukan {display: none;}
	.other {text-align: center; color: white; margin-left: 0;}
	.other p {display: inline-block; text-align: left; width: 400px; font-size: 15px; line-height: 1.3em;}
	.chusyaku {width: 400px; text-align: left; display: inline-block;}
	.other li {margin-right: 0;}
	.o-sp {margin-bottom: 45px;}
	.o-sp h3 {font-size: 17px; color:#FFF33F; margin-bottom: 8px;margin-top: 6px;}
}



.tasai {
	background-color: #EA5532;
	height: 470px;
	text-align: center;
}
.tasai h2 {
	font-size: 35px;
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 25px;
	color: #FFF33F;
}
.tasai2 {
	display: flex;
	justify-content: center;
	margin-left: 80px;
}
.tasai2 img {
	margin-right: 80px;
}

.tasai3 {
	display: flex;
	justify-content: center;
	margin-left: 50px;
}
.tasai3 li {
	margin-right: 70px;
	width: 300px;
}
.tasai3 h3 {
	color: white;
	font-size: 21px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.tasai3 span {
	font-size: 16px;
}

.gaiyou {
	margin-top: 100px;
	text-align: center;
	margin-bottom: 130px;
}
.gaiyou li {
	margin-bottom: 60px;
}


@media only screen and (max-width: 750px){
	.tasai {height: 1150px;}
	.tasai h2 {font-size:30px; margin-bottom: 40px;}
	.tasai-sp {margin-top: -15px; font-size: 20px; color: white; margin-bottom: 40px}
	.tasai-sp span {font-size: 16px;}
	.gaiyou img {width: 85%;}
}



.siyou {
	color: white;
	font-size: 14px;
	line-height: 2em;
	text-align: center;
}

.siyou h2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.siyou h3 {
	display: inline-block;
	font-size: 20px;
	border-bottom: solid 2px white;
	width: 890px;
	text-align: left;
	margin-bottom: 20px;
}

.siyou2 {
	display: flex;
	justify-content: center;
	text-align: left;
}

.siyou2 li {
	margin-right: 20px;
}


.kuu {
	margin-bottom: 29px;
}


.siyou6 {
	margin-top: 40px;
}
.siyou5 {
	display: flex;
	color: white;
	justify-content: center;
	text-align: left;
}

.siyou5 li {
	margin-right: 30px;
}
.kuukan2 {
	width: 490px;
}


@media only screen and (max-width: 750px){
	.siyou3 {text-align: left; display: inline-block;margin-top: 40px; width: 450px; margin-bottom: 40px;}
	.siyou h3 {width: 450px;}
	.siyou6 {display: inline-block; width: 450px;}
	.siyou5 {width: 450px; text-align: left; justify-content: flex-start;}
	.kuukan2 {display: none;}
}




.ichiran h2 {
	color: white;
	font-size: 30px;
	margin-bottom: 20px;
}
.ichiran span {
	font-size: 20px;
	margin-left: 10px;
}

.ichiran ul {
	text-align: center;
	margin-top: 120px;
}
.ichiran img {
	width: 80%;
	max-width: 1500px;
	min-width: 1000px;
}


@media only screen and (max-width: 750px){
	.ichiran h2 {margin-bottom: -80px;}
	.ichiran-sp img {max-width: 550px;min-width: 550px;margin-bottom: 25px;}
}

.huzoku {
	color: white;
	text-align: center;
	margin-top: 120px;
}

.huzoku2 {
	display: flex;
	justify-content: center;
}

.huzoku3 {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	margin-right: 30px;
}

.setumei {
	width: 280px;
	margin-left: 20px;
}

.setumei p {
	text-align: left;
	line-height: 1.3em;
}
.setumei h2 {
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

.setumei span {
	font-size: 14px;
}
.chusyaku2 {
	font-size: 12px;
	margin-top: 5px;
}



.huzoku5 {
	display: flex;
	justify-content: center;
}

.hinmei {
	color: #EF7C00;
}
.hinmei2 {
	color: #00A0E9;
}


@media only screen and (max-width: 750px){
	.huzoku2 {display: block;}
	.huzoku5 {display: block;}
}



.goup {
	background-color: #EB6100;
	text-align: center;
	height: 50px;
	margin-top: 70px;
}
.goup img {
	margin-top: 10px;
}
.goup:hover {
	opacity: 0.8;
}

.futta- {
	height: 160px;
	text-align: center;
}
.futta- img {
	margin-top: 30px;
	margin-bottom: 20px;
}
.futta- p {
	color: white;
	margin-bottom: 20px;
}

@media only screen and (max-width: 750px){
	.futta- img {width: 85%;}
}

.sub {
	display: none;
}

.spMenu:active{
	display: block; 
}