@charset "utf-8";
/* ============================================================
vido
============================================================ */
.vcon {
 max-width: 960px;
 margin: 0 auto;
 padding-top: 20px;
}
video{

max-width: 100%;
}


#brand{
 max-width: 960px;
 margin: 0 auto;
 /* margin-top: 15px; */
}

#brand .btitle {
	font-size: 25px;
	width:1024px;
	display: table-cell;
	vertical-align: middle;
	padding: 45px 20px 0px 20px;
	letter-spacing: 0.5em;
	font-family: Courier New;
}

#bnav {
    max-width: 1024px;
    /* background-color: lightgrey; */
    height: 45px;
    padding-top: 25px;
}
#bnav > ul{width: 100%;height: 100%;display: table;}

#bnav > ul > li{
 float: none;
 width: 33.33333333333%;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-family: Courier New;
}

#bnav > ul > li{}

#bnav > ul > li > a{
	/* display: block; */
	/* height: 35px; */
	font-family: 'Courier New';
}

#collectionT {

max-width: 1024px;

height: 17px;

border-bottom-style: solid;

border-bottom-width: thin;

border-bottom-color: #0d9e52;
}
#collectionT >div{

color: #0d9e52;

text-align: center;

position: static;

font-size: 20px;

margin-top: 40px;

margin-bottom: 30px;
}

#content {margin-top: 20px;}

.boxW{
  display: flex;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.boxW .box {
  /* max-height: 475px; */
  /* max-width: 316px; */
  margin: 2px;
  /* padding: 2px; */
  /* border: solid 1px #AAA; */
  /* background: #fe9cab; */
  position: relative;
  flex-basis: 32%;
}

.global-nav02 a.now{
    color: #d0d0d0;
}

div#concept{
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    max-width: 960px;
}


div#concepttexit{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 20px;
}

#concepttexit .jp{
    padding-bottom: 20px;
}

#concepttexit .en{}

#bnav > ul > li > a.now{
    color: rgb(13, 158, 82);
}
video#video2{
    display: none;
}

P{
    width: 100%;
    top: 50%;
    /* position: absolute; */
    font-size: 0.9em;
    text-align: center;
}

div>p{
    text-align: left;
    margin-left: 30px;
    line-height: 20px;
}

@media only screen and (max-width: 760px){
P{
    font-size: 0.7em;
    margin: 0 auto;
    /* position: inherit; */
}}

form{padding: 20px;}

.global-nav a.now {
    color: #d0d0d0;
}

.protexit{
    display: none;
}
.texit_c2025{
    width:360px ;
}