@charset "utf-8";
/* CSS Document */


/*===============================

    common

================================*/
body {
  color: #3E3A39;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}

.wrapper {
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.container {
  float: right;
  width: 730px;
}

.sectionBox + .sectionBox { margin-top: 50px; }

.sectionBox-sub {}

.sectionBox-sub + .sectionBox-sub { margin-top: 30px; }


/*===============================

    コンテンツ

================================*/

/*
    見出し
================================*/
.heading_mainCat {
  border-bottom: 2px solid #a00000;
  font-size: 25px;
  font-weight: 700;
  margin: 20px 0;
  padding-bottom: 3px;
  padding-left: 1.2em;
  position: relative;  
}

.heading_mainCat::before,
.heading_mainCat::after {
  content: "■";
  font-size: .8em;
  font-weight: bold;
  position: absolute;
}

.heading_mainCat::before {
  color: #a00000;
  top: 0;
  left: 0;
  z-index: 3;
}

.heading_mainCat::after {
  color: #f7a6ab;
  top: 5px;
  left: 5px;
  z-index: 1;
}


/*
    Q&A
================================*/
.heading_question {
  background-color: #eee;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  /*padding-left: 1.5em;*/
  padding: 5px 5px 5px 1.8em;
  position: relative;
}

.heading_question::before {
  content: "Q.";
  color: #a00000;
  position: absolute;
  top: 5px;
  left: 5px;
}

.p_contents_answer {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 2.025em;/*Q.にサイズを合わせる（27px/1.5em=1.688em）（32.4px/1.8em）*/
  position: relative;
}

.p_contents_answer::before {
  content: "A.";
  color: #a00000;
  font-size: 1.125em;/*Q.にサイズを合わせる（18px）*/
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 5px;
}

.p_contents_answer p + p { margin-top: 10px; }

.p_contents_answer a:hover { text-decoration: underline; }




/*===============================

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
.wrapper { width: 100%; }

.container {
  float: none;
  width: 100%;
}


}/* @media */