@charset "UTF-8";
/* CSS Document */


/* -- sec_inner .choki-- */
.sec_inner .sec_sub_inner.choki{
    
}
.sec_inner .sec_sub_inner.choki .sub_detail{
}
.sec_inner .sec_sub_inner.choki .sub_detail .sub_block{
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl{
    width:48%;
    margin:0 0 50px 0;
}
.sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl dt{
    overflow:hidden;
}
.sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl dt img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl h4{
    font-size:1.2rem;
    margin:0.5rem 0; 
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl h4{
        font-size:1.1rem;
    }
}
/* ----------699px–---------- */
@media screen and (max-width: 699px) {
    .sec_inner .sec_sub_inner.choki .sub_detail .sub_block dl{
        width:100%;
    }
}

/* ----------sec_sub_inner.chiiki–---------- */
.sec_sub_inner.chiiki{
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a{
    display:flex;
    justify-content:space-between;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont{
    width:48%;
    background:#f5f5f3;
    padding:20px;
    box-sizing:border-box;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl{
    display:flex;
    justify-content:space-between;
    margin:0 0 20px 0;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dt{
    width:48%;
    overflow:hidden;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dt img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dd{
     width:50%;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dd h4{
    font-size:1.2rem;
    border-bottom:1px solid #ccc;
    padding:0 0 0.5em 0;
    margin:0 0 0.5em 0;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont .graf{
    overflow:hidden;
}
.sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont .graf img{
    object-fit:cover;
    height:100%;
    width:100%;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont{
        width:100%;
        margin:0 0 50px 0;
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dd{
         width:calc(100% - 250px);
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dt{
        width:48%;
        max-width:200px;
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont .graf img{
        max-width:600px;
        width:100%;
        margin:auto;
        display:block;
    }
}
/* ----------699px–---------- */
@media screen and (max-width: 699px) {
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dd{
         width:100%;
    }
    .sec_sub_inner.chiiki .sub_detail .sub_detail_inner_a .detail_cont dl dt{
        width:100%;
        max-width:250px;
        margin:auto;
        
    }
}


/* ----------sec_sub_inner kokyu–---------- */
.sec_sub_inner.kokyu{
}
.sec_sub_inner.kokyu .sub_detail{
    display:flex;
    justify-content:space-between;
}
.sec_sub_inner.kokyu .sub_detail .sub_detail_image{
    width:48%;
    overflow:hidden;
}
.sec_sub_inner.kokyu .sub_detail .sub_detail_image img{
    width:100%;
}
.sec_sub_inner.kokyu .sub_detail .sub_detail_sec{
    width:50%;
}
.sec_sub_inner.kokyu .sub_detail .sub_detail_sec .sub_detail_cont{
    margin:0 0 20px 0;
}
.sec_sub_inner.kokyu .sub_detail .sub_detail_sec .sub_detail_cont h4{
    font-size:1.1rem;
    border-bottom:1px solid #ccc;
    padding:0 0 0.3em 0;
    margin:0 0 0.3em 0;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.kokyu .sub_detail{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.kokyu .sub_detail .sub_detail_image{
        width:100%;
        overflow:hidden;
        margin:0 0 50px 0;
    }
    .sec_sub_inner.kokyu .sub_detail .sub_detail_image img{
        width:100%;
    }
    .sec_sub_inner.kokyu .sub_detail .sub_detail_sec{
        width:100%;
    }
    .sec_sub_inner.kokyu .sub_detail .sub_detail_sec .sub_detail_cont{
        margin:0 0 40px 0;
    }
}


/* ----------sec_sub_inner.beta–---------- */
.sec_sub_inner.beta{   
}
.sec_sub_inner.beta .sub_detail{
    display:flex;
    justify-content:space-between;
}
.sec_sub_inner.beta .sub_detail .image{
    width:50%;
}
.sec_sub_inner.beta .sub_detail .image dt{
    height:100%;
    overflow:hidden;
}
.sec_sub_inner.beta .sub_detail .image dt img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.sec_sub_inner.beta .sub_detail .sub_block{
        width:48%;
}
.sec_sub_inner.beta .sub_detail .sub_block dt{
    box-sizing:border-box;
}
.sec_sub_inner.beta .sub_detail .sub_block dt img{
    height:100%;
    width:100%;
    object-fit:cover;
    vertical-align:bottom
}
.sec_sub_inner.beta .sub_detail .sub_block h4{
    font-size:1.1rem;
    margin:1em 0;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.beta .sub_detail{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.beta .sub_detail .image{
        width:100%;
    }
    .sec_sub_inner.beta .sub_detail .sub_block{
            width:100%;
    }
}

/* ----------sec_sub_inner.gouyuka–---------- */
.sec_sub_inner.gouyuka .sub_detail{
    display:flex;
    justify-content:space-between;
}
.sec_sub_inner.gouyuka .sub_detail .image{
    width:48%;
}
.sec_sub_inner.gouyuka .sub_detail .image dt{
    height:100%;
    overflow:hidden;
}
.sec_sub_inner.gouyuka .sub_detail .image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.sec_sub_inner.gouyuka .sub_detail .sub_block{
    width:50%;
}
.sec_sub_inner.gouyuka .sub_detail .sub_block h4{
    font-size:1.3rem;
    margin:0 0 1em 0;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.gouyuka .sub_detail{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.gouyuka .sub_detail .image{
        width:100%;
    }
    .sec_sub_inner.gouyuka .sub_detail .sub_block{
        width:100%;
    }
}

/* ----------sec_sub_inner.panel–---------- */
.sec_sub_inner.panel .sub_detail{
    display:flex;
    justify-content:space-between;
}
.sec_sub_inner.panel .sub_detail .image{
    width:50%;
    overflow:hidden;
}
.sec_sub_inner.panel .sub_detail .image dt{
    background:#050505;
    padding:20px;
    box-sizing:border-box;
}
.sec_sub_inner.panel .sub_detail .image img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.sec_sub_inner.panel .sub_detail .sub_block{
    width:45%;
}
.sec_sub_inner.panel .sub_detail .sub_block h4{
    font-size:1.1rem;
    margin:0 0 1em 0;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.panel .sub_detail{
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.panel .sub_detail .image{
        width:100%;
        margin:0 0 20px 0;
    }
    .sec_sub_inner.panel .sub_detail .sub_block{
        width:100%;
    }
}


/* ----------.option sec_sub_inner.other–---------- */
.option{
    margin:0 0 100px;
}
.option .sub_title{
    display:flex;
    margin:0 0 50px 0;
}
.option .sub_title h3{
   width:400px;
    font-size:1.5rem;
}
.option .sub_title p{
   width:calc(100% - 450px);
}
.option .sec_sub_inner.other .sub_detail{
}
.option .sec_sub_inner.other .sub_detail dl{
    width:100%;
    display:flex;
    justify-content:space-between;
    padding:30px;
    background:#f1f1ee;
    margin-bottom:10px;
    box-sizing:border-box;
}
.option .sec_sub_inner.other .sub_detail dl:last-child{
    border-bottom:1px solid #ccc;
}
.option .sec_sub_inner.other .sub_detail dl dt{
    overflow:hidden;
    width:30%;
}
.option .sec_sub_inner.other .sub_detail dl dt img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.option .sec_sub_inner.other .sub_detail dl dd{
    width:65%;
    align-items:center;
    display:flex;
}
.option .sec_sub_inner.other .sub_detail dl dd h4{
    font-size:1.3rem;
    border-bottom:1px solid #ccc;
    padding:0 0 0.5em 0;
    margin:0 0 0.5em 0;
}
.option .sec_sub_inner.other .sub_detail dl dd h5{
    font-size:1.1rem;
    margin:0.5em 0 1em;
}
.option .sec_sub_inner.other .sub_detail dl dd .btn a{
	width:100%;
	max-width:300px;
	margin:30px 0 0 0;
	display:block;
	padding:10px 20px;
	box-sizing:border-box;
	border-radius:50px;
	background:#948977;
	box-shadow: 1rem 1rem 1rem -1rem hsl(200 50% 20% / 40%);
	background: linear-gradient(139deg, #948977, #7d6f57);
	color:#fff;
	text-align:center;
}
/* ----------839px–---------- */
@media screen and (max-width: 839px) {
    .option .sub_title{
        display:block;
        margin:0 0 50px 0;
    }
    .option .sub_title h3{
       width:100%;
        font-size:1.3rem;
        margin:0 0 1em 0;
    }
    .option .sub_title p{
       width:100%;
    }
    .option .sec_sub_inner.other .sub_detail dl{
        width:100%;
        display:block;
        justify-content:unset;
    }
    .option .sec_sub_inner.other .sub_detail dl dt{
        overflow:hidden;
        width:100%;
    }
    .option .sec_sub_inner.other .sub_detail dl dd{
        width:100%;
        align-items:center;
        display:flex;
    }
	.option .sec_sub_inner.other .sub_detail dl dd .btn a{
		margin:20px auto;
	}

}

/* ----------sec_sub_inner.bouka–---------- */
.sec_sub_inner.bouka .sub_detail{
}
.sec_sub_inner.bouka .sub_detail dl{
    display:flex;
    justify-content:space-between;
    margin:0 0 50px 0;
}
.sec_sub_inner.bouka .sub_detail dl:nth-child(1) dt{
    width:40%;
    overflow:hidden;
}
.sec_sub_inner.bouka .sub_detail dl dt{
    width:48%;
}
.sec_sub_inner.bouka .sub_detail dl dt img{
    width:100%;
}
.sec_sub_inner.bouka .sub_detail dl:nth-child(1) dd{
    width:58%;
}
.sec_sub_inner.bouka .sub_detail dl dd{
    width:50%;
}
.sec_sub_inner.bouka .sub_detail dl dd h4{
    font-size:1.3rem;
    border-bottom:1px solid #ccc;
    padding:0 0 0.5em 0;
    margin:0 0 0.5em 0;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
    .sec_sub_inner.bouka .sub_detail dl:nth-child(2){
        display:block;
        justify-content:unset;
    }
    .sec_sub_inner.bouka .sub_detail dl dt{
        width:100%;
    }
    .sec_sub_inner.bouka .sub_detail dl:nth-child(2) dt img{
        width:100%;
        max-width:600px;
        margin:0 auto 30px;
        display:block;
    }
    .sec_sub_inner.bouka .sub_detail dl dd{
        width:100%;
    }
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
    .sec_sub_inner.bouka .sub_detail dl{
        display:block;
        justify-content: unset;
        margin:0 0 50px 0;
    }
    .sec_sub_inner.bouka .sub_detail dl:nth-child(1) dt{
        width:100%;
    }
    .sec_sub_inner.bouka .sub_detail dl:nth-child(1) img{
        width:100%;
        max-width:400px;
        display:block;
        margin:auto;
    }
    .sec_sub_inner.bouka .sub_detail dl:nth-child(1) dd{
        width:100%;
    }
}



/* ----------768px–---------- */
@media screen and (max-width: 768px) {

}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {

}




/* -- cta -- */
.cta{
	margin:0 calc(50% - 50vw) 0;
	width:100vw;
	padding:15vh 0;
	background:url("../../../../../img/perf/safety/pf_sa_cta_bg.webp") center / cover;
	position:relative;
}
.cta:after{
	content:"";
	display:block;
	background:#000;
	position:absolute;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0.5
}
.cta .inner{
	width:80%;
	max-width:800px;
	margin:auto;
	z-index:1;
	position:relative;
	color:#fff;
}
.cta .inner h4{
	font-size:2rem;
	display: flex;
    align-items: center;
}
.cta .inner h4:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ccc;
}
.cta .inner h2{
	font-size:1.3rem;
	margin:0 0 1em 0;
	line-height:2em;
}
.cta .inner h2 strong{
	font-weight:lighter;
	font-size:110%;
}
.cta .inner .ctr_box{
	display:flex;
	justify-content:space-between;
	margin:30px 0 0 0;
}
.cta .inner .ctr_box .btn{
	width:48%;
}
.cta .inner .ctr_box .btn a{
	width:100%;
	display:block;
	padding:10px 20px;
	box-sizing:border-box;
	border-radius:50px;
	background:#948977;
	box-shadow: 1rem 1rem 1rem -1rem hsl(200 50% 20% / 40%);
	background: linear-gradient(139deg, #948977, #7d6f57);
	color:#fff;
	text-align:center;
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.cta{
		padding:10vh 0;
	}
	.cta .inner h2{
		font-size:1.2rem;
		margin:0 0 1em 0;
		line-height:unset;
	}
	.cta .inner .ctr_box{
		display:block;
		justify-content:unset;
		margin:30px 0 0 0;
	}
	.cta .inner .ctr_box .btn{
		width:100%;
		max-width:400px;
		margin:0 auto 20px;
	}
}