@charset 'utf-8';

/* CSS Document */
/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
	a[href^="tel:"] {
		color: initial;
	}

  #card {
    color: #505050;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 758px;
    padding-right: 20px;
    padding-left: 20px;
  }

  #card_memo01 {
    width: 700px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #card_memo01 dt {
    font-weight: bold;
    width: 80px;
    height: 60px;
  }

  #card_memo01 dd {
    height: 60px;
    width: 620px;
    margin-top: -60px;
    margin-left: 80px;
  }

  #card_memo02 {
    list-style-type: none;
    height: 200px;
    width: 700px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
  }

  #card_memo02 li {
    margin-bottom: 5px;
  }

  /*2013.10.15*/
  #card {
    color: #505050;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 auto;
    padding: 0;
    width: 758px;
  }

  #card p {
    letter-spacing: 0;
  }

  #creditBox {
    margin: 0 auto;
    width: 765px;
  }

  #card div div.cardMiddleBox {
    border: 2px solid #545454;
    display: block;
    width: 759px;
  }

  #creditBox div.cardLargeBox {
    border: 2px solid #545454;
    display: block;
    /*height: 284px;*/
    width: 759px;
  }

  #creditBox div.cardSmallBox {
    border: 2px solid #545454;
    display: block;
    height: 133px;
    width: 759px;
  }

  #card div div h4 {
    background-color: #f8c6bd;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 8px;
  }

  .creditImage01 {
    display: block;
    margin: 0 auto;
    width: 58px;
  }

  #creditBox div.cardMiddleBox img {
    margin-bottom: 19px;
    margin-left: 20px;
    width: 87px;
  }

  .creditImage02 {
    margin-left: 25px;
  }

  .creditImage03 {
    display: block;
    margin: 0 auto;
  }

  .creditTextStyle01 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 18px;
  }

  .creditTextStyle02 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 12px;
  }

  .creditTextStyle03 {
    background-color: #ececec;
    color: #373737;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    height: 39px;
    letter-spacing: normal;
    line-height: 43px;
    padding: 5px 15px;
    text-align: center;
  }

  .creditTextStyle04 {
    font-size: 12px;
    margin-bottom: 15px;
    margin-left: 24px;
    margin-top: 10px;
    text-indent: -10px;
    line-height: 21px;
  }

  .creditTextStyle05 {
    font-size: 20px;
  }

  .creditTextStyle05 {
    font-size: 20px;
  }

  .creditTextStyle06 {
    background: #ececec none repeat scroll 0 0;
    color: #373737;
    float: left;
    font-size: 19px;
    font-weight: bold;
    height: 35px;
    line-height: 15px;
    margin: 0 10px 10px 20px;
    padding: 13px 0 8px 10px;
    width: 232px;
  }

  .creditTextStyle06 span {
    font-size: 12px;
    font-weight: normal;
  }

  .creditTextStyle07 {
    color: #e81749;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    margin-top: 16px;
  }

  .creditTextStyle08 {
    font-size: 14px;
    margin: 0 20px 17px 20px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e81749;
  }

  .creditTextStyle08+p {
    font-size: 14px;
    margin-left: 20px;
  }

  .creditTextStyle08+p+p {
    font-size: 14px;
    margin: 5px 0px 20px 20px;
  }

  .creditTextStyle09 {
    /* background-color: #ececec; */
    /* color: #373737; */
    /* font-size: 19px; */
    /* font-weight: bold; */
    /* height: 40px; */
    /* line-height: 40px; */
    margin: 10px 0 0 20px;
    /* padding: 0 10px; */
    /* text-align: center; */
    /* width: 240px; */
  }

  #creditBox div.cardMiddleBox p a.creditGaibu {
    background: #e81749;
    box-shadow: #b21035 0px 4px 0px 0px;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-size: 19px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 auto 23px;
    text-align: center;
    text-decoration: none;
    width: 713px;
  }

  #creditBox div.cardMiddleBox p a:hover {
    background-color: #ff7f98;
    box-shadow: #f3637c 0px 4px 0px 0px;
  }

  #creditBox div.creditGuideBox {
    padding-left: 6px;
    padding-top: 16px;
  }

  #creditBox div.creditGuideBox p {
    font-size: 14px;
  }

  #creditBox div.creditGuideBox ul li {
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 6px;
  }

  .creditGuideBoxTitle {
    margin-bottom: 10px;
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  #creditBox {
    font-family: "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
    width: 94%;
    margin: 0 auto 7vw;
  }

  #creditBox h3 {
    margin-bottom: 2%;
    background-color: transparent;
    color: initial;
    font-weight: normal;
    font-size: 4vw;
    line-height: 1.3;
    text-indent: 0;
    height: auto;
  }

  #creditBox h4 {
    font-size: 3.44vw;
    background-color: #f8c6bd;
    line-height: 8vw;
    text-indent: 1vw;
  }

  #creditBox p {
    margin: 0;
    padding: 0;
    font-size: 3.44vw;
    line-height: 1.2;
  }

  #creditBox div.cardSmallBox, #creditBox div.cardMiddleBox, #creditBox div.cardLargeBox {
    border: 2px solid #545454;
    display: block;
    margin: 0 auto;
  }

  #creditBox div.cardMiddleBox p.creditTextStyle01 {
    width: 96%;
    font-size: 3.2vw;
    line-height: 1;
    margin: 3% auto 2%;
  }

  #creditBox div.cardMiddleBox p.creditTextStyle02 {
    font-size: 3.2vw;
    margin: 10px 7px 10px;
  }

  #creditBox div.cardMiddleBox p.creditTextStyle04 {
    font-size: 2.8vw;
    width: 96%;
    margin: 2% auto;
  }

  .creditTextStyle04 {
    line-height: 1.2em;
  }

  .creditTextStyle03 {
    background-color: #ececec;
    display: block;
    height: 7vw;
    line-height: 7.5vw;
    padding: 0 6px;
    text-align: center;
    margin-bottom: 2%;
    font-size: 4.2vw;
    font-weight: bold;
  }

  #creditBox div.cardMiddleBox p.creditTextStyle02 span.creditTextStyle03 a {
    color: #323232;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 0;
  }

  #creditBox div h5 {
    background-color: #f8c6bd;
    color: #333333;
    font-size: 100%;
    font-weight: normal;
    padding: 3% 2%;
    letter-spacing: 0;
  }

  #creditBox div.cardMiddleBox img {
    margin-left: 5%;
    margin-bottom: 2%;
    width: calc(75%/4);
  }

  #creditBox div.cardMiddleBox img.creditImage02 {
    /* display: block; */
    /* margin: 0 auto 10px; */
    /* margin-left: 0; */
  }

  #creditBox img.creditImage01 {
    display: block;
    margin: 0 auto;
    width: 12%;
  }

  #creditBox div.cardMiddleBox p a.creditGaibu {
    width: 80%;
    display: block;
    margin: 0 auto;
    background-color: #c21111;
  }

  #creditBox div.cardMiddleBox p a.creditGaibu {
    background-color: #e81749;
    color: #ffffff;
    display: block;
    height: 7vw;
    line-height: 7vw;
    font-size: 3.44vw;
    font-weight: bold;
    letter-spacing: 0.2vw;
    margin: 0 auto 2%;
    text-align: center;
    text-decoration: none;
    width: 95%;
    /* border-radius */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    /* box-shadow */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 3px -4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 3px -4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 3px -4px;
  }

  #creditBox div.cardLargeBox p.creditTextStyle01 {
    margin: 3% auto 2%;
    width: 96%;
  }

  p.creditTextStyle01 span {
    padding-left: 1em;
    text-indent: -1em;
    display: block;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 {
    background: #ececec none repeat scroll 0 0;
    display: block;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 auto;
    padding: 2%;
    width: 92%;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 a {
    color: #323232;
    font-size: 100%;
    font-weight: bold;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 span.red {
    color: #f94468;
    font-weight: bold;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 span.red {
    font-size: 100%;
    padding-left: 2%;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 span {
    font-size: 3.44vw;
  }

  /*#creditBox div.cardLargeBox img.creditImage03 {
		display: block;
		height: 1px;
		margin: 0 auto;
		width: 95%;
	}
	*/
  #creditBox div.cardLargeBox p.creditTextStyle08 {
    border-bottom: 1px solid #f94468;
    margin: 2vw;
    padding-bottom: 2vw;
  }

  #creditBox div.cardLargeBox p a {
    color: #3faaff;
    font-size: 100%;
    letter-spacing: 0;
  }

  #creditBox div.cardSmallBox p.creditTextStyle01 {
    /* font-size: 100%; */
    margin: 3% auto 0;
    width: 96%;
  }

  p.creditTextStyle08 span {
    padding-left: 1em;
    text-indent: -1em;
    display: block;
  }

  #creditBox div.cardSmallBox p.creditTextStyle09 {
    background: none repeat scroll 0 0 #ececec;
    /* display: inline-block; */
    font-size: 4.5vw;
    font-weight: bold;
    margin: 3% auto;
    /* padding: 2%; */
    width: 96%;
  }

  #creditBox div.cardSmallBox p.creditTextStyle09 a {
    color: #323232;
    font-weight: bold;
    font-size: 100%;
  }

  #creditBox div.creditGuideBox {
    margin: 3% auto 0;
    width: 94%;
  }

  #creditBox div.creditGuideBox h3 {
    margin-bottom: 0;
  }

  #creditBox div.creditGuideBox h4 {
    font-size: 90%;
    margin-left: -6%;
  }

  #creditBox div.creditGuideBox p {
    /* font-size:90%; */
    line-height: 1.5;
  }

  #creditBox div.creditGuideBox ul li {
    font-size: 3vw;
    text-indent: -3vw;
    padding-left: 3vw;
    line-height: 1.5;
    margin-bottom: 1%;
  }

  #creditBox div.cardMiddleBox p.creditTextStyle02 a {
    color: initial;
  }

  .creditTextStyle07 {
    color: #e81749;
    font-weight: bold;
  }

  .cardLargeBox {
    position: relative;
  }

  #creditBox p.creditTextStyle08+p {
    margin: 2vw;
  }

  #creditBox p.creditTextStyle08+p+p {
    margin: 2vw;
  }

  #creditBox div.cardLargeBox p.creditTextStyle06 span:first-of-type {
    color: #e81749;
    font-weight: bold;
    font-size: 4.5vw;
    margin-left: 5%;
  }
}