@charset "UTF-8";

/* *****************************  Import file to Scss or Sass.  *************************** */
/* -----------------------------------------------------------------
Title: reset.css
Created: 2018-12-14
Last Modified: 2018-12-14
------------------------------------------------------------------ */
/*　目次 
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

------------------------------------------------------------------ */
/* -----------------------------------------------------------------

#01　リセット

------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

ul { list-style: none; }

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }

/* -----------------------------------------------------------------

#02　基本タグの定義

------------------------------------------------------------------ */
body { color: #333333; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; letter-spacing: 0.05em; text-align: left; background-repeat: no-repeat; width: auto; height: 100%; margin: 0px auto; background-position: top; }

h1, h2, h3 { font-weight: 100; }

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; _text-align: left; }

em, strong { font-style: normal; font-weight: 100; }

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

/** anchors */
/**************************************/
a { font-size: 1em; color: #023461; text-decoration: none; outline: none; }

a:hover { text-decoration: underline; }
a:link { outline: medium none; }
a:visited { outline: medium none; }

#wrapper img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
#wrapper a {
  -webkit-transition: 0.30s;
     -moz-transition: 0.30s;
      -ms-transition: 0.30s;
       -o-transition: 0.30s;
          transition: 0.30s;
}
#wrapper a:hover {
  opacity: 0.7;
}

#wrapper ul {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 954px;
  margin: 0 auto;
}

#wrapper ul li {
  width: 48.6373%;
  margin: 13px 0;
}

#wrapper .inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

#wrapper #cont1 p.link_btn {
  width: 720px;
  margin: 3px auto 76px auto;
}

#wrapper #cont2 p.link_btn {
  width: 720px;
  margin: 0 auto 90px auto;
}

#wrapper #cont3 p.link_btn {
  width: 640px;
  margin: 31px auto 71px auto;
}

#wrapper #cont4 {
  margin: 50px 0 0 0;
}

#wrapper #cont4 .link_area {
  width: 75.6%;
  max-width: 740px;
  margin: 58px auto 91px auto;
}

#wrapper .footer strong {
  display: block;
}

#wrapper .footer p {
  background: url(../images/footer_img02.jpg) center top no-repeat;
  font-family: "Noto Sans JP";
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  margin: 125px 0 0 0;
  padding: 136px 0 10px 0;
}

p.pagetop {
  position: fixed;
  bottom: -10%;
  right: 5%;
  width: 171px;
  height: auto;
  z-index: 10;
}

#wrapper .pagetop {
  
}

/* -----------------------------------------------------------------
979px以下
------------------------------------------------------------------ */
@media screen and (max-width: 979px) {
  #wrapper ul li {
    margin: 1.3266vw 0;
  }

  #wrapper #cont1 p.link_btn {
    width: 73.4693vw;
    margin: 0.306vw auto 7.755vw auto;
  }

  #wrapper #cont2 p.link_btn {
    width: 73.4693vw;
    margin: 0 auto 0.918vw auto;
  }

  #wrapper #cont3 p.link_btn {
    width: 65.306vw;
    margin: 3.163vw auto 7.2444vw auto;
  }

  #wrapper #cont4 {
    margin: 5.9183vw 0 0 0;
  }

  #wrapper #cont4 .link_area {
    margin: 6.53vw auto 8.6734vw auto;
  }

  #wrapper .footer p {
    background: url(../images/footer_img02.jpg) center top no-repeat;
    background-size: cover;
    font-size: 1.4286vw;
    margin: 13.6734vw 0 0 0;
    padding: 13.877vw 0 1.02vw 0;
  }

  p.pagetop {
    width: 17.4489vw;
  }
}