@charset "UTF-8";

@keyframes opa0-1 {
from{
    opacity: 0;
}
to{
    opacity: 1;
}
}

@-webkit-keyframes opa0-1 {
from{
  opacity: 0;
}
99.9%,to{
  opacity: 1;
}
}
@keyframes opa1-0 {
from{
    opacity: 1;
}
to{
    opacity: 0;
}
}

@-webkit-keyframes opa1-0 {
from{
  opacity: 1;
}
99.9%,to{
  opacity: 0;
}
}

/***** COMMON *****/

.en01 {
  font-family: brandon-grotesque, sans-serif;
  font-style: normal;
}
.en02 {
  font-family: futura-pt, sans-serif;
  font-style: normal;
}
.en03 {
  font-family: roboto, sans-serif;
  font-style: normal;
}
.f-container {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.clearfix .right {
  float: right;
}
.table-layout {
  display: table;
  width: 100%;
}
.table-layout > * {
  display: table-cell;
}
#pagetop {
  display: none;
}
.logo01 .cls-1,
.logo02 .cls-1 {
  fill: #000;
}

/***** header *****/
#header {
  
}

/* #gnav */
#gnav {
  
}

/***** footer *****/
#copy {
  
}

/***** main *****/
.feature-list li img,
.category .advice-list li .photo img {
  display: block;
  width: 100%;
  height: auto;
}

/* #top */
.flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.feature-list li a {
  display: block;
}

/* .category */
.category #visual-tit img {
  display: block;
  width: 100%;
  height: auto;
}
.category #lead .txt,
.category .advice-list li .description,
.category .advice-list li .info-list li {
  color: #000;
}
.category .advice-list li .advice-tit .num {
  font-weight: 100;
}
.category .advice-list li .info-list li,
.category .advice-list li .info-list li .en03 {
  font-weight: 300;
}
/* #model */
#model img,
#model #video-area #model-video {
  display: block;
  width: 100%;
  height: auto;
}
#model .model-list li .num {
  text-align: center;
}
#model .model-list li .num span {
  display: block;
}
#model .model-list li .num .style {
  letter-spacing: 0.3em;
}
#model .model-list li .info-list li {
  font-weight: 300;
}
#model .model-list li .info-list li span {
  display: inline-block;
}
#model .model-list li .info-list li .name {
  letter-spacing: -0.05em;
}
#model #staff-area {
  text-align: center;
}
#model #staff-area .staff-tit {
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 500;
}
#model #staff-area .staff-tit span {
  display: inline-block;
  padding-bottom: 10px;
}
#model #staff-area .staff-tit:after {
  content: "";
  display: block;
  margin: 0 auto;
  background-color: #000;
}

#video_content{
  height: auto;
  outline: none;
}

.otheritem{
  margin: 0 0 0 7%;
}
.lp-ttl{
  width: 100%;
}
.lp-ttl p{
  font-size: 14px;
  line-height: 30px;
}
.description span{
  font-size: 12px;
  line-height: 26px;
}

@media(max-width: 991px){
.info-list {
    margin: 0 0 4% 0;
}
.otheritem{
  text-align: center;
  margin: 0;
}
.lp-ttl p{
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
.description span{
  font-style: 11px;
  line-height: 20px;
}
}

@media(max-width: 680px){
.lp-ttl p{
  text-align: left;
}
}


@media(max-width: 320px){
.category .advice-list li .advice-tit .tit-main{
  font-size: 15px;
  line-height: 27px;
}
.lp-ttl p{
  font-size: 11px;
  line-height: 20px;
}
.description span{
  font-style: 10px;
  line-height: 18px;
}
}