/*カスケード変数****************************************************************/
:root {
--sdw-color-blk:#000;/*****************************************************************************/
  --character-border-blk-1px:0.1rem 0.1rem 0 var(--sdw-color-blk),-0.1rem -0.1rem 0 var(--sdw-color-blk),-0.1rem 0.1rem 0 var(--sdw-color-blk),0.1rem -0.1rem 0 var(--sdw-color-blk),0 0.1rem 0 var(--sdw-color-blk),0 -0.1rem 0 var(--sdw-color-blk),-0.1rem 0 0 var(--sdw-color-blk),0.1rem 0 0 var(--sdw-color-blk);
  --character-border-blk-2px:0.2rem 0.2rem 0 var(--sdw-color-blk),-0.2rem -0.2rem 0 var(--sdw-color-blk),-0.2rem 0.2rem 0 var(--sdw-color-blk),0.2rem -0.2rem 0 var(--sdw-color-blk),0 0.2rem 0 var(--sdw-color-blk),0 -0.2rem 0 var(--sdw-color-blk),-0.2rem 0 0 var(--sdw-color-blk),0.2rem 0 0 var(--sdw-color-blk);

--sdw-color-whi:#fff;/*****************************************************************************/
  --character-border-whi-1px:0.1rem 0.1rem 0 var(--sdw-color-whi),-0.1rem -0.1rem 0 var(--sdw-color-whi),-0.1rem 0.1rem 0 var(--sdw-color-whi),0.1rem -0.1rem 0 var(--sdw-color-whi),0 0.1rem 0 var(--sdw-color-whi),0 -0.1rem 0 var(--sdw-color-whi),-0.1rem 0 0 var(--sdw-color-whi),0.1rem 0 0 var(--sdw-color-whi);
  --character-border-whi-2px:0.2rem 0.2rem 0 var(--sdw-color-whi),-0.2rem -0.2rem 0 var(--sdw-color-whi),-0.2rem 0.2rem 0 var(--sdw-color-whi),0.2rem -0.2rem 0 var(--sdw-color-whi),0 0.2rem 0 var(--sdw-color-whi),0 -0.2rem 0 var(--sdw-color-whi),-0.2rem 0 0 var(--sdw-color-whi),0.2rem 0 0 var(--sdw-color-whi);

--sdw-color-red:#ca5252;/*****************************************************************************/
  --character-border-red-1px:0.1rem 0.1rem 0 var(--sdw-color-red),-0.1rem -0.1rem 0 var(--sdw-color-red),-0.1rem 0.1rem 0 var(--sdw-color-red),0.1rem -0.1rem 0 var(--sdw-color-red),0 0.1rem 0 var(--sdw-color-red),0 -0.1rem 0 var(--sdw-color-red),-0.1rem 0 0 var(--sdw-color-red),0.1rem 0 0 var(--sdw-color-red);
  --character-border-red-2px:0.2rem 0.2rem 0 var(--sdw-color-red),-0.2rem -0.2rem 0 var(--sdw-color-red),-0.2rem 0.2rem 0 var(--sdw-color-red),0.2rem -0.2rem 0 var(--sdw-color-red),0 0.2rem 0 var(--sdw-color-red),0 -0.2rem 0 var(--sdw-color-red),-0.2rem 0 0 var(--sdw-color-red),0.2rem 0 0 var(--sdw-color-red);

--sdw-color-brw:#783506;/*****************************************************************************/
  --character-border-brw-1px:0.1rem 0.1rem 0 var(--sdw-color-brw),-0.1rem -0.1rem 0 var(--sdw-color-brw),-0.1rem 0.1rem 0 var(--sdw-color-brw),0.1rem -0.1rem 0 var(--sdw-color-brw),0 0.1rem 0 var(--sdw-color-brw),0 -0.1rem 0 var(--sdw-color-brw),-0.1rem 0 0 var(--sdw-color-brw),0.1rem 0 0 var(--sdw-color-brw);
  --character-border-brw-2px:0.2rem 0.2rem 0 var(--sdw-color-brw),-0.2rem -0.2rem 0 var(--sdw-color-brw),-0.2rem 0.2rem 0 var(--sdw-color-brw),0.2rem -0.2rem 0 var(--sdw-color-brw),0 0.2rem 0 var(--sdw-color-brw),0 -0.2rem 0 var(--sdw-color-brw),-0.2rem 0 0 var(--sdw-color-brw),0.2rem 0 0 var(--sdw-color-brw);
}
/*****************************************************************************/
header h1,header h2,header p,header nav,header button{
left: 0;right: 0;
width: 100%;
max-width: 127.2rem;
margin: 0 auto;
}

