@import url("header.css");
@import url("header_sp.css");
@import url("main.css");
@import url("footer.css");
@import url("footer_sp.css");
@import url("sp.css");
html { scroll-behavior: smooth;text-align:justify;}
body,div,span,p,h1,h2,h3,h4,h5,h6,ul,ol,li{
    margin-block-start:0;
    margin-block-end:0;
    margin-inline-start:0;
    margin-inline-end:0;
    padding-block-start:0;
    padding-block-end:0;
    padding-inline-start:0;
    padding-inline-end:0;
    box-sizing:border-box;
 
}
h1,h2,h3,h4,h5,h6{
    display:inline-block;
    font-size:1rem;
    font-weight:normal;
}
div{
    box-sizing:border-box;
}

.h2{
    display:inline-block;
    margin-inline-start:auto;
    margin-inline-end:auto;
    font-size:1.5rem;
}
img{
    /*background:rgba(0,0,0,0.02); */
    height:auto;
}
li{
    list-style:none;
}

/*bodyの中身を中央ぞろえ*/
body{
    display:flex;
    flex-direction:column;
    align-items: center;
    font-family: YakuHanRP,"Noto Sans JP", sans-serif;
}

/*リンクの色*/
a{
    color:var(--black);
    text-decoration: none;
    pointer-events:all;
}

/*変数*/
:root{
--black:#000000;
--text:#231815;
--white:#FFFFFF;

--pc-width:1080px;
}


.underline{
    border-block-end:.25rem yellow solid;
}


/*フェードイン*/
.fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1s;
  }
   
  .fadeinright{
    transform : translate(-100px, 0);
}
.fadeinleft{
	transform:translate(100px,0);
}

.fadeinwoman{
    transform: translate(100px, 100px);
}

  .fadein.active{
    opacity : 1;
    transform : translate(0, 0);
  }