@charset "utf-8";
#wrapper{
    background-color: #fff;
}

/** container box color setting **/
.box-white{
    background-color: #fff;
    border-bottom: solid 1px #e4e7ee;
}

.box-horizon{
    background-color: #a5cbce;
}

.box-sea{
    background-color: #5a97af;
}

.box-sea h2{
    color: #fff;
}

.box-sky{
    background-color: #30638b;
}

.box-shadow{
    background-color: #5e6162;
}

.box-cloud{
    background-color: #f7f7f7;
    border-bottom: solid 1px #e4e7ee;
}
.box-blue{
    background-color: #e5f0fa;
}


/** container title setting **/
.container-title{
    text-align: center;
}

.container-title .text {
    font-size: 1.2rem;
    margin-bottom: 40px;
}

/** page back btn area setting **/
.page-back{
    padding-bottom: 10px;
}

.page-back a{
    color: #5a97af;
    font-size: .85em;
    text-decoration: underline;
}

/** loading setting **/
/*#loader {*/
/*    width: 画像の幅px;*/
/*    height: 画像の高さpx;*/
/*    display: none;*/
/*    position: fixed;*/
/*    _position: absolute; !* IE6対策 *!*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin-top: -XXpx; !* heightの半分のマイナス値 *!*/
/*    margin-left: -XXXpx; !* widthの半分のマイナス値 *!*/
/*    z-index: 100000;*/
/*}*/

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90000;
}

/** images setting **/
.img-setting-top{
    vertical-align: top !important;
}

/** margin setting **/
.mg15 {
    margin-top: 10px !important;
}

.mg30 {
    margin-top: 30px !important;
}

.mg45 {
    margin-top: 45px !important;
}

.mg60 {
    margin-top: 60px !important;
}

