@charset "UTF-8";

/*----------------------------------------
法人・個人事業主のお客様ページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #41D6C5;
background: linear-gradient(90deg,rgba(65, 214, 197, 1) 0%, rgba(43, 198, 150, 1) 100%); }
 
/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #C7F7EE; }
.side_nav a { color: #232323; }
.side_nav a:hover { color: #232323; background: #bae8df; }
.side_nav a.is-active { color: #232323; background: #a5e8db; font-weight: 700;}
 
/*----------------------------------------
END 法人・個人事業主のお客様ページは以下を挿入 END
----------------------------------------*/ 

.enetra_black{color: #000000;}
.bold{font-weight: 600;}
.enetra_small{font-size: 0.7rem;}


h3.intro { font-family: var(--font-Mincho-B1); font-weight: 800; font-size: clamp(16px, 4vw, 28px); line-height: 1.6; color: var(--blue-color); margin-bottom: 40px; }
.enetra_page{margin-top: 30px;}

.enetra_page .c-button-more { display: block; text-align: center; align-items: center; padding: 15px 0; border: 2px solid #013396; border-radius: 9999px; background-color: #fff; color: #013396; font-size: clamp(15px, 3vw, 18px); font-weight: 700; letter-spacing: 0.15em; text-decoration: none; transition: all 0.3s ease; max-width: 300px; margin: 30px auto; position: relative; }
.enetra_page .c-button-more svg { width: 9px; height: auto; transition: all 0.3s ease; position: absolute; right: 5%; bottom: 19px; }
.enetra_page .c-button-more:hover { background-color: #013396; color: #fff; }
.enetra_page .c-button-more:hover svg { color: #fff; }
.enetra_page .c-button-more span { vertical-align: 3px; }

.enetra_box{background:#F6F9FF; padding: 35px;margin: 30px 0;border-radius: 12px;}
.enetra_box h3{font-size: 1.3rem; font-weight: 600;color:var(--blue-color);text-align: center;padding-bottom: 20px;}


.enetra_box__inner{background: #fff;border-radius: 12px;padding: 0 0 20px 0;}
.enetra_box__inner h4{background:var(--blue-color); color: #fff; font-weight: 600; text-align: center; padding: 8px 20px;border-radius: 12px 12px 0 0 ; font-size: clamp(14px, 3vw, 16px); }

@media screen and (min-width:1154px){
.enetra_box__inner__telBox{display: flex;justify-content: center; align-items: center; gap:50px;margin: 20px 0;}

.enetra_box__inner__telBox p{display: flex;justify-content: center; align-items: center;}
.enetra_box__inner__telBox p.TEL{font-size:  clamp(1.5rem, 3vw, 1.9rem); font-weight: 600;line-height: 1;}
.enetra_box__inner__telBox p.TEL span.tel{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:9px 25px;font-size: 1rem;margin-right: 10px;font-weight: 500;}

.enetra_box__inner__telBox p.TEL_uketuke{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__telBox p.TEL_uketuke span.uketuke{display: inline-block;background:  var(--blue-color); color: #fff; padding: 9px 25px;font-size: 1rem;margin-right: 10px;}

.enetra_box__inner__mailBox{display: flex;justify-content: center; align-items: center; gap:50px;width: 100%; max-width: 843px;}
.enetra_box__inner__mailBox p{display: flex;justify-content: center; align-items: center;}
.enetra_box__inner__mailBox p.WEB{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.WEB span.web{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:6px 18px;font-size: 1rem;margin-right: 10px;}
.enetra_box__inner__mailBox p.EMAIL{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.EMAIL span.email{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding: 6px 18px;font-size: 1rem;margin-right: 10px;}
}

@media screen and (max-width:1153px) and (min-width:475px){
.enetra_box__inner__telBox{display: flex;justify-content:flex-start; flex-direction: column;  gap:20px;margin: 20px auto;padding: 0 30px; width: 100%; max-width: 291px;}
	
.enetra_box__inner__telBox p{display: flex;justify-content: flex-start; align-items: center;}
.enetra_box__inner__telBox p.TEL{font-size:  clamp(1.5rem, 3vw, 1.9rem); font-weight: 600;line-height: 1;}
.enetra_box__inner__telBox p.TEL span.tel{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:9px 25px;font-size: 1rem;margin-right: 10px;font-weight: 500;}

.enetra_box__inner__telBox p.TEL_uketuke{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__telBox p.TEL_uketuke span.uketuke{display: inline-block;background:  var(--blue-color); color: #fff; padding: 9px 25px;font-size: 1rem;margin-right: 10px;}
	
.enetra_box__inner__mailBox{display: flex;justify-content: flex-start;  flex-direction: column;  gap:20px;padding: 0 30px; width: 100%; max-width: 291px;margin: 0 auto;}

.enetra_box__inner__mailBox p{display: flex;justify-content: flex-start; align-items: center;}
.enetra_box__inner__mailBox p.WEB{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.WEB span.web{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:6px 18px;font-size: 1rem;margin-right: 10px;}
.enetra_box__inner__mailBox p.EMAIL{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.EMAIL span.email{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding: 6px 18px;font-size: 1rem;margin-right: 10px;}
	
}

@media screen and (max-width:474px){
.enetra_box__inner__telBox{display: flex;justify-content:flex-start; flex-direction: column;  gap:20px;margin: 20px auto;padding: 0 15px; text-align: center;}
	
.enetra_box__inner__telBox p{display: flex;justify-content: flex-start; flex-direction: column;gap:10px;}
.enetra_box__inner__telBox p.TEL{font-size:  clamp(1.5rem, 3vw, 1.9rem); font-weight: 600;line-height: 1;}
.enetra_box__inner__telBox p.TEL span.tel{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:9px 25px;font-size: 1rem;margin-right: 10px;font-weight: 500;}

.enetra_box__inner__telBox p.TEL_uketuke{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__telBox p.TEL_uketuke span.uketuke{display: inline-block;background:  var(--blue-color); color: #fff; padding: 9px 25px;font-size: 1rem;margin-right: 10px;}
.enetra_box__inner__mailBox{display: flex;justify-content: flex-start;  flex-direction: column;  gap:20px;padding: 0 15px;text-align: center;}

.enetra_box__inner__mailBox p{display: flex;justify-content: flex-start; flex-direction: column;gap:10px;}
.enetra_box__inner__mailBox p.WEB{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.WEB span.web{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding:6px 18px;font-size: 1rem;margin-right: 10px;}
.enetra_box__inner__mailBox p.EMAIL{font-size: 1.1rem;line-height: 1;}
.enetra_box__inner__mailBox p.EMAIL span.email{display: inline-block;border: 1px solid var(--blue-color); color: var(--blue-color); padding: 6px 18px;font-size: 1rem;margin-right: 10px;}
}

.enetra_grid_box01{ display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: clamp(25px, 3vw, 28px); }
.enetra_grid_box01__inner{background: #f5fbff; border-radius: 12px; padding: 20px;display: flex;flex-direction: column;}
.enetra_grid_box01__inner img{width: 100%;}
.enetra_grid_box01__inner h3{font-size: 1.5rem;font-weight: 600; color: var(--blue-color);text-align: center;}
.enetra_grid_box01__inner h3 span{color: #00B8B8;}
.enetra_grid_box01__inner .enetra_txtBox{width: 100%; max-width: 342px; margin: 20px auto;flex-grow: 1;}
.enetra_grid_box01__inner p.small { font-size: clamp(13px, 1.2vw, 15px); color: #4A4A4A; margin-top: 20px; }

@media screen and (max-width:653px){
	
.enetra_grid_box01{display:flex; justify-content: center; flex-direction: column; gap: clamp(20px, 3vw, 28px);}
}


.enetra_box02{margin: 60px 0;}
.enetra_box02 h3{font-size: clamp(18px, 3vw, 24px);font-weight: 600;text-align: center; padding: 25px 0;}
.enetra_box02 h3 span{color: var(--blue-color) ; background: linear-gradient(transparent 60%, #E5F9F9 30%);display: inline-block;}


.enetra_list01{display:flex;justify-content: center;flex-wrap:  wrap;;margin: 50px 0; padding: 6px 20px; border:1px solid #00C8C8;border-radius: 15px;}
.enetra_list01 li{line-height: 1.3; font-size: clamp(17px, 3vw, 21px); padding: 20px 20px 20px 26px; display: inline-block;position: relative;}
.enetra_list01 li::before{
	content: ""; 
	display: block;background-image: url("../img/enetra/check_icon.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 20px; height: 22px;
	position: absolute;
	top:0;bottom:0; margin: auto 0;
	left: 0;
}


@media screen and (max-width:606px){
.enetra_list01{display:flex;justify-content: center;flex-wrap:  wrap;;margin: 30px 0; border:1px solid #00C8C8;border-radius: 10px;}	
.enetra_list01 li { padding: 10px 20px 10px 25px; }
	
}

@media screen and (max-width:319px){
.enetra_list01{display:block;margin: 50px auto; padding: 40px 20px; border:1px solid #00C8C8;border-radius: 15px;}
	
}

.enetra_grid_box02{ display: grid; grid-template-columns: repeat(3, minmax(280px, 1fr)); gap: clamp(25px, 3vw, 28px); }
.enetra_grid_box02__inner{display: flex;justify-content: center;flex-direction: column; gap:20px;position: relative;background: #f5fbff;padding:30px;margin: 50px 0;border-radius: 8px;}
.position_number{position: absolute;top:0; left: 0; background: #00C8C8; padding: 9px 12px; border-radius: 8px 0 8px 0;color: #fff;font-size: 0.7rem;text-align: center;line-height: 1.1;}
.position_number p span{font-size: 1rem; font-weight:600;display: block;line-height: 1.2;}


.enetra_grid_box02__inner h3{font-size: clamp(18px, 3vw, 24px);color:var(--blue-color); padding-left: 60px;font-weight:500;}
	
@media screen and (max-width:1444px){
.enetra_grid_box02{ display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: clamp(25px, 3vw, 28px); }	
	
}	

	
@media screen and (max-width:660px){
.enetra_grid_box02{ display:flex;justify-content: center;flex-direction: column; gap: clamp(25px, 3vw, 28px); }	
.enetra_grid_box02__inner{display: flex;justify-content: center;flex-direction: column; gap:20px;position: relative;background: #f5fbff;padding:30px;margin: 20px 0;}	
	.enetra_grid_box02__inner img{width: 100%; max-width: 220px; margin: 0 auto;}	
}	
	
	
.enetra_flex_box01{display: flex;justify-content: space-between; gap:40px;margin: 30px 0;}
.enetra_flex_box01_l{width: 55%;}
.enetra_flex_box01_r{width:45%;}
.enetra_flex_box01_r img{margin-top:50px;}
.enetra_flex_box01_title{display: flex;justify-content: flex-start;align-items: center;gap:10px;margin-bottom: 17px}	
.enetra_flex_box01_title img{width: 40px;}
.enetra_flex_box01_title h4{font-size: 1.3rem;color:var(--blue-color);font-weight:500;}	

@media screen and (max-width:626px){
.enetra_flex_box01{display: flex;justify-content: space-between; flex-direction: column; gap:20px;margin: 0 0 30px;}
.enetra_flex_box01_l{width: 100%;}
.enetra_flex_box01_r{width: 100%;}	
.enetra_flex_box01_r img{margin-top:0;}	
.enetra_flex_box01_title{display: flex;justify-content: flex-start;align-items: center;gap:10px;margin-bottom: 10px}	
.enetra_box { padding: 30px 25px; }  
.enetra_box h3 { padding-bottom: 10px; }
.enetra_page .c-button-more { margin: 0 auto; } 
.enetra_page { margin-top: 20px; }  
}	
	

.enetra_flex_box01_l h3{font-family: var(--font-Mincho-B1); font-weight: 800; font-size: clamp(18px, 4vw, 30px); color: var(--blue-color); padding-bottom: 5px; margin-bottom: 10px;}

.enetra_flex_box01_l p.bluebox{display: block; background: #F6F9FF; padding: 15px; color:var(--blue-color); margin: 20px 0;border-radius: 12px;font-size: clamp(14px, 3vw, 16px);}