@media screen and (max-width: 767.98px) {
  .is-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
}

.site-body{
    margin-bottom: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 767.98px) {
.main-section{
    margin-bottom: 0;
}
}



/* sec01 */

.sec01 {
 padding: 100px 0;
}

.container {

}

.sec01__contents{
   display: flex;
    justify-content: space-between;
    gap: 50px;
}

.sec01__left {
    width: 52%;
}

.sec01__title {
    font-size: 35px;
    line-height: calc(50 / 35);
    font-weight: bold;
}

.sec01__text {
    line-height: calc(34 / 16);
    letter-spacing: 0.006em;
}

.sec01__right {
    width: 48%;
}

.sec01__img {

}


@media screen and (max-width: 767.98px) {
    .sec01{
        padding: 50px 0 80px;
    }
  .sec01__contents{
    display: block;
  }
  .sec01__left{
    width: 100%;
  }
  .sec01__right{
    width: 100%;
    margin-top: 30px;
  }
  .sec01__title{
    font-size: 28px;
    text-align: center;
  }
}


/* sec02 */

.sec02 {
    padding: 100px 0;
    background: #f5f5f5;
    text-align: center;
}

.container {

}

.sec02__title1 {
    font-size: 30px;
    line-height: calc(60 / 30);
    letter-spacing: 0.18em;
    font-weight: 500;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.sec02__title2 {
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 0.002em;
    line-height: 1.2;
}

.sec02__title2 .number {
    font-size: 175px;
    letter-spacing: 0;
    font-family: "Oswald";
}

.bg-black {
    display: inline-block;
    color: #fff;
    background: #231815;
    padding: 10px 10px;
    margin: 0 3px;
    line-height: 1;
    font-size: 50px;
     transform: translateY(-0.2em);
}

.sec02__title3 {
    font-size: 20px;
    letter-spacing: 0.16em;
    position: relative;
}

.sec02__title3::before,
.sec02__title3::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #231815;
    margin: 0 5px;
    top: 50%;
    transform: translateY(-50%);
}

.sec02__title3::before{
    margin-left: -110px;
}

.sec02__text-red {
    font-size: 25px;
    font-weight: bold;
    line-height: calc(45 / 25);
    color: #A71F24;
    margin-top: 50px;
}

.sec02__text2 {
    line-height: calc(35 / 16);
    letter-spacing: 0.006em;
}

.sec02__img {
    margin-top: 80px;
}

.sec02__attention {
    text-align: left;
    font-size: 15px;
}

.sec02__text3 {
    font-size: 30px;
    line-height: calc( 60/ 30);
}

@media screen and (max-width: 767.98px){
    .sec02{
        padding: 80px 0 50px;
    }
    .sec02__title1{
        font-size: 24px;
        letter-spacing: 0.01em;
    }
    .sec02__title2{
        font-size: 30px;
    }
    .sec02__title2 .number{
        font-size: 80px;
        padding: 0 5px;
    }
    .bg-black{
        font-size: 30px;
    }
    .sec02__title3{
        font-size: 16px;
    }
    .sec02__title3::before, .sec02__title3::after{
        width: 40px;
    }
    .sec02__title3::before{
        margin-left: -50px;
    }
    .sec02__text-red{
        font-size: 18px;
        margin-top: 30px;
    }
    .sec02__text3{
        font-size: 18px;
    }
    .sec02__img{
        margin-top: 40px;
    }
}


/* sec03 */

.sec03 {
    padding: 100px 0;
}

.container {

}

.sec03__title,
.sec04__title,
.sec05__title {
font-size: 35px;
line-height: calc(60 / 35);
letter-spacing: 0.006em;
font-weight: bold;
color: #fff;
background: #A71F24;
text-align: center;
width: 100%;
max-width: 700px;
margin: 0 auto;
border-radius: 50px;
}

.sec03__text {
    text-align: center;
    margin-top: 50px;
    line-height: calc(35 / 16);
    letter-spacing: 0.006em;
}

.sec03-1 {
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc ;
}

