@charset "utf-8";
/*===============================================
COMMON
===============================================*/
div.section h2, div.section h3, div.popup_window > *, div.section p, div.mod-page-title li {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 30px;
	margin: 0 0 0 10px;
}
div.content, div.content-header-title {
	margin-top: 0 !important;
}
div.header, div.header *, div.section, div.section * {
	background-repeat: no-repeat;
}
div.contents01 .dlbtn {
	width: 298px;
	height: 58px;
	line-height: 58px;
	margin-left: auto;
	margin-right: 20px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid white;
}
div.contents01 .dlbtn:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
div.contents01 .dlbtn a {
	display: block;
	font-size: 10.5pt;
	color: white;
}
div.contents01 .dlbtn a span:after {
	content: "\02003\02003\025b6";
}
.white {
	color: white;
	}
a {
	display: inline-block;
	text-decoration: none;
}


ul.top00 li img:first-child {
	margin-bottom: 0px;
}
ul.top00 li ul {
	margin-top: 5px;
	list-style-type: disc !important;
	padding-left: 8px;
}
ul.top00 li li {
	display: list-item;
	font-size: 10pt;
	line-height: 15pt;
}
.popup, p.popup_close, ul.menu img:hover, .slidebtn:hover, .thumbtn:hover {
	cursor: pointer;
}
.menu_fixed {
	position: fixed !important;
	top: 47px !important;
}
.menu_bg, .popup_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 18;
	display: none;
}
.popup_bg {
	z-index: 9999;
}

.add--bold{
	font-weight: 500;
	}

	.add--center{
		text-align: center;
		}


		.cb{
		  clear: both;
		}
.menuitem2{
	cursor: pointer;
}
/*===============================================
for PC
===============================================*/
/*@media screen and (min-width: 769px) {*/
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	body {
		background-color: #dbdbdb;
		margin: 0;
	}
	div.section p {
		font-size: 10.5pt;
	}
	div.header, div.section {
		position: relative;
		left: 50%;
		width: 1200px;
		margin-left: -600px;
	}
	div.content-header-title h1 {
		margin-left: 10px;
	}
	div.content-header-title h1 a:hover {
		opacity: 0.6;
	}
	div.content-header-title > div.section {
		height: 76px;
		background-color: rgba(255, 255, 255, .8);
		position: absolute;
		z-index: 19;
	}
	div.content-header-title div.content-area {
		position: relative;
	}
	div.content-header-title div.content-area > * {
		display: inline-block;
		vertical-align: middle;
	}
	.mb {
		display: none;
	}
	.content-area_dark {
		width: 1200px;
		height: 80px;
		position: absolute;
		background-image: url(../img/00top_BG0dark.jpg);
		top: 0;
		z-index: 99;
	}
	.header_dark {
		width: 1200px;
		position: absolute;
		background-image: url(../img/00top_BG0dark.jpg);
		background-position: 0 -80px;
		z-index: 19;
		top: 15px;
	}
	.header_dark img {
		position: absolute;
	}
	.title01 {
		top: 25px;
		left: 409px;
		opacity: 0;
	}
	.title02 {
		top: 90px;
		left: 407px;
		opacity: 0;
	}
	.title03 {
		top: 24px;
		left: 407px;
		opacity: 0;
	}
	.fade-in {
		opacity: 0;
	}
	div.content-area, div.mod-page-title {
		width: 1200px;
		margin: 0 auto;
	}


	/*.section.menu_fixed div.content-area*/
	.content-header-title div.content-area{
		width: 950px;
		text-align: center;
	}
	div.mod-page-title h1 {
		width: 385px;
		height: 109px;
		margin: 0 auto;
		padding-top: 39px;
		padding-bottom: 291px;
		padding-left: 0px !important;
	}
	div.mod-page-title h1:before {
		width: 0px !important;
		background-image: none;
	}
	div.mod-page-title p {
		margin-left: 15px;
		margin-bottom: 25px;
	}
	div.header {
		top: 0px;
		background-color: white;
	}
	div.header,
	.header_dark {
		/*height: 862px;*/
		/*height: 1240px;*/
	}
	div.section {
 		margin-top: 0 !important;
	}
	.mod-page-title p.catchcopy{
		margin:50px 0 0px;
		text-align:center;
	}
.concept{
	text-align: center;
	background-color: white;
	height: 740px;
}
.concept_img01{
	margin-bottom: 4rem;
}

.concept p{
	font-size: 2rem !important;
	line-height: 4rem !important;
}
.connect{
	background-color: #ae0d23;
	text-align: center;
}

.use{
	text-align: center;
	background-color: #dc8000;
}
.use p,.connect p,.protect p{
	font-size: 2rem !important;
	line-height: 4rem !important;
	text-align: left;
}


.protect{
	background-color: #3d6297;
	text-align: center;

}

.concept_img{
	width: 120%;
	max-width: 120%;
}
	div.top00 p {
		margin-bottom: 30px;
	}
	div.contents01 h2 > img, div.contents04 h2 > img {
		margin-top: 70px;
	}
	div.contents02 h2 > img, div.contents03 h2 > img {
		margin-top: 50px;
		margin-bottom: 0px;
	}
	div.contents01 {
		height: 800px;
		background-color: white;
	}
	div.contents01 div.movie > p {
		margin-top: 30px;
		font-size: 12pt;
		line-height: 16pt;
	}
	div.contents01 div.movie div {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		height: 240px;
		text-align: center;
	}
	div.contents01 div.movie h3, .popup_window h3 {
		margin: 10px 0 15px 10px;
		font-size: 14pt;
		font-weight: bold;
	}
	.movie_2column{
		display:block;
		width:960px;
		text-align:center;
		margin-left:-10px;
	}
	.movie_2column h3{
		text-align:left;
	}
	div.contents01 div.other h3 {
		margin: 48px 0 12px 10px;
		font-size: 16pt;
		font-weight: normal;
	}
	.movie{
		margin-top: 50px;
	}
	div.contents01 div.other p {
		margin-top: 0px;
		margin-right: 5px;
	}
	div.contents02 {
		height: 978px;
		background-image: url(../img/02contents_BG01.jpg);
	}
	div.contents02 p {
		width: 380px;
		margin-bottom: 30px;
	}
	div.contents02 p.first {
		margin-top: 100px;
	}
	div.contents03 {
		height: 970px;
		background-color: #666666;
	}
	div.contents03 p {
		margin-top: 80px;
		margin-bottom: 16px;
	}

