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

	mobile_safety

----------------------------------------*/
.wrapper {
  background: #fff;/*グラデーション上書き用*/
  padding-top: 3px;
}
.mainArea {
  position: relative;
  width: 910px;
  margin: 0 auto;
}
.mss_content {
  /*  width: 910px;*/
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}
.contentsArea {
  float: none;
  margin: 0 auto;
  width: 805px;
  text-align: center;
}
.text_attention {
  width: 100%;
}
.text_attention p {
  color: #f00;
  font-weight: 700;
  font-size: 140%;
  padding: 0px 20px 10px 20px;
  line-height: 1.5;
}
.breadCrumb a {
    color: #0062b0;
    text-decoration: underline;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 4px;
    text-align: left;
}
.mss_content h1 {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}
.mss_content h2 {
  background: 18px -10px #007AC5;
  background: 18px -10px, linear-gradient(#007AC5, #15B9FF);
  text-align: center;
  margin: 0 0 20px;
  padding: 12px 0 14px;
}
.mss_content h3 {
  color: #f09;
  font-size: 18px;
}
.mss_content a {
  -webkit-transition: .3s;
  transition: .3s;
}
.mss_content table {
  line-height: 1.2;
}
.mss_content table th, .mss_content table td {
  border: 1px solid #8ED9D9;
  vertical-align: middle;
  padding: 8px;
}
.mss_content th {
  background: #8ED9D9;
}
.mss_block {
  text-align: center;
  margin: 30px auto;
}
.mss_section {
  margin: 50px auto;
}
.mss_cosection {
  position: relative;
  margin: 0 25px 30px;
}
.mss_section:after, .mss_cosection:after, .mss_links:after {
  display: block;
  clear: both;
  content: "";
}
.mss_cosection .mss_block, .mss_cosection .mss_links {
  margin-left: -25px;
  margin-right: -25px;
}
.mss_aside {
  background: #FFECFC;
  font-size: 10px;
  line-height: 1.2;
  margin: 15px;
  padding: 10px;
}
.mss_cosection .mss_aside {
  margin-left: -10px;
  margin-right: -10px;
}
.mss_aside p {
  margin: 0;
}
.mss_note {
  font-size: 12px;
}
.mss_imgText + .mss_note {
  text-align: right;
}
p.mss_imgText {
  text-align: center;
  margin: 10px 0;
}
p.mss_imgText_01 {
  margin-top: 8px;
  line-height: 1.3em;
}
.mss_banner + .mss_links {
  margin-top: 30px;
}
.mss_links {
  background: #00B3E6;
  background: linear-gradient(#FF9326, #FFC488);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  text-align: center;
  padding: 25px;
}
.mss_linksOrange {
  background: #00B3E6;
  background: linear-gradient(#FF9326, #FFC488);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  text-align: center;
  padding: 25px;
}
.mss_links h2, .mss_links h3, .mss_links h4 {
  background: none;
  border: 0;
  margin: 0 0 20px;
  padding: 0;
}
.mss_links p {
  margin: 0;
}
p.mss_link_btn {
  margin-top: 18px;
}
.mss_link_btn a:hover, .mss_link_btn a:focus {
  opacity: .6;
}
.mss_links_body {
  background: #fff;
  padding: 15px 0;
}
.mss_links_bn {
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px #fff;
  margin: 25px 0 -20px;
}
.mss_links_bn img {
  margin-bottom: 2px;
}
.mss_app1 .mss_links_body {
  float: left;
  width: 366px;
  padding-bottom: 5px;
}
.mss_app1 .mss_links_body + .mss_links_body {
  float: right;
}
dl.mss_voice {
  width: 688px;
  margin: 16px auto;
}
.mss_voice dd + dt {
  margin-top: 30px;
}
.mss_voice dd {
  width: 554px;
  margin: -95px 0 0 115px;
}
.mss_voice02 + dd {
  margin-left: 18px;
}
.mss_voice03 + dd {
  margin-left: 132px;
}
dl.mss_reason {
  margin: 30px;
  padding-left: 110px;
}
.mss_reason dt {
  position: relative;
  color: #f09;
  font-size: 18px;
  font-weight: bold;
}
.mss_reason dt:before {
  position: absolute;
  background: no-repeat 0 0;
  content: "";
  width: 102px;
  height: 66px;
  left: -110px;
  top: -10px;
}
dt.mss_reason02:before {
  background-position: 0 -67px;
  top: 0;
}
dt.mss_reason03:before {
  background-position: 0 -134px;
}
.mss_reason dd + dt {
  margin-top: 40px;
}
table.mss_plan {
  border-collapse: separate;
  border-spacing: 0 15px;
  line-height: 1.2;
  margin: -15px 0 0;
}
table.mss_plan th, table.mss_plan td {
  border-width: 1px 1px 1px 0;
}
table.mss_plan th {
  border-left-width: 1px;
  width: 205px;
  padding: 0 10px;
}
.mss_plan .mss_price {
  width: 90px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.mss_plan + .mss_note {
  margin-top: -10px;
}
table.mss_option th {
  background: #8ED9D9;
  padding: 5px 10px;
}
table.mss_option td {
  vertical-align: top;
  padding: 10px;
}
.mss_option b {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 5px;
}
.mss_option b span {
  font-size: 80%;
}
.mss_option strong {
  color: #f00;
}
.mss_photo {
  float: left;
  margin-right: 16px;
}
.mss_app h3 {
  margin-bottom: 16px;
}
.mss_app strong {
  color: #0079C5;
  font-size: 16px;
  font-weight: bold;
}
.mss_process {
  text-align: center;
}
.mss_process + div {
  margin-top: 20px;
}
.mss_process + .mss_note {
  margin-top: 5px;
}
#mss_payout_shop {
  padding-right: 180px;
}
/*#mss_payout_shop:before {
  position: absolute;
  content: url(img/mobile_safety/shop.png);
  line-height: 0;
  right: 50px;
  top: -8px;
}*/
.mss_last h2 {
  background: none;
  border-bottom: 1px dotted #004DA1;
  margin-bottom: 60px;
  padding: 0 0 8px;
}
.mss_last h2 + .mss_imgText {
  margin-bottom: 45px;
}
.mss_last .mss_imgText {
  margin: 0;
}
.mss_last .mss_banner {
  margin: 20px 0 30px;
}
.mss_footer {
  margin: 50px 10px 0;
}
.mss_footer .mss_aside {
  margin: 5px 0 0;
}
.mss_footer .mss_aside p {
  font-weight: bold;
}
.mss_footer ul {
  margin: 0 0 0 1.2em;
}
.mss_faq {
  width: 805px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}
.mss_content .mss_faq dt {
  font-weight: bold;
  color: #F69;
  margin-top: 13px;
}
.mss_content .mss_faq dd {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5em;
}
.mss_faq table {
  padding: 0px;
  border: 1px solid #999;
}
.mss_content .mss_faq table tr td {
  border: 1px solid #999;
}
.mss_faq .tdbg {
  background-color: #CCC;
  text-align: center;
}
.mss_content .mss_faq .faqTitle {
  font-size: 18px;
  font-weight: bold;
}
.mss_aside ul li {
  margin-top: 5px;
}
/*--------------------------------------
	お見舞金請求
----------------------------------------*/
.omimai {
  font-weight: bold;
  font-size: 16px;
  margin: 20px 0;
  text-align: center;
  background-color: #0079c5;
  padding: 8px;
}
.omimai a {
  color: #ffffff;
}
/*--------------------------------------
	margin
----------------------------------------*/
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
/*--------------------------------------
	仕切り
----------------------------------------*/
.mss_content hr.line {
  display: block;
  margin-top: 20px;
}
/*--------------------------------------
	SP
----------------------------------------*/
@media screen and (max-width:479px) {
  html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.15;
  }
  body {
    min-width: 100% !important;
    -webkit-text-size-adjust: 100%;
    padding-top: 2px;
    box-sizing: border-box;
  }
  #container {
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
  }
    #main{
        width: 100%;
    }
  .mainArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 75%;
    box-sizing: border-box;
  }
  .mainArea img {
    max-width: 100%;
  }
  .mss_content {
    width: 100%;
    box-sizing: border-box;
  }
  .wrapper_in {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #mss_payout_shop {
    padding-right: 0;
  }
  table, img {
    max-width: 100%;
  }
  img {
    max-width: 100%;
  }
  .contentsArea {
    float: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .mss_faq {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .mss_content .mss_faq dt {
    margin: 20px auto 10px auto;
  }
  .omimai {
    font-size: 18px;
    margin: 20px 10px;
    padding: 14px 5px;
  }
  .mss_section {
    margin: 30px auto;
  }
  .mss_cosection {
    position: relative;
    /* margin: 10px; */
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .mss_faq table {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .twAttentinBox {
    padding: 10px 20px;
  }
  .mss_aside {
    font-size: 12px;
    line-height: 1.5;
  }
  .mss_content .mss_faq dd {
    line-height: 1.3em;
  }
  p.mss_imgText_01 {
    margin-top: 8px;
    line-height: 1.3em;
    padding: 10px;
  }
  .mss_note {
    font-size: 12px;
    padding: 0 10px;
  }
    .support_pconly{
    displey:none;
}
}