/*                 mv                    */
.sab .mv_img {
    width: min(88.2rem, calc(882vw / 13.66));
}
/*                 clause                    */
.clause_content {
 width: min(108rem, calc(1080vw / 13.66));
 margin: 0 auto min(12rem, calc(120vw / 13.66));
 text-align: left;
}
.clause_item {
 margin-bottom: min(5.5rem, calc(55vw / 13.66));
}
.clause_item_ttl {
 font-size: 1.8rem;
 font-weight: 700;
 margin-bottom: min(2rem, calc(20vw / 13.66));
}
.clause_box {
 box-sizing: border-box;
 display: flex;
 align-items: baseline;
 gap: 0 min(4.5rem, calc(45vw / 13.66));
 padding: min(2.2rem, calc(22vw / 13.66)) 0;
 padding-right:  min(10rem, calc(100vw / 13.66));
 border-bottom: #cccccc solid  min(.1rem, calc(1vw / 13.66)) ;
}
.clause_box .clause_txt {
 font-size: 1.6rem;
 line-height: 1.62;
 font-weight: 500;
 color: #333333;
}
.clause_box .clause_txt::before {
 content: '';
 width: min(1.2rem, calc(12vw / 13.66)) ;
 height: min(1.2rem, calc(12vw / 13.66)) ;
 background-color: #005bab;
 border-radius: 50%;
 display: inline-block;
 margin-right:  min(1.5rem, calc(15vw / 13.66));
}
.clause_box .clause_txt::after {
 content: '';
 width: min(2rem, calc(20vw / 13.66)) ;
 height: min(2rem, calc(20vw / 13.66)) ;
 background: url(../images/common/blank_icon.svg) no-repeat;
 background-size: cover;
 display: inline-block;
 vertical-align: sub;
 margin-left:  min(1.5rem, calc(15vw / 13.66));
}

@media (hover: hover)  and (pointer: fine){
 .clause_box:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
}

.clause_detail {
 width: min(108rem, calc(1080vw / 13.66));
 margin: 0 auto;
 background-color: #ebf2f8;
 border-radius:  min(1.2rem, calc(12vw / 13.66));
 display: flex;
 gap: 0 min(3rem, calc(30vw / 13.66));
 padding: min(3.5rem, calc(35vw / 13.66)) min(6rem, calc(60vw / 13.66));
 box-sizing: border-box;
 align-items: center;
}
.clause_detail_img {
 width: min(27rem, calc(270vw / 13.66));
}
.clause_detail_txt {
 box-sizing: border-box;
 padding-left: min(4rem, calc(40vw / 13.66));
 text-align: left;
 font-size: 1.6rem;
 border-left: #99bddd solid min(.1rem, calc(1vw / 13.66));
}
.clause_detail_txt a {
 color: #005db1;
 font-weight: 700;
 text-decoration: underline;
}
.clause_detail_txt span {
 font-weight: 700;
}


@media (hover: hover)  and (pointer: fine){
 .clause_detail_txt a:where(:any-link, :enabled, summary):hover {
  text-decoration: none;
 }
}




@media screen and (max-width: 767px) {
 /*                 mv                    */
.sab .mv_img {
    width: 100%;
}
.clause_content {
 width: 31.5rem;
 margin: 0 auto 8rem;
}
.clause_item {
 margin-bottom: 3.5rem;
}
.clause_item_ttl {
 font-size: 1.7rem;
 margin-bottom:2rem;
}
.clause_box {
 gap: 0 1.5rem;
 padding:1.5rem 0;
 padding-right: 2rem;
 border-bottom: #cccccc solid  .1rem;
}
.clause_box .clause_txt {
 font-size: 1.3rem;
 text-indent: -1.5em;
 padding-left: 1.5em;
}
.clause_box .clause_txt::before {
 width: 1rem ;
 height: 1rem ;
 margin-right: 1rem;
}
.clause_box .clause_txt::after {
 width: 1.5rem;
 height: 1.5rem;
}


.clause_detail {
 width: 31.5rem;
 border-radius:  1.2rem;
 flex-direction: column;
 gap:  2rem 0;
 padding:3.5rem 3rem;
}
.clause_detail_img {
 width:15rem;
 margin: 0 auto;
}
.clause_detail_txt {
 padding-left:0;
 font-size: 1.3rem;
 border-left:none;
}


}