.mg75 {
    margin-top: 75px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.f_right {
    float: right;
}

.t_left {
    text-align: left !important;
}

/* ============================================================
base css setting
============================================================ */
.column-1-boxinside .telework-worries {
    display: flex;
    margin: 20px 0;
}

.column-1-boxinside .telework-worries figure{
    width: 25%;
}

.column-1-boxinside .telework-worries figure img {
    width: 100%;
}

.column-1-boxinside .telework-worries ul {
    width: 100%;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.column-1-boxinside .telework-worries ul li {
    font-size: 1.2em;
    line-height: 1.8;
}

.column-1-boxinside .column-1-boxinside-list {
    margin-top: 40px;
}

.column-1-boxinside .column-1-boxinside-list section {
    display: flex;
    background: #FFF;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.column-1-boxinside .column-1-boxinside-list section figure {
    width: 25%;
}

.column-1-boxinside .column-1-boxinside-list section figure img {
    width: 100%;
}

.column-1-boxinside .column-1-boxinside-list section div {
    width: 75%;
    padding-left: 30px;
    box-sizing: border-box;
}

.column-1-boxinside .column-1-boxinside-list section h4 {
    font-weight: 200;
    line-height: 1.45em;
    font-size: 1.25em;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.column-1-boxinside .column-1-boxinside-list section:last-of-type {
    margin-bottom: 0;
}

.client-voice .column-2 {
    margin-top: 30px;
}

.client-voice .container-title h2 {
    padding-bottom: 30px;
}

.client-voice .client-voice-inside-box section:nth-child(n+2) {
    border-top: 1px solid #e4e7ee;
    margin-top: 60px;
    padding-top: 60px;
}

.container-inside_frame {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.container-inside_frame iframe {
    width: 100%;
    height: 100%;
}


/* ============================================================
pc css setting
============================================================ */
@media screen and (min-width:  769px){

#contents-wrapper{
    min-width: 1024px;
    padding: 111px 0px 0px 0px;
}

.container-box{
    min-width: 1024px;
    padding: 30px 0px;
}

.container-inside{
    width: 988px;
    margin: auto;
    padding: 0px 18px;
}

/** container title setting **/
.container-title{
    padding: 40px 0px;
}

.container-title,
.container-title-contact{
    text-align: center;
}

.container-title h2,
.container-title-contact h2{
    font-size: 2.65em;
    font-weight: 200;
    line-height: 1.55em;
    padding-bottom: 20px;
}

.container-title p{
    font-size: 1.25em;
    line-height: 1.75em;
}

.container-title figure.logo-list-pickup {
    width: 100%;
}

.container-title figure.logo-list-pickup img {
    width: 100%;
}

.container-title p a{
    text-decoration: underline;
    color: #187fc4;
}

.container-title ol {
    counter-reset: my-counter;
    width: 760px;
    margin: 0 auto;
}

.container-title ol li {
    font-size: 1.25em;
    line-height: 30px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: 15px 0px 10px 0px;
}

.container-title ol li:last-child {
    border-bottom: none;
}

.container-title ol li p {
    font-size: 0.85em;
    text-align: justify;
    margin-top: 15px;
    line-height: 170%;
}

.container-title ol li p span {
    font-weight: 600;
}

.container-title ol li span {
    display: block;
    width: calc(100% - 45px);
    font-size: inherit;
    text-align: left;
    font-weight: 700;
}

.container-title ol li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  height: 30px;
  width: 30px;
  text-align: center;
  background-color: #4B869E;
  color: #FFF;
  display: block;
  margin-right: 15px;
  border-radius: 2px;
}

.container-title ol li.list-alpha::before {
    content: "+α";
    font-size: 0.75em;
    background-color: #f7a42e;
}

.container-title .txt-top {
    text-align: justify;
    font-size: 1.3em;
    text-align: center;
    padding-bottom: 30px;
}

.container-title .txt-top span {
    font-size:1.0em!important;
    font-weight: bold!important;
}

.container-title .txt-copy {
    text-align: center;
    color: #4B869E;
    font-size: 1.8em;
    font-weight: 700;
    margin-top: 40px;
}

.container-title .txt-left {
    text-align: justify;
    font-size: 1.2em;
    margin-left: 45px;
    border-bottom: 1px dashed #4B869E;
    padding-bottom: 20px;
}

.container-title .txt-left a {
    text-decoration: underline;
    color: #187fc4;
}

#contents-wrapper-contact{
    min-width: 1024px;
    padding: 0px;
}

.container-box{
    min-width: 1024px;
    padding: 30px 0px;
}

.container-inside{
    width: 988px;
    margin: auto;
    padding: 0px 18px;
}

.k_container {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}

.k_container h2 {
    font-size: 2.2em;
    font-weight: 200;
    line-height: 1.55em;
    padding-bottom: 20px;
}

.k_container img {
    width: 100%;
}

/** container title setting **/
.container-title{
    padding: 10px 0px;
}

.container-title,
.container-title-contact{
    text-align: center;
}
.container-title h1,
.container-title-contact h1{
    font-size: 1.8em;
    font-weight: 200;
    line-height: 1.55em;
    padding-bottom: 20px;
}
.container-title p,
.container-title-contact p{
    font-size: 1.8em;
    font-weight: 200;
    line-height: 1.55em;
}
.container-title h2,
.container-title-contact h2{
    font-size: 1.8em;
    font-weight: 200;
    line-height: 1.55em;
    padding-bottom: 20px;
}
.container-title h3,
.container-title-contact h3{
    font-size: 1.8em;
    font-weight: 200;
    line-height: 1.55em;
    padding-bottom: 20px;
}
.solution_ttl {
    font-size: 1.8em!important;
    font-size: 34px;
    font-weight: 400;
    color: #2984c5;
    margin-bottom: 50px;
  }

  @media screen and (max-width: 768px) {
    .solution_ttl {
        text-align: center;
        font-size: 5.46875vw;
        font-weight: bold;
        line-height: 8vw;
        margin-bottom: 0;
    }
}
.container-title p{
    font-size: 1.1em;
    line-height: 1.75em;
    text-align: center;
}
.add_b{
    font-weight: bold;
    padding: 20px;
}

.container-title figure.logo-list-pickup {
    width: 100%;
}

.container-title figure.logo-list-pickup img {
    width: 90%;
}

.container-title p a{
    text-decoration: underline;
    color: #187fc4;
}

.container-title ol {
    counter-reset: my-counter;
    width: 760px;
    margin: 0 auto;
}

.container-title ol li:last-child {
    border-bottom: none;
}

.container-title ol li p {
    font-size: 0.85em;
    text-align: justify;
    margin-top: 15px;
    line-height: 170%;
}

.container-title ol li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  height: 30px;
  width: 30px;
  text-align: center;
  background-color: #4B869E;
  color: #FFF;
  display: block;
  margin-right: 15px;
  border-radius: 2px;
}

.container-title ol li.list-alpha::before {
    content: "+α";
    font-size: 0.75em;
    background-color: #f7a42e;
}

.demo_movie{
    position:relative;
    width:100%;
    padding-top:30%;
  }

.demo_movie iframe{
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
  }

.solution_footer h2{
font-size:1.8em;
font-weight:normal;
text-align:center;
}
.solution_footer .container_bottom_submit a,.solution_footer .container_bottom_ebook a{
 display:block;
 margin:50px auto 0 auto;
 padding:20px 15px;
 box-shadow: 1px 0px 3px rgba(50, 72, 80, 0.46);
 text-align:center;
 width:45%;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.solution_footer a{
     font-size:1.2em;
     color:#fff;
}
.solution_footer .container_bottom_submit a{
 background-color:#f7a42e;
 float:left;
}
.solution_footer .container_bottom_submit a:hover{
 background-color:#ffc56f;
}
.solution_footer .container_bottom_ebook a{
 background-color:#5a97af;
 float:right;

}
.solution_footer .container_bottom_ebook a:hover{
 background-color:#8fc5db;
}

/** 1 column setting **/
.column-1{
    display: table;
    padding: 0;
    margin: 10px auto 0 auto;
}

.column-1.margin-border {
    padding-top: 80px;
    margin-top: 80px;
    border-top: solid 1px #e4e7ee;
}

.column-1-images{
    padding-bottom: 10px;
}

.column-1-images figure figcaption {
    text-align: right;
    font-size: 0.85em;
}

.column-1-images figure figcaption a {
    text-decoration: underline;
    color: #5A97AF;
}

.column-1-images.reverse {
    padding-bottom: 0;
    padding-top: 60px;
}

.column-1-text{
    margin: 0px auto;
    width: 80%;
}

.column-1-boxinside h3{
    font-size: 1.85em;
    font-weight: 200;
    line-height: 1.45em;
    padding-bottom: 25px;
    text-align: center;
}
.column-1-boxinside p{
    font-size: 1.1em;
    font-weight: 200;
    text-align: center;
}

.column-1-boxinside section h4 {
    margin-bottom: 5px;
    text-align: left;
}

.column-1-boxinside ol {
    counter-reset: number;
    margin-top: 25px;
    padding: 15px 15px 15px 36px;
}

.column-1-boxinside ol li {
    text-align: justify;
    margin-bottom: 15px;
}

.column-1-boxinside ol li:before {
  content: counter(number);
  counter-increment: number;
  background-color: #30638B;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 2px;
  text-align: center;
}

.column-1-boxinside a{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 60px;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.column-1-boxinside a:hover {
    background-color: #e4e7ee
}

.column-1-boxinside p a {
    display: inline;
    text-decoration: underline;
    color: #187fc4;
    background: none;
    float: none;
    padding: 0;
}

.column-1-boxinside p a:hover {
    background: none;
}

.column-1-boxinside .column-1-boxinside-texts {
    margin-bottom: 30px;
}

/** 2 column setting **/
.column-2{
    display: table;
    margin-top: 30px;
    table-layout: fixed;
    width: 100%;
    padding: 0;
}

.column-2.example dl {
    margin-bottom: 30px;
}

.column-2.example figure img {
    box-sizing: border-box;
    border: 4px solid #5a97af;
}

.column-2-images,
.column-2-text{
    display: table-cell;
}
.column-2-text{
    width: 460px;
    vertical-align: middle;
}

.column-2-text02{
    display: table-cell;
}
.column-2-text02{
    width: 460px;
    vertical-align: middle;
}

.column-2-images{
    text-align: center;
    vertical-align: middle;
}

.column-2-images img{
    max-width: 65%;
}

.column-2-images img:nth-last-child{
    width: 55%;
}

.column-2-text{
    text-align: left;
}

.column-2-text02{
    text-align: left;
    padding-left: 40px;
}

.column-2-boxinside{
    padding-bottom: 0;
}

.column-2-boxinside:nth-child(2){
    padding-top: 75px;
}

.column-2-boxinside h3 {
    font-size: 1.85em;
    font-weight: 200;
    line-height: 1.45em;
    padding-bottom: 25px;
}

.column-2-boxinside > h4,
.column-1-boxinside > h4 {
    font-size: 1.45em;
    font-weight: 200;
    line-height: 1.45em;
    padding-bottom: 25px;
}

.column-2-boxinside section {
    margin-bottom: 30px;
}

.column-2-boxinside section h4 {
    margin-bottom: 5px;
}

.column-2-boxinside p{
    font-size: 1.1em;
    font-weight: 200;
    text-align: justify;
    padding-top: 0;
}

.column-2-boxinside a{
    float: right;
    display: block;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 60px;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.column-2-boxinside .column-2-boxinside-text-link {
    float: unset;
    display: unset;
    text-align: unset;
    margin-top: unset;
    background-color: unset;
    padding: unset;
}
.container-box-main-cta {
    display: block;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 60px;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 255px;
    margin: 0 auto;
    margin-top: 30px;
}
.column-2-boxinside2 section {
    margin-bottom: 30px;
}

.column-2-boxinside2{
    display: block;
    text-align: center;
    margin: 30px 0;
    letter-spacing: 1px;
}
.container-box-main-cta:hover,
.column-2-boxinside2 a:hover {
    background-color: #e4e7ee
}

.column-2-boxinside a:hover {
    background-color: #e4e7ee
}

.button{
    background-color: #EEB14C;
    padding:1em 1em;
    letter-spacing: 1px;
    text-decoration:none;
    color: #FFF !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  
  .block{
    display:block;
    width:270px;
    margin:0 auto;
  }

.column-2-boxinside2 p a {
    display: inline;
    text-decoration: underline;
    color: #187fc4;
    background: none;
    float: none;
    padding: 0;
}

.column-2-boxinside2 p a:hover {
    background: none;
}


/** 3 column setting **/

.column-3 {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-top: 60px;
}

.column-3 li {
    width: 33.333333%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.column-3 li figure {
    margin-bottom: 10px;
}

.column-3 li h3 {
    color: #5A97AF;
    font-size: 1.35em;
    margin-bottom: 10px;
}

.column-3 li p {
    font-size: 1.00em;
    font-weight: 200;
    text-align: justify;
}

.sp-replace {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-start;
}

.sp-replace .column-2-images{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 543px;
}

.sp-replace .column-2-text{
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.basic-box {
    border-bottom: 1px solid #CCC;
}

.basic-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.basic-box ul li {
    width: 30%;
}

.basic-box ul li figure {
    margin-bottom: 15px;
}

.basic-box ul li h3 {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 15px;
}

.basic-box ul li p {
    font-size: 1em;
    text-align: justify;
}

.basic-box ul li a {
    display: block;
    padding: 10px 20px;
    background-color: #f7a42e;
    color: #FFF;
    border-radius: 5px;
    margin-top: 20px;
}

.basic-box ul li a:hover {
    opacity: 0.8;
}

.question-box ul li {
    position: relative;
    margin-bottom: 25px;
}

.question-box ul li .question_inside::before {
    content: 'Q';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: #5A97AF;
    color: #fff;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
}

.question-box ul li .question_inside h3 {
    font-size: 1.15em;
    border-bottom: 0.5pt dotted #5A97AF;
    padding-left: 50px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 35px;
    text-align: left;
}

.question-box ul li .question_inside p {
    margin-left: 50px;
    text-align: justify;
    font-size: 1em;
}

/*---------- marunage_container ------------*/

.pc_on {display: block !important;}
.sp_on {display: none !important;}

#contents-wrapper.marunage-wrap {
    overflow: hidden;
}

.key-marunage + section {
    padding-top:  155px;
}

/* .key-marunage + section h2 {
    font-weight: 500;
    font-size: 2em;
    letter-spacing: .06em;
    color: #555;
    padding-bottom: 40px;
} */

.marunage-wrap figure img {
    width: 100%;
}

.marunage-wrap .container-title p {
    font-size: 1em;
    max-width: 700px;
    margin: 0 auto;
}

.container-title ol.column-3-card {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.container-title ol.column-3-card li {
    width: 32%;
    background-color: #FFF;
    box-sizing: border-box;
    border: 1px solid #EEE;
    box-shadow: 0 0 4px rgba(0,0,0,.05);
}

.container-title ol.column-3-card li::before {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
}

.container-title ol.column-3-card li h3 {
    border-bottom: 1px solid #EEE;
    text-align: center;
    width: 100%;
    padding: 20px 15px;
    margin-bottom: 15px;
    line-height: 140%;
    font-size: 1em;
    color: #5591a7;
}

.container-title ol.column-3-card li p {
    font-size: 14px;
    padding: 0 15px;
}

.container-title ol.column-3-card li a {
    float: right;
    display: block;
    text-align: center;
    width: calc(100% - 30px);
    margin: 20px 15px 15px 15px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 8px;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: .85em;
}

.container-title ol.column-3-card li a:hover {
    background-color: #e4e7ee;
}

.marunage-wrap {
    padding-top: 160px !important;
}

.marunage-wrap .container-title ol.column-1-boxinside li {
    position: relative;
}

.marunage-wrap .container-title ol.column-1-boxinside li::before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
}

.marunage-wrap .container-title ol.column-1-boxinside li span {
    padding-left: 50px;
}

.marunage-wrap .container-title .plan_box {
    margin-top: 40px;
}

.marunage-wrap .container-title .plan_box ul {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin: 0 auto 30px auto;
}

.marunage-wrap .container-title .plan_box ul li {
    color: #FFF;
    background: #48a7e0;
    width: 40%;
    padding: 20px 15px;
    box-sizing: border-box;
    font-size: 1.5em;
    font-weight: 500;
    line-height:1.5em;
}

.marunage-wrap .container-title .plan_box ul li:nth-child(2),
.marunage-wrap .container-title .plan_box ul li:nth-child(4) {
    background: none;
    color: #48a7e0;
    width: 10%;
    padding-top:35px;
}

/* #marunage_02,
#marunage_03,
#marunage_04 {
    margin-top: -120px;
    padding-top: 120px;
} */

.h2_ttl_01 {
    font-size:29px;
    color:#555;
    font-weight: 600;
    text-align: center;
    line-height: 42px;
    margin-bottom: 20px;
}

.contact-box.container-box.price {
    padding: 60px 0 100px;
}

.container-title .border-bottom::after {
    content: '';
    display: block;
    margin: 20px auto;
    width: 100px;
    height: 2px;
    background-color: #2f6087;
}

.container-title .price-ttl {
    font-size: 4em;
    line-height: 1.45em;
    font-weight: 600;
    color: #2f6087;
    text-align: center;
    letter-spacing: .05em;
    position: relative;
    padding-bottom: 10px;
}

.container-title .border-bottom {
    font-size: 1.85em;
    text-align: center;
    color: #2f6087;
    padding-bottom: 0;
}

.marunage_figure figure img {
    max-width: 988px;
    width: auto;
}

.marunage_figure.mt {
    margin-top: 30px;
}

.marunage_arrow_gray {
    margin-top: 40px;
}

.option_box {
    display: flex;
    margin-top: 60px;
    justify-content: center;
}

.option_box figure img {
    position: absolute;
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.option_box .option_box_01,
.option_box .option_box_02,
.option_box .option_box_03 {
    padding: 36px;
    border: solid 3px  #eee;
    border-radius: 10px;
    margin-right: 19px;
    position: relative;
    padding-top: 160px;
    width: 33.3333%;
}


.option_box .option_box_03 {
    margin-right: 0;
}

.option_box .option_box_01 figure img {
    width: 180px;
    top: -60px;
    left: 50%;
}

.option_box .option_box_02 figure img {
    width: 250px;
    top: -20px;
    left: 50%;
}

.option_box .option_box_03 figure img {
    width: 232px;
    top: 40px;
    left: 50%;
}

.txt_strong {
    font-size: 26px;
    font-weight: 600;
    color:#4b8df8;
    display: block;
    line-height: 1.25em;
    margin-top: 0.35em;
}

.marunage_bg02 {
    background-image: url(/service/mikata/images/product/marunage_bg02.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 100px;
}

.option_box .option_box_num01,
.option_box .option_box_num02,
.option_box .option_box_num03 {
    padding: 30px 0 0;
    position: relative;
    width: 33.3333%;
    text-align: center;
    margin: 20px 0 40px;
}

.option_box .option_box_num01 figure img,
.option_box .option_box_num02 figure img,
.option_box .option_box_num03 figure img {
    width: 87px;
    top: -90px;
    left:50%;
}

.option_box h3 {
    font-size: 28px;
    line-height: 1.25em;
    margin-bottom: 10px;
}

.num_txt {
    font-size: 1.25em;
    line-height: 1.3em;
}

.marunage_bg03 {
    background-image: url(/service/mikata/images/product/marunage_bg03.png) ;
    background-position: 50% 50%;
    background-size: cover;
    padding-bottom: 100px;
    /* background-color: #f0f5f7; */
    background-repeat:no-repeat;
}

.option_cont_box {
    display: flex;
    align-items:center;
}

.option_cont_box figure img {
    width: 556px;
}

.option_cont_box p {
    font-size: 1.25em;
    line-height: 1.5em;
}

.merit_ttl {
    font-size: 30px;
    text-align: center;
    margin-top: 10px;
}

.option_merit_box {
    display: flex;
    margin-bottom: 20px;
}

.option_merit_box figure {
    text-align: center;
}

.option_merit_box figure:nth-of-type(2) {
    height: 260px;
    display: flex;
    align-items: flex-end;
}

.txt_strong {
    font-size: 26px;
    font-weight: 600;
    color:#4b8df8;
    display: block;
    line-height: 1.25em;
    margin-top: 0.35em;
}

.option_merit_box .option_merit_box_01,
.option_merit_box .option_merit_box_02,
.option_merit_box .option_merit_box_03 {
    margin: 0 20px;
}

.option_merit_box .option_merit_box_01 figure img,
.option_merit_box .option_merit_box_02 figure img,
.option_merit_box .option_merit_box_03 figure img {
    width: 157px;
}

.option_merit_box .option_merit_box_01 figure:nth-of-type(2) img,
.option_merit_box .option_merit_box_02 figure:nth-of-type(2) img,
.option_merit_box .option_merit_box_03 figure:nth-of-type(2) img {
    width: 283px;
    vertical-align: bottom;
}

.option_merit_box p {
    text-align: center;
    font-size: 24px;
    margin: 16px 0 20px;
}

.marunage_bg04 {
    background-color: #b0d7ff;
}

.step_box .step_box_item  figure img {
    position: absolute;
    top: 33px;
    left: 174px;
}

.step_box .step_box_item.item_01 figure img {
    width: 67px;
    left: 174px;
}

.step_box .step_box_item.item_02 figure img {
    width: 78px;
    top:37px;
    left: 169px;
}

.step_box .step_box_item.item_03 figure img {
    width: 73px;
    top:32px;
    left: 165px;
}

.step_box .step_box_item.item_04 figure img {
    width: 96px;
    top:35px;
    left: 149px;
}

.step_box .step_box_item.item_05 figure img {
    width: 78px;
    top:36px;
    left: 167px;
}

.step_box .step_box_item {
    position: relative;
    width: 980px;
    height: 142px;
    z-index: 1;
    margin-bottom: 51px;
}

.step_box .step_box_item::after {
    content:"";
    position: absolute;
    top: 0;
    width: 980px;
    height: 142px;
    z-index: -1;
}

.step_box .step_box_item::before {
    content:"";
    background-image: url(/service/mikata/images/product/marunage_arrow_blue.png) ;
    position: absolute;
    top:153px;
    left: 50%;
    width: 99px;
    height: 32px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.step_box .step_box_item.item_05::before {
    content:"";
    background-image: none;
}

.step_box .step_box_item.item_01 {
    background-image: url(/service/mikata/images/product/marunage_step1_bg.png) ;
}

.step_box .step_box_item.item_02 {
    background-image: url(/service/mikata/images/product/marunage_step2_bg.png) ;
}
.step_box .step_box_item.item_03 {
    background-image: url(/service/mikata/images/product/marunage_step3_bg.png) ;
}
.step_box .step_box_item.item_04 {
    background-image: url(/service/mikata/images/product/marunage_step4_bg.png) ;
}
.step_box .step_box_item.item_05 {
    background-image: url(/service/mikata/images/product/marunage_step5_bg.png) ;
}


.step_box .step_box_item p {
    width: 980px;
    height: 142px;
    display: flex;
    align-items: center;
    padding-left: 280px;
    font-size: 18px;
    line-height: 1.3em;
}


.contrivance_cont figure {
    margin: 10px 0 24px;
    text-align:center;
}

.contrivance_cont figure img {
    width: 816px;
    margin: 0 auto;
}

.contrivance_cont p {
    font-size: 1.25em;
    line-height: 1.4em;
    text-align: center;
}

 .contrivance_cont .txt_strong {
    margin-top: 15px;
}

.example_box  {
    display: flex;
    justify-content: center;
    width: 980px;
    margin: 0 auto 46px;
}


.example_box .example_l {
    margin-right: 36px;
}
.example_box .example_r .company_ttl {
    font-size: 26px;
    color:#2f6087;
    font-weight: 600;
    margin-bottom: 20px;
}

.example_box .example_r .company_list_ttl {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.example_r ul {
    display: flex;
    margin-bottom: 16px;
}

.example_box .example_r ul li {
    font-size: 14px;
    color:#fff;
    background-color:#4b8df8 ;
    border-radius: 6px;
    padding: 10px;
    margin-right: 11px;
    font-weight: 600;

}

.example_box .example_r ul li:last-child {
    margin-right: 0;
}

.example_box .example_l figure img {
    width: 389px;
}

.example_box .example_r .company_txt {
    font-size: 1.25em;
    line-height: 1.3em;
}

.example_link_btn {
    margin-bottom: 40px;
}

.example_link_btn a {
    margin: 0 auto;
    color: #fff;
    display: block;
    font-weight: 600;
    width: 340px;
    font-size: 16px;
    padding: 26px 0;
    border-radius: 50px;
    text-align: center;
    background-color: #f7a42e;
}

.marunage_figure.price figure {
    text-align: center;
}

.marunage_figure.price figure img {
    width: 979px;
}

.container-box.marunage_form {
    padding: 0;
}

#contact.marunage_form {
    margin-bottom: 0;
    border: none;
}

.client-voice .column-2 .column-2-text {
    width: 640px;
}

.learn-more-cta {
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cta-service {
    background-color: #f7a42e;
    color: #fff;
    font-size: 1.20em;
    padding: 15px 0;
    width: 48%;
    border-radius: 30px;
    text-align: center;
    transition: .3s;
}

.cta-other {
    border-radius: 30px;
    padding: 15px 0;
    text-align: center;
    width: 48%;
    background: url(/service/mikata/images/top/top-new/bg_btn_pattern.png) left/100% no-repeat, linear-gradient(144deg, #217fc4 50%, #1a6aba 70%, #001694 100%);
    transition: .3s;
}

.cta-service:hover,
.cta-other:hover {
    transform: scale(1.05);
    transition: .3s;
}

.cta-other-txt {
    color: #fff;
    font-size: 1.20em;
}

}

/* ============================================================
smart phone css setting
============================================================ */
@media screen and (max-width:  768px){

#contents-wrapper{
    padding: 0px;
}

.container-box{
    padding: 20px 0px;
}

.container-inside{
    padding: 0px 15px;
}

.k_container {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 0;
}

.k_container h2 {
    font-size: 5vw;
    font-weight: 600;
    line-height: 1.35em;
}

.container-inside img{
    max-width: 100%;
}

/** container title setting **/
.container-title{
    text-align: left;
}

.container-title-contact{
    text-align: center;
}

.container-title h2,
.container-title-contact h2{
    font-size: 5vw;
    font-weight: 600;
    line-height: 1.35em;
}

.container-title h2,
.container-title p{
    margin: 20px auto;
    width: 100%;
}

.container-title h2 br {
    display: none;
}

.container-title figure.logo-list-pickup {
    width: 100%;
    margin: 10px 0;
}

.container-title figure.logo-list-pickup img {
}

.container-title p{
    /*font-size: 3.5vw;
    line-height: 1.75em;
    padding: 0px 10px;*/
    box-sizing: border-box;
}

.txt-left{
    font-size: 3.5vw;
    line-height: 1.75em;
    padding: 0px 10px;
}
.solution_ttl {
    text-align: center;
    font-size: 5.46875vw;
    font-weight: bold;
    line-height: 8vw;
    margin-bottom: 0;¥
}

.container-title p a{
    text-decoration: underline;
    color: #187fc4;
}

.container-title p br {
    display: none;
}
.container-title p .sp-br {
    display: block;
}

.container-title ol {
    counter-reset: my-counter;
    margin: 0 auto;
}

.container-title ol li {
    position: relative;
    font-size: 1.85vh !important;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.container-title ol li:last-child {
    border-bottom: none;
}

.container-title ol li h3 {
    text-align: center;
    width: 100%;
}

.container-title ol li p {
    font-size: 0.75em;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 10px;
}

.container-title ol li span {
    display: block;
    width: calc(100% - 40px);
    font-size: inherit;
    text-align: left;
    padding: 0px 10px;
    font-weight: 700;
}

.container-title ol li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    height: 30px;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background-color: #4B869E;
    color: #FFF;
    display: block;
    margin-bottom: 15px;
    border-radius: 2px;
}

.container-title ol li.list-alpha::before {
    content: "+α";
    font-size: 0.75em;
    background-color: #f7a42e;
}

.container-title .txt-copy {
    text-align: center;
    color: #4B869E;
    font-size: 1.8em;
    font-weight: 700;
    margin-top: 40px;
}


.demo_movie{
    position:relative;
    width:100%;
    padding-top:56.25%;;
  }

.demo_movie iframe{
    position:absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

.solution_footer h2{
font-size:1.5em;
line-height:1.5em;
font-weight:normal;
text-align:center;
}
.solution_footer .container_bottom_submit a,.solution_footer .container_bottom_ebook a{
 display:block;
 margin:20px auto 0 auto;
 padding:20px 15px;
 box-shadow: 1px 0px 3px rgba(50, 72, 80, 0.46);
 text-align:center;
 width:90%;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.solution_footer a{
     font-size:1em;
     color:#fff;
}
.solution_footer .container_bottom_submit a{
 background-color:#f7a42e;
}
.solution_footer .container_bottom_submit a:hover{
 background-color:#ffc56f;
}
.solution_footer .container_bottom_ebook a{
 background-color:#5a97af;
}
.solution_footer .container_bottom_ebook a:hover{
 background-color:#8fc5db;
}


/** 1 column setting **/
.column-1{
    display: block;
    margin-top: 30px;
    width: 100%;
    padding: 0;
}

.column-1:nth-of-type(n+2) {
    margin-top: 60px;
}

.column-1.margin-border {
    padding-top: 60px;
    margin-top: 60px;
    border-top: solid 1px #e4e7ee;
}

.column-1-images{
    display: block;
}

.column-1-images{
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 0 0 30px 0;
}

.column-1-images figure figcaption {
    text-align: right;
    font-size: 0.85em;
}

.column-1-images figure figcaption a {
    text-decoration: underline;
    color: #5A97AF;
}

.column-1-images img{
    max-width: 90%;
}

.column-1-text{
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.column-1-boxinside h3{
    color: #5a97af;
    font-size: 3.00vh;
    font-weight: normal;
    line-height: 1.45em;
    padding-bottom: 25px;
}

.column-1-boxinside p{
    font-size: 0.85em;
    line-height: 1.75em;
    width: 100%;
}

.column-1-boxinside .column-1-boxinside-texts {
    font-size: 14px;
    margin-bottom: 30px;
}

.column-1-boxinside ol {
    counter-reset: number;
    margin-top: 25px;
    padding: 15px 15px 15px 36px;
}

.column-1-boxinside ol li {
    text-align: justify;
    margin-bottom: 15px;
    font-size: 1.85vh;
}

.column-1-boxinside ol li:before {
  content: counter(number);
  counter-increment: number;
  background-color: #30638B;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 2px;
  text-align: center;
}

.column-1-boxinside a{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 0;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.column-1-boxinside a:hover {
    background-color: #e4e7ee;
}

.column-1-boxinside p a {
    display: inline;
    text-decoration: underline;
    color: #187fc4;
    background: none;
    float: none;
    padding: 0;
}

.column-1-boxinside p a:hover {
    background: none;
}

/** 2 column setting **/
.column-2{
    display: block;
    margin-top: 50px;
    width: 100%;
    padding: 0;
}

.column-2.example dl {
    margin-bottom: 30px;
}

.column-2.example figure img {
    box-sizing: border-box;
    border: 4px solid #5a97af;
}

.column-2-images,
.column-2-text{
    display: block;
}

.column-2-images,
.column-2-text02{
    display: block;
}

.column-2-images{
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 0 0 30px 0;
}

.column-2-images img{
    max-width: 90%;
}

.column-2-text{
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.column-2-text02{
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.column-2-boxinside:nth-child(2) {
    padding-top: 60px;
}

.column-2-boxinside h3 {
    color: #5a97af;
    font-size: 3.00vh;
    font-weight: normal;
    line-height: 1.45em;
    padding-bottom: 25px;
}

.column-2-boxinside h3 br {
    display: none;
}

.column-2-boxinside > h4,
.column-1-boxinside > h4 {
    color: #5a97af;
    font-size: 2.1vh;
    font-weight: normal;
    line-height: 1.45em;
}

.column-2-boxinside section {
    margin-bottom: 30px;
}

.w-90 {
    width: 90% !important;
}

.column-2-boxinside section h4 {
    margin-bottom: 5px;
}

.column-2-boxinside p{
    font-size: 0.85em;
    line-height: 1.75em;
    width: 100%;
}

.column-2-boxinside a{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 0;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.container-box-main-cta {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 0;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.container-box-main-cta:hover,
.column-2-boxinside a:hover {
    background-color: #e4e7ee
}
.column-2-boxinside2 a{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 15px 0;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.column-2-boxinside2 a:hover {
    background-color: #e4e7ee
}

.column-2-boxinside p a {
    display: inline;
    text-decoration: underline;
    color: #187fc4;
    background: none;
    float: none;
    padding: 0;
}

.column-2-boxinside p a:hover {
    background: none;
}

/** 3 column setting **/

.column-3 {
    margin-top: 50px;
}

.column-3 li {
    margin-bottom: 50px;
}

.column-3 li h3 {
    color: #5A97AF;
    font-size: 1.35em;
    text-align: center;
    margin-bottom: 10px;
}

.column-3 li figure {
    text-align: center;
    margin-bottom: 10px;
}

.column-3 li figure img {
    max-width: 270px;
}

.column-3 li p {
    font-size: 1.00em;
    font-weight: 200;
    text-align: justify;
}

.client-voice .column-2 {
    margin-top: 0;
}

.client-voice h2 {
    text-align: center;
    padding-bottom: 25px;
}

.client-voice .client-voice-inside-box section:nth-child(n+2) {
    border-top: 1px solid #e4e7ee;
    margin-top: 60px;
    padding-top: 60px;
}


.basic-box {
    border-bottom: 1px solid #CCC;
}

.basic-box h2 {
    text-align: center;
}

.basic-box ul li {
    width: 100%;
    margin-bottom: 35px;
}

.basic-box ul li figure {
    margin-bottom: 15px;
    text-align: center;
}

.basic-box ul li h3 {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.basic-box ul li p {
    font-size: 1em;
    text-align: justify;
}

.basic-box ul li a {
    display: block;
    padding: 10px 20px;
    background-color: #f7a42e;
    color: #FFF;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
}

.basic-box ul li a:hover {
    opacity: 0.8;
}

.question-box ul li {
    position: relative;
    margin-bottom: 25px;
}

.question-box ul li .question_inside::before {
    content: 'Q';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: #5A97AF;
    color: #fff;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
}

.question-box ul li .question_inside h3 {
    font-size: 1.15em;
    border-bottom: 0.5pt dotted #5A97AF;
    padding-left: 50px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 35px;
    text-align: left;
}

.question-box ul li .question_inside p {
    text-align: justify;
    font-size: 1em;
}

/** loading setting **/
#loader {
    display: none!important;
}
#fade{
    display: none!important;
}

/*---------- marunage_container ------------*/

.pc_on {display: none !important;}
.sp_on {display: block !important;}

.container-title .price-ttl.border-bottom  br {
    display: block;
}

.key-marunage + section h2 {
    font-size: 3.15vh;
}

.container-title ol.column-3-card {
    display: block;
    margin-top: 40px;
}

.container-title ol.column-3-card li {
    width: 100%;
    background-color: #FFF;
    box-sizing: border-box;
    border: 1px solid #EEE;
    box-shadow: 0 0 4px rgba(0,0,0,.05);
}

.container-title ol.column-3-card li::before {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
}

.container-title ol.column-3-card li h3 {
    border-bottom: 1px solid #EEE;
    text-align: center;
    width: 100%;
    padding: 20px 15px;
    margin-bottom: 15px;
    line-height: 140%;
    font-size: 1.6em;
    color: #5591a7;
}

.container-title ol.column-3-card li h3 br {
    display: none;
}

.container-title ol.column-3-card li p {
    font-size: 14px;
    padding: 0 15px;
    margin-top: 0;
}

.container-title ol.column-3-card li a {
    display: block;
    text-align: center;
    width: calc(100% - 30px);
    margin: 20px 15px 15px 15px;
    background-color: #EEB14C;
    color: #FFF;
    padding: 13px;
    letter-spacing: 1px;
    border-radius: 5px;
    font-size: .85em;
}

.h2_ttl_01 {
    font-size:29px;
    color:#555;
    font-weight: 600;
    text-align: center;
    line-height: 42px;
    margin-bottom: 40px;
}


#contents-wrapper.marunage-wrap {
    padding-top: 104px !important;
}

.marunage-wrap .container-title .plan_box {
    margin-top: 30px;
}

.marunage-wrap .container-title .plan_box ul {
    display: block;
    text-align: center;
    margin: 0 auto 30px auto;
}

.marunage-wrap .container-title .plan_box ul li {
    color: #FFF;
    background: #48a7e0;
    width: 100%;
    padding: 20px 15px;
    box-sizing: border-box;
    font-size: 1.3em;
    font-weight: 500;
    line-height:1.5em;
}

.marunage-wrap .container-title .plan_box ul li:nth-child(2),
.marunage-wrap .container-title .plan_box ul li:nth-child(4)
{
    background: none;
    color: #48a7e0;
    width: 10%;
    margin: 0 auto;
    padding: 20px 15px;
}

.marunage-wrap .container-title h2 {
    font-size: 3.15vh;
    font-weight: 600;
    line-height: 1.65em;
    padding-bottom: 20px;
}

.container-title h2.price-ttl.border-bottom {
    font-size: 1.85em;
    text-align: center;
    color: #2f6087;
    /* margin-top: 20px; */
    margin-bottom: 40px;
    padding-bottom: 0;
    line-height: 1.35em;
}

.container-title h2.price-ttl.border-bottom::after {
    content: '';
    display: block;
    margin: 20px auto;
    width: 100px;
    height: 2px;
    background-color: #2f6087;
}

.marunage_figure figure img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.marunage_arrow_gray {
    text-align: center;
    margin: 40px 0 70px;
}

.txt_strong {
    font-size:  1.5em;
    font-weight: 600;
    color:#4b8df8;
    display: block;
    line-height: 1.25em;
    margin-top: 0.35em;
    text-align: center;
}

.option_box  {
    max-width: 500px;
    margin: 0 auto;
}

.option_box figure img {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.option_box .option_box_01,
.option_box .option_box_02,
.option_box .option_box_03 {
    padding: 36px;
    border: solid 4px  #eee;
    border-radius: 10px;
    position: relative;
    padding-top: 160px;
    margin-bottom: 30px;
    text-align: center;
}

.option_box .option_box_01 figure img {
    width: 180px;
    top: -60px;
    left: 50%;
}

.option_box .option_box_02 figure img {
    width: 250px;
    top: -20px;
    left: 50%;
}

.option_box .option_box_03 figure img {
    width: 232px;
    top: 40px;
    left: 50%;
}

.marunage_bg02 {
    background-image: url(/service/mikata/images/product/marunage_bg02_sp.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 80px;
}

.option_box.num {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.option_box.num {
    max-width: 700px;
    margin: 0 auto;
}

.option_box .option_box_num01,
.option_box .option_box_num02,
.option_box .option_box_num03 {
    padding: 30px 0 0;
    position: relative;
    text-align: center;
    width: 42%;
    margin: 74px 2% 30px;
}

.option_box.num .option_box_num02 h3 {
    margin-bottom: 1.6em;
}

.option_box .option_box_num03 {
    margin-bottom: 24px;
}

.option_box .option_box_num01 figure img,
.option_box .option_box_num02 figure img,
.option_box .option_box_num03 figure img {
    width: 76px;
    top: -74px;
    left: 50%;
}

.option_box.num h3 {
    font-size:  1.5em;
    line-height: 1.25em;
    margin-bottom: 0.3em;
}

.num_txt {
    font-size: 16px;
    line-height: 1.3em;
    text-align: center;
}

.marunage_bg03 {
    background-image: url(/service/mikata/images/product/marunage_bg03.png) ;
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 80px;
    background-repeat:no-repeat;
}
.option_cont_box figure {
    text-align: center;
}

.option_cont_box figure img {
    width: 80%
}

.option_cont_box p {
    font-size: 20px;
    line-height: 1.4em;
    text-align: center;
    margin-top: 40px;
}

.container-box.merit {
    padding: 60px 0 80px;
}

.merit_ttl {
    font-size: 28px;
    text-align: center;
    margin-top: 10px;
    line-height: 1.6;
}

.option_merit_box {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.option_merit_box .option_merit_box_01 {
    margin-right: 6%;
}

.option_merit_box .option_merit_box_01,
.option_merit_box .option_merit_box_02 {
    margin-bottom: 50px;
}

.option_merit_box .option_merit_box_03 {
    margin-bottom: 0;
}

.option_merit_box p {
    text-align: center;
    font-size: 22px;
    margin: 12px 0 26px;
}

.marunage_bg04 {
    background-color: #b0d7ff;
    padding: 60px 0 80px;
}

.step_box {
    max-width: 700px;
    margin:  auto;
}

.step_box .step_box_item {
    position: relative;
    width: 100%;
    height: 206px;
    max-width: 732px;
    z-index: 1;
    margin-bottom: 50px;
}

.step_box .step_box_item::after {
    content:"";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.step_box .step_box_item::before {
    content:"";
    background-image: url(/service/mikata/images/product/marunage_arrow_blue.png) ;
    position: absolute;
    top:210px;
    left: 50%;
    width: 99px;
    height: 32px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.step_box .step_box_item.item_05::before {
    content:"";
    background-image: none;
}

.step_box .step_box_item.item_01,
.step_box .step_box_item.item_02,
.step_box .step_box_item.item_03,
.step_box .step_box_item.item_04,
.step_box .step_box_item.item_05 {
    background-size:contain;
    background-repeat: no-repeat;
}

.step_box .step_box_item.item_01 {
    background-image: url(/service/mikata/images/product/marunage_step1_b_sp.png) ;
}

.step_box .step_box_item.item_02 {
    background-image: url(/service/mikata/images/product/marunage_step2_b_sp.png) ;
}

.step_box .step_box_item.item_03 {
    background-image: url(/service/mikata/images/product/marunage_step3_b_sp.png) ;
}

.step_box .step_box_item.item_04 {
    background-image: url(/service/mikata/images/product/marunage_step4_b_sp.png) ;
}

.step_box .step_box_item.item_05 {
    background-image: url(/service/mikata/images/product/marunage_step5_b_sp.png) ;
    margin-bottom: 0;
}


.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 50px;
    position: absolute;
    top: 50%;
    left: 12vh;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.step_box .step_box_item.item_01 figure img {

}

.step_box  p {
    position: absolute;
    top: 50%;
    left: 19vh;
    font-size: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.example_box {
    margin-bottom: 30px;
}

.example_box .example_r ul {
    display: flex;
    margin-bottom: 16px;
}

.example_box .example_r ul li {
    font-size: 14px;
    color:#fff;
    background-color:#4b8df8 ;
    border-radius: 6px;
    padding: 10px;
    margin-right: 11px;
    font-weight: 600;
}

.contact-box.price {
    padding: 51px 0 80px;
}

.contrivance_cont figure {
    margin: 10px 0 24px;
}

.contrivance_cont figure img {
    width: 100%;
    max-width: 500px;
    margin:  0 auto;
}

.contrivance_cont p {
    font-size: 16px;
    text-align: center;
}

.example_box {
    max-width:640px;
    margin: 0 auto 40px;
}

.contact-box.example {
    padding: 60px 0 80px;
}

.example_l .company_ttl {
    font-size: 26px;
    color:#2f6087;
    font-weight: 600;
    margin-bottom: 10px;
}

.example_box .example_r .company_txt {
    font-size: 1.85vh
    line-height: 1.3em;
}

.example_box .example_r .company_list_ttl {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.example_box .example_l figure {
    margin-bottom: 20px;
    text-align: center;
}

.example_box .example_l figure img {
    width: 100%;
    max-width: 640px;
}

.marunage_figure.price figure img {
    width: 100%;
    max-width: 500px;
}

.example_link_btn a {
    margin: 0 auto;
    color: #fff;
    display: block;
    font-weight: 600;
    width: 70%;
    font-size: 18px;
    padding: 26px 0;
    border-radius: 50px;
    text-align: center;
    background-color: #f7a42e;
}


.contact-area h4 {
    color: #5a97af;
    font-size: 1.45em;
    font-weight: lighter;
    padding: 15px 0 30px 0;
    text-align: center;
}

.show_pc {display: none;}

.example_box .example_r .company_ttl {
    font-size: 1.85em;
    color: #2f6087;
    font-weight: 600;
    margin-bottom: 14px;
}

#contact.marunage_form {
    margin-bottom: 0;
    border: none;
}

.column-1-boxinside .column-1-boxinside-list section {
    flex-direction: column;
}

.column-1-boxinside .column-1-boxinside-list section figure {
    width: 50%;
    margin: 0 auto 20px;
}

.column-1-boxinside .column-1-boxinside-list section div {
    width: 100%;
}

.learn-more-cta {
    width: 100%;
    max-width: 730px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cta-service {
    background-color: #f7a42e;
    color: #fff;
    font-size: 1.20em;
    padding: 15px 0;
    width: 48%;
    border-radius: 30px;
    text-align: center;
    transition: .3s;
}

.cta-other {
    border-radius: 30px;
    padding: 15px 0;
    width: 48%;
    text-align: center;
    background: url(/service/mikata/images/top/top-new/bg_btn_pattern.png) left/100% no-repeat, linear-gradient(144deg, #217fc4 50%, #1a6aba 70%, #001694 100%);
    transition: .3s;
}

.cta-service:hover,
.cta-other:hover {
    transform: scale(1.05);
    transition: .3s;
}

.cta-other-txt {
    color: #fff;
    font-size: 1.20em;
}

}


@media screen and (max-width:  600px) {

    .step_box .step_box_item {
        height: 156px;
        margin-bottom: 42px;
    }

    .step_box .step_box_item::before {
        content:"";
        background-image: url(/service/mikata/images/product/marunage_arrow_blue.png) ;
        position: absolute;
        top:115px;
        width: 80px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: contain;
    }


    .step_box .step_box_item::before {
        content:"";
        top:164px;
        width: 70px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: contain;
    }

.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 36px;
    left: 10vh;
}

.step_box  p {
    left: 16vh;
    word-wrap: break-word;
    padding-right:1em;
}

.step_box  p br {
    display: none;
}

}


@media screen and (max-width:  500px) {

    .step_box .step_box_item {
        height: 128px;
        margin-bottom: 42px;
    }

    .step_box .step_box_item::before {
        content:"";
        top:115px;
        width: 80px;
        height: 32px;
    }


    .step_box .step_box_item::before {
        content:"";
        top:140px;
        width: 65px;
        height: 32px;
    }

.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 32px;
    left: 11vh;
}

.step_box  p {
    left: 17vh;
}

.sm_p {
    padding: 0px 15px;
}

.learn-more-cta {
    display: block;
    margin-top: 20px;
}

.cta-service {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-size: 1em;
    padding: 10px 0;
}

.cta-other {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.cta-other-txt {
    font-size: 1em;
}

}

@media screen and (max-width:  414px){

.h2_ttl_01 {
    line-height: 30px;
}

.container-title .price-ttl.border-bottom  br {
    display: none;
}

.txt_strong {
    font-size: 22px;
}

.option_cont_box p {
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
}

.option_box .txt_strong br{
    display: block ;
}

.option_cont_box p br {
    display: none;
}

.option_box .option_box_01 p,
.option_box .option_box_02 p,
.option_box .option_box_03 p  {
    font-size: 16px !important;
}

.option_box .option_box_num01,
.option_box .option_box_num02,
.option_box .option_box_num03 {
    width: 100%;
    margin:  0 0 110px 0;
}

.option_box .option_box_num01 {
    margin-top: 110px;
}

.option_box.num .option_box_num02 h3 {
    margin-bottom: 0.3em;
}

.option_box .option_box_num03 {
    margin-bottom: 0;
}


.option_box.num {
    display: block;
}

    .step_box .step_box_item {
        height: 105px;
        margin-bottom: 42px;
    }

    .step_box .step_box_item::before {
        content:"";
        top:115px;
        width: 70px;
        height: 32px;
    }

.merit_ttl {
     font-size: 24px;
    line-height: 1.4;
 }

 .option_merit_box p {
    font-size: 22px;
    margin-top: 10px;
}
.option_merit_box figure img {
    width: 120px;
}

.option_merit_box figure:nth-of-type(2) img {
    width: 220px;
}
.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 36px;
    left: 10vh;
}

.step_box .step_box_item.item_01 figure img {

}

.step_box  p {
    left: 16vh;
}

.example_box .example_r ul {
    flex-wrap: wrap;
}

.example_box .example_r ul li {
    width:41%;
    margin-right: 4%;
}

.example_box .example_r ul li:nth-child(1),
.example_box .example_r ul li:nth-child(2) {
    margin-bottom: 2% ;
}

.example_box .example_r ul li:nth-child(even) {
    margin-right: 0;
}

.example_box .example_r .company_ttl {
    font-size: 24px;
    color: #2f6087;
    font-weight: 600;
    margin-bottom: 14px;
}

}

@media screen and (max-width:  375px){

    .step_box .step_box_item {
        height: 94px;
        margin-bottom: 42px;
    }

    .step_box .step_box_item::before {
        content:"";
        top:103px;
        width: 70px;
        height: 32px;
    }

.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 30px;
    left: 11vh;
}

.step_box .step_box_item.item_01 figure img {

}

.step_box  p {
    font-size: 15px;
    left: 18vh;
    line-height: 1.3;
}

}

@media screen and (max-width:  360px){

.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 30px;
    left: 8vh;
}

.step_box  p {
    font-size: 12px;
    left: 14vh;
}

}

@media screen and (max-width:  320px){
    .contrivance_cont p br {
        display: none;
    }
    .step_box .step_box_item {
        height: 80px;
        margin-bottom: 32px;
    }

    .step_box .step_box_item::before {
        content:"";
        top:86px;
        width: 60px;
        height: 32px;
    }

.step_box .step_box_item.item_01 figure img,
.step_box .step_box_item.item_02 figure img,
.step_box .step_box_item.item_03 figure img,
.step_box .step_box_item.item_04 figure img,
.step_box .step_box_item.item_05 figure img {
    width: 26px;
    left: 11vh;
}

.step_box  p {
    font-size: 12px;
    left: 14vh;
}

.example_link_btn a {
    width: 270px;
}
}

.container-title .container-contact p a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.invoice_box {
    background-color: #D1E1F0;
}

.subsidy_box {
    background-color: #D1E1F0;
}

.n_wrapper {
    max-width: 980px;
    width: 100%;
    margin: auto;
    padding: 50px 20px;
    box-sizing: border-box;
}

.n_wrapper h2 {
    font-size: 1.85em;
    line-height: 1.45em;
    font-weight: 600;
    color: #2f6087;
    text-align: center;
    letter-spacing: .05em;
    position: relative;
}

.n_wrapper h2:after {
    content: '';
    display: block;
    margin: 30px auto 60px auto;
    width: 100px;
    height: 2px;
    background-color: #2f6087;
}

.invoice_wrapper,
.subsidy_wrapper {
    padding: 70px 20px;
}

.invoice_wrapper .border-bottom:after,
.subsidy_wrapper .border-bottom:after {
    margin-bottom: 40px;
    background-color: #5b8bf0;
}

.invoice_box .n_wrapper .copy,
.subsidy_box .n_wrapper .copy {
    margin: 30px auto;
    text-align: center;
    color: #466387;
    line-height: 1.71429;
    font-size: 16px;
}

.invoice_items,
.subsidy_items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.invoice_item {
    width: 48%;
    max-height: 230px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px 35px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 5px 10px 15px 5px rgba(10,10,10,0.1);
}

.subsidy_item {
    width: 48%;
    height: 360px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px 35px;
    box-sizing: border-box;
    box-shadow: 5px 10px 15px 5px rgba(10,10,10,0.1);
    position: relative;
}

.subsidy_item_tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    padding: 13px 0;
    text-align: center;
    font-size: 16px;
    background-color: #5B8BF0;
    color: #ffffff;
    border-radius: 20px 0 20px 0;
}

.invoice_item_image01 {
    width: 35%;
    text-align: center;
}

.invoice_item_image02 {
    width: 39%;
}

.invoice_item_content01 {
    padding-left: 8%;
    width: 60%;
}

.invoice_item_content02 {
    padding-left: 8%;
    width: 60%;
}

.subsidy_item_image01 {
    width: 55%;
    margin: -25px auto 0;
    text-align: center;
}

.subsidy_item_image02 {
    width: 60%;
    margin: 25px auto 0;
}

.subsidy_item_content {
    width: 100%;
    margin-top: 20px
}

.invoice_item_image img,
.subsidy_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invoice_item_image01 img,
.subsidy_item_image01 img {
    width: 85%;
}

.invoice_item_content h3,
.subsidy_item_content h3 {
    font-size: 20px;
    color: #5B8BF0;
    margin-bottom: 15px;
}

.invoice_item_content p,
.subsidy_item_content p {
    font-size: 14px;
    color: #466387;
    line-height: 1.7;
}

@media screen and (max-width: 768px) {
    .n_wrapper {
        width: 95%;
        padding: 75px 2.5%;
        margin: auto;
    }

    .n_wrapper h2 {
        font-size: 4.6vw;
        line-height: 1.45em;
        font-weight: 600;
        color: #2f6087;
        text-align: center;
        letter-spacing: .05em;
        position: relative;
    }

    .n_wrapper h2:after {
        content: '';
        display: block;
        width: 100px;
        height: 2px;
        background-color: #2f6087;
    }

    .invoice_items,
    .subsidy_items {
        display: block;
    }

    .invoice_item {
        width: 100%;
        max-height: 100%;
    }

    .subsidy_item {
        width: 100%;
        height: 100%;
    }

    .invoice_item:first-child,
    .subsidy_item:first-child {
        margin-bottom: 40px;
    }

    .subsidy_box .n_wrapper .copy {
        text-align: left;
    }
}

@media screen and (max-width: 670px) {
    .invoice_box .n_wrapper .copy {
        text-align: left;
    }

    .n_wrapper h2 {
        font-size: 6.5vw;
        line-height: 1.45em;
        font-weight: 600;
        color: #2f6087;
        text-align: left;
        padding-left: 10px;
        letter-spacing: .05em;
        position: relative;
    }
}

@media screen and (max-width: 460px) {
    .invoice_item {
        display: block;
    }

    .subsidy_item {
        padding: 40px 20px;
    }

    .invoice_item_content,
    .subsidy_item_content {
        width: 100%;
        margin-top: 30px;
        padding: 0;
    }

    .invoice_item_content h3 {
        text-align: center;
    }

    .subsidy_item_content h3 {
        text-align: left;
        line-height: 1.3;
        font-size: 18px;
    }

    .invoice_item_image {
        width: 40%;
        margin: 0 auto;
    }

    .subsidy_item_image01 {
        width: 80%;
    }

    .subsidy_item_image02 {
        width: 80%;
    }
}

/** table **/

@media screen and (max-width: 769px) {
  #table .ttl_annotation {
    font-size: 3.46667vw;
  }
}

#table .table_area__inner {
  overflow-x: auto;
  margin-bottom: 30px;
}

#table .table_area table {
  width: 980px;
  margin: auto;
  color: #555;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.6em;
  border: #fff 1px solid;
}

#table .table_area__inner .point-list {
    margin: 30px 0;
}
#table .table_area__inner .point-list li {
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 15px;
}

@media screen and (max-width: 769px) {
  #table .table_area table {
    display: none;
  }
  #table .table_area__inner .point-list li {
    font-size: 14px;
  }
}

#table .table_area table td {
    border: 1px #BDBDBD solid;
}
#table .table_area table tr:nth-child(1) {
    background: #4B869E;
    color: #FFF;
}
.robo_table{
    background: #000000;
}
.robo_table0{
    background: #F19187;
    color: #FFF;
    font-size: 17px;
    font-weight: 700 !important;
}
.white{
    color: #FFF;
}
#table .table_area table tr:nth-child(2) {
  background: #fff;
}
.robo_table1{
    width: 200px;
}
.robo_table2{
    background: #FDF1F1;
    font-weight: 700 !important;
    width: 290px;
}
#table .table_area table tr:nth-child(3) {
 background: #fff;
}
.robo_table2_1{
    align-items: center;
    background: #FDF1F1;
}
.robo_table2_0{
    align-items: center;
    background: #FFF;
    border-right: 1px solid #fff!important;
    width: 60px;
}
.robo_table2_1 img{
    max-width: 40px;
}

.robo_table2_2{
    align-items: center;
    width: 280px;
}

.robo_table2_2 img{
    padding: 10px;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: center;
    max-width: 16%;
    }

.robo_table3{
    background: #FDF1F1;
}
.robo_table3 span{
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(4) {
    background: #fff;
}
.robo_table4{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(5) {
    background: #fff;
}
.robo_table5{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(6) {
    background: #fff;
}
.robo_table6{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(7) {
    background: #fff;
}
.robo_table7{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(8) {
    background: #fff;
}
.robo_table8{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(9) {
    background: #fff;
}
.robo_table9{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(10) {
    background: #fff;
}
.robo_table10{
    background: #FDF1F1;
    font-weight: 700 !important;
}
#table .table_area table tr:nth-child(11) {
    background: #fff;
}
#table .table_area table tr td {
  position: relative;
  padding: 20px 15px;
  vertical-align: middle;
  letter-spacing: -0.5px;
  font-weight: 200;
}

#table .table_area table tr td.bool_txt {
  font-size: 13px;
  letter-spacing: 0;
}

#table .table_area table tr td.maru {
  background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_maru.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#table .table_area table tr td.sankaku {
  background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_sankaku.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#table .table_area table tr td.batsu {
  background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_batsu.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#table .table_area table tr td:nth-child(2) {
width: 60px;
border-right: 1px #FDF1F1 solid;
}

#table .table_area .sp_table {
  display: none;
}

#table .ttl_annotation {
    font-size: 18px;
    color: #2f6087;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1.6px;
  }
  
  #table .table_area__inner {
    overflow-x: auto;
    margin-bottom: 30px;
  }
  
  #table .table_area table {
    width: 980px;
    margin: auto;
    color: #555;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.6em;
  }
  
  @media screen and (max-width: 769px) {
    #table .table_area table {
      display: none;
    }
  }

  @media screen and (max-width: 769px) {
    #table .table_area .sp_table {
      display: block;
    }
    #table .table_area .sp_table .ttl {
      background: #217fc4;
      color: #fff;
      width: 100%;
      height: 10.66667vw;
      font-size: 4.26667vw;
      font-weight: 700;
      line-height: 1em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    #table .table_area .sp_table .ttl_robo {
        background: #F19187;
        color: #fff;
        width: 100%;
        height: 10.66667vw;
        font-size: 4.26667vw;
        font-weight: 700;
        line-height: 1em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
    #table .table_area .sp_table__inner {
      margin-bottom: 10vw;
    }
    #table .table_area .sp_table__inner h5 {
      background: #cde3f2;
      color: #555;
      width: 100%;
      height: 13.33333vw;
      font-size: 4.26667vw;
      font-weight: 700;
      line-height: 1em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    #table .table_area .sp_table__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background: #fff;
      border-top: 0.4vw solid #e5e8ec;
    }
    #table .table_area .sp_table__item p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      /*justify-content: center;*/
      width: 50%;
      padding: 3.33333vw 2.66667vw 3.6vw;
      background: #f5f6f7;
      color: #555;
      font-size: 3.2vw;
      line-height: 1.6em;
      font-weight: bold;
    }
    #table .table_area .sp_table__item p img{
        max-width: 25px;
        margin: 10px;
    }

    #table .table_area .sp_table__item .jc{
    justify-content: center;
    }

    #table .table_area .sp_table__item p:nth-child(2) {
      background: #e8f2f9;
      color: #555;
      justify-content: none!important;
    }
    #table .table_area .sp_table__item p.hikaku {
        background-size: 9.33333vw;
      }
    #table .table_area .sp_table__item p.maru {
      background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_maru.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 9.33333vw;
    }
    #table .table_area .sp_table__item p.sankaku {
      background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_maru.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 8.66667vw;
    }
    #table .table_area .sp_table__item p.batsu {
      background-image: url(https://www.robotpayment.co.jp/service/marunage/img/top/table_maru.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 6.66667vw;
    }
  }

  /** btn **/

  .card-keyvisual__btns {
    display: flex;
    justify-content: flex-start;
    column-gap: 3rem;
    max-width: 800px;
    margin: 0 auto;
    padding-block: 2rem;
  }
  
  .card-keyvisual__btns .btn_item {
    flex: 1;
  }
  
  .card-keyvisual__btns .btn_item p {
    text-align: center;;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

  @media screen and (max-width: 620px) {
  .card-keyvisual__btns {
    flex-direction: column;
    row-gap: 2rem;
    margin: 2rem 0;
  }
}

/* = label-org-btn
----------------------------------------------------------------------------- */

.label-org-btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: white;
    height: 74px;
    font-size: 18px;
    font-weight: 700;
    padding-inline: 1rem 2rem;
    background: #ef9b38;
    box-shadow: 0 5px 0 0 #af732d;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }
  
  .label-org-btn:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny 3s ease-in-out infinite;
  }
  
  .label-org-btn ._label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 55px;
    aspect-ratio: 1 / 1;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 5px;
    background: #fff;
    color: #ef9b38;
    text-align: center;
  }
  
  .label-org-btn ._icon {
    width: 25px;
    margin: 6px 10px 0 0;
  }
  
  .label-org-btn ._text {
    color: white;
    padding-top: .2em;
    font-size: 18px;
    margin-left: 1.5em;
  }
  
  .label-org-btn ._text2 {
    color: white;
    padding-left: 2em;
    font-size: 18px;
    margin-left: 2.2em;
  }
   .label-org-btn ._text3 {
    color: white;
    padding-top: .2em;
    font-size: 18px;
    margin-left: 1.5em;
  }
  
  .label-org-btn ._text4 {
    color: white;
    padding-left: 2em;
    font-size: 18px;
    margin-left: 2.2em;
  }
  
  
  @media screen and (max-width: 620px) {
    .label-org-btn {
      width: 85%;
      margin: 0 auto;
    }
  
    .label-org-btn ._label {
      margin-right: 1rem;
    }
  
    .label-org-btn ._text {
      font-size: 4.1vw;
      text-align: center;
      margin-left: 0;
    }
    .label-org-btn ._text2 {
      font-size: 4.1vw;
      text-align: center;
      margin-left: 0;
    }
    .label-org-btn ._text3 {
        font-size: 4.1vw;
        text-align: center;
        margin-left: 10px;
      }
    .label-org-btn ._text4 {
        font-size: 4.1vw;
        text-align: center;
         margin-left: 10px;
      }
             
  }
  
  
  @keyframes shiny {
    0% {
      transform: scale(0) rotate(45deg);
      opacity: 0;
    }
  
    80% {
      transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }
  
    81% {
      transform: scale(4) rotate(45deg);
      opacity: 1;
    }
  
    100% {
      transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }

  .contact_box .contact_box_inside .contact_phone_box {
    text-align: center;
    width: 60%;
    border: solid 1pt;
    border-color: #C4c4c4;
    margin: 25px auto 0 auto;
    padding: 25px 0;
  }
  
  .contact_box .contact_box_inside .contact_phone_box h3,
  .contact_box .contact_box_inside .contact_phone_box h4,
  .contact_box .contact_box_inside .contact_phone_box h5,
  .contact_box .contact_box_inside .contact_phone_box p {
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box .sp_phone {
    margin-top: 10px;
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box span {
    font-size: 2.0em;
    color: #529c10;
    padding-left: 15px;
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box span a {
    color: #529c10;
  }


.contact_box .contact_box_inside .contact_phone_box {
  text-align: center;
  width: 90%;
  border: solid 1pt;
  border-color: #C4c4c4;
  margin: 25px auto 0 auto;
  padding: 25px 0;
}

.contact_box .contact_box_inside .contact_phone_box .sp_phone {
  margin-top: 10px;
  text-align: center;
}

.contact_box .contact_box_inside .contact_phone_box h3,
.contact_box .contact_box_inside .contact_phone_box h4,
.contact_box .contact_box_inside .contact_phone_box h5,
.contact_box .contact_box_inside .contact_phone_box p {
  text-align: center;
}

.contact_box .contact_box_inside .contact_phone_box span {
  font-size: 2.0em;
  color: #529c10;
  padding-left: 15px;
  text-align: center;
}

.contact_box .contact_box_inside .contact_phone_box span a {
  color: #529c10;
  text-align: center;
}

.contact_box .contact_box_inside .contact_phone_box p {
  font-size: .75em;
}

@media screen and (min-width: 481px) {
.contact_box .contact_box_inside .contact_phone_box {
    text-align: center;
    width: 60%;
    border: solid 1pt;
    border-color: #C4c4c4;
    margin: 25px auto 0 auto;
    padding: 25px 0;
  }
  
  .contact_box .contact_box_inside .contact_phone_box .sp_phone {
    margin-top: 10px;
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box h3,
  .contact_box .contact_box_inside .contact_phone_box h4,
  .contact_box .contact_box_inside .contact_phone_box h5,
  .contact_box .contact_box_inside .contact_phone_box p {
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box span {
    font-size: 2.0em;
    color: #529c10;
    padding-left: 15px;
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box span a {
    color: #529c10;
    text-align: center;
  }
  
  .contact_box .contact_box_inside .contact_phone_box p {
    font-size: .75em;
  }
}

.add_mg{
margin-bottom: 70px !important;
}

/* -----------------------------------------------------
    slide
----------------------------------------------------- */


#slide {
    width: calc(90% - 10px);
    margin: 65px auto 5em;
    padding-top: 3.5em;
    border-radius: 20px;
    position: relative;
    padding: 40px 0 0 0 !important;
  }
  
  #slide .box-title {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 20%;
    right: 20%;
    text-align: center;
    line-height: 1;
    background: #FFF;
    font-size: 1.75em;
    font-weight: 600;
    color: #2f6087;
    margin-bottom: 10px;
  }

  #slide p {
    text-align: center;
    line-height: 1.6;
    background: #FFF;
    font-size: 1.3em;
    font-weight: 200;
    color: #2f6087;
    margin: 30px 0px;
  }
  
  @media screen and (max-width: 768px) {
    #slide .box-title {
      left: 0;
      right: 0;
    }
  }
  
  @media screen and (max-width: 768px) and (max-width: 640px) {
    #slide .box-title {
      left: 0;
      right: 0;
      font-size: 5.20833vw;
      line-height: 1.4;
    }
  }
  
  #slide .box {
    margin: auto;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 30px;
    width: 100vw;  
    margin-left: calc(50% - 50vw);
  }
  
  @media screen and (max-width: 640px) {
    #slide .box {
      padding: 5px 0;
    }
  }
  
  #slide .box .sliding {
    background: url(https://www.robotpayment.co.jp/service/mikata/images/top/top-new/logo.png) repeat-x 50%;
    height: 184px;
    width: 100%;
    -webkit-animation: slide 25s linear infinite;
    animation: slide 25s linear infinite;
  }
  
  #slide .container-contact {
    width: 100%;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  @media screen and (max-width: 768px) {
    #slide .container-contact {
      -ms-flex-pack: distribute;
      justify-content: space-around;
    }
  }
  
  #slide .container-contact p {
    max-width: 365px;
    width: 100%;
  }
  
  #slide .container-contact p + p {
    margin-left: 20px;
  }
  
  @media screen and (max-width: 768px) and (max-width: 640px) {
    #slide .container-contact p {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 768px) {
    #slide .container-contact p + p {
      margin-left: 0;
    }
  }
  
  @media screen and (max-width: 768px) and (max-width: 640px) {
    #slide .container-contact p + p {
      margin-top: 2.6vw;
    }
  }
  
  #slide .container-contact p a {
    padding: 8px 0;
    display: block;
    border-radius: 50px;
    background-color: #f7a42d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #f7a42d;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 15px;
  }
  
  @media screen and (max-width: 768px) {
    #slide .container-contact p a {
      line-height: 1em;
      padding: 3vw 0;
    }
  }
  
  #slide .container-contact p a.sf_btn {
    color: #fff;
    border: 2px solid #00a1e0;
    background-color: #00a1e0;
  }
  
  #slide .container-contact p a:hover {
    opacity: 0.7;
  }
  
  @-webkit-keyframes slide {
    0% {
      background-position: 0 0;
    }
    to {
      background-position: -3220px 0;
    }
  }
  
  @keyframes slide {
    0% {
      background-position: 0 0;
    }
    to {
      background-position: -3220px 0;
    }
  }

  .n_contents_wrapper2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0;
  }

  .bottun_inner{
    margin: 10px;
  }

@media screen and (max-width: 640px) {
    .n_contents_wrapper2 {
        display: none;
      }
    }

.contact_phone_box {
        text-align: center;
        width: 60%;
        border: solid 1pt;
        border-color: #C4c4c4;
        margin: 25px auto 0 auto;
        padding: 25px 0;
}

.contact_phone_box span{
    font-size: 2.0em;
    color: #529c10;
    padding-left: 15px;
    text-align: center;
}
.contact_phone_box span a {
    color: #529c10;
    font-weight: bold;
}

.contact_phone_box h3{
    font-size: 1.17em;
}
.sp_phone {
    margin-top: 10px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .contact_phone_box {
        text-align: center;
        width: 90%;
        border: solid 1pt;
        border-color: #C4c4c4;
        margin: 25px auto 0 auto;
        padding: 25px 0;
    }
    .contact_phone_box span a {
        color: #529c10;
        text-align: center;
    }
}

/*---------------------------------------------------
請求 #00
-----------------------------------------------------*/
.industry-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.industry-box ul {
    margin-top: 40px;
}

.industry-box ul li {
    width: 20%;
    margin-bottom: 40px;
}

.industry-box ul li picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 50%;
}

.industry-box ul li picture img {
    width: 100%;
    max-width: 80px;
}

.column-images,
.industry-box ul li .industry-ttl,
.industry-box ul li h3 {
    margin-top: 15px;
    text-align: center;
}

    .industry-box ul li .industry-ttl {
        font-weight: bold;
    }
