@charset "UTF-8";
/* 見積シミュレーション用: 旧 /css/style.css から本文に必要な部分だけを抽出したもの。
   header / footer / body / #wrap の指定は、WP化ページと同じテーマCSSに任せるため除外している。
   （元CSSをそのまま読むと header{width:1000px} などがテーマCSSを上書きしてしまう） */
#band a,#mainArea a{display:block;

	width:100%;

	text-decoration:none;}
#band a:hover,#mainArea a:hover{text-decoration:none;

	opacity: 0.5;

	filter: alpha(opacity=50);

	-ms-filter: "alpha(opacity=50)";}
#band p,#mainArea p{margin-bottom: 5px;}
#band #cover,#mainArea #cover{clear:both;

	width:100%;

	height:100vh;

	background:url(/images/cover01.jpg) no-repeat top center;

	background-size:cover;

	padding-top:300px;

	padding-bottom:20px;

	position:relative;}
#band #cover .cover01,#mainArea #cover .cover01{width:998px;

	margin:0 auto 80px;}
#band #cover .cover02,#mainArea #cover .cover02{width:370px;

	margin:0 auto 340px;}
#band #cover .cover03,#mainArea #cover .cover03{width:30px;

	margin:0 auto;}
#band #technology,#mainArea #technology{width: 100%;

	position: relative;}
#band #technology .technologyBox01,#mainArea #technology .technologyBox01{width:1000px;

	height:730px;

	margin:0 auto;

	box-sizing:border-box;

	padding-top:60px;}
#band #technology .technology01,#mainArea #technology .technology01{width:366px;

	margin-bottom:30px ;}
#band #technology .technologyTxt,#mainArea #technology .technologyTxt{width:370px;

	font-size:18px;

	font-weight:bold;

	margin-bottom:10px;

	letter-spacing: -.5px;}
#band #technology .btn,#mainArea #technology .btn{clear:both;}
#band #technology .btn li,#mainArea #technology .btn li{float:left;

	margin:7px 20px 20px 0;}
#band #technology .btn a,#mainArea #technology .btn a{width:366px;

	font-size:25px;

	font-weight:bold;

	color:#fff;

	background:#535ca8;

	text-align:center;

	padding:15px 0;}
#band #technology .technology02,#mainArea #technology .technology02{width:369px;}
#band #technology .technologyBox02,#mainArea #technology .technologyBox02{width: 50%;

	height: 730px;

	position: absolute;

	top: 0;

	left: 50%;

	background: url(/images/tech_bg.jpg) no-repeat;}
#band #products,#mainArea #products{width:100%;

	background:#f4f3f1;

	padding:95px 0 50px;}
#band #products .products01,#mainArea #products .products01{width:319px;

	margin:0 auto 25px;}
#band #products .productsTxt,#mainArea #products .productsTxt{text-align:center;

	font-size:26px;

	font-weight:bold;

	margin-bottom:45px;}
#band #products ul,#mainArea #products ul{width:1000px;

	margin:0 auto;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;}
#band #products ul li:first-child,#mainArea #products ul li:first-child,#band #products ul li:nth-child(4),#mainArea #products ul li:nth-child(4){margin-left:0;}
#band #products ul li,#mainArea #products ul li{width:300px;

	height: 412px;

	box-sizing:border-box;

	padding:13px 15px 65px;

	background:#fff;

	margin-left:50px;

	margin-bottom:55px;

	position: relative;

	float: left;}
#band #products ul li .productsImg,#mainArea #products ul li .productsImg{width:270px;

	margin-bottom:5px;}
#band #products ul li .midashiM,#mainArea #products ul li .midashiM{font-size:20px;

	font-weight:bold;

	margin-bottom:5px}
#band #products ul li .proTxt,#mainArea #products ul li .proTxt{font-size:13px;

	color:#585656;}
#band #products ul li .btn,#mainArea #products ul li .btn{font-size:13px;

	width:270px;

	margin: 0 auto;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 15px;

	text-align: center;

	letter-spacing: -.5px;}
#band #products ul li .btn span,#mainArea #products ul li .btn span{padding-left:8px;}
#band #products ul li .btn a,#mainArea #products ul li .btn a{color:#fff;

	box-sizing:border-box;

	padding:6px 8px;

	background:#535ca8;}
#band #products .products02,#mainArea #products .products02{width:370px;

	margin:0 auto;

	padding-top:10px;

	clear:both;}
#band #contents .contentsBox,#mainArea #contents .contentsBox{width:1000px;

	margin:0 auto;

	padding:55px 0 50px;}
#band #contents .contentsBox .columnBox,#mainArea #contents .contentsBox .columnBox{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;}
#band #contents .contentsBox .columnBox .newsArea,#mainArea #contents .contentsBox .columnBox .newsArea{width: 700px;

	margin-right: 30px;

	float: left;}
#band #contents .contentsBox .oshirase,#mainArea #contents .contentsBox .oshirase{font-size:20px;

	font-weight:bold;

	border-bottom:solid 1px #535ca8;

	position:relative;

	margin-bottom:25px;}
#band #contents .contentsBox .oshirase span,#mainArea #contents .contentsBox .oshirase span{font-size:13px;

	font-weight:normal;

	color:#535ca8;

	position:absolute;

	right:0;

	bottom:0;}
#band #contents .contentsBox .oshirase span a,#mainArea #contents .contentsBox .oshirase span a{color:#535ca8;}
#band #contents .contentsBox ul.news,#mainArea #contents .contentsBox ul.news{margin-bottom:30px;}
#band #contents .contentsBox ul.news li,#mainArea #contents .contentsBox ul.news li{clear:both;

	font-size:13px;

	margin-bottom:10px;}
#band #contents .contentsBox ul.news li h4,#mainArea #contents .contentsBox ul.news li h4{color:#585656;

	float:left;}
#band #contents .contentsBox ul.news li p,#mainArea #contents .contentsBox ul.news li p{padding-left:130px;}
#band #contents .contentsBox ul.news li p a,#mainArea #contents .contentsBox ul.news li p a{color:#535ca8;}
#band #contents2 .contentsBox2,#mainArea #contents2 .contentsBox2{min-width:1000px;

	width:1000px;

	margin:0 auto;

	padding:10px 0px 5px 20px;}
#band #contents2 .contentsBox2 .columnBox2,#mainArea #contents2 .contentsBox2 .columnBox2{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;}
#band #contents2 .contentsBox2 .columnBox2 .newsArea2,#mainArea #contents2 .contentsBox2 .columnBox2 .newsArea2{width: 100%;

	margin-right: 0px;

	float: left;}
#band #contents2 .contentsBox2 .oshirase2,#mainArea #contents2 .contentsBox2 .oshirase2{font-size:20px;

	font-weight:bold;

	border-bottom:solid 1px #535ca8;

	position:relative;

	margin-bottom:20px;}
#band #contents2 .contentsBox2 .oshirase2 span,#mainArea #contents2 .contentsBox2 .oshirase2 span{font-size:13px;

	font-weight:normal;

	color:#535ca8;

	position:absolute;

	right:0;

	bottom:0;}
#band #contents2 .contentsBox2 .oshirase2 span a,#mainArea #contents2 .contentsBox2 .oshirase2 span a{color:#535ca8;}
#band #contents2 .contentsBox2 ul.news2,#mainArea #contents2 .contentsBox2 ul.news2{margin: 0;}
#band #contents2 .contentsBox2 ul.news2 li,#mainArea #contents2 .contentsBox2 ul.news2 li{clear:both;

	font-size:16px;

	margin: 0;

	padding: 0;}
#band #contents2 .contentsBox2 ul.news2 li h4,#mainArea #contents2 .contentsBox2 ul.news2 li h4{color:#585656;

	float:left;}
#band #contents2 .contentsBox2 ul.news2 li p,#mainArea #contents2 .contentsBox2 ul.news2 li p{padding-left:120px;}
#band #contents2 .contentsBox2 ul.news2 li p a,#mainArea #contents2 .contentsBox2 ul.news2 li p a{color:#535ca8;}
#band #contents .contentsBox .columnBox .csrArea,#mainArea #contents .contentsBox .columnBox .csrArea{width: 270px;

	float: right;}
#band #contents .contentsBox .columnBox .csrMidashi,#mainArea #contents .contentsBox .columnBox .csrMidashi{font-size:19px;

	font-weight:bold;

	border-bottom:solid 1px #535ca8;

	position:relative;

	margin-bottom:25px;}
#band #contents .contentsBox .columnBox .csrTxt,#mainArea #contents .contentsBox .columnBox .csrTxt{font-size: 13px;

	color:#585656;

	margin-bottom: 15px;}
#band #contents .contentsBox .midashiS,#mainArea #contents .contentsBox .midashiS{font-size:14px;

	font-weight:bold;

	border-bottom:solid 1px #535ca8;

	clear:both;}
#band #contents .contentsBox .btn,#mainArea #contents .contentsBox .btn{clear:both;}
#band #contents .contentsBox .btn li,#mainArea #contents .contentsBox .btn li{float:left;

	margin:7px 20px 20px 0;}
#band #contents .contentsBox .btn a,#mainArea #contents .contentsBox .btn a{width:266px;

	font-size:18px;

	font-weight:bold;

	color:#fff;

	background:#535ca8;

	text-align:center;

	padding:15px 0;}
#band #banner,#mainArea #banner{clear:both;

	width:100%;

	background:#f4f3f1;

	padding:10px 0;}
#band #banner .bannerArea,#mainArea #banner .bannerArea{width:900px;

	margin:0 auto;

	position:relative;}
#band #banner ul#slider3,#mainArea #banner ul#slider3{width: 570px;

	margin: 0 auto;}
#band #banner ul#slider3 li,#mainArea #banner ul#slider3 li{width:180px;

	float:left;

	margin-right: 10px;}
#band #contact,#mainArea #contact{clear:both;

	width:100%;

	padding:20px 0 25px;}
#band #contact .contactBox,#mainArea #contact .contactBox{width:1000px;

	margin:0 auto;}
#band #contact .contactBox .contactImg,#mainArea #contact .contactBox .contactImg{width:49px;

	float:left;}
#band #contact .contactBox .contactTxt,#mainArea #contact .contactBox .contactTxt{width:94%;

	float:left;

	border-bottom:solid 1px #000;

	margin-left:11px;

	margin-bottom:15px;

	padding-top:10px;}
#band #contact .contactBox .btn,#mainArea #contact .contactBox .btn{clear:both;}
#band #contact .contactBox .btn a,#mainArea #contact .contactBox .btn a{font-size:19px;

	font-weight:bold;

	color:#000;

	text-align:center;

	margin:0 auto;

	box-sizing:border-box;

	padding:10px 0;

	border:solid 4px #000;}
#band #contact .contactBox .btn span,#mainArea #contact .contactBox .btn span{padding-left:10px;}
#band #mitsumori,#mainArea #mitsumori{width:100%;

	padding:20px 0 25px;

	color:#fff;

	background:#535ca8;}
#band #mitsumori .mitsumoriBox,#mainArea #mitsumori .mitsumoriBox{width:1000px;

	margin:0 auto;}
#band #mitsumori .mitsumoriBox .mitsumoriImg,#mainArea #mitsumori .mitsumoriBox .mitsumoriImg{width:48px;

	float:left;}
#band #mitsumori .mitsumoriBox .mitsumoriTxt,#mainArea #mitsumori .mitsumoriBox .mitsumoriTxt{width:94%;

	float:left;

	border-bottom:solid 1px #fff;

	margin-left:11px;

	margin-bottom:15px;

	padding-top:10px;}
#band #mitsumori .mitsumoriBox .btn,#mainArea #mitsumori .mitsumoriBox .btn{clear:both;}
#band #mitsumori .btn a,#mainArea #mitsumori .btn a{font-size:19px;

	font-weight:bold;

	color:#fff;

	text-align:center;

	margin:0 auto;

	box-sizing:border-box;

	padding:10px 0;

	border:solid 4px #fff;}
#band #mitsumori .btn span,#mainArea #mitsumori .btn span{padding-left:10px;}
#band .copy,#mainArea .copy{padding: 10px 0 0;

	text-align: center;}
#band{width: 100%;

	text-align: center;

	padding-top:150px;

	margin-bottom: 50px;

	background: url(/images/band.jpg) no-repeat;

	background-position: center 150px;

	color: #fff;

	font-weight: bold;}
#band .pankuzu,#mainArea .pankuzu{margin-top: -20px;

	 margin-bottom: 25px;

	 padding-left: 5px;

	 font-size: 12px;}
#band .pankuzu li:after,#mainArea .pankuzu li:after{content: '＞';

	margin-left: 7px;}
