@charset "UTF-8";
/* ===================================================================
 common : 共通css(PC)
=================================================================== */
/* 印刷禁止等 */
@media print {}
/* リンク時の枠線を消す */
a, a img, area { outline: none;}
/* aタグの下の隙間を削除 */
img { vertical-align: bottom;}
/* リストの記号を削除 */
ul,ol,li {
  list-style-type: none;
}

body {
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0,0,0,.3);
}
/* リマケタグ用 */
html > body > iframe { display: none;}

#wrapper {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#header {
  padding: 85px 0 95px;
}
#contents {
  background: #e50012;
  padding-bottom: 62px;
}
#contents:before, #contents:after {
  content: " ";
  display: table;
}
#contents:after {
  clear: both;
}
#footer {
	background: #c01a20;
	text-align: center;
  padding:36px 0;
}

a:link {
  color: #fff;
}

a:visited {
  color: #fff;
}

a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ===================================================================
#qa_contents
=================================================================== */
#qa_contents{
  width: 768px;
  margin: 0 auto;
}

#qa_contents .qa_content{
  padding: 38px 0 58px;
  border-bottom: 2px solid #c01a20;
}

#qa_contents .qa_content:last-of-type{
  border-bottom: none;
}

#qa_contents .qa_content h2{
  font-size: 47px;
  padding-bottom: 35px;
}

#qa_contents .qa_content h3{
  border-radius: 50px;
  background: #c01a20;
  margin: 0 auto 49px;
  height: 52px;
  line-height: 52px;
  max-width: 458px;
  font-size: 28px;
}

#qa_contents > a{
  display: inline-block;
  font-size: 16px;
  color: #000;
  background: #fff;
  border-radius: 50px;
  text-decoration: none;
  width: 220px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  font-weight: bold;
}

/* ===================================================================
スマホ用記述
=================================================================== */
@media screen and (max-width: 767px) {

  body {
    -webkit-text-size-adjust: 100%;
    width: 100%;
    font-size: 16px;
    min-width: 320px;
  }

  #header {
    padding: 75px 0 85px;
  }

  #header h1 img,
  #footer a img{
    max-width: 80%;
    height: auto;
  }

  #qa_contents{
    width: 100%;
    height: auto;
  }

  #qa_contents .qa_content{
    padding: 28px 0 48px;
  }

  #qa_contents .qa_content h2{
    font-size: 37px;
    padding-bottom: 25px;
  }

  #qa_contents .qa_content h3{
    font-size: 18px;
    max-width: 300px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 39px;
  }

  #qa_contents .qa_content p{
    padding: 0 20px;
  }

  #qa_contents .qa_content p span{
    display: inline-block;
  }

}