body {
	background-color:#ffffff !important;
	}


/* ******************************

 サブページ共通

****************************** */	

.subpage_top {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 60vh;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background: url("../img/construction.jpg") no-repeat center center/cover;
}

/* ******************************

 サブタイトル

****************************** */	

.construction_title  {
	font-size: 2.5em;
	font-weight: bold;
	margin: 20px 0 70px 0;
}

.construction_title_ue {
width: 100%;
max-width: 500px;
margin: 80px 0 0px 0;
}

/* ******************************

 wrap

****************************** */	

.wrap {
width: 100%;
max-width: 900px;
height: auto;
margin: 0 auto 250px auto;
}

/* ******************************

モーダル

****************************** */	

section a img {
width: 100%;
max-width: 350px;
height: auto;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
margin: 0 0 20px 0;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  background: #009bdb;
  color: #ffffff;
}
.remodal {
  position: relative;
  padding: 25px;
}
.remodal img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.remodal-cancel {
  color: #fff;
  background: #009bdb;
  width: 100%;
  margin-top: 25px;
}
.remodal-cancel:hover {
  background: #333;
}



/* ******************************

flexbox

****************************** */	

.flexbox_kanban {
 display: flex;
 flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 0 0 0;
	width: 100%;
	max-width: 900px;
	height: auto;
	}

.flexbox_kanban .item_tate a {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0px 10px 10px 10px;
position: relative;
}

.flexbox_kanban .item_yoko a {
display: flex;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0px 10px 10px 10px;
}

.flexbox_kanban .item_full a {
display: flex;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


.flexbox_kanban .item_tate a img {
width: 100%;
height: auto;
margin: 0 0 0 0;
}

.flexbox_kanban .item_yoko a img {
width: 100%;
height: auto;
margin: 0 0 0 0;
}

.flexbox_kanban .item_full a img {
width: 100%;
height: auto;
margin: 0 0 0 0;
}


/* ******************************

見出し

****************************** */	

/*h3 {
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background: #009bdb;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		font-size: 2.0em;
}

h3:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #009bdb transparent transparent transparent;
}*/

h3 {
  position: relative;
  padding: 1rem .5rem;
		width: 100%;
		max-width: 900px;
		margin: 50px auto 50px auto;
		font-size: 2.0em;
}

h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  /*border-radius: 3px;*/
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
		transform: skewX(-8deg);
}