* { 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: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 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	{ width: 100%; height: calc(var(--vh, 1vh) * 100); background-position: top left; background-image: url(../images/main.jpg); background-repeat:no-repeat; background-size:cover; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.mainTitle	{ width: 100%; height: auto; }
	.mainTitle img	{ width: 100%; vertical-align:bottom; }
}

.mainCp	{ padding: 100px 30px; margin: 200px 0 0; text-align:center; background-color: #faf8f0; }
.mainCp h2	{ display: table; padding: 0 0 70px; margin: 0 auto; max-width: 400px; }
.mainCp h3	{ display: inline-block; padding: 0; margin: 0 auto; max-width: 860px; }
.mainCp img	{ width: 100%; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.mainCp	{ padding: 50px 20px; margin: 70px 0 0; }
	.mainCp h2	{ display: none; }
	.mainCp h3	{ max-width: 305px; }
}


.subtt	{ padding: 300px 20px 200px; margin:0; text-align:center; }
.subtt h4	{ display: inline-block; padding: 0; margin: 0 auto; max-width: 300px; }
.subtt h4 img	{ width: 100%; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.subtt	{ padding: 150px 20px 100px; }
	.subtt h4	{ max-width: 185px; }
}

/* ------------ 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; padding: 0; margin: 0; }
.itemSet .itemImg, 
.itemSet .itemText	{ width: 50%; padding: 80px 20px 0 0; }
.itemSet .itemText h5	{ font-size: 26px; line-height: 42px; font-weight: 400; padding: 0 0 15px; letter-spacing:.15em; }
.itemSet .itemText h5 i	{ font-style: normal; letter-spacing:.15em; }
.itemSet .itemText p	{ font-size: 14px; line-height: 24px; font-weight: 400; display: inline-block; max-width: 280px; }
.itemSet .itemText p i	{ font-style: normal; letter-spacing:.05em; }
.recBtn	{ display: block; padding: 50px 0 0; }
.recBtn a	{ display: inline-block; }
.recBtn a img	{ max-height: 36px; vertical-align:bottom; opacity: 1; }
.recBtn a:hover img	{ opacity: 0.6; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.itemSet	{ flex-wrap: wrap; }
	.itemSet .itemImg, 
	.itemSet .itemText	{ width: 100%; text-align: center; padding: 38px 15px 0; }
	.itemSet .itemText h5	{ font-size: 19px; line-height: 31px; padding: 0 0 15px; text-align: center; }
	.itemSet .itemText p	{ font-size: 12px; line-height: 20px; max-width: 204px; text-align: left; margin: 0 auto; }
	.recBtn	{ padding: 37px 0 0; }
	.recBtn a	{ display: inline-block; margin: 0 auto; }
	.recBtn a img	{ max-height: 27px; }
}
.txtList	{ padding: 50px 0 0; }
.txtList > div	{ font-size: 12px; display: block; padding: 0 0 5px 0; font-weight: 400; letter-spacing:.05em; }
.txtList > div > div	{ font-size: 12px; display: block; padding: 0 0 5px 0; font-weight: 400; }
.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	{ padding: 37px 0 0; }
	.txtList > div	{ font-size: 11px; letter-spacing:0; }
	.txtList > div > div	{ font-size: 11px; }
	.txtList > div span	{ font-size: 9px; }
	.txtList > div.aten	{ font-size: 9px; }
	.mrtextarea	{ font-size: 14px; }
}

/* ------------ 001 ------------- */
.set001	{ padding: 0 0 200px; }
.set001 .itemImg	{ text-align: right; padding: 0 80px 0 0; }
.set001 .itemImg img	{ width: 67.6%; min-width: 300px; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set001	{ padding: 0 0 100px; }
	.set001 .itemImg	{ text-align: center; padding: 0 15px; }
	.set001 .itemImg img	{ width: 71%; min-width: 71%; }
}

/* ------------ 002 ------------- */
.set002	{ padding: 0; }
.set002 .itemImg	{ padding: 0 0 0 80px; }
.set002 .itemImg img	{ width: 100%; vertical-align:bottom; }
.set002 .itemText	{ text-align: right; padding: 80px 0 30px 20px; }
.set002 .itemText p	{ text-align: left; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set002	{ padding: 0 0 100px; }
	.set002 .itemImg	{ order: 1; text-align: center; padding: 0 15px; }
	.set002 .itemImg img	{ width: 100%; }
	.set002 .itemText	{ order: 2; text-align: center; padding: 38px 15px 0; }
}

/* ------------ 003 ------------- */
.set003	{ padding: 0 0 200px; }
.set003 .itemImg	{ text-align: right; padding: 0 80px 0 0; }
.set003 .itemImg img	{ width: 83.8%; min-width: 300px; vertical-align:bottom; }
.set003 .itemText	{ padding: 120px 20px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set003	{ padding: 0 0 100px; }
	.set003 .itemImg	{ text-align: center; padding: 0 15px; }
	.set003 .itemImg img	{ width: 71%; min-width: 71%; }
	.set003 .itemText	{ padding: 38px 15px 0; }
}

/* ------------ 004 ------------- */
.set004	{ padding: 0; }
.set004 .itemImg	{ padding: 0 0 0 80px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.set004 .itemImg > *	{ width: 100%; padding: 0 0 30px; }
.set004 .itemImg > *:last-child	{ padding: 0; }
.set004 .itemImg > * > img	{ width: 51.6%; min-width: 300px; vertical-align:bottom; }
.set004 .itemText	{ text-align: right; padding: 80px 0 30px 20px; }
.set004 .itemText p	{ text-align: left; }

@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set004	{ padding: 0; }
	.set004 .itemImg	{ order: 1; text-align: center; padding: 0 15px; justify-content: space-between; }
	.set004 .itemImg > *	{ padding: 0; width: calc(50% - 7px); }
	.set004 .itemImg > * > img	{ width: 100%; min-width: 100%; }
	.set004 .itemImg img	{ width: 100%; }
	.set004 .itemText	{ order: 2; text-align: center; padding: 38px 15px 0; }
}

/* ------------ 005 ------------- */
.set005	{ padding: 0 0 200px; }
.set005 .itemImg	{ text-align: right; padding: 0 80px 0 0; }
.set005 .itemImg img	{ width: 67.6%; min-width: 300px; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set005	{ padding: 0 0 100px; }
	.set005 .itemImg	{ text-align: center; padding: 0 15px; }
	.set005 .itemImg img	{ width: 71%; min-width: 71%; }
}

/* ------------ 006 ------------- */
.set006	{ padding: 0; }
.set006 .itemImg	{ text-align: right; padding: 80px 80px 0 0; }
.set006 .itemImg > img	{ width: 83.8%; min-width: 300px; vertical-align:bottom; }
.set006 .itemText	{ padding: 0 20px 0 0; }
.set006 .itemText .taxImg	{ padding: 0 0 120px 0; }
.set006 .itemText .taxImg img	{ width: 57.1%; min-width: 300px; vertical-align:bottom; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set006	{ padding: 0; }
	.set006 .itemImg	{ order: 2; text-align: center; padding: 0 15px; }
	.set006 .itemImg > img	{ width: 100%; min-width: 100%; }
	.set006 .itemText	{ order: 1; padding: 0 15px 37px; }
	.set006 .itemText .taxImg	{ padding: 0 0 40px; text-align: center; }
	.set006 .itemText .taxImg img	{ width: 76%; min-width: 76%; margin: 0 auto; }
}

/* ------------ 007 ------------- */
.set007	{ padding: 0 0 200px; }
.set007 .itemImg	{ padding: 0 0 0 80px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.set007 .itemImg > *	{ width: 100%; padding: 0 0 30px; }
.set007 .itemImg > *:last-child	{ padding: 0; }
.set007 .itemImg > * > img	{ width: 67.7%; min-width: 300px; vertical-align:bottom; }
.set007 .itemImg > *:last-child > img	{ width: 51.6%; min-width: 300px; vertical-align:bottom; }
.set007 .itemText	{ text-align: right; padding: 80px 0 30px 20px; }
.set007 .itemText p	{ text-align: left; }
.set007 .lastbtn	{ padding: 30px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set007	{ padding: 0 0 100px; }
	.set007 .itemImg	{ order: 1; text-align: center; padding: 0 15px; justify-content: space-between; }
	.set007 .itemImg > *	{ padding: 0; width: 100%; text-align: center; }
	.set007 .itemImg > * > img	{ width: 65.2%!important; min-width: 65.2%; }
	.set007 .itemImg img	{ width: 100%; }
	.set007 .itemText	{ order: 2; text-align: center; padding: 38px 15px 0; }
	.set007 .itemText .taxImg	{ padding: 38px 0 0; text-align: center; }
	.set007 .itemText .taxImg img	{ width: 59.4%; min-width: 59.4%; margin: 0 auto; }
}

/* ------------ 008 ------------- */
.set008	{ padding: 0; flex-wrap: wrap; }
.set008 .itemImg	{ width: 100%; text-align: center; padding: 0 30px; }
.set008 .itemImg img	{ width: 71.4%; vertical-align:bottom; }
.set008 .itemText	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 72px 0 0; }
.set008 .itemText h5	{ text-align: center; width: 100%; padding: 0 30px; }
.set008 .itemText .clm	{ width: calc(50% - 30px); padding: 65px 0 0; }
.set008 .itemText .clm.clm01	{ text-align: right; }
.set008 .itemText .clm.clm01 p	{ text-align: left; display: inline-block; max-width: 294px; margin: 0 0 0 auto; }
.set008 .itemText .clm.clm02	{ text-align: left; }
.set008 .txtList	{ padding: 0; }
.set008 .recBtn	{ padding: 31px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set008	{ padding: 0; }
	.set008 .itemImg	{ text-align: center; padding: 0; }
	.set008 .itemImg img	{ width: 100%; }
	.set008 .itemText	{ width: 100%; display: block; padding: 40px 0 0; }
	.set008 .itemText h5	{ text-align: center; width: 100%; padding: 0 30px; }
	.set008 .itemText .clm	{ width: 100%; padding: 0; }
	.set008 .itemText .clm.clm01	{ text-align: center; padding: 18px 0 35px; }
	.set008 .itemText .clm.clm01 p	{ text-align: left; display: inline-block; max-width: 204px; margin: 0 auto; }
	.set008 .itemText .clm.clm02	{ text-align: center; }
	.set008 .txtList	{ padding: 0; }
	.set008 .recBtn	{ padding: 31px 0 0; }
}

/* ------------ 009 ------------- */
.set009	{ padding: 0 0 200px; }
.set009 .itemImg	{ padding: 0 0 0 80px; }
.set009 .itemImg img	{ width: 100%; vertical-align:bottom; }
.set009 .itemText	{ text-align: right; padding: 80px 0 30px 20px; }
.set009 .itemText p	{ text-align: left; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set009	{ padding: 0 0 100px; }
	.set009 .itemImg	{ order: 1; text-align: center; padding: 0 15px; }
	.set009 .itemImg img	{ width: 91.3%; }
	.set009 .itemText	{ order: 2; text-align: center; padding: 38px 15px 0; }
}

/* ------------ 010 ------------- */
.set010	{ padding: 0; }
.set010 .itemImg	{ text-align: right; padding: 0 80px 0 0; }
.set010 .itemImg img	{ width: 83.8%; min-width: 300px; vertical-align:bottom; }
.set010 .itemImg .pconly img	{ width: 51.6%; min-width: 300px; vertical-align:bottom; padding: 30px 0 0; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.set010	{ padding: 0; }
	.set010 .itemImg	{ text-align: center; padding: 0 15px; }
	.set010 .itemImg img	{ width: 71%; min-width: 71%; }
	.set010 .itemText .taxImg	{ padding: 38px 0 0; text-align: center; }
	.set010 .itemText .taxImg img	{ width: 59.4%; min-width: 59.4%; margin: 0 auto; }
}


/* ------------ BTMLOGO ------------- */
.btmlogo	{ display: block; text-align: right; padding: 100px 0; }
.btmlogo img	{ max-width:344px; margin: 0 0 0 auto; }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.btmlogo	{ padding: 50 0 100px; }
	.btmlogo img	{ max-width: 74.6%; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #faf8f0; }
.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: 60px; }
.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; }
	.bottomoval .wrapper h2 img	{ max-width: 40px; }
	.itemBrandWac	{ padding: 0 20px; }
	.itemBrandColumn	{ float: left; width: 99%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); }
}

