@charset "utf-8";
body, html{height:100%;font-size: 10px;}
/*body{background: #000000;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), to(#000000));
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);}

@media(max-width:767px){.no-show1{display: none;}}
@media(min-width:767px){.no-show2{display: none;}}

#index-w{background: #000000;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), to(#000000));
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);}

#index-w2{background-color:#000; }

.indexwrapper{display: table; width:100%; margin: 0 auto; height:auto; padding: 3% 0;}
.indexwrapper h1, .indexwrapper h2{display: table-cell; width: 50%;}*/

#index-whole{min-height: 100%;
background: #000000;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), to(#000000));
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);}
.indexwrapper{height: 100%; font-family: "kan415typos-std", serif; padding: 5em 0;}

@media(max-width:812px){#index-whole{background: #000;}
	.leftpart{background-color: #000; min-height: 100%; width: 100%;}
	.rightpart{background-color: #fff; min-height: 100%; width: 100%;}
}

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


.rightpart h2, .rightpart h2:visited {color: #f8b62d;}
.rightpart h4, .rightpart h4:visited {color: #0068b7;}
.leftpart h2, .rightpart h2:visited {color: #fff;}
.leftpart h4, .rightpart h4:visited {color: #fff;}

.kieie img{width:40%; padding-top: 2em;}
h3 img{width:80%;}


.catch{margin-top: 3em;}
@media(max-width:767px){.catch{padding-bottom: 3em;}}
.leftpart, .rightpart{height: 100%; display: flex;
  justify-content: center;
  align-items: center;}
.leftpart{padding-left: 6em;}
.rightpart{padding-right: 6em;}
@media(max-width:812px){.leftpart{padding-left: 0;}
.rightpart{padding-right:0;}}

.buttumwrap{text-align: center}
.homebuttun{display: inline-block; background-color: #f8b62d; padding: 5px 10px 10px; font-size: 1.5rem}
@media(max-width:767px){.homebuttun{margin-top: 3rem;}}