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

#mainArea {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  z-index:500;
}
#visualBlock {
  width:100%;
  height:380px;
  background-image:url(../images/main.jpg);
  background-size:cover;
  background-position:center;
}
#visualBlock h1 {
  width:100%;
  text-align:center;
  padding:190px 0 0;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:500%;
  line-height:0.5em;
  text-shadow: 4px 4px 10px #000000;
}
#visualBlock h1 span {
  font-size:20px; 
}
.localNav {
  width:100%;
  background-color:#115fad;
}
.localNav ul {
  width:100%;
  height:auto;
  margin:0 auto;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.localNav li {
  padding: 15px;
  font-size:124%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
}
.localNav li a {
  color:#FFF;
  text-shadow: 1px 1px 4px #000000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.localNav li a:hover {
  color:#ff6600;
  text-shadow: 1px 1px 4px #000000;
  text-decoration:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#homeArea {
  padding:30px 0;
  background:#FFF;
}
#homeArea h2 {
  text-align:center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:174%;
  line-height:1.2em;
  padding:0 0 16px;
}
#homeArea h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:124%;
  line-height:1.2em;
  padding:0 0 4px;
  text-align:center;
}

#policyArea {
  padding:30px 0;
  background:#ededed;
}
#policyArea h2 {
  text-align:center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:174%;
  line-height:1.2em;
}
#policyArea h3 {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:124%;
  line-height:1.2em;
  padding:20px 0 4px;
  text-align:center;
  border-bottom:#666 dotted 1px;
  width:610px;
  margin:0 auto 8px;
}
#policyArea ul {
  width:610px;
  height:auto;
  margin:0 auto;
}
#policyArea li {
  list-style:disc;
  line-height:1.4em;
  margin:5px 0 5px 20px;
}


#staffArea {
  padding:30px 0;
  background:#ededed;
}
#staffArea h2 {
  text-align:center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:174%;
  line-height:1.2em;
  padding:0 0 16px;
}
.staffBlock {
  width:1018px;
  height:auto;
  margin:0 auto;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
.staffBlock dl {
  background-color:#FFF;
  margin:15px 9px;
  border:#CCC solid 1px;
  border-radius:8px;
}
.staffBlock dt {
  padding:12px;
}
.staffBlock dt img {
  width:100%;
  height:auto;
}
.staffBlock dd {
  padding:0 10px 10px;
  line-height:1.5em;
}


#regulationsArea {
  padding:30px 0;
  background:#ededed;
}
#regulationsArea h2 {
  text-align:center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:174%;
  line-height:1.2em;
  padding:0 0 16px;
}
.regulationsBlock {
  width:800px;
  height:auto;
  margin:0 auto;
}
.regulationsBlock p {
  line-height:1.5em;
}
.regulationsBlock ul {
  padding:10px 0 20px 0;
}
.regulationsBlock li {
  margin: 0px;
  padding:6px 0;
  line-height:140%;
}
.regulationsBlock ul {
  margin: 0px;
  padding: 0px;
}

.regulationsBlock ul li {
  margin: 0px;
  padding: 12px 0 0;
  line-height: 140%;
}

.regulationsBlock ul li dl {
  margin: 0px;
  padding: 0px 0px 0px 26px;
}
.regulationsBlock ul li dl:after { content: ''; display: block; clear: both; }

.regulationsBlock ul li dl dt {
  margin: 0px;
  padding: 0px;
  float: left;
  height: auto;
  width: 60px;
}

.regulationsBlock ul li dd {
  margin: 0px;
  padding: 0px;
  float: left;
  height: auto;
  width: 670px;
}
.regulationsBlock ul li dd th {
  padding:4px 5px 0 0;
}
.regulationsBlock ul li dd td {
  padding:4px 5px 0 0;
}

.regulationsBlock ul li dl dd ul {
  margin: 0px;
  padding: 0px;
}

.regulationsBlock ul li dl dd ul li {
  margin: 0px;
  padding: 8px 0px 0px;
}

.regulationsBlock ul li ol {
  margin: 0px;
  padding: 0px 0px 0px 76px;
}

.regulationsBlock ul li ol li {
  margin: 8px 0px 0px 24px;
  padding: 0px;
  list-style: decimal;
}

.regulationsBlock ul li ol li ul {
  margin: 0px;
  padding: 0px;
}

.regulationsBlock ul li ol li ul li {
  list-style: none;
  margin: 0px;
  padding: 8px 0px 0px;
}