#band .pankuzu li:last-child:after,#mainArea .pankuzu li:last-child:after{content: '';

	margin-left: 0;}
#band .pankuzu li,#mainArea .pankuzu li{display: inline;

	margin-right: 4px;}
#band .pankuzu a,#mainArea .pankuzu a{display: inline;

	color: #535ca8;}
#band .title span,#mainArea .title span{font-size:28px;

	padding:80px 10px;

	display:inline-block;}
#band .title02 span,#mainArea .title02 span{font-size:3.8em;

	border-bottom:solid 4px #d67b2c;

	padding:0 10px;

	display:inline-block;

	margin-bottom:30px;}
#band .title03 span,#mainArea .title03 span{font-size:4.2em;

	letter-spacing: 4px;

	padding:30px 10px 0;

	display:inline-block;

	font-weight: 500;

	font-family: 'Oswald', sans-serif;}
#band .bandTxt,#mainArea .bandTxt{margin-top: -13px;

	font-size: 1.6em;

	padding-bottom: 40px;}
#mainArea{width: 1000px;

	margin: 0 auto;}
#mainArea .leftArea{width:775px;

	box-sizing:border-box;

	padding-left:10px;

	float:left;

	font-size:14px;}
#mainArea aside{width:200px;

	margin-bottom: 60px;

	float:right;

	box-sizing:border-box;}
#mainArea aside h3 a{font-size:16px;

	color:#535ca8;

	font-weight:bold;

	text-decoration:none;

	margin-bottom:10px;

	box-sizing:border-box;

	padding:10px;

	border-left:5px solid #535ca8;}
#mainArea aside ul li a{color: #535ca8;

	box-sizing:border-box;

	padding:10px 5px 7px 20px;}
#mainArea aside ul li{font-size:14px;

	text-decoration:none;

	border-bottom:solid 1px #535ca8;

	background:url(/images/icon05.png) no-repeat;

	background-position: 8px 16px;

	background-size:5px;}
#mainArea aside ul li .side02 li{width: auto;

	margin-left: 10px;}
#mainArea aside ul li .side02 li:last-child{border-bottom:none;

	padding-bottom: 10px;}
#mainArea aside .rightNav{width:200px;

	margin-top:50px;

	border:solid 1px #535ca8;}
#mainArea aside .rightNav ul li{border-bottom:none !important;}
#mainArea aside .rightNav ul li a{font-size:14px;

	color:#535ca8;}
#mainArea .sideOr aside{width:200px;

	float:right;

	box-sizing:border-box;}
#mainArea .sideOr aside h3 a{font-size:16px;

	color:#d67b2c !important;

	font-weight:bold;

	text-decoration:none;

	margin-bottom:10px;

	box-sizing:border-box;

	padding:10px;

	border-left:5px solid #d67b2c;}
#mainArea .sideOr aside ul li a{color: #d67b2c !important;

	box-sizing:border-box;

	padding:10px 5px 7px 20px;}
#mainArea .sideOr aside ul li{font-size:14px;

	text-decoration:none;

	border-bottom:solid 1px #d67b2c !important;

	background:url(/images/icon06.png) no-repeat;

	background-position: 8px 16px;

	background-size:5px;}
#mainArea .sideOr aside ul li .side02 li{width: auto;

	margin-left: 10px;}
#mainArea .sideOr aside ul li .side02 li:last-child{border-bottom:none;

	padding-bottom: 10px;}
#mainArea .sideOr aside .rightNav{width:200px;

	margin-top:50px;

	border:solid 1px #d67b2c !important;}
#mainArea .sideOr aside .rightNav ul li{border-bottom:none !important;}
#mainArea .sideOr aside .rightNav ul li a{font-size:14px;

	color:#d67b2c !important;}
#mainArea aside h3 a:hover,#mainArea aside ul li a:hover,#mainArea .leftArea .pattern01 a:hover{text-decoration:underline;}
#mainArea .leftArea .midashiS{font-size:18px;

	border-bottom:solid 2px #535ca8;

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .midashiS02{font-size:18px;

	border-bottom:solid 2px #d67b2c;

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .midashiS a{font-size:18px;

	color:#535ca8;

	text-decoration:none;

	clear: both;}
#mainArea .leftArea .midashiT{font-size:21px;

	border-bottom:solid 2px #535ca8;

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .midashiI{font-size:25px;

	text-align:right;

	border-bottom:solid 2px #535ca8;

	margin-top:30px;

	margin-bottom:50px;

	clear: both;}
#mainArea .leftArea .midashiP{font-size: 1.3em;

    background-color: #ccddff;

    border-left: 8px solid #1e50a2;

    color: #1e50a2;

    margin: 1em 0;

    padding: 0.7em 1em;}
#mainArea .leftArea .midashiP2{font-size: 1.6em;

  padding-left: 10px;

  border-bottom: solid 2px #535ca8;

  position: relative;}
#mainArea .leftArea .box19{font-family: "ＭＳ Ｐ明朝";

	font-size:40px;

    position: relative;

    padding:1em 0em;}
#mainArea .leftArea .box19 p{margin: 0; 

    padding: 0;}
#mainArea .leftArea .box5{font-size:27px;

    padding: 0.5em 1em;

    margin: 2em 0;

    border: double 5px #4ec4d3;}
#mainArea .leftArea .box5 p{margin: 0; 

    padding: 0;}
#band h11,#mainArea h11{font-size:21px;

  position: relative;

  background: #dfefff;

  display: inline-block;

  box-shadow: 0px 0px 0px 5px #dfefff;

  border: dashed 2px white;

  padding: 0.2em 0.5em;

  color: #454545;}
#band h11:after,#mainArea h11:after{position: absolute;

  content: '';

  left: -7px;

  top: -7px;

  border-width: 0 0 15px 15px;

  border-style: solid;

  border-color: #fff #fff #a8d4ff;

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
#mainArea .leftArea ul.indexBtn03{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;



	text-align: center;}
#mainArea .leftArea ul.indexBtn04{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	margin-bottom: 30px;}
#mainArea .leftArea ul.indexBtn03 li:nth-child(1),#mainArea .leftArea ul.indexBtn03 li:nth-child(5),#mainArea .leftArea ul.indexBtn03 li:nth-child(9),#mainArea .leftArea ul.indexBtn03 li:nth-child(13){margin-left:0;}
#mainArea .leftArea ul.indexBtn04 li:nth-child(1){margin-left:0;}
#mainArea .leftArea ul.indexBtn03 li{margin-left:15px;

	margin-bottom:15px;

	display: -webkit-flex;

	display: flex;

	float: left;}
