/* --------------------------------------------

	ライフプラン トップページ
	
-------------------------------------------- */
/* ---- コンテンツwrap ---- */
.wrap_items4 {
box-sizing: border-box;
width: 100%;
max-width: 1184px;
margin: 30px auto;
padding: 30px auto;
}
@media screen and (max-width: 479px) {
.wrap_items4 {
width: 100%;
}
}

/* ---- 4カラム ---- */
.items4 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.items4 .item {
  box-sizing: border-box;
  width: 25%;
  padding: 10px;
  margin-bottom: 0;
  display: flex;
}

.items4 .item > .box_blue2 {
  flex: 1;                       /* 高さを伸ばす */
  display: flex;                 /* 中身を上下に分ける */
  flex-direction: column;        /* 縦方向 */
  justify-content: space-between;/* 上と下に分けて配置 */
}

@media screen and (max-width: 479px) {
  .items4 .item > .box_blue2 {
    display: block; /* スマホ時は普通の縦積み */
  }
}


/* ---- バック水色 ---- */
.box_blue2 {
box-sizing: border-box;
background-color: #e5f2ff;
border: 3px solid #fff;
border-radius: 10px;
padding: 20px 10px;
}
@media screen and (max-width: 479px) {
.box_blue2 {
font-size: 1.2rem;
padding: 10px;
}
}

/* ---- タイトル ---- */
.box_txt2 {
font-size: 2.2rem;
text-align: center;
font-weight: bold;
}
@media screen and (max-width: 479px) {
.box_txt2 {
font-size: 2.2rem;
}
}

/* ---- 画像 ---- */
.box_img2 { /* hover有り */
display: block !important; 
width: 30%;
margin: 10px auto;
cursor: pointer;
}
a:hover img { 
opacity: 0.7;
}
@media screen and (max-width: 479px) {
.box_img2 {
width: 20%;
}
}

/* ---- リンクボタン ---- */
.btn_05 {
  /* display: inline-block; */
  display: block !important; 
  width: 80%;
  text-align: center;
  background-color: #0066aa;
  font-size: 2rem;
  color: #fff;
  margin: 20px auto 0;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
  }
  @media screen and (max-width: 479px) {
  .btn_05 {
  width: 80%;
  font-size: 1.8rem;
  }
  }
  
.btn_05:hover {
  background-color: #fff;
  border: 2px solid #0066aa;
  color: #0066aa;
  }


/* --------------------------------------------
  インターネットサービス SP版 1カラム
-------------------------------------------- */
.items1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
  .items1 .item {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  }
  @media screen and (max-width: 479px) {
  .items1 .item {
  padding: 15px 0;
  }
  }

/* --------------------------------------------
  インターネットサービス SP版 1カラム内 3カラム
-------------------------------------------- */
/* ---- バック水色 ---- */
.items1_blue {
  box-sizing: border-box;
  width: 95%;
  background-color: #e5f2ff;
  border: 3px solid #fff;
  border-radius: 10px;
  margin: 0 auto 10px;
  padding: 10px;
  }

.items1_3 {
  display: flex;
  flex-wrap: wrap;
  }
.items1_3 .item_01 {
  box-sizing: border-box;
  width: 20%;
  padding: 0;
  }
.items1_3 .item_02 {
  box-sizing: border-box;
  width: 45%;
  padding: 0;
  }
.items1_3 .item_03 {
  box-sizing: border-box;
  width: 35%;
  padding: 0;
  }

/* ---- 画像 ---- */
.items1_3_img {
  display: block !important; 
  width: 100%;
  margin: 0;
  cursor: pointer;
  }
  a:hover img { 
  opacity: 0.7;
  }

/* ---- タイトル ---- */
.items1_3_txt {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  }

/* ---- リンクボタン ---- */
.items1_3_btn {
  display: block !important; 
  width: 80%;
  text-align: center;
  background-color: #0066aa;
  font-size: 1.8rem;
  color: #fff;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 10px;
  border-radius: 4px;
  transition: .4s;
  }
  
.items1_3_btn:hover {
  background-color: #fff;
  border: 2px solid #0066aa;
  color: #0066aa;
  }


/*******   改行   ********/ 
@media screen and (min-width:641px) { /* スマホのみ改行 */ 
	.br-sp {
	display: none;
	}
	}