@charset "utf-8";
/*--------------------------------------------------- */
body { line-height: 1.6; color: #333; font-size: 16px; font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;  background:#fff; box-sizing: border-box; overflow-x: hidden;}
p a{text-decoration: none; color:#333;}
p a:hover{text-decoration: underline; color:#333;}
/*------------------base.css-------------------*/
.container { width: 100%; margin: 0 auto; overflow-x: hidden;}
.footer { text-align: center; padding: 20px;}
/*------------------style.css-------------------*/
h1, h2, h3 { text-align: center; }
h1 { margin: 10px auto 50px; }
section { margin-bottom: 120px; }
.footer p { text-align: center; text-decoration: none;}
.footer p a{text-decoration: none; color:#333;}
/*COMMON*/
br.sponly_br{
display:none;
}
br.pconly_br{
display:block;
}
#link{
display:block;
margin:150px auto 30px;
}
.link_table{
    display:flex;
    width:250px;
    margin:auto;
}
.link_table .link_td{
    display:block;
    margin:auto;
    text-align:center;
}
.link_table .link_td img{
    width:65%;
}
a:hover{
    opacity: 0.5;
    transition : 0.5s;
}
.wrapper {
width: 100%;
overflow: hidden;
}
.fadeInout {
opacity: 0;
transform: translateY(0);
transition: opacity 1.5s ease, transform 1.5s ease;
}
.fadeInout.show {
  opacity: 1;
  transform: translateY(0);
}
/*----------------------------------------------------*/
/*TITLE*/
/*----------------------------------------------------*/
.head_image {
display:block;
margin:50px auto 0;
width:500px;
text-align:center;
}
.head_image img{
width:200px;
font-weight:bold;
}
h1{
font-size:16px;
font-weight:bold;
}
.title {
display:block;
margin:20px auto 50px;
width:700px;
text-align:center;
}
.title img{
width:100%;
}
.Introduction{
display:block;
width:auto;
margin:30px auto;
text-align:center;
}
.Introduction p{
font-size:18px;
}
/*----------------------------------------------------*/
/*PERIOD*/
/*----------------------------------------------------*/
.Period{
display:block;
width:auto;
margin:60px auto 30px;
text-align:center;
}
.Period p{
font-size:18px;
font-weight:bold;
}
.Period p span{
font-size:14px;
}
/*----------------------------------------------------*/
/*NOTICE*/
/*----------------------------------------------------*/
.notice-box {
max-width: 500px;
margin: 0 auto;
padding: 20px;
position: relative;
}
.notice-list {
list-style: none;
padding: 0;
margin: 0;
}
.notice-list li {
position: relative;
padding-left: 1.2em;
margin-bottom: 5px;
font-size:18px;
}
.notice-list li::before {
content: "●";
position: absolute;
left: 0;
top: 0;
color: #000;
font-size: 16px;
}
.green_period {
margin-top: 30px;
background: #3aaa35;
color: #fff;
font-weight: bold;
text-align: center;
padding: 1px 20px;
border-radius: 999px;
font-size: 18px;
line-height: 1;
}
.green_period p{
margin: 10px auto 12px;
}
/*----------------------------------------------------*/
/*FOOTER-ADD*/
/*----------------------------------------------------*/
.sustainable{
display:block;
margin:100px auto 50px;
width:600px;
text-align: center;
}
.sustainable p{
font-size:16px;
}
.sustainable img{
width:600px;
}
.footer{
display:block;
margin:50px auto 20px;
}
/*---------------SP------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 798px) {
html{
font-size: calc(100vw / 40);
}
br.sponly_br{
display:block;
}
br.pconly_br{
display:none;
}
#link{
display:block;
margin:80px auto 30px;
}
.link_table{
    display:flex;
    width:60%;
    margin:auto;
}
.link_table .link_td{
    display:block;
    margin:auto;
    text-align:center;
}
.link_table .link_td img{
    width:65%;
}
.wrapper {
  width: 100%;
  overflow: hidden;
}
/*----------------------------------------------------*/
/*TITLE-SP*/
/*----------------------------------------------------*/
.head_image {
display:block;
margin:40px auto 0;
width:98%;
text-align:center;
}
.head_image img{
width:200px;
font-weight:bold;
}
h1{
font-size:16px;
font-weight:bold;
}
.title {
display:block;
margin:20px auto 50px;
width:100%;
text-align:center;
}
.title img{
width:100%;
}
.Introduction{
display:block;
width:95%;
margin:30px auto;
text-align:left;
}
.Introduction p{
font-size:1.6rem;
}
/*----------------------------------------------------*/
/*PERIOD-SP*/
/*----------------------------------------------------*/
.Period{
display:block;
width:auto;
margin:40px auto 20px;
text-align:center;
}
.Period p{
font-size:1.6rem;
font-weight:bold;
}
.Period p span{
font-size:1.2rem;
}
/*----------------------------------------------------*/
/*NOTICE-SP*/
/*----------------------------------------------------*/
.notice-box {
width: 95%;
margin: 0 auto;
padding: 0;
position: relative;
}
.notice-list {
list-style: none;
padding: 0;
margin: 0;
}
.notice-list li {
position: relative;
padding-left: 1.2em;
margin-bottom: 5px;
font-size:1.6rem;
}
.notice-list li::before {
content: "●";
position: absolute;
left: 0;
top: 0;
color: #000;
font-size: 1.6rem;
}
.green_period {
margin-top: 30px;
background: #3aaa35;
color: #fff;
font-weight: bold;
text-align: center;
padding: 1px 20px;
border-radius: 999px;
font-size: 1.6rem;
line-height: 1;
}
.green_period p{
margin: 10px auto 12px;
}
/*----------------------------------------------------*/
/*FOOTER-ADD-SP*/
/*----------------------------------------------------*/
.sustainable{
display:block;
margin:60px auto 30px;
width:98%;
text-align: center;
}
.sustainable p{
font-size:1.4rem;
}
.sustainable img{
width:100%;
}
.footer{
display:block;
margin:50px auto 20px;
}
}