* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #000; background-color: #000; font-family: 'Noto Serif JP', 'HiraMinProN-W6', 'ヒラギノ明朝 ProN W6', 'HiraKakuProN-W6', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: 500; }
.spConInner	{ margin: 0 auto; box-sizing: border-box; }
@media (max-width: 979px)	{ .spConcontainer { width: 100%; margin: 0; padding:0; } }
@media (min-width: 980px)	{ .spConInner { max-width: 1480px; } }
.img-responsive	{ display: block; height: auto; max-width: 100%; }
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }
.img-responsive	{ display: block; height: auto; max-width: 100%; }

.fadein {
    opacity : 0;
    transform : translate(0, 20px);
    transition:all 2s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeintitle	{  animation-name: fadein; animation-duration: 2s; animation-iteration-count: 1; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(0); }
	to	{ opacity: 1; transform: translateY(0); }
}
.ovall	{ position: relative; z-index:10!important; margin: 0; padding: 0; width: 100%; background-color: #ffffff; display: block; }


/* ------------ MAIN VISUAL ------------- */
.mainTitle	{ position: relative; width: 100%; height: calc(var(--vh, 1vh) * 100); z-index:3; }
.mainTitle h1	{ position: fixed; top: 54%; left: 50%; transform: translate(-50%,-50%); width: 61%; max-width: 410px; }
.mainTitle h2	{ position: fixed; top: 30px; right: 30px; width: 17px; }
.mainTitle h1 img, 
.mainTitle h2 img	{ width: 100%; vertical-align:bottom; }
.mainTitle strong	{ position: fixed; top: 30px; left: 30px; width: 142px; height:15px; display: block; z-index:2; }
.mainTitle strong a	{ background-image: url(../images/gws.png); background-repeat:no-repeat; background-size:contain; display: block; height:100%; }
.mainTitle strong a:hover	{ background-image: url(../images/gws_ov.png); }
.mainTitle strong span	{ display: none; }
.mainTitle p	{ position: absolute; bottom: 30px; left: 50%; transform: translate(-50%,0); display: block; width: 30px; height: 30px;}
.mainTitle p a	{ display: block; width: 100%; height:100%; background-image: url(../images/arrow.png); background-repeat:no-repeat; background-size:contain; }
.mainTitle p a:hover	{ background-image: url(../images/arrow_ov.png); }
.mainVisual	{ position: fixed; top:0; left:0; width: 100%; height:calc(var(--vh, 1vh) * 100); display: -webkit-flex; display: flex; z-index:-1; }
.mainimg	{ background-position: top center; background-repeat:no-repeat; background-size:cover; width: 50%; height:100%; margin: 0; padding: 0; }
.mainimg.mileft	{ background-image: url(../images/main01.jpg); }
.mainimg.miright	{ background-image: url(../images/main02.jpg); }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.mainTitle h2	{ top: 50px; right: auto; left:15px; width: 12px; }
	.mainTitle strong	{ position: fixed; top: 0; left: 0; width: 100%; height:32px; text-align: center; background-color: #000; }
	.mainTitle strong a	{ background-image: url(../images/gws.png); background-position: center center; background-repeat:no-repeat; background-size:110px; display: block; height:34px; }
	.mainTitle p	{ bottom: 15px; }
	.mainVisual	{ top:32px; height:calc(var(--vh, 1vh) * 100 - 32px); }
}

/* ------------ CONTENT ------------- */
hr.white	{ height: 50px; background-color: #ffffff; width: 100%; border: none; padding: 0; margin: 0; }
hr.ber	{ height: 16px; background-color: #000000; width: 100%; border: none; padding: 0; margin: 0; }
.content	{ display:block; text-align: center; padding: 0; width: 100%; background-color: #fff; }
.content h3	{ max-width: 225px; margin: 0 auto; display: block; padding: 150px 0; }
.content h3 img	{ width: 100%; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	hr.white	{ height: 37px; }
	hr.ber	{ height: 12px; }
	.content h3	{ max-width: 165px; padding: 100px 0; }
}

/* ------------ ITEM SET ------------- */
.itemSet	{ display: -webkit-flex; display: flex; text-align: left; justify-content: space-between; padding: 80px 0 0; }
.itemSet img	{ width: 100%; vertical-align:bottom; }
.itemSet p	{ font-size: 14px; line-height: 1.6; padding: 0 0 40px; }
.itemSet p.small	{ font-size: .8rem; }
.itemSet ul.txlis	{ padding: 0 0 40px 1.5rem; }
.itemSet ul.txlis li	{ font-size: 14px; line-height: 1.6; padding: 0 0 5px; }
.contitle	{ padding: 0 0 40px; line-height: 1; }
.contitle.ltttl	{ padding: 0 0 25px; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet	{ flex-wrap: wrap; padding: 120px 0 0; }
	.itemSet p	{ font-size: .8rem; padding: 0 0 32px; }
	.itemSet p.small	{ font-size: .7rem; }
	.itemSet ul.txlis	{ padding: 0 0 38px 1.5rem; }
	.itemSet ul.txlis li	{ font-size: .8rem; padding: 0 0 3px; }
	.contitle	{ padding: 40px 0 34px; }
}
.txtList	{ padding: 55px 0 0; }
.txtList h5	{ display: inline-block; padding: 16px 0 16px 0; line-height: 1; max-width: 80px; }
.txtList h5.man	{ max-width: 44px; }
.txtList h5 > img	{ width: 100%; vertical-align:bottom; }
.txtList > div	{ font-size: 12px; display: block; padding: 0 0 5px 0; font-weight: 300; }
.txtList > div > div	{ font-size: 12px; display: block; padding: 0 0 5px 0; font-weight: 300; }
.txtList > div strong	{ font-weight: 900; }
.txtList > div b	{ font-weight: 900; text-decoration: underline; }
.txtList > div span	{ font-size: 11px; display: block; }
.txtList > div.aten	{ font-size: 11px; }
.mrtextarea	{ font-size: 14px; line-height: 1.8; font-weight: 900; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.txtList > h5	{ padding: 6px 0 16px 0; max-width: 63px; }
	.txtList > div > h5	{ max-width: 63px; }
	.txtList h5.man	{ max-width: 36px; }
	.txtList > div	{ font-size: 11px; }
	.txtList > div > div	{ font-size: 11px; }
	.txtList > div span	{ font-size: 9px; }
	.txtList > div.aten	{ font-size: 9px; }
	.mrtextarea	{ font-size: 14px; }
}

.item img	{ width: 100%; vertical-align:bottom; }

/* ------------ 001 ------------- */
.itemSet01	{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 100px; padding: 0 0 145px; }
.itemSet01 > *	{ display: block; width: 50%;  }
.itemSet01 .txtList	{ text-align: left; padding: 40px 20px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet01	{ margin: 0 40px; padding: 0 0 80px; }
	.itemSet01 > *	{ width: 100%; }
	.itemSet01 .txtList	{ text-align: left; padding: 0 0 14px; }
	.itemSet01 .itemimg	{ padding: 0 0 30px; }
	.itemSet01 .img001	{ order:2; }
	.itemSet01 .img002	{ order:1; }
	.itemSet01 .txt001	{ order:4; }
	.itemSet01 .txt002	{ order:3; }
}

/* ------------ 002 ------------- */
.itemSet02	{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0; padding: 0 0 145px; }
.itemSet02 .img003	{ width: 100%; padding: 0 100px 0 0; }
.itemSet02 .txtList	{ text-align: right; padding: 40px 100px 0 20px; display: block; width: 100%; }
.itemSet02 .txt004	{ padding: 20px 100px 0 20px; }
.itemSet02 .img004	{ width: 41.6%; margin: -50px 0 0 0; padding: 0 0 0 100px; } 
.itemSet02 .img005	{ width: 58.4%; padding: 150px 0 0 100px; } 
.itemSet02 .img006	{ width: 41.6%; margin: 0; padding: 0 0 0 100px; } 
.itemSet02 .txt005	{ width: 58.4%; padding: 0 100px; align-self: flex-end; }
.itemSet02 .txt005 .pconly	{ padding: 40px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet02	{ padding: 0 0 95px; }
	.itemSet02 .txtList	{ text-align: left; padding: 40px 30px 0 40px; }
	.itemSet02 .img003	{ width: 100%; padding: 0 0 0 40px; order:1; }
	.itemSet02 .txt003	{ width: 100%; order:2; padding: 28px 30px 0 40px; }
	.itemSet02 .txt004	{ width: 100%; order:3; padding: 12px 40px 0; }
	.itemSet02 .img004	{ width: 74.6%; order:4; margin: 0; padding: 100px 0 0 40px; }
	.itemSet02 .img005	{ width: 100%; order:5; padding: 30px 0 0 40px; }
	.itemSet02 .img006	{ width: 100%; order:7; padding: 100px 40px 0 21.33%; }
	.itemSet02 .txt005	{ width: 100%; order:6; padding: 28px 30px 0 40px; }
	.itemSet02 .txt006	{ width: 100%; order:8; text-align: right; padding: 28px 40px 0 30px; }
}

/* ------------ 003 ------------- */
.itemSet03	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 145px; }
.itemSet03 .img007	{ display: block; width: 50%; padding: 0 0 0 100px; }
.itemSet03 .img008	{ display: block; width: 50%; padding: 0 100px 0 0; }
.itemSet03 .txt007	{ text-align: left; width: 50%; padding: 150px 0 0 100px; }
.itemSet03 .txt007 h5	{ padding-top: 60px; }
.itemSet03 .txt008	{ text-align: right; width: 50%; padding: 0 100px 0 16.6%; align-self: flex-end; }
.itemSet03 .txt008 .pconly	{ padding-bottom: 60px; }
.itemSet03 .img011	{ display: block; width: 50%; padding: 145px 100px 0 0; }
.itemSet03 .img012	{ display: block; width: 50%; padding: 145px 100px 0 0; }
.itemSet03 .txt009, 
.itemSet03 .txt010	{ display: block; width: 50%; padding: 40px 100px 0 0; text-align:right; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet03	{ padding: 0 0 94px; }
	.itemSet03 .itemimg	{ padding: 0 0 30px; }
	.txtList .img009, 
	.txtList .img010	{ padding: 0; }
	.itemSet03 .img007	{ order:1; width: 100%; margin: 0 40px; }
	.itemSet03 .img008	{ order:2; width: 100%; margin: 0 40px; }
	.itemSet03 .txt007	{ order:4; width: 100%; padding: 30px 40px 0; text-align: right; }
	.itemSet03 .txt007 h5	{ padding-top: 24px; }
	.itemSet03 .txt007 .sponly h5	{ padding-top: 40px; }
	.itemSet03 .txt008	{ order:3; width: 100%; padding: 70px 40px 0 26.6%; }
	.itemSet03 .img011	{ order:5; width: 100%; padding: 100px 21.3% 0 40px; }
	.itemSet03 .img012	{ order:6; width: 100%; padding: 30px 21.3% 0 40px; }
	.itemSet03 .txt009	{ order:8; width: 100%; padding: 15px 40px 0; text-align: left; }
	.itemSet03 .txt010	{ order:7; width: 100%; padding: 30px 40px 0; text-align: left; }
}

/* ------------ 004 ------------- */
.itemSet04	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 200px; }
.itemSet04 .img013	{ display: block; width: 50%; padding: 0 0 0 100px; }
.itemSet04 .img014	{ display: block; width: 50%; padding: 0 100px 0 0; }
.itemSet04 .txt011	{ display: block; width: 50%; padding: 40px 20px 100px 100px; text-align: left;  }
.itemSet04 .img015	{ display: block; width: 50%; padding: 150px 0 0 0; position: relative; }
.itemSet04 .img015 .img017	{ position: absolute; bottom:0; width: 100%; }
.itemSet04 .img015 .img017 > div 	{ position: relative; width: 100%; }
.itemSet04 .img015 .img017 > div > p 	{ position: absolute; top:200px; left:0; width: 100%; padding: 0 100px; }
.itemSet04 .img015 .img017 img	{ width: 100%; }
.itemSet04 .img016	{ display: block; width: 50%; padding: 0 200px 0 100px; margin: -100px 0 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet04	{ padding: 0 0 100px; }
	.itemSet04 .itemimg	{ padding: 0 0 30px; }
	.itemSet04 .img013	{ order:1; width: 100%; margin: 0 40px; }
	.itemSet04 .img014	{ order:2; width: 100%; margin: 0 40px; }
	.itemSet04 .txt011	{ order:6; width: 100%; padding: 30px 0 0 0; margin: 0 40px; }
	.itemSet04 .txt011 h5	{ padding-top: 22px; }
	.itemSet04 .txt011 h5.man	{ padding-top: 6px; }
	.itemSet04 .img015	{ order:4; width: 100%; padding: 70px 0 30px 20%; margin: 0; }
	.itemSet04 .img016	{ order:5; width: 100%; padding: 0 32% 0 40px; margin: 0; }
}

/* ------------ 005 ------------- */
.itemSet05	{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 100px; padding: 0 0 150px; }
.itemSet05 > *	{ display: block; width: 50%; align-self: flex-end; }
.itemSet05 .txtList	{ text-align: right; padding: 0 0 0 20px; }
.itemSet05 .txt012	{ display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemSet05 .txt012 > *	{ display: block; width: 100%; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet05	{ margin: 0 40px; padding: 0 0 85px; }
	.itemSet05 > *	{ width: 100%; }
	.itemSet05 .img017	{ padding: 0 0 30px 20.6%; }
	.itemSet05 .txt012	{ padding: 25px 0 0 0; }
	.itemSet05 .txt012 .woman	{ order:2; }
	.itemSet05 .txt012 .man	{ order:1; }
	.itemSet05 .txt012 .woman h5	{ max-width: 63px; }
	.itemSet05 .txt012 .man h5	{ max-width: 36px; }
}

.btmlogo	{ display: block; text-align: center; padding: 0 0 150px; }
.btmlogo img	{ max-width: 150px; margin: 0 auto; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.btmlogo	{ padding: 0 0 96px; }
	.btmlogo img	{ max-width: 100px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #fff; }
.bottomoval .untitle	{ padding: 0 100px; text-align:right}
.bottomoval .untitle img	{ width: 100%; vertical-align:bottom; max-width: 270px; }
.bottomoval .wrapper	{ margin:0 auto; padding: 0 0 60px; }
.bottomoval .wrapper h2	{ margin: 0 0 20px; padding: 60px 0 0; text-align: center; }
.bottomoval .wrapper h2 img	{ max-width: 81px; }
.itemBrandWac	{ margin:0 auto; max-width: 860px; }
.itemBrandColumn	{ float: left; width: 100%; width: -moz-calc(100% / 8); width: -webkit-calc(100% / 8); width: calc(100% / 8); }
@media (max-width: 767px)	{ 
	.bottomoval	{ padding: 0; }
	.bottomoval .untitle	{ padding: 0 40px; text-align:left; }
	.bottomoval .untitle img	{ max-width: 190px; }
	.bottomoval .wrapper	{ padding: 0 0 40px; }
	.bottomoval .wrapper h2	{ padding: 40px 0 0; }
	.itemBrandWac	{ padding: 0 20px; }
	.itemBrandColumn	{ float: left; width: 99%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); }
}
.footbtn	{ text-align: center; margin: 40px 0 0; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; width:280px; height:50px; background:#ffffff url(../images/gwlogo.png) no-repeat center center; border: 2px #a6a6a6 solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.footbtn a:hover	{ background:#a6a6a6 url(../images/gwlogohv.png) no-repeat center center; }
.footbtn a img	{ width:100%; vertical-align:bottom; line-height: 0; }
@media (max-width: 414px)	{ 
	.footbtn	{ margin: 30px 0 0; }
	.footbtn a	{ width:200px; height:36px; background-size:65% auto; }
	.footbtn a:hover	{ background-size:65% auto; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; background-color: #000000; height:50px; overflow: hidden; }
footer .footer-inner	{ margin: 0 auto; padding: 13px 0 18px; box-sizing: border-box; line-height: 1; height:50px; }
footer .footer-inner small	{ color:#ffffff; font-size: .6rem; font-family: "Helvetica Neue", 'Noto Sans JP', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, 小塚ゴシック Pro M, sans-serif; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0 0 10px; }
	footer .footer-inner	{  width: 100%;  }
	footer .footer-inner small	{ font-size: .5rem; }
}
@media (max-width: 320px)	{ 
	footer .footer-inner small	{ font-size: 6px; -webkit-transform: scale(0.6); -webkit-transform-origin:0 0; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 60px; right: 30px; background-color:rgba(255,255,255,0); display:block; width: 30px; height: 30px; overflow: hidden; background-image: url(../images/gotop.png); background-position: center center; background-repeat:no-repeat; background-size:cover; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background-color:rgba(255,255,255,0); background-image: url(../images/gotop_ov.png); }
@media (max-width: 767px)	{ 
	#scrollUp {  bottom: 60px; right: 5px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
 .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
 .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }