@charset "UTF-8";
/*  #web
================================================ */
#mainImg .leadTit { font-size: 2rem; font-weight: bold; letter-spacing: .08em; margin-top: 32px; }

#mainImg .leadtxt { font-size: 1.4rem; letter-spacing: .08em; margin-top: 9px; }

#contents .inner { padding: 0 20px; }

#contents .carNext { line-height: 1; margin-top: 19px; }

#contents .carNext .img { width: 100%; }

#contents .carNext .txtArea { letter-spacing: .08em; margin-top: 43px; }

#contents .carNext .txtArea .lead { font-size: 1.5rem; }

#contents .carNext .txtArea .name { font-size: 2rem; font-weight: 600; margin-top: 3px; }

#contents .carNext .txtArea .link { margin-top: 14px; }

#contents .carNext .txtArea .link a { text-decoration: none; font-size: 1.4rem; font-family: "游ゴシック"; color: #103675; }

#contents .carNext .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin-top: 15px; }

#contents .carNext .list { letter-spacing: .08em; margin-top: 35px; }

#contents .carNext .list .item { overflow: hidden; }

#contents .carNext .list .item + .item { margin-top: 33px; }

#contents .carNext .list .item .ico { float: left; width: 60px; }

#contents .carNext .list .item .listBox { padding-left: 75px; }

#contents .carNext .list .item .listBox .listCopy { font-size: 1.4rem; font-weight: 600; margin-top: 4px; }

#contents .carNext .list .item .listBox .listTxt { font-size: 1.4rem; line-height: 1.7; margin-top: 7px; }

#contents .carPra { border-top: 1px solid #dfdfdf; margin-top: 45px; padding: 35px 0 45px; }

#contents .carPra .img { width: 100%; }

#contents .carPra .txtArea { letter-spacing: .08em; line-height: 1; margin-top: 28px; }

#contents .carPra .txtArea .lead { font-size: 1.5rem; letter-spacing: .05em; }

#contents .carPra .txtArea .name { font-size: 2rem; font-weight: 600; margin-top: 7px; }

#contents .carPra .txtArea .link { margin-top: 14px; }

#contents .carPra .txtArea .link a { text-decoration: none; font-size: 1.4rem; font-family: "游ゴシック"; color: #103675; }

#contents .carPra .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin-top: 18px; }

#contents .smart { border-top: 1px solid #dfdfdf; padding: 35px 0 41px; }

#contents .smart .img { width: 100%; }

#contents .smart .txtArea { margin-top: 28px; letter-spacing: .08em; line-height: 1; }

#contents .smart .txtArea .lead { font-size: 1.5rem; letter-spacing: .05em; }

#contents .smart .txtArea .name { font-size: 2rem; font-weight: 600; margin-top: 7px; }

#contents .smart .txtArea .link { margin-top: 14px; }

#contents .smart .txtArea .link a { text-decoration: none; font-size: 1.4rem; color: #103675; }

#contents .smart .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin-top: 18px; }

#contents .carprice { border-top: 1px solid #dfdfdf; padding: 35px 0 45px; }

#contents .carprice .img { width: 100%; }

#contents .carprice .txtArea { font-family: "游ゴシック"; margin-top: 23px; letter-spacing: .08em; line-height: 1; }

#contents .carprice .txtArea .lead { font-size: 1.5rem; line-height: 1.4; letter-spacing: .05em; }

#contents .carprice .txtArea .name { font-size: 2rem; font-weight: 600; margin-top: 7px; }

#contents .carprice .txtArea .link { margin-top: 14px; }

#contents .carprice .txtArea .link a { text-decoration: none; font-size: 1.4rem; font-family: "游ゴシック"; color: #103675; }

#contents .carprice .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin-top: 18px; }

.tube-title{margin-bottom:10px;font-weight:bold;}

.tube-title:before{content:"テレビCM";border:1px solid #197ac5;padding:3px;font-size:0.7em;margin-right:10px;color:#197ac5;}

@media screen and (min-width: 600px) {
  #mainImg .leadTit { font-size: 3rem; line-height: 1.6; margin-top: 58px; }
  #mainImg .leadtxt { font-size: 1.5rem; margin-top: 20px; }
  #contents .inner { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 20px; }
  #contents .carNext { line-height: 1; margin-top: 88px; }
  #contents .carNext .img { width: 610px; float: left; }
  #contents .carNext .txtArea { margin-top: 0; padding: 39px 0 0 650px; min-height: 346px; }
  #contents .carNext .txtArea .lead { font-size: 1.8rem; }
  #contents .carNext .txtArea .name { font-size: 3rem; font-weight: bold; margin-top: 3px; }
  #contents .carNext .txtArea .link { margin-top: 22px; }
  #contents .carNext .txtArea .link a { font-size: 1.5rem; }
  #contents .carNext .txtArea .link a:hover { text-decoration: underline; }
  #contents .carNext .txtArea .txt { font-size: 1.5rem; line-height: 1.8; margin-top: 31px; }
  #contents .carNext .list { overflow: hidden; letter-spacing: .08em; margin-top: 62px; }
  #contents .carNext .list .item { float: left; width: 600px; margin-right: 65px; }
  #contents .carNext .list .item + .item { margin-top: 0px; margin-right: 0; }
  #contents .carNext .list .item .ico { float: left; width: 118px; }
  #contents .carNext .list .item .listBox { padding: 16px 0 0 148px; }
  #contents .carNext .list .item .listBox .listCopy { font-size: 2rem; font-weight: bold; margin-top: 0px; }
  #contents .carNext .list .item .listBox .listTxt { font-size: 1.5rem; line-height: 1.7; margin-top: 12px; }
  #contents .carPra { border-top: 1px solid #dfdfdf; margin-top: 102px; padding: 98px 0 140px; }
  #contents .carPra .img { width: 610px; float: left; }
  #contents .carPra .txtArea { margin-top: 0; padding: 39px 0 0 650px; min-height: 346px; }
  #contents .carPra .txtArea .lead { font-size: 1.8rem; }
  #contents .carPra .txtArea .name { font-size: 3rem; font-weight: bold; margin-top: 6px; }
  #contents .carPra .txtArea .link { margin-top: 18px; }
  #contents .carPra .txtArea .link a { font-size: 1.5rem; }
  #contents .carPra .txtArea .link a:hover { text-decoration: underline; }
  #contents .carPra .txtArea .txt { font-size: 1.5rem; line-height: 1.8; margin-top: 31px; }
  #contents .smart { border-top: 1px solid #dfdfdf; padding: 97px 0 0px; }
  #contents .smart .img { width: 610px; float: left; }
  #contents .smart .txtArea { margin-top: 0; padding: 41px 0 0 654px; min-height: 346px; }
  #contents .smart .txtArea .lead { font-size: 1.8rem; }
  #contents .smart .txtArea .name { font-size: 3rem; font-weight: bold; margin-top: 9px; }
  #contents .smart .txtArea .link { margin-top: 22px; }
  #contents .smart .txtArea .link a { font-size: 1.5rem; }
  #contents .smart .txtArea .link a:hover { text-decoration: underline; }
  #contents .smart .txtArea .txt { font-size: 1.5rem; line-height: 1.8; margin-top: 28px; }
  #contents .carprice { border-top: 1px solid #dfdfdf; margin-top: 102px; padding: 100px 0 137px; }
  #contents .carprice .img { width: 610px; float: left; }
  #contents .carprice .txtArea { margin-top: 0; padding: 36px 0 0 655px; min-height: 346px; }
  #contents .carprice .txtArea .lead { font-size: 1.8rem; line-height: 1.7; }
  #contents .carprice .txtArea .name { font-size: 3rem; font-weight: bold; margin-top: 6px; }
  #contents .carprice .txtArea .link { margin-top: 20px; }
  #contents .carprice .txtArea .link a { font-size: 1.5rem; }
  #contents .carprice .txtArea .link a:hover { text-decoration: underline; }
  #contents .carprice .txtArea .txt { font-size: 1.5rem; line-height: 1.8; margin-top: 31px; } }


/*  service intro
================================================ */
.service_intro {
    background: url(https://test.raxus.inc/wp/wp-content/themes/raxuscreate/img/manda/manda_bg.png), rgb(255,255,255);
    background: url(https://test.raxus.inc/wp/wp-content/themes/raxuscreate/img/manda/manda_bg.png), -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(228,237,242,1) 100%);
    background: url(https://test.raxus.inc/wp/wp-content/themes/raxuscreate/img/manda/manda_bg.png), -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(228,237,242,1) 100%);
    background: url(https://test.raxus.inc/wp/wp-content/themes/raxuscreate/img/manda/manda_bg.png), linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(228,237,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4edf2",GradientType=1);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 10rem;
}
.service_intro p{
  font-weight: 600;
  font-size: 1.8rem;
  max-width: 830px;
  margin: 3rem auto 0;
  color: #1a355e;
}
@media screen and (max-width: 600px) {
  .service_intro{
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
  .service_intro p{
    font-size: 1.4rem;
  }
}


/*  #contents
================================================ */
.List_service{
  margin-top: 5rem;
  margin-bottom: 8rem;
}
.List_service_wrap{
  width: 100%;
}
.List_service_item_img{
  height: 200px;
}
.List_service_item_attr{
  background-color: #F5F6F7;
  font-size: 1.2rem;
  color: #888F9D;
  padding: 0.3rem 0.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.List_service_item_ttl{
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.List_service_wrap:not(:last-child){
  margin-bottom: 8rem;
}
.List_service_wrap:not(:nth-of-type(3n)){
  margin-right: inherit;
}
.List_service_wrap:not(:nth-of-type(2n)){
  margin-right: 3%;
}
.List_service_item_desc{
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (min-width: 600px) { 
  .List_service_item{
    position: relative;
  }
  .List_service_wrap{
    width: calc(100% / 2 - 5%);
  }
  .List_service_item_img{
    height: 300px;
  }
  .List_service_item_attr{
    position: absolute;
    top: 1rem;
    left: 1rem;
  }
  .List_service_item_desc {
    font-size: 1.5rem;
  }
  .List_service_wrap:not(:last-child){
    margin-bottom: 10rem;
  }
}