@media screen and (max-width: 640px) {

.industry-box ul li picture {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 90px;
text-align: center;
margin: 0 auto;
background-color: #FFF;
border-radius: 50%;
}
.industry-box ul li {
width: 40%;
margin-bottom: 40px;
}
}

/*---------------------------------------------------
salesforce add 2024.7
-----------------------------------------------------*/

/** common setting **/
.contents_inside {
    width: 980px;
    margin: 0 auto;
}

.contents_inside h2 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 36px;
    font-weight: 500;
}
.contents_inside h2 p {
    line-height: 2em;
    text-align: center;
}
.contents_inside p {
    line-height: 2em;
    text-align: center;
    font-size: 18px;
}
        
.contents_inside span{
    font-weight: 600;
}

.contents_inside h2 figure {
    text-align: center;
}
/** service setting **/
#service6 {
    padding: 80px 0 60px 0;
    border-bottom: 1px solid #CCC;
}
#service6 section ul li {
    padding: 5px;
    border-bottom: dotted .55pt #ccc;
    text-align: left;
}
#service6 section ul li span {
    display: block;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: .05em;
    background-image: url(/lan/img/new_sugest_arrow.png);
    background-repeat: no-repeat;
    background-position-y: center;
    padding-left: 65px;
    font-weight: normal;
    font-size: 18px;
}

#service6 section ul li span strong {
    color: #5A97AF;
    font-size: 1.25em;
}
#service6 section {
    padding: 0;
    background: #FFF;
}
#service6 section ul li ul {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    padding-left: 68px;
}
#service6 section ul li ul li {
    padding: 0;
    border-bottom: none;
    font-size: 1em;
    display: inline;
    color: #5A97AF;
    font-weight: normal;
}
#service6 section ul li ul li:after {
    content: "/";
    padding: 0 5px;
}


#service3 {
    border-bottom: 1px solid #cccccc;
}
#service3 h2 span {
    color: #5A97AF;
    font-size: 1.15em;
    font-weight: 600;
}

#service3 dl {
    width: 30%;
    float: left;
    margin-top: 50px;
    margin-right: 4%;
    color: #8a8a8a;
}
#service3 dl dt {
    text-align: center;
    color: #1e91d1;
}
#service3 dl:last-child {
    margin-right: 0%;
}
.contents_inside:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#service5 {
    padding: 80px 0;
    border-top: 1px solid #CCC;
}
#service5 .contents_inside_box {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#service5 .contents_inside_box table:first-child {
    margin-right: 30px;
}
#service5 .contents_inside_box table {
    width: 475px;
}
#service5 .contents_inside_box table:first-child thead {
    border-top: 2px solid #a2a2a2;
    border-right: 2px solid #a2a2a2;
    border-left: 2px solid #a2a2a2;
    background-color: #a2a2a2;
}
#service5 .contents_inside_box table:first-child thead tr th {
    width: 100%;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 1em;
    border: 2px solid #FFF;
}
#service5 .contents_inside_box table:first-child tbody tr th {
    width: 30%;
    color: #fff;
    background-color: #a2a2a2;
    vertical-align: middle;
    padding: 20px;
    border: 2px solid #FFF;
    font-size: 1em;
}
#service5 .contents_inside_box table:first-child tbody tr td {
    width: 70%;
    background-color: #FFF;
    vertical-align: middle;
    padding: 20px;
    font-size: 1em;
}
#service5 .contents_inside_box table:last-child thead {
    border-top: 2px solid #C4c4c4;
    border-right: 2px solid #C4c4c4;
    border-left: 2px solid #C4c4c4;
    background-color: #30638B;
}
#service5 .contents_inside_box table:last-child thead tr th {
    width: 100%;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 1em;
    border: 2px solid #FFF;
}
#service5 .contents_inside_box table:last-child tbody tr th {
    width: 30%;
    color: #fff;
    background-color: #30638B;
    vertical-align: middle;
    padding: 20px;
    font-size: 0.85em;
    border: 2px solid #FFF;
    font-size: 14px;
}
#service5 .contents_inside_box table:last-child tbody tr td {
    width: 70%;
    background-color: #FFF;
    padding: 20px;
    vertical-align: middle;
    font-size: 1em;
}
#service5 .contents_inside_box:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#service1 {
    width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #CCC;
}
#service_point_wrap h3 {
    text-align: center;
    font-size: 1.65em;
    padding-bottom: 20px;
}
#service1 .contents_inside h3:before {
    content: 'ポイント①';
}
#service2 .contents_inside h3:before {
    content: 'ポイント②';
}
#service4 .contents_inside h3:before {
    content: 'ポイント③';
}