.shushiBox:after { content: ''; display: block; clear: both; }
.shushiBox {
  margin:0px;
  padding:12px 0 0 0px;
}

.shushiBox p { line-height: 140%; }

.shushiBox h4 {
  font-weight: bold;
  margin: 0px;
  padding: 20px 0px 0px;
}

.shushiBox dl {
  line-height: 140%;
  margin: 0px;
  padding: 0px;
}

.shushiBox dl dt {
  margin: 0px;
  padding: 12px 0px 0px 20px;
}

.shushiBox dl dd {
  margin: 0px;
  padding: 0px 0px 0px 60px;
}
.signatureBox {
  margin: 0px;
  padding: 12px 0px 0px;
  float: right;
  height: auto;
  width: 280px;
}




.articlesBox {
  width:820px;
  height:auto;
  margin:0 auto;
}
.articlesBox ul {
  padding:10px 0 20px 0;
}
.articlesBox li {
  margin: 0px;
  padding:6px 0;
  line-height:140%;
}
.articlesBox ul {
  margin: 0px;
  padding: 0px;
}

.articlesBox ul li {
  margin: 0px;
  padding: 12px 0 0;
  line-height: 140%;
}

.articlesBox ul li dl {
  margin: 0px;
  padding: 0px 0px 0px 26px;
}
.articlesBox ul li dl:after { content: ''; display: block; clear: both; }

.articlesBox ul li dl dt {
  margin: 0px;
  padding: 5px 0 0 0;
  height: auto;
}

.articlesBox ul li dd {
  margin: 0px;
  padding: 0 0 5px 26px;
  height: auto;
}
.articlesBox ul li dd table {
  margin:0 0 0 0px
}
.articlesBox ul li dd th {
  padding:4px 5px 0 0;
  text-indent:0px;
  /*width:50px*/
}
.articlesBox ul li dd td {
  padding:4px 5px 0 0;
  text-indent:0px;
}
.tdPrice {
  text-align:right;
  /*width:60px;*/
}
.tdDiscription {
  /*width:200px;*/
}

.articlesBox ul li dl dd ul {
  margin: 0px;
  padding: 0px;
}

.articlesBox ul li dl dd ul li {
  margin: 0px;
  padding: 8px 0px 0px;
}

.articlesBox ul li ol {
  margin: 0px;
  padding: 0px;
}

.articlesBox ul li ol li {
  margin: 8px 0px 0px 24px;
  padding: 0px;
  list-style: decimal;
}

.articlesBox ul li ol li ul {
  margin: 0px;
  padding: 0 0 0 24px;
}

.articlesBox ul li ol li ul li {
  list-style: none;
  margin: 0px;
  padding: 8px 0px 0px;
  text-indent: -24px;
}


/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {


#visualBlock {
  width:100%;
  height:240px;
}

#visualBlock h1 {
  padding:120px 0 0;
  font-size:300%;
  line-height:0.8em;
}


.localNav ul {
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  padding: 8px 0;
}
.localNav li {
  width:50%;
  padding: 8px 0;
  text-align:center;
}


#homeArea {
  padding:30px 10px;
  background:#FFF;
}
#homeArea img {
  width:100%;
  height:auto;
}


#policyArea {
  padding:30px 10px;
}
#policyArea h3 {
  width:100%;
  margin:0 auto 8px;
}
#policyArea ul {
  width:100%;
}
#policyArea li {
  list-style:disc;
  line-height:1.4em;
  margin:5px 0 5px 20px;
}


#staffArea {
  padding:30px 5px;
  background:#ededed;
}
.staffBlock {
  width:100%;
}
.staffBlock dl {
  margin:5px 5px 5px 5px;
  width:45%;
}
.staffBlock dt {
  padding:5px;
}
.staffBlock dd {
  padding:0 7px 7px;
  line-height:1.5em;
}



#regulationsArea {
  padding:30px 10px;
}
.regulationsBlock {
  width:100%;
}
.regulationsBlock ul li dd {
  margin: 0px;
  padding: 0px;
  float: left;
  height: auto;
  width: auto;
}


.articlesBox {
  width:100%;
}

.articlesBox ul li dl {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.articlesBox ul li ol li {
  margin: 8px 0px 0px 0px;
  padding: 0px;
  list-style: decimal;
}

.articlesBox ul li ol li ul {
  margin: 0px;
  padding: 0 0 0 0px;
}

.articlesBox ul li ol li ul li {
  list-style: none;
  margin: 0px;
  padding: 8px 0px 0px;
  text-indent: -24px;
}

}