/* ------------------------------------------
                  LAYOUTS
------------------------------------------ */
/*本編*/

.background-grad-b-light{
	background: transparent linear-gradient(196deg, #A5D5FF 0%, #84F9FF 100%) 0% 0% no-repeat padding-box;
}

.entry-body h3.H3-00A5FF{
	color:#545454;
}

.feature1 .box-title-content p,
.feature4 .box-title-content p{
	margin: 2em 0 0 0;
}

.feature4 .slide-parts .swiper{
margin-bottom: 45px;
}

.feature4 .box-title-content .sentence-area {
margin: 0 0 0 25%;
}

.feature4 .title-number {
margin: 15px 0 15px auto;
}

.feature4 .box-title-content .img-dog{
left: auto;
right: 75px;
top: -101px;
}

.feature4 .box-title-content .img-mnm{
left: -15px;
}

.slide-parts .swiper .swiper-slide-top-text{
font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
}

.slide-parts .swiper .swiper-slide-top-text-small{
    font-size: 14px;
}

.h2-title-navy{
	background:#0C2468;
}

.h2-title br,
.entry-body h3.H3-00A5FF br{
	display:none;
}

.entry-body h3.H3-00A5FF {
    font-size: clamp(20px,3.8vw,30px);
    font-weight: bold;
    line-height: 1.5;
}

.entry-body .box-E2E7EE h3{
    font-size: clamp(20px,3.8vw,30px);
}

.table_A674B0 caption{
background-color:#A674B0;
}

/*MV*/
.mv-circle-area{
	display: flex;
}
.mv-circle{
	width: calc(100% / 3);
  position: relative;
	background: #fff;
  margin: 1%;
border-radius: 50%;
    border: 12px solid #0C3991;
}

.mv-circle::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.mv-circle-text {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #0C3991;
    font-weight: bold;
    font-size: 28px;
}

.mv-circle-text-long {
	display:none;
}

.text-marker-yellow{
    background: linear-gradient(transparent 65%, #FFE600 65%);
}

.keyvisual-h1 br {
	display:none;	
}

/*SC機能*/
.back_ground_E9EFFF{
	background:#E9EFFF;
}

/*ロゴ*/
.logo_img {
    height: 50%;
    display: flex;
}

.caption_rogo {
    align-items: stretch;
}

.caption_rogo img {
    max-height: 60px;
    max-width: 60%;
    margin: auto;
    height: auto;
    width: auto;
}

/*事例*/
.caption_case{
align-items: stretch;
}

/* ------------------------------------------
                for レスポンシブ
------------------------------------------ */
@media (max-width: 2000px) {
.mv-circle-text {
    font-size: 23px;
}
}

@media (max-width: 1400px) {
.mv-circle {
    border: 10px solid #0C3991;
}

.mv-circle-text {
    font-size: 20px;
}

}

@media (max-width: 1200px) {
.mv-circle-area {
    display: block;
    margin: 35px 0 0 0;
}

.mv-circle::before{
	padding-top: calc(1em* 1.85* 2);
}

.mv-circle{
    width: 100%;
    border-radius: 30px;
	border: 5px solid #0C3991;
	margin: 10px 0;
}

.mv-circle-text {
	display:none;
}

.mv-circle-text-long {
	display:block;	
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #0C3991;
    font-weight: bold;
    font-size: 20px;
}

.keyvisual-h1{
    font-size: clamp(24px,2.8vw,38px);
}

}


@media (max-width: 1000px) {

#lp.lp_2024_security .keyvisual-image-wide{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22.4%, rgba(66, 184, 255, 1) 22.4%, rgba(66, 184, 255, 1) 100%);
}
}


@media(max-width:800px){
img.keyvisual-img_logo {
	margin:0;
}

#lp.lp_2024_security .keyvisual-image-wide {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15.4%, rgba(66, 184, 255, 1) 15.4%, rgba(66, 184, 255, 1) 100%);
}

.keyvisual-h1 br {
	display:block;	
}

.mv-circle-text-long {
    font-size: 18px;
}

.feature4 .box-title-content .img-dog {
	right: 60px;
	top: -80px;
}

.feature4 .box-title-content .sentence-area{
	margin:0;
}

}

/* ------------------------------------------
                for sp
------------------------------------------ */

@media(max-width:500px){

#lp.lp_2024_security .keyvisual-image-wide {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 13.4%, rgba(66, 184, 255, 1) 13.4%, rgba(66, 184, 255, 1) 100%);
}

.keyvisual-h1{
    font-size:25px;
}

.h1-yel{
    font-size:40px;
}

.h2-title br,
.entry-body h3.H3-00A5FF br{
	display:block;
}

.h2-title{
    height: auto;
}

.entry-body h3.H3-00A5FF{
    text-align: center;
        margin-bottom: 20px;
}

.entry-body h3 {
	margin-bottom: 10px;
}

.slide-parts .swiper p br{
	display:none;
}

.slide-parts .swiper .swiper-slide-top-text br{
	display:block;
}

.slide-parts .swiper .swiper-slide-top-text{
	font-size: 14px;
}

.slide-parts .swiper .swiper-slide-top-text-small{
	font-size: 12px;
}

}

@media(max-width:380px){
.keyvisual-h1{
    font-size: clamp(26px,3.8vw,40px);
}

.h1-yel{
    font-size:clamp(30px,3.8vw,40px);
}

}