@charset "UTF-8";



/* Split Layout

-----------------------------------------*/
.split{
  display: table;
  table-layout: fixed;
  width: 100%;
  padding:0;
  margin:0; 
}
.split-item{
  display: table-cell;
  padding:0px;
  width: 50%;
}
.split-left{
  background: #ffffff;
  position: relative;
}
.split-left__inner{
  height: 100%;
  position: fixed;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
	flex-direction:row;
}
.split-right__inner{
  height: auto;
  padding:50px;
}


.ttl-box{
  height: auto;
  width:200px;
  margin:0;
  position: absolute;
  top: 50%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

h2{
font-family: 'Noto Serif JP', serif;
  font-weight:normal;
  font-size:19px;
  text-align:center;
  line-height:110%;
}

h3{
font-family: 'Noto Serif JP', serif;
  font-weight:normal;
  font-size:18px;
  text-align:left;
  line-height:100%;
  margin:0px 0 25px 0;
  padding:0;
}



ul.dealers-list{
  margin:0;
  padding:0;
  text-align:left;
}

ul.dealers-list li{
  margin:0 0 10px 20px;
  padding:0;
  list-style-type: disc;
}

ul.dealers-list li a{
  text-decoration:underline;
}


.ttl-caption{
display: block;
font-size:12px;
font-weight:normal;
color: #808080!important;
}



.bio-txt{
  width:auto;
 text-align:left;
 line-height:220%;
}


.bio-txt-br{
  width:auto;
 text-align:left;
 line-height:220%;
 margin:3em 0 0 0;
}

.works-photo{
  width:auto;
  text-align:left;
  margin:50px 0 100px 0;
}

.works-photo img{
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
}

table.about-list01{
  width:auto;
  height:auto;
  padding:0px;
  margin:0;
  text-align:left;
  border:none;

  }
  
  
  table.about-list01 th{
  width:90px;
  margin:0 0 5px 0;
  padding:0px 0 10px 0;
  vertical-align:top;
  text-align:left;
  }
  
  table.about-list01 td{
  padding:0px 0 10px 0;
  margin:0 0 5px 0;
  vertical-align:top;
  text-align:left;
  }
  
  table.about-list01 a{
  color:#ecc492;
  font-family: "letter-gothic-std",sans-serif;	
  }


ul.ex-list{
  margin:0;
  padding:0;
}


ul.ex-list li{
  margin:0 0 5px 0;
  padding:0;
}


dl.att-cap{
  text-align:left;
  background-color: #f7f7f6;
  border-radius:5px;
  padding:2em;
  margin:3em 0 6em 0;
}

dl.att-cap dt{
  font-size:12px;
  font-weight:bold;
  margin:0 0 1em 0;
  padding:0
}

dl.att-cap dd{
  font-size:12px;
  margin:0 0 1em 15px;
  padding:0;
  display: list-item;
	list-style: disc outside;
  line-height:160%;
}




  @media screen and (max-width: 800px) {

    .split{
      display: block;
      table-layout: fixed;
      width:auto;    
      padding:25px 20px 50px 95px;
    }
    .split-item{
      display: block;
      padding:0px;
      width:auto;    
    }
    .split-left{
        position: static;
    }
    .split-left__inner{
      height: auto;
      position: static;
      margin:0;
      padding:0;
    }
    .split-right__inner{
      position: static;
      height: auto;
      padding:0;
      margin:0;
    }


    .ttl-box{
      height: auto;
      width:200px;
      margin:0 0 0 -40%;
      position: static;
      top:0;
      left:0;
      -webkit-transform: translate(0, 0); /* Safari用 */
      transform: translate(0, 0);
    }
    
    h2{
    font-family: 'Noto Serif JP', serif;
      font-weight:normal;
      font-size:22px;
      text-align:left;
      line-height:100%;
      margin:0 0 25px 0;
      padding:0;
    }

h2::before{
    content: '';
    display: block;
    background: #a5a486;
    height: 1px;
    width: 25px;
    margin-bottom: 25px;
}
    
h3{
font-family: 'Noto Serif JP', serif;
  font-weight:normal;
  font-size:22px;
  text-align:left;
  line-height:100%;
  margin:25px 0;
  padding:0;
}



    span.ttl-caption{
    display: block;
    font-size:12px;
    font-weight:normal;
    }
    
    .bio-photo{
      width:auto;
      text-align:left;
      margin:50px 0;
    }

    table.about-list01 th{
      width:60px;
      margin:0 0 5px 0;
      padding:0px 0 10px 0;
      vertical-align:top;
      text-align:left;
      }

  }





  @media screen and (max-width: 600px) {

    .split{
      display: block;
      table-layout: fixed;
      width:auto;    
      padding:25px 20px 50px 65px;
    }
    .split-item{
      display: block;
      padding:0px;
      width:auto;    
    }
    .split-left{
        position: static;
    }
    .split-left__inner{
      height: auto;
      position: static;
      margin:0;
      padding:0;
    }
    .split-right__inner{
      position: static;
      height: auto;
      padding:0;
      margin:0;
    }


    .ttl-box{
      height: auto;
      width:200px;
      margin:0;
      position: static;
      top:0;
      left:0;
      -webkit-transform: translate(0, 0); /* Safari用 */
      transform: translate(0, 0);
    }
    
    h2{
    font-family: 'Noto Serif JP', serif;
      font-weight:normal;
      font-size:22px;
      text-align:left;
      line-height:100%;
      margin:0 0 25px 0;
      padding:0;
    }

h2::before{
    content: '';
    display: block;
    background: #a5a486;
    height: 1px;
    width: 25px;
    margin-bottom: 25px;
}
    
    span.ttl-caption{
    display: block;
    font-size:12px;
    font-weight:normal;
    }
    
    .bio-photo{
      width:auto;
      text-align:left;
      margin:50px 0;
    }

    table.about-list01 th{
      width:60px;
      margin:0 0 5px 0;
      padding:0px 0 10px 0;
      vertical-align:top;
      text-align:left;
      }

  }