#mainArea .leftArea ul.indexBtn04 li{margin-left:15px;

	margin-bottom:15px;

	display: -webkit-flex;

	display: flex;

	float: left;}
#mainArea .leftArea ul.indexBtn03 li a{width:180px;

	height: 90px;

	box-sizing:border-box;

	font-size:13px;

	text-align:center;

	color:#fff;

	background:#0070cc;

	padding:10px 13px ;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center; 

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;}
#mainArea .leftArea ul.indexBtn03 li a:hover{text-decoration:none;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter: "alpha(opacity=100)";}
#mainArea .leftArea ul.indexBtn04 li a{width:180px;

	height: 90px;

	box-sizing:border-box;

	font-size:13px;

	text-align:center;

	color:#fff;

	background:#d67b2c;

	padding:15px ;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center; 

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;}
#mainArea .leftArea ul.indexBtn{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;



	text-align: center;}
#mainArea .leftArea ul.indexBtn02{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	margin-bottom: 30px;}
#mainArea .leftArea ul.indexBtn li:nth-child(1),#mainArea .leftArea ul.indexBtn li:nth-child(5),#mainArea .leftArea ul.indexBtn li:nth-child(9),#mainArea .leftArea ul.indexBtn li:nth-child(13){margin-left:0;}
#mainArea .leftArea ul.indexBtn02 li:nth-child(1){margin-left:0;}
#mainArea .leftArea ul.indexBtn li{margin-left:15px;

	margin-bottom:15px;

	display: -webkit-flex;

	display: flex;

	float: left;}
#mainArea .leftArea ul.indexBtn02 li{margin-left:15px;

	margin-bottom:15px;

	display: -webkit-flex;

	display: flex;

	float: left;}
#mainArea .leftArea ul.indexBtn li a{width:180px;

	height: 90px;

	box-sizing:border-box;

	font-size:13px;

	text-align:center;

	color:#fff;

	background:#535ca8;

	padding:10px 13px ;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center; 

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;}
#mainArea .leftArea ul.indexBtn li a:hover{text-decoration:none;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter: "alpha(opacity=100)";}
#mainArea .leftArea ul.indexBtn02 li a{width:180px;

	height: 90px;

	box-sizing:border-box;

	font-size:13px;

	text-align:center;

	color:#fff;

	background:#d67b2c;

	padding:15px ;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center; 

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;}
#mainArea .leftArea .column02{display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	position: relative;

	padding: 0 0 30px 0;

	margin-bottom: 30px;}
#mainArea .leftArea .column02 .imgL{width: 370px;

	text-align:center;

	margin-right:20px;

	float: left;}
#mainArea .leftArea .column02 .txtL{width: 18em;

	float: left;}
#mainArea .leftArea .column02 .txtL02{width: 370px;

	float: left;}
#mainArea .leftArea .column02 .midashiQL{width: 370px;

	float: left;

	font-size:18px;

	background: linear-gradient(transparent 60%, yellow 40%);

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .column02 .midashiQL2{width: 370px;

	float: left;

	font-size:18px;

	background: linear-gradient(transparent 80%, yellow 20%);

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .column02 .midashiQR{width: 370px;

	float: right;

	font-size:18px;

	background: linear-gradient(transparent 60%, yellow 40%);

	margin-bottom:20px;

	clear: both;}
#mainArea .leftArea .interviewbox{margin: 2em 0;

    background: #dcefff;}
#mainArea .leftArea .interviewbox .box-title{font-size: 1.2em;

    background: #5fb3f5;

    padding: 4px;

    text-align: center;

    color: #FFF;

    font-weight: bold;

    letter-spacing: 0.05em;}
#mainArea .leftArea .interviewbox p{padding: 15px 20px;

    margin: 0;}
#mainArea .leftArea .interviewbox2{font-size: 1.1em;

    background-color: #cafbce;

    border: 2px solid #fff;

    box-shadow: 0 0 0 2px #cafbce;

    color: #0a8915;

    margin: 1em 0;

    padding: 1em;}
#mainArea .leftArea .interviewbox3_1{font-size: 1.1em;

    background-color: #e7efff;

    border-left: 8px solid #1c66fe;

    color: #1c66fe;

    margin: 1em 0;

    padding: 1em;}
#mainArea .leftArea .interviewbox3_2{font-size: 1.1em;

    background-color: #cafbce;

    border: 2px solid #fff;

    box-shadow: 0 0 0 2px #cafbce;

    color: #006400;

    margin: 1em 0;

    padding: 1em;}
#mainArea .leftArea .interviewbox3_3{}
#mainArea .leftArea .interviewbox3_3 a{display: inline;}
#mainArea .leftArea .column02 .imgR{width: 370px;

	text-align:center;

	float: left;}
#mainArea .leftArea .column02 .imgR02{width: 370px;

	margin-left:20px;

	float: right;}
#mainArea .leftArea .column02 .imgL img{display:block;

	margin:0 auto;}
#mainArea .leftArea .column02 .imgL02{width: 370px;

	text-align:center;

	margin-right:20px;

	padding: 10px 0;

	box-sizing: border-box;

	border: solid 1px #ddd}
#mainArea .leftArea .column02 .imgL03{width: 370px;

	margin-right:20px;

	float: left;}
#mainArea .leftArea .column02 .imgL02 img{display:block;

	margin:0 auto;}
#mainArea .leftArea .column02 .txtR{width:370px;

	float: right;}
#mainArea .leftArea .column02 .txtR a{display: inline;}
#mainArea .leftArea .column02 .imgL30{width: 270px;

	text-align:center;

	margin-right:40px;

	float: left;}
#mainArea .leftArea .column02 .imgL30 img{display:block;

	margin:0 auto;}
#mainArea .leftArea .column02 .txtR02{width:370px;

	margin-left:20px;

	float: right;}
#mainArea .leftArea .imgM{width:765px;

	text-align:center;}
#mainArea .leftArea .imgM img{display:block;

	margin:0 auto;}
#mainArea .leftArea .imgM02{width:765px;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	-webkit-justify-content :center;

	justify-content :center;}
#mainArea .leftArea .imgM02 p{display: inline;}
#mainArea .leftArea .imgM02 p{margin-right:15px;

	text-align: center;}