/* 
.footbtn2	{ text-align: center; margin: 40px 0 0; padding: 0; }
.footbtn2 a	{ margin: 0 auto; display: inline-block; line-height: 1; border: 2px #a6a6a6 solid; text-align: center; padding: 10px 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.footbtn2 a img	{ width:160px; vertical-align:center; line-height: 0; opacity: 1; }
.footbtn2 a:hover img	{ opacity: 0.6; }
@media (max-width: 414px)	{ 
	.footbtn2	{ margin: 30px 0 0; }
	.footbtn2 a	{ padding: 5px 25px 7px; }
	.footbtn2 a img	{ width:120px; }
}
 */

.footbtn	{ text-align: center; margin: 40px 0 0; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; width:230px; height:34px; background: url(../images/gwlogo.png) no-repeat center center; background-size: contain; background-size:69.5% auto; 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; background-size:69.5% auto; }
.footbtn a img	{ width:100%; vertical-align:bottom; line-height: 0; }
@media (max-width: 414px)	{ 
	.footbtn	{ margin: 30px 0 0; }
	.footbtn a	{ width:170px; height:26px; background-size:69.5% auto; }
	.footbtn a:hover	{ background-size:69.5% auto; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; background-color: #ffffff; 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:#000000; 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: 30px; right: 30px; display:block; width: 16px; height: 58px; overflow: hidden; background-image: url(../images/gotop.png); background-repeat:no-repeat; background-size:contain; opacity: 1; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover	{ opacity: 0.6; }
a#scrollUp:active	{ opacity: 1; }
@media (max-width: 767px)	{ 
	#scrollUp { bottom: 30px; right: 20px; width: 12px; height: 43px; }
}

/* ------------ 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; }