@charset "UTF-8";

/*画像の背景に四角*/

#left+section .inner_item_img,
#right+section .inner_item_img,
#left2+section .inner_item_img{
	position: relative;
}
#left+section .inner_item_img::before{
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #f0f3f7;
  opacity: 1;
  pointer-events: none;
  z-index: -1;
  bottom: -20px;
  left: -30px;
}
#left2+section .inner_item_img::before{
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #e3e8f0;
  opacity: 1;
  pointer-events: none;
  z-index: -1;
  bottom: -20px;
  left: -30px;
}
#right+section .inner_item_img::before{
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #f0f3f7;
  opacity: 1;
  pointer-events: none;
  z-index: -1;
  bottom: -20px;
  right: -30px;
}
@media screen and (max-width: 900px){
	#left+section .inner_item_img::before,
	#left2+section .inner_item_img::before{
		bottom: -10px;
  		left: -15px;
	}
	#right+section .inner_item_img::before{
		bottom: -10px;
		right: -15px;
	}
}

/*タイトルテキスト*/
.contents_box01 .title{
	font-size: 1.8rem;
	padding: 5px 10px 5px 10px;
	background: #f0f3f7;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 15px;
}
.contents_box01 .title2{
	font-weight: 600;
	font-size: 1.65rem;
	margin-top: 25px;
}

/*フロー*/
#flow+div h3{
	font-size: 2rem;
	letter-spacing: 0rem!important;
}
@media screen and (max-width: 480px){
	#flow+div .inner_item{
		width: 48% !important;
		margin-bottom: 20px!important;
	}
	#flow+div .inner_item:nth-child(even){
		margin-left: 4% !important;
	}
}

/* メニュー調整 */
@media (width <= 900px) {
  #nbp6216789\ 6216789 .wrapper_item {
    display: flex;
    flex-direction: column;
  }

  #nbp6216789\ 6216789 .inner_item_txt {
    display: contents;
  }

  #nbp6216789\ 6216789 .inner_item_txt p:nth-of-type(-n + 3) {
    order: -1;
  }
}