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

セーフティサービス(カート)

(c) THIRDWAVE CORP. All Rights Reserved.
---------------------------------------*/
/*-------------------------------------
ヘッダーとフッターは非表示
---------------------------------------*/
#Header {
  display: none;
}
#Globalnavi {
  display: none;
}
body div.leadSection {
  display: none;
}
.footerTagline {
  display: none;
}
#footer {
  display: none;
}
#footerLinks {
  display: none;
}
#footerCopy .footerBtn {
  display: none;
}
#footerCopy .copyright {
  text-align: center;
  color: #605b5a;
}
#footerCopy .copyright a {
  cursor: default;
}
#footerCopy .copyright a:hover img {
  opacity: 1.0;
}

/* 20211222 ロゴとコピーライトのみ表示  */
.p-registered,
.l-pagetop
/*.l-footer__top,
.p-footer-bottom__menu */{
  display: none !important;
}
.p-footer-bottom {
  padding: 0 0 40px !important;
}
.p-footer-bottom__copyright {
  margin: 0 auto;
}
.p-footer-bottom__logo {
  margin-bottom: 10px !important;
  width: 188px !important;
}
@media screen and (max-width: 479px){
  .p-footer-bottom__logo {
    width: 50% !important;
    max-width: 268px;
  } 
}

/*-------------------------------------
　PCページ基本設定
---------------------------------------*/
.column2R #main {
  float: none;
  width: auto;
}
#lp_page {
  width: 960px;
  margin: 0 auto;
  color: #333333;
  line-height: 1.5em;
  font-size: 14px;
  position: relative;
}
/*-------------------------------------
　ページTOPへ
---------------------------------------*/
#pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 55px;
}
#pagetop a {
  color: #fff;
  background-color: #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  font-size: 12px;
  line-height: 1.5em;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
