@charset "UTF-8";
/* ------------------------------------------
 SP
------------------------------------------ */
@media screen and (max-width: 750px) {
  article.top_main_visual {
    background: url("https://fashioncare.itembox.design/item/main_bg_sp.jpg") no-repeat right top;
    background-size: 100%;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  article.top_main_visual > img {
    max-width: 100%;
  }
  article.top_main_visual > h1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  article.top_main_visual > h1 > div {
    width: 100%;
    box-sizing: border-box;
  }
  article.top_main_visual > h1 > div > img {
    width: 100%;
  }
  article.top_main_visual > h1 > div:first-child {
    width: 85%;
    margin: 5% auto 13%;
  }
  article.top_main_visual > h1 > div:last-child {
    width: 49%;
    margin-left: 7.5%;
  }

  article.top_contents_wrap {
    background: url("https://www.fashioncare-nic.com/images/top/bg.webp") repeat-y top center;
    background-size: cover;
    padding-top: 20px;
  }
  article.top_contents_wrap section.top_contents_inner {
    /* ------------------------------------------
    	sp クリーンング ニックが選ばれる3つの理由
    ------------------------------------------ */
    /* ------------------------------------------
    	sp ニックをご利用のお客様の声
    ------------------------------------------ */
    /* ------------------------------------------
    	sp クリーンング ニックのおすすめサービス
    ------------------------------------------ */
    /* ------------------------------------------
    	sp ニックのサービスお申し込みは、とっても簡単な3ステップ！
    ------------------------------------------ */
    /* ------------------------------------------
    	sp faq
    ------------------------------------------ */
    /* ------------------------------------------
    	sp news
    ------------------------------------------ */
    /* ------------------------------------------
    	sp service
    ------------------------------------------ */
    /* ------------------------------------------
    	sp BLOG
    ------------------------------------------ */
  }
  article.top_contents_wrap section.top_contents_inner .top_reason {
    position: relative;
    margin-top: 60px;
    margin-bottom: 80px;
    z-index: 1;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap {
    padding: 0 5%;
    margin-bottom: 50px;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap:last-child {
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_image > img {
    display: none;
  }

  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap.sp_rm1 {
    background: url("https://www.fashioncare-nic.com/images/top/select3_image_1_sp.webp") no-repeat left top;
    background-size: cover;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap.sp_rm2 {
    background: url("https://www.fashioncare-nic.com/images/top/select3_image_2_sp.webp") no-repeat right top;
    background-size: cover;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap.sp_rm3 {
    background: url("https://www.fashioncare-nic.com/images/top/select3_image_3_sp.webp") no-repeat left top;
    background-size: 100%;
  }

  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_title {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_title > p {
    font-size: 2.4rem;
    color: #496162;
    text-align: left;
    letter-spacing: 1.2px;
    line-height: 1.5;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_text {
    width: 75%;
    margin-left: auto;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_text > p {
    font-size: 1.4rem;
    text-align: left;
    color: #496162;
    letter-spacing: 1.2px;
    line-height: 1.6;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice {
    position: relative;
    margin-bottom: 80px;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li:last-child {
    margin: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li .voice_name {
    margin-bottom: 15px;
    font-size: 1.2rem;
    line-height: 1;
    color: #666;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li .voice_text {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service {
    position: relative;
    margin-bottom: 80px;
    overflow: hidden;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap {
    position: relative;
    margin-bottom: 30px;
    clear: both;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap:last-child {
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_it > div {
    float: left;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_it > .service_text > .service_title {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_it > .service_text > .service_title > p {
    font-size: 2.2rem;
    color: #496162;
    text-align: left;
    letter-spacing: 1.2px;
    line-height: 1.6;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_it > .service_text > p {
    margin-bottom: 10px;
    font-size: 1.4rem;
    text-align: left;
    color: #496162;
    letter-spacing: 1.2px;
    line-height: 1.6;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_it > .service_text > a {
    color: #13B5BB;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
  }
 .service_link_wrap a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #13B5BB;
    border-right: solid 2px #13B5BB;
    transform: rotate(45deg);
    content: "";
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_1 > .service_it > div:nth-child(1) {
    float: left;
    width: 32%;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_1 > .service_it > div:nth-child(2) {
    float: right;
    width: 58%;
    padding: 0 5% 0;
    box-sizing: content-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_2 {
    top: -7vw;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_2 > .service_it > div:nth-child(1) {
    float: right;
    width: 32%;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_2 > .service_it > div:nth-child(2) {
    float: left;
    width: 58%;
    padding: 20vw 5% 0;
    box-sizing: content-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_3 {
    top: -2vw;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_3 > .service_it > div:nth-child(1) {
    float: left;
    width: 32%;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_3 > .service_it > div:nth-child(2) {
    float: right;
    width: 58%;
    padding: 8vw 5% 0;
    box-sizing: content-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_4 > .service_it > div:nth-child(1) {
    float: right;
    width: 32%;
    padding-top: 25vw;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_4 > .service_it > div:nth-child(2) {
    float: left;
    width: 58%;
    padding: 10vw 5% 0;
    box-sizing: content-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_step {
    clear: both;
    position: relative;
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > p.step_sub_title {
    width: 90%;
    margin: 0 auto 40px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .image {
    width: 30%;
    padding-right: 10px;
    text-align: center;
    box-sizing: border-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .image > img {
    max-width: 100%;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .text {
    width: 70%;
    text-align: left;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.8;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .dot {
    width: 30%;
    padding: 5px 10px 5px 0;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .line {
    width: 70%;
    padding: 5px 0;
    border-bottom: 1px #C2C2C2 solid;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button {
    margin-bottom: 50px;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button > a {
    display: inline-block;
    width: 200px;
    padding: 10px 0;
    font-size: 1.6rem;
    color: #fff;
    background-color: #5A7071;
    text-align: center;
    line-height: 1;
    letter-spacing: 1.2px;
    border-radius: 50px;
    transition: 0.3s;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button > a:hover {
    opacity: 0.7;
  }
  article.top_contents_wrap section.top_contents_inner .top_step .sub_title {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
  }
  article.top_contents_wrap section.top_contents_inner .top_step .sub_title.sub_title1 {
    padding-top: 110px;
    margin-bottom: 50px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step .sub_title > p {
    font-size: 1.4rem;
    color: #5A7071;
    font-weight: bold;
  }
  article.top_contents_wrap section.top_contents_inner .top_step .sub_title > p > span {
    display: inline-block;
    font-weight: normal;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_title {
    margin-bottom: 30px;
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.2px;
  }
  .faq_title2 {
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_title3 {
    margin-bottom: 30px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.4px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button {
    margin-bottom: 30px;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a {
    width: 200px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    border: 1px #fff solid;
    font-size: 1.4rem;
    padding: 7px 0;
    line-height: 1;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a:hover {
    opacity: 0.7;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a:after {
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    transform: rotate(45deg);
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a > span {
    padding-right: 5px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 7px 15px;
    background-color: #fff;
    color: #13B5BB;
    border-radius: 50px;
    text-align: center;
    line-height: 1;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a > span:first-child {
    padding-top: 2px;
    font-size: 1.2rem;
    line-height: 1;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a > span:last-child {
    font-size: 1.8rem;
    letter-spacing: 1.2px;
    line-height: 1;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_text_2 {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 1.2px;
    line-height: 1.4;
  }
  .top_info {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    margin-bottom: 50px;
  }
  .top_info > .info_text_title {
    margin-bottom: 20px;
    font-size: 1.6rem;
    color: #5A7071;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1.2px;
  }
  .top_info > .info_text_wrap {
    margin-bottom: 25px;
  }
  .top_info > .info_text_wrap > ul > li > .info_date {
    color: #5A7071;
    font-size: 1.4rem;
    text-align: center;
  }
  .top_info > .info_text_wrap > ul > li > .info_text {
    color: #5A7071;
    font-size: 1.4rem;
    text-align: center;
  }
  .top_info > .info_text_wrap {
    text-align: right;
  }
  .top_info > .info_text_wrap > a {
    display: inline-block;
    position: relative;
    width: 160px;
    padding: 3px 0;
    transition: 0.3s;
    text-align: center;
    background-color: #708384;
    border-radius: 50px;
    font-size: 1.4rem;
    color: #fff;
  }
  .top_info > .info_text_wrap > a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    content: "";
  }
  .top_contents_inner .service {
    margin-bottom: 30px;
  }
  .top_contents_inner .service > .service_title {
    position: absolute;
    width: 90%;
    right: 0;
    top: -42px;
    padding: 30px 5px 30px 20px;
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 1.8rem;
    background-color: #13B5BB;
    color: #fff;
    border-radius: 50px 0 0 50px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
  }
  .top_contents_inner .top_blog {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    margin-bottom: 50px;
  }
  .top_contents_inner .top_blog > .blog_title {
    margin-bottom: 10px;
    font-size: 1.4rem;
    text-align: center;
    color: #5A7071;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 1.6;
  }
  .top_contents_inner .top_blog > p {
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
  .top_contents_inner .top_blog > .blog_wrap {
    margin-bottom: 20px;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px #B1BBBB solid;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li:last-child {
    border-bottom: none;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image {
    width: 40%;
    padding-right: 10px;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image > a {
    display: block;
    box-sizing: border-box;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image > a > img {
    max-width: 100%;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .text {
    width: 60%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .top_contents_inner .top_blog > .blog_link_wrap {
    text-align: right;
  }
  .top_contents_inner .top_blog > .blog_link_wrap > a {
    display: inline-block;
    position: relative;
    width: 160px;
    padding: 3px 0;
    transition: 0.3s;
    text-align: center;
    background-color: #708384;
    border-radius: 50px;
    font-size: 1.4rem;
    color: #fff;
  }
  .top_contents_inner .top_blog > .blog_link_wrap > a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    content: "";
  }
  .top_bg_blue {
    margin-bottom: 50px;
    padding: 50px 0;
    background-color: #13B5BB;
    opacity: 0.9;
  }
}
















@media screen and (min-width: 1000px) {
article.top_contents_wrap section.top_contents_inner {
  width: 1040px;
  min-width: 1040px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
  /* ------------------------------------------
    pc クリーンング ニックが選ばれる3つの理由
  ------------------------------------------ */
  /* ------------------------------------------
    pc ニックをご利用のお客様の声
  ------------------------------------------ */
  /* ------------------------------------------
    pc クリーンング ニックのおすすめサービス
  ------------------------------------------ */
  /* ------------------------------------------
    pc ニックのサービスお申し込みは、とっても簡単な3ステップ！
  ------------------------------------------ */
  /* ------------------------------------------
    pc faq
  ------------------------------------------ */
  /* ------------------------------------------
    pc news
  ------------------------------------------ */
  /* ------------------------------------------
    pc service
  ------------------------------------------ */
  /* ------------------------------------------
    pc BLOG
  ------------------------------------------ */
}
}

/* ------------------------------------------
 PC
------------------------------------------ */
@media screen and (min-width: 751px) {
  article.top_main_visual {
    background-image: url("https://fashioncare.itembox.design/item/main_bg_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  article.top_main_visual > img {
    width: 100%;
  }
  article.top_main_visual > h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  article.top_main_visual > h1 > div {
    position: absolute;
  }
  article.top_main_visual > h1 > div:first-child {
    width: 44%;
    top: 13%;
    left: 17%;
  }
  article.top_main_visual > h1 > div:first-child > img {
    width: 100%;
  }
  article.top_main_visual > h1 > div:last-child {
    width: 30%;
    top: 66%;
    left: 23.5%;
  }
  article.top_main_visual > h1 > div:last-child > img {
    width: 100%;
  }

  article.top_contents_wrap {
    background-image: url("https://fashioncare.itembox.design/item/bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
        padding-top: 20px;
  }
  
  article.top_contents_wrap section.top_contents_inner .top_reason {
    margin: 0 0 110px;
    padding-top: 80px;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap {
    margin-bottom: 100px;
    position: relative;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap:last-child {
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_image {
    width: 100%;
    position: absolute;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .rm1 {
    width: 470px;
    top: 100px;
    right: -200px;
    transform: rotate(25deg);
    transform-origin: top right;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .rm2 {
    width: 470px;
    top: 50px;
    left: -320px;
    transform: rotate(-22deg);
    transform-origin: top left;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .rm3 {
    width: 470px;
    top: 100px;
    right: -200px;
    transform: rotate(25deg);
    transform-origin: top right;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_title {
    position: relative;
    margin-bottom: 50px;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_title > p {
    font-size: 4.8rem;
    color: #496162;
    text-align: left;
    letter-spacing: 2px;
    line-height: 1.6;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_text {
    width: 58%;
    margin-left: auto;
  }
  article.top_contents_wrap section.top_contents_inner .top_reason > .reason_wrap > .reason_text > p {
    font-size: 1.8rem;
    text-align: left;
    color: #496162;
    letter-spacing: 1.4px;
    line-height: 2;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice {
    margin-bottom: 150px;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap {
    overflow: visible;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li {
    width: 290px;
    padding: 30px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 15px;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li:last-child {
    margin: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li .voice_name {
    margin-bottom: 15px;
    font-size: 1.2rem;
    line-height: 1;
    color: #666;
  }
  article.top_contents_wrap section.top_contents_inner .top_voice > .voice_wrap ul.voice_carousel > li .voice_text {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service {
    clear: both;
    margin-bottom: 180px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap {
    width: 750px;
    margin-bottom: 80px;
    position: relative;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap:last-child {
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap.service_left {
    width: 100%;
    padding-left: 170px;
    box-sizing: border-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap.service_right {
    width: 85%;
    padding-left: 400px;
    box-sizing: border-box;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_image {
    position: absolute;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .si_1 {
    top: -30px;
    left: -320px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .si_2 {
    top: -300px;
    right: -450px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .si_3 {
    top: -130px;
    left: -300px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .si_4 {
    top: 50px;
    right: -550px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_title {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_title > p {
    font-size: 4rem;
    color: #496162;
    text-align: left;
    letter-spacing: 2px;
    line-height: 1.5;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_text {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_text > p {
    font-size: 1.4rem;
    text-align: left;
    color: #496162;
    letter-spacing: 1.2px;
    line-height: 1.9;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_link_wrap > a {
    display: block;
    position: relative;
    transition: 0.3s;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_link_wrap > a:hover {
    opacity: 0.7;
  }
  article.top_contents_wrap section.top_contents_inner .top_service .service_wrap > .service_link_wrap > a > .service_link {
    display: inline-block;
    color: #13B5BB;
    font-size: 1.8rem;
  }


  .service_link:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: '\f054';
  }


  .arrow {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 8.2em;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px #13B5BB solid;
    border-right: 1px #13B5BB solid;
    transform: rotate(45deg);
  }
  article.top_contents_wrap section.top_contents_inner .top_step {
    margin-bottom: 30px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > p.step_sub_title {
    margin-bottom: 40px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap {
    margin-bottom: 0;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul {
    width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li {
    width: 30%;
    justify-content: space-between;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .image {
    width: 158px;
    margin: 0 auto 25px;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .image > img {
    max-width: 100%;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_wrap > ul > li > .text {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button {
    margin-bottom: 60px;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button > a {
    display: inline-block;
    width: 250px;
    padding: 10px;
    font-size: 2rem;
    color: #fff;
    background-color: #5A7071;
    text-align: center;
    line-height: 1;
    letter-spacing: 1.2px;
    border-radius: 50px;
    transition: 0.3s;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .step_button > a:hover {
    opacity: 0.7;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .sub_title {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .sub_title.sub_title1 {
    padding-top: 110px;
    margin-bottom: 50px;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .sub_title > p {
    padding-left: 1.2em;
    font-size: 1.4rem;
    color: #5A7071;
    font-weight: bold;
  }
  article.top_contents_wrap section.top_contents_inner .top_step > .sub_title > p > span {
    display: inline-block;
    font-weight: normal;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_title {
    margin-bottom: 50px;
    font-size: 4.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.4px;
  }
 .faq_title2 {
    margin-bottom: 40px;
    font-size: 3rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.4px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_title3 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.4px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button {
    margin-bottom: 60px;
    text-align: center;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a {
    width: 250px;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    border: 1px #fff solid;
    font-size: 1.6rem;
    padding: 7px 0;
    letter-spacing: 1.1px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a:hover {
    opacity: 0.7;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    transform: rotate(45deg);
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .faq_button > a > span {
    padding-right: 10px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel {
    margin-bottom: 20px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 700px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
    color: #13B5BB;
    border-radius: 50px;
    text-align: center;
    line-height: 1;
    letter-spacing: 1.2px;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a > span:first-child {
    padding-top: 2px;
    font-size: 3rem;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_tel > a > span:last-child {
    font-size: 4rem;
    font-weight: bold;
  }
  article.top_contents_wrap section.top_contents_inner .top_faq > .top_text_2 {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 1.2px;
    line-height: 1;
  }

  .top_info {
    margin-bottom: 100px;
  }
  .top_info > .info_box{
    margin: 0 auto;
    text-align: center;
  }
.top_info > .info_box > .info_text_title {
    margin-bottom: 25px;
    font-size: 1.8rem;
    color: #5A7071;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1.2px;
  }

  .top_info > .info_box > .info_text_wrap {
    margin-bottom: 25px;
  }
  .top_info > .info_box > .info_text_wrap > ul > li > .info_date {
    color: #5A7071;
    font-size: 1.6rem;
    text-align: center;
  }
  .top_info > .info_box > .info_text_wrap > ul > li > .info_text {
    color: #5A7071;
    font-size: 1.6rem;
    text-align: center;
  }
  .top_info > .info_box > .news_link_wrap {
    text-align: center;
  }
  .top_info > .info_box > .news_link_wrap > a {
    position: relative;
    transition: 0.3s;
    text-align: center;
    display: inline-block;
    color: #13B5BB;
    font-size: 1.8rem;
    position: relative;
  }
  .top_info > .info_box > .news_link_wrap > a:hover {
    opacity: 0.7;
  }
  .top_info > .info_box > .news_link_wrap > a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #13B5BB;
    border-right: solid 2px #13B5BB;
    transform: rotate(45deg);
    content: "";
  }
  .top_contents_inner .service {
    margin-bottom: 70px;
  }
  .top_contents_inner .service > .service_title {
    margin-bottom: 60px;
    font-size: 3rem;
    color: #13B5BB;
    letter-spacing: 1.2px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
  }
  .top_contents_inner .top_blog {
    max-width: 1050px;
    margin: 0 auto 100px;
  }
  .top_contents_inner .top_blog > .blog_title {
    margin-bottom: 40px;
    font-size: 2.6rem;
    text-align: center;
    color: #5A7071;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 4rem;
  }
  .top_contents_inner .top_blog > p {
    margin-bottom: 40px;
  }
  .top_contents_inner .top_blog > .blog_wrap {
    margin-bottom: 40px;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul {
    display: flex;
    justify-content: space-between;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li {
    width: 180px;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image {
    margin-bottom: 10px;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image > a {
    display: block;
    box-sizing: border-box;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .image > a > img {
    display: block;
    padding: 2px;
    border: 1px #13B5BB solid;
    max-width: 100%;
  }
  .top_contents_inner .top_blog > .blog_wrap > ul > li > .text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .top_contents_inner .top_blog > .blog_link_wrap {
    text-align: center;
  }
  .top_contents_inner .top_blog > .blog_link_wrap > a {
    position: relative;
    transition: 0.3s;
    text-align: center;
    display: inline-block;
    color: #13B5BB;
    font-size: 1.8rem;
    position: relative;
  }
  .top_contents_inner .top_blog > .blog_link_wrap > a:hover {
    opacity: 0.7;
  }
  .top_contents_inner .top_blog > .blog_link_wrap > a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: solid 2px #13B5BB;
    border-right: solid 2px #13B5BB;
    transform: rotate(45deg);
    content: "";
  }
  .top_bg_blue {
    margin-bottom: 100px;
    padding: 100px 0;
    background-color: #13B5BB;
    opacity: 0.9;
  }


}

/* add css */
.goorder{
  font-size: 1.5em;
  font-weight: bold;
  border: 2px #13b5bb solid;
  max-width: 80%;
  margin: 0 auto 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
.goorder{
  font-size: 1.1em;
  max-width: 100%;
}
}
.goorder a:link,a:visited,a:hover{
	color:#13b5bb;
  text-decoration: none;
}


@media screen and (max-width: 750px) {
/* スマホ用 */
.goclicksp{
    font-size: 1.1em;
    font-weight: bold;
    border: 2px #13b5bb solid;
    border-radius: 20px 20px;
    max-width: 80%;
    margin: 0 auto 20px;
    text-align: center;
    background:#fff;
    padding: 7px;
	color:#13b5bb;
}
.goclickpc{
	display:none;
}
	}
@media screen and (min-width: 751px) {
/* PC用 */
.goclickpc{
    font-size: 1.1em;
    font-weight: bold;
    border: 2px #13b5bb solid;
    border-radius: 20px 20px;
    max-width: 60%;
    margin: 0 auto 50px;
    text-align: center;
    background:#fff;
    padding: 7px;
	color:#13b5bb;
}
.goclicksp{
	display:none;
}
	}

  /* SimpleButton */
.btn-wrap {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px;
  }
  @media screen and (max-width:767px) { 
  .btn-wrap {
  margin-bottom: 50px;
  }
  }
  .btn2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 1rem 8rem;
  cursor: pointer;
  user-select: none;
  transition: all .3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .1em;
  border-radius: .5rem;
  line-height: 1.8rem;
  }
  @media screen and (max-width:767px) { 
  .btn2 {
  font-size: 1.5rem;
  padding: 1rem 0rem;
  width: 90%;
  }
  }
  .btn2:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .7rem);
  right: .5rem;
  margin: 0;
  padding: 0;
  content: '\f054';
  }
  
  .btnS {
  font-size: 1.2rem;
  color: #fff527;
  }
  @media screen and (max-width:767px) { 
  .btnS {
  font-size: .9rem;
  color: #fff527;
  }
  }
  
  .btn--green {
  color: #fff;
  background-color: #ff9999;
  }
  .btn--green:hover {
  color: #fff;
  background-color: #ffaeae;
  }
  
  .btn--color {
  color: #fffc00;
  font-size: 1.8rem;
  }
  @media screen and (max-width:767px) { 
  .btn--color {
  font-size: 1.5rem;
  }
  }





  @media screen and (min-width: 751px){
.trust_button_wrap {
    margin-bottom: 70px;
    margin-top: 40px;
    width: 50%;
    margin: 20px auto 60px;
}
  }
@media screen and (max-width: 750px){
.trust_button_wrap {
    margin-bottom: 30px;
    margin-top: 40px;
}
}

@media screen and (max-width: 767px){
.mobilein {
    display: block;
}
}
@media screen and (min-width: 751px){
.trust_button_list {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px;
    display: flex;
}
}
@media screen and (max-width: 750px){
.trust_button_list {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
}
}

@media screen and (min-width: 751px){
.trust_button_list > li {
    float: none;
    text-align: center;
    margin: 0 25px;
    flex: 1;
}
}
@media screen and (max-width: 750px){
.trust_button_list > li {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    flex: 1;
    margin: 0 25px;
}
}

@media screen and (min-width: 751px){
.trust_button_list > li > a {
    display: inline-block;
    width: 100%;
    font-size: 1.8rem;
    padding: 0;
    color: #fff;
    background-color: unset;
    border-radius: 50px;
    transition: 0.3s;
    line-height: 1.5;
}
}
@media screen and (max-width: 750px){
.trust_button_list > li >a:hover {
    /* opacity: 0.7; */
}
}
@media screen and (max-width: 750px){
.trust_button_list > li > a {
    display: inline-block;
    width: 100%;
    font-size: 1.5rem;
    padding: 0;
    color: #fff;
    background-color: unset;
    border-radius: 50px;
    transition: 0.3s;
    margin-bottom: 0;
    line-height: 1.5;
}
}

@media screen and (min-width: 751px){
.trust_button_list li img {
    margin-bottom: 5px;
}
}
@media screen and (min-width: 751px){
.ImgAd {
    width: 100%;
    margin-bottom: 0;
}
}
.ImgAd {
    width: 100%;
    margin-bottom: 0;
}
@media screen and (max-width: 750px){
.trust_button_list li img {
    width: 100%;
    margin-bottom: 35px;
}
}




@media screen and (min-width: 751px){
  .trust_button_wrap2 {
      margin-bottom: 70px;
      margin-top: 40px;
      width: 70%;
      margin: 20px auto 60px;
  }
    }
  @media screen and (max-width: 750px){
  .trust_button_wrap2 {
      margin-bottom: 30px;
      margin-top: 40px;
  }
  }
  
  @media screen and (max-width: 767px){
  .mobilein {
      display: block;
  }
  }
  @media screen and (min-width: 751px){
  .trust_button_list2 {
      text-align: center;
      margin-bottom: 20px;
      margin-top: 0px;
      display: flex;
  }
  }
  @media screen and (max-width: 750px){
  .trust_button_list2 {
      text-align: center;
      margin-bottom: 0;
      margin-top: 0;
      display: flex;
      flex-direction: column;
  }
  }
  
  @media screen and (min-width: 751px){
  .trust_button_list2 > li {
      float: none;
      text-align: center;
      margin: 0 25px;
      flex: 1;
  }
  }
  @media screen and (max-width: 750px){
  .trust_button_list2 > li {
      text-align: center;
      margin-left: 0;
      margin-right: 0;
      flex: 1;
      margin: 0;
  }
  }
  
  @media screen and (min-width: 751px){
  .trust_button_list2 > li > a {
      display: inline-block;
      width: 100%;
      font-size: 1.8rem;
      padding: 0;
      color: #fff;
      background-color: unset;
      border-radius: 50px;
      transition: 0.3s;
      line-height: 1.5;
  }
  }
  @media screen and (max-width: 750px){
  .trust_button_list2 > li >a:hover {
      /* opacity: 0.7; */
  }
  }
  @media screen and (max-width: 750px){
  .trust_button_list2 > li > a {
      display: inline-block;
      width: 100%;
      font-size: 1.5rem;
      padding: 0;
      color: #fff;
      background-color: unset;
      border-radius: 50px;
      transition: 0.3s;
      margin-bottom: 0;
      line-height: 1.5;
  }
  }
  
  @media screen and (min-width: 751px){
  .trust_button_list2 li img {
      margin-bottom: 5px;
  }
  }
  @media screen and (min-width: 751px){
  .ImgAd {
      width: 100%;
      margin-bottom: 0;
  }
  }
  .ImgAd {
      width: 100%;
      margin-bottom: 0;
  }
  @media screen and (max-width: 750px){
  .trust_button_list2 li img {
      width: 95%;
      margin: 0 auto 35px;
  }
  }







.text-center {
  text-align: center;
  margin-bottom: 0;
  margin: 10px 0;
}

  .text-center img {
  max-width: 500px;
  }
@media screen and (max-width: 767px){
.text-center img {
width: 100%;
}
}

.text-center2 {
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px;
}
.text-center2 img {
width: 100%;
}









/* FixBackground */
.fixed-background {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  }
  
  .background-1 {
  background-image: url('../images/top/23510495_m.jpg');
  }
  
  #trouble {
  background-size: cover;
  padding-top: 65px;
  padding-bottom: 65px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: rgb(0 0 0 / 20%);
  }
  
  .inner {
  max-width: 1000px;
  margin: 0 auto;
  }

.troubleTitle {
font-size: 3rem;
color: #fff;
margin-left: 5px;
font-weight: bold;
}
@media screen and (max-width:767px) { 
.troubleTitle {
font-size: 2.5rem;
}
}
.troubleTitleSpan {
font-size: 1.6rem;
margin-bottom: 40px;
letter-spacing: .2rem;
}
@media screen and (max-width:767px) { 
  .troubleTitleSpan {
  text-align: left;
margin: 10px 10px 40px;
  }
}


  .troubleList {
  display: flex;
  justify-content: center;
  align-items: center;
  }
  @media screen and (max-width:767px) { 
  .troubleList {
  display: block;
  }  
  }
  
  .troubleList a {
text-decoration: none;
margin: 0px 20px;
    }

  .in {
  line-height: 1.2;
  font-size: 1.5rem;
  width: 250px;
  background: linear-gradient(#fff, #ececec);
  color: #676767;
  border-radius: 10rem;
  padding: 20px 0;
  }
  @media screen and (max-width:767px) { 
  .in {
  width: 90%;
  padding: 10px;
  padding-top: 15px;
  margin: 10px auto;
  }
  }
  
  .troubleListSpan{
  font-size: 3rem;
  font-weight: bold;
  color: #eb9f00;
  }

.troubleListSpan2{
font-size: 2.2rem;
font-weight: bold;
color: #13b5bb;
margin-top: 5px;
display: block;
}

  .troubleTxt {
  font-size: 1.3rem;
  line-height: 1.55;
  color: #fff;
  letter-spacing: .1rem;
  padding: 5px;
  margin-top: 25px;
  }
  @media screen and (max-width:767px) { 
    .troubleTxt {
margin-top: 0;
      }
    }
    
  .troubleTxtSpan{
  font-size: .9rem;
  font-weight: bold;
  }








  .swiper-wrapAll {
 max-width: 1050px;
 margin: auto;
    }








    #video-area video {
width: 100%;
      }
      @media screen and (max-width:767px) { 
      .troubleTxt {
      text-align: ;
      }
      }









      .ModalBox .ModalBoxtitle.reason1 {
        background: url(../images/top/samImage.jpg) right top no-repeat;
        background-size: auto 380px;
    }
    @media screen and (max-width:767px) {
      .ModalBox .ModalBoxtitle.reason1 {
        background-size: contain;
    }
  } 
    
    .ModalBox .ModalBoxtitle {
        width: 100%;
        max-width: 1000px;
        height: 380px;
        margin: 0 auto 60px;
        padding: 70px 0 0;
        box-sizing: border-box;
    }
    @media screen and (max-width:767px) { 
      .ModalBox .ModalBoxtitle {
        margin: 0;
        padding: 160px 0 0;
        height: auto;
    }
  }

    .ModalBox .ModalBoxtitle h3 {
      width: 390px;
      text-align: center;
      font-size: 50px;
  }
  @media screen and (max-width:767px) { 
    .ModalBox .ModalBoxtitle h3 {
      width: auto;
  }
}
  
  .ModalBox h3 {
      margin-top: 0;
      padding-top: 0;
      border-top: none;
  }
  @media only screen and (min-width: 768px){
  .ModalBoxIn h3 {
      margin-top: 100px;
      padding-top: 60px;
      font-size: 38px;
  }
}
  .ModalBoxIn h3 {
      margin-top: 60px;
      padding-top: 40px;
      font-size: 30px;
      color: #28325A;
      font-weight: 600;
      text-align: center;
      border-top: 1px solid #DBDFE3;
  }

  .ModalBox .ModalBoxtitle.reason1 h3 span {
    width: 86px;
    height: 44px;
}

.ModalBox .ModalBoxtitle h3 span {
    display: block;
    margin: 0 auto 10px;
}

@media only screen and (min-width: 768px){
.ModalBox .ModalBoxtitle p {
    padding: 0 10px 20px;
}
}

.ModalBox .ModalBoxtitle p {
    width: 390px;
    text-align: center;
    font-size: 18px;
}
@media screen and (max-width:767px) { 
  .ModalBox .ModalBoxtitle p {
    width: auto;
}
}

@media only screen and (min-width: 768px){
.ModalBox p {
    padding: 0 20px 20px;
    font-size: 15px;
}
}
.ModalBox p {
    font-size: 12px;
    margin: 10px 0 0;
    padding: 0 10px 10px;
    line-height: 1.6;
}

@media only screen and (max-width: 767px){
.ModalBoxIn img {
    width: 100%;
    height: auto;
}
}






.ModalBoxIn h3 {
  margin-top: 60px;
  padding-top: 40px;
  font-size: 30px;
  color: #28325A;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid #DBDFE3;
}







@media screen and (min-width: 751px){
.bx-wrapper {
    width: 100%;
    margin: 0 auto;
}
}







.sa {
background-color: #ffffc2;
    padding-top: 20px;
    margin-bottom: 20px;
}








	
.autoplay-slider{
  display: flex;
  width: 100%;
}

.slide{
  height: 200px;
  width: 400px;
  background: #13b5bb;
  position: relative;
}
@media screen and (max-width: 767px){
  .slide{
    height: 100px;
    width: 200px;
  }
}

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}

.autoplay-slider{
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 100s linear infinite sliderAnimation;
}

.row{
  display: -ms-grid;
  -ms-grid-columns: min-content;
}






.spmenub{
margin-bottom: 20px;
}






/* FAQ */
.cp_qa {
  width: 100%;
  margin: 0 auto 50px;
  }
  @media screen and (max-width:767px) { 
  .cp_qa {
  width: 95%;
  }
  }
  
  .cp_qa *, .cp_qa *:after, .cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }
  .cp_qa .cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 0 1em 0;
  color: #1b2538;
  border-radius: 1rem;
  border: 1px solid #2bbcc2;
  }
  
  .cp_qa .cp_actab input {
  position: absolute;
  opacity: 0;
  }
  
  .main_title {
    color: #13B5BB;
    font-weight: bold;
    text-align: center;
    }

  /* 質問 */
  .cp_qa .cp_actab label {
  line-height: 1.6em;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 5em 1em 3em;
  cursor: pointer;
  border-radius: 0.5em;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  @media screen and (max-width:767px) { 
  .cp_qa .cp_actab label {
  padding: 1em 2.5em;
  }
  }
  
  .cp_qa .cp_actab label:hover {
  transition: all 0.3s;
  }
  
  /* --質問の＋アイコン */
  .cp_qa .cp_actab label::after {
  font-size: 1.6em;
  line-height: 2em;
  position: absolute;
  top: 0;
  right: 2rem;
  content: '\2b';
  display: inline-block;
  height: 54px;
  -webkit-transition: transform 1s;
  transition: transform .2s;
  font-weight: 500;
  color: #29bac0;
  }
  
  /* 答え */
  .cp_qa .cp_actab .cp_actab-content {
  line-height: 1.6em;
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 1rem 0;
  -webkit-transition: max-height .5s;
  transition: max-height .5s;
  border-radius: 0 0 0.5em 0.5em;
  background-color: #f2f2f2;
  }
  @media screen and (max-width:767px) {
  .cp_qa .cp_actab .cp_actab-content {
  padding: 0 1rem;
  }
  } 
 
  .cp_qa .cp_actab .cp_actab-content p {
  margin: 1em 3em 1em 3em;
  }
  @media screen and (max-width:767px) {
  .cp_qa .cp_actab .cp_actab-content p {
  margin: 20px 0;
  }
  }
  
  /* 質問を開いた時の仕様 */
  /* --答えの高さ */
  .cp_qa .cp_actab input:checked ~ .cp_actab-content {
  max-height: 40em;
  background-color: #f2f2f2;
  transition: max-height 3s;
  }
  
  /* 質問をクリックした時のアイコンの動き */
  .cp_qa .cp_actab input:checked ~ label {
  border-radius: 0.5em 0.5em 0 0;
  }
  /* 質問をクリックした時の+の動き */
  .cp_qa .cp_actab input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }    

  .sub_title{
    text-align: left;
  }