@charset "UTF-8";

/* --- ラシックさんのfree_safety_inspection.cssを変更するため追加上書き --- */
.l-bg {
  background: #111;
}

.mv__title{
    margin-bottom:44px;
}
.c-marker {
  background: #A5DEFF;
  font-weight: bold;
}

.caution-block {
    border:none;
    padding: 10px 24px;
}

.c-headingLv2__ico{
    width:80px;
    height:80px;
    border:1px solid #fff;
    border-radius: 8px;
    padding:10px;
}
.cta__youtube {
    border:1px solid #fff;
    text-align:center;
    padding-bottom:80px;
}
  .l-inner {
    padding: 80px 0 0 0;
    width: 1000px;
    margin: auto;
  }
.cta {
  background: #111;
  padding-bottom: 80px;
}
.floating {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.floating__img {
    width: 110px;
    height: 110px;
}
/* --- 追加上書きここまで --- */

.bubbleTx {
	position: relative;
	background: #111;
	border: 1px solid #fff;
    width:18em;
    font-size:15px;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    line-height:1;
    padding:10px 1em;
    border-radius:2em;
    margin:40px auto 0 auto;
}
.bubbleTx:after, .bubbleTx:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bubbleTx:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #111;
	border-width: 8px;
	margin-left: -8px;
}
.bubbleTx:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.yoyakuBtn01,
.yoyakuBtn02{
    width:370px;
    margin:14px auto 0 auto;
}
.yoyakuBtn01 a,
.yoyakuBtn02 a{
    color:#fff;
    text-decoration:none;
    text-align:left;
    display:block;
    border-radius:8px;
    font-size:21px;
    font-weight:550;
    line-height:1;
    padding:13px 0 13px 77px;
	background: url(../_img_bg/icon_free_tenken.svg) no-repeat;
    background-color:#E85400;
	background-position:35px center;
    background-size:auto 35px;
}
.yoyakuBtn01 a i,
.yoyakuBtn02 a i{
    font-size:17px;
    font-weight:550;
}
.sTtl{
    display:block;
    font-size:20px;
    font-weight:550;
    color:#111;
}
.blockBorder{
  border: 2px solid #111;
  padding-top:30px;
  padding-bottom:30px;
}
    
.cautionBox{
    border: 2px solid #111;
}
.cautionBox2{
    border: 2px solid #111;
    margin-top:40px;
    padding-top:10px;
    padding-bottom:10px;
}
.cautionBox hr{
    border:1px solid #CDCDCD;
    width:95%;
}
.checkPoint01{
    position:relative;
    margin:40px auto 8px;
    background-color:#EEEEEE;
    border-left:solid 125px #111;
    font-size:24px;
    font-weight:550;
    padding:11px 0 11px 24px;
    box-sizing: border-box
}
.checkPoint01 .icon{
    width:96px;
    position:absolute;
    top:12px;
    left:-113px;
    z-index:3;
}
.abCheck{
    text-align:center;
    font-size:20px;
    margin:40px 0 20px;
}
.ytTtl{
    font-size:32px;
    font-weight:700;
    color:#fff;
    margin:80px auto 40px;
    line-height:1.5;
}
.ytThumb{
    margin-bottom:50px;
}
.ytThumb img{
    width:800px;
    height:449px;
    vertical-align:bottom;
}