header{
position: relative;
width: 100%;
max-width: 127.2rem;
height: 81.6rem;
margin: 0 auto 42.0rem;
padding: 3.0rem 5.0rem;
background: url("../img/bg_top.jpg") no-repeat top 11.6rem center;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: #fff;
text-align: center;
z-index: 0;
}
header::after,header::before,header p.introduction::before{
content: "";
position: absolute;
background: url("../img/bg_dot-circle.png") no-repeat center / cover;
filter: blur(0.1rem);
opacity: 0.8;
z-index: -1;
}
header::before{
top: 16.5rem;
left: -3.5rem;
width: 46.0rem;
height: 46.0rem;
}
header::after{
bottom: -15.2rem;
right: -3.0rem;
width: 43.0rem;
height: 43.0rem;
}
header p.introduction::before{
top: -4.0rem;
left: 3.0rem;
width: 40.0rem;
height: 40.0rem;
}
header p.introduction{
position: absolute;
bottom: -23.0rem;
  font-size: 2.4rem;
  line-height: 2.0;
  letter-spacing: -0.1rem;
      font-weight: 700;
  color: #654837;
    z-index: 9;
}
header p.introduction span{
display: block;
}
header h1 {
position: absolute;
top: 3.0rem;
height: 6.0rem;
  background: url("../img/logo.svg") no-repeat top left 5.0rem/contain;
  font-size: 1.2rem;
text-indent: -1000%;
}
header h2 {
position: absolute;
top: 33.5rem;
max-width: 88.0rem;
min-height: 18.4rem;
padding: 2.0rem 0;
background-color: rgba(255,255,255,0.6);
border: 0.2rem solid #fff;
  font-size: 3.8rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: -0.1rem;
text-shadow: var(--character-border-red-2px);
z-index: 9;
}
header h2 div{
  font-size: 5.2rem;
}
header p.lead{
position: absolute;
top: 15.8rem;
  font-size: 3.2rem;
    font-weight: 900;
	letter-spacing: 0;
  text-shadow: var(--character-border-blk-2px);
  text-align: center;
  z-index: 9;
}
header button {
position: absolute;
bottom: -43.0rem;
z-index: 9;
}
@media (max-width : 519px) {
header{
height: 54.0rem;
  margin: 0 auto 52.0rem;
background: url("../img/bg_top.jpg") no-repeat top 8.0rem center/auto 85%;
}
header::after,header::before,header p.introduction::before{
width: 21.0rem;
height: 21.0rem;
}
header::before{
top: 4.0rem;
left: -8.0rem;
}
header::after{
/*right: -5.6rem;*/
right: 0;
}
header p.introduction::before{
top: 19.0rem;
left: 2.0rem;
width: 14.0rem;
height: 14.0rem;
}
header p.introduction{
bottom: -32.0rem;
padding: 0 1.6rem;
  font-size: 2.0rem;
  letter-spacing: 0;
}
header p.introduction span{
display: inline;
}
header h1 {
top: 1.6rem;
height: 4.5rem;
background: url("../img/logo.svg") no-repeat top left 1.2rem/contain;
}
header h2 {
top: 26.0rem;
max-width: 30.0rem;
padding: 1.6rem 0 0;
  font-size: 2.0rem;
  line-height: 1.4;
}
header h2 div{
  font-size: 3.0rem;
}
header h2 div span{
display: block;
}
header p.lead{
position: absolute;
top: 15.0rem;
  font-size: 2.0rem;
  line-height: 1.5;
}
header p.lead span{
display: block;
}
header button {
bottom: -50.0rem;
}
}
/*******************************************************************************/
button {
  width: 100%;
font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";  
}
button a {
transition: all 0.96s;
  display: block;
  position: relative;
  width: 100%;
  max-width: 60.0rem;
  height: 10.0rem;
  margin: 1.6rem auto 2.4rem;
background-color: #f29e43;
  box-shadow: 0 1.4rem 0.8rem 0 rgba(60,40,20,0.4),0 0.1rem 0 0.1rem #783506,1.2rem 0.6rem 2.8rem 0.3rem #ec6002 inset,-1.2rem -0.6rem 2.8rem 0.3rem #ec6002 inset;
  border: 0.2rem solid #f29e43;
border-radius: 4.4rem;
font-size: 3.6rem;
  line-height: 9.4rem;
    font-weight: 900;
  color: #000;
  text-shadow: var(--character-border-whi-2px);
}
button a::after{
content: "\f04b";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 0.4rem;
right: 11%;
font-size: 3.4rem;
color: #fff;
text-shadow: var(--character-border-blk-1px);
}
button a:hover {
background-color: #f29e43;
  box-shadow: 0 1.4rem 1.8rem 0 rgba(60,40,20,0.4),0 0.1rem 0 0.1rem #783506,1.2rem 0.6rem 3.8rem 1.3rem #ec6002 inset,-1.2rem -0.6rem 3.8rem 1.3rem #ec6002 inset;
  border: 0.2rem solid #f29e43;
  color: #eee;
  text-shadow: var(--character-border-brw-2px);  
}
button a:hover::after{
top: 0.4rem;
color: #eee;
text-shadow: var(--character-border-brw-1px);
}
@media (max-width : 519px) {
button a {
  max-width: 31.0rem;
  height: 6.0rem;
  margin: 1.6rem auto 2.4rem;
  box-shadow: 0 1.4rem 0.8rem 0 rgba(60,40,20,0.3),0 0.2rem 0.1rem 0.1rem #783506,1.2rem 0.6rem 2.8rem 0.4rem #ec6002 inset,-1.2rem -0.6rem 2.8rem 0.4rem #ec6002 inset;
  border: 0.3rem solid #f29e43;
  font-size: 2.2rem;
  line-height: 5.4rem;
  text-shadow: var(--character-border-whi-1px);  
}
button a::after{
top: 0.2rem;
right: 7%;
font-size: 1.8rem;
}
}
/* scroll-top ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#scroll-top {
    position: fixed;
    bottom: 1.6rem;
    right: 3.2rem;
		opacity: 0.6;
		z-index: 9999;
}
#scroll-top i.fa-circle-up{
		font-size: 4.8rem;
		color: #444;
-webkit-text-stroke: 0.1rem #000;		
}