@charset "UTF-8";

/* ==========================================================
	PC閲覧用 481px以上
========================================================== */

@media print,
screen and (min-width: 481px) {

  /*----------------------------------------
clearfix
-----------------------------------------*/
  .qanda dd:before,
  .qanda dd:after {
    content: "";
    display: table;
  }

  .qanda dd:after {
    clear: both;
  }

  .qanda dd {
    zoom: 1;
    /*IE7*/
    position: relative;
    /*DW*/
  }

  /*----------------------------------------
box1
-----------------------------------------*/
  #box1 {
    margin-top: 30px;
  }

  .profile p img {
    width: 286px;
    height: 211px;
    float: left;
    border: 1px solid #CCCCCC;
  }

  .profile dl {
    width: 384px;
    float: right;
    padding-bottom: 10px;
  }

  .profile dt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: 3px;
    border-bottom: 2px solid #d5d5d5;
  }

  .profile dd:nth-child(even) {
    margin-top: 10px;
  }

  .profile dd:nth-child(odd) {
    margin-top: 8px;
    line-height: 1.3;
  }

  .profile dd span {
    background: #b4b4b4;
    color: #FFFFFF;
    padding: 1px 6px;
  }

  .qanda {
    margin: 30px 0 20px;
  }

  .qanda dt {
    padding: 4px 0 3px 54px;
    background: #f4f4f4 url(../../img/cmn_main_faq_txt_q.gif) no-repeat;
    background-size: 40px 27px;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .qanda dd {
    margin-top: 1px;
    padding: 6px 0 30px 54px;
    background: url(../../img/cmn_main_faq_txt_a.gif) no-repeat;
    background-size: 40px 27px;
    line-height: 1.7;
  }

  .qanda dd p {
    float: left;
    width: 430px;
    padding-right: 16px;
  }

  .qanda dd img.pic {
    width: 200px;
    margin-top: 5px;
  }

}

/* ==========================================================
	SP閲覧用 641px以下
========================================================== */

@media screen and (max-width: 480px) {
  .profile {
    margin-top: 15px;
  }

  .profile p.pic {
    width: 48%;
    float: left;
    margin-bottom: 15px;
  }

  .profile p.pic img {
    width: 100%;
    height: auto;
    border: 1px solid #CCCCCC;
  }

  .profile dl {
    width: 48%;
    float: right;
    padding-bottom: 15px;
  }

  .profile dt {
    line-height: 1.3;
    padding-bottom: 3px;
    border-bottom: 2px solid #d5d5d5;
  }

  .profile dd:nth-child(even) {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 10px;
  }

  .profile dd:nth-child(odd) {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 5px;
    line-height: 1.3;
  }

  .profile dd span {
    background: #b4b4b4;
    color: #FFFFFF;
    padding: 2px 5px 0;
  }

  .qanda {
    padding-top: 20px;
  }

  .qanda dt {
    padding: 4px 0 3px 54px;
    background: #f4f4f4 url(../../img/cmn_main_faq_txt_q.gif) no-repeat;
    background-size: 40px 27px;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .qanda dd {
    margin-top: 1px;
    padding: 6px 0 24px 54px;
    background: url(../../img/cmn_main_faq_txt_a.gif) no-repeat;
    background-size: 40px 27px;
    line-height: 1.7;
  }

  .qanda dd img.pic {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

}

/* markのデフォルトスタイルをリセット */
mark {
  background: transparent;
  color: inherit;
  padding: 0;
  position: relative;
  background-image: linear-gradient(to right, #ffeb3b 0%, #ffeb3b 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: none;
}

/* アニメーション用のクラス */
mark.animate {
  animation: slideIn 0.6s ease-out forwards;
}

@keyframes slideIn {
  from {
    background-size: 0% 100%;
  }

  to {
    background-size: 100% 100%;
  }
}

.qanda dt.last {
  background: #f4f4f4;
}

.closing {
  padding: 10px;
  background-color: #e4f6ff;
  margin: 10px 0;
}