#btnWebYoyaku{
    display:none;
}
/* ------- SP ------- */
@media screen and (max-width:767px){

    /* --- ラシックさんのfree_safety_inspection.css 追加上書き --- */
    .mv__title{
        margin-bottom:6.4vw;
    }
    .mv__text {
    margin-top: 0;
    font-size: 4.26vw;
    line-height:1.5;
    }
    .mv__contents {
    padding: 6.4vw 4.3vw 0;
    }
    .c-headingLv2__ico{
        width:13vw;
        height:13vw;
        padding:2vw;
    }
    .l-inner {
        padding: 21vw 0 0 0;
        width: 88vw;
        margin: 0 auto;
    }
    .floating {
        position: fixed;
        bottom: 0.1vw;
        right: 1vw;
    }
    .floating__img {
        width: 86px;
        height: 86px;
    }
    .cta__youtube {
        border:1px solid #fff;
        text-align:center;
        padding-bottom:11.5vw;
    }

    /* --- 追加上書きここまで --- */
    .bubbleTx {
        width:18em;
        font-size:4vw;
        padding:0.7em 1em;
        border-radius:2em;
        margin:10vw auto 0 auto;
    }
    .bubbleTx:after {
        border-width: 8px;
        margin-left: -8px;
    }
    .bubbleTx:before {
        border-width: 10px;
        margin-left: -10px;
    }
    .yoyakuBtn01{
        width:87vw;
        margin:14px auto 0 auto;
    }
    .yoyakuBtn01 a{
        font-size:4.5vw;
        padding:4.4vw 0 4.4vw 20vw;
        background-position:9vw center;
        background-size:auto 8.8vw;
    }
    .yoyakuBtn01 a i{
        font-size:3.5vw;
    }
    .sTtl{
        font-size:5.3vw;
    }
    .cautionBox{
        border: 2px solid #111;
    }
    .cautionBox2{
        border: 2px solid #111;
        margin-top:10vw;
        padding-top:2.5vw;
        padding-bottom:2.5vw;
    }
    .cautionBox hr{
        border:1px solid #CDCDCD;
        width:64vw;
    }
    .checkPoint01{
        margin:10vw auto 2vw;
        border-left:solid 24.5vw #111;
        font-size:3.7vw;
        line-height:1.5;
        padding:3vw 0 3vw 4vw;
    }
    .checkPoint01 .icon{
        width:19.5vw;
        top:4.5vw;
        left:-22vw;
    }
    .abCheck{
        text-align:center;
        font-size:4.3vw;
        margin:7.2vw 0 5.3vw;
    }
    
    .yoyakuBtn02{
        width:77vw;
        margin:4vw auto 0 auto;
    }
    .yoyakuBtn02 a{
        font-size:4.5vw;
        padding:4.4vw 0 4.4vw 15vw;
        background-position:5vw center;
        background-size:auto 8.8vw;
    }
    .yoyakuBtn02 a i{
        font-size:3.5vw;
    }
    
    .ytTtl{
        font-size:4.3vw;
        margin:10vw auto 5vw;
        line-height:1.5;
    }
    .ytThumb{
        margin-bottom:8vw;
    }
    .ytThumb img{
        width:77vw;
        height:auto;
        vertical-align:bottom;
    }

}/* SP */

/* ------- 2025-03-21 春の全国安全運動 ------- */
/* .campaign-2025-spring {
    width: 88vw;
    margin: 40px auto 0;
}

.campaign-heading {
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-bottom: 16px;
}
.campaign-heading.__sub {
    font-weight: normal;
    font-size: 14px;
}
.campaign-heading img {
    width: 20px;
    height: auto;
}

@media screen and (min-width:768px){
    .campaign-2025-spring {
        max-width: 800px;
    }
    .campaign-heading {
        font-size: 30px;
    }
    .campaign-heading img {
        width: 30px;
        vertical-align: bottom
    }
    .campaign-heading.__sub {
        margin-bottom: 40px;
    }
}

.campaign__content {
    background: #FFF8FC;
}

.campaign__content__inner {
    padding: 4.27vw;
    line-height: 1.5;
}

.campaign__definitionList {
    margin-bottom: 16px;
}
.campaign__definitionList dt, .campaign__cta__catch {
    font-weight: bold;
    color: #E5007F;
}
.campaign__definitionList dt:not(:first-child) {
    margin-top: 12px;
}
.campaign__definitionList dd {
    word-break: break-word;
}

@media screen and (min-width:768px){
    .campaign__content__inner {
        font-size: 14px;
        padding: 16px 80px;
    }
    .campaign__definitionList dt:not(:first-child) {
        margin-top: 16px;
    }
    .campaign__definitionList dt, .campaign__definitionList dd {
        padding-left: 12px;
        border-left: 4px solid #E5007F;
    }
}

.campaign__cta {
    margin-top: 20px;
    text-align: center;
}
.campaign__cta__catch {
    display: flex;
    justify-content: center;
}
.campaign__cta__catch p {
    margin: 0 4px;
}
.campaign__cta_button {
    background: #E85400;
    width: 100%;
    border-radius: 8px;
}
.yoyakuBtn02.--appYoyaku {
    width: 100%;
    margin-top: 8px;
}
.yoyakuQr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 10px;
}
.yoyakuQr p {
    font-size: 19px;
    font-weight: bold;
}
.yoyakuQr img {
    border: solid 2px #111;
}

@media screen and (min-width:768px){
    .campaign__cta {
        margin-top: 40px;
    }
    .campaign__cta__catch {
        font-size: 19px;
    }
}

.yoyakuBtn02.__2025spring {
    margin-top: 4px;
} */

/* APPキャンペーン用 WEB予約ボタン */
/* .webReserveButton__wrapper {
    margin-top: 40px;
    text-align: center;

    a:link, a:visited, a:active, a:hover {
        color: #fff;
        text-decoration: none;
    }
}
.webReserveButton__wrapper.--black {
    a:link, a:visited, a:active, a:hover {
        color: #111111;
        text-decoration: none;
    }
}
.webReserveButton {
    display: block;
    width: 288px;
    line-height: 50px;
    border: 1px solid #CDCDCD;
    border-radius: 8px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    font-size: 17px;
}

@media screen and (max-width:767px){
    .webReserveButton__wrapper.--black {
        margin-top: 20px;
    }
} */