.sec03__h3,
.sec04__h3 {
    text-align: center;
    margin-top: 80px;
    font-size: 30px;
    letter-spacing: 0.006em;
}

.sec03-1-img {
    width: 100%;
}

.sec03-2 {
  padding-bottom: 50px;
    border-bottom: 1px solid #ccc ;
}

.sec03-2__top {
    display: flex;
}

.sec03-2__left {
    width: 40%;
}

.sec03-2__left-item {
    padding: 30px;
    background: #f5f5f5;
    margin-top: 30px;
    max-width: 330px;
}

.sec03-2__left-item-title {
    font-size: 23px;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
}

.sec03-2__left-item-title::before {
    position: absolute;
    content: "";
    background: url(../../img/safety/sec03-check.svg);
    width: 28px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;

}

.sec03-2__left-item-text {
    font-size: 18px;
    line-height: calc(30 / 18);
    font-weight: 500;
    margin-top: 10px;
}

.sec03-2__right {
 width: 60%;
}

.sec03-2-img {

}

.sec03-2__attention {
    font-size: 15px;
    margin-top: 30px;
    line-height: calc(30 / 15);
    letter-spacing: 0.002em;
}

.sec03-3 {

}

.sec03-3__text {
    line-height: calc(35 / 16);
    font-weight: 500;
    margin-top: 50px;
    text-align: center;
}

.sec03-3__items {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-top: 30px;
}

.sec03-3__item {
    width: 50%;

}

.sec03-3__item-title {
    font-size: 40px;
    font-weight: 700;
    background: #746B66;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.sec03-3__item-text {
    font-size: 25px;
    font-weight: 700;
    line-height: calc(45 / 25);
    background: #F1F0F0;
    text-align: center;
    border-radius: 0 0 10px 10px;
    padding: 40px 0;
}

.sec03-3__attention {
    font-size: 15px;
    margin-top: 30px;
    line-height: calc(30 / 15);
    letter-spacing: 0.002em;
}
@media screen and (max-width: 767.98px){
    .sec03{
        padding: 80px 0 50px;
    }
    .sec03__title, .sec04__title, .sec05__title{
        font-size: 28px;
        line-height: 1.4;
        padding: 10px;
    }
    .sec03__text{
        text-align: left;
    }
    .sec03__h3, .sec04__h3{
        font-size: 23px;
        margin-top: 50px;
    }
    .sec03-2__top{
        flex-direction: column-reverse;
    }
    .sec03-2__left{
        width: 100%;

    }
    .sec03-2__right{
        width: 100%;
    }
    .sec03-2__left-item{
        max-width: 100%;
        padding: 20px;
    }
    .sec03-2__left-item-text{
        font-size: 16px;
    }
    .sec03-3__text{
        text-align: left;
    }
    .sec03-3__items{
        display: block;
    }
    .sec03-3__item{
        width: 100%;
        margin-top: 30px;
    }
    .sec03-3__item-title{
        font-size: 24px;
    }
    .sec03-3__item-text{
        font-size: 18px;
        padding: 20px 0;
    }
    .sec03-2{
        padding-bottom: 30px;
    }
}

/* sec04 */
.sec04 {
    padding: 100px 0;
    background: #F5F5F5;
}


.sec04__title {

}

.sec04__text1 {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: calc(55 / 30);
    letter-spacing: 0.006em;
    margin-top: 50px;
}

.sec04__text2 {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(35 / 16);
    letter-spacing: 0.006em;
    margin-top: 20px;
}

.sec04__img {
    margin-top: 50px;
}

.sec04__items {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 20px;
}

.sec04__item {
    width: calc(33.33% - 10px);
    background: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.006em;
    padding: 80px 0;
    position: relative;
}

.sec04__item span{
    font-size: 35px;
    font-family: "Oswald";
}

