@charset "utf-8";
  .fs14 {font-size: 14px;}
  .red {color: red;}
  .bold {font-weight: bold;}
  .mb20 {margin-bottom: 20px;}
  .ml10 {margin-left: 10px;}

@media screen and (max-width: 767px){
  .contentsMv{
    background: url(../img/mv_img.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }.contentsMv p{
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
  }
  .workLinkBtn{
    width: 96%;
    margin: 10px auto 0;
  }
  .workLinkBtn ul li{
    float: left;
    width: 48%;
    margin: 1%;
    text-align: center;
  }
  .workLinkBtn ul li a{
    display: block;
    background: #C7C8C9;
    text-decoration: none;
    color: #444;
    font-weight: bold;
    padding: 15px;
  }
  .workLinkBtn ul li.on a,.workLinkBtn ul li a:hover{
    display: block;
    background: #D6000F;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    padding: 15px;
  }
  #work{
    background: #e65614;
    background: -moz-linear-gradient(left, #e65614 0%, #d70110 100%);
    background: -webkit-linear-gradient(left, #e65614 0%,#d70110 100%);
    background: linear-gradient(to right, #e65614 0%,#d70110 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65614', endColorstr='#d70110',GradientType=1 );
    padding: 60px 0;
  }
  .workContents{
  }
  .workContents .inner{
  }
  .readCenterText p{text-align: left;}
  .diagonalBgw{
    background: #FFF;
    padding: 30px 0;
  }
  .diagonalBgw .inner{
  }
  .aboutttl{
    margin-bottom: 50px;
  }
  .aboutTable{
    width: 100%;
    margin: 0px auto;
  }
  .aboutTable{}
  .aboutTable th{
    font-weight: bold;
    min-width: 100px;
  }
  .aboutTable th,.aboutTable td{
    font-size: 14px;
    color: #574E4B;
    border-bottom: 1px solid #F2F2F2;
    padding: 10px;
  }
  .aboutTable th.nb,.aboutTable td.nb{
    border-bottom: none;
  }
  .aboutTable dl{display:flex;flex-wrap: wrap;}
  .aboutTable dt{width:10%;}
  .aboutTable dd{width:90%;}
  .sectionTable{
    width: 100%;
    margin: 0px auto 50px;
    border-top: 1px solid #E77C72;
  }
  .sectionTable td{
    font-size: 16px;
    background: #FFF;
    color: #333;
    border-left: 1px solid #E77C72;
    border-right: 1px solid #E77C72;
    border-bottom: 1px solid #E77C72;
    padding: 15px 10px;
    display: block;
    width: 100%;
  }
  .sectionTable td.spTh{
    text-align: center;
    background: #D6000F;color: #FFF;
  }
  .sectionTable dl{display:flex;flex-wrap: wrap;}
  .sectionTable dt{width:6%;}
  .sectionTable dd{width:94%;}
  .pb0{
    padding-bottom: 0 !important;
  }
  #interview{
    background: #F6F6F6;
  }
  .interViewMovie {
    margin-top:25px;
  }
  .interviewBox{
    background: #FFF;
    border: 1px solid #F2F2F2;
    width: 100%;
  }
  .staffInfo{
    padding: 20px;
  }
  .interviewLabel{
    margin-bottom: 10px;
    font-size: 16px;
  }
  
  .interviewLabel strong{
    background: #e65614;
    background: -moz-linear-gradient(left, #e65614 0%, #d70110 100%);
    background: -webkit-linear-gradient(left, #e65614 0%,#d70110 100%);
    background: linear-gradient(to right, #e65614 0%,#d70110 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65614', endColorstr='#d70110',GradientType=1 );
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    display:inline-block;
    margin-bottom: 6px;
  }
  .staffLabel{
    border-left: 3px solid #D7000F;
    padding-left: 10px;
    float: left;
    margin-right: 20px;
  }
  .staffLabel strong{
    color: #D7000F;
  }
  .staffName{
    font-size: 20px;
    padding-top: 10px;
  }
  .interviewBoxLeft{
    margin-bottom: 15px;
  }
  .interviewBoxRight{
    margin-bottom: 15px;
  }
  .interviewBoxCenter{
    margin: 0 auto;
  }
  .contentsLink{
    margin: 30px 0 50px;
  }
  .contentsLink li{
    display: inline-block;
    margin: 10px;
  }
  .contentsLink li a{
    width: 240px;
    padding: 15px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #9D9D9E;
    border: 1px solid #9D9D9E;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
  }
  .contentsLink li a:hover,.contentsLink li.on a{
    color: #D6000F;
    border: 1px solid #D6000F;
  }
  .movieArea iframe{
    width: 100%;
    height: 250px;
  }
  .linkBrns a{
    background: url(../img/linkarw.png) center right no-repeat;
    padding: 13px 0 13px 20px;
    text-align: left;
    display: block;
    text-decoration: none;
    color: #574E4B;
    border: 1px solid #9D9D9E;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .linkBrns a:hover{
    color: #D7000F;
  }
  .recImg3{
    display: block;
    padding: 20px;
    width: auto;
    text-align: center;
  }
  .recContent{
    display: block;
  }
  .subtitle {
    border-bottom: solid 1px #FF000F;
    margin-bottom: 5px;
  }
  #message{
    background: #F6F6F6;
  }
  .msgArea{
    background: #FFF;
    margin-bottom: 30px;
  }
  .msgHead{
    position: relative;
    box-sizing: border-box;
  }
  .ceoImg{
  }
  .ceoImgLeft{
  }
  .ceoInfo{
    width: 100%;
    padding: 10px;
    background: #D7000F;
  }
  .ceoInfoRight{
    width: 100%;
    padding: 10px;
    background: #D7000F;
  }
  .ceoName{
    text-align: right;
    margin: 15px 0;
    font-size: 38px;
    font-family: 'Sorts Mill Goudy',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  }
  .ceoName span{
    font-size: 12px;
    margin-left: 10px;
    display:block;
  }
  .msgContents{
    width: 100%;
    padding: 10px 15px;
    margin: 0 auto 60px;
  }
  .msgContents h2{
    margin-bottom: 30px;
  }
  .msgText p{
    margin-bottom: 20px;
  }
  .msgText p strong{
    font-weight: bold;
  }
  .spTextTtl{
    font-size: 24px;
    color:#574E4B;
  }
  .f_white{color:#fff;}
  .ceoSign{
    text-align: right;
    font-size: 12px;
    margin-top: 30px;
  }
  .ceoSign p{
    margin-bottom: 10px;
  }
  .bnrBox{
    text-align:center;
    margin:30px auto;
  }
}
@media print, screen and (min-width: 768px){

  .contentsMv{
    background: url(../img/mv_img.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .workLinkBtn{
    width: 440px;
    height: 72px;
    margin: -62px auto 0;
  }
  .workLinkBtn ul li{
    float: left;
  }
  #work{
    background: #e65614;
    background: -moz-linear-gradient(left, #e65614 0%, #d70110 100%);
    background: -webkit-linear-gradient(left, #e65614 0%,#d70110 100%);
    background: linear-gradient(to right, #e65614 0%,#d70110 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65614', endColorstr='#d70110',GradientType=1 );
    padding: 60px 0;
  }
  .workContents{
    transform:skew(0deg, -10deg);
    padding-bottom: 110px;
  }
  .workContents .inner{
    transform:skew(0deg, 10deg);
  }
  .readCenterText p{font-size: 16px;}
  .diagonalBgw{
    transform:skew(0deg, -10deg);
    background: #FFF;
    padding: 150px 0;
    margin-bottom: 110px;
  }
  .diagonalBgw .inner{
    transform:skew(0deg, 10deg);
  }
  .aboutttl{
    margin-bottom: 50px;
  }
  .aboutTable{
    width: 720px;
    margin: 0px auto;
  }
  .aboutTable{}
  .aboutTable th{
    font-weight: bold;
    min-width: 100px;
  }
  .aboutTable th,.aboutTable td{
    font-size: 16px;
    color: #574E4B;
    border-bottom: 1px solid #F2F2F2;
    padding: 10px;
  }
  .aboutTable th.nb,.aboutTable td.nb{
    border-bottom: none;
  }
  .aboutTable dl{display:flex;flex-wrap: wrap;}
  .aboutTable dt{width:4%;}
  .aboutTable dd{width:96%;}
  .sectionTable{
    width: 620px;
    margin: 0px auto 50px;
    border-top: 1px solid #E77C72;
  }
  .sectionTable td{
    font-size: 16px;
    color: #FFF;
    border-bottom: 1px solid #E77C72;
    padding: 15px 10px;
  }
  .sectionTable td:nth-of-type(1){width:7%;}
  .sectionTable td:nth-of-type(2){text-wrap: nowrap;width:13%;}
  .sectionTable td:nth-of-type(3){width:80%;}
  .sectionTable dl{display:flex;flex-wrap: wrap;}
  .sectionTable dt{width:4%;}
  .sectionTable dd{width:96%;}
  .pb0{
    padding-bottom: 0 !important;
  }
  #interview{
    background: #F6F6F6;
  }
  .interViewMovie {
    margin-top: 50px;
  }
  .interviewBox{
    background: #FFF;
    border: 1px solid #F2F2F2;
    width: 45%;
  }
  .staffInfo{
    padding: 30px;
  }
  .interviewLabel{
    margin-bottom: 10px;
    font-size: 18px;
  }
  .interviewLabel strong{
    background: #e65614;
    background: -moz-linear-gradient(left, #e65614 0%, #d70110 100%);
    background: -webkit-linear-gradient(left, #e65614 0%,#d70110 100%);
    background: linear-gradient(to right, #e65614 0%,#d70110 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65614', endColorstr='#d70110',GradientType=1 );
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    display:inline-block;
    margin-bottom: 6px;
  }
  .staffLabel{
    border-left: 3px solid #D7000F;
    padding-left: 10px;
    float: left;
    margin-right: 20px;
  }
  .staffLabel strong{
    color: #D7000F;
  }
  .staffName{
    font-size: 20px;
    padding-top: 10px;
  }
  .interviewBoxLeft{
    float: left;
    margin-left: 3%;
  }
  .interviewBoxRight{
    float: right;
    margin-right: 3%;
  }
  .interviewBoxCenter{
    margin: 0 auto;
  }
  .contentsLink{
    margin: 30px 0 50px;
  }
  .contentsLink li{
    display: inline-block;
    margin: 0 10px;
  }
  .contentsLink li a{
    width: 240px;
    padding: 15px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #9D9D9E;
    border: 1px solid #9D9D9E;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
  }
  .contentsLink li a:hover,.contentsLink li.on a{
    color: #D6000F;
    border: 1px solid #D6000F;
  }
  .movieArea iframe{
    width: 100%;
    height: 250px;
  } 
  .linkBrns{
    margin:0 0 30px 0;
  }
  .linkBrns a{
    background: url(../img/linkarw.png) center right no-repeat #FFFFFF;
    padding: 13px 0 13px 0px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #574E4B;
    border: 1px solid #9D9D9E;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 10px;
    width: 50%;
    margin: 0 auto;
  }
  .linkBrns a:hover{
    color: #D7000F;
  }
  .recImg3{
    display: table-cell;
    padding-right: 20px;
    width: 300px;
    max-width: 300px;
  }
  .recContent{
    display: table-cell;
    vertical-align: top;
  }
  .subtitle {
    border-bottom: solid 1px #FF000F;
    margin-bottom: 5px;
  }
  #message{
    background: #F6F6F6;
  }
  .msgArea{
    background: #FFF;
    border: 1px solid #d90d10;
    margin-bottom: 150px;
  }
  .msgHead{
    position: relative;
    padding-top: 60px;
    height: 338px;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
  .ceoImg{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
  }
  .ceoImgLeft{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  .ceoInfo{
    width: 100%;
    padding: 40px 0 40px 170px;
    background: #D7000F;
  }
  .ceoInfoRight{
    width: 100%;
    padding: 40px 0 40px 500px;
    background: #D7000F;
  }
  .ceoName{
    margin-top: 25px;
    font-size: 38px;
    font-family: 'Sorts Mill Goudy',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  }
  .ceoName span{
    font-size: 12px;
    margin-left: 10px;
  }
  .msgContents{
    width: 630px;
    margin: 0 auto 60px;
  }
  .msgContents h2{
    margin-bottom: 30px;
  }
  .msgText p{
    margin-bottom: 20px;
  }
  .msgText p strong{
    font-weight: bold;
  }
  .pcTextTtl{
    font-size: 30px;
    color:#574E4B;
    font-weight: bold;
    margin: 25px auto 15px;
  }
  .pcTextTtl::before{
    content: " ";
    border-bottom: 3px solid #E50012;
    display: block;
    width: 60px;
    margin: 10px 0 15px;
  }
  .ceoSign{
    text-align: right;
    font-size: 12px;
    margin-top: 30px;
  }
  .ceoSign p{
    margin-bottom: 10px;
  }
  .bnrBox{
    text-align:center;
    margin-top: 50px;
  }
}

/* 20250331追加 */
.ceoInfoRight .position{line-height: 145%;}
.mark{position: absolute;width: 20%;top: -40px;right: 140px;}
.aboutTable ul{list-style-type: disc;margin-left: 30px;}
.sectionTable td span{font-size:0.8em;}
.sectionTable td i{margin-left:5.5em;}
.recnaviBnr ul{margin: 10px auto;display:flex;justify-content: space-evenly;align-items: flex-start;width: 440px;}
.recnaviBnr a{color:#fff;text-decoration: none;}
.recnaviBnr a:hover{text-decoration: underline;}
.recnaviBnr a.bk{color:#000;}
.recnaviBnr li{width:48%;}
.recnaviBnr li a{color:#fff;text-decoration: none;}
.recnaviBnr li a:hover{text-decoration: underline;}
.recnaviBnr li a.bk{color:#000;}
@media screen and (max-width: 767px){
.ceoInfoRight .position{line-height: 180%;}
.diagonalBgw{position: relative;}
.mark{position: absolute;width: 35%;top: 10px;right: 0;}
.recnaviBnr ul{width: 48%;}
}