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

/* -----------------------
トップページ
---------------------- */

#header .logo {
float: none;
margin-bottom: 10px;
}
.headInfo {
display:none;
}
.headBg {
background-image: url(../img/brand_bg.png);
background-repeat: no-repeat;
background-position: center -45px;
}
.headCtrl {
min-height: 460px;
}
.headCtrl p {
margin-bottom:10px;
}
.headInfo {
padding-top: 50px;
float: none;
}
#main {
width: 960px;
}
.topInfo {
float: left;
width: 480px;
margin-bottom: 50px;
}
.topTit {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #bbb;
margin-bottom: 20px;
}
.topInfoBtn {
margin-left:220px;
}
.topInfo ul {
padding-right: 10px;
padding-left: 10px;
margin-bottom:20px;
}
.topInfo li {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #c5d47d;
padding-bottom: 7px;
margin-bottom: 7px;
}
.topInfo .date {
float: left;
width: 70px;
}
.topInfo .title {
float: right;
width: 370px;
}
.topSche {
float: right;
width: 456px;
background-image: url(../img/sche_bg2.jpg);
padding: 2px;
margin-bottom: 50px;
}
.schTitle {
width: 100px;
}
.topScheBg {
border: 2px solid #fff;
background-image: url(../img/sche_bg.jpg);
background-repeat: no-repeat;
padding-top: 40px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
.topScheTit {
padding-top: 5px;
padding-left: 20px;
margin-bottom: 5px;
}
.topSche table {
margin-bottom: 5px;
border-top-style: none;
border-left-style: none;
width: 412px;
font-size: 93%;
}
.topSche table tr, 
.topSche table th,
.topSche table td {
border: solid 2px #e3dac8;
}
.topSche table th {
background-color: #e3dac8;
text-align: center;
}
.topSche table td {
text-align: center;
}
.topSchNote {
color: #e4007f;
}
.topAccessMap {
float: left;
padding-left: 20px;
margin-right: 16px;
}
.topAccessMap iframe {
border: 1px solid #fad5be;
}
.topAccessPh {
float: left;
}
.topAccessPh li {
float: left;
margin-right: 16px;
}
.topAccessPh li p {

}
.topAccessInfo {
width: 230px;
float: left;
}
.topAccessInfo p.title {
font-size: 131%;
}
.topAccessInfo p {
line-height: 1.4;
margin-bottom: 3px;
font-size: 116%;
}
.topLine {
margin-top:50px;
}
.topLineQr {
float:left;
margin-right:30px;
}
.topLineTxt {
line-height: 2;
margin-bottom: 3px;
font-size: 116%;
float:left;
font-weight:bold;
}

/* ------------------------------------------------------------------------------
SP
------------------------------------------------------------------------------ */
@media screen and (max-width:769px) {
#main {
width: 100%;
overflow: hidden;
}
#header {
min-height: 325px;
position: relative;
background-image: url("../img/brand_bg_sp.png");
background-size: cover;
background-position: center center;
border-bottom: none;
}
#header .logo {
position: absolute;
top: 20px;
left: 10px;
max-width: 215px;
}
.headBg {
background: none;
}
.headCtrl {
min-height: auto;
}
.brandSubject {
position: absolute;
bottom: 1px;
max-width: 254px;
}
.brandSubject img {
width: 100%;
height: auto;
}
.brandInfo {
display: none;
}

#content {
padding-top: 0;
background-image: none;
}
.topContact {
display: block;
width: 100%;
border-top: solid 2px #EAF9D0;
border-bottom: solid 2px #EAF9D0;
background-color: #ffffff;
}
.topContact li {
display: inline-block;
width: 49%;
text-align: center;
}
.topContact li a {
display: inline-block;
width: 100%;
padding: 10px 0;
}
.topContact li:first-of-type a {
border-right: solid 2px #EAF9D0;
}
.topContact li a > img {
width: 80%;
height: auto;
}
.topTell {
display: block;
margin-bottom: 15px;
padding: 5px 0;
text-align: center;
background-image: url(../img_common/cont_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.topTell a {
font-weight: bold;
font-size: 232%;
text-decoration: none;
}
.topSche {
float: none;
width: 94%;
margin: 0 auto;
margin-bottom: 25px;
}
.topSche table {
width: 100%;
box-sizing: border-box;
}
.topSche p {
padding-left: 0;
font-size: 100%;
text-shadow: 0 0 5px rgba(255,255,255,1);
}
.topScheBg {
padding: 3%;
}
.topInfo {
width: 100%;
}
.topInfo .title {
width: 100%;
}
.topInfoBtn {
margin-left: auto;
margin-right: auto;
max-width: 230px;
}
.topAccessMap {
float: none;
padding-left: 0;
position: relative;
height: 0;
width: 94%;
padding-bottom: 56.25%;
margin: 0 auto;
margin-bottom: 15px;
overflow: hidden;
box-sizing: border-box;
}
.topAccessMap iframe,
.topAccessMap object,
.topAccessMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.topAccessInfo {
float: none;
width: 94%;
margin: 0 auto;
}
.topAccessInfo p.title {
margin-bottom: .6em;
font-weight: bold;
}
.topLine .topTit img {
width: 70%;
height: auto;
}
.topLine {
width: 94%;
margin-left:auto;
margin-right:auto;
}
.topLine .topTit {
width: 100%;
}
.topLineBtn {
margin-bottom:10px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
width:70%;
}
.topLineTxt {
float:none;
line-height: 1.4;
margin-bottom: 3px;
font-size: 116%;
}
.topLineBtnTxt {
line-height: 1.4;
margin-bottom: 3px;
font-size: 116%;
font-weight:bold;
text-align:center;
}
}