.sec04__item::before{
    position: absolute;
    content: "";
    background: url(../../img/safety/sec04-01.svg);
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.sec04__item:nth-child(2)::before{
    position: absolute;
    content: "";
    background: url(../../img/safety/sec04-02.svg);
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.sec04__item:nth-child(3)::before{
    position: absolute;
    content: "";
    background: url(../../img/safety/sec04-03.svg);
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}


.sec04-2__items {

}

.sec04-2__item {
    display: flex;
    margin-top: 3px;
}

.sec04-2__item-title {
    width: 250px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.006em;
    background: #746B66;
    color: #fff;
    padding: 10px 0;
}

.sec04-2__item-text {
    width: calc(100% - 250px);
    font-size: 20px;
    font-weight: 500;
    background: #fff;
    padding: 10px 20px;
}

.sec04__attention {
font-size: 15px;
    margin-top: 30px;
    line-height: calc(30 / 15);
    letter-spacing: 0.002em;
}

@media screen and (max-width: 767.98px){
    .sec04{
        padding: 80px 0 50px;
    }
    .sec04__text1{
        font-size: 22px;
    }
    .sec04__text2{
        text-align: left;
    }
    .sec04__items{
        display: block;
    }
    .sec04__item{
        width: 100%;
        margin-top: 10px;
        padding: 40px 0;
        font-size: 22px;
    }
    .sec04__item span{
        font-size: 30px;
    }
    
    .sec04-2__item{
        flex-direction: column;
        margin-top: 10px;
    }
    .sec04-2__item-title{
       width: 100%;
       font-size: 18px;
    }
    .sec04-2__item-text{
       width: 100%;
       font-size: 16px;
       text-align: center;
    }
}


/* sec05 */

.sec05 {
    padding: 100px 0;
}

.container {

}

.sec05__item {
    padding-bottom: 50px;
}

.sec05__item:first-child{
    border-bottom: 1px solid #ccc ;
}

.sec05__item:nth-child(2){
    padding-top: 80px;
}


.sec05__title {
    
}

.sec05__text {
    text-align: center;
    margin-top: 40px;
    font-weight: 700;
    letter-spacing: 0.006em;
    line-height: calc(40 / 20);
    font-size: 20px;
}

.sec05__text span{
    font-size: 16px;
}

@media screen and (max-width: 767.98px){
    .sec05{
        padding: 80px 0 30px;
    }
   .sec05__text{
    text-align: left;
   }
   .sec05__item{
    padding-top: 40px;
    padding-bottom: 40px;
   }
}

/* sec06 */

.sec06 {
    padding: 100px 0 150px;
    background: #F5F5F5;
}

.container {

}

.sec06__title {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.006em;
    text-align: center;
}

.qa__items {
    background: #fff;
    border-radius: 20px;
    padding: 10px 50px;
}

.qa__item {
    padding: 30px 0;
    border-bottom: 1px solid #ccc ;
}

.qa__item:last-child {
    border-bottom: none;
}


.qa__question {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.006em;
    line-height: calc(60 / 25);
    padding-left: 50px;
    position: relative;
}

.qa__question::before{
    position: absolute;
    content: "Q";
    left: 0;
    top: 10px;
    color: #fff;
    background: #231815;
    font-family: "Oswald";
    line-height: 1;
    padding: 7px 13px 10px 13px;
}

.qa__answer {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.006em;
    line-height: calc(30 / 16);
    padding-left: 50px;
    position: relative;
    margin-top: 15px;
}

.qa__answer::before{
    position: absolute;
    content: "A.";
    font-size: 25px;
    font-weight: 500;
    left: 0;
    top: -5px;
    font-family: "Oswald";
    line-height: 1;
    padding: 7px 13px 10px 13px;
}

.sec06__h3 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.006em;
    margin-top: 80px;
}

@media screen and (max-width: 767.98px){
    .sec06{
        padding: 80px 0 100px;
    }
    .sec06__h3 {
        font-size: 24px;
    }
    .qa__items{
        padding: 10px 15px;
    }
    .qa__question{
        font-size: 18px;
        line-height: 1.6;
    }
    .qa__question::before{
        top: 0;
        padding: 5px 12px 8px 12px;
        font-size: 18px;
    }
    .qa__answer::before{
    font-size: 20px;
      padding: 5px 12px 8px 12px;
}
}