@charset "utf-8";
/* CSS Document */
.spNone {
	display: block!important;
}
.pcNone {
	display: none!important;
}
/*----------------------------------------------------
 security
----------------------------------------------------*/
.otherarea .securitycontent .title {
    width: 100%;
    font-size: min(35px, 2.73vw);
}
.otherarea .securitycontent .title:first-child::before {
    background: #cccccc;
}
.securitycontent {
    width: 90%;
    max-width: 1100px; 
	margin: 70px auto 0;
	padding-bottom: 150px;
}
.sec_ctgr01,
.sec_ctgr02 {
	margin: 40px auto 80px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.secbox {
    width: 32%;
    background: #FFFFFF;
    padding: 1.5% 2% 2%;
    border-radius: 6px;
    box-sizing: border-box;
}
.sec_ctgr02 .secbox {
    width: 49%;
}
.sec_ctgr02 .secbox:last-child {
    width: 100%;
	margin-top: 2%;
}
.boxtitl {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: solid 1px #cccccc;
	align-items: center;
}
.boxtitl img {
	width: 30%;
	max-width: fit-content;
	margin-right: 3%;
}
.boxtitl p.sec_titl {
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
}
.sec_ctgr02 .secbox:first-child .boxtitl p.sec_titl {
    line-height: 1;
}
.sec_titl small {
	font-size: 14px;
}
.secbox .sec_txt {
	font-size: 17px;
	color: #666666;
}
.sec_ctgr02 .secbox:last-child .boxtitl {
    justify-content: center;
	padding-bottom: 1%;
	margin-bottom: 1.5%;
}
.sec_ctgr02 .secbox:last-child .sec_txt {
    text-align: center;
}
.sec_ctgr01.sec_ctgrtxt {
	margin-top: 50px;
}
.sec_ctgrtxt h5 {
    font-size: min(28px, 2vw);
    font-weight: 600;
}
.sec_ctgrtxt h5 span {
	color: #0EA9BB;
}
.sec_ctgrtxt p {
	margin-top: 20px;
    font-size: 18px;
    line-height: 1.7;
    color: #666666;
}

@media screen and (max-width: 960px) {
/*////////////////////////////////////////////////
   表示変更
////////////////////////////////////////////////*/
.spNone {
	display: block!important;
}
.pcNone {
	display: none!important;
}

/*----------------------------------------------------
 security
----------------------------------------------------*/
.boxtitl {
    display: block;
}
.otherarea .securitycontent .title {
    font-size: min(35px, 3.6vw); 
	padding-top: 2.5%;
}
.boxtitl p.sec_titl {
    font-size: 2.08vw;
    line-height: 1.3;
    font-weight: bold;
}
.boxtitl img {
    width: 50%;
    max-width: fit-content;
    margin: 0 auto 5%;
    display: block;
}
.secbox .sec_txt {
    font-size: 1.77vw;
    color: #666666;
}
.sec_titl small {
    font-size: 1.45vw;
}
.secbox:last-child .boxtitl p.sec_titl {
	text-align: center;
}
.secbox:last-child .boxtitl img {
	margin: 0 auto;
}

.sec_ctgr01.sec_ctgrtxt {
    margin-top: 5%;
    margin-bottom: 0;
}
.sec_ctgrtxt h5 {
	font-size: min(28px, 2.88vw);
}
.sec_ctgrtxt p {
    font-size: min( 25px, 1.875vw);
}

	
}

@media screen and (max-width: 767px) {
	/*////////////////////////////////////////////////
	表示変更
	////////////////////////////////////////////////*/
	.spNone {
		display: none!important;
	}
	.pcNone {
		display: block!important;
	}
	
	.titltxtbox {
        margin: 5% auto 0;
    }
	.otherarea .securitycontent .title {
        font-size: 6.25vw;
        padding-top: 5%;
    }
	/*----------------------------------------------------
	 security
	----------------------------------------------------*/
	.securitycontent {
		margin: 10% auto 0;
		padding-bottom: 20%;
	}
	.sec_ctgr01, .sec_ctgr02 {
    margin: 5% auto 15%;
		display: block;
	}
	.secbox {
		width: 100%;
		padding: 5%;
		margin-bottom: 3%;
	}
	.boxtitl p.sec_titl {
		font-size: 4vw;
	}
	.secbox .sec_txt {
        font-size: 3.5vw;
        line-height: 1.6;
    }
	.secbox:last-child .boxtitl,
	.secbox:last-child .boxtitl p.sec_titl{  
		text-align: start;
		
	}
	.secbox .boxtitl img {
		max-width: 123px;
	}
	.secbox:last-child .boxtitl img ,
	.secbox:nth-last-child(2) .boxtitl img ,
	.secbox:nth-last-child(3) .boxtitl img {  
		max-width: fit-content;
	}
	.secbox:last-child .boxtitl img {  
		margin: 0 auto 5%;
	}
	.sec_ctgr02 .secbox {
		width: 100%;
	}
	.sec_ctgr02 .secbox:first-child .boxtitl p.sec_titl {
		line-height: 1.3;
	}
	.sec_titl small {
        font-size: 75%;
    }
	.sec_ctgr02 .secbox:last-child .boxtitl {
		padding-bottom: 3%;
		margin-bottom: 3%;
	}
	.sec_ctgr02 .secbox:last-child .sec_txt {
		text-align: left;
	}
	.sec_ctgrtxt h5 {
        font-size: 4.5vw;
    }
	.sec_ctgrtxt p {
        font-size: 4vw;
    }

}