@charset "utf-8";

.note{
  margin-bottom: 15px;
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}

/*-------------------------------------------------------
about
-------------------------------------------------------*/

.side_nav .sub_nav ul li.link_inner{
	font-weight:normal;
}

.wysiwyg a.pagelink{
	background-color: #01817c;
	border-radius: 5px;
	border: solid 1px #01817c;
	color: #fff!important;
	display: inline-block;
	font-size: 18px;
	margin: 0 10px 10px 0;
	padding: 3px 10px;
	text-decoration: none!important;
	transition: opacity 0.5s;
}

.wysiwyg a.pagelink:hover{
	background-color: #fff;
	color: #01817c!important;
}

.wysiwyg a.name{
	display: block;
}

.wysiwyg h3 {
	font-size: 18px;
	font-size: 1.8rem;
	padding: .3em 10px .2em;
	margin-bottom:20px;
}

.wysiwyg h4{
	margin-bottom:20px;
}

.wysiwyg h4::after {
    left: 25px;
    border: 6px solid transparent;
    border-top: 9px solid #01817c;
}

.wysiwyg h5 {
    font-size: 18px;
    font-size: 1.8rem;
	margin-bottom:10px;
}

.wysiwyg h6.mb20{
	margin-bottom:20px;
}

.wysiwyg p.mb_none{
	margin-bottom:0;
}

.bold{
	font-weight:bold;
}

span.txt{
	display:block;
	margin-bottom:10px;
}

.list_no li span.indent{
	padding-left:1.2em;
	display:block;
}

.in_inner .list_disc a{
	text-decoration: underline;
}

.in_inner .list_disc a:hover{
  text-decoration: none;
}


/* -- index -- */

ul.about-list{
	overflow:hidden;
	font-size:0;
}
ul.about-list li{
	width:48.5%;
	display:inline-block;
	vertical-align:top;
	margin-right:3%;
	margin-bottom:20px;
	font-size:15px;
	font-size:1.5rem;
}
ul.about-list li:nth-child(2n){
	margin-right:0%;
}
ul.about-list > *:first-child + * {
	margin-right:0%;
}
ul.about-list > *:first-child + * + * + * {
	margin-right:0%;
	margin-bottom:5px;
}
ul.about-list li:nth-child(3),
ul.about-list li:nth-child(4){
	margin-bottom:5px;
}
ul.about-list > *:first-child + * + *{
	margin-bottom:5px;
}
ul.about-list li a{
	display:block;
	border:3px solid #dedede;
	padding:15px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
}
ul.about-list li a:hover{
	background-color:#f1f5f5;

}
ul.about-list li a .ttl{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#01817c;
	padding-left:30px;
	margin-bottom:5px;
}
ul.about-list li a .ttl#about01{
	background:url(../img/about_ico01.png) no-repeat 0 bottom;
}
ul.about-list li a .ttl#about02{
	background:url(../img/about_ico02.png) no-repeat 0 bottom;
}
ul.about-list li a .ttl#about03{
	background:url(../img/about_ico03.png) no-repeat 0 bottom;
}
ul.about-list li a .ttl#about04{
	background:url(../img/about_ico04.png) no-repeat 0 bottom;
}


/* -- overview -- */

.wysiwyg p.txt{
	margin-bottom:10px;
}
ul.history-list {
	margin-bottom:30px;
}
ul.history-list li .day{
	float:left;
	margin-right:10px;
	font-weight:bold;
}
ul.history-list li p{
	overflow:hidden;
}
.in_inner{
	padding:0 2%;
}
.list_disc {
	margin-bottom:30px;
}
.list_disc.mb_none{
	margin-bottom:0;
}
.list_disc li a{
	color:#1b4b94;
  text-decoration:underline;
}
.list_disc li a:hover{
	text-decoration:underline;
}

/* -- finance -- */

.basic-ttl{
	margin-bottom:10px !important;
}

@media screen and (max-width : 1000px) {
	.side_nav .ttl {
		background: #01817c url(../img/about-ttl-illust.png) no-repeat right center;
		background-size:20% auto;
	}
}

@media screen and (max-width : 768px) {
	.side_nav .ttl {
		background-size:auto;
	}
	.wysiwyg h3,
	.wysiwyg h5 {
		font-size:16px;
		font-size:1.6rem;
	}

	/* -- index -- */

	ul.about-list li{
		width:100%;
		display:block;
		margin-right:0%;
		margin-bottom:15px;
	}
	ul.about-list > *:first-child + * + * + * {
		margin-bottom:15px;
	}
	ul.about-list li:nth-child(3),
	ul.about-list li:nth-child(4){
		margin-bottom:15px;
	}
	ul.about-list > *:first-child + * + *{
		margin-bottom:0;
	}
	ul.about-list li:nth-child(4){
		margin-bottom:0
	}
	.in_inner{
		padding:0;
	}


	/* -- overview -- */

	ul.history-list li p{
		margin-bottom:10px !important;
	}
	ul.history-list li .day{
		float:none;
		margin:0px !important;
	}

}
