@charset "utf-8";
/*===============================================
 *	common
===============================================*/
#title-wrapper{background:url(../img/bg-title.jpg) left center repeat-x;height: 170px;}
#title-wrapper .bg-titlebox{background: url(../img/bg-title-photo.png) center center no-repeat;background-size:auto;padding: 3.52em 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;}
.qa-dl dt{color:#7F6A26;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.qa-dl dd{margin-bottom: 1em;}
.photo-welcome{float: left;max-width: 240px;margin-right: 1em;}
.fl-qatxt{display: block;float: left;width: 60%;}
@media only screen and (max-width: 768px) {
#title-wrapper{height: 110px;}
#title-wrapper .bg-titlebox{background-size: contain;padding: 2em 0;}
.fl-qatxt {width: 46%;}
}
@media only screen and (max-width: 568px) {
#title-wrapper {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;}
.photo-welcome{float: none;max-width: none;margin-right: 0;margin-bottom: 10px;}
.fl-qatxt {float: none; width: 100%;}

}