@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@600;700;900&display=swap');

html, body {height:100%;}
/* always force a scrollbar in non-IE: */
html { overflow-y:auto; background-color:#E7E7E7;}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/**** Base ****/
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:500;
  color:#FFFFFF;
  width:100%;
  background-color:#E7E7E7;
  background-image:url("../images/top/bg_top01.gif") ;
  background-repeat:repeat;
  position:relative;
}
@media only screen and (max-width: 768px){
  body {}
}
img {
  width:auto;
  max-width:100%;
}

#bg_box {
  width:100%;
  height:100%;
  background-color:#7d7d7d;
  background-image:url("../images/top/bg_top01.gif") ;
  background-repeat:repeat;
  text-align:center;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#bg_box_main {
  width:100%;
  height:100%;
  background-image:url("../images/top/bg_top_main.png") ;
  background-repeat:no-repeat;
  background-position:top center;
  text-align:center;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

#wrap {
  width:100%;
  height:100%;
  text-align:center;
}
#container {
  max-width:940px;
  padding:200px 40px 40px 40px;
  margin:0 auto;
  min-height:100%;
  position:relative;
}


.title_box {
  background-color:#f3f1eb;
  background-image:url("../images/top/bg_tile02.gif") ;
  background-repeat:repeat;
  padding:10px;
   box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}
.title_box_inner {
  padding:36px 40px 16px 40px;
  border:4px solid #9d424f;
}

p.lead_text {
  font-size:16px;
  line-height:1.8;
  letter-spacing:0.05em;
  padding:60px 0 0 0;
}
.start_btn_box {
  text-align:center;
  padding:60px 0 0 0;
}

.start_btn_box a {
  max-width:420px;
  display:block;
  margin:0 auto;
  opacity:1;
  transition:opacity 0.2s;
   box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}
.start_btn_box a:hover {
  opacity:0.7;
  transition:opacity 0.2s;
}
.start_btn_box a img {
  line-height:0;
  vertical-align:middle;
}

ul.note_list {
  text-align:center;
  padding:42px 0 12px 0;
}
ul.note_list li {
  vertical-align:middle;
  padding:8px 0;
}
ul.note_list li img {
  vertical-align:middle;
}
ul.note_list li.icon_rot_sp {
  display:flex;
  align-items:center;
  justify-content:center;
}
ul.note_list li.icon_rot_sp img {
  width:58px;
  height:40px;
  padding:0 18px 0 0;
}

/*ul.note_list li span.icon_rot_sp {
  min-height:40px;
  margin-left:58px;
  position:relative;
  display:flex;
  vertical-align:middle;
}*/

@media only screen and (max-width: 1024px){
  #bg_box_main {
    background-image:url("../images/top/bg_top_main.png") ;
    background-size:cover;
    background-position:center center;
  }
  #wrap {
    text-align:center;
    display:block;
  }
  #container {
    max-width:940px;
    padding:60px 40px;
    margin:0 auto;
    min-height:100%;
    position:relative;
  }
  .title_box {
    max-width:540px;
    background-color:#f3f1eb;
    background-image:url("../images/top/bg_tile02.gif") ;
    background-repeat:repeat;
    padding:10px;
    margin:0 auto;
  }
  .title_box_inner {
    padding:26px 30px 6px 30px;
    border:4px solid #9d424f;
  }

  p.lead_text {
    font-size:14px;
    line-height:1.6;
    letter-spacing:0.05em;
    padding:40px 0 0 0;
  }
  .start_btn_box {
    text-align:center;
    padding:40px 0 0 0;
  }

  .start_btn_box a {
    max-width:420px;
    display:block;
    margin:0 auto;
    opacity:1;
    transition:opacity 0.2s;
  }
  .start_btn_box a:hover {
    opacity:0.7;
    transition:opacity 0.2s;
  }

  ul.note_list {
    text-align:center;
    padding:42px 0 12px 0;
  }
  ul.note_list li {
    vertical-align:middle;
    padding:8px 0;
    font-size:14px;
  }
  ul.note_list li img {
    vertical-align:middle;
  }

  ul.note_list li.icon_rot_sp img {
    width:58px;
    height:40px;
    padding:0 18px 0 0;
  }

}


@media only screen and (max-width: 768px){
  #bg_box_main {
    background-image:url("../images/top/bg_top_main.png") ;
    background-size:cover;
    background-position:center center;
  }
  #wrap {
    text-align:center;
    display:block;
  }
  #container {
    max-width:940px;
    padding:40px 20px;
    margin:0 auto;
    min-height:100%;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  ul.note_list {
    text-align:center;
    padding:27px 0 12px 0;
  }
  ul.note_list li {
    line-height:1.4;
  }

}


@media print, screen and (min-width: 769px){
  footer .footer_copyright {font-size:10px; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; z-index:9999;}
}
@media only screen and (max-width: 768px){
  footer .footer_copyright {font-size:10px; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; z-index:9999;}
}


  /*フッター*/
  footer {font-size:10px; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; z-index:9999;}
  footer .footer_copyright {font-size:10px; padding-bottom:10px;}