@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main {
	margin-bottom: 153px;
}

#main .comBox {
    max-width: 1158px;
}

.gray-bar{
	margin-bottom: 1em;
    padding: 21px 20px 22px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    background-color: #ECF6F7;
}

.pddBox{
	padding: 2em 2em 4em 2em;
}

.pddBox > .block { padding: 0 0 1em 2em; }

.pddBox h3{
	margin-bottom: 1em;
	font-size: 110%;
}

.pddBox h4{
	margin-bottom: 1em;
	font-size: 110%;
}

.pddBox p{
	margin-bottom: 1.2em;
	padding-left: 0.5em;
}
.pddBox p b{
	line-height: 2;
}

.pddBox p a,
.pddBox li a{
	color: #5ac2db;
	border-bottom: 1px dashed #5ac2db;
}

.pddBox p a:hover,
.pddBox li a:hover{
	opacity: 0.5;
	transition: 0.5s;
}

table.announce{
	border: 1px #ccc solid;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

.pddBox .list,
.pddBox .list2,
.pddBox .list4 {
	margin-bottom: 2em;
}

.pddBox .list li{
	padding-left: 1.8em;
	text-indent: -1.4em;
	margin: 0 1em 0.4em;
}

.pddBox .list2 li{
	padding-left: 1.8em;
	text-indent: -1.4em;
	margin: 0 1em 0.4em;
}

.pddBox .list4 li{
	padding-left: 2.6em;
	text-indent: -2.6em;
	margin: 0 1em 0.4em;
}

.pddBox .list5{
	padding: 0 1em 1em;
}

.pddBox .list5 li{
	padding-left: 1em;
	text-indent: -1em;
}

table.announce tr,
table.announce td,
table.announce th{
	border: 1px #ccc solid;
	padding: 15px 10px;
}

table.announce thead th{
	background-color: #def;
}

table.announce tbody th{
	background-color: #F6F6F6;
}

h3{color: #5ac2db;}

.pageLink {
	border-left: 1px solid #ccc;
    margin: 0 auto 40px;
    font-size: 14px;
    max-width: 800px;
    border-collapse: collapse;
}

.pageLink li {
width: calc( 25% - 5px );
float: left;
border: 1px solid #ccc;
border-left: 0px;
}

.pageLink li a {
display: block;
padding: 0.7em;
text-align: center;
}

.pageLink li a:hover{
	background-color: #ECF6F7;
	transition: 0.4s;
}

#contents dl{
	border-bottom: 1px solid #f1f1f1;
}

#contents dl dt {
margin-right: -12em;
padding: 1.3em 0;
}

#contents dl dt.onlyDt {
padding: 0.2em 0;
}

#contents dl dt.onlyDt:first-of-type {
padding: 1.3em 0 0.2em;
}

#contents dl dt.onlyDt:last-of-type {
padding: 0.2em 0 1.3em;
}

#contents dl dd.addit {
margin-left: 12em;
}

#contents dl dd {
margin-bottom: 5px;
margin-left: 15em;
}

#contents dl dt a {
background-image: url("../../img/arrow_02.gif");
background-repeat: no-repeat;
background-position: 0 0.2em;
padding-left: 20px;
}

#contents a{
	color: #5ac2db;
}

#contents a:hover{
	opacity: 0.5;
	transition: 0.5s;
}

@media screen and (max-width: 767px) {

	#main {
	margin-bottom: 30px;}

	.comBox{
		margin: 0 15px;
	}

	.pddBox{
	padding: 1em 0 1em;}

	.pageTitle01 {
    margin-bottom: 35px;
    }

    .gray-bar{
    font-size: 14px;
    padding: 15px 10px;}

    table.announce tr,
    table.announce td,
    table.announce th{
	padding: 10px;}

	#contents dl dd.addit {
		margin-left: 3em;
	}

	#contents dl dd {
		margin-bottom: 5px;
		margin-left: 5em;
	}
	.pageLink li {
		width: 100%;
		float: none;
		border-bottom: none;
	}

	.pageLink {
    margin: 0 auto 40px;
    max-width: 80%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

}