/*-------------------------------------
　PC
---------------------------------------*/
h4 {
  margin: 0 0;
  padding: 15px;
  background-color: #1cb2da;
  color: #ffff00;
  font-weight: normal;
  font-size: 1.6em;
}
article {
  margin: 50px auto 80px;
}
.sp_br {
  display: none;
}
.cmp_box {
  margin: 10px auto;
  padding: 25px 0 20px;
  border: #FF0000 2px solid;
  color: #FF0000;
  font-size: 1.8em;
  text-align: center;
  font-weight: bold;
}
.cmp_tex_l {
  font-size: 1.4em;
}
.campText {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
  width: 100% !important;
  line-height: 1.5;
}
.campText span.price {
  font-size: 35px;
}
.catch {
  margin: 20px auto;
  font-size: 2.4em;
  line-height: 2.0em;
  color: #555555;
  text-align: center;
}
.trouble_unit {
  text-align: center;
}
.trouble_unit p {
  margin: 50px 0 0;
  padding-bottom: 10px;
  font-size: 2.8em;
  color: #fe8710;
  font-weight: bold;
  border-bottom: #fe8710 double 6px;
  display: inline-block;
}
.service_unit {
  margin: 35px auto;
  width: 920px;
}
.service_unit ul li {
  margin: 0 0 15px;
  border: #ccc 1px solid;
  height: 145px;
}
.service_box {
  margin: 20px;
  font-size: 20px;
  line-height: 1.4em;
  width: 750px;
}
.service_box p {
  margin-bottom: 15px;
  font-size: 1.4em;
}
.service_unit ul li.free {
  background: url(/5info/img/safetyservice/kanyu_img_01.jpg) no-repeat right 10px bottom 0;
}
.service_unit ul li.support {
  background: url(/5info/img/safetyservice/kanyu_img_02.jpg) no-repeat right 10px bottom 0;
}
.service_unit ul li.clean {
  background: url(/5info/img/safetyservice/kanyu_img_03.jpg) no-repeat right 10px bottom 0;
}
.service_unit ul li.used {
  background: url(/5info/img/safetyservice/kanyu_img_04.jpg) no-repeat right 10px bottom 0;
}
.service_notice {
  margin: 0 0;
  color: #FF0000;
  font-size: 16px;
}
.notice_s {
  font-size: 14px;
  color: #555;
}
.plan_unit {
  margin: 35px auto;
  text-align: center;
}
.voice_unit {
  margin: 30px auto;
  width: 920px;
}
.voice_unit p {
  padding: 15px 10px 15px;
  border-bottom: #ccc 1px dotted;
  font-size: 1.2em;
  line-height: 1.4em;
}
.faq_unit {
  margin: 35px auto;
  width: 920px;
}
.faq_box {
  margin-bottom: 15px;
  padding: 15px;
  border: #ccc 1px solid;
}
.faq_box p.tit {
  margin: 0;
  padding: 10px 8px;
  font-size: 1.2em;
  background-color: #ececec;
  font-weight: bold;
}
.faq_box p {
  margin: 15px 10px 0;
  padding: 0;
}
.close_btn a {
  margin: 15px auto 25px;
  padding: 15px 0;
  background: #d5d5d5;
  width: 350px;
  color: #333;
  display: block;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.close_btn a:hover {
  opacity: 0.6;
}
/*---------- プラン一覧テーブル ----------*/
#c-wrapper table {
  font-size: 12px;
}
#c-wrapper a {
  color: #ffffff;
  text-decoration: underline;
}
#s_plan {
  margin: 30px 0;
}
#s_plan th {
  text-align: center;
  /*white-space: nowrap;*/
}
#s_plan td {
  height: 45px;
  padding: 8px;
}
#black, #green, #green2, #blue, #orange, #pink, #beige {
  color: #fff;
  line-height: 1.5;
  padding: 20px 5px;
}
#black {
  background-color: #000000;
}
#green {
  background-color: #1e9818;
}
#green2 {
  background-color: #1e9818;
}
#blue {
  background-color: #39f;
}
#orange {
  background-color: #f93;
}
#pink {
  background-color: #e36f96;
}
#beige {
  background-color: #996 !important;
}
.koumoku {
  font-size: 15px;
  background-color: #257ada;
}
.balloon {
  font-size: large;
}
td.plan1 {
  width: 266px;
  border-left: solid 1px #CCCCCC;
}
td.plan1 img {
  padding: 0px 0px 6px 0px;
}
td.plan1 div {
  margin-left: 18px;
  line-height: 1.3;
}
td.plan1 div span {
  font-weight: bold;
}
td.plan2 {
  width: 267px;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}
td.plan2 img {
  padding: 0px 0px 6px 0px;
}
td.plan2 div {
  margin-left: 18px;
  line-height: 1.3;
}
td.plan2 div span {
  font-weight: bold;
}
td.plan1a {
  width: 266px;
  height: 200px;
  padding: 8px 10px;
  border-left: solid 1px #CCCCCC;
}
td.plan2a {
  width: 267px;
  height: 200px;
  padding: 8px 10px;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}
td.plan1b {
  width: 266px;
  border-left: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}
td.plan1b p, td.plan2b p {
  padding: 5px;
}
td.plan2b {
  width: 267px;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}
