@charset "utf-8";
/* ===================================================================
CSS information

 file name  : style.css
 style info : コンテンツエリア関係 他

このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
=================================================================== */

/*********************************************************************

	基本設定、リンクカラー、汎用クラスなど

*********************************************************************/
html {
	font-size: 62.5%;
}
body {
	text-align: center;
	overflow: y-scroll;
	background-color: #f6f8fa;
	font-size:1.6rem;
	line-height: 1.8;
	width:100%;
	min-width:320px;
	position:relative;
}

/* for IE6 */
* html body {
	overflow: auto;
	height: 100%;
	margin: 0;
  padding: 0;
}

/* for IE7 */
*:first-child+html body {
	overflow: auto;
	height: 100%;
	margin: 0;
  padding: 0;
}

a:link {
	color: #0050CB;
}

a:visited {
	color: #0050CB;
}

a:hover {
	color: #0050CB;
	text-decoration: none;
}

a:active {
	color: #0050CB;
}

/* ===========================================================
	リンク
=========================================================== */
div.btn-area {
	display: block;
	margin-top: .8em;
}

div.btn-area p{
	background: #0150cb;
	display: inline-block;
	border-radius: 5px;
	margin: 0 .5em;
	padding: 0 .5em 0 1.5em;
}
p.link-btn a {
	display: block;
	color: #fff;
	padding: .7em 1.5em ;
	text-decoration: none;
	background: url(../images/icon_arrow_white.png) no-repeat left 1em;
	background-size: 1em;
}

a.external img {
	vertical-align: text-top;
	margin: .3em .3em 0 0;
	padding: 0 0 2px 0;
}
p.link-comment,
p.read-more,
p.page-top {
	margin: 1em 0;
}

p.page-top {
	text-align: right;
}
p.link-comment a {
	margin-right: 1em;
}
p.link-comment a,
p.read-more a,
p.page-top a,
p.move a {
	padding: 0 0 0 18px;
	line-height: 1.2;
	text-decoration: none;
}

p.link-comment a,
p.read-more a,
p.move a {
	background: url(../images/icon_arrow_orange.png) no-repeat left;
	background-size: 1em;
}

p.page-top a {
	background: url(../images/icon_arrow01.gif) no-repeat left center;
	background-size: 1em;
}

/* ===========================================================
	リスト
=========================================================== */
ul.circle,
ul.square,
ol.no-mark {
	margin-left: 1.2em !important;
}

	ul.circle li {
		list-style: disc;
	}

	ul.square li {
		list-style: square;
	}

#contents .listType1 li{
	list-style: disc;
}

ul.number li,
dl.number dt {
	list-style: none;
	margin-left: 1.8em;
	text-indent: -1.8em;
}

/* for IE6 */
* html ul.number li,
* html dl.number dt {
	margin-left: 1.4em;
	text-indent: -1.4em;
}

ol {
	margin-left: 1.5em;
}

ol li {
	list-style: decimal;
}

ol li.no-marker1 {
	list-style:outside none;
}

dl.number dd {
	margin-bottom: 0.3em;
	margin-left: 1.8em;
}

/* for IE6 */
* html dl.number dd {
	margin-left: 1.4em;
}

/* for IE6 */
* html ul li dl,
* html ol li dl {
  display: inline;
}

/* for IE7 */
*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}

/* ===========================================================
	テキスト
=========================================================== */
p.ltext {
	text-align: left;
}

p.ctext {
	text-align: center;
}

p.rtext {
	text-align: right;
}

/* ===========================================================
	ぶら下げインデント
=========================================================== */
.ind1 {
	margin-left: 1em;
	text-indent: -1em;
}

.ind2 {
	margin-left: 2em;
	text-indent: -2em;
}

.ind3 {
	margin-left: 3em;
	text-indent: -3em;
}

.ind4 {
	margin-left: 4em;
	text-indent: -4em;
}

/* ===========================================================
	配置
=========================================================== */
.rside {
	float: right;
}

.lside {
	float: left;
}

/* ===========================================================
	テーブル
=========================================================== */
table {
	border-top: 1px solid #0050CB;
	border-left: 1px solid #0050CB;
}

table caption {
	margin-bottom: 0.3em;
	line-height: 1.2em;
	font-size: 90%;
}

table caption.hide {
	display: none;
}

table th,
table td {
	padding: 3px 5px;
	border-right: 1px solid #0050CB;
	border-bottom: 1px solid #0050CB;
	line-height: 1.5em;
}

table th {
	background: #DEEDFF;
	text-align: center;
}

table td {
	vertical-align: top;
}

table td.rtext {
	text-align: right;
}

table td.nowp {
	white-space: nowrap;
}

/* ===========================================================
	注釈
		note      : ※
		note_num  : ※1
		snote     : *
		snote_num : *1
=========================================================== */
p.note,
ul.note li,
li.note {
	margin-left: 1em;
	text-indent: -1em;
}

p.note_num,
ul.note_num li,
li.note_num {
	margin-left: 1.7em;
	text-indent: -1.7em;
}

/* for IE6 */
* html p.note_num,
* html ul.note_num li,
* html li.note_num {
	margin-left: 1.9em;
	text-indent: -1.9em;
}

p.snote,
ul.snote li,
li.snote {
	margin-left: 0.5em;
	text-indent: -0.5em;
}

p.snote_num,
ul.snote_num li,
li.snote_num {
	margin-left: 1.3em;
	text-indent: -1.3em;
}

/* ===========================================================
	マージン
		mtx: margin-top
		mrx: margin-right
		mbx: margin-bottom
		mlx: margin-left
=========================================================== */
.mt0 {
	margin-top: 0 !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.ml0 {
	margin-left: 0 !important;
}

.mt1 {
	margin-top: 1em !important;
}

.mr1 {
	margin-right: 1em !important;
}

.mb1 {
	margin-bottom: 1em !important;
}

.mb2 {
	margin-bottom: 2em !important;
}

.ml1 {
	margin-left: 1em !important;
}

.ml2 {
	margin-left: 2em !important;
}

.ml25 {
	margin-left: 2.5em !important;
}

.last-child {
	margin-bottom: 0 !important;
}

#contents .mType1 {
	margin:0 0 1em 3.5em !important;
}

/* ===========================================================
	上付き文字、下付き文字
=========================================================== */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/*********************************************************************

	レイアウト

*********************************************************************/
#header {
	border-top: 4px solid #414345;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#topicpath,
#main {
	margin: 0 auto;
	width: 95%;
	text-align: left;
	background: #fff;
}

/* ===========================================================
	div#gnav
=========================================================== */
#gnav {
}


/* ===========================================================
	div#main
=========================================================== */
#main {
	background-color: #ffffff;
	padding-bottom: 30px;
  min-height: calc(100vh - 100px);
}

/* clearfix */
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #main {
	height: 1%;
}

#main {
	display: block;
}
/* End hide from IE-mac */

/* ===========================================================
	div#contents
=========================================================== */
div#contents {
	width: auto;
	padding: 40px;
	text-align: center;
}

#top #contents,
#contact #contents,
#other #contents,
#english #contents {
	margin-left: 0;
}


/*********************************************************************

	共通

*********************************************************************/

/* ===========================================================
	headline
=========================================================== */
h1 {
	  margin-bottom: 2em;
    padding: .1em .2em;
    border-bottom: 6px solid #01317d;
    font-size: 36px;
	font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
    text-align: center;
    font-weight: 200;
	display: inline-block;
	line-height: 1.3;
}
#top .info h3,
h2 {
	margin: 0 0 .5em 0;
    padding: .5em .5em .3em ;
    background: #e9f1fd;
    border-left: 10px solid #014eca;
	text-align: left;
	font-size: 2.4rem;
	font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
	font-weight: normal;
}

h2 em {
	font-size: 150%
}

h3 {
	padding-left: 10px;
	border-left: 5px solid #d66148;
	margin: 1em .5em;
}

h4 {
	padding-left: .5em;
	border-bottom: 1px solid #ccc;
	margin: 0 0 .5em .5em;
}

/* ===========================================================
	p.lead
=========================================================== */
p.lead {
	margin: 0 0 1em 0;
	text-align: left;
}
p.lead span {
	color: #01317d;
	font-weight: bold;
}

/* ===========================================================
	div.section
=========================================================== */
ul.page-nav {
	margin-bottom: 1em;
}

ul.page-nav li {
	padding: 0 10px;
	display: inline;
	border-left: 1px solid #000000;
}

ul.page-nav li.last-child {
	border-right: 1px solid #000000;
}

/* ===========================================================
	div.section
=========================================================== */
div.section,
div.section02 {
	margin-bottom: 1.5em;
}

div.section {
	text-align: left;
}

div.section02 {
	padding: 0.5em 1em;
	border: 1px solid #0050CB;
}

/* ===========================================================
	clearfix
=========================================================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*********************************************************************

	個別

*********************************************************************/

/* ===========================================================
	body#top : トップページ
=========================================================== */
/* headline
----------------------------------------------------------- */
#top.index h1 {
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	line-height: normal;
	background: none;
}

/* div.section
----------------------------------------------------------- */
#top.index div.section {
	margin-bottom: 20px;
	padding: 0;
}

/* div#mainimage : キャッチコピー
----------------------------------------------------------- */
#top.index #mainimage {
	width: 100%;
	border-bottom:1px solid #a1a2a2;
	padding: 40px 0 30px;
	background: url(../images/mainimage.jpg) no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
#top.index #mainimage h2.catch {
	color: #01317d;
	font-weight: bold;
	margin-bottom: .3em;
	background: none;
	border: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

#top.index #mainimage p.txt {
	font-size: 1.8rem;
	color: #414345;
	line-height: 1.6;
}


/* div#visual : キービジュアル
----------------------------------------------------------- */
#top.index #visual {
	padding: 40px 40px;
}
#top.index #visual h3.ttl {
	color: #01317d;
	font-weight: bold;
	font-size: 1.8rem;
	margin: 0 0 .3em 0;
	padding: 0;
	border: none;
}

#top.index #visual p.lead {
	margin-bottom: 0;
}

/* div.supporter : ウェブアクセシビリティサポーター
/* div.report : イベント・活動紹介
----------------------------------------------------------- */
#top.index #contents div.supporter {
	margin-top: -2px;
}

#top.index #contents div.supporter,
#top.index #contents div.report {
	float: left;
	border-bottom: 1px solid #0050CB;
	background: url(../../images/bg_aside.gif) repeat-y left top;
	width: 250px;
}

#top.index #contents div.supporter h2,
#top.index #contents div.report h2 {
	margin: 0;
	margin-bottom: 0.3em;
	max-height: 300px;
	line-height: 1.2em;
}

#top.index #contents div.supporter h2 {
	padding: 5px 0 15px 45px;
	background: #0050CB url(../../images/bg_h2_supporter.gif) no-repeat left top;
}

#top.index #contents div.report h2 {
	padding: 10px 0 5px 45px;
	background: #0050CB url(../../images/bg_h2_report.gif) no-repeat left top;
}

#top.index #contents div.supporter p,
#top.index #contents div.supporter ul.circle,
#top.index #contents div.report p {
	margin: 0 16px;
	line-height: 1.3em;
	font-size: 80%;
}

#top.index #contents div.supporter p.lead {
	padding-left: 23px;
	background: url(../images/icon_balloon02.gif) no-repeat left top;
}

#top.index #contents div.supporter p.lead,
#top.index #contents div.supporter p.name {
	font-size: 100%;
}

#top.index #contents div.supporter p.belong,
#top.index #contents div.supporter p.name {
	color: #0050CB;
}

#top.index #contents div.supporter p.read-more,
#top.index #contents div.report p.read-more {
	margin-bottom: 0.5em;
}

#top.index #contents div.supporter ul.circle {
	margin: 0 1em 1em 2.2em !important;
}

/* div.info : お知らせ
/* div.event : 活動内容
----------------------------------------------------------- */
#top.index #contents div.event {
	padding: 10px 40px;
}
#top.index #contents div.info {
	text-align: left;
}
#top.index #contents div.event h2 {
	margin: 0 0 .5em 0;
	padding: .5em .5em .3em;
	font-size: 110%;
	background: #e9f1fd;
	border-left: 10px solid #014eca;
}

#top.index #contents div.info h2,
#top.index #contents div.event h2 {
	color: #333333;
}

#top.index #contents div.event h2 {
	background: url(../images/icon_pencil01.gif) no-repeat left center;
}

#top.index #contents div.info dl,
#other.information #contents div.info dl,
#top.index #contents div.event dl {
	line-height: 1.5em;
	width: auto;
}


#top.index #contents div.info dl dd,
#other.information #contents div.info dl dd,
#top.index #contents div.event dl dd {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px dotted #c2c2c2;
	width: auto;
}

#top.index #contents div.info dl dd span,
#other.information #contents div.info dl dd span,
#top.index #contents div.event dl dd span {
	display: block;
	margin: 0 0 0 1em;
}
#column dl {
	width: 100%;
}
#column h1 {
	position: relative;
}
#column h1 span {
	display: block;
    font-size: 60%;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    left: 50%;
	top: 160%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.Grid{
  width: 100%
}
.object_fit_img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.tcbox {
	float: left;
width: 23%;
	margin-right: 2%;
}
.tcbox .data { 
font-size:80%;
}
.tcbox .title {
height:5rem;
}
.tcbox .name a { 
font-size:80%;
text-decoration: none;
color: #666;
}
.tcbox .image { 
    border: 1px solid #ccc;
    margin-top: .5rem;
	width: 100%;
	height: 200px
}
.tcbox .image img {
width:100%!important;
height: 100%;
-o-object-fit:cover;
   object-fit:cover;
margin:0!important;
} 
.gc1 { -ms-grid-column-span: 1; grid-column: 1 span; }
.gc2 { -ms-grid-column-span: 2; grid-column: 2 span; }
.gc3 { -ms-grid-column-span: 3; grid-column: 3 span; }
.gc4 { float: left;
    width: 30%; }
.gc5 { -ms-grid-column-span: 5; grid-column: 5 span; }
.gc6 { float: left;
    width: 48%;
    margin: 0 1%; }
.gc7 { -ms-grid-column-span: 7; grid-column: 7 span; }
.gc8 { float: left;
    width: 68%;
    margin-right: 2%; }
.gc9 { -ms-grid-column-span: 9; grid-column: 9 span; }
.gc10 { -ms-grid-column-span: 10; grid-column: 10 span; }
.gc11 { -ms-grid-column-span: 11; grid-column: 11 span; }
.gc12 { -ms-grid-column-span: 12; grid-column: 12 span; }
#column .section img {
	width: 95%;
	margin-top:3rem;
}

#column.index #contents div.col {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 0 3em 0;
	padding: 10px 0 ;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#column.index #contents div.col img {
	width: 130px;
	float: left;
}
#column.index #contents p.txt {
	margin-left: 140px;
}
#column.index #contents p.txt span {
	display: block;
	margin-bottom: .1em;
	text-align:left;
}
#column.index #contents p.txt span.name {
	font-size: 1.8rem;
	font-weight: bold;
	color: #01317d;
	text-align:left;
}
/* for IE6 */
* html #top.index #contents div.info dl dd,
* html #other.information #contents div.info dl dd,
* html #top.index #contents div.event dl dd {
	padding-left: 0;
}

/* for IE6 */
* html #top.index #contents div.info dl dd,
* html #other.information #contents div.info dl dd,
* html #top.index #contents div.event dl dd {
	display: inline-block;
	zoom: 1;
}

/* clearfix */
#top.index #visual:after,
#top.index #contents:after,
#top.index #contents div.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#top.index #visual,
#top.index #contents,
#top.index #contents div.section {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #top.index #visual,
* html #top.index #contents,
* html #top.index #contents div.section {
	height: 1%;
}

#top.index #visual,
#top.index #contents,
#top.index #contents div.section {
	display: block;
}
/* End hide from IE-mac */

/* ===========================================================
	body#activity : 活動紹介
=========================================================== */
/* body.index	: 活動紹介
----------------------------------------------------------- */
#activity.index #contents ul.square dl {
	margin-left: 1em;
}

#activity.index #contents ul.square ul {
	margin-left: 2em;
}

#activity.index #contents ul.square li li {
	list-style: disc;
	font-size: 90%;
	line-height: 1.5em;
}

#activity.index div.section02 h2 {
	margin: 0;
	padding: 0;
	color: #333333;
	background: none;
}

#activity.index div.section02 div.text {
	margin-right: -315px;
	float: left;
	width: 100%;
}

#activity.index div.section02 div.text p {
	margin-right: 315px;
	position: relative;
}

#activity.index div.section02 p.banner {
	float: right;
	width: 300px;
}

/* clearfix */
#activity.index div.section02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#activity.index div.section02 {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #activity.index div.section02 {
	height: 1%;
}

#activity.index div.section02 {
	display: block;
}
/* End hide from IE-mac */

/* body.event	: イベント活動
----------------------------------------------------------- */
#activity.event div.latest p,
#activity.event div.past p {
	margin-bottom: 0.5em;
}

#activity.event div.latest p.date,
#activity.event div.past p.date {
	padding-left: 25px;
	line-height: 20px;
	height: 20px;
	background: url(../images/bg_time.png) no-repeat left center;
}

/* 開催予定のイベント */
#activity.event div.latest {
	padding: 10px;
	background: #DEEDFF;
}

#activity.event div.latest p.title {
	padding-left: 35px;
	background: url(../images/icon_memo.gif) no-repeat left center;
}

/* 過去のイベント */
#activity.event div.past {
	margin-bottom: 1.2em;
	padding-bottom: .2em;
	border-bottom: 1px dotted #c5c5c5;
}

/* for IE7 */
*:first-child+html #activity.event div.past {
	border-bottom: none;
}
#activity.event .photo li { 
	list-style: none;
	margin-bottom: 1rem;
}
#activity.event div.past div.photo {
	margin-right: 10px;
	float: left;
}

#activity.event div.past div.photo p {
	margin-bottom: 1em;
	border: 1px solid #AAAAAA;
}

#activity.event div.past div.text {
	padding-left: 230px;
}

#activity.event div.past p.title {
	color: #01317d;
	font-size: 110%;
	font-weight:bolder;
}
#activity.event .sponsor,
#activity.event .info {
	text-align: left;
  margin-bottom: 1rem;
}

/* clearfix */
#activity.event div.past:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#activity.event div.past {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #activity.event div.past {
	height: 1%;
}

#activity.event div.past {
	display: block;
}
/* End hide from IE-mac */


/* body.casestudy	: 事例紹介
----------------------------------------------------------- */
#activity.casestudy div.section div.textArea{
	margin:20px 0 30px;
	overflow:hidden;
	display:block;
}

#activity.casestudy div.section div.textArea:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#activity.casestudy div.section div.textArea p.photo{
	float:left;
	margin-right:25px;
}


#activity.casestudy div.listBoxL{
	margin:20px -16px 25px 0;
	clear:both;
	overflow:hidden;
}

/*#activity.casestudy div.listBoxL h3{
	background:#deedff url(../../activity/casestudy/images/icon_arrow_case01.gif) 5px 0.7em no-repeat;
	border-top:2px solid #0050cb;
	padding:5px 1.5em;
}*/

#activity.casestudy div.listBoxL h3 span{
	font-weight:normal;
}

#activity.casestudy div.listBoxL p.thum{
	margin-top:15px;
	width:218px;
	float:left;
}

#activity.casestudy div.listBoxL div.textArea{
	margin:15px 15px auto 238px;
	width:auto;
}

#activity.casestudy div.listBoxL div.textArea p.read-more{
	text-align:left;
}

#activity.casestudy div.listBoxS{
	margin:5px 0 30px 0;
	clear:both;
	background:url(../../activity/casestudy/images/bg_case_sml.gif) top left repeat-y;
	display:block;
	padding:10px 20px 10px 20px;
	overflow:hidden;
	zoom:1;
	letter-spacing:normal;
}


#activity.casestudy div.listBoxS p.thum img{
	float:left;
	margin:0;
}

#activity.casestudy div.listBoxS div.textArea{
	margin:-0.5em 0 0 90px;
	overflow:hidden;

}

#activity.casestudy div.listBoxS div.textArea h3{
	font-weight:normal;
	background:#FFF url(../../activity/casestudy/images/icon_arrow_case02.gif) 5px 0.5em no-repeat;
	margin-top:0;
}

#activity.casestudy div.listBoxS div.textArea p{
	margin-left:1.2em;
	margin-bottom:0;
}

#activity.casestudy div.listBoxL:after,
#activity.casestudy div.listBoxS:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}




/* ===========================================================
	body#organization : 組織概要
=========================================================== */
/* body.index : 組織概要
----------------------------------------------------------- */
#organization.index #contents ul li {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 10px 0 ;
	width: 49%;
	box-sizing: border-box;
}
#organization.index #contents ul li img {
	width: 130px;
	float: left;
}
#organization.index #contents ul li p {
	margin-left: 140px;
}
#organization.index #contents ul li p span {
	display: block;
	margin-bottom: .1em;
	font-size: 1.2rem;
}
#organization.index #contents ul li p span.name {
	font-size: 1.8rem;
	font-weight: bold;
	color: #01317d;
}
	
/* for IE6 */
* html #organization.index #contents ul li {
	display: inline;
	zoom: 1;
}
	
/* for IE7 */
*:first-child+html #organization.index #contents ul li {
	display: inline;
	zoom: 1;
}

#organization.index #contents ul li img {
	display: block;
}

#organization.index #contents ul li p {
	line-height: 1.3em;
	font-size: 90%;
}

/* body.activity : 活動内容
----------------------------------------------------------- */
#organization.activity #contents dl {
	width: auto;
}

#organization.activity #contents dl dt {
	padding-top: 3px;
	float: left;
	width: 8.5em;
}

#organization.activity #contents dl dd {
	padding: 3px 0 3px 9.5em;
	width: auto;
}

/* for IE6 */
* html #organization.activity #contents dl dd {
	padding-left: 0;
}

/* for IE6 */
* html #organization.activity #contents dl dd {
	display: inline-block;
	zoom: 1;
}

/* clearfix */
#organization.activity #contents dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#organization.activity #contents dl {
	display: inline-block;
}
/* Hides from IE-mac \*/

#organization.activity #contents dl {
	height: 1%;
}

#organization.activity #contents dl {
	display: block;
}
/* End hide from IE-mac */

/* body.greeting : 理事長挨拶
----------------------------------------------------------- */
#organization.greeting #contents p.photo {
	float: left;
}

#organization.greeting #contents p.photo img {
	margin: 0 15px 15px 0;
}

/* body.plan : 事業計画
----------------------------------------------------------- */
#organization.plan {
}

/* ===========================================================
	body#apply : 入会案内
=========================================================== */
/* body.index : 入会案内
----------------------------------------------------------- */
#apply.index #contents ul {
	margin: 0 0 1em 2.2em !important;
}

#apply.index #contents p {
	margin: 0 0 1em 1em;
}

#apply.index #contents dl {
	margin-left: 1em;
}

#apply.index #contents dl dd {
	margin: 0 0 0.5em 1em;
}

/* body.article : 定款
----------------------------------------------------------- */
#apply.article #contents dl {
	margin-bottom: 1em;
}

#apply.article #contents dl dt {
	float: left;
	width: 5em;
}

#apply.article #contents dl dd {
	padding-left: 5em;
}

#apply.article #contents dl.type2 dt {
	width: 7em;
}

#apply.article #contents dl.type2 dd {
	padding-left: 7em;
}

#apply.article #contents p.page-top {
	margin-bottom: 1em;
}

/* ===========================================================
	body#organization : 組織概要
=========================================================== */
/* body.index : 組織概要
----------------------------------------------------------- */
#contents .lead {
	text-align: left;
	margin-bottom: 2rem;
}
#contents .item01 {
	margin-bottom: 2rem;
}
#contents .item01 .image p img {
	float: left;
	margin: 0 1em 1em 0;
}


/* ===========================================================
	body#other : その他
=========================================================== */
/* body.event : イベント
----------------------------------------------------------- */
#activity.event #contents h1 {
	padding: 0.3em 0.5em;
	height: auto;
	line-height: normal;
	color: #333333;
}



/* 開催概要 */
#activity.event #contents p.sponsor {
	margin-bottom: 1.5em;
	line-height: 1.5em;
	font-size: 0.9em;
}

#activity.event #contents dl.info,
#activity.event #contents div.lead {
	margin: 0 0 1em 1em;
	padding: 0.5em 1em;
}

#activity.event #contents dl.info {
	border-left: 5px solid #999999;
	line-height: 1.5em;
}

#activity.event #contents dl.info dt {
	float: left;
	width: 8.5em;
}

#activity.event #contents dl.info dd {
	margin: 0 0 0.5em 8.5em;
}

/* for IE6 */
* html #activity.event #contents dl.info {
	border-top: none;
	background: url(../images/bg_ie6_only.gif) repeat-x left top;
}

/* for IE6 */
* html #activity.event #contents dl.info dd {
	display: inline-block;
}

/* for IE7 */
*:first-child+html #activity.event #contents dl.info dd {
	display: inline-block;
}

#activity.event #contents div.lead {
	border: 1px solid #0050CB;
}

#activity.event #contents div.lead p {
	text-indent: 1em;
}

#activity.event #contents div.section {
	padding-left: 1em;
}

#activity.event #contents dl.access dd ul {
	margin-left: 2.2em !important;
}

#activity.event #contents dl.costs dt {
	float: left;
	width: 6.5em;
}

#activity.event #contents div.section div.sup {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

/* 開催記録 */
#activity.event #contents.report p.time {
	padding: 0 0 3px 25px;
	border-bottom: 1px solid #999999;
	height: 19px;
	line-height: 19px;
	background: url(../images/bg_time.gif) no-repeat left center;
}

#activity.event #contents.report div.timetable {
	margin-bottom: 0.5em;
	padding: 5px 0 0 27px;
	background: url(../images/bg_dot.gif) repeat-y 8px top;
}
#activity.event #contents.report div.timetable h4 {
	border: none;
}
#activity.event #contents.report div.outline {
	margin-bottom: 1.5em;
	padding: 1em 1.5em;
	border: 1px solid #CCCCCC;
}

#activity.event #contents.report div.outline p,
#activity.event #contents.report div.outline ul,
#activity.event #contents.report div.outline ol {
	margin-bottom: 1em;
}

#activity.event #contents.report p.rside {
	margin-left: 1em;
}

#activity.event #contents.report p.page-top {
	margin-bottom: 2em;
}

/* body.about : このサイトについて
----------------------------------------------------------- */
#other.about #contents ul.banner {
	margin-left: 1em;
}

#other.about #contents ul.banner li {
	margin-bottom: 0.5em;
	float: left;
	width: 250px;
	font-size: 0.9em;
}

#other.about #contents ul.banner li img {
	display: block;
}

/* clearfix */
#other.about #contents ul.banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#other.about #contents ul.banner {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html #other.about #contents ul.banner {
	height: 1%;
}

#other.about #contents ul.banner {
	display: block;
}
/* End hide from IE-mac */

/* body.accessibility : アクセシビリティポリシー
/* body.privacy : プライバシーポリシー
----------------------------------------------------------- */
#other.accessibility #contents dl,
#other.privacy #contents ol {
	margin-bottom: 2em;
}

/* body.sitemap : サイトマップ
----------------------------------------------------------- */
#other.sitemap #contents ul li {
	padding-left: 17px;
	background: url(../images/icon_arrow03.gif) no-repeat left .3em;
	background-size: 1em;
}

#other.sitemap #contents ul li li li {
	background: url(../images/icon_rule01.gif) no-repeat left 0.5em;
}

/* ===========================================================
	body#english : English
=========================================================== */
#english #contents p {
	margin-bottom: 1em;
}

/*********************************************************************

	2012.12.13追記

*********************************************************************/

div.section p.annotation {
	padding-left:2.5em; 
	text-indent:-2.5em;
}

#header #gnav  .nav-button{
	display:none;
}
#header #gnav .gnav_menu.open {
  display: block;
}
#header #gnav .gnav_menu.close {
    display: table-cell;
}
#header #gnav ul li .sp_nav,
#header #gnav ul li.sp_eng{
	display:none;
}
.seminar dt {
	font-weight: bold;
}
#column .section p {
	margin-top: 3rem;
}
#column .name {
	text-align: right;
}
/*タブレット以下*/
@media screen and (max-width: 1110px){
/*========= 共通要素 =========*/
	img {
width:100%!important;
max-width: 100%;
height: auto;
}
a{
   word-break: break-all;
}
	table {
		width: 100%;
	}
	table td.nowp {
		white-space: normal;
	}
	.tcbox {
		width: 100%;
		margin: 0 0 5rem;
	}
	.tcbox .title {
		height: auto;
	}
	.gc8,
	.gc4,
	.gc6 {
		float: none;
		width: 100%;
		margin: 1rem 0;
	}
.note img {
		width: 50%;
	}
	.banner img {
		width: auto;
	}
	#aside,
	#topicpath {
		display: none;
	}
	p.link-btn a {
		background-size: 1em;
	}
	a.external img {
		width: 1em;
		height: auto;
	}
	h3,
	h4,
	.ml1,
	.ml2,
	.ml25,
	#contents .mType1,
	#apply.index #contents dl dd,
	#apply.index #contents p,
	#apply.index #contents dl {
		margin-left: 0 !important;
	}
	div#footer div.utility-nav {
		width: 100%;
	}
	p.rtext {
		text-align: left;
	}
	p.link-comment a, p.read-more a, p.move a {
		background:url(../images/icon_arrow_orange.png) no-repeat;
		background-size: 1em;
		padding: 0 0 0 1.2em;
		display: block;
		margin-bottom: 1em;
	}
/*=== ヘッダー ===*/
#header {
	padding: 10px 1%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
	background: #fff;
	height: 75px;
}
#header h1,
#header p {
	float: left;
	margin: 0 70px 0 0!important;
	}

#header p.eng {
	width: auto;
	display: none;
	}
/*=== グローバル ===*/
#header #gnav{
	margin:0;
}
#header #gnav{
  position: relative;
	width: 100%;
}
#header #gnav .gnav_menu {
    position: fixed;
    left: 0;
    top: 75px;
    display: none;
    z-index: 790;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
	border-top: 1px solid #ccc;
	overflow: auto;
 -webkit-overflow-scrolling: touch;
}
#gnav a.nav-button:hover {
	border: none;
	text-decoration: none;
	}
#header #gnav .nav-button,
#header #gnav .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
#header #gnav .nav-button {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 800;
    width: 50px;
    height: 36px;
  }
#header #gnav .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #666;
  }
#header #gnav .nav-button p{
    position: absolute;
	font-size: 1.2rem;
    bottom: -1.8em;
    color: #666;
    font-weight: bold;
	width: 100%;
	float: none;
	left: 0;
}
#header #gnav .nav-button span:nth-of-type(1) {
    top: 0;
  }
#header #gnav .nav-button span:nth-of-type(2) {
    top: 16px;
  }
#header #gnav .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
#header #gnav .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }
#header #gnav .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
#header #gnav .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }

#header #gnav ul li{
    display: block;
    float: none;
    width: 100%;
	margin: 0;
}
#gnav a,
.gnav_menu li a {
	display: block;
	padding: 1rem !important;
	background: none;
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
}
#header #gnav .gnav_menu.open {
  display: block;
}
#header #gnav .gnav_menu.close {
  display: none;
}
#top #header #gnav ul li.sp_eng,
#header #gnav ul li .sp_nav{
  display: block;
}
.page_hole #header #gnav .nav_menu{
	display:none;
}
	#header #gnav ul li ul.sp_nav li a {
		margin-left: 1rem;
	}
#header #gnav ul li ul.sp_nav.open li a .txt{
	padding:0;
}
#header #gnav ul li ul.sp_nav.open li{
    border-top: 1px solid #fff;
}
#gnav .gnav_menu li a {
		font-size: 1.6rem;
	}
	.utility-nav ul li a {
		font-size: 1.2rem;
	}
	#activity.event .sp_nav li.event a,
#activity.quality .sp_nav li.quality a,
#activity.education .sp_nav li.education a,
#activity.casestudy .sp_nav li.casestudy a,
#activity.collaboration .sp_nav li.collaboration a,
#organization.system .sp_nav li.system a,
#organization.activity .sp_nav li.activity a,
#organization.foundation .sp_nav li.foundation a,
#organization.greeting .sp_nav li.greeting a,
#organization.plan .sp_nav li.plan a,
#organization.members .sp_nav li.members a,
#organization.report .sp_nav li.report a,
#apply.article .sp_nav li.article a,
#apply.step .sp_nav li.step a {
	background: #fff;
	color: #333333 !important;
}
	#english #gnav {
		display: none;
	}
/*========= 共通ページ =========*/
	#main {
		padding-top:80px;
		width: 100%;
		box-sizing: border-box;
	}
	div#contents {
	margin-top:-80px;
  padding:80px 1rem 1rem;
	}
	
	h1,
	#top.index #mainimage h2.catch {
		margin-top: 1em;
	}
	#top.index #contents div.info dl dd, #other.information #contents div.info dl dd, #top.index #contents div.event dl dd {
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
		line-height: 1.6;
		border-bottom:.1em dotted #c2c2c2;
	}
	/*========= トップページ =========*/
	#top.index #mainimage {
		padding: 80px 1rem 1rem;
	}
	#top #main {
		margin: 0;
		padding-top: 0;
	}
	#top.index #visual {
		padding: 2em 1em;
	}
	div.btn-area p {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 2em 0;
	}
	div.btn-area p a {
		margin: 1rem;
}
	
/*========= 活動内容他 =========*/
	#contents .item01 .image p:first-of-type {
		text-align: center;
	}
	#contents .item01 .image p img {
		width: 80%;
		margin: 0 0 1em 0;
		float: none;
	}
	#activity.casestudy div.listBoxL {
		margin: 1rem 0 2rem;
	}
	#activity.casestudy div.section div.textArea p.photo,
	#organization.greeting #contents p.photo,
	#activity.casestudy div.listBoxL p.thum {
		margin: 0;
		float: none;
		width: auto;
		text-align: center;
	}
	#activity.casestudy div.section div.textArea p.photo img,
	#organization.greeting #contents p.photo img,
		#activity.casestudy div.listBoxL p.thum img {
		width: 80%;
		margin: 0 0 1rem 0;
	}
	#activity.casestudy div.listBoxL div.textArea {
		margin: 1rem 0 0;
	}
	#organization.activity #contents dl dt,
	#apply.article #contents dl dt,
	#apply.article #contents dl.type2 dt {
		float: none;
		width: auto;
	}
	#organization.activity #contents dl dd,
	#apply.article #contents dl dd,
	#apply.article #contents dl.type2 dd {
		padding: .5rem 0;
	}
	#activity.event #contents div.section {
		padding: 0;
	}
	#activity.event #contents dl.info, #activity.event #contents div.lead {
		margin: 0 0 1em 0;
	}
	#other.event #contents div.section {
		padding: 0;
	}
	#organization.index #contents ul li {
		width: 100%;
	}
}