@charset "UTF-8";
/* ------------------------------------
	all
------------------------------------ */
figure.space {
	margin-bottom: 30px;
}
figure.flex {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
	align-items: flex-start;
}
#container section > h3.none:before, 
#container section .h3.none:before {
	display: none;
}
#container section > h3.none, 
#container section .h3.none {
	padding-left: 0;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
@media only screen and (max-width: 980px){
	figure.flex {
		display: block;
	}
	figure.flex img {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 580px){
	header .hedWrap .logo a{
		font-size: 5vw;
	}
}

/* ------------------------------------
	index
------------------------------------ */
#index #container .mainVisual img {
  position: absolute;
  width: 200px;
  margin-left: 10%;
  margin-top: 10px;
}
#index #container .mainVisual h1 {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #index #container .mainVisual img {
    width: 100px;
    margin-top: 5px;
    margin-left: 5%;
  }
}

/* ------------------------------------
	content-1 all
------------------------------------ */
.con-1_point {
	display: block;
  position: relative;
	font-weight: bold;
  width: 100%;
	background: #fff;
	border: solid 1px #3295c6;
	font-size: 1.2em;
	height: 37px;
}
.pointNum {
	display: inline-block;
  position: absolute;
	box-sizing: border-box;
	padding: 0 6px;
  margin: 0;
  color: #fff;
	background: #3295c6;
}
.pointTitle {
	padding-left: 92px;
	color: #3295c6;
}

/* ------------------------------------
	content-1-1
------------------------------------ */
.con1-1_box1 {
	border-bottom: solid 2px #8ac437;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.con1-1_band {
	position: relative;
	padding: 5px 5px 5px 8px;
	background: linear-gradient(90deg, #2c6fb5, #9bd7f4, #8ac438);
	font-weight: bold;
	color: #fff;
	height: 36px;
	margin-bottom: 20px;
}
.con1-1_band span {
	position: absolute;
	background: #fff;
	color: #2c6fb5;
	padding: 5px;
	margin-left: 10px;
	top: 0;
	bottom: 0;
	font-size: 1.2em;
}
.con1-1_box1 p:first-of-type {
	font-weight: bold;
	color: #32b151;
	margin-bottom: 10px;
	font-size: 1.2em;
}

/* ------------------------------------
	content-1-2
------------------------------------ */
.con1-2_box1 {
	padding: 10px;
	background: #e9f2f6;
	margin-bottom: 30px;
}
.con1-2_box1 p {
	margin-bottom: 5px;
}
.con1-2_box1 p:first-of-type {
	text-align: center;
	color: #3295c6;
	font-size: 1.2em;
}

/* ------------------------------------
	content-1-3
------------------------------------ */
.con1-3_box1 {
	padding: 10px;
	background: #e9f2f6;
	margin-bottom: 30px;
}
.con1-3_box1 p {
	margin-bottom: 5px;
}
.con1-3_box1 p:first-of-type {
	text-align: center;
	color: #fff;
	background: #3295c6;
	font-size: 1.2em;
	font-weight: bold;
}

/* ------------------------------------
	content-2-1
------------------------------------ */
.badge.sai {
	color: #8f77b3;
	border: 1px solid #8f77b3;
	background: #fff;
}
.badge.shin {
	color: #e0b4d0;
	border: 1px solid #e0b4d0;
	background: #fff;
}
.badge.syagai {
	color: #6aba3d;
	border: 1px solid #6aba3d;
	background: #fff;
}
.badge.doku {
	color: #f3982c;
	border: 1px solid #f3982c;
	background: #fff;
}

/* ------------------------------------
	content-3-1
------------------------------------ */
.sankou {
	padding: 15px 0;
	margin-bottom: 40px;
}
.sankouTitle {
	display: block;
	position: absolute;
	margin-top: -30px;
	margin-left: 20px;
	background: #fff;
}
.sankouBox {
	padding: 10px;
}
.sankouBox div {
	background: #fff;
	padding: 3px;
	text-align: center;
	width: 160px;
	margin-bottom: 10px;
}
.sankouBox p:first-of-type {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
.kaihatsuBox {
	padding: 15px;
	margin-bottom: 20px;
}
.kaihatsuBox p:first-of-type {
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}
.kaihatsuBox p:last-of-type {
	margin-bottom: 0;
}
.kaihatsuBlock {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.bBlue {
	border-top: solid 1px #0094ce;
	border-bottom: solid 1px #0094ce;
}
.bBlueTop {
	border-top: solid 10px #0094ce;
}
.fBlue {
	color: #0094ce;
}
.bgBlue{
	background: #e5f3fc;
}
.bGreen {
	border-top: solid 1px #6aba3d;
	border-bottom: solid 1px #6aba3d;
}
.bGreenTop {
	border-top: solid 10px #6aba3d;
}
.fGreen {
	color: #6aba3d;
}
.bgGreen{
	background: #eff5da;
}
.bPurple {
	border-top: solid 1px #b36ca7;
	border-bottom: solid 1px #b36ca7;
}
.bPurpleTop {
	border-top: solid 10px #b36ca7;
}
.fPurple {
	color: #b36ca7;
}
.bgPurple{
	background: #eadced;
}
.bOrange {
	border-top: solid 1px #e49f3f;
	border-bottom: solid 1px #e49f3f;
}
.bOrangeTop {
	border-top: solid 10px #e49f3f;
}
.fOrange {
	color: #e49f3f;
}
.bgOrange{
	background: #faeddb;
}
@media only screen and (min-width: 981px){
	.kaihatsuBox {
		width: 45%;
		min-height: 410px;
	}
	.order1 {
		order: 1;
	}
	.order2 {
		order: 3;
	}
	.order3 {
		order: 2;
	}
	.order4 {
		order: 4;
	}
}
@media only screen and (min-width: 481px){
	.kaihatsuBox br {
		display: none;
	}
}

/* ------------------------------------
	content-3-3
------------------------------------ */
.con3-3_graph {
	display: block;
	overflow: hidden;
}
.con3-3_graph ul {
	width: 100%;
}
.con3-3_graph ul li {
	margin-bottom: 20px;
}
@media only screen and (min-width: 981px){
	.con3-3_graph ul li {
	float: left;
	width: 33.3%;
}
}