#service_point_wrap h3:before {
    display: block;
    background: #5A97AF;
    text-align: center;
    color: #FFF;
    font-size: 0.65em;
    width: 250px;
    padding: 5px 0;
    border-radius: 5px;
    margin: 0 auto 30px auto;
}
#service1 .contents_inside h3 span {
    color: #5A97AF;
    font-size: 1.15em;
    font-weight: bold;
}
#service_point_wrap h3 {
    text-align: center;
}
#service_point_wrap p {
    text-align: center;
}
.contents_inside figure {
    text-align: center;
}

#service2 {
    width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #CCC;
}

#service4 {
    width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #CCC;
}
#service4 .service4_right {
    float: right;
    width: 400px;
    margin-top: 30px;
}
#service4 .contents_inside:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
#service2 .contents_inside h3 span {
    color: #5A97AF;
    font-size: 1.15em;
    font-weight: bold;
}


@media screen and (max-width: 414px) {
    .contents_inside {
        width: 100%;
        padding: 0 2.5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contents_inside {
        width: 980px;
        margin: 0 auto;
    }
    #service6 section h2{
        font-size: 1.15em;
        min-height: 45px;
        line-height: 140%;
    }
    #service6 section ul li span {
        font-size: 1.15em;
        min-height: 45px;
        line-height: 140%;
    }
    #service6 section h2 {
        font-size: 6.5vw;
    }
    .contents_inside h2 {
        font-size: 7vw;
        text-align: left;
        padding-bottom: 25px;
        line-height: normal;
    }
    #service6 section h2 ul {
        width: 100%;
    }

    #service3 {
        padding: 60px 0;
        border-bottom: 1px solid #cccccc;
    }
    .contents_inside {
        width: 100%;
        padding: 0 2.5%;
        box-sizing: border-box;
    }
    .contents_inside img {
        width: 100%;
        height: auto;    
    }

    .contents_inside h2 {
        line-height: normal;
        text-align: justify;
    }
    .contents_inside p {
        line-height: normal;
        text-align: justify;
        text-align: left !important;
    }
    #service3 .contents_inside dl {
        width: 100%;
        float: none;
        margin-top: 40px;
        margin-right: 0;
        color: #8a8a8a;
    }
    #service3 .contents_inside dl figure {
        margin-top: 0;
    }
    .contents_inside figure {
        width: 100%;
        text-align: center;
    }

    #service5 {
        padding: 60px 0;
    }
    #service5 .contents_inside_box {
        margin-top: 60px;
        display: block;
    }
    #service_point_wrap {
        padding: 60px 2.5% 0 2.5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #CCC;
    }
    #service5 .contents_inside_box table:first-child {
        margin-right: 0;
        margin-bottom: 30px;
    }
    #service5 .contents_inside_box table {
        width: 100%;
    }
    #service5 .contents_inside_box table:first-child thead {
        border-top: 2px solid #a2a2a2;
        border-right: 2px solid #a2a2a2;
        border-left: 2px solid #a2a2a2;
        background-color: #a2a2a2;
    }

    #service5 .contents_inside_box table:first-child thead tr th {
        width: 100%;
        color: #fff;
        padding: 15px 0;
        text-align: center;
        font-size: 0.85em;
    }
    #service5 .contents_inside_box table:first-child tbody tr td {
        width: 70%;
        background-color: #FFF;
        vertical-align: middle;
        padding: 20px;
        font-size: 0.85em;
    }
    #service5 .contents_inside_box table:last-child thead tr th {
        width: 100%;
        color: #fff;
        padding: 15px 0;
        text-align: center;
        font-size: 1em;
    }
    #service5 .contents_inside_box table:last-child tbody tr th {
        width: 30%;
        color: #fff;
        background-color: #30638B;
        vertical-align: middle;
        padding: 20px;
        font-size: 0.85em;
    }
    #service5 .contents_inside_box table:last-child tbody tr td {
        width: 70%;
        background-color: #FFF;
        padding: 20px;
        vertical-align: middle;
        font-size: 0.85em;
    }

    #service1 {
        padding: 60px 0;
        width: 100%;
        margin: 0 auto;
        border-top: 1px solid #CCC;
    }
    .contents_inside {
        width: 100%;
        padding: 0 2.5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: normal;
    }
    #service1 .contents_inside h3 {
        font-size: 6.5vw;
    }
    #service1 .contents_inside h3:before {
        width: 100%;
        text-align: center;
    }
    #service1 .contents_inside h3 {
        text-align: justify;
        line-height: normal;
    }
    #service1 .contents_inside p {
        text-align: justify;
    }

    #service2 {
        padding: 60px 0;
        width: 100%;
        margin: 0 auto;
        border-top: 1px solid #CCC;
    }
    #service2 .contents_inside h3:before {
        width: 100%;
        text-align: center;
    }

    #service4 {
        padding: 60px 0;
        width: 100%;
        margin: 0 auto;
        border-top: 1px solid #CCC;
    }
    #service4 .contents_inside h3 {
        font-size: 6.5vw;
    }

    #service4 .contents_inside h3 {
        text-align: justify;
    }
    #service4 .contents_inside p {
        text-align: justify;
    }
}

