@charset "utf-8";
#page.guarantee-support #mainin{
  background-image: url(../images202511/guarantee-support/main.jpg);
}

#page.guarantee-support #contents {
  background-color: #fff;
}
#page.guarantee-support #contents div,
#page.guarantee-support #contents p{
  font-size:15px;
}
#page.guarantee-support #contents p{
  line-height: 2;
}
#page.guarantee-support #contents .ct{
  text-align: center;
}

#page.guarantee-support #contents .topBox{
  padding:130px 0;
  text-align: center;
}
  #page.guarantee-support #contents .topBox p{
    line-height: 2;
  }
  #page.guarantee-support #contents .topBox .cacth{
    margin:0 auto 35px;
  }
  #page.guarantee-support #contents .topBox .cacth strong{
    font-size: 28px;
    font-weight: bold;
  }

#page.guarantee-support #contents .flow{
	margin: 0 auto 140px;
	height:530px;
  background-color: #f2f2f2;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
}
  #page.guarantee-support #contents .flow .img{
    width:834px;
    margin:0 auto;
  }
    #page.guarantee-support #contents .flow .img img{
      width:100%;
    }


#page.guarantee-support #contents .section{
  width:1000px;
  margin:0 auto 250px;
}
  #page.guarantee-support #contents .section .box{
    width:840px;
    margin:0 auto;
  }
  #page.guarantee-support #contents .section .box-w{
    width:100%;
    margin:0 auto;
  }
    #page.guarantee-support #contents .section h2{
      width:280px;
      margin:0 auto 35px;
    }
      #page.guarantee-support #contents .section h2 img{
        width:100%;
      }
    #page.guarantee-support #contents .section h3{
      font-size: 28px;
      font-weight: bold;
      margin:0 auto 25px;
    }
    #page.guarantee-support #contents .section .comment{
      line-height: 2;
      margin:0 auto 65px;
    }
    #page.guarantee-support #contents .section .movie-box {
      width: 100%;/*背景色を横幅いっぱいに広げる*/
      text-align: center;
      margin:75px auto 75px;
      padding: 0;/*ここで動画の周りの余白を調整*/
    }
    #page.guarantee-support #contents .section .movie-box video.vid_main {
      width: 100%;
      max-width: 840px;/*PC版での最大幅*/
      aspect-ratio: 16 / 9; /* アスペクト比を指定（16:9の場合） */
    }

    #page.guarantee-support #contents .section .service-title{
      font-size: 28px;
      font-weight: bold;
      margin:0 auto 20px;
    }
    #page.guarantee-support #contents .section .service-list{
      width:100%;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    #page.guarantee-support #contents .section .service-list.bt0{
      margin-bottom:-32px;
    }
      #page.guarantee-support #contents .section .service-list li{
        width:143px;
        float: left;
        margin-bottom:32px;
      }
        #page.guarantee-support #contents .section .service-list li img{
          width:100%;
          display: block;
        }
        #page.guarantee-support #contents .section .service-list li p{
          font-size: 13px;
          margin:5px auto 0;
          text-align: center;
        }


  #page.guarantee-support #contents .section .support01 .comment-box{
    background-color: #f2f2f2;
    width:100%;
    height: 198px;
    margin:0 auto 45px;
    display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	-webkit-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-align-content: center;
  	align-content: center;
  	-webkit-justify-content: center;
  	justify-content: center;
  }
    #page.guarantee-support #contents .section .support01 .comment-box .l{
      width:calc(100% - 318px);
      text-align: left;
      padding:0 0 0 50px;
    }
      #page.guarantee-support #contents .section .support01 .comment-box .l h4{
        font-size: 20px;
        font-weight: bold;
        margin:0 auto 5px;
      }
      #page.guarantee-support #contents .section .support01 .comment-box .l p{
        line-height: 2;
      }
    #page.guarantee-support #contents .section .support01 .comment-box .r{
      width:318px;
      float:right;
      text-align: center;
    }
      #page.guarantee-support #contents .section .support01 .comment-box .r img{
        width:200px;
        margin:0 auto;
      }

  #page.guarantee-support #contents .section .support04 .comment-box{
    width:100%;
    display: table;
  }
    #page.guarantee-support #contents .section .support04 .comment-box .l{
      width:calc(100% - 480px);
      float: left;
      padding:0 45px 0 42px;
    }
    #page.guarantee-support #contents .section .support04 .comment-box .r{
      width:480px;
      float: right;
    }
      #page.guarantee-support #contents .section .support04 .comment-box .r img{
        width:100%;
      }

  #page.guarantee-support #contents .section .support05 .p01{
    font-size: 16px;
    font-weight: bold;
    margin:50px auto 20px;
  }
  #page.guarantee-support #contents .section .support05 .photo-box{
    display: table;
  }
    #page.guarantee-support #contents .section .support05 .photo-box > div{
      width:470px;
    }
      #page.guarantee-support #contents .section .support05 .photo-box > div img{
        width:100%;
      }
      #page.guarantee-support #contents .section .support05 .photo-box > div ul{
        margin-top:15px;
      }
      #page.guarantee-support #contents .section .support05 .photo-box > div li{
        padding-left: 1.2em;
        position: relative;
        font-size: 12px;
        margin-bottom: 4px;
      }
      #page.guarantee-support #contents .section .support05 .photo-box > div li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "・";
        display: inline-block;
      }

  #page.guarantee-support #contents .section .support06 .box-w2{
    width:800px;
    margin:45px auto;
  }
    #page.guarantee-support #contents .section .support06 .box-w2 img{
      width:100%;
    }

  #page.guarantee-support #contents .section .support06 .box-w2 ol {
    list-style: none;
    counter-reset: num;
    margin:0 0 2em;
  }
    #page.guarantee-support #contents .section .support06 .box-w2 ol > li {
      margin:2em 0 0;
      position: relative;
      font-size: 15px;
      line-height: 2;
    }
    #page.guarantee-support #contents .section .support06 .box-w2 ol > li strong{
      font-size: 15px;
      line-height: 2;
    }

