@charset "utf-8";

/* reset css  */
*{  font-size:15px;  }
body{
  margin:0;
  padding:0

  font-family:sans-serif;
  font-feature-settings:"palt";
  color:#333;
  background-color:#fcfcfc;

}

header, main, article, section, aside, nav, footer, div, p,
dl, dt, dd,li, address, th, td, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend, input, textarea{
  position:relative;
  margin:0;
  padding:0;
  box-sizing:border-box
}

ol,ul{
  position:relative;
  box-sizing:border-box
}
::after,::before{
  position:relative;
  box-sizing:border-box;
  text-decoration:inherit;
  vertical-align:inherit
}
a{ border:0 }
/*
a:link,a:visited{ text-decoration:none }
a:active,a:hover{ text-decoration:underline }
*/
p{ line-height:140%; }

sup{
  font-size:.75em;
  vertical-align: top;
}
address{ font-style:normal }
.br::before{
  content:"\a";
  white-space:pre
}

.clearAll{ clear:both }
.clearfix::after{
  content:"";
  display:block;
  clear:both
}

.noindent{ text-indent:0 }

.markAttension{ text-indent:0 }
.markAttension::before{ content:"※" }


/* page layout block  */

.page_layout_header,
.page_layout_main,
.page_layout_footer{
  margin-left:auto;
  margin-right:auto;

  min-width:320px;
  width:100%;
  max-width:650px;

}

.page_header_h1{
  background-image:url(../images/subback_back.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  overflow:hidden;
}

.main_layout_header,
.main_layout_article,
.main_layout_footer{
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 20px)

}

.main_layout_article{ margin-top:10px; }


.layout_main_h2{
  margin-bottom:4px;
  padding-top:4px;
  padding-bottom:2px;

  color:#005243;
  border-bottom:3px double green;
  text-shadow: 1px 1px 1px #b2ffb2;
}

.layout_main_h3_privacy,
.layout_main_h3_cookie{
  display:flex;
  align-items:center;

  margin-top:20px;
  margin-left:-4px;
  margin-bottom:10px;
  padding-left:10px;
  width:calc(100% + 8px);

  min-height:1.8em;
  height:auto;
  max-height:3.6em;

}


.layout_main_h3_privacy{
  font-weight:normal;
  color:#004d25;
  background-color: #a7d28d;

  border-radius: 4px;
}

.layout_main_h3_cookie{
  background-color:#F1E6B8;

  border-radius: 4px;
  box-shadow: 1px 1px 2px #192f60;
}

.main_layout_section_group{ margin-top:40px; }

/* cookie policy exclusive  */
.main_layout_cookieinfo{
  display:flex;
  align-items:center;

  margin-left:auto;
  margin-right:auto;
  height:5em;
  width:95%;

  font-weight:bold;
}

.main_layout_attention{
  padding-top:20px;
  border-top:1px dotted #333;
}

.cookie_group_box{
 margin-top:10px;
 padding:5px;

 background-color:#F6F6F6;
 border:1px solid #E0E0E0;

 font-size:.8em;
 color:#444;

}


/* main layout footer  */
.main_layout_footer{ margin-top:40px; }

.group_header{
  font-weight:normal;
  font-size:100%;
}

.group_list{
  margin:0;
  padding:0;
}

.group_list li{
  display:inline;
  list-style:none;
}

.group_list li::after{ content: "／" }
.group_list li:first-child::before{ content: "（" }
.group_list li:last-child::after{ content: "）" }

.main_footer_address{ margin-top:20px; }
.main_footer_address_cookie{ margin-top:5px; }



/* page_layout_footer */
.page_layout_footer{ margin-bottom:25px; }

.layout_footer_header{
  display:flex;
  justify-content:center;
  align-items:center;

  margin-top:10px;
  margin-bottom:10px;
  height:24px;

  font-size:small;
  font-weight:normal;
  color:#fff;

  background: rgb(153,204,102);
  background: linear-gradient(180deg, rgba(153,204,102,1) 0%, rgba(153,204,102,0.7) 50%, rgba(153,204,102,0.9) 50%,rgba(153,204,102,1) 100%);
}

.layout_footer_ancher{ text-align:center; }

/* END あいうえお */