@charset "UTF-8";
/* CSS Document */


/*デフォルトCSS打ち消し*/
p,h1,h2,h3,h4,ul,ol,figure{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
a{
	color: #000000;
	text-decoration: none;
	font-size: 15px;
}
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	word-break: break-all;
	background-color: #EAEAEA;
}

/*めぐみ学園ヘッダー*/
#wrapper1{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
}
#header{
	width: 100%;
	position: relative;
}
#header-img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
#header-img img{
	width: 100%;
	height: auto;
}
#h1-box{
	font-size: 0;
	position: absolute;
	bottom: 10%;
	left: 3%;
	z-index: 10;
}
#h1-box{
	width: 50%;
	height: auto;
}
/*めぐみ学園ナビゲーションメニュー*/
#header-nav{
	width: 100%;
	margin-top: -6px;
}
#header-nav ul{
	display: flex;
	list-style-type: none;
}
#header-nav ul li{
	width: 240px;
}
#header-nav ul li a{
	display: block;
	color: #ffffff;
	font-weight: bold;
	border-right: 2px solid #ffffff;
	background-image: linear-gradient(#ABD073 75%,#FFFFAE);
	padding: 10px 0;
	text-align: center;
}
#header-nav ul li a:hover{
	color: #FF7F1E;
	text-decoration: underline;
	opacity: 0.8;
}
#header-nav ul li:nth-child(4) a{
	border-right: none;
}
#header-nav ul li a.select{
	background-image: linear-gradient(#FFFFAE,#AEBE72);
	color: #FF7F1E;
}
/*めぐみ学園TOPページ*/
#main{
	padding: 20px 30px 30px 20px;
	display: block;
}
.main-flex{
	overflow: hidden;
	display: flex;
}
.arit1{
	max-width: 500px;
}
.arit1 h2{
	font-size: 24px;
	padding-left: 10px;
	border-left: 9px solid #FFC93B;
}
.top-text{
	margin-top: 15px;
	text-indent: 1em;
	line-height: 25px;
}
.aside1{
	max-width: 400px;
	margin-left: 24px;
}
.president-flex{
	display: flex;
	margin-top: 47px;
}
.president-img1{
	width: 278px;
	height: auto;
	margin-right: 27px;
}
.president-img1 img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.president-img2{
	width: 38px;
	height: auto;
	margin-top: 27px;
}
.president-img2 img{
	width: 100%;
	height: auto;
}
.google-map{
	margin-top: 20px;
	width: 400px;
	height: 240px;
}
.google-map iframe{
	width: 100%;
	height: 100%;
}
/*めぐみ学園フッター*/
#footer{
	width: 100%;
	background-color: #ABD073;
}
#footer-flex{
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	margin: 0 auto ;
	padding-top: 36px;
	padding-bottom: 5px;
}
#footer-flex-left{
	width: 40%;
	color: #ffffff;
	font-weight: bold;
}
.footer-p1{
	font-size: 22px;
	margin-bottom: 18px;
}
.footer-flex-img{
	max-width: 248px;
}
.footer-flex-img img{
	width: 100%;
	height: auto;
}
#footer-small{
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px;
}

/*めぐみ学園　就労支援B型ページ*/
.h2-1{
	font-size: 24px;
	padding-left: 10px;
	border-left: 9px solid #FFC93B;
}
.b-gata-text{
	margin-top: 10px;
	margin-bottom: 20px;
	text-indent: 1em;
	line-height: 24px;
}
#bosyuu{
	width: 100%;
}
#bosyuu h3{
	border-bottom: 1px solid #808080;
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: 18px;
}
#bosyuu dl{
	margin: 15px 0;
	overflow: hidden;
	padding-left: 15px;
	font-size: 15px;
}
#bosyuu dt{
	float: left;
	margin-bottom: 10px;
}
#bosyuu dd{
	margin-left: 100px;
	margin-bottom: 10px;
}
#bosyuu p{
	margin: 20px 0 50px 15px;
}
.number{
	/*display: inline-block;*/
	margin-right: 8px;
}
.sagyouhukei{
	margin-left: 10px;
}
.sagyouhukei-flex{
	display: flex;
}
.sagyouhukei-img{
	max-width: 287px;
	height: auto;
	margin-right: 17px;
}
.sagyouhukei-img img{
	width: 100%;
	height: auto;
}
.sagyouhukei p{
	text-align: center;
}
.seihinn-img{
	max-width: 350px;
	margin: 15px auto;
}
.seihinn-img-box img{
	width: 100%;
	height: auto;
}
.seihinn-img-box figcaption{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

/*めぐみ学園　共同生活援助ページ*/
.nyuukyosya-bosyuu{
	max-width: 773px;
	height: auto;
	margin: 30px auto;
	text-align: center;
}
.nyuukyosya-bosyuu img{
	width: 100%;
	height: auto;
}

/*めぐみ学園　決算報告ページ*/
.pdf-box{
	border: 1px solid #333333;
	border-radius: 12px;
	padding: 20px 30px;
	margin-top: 30px;
	margin-bottom: 160px;
}
.pdf-box ul{
	list-style-type: none;
	padding-left: 15px;
}
.pdf-box ul li{
	background-image: url("../images/pdf-icon.svg");
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 20px;
	margin: 15px 0;
}
.pdf-box ul li a{
	color: #0B3EEE;
	text-decoration: underline;
	display: block;
}
.pdf-box ul li a:hover{
	opacity: 0.7;
}
.pdf-box ul li a:active{
	color: #DE4B4D;
}
.pdf-box ul li a:visited{
	color: #BD4D73;
}