@charset "shift_jis";

#history{
	padding:0 0 4vw;
}
#history .heading{
    padding:6vw 4vw;
    font-size:5vw;
    font-weight:bold;
    color:#4d4d4d;
    background:#f9efe5;
}

/********** 外側 **********/
#history .history-outer{
	padding:4vw 4vw 0;
}

/********** タブ **********/
#history .history-tab{
	overflow:hidden;
}
#history .history-tab ul{
	width:95vw;
}
#history .history-tab ul li{
	float:left;
	position:relative;
}
#history .history-tab ul li .tab-btn{
	display:block;
	background:#b3b3b3 url(../../images/page/history/bg-tab2.png) no-repeat 100% 0;
	background-size:auto 100%;
}
#history .history-tab ul li .tab-btn1{
	padding:2vw 3.5vw 2vw 2vw;
	background:#b3b3b3 url(../../images/page/history/bg-tab3.png) no-repeat 100% 0;
	background-size:auto 100%;
}
#history .history-tab ul li .tab-btn2{
	padding:4vw 3vw 4vw 0;
}
#history .history-tab ul li .tab-btn3{
	padding:4vw 3vw 4vw 0;
}
#history .history-tab ul li .tab-btn4{
	padding:4vw 3vw 4vw 0;
}
#history .history-tab ul li .tab-btn5{
	padding:2vw 2vw 2vw 0;
	background:#b3b3b3;
}
#history .history-tab ul li .tab-btn1.tab-btn-current{
	background:#e60012 url(../../images/page/history/bg-tab1.png) no-repeat 100% 0;
	background-size:auto 100%;
}
#history .history-tab ul li .tab-btn-current{
	background:#e60012 url(../../images/page/history/bg-tab1.png) no-repeat 100% 0;
	background-size:auto 100%;
}
#history .history-tab ul li .tab-btn5.tab-btn-current{
	background:#e60012;
}
#history .history-tab ul li img{
	display:block;
}

#history .history-tab ul li a{
	display:block;
	position:relative;
}
#history .history-tab ul li:nth-of-type(1) a{
}
#history .history-tab ul li:nth-of-type(2) a{
}
#history .history-tab ul li:nth-of-type(3) a{
}
#history .history-tab ul li:nth-of-type(4) a{
}
#history .history-tab ul li img{
	max-width:none;
	width:auto;
	height:4vw;
}

/********** メイン画像 **********/
#history .bnr-main{
	padding:0 0 2vw;
	overflow: hidden;
}
#history .bnr-main img{
	position: relative;
    width: 160%;
    max-width: none;
    left: -30%;
}

/********** 見出し **********/
#history h2{
	padding:0 0 2vw 0.5vw;
}
#history h2 img{
	width:40vw;
}

#history .history-inner{
	background:#fff7e7 url(../../images/page/history/bg-dot.png) repeat-y 17.5vw -0.5vw;
	background-size:0.75vw auto;
}

/********** 歴史リスト **********/
/*#history .history-list ul li .indent{
	text-indent:-0.7em;
	padding-left:0.7em !important;
	display:block;
}*/
#history .history-list ul li .date{
    border-bottom: solid 2px #e1e1e1;
	padding:0;
	margin:0;
}
#history .history-list ul li .icon-txt{
	padding:3vw 0;
}
#history .history-list ul li .icon-txt span{
	background:#E60012;
	color:#ffffff;
	font-size:4vw;
	padding:1vw 3vw;
}
#history .history-list ul{
	padding:3vw 3vw 0 1.5vw;
}
#history .history-list ul li{
	padding:0 0 3vw;
}
#history .history-list ul li .year{
	float:left;
	width:18.5vw;
	margin:2vw 0 0;
	padding:0 0 0 0;
	background:url(../../images/page/history/icon-point.png) no-repeat 100% 0;
	background-size:auto 100%;
}
#history .history-list ul li .year img{
	display:block;
	width:15vw;
	height:auto;
}
#history .history-list ul li .img-fukidashi{
	position:absolute;
	top:2vw;
	left:-4vw;
	z-index:2;
}
#history .history-list ul li .img-fukidashi img{
	width:4vw;
}
#history .history-list ul li .txt-history{
	position:relative;
	float:right;
	width:65vw;
	font-size:4vw;
	font-weight:bold;
}
#history .history-list ul li .txt-history .txt-history-box{
	position:relative;
	min-height:4vw;
	background:#fff;
	padding:2.5vw 3vw;
	box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2);
}
#history .history-list ul li .txt-history .txt p{
	padding:0 0 1.5vw 0.7em;
	margin:0;
	text-indent:-0.7em;
}
#history .history-list ul li .txt-history .txt p.sp-no-indent{
	padding:0;
	text-indent:0;
}
#history .history-list ul li .txt-history .txt .mark1{
	color:#e60010;
}