#mainArea .leftArea .midashiM{font-size:21px;

	font-weight:bold;

	border-bottom:solid 2px #535ca8;

	margin-bottom:10px;

	clear: both;}
#mainArea .leftArea .pattern01,#mainArea .leftArea .pattern02,#mainArea .leftArea .pattern03,#mainArea .leftArea .pattern05{width:765px;

	border-collapse:collapse;}
#mainArea .leftArea .pattern06{border-collapse:collapse;}
#mainArea .leftArea .pattern01 .brdN{border-bottom:none;}
#mainArea .leftArea .pattern01 a{color:#535ca8;

	display:inline;}
#mainArea .leftArea .pattern01 th{width:130px;

	box-sizing:border-box;

	padding:10px 15px;

	font-weight:bold;

	text-align:left;

	vertical-align:top;

	border-right:solid 1px #535ca8;

	border-bottom:dashed 1px #535ca8;}
#mainArea .leftArea .pattern01 td{box-sizing:border-box;

	padding:10px 15px;

	text-align:left;

	vertical-align:top;

	border-bottom:dashed 1px #535ca8;}
#mainArea .leftArea .pattern01 tr:last-child th,#mainArea .leftArea .pattern03 tr:last-child th{border-bottom:none;}
#mainArea .leftArea .pattern01 tr:last-child td,#mainArea .leftArea .pattern03 tr:last-child td{border-bottom:none;}
#mainArea .leftArea .pattern02{border:solid 1px #535ca8;}
#mainArea .leftArea .pattern02 td{width:153px;

	box-sizing:border-box;

	padding:10px 20px;

	text-align:center;

	vertical-align:top;

	border-right:solid 1px #535ca8;

	border-bottom:solid 1px #535ca8;}
#mainArea .leftArea .pattern03 th{width:200px;

	box-sizing:border-box;

	padding:10px 15px;

	font-weight:bold;

	text-align:left;

	vertical-align:top;

	border-right:solid 1px #d67b2c;

	border-bottom:dashed 1px #d67b2c;}
#mainArea .leftArea .pattern03 td{box-sizing:border-box;

	padding:10px 15px;

	text-align:left;

	vertical-align:top;

	border-bottom:dashed 1px #d67b2c;}
#mainArea .leftArea .pattern03 a{color:#d67b2c;

	display:inline;}
#mainArea .leftArea .pattern04{width:370px;

	border-collapse:collapse;

	border:solid 1px #bcbabb;}
#mainArea .leftArea .pattern04 th{width:6em;

	box-sizing:border-box;

	padding:6px;

	font-weight:bold;

	text-align:left;

	vertical-align:top;

	border-right:solid 1px #bcbabb;

	border-bottom:solid 1px #bcbabb;

	background: #f3f3f3;}
#mainArea .leftArea .pattern04 td{box-sizing:border-box;

	padding:10px;

	text-align:left;

	vertical-align:top;

	border-bottom:solid 1px #bcbabb;}
#mainArea .leftArea .pattern05{border:solid 1px #535ca8;}
#mainArea .leftArea .pattern05 td{box-sizing:border-box;

	padding:10px;

	text-align:center;

	vertical-align:top;

	border-right:solid 1px #535ca8;

	border-bottom:solid 1px #535ca8;}
#mainArea .leftArea .pattern05 td a{padding: 0 20px;}
#mainArea .leftArea .pattern06{border:solid 2px #6666cc;}
#mainArea .leftArea .pattern06 td{box-sizing:border-box;

	padding:10px 20px;

	text-align:center;

	vertical-align:middle;

	border-right:solid 2px #6666cc;

	border-bottom:solid 2px #6666cc;}
#mainArea .leftArea .pattern07{width:765px;

	border-collapse:collapse;}
#mainArea .leftArea .pattern07 th{width:200px;

	box-sizing:border-box;

	padding:10px 15px;

	font-weight:bold;

	text-align:left;

	vertical-align:top;

	border-right:solid 1px #535ca8;

	border-bottom:dashed 1px #535ca8;}
#mainArea .leftArea .pattern07 td{box-sizing:border-box;

	padding:10px 15px;

	text-align:left;

	vertical-align:top;

	border-bottom:dashed 1px #535ca8;}
#mainArea .leftArea .pattern07 a{color:#535ca8;

	display:inline;}
#band .bgBlue,#mainArea .bgBlue{background: #f2f5f7;}
#mainArea .leftArea .map{width: 5em;

	margin-top: 9px;}
#mainArea .leftArea .map a{padding: 5px 10px;

	border: 1px solid #535ca8;

	border-radius: 4px;

	text-align: center;}
#mainArea .leftArea .komidashi02{color:#000;

	margin-bottom:15px;

	font-size:14px;

	font-weight:bold;

	border-bottom:solid 2px #535ca8;

	clear: both;}
#mainArea .leftArea .komidashi03{color:#000;

	margin-bottom:15px;

	font-size:14px;

	font-weight:bold;

	border-bottom:solid 2px #d67b2c;}
#mainArea .leftArea .komidashi02 a{color:#535ca8;

	font-weight:bold;}
#mainArea .leftArea .pLink a{color:#535ca8;

	display: inline;}
#band .pLink a,#mainArea .pLink a{color:#535ca8;

	display: inline;}
#mainArea .leftArea .pLink a img{display: inline;}
#mainArea .leftArea .komidashi02 a:hover,#mainArea .leftArea .pLink a:hover{text-decoration: underline;}
#mainArea .leftArea .pLink a:hover img{opacity: 0.5;

	filter: alpha(opacity=50);

	-ms-filter: "alpha(opacity=50)";}
#mainArea .leftArea .komidashi{color:#000;

	margin-bottom:15px;

	font-size:14px;

	font-weight:bold;}
#mainArea .leftArea .komidashi p{font-size:14px;

	font-weight:bold;}
#mainArea .leftArea ul.imgArea{width:765px;

	text-align:center;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	-webkit-justify-content :center;

	justify-content :center;}
#mainArea .leftArea .imgArea li{width:240px;

	height: 407px;

	box-sizing:border-box;

	border:solid 1px #ddd;

	margin-right:10px;

	margin-bottom:20px;

	padding-top:10px;}
#mainArea .leftArea .imgArea li a{background:#fff;

	color:#000;}
#mainArea .leftArea .imgArea li img{margin-top:10px;}
#mainArea .leftArea ul.interviewTopArea{width:765px;

	text-align:center;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	-webkit-justify-content :center;

	justify-content :center;}
