@charset "utf-8";


/*--------------------------------------------------
 トップページ
--------------------------------------------------*/
/*メインビジュアル*/
#visual {
	margin: 0 auto 1em;
	overflow: hidden;
	padding-top: 132px;
}

@media screen and (max-width: 959px){
	#visual {
	padding-top: 0;
}
}

.icon-box {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	align-items: center;
}
.icon-box > .item {
	max-width: 40px;
	margin: 0 3%;
}

/*--トップのbox--*/
/*内側のボックス*/
.top_inbox {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 1em 0;
	overflow: hidden;
}

/*ブログ・挨拶*/
.top_blog_area {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
.top_blog_box {
	width: 58%;
}
.top_greeting_box {
	width: 35%;
	background: #0099FF;
	color: #FFFFFF;
	padding: 1em;
}
.top_greeting_box h3 {
	margin: 0 auto 0.5em;
	padding: 0;
}
.top_greeting_box div {
	margin: 0 auto 0.5em;
}
.top_greeting_box dl {
	margin-left: 1em;
	font-size: 90%;
}
.top_greeting_box dl ul {
	margin-left: 1em;
}

@media screen and (max-width:648px){
.top_blog_box {
	width: 95%;
}
.top_greeting_box {
	width: 95%;
	padding: 1em 0;
}
.top_greeting_box div {
	width: 90%;
	margin: 0 auto 1em;
}
.top_greeting_box dl {
	width: 90%;
	margin: 0 auto;
	display: block;
}
}

/*ピックアップ*/
.top_picup_area {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #D9D9D9;
	padding: 1.5em 0;
}
.top_picup_area li {
	margin: 0 0.5em;
}

/*メッセージ*/
.top_message_area {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/top/bg_massege02.jpg) no-repeat;
	background-size:100% auto;
}
.top_message_box {
	width: 100%;
	min-height: 490px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/top/bg_massege01.jpg) no-repeat top center;
	background-size:auto 100%;
	padding-top: 3em;
	line-height: 1.8;
}
@media screen and (max-width:648px){
.top_message_box p {
	text-align: left;
}
}

/*バナー*/
.bn_list li {
	margin: 0.5em;
}


/*--------------------------------------------------
 topics
--------------------------------------------------*/
/*--トップ一覧--*/
dl.topics_list {
	overflow: hidden;
	margin: 0 auto 1em;
}
dl.topics_list dt {  
    float: left;
    padding: 0.6em 0;
    text-align: right;
}
dl.topics_list dd {
    padding: 0.6em 0 0.6em 8em;
	border-bottom: solid 1px #999999;
}

/*--広報--*/
dl.magazine_list {
	overflow: hidden;
	margin: 0.6em;
	float: left;
	width: 31%;
	border: solid 1px #CCCCCC;
	border-radius: 6px;
	height: 310px;
}
dl.magazine_list dt {
    padding: 0.6em 0.5em;
    text-align: center;
}
dl.magazine_list dt img {
	border: solid 1px #CCCCCC;
}
dl.magazine_list dd {
    padding: 0.6em 1em;
}
img.thumb-of-pdf {
	border: solid 1px #CCCCCC;
}
@media screen and (max-width: 950px){
dl.magazine_list {
	width: 29%;
}
}
@media screen and (max-width: 648px){
dl.magazine_list {
	float: none;
	width: 95%;
	margin: 0 auto 0.6em;
}
}

/*--------------------------------------------------
 profile
--------------------------------------------------*/
/*box*/
.bg_tomino {
	background: url(../img/profile/bg_tomino.png) no-repeat top right;
	background-size: auto 100%;
	overflow: hidden;
}
.img_tomino {
	display: none;
}
.title_profile {
	width: 150px;
}
.box_profile {
	max-width: 650px;
	padding-bottom: 1em;
}
.box_profile dd {
	/*text-shadow: 2px 2px #FFFFFF;
	background: rgba(255,255,255,0.5);*/
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
}


@media screen and (max-width:870px){
.bg_tomino {
	background: none;
}
.img_tomino {
	display: block;
	text-align: center;
}
.title_profile {
	width: 95%;
}
.box_profile {
	width: 95%;
	margin: 0 auto 1em;
}

}

/*基本情報*/
.text_box dl.profile_list {
	margin: 0;
	padding: 0;
}
.text_box dl.profile_list dt {
    float: left;
    padding: 0.3em 0;
    text-align: right;
	font-weight: bold;
}
.text_box dl.profile_list dd {
    padding: 0.3em 0 0.3em 7em;
}

/*履歴*/
.text_box dl.history_list {
	margin: 0;
	padding: 0;
}
.text_box dl.history_list dt {
	font-weight: bold;
}
.text_box dl.history_list dd {
	padding-bottom: 1em;
}
.text_box dl.history_list dd:last-child {
	padding-bottom: 0;
}


/*--------------------------------------------------
 project
--------------------------------------------------*/
/*img*/
.img_project {
	width: 30%;
	height: 100%;
	float: left;
	padding-right: 1em;
	overflow: hidden;
	text-align: center;
}
.img_project img {
	width: auto;
	max-height: 100%;
}



/*--------------------------------------------------
 report
--------------------------------------------------*/
/*--一覧--*/
/*リスト*/
.report_list li {
	margin: 1em;
	width: 20%;
}
.report_list li img {
	border: solid 1px #CCCCCC;
}






/*--------------------------------------------------
 各詳細ページ
--------------------------------------------------*/



/* PC用
--------------------------------------------------*/
@media screen and (min-width: 769px){

/*----*/

}




/* iPadサイズ以下から
--------------------------------------------------*/
@media screen and (max-width: 768px){

}



/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){

}