th.recommend-plan {
  position: relative;
}
th.recommend-plan span {
  position: absolute;
  top: -25px;
  left: 40px;
  font-size: 14px;
  background: red;
  display: inline-block;
  width: 60%;
  margin: 0 auto;
  padding: 5px 0;
  color: yellow;
  transform: rotate(-10deg);
}
div.button {
  padding: 10px 0;
}
div.green {
  background: #E6FFD5;
  padding: 6px 8px;
  line-height: 1.3;
}
div.blue {
  background: #BFF2FF;
  padding: 6px 8px;
  line-height: 1.3;
}
.mainColumn table td {
  padding: 0;
}
.textRed {
  color: #F00;
  font-weight: bold;
  font-size: 16px;
}
#lp_page h3 {
  text-align: center;
  font-size: 38px;
  color: #F90;
  font-style: normal;
  font-weight: bold;
  padding-top: 20px;
}
#lp_page h3 p {
  margin: 10px 0;
}
.r-Red {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 8px;
  width: 500px;
  background-color: #F00;
  border-radius: 1px;
  margin-left: 150px;
}
h3 + p {
  margin-top: 20px;
  padding: 0 2em;
  font-size: 12px;
}
h3 img {
  margin-bottom: 10px;
}
#riyou {
  background-color: #04d1e9;
  padding: 8px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px;
  width: 100px;
  margin-top: 20px;
}
.safety_info {
  text-align: center;
  padding: 8px 8px;
  width: 500px;
  background-color: #00CC99;
  border-radius: 1px;
  margin-left: 150px;
}
.s_plan_name .safety_info a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.upgrade {
  margin-left: 100px;
}
.bnr_margin_b {
  margin-bottom: 15px;
}
#ssplan .lead span {
  color: #2679D9;
}
#s_plan th#black {
  background: #0d78e2;
}
#s_plan th#green {
  background: #1E9818;
}
#s_plan th#blue {
  background: #0d78e2;
}
#s_plan th#orange {
  background: #F93;
}
#s_plan th.price {
  color: #CC0000;
}
.bg_pink {
  background: #ffedf3;
}
.bg_green {
  background: #e3f8e2;
}
.bg_blue {
  background: #d8f5ff;
}
.bg_orange {
  background: #fbf3ca;
}
#s_plan td {
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  font-weight: bold;
  height: auto;
}
#s_plan td.s_plan_name {
  background: #f4f4f4;
  font-size: 14px;
  line-height: 1.2em;
  text-align: left;
  font-weight: normal;
  padding: 10px;
}
#s_plan td.s_plan_intro {
  font-size: 12px;
  line-height: 1.4em;
  text-align: left;
  font-weight: normal;
  padding: 6px 10px;
}
.s_plan_name a {
  /*color: #ffffff;*/
  text-decoration: underline;
  display: block;
  margin: 0 0 -5px;
  font-weight: bold;
	position: relative;
}
.s_plan_name .sectionBox {
  margin: 0 0 40px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
#s_plan th {
  font-size: 16px;
  line-height: 1.2em;
  padding: 15px 0;
  text-align: center;
  width: 20%;
}
#s_plan th {
  font-weight: bold;
}
#s_plan th {
  text-align: center;
}
#s_plan td, th {
  border: 1px solid #cccccc;
  padding: 15px;
}
#s_plan th.purposeTitle {
  background-color: #233bab;
  font-size: 18px;
  padding: 15px 0;
  color: #FFF;
}
#s_plan th.recommend-plan {
  position: relative;
}
#s_plan th.recommend-plan span {
  position: absolute;
  top: -15px;
  left: 20px;
  font-size: 16.5px;
  line-height: 1;
  background: red;
  display: inline-block;
  width: 50%;
  margin: 0 auto;
  padding: 5px 0;
  color: yellow;
  transform: rotate(-10deg);
}
.listHead {
  background-color: #257ada;
  color: #fff !important;
  font-size: 26px;
  font-weight: bold;
  padding: 13px 25px;
}
p#somePlan {
  margin: 10px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
}
/*---------- お値引き一覧表 ----------*/
table.discountList {
  margin: 0 auto 20px;
  width: 920px;
  border: 1px solid #ccc;
}
table.discountList span {
  font-weight: bold;
  color: #f00;
}
table.discountList em {
  font-size: 12px;
}
table.discountList em span {
  color: #666;
  font-weight: normal;
}
table.discountList th {
  padding: 6px 0 6px 20px;
  vertical-align: middle;
  width: 40%;
}
table.discountList td {
  border-bottom: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  width: 60%;
  padding: 0 5px;
}
.tableHead {
  background-color: #233bab;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.planNattokuColor {
  background-color: #8EC21F;
  color: #fff;
}
.planManzokuColor {
  background-color: #0d78e2;
  color: #fff;
}
.planGamingColor {
  background-color: #0d78e2;
  color: #fff;
}
.planTokotonColor {
  background-color: #F93;
  color: #fff;
}
.planTabletColor {
  background-color: #CC006B;
  color: #fff;
}
.planSimpleColor {
  background-color: #999966;
  color: #fff;
}
.plan_notice {
  margin: 15px auto;
  font-size: 14px;
  text-align: left;
  color: #555;
  width: 920px;
}
/*---------- フッター　フローティング ----------*/
.Bnr {
  position: relative;
  margin: 0 auto;
  width: 900px;
  display: none;
  /*opacity: 0.9;*/
}
.Bnr .Bnr__img {
  position: fixed;
  bottom: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  z-index: 88;
}
.Bnr__img__inner {
  margin: 8px;
  width: 900px;
  box-sizing: border-box;
  padding: 6px;
  background-color: #1cb2da;
  border-radius: 5px;
  background: #1cb2da url(/5info/img/safetyservice/icn_float.png) no-repeat right 40px bottom 8px;
}
.Bnr__img__inner p {
  margin: 5px;
  padding: 10px;
  color: #ffff00;
  font-size: 18px;
  font-weight: bold;
}
.Bnr .Bnr__img__inner a {
  display: block;
}
.Bnr .Bnr__img p.close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.Bnr .Bnr__img p.close a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i {
  font-size: 22px;
  z-index: 888;
  color: #fff;
}
/*-------------------------------------
　20171212 ゲーミング・タブレット用
---------------------------------------*/
.game_box {
  text-align: center;
  color: #555;
}
.game_box .game_txt {
  font-size: 16px;
  margin: 20px 0;
  text-align: left;
}
.game_box .game_txt span:nth-child(1) {
  text-decoration: underline;
  font-weight: bold;
}
.game_box .game_txt span:nth-child(3) {
  text-decoration: underline;
}
.game_box .game_price {
  font-size: 20px;
  margin-top: 20px;
  line-height: 26px;
}
.game_box .game_price span {
  color: #F00;
  font-size: 26px;
  text-align: center;
}
.game_btn {
  text-align: right;
  margin-top: 40px;
}
.switch_game_add {
  display: none;
}
.switch_tablet_add {
  display: none;
}
.switch_tablet_add p {
  font-size: 2.6em;
}
.support .service_box p:nth-child(2) {
  margin-bottom: 0px;
}
.support .service_box span {
  font-size: 15px;
}
.termsLink {
  margin-left: 1em;
}
/*181128 テスト用CSSここから*/
#testB {
  display: none !important;
}
#testD {
  display: none !important;
}
.txt_large {
  font-size: 28px;
}
.txt_small {
  font-size: 12px;
}
.txt_r {
  color: #ea4959;
}
.txt_b {
  font-weight: bold;
}
.planTable {
  width: 100%;
  font-size: 18px;
  text-align: center;
  border: 1px solid #ccc;
  margin-top: 40px;
}
.planTable .fa {
  font-size: 30px;
}
.planTable th a {
  color: #333;
  text-decoration: none;
}
.planTable th a:hover {
  opacity: 0.8;
}
.planTable tr td:nth-of-type(1) {
  color: #5db85b;
}
.planTable tr td:nth-of-type(2) {
  color: #59c1de;
}
.planTable tr td:nth-of-type(3) {
  color: #59c1de;
}
.planTable tr td:nth-of-type(4) {
  color: #efad4d;
}
.planTable tr.txt_k td {
  color: #333;
  padding: 16px 0;
}
.planTable tr:nth-child(odd) {
  background: #fff;
}
.planTable tr:nth-child(even) {
  background: #f8f8f8;
}
.planTableHead th {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.planTableHead th:first-child {
  width: 300px;
}
.planTableHead th:nth-of-type(2) {
  background: #5db85b;
  border-right: 1px solid #fff
}
.planTableHead th:nth-of-type(3) {
  background: #59c1de;
  border-right: 1px solid #fff
}
.planTableHead th:nth-of-type(4) {
  background: #59c1de;
  border-right: 1px solid #fff
}
.planTableHead th:nth-of-type(5) {
  background: #efad4d;
}
.planTable th, .planTable td {
  border: none;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.planTable a[rel="facebox"]:after {
  background: url(/5info/img/q_icon.png) no-repeat right top;
  height: 20px;
  background-size: 60%;
  margin-left: -5px;
}
.planTable .osusume {
  position: relative;
}
.planTable .osusume img {
  position: absolute;
  top: -20px;
  left: -5px;
}
/*181128 テスト用CSS ここまで*/
/*-------------------------------------
　SP （0〜479pxの場合に適用するCSS）
---------------------------------------*/
@media screen and (max-width:479px) {
  .pc {
    display: none;
  }
  /*-------------------------------------
　SPページ基本設定
---------------------------------------*/
  #lp_page {
    width: 97%;
    margin: 20px auto;
    color: #333333;
    line-height: 1.5em;
    font-size: 100%;
    position: relative;
  }
  #main img {
    max-width: 100%;
    height: auto;
  }
  /*-------------------------------------
  SP
---------------------------------------*/
  h4 {
    margin: 0 0;
    padding: 10px 15px;
    font-size: 1.4em;
    line-height: 1.4em;
  }
  article {
    margin: 30px auto 50px;
  }
  .sp_br {
    display: block;
  }
  .cmp_box {
    padding: 15px 0 10px;
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .cmp_tex_l {
    font-size: 1.2em;
  }
  .campText {
    padding: 15px 0 10px;
    line-height: 1.4;
    font-size: 1.4em;
  }
  .campText span.price {
    font-size: 1.2em;
  }
  .catch {
    margin: 20px auto;
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: center;
  }
  .trouble_unit p {
    margin: 20px 0 0;
    padding-bottom: 7px;
    font-size: 1.6em;
    line-height: 1.1em;
  }
  .service_unit {
    margin: 20px auto;
    width: 100%;
  }
  .service_unit ul li {
    margin: 0 0 15px;
    border: #ccc 1px solid;
    height: 100%;
  }
  .service_box {
    margin: 10px;
    font-size: 14px;
    line-height: 1.4em;
    width: 75%;
  }
  .service_box p {
    margin-bottom: 5px;
    font-size: 1.0em;
    font-weight: bold;
  }
  .service_unit ul li.free {
    background: url(/5info/img/safetyservice/kanyu_img_01.jpg) no-repeat right 0 bottom 0;
    background-size: 25%;
  }
  .service_unit ul li.support {
    background: url(/5info/img/safetyservice/kanyu_img_02.jpg) no-repeat right 0 bottom 0;
    background-size: 23%;
  }
  .service_unit ul li.clean {
    background: url(/5info/img/safetyservice/kanyu_img_03.jpg) no-repeat right 5px bottom 0;
    background-size: 23%;
  }
  .service_unit ul li.used {
    background: url(/5info/img/safetyservice/kanyu_img_04.jpg) no-repeat right 0 bottom 0;
    background-size: 25%;
  }
  .service_notice {
    margin: 0 0 5px;
    font-size: 14px;
  }
  .notice_s {
    font-size: 12px;
  }
  #s_plan th {
    font-size: 14px;
    line-height: 1.4em;
    padding: 8px 0;
  }
  #s_plan th.purposeTitle {
    font-size: 16px;
  }
  #s_plan td {
    font-size: 14px;
  }
  #s_plan th.recommend-plan span {
    top: -15px;
    left: 0;
    right: 0;
    font-size: 12px;
    width: 90%;
    transform: rotate(0deg);
  }
  .plan_unit {
    margin: 20px auto;
  }
  .voice_unit {
    margin: 10px auto 20px;
    width: 100%;
  }
  .voice_unit p {
    padding: 10px 10px 10px;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .faq_unit {
    margin: 20px auto;
    width: 100%;
  }
  .faq_box {
    padding: 8px;
  }
  .faq_box p.tit {
    margin: 0;
    padding: 6px 8px;
  }
  .faq_box p {
    margin: 7px 10px 3px;
  }
  .close_btn a {
    margin: 15px auto 25px;
    padding: 15px 0;
    width: 90%;
    font-size: 16px;
  }
  /*---------- お値引き一覧表 ----------*/
  table.discountList {
    margin: 0 auto 20px;
    width: 100%;
  }
  table.discountList th {
    padding: 8px 5px;
    width: 42%;
  }
  table.discountList td {
    text-align: left;
    vertical-align: middle;
    width: 58%;
    padding: 0 5px;
  }
  .plan_notice {
    margin: 15px auto;
    font-size: 12px;
    line-height: 1.4em;
    width: 100%;
  }
  /*---------- フッター　フローティング ----------*/
  .Bnr {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: none;
  }
  .Bnr__img__inner {
    margin: 10px 10px 0 10px;
    width: 94%;
    padding: 0;
    background: #1cb2da url(/5info/img/safetyservice/icn_float.png) no-repeat right 20px bottom 15px;
  }
  .Bnr__img__inner p {
    margin: 0;
    padding: 8px 8px 8px 15px;
    font-size: 14px;
    font-weight: bold;
    width: 72%;
  }
  .Bnr .Bnr__img p.close a {
    display: block;
    width: 30px;
    height: 25px;
    text-align: center;
  }
  /*-------------------------------------
　20171212 ゲーミング・タブレット用
---------------------------------------*/
  .support .service_box span {
    font-size: 11px;
    line-height: 1.2em;
  }
  .termsLink {
    margin-left: 0;
    text-align: center;
  }
/*-------------------------------------
  テーブル横スクロール
---------------------------------------*/
.scroll_outer {
	position: relative;
}
.scroll_outer::after {
  content: "";
	position: absolute;
	width: 120px;
	height: 78px;
	top: 50px;
	right: 0;
	background: url(/5sp/shopping/templates/img/icon_scroll_gray.png);
	transition: 0.5s;
	visibility: visible;
	pointer-events: none;
}
.scroll_outer.scroll_over::after {
  opacity: 0;
	height: 0;
}
.scroll_box {
  overflow-x: scroll;
}
	table#s_plan{
		width: 140%;
	}
}
/*-------------------------------------
　t3802 ABテスト用
---------------------------------------*/
.t3802_b {
  display: none
}
#mainContents img {
  max-width: 100%;
  height: auto
}
#mainContents .pc {
  display: block;
}
#mainContents .sp {
  display: none;
}
#mainContents {
  background-color: #FFF;
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 auto;
  width: 300%;
  margin-left: -100%;
}
#mainContents > .title {
  background: #e1f8ff url("/5info/img/safetyservice/img_kv.jpg") center 0 no-repeat;
  min-height: 452px;
  border-bottom: 5px solid #2751a2;
}
#mainContents > .title02 {
  background: #e1f8ff url("/5info/img/safetyservice/img_kv_d.jpg") center 0 no-repeat;
  min-height: 452px;
}
#mainContents > .title,.title02 > .title__inner {
  margin: 0 auto;
  width: 960px;
}
#mainContents > .title > .title__inner h2 {
  padding-top: 50px;
}
#mainContents > .block > .block-inner {
  margin: 0 auto;
  width: 960px;
  padding: 80px 0;
}
#mainContents > .block.color-02 {
  width: 100%;
  margin: 0 -555%;
  padding: 0 555%;
  background: #e6e6e6;
}
#mainContents > .block p {
  line-height: 1.6;
  font-size: 120%;
}
#mainContents > .block p em {
  font-size: 150%;
}
#mainContents > .block .ttl_point span {
  display: inline-block;
  color: #fff;
  background: #fe4c1a;
  font-size: 24px;
  line-height: 1;
  padding: 10px 15px;
  margin-right: 20px;
}
#mainContents > .block .ttl_point span.txt_small {
  color: #333;
  background: none;
  font-size: 24px;
  padding: 0;
  margin-right: 0;
}
#mainContents > .block .ttl_point {
  font-weight: bold;
  font-size: 28px;
  min-height: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 20px;
  color: #333;
  background: none;
  text-align: left;
}
#mainContents > .block ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
}
#mainContents > .block ul:nth-of-type(n+2) {
  margin-top: 60px;
}
#mainContents > .block ul li:first-of-type {
  width: 60%;
}
#mainContents > .block ul li:last-of-type {
  width: 38%;
}
#mainContents > .block ul li .txt_kome {
  font-size: 16px;
  text-align: right;
  display: block;
  margin-top: 4px;
}
#mainContents > .block ul li .txt_kome2 {
  font-size: 16px;
  /*text-align: center;*/
  display: block;
  margin-top: 4px;
}
#mainContents > .block .block_link {
  font-size: 18px;
  margin-top: 10px;
}
@media screen and (max-width:479px) {
	#lp_page h3 {
		font-size: 26px;
	}
  #mainContents .pc {
    display: none;
  }
  #mainContents .sp {
    display: block;
  }
  #mainContents {
    font-size: 3.6vw;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  #mainContents > .title {
    background-size: auto 120%;
    min-height: auto;
  }
  #mainContents > .title02 {
  background: #fff url("/5info/img/safetyservice/img_kv_sp_d.jpg") center 0 no-repeat;
  background-size: contain;
  min-height: 250px;
}
#mainContents > .title, .title02 > .title__inner {
    margin: 0 auto;
    width: auto;
}
  #mainContents > .title > .title__inner, #mainContents > .block > .block-inner {
    width: auto;
  }
  #mainContents > .block.color-03 > .block-inner {
    padding: 30px 0;
  }
  #mainContents > .block > .block-inner {
    margin: 0 10px;
    padding: 40px 0 50px;
  }
  #mainContents > .block.color-02 {
    margin: 0;
    padding: 0;
  }
  #mainContents > .title > .title__inner h2 {
    width: 40%;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  #mainContents > .block .ttl_point span {
    font-size: 5vw;
    padding: 8px 10px;
    margin-right: 10px;
  }
  #mainContents > .block .ttl_point span.txt_small {
    display: inline;
    font-size: 4vw;
  }
  #mainContents > .block .ttl_point {
    min-height: 70px;
    font-size: 5vw;
    background-size: auto 70px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.6;
    text-align: left;
  }
  #mainContents > .block h3 + p {
    padding: 0;
    margin-top: 0;
  }
  #mainContents > .block ul {
    flex-direction: column;
    justify-content: space-between;
    font-size: 4vw;
  }
  #mainContents > .block ul:nth-of-type(n+2) {
    margin-top: 30px;
  }
  #mainContents > .block ul li:first-of-type, #mainContents > .block ul li:last-of-type {
    width: 100%;
  }
  #mainContents > .block ul li:first-of-type {
    margin-bottom: 20px;
  }
  #mainContents > .block ul li .txt_kome {
    font-size: 3.4vw;
  }
  #mainContents > .block ul li .txt_kome2 {
    font-size: 3.8vw!important;
    text-align: left;
  }
  #mainContents > .block .block_link {
    font-size: 3.8vw;
  }
}