.header-title{
    width: 52%;
    font-size: .75em;
    line-height: 2.0em;
    color: #ffffff;
    letter-spacing: 0.05em;
}

.new-case-title{
    color: #2f6087;
    font-weight: bold;
	font-size: 1.8em !important;
	line-height: 1.55em !important;
	padding-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .new-case-title{
        padding-bottom: 20px;
        text-align: center;
        margin: 20px auto;
        width: 100%;
        font-size: 5vw !important;
        line-height: 1.35em !important;
    }
}

.download_cta__title {
    font-size: 18px;
    color: #2f6087;
    font-weight: bold;
  }
  @media screen and (max-width: 400px) {
    .download_cta__title {
      font-size: 18px;
    }
  }

.column-4 {
    max-width: 760px;
    margin: 20px auto 40px;
    gap: 30px;
    align-items: center;
}

.column-4 p {
    text-align: left;
}

.column-4-images {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .column-4 {
        display: flex;
        flex-direction: column-reverse;
    }
    .column-4 p {
        margin: 0;
    }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
}
  

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 { display: block !important; }
.sp2 { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
  .pc2 { display: none !important; }
  .sp2 { display: block !important; }
}
  

/** add 2025.1.29 **/

.consultation_area th,td {
    border: solid 1px;
    padding: 15px 0 15px 30px;
    line-height: 1.6;
    font-size: 1.05em;
}
.consultation_area th{
    font-size: 1.25em;
    font-weight: 600;
    color: #2f6087;
    text-align: center;
    letter-spacing: .05em;
    padding: 15px 0;
    vertical-align: middle;
    background-color: #e0e0e0;
}
.consultation_area .tr_title{
    font-weight: 600;
    color: #ccc;
    text-align: center;
    letter-spacing: .05em;
    vertical-align: middle;
    background-color: #e0e0e0;
}

