@charset "utf-8";
@import "css/clear.css";
@import "css/utill.css";
@import "css/hamburger.css";


/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-appearance: none;
}

body {
text-align: center;
font-size: 100%;
font-family: "メイリオ", sans-serif;
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
a[href^="tel:"] {cursor: default;}
sup{ font-size:50%; position:relative; top:-3px;}


#wrapper{ width:1000px; margin:0 auto;}
#contentWrapper{ width:780px; position:relative; float:right; text-align:left;}
#gNav{ background:#6A3906; width:220px; color:#fff; float:left;}


header{ position:absolute; top:0; right:0; padding:0;}
header ul li{ display:inline-block; padding:0 0 0 20px;}


#hTel1{ display:inline-block; position:relative; background:#C9A063; color:#fff; font-size:85%; padding:10px 10px 10px 50px; text-align:left; top:-10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#hTel1::after{
	content:"　"; position:absolute; top:10px; left:12px;
	background:url(svg/tel_t1.svg) 0 0 no-repeat; background-size:contain;
	width:45px; height:45px;
}

#hTel2{ text-align:left; line-height:1.4;}
#telNum{ display:block; font-size:150%; color:#7F4F21; font-weight:bold; display:block; letter-spacing:0; background:url(svg/tel_t2.svg) 0 10px no-repeat; background-size:24px; padding:10px 0 0 34px; margin:10px 0 0 0; border:none;}
#telNum a{color:#7F4F21; font-weight:bold;}
#faxNum{ display:block; color:#7F4F21; font-weight:bold; font-size:80%; padding:0 0 0 38px;}
#openTime{ font-size:75%;}

#hMail{ display:inline-block; background:#7F4F21; padding:5px; text-align:left; position:relative; top:-10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
#hMail:hover{ background:#603A1A;}

#hMail span{ display:inline-block; position:relative; color:#fff; font-size:85%; padding:6px 5px 3px 60px; border:1px solid #C9A063;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#hMail span::after{
	content:"　"; position:absolute; top:8px; left:10px;
	background:url(svg/mail.svg) 0 0 no-repeat; background-size:contain;
	width:40px; height:40px;
}

a#toTopLogo{ color:#fff;}
#gNav h1{ font-size:240%; line-height: 1.4; padding:40px 0 20px;}
#gNav h1 span{ font-size:50%; display:block;} 

#gNav ul{padding:0 20px;}
#gNav ul li:first-child{ border-top: 1px solid #895335;}
#gNav ul li{ padding-top: 0; border-bottom: 1px solid #895335;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
#gNav ul li:hover{ background:#C9A063;}
#gNav ul li a{ color:#fff; font-size:80%; display:block; padding: 20px 0;}

#gNav h2{ padding:10px; background:#fff; width:160px; margin:40px auto 20px;}
#gNav h2 img{ width:140px; height:auto;}
#gNav p{ font-size:80%;}
#gNav a{ color:#fff;}
#gNav p a{ color:#fff;}


#mainImage{ position:absolute; top:140px; left:0; width:100%; height:400px; background:url(img/bg_main.jpg) 0 bottom no-repeat; background-size:cover; z-index:-1;}

.polaroid {
  position: relative;
  top:20px;
  width: 310px;
  margin:0 auto;
  -webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
       -o-transform: rotate(5deg);
          transform: rotate(5deg);
}
.polaroid img { background:#fff; padding:0 20px;
width:280px; width:240px; height:200px; margin-left:240px;
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 5px #777;
     -moz-box-shadow: 3px 3px 5px #777;
          box-shadow: 3px 3px 5px #777;
}  
.polaroid p {
  position: absolute; margin-left:240px;
  text-align: center;
  width: 100%;
  bottom: 5px;
  color: #6A3906;
  font-size:80%;
}


footer p{ font-size:80%; padding:20px 0;}


#akichiBannerWrapper{ padding:580px 0 20px 40px;}
#akichiBannerLowerWrapper{ padding:40px 0 0 0;}
#teachWrapper{ float:left; width:240px;}
#teachWrapper h3{ background:url(svg/teach.svg) 0 0 no-repeat; padding:90px 0 0 70px; color:#6A3906; font-size:80%;}
#bannerWrapper{ float:right; width:480px;}




