@charset "UTF-8";
@media screen and (max-width: 768px) {
  /*=================================================================
bodyに属してるID
================================================================= */
  #pageTop {
    overflow: hidden;
  }
  /*=================================================================
bodyに属してるクラス（drawerによる影響のスマホで右横に謎のスペースができるのをなくす）
================================================================= */
  .inPage {
    overflow-x: hidden !important;
  }
  /*=================================================================
header
================================================================= */
  .header .drawer .drawer-nav .drawer-menu .navList {
    margin-top: 50px;
  }
  .header .drawer .drawer-nav .drawer-menu .navList .logo {
    margin-bottom: 50px;
  }
  .header .drawer .drawer-nav .drawer-menu .navList .nav {
    width: 96%;
    text-align: center;
  }
  /*=================================================================
top
================================================================= */
  .top .cmn_sp_navArea {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 90px;
    z-index: 999;
    height: auto;
  }
  .top .cmn_sp_navArea .logo {
    padding: 10px;
  }
  .top .mv .mvSlider {
    position: relative;
    width: 100%;
    height: 500px;
  }
  .top .mv .mvSlider .txBox {
    position: absolute;
    top: 210px;
    left: 20px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 350px;
    height: auto;
  }
  .top .mv .mvSlider .txBox .main {
    font-size: 3.0rem;
    letter-spacing: 2px;
    padding: 12px 20px 5px;
  }
  .top .mv .mvSlider .txBox .main::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0px;
    right: 0px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .top .mv .mvSlider .txBox .main::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0px;
    left: 0px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .top .mv .mvSlider .txBox .copy {
    font-size: 1.4rem;
    letter-spacing: 0.26em;
  }
  .top .mv .mvSlider .scrolldown2 {
    bottom: 20px;
    left: 90%;
  }
  .top .sec01 {
    margin-top: 50px;
  }
  .top .sec01 .secTtl {
    margin-left: 0px;
  }
  .top .sec01 .txBox .main {
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .top .sec01 .txBox .sub_01 {
    font-size: 1.3rem;
    padding: 30px 0 5px;
  }
  .top .sec01 .txBox .sub_02 {
    font-size: 1.2rem;
    padding: 30px 0 0px;
  }
  .top .sec02 {
    margin-top: 60px;
  }
  .top .sec02 .secTtl {
    margin-left: 0px;
  }
  .top .sec02 .businessBox .box-a::before {
    top: 13%;
    left: 7%;
  }
  .top .sec02 .businessBox .box-a .img {
    width: 100%;
    float: none;
  }
  .top .sec02 .businessBox .box-a .txBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    top: 50%;
    left: 0%;
  }
  .top .sec02 .businessBox .box-a .txBox .txBoxIn {
    padding: 40px 20px;
  }
  .top .sec02 .businessBox .box-a .txBox .txBoxIn::before {
    bottom: -70px;
    right: 10px;
  }
  .top .sec02 .businessBox .box-a .txBox .txBoxIn .copy {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .top .sec02 .businessBox .box-a .txBox .txBoxIn .copy .en {
    font-size: 1.2rem;
  }
  .top .sec02 .businessBox .box-b::before {
    top: 7%;
    left: 7%;
  }
  .top .sec02 .businessBox .box-b .img {
    width: 100%;
  }
  .top .sec02 .businessBox .box-b .txBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    float: none;
    top: 50%;
    left: 0%;
  }
  .top .sec02 .businessBox .box-b .txBox .txBoxIn {
    padding: 40px 20px;
  }
  .top .sec02 .businessBox .box-b .txBox .txBoxIn::before {
    bottom: -70px;
    right: 10px;
  }
  .top .sec02 .businessBox .box-b .txBox .txBoxIn .copy {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .top .sec02 .businessBox .box-b .txBox .txBoxIn .copy .en {
    font-size: 1.2rem;
  }
  .top .sec02 .businessBox .box-c::before {
    top: 13%;
    left: 7%;
  }
  .top .sec02 .businessBox .box-c .img {
    width: 100%;
    float: none;
  }
  .top .sec02 .businessBox .box-c .txBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    top: 50%;
    left: 0%;
  }
  .top .sec02 .businessBox .box-c .txBox .txBoxIn {
    padding: 40px 20px;
  }
  .top .sec02 .businessBox .box-c .txBox .txBoxIn::before {
    bottom: -70px;
    right: 10px;
  }
  .top .sec02 .businessBox .box-c .txBox .txBoxIn .copy {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .top .sec02 .businessBox .box-c .txBox .txBoxIn .copy .en {
    font-size: 1.2rem;
  }
  .top .sec02 .businessBox .box-d::before {
    top: 16%;
    left: 7%;
  }
  .top .sec02 .businessBox .box-d .img {
    width: 100%;
    float: none;
  }
  .top .sec02 .businessBox .box-d .txBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    top: 50%;
    left: 0%;
  }
  .top .sec02 .businessBox .box-d .txBox .txBoxIn {
    padding: 40px 20px;
  }
  .top .sec02 .businessBox .box-d .txBox .txBoxIn::before {
    bottom: -70px;
    right: 10px;
  }
  .top .sec02 .businessBox .box-d .txBox .txBoxIn .copy {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .top .sec02 .businessBox .box-d .txBox .txBoxIn .copy .en {
    font-size: 1.2rem;
  }
  .top .sec03 {
    margin-top: 60px;
  }
  .top .sec03 .secTtl {
    margin-left: 20px;
  }
  .top .sec03 .newsList {
    padding: 20px 20px 0px 20px;
  }
  .top .sec03 .newsList li .txBox .tx {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 3px;
  }
  .top .sec03 .newsList li .txBox .tagList > li a {
    font-size: 1.1rem;
  }
  .top .sec03 .newsList li.oc .thum {
    position: relative;
    padding: 5px;
    margin: 10px;
  }
  .top .sec03 .newsList li.oc .thum::before {
    top: -5px;
    left: 5px;
  }
  .top .sec03 .slick-next {
    margin-right: 10px;
  }
  .top .sec03 .slick-prev {
    margin-left: 10px;
  }
  .top .sec03 .slick-dots {
    max-width: 300px;
  }
  .top .sec03 .slick-dots .slick-active {
    background-color: #999;
  }
  .top .sec03 .btnStyle_06 {
    margin-top: 60px;
  }
  .top .sec03 .btnStyle_06 a {
    font-size: 1.4rem;
    padding: 10px 40px;
  }
  .top .sec04 {
    margin-top: 50px;
  }
  .top .sec04 .secTtl {
    margin-left: 0px;
  }
  .top .sec04 .companies .company-a {
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
    margin-bottom: 30px;
  }
  .top .sec04 .companies .company-a .company-pic {
    background-position: left;
  }
  .top .sec04 .companies .company-a .company-pic .pic-dark {
    padding-top: 150%;
  }
  .top .sec04 .companies .company-a .txBox {
    margin-top: -500px;
  }
  .top .sec04 .companies .company-a .txBox table.tblStyle_06 tbody tr td {
    text-align: center;
  }
  .top .sec04 .companies .company-b {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
  }
  .top .sec04 .companies .company-b .company-pic {
    background-position: center;
  }
  .top .sec04 .companies .company-b .company-pic .pic-dark {
    padding-top: 150%;
  }
  .top .sec04 .companies .company-b .txBox {
    margin-top: -500px;
  }
  .top .sec05 {
    margin-top: 40px;
  }
  .top .sec05 .secTtl {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .top .sec05 .contact .txBox {
    padding-top: 10px;
  }
  .top .sec05 .contact .txBox .ttl {
    margin: 0px 0px 20px;
    font-size: 2.0rem;
  }
  .top .sec05 .contact .txBox .tx {
    font-size: 1.2rem;
  }
  .top .sec05 .contact .btnStyle_07 {
    margin-bottom: 50px;
  }
  .top .sec05 .contact .btnStyle_07 a {
    padding: 10px 5px 10px 30px;
    font-size: 1.4rem;
  }
  .top .footer {
    margin-top: 0px;
  }
  .top .footer .sitemapArea .siteWrap .siteList {
    padding: 10px 0px 10px 42px;
    border-bottom: 1px solid #ddd;
  }
  .top .footer .sitemapArea .siteWrap .siteList:last-child {
    border-bottom: 0px solid #ddd;
  }
}

/*============================================================
Latest News Index
============================================================*/
@media screen and (max-width: 768px) {
  .inPage .cmn_sp_navArea {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 90px;
    z-index: 999;
    height: auto;
  }
  .inPage .cmn_sp_navArea .logo {
    padding: 10px;
  }
  .inPage .inPage-latestNews .mv .imgBox {
    height: 250px;
  }
  .inPage .inPage-latestNews .mv .txBox {
    top: 45%;
    left: 15%;
  }
  .inPage .inPage-latestNews .mv .txBox .tx::before {
    left: 25px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main {
    float: none;
    max-width: 100%;
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item {
    width: 96%;
    height: 470px;
    float: none;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .thumbnail {
    overflow: hidden;
    max-width: 360px;
    width: 100%;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .news-item-description {
    padding: 10px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .news-item-description p.date {
    font-size: 1.3rem;
    color: #999999;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .news-item-description h3.tx {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .news-item-description ul {
    margin-top: 12px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .news-item .news-item-description ul li a {
    font-size: 1.2rem;
    line-height: 1;
    padding: 7px 10px 8px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 4px 4px 0;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar {
    float: none;
    width: 96%;
    padding: 0 2% 20px;
    margin: 0 auto;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .category {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .category .category-item {
    margin-left: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .category .category-item a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 1;
    border: 1px solid #ccc;
    background: #fff;
    padding: 7px 10px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .archive {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .archive .archive-item {
    margin-left: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-sidebar .archive .archive-item a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 1;
    border: 1px solid #ccc;
    background: #fff;
    padding: 7px 10px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .inPage .footer {
    margin-top: 0px;
  }
  .inPage .footer .sitemapArea .siteWrap .siteList {
    padding: 10px 0px 10px 42px;
    border-bottom: 1px solid #ddd;
  }
  .inPage .footer .sitemapArea .siteWrap .siteList:last-child {
    border-bottom: 0px solid #ddd;
  }
}

/*============================================================
Category / Archive
============================================================*/
@media screen and (max-width: 768px) {
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-index .latestNews-index-main .wrap-selected-category {
    margin: 0px 10px 10px;
  }
}

/*============================================================
Latest News Detail
============================================================*/
@media screen and (max-width: 768px) {
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail {
    width: 96%;
    margin: 30px 2%;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main {
    float: none;
    max-width: 100%;
    width: 100%;
    width: 100%;
    padding: 0px 0px 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .thumbnail {
    float: none;
    max-width: 360px;
    width: 100%;
    overflow: hidden;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .thumbnail img {
    width: 100%;
    height: auto;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox {
    float: none;
    max-width: 360px;
    width: 100%;
    padding: 10px 10px 10px 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title {
    position: relative;
    margin-bottom: 30px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #999999;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title p.date {
    text-align: left;
    font-size: 1.5rem;
    color: #999999;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title h3.tx {
    font-size: 1.8rem;
    /* 30px */
    text-align: left;
    color: #000;
    line-height: 1.7;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title ul {
    margin-top: 10px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title ul li {
    list-style: none;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .txBox .post_title ul li a {
    font-size: 1.3rem;
    line-height: 1;
    padding: 7px 10px 8px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 4px 4px 0;
    border-radius: 90px;
    display: inline-block;
    vertical-align: top;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .post_content {
    padding: 20px 0px;
    position: relative;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .post_content::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #999999;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .post_content p {
    font-size: 1.4rem;
    /* 14px */
    text-align: left;
    color: #000;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .post_content img {
    width: 100%;
    height: auto;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main .detail-pager {
    text-align: center;
    margin-top: 30px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main a.prev_btn,
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-main a.next_btn {
    font-size: 1.2rem;
    margin-top: 35px;
    display: inline-block;
    padding: 5px 10px;
    max-width: 110px;
    width: 100%;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    margin: 0px 10px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar {
    float: none;
    width: 96%;
    padding: 0 2% 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .category {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .category .category-item {
    margin-left: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .category .category-item a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 1;
    border: 1px solid #ccc;
    background: #fff;
    padding: 7px 10px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .archive {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .archive .archive-item {
    margin-left: 20px;
  }
  .inPage .inPage-latestNews .mandm-latestNews .bg-latestNews .latestNews-detail .latestNews-detail-sidebar .archive .archive-item a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 1;
    border: 1px solid #ccc;
    background: #fff;
    padding: 7px 10px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
  }
}

/*============================================================
contact
============================================================*/
@media screen and (max-width: 768px) {
  .inPage .inPage-contact .mv .imgBox {
    height: 250px;
  }
  .inPage .inPage-contact .mv .txBox {
    top: 45%;
    left: 15%;
  }
  .inPage .inPage-contact .mv .txBox .tx::before {
    left: 25px;
  }
  .inPage .inPage-contact .mandm-contact {
    width: 96%;
    margin: 30px 2%;
  }
  .inPage .inPage-contact .mandm-contact .txBox {
    padding: 0px 0px 30px;
  }
  .inPage .inPage-contact .mandm-contact .txBox .ttl {
    font-size: 2.0rem;
    margin: 15px 0px;
  }
  .inPage .inPage-contact .mandm-contact .txBox .ttl::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#bd597d), to(#2ca6e0));
    background: linear-gradient(to right, #bd597d, #2ca6e0);
  }
  .inPage .inPage-contact .mandm-contact .txBox .tx {
    font-size: 1.2rem;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact {
    margin: 0px 0px 60px;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form {
    margin: 20px auto 20px;
    border-collapse: collapse;
    max-width: 350px;
    width: 100%;
    text-align: center;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form th, .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form td {
    border-collapse: collapse;
    max-width: 350px;
    width: 100%;
    text-align: center;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form tbody {
    width: 100%;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form tbody tr th {
    padding: 4px 6px;
    display: block;
    width: 100%;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form tbody tr td {
    padding: 4px 12px;
    display: block;
    width: 100%;
    text-align: left;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form tbody tr td textarea {
    width: 100%;
  }
  .inPage .inPage-contact .mandm-contact .bg-contact table.mandm-contact-form tbody tr td .inputText {
    width: 100%;
  }
}

/*============================================================
Privacy
============================================================*/
@media screen and (max-width: 768px) {
  .inPage .inPage-privacy .mv {
    width: 100%;
    text-align: left;
    position: relative;
  }
  .inPage .inPage-privacy .mv .imgBox {
    background-image: url("../images/top/mv_bg03.jpg");
    width: 100%;
    height: 300px;
    background-size: 125%;
    background-repeat: no-repeat;
    background-position-x: 25%;
    background-position-y: 56%;
    display: inline-block;
  }
  .inPage .inPage-privacy .mv .txBox {
    max-width: 350px;
    width: 100%;
    position: absolute;
    display: inline-block;
    top: 40%;
    left: 20%;
  }
  .inPage .inPage-privacy .mv .txBox .ttl {
    font-size: 3.0rem;
    line-height: 1;
    letter-spacing: 1.2px;
    padding: 5px 20px 5px;
    display: inline-block;
    position: relative;
    color: #fff;
  }
  .inPage .inPage-privacy .mv .txBox .ttl::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0px;
    right: 0px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .inPage .inPage-privacy .mv .txBox .ttl::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0px;
    left: 0px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .inPage .inPage-privacy .mv .txBox .tx {
    color: #fff;
    padding: 15px 0px 0px 60px;
  }
  .inPage .inPage-privacy .mv .txBox .tx::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #fff;
    top: 75px;
    left: 30px;
  }
  .inPage .inPage-privacy .mandm-privacy {
    background: #fff;
    padding: 0 15px;
  }
  .inPage .inPage-privacy .mandm-privacy .txBox {
    padding: 30px 0px;
    text-align: center;
  }
  .inPage .inPage-privacy .mandm-privacy .txBox .ttl {
    font-size: 3.0rem;
    letter-spacing: 3px;
    display: inline-block;
    margin: 30px 0px;
    position: relative;
  }
  .inPage .inPage-privacy .mandm-privacy .txBox .ttl::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#bd597d), to(#2ca6e0));
    background: linear-gradient(to right, #bd597d, #2ca6e0);
  }
  .inPage .inPage-privacy .mandm-privacy .txBox .tx {
    font-size: 1.4rem;
  }
  .inPage .inPage-privacy .mandm-privacy .bg-contact {
    margin: 0px 0px 60px;
  }
  .inPage .inPage-privacy .mandm-privacy .bg-contact .ttlStyle_03 {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
  }
  .inPage .inPage-privacy .mandm-privacy .bg-contact .tx {
    max-width: 1080px;
    width: 100%;
    margin: 20px auto;
  }
}
/*# sourceMappingURL=style_sp.css.map */