@charset "UTF-8";

.contents{ width: 1000px; min-height: 800px; /*height: 2350px;*//* height: auto; */ margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}

.articles{ padding: 30px 0 10px;}
.articles2{ padding: 10px 0;}
.title{ font-size: 1.6rem; height: 40px; line-height: 1.8; vertical-align: middle; padding: 6px 0 0;}
.sub-title{ font-size: 2.8rem; margin-top: 20px; margin-bottom: 10px;}
.article-title{ font-size: 2.0rem; margin-top: 20px; margin-bottom: 10px;}
.note{ font-size: 2.0rem;}
.item-title{ font-size: 2.4rem; margin-bottom: 10px;}
.fee{ margin-top: 10px; margin-left: 1.5em;}

.articles p,
.articles2 p{ font-size: 1.4rem; line-height: 1.8;}
.articles p.indent,
.articles2 p.indent{ text-indent: -1.5em; margin-left: 1.5em;}
.articles p.introduction,
.articles2 p.introduction{ font-size: 1.8rem; margin-bottom: 20px;}

.link-list{ margin-top: 0px;}
.link-list .list-item{ font-size: 1.4rem; line-height: 1.8;}

.link{ margin-top: 10px;}
.link .link-item-pdf{ padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}

.strong{ font-size: 1.5rem}
.strong2{ font-size: 1.5rem; color: #DD6673; font-weight: bold;}

.area-name{ font-weight: bold;}

.schedule-table-wrapper{ margin-top: 40px;}
.schedule-table-wrapper2{ margin-top: 0;}
.schedule-table-wrapper .tel{ margin-left: 6em;}
table.schedule-table{ border-collapse: collapse;border-spacing:0px; margin-top: 10px;}
table.schedule-table th,table.schedule-table td{ font-size: 1.4rem; padding:10px; border:1px solid #C4C4C4; width:170px; text-align: center;}
table.schedule-table .heading{ font-weight: normal; background: #ECF4D9;}
table.schedule-table .category{ font-weight: normal; background: #FFFCDB;}
table.schedule-table .date{ text-align: right; /*padding-left: 10px;*/ width: 200px;}
table.schedule-table .date-long{ text-align: right; /*padding-left: 40px;*/ width: 370px;}
table.schedule-table .location{ width: 410px; text-align: center; /*padding-left: 4em;*/}

table.schedule-table-all{ border-collapse: collapse;border-spacing:0px; margin-top: 10px;}
table.schedule-table-all th,table.schedule-table-all td{ font-size: 1.4rem; padding:5px; border:1px solid #C4C4C4; /*width:170px;*/ text-align: center;}
table.schedule-table-all .heading{ font-weight: normal; background: #ECF4D9;}
table.schedule-table-all .category{ font-weight: normal; background: #FFFCDB;}
table.schedule-table-all .tel2{ width: 120px;}
table.schedule-table-all .completion{ font-size: 1.2rem; color: #DD6673; font-weight: bold;}

#tabAccordion { margin: 40px auto 0;width: 1000px; /*height: 1200px;*/ height: 12000px; position: relative;}

#tabAccordion dl {top: 0; left: 0; width:100%; position: absolute;}
#tabAccordion dl dt{ top: 0; left: 0; font-weight: bold; position: absolute; box-sizing: border-box; overflow: hidden; font-size: 1.5rem;}
#tabAccordion dl dt i{ opacity: 0.5;}
#tabAccordion dl dt a:hover{opacity: 0.5; text-decoration: none;}

#tabAccordion dl:nth-child(1) dt{ text-align: center;}
#tabAccordion dl:nth-child(1) dt a{color:#666;/* background: #F8F8F9;*/ text-align: center;}
#tabAccordion dl:nth-child(1) dd{ background: #FFF;}
#tabAccordion dl:nth-child(2) dt{ text-align: center;}
#tabAccordion dl:nth-child(2) dt a{color:#666;/* background: #F8F8F9;*/ text-align: center;}
#tabAccordion dl:nth-child(2) dd{ background: #FFF;}
#tabAccordion dl:nth-child(3) dt{ text-align: center;}
#tabAccordion dl:nth-child(3) dt a{color:#666;/* background: #F8F8F9;*/ text-align: center;}
#tabAccordion dl:nth-child(3) dd{ background: #FFF;}
#tabAccordion dl:nth-child(4) dt{ text-align: center;}
#tabAccordion dl:nth-child(4) dt a{color:#666;/* background: #F8F8F9;*/ text-align: center;}
#tabAccordion dl:nth-child(4) dd{ background: #FFF;}
#tabAccordion dl:nth-child(5) dt{ text-align: center;}
#tabAccordion dl:nth-child(5) dt a{color:#666;/* background: #ECF4D9;*/ text-align: center;}
#tabAccordion dl:nth-child(5) dd{ background: #FFF;}


#tabAccordion dl dt a {display: block;padding: 5px 0;text-align: center;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}

#tabAccordion dl dt.btnAcv a{color: #fff;}
#tabAccordion dl:nth-child(1) dt.btnAcv a{background: #69BB45; }
#tabAccordion dl:nth-child(2) dt.btnAcv a{background: #69BB45; }
#tabAccordion dl:nth-child(3) dt.btnAcv a{background: #69BB45; }
#tabAccordion dl:nth-child(4) dt.btnAcv a{background: #69BB45; }
#tabAccordion dl:nth-child(5) dt.btnAcv a{background: #69BB45; }
#tabAccordion dl dt.btnAcv i{opacity: 1; color: #69BB45;}

#tabAccordion dl dd {top: 75px; left: 0px; padding: 0px; width: 1000px;text-align: center; display: none;color: #000; position: absolute; box-sizing: border-box;background:#fff; text-align: left;}

.link{ margin-top: 30px;}
.link-item-page{ margin-left: 16px; padding-left: 14px; background: url(../images/triangle.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}
.link-item-pdf{ padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}

.articles a:link,
.articles a:visited{
	text-decoration: underline;
}
.articles2 a:link,
.articles2 a:visited{
	text-decoration: underline;
}

.articles a:hover,
.articles a:active,
.articles a.ton{
	text-decoration: none;
}
.articles2 a:hover,
.articles2 a:active,
.articles2 a.ton{
	text-decoration: none;
}


@media only screen and (min-width: 768px) {/*PC*/

#tabAccordion.manager dl dt {width: 200px;}
#tabAccordion.manager dl:nth-child(1) dt {left: 0px;}
#tabAccordion.manager dl:nth-child(2) dt {left: 200px;}
#tabAccordion.manager dl:nth-child(3) dt {left: 400px;}
#tabAccordion.manager dl:nth-child(4) dt {left: 600px;}
#tabAccordion.manager dl:nth-child(5) dt {left: 800px;}
#tabAccordion dl dt a{border-left: 1px solid #CCC;}
#tabAccordion dl:last-child dt a{border-right :1px solid #CCC;}

}

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

.contents{ width: 90%; margin-top: 100px;}
.heading{ font-size: 3.0rem; margin-top: 20px;}

.articles,
.articles2{ margin: 0;}
.title{ font-size: 1.6rem; width: 100%; height: auto; padding: 0;}
.sub-title{ font-size: 2.4rem; margin-bottom: 0;}
.item-title{ font-size: 2.4rem; margin-bottom: 10px;}

.swipe-img{ text-align: center; margin-top: 10px;}
.schedule-table-wrapper,
.schedule-table-wrapper2{
	padding: 0px 0 20px;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	}

#tabAccordion { width: 100%; height: auto; margin:auto; padding-top: 20px; padding-bottom:15px;}
#tabAccordion dl { top: auto; left: auto; width: 100%; margin:auto;position: relative; box-sizing: border-box;}
#tabAccordion dl dt { top: 0; left: 0; width: 100%; position: relative; text-align: left; font-size: 1.2rem;}
#tabAccordion dl dt i{ display: none}
#tabAccordion dl dt a { text-align: left; border: 1px solid #ccc; padding:12px;}
#tabAccordion dl dd { top: auto; left: auto; padding: 0; width: 100%; height: auto; position: relative; display: none; overflow: hidden;}
#tabAccordion dl dt a:after{ font-size: 12px; position: absolute; right: 12px; top: 16px;}
#tabAccordion dl dt > a:after{ content: "OPEN ▼"; font-family: 'Fira Sans Condensed', sans-serif; color: #999;}
#tabAccordion dl dt.btnAcv a:after{ content: "CLOSE ▲"; font-family: 'Fira Sans Condensed', sans-serif; color: #ececec;}

#tabAccordion dl:nth-child(1) dt a{ text-align: left;}
#tabAccordion dl:nth-child(2) dt a{ text-align: left;}
#tabAccordion dl:nth-child(3) dt a{ text-align: left;}
#tabAccordion dl:nth-child(4) dt a{ text-align: left;}
#tabAccordion dl:nth-child(5) dt a{ text-align: left;}
}