* { 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: #323232; background-color: #f4f4f4; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: 400; height:100%; }
img, svg	{ display: block; height: auto; width: 100%; max-width: 100%; image-rendering: -webkit-optimize-contrast; vertical-align: bottom; line-height: 0; }
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition: all .5s; }
a, a:link, a:visited, a:active	{ color: #323232; text-decoration: none; transition: all .3s; }
a:hover	{ color: #231815; font-style: normal; text-decoration: none; }

/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; z-index: 99999; background-color: #f4f4f4; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 60px; display: flex; justify-content: space-between; }
.circle	{ width: 10px; height: 10px; background-color: #dfdfdf; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}
.fadein	{ opacity: 0; transition-duration: 1.5s; transform: translate(0, 20px); }
.fadein.inview	{ opacity: 1; transform: translate(0, 0); }


/* ------------ LAYOUT ------------- */
.pcgwlogo	{ width: 100%; position: fixed; top: 0; left: 10px; right: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 80px 0 0; z-index: 20; pointer-events: none; }
.pcgwlogo > h1	{ width: 100%; max-width: 1000px; }
.pcgwlogo > h1 > a	{ display: block; width: 204px; line-height: 1; pointer-events: auto; transition: all .3s; opacity: 1; }
.pcgwlogo > h1 > a img	{ width: 100%; vertical-align: bottom; line-height: 1; }
.contents_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url(../images/bg.png); border: 10px solid #fff; }
.contents_inner	{ width: 100%; max-width: 980px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; position: relative; }
.pcnavi	{ width: 20.81%; max-width: 204px; position: -webkit-sticky; position: sticky; bottom: 0; left:0; }
.contents	{ width: 71.42%; max-width: 700px; padding: 70px 0 0; position: relative; }
.contents > h1	{ display: none; }
.contents > h1 img	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.blockwrapper	{ width: 100%; background-color: #fff; padding: 24px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0 40px; }
.blockwrapper.lastarea	{ padding: 24px 24px 4px; margin: 0 0 80px; }
.sptop	{ display: none; }
@media (min-width: 768px) { 
	.pcgwlogo > h1 > a:hover	{ opacity: .5; }
}
@media (max-width: 767.999px) { 
	.pcgwlogo	{ display: none; }
	.contents_wrapper	{ border: 0; }
	.contents_inner	{ align-items: center; flex-direction: column; }
	.pcnavi	{ display: none; }
	.contents	{ width: 100%; max-width: 100%; padding: 70px 0 0; }
	.contents > h1	{ display: -webkit-flex; display: flex; position: absolute; top: 20px; left: 20px; width: 100%; max-width: 145px; }
	.blockwrapper	{ padding: 22px 20px; margin: 0 0 40px; }
	.blockwrapper.lastarea	{ padding: 22px 20px 2px; margin: 0 0 40px; }
	.sptop	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 0 40px; }
	.sptop a	{ width: 100%; max-width: 224px; height: 45px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #323232; background-color: #fff; }
	.sptop a span	{ font-size: 14px; line-height: 1; font-weight: 700; }
}

/* ------------ TITLE ------------- */
.ttlepc	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; list-style-type: none; margin: 0 0 20px 24px; }
.ttlepc > li	{ height: 76px; background-color: #fff; border: 1px solid #323232; margin: 0 0 20px; line-height: 1; }
.ttlepc > li img	{ height: 76px; line-height: 1; vertical-align: bottom; }
.ttlesp	{ display: none; }
@media (max-width: 767.999px) { 
	.ttlepc	{ display: none; }
	.ttlesp	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; list-style-type: none; margin: 0 20px 25px; }
	.ttlesp > li	{ width: 100%; background-color: #fff; border: 1px solid #323232; margin: 0 0 15px; line-height: 1; }
	.ttlesp > li:first-child	{ width: 55.5722%; }
	.ttlesp > li:last-child	{ width: 69.8795%; }
}

/* ------------ PC NAVI ------------- */
.pcnavi > ul	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 80px; }
.pcnavi > ul > li	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; border-bottom: 1px solid #323232; }
.pcnavi > ul > li > a	{ width: 100%; padding: 19px 0; }
.pcnavi > ul > li > ul	{ display: -webkit-flex; display: flex; flex-direction: column; border-top: 1px solid #323232; padding: 12px 0; }
.pcnavi > ul > li > ul > li	{ width: 100%; display: -webkit-flex; display: flex; }
.pcnavi > ul > li > ul > li > a	{ width: 100%; padding: 7px 0; }
.pcnavi a	{ font-size: 12px; font-weight: 700; line-height: 1; opacity: 1; transition: all .3s; }
@media (min-width: 768px) { 
	.pcnavi a:hover	{ opacity: .5; }
}

/* ------------ INTRODUCTION ------------- */
.introhdd	{ border: 1px solid #323232; width: 100%; padding: 38px 38px 18px; background-color: #f5f5f5; }
.introhdd p	{ font-size: 18px; font-weight: 700; line-height: 30px; margin: 0 0 20px; }
.attention	{ border: 1px solid #323232; border-top: 0; width: 100%; padding: 28px 38px; background-color: #fff; position: relative; z-index: 1; }
.attention p	{ color:#dc0000; font-size: 14px; font-weight: 400; line-height: 21px; margin: 0; }
.attention::before	{ content:""; position: absolute; top: -10px; left: -10px; width: 18px; height: 18px; border-radius: 20px; border: 1px solid #323232; background: #fff url(../images/aten.svg) center center / cover no-repeat; z-index: 10; }
.attention.lastnmbk	{  margin: 0 0 20px; }
@media (max-width: 767.999px) { 
	.introhdd	{ padding: 30px 20px 10px; }
	.introhdd p	{ font-size: 15px; line-height: 25px; margin: 0 0 15px; }
	.introhdd p br	{ display: none; }
	.attention	{ padding: 20px; }
	.attention p	{ font-size: 13px; line-height: 19px; }
}

/* ------------ BOX ------------- */
h2.blkttle	{ display: -webkit-flex; display: flex; width: 100%; height: 74px; align-items: center; justify-content: center; background-color: #f5f5f5; border: 1px solid #323232; margin: 0 0 20px; position: relative; z-index: 1; }
h2.blkttle span	{ font-size: 22px; font-weight: 700; line-height: 1; }
.nmbrblk	{ border: 1px solid #323232; width: 100%; padding: 38px 38px 10px; background-color: #f5f5f5; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1; margin: 0 0 20px; }
.nmbrblk::before	{ content:""; position: absolute; top: -21px; left: 50%; width: 1px; height: 20px; background-color: #323232; z-index: 1; }
.nmbrblk.lastnmbk	{ margin: 0; }
.nmbrtxt	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; list-style-type: none; margin: 0 0 24px; }
.nmbrtxt.center	{ align-items: center; }
.nmbrtxt li	{ margin: 0; padding: 0; line-height: 1;  }
.nmbrtxt li:first-child	{ width: 65px; height: 45px; position: relative; }
.nmbrtxt li:last-child	{ width: calc(100% - 65px); }
.nmbrtxt li p	{ font-size: 16px; font-weight: 400; line-height: 28px; }
.nmbrtxt li p.point	{ letter-spacing:-.02rem; }
.nmbrtxt li p b	{ font-weight: 700; }
.nmbrtxt li.number::after	{ content:""; width: 44px; height: 44px; position: absolute; top: 0; left: 0; border: 1px solid #323232; border-radius: 50px; }
.nmbrtxt li.nm01::after	{ background: #fff url(../images/01.svg) center center / cover no-repeat; }
.nmbrtxt li.nm02::after	{ background: #fff url(../images/02.svg) center center / cover no-repeat; }
.nmbrtxt li.nm03::after	{ background: #fff url(../images/03.svg) center center / cover no-repeat; }
.nmbrtxt li.nm04::after	{ background: #fff url(../images/04.svg) center center / cover no-repeat; }
.nmbimg	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 32px; }
.nmbimg > p	{ border-radius: 10px; line-height: 1; width: 48%; overflow: hidden; background-color: #fff; filter: drop-shadow(0px 0px 15px rgba(0,0,0,.2)); }
.nmbimg > p > img	{ width: 100%; vertical-align: bottom;  -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; }
.nmbimg > span	{ position: absolute; display: inline-block; width: 18px; height: 18px; border-radius: 20px; border: 1px solid #323232; line-height: 0; }
.nmbimg > span.ck01-01	{ top: 47.3%; right: 21.4%; }
.nmbimg > span.ck01-02	{ top: 66%; right: 21.4%; }
.nmbimg > span.ck02-01	{ top: 34%; left: 21.4%; }
.nmbimg > span.ck02-02	{ top: 56%; right: 21.4%; }
.nmbimg > span.ck02-03	{ top: 67%; right: 21.4%; }
.nmbimg > span.ck02-04	{ top: 78%; right: 21.4%; }
.nmbimg > span.ck02-05	{ top: 89%; right: 21.4%; }
.nmbimg > span.ck03-01	{ top: 78%; right: 21.4%; }
.nmbimg > span.ck04-01	{ top: 69%; right: 21.4%; }
.nmbimg > span.ck04-02	{ top: 79%; right: 21.4%; }
.nmbimg > span.ck05-01	{ top: 80.5%; right: 21.4%; }
.nmbimg > span.ck06-01	{ top: 81%; right: 21.4%; }
.nmbimg > span.ck07-01	{ top: 81.5%; right: 21.4%; }
.nmbimg > span.ck08-01	{ top: 81.2%; right: 21.4%; }
@media (max-width: 767.999px) { 
	h2.blkttle	{ height: 67px;}
	h2.blkttle span	{ font-size: 20px; }
	.nmbrblk	{ padding: 30px 20px 10px; margin: 0 0 20px; }
	.nmbrtxt li:first-child	{ width: 50px; height: 45px; }
	.nmbrtxt li:last-child	{ width: calc(100% - 50px); }
	.nmbrtxt li p	{ font-size: 14px; line-height: 25px; }
	.nmbrtxt li.number::after	{ width: 38px; height: 38px; }
	.nmbimg	{ margin: 0 0 32px; }
	.nmbimg > p	{ width: 76%; drop-shadow(0px 0px 15px rgba(0,0,0,.2)); }
	.nmbimg > span.ck01-01	{ top: 47.3%; right: 3.5%; }
	.nmbimg > span.ck01-02	{ top: 66%; right: 3.5%; }
	.nmbimg > span.ck02-01	{ top: 38.9%; left: 3.5%; }
	.nmbimg > span.ck02-02	{ top: 54.8%; right: 3.5%; }
	.nmbimg > span.ck02-03	{ top: 65.2%; right: 3.5%; }
	.nmbimg > span.ck02-04	{ top: 75.7%; right: 3.5%; }
	.nmbimg > span.ck02-05	{ top: 87%; right: 3.5%; }
	.nmbimg > span.ck03-01	{ top: 77%; right: 3.5%; }
	.nmbimg > span.ck04-01	{ top: 68.5%; right: 3.5%; }
	.nmbimg > span.ck04-02	{ top: 78.5%; right: 3.5%; }
	.nmbimg > span.ck05-01	{ top: 80%; right: 3.5%; }
	.nmbimg > span.ck06-01	{ top: 81%; right: 3.5%; }
	.nmbimg > span.ck07-01	{ top: 81%; right: 3.5%; }
	.nmbimg > span.ck08-01	{ top: 81%; right: 3.5%; }
}

/* ------------ ACCORDION ------------- */
.accordionwrapper	{ display: -webkit-flex; display: flex; flex-direction: column; width: 100%; transition: all .5s; }
.accordioninner	{ display: block; position: relative; overflow: hidden; height: auto; max-height: 0; visibility: hidden; opacity: 0; }
.open .accordioninner	{ max-height: 2000px; visibility: visible; opacity: 1; overflow: visible; }
.acdonhdd	{ display: -webkit-flex; display: flex; width: 100%; background-color: #f5f5f5; padding: 0; margin: 0 0 20px; border: 1px solid #323232; }
.acdonhdd > h3	{ font-size: 19px; font-weight: 700; line-height: 1; padding: 0 0 0 38px; display: -webkit-flex; display: flex; align-items: center; width: calc(100% - 70px); border-right: 1px solid #323232; }
.acdonhdd > a	{ width: 70px; height: 70px; line-height: 0; position: relative; background-color: #fff; }
.acdonhdd > a:before	{ display: block; content: ""; position: absolute; top:0;  right:0; bottom:0; left:0; margin:auto; width: 30px; height: 1px; background-color: #323232; transition: .2s; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.acdonhdd > a:after	{ display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 1px;  background-color: #323232; transition: .3s; }
.open .acdonhdd > a:before	{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.open .acdonhdd > a:after	{ background-color: transparent; }
@media (min-width: 768px) { 
	.acdonhdd > a:hover	{ background-color: #f5f5f5; }
}
@media (max-width: 767.999px) { 
	.acdonhdd > h3	{ font-size: 16px; line-height: 24px; padding: 0 0 0 20px; width: calc(100% - 80px); }
	.acdonhdd > a	{ width: 80px; height: 80px; }
}

/* ------------ FOOTER ------------- */
footer	{ width: 100%; background-color: #fff; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; padding: 20px 0 10px; }
footer > span	{ font-size: 10px; line-height: 1; }
@media (max-width: 767.999px) { 
	footer	{ padding: 20px 0; }
	footer > span	{ font-size: 9px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767.999px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block!important; } }
@media (max-width: 767.999px)	{ .sponly { display: block!important; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
.noimg	{ display: none!important; }
.delay01	{ transition-delay: 0.1s; }
.delay02	{ transition-delay: 0.2s; }
.delay03	{ transition-delay: 0.3s; }
.delay04	{ transition-delay: 0.4s; }
.delay05	{ transition-delay: 0.5s; }
.delay06	{ transition-delay: 0.6s; }
.delay07	{ transition-delay: 0.7s; }
.delay08	{ transition-delay: 0.8s; }
.delay09	{ transition-delay: 0.9s; }

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