#mainArea .leftArea .interviewTopArea li{width:240px;

	height: 290px;

	box-sizing:border-box;

	border:none;

	margin-right:10px;

	margin-bottom:20px;}
#mainArea .leftArea .interviewTopArea li a{background:#1e50a2;

	color:#fff;

	margin-bottom:10px;

	padding-bottom:5px;}
#mainArea .leftArea .interviewTopArea li img{}
#mainArea .leftArea .disc{list-style:outside;

	list-style-type:disc;

	padding-left:1.5em;}
#mainArea .leftArea .disc li{margin-bottom: 6px;}
#mainArea .leftArea .decimal{list-style:outside;

	list-style-type:decimal;

	padding-left:1.5em;}
#mainArea .leftArea .decimal li{margin-bottom: 6px;}
#mainArea .leftArea .circle02 li{background:url(/images/icon07.png) no-repeat;

	background-size: 5px;

	background-position: 4px 8px;

	padding-left: 1em;

	margin-bottom: 6px;}
#mainArea .leftArea .circle02 li a{color:#535ca8;

	display: inline;}
#mainArea .leftArea .circle01 li{background:url(/images/icon07.png) no-repeat;

	background-size: 5px;

	background-position: 4px 8px;

	padding-left: 1em;

	margin-bottom: 6px;}
#band .rightTxt,#mainArea .rightTxt{text-align:right;}
#band .rLink,#mainArea .rLink{text-align: right;}
#band .rLink a,#mainArea .rLink a{margin-left: 650px;

	color:#535ca8;

	display: inline !important;}
#mainArea .leftArea .rightImg{width:100%;}
#mainArea .leftArea .rightImg img{margin-left:auto;}
#mainArea .leftArea .siteMap01 a{font-size:16px;

	color:#535ca8;}
#mainArea .leftArea .siteMap01 a:hover{text-decoration:underline;}
#mainArea .leftArea .siteMap01 li{border-bottom:dashed 1px #535ca8;

	box-sizing:border-box;

	padding:10px 20px;

	background:url(/images/icon05.png) no-repeat;

	background-size:7px;

	background-position:5px 15px;}
#mainArea .leftArea .siteMap02 li{border-bottom:dashed 1px #535ca8;

	box-sizing:border-box;

	padding:10px 20px;

	margin-left:30px;}
#mainArea .leftArea .siteMap02 li:last-child{border-bottom:none;}
#band .boldT,#mainArea .boldT{font-weight: bold;}
#band .txtC,#mainArea .txtC{text-align: center !important;}
#band .txtS,#mainArea .txtS{font-size: 12px;}
#band .sem5,#mainArea .sem5,#band .sem05,#mainArea .sem05,#band .sem6,#mainArea .sem6,#band .sem7,#mainArea .sem7,#band .sem12,#mainArea .sem12{position: relative;}
#band .sem7 span,#mainArea .sem7 span{position: absolute;

	top:0;

	left:6em;}
#band .sem5 span,#mainArea .sem5 span{position: absolute;

	top:0;

	left:4em;}
#band .sem05,#mainArea .sem05{height: 6em;}
#band .sem05 span,#mainArea .sem05 span{position: absolute;

	top:0;

	left:4.5em;}
#band .sem6 span,#mainArea .sem6 span{position: absolute;

	top:0;

	left:5em;}
#band .sem12 span,#mainArea .sem12 span{position: absolute;

	top:0;

	left:11em;}
#band .catalogList a,#mainArea .catalogList a{width: 80%;

	margin: 0 auto;

	font-size:18px;

	font-weight:bold;

	color:#fff;

	text-align: center;

	background: #535ca8;

	box-sizing: border-box;

	padding: 20px;}
#band .bgGray,#mainArea .bgGray{background: #eee;}
#band .txtC02,#mainArea .txtC02{display: inline;}
#band .txtBlue,#mainArea .txtBlue{color: #535ca8;}
#band .em5,#mainArea .em5{vertical-align: top !important;

	text-align: left;}
#band .em5 th,#mainArea .em5 th{width: 5em;

	vertical-align: top !important;

	text-align: left;}
#band .em5 td,#mainArea .em5 td{vertical-align: top !important;

	text-align: left;

	padding-left: 5px;}
#band .page404 h3,#mainArea .page404 h3{font-size: 1.8em;

	font-weight: bold;

	color: #535ca8;

	border-bottom: 2px solid #535ca8;}
#band .page404 div,#mainArea .page404 div{font-size: 1.1em;}
#band .btn02 a,#mainArea .btn02 a{width: 20em;

	margin: 0 auto;

	font-size:20px;

	font-weight:bold;

	color:#fff;

	background:#535ca8;

	text-align:center;

	padding:15px 0;

	border-radius:.25em;}
#mainArea .leftArea .newsArea .news li{width: 100%;

	padding: 15px 0;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	border-bottom: dashed 1px #535ca8;}
#mainArea .leftArea .newsArea .news li h4{width: 15%;}
#mainArea .leftArea .newsArea .news li p{width: 85%;}
#mainArea .leftArea .newsArea .news li a{color:#535ca8;

	display: inline;}
#mainArea .leftArea .featureArea .feature li{width: 100%;

	padding: 15px 0;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	border-bottom: dashed 1px #535ca8;}
#mainArea .leftArea .featureArea .feature li h4{width: 15%;}
#mainArea .leftArea .featureArea .feature li p{width: 75%;}
#mainArea .leftArea .featureArea .feature li h3{width: 10%;}
#mainArea .leftArea .featureArea .feature li a{color:#535ca8;

	display: inline;}
#mainArea .leftArea .irArea .ir li{width: 100%;

	padding: 10px 0;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	border-bottom: dashed 1px #535ca8;}
#mainArea .leftArea .irArea .ir li h4{width: 15%;}
#mainArea .leftArea .irArea .ir li h3{width: 5%;}
#mainArea .leftArea .irArea .ir li p{width: 80%;}
#mainArea .leftArea .irArea .ir li a{color:#535ca8;

	display: inline;}
#mainArea .leftArea ul.ir-btn{display: -webkit-flex;

	display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	margin-bottom: 25px;}
#mainArea .leftArea ul.ir-btn li{margin-left: 17px;

	margin-bottom: 17px;

	background:#535ca8;

	border-radius: 10px;

	display: -webkit-flex;

	display: flex;

	float: left;}