.slider-container{
	width: 1210px;
	padding: 0;
	overflow: hidden;
}

.slider-container2{
	width: 1200px;
	padding: 0;
	overflow: hidden;
}

.slider{
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 0px;
position: relative;
top: -10px;
left: -10px;
}

.slider2{
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 0px;
position: relative;

}


.slider_logo {
  z-index:10;
  position:absolute;
  left:0;
  top:546px;
  width:100%;
}
	.w-100{width:100%;}

.dl_btn{
	z-index:10;
  position:absolute;
  right:100px;
  bottom:40px;
}

	div.slide-area {
		margin-left: 10px;
		width: 940px;
		height: 540px;
		overflow: hidden;
		position: relative;
	}
	div.slide-list {
		position: absolute;
	}
	div.slide-area div.slide {
		width: 940px;
		height: 540px;
		float: left;
	}
	p.slidebtn {
		font-size: 32pt !important;
		font-weight: bold;
		color: white;
		text-shadow:
			1px 2px 0px #aaa,
			2px 1px 0px #aaa,
			-1px 2px 0px #aaa,
			-1px 1px 0px #aaa;
		position: relative;
		width: 50px;
	}
	p.slide-prev {
		top: 185px;
	}
	p.slide-next {
		top: 75px;
		left: 870px;
	}
	div.contents03 ul {
		margin-top: 66px;
		margin-bottom: 60px;
		margin-left: 0px;
	}

	div.contents04 {
		height: 800px;
		background-image: url(../img/04contents_BG_202312.jpg);
	}
	div.contents04 p {
		text-align: right;
	}
	div.contents04 a {
		color:#fff;
	}

	.lineup_link{
		margin-top: 20px;
	}
	div.contents04 p.btn01 {
		width: 132px;
		position: absolute;
		top: 230px;
		left: 240px
	}
	div.contents04 p.btn02 {
		width:347px;
		position: absolute;
		top: 295px;
		left: 385px;
		text-align: center;
	}
	div.contents04 p.btn03 {
		width: 290px;
		position: absolute;
		top: 230px;
		left: 680px;
		text-align: center;

	}
	div.contents04 p.btn04 {
		width: 200px;
		position: relative;
		top: 145px;
		left: 20px
	}
	div.contents04 p.btn05 {
		width: 196px;
		position: relative;
		top: 83px;
		left: 915px;
		z-index:2;
	}
	div.contents04 p a:hover {
		opacity: 0.6;
	}
	div.contents04 p span {
		font-size: 9pt;
		text-decoration: underline;
	}
	div.contents04 p a:after {
		content: " " url(../img/04contents_btn_red.png);
	}
	div.contents05 {
		height: 135px;
		padding-top: 35px;
		display: table;
	background-color: black;
	padding-bottom: 90px;
  }
	div.contents05 h2 > img {
		margin-top: 80px;
	}
	div.contents05 h3, .contents05 p {
		line-height: 1.5 !important;
		font-size: 9pt !important;
	}
	div.contents05 h3.first,
	div.contents05 h3.second {
		margin-top: 40px;
	}
	div.contents05 h3.third {
		margin-top: 20px;
	}

.contents05_div{
	display: flex;
align-items: center;
padding-bottom: 30px !important;
}
.contents05_div00{
	float:left;
	}
.contents05_div01{
	padding-left: 10px;
	border-left: solid 1px white;
}
	.popup_window {
		position: fixed;
		width: 860px;
		height: 515px;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -430px;
		z-index: 9999;
		display: none;
	}
	.popup_window h3 {
		margin: 0;
	}
	.popup_window p.popup_close {
		width: 30px;
		height: 30px;
		font-size: 24pt;
		text-align: center;
		position: relative;
		top: -30px;
		left: 820px;
	}
	.popup_window iframe {
		position: absolute;
		top: 35px;
		left: -10px;
		width: 100%;
		height: 100%;
	}
	ul.hr {
		list-style-type: none;
		padding-left: 0;
		font-size: 0;
	}
	ul.hr li {
		display: inline-block;
		vertical-align: top;
	}
	ul.menu {
		border-left: 3px solid black;
		margin-top: 20px;
		margin-left: 10px;
		padding-left: 0;
		font-size: 0;
	}
	ul.menu li {
		height: 18px;
		padding: 0 20px;
		text-align: center;
		border-right: 3px solid black;
	}
	ul.top00 {
		margin-left: 10px;
		margin-top: 30px;
	}
	ul.top00 > li {
		width: 208px;
		margin-left: 25px;
	}
	ul.top00 > li:first-child {
		margin-left: 0;
	}

	ul.concept00 {
		margin-left: 10px;
		margin-top: 45px;
		margin-bottom: 75px;
	}
	ul.concept00 > li {
		width: 333px;
		margin-left: 7px;
	}
	ul.concept00 > li:first-child {
		margin-left: 0;
	}



/*}*/