.consultation_area table {
    border-collapse:  collapse; 
    width:  100%;               
    table-layout: fixed;        
}
.consultation_area2 ul {
    display: flex;
    justify-content: space-between;
}
.consultation_area2 ul li {
    width: calc(100% / 2 - 12px);
    border: 2px solid #efefef;
    border-radius: 10px;
    background: #fff;
    padding: 34px 30px 40px;
    box-sizing: border-box;
    position: relative;
}
.consultation_area2 ul li .sub_ttl {
    display: inline-block;
    color: #fff;
    border-radius: 50vh;
    background: #2f6087;
    padding: 8px 0 6px;
    width: 6em;
    text-align: center;
    line-height: 1;
    font-weight: 600;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}
.consultation_area2 ul li p.text {
    color: #2f6087;
    font-size: 16px;
    line-height: 1.6;
    margin: 10px;
}


.key-visual-title2{
    width: 100%;
    padding: 60px 0;
}
.key-visual-title2 h2 {
    padding-bottom: 0;
    color: #4B869E;
    text-shadow: none;
    font-size: 2.0em;
    font-weight: 200;
    line-height: 1.45em;
    text-align: center;
}
.key-visual-title2 h3 {
    padding-bottom: 0;
    text-shadow: none;
    font-size: 1.9em;
    font-weight: 200;
    line-height: 1.45em;
    text-align: center;
}
.d_text{
    line-height: 1.5;
    padding: 20px 0 30px 0;
    font-size: 1.25em;
}
.d_text span{
    line-height: 1.5;
    font-size: 1em;
    font-weight: bold;
}
.column-2-boxinside p {
    font-size: 1.1em;
    font-weight: 200;
    text-align: justify;
    padding-top: 0;
    line-height: 1.75em;
}
.mb60{
margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
    .container-contact a {
        text-align: center;
    }
}

@media screen and (min-width: 769px) {
    .column-2-boxinside h4 {
        font-size: 1.85em;
        font-weight: 200;
        line-height: 1.45em;
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 480px) {
    .consultation_area th, td {
        padding: 10px;
        line-height: 1.7;
        font-size: 0.8em;
    }
    .consultation_area th {
        font-size: 0.9em;
    }
    .d_text {
    font-size: 1.2em !important;
    line-height: 1.7;
}
.key-visual-title2 {
    padding: 20px 0 30px 0;
}
.key-visual-title2 h3 {
    padding-top: 50px;
}
}

/** add 2024.10.15 **/
.consultation_area h3 {
    font-size: 1.785714275rem;
    font-weight: 600;
    color: #2f6087;
    text-align: center;
    letter-spacing: .05em;
    padding: 5px 0 60px 0;
}
.consultation_area ul {
    display: flex;
    justify-content: space-between;
}
.consultation_area ul li {
    width: calc(100% / 3 - 12px);
    border: 2px solid #efefef;
    border-radius: 10px;
    background: #fff;
    padding: 34px 30px 40px;
    box-sizing: border-box;
    position: relative;
}

.consultation_area ul li h4 {
    text-align: center;
    color: #2f6087;
    font-size: 1.4rem;
    line-height: 1.4;
}

.consultation_area ul li .img_box {
    text-align: center;
    margin: 20px 0 25px;
}

.consultation_area ul li .img_box img {
    height: 69px;
}

.consultation_area ul li h4.color_b {
    color: #4b8df8;
}

.consultation_area ul li .sub_ttl {
    display: inline-block;
    color: #fff;
    border-radius: 50vh;
    background: #2f6087;
    padding: 8px 0 6px;
    width: 6em;
    text-align: center;
    line-height: 1;
    font-weight: 600;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.consultation_area ul li .check {
    background: #4b8df8;
}

.consultation_area ul li .check b {
    color: #fff;
    margin-right: -1.4em;
}
.consultation_area ul li .check::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.3em;
    width: 10px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-40deg);
    -ms-transform: translateY(-50%) rotate(-40deg);
    transform: translateY(-50%) rotate(-40deg);
}

.consultation_area ul li p.text {
    color: #2f6087;
    font-size: 16px;
    line-height: 1.6;
    margin: 10px;
}

.consultation_area {
    max-width: 980px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.consultation_area + .consultation_area {
    padding: 100px 0 0;
    position: relative;
}

.consultation_area + .consultation_area::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 140px solid transparent;
    border-right: 140px solid transparent;
    border-top: 35px solid #e5f0fa;
    position: absolute;
    top: 2.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
    .consultation_area h3 {
        font-size: 4.4vw;
        line-height: 1.6;
        margin-bottom: 8vw;
    }

    .consultation_area {
        padding: 6vw 0 0;
    }

    .consultation_area + .consultation_area {
        padding: 20vw 0 0;
    }
    
    .consultation_area + .consultation_area::before {
        border-left: 30vw solid transparent;
        border-right: 30vw solid transparent;
        border-top: 9vw solid #e5f0fa;
        top: 6.6vw;
    }

    .consultation_area h3 {
        font-size: 4.4vw;
        line-height: 1.6;
        margin-bottom: 8vw;
        padding: 30px!important;
    }

    .consultation_area ul {
        display: block;
        padding: 0 3.4vw;
    }

    .consultation_area ul li {
        width: 100%;
        padding: 8vw 4vw 6vw;
    }
    
    .consultation_area ul li + li {
        margin-top: 8vw;
    }

    .consultation_area ul li h4 {
        font-size: 4.4vw;
        margin-bottom: 3vw;
    }
    
    .consultation_area ul li .img_box {
        margin: 4vw 0 6vw;
    }
    .consultation_area ul li .img_box img {
        height: 16vw;
    }
    
    .consultation_area ul li p.text {
        font-size: 3.75vw;
        text-align: left;
        line-height: 1.6;
    }

    .consultation_area ul li .sub_ttl {
        padding: 2vw 0 1.8vw;
        width: 25vw;
        position: absolute;
        top: -3.8vw;
        border-radius: 2vw;
        font-size: 3.8vw;
    }

    .consultation_area ul li .check b {
        font-size: 3.8vw;
        margin-right: -4.4vw;
    }

    .consultation_area ul li .check::before {
        left: 6vw;
        width: 2.8vw;
        height: 1vw;
    }
}

/** slide add 2024.11.22 **/
#slide {
    width: calc(90% - 10px);
    margin: 65px auto 5em;
    padding-top: 3.5em;
    border-radius: 20px;
    position: relative;
}
#slide .box-title {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 20%;
    right: 20%;
    text-align: center;
    line-height: 1;
    background: #FFF;
    font-size: 1.75em;
    font-weight: 600;
    color: #2f6087;
    margin-bottom: 10px;
}
.sp {
    display: none !important;
}
#slide .box {
    margin: auto;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 30px;
    width: 100vw;  
    margin-left: calc(50% - 50vw);
}
#slide .box .sliding {
    background: url(/service/mikata/images/top/top-new/logo.png) repeat-x 50%;
    height: 184px;
    width: 100%;
    -webkit-animation: slide 25s linear infinite;
    animation: slide 25s linear infinite;
}

.add_slide{
    background-color: #fff;
    width: 100%;
}

@media screen and (max-width: 768px) and (max-width: 640px) {
    #slide .box-title {
        left: 0;
        right: 0;
        font-size: 5.20833vw;
        line-height: 1.4;
    }
}

.box-add-flex{
    display: flex;
}
.box-add-flex .flex_left{
}
.box-add-flex .flex_right{
    padding: 15px 0 0 130px;
}

.box-add-flex .flex_right img{
    width: 100%;
}

@media screen and (max-width: 768px) and (max-width: 640px) {
    .box-add-flex{
        display: contents;
    }
    .box-add-flex .flex_right {
        padding:0;
    }
}

.caution-add{
    display: block;
    text-align: center;
}

@media screen and (max-width:480px) {
    .caution-add{
        display: none!important;
    }}


/** add 2025.8.14 **/
@media (max-width: 768px) {
  /* スマホ用縦並び版を消す */
  .sp_table {
    display: none !important;
  }

  /* 通常のテーブルを表示して横スクロール可能にする */
  .table_area__inner {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .table_area__inner table {
    display: table !important;
    min-width: 800px !important;
    width: 100% !important;
    border-collapse: collapse;
  }

  .table_area__inner table td,
  .table_area__inner table th {
    white-space: nowrap;
  }
}