#mainArea .leftArea .ir-btn li:nth-child(1),#mainArea .leftArea .ir-btn li:nth-child(3){margin-left: 0 !important;}
#mainArea .leftArea ul.ir-btn li a{width: 240px;

	height: 120px;

	padding: 60px 0 10px;

	box-sizing:border-box;

	font-size:13px;

	color:#fff;

	background-size: 40px !important;

	background-position: center 25px !important;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center; 

	align-items: center;

	-webkit-justify-content: center;

	justify-content: center;

	text-align: center;}
#mainArea .leftArea .ir-btn li:nth-child(1) a,#mainArea .leftArea .ir-btn li:nth-child(2) a{width: 368px;}
#mainArea .leftArea .ir-btn li:nth-child(1) a{background: url(/ir/images/ir01.png) no-repeat;

	background-position: center 15px !important;}
#mainArea .leftArea .ir-btn li:nth-child(2) a{padding-top: 80px;

	background: url(/ir/images/ir02.png) no-repeat;

	background-position: center 34px !important;}
#mainArea .leftArea .ir-btn li:nth-child(3) a{background: url(/ir/images/ir03.png) no-repeat;}
#mainArea .leftArea .ir-btn li:nth-child(4) a{background: url(/ir/images/ir04.png) no-repeat;}
#mainArea .leftArea .ir-btn li:nth-child(5) a{background: url(/ir/images/ir05.png) no-repeat;}
#mainArea .leftArea ul.ir-btn li a:hover{text-decoration:none;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter: "alpha(opacity=100)";}
#band .snip118902 *,#mainArea .snip118902 *{-webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;}
#band .snip118902 a,#mainArea .snip118902 a{color: rgba(255, 255, 255, 0.5);

  position: relative;

  text-decoration: none;}
#band .snip118902 a:before,#mainArea .snip118902 a:before,#band .snip118902 a:after,#mainArea .snip118902 a:after{height: 14px;

  width: 14px;

  position: absolute;

  content: '';

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

  opacity: 0;

  filter: alpha(opacity=0);

  -ms-filter: "alpha(opacity=0)";}
#band .snip118902 a:before,#mainArea .snip118902 a:before{left: 0;

  top: 0;

	border-left: 5px solid rgba(255, 255, 255, 0.5);

  border-top: 5px solid rgba(255, 255, 255, 0.5);

	border-top-left-radius : 10px;

  -webkit-transform: translate(100%, 50%);

  transform: translate(100%, 50%);}
#band .snip118902 a:after,#mainArea .snip118902 a:after{right: 0;

  bottom: 0;

  border-right: 5px solid rgba(255, 255, 255, 0.5);

  border-bottom: 5px solid rgba(255, 255, 255, 0.5);

	border-bottom-right-radius : 10px;

  -webkit-transform: translate(-100%, -50%);

  transform: translate(-100%, -50%);}
#band .snip118902 a:hover,#mainArea .snip118902 a:hover,#band .snip118902 .current a,#mainArea .snip118902 .current a{color: #fff;}
#band .snip118902 a:hover:before,#mainArea .snip118902 a:hover:before,#band .snip118902 .current a:before,#mainArea .snip118902 .current a:before,#band .snip118902 a:hover:after,#mainArea .snip118902 a:hover:after,#band .snip118902 .current a:after,#mainArea .snip118902 .current a:after{-webkit-transform: translate(0%, .5%);

  transform: translate(0%, .5%);

  opacity: 1;

  filter: alpha(opacity=100);

  -ms-filter: "alpha(opacity=100)";}
#mainArea .leftArea .profileArea .profile li{width: 100%;

	padding: 15px 0;

	display: -webkit-flex;

    display: flex;

	-webkit-flex-direction:row;

	flex-direction:row;

	-webkit-flex-wrap:wrap;

	flex-wrap:wrap;

	-webkit-align-items: stretch;

	align-items: stretch;

	border-bottom: dashed 1px #535ca8;}
#mainArea .leftArea .profileArea .profile li h1{width: 24%;

	box-sizing:border-box;

	border:solid 1px #ddd;

	margin-right:10px;

	margin-bottom:20px;}
#mainArea .leftArea .profileArea .profile li h2{width: 24%;}
#mainArea .leftArea .profileArea .profile li h3{width: 24%;

	box-sizing:border-box;

	border:solid 1px #ddd;

	margin-right:10px;

	margin-bottom:20px;}
#mainArea .leftArea .profileArea .profile li h4{width: 24%;}
#mainArea .leftArea .profileArea .profile li a{color:#535ca8;

	display: inline;}
#band h3.evolution,#mainArea h3.evolution{position: absolute;

	top: 420px;

	width: 100%;

	text-align: center;

	font-size:5em;

	letter-spacing: 3px;

	display:inline-block;

	font-weight: bold;

	font-family: sans-serif;

	color: #FFF;

	white-space: nowrap;}
#band h3.evolution span,#mainArea h3.evolution span{margin-left: .15em;}
#band h5.news4,#mainArea h5.news4{position: absolute;

	top: 690px;

	width: 100%;

	text-align: center;

	font-size:1.7em;

	letter-spacing: 2px;

	display:inline-block;

	font-weight: bold;

	font-family: sans-serif;

	color: #0066ff;

	white-space: nowrap;

	margin:0 auto 50px;

	padding: 0;}
#band h5.news4 span,#mainArea h5.news4 span{margin-left: .15em;}
#band h5.news4 iframe,#mainArea h5.news4 iframe{overflow: hidden;}
#band #accordion-panel dt,#mainArea #accordion-panel dt{cursor: pointer;

	margin-bottom: 10px;}
#band #accordion-panel dd .inner,#mainArea #accordion-panel dd .inner{padding: 10px 0;}
#band #accordion-panel dd,#mainArea #accordion-panel dd{display: none;}
#band .layer-1 dt,#mainArea .layer-1 dt{padding: 10px 0 5px;

  font-size:18px;

	border-bottom: solid 2px #535ca8;

	text-decoration:none;

	background: url(/images/icon08.png) no-repeat;

	background-position: 700px 18px;

	background-size: 12px;

	font-weight: bold;}
#band .layer-2 dt,#mainArea .layer-2 dt{padding: 5px 30px;

  font-size: 1.0em;

	border-bottom: dashed 1px #535ca8;

	background: url(/images/icon08.png) no-repeat;

	background-position: 730px 12px;

	background-size: 10px;

	font-weight: normal;}
