@charset "Shift_JIS";

.tekiseiMain{
	padding:20px 0;
	background-color:#cff3ff;
}
.tekiseiMain h2, .tekiseiSelfcheck h2, .tekiseiEffort h2{
	margin:0 0 15px;
	border-bottom: solid 2px #014099;
	color:#014099;
	font-size:162.5%;
	font-weight:bold;
	line-height: 1;
}
.tekiseiMain h2:before {
  float:left;
  margin-right:8px;
  vertical-align: top;
  content: "\e900";
  font-size: 64px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tekiseiMain h2 .h2txt{
	float:left;
	letter-spacing:-1px;
}
.tekiseiSelfcheck h2 .h2txt, .tekiseiEffort h2 .h2txt{
	float:left;
	padding-top:18px;
}
.tekiseiMain h2 .h2txt span{
	display:inline-block;
	margin-bottom:6px;
	font-size:61.5%;
}
.tekiseiSelfcheck h2 span, .tekiseiEffort h2 span{
	display:inline-block;
}
.mainCategory .catInner{
	width:330px;
	height:262px;
	margin-right:22px;
	position:relative;
	float:left;
}
.mainCategory .catInner:first-child, .mainCategory .catInner:nth-child(4){
	margin-left:-5px;
}
.mainCategory .catInner:nth-child(3), .mainCategory .catInner:last-child{
	margin-right:0px;
	margin-left:-5px;
}
.mainCategory .catInner a{
	display:block;
}
.mainCategory .catInner a:hover {
	opacity:0.8;
}
.cat1_Btn, .cat2_Btn, .cat3_Btn, .cat4_Btn, .cat5_Btn, .cat6_Btn{
  background: #71dba6;
  border-radius: 20px;
  color: #fff;
  width: 280px;
  padding: 7px 0;
  font-size:75%;
  text-align:center;
  position:absolute;
  top: 164px;
  left:25px;
}
.cat2_Btn{background: #82cce2;}
.cat3_Btn{background: #e8cf46;}
.cat4_Btn{background: #f5abab;}
.cat5_Btn{background: #65dada;}
.cat6_Btn{background: #b6b6e3;}

.tekiseiResearch{
	padding:30px 0;
}
.research_banner{
	position:relative;
	width:900px;
	height:112px;
	margin:0 auto;
	border:solid 1px #dcdcdc;
	background-color:#f3f3f3;
	border-radius: 6px;
}
.research_banner a{
	display:block;
	width:900px;
	height:112px;
	color:#333;
}
.research_banner a:hover { opacity: .8; }
.research_banner img.banner-img{
	position:absolute;
	top:10px;
	left:30px;
}
.research_banner img.ttl_data{
	position:absolute;
	top:13px;
	left:235px;
}
.research_banner img.ttl_iikankei{
	position:absolute;
	top:10px;
	left:435px;
}
.research_banner p{
	position:absolute;
	top:55px;
	left:235px;
	font-size:87.5%;
}

.research_banner2_pc {
    text-align: center;
    margin: 30px auto 0;
}
.research_banner2_pc a:hover { opacity: .8; }

.research_banner2_sp {
    display: none;
}

.research_Btn{
  background: #014099;
  border-radius: 20px;
  color: #fff;
  width: 140px;
  padding: 7px 0;
  font-size:75%;
  text-align:center;
  position:absolute;
  top: 45px;
  right:25px;
}

/* セルフチェック
------------------------------------------*/
.tekiseiSelfcheck{
	padding:20px 0 40px;
	background-color:#f7f3e9;
}
.tekiseiSelfcheck h2 br, .tekiseiEffort h2 br{ display:none;}
.tekiseiSelfcheck h2:before {
  float:left;
  vertical-align: top;
  content: "\e901";
  font-size: 70px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tekiseiSelfcheck h3{
	margin-bottom:10px;
	font-size:125.0%;
	font-weight:bold;
}
.tekiseiSelfcheck .contentsList li a{
	display:block;
	margin: 0 10px 20px 10px;
	color: #333;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.tekiseiSelfcheck .contentsList li h4{
	font-size:100%;
	font-weight:bold;
	line-height:1;
}
.tekiseiSelfcheck .contentsList li a .listInner p{
	line-height:1.4;
}

/* 取り組み
------------------------------------------*/
.tekiseiEffort{
	padding:20px 0 40px;
	background-color:#fff;
}
.tekiseiEffort h2:before {
  float:left;
  vertical-align: top;
  content: "\e902";
  font-size: 70px;
  text-align: center;
  font-family: 'fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -1%;
}
.tekiseiEffort .contentsList{
  margin-right: 0;
  margin-left: 0;
}
.tekiseiEffort .contentsList li:first-child{
	margin-right:2%
}
.tekiseiEffort .contentsList li{
	width:49%;
	border:solid 1px #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tekiseiEffort .contentsList li a{
	display:table;
  width: 100%;
	margin: 0 0 0 0;
	color: #333;
	background-color: #fff;
}
.tekiseiEffort .contentsList li a .effort-img{
	width:40%;
	background-color:#e0f7ff;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
}
.tekiseiEffort .contentsList li a .effort-img img{
	width:70%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.tekiseiEffort .contentsList li a .listInner{
	display:table-cell;
	width:60%;
	padding: 3%;
}
.tekiseiEffort .contentsList li h3{
	font-size:100%;
	font-weight:bold;
	line-height:1;
}
.tekiseiEffort .contentsList li a .listInner p{
	line-height:1.4;
}

@media screen and (max-width: 640px) {
/*================================================
tekiseiMain
================================================*/
.tekiseiMain h2, .tekiseiSelfcheck h2, .tekiseiEffort h2{
	margin:0 15px 15px 15px;
}
.tekiseiMain h2{
	font-size:112.5%;
	margin-bottom: 15px;
}
.tekiseiSelfcheck h2, .tekiseiEffort h2{
	font-size:125.0%;
	margin-bottom: 15px;
}
.tekiseiMain h2 .h2txt span{
	font-size:75.0%
}
.tekiseiMain h2:before{
  font-size: 50px;
  margin-right:0;
}
.tekiseiMain h2:before, .tekiseiSelfcheck h2:before, .tekiseiEffort h2:before{
  font-size: 50px;
}
.tekiseiMain h2 .h2txt{
	padding-top: 2px;
}
.tekiseiMain{
	padding-top:65px;
}
.mainCategory{
	margin:0 10px;
}
.mainCategory .catInner{
	width:49%;
	height:auto;
	margin-right:0px;
}
.mainCategory .catInner:nth-child(odd){
	margin-right:2%;
}
.mainCategory .catInner:first-child, .mainCategory .catInner:nth-child(4), .mainCategory .catInner:nth-child(3), .mainCategory .catInner:last-child{
	margin-left:0px;
}
.mainCategory .catInner a:hover { opacity: 1; }
.mainCategory .catInner img{
	width:100%;
}
.cat1_Btn, .cat2_Btn, .cat3_Btn, .cat4_Btn, .cat5_Btn, .cat6_Btn{
  width: 85%;
  padding: 1% 0;
  top: 59%;
  left:8%;
}
.tekiseiResearch{
	margin:0 15px;
	padding:15px 0;	
}
.research_banner{
	position:relative;
	width: 100%;
	min-height:120px;
	padding:2% 0;
}
.research_banner a{
	display:block;
	width: 100%;
	height:112px;
}
.research_banner a:hover { opacity: 1; }
.research_banner img.banner-img{
  width: 42%;
  top: 10px;
  left: auto;
  right: 2%;
}
.research_banner img.ttl_data{
  width: 40%;
  top: 10px;
  left: 3%;
}
.research_banner img.ttl_iikankei{
	width:52%;
	top:25%;
	left: 3%;
}
.research_banner p{
	width:52%;
	top: 46%;
	left:4%;
	line-height: 1.4;
}
.research_banner p br{
	display:none;
}
.research_banner2_pc {
    display: none;
}
.research_banner2_sp {
    display: block;
}
.research_banner2_sp a:hover { opacity: .8; }

.research_banner2_sp {
    text-align: center;
    margin: 15px auto 0;
}
.research_banner2_sp img {
    max-width: 100%;
}
.research_Btn{
  width: 40%;
  padding: 3px 0;
  font-size:75%;
  top: 73%;
  right:3%;
}

/*================================================
tekiseiSelfcheck
================================================*/
.tekiseiSelfcheck, .tekiseiEffort{
	padding:15px 0 0;
}
.tekiseiSelfcheck h2 br, .tekiseiEffort h2 br{ display:block;}
.tekiseiSelfcheck h2 .h2txt, .tekiseiEffort h2 .h2txt{
	padding-top: 3px;
	padding-bottom: 5px;
}
.tekiseiSelfcheck h3{
	margin-bottom: 7px;
	font-size:112.5%;
	margin-left:15px;
}
tekiseiSelfcheck .contentsList li .listInner{
	padding:7%;
}
.tekiseiSelfcheck .contentsList li a{
	margin: 0 5% 10% 5%;
}

/*================================================
tekiseiEffort
================================================*/
.tekiseiEffort ul.contentsList {
	margin:0 15px;
}
.tekiseiEffort .contentsList li{
	width:100%;
	margin-bottom:20px;
}
.tekiseiEffort .contentsList li:first-child{
	margin-right:0px;
}
.tekiseiEffort .contentsList li a img{
	width:40%;
}
.tekiseiEffort .contentsList li a .listInner{
	width:54%;
	padding: 3%;
}
.tekiseiEffort .contentsList li a .listInner h3{
	margin-bottom:3%;
}
.tekiseiEffort .contentsList li a .effort-img, .tekiseiEffort .contentsList li a .effort-img2{
	width:40%;
}
.tekiseiEffort .contentsList li a .effort-img img, .tekiseiEffort .contentsList li a .effort-img2 img{
	width:80%;
}
}