#lowerContent{ padding:140px 0 20px 40px;}
#lowerContent h2{ font-size: 140%; margin:0 0 40px 0; line-height:1; background:#fafafa;
padding: 12px 0 10px 20px;
border-left: 6px solid #ccc;
border-bottom: 1px solid #ccc;
}
#lowerContent h2 span{ font-size:65%; display:inline-block; margin-left:20px;}
.houseIcon{ background:url(svg/house.svg) 0 center no-repeat; background-size:30px; padding:10px 0 0 40px; margin-bottom:20px; font-size:120%;}
.lineTitle{ border-left: 6px solid #AFC05E; color:#AFC05E; font-size:180%; padding:5px 0 5px 20px; line-height: 1.4; margin-bottom:20px;}


.baseList li{ float:left; width:360px; padding:10px; border:solid 1px #ccc; box-sizing:border-box;}
.baseList li:nth-child(2n+1){ margin:0 20px 20px 0;} 
.baseList li:nth-child(2n){ margin:0 0 20px 0;} 
.baseList li h3{ color:#000; font-weight:bold; margin:10px 0 10px;}
.baseList li p{ font-size:80%;}
.baseList li img{ height:100px; width:auto; margin:0 2px 10px 0;}


.checkWrapper{ margin:20px 0 0; padding:20px; border:solid 1px #ccc; box-sizing:border-box;}
.checkWrapper h4{ font-size:160%; color:#ff9900; }
.checkWrapper ul{ margin:20px 20px;}
.checkWrapper ul li{ list-style-type: circle; list-style-position: outside;}
.checkWrapper h5{ background:#ff9900; color:#fff; font-size:100%; display:inline-block; line-height:1; padding:10px 20px; margin:20px 0;}
.checkWrapper ol{ margin:20px 0 40px 30px;}
.checkWrapper ol li{ list-style-type: decimal; list-style-position: outside;}


.toContactWrapper{margin:30px 0 0;}
.toContactWrapper ul li{ float:left; width:50%; box-sizing:border-box;}
.toContactWrapper ul li:nth-child(2n+1){ padding-right:10px;}
.toContactWrapper ul li:nth-child(2n){ padding-left:10px;}

.contactTel{ font-size:240%; background:url(svg/tel_t2.svg) 0 10px no-repeat; background-size:35px; padding:0 0 0 50px; color:#7F4F21; letter-spacing:0em; border:none;}
.contactTel a{ color:#7F4F21; font-weight: bold;}

.toMail{ display:block; background:#7F4F21; padding:5px; text-align:left; position:relative; top:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.toMail:hover{ background:#603A1A;}

.toMail span{ display:block; position:relative; color:#fff; font-size:100%; padding:5px 5px 5px 80px; border:1px solid #C9A063;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.toMail span::after{
  content:"　"; position:absolute; top:7px; left:10px;
  background:url(svg/mail.svg) 0 0 no-repeat; background-size:contain;
  width:50px; height:50px;
}


.lineTable{ border-top:solid 1px #ccc; border-left:solid 1px #ccc; width:100%;}
.lineTable td{ border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px;}
.tdLeft{ width:30%;}

#toAkichiWrapper{ margin:20px 0 0;}
#toAkichiWrapper a{ display:block; padding:10px 0 10px 50px; background:url(svg/popup.svg) 0 14px no-repeat; background-size:30px; font-size:140%;}
#toAkichiWrapper a:hover{ color:#afc05e;}


#mailWrapper table{ width:100%; margin:40px auto 0;}
#mailWrapper table tr th{ text-align: left; width:30%; box-sizing:border-box; padding-bottom:20px; vertical-align: top;}
#mailWrapper table tr td{ text-align: left; width:70%; box-sizing:border-box; padding-bottom:20px;}

.selectOption{
    -webkit-appearance: menulist-button;
    width: 400px;
    position: absolute;
    opacity: 0;
    height: 50px;
    font-size: 16px;
}
.customSelect{
    width: 400px;
    height:50px;
    background: url(img/arrow.png) no-repeat right center;
    padding: 0 10px;
    color: #000;
    text-align: left;
    font-size:16px;
    line-height:50px;
    box-sizing:border-box;
    display: inline-block;
    border:1px solid #ccc;
}
.customSelectInner{
display: inline-block;
}
.inputText{
    width: 100%;
    height:50px;
    display: block;
    border: none;
    background: none;
    padding: 10px 10px;
    background:#fff;
    font-size:16px;
    box-sizing:border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border:1px solid #ccc;
}
.inputTextArea{
    width: 100%!important;
    height: 150px!important;
    overflow: auto;
    vertical-align: top;
    padding: 10px 10px;
    background: none;
    border: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background:#fff;
    font-size:16px;
    box-sizing:border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border:1px solid #ccc;
}
.inputSubmit{
    cursor: pointer;
    width:100px; height:100px; color:#fff; line-height:100px; text-align:center; letter-spacing:0.1em; background:#6A3906; border:none; display:inline-block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.inputSubmit:hover{ background:#603A1A;}

#submitWrapper{ text-align: center;}
#submitWrapper ul li{display:inline-block; padding:0 20px;}

.checkPageValue{ padding:10px 10px; border:1px solid #ccc;}


#sendSuccessWrapper{ margin:0 auto 80px;}
#sendSuccessWrapper h3{ margin:40px auto 20px; font-size:100%; font-weight:bold;}
#sendSuccessWrapper p{ margin:0 auto 20px;}
#sendSuccessWrapper p a{ text-decoration: underline; color:#22AC38;}
#sendSuccessWrapper p a:hover{ text-decoration: none;}




/* スマホ・タブレット ---------------------------------------------*/
@media only screen and (max-width : 768px) {


}