@charset "utf-8";

.pc { display:block; }
.pc-only { display:block; }
.mid { display:none; }
.sp-only { display:none; }

@media screen and (max-width:820px){
  .pc-only { display:none; }
  .mid { display:block }
}
@media screen and (max-width:600px){
  .pc { display:none; }
  .sp-only { display:block; }
}

h2 { background:#C7C7C7; font-size: 3rem; line-height:2; text-align:center; }
h3 { background:#C7C7C7; font-size:2.4rem; line-height:2; padding:0 1em; margin-bottom:3rem; }
main .inner { max-width:114rem; width:100%; padding:0 2rem; margin:0 auto; }
main .lead { padding-left:1em; border-left:solid 3px #633319; font-size:2rem; margin:3rem 0 3rem 1em!important; }
main .dotText { margin-left:1.5em; margin-bottom:3rem; padding-left:2em; position:relative; font-size:2rem; }
main .dotText:before {
  content:"●";
  display:inline-block;
  font-size:2.4rem;
  position:absolute;
  top:0;
  left:0em;
  line-height:1.6;
}
main .dotText span { font-weight: bold; text-decoration:underline; }
main .dotText.w { margin-bottom:-1rem; }
main .btn { max-width:31rem; width:100%; margin:3rem auto; font-weight: bold; }
main .btn a { display:block; text-align:center; background:#818181; color:#fff; font-size:2rem; line-height:3; border-radius:8px; }


#mv {}
#mv .mv { position:relative; }
#mv .mv .textbox {
  position:absolute;
  top:5rem;
  left:0;
  padding:3rem;
  background:rgb(255,255,255,.8);
  max-width:42rem;
  width:100%;
}
#mv .mv .textbox .ttl { font-size:2.4rem; font-weight: bold; }

#cont01 { margin-top:5rem; }
#cont01 table.leather { width:100%; margin-bottom:6rem; }
#cont01 table.leather th {
  background:#A2A2A2;
  color:#fff;
  padding:2rem 0;
  text-align:center;
  font-size:1.8rem;
  border-right:solid 1px #707070;
  border-top:solid 1px #707070;
}
#cont01 table.leather th:nth-child(1) { width:24%; border-left:solid 1px #707070; }
#cont01 table.leather th:nth-child(2) { width:20%; }
#cont01 table.leather th:nth-child(3) { width:56%; }
#cont01 table.leather td {
  vertical-align:middle;
  text-align:center;
  font-size:1.8rem;
  border-right:solid 1px #707070;
  border-top:solid 1px #707070;
}
#cont01 table.leather td:nth-child(1) { font-weight: bold; border-left:solid 1px #707070; }
#cont01 table.leather td:nth-child(2) { font-weight: bold; }
#cont01 table.leather td:last-child { text-align:left; padding:1rem 3rem; }
#cont01 table.leather tr:last-child td { border-bottom:solid 1px #707070; }

#cont03 {}
#cont03 .contactWrap { background:#EFEFEF; padding:4rem 2rem; max-width:77rem; width:100%; margin:5rem auto; }
#cont03 .contactWrap .tel { font-size:3rem; font-weight:bold; text-align:center; }
#cont03 .contactWrap .tel a { color:#333; }
#cont03 .contactWrap .tel span { display:block; font-size:1.4rem; }
#cont03 .contactWrap .btn { max-width:45rem; }
#cont03 .contactWrap .btn:last-child { margin-top:1rem; }


@media screen and (max-width:1100px){
  #mv .inner { padding:0; }
}
@media screen and (max-width:900px){
  #cont01 table.leather td { height:11rem; }
  #cont01 table.leather td:nth-child(1) { overflow:hidden; position:relative; }
  #cont01 table.leather td img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; }
}

@media screen and (max-width:600px){
  h2 { font-size:2.4rem; }
  h3 { font-size:2rem; margin-bottom:2rem; }
  main .lead { font-size:1.8rem; margin-left:0!important; }
  main .dotText { margin-left:0; padding-left:1.5em; font-size:1.6rem; }
  main .dotText:before { font-size:1.8rem; }
  
  #cont01 table.leather td { font-size:1.5rem; }
}