#band .snip1189,#mainArea .snip1189{text-transform: uppercase;

  letter-spacing: 1px;}
#band .snip1189 *,#mainArea .snip1189 *{-webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;}
#band .snip1189 a,#mainArea .snip1189 a{color: rgba(255, 255, 255, 0.5);

  position: relative;

  text-decoration: none;}
#band .snip1189 a:before,#mainArea .snip1189 a:before,#band .snip1189 a:after,#mainArea .snip1189 a:after{height: 14px;

  width: 14px;

  position: absolute;

  content: '';

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

  opacity: 0;

  filter: alpha(opacity=0);

  -ms-filter: "alpha(opacity=0)";}
#band .snip1189 a:before,#mainArea .snip1189 a:before{left: 0;

  top: 0;

  border-left: 5px solid rgba(255, 255, 255, 0.5);

  border-top: 5px solid rgba(255, 255, 255, 0.5);

  -webkit-transform: translate(100%, 50%);

  transform: translate(100%, 50%);}
#band .snip1189 a:after,#mainArea .snip1189 a:after{right: 0;

  bottom: 0;

  border-right: 5px solid rgba(255, 255, 255, 0.5);

  border-bottom: 5px solid rgba(255, 255, 255, 0.5);

  -webkit-transform: translate(-100%, -50%);

  transform: translate(-100%, -50%);}
#band .snip1189 a:hover,#mainArea .snip1189 a:hover,#band .snip1189 .current a,#mainArea .snip1189 .current a{color: #fff;}
#band .snip1189 a:hover:before,#mainArea .snip1189 a:hover:before,#band .snip1189 .current a:before,#mainArea .snip1189 .current a:before,#band .snip1189 a:hover:after,#mainArea .snip1189 a:hover:after,#band .snip1189 .current a:after,#mainArea .snip1189 .current a:after{-webkit-transform: translate(0%, 0%);

  transform: translate(0%, 0%);

  opacity: 1;

  filter: alpha(opacity=100);

  -ms-filter: "alpha(opacity=100)";}
#band .indexBtn a,#mainArea .indexBtn a{position: relative;

    z-index: 0;

    cursor: pointer;}
#band .borderYtoX li a:before,#mainArea .borderYtoX li a:before,#band .borderYtoX li a:after,#mainArea .borderYtoX li a:after{position: absolute;

    height: 100%;

    width: 4px;

    content: '';

    background: rgba(255, 255, 255, 0);

    transition: all 0.3s;}
#band .borderYtoX li a:before,#mainArea .borderYtoX li a:before{left: 0;

    top: 0;}
#band .borderYtoX li a:after,#mainArea .borderYtoX li a:after{right: 0;

    bottom: 0;}
#band .borderYtoX li a:hover:before,#mainArea .borderYtoX li a:hover:before,#band .borderYtoX li a:hover:after,#mainArea .borderYtoX li a:hover:after{height: 4px;

    width: 100%;

	background: rgba(255, 255, 255, 0.5);}
#band .pullRight a:before,#mainArea .pullRight a:before{position: absolute;

    width: 4px;

    height: 100%;

    left: 0;

    top: 0;

    content: '';

    background: rgba(255, 255, 255, 0);

    transition: all 0.3s;}
#band .pullRight a:hover:before,#mainArea .pullRight a:hover:before{width: 100%;

	background: rgba(255, 255, 255, 0.5);}
#band .borderXwidth a:before,#mainArea .borderXwidth a:before,#band .borderXwidth a:after,#mainArea .borderXwidth a:after{position: absolute;

    width: 0%;

    height: 4px;

    content: '';

    background: rgba(255, 255, 255, 0);

    transition: all 0.3s;}
#band .borderXwidth a:before,#mainArea .borderXwidth a:before{left: 0;

    top: 0;}
#band .borderXwidth a:after,#mainArea .borderXwidth a:after{right: 0;

    bottom: 0;}
#band .borderXwidth a:hover:before,#mainArea .borderXwidth a:hover:before,#band .borderXwidth a:hover:after,#mainArea .borderXwidth a:hover:after{background: rgba(255, 255, 255, 0.5);

    width: 100%;}
#band .pullRightLeft a:before,#mainArea .pullRightLeft a:before,#band .pullRightLeft a:after,#mainArea .pullRightLeft a:after{position: absolute;

    width: 4px;

    height: 100%;

    top: 0;

    content: '';

    background: rgba(255, 255, 255, 0);

    transition: all 0.3s;}
#band .pullRightLeft a:before,#mainArea .pullRightLeft a:before{left: 0;}
#band .pullRightLeft a:after,#mainArea .pullRightLeft a:after{right: 0;}
#band .pullRightLeft a:hover:before,#mainArea .pullRightLeft a:hover:before,#band .pullRightLeft a:hover:after,#mainArea .pullRightLeft a:hover:after{width: 100%;

	background: rgba(255, 255, 255, 0.25);}
#band .kasou,#mainArea .kasou{padding-top: 50px;}
#band .people-list,#mainArea .people-list{display: flex;

  flex-wrap: wrap;

  gap: 15px;}
#band .people-list .person-card,#mainArea .people-list .person-card{flex: 0 0 calc(33.333% - 10px);

  max-width: calc(33.333% - 10px);

  text-decoration: none;

  color: #333;

  border: 1px solid #ddd;

  display: block;

  overflow: hidden;

  box-sizing: border-box;}
#band .people-list .person-card img,#mainArea .people-list .person-card img{width: 100%;

  height: 300px;

  object-fit: cover;

  object-position: center 20%;}
#band .people-list .person-card p,#mainArea .people-list .person-card p{padding: 10px;

  font-size: 14px;

  line-height: 1.6;}
#band .people-list a,#mainArea .people-list a{width: auto !important;}
#band .person-card,#mainArea .person-card{transition: 0.3s;}
#band .person-card:hover,#mainArea .person-card:hover{transform: translateY(-5px);

  box-shadow: 0 8px 15px rgba(0,0,0,0.2);}
#band .person-card,#mainArea .person-card{position: relative;}
#band .person-card p,#mainArea .person-card p{position: absolute;

  bottom: 0;

  left: 0;

  width: 60%;

  padding: 6px;

  font-size: 11px;

  color: #fff;



  

  background: linear-gradient(

    to top,

    rgba(83,92,168,0.8),

    rgba(83,92,168,0)

  );}