@charset "utf-8";
/* CSS Document */

.pgTtl{
	margin-bottom: 0;
}

.pgTtlIn {
    background-image: url(../about/img/pgttl.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#concept{
	background-color: rgba(186,163,11,0.1);
}
#concept .st{
	font-size: 360%;
	text-align: center;
	color: #998506;
	font-family: "Vijaya", "New York", "serif";
	font-weight: normal;
	margin-bottom: 80px;
}

#concept .inner{
	padding: 120px 0;
	background-image: url(../about/img/concept_bg.png);
	background-position: center 200px;
	background-repeat: no-repeat;
}

#concept p{
	margin-bottom: 3em;
	line-height: 2;
}


/*secStr*/

.secStr .inner{
    width: 1160px;
    margin: 0 auto 60px;	
}

.stWp{

	background-position: 100px 0;
	background-repeat: no-repeat;
	padding: 46px 0;
	width: 40%;
}


/*profile*/

#profile{
	
}

.stS{

    font-size: 330%;
	font-family: serif;
    margin-bottom: 1em;
	font-weight: normal;

	display: inline-block;
	padding-right: 1.5em;
	color: #CCC283;
	position: relative;
}

.stS:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    display: inline-block;
    width: 2em;
    height: 6px;
background: #877608;
background: -moz-linear-gradient(left,  #877608 0%, #baa30b 100%); 
background: -webkit-linear-gradient(left,  #877608 0%,#baa30b 100%); 
background: linear-gradient(to right,  #877608 0%,#baa30b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#877608', endColorstr='#baa30b',GradientType=1 ); 
    transform: translate(0);
    background-color: #0A3388;
}

.tblPf{
	text-align: left;
	width:100%;
	display: inline-block;
	vertical-align: top;

}

.tblPf th,
.tblPf td{
	line-height: 1.8;
	padding: 32px 0;
}


.tblPf th{
	width: 25%;
}

.tblPf tr{
	border-bottom: #ddd solid 1px;	
}


#profile .boxLeft{
	width: 70%;
	display: inline-block;
	vertical-align: top;
}
#profile .imgRight{
	display: inline-block;
	width: 29%;
	vertical-align: top;
}

#profile .imgRight img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

#license{
	background-color: #eee;
	padding: 30px;
	width: 88%;
	margin-top: 30px;
	border: #ccc solid 1px;
}

#license dl{
	width: 58%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.8;

}

#license dt{
	font-weight: bold;
}

#license img{
	width: 42%;
	display: inline-block;
	vertical-align: top;
	float: right;
}


/*access*/
#access{
	
}

#map iframe{
	width: 100%;
	height: 620px;
}

.stSs{
	    font-size: 270%;
	font-family: serif;
    margin-bottom: 1em;
	font-weight: normal;
	color: #CCC283;

}

#access .stSs{
	width: 1160px;
	margin: 0 auto 1em;
}

#contact{
	padding-top:80px;
}




@media screen and (max-width:767px){
	
.secStr .inner {
    width: 90%;
    margin: 0 5% 60px;
}	
	
#concept .inner {
    padding: 60px 0 40px;
	background-size: contain;
}
	
#concept .st {
    font-size: 200%;
    margin-bottom: 25px;
}	
	
#concept p {
    margin-bottom: 1.5em;
    line-height:1.8;
}	
	
.stS {
    font-size: 200%;
}
	
.tblPf {

    width: 100%;
	margin-bottom: 30px;

}	
	
.tblPf th ,
.tblPf td {
    width: 100%;
	display: block;

}	
	
.tblPf th{
    padding: 1em 0 0;		
	}
	
.tblPf td{
    padding: 0.5em 0 1em;		
	}	
	
#profile .boxLeft {
    width: 100%;
}	
#profile .imgRight {
	width: 100%;
	padding: 0 20px;

}
	
#license {
    padding: 20px;
    width: 100%;
    margin-top: 0;
	margin-bottom: 30px;
}	
	
#license dl {
    width: 100%;
	margin-bottom: 1em;
	font-size: 85%;
}	
	
#license img {
    width: 100%;
    float: none;
	
}	
	
#access .stSs {
    width: 100%;
    margin: 0 auto 0.5em;
	padding: 0 0.5em;
	font-size: 200%;
}
	
#map iframe {
    width: 100%;
    height:300px;
}	
	
#contact {
    padding-top: 40px;
}
	
.conInq {
    width: 100%;
    margin: 0 0;
    padding: 20px 15px;
}
	
}