@charset "utf-8";



/* ALL

-------------------------------------------------- */

html {

  font-size: 62.5%;

}



body {

  font-family: "メイリオ", "Meiryo", Osaka, sans-serif;

  position: relative;

  margin: 0;

  font-size: 1.6rem;

}



h1, h2, h3, h4, h5, h6, p, ul, ol, li, a {

  margin: 0;

  padding: 0;

}



a {

  display: block;

  color: #000;

  text-decoration: none;

}

a:hover {

  color: #a50000;

  text-decoration: underline;

}



/* header

-------------------------------------------------- */

.header-overlay {

  display: none;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #000;

  opacity: 0.5;

  z-index: 1000;

}



#header {

  font-size: 1.5rem;

  width: 100%;

  box-sizing: border-box;

  background: #fff;

}

#header #header-corporation {

  width: 100%;

  box-sizing: border-box;

}

#header #header-corporation .inner {

  display: flex;

  box-sizing: border-box;

  margin: auto;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

#header #header-corporation .inner .logo img {

  margin-top: 13px;

}

#header li{

  list-style-type: none !important;

  list-style-image: none !important;

}



/* gnavi

-------------------------------------------------- */

#gnavi {

  display: none;

}



/* footer

-------------------------------------------------- */

#footer {

  border-top: 1px solid #ebebeb;

}

.footer-info {

  font-size: 1.3rem;

  margin: auto;

  box-sizing: border-box;

}

.footer-info p {

  font-size: 1.3rem;

}

.footer-info ul {

  list-style: none;

}

.footer-info ul li {

  margin-right: 30px;

}

.footer-info ul li:last-of-type {

  margin-right: 0;

}

.footer-info #icpno {

  margin: 10px auto 0;

}



/* footerBacktop

-------------------------------------------------- */

div.footerBacktop {

  display: inline-block;

  position: fixed;

  bottom: 20px;

  right: 20px;

  height: 44px;

  width: 44px;

  opacity: 0;

  transition: .3s;

  z-index: 60000;

}

div.footerBacktop .bottom {

  bottom: 30px;

}

div.footerBacktop p {

  margin: 0;

}

div.footerBacktop p a {

  text-indent: 100%;

  display: inline-block;

  border-radius: 50%;

  background: rgba(99, 118, 137, 0.5) url(/ag_common/img/icon-pagetop.png) no-repeat center center;

  background-size: contain;

  overflow: hidden;

  white-space: nowrap;

  transition: .3s;

  padding: 0;

}

div.footerBacktop p a:hover {

  background-color: rgba(99, 118, 137, 0.8);

}

div.footerBacktop.show {

  opacity: 1;

}



/* Contents

-------------------------------------------------- */

#main_contents_area {

  padding: 47px 0 0 0;

}

@media only screen and (min-width: 980px) {

  #main_contents_area {

    padding: 115px 0 0 0;

  }

}