#page.guarantee-support #contents .section hr{
  width:100%;
  border-top: 1px solid #000000;
  margin:130px 0 125px;
}


@media (max-width: 640px) {
  #page.guarantee-support #contents div,
  #page.guarantee-support #contents p{
    text-size-adjust: none;
    font-size: 3.6vw;
  }
  #page.guarantee-support #contents .topBox{
    padding:25vw 5vw;
    text-align: center;
  }
    #page.guarantee-support #contents .topBox p{
      line-height: 2;
      text-align: left;
    }
    #page.guarantee-support #contents .topBox .cacth{
      margin:0 auto 5vw;
      text-align: center;
    }
    #page.guarantee-support #contents .topBox .cacth strong{
      font-size: 5vw;
    }

  #page.guarantee-support #contents .flow{
  	margin: 0 auto 25vw;
    padding:6vw 0;
  	height:auto;
    background-color: #f2f2f2;
  }
    #page.guarantee-support #contents .flow .img{
      width:94vw;
    }

  #page.guarantee-support #contents .section{
    width:90vw;
    margin:0 auto 20vw;
  }
    #page.guarantee-support #contents .section .box{
      width:100%;
    }
      #page.guarantee-support #contents .section h2{
        width:50vw;
        margin:0 auto 8vw;
      }
      #page.guarantee-support #contents .section h3{
        font-size: 4.2vw;
        margin:0 auto 4vw;
      }
      #page.guarantee-support #contents .section .comment{
        line-height: 2;
        margin:0 auto 10vw;
        text-align: left;
      }
      #page.guarantee-support #contents .section .movie-box {
        margin:15vw auto 15vw;
      }

      #page.guarantee-support #contents .section .service-title{
        font-size: 4vw;
        margin:0 auto 4vw;
      }

      #page.guarantee-support #contents .section .service-list.bt0{
        margin-bottom:-8vw;
      }
      #page.guarantee-support #contents .section .service-list::after {
      	content: "";
      	display: block;
      	width:32%;
      }
        #page.guarantee-support #contents .section .service-list li{
          width:27vw;
          margin-bottom:5vw;
        }
          #page.guarantee-support #contents .section .service-list li p{
            font-size: 3vw;
            margin:1vw auto 0;
          }


    #page.guarantee-support #contents .section .support01 .comment-box{
      height: auto;
      margin:0 auto 15vw;
      display: table;
      padding:5vw;
    }
      #page.guarantee-support #contents .section .support01 .comment-box .l{
        width:100%;
        padding:0;
      }
        #page.guarantee-support #contents .section .support01 .comment-box .l h4{
          font-size: 4vw;
          margin:0 auto 2vw;
        }
      #page.guarantee-support #contents .section .support01 .comment-box .r{
        width:100%;
        float:none;
        text-align: center;
      }
        #page.guarantee-support #contents .section .support01 .comment-box .r img{
          width:60vw;
          margin:5vw auto 0;
        }

      #page.guarantee-support #contents .section .support04 .comment-box .l{
        width:100%;
        float: none;
        padding:0;
      }
      #page.guarantee-support #contents .section .support04 .comment-box .r{
        width:80vw;
        float: none;
        margin:8vw auto 0;
      }

    #page.guarantee-support #contents .section .support05 .p01{
      font-size: 3.8vw;
      line-height: 1.6;
      margin:8vw auto 5vw;
    }
      #page.guarantee-support #contents .section .support05 .photo-box > div{
        width:100%;
        float:none;
      }
        #page.guarantee-support #contents .section .support05 .photo-box > div ul{
          margin:3vw 0 8vw;
        }
        #page.guarantee-support #contents .section .support05 .photo-box > div li{
          padding-left: 1.2em;
          font-size: 3.2vw;
          margin-bottom: 1.5vw;
        }

    #page.guarantee-support #contents .section .support06 p{
      text-align: left;
    }
    #page.guarantee-support #contents .section .support06 .box-w2{
      width:100%;
      margin:10vw auto;
    }

      #page.guarantee-support #contents .section .support06 .box-w2 ol > li {
        font-size: 3.4vw;
      }
      #page.guarantee-support #contents .section .support06 .box-w2 ol > li strong{
        font-size: 3.4vw;
      }

  #page.guarantee-support #contents .section hr{
    margin:18vw 0 20vw;
  }
}