@charset "utf-8";

.square {
	color: rgb(100,180,90);
	border: 1px solid rgb(100,180,90);
}
.square.title{
	padding: .5em .4em .2em .5em;
	margin-bottom: .2em;
	line-height: 1.1;
}
.square.title > span{
	display: inline-block;
}
.square.link{
	margin-top: .5em;
	display: inline-block;
	transition: all ease .1s;
}
.square.link a{
	display: block;
	padding: .1em .6em .1em;
	color: inherit;
}
.square.link:hover{
	background-color: rgb(100,180,90);
}
.square.link a:hover{
	color: #EBF0F0;
}
.adjust .line-left{
	padding-top: 1.1rem;
}
.adjust .hyphen-left{
	top: 2rem;
}


#sub-title-area .sub-title-top:before{
	width: calc(100% + 4rem + 30px);
}
#sub-title-area .sub-title-top:after{
	width: calc(100% + 4rem);
}

#sub-title div table th{
	width: 8em;
}

.history-top {
	margin-left: 140px;
}

.history-table {
	width: 100%;
	color: rgb(80,80,80);
}

.history-table {
	border-spacing: 0;
}

.history-table tr {
	margin-bottom: .6em;
	vertical-align: top;
}

.history-table th {
	font-weight: normal;
	color: #00AA5A;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: .1em;
	text-align: left;
	padding-bottom: .5em;
}

span:not([class]){
	display: inline-block;
	text-indent: 0;
}



.line {
	width: 100%;
	margin-bottom: .6em;
}

.line-left {
	min-width: 3.2em;
	width: 11%;
	border-right: 1px solid rgb(100,180,90);
}

.line-center {
	position: relative;
	width: 63%;
	padding-left: 1em;
	padding-right: 1rem;
	padding-top: .5em;
	padding-bottom: 1em;
	border-right: 1px dotted rgb(80,80,80);
}
.line-center .large{
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1;
}
.line-center span:not([class]){
	display: inline-block;
	text-indent: 0;
}

.hyphen-left {
	position: absolute;
	height: 1px;
	width: 1em;
	border-top: 1px solid rgb(100,180,90);
	left: -.5em;
	top: 1.2em;
}
.line-center ul{
	list-style:initial;
	padding-left: 1.6rem;
	margin-bottom: .3em;
}
.line-center a.note{
	vertical-align: super;
	font-size: .7em;
}



.line-right {
	padding-left: 1em;
	padding-top: .5em;
	width: 26%;
}
.line-right .smallL{
	text-align: justify;
}

.on-hyphen-right {
	position: relative;
}

.hyphen-right {
	position: absolute;
	height: 1px;
	width: 1em;
	border-top: 1px solid rgb(80,80,80);
	right: -1.5rem;
	top: 1.2em;
}
.orange .hyphen-right{
	top: .6em;
}
.green .hyphen-right{
	top: 1.5em;
}



.line-right img {
	float: left;
	padding-right: .5em;
}
.remark {
	margin: 0 0 0;
	padding: 5rem 0;
	font-size: .8rem;
	display: flex;
	flex-wrap: wrap;
}
.remark dt{
	width: 2em;
}
.remark dd{
	width: calc(100% - 3em);
}

.left-line {
	border-left: 1px solid rgb(80,80,80);
	padding: 0 0 .5em 1em;
	font-size: .75rem;
}

.left-list {
	width: 13em;
	display: inline-block;
}

.history-etc {
	margin-bottom: 3rem;
	font-size: .95rem;
}
.history-etc p.larges{
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: .5em;
}
.history-etc p.larges span{
	display: inline-block;
	font-weight: inherit;
}
.history-etc .smallL{
	padding-left: 1em;
	display: inline-block;
}
.history-etc ul{
	list-style: disc;
	padding-left: 1.4em;
}



.sals-btn  {
	margin-top: .5em;
}

.sals-btn a {
	color: white;
	display: inline-block;
	text-align: center;
	font-size: .8rem;
	line-height: 1.1;
	border-radius: 1em;
	background: #FF8C46;
	padding: .5em 1em .25em;
	transition: all .1s ease;
}

.sals-btn a:hover {
	background: #fb5;
}

#year2006 + tr .line-center,
#year2009 + tr .line-center{
    padding-top: 0;
}

#year2014 .line-right img{
	width: 32%;
	height: auto;
}
#year2014 .line-right .blue{
	font-weight: bold;
	line-height: 1.3;
	font-size: .9em;
}
#year2014 .line-right .blue + .smallL{
	font-weight: bold;
}
#year2014 .line-right .smallL + .smallL{
	clear: left;
	padding-top: .5em;
}

/* link // add 20170126 by ns */
a.link{
	display: inline-block;
	line-height: 1.1;
	padding: .5em 1em .4em;
	margin-top: .5em;
	color: white;
	border-radius: 1.1em;
	transition: ease .3s;
}
#hello a.link{
	background-color: rgb(220,100,60);
}
#hello a.link:hover{
	background-color: rgb(240,150,100);
}
#ws a.link{
	background-color: #FF8C46;
}
#ws a.link:hover{
	background-color: #fb5;
}


@media screen and (max-width: 1000px) and (min-width: 600px) {
	.history-table{
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		width: calc(100% - 3rem);
	}
	.remark,
	.history-etc{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}