/*@import url('//fonts.googleapis.com/css?family=Inter:700&display=swap');*/

@font-face {
font-family: 'DunlopSans';
src: url(./DunlopSans-BoldIt.woff);
}

/*-----*/
.con01 {
line-height: 1.5em;
text-align: center;
word-spacing: 0.1em;
max-width: 100%;
margin-right: auto;
margin-left: auto; }


.con01 img {
max-width: 100%; }

/*BASIC----------*/

.boxBlk {
color: #fff;
background-color: #000; }
.boxGray {
background-color: #f5f5f5;
}
.boxWh {
color: #000;
background-color: #fff; }
.blue {
color: #09f !important; }

.red {
color: #f36 !important; }
.black {
color: #000 !important;
}

.white {
color: #fff !important;
}

/*-----*/

.hd {
background-color: #1e1e1e;
text-align: left;
position: fixed;
width: 100%;
z-index: 999999; }
.hdWh {
background-color: #fff;
text-align: left;
position: fixed;
width: 100%;
z-index: 999999;
}

/*-----*/



.boxB {
position: relative; 
z-index: 2;
mini-height: 800px; 
background-color: #fff;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding-top: 73px; 
}
.boxBwh {background-color:    #fff;
background-repeat:   no-repeat;
background-position: center top;
mini-height:         800px;
background-size:     cover; }
.boxS {
max-width: 1150px;
margin-right: auto;
margin-left: auto;
padding-top: 50px; }
/*WEARTOP-----*/
.flexslider {
margin-bottom: 0;
border-style: none;
border-width: 0;
}
.flex-direction-nav a {
overflow: visible;
color: rgba(26, 22, 149, 0);
text-shadow: 1px 1px 0 rgba(213, 37, 37, 0);
}
.wearTop001 {
margin-bottom: 15px; }
.wearTop001sp {
visibility: hidden;
padding-bottom: 65px;
display: none; }
/*-----*/
.wearTop002 {
line-height: 150%;
background-color: #f5ebe7;
margin-bottom: 50px;
padding-bottom: 50px; }
.wt002-01 {
font-size: 40px;
line-height: 1em;
margin-bottom: 15px; }
.wt002-02 {
font-size: 20px;
font-weight: bold;
line-height: 125%;
margin-bottom: 25px;
padding-top: 15px; }
/*-----*/
.wt003 {
text-align: left;
max-width: 1150px;
margin-right: auto;
margin-bottom: -8px;
margin-left: auto; }
.wt003 video {
width: 30%; }

/*-----*/
.wt004 {font-size:             1.3rem;
line-height:           1.6rem;
text-align:            left;
display:               grid;
margin-right:          auto;
margin-bottom:         50px;
margin-left:           auto;
max-width:             1150px;
grid-column-gap:       0px;
grid-template-columns: repeat(2, 1fr);
justify-content:       center; }
.wt004-01U01 {
background-color: #dee7e6; }
.wt004-01U02 {
background-color: #c1d2cf; }
.wt004-01U03 {background-color: #a8c0bd; }

.wt004-01F01 {
background-color: #f5f2ed; }
.wt004-01F02 {
background-color: #ede7de; }
.wt004-01F03 {background-color: #e5ddd0; }

.wt004-01txt {
min-height: 55px;
padding: 5px; }

/*-----*/
.wt005 {
display:               grid;
margin-right:          auto;
margin-bottom:         250px;
margin-left:           auto;
max-width:             1200px;
padding-top: 150px;
grid-column-gap:       20px;
grid-template-columns: repeat(2, 1fr);
justify-content:       center; }
/*-----*/
.wt006 {	padding-bottom: 65px; }

.wt006-01 {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #696969;
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block; }

/*--------------------------------------------*/
/*@media screen and (max-width:850px){*/
@media screen and (max-width:1150px){


}
@media screen and (max-width:900px){

}
@media screen and (max-width:800px){
/*DEPEND ON YOUTUBE WIDTH*/
/*FOR-YOUTUBE-SMARTPHONE----------*/
.video-container {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-----*/
.boxB {
padding-top: 9%;
}
.boxS {
width: 90%; }
.cmnTtl span {
display: block; }
/*-----*/
/*-----*/
.wt004 {margin-bottom:         0;
max-width:             100%;
grid-template-columns: repeat(1, 1fr); }
.wt004-01U01 {
margin-bottom: 15px; }

.wt004-01U02 {
margin-bottom: 15px; }

.wt004-01U03 {
margin-bottom: 15px; }

.wt004-01F01 {
margin-bottom: 15px; }

.wt004-01F02 {
margin-bottom: 15px; }

.wt004-01F03 {
margin-bottom: 15px; }

.wt004-01 {
margin-bottom: 50px; }




}

@media screen and (max-width:600px){
.boxB {padding-top: 10%; }
.boxBwh {
	 }
.boxS {
padding-top: 20px;
padding-bottom: 20px; }
.cmnTtl {
font-size: 15px; }
/*-----*/
.wearTop001 {
visibility: hidden;
display: none;	 }
.wearTop001sp {	visibility:     visible;
display:        block;
padding-bottom: 65px; }
/*-----*/
.wt003 video {width: 50%; }
/*-----*/
.wt005 {
padding-top: 0;
grid-row-gap: 20px;
grid-template-columns: repeat(1, 1fr); }

}
@media screen and (max-width:560px){


}
@media screen and (max-width:400px){
.boxB {
padding-top: 14%; }
/*--------------------------------------------*/
}