@charset "utf-8";
/* ****************************************************
index.css
Define container /30th/chairman/index.html
***************************************************** */
	.historyFadeinFactor {
		transform: translateY(100px);
		opacity: 0;
	}
	.historyFadeinFactor.is-visible {
		transform: translateY(0);
		opacity: 1;
		transition: transform 0.5s ease-out 0s, opacity 0.5s ease-out 0s;
	}
@media print, screen and (min-width: 769px) {
	.history_main_image {
		width: 100%;
	}
/* ------------------------------------------------------
 * history_lnavi
------------------------------------------------------ */
	.history_lnavi {
		width: 100%;
		margin-top: 50px;
		display: flex;
	}
	.history_lnavi > li {
		width: calc(100% / 4);
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.history_lnavi > li:first-of-type {
		border-left: 1px solid #ccc;
	}

	.history_lnavi > li > a {
		display: block;
		height: 100%;
		width: 100%;
	}
	.history_lnavi > li > a > .history_lnavi_title_wrap {
		display: table-cell;
		height: 100%;
		padding: 12px 20px 10px 47px;
		background: #ffffff url(/common/images/com_icn49.png) no-repeat 20px 50%;
		vertical-align: middle;
	}

	.history_lnavi_title_wrap > span {
		display: block;
	}
	.history_lnavi_subtitle {
		font-size: 12px;
		font-weight: 700;
		color: #d7063b;
		letter-spacing: .04em;
		line-height: 1.4;
	}
	.history_lnavi_title {
		font-size: 20px;
		font-weight: 700;
		color: #333;
		letter-spacing: .04em;
		line-height: 1.4;
	}
/*-- hover --*/
	.history_lnavi > li > a:hover {
		text-decoration: none;
	}
	.history_lnavi > li > a:hover .history_lnavi_title_wrap {
		background: #ffffff url(/common/images/com_icn86.png) no-repeat 20px 50%;
	}
	.history_lnavi > li > a:hover .history_lnavi_title {
		color: #d7063b;
	}
/* ------------------------------------------------------
 * history_heading02
------------------------------------------------------ */
	.history_lnavi_wrap + .history_section {
		margin-top: 80px
	}
	.history_section {
		margin-top: 53px;
	}
	.history_heading02 {
		margin: 0 0 25px;
	}
	.history_heading02_inner {
		text-align: center;
		position: relative;
		padding: 0 0 20px;
	}
	.history_heading02_inner::before {
		position: absolute;
		bottom: 0;
		background-color: #d7083b;
		content: "";
		width: 60px;
		height: 3px;
		left: 50%;
		margin-left: -60px;
	}
	.history_heading02_inner::after {
		position: absolute;
		bottom: 0;
		background-color: #000;
		content: "";
		width: 60px;
		height: 3px;
		left: 50%;
	}
	.history_heading02_subtitle {
		font-weight: 700;
		font-size: 15px;
		letter-spacing: .04em;
		line-height: 1.6;
		color: #d7063b;
	}
	.history_heading02_title {
		font-weight: 700;
		font-size: 28px;
		line-height: 1.6;
	}
	.history_text {
		text-align: center;
		letter-spacing: .046em;
		line-height: 1.6;
	}
/* ------------------------------------------------------
 * history_timeline
------------------------------------------------------ */
	.history_timeline_wrap {
		margin-top: 40px
	}
/*-- history_timeline_head --*/
	.history_timeline_head {
		display: flex;
	}
	.history_timeline_head_iij,
	.history_timeline_head_society {
		height: 42px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.history_timeline_head_iij {
		width: 788px;
		background: #d7083b;
		margin-right: 36px;
	}
	.history_timeline_head_society {
		width: 376px;
		background: #666;
	}
	.history_timeline_head_iij > span,
	.history_timeline_head_society > span {
		font-size: 18px;
		font-weight: 500;
		color: #fff;
		letter-spacing: .05em;
	}
/*-- history_timeline_area --*/
	.history_timeline_area_wrap {
		background: url("/30th/history/images/index_bg01.jpg")repeat-y;
	}

	.history_timeline_area {
		padding-top: 20px;
	}
/*-- history_timeline_heading --*/
	.history_timeline_heading_subtitle {
		color: #d7083b;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: .035em;
	}
	.history_timeline_heading_title {
		font-size: 26px;
		font-weight: 700;
		letter-spacing: .04em;
		display: flex;
		align-items: center;
	}
	.history_timeline_heading_title > span {
		color: #666;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: .04em;
		padding-left: 1.2em;
		position: relative;
	}
	.history_timeline_heading_title > span::before {
		position: absolute;
		content: "";
		width: 10px;
		height: 2px;
		background: #666;
		margin-top: -1px;
		top: 50%;
		left: 7px;
	}
	.history_timeline_area_head + .history_timeline_area_body{
		margin-top: 22px;
	}
	.history_timeline_area_body + .history_timeline_area_head {
		margin-top: 40px;
	}
	.history_timeline_area_body {
		position: relative;
	}
	.history_timeline_area_body::before {
		content: "";
		position: absolute;
		width: 2px;
		height: 100%;
		left: 6px;
		background-color: #d7063b;
	}
	.history_timeline_area_body:last-of-type {
		padding-bottom: 38px;
	}
/*-- history_timeline_item --*/
	.history_timeline_item {
		display: flex;
		padding-bottom: 38px;
	}
	.history_timeline_item:last-of-type {
		padding-bottom: 0;
	}
	.history_timeline_iij_item {
		width: 788px;
		margin-right: 36px;
		padding: 0 0 0 34px;
	}
	.history_timeline_society_item {
		width: 376px;
		padding: 0 20px;
	}

/*-- history_timeline_year_title --*/
	.history_timeline_year_title {
		display: flex;
		position: relative;
		align-items: center;
		font-size: 28px;
		font-weight: 700;
	}
	.history_timeline_year_title:after {
		content: ""; 
		display: block;
		height: 2px;
		margin-left: .4em;
		background: #ccc;
		flex-grow: 1;
	}
	.history_timeline_iij_item .history_timeline_year_title {
		color: #d7063b;
		padding-left: 34px;
		margin-left: -34px;
	}
	.history_timeline_iij_item .history_timeline_year_title:before {
		content: "";
		position: absolute;
		width: 14px;
		height: 14px;
		background: #d7063b;
		border-radius: 7px;
		top: 35%;
		left: 0;
	}

/*-- history_timeline_date --*/
	.history_timeline_date_item {
		display: flex;
	}
	.history_timeline_year_title + .history_timeline_date_item {
		margin-top: 16px;
	}
	.history_timeline_iij_item > .history_timeline_date_item + .history_timeline_date_item {
		margin-top: 32px;
	}
	.history_timeline_society_item > .history_timeline_date_item + .history_timeline_date_item {
		margin-top: 12px;
	}
	.history_timeline_date {
		width: 87px;
	}
	.history_timeline_date > span {
		font-size: 15px;
		font-weight: 700;
	}
	.history_timeline_iij_item .history_timeline_date {
		color: #d7063b;
	}
	.history_timeline_detail {
		display: flex;
		max-width: 667px;
	}
	.history_timeline_iij_item .history_timeline_detail_text_wrap {
		min-width: 441px;
	}
	.history_timeline_society_item .history_timeline_detail_text_wrap {
		width: 249px;
	}
	.history_timeline_detail_title {
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .038em;
		line-height: 1.4;
	}
	.history_timeline_detail_title.strong_red_title {
		margin-top: -1px;
		font-size: 20px;
		font-weight: 700;
		color: #d7063b;
	}
	.history_timeline_detail_title.strong_title {
		font-size: 18px;
		font-weight: 700;
	}
	.history_timeline_detail_title.normal_title {
		margin-top: 2px;
	}
	.history_timeline_society_item .history_timeline_detail_title {
		margin-top: .15em;
	}
	.history_timeline_detail_text{
		font-size: 15px;
		font-weight: 500;
		letter-spacing: .04em;
		margin-top: .6em;
		line-height: 1.6;
	}
	.history_timeline_iij_item .history_timeline_detail_image_wrap {
		min-width: 206px;
		margin-left: 20px;
	}
	.history_timeline_detail_image img {
		width: 100%;
		vertical-align: bottom;
	}
	.history_timeline_detail_image_caption {
		font-size: 93.33%;
		letter-spacing: .04em;
		line-height: 1.4;
		margin-top: .5em;
	}
	.history_timeline_society_item_sp {
		display: none;
	}
	.history_timeline_detail_image_link {
		display: block;
		position: relative;
	}
	.history_timeline_detail_image_link::after {
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		bottom: 0;
		right: 0;
		background: url(/common/images/com_icn109.png) 50% 50% no-repeat #000;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
		content: "";
	}
	.history_timeline_detail_image_link:hover::after {
		background-color: #d7063b;
	}
}
@media only screen and (max-width: 768px) {
	#cboxLoadedContent {
		padding: 25px 0 0;
	}
	.historyIndex #contents {
		padding: 0 15px 50px
	}
	.history_main_image {
		max-width: 100%;
	}
	.history_main_image >img {
		width: 100%;
	}
 
/* ------------------------------------------------------
 * history_lnavi
------------------------------------------------------ */
	.history_lnavi {
		width: calc(100% + 30px);
		margin: 50px 0 15px -15px;
		display: flex;
		flex-wrap: wrap;
	}
	.history_lnavi > li {
		width: calc(100% / 2);
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.history_lnavi > li:nth-of-type(2n) {
		border-right: none;
	}
	.history_lnavi > li:nth-of-type(n+3) {
		border-top: none;
	}

	.history_lnavi > li > a {
		display: block;
		height: 100%;
		width: 100%;
	}
	.history_lnavi > li > a > .history_lnavi_title_wrap {
		display: table-cell;
		height: 100%;
		padding: 10px 20px 10px 30px;
		background: #ffffff url(/common/images/com_icn49.png) no-repeat 10px 50%;
		vertical-align: middle;
	}
	.history_lnavi_title_wrap > span {
		display: block;
	}
	.history_lnavi_subtitle {
		font-size: 10px;
		font-weight: 700;
		color: #d7063b;
		letter-spacing: .04em;
		line-height: 1.4;
	}
	.history_lnavi_title {
		font-size: 14px;
		font-weight: 700;
		color: #333;
		line-height: 1.6;
	}
/* ------------------------------------------------------
 * history_heading02
------------------------------------------------------ */
	.history_lnavi_wrap + .history_section {
		margin-top: 40px
	}
	.history_section {
		margin-top: 53px;
	}
	.history_heading02 {
		margin: 0 0 20px;
	}
	.history_heading02_inner {
		text-align: center;
		position: relative;
		padding: 0 0 5px;
	}
	.history_heading02_inner::before {
		position: absolute;
		bottom: 0;
		background-color: #d7083b;
		content: "";
		width: 52px;
		height: 3px;
		left: 50%;
		margin-left: -52px;
	}
	.history_heading02_inner::after {
		position: absolute;
		bottom: 0;
		background-color: #000;
		content: "";
		width: 52px;
		height: 3px;
		left: 50%;
	}
	.history_heading02_subtitle {
		font-weight: 700;
		font-size: 11px;
		letter-spacing: .04em;
		line-height: 1.4;
		color: #d7063b;
	}
	.history_heading02_title {
		font-weight: 700;
		font-size: 18px;
		line-height: 1.6;
	}
	.history_text {
		letter-spacing: .04em;
		line-height: 1.5;
	}
/* ------------------------------------------------------
 * history_timeline
------------------------------------------------------ */
	.history_timeline_wrap {
		margin-top: 25px;
	}
	.history_timeline_society_item {
		display: none;
	}
/*-- history_timeline_heading --*/
	.history_timeline_heading_subtitle {
		color: #d7083b;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: .04em;
		line-height: 1.4;
	}
	.history_timeline_heading_title {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: .04em;
		display: flex;
		align-items: center;
		line-height: 1.5;
	}
	.history_timeline_heading_title > span {
		color: #666;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .04em;
		padding-left: 20px;
		position: relative;
		line-height: 1.4;
	}
	.history_timeline_heading_title > span::before {
		position: absolute;
		content: "";
		width: 8px;
		height: 1px;
		background: #666;
		top: 50%;
		left: 5px;
	}
	.history_timeline_head {
		display: none;
	}
	.history_timeline_area_head + .history_timeline_area_body{
		margin-top: 15px;
	}
	.history_timeline_area_body + .history_timeline_area_head {
		margin-top: 25px;
	}
	.history_timeline_area_body {
		position: relative;
	}
	.history_timeline_area_body::before {
		content: "";
		position: absolute;
		width: 2px;
		height: 100%;
		left: 4px;
		background-color: #d7063b;
	}
	.history_timeline_area_body:last-of-type {
		padding-bottom: 38px;
	}
/*-- history_timeline_item --*/
	.history_timeline_item {
		padding: 8px 0 20px;
	}
	.history_timeline_item:last-of-type {
		padding-bottom: 0;
	}
	.history_timeline_iij_item {
		padding: 0 0 0 20px;
	}

/*-- history_timeline_year_title --*/
	.history_timeline_year_title {
		display: flex;
		position: relative;
		align-items: center;
	}
	.history_timeline_year_title > span {
		font-size: 17px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: .038em;
	}
	.history_timeline_year_title:after {
		content: ""; 
		display: block;
		height: 2px;
		margin-left: .6em;
		background: #ccc;
		flex-grow: 1;
	}
	.history_timeline_iij_item .history_timeline_year_title {
		color: #d7063b;
		padding-left: 20px;
		margin-left: -20px;
	}
	.history_timeline_iij_item .history_timeline_year_title:before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		background: #d7063b;
		border-radius: 5px;
		top: 35%;
		left: 0;
	}

/*-- history_timeline_date --*/
	.history_timeline_date_item {
		display: flex;
	}
	.history_timeline_date {
		width: 18%;
	}
	.history_timeline_detail {
		width: 82%;
	}
	.history_timeline_year_title + .history_timeline_date_item {
		margin-top: 14px;
	}
	.history_timeline_iij_item > .history_timeline_date_item + .history_timeline_date_item {
		margin-top: 32px;
	}
	.history_timeline_society_item > .history_timeline_date_item + .history_timeline_date_item {
		margin-top: 12px;
	}
	.history_timeline_date > span {
		font-size: 11px;
		font-weight: 700;
		line-height: 1.4;
	}
	.history_timeline_iij_item .history_timeline_date {
		color: #d7063b;
	}
	.history_timeline_detail_title {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .038em;
		line-height: 1.4;
	}
	.history_timeline_detail_title.strong_red_title {
		margin-top: -1px;
		font-size: 14px;
		font-weight: 700;
		color: #d7063b;
		line-height: 1.6;
	}
	.history_timeline_detail_title.strong_title {
		font-size: 13px;
		font-weight: 700;
	}
	.history_timeline_detail_title.normal_title {
		margin-top: 2px;
	}
	.history_timeline_society_item .history_timeline_detail_title {
		margin-top: .15em;
	}
	.history_timeline_detail_text{
		font-size: 12px;
		font-weight: 500;
		letter-spacing: .04em;
		margin-top: .5em;
		line-height: 1.5;
	}
	.history_timeline_detail_image_wrap {
		margin-top: 16px;
		text-align: center;
	}
	.history_timeline_detail_image img {
		max-width: 100%;
		vertical-align: bottom; 
	}
	.history_timeline_detail_image_caption {
		font-size: 10px;
		letter-spacing: .04em;
		line-height: 1.4;
		margin-top: .8em;
		text-align: left;
	}
	.history_timeline_detail_image_link {
		display: block;
		position: relative;
	}
	.history_timeline_detail_image_link::after {
		display: block;
		position: absolute;
		width: 22px;
		height: 22px;
		bottom: 0;
		right: 0;
		background: url(/common/images/com_icn109.png) 50% 50% no-repeat #000;
		-webkit-background-size: 17px 17px;
		background-size: 17px 17px;
		content: "";
	}
	.history_timeline_society_item_sp {
		margin-top: 15px;
	}
	.history_timeline_society_item_sp_head {
		background: #666;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px 0;
	}
	.history_timeline_head_society {
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		letter-spacing: .04em;
		line-height: 1.6;
	}
	.history_timeline_society_item_sp_body {
		background: #f5f5f5;
		padding: 10px
	}
	.history_timeline_society_item_sp_body .history_timeline_date {
		width: 24%;
	}
	.history_timeline_society_item_sp_body .history_timeline_date_item + .history_timeline_date_item {
		margin-top: 2px;
	}
	.history_timeline_society_item_sp_body .history_timeline_detail {
		width: 76%;
	}
	.history_timeline_society_item_sp_body .history_timeline_date > span {
		font-size: 11px;
		color: #333;
		line-height: 1.45;
	}
	.history_timeline_society_item_sp_body .history_timeline_detail_title {
		font-size: 11px;
		color: #333;
		line-height: 1.45;
	}
}