@charset "utf-8";
@import url("base.css");




/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/

/*メイン*/
#h1_top{
	width: 100%;
	background-color: #ffcc00;
	padding: 2em 0;
	text-align: center;
}
#h1_top h1{
	margin: 0 auto;
	font-size:156%;
	color: #fff;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}
#h1_top p{
	margin: 0 auto;
}
#partner{
	width: 100%;
	margin:0;
}
#partner h2{
	width: 96%;
	text-align: center;
	color: #fff;
	padding: 0.25em 2%;
	background-color: #70a942;
	position: relative;
	display: inline-block;
}
#partner h2:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #70a942;
}
#partner ul{
	margin: 3em auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#partner ul li{
	width: 24%;
	font-weight: bold;
	text-align: center;
} 
#partner ul li span{
	position: relative;
}
#partner ul li span:before{
	content: "";
	position: absolute;
	top: 0%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}
#partner ul li:nth-child(1) span a{
	background-color: #bcd031;
} 
#partner ul li:nth-child(2) span a{
	background-color: #ffcc00;
}
#partner ul li:nth-child(3) span a{
	background-color: #70a942;
}
#partner ul li:nth-child(4) span a{
	background-color: #ff9600;
}
#partner ul li img{
	width: 230px;
	margin: 0 auto 1em;
	display: block;
}
#partner ul li span a{
	text-decoration: none;
	color: #000;
	display: block;
	padding: 1.5em 2%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#partner ul li span a:hover,#partner ul li span a:active{
	text-decoration: none;
	color: #000;
}
#partner ul li:nth-child(1) span a:hover,#partner ul li:nth-child(1) span a:active{
	background-color: rgba(188,208,49,0.70);
} 
#partner ul li:nth-child(2) span a:hover,#partner ul li:nth-child(2) span a:active{
	background-color: rgba(255,204,0,0.70);
}
#partner ul li:nth-child(3) span a:hover,#partner ul li:nth-child(3) span a:active{
	background-color: rgba(112,169,66,0.70);
}
#partner ul li:nth-child(4) span a:hover,#partner ul li:nth-child(4) span a:active{
	background-color: rgba(255,150,0,0.70);
}
h3{
	font-size: 137%;
}
h3 img{
	width: 40px;
	margin: 0 10px 0 0;
}
.housing{
	width: 100%;
	margin: 3em 0 0;
}
.housing h3{
	font-size: 137%;
	margin: 0 auto;
}
.ho_wrap{
	width: 100%;
	margin: 1em 0 0;
	padding: 2em 0;
	background-color: #f0f0f0;
}
.help{
	margin: 0 auto;
}
.help dt{
	font-size: 156%;
	font-weight: bold;
	color: #70a942;
	text-align: center;
}
.help dd{
	margin: 0.5em 0 0;
}
.help dd ul{
	display: flex;
	justify-content:space-between;
}
.help dd ul li:nth-child(1){
	width: 32%;
}
.help dd ul li:nth-child(2){
	width: 66%;
}
.help dd ul li:nth-child(2) span{
	display: block;
	background-color: #ffcc00;
	padding: 0.5em 2%;
	margin: 0.5em 0 0;
	font-weight: bold;
}
#reform,#assessment{
	background-color: #fff;
	margin: 2em auto 0;
	position: relative;
}
#reform:before,#assessment:before{
	content: "";
	position: absolute;
	top: 0%;
	left: 50%;
 	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #f0f0f0;
}
#reform dt,#assessment dt{
	padding: 1em 2% 0;
	font-size: 156%;
	font-weight: bold;
	color: #70a942;
	text-align: center;
}
#reform dd,#assessment dd{
	padding: 1em 2%;
}
#reform dd span,#assessment span{
	display:block;
	width: 580px;
	margin: 0 auto;
	text-align: center;
}
.service{
	display: flex;
	justify-content:space-between;
	margin: 2em 0 0;
}
#assessment .service{
	margin: 0;
}
.service li{
	width: 49%;
}
.service li dl dt{
	padding: 0 0 0.5em!important;
	font-size: 120%!important;
	color: #000!important;
}
#assessment .service li dl dt{
	padding: 0.5em 0!important;
}
.service li dl dt img{
	padding: 0 0 0.5em;
}
.service li:nth-child(1) dl dt{
	background-color: #bcd031;
}
.service li:nth-child(2) dl dt{
	background-color: #ffcc00;
}
.service li dl dd{
	padding: 0.5em 0!important;
}
.bo_menu,.bo_menu2,.bo_menu3,.bo_menu5{
	display: flex;
	justify-content:space-between;
	margin: 2em auto 0;
}
.bo_menu4{
	width: 30%;
	margin: 2em auto 0;
}
.bo_menu li{
	width: 31.333%;
}
.bo_menu2 li{
	width: 23%;
}
.bo_menu3 li{
	width: 31.333%;
}
.bo_menu5 li{
	width: 31.333%;
}
.bo_menu li a,.bo_menu3 li a,.bo_menu4 a{
	display: block;
	background-color: #70a942;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 2%;
	text-shadow: #333 1px 1px 5px, #333 -1px 1px 5px,
    #333 1px -1px 5px, #333 -1px -1px 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.bo_menu li:nth-child(even) a,.bo_menu3 li:nth-child(even) a{
	background-color: #ffcc00;
}
.bo_menu li a:hover,.bo_menu li a:active,.bo_menu3 li a:hover,.bo_menu3 li a:active,.bo_menu4 a:hover,.bo_menu4 a:active{
	background-color: #8CC161;
	color: #fff;
	text-decoration: none;
}
.bo_menu li:nth-child(even) a:hover,.bo_menu li:nth-child(even) a:active,.bo_menu3 li:nth-child(even) a:hover,.bo_menu3 li:nth-child(even) a:active{
	background-color: #FFDB4D;
	color: #fff;
	text-decoration: none;
}
#assessment .bo_menu li{
	display: block;
	background-color: #bcd031;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
}
#assessment .bo_menu2 li dl dt,#assessment .bo_menu5 li dl dt{
	display: block;
	background-color: #bcd031;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	font-size: 100%;
}
#assessment .bo_menu2 li dl dd,#assessment .bo_menu5 li dl dd{
	padding: 0.5em 0 0;
}
#assessment .bo_menu li:nth-child(even),#assessment .bo_menu2 li:nth-child(even) dl dt,#assessment .bo_menu5 li:nth-child(even) dl dt{
	background-color: #ffcc00;
}
#assessment .bo_menu{
	width: 100%!important;
	margin: 2em 0 0;
}
.root{
	margin: 1em auto 0;
}
.root dt{
	font-size: 156%;
	font-weight: bold;
	color: #70a942;
	text-align: center;
}
.root dd{
	margin: 0.5em 0 0;
}
.root dd ul{
	display: flex;
	justify-content:space-between;
	text-align: center;
}
.root dd ul li:nth-child(odd){
	flex: 1;
	background-color: #bcd031;
	font-weight: bold;
	padding: 1.5em 2%;
}
.root dd ul li:nth-child(even){
	flex: 0.5;
	position: relative;
}
.root dd ul li:nth-child(even) img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
}
.btn a{
	width: 275px;
	display: block;
	background-color: #70a942;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em auto 0;
	text-shadow: #333 1px 1px 5px, #333 -1px 1px 5px,
    #333 1px -1px 5px, #333 -1px -1px 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.btn a:hover,.btn a:active{
	background-color: #8CC161;
	color: #fff;
	text-decoration: none;
}
.bottom{
	width: 96%;
	padding: 1em 2%;
	margin: 2em 0 0;
	text-align: center;
	background-color: #f0f0f0;
}

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/

/* pc */
@media screen and (min-width: 1300px)  {
	
/*メイン*/
h1,#h1_top p,#partner ul,.housing h3,.help,#reform,#assessment,.bo_menu,.bo_menu3,.root{
	width: 1280px;
}
.info_tb,.info_sp{
	display: none;
}
}

/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px)  {

/*メイン*/
h1,#h1_top p,#partner ul,.housing h3,.help,#reform,#assessment,.bo_menu,.bo_menu3,.root{
	width: 96%;
}
}
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/

/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px)  {

/*メイン*/
#partner ul li{
	font-size: 95%;
} 
.help dt{
	font-size: 146%;
}
.service li dl dt{
	font-size: 100%!important;
}
}


/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

/*メイン*/
#partner ul li{
	font-size: 85%;
}
.help dt{
	font-size: 134%;
}
.service li dl dt{
	font-size: 95%!important;
}
.bo_menu4{
	width: 50%;
}
}

/* tablet3  */
@media only screen and (max-width: 767px) {

/*メイン*/
#partner ul{
	flex-direction: column;
} 
#partner ul li{
	width: 100%;
} 
#partner ul li:nth-child(n+2){
	margin: 1em 0 0;
}
.help dd ul{
	flex-direction: column;
}
.help dd ul li:nth-child(1){
	width: 100%;
}
.help dd ul li:nth-child(2){
	width: 100%;
	margin: 1em 0 0;
}
#reform dd span,#assessment span{
	width: 96%;
}
.service{
	flex-direction: column;
}
.service li{
	width: 100%;
}
.service li:nth-child(n+2){
	margin: 1em 0 0;
}
.bo_menu,.bo_menu2,.bo_menu3,.bo_menu5{
	flex-direction: column;
}
.bo_menu4{
	width: 96%;
	margin: 2em auto 0;
}
.bo_menu li{
	width: 100%;
}
.bo_menu2 li{
	width: 100%;
}
.bo_menu3 li{
	width: 100%;
}
.bo_menu5 li{
	width: 100%;
}
.bo_menu li:nth-child(n+2),.bo_menu2 li:nth-child(n+2),.bo_menu3 li:nth-child(n+2),.bo_menu5 li:nth-child(n+2){
	margin: 1em 0 0;
}
.root dd ul{
	flex-direction: column;
}
.root dd ul li:nth-child(odd){
	flex: 1;
	padding: 0.5em 0;
}
.root dd ul li:nth-child(even){
	flex: 1;
	position:static;
	padding: 0.5em 0;
}
.root dd ul li:nth-child(even) img{
	position:static;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	width: 20px;
	transform: rotate(90deg);
}
.btn a{
	width: 100%;
}
#assessment .bo_menu li:last-child{
		margin: 1em 0;
	}
}

/* smartPhone1 */
@media only screen and (max-width: 499px) {

/*メイン*/
}