@charset "utf-8";
/*===============================================
 *	common
===============================================*/
#title-wrapper{background:#EFF1F0;height: 170px;}
#title-wrapper .bg-titlebox{background: url(../img/bg-title-photo.jpg) center center no-repeat;background-size:cover;padding: 4em 0;}
#title-wrapper h1{color: #333;font-size: 40px;text-shadow:0 0 25px #fff,0 0 20px #fff,0 0 0.40px #fff;font-weight: bold;text-align: center;}
.purpose-txtbox{background: #fff;border: #BEAA87 1px solid;padding: 1em;margin-bottom: 2em;}
.purpose-txtbox p.purpose-title{font-size: 22px;font-weight: bold;}
.purpose-txtbox p{font-size: 18px;}
ul.access-list li {background: url(../img/bg-arrow_access.png) 0.5em bottom no-repeat;}
ul.access-list li.last {margin-bottom: 0;padding-bottom: 0;background-image: none;}
ul.access-list li.last dd {background: url(../../img/icon-building.png) 10px center no-repeat;}
ul.access-list dt {background: #fff;border: #ccc 1px solid;font-weight: bold;padding: 10px;}
ul.access-list dd {font-weight: buld;padding: 1em 1em 1em 3.0em;}
.accordion-list {margin-bottom: 0.5em;}
.accordion-list .displayNone {display: none;}
.accordion-list a {display: block;}
.accordion-list .contentWrap {background: #fff;padding: 1em;}
.accordion-list .switch {color: #fff; cursor:pointer;font-weight: bold;font-size: 18px;padding:10px 40px 10px 10px;background: url(../../img/arrow-white_bottom_sp.png) 96% center no-repeat #816A27;background-size: 3%;border-bottom: #fff 2px solid;}
.accordion-list .open {background: url(../../img/arrow-white_top_sp.png) 96% center no-repeat #816A27;background-size: 3%;}
.list-li li{border-bottom: #ccc 2px solid;padding-bottom: 1em;margin-bottom: 1em;}
.list-li li dt{font-size: 18px;font-weight: bold;margin-bottom: 0.5em;}
.list-li li dd {font-size: 16px;}
.list-li li dd span{font-weight: bold;}
@media only screen and (max-width: 768px) {
#title-wrapper{height: 110px;}
#title-wrapper .bg-titlebox{background-size: contain;padding: 2em 0;}
}
@media only screen and (max-width: 568px) {
#title-wrapper {background: url(../img/bg-title.jpg) left center repeat-x;height: 100px;}
#title-wrapper h1{font-size: 26px;}
#title-wrapper .bg-titlebox{background: none;line-height: 1;}
.purpose-txtbox p.purpose-title {font-size: 20px;}
.purpose-txtbox p {font-size: 16px;}

}