/*
Theme Name:yokogawa
*/
@charset "utf-8";
body{
  overflow: hidden;
}
.font01{font-family: 'Noto Sans JP', sans-serif;}
.pc{display: block;}
.sp{display: none;}
.object-fit-image{
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
.object-fit-image>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.object-fit-contain {
  font-family: 'object-fit: contain;';
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.object-fit-cover {
  font-family: 'object-fit: cover;';
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.wrapper{
  width: 100%;
  max-width: 1320px;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.wrapper1600{
  width: 100%;
  max-width: 1640px;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.wrapper1730{
  width: 100%;
  max-width: 1770px;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.flexbox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: 0px;
}
.flex_1{
  flex: 1;
}
.indent{
  padding-left: 1em;
  text-indent: -1em;
}
.clearfix{
  clear: both;
}
.btn01{
  display: table;
  width: auto;
}
.btn01 a,
.btn01 span{
  display: inline-block;
  min-width: 100px;
  width: 307px;
  margin-right: 17px;
  padding: 18px 30px 18px 100px;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
  background-image: url(images/icon/arrow_w.svg);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 25px center;
  border: 1px solid #000;
  box-sizing: border-box;
  transition: .2s;
  position: relative;
}
.btn01 a:hover,
.btn01 span:hover{
  color: #000;
  background-color: #fff;
  background-image: url(images/icon/arrow.svg);
}
.btn02 a,
.btn02 span{
  display: table-cell;
  min-width: 100px;
  width: 307px;
  margin-right: 17px;
  padding: 10px 15px 10px 75px;
  font-size: 21px;
  font-weight: bold;
  text-align: right;
  color: #000;
  background-color: #fff;
  background-image: url(images/icon/arrow.svg);
  background-repeat: no-repeat;
  background-size: 45px;
  background-position: 20px center;
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: .2s;
}
.btn02 a:hover,
.btn02 span:hover{
  color: #fff;
  background-color: #000;
  background-image: url(images/icon/arrow_w.svg);
}
.btn03 a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 415px;
  height: 10.5vw;
  max-height: 130px;
  min-height: 50px;
  padding-right: 30px;
  font-size: 29px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  background-image: url(images/icon/mail.svg);
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: 40px center;
  box-sizing: border-box;
  transition: .2s;
}
.btn03 a:hover{
  color: #fff;
  background-color: #000;
  background-image: url(images/icon/mail_w.svg);
}
@media screen and (min-width:768px){

}
@media screen and (max-width:767px){
  .pc{display: none;}
  .sp{display: block;}
  .wrapper,.wrapper1600{
    padding: 0 10px;
  }
  .btn01 a,
  .btn01 span{
    width: 270px;
    padding: 11px 25px 11px 80px;
    font-size: 23px;
    background-size: 45px;
    background-position: 20px center;
  }
}
@media screen and (max-width:630px){
  .btn01 a
  .btn01 span{
    display: block;
  }
  .btn01 a+a{
    margin-top: 20px;
  }
}

.btn_menu{
  margin-bottom: 6.5%;
}
.btn_menu a{
  display: block;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
}
@media screen and (max-width:1000px){
  .btn_menu a{
    font-size: 15px;
  }
}
@media screen and (min-width:768px){
  .btn_menu ul{
    justify-content: center;
  }
  .btn_menu li{
    border-right: 2px solid #000;
    box-sizing: border-box;
    min-width: 200px;
  }
  .btn_menu li:first-child{
    border-left: 2px solid #000;
  }
}
@media screen and (max-width:767px){
  .btn_menu{
    margin-bottom: 40px;
    width: 100%;
  }
  .btn_menu ul{
    flex-direction: column;
    max-width: 500px;
    margin: auto;
  }
  .btn_menu li{
    width: 100%;
    border-bottom: 2px solid #000;
  }
  .btn_menu li:first-child{
    border-top: 2px solid #000;
  }
  .btn_menu a{
    padding: 8px 0;
  }
}


.scale_bg{
  transition: .2s;
}
a:hover .scale_bg{
  transform: scale(1.05);
}


.col3 li{
  width: calc(100% / 3 - 14px);
  max-width: 416px;
}
.col4 li{
  width: calc(100% / 4 - 13px);
  max-width: 416px;
}
@media screen and (min-width:768px){
  .col3::after{
    content: "";
    height: 0;
    order: 1;
    width: 32%;
  }
  .col4::before,
  .col4::after{
    content: "";
    height: 0;
    order: 1;
    width: 24%;
  }
}
@media screen and (max-width:767px){
  .col3 li{
    width: 100%;
    margin: 0 auto 20px;
  }
}


.title01wrap{
  margin-bottom: 40px;
}
.title01{
  font-size: 87px;
  font-weight: bold;
  display: inline;
  line-height: 1.2;
}
.title01+span{
  font-size: 23px;
  font-weight: bold;
  padding-left: 15px;
  display: inline-block;
}
@media screen and (max-width:1280px){
  .title01wrap{
    margin-bottom: 4%;
  }
  .title01{
    font-size: 6.5vw;
  }
  .title01+span{
    font-size: 1.7vw;
  }
}
@media screen and (max-width:767px){
  .title01{
    font-size: 35px;
  }
  .title01+span{
    display: block;
    padding-left: 0;
    font-size: 17px;
  }
}

.sec_header01{
  align-items: flex-start;
}
.reverse .sec_header01{
  flex-direction: row-reverse;
}
.sec_header01 h2{
  font-size: 33px;
  font-weight: bold;
  line-height: 1.9;
  flex: 1;
  margin-right: 50px;
}
.reverse .sec_header01 h2{
  margin-right: 0;
  margin-left: 0;
}
.sec_header01 h2 span{
  font-weight: bold;
  display: inline-block;
}
.sec_header01 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.1;
  width: 60%;
}
@media screen and (max-width:1000px){
  .sec_header01 h2{
    font-size: 28px;
  }
}
@media screen and (max-width:767px){
  .sec_header01{
    flex-direction: column;
  }
  .sec_header01 h2,
  .reverse .sec_header01 h2{
    font-size: 23px;
    margin: 0 0 20px;
    width: 100%;
  }
  .sec_header01 p{
    width: 100%;
    font-size: 15px;
  }
}



.sec_header02{
  font-size: 30px;
  position: relative;
  padding-bottom: 1.2%;
  margin-bottom: 2.6%;
}
.sec_header02::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #707070;
}
.sec_header02 h2,
.sec_header02 h3{
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}
.sec0101 h1{
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  font-size: 50px;
  margin-bottom: 2.6%;

 
}
.sec_header02 span{
  font-size: .64em;	
  font-weight: bold;
  display: inline-block;
}


.sec0101 .title {	
font-size: 30px;	
font-weight: bold;	
margin-right: 10px;	
display: inline-block;	
}	
.sec0101 .maintenanceImg {	
width:100%;	
}	
.sec0101 .d_title{	
font-size: 30px;	
font-weight: bold;	
margin-right: 10px;	
display: inline-block;	
margin-bottom:0px;	
}	
.d_title::after {	
content: "";	
position: absolute;	
bottom: 0;	
left: 0;	
width: 100%;	
height: 2px;	
background: #707070;	
}	
.sec0101 .all_box{	
height:375px;	
margin-bottom:50px;	
}	
.sec0101 .leftbox{	
display: block;	
position:relative;	
margin-right:20px;	
margin-bottom:20px;	
width:500px;	
height:100%;	
float: left;	
}	
.sec0101 .rightbox{	
display: block;	
margin-bottom:20px;	
float: left;	
max-width:500px;	
}	
.seko_ymd{	
margin-top:-10px!important;	
font-size: 18px!important;	
font-weight: bold!important;	
margin-bottom:0px!important;	
}	
.heding_01{	
font-size: 26px!important;	
font-weight: bold!important;	
margin-bottom:0px!important;	
}	
.seko_naiyo{	
font-size: 18px!important;	
font-weight: bold!important;	
margin-bottom:0px!important;	
}	
.seko_syosai{	
margin-bottom:0px!important;	
}

@media screen and (max-width:1280px){
  .sec_header02{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:1000px){
  .sec_header02{
    font-size: 25px;
  }
}
@media screen and (max-width:767px){
  .sec_header02{
    margin-bottom: 5%;
    font-size: 20px;
  }
}




.sec_header03{
  font-size: 50px;
  position: relative;
  padding-bottom: 1.2%;
  margin-bottom: 2.6%;
}

.sec_header03 h2,
.sec_header03 h3{
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}
.sec0101 h1{
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  font-size: 50px;
  margin-bottom: 2.6%;

 
}
.sec_header03 span{
  font-size: .64em;	
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width:1280px){
  .sec_header03{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:1000px){
  .sec_header03{
    font-size: 25px;
  }
}
@media screen and (max-width:767px){
  .sec_header03{
    margin-bottom: 5%;
    font-size: 20px;
  }
}


.section_link ul{
  margin-bottom: 12%;
  justify-content: center;
}
.section_link ul::after{
  display: none;
}
.section_link li .object-fit-image{
  background: #000;
}
.section_link li .object-fit-txt{
  position: absolute;
  top: 45%;
  z-index: 1001;
  width: 80%;
  left: 10%;
}
.section_link li .object-fit-txt img{
  width: 100%;
}
.section_link li .btn01{
  display: block;
}
.section_link li .mask::before{
  z-index: 1000;
}
.section_link li .btn01 span{
  width: 100%;
  margin-right: 0;
  font-size: 21px;
  padding: 11px 24px 11px 75px;
  background-size: 45px;
  background-position: 20px center;
}
@media screen and (max-width:960px){
  .section_link li .btn01 span{
    font-size: 17px;
    padding-right: 20px;
    padding-left: 50px;
    background-size: 30px;
  }
}
@media screen and (min-width:768px){
  .section_link li:not(:nth-of-type(3n+1)){
    margin-left: 20px;
  }
  .section_link li:nth-of-type(n+4){
    margin-top: 20px;
  }
}



.list_page .title01wrap{
  margin-bottom: 6.5%;
}
.list_page .title01{
  display: block;
  text-align: center;
  font-size: 54px;
}
@media screen and (max-width:767px){
  .list_page .title01{
    font-size: 35px;
    margin-bottom: 40px;
  }
}
.list_wrap>ul{
  margin-bottom: 7.5%;
  align-items: baseline;
}
.list_wrap>ul>li>a{
  display: block;
}
.list_wrap .object-fit-image{
  margin-bottom: 20px;
}
.list_wrap h2{
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
.list_wrap time{
  font-size: 17px;
  padding-bottom: 20px;
  display: inline-block;
}
.list_wrap p{
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.9;
}
@media screen and (min-width:1601px){
  .list_wrap>ul.col3>li:nth-of-type(n+4),
  .list_wrap>ul.col4>li:nth-of-type(n+5){
    margin-top: 48px;
  }
}
@media screen and (max-width:1600px) and (min-width:1101px){
  .list_wrap>ul.col3>li:nth-of-type(n+4),
  .list_wrap>ul.col4>li:nth-of-type(n+5){
    margin-top: 48px;
  }
}
@media screen and (max-width:1100px){
  .list_wrap>ul>li{
    width: calc(50% - 10px);
    max-width: none;
  }
  .list_wrap>ul>li:nth-of-type(n+3){
    margin-top: 48px;
  }
}
@media screen and (max-width:767px){
  .list_wrap>ul>li{
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  .list_wrap>ul>li+li{
    margin-top: 48px;
  }
  .list_wrap .object-fit-image{
    padding-top: 57%;
  }
  .list_wrap time{
    font-size: 15px;
    padding-bottom: 10px;
  }
  .list_wrap p{
    font-size: 15px;
  }
}



.mask{
  position: relative;
}
.mask::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}







header .wrapper{
  max-width: 1730px;
}
header .flexbox{
  height: 140px;
}
nav li{
  padding: 0 16px;
}
nav li a{
  display: block;
  font-weight: 400;
  white-space: nowrap;
  font-size: 16px;
}
nav li.ysclink a{
  font-size: 14px;
  text-decoration: underline;
}
header h1 img ,
footer h1 img {
  width: 380px;
  height: 70px;
  display: block;
}
@media screen and (max-width:1580px){
  header h1 img ,
  footer h1 img {
    width: 320px;
    height: 59px;
  }
  nav li{
    padding: 0 12px;
  }
  nav li a{
    font-size: 14px;
  }
  nav li.ysclink a{
    font-size: 12px;
  }
}
@media screen and (min-width:1341px){
  nav ul{
    position: relative;
  }
  nav .ysclink{
    position: absolute;
    top: 20px;
    right: 0;
  }
}
@media screen and (max-width:1340px){
  header .flexbox{
    height: 85px;
  }
  .header_right.navigation{
    display: none;
  }
  nav .ysclink{
    margin-top: 50px;
  }
}
@media screen and (max-width:767px){
  header h1 img ,
  footer h1 img {
    width: 260px;
    height: 48px;
  }
}
@media screen and (max-width:374px){
  header h1 img ,
  footer h1 img {
    width: 220px;
    height: 40px;
  }
}





.mv01{
  position: relative;
}
.mv01 .mvwrap{
  position: relative;
  width: 50vw;
  height: 65vw;
  max-height: 720px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.mv01 .mvwrap #mv{
  position: relative;
  height: 0;
  padding-top: 150%;
}
.mv01 #mv{
  position: absolute;
  top: 0;
  right: 0;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 50vw;
  height: 100%;
}
.mv01 .title01wrap{
  height: 56vw;
  max-height: 720px;
  min-height: 500px;
  box-sizing: border-box;
  padding-top: 5.7%;
}
.mv01 .title01wrap p{
  font-size: 43px;
  line-height: 1.5;
  font-weight: bold;
  padding-top: 4.7%;
}
.mv01 .title01wrap .btn01{
  padding-top: 6%;
}
@media screen and (max-width:1280px){
  .mv01 .title01wrap p{
    font-size: 3.5vw;
  }
}
@media screen and (max-width:767px){
  .mv01{
    display: flex;
    flex-direction: column;
  }
  .mv01 .title01wrap{
    height: auto;
    padding-top: 20px;
    min-height: 0;
  }
  .mv01 .mvwrap{
    position: relative;
    width: 100%;
    height: 40vw;
  }
  .mv01 .mvwrap #mv{
    height: 0;
    padding-top: 80%;
  }
  .mv01 #mv{
    position: relative;
    width: 100%;
    height: 30vw;
  }
  .mv01 .title01wrap p{
    padding-top: 20px;
    font-size: 25px;
  }
}



.mv02{
  position: relative;
}
.mv02 .mvwrap{
  top: 0;
  right: 0;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 50vw;
  min-height: 300px;
  max-height: 610px;
  position: relative;
  overflow: hidden;
}
.mv02 .mvwrap #mv{
  top: 100px;
  right: 0;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 50vw;
  min-height: 300px;
  max-height: 610px;
  padding-top: 200px;
  position: relative;
}
.mv02 .mvwrap #mv2{
  top: 100px;
  right: 0;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 50vw;
  min-height: 300px;
  max-height: 610px;
  padding-top: 200px;
  position: relative;
}
.mv02 #mv{
  top: 0;
  right: 0;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 50vw;
  min-height: 300px;
  max-height: 610px;
  position: relative;
}
.mv02 .mv02bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.mv02 .mv02bottom .title01wrap{
  width: 43vw;
  max-width: 540px;
  background: #fff;
  margin-bottom: 0;
  padding: 1.09% 0;
  position: relative;
}
.mv02 .mv02bottom .title01wrap::before{
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background: #fff;
  width: 50vw;
  height: 100%;
}
.mv02 .mv02bottom .title01wrap .title01{
  font-size: 44px;
}
@media screen and (max-width:1280px){
  .mv02 .mv02bottom .title01wrap .title01{
    font-size: 3.2vw;
  }
}
@media screen and (max-width:1000px){
  .mv02 .mvwrap #mv{
    padding-top: 140px;
  }
}
@media screen and (max-width:767px){
  .mv02 .mv02bottom .title01wrap{
    min-width: 250px;
  }
  .mv02 .mv02bottom .title01wrap .title01{
    font-size: 27px;
  }
  .mv02 .mv02bottom .title01wrap .title01+span{
    margin-top: 10px;
  }
}

.mv02 .mv02bottom02{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.mv02 .mv02bottom02 .table{
  height: 15vw;
  max-height: 155px;
  display: table;
  margin-left: auto;
  width: 100%;
  max-width: 900px;
}
.mv02 .mv02bottom02 .table>div{
  display: table-cell;
  vertical-align: middle;
}
.mv02 .mv02bottom02 .title01wrap{
  width: 54%;
  max-width: 540px;
  background: #000;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  padding-left: 4%;
}
.mv02 .mv02bottom02 .title01wrap span{
  display: block;
  font-size: 28px;
  font-weight: bold;
}
.mv02 .mv02bottom02 .title01wrap .title01{
  font-size: 46px;
  font-weight: bold;
}
.mv02 .mv02bottom02 .right_box{
  background: #fff;
  padding-left: 4%;
}
.mv02 .mv02bottom02 .right_box p{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width:1000px){
  .mv02 .mv02bottom02 .title01wrap span{
    font-size: 22px;
  }
  .mv02 .mv02bottom02 .title01wrap .title01{
    font-size: 3.6vw;
  }
  .mv02 .mv02bottom02 .right_box p{
    font-size: 22px;
  }
}
@media screen and (max-width:767px){
  .mv02 .mv02bottom02 .table{
    max-height: none;
    height: auto;
  }
  .mv02 .mv02bottom02 .table>div{
    display: table;
    margin-left: auto;
    width: auto;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
  }
  .mv02 .mv02bottom02 .title01wrap{
    min-width: 230px;
  }
  .mv02 .mv02bottom02 .title01wrap span{
    font-size: 17px;
  }
  .mv02 .mv02bottom02 .title01wrap .title01{
    font-size: 27px;
  }
  .mv02 .mv02bottom02 .right_box{
    min-width: 300px;
  }
  .mv02 .mv02bottom02 .right_box p{
    font-size: 17px;
  }
}


#mv{
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: 237%;
  height: calc(100vh - 80px);
}
.home #homemv{
  position: relative;
  margin-top: 40px;
  padding-top: 126px;
  padding-left: 3.3vw;
  margin-bottom: 150px;
}
.home #mv{
  height: calc(100vh - 220px - 130px - 20px);
  bottom: 64px;
}
.home #mv .homemv_content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 2;
}
.home #mv .homemv_content .wrapper{
  width: 85%;
}
.home #mv h1{
  width: 100%;
  max-width: 1320px;
  margin: auto;
  font-size: 80px;
  font-weight: bold;
  line-height: 1.5;
}
.home #mv .movieOuterWapper{
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.home #mv,
.home #mv .movieOuterWapper{
  height: calc(100vh - 172px - 18.1vh);
}
.movie .movieWapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie .movieWapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:1280px){
  .home #mv,
  .home #mv .movieOuterWapper{
/*    height: calc(100vh - 17vw - 17vw - 40px);*/
    height: calc(100vh - 172px - 18.1vh + 55px);
  }
  .home #mv h1{
    font-size: 80px;
  }
}
@media screen and (max-width:1023px){
  .home #homemv{
    margin-top: 0;
    margin-bottom: 13%;
    padding-top: 111px;
  }
  .home #mv,
  .home #mv .movieOuterWapper{
/*    height: 54vw;*/
    height: calc(100vh - 172px - 18.1vh + 110px);
  }
  .home #mv h1{
    font-size: 70px;
  }
}
@media screen and (max-width:767px){
  .home #homemv{
    padding-top: 63px;
    margin-bottom: 70px;
  }
  .home #mv,
  .home #mv .movieOuterWapper{
    height: calc(100vh - 135px - 18.1vh + 110px);
  }
  .home #mv h1{
    font-size: 40px;
  }
}
@media screen and (max-width:374px){
  .home #homemv{
    padding-top: 55px;
  }
  .home #mv,
  .home #mv .movieOuterWapper{
    height: calc(100vh - 130px - 18.1vh + 110px);
  }
  .home #mv .homemv_content .wrapper{
    width: 90%;
  }
  .home #mv h1{
    font-size: 35px;
  }
}
.home #homesec01 .bgwrap{
  position: relative;
  height: 65vw;
  max-height: 820px;
  overflow: hidden;
}
.home #homesec01 .bg{
  background-image: url(images/home/kaitak.jpg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 80%;
  margin-left:10%;
  height: 100%;
  padding-top: 200px;
  position: absolute;

}
.home #homesec01 .outerwrapper{
  max-width: 1550px;
  width: calc(100% - 100px);
  margin: -50px auto 0;
  padding: 90px 20px 60px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
.home #homesec01 .flexbox{
  align-items: flex-start;
  margin-bottom: 50px;
}
.home #homesec01 h2{
  font-size: 33px;
  line-height: 1.9;
  font-weight: bold;
}
.home #homesec01 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  width: 48%;
}
@media screen and (max-width:1280px){
  .home #homesec01 h2{
    margin-bottom: 40px;
  }
  .home #homesec01 p{
    width: 100%;
  }
}
@media screen and (max-width:1000px){
  .home #homesec01 .bg{
    padding-top: 140px;
  }
}
@media screen and (max-width:767px){
  .home #homesec01 .bgwrap{
    height: 40vw;
  }
  .home #homesec01 .outerwrapper{
    margin-top: 0;
    width: 100%;
    padding: 30px 0 30px;
  }
  .home #homesec01 h2{
    font-size: 23px;
    margin-bottom: 30px;
  }
  .home #homesec01 p{
    font-size: 15px;
  }
}
@media screen and (max-width:400px){
  .home #homesec01 h2{
    font-size: 20px;
  }
}

.home #homesec09 .bgwrap{
  position: relative;
  height: 65vw;
  max-height: 820px;
  overflow: hidden;
}
.home #homesec09 .bg{
  background-image: url(images/home/home_phovare.gif);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 80%;
  margin-left:10%;

  height: 100%;
  padding-top: 200px;
  position: absolute;
}
.home #homesec09 .outerwrapper{
  max-width: 1550px;
  width: calc(100% - 100px);
  margin: -50px auto 0;
  padding: 90px 20px 60px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
.home #homesec09 .flexbox{
  align-items: flex-start;
  margin-bottom: 50px;
}
.home #homesec09 h2{
  font-size: 33px;
  line-height: 1.9;
  font-weight: bold;
}
.home #homesec09 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  width: 48%;
}
@media screen and (max-width:1280px){
  .home #homesec09 h2{
    margin-bottom: 40px;
  }
  .home #homesec09 p{
    width: 100%;
  }
}
@media screen and (max-width:1000px){
  .home #homesec09 .bg{
    padding-top: 140px;
  }
}
@media screen and (max-width:767px){
  .home #homesec09 .bgwrap{
    height: 40vw;
  }
  .home #homesec09 .outerwrapper{
    margin-top: 0;
    width: 100%;
    padding: 30px 0 30px;
  }
  .home #homesec09 h2{
    font-size: 23px;
    margin-bottom: 30px;
  }
  .home #homesec09 p{
    font-size: 15px;
  }
}
@media screen and (max-width:400px){
  .home #homesec09 h2{
    font-size: 20px;
  }
}

.home #homesec10 .bgwrap{
  position: relative;
  height: 65vw;
  max-height: 820px;
  overflow: hidden;
}
.home #homesec10 .bg{
  background-image: url(images/home/home_products.jpg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 80%;
  margin-left:10%;
  height: 100%;
  padding-top: 200px;
  position: absolute;
}
.home #homesec10 .outerwrapper{
  max-width: 1550px;
  width: calc(100% - 100px);
  margin: -50px auto 0;
  padding: 90px 20px 60px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
.home #homesec10 .flexbox{
  align-items: flex-start;
  margin-bottom: 50px;
}
.home #homesec10 h2{
  font-size: 33px;
  line-height: 1.9;
  font-weight: bold;
}
.home #homesec10 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  width: 48%;
}
@media screen and (max-width:1280px){
  .home #homesec10 h2{
    margin-bottom: 40px;
  }
  .home #homesec10 p{
    width: 100%;
  }
}
@media screen and (max-width:1000px){
  .home #homesec10 .bg{
    padding-top: 140px;
  }
}
@media screen and (max-width:767px){
  .home #homesec10 .bgwrap{
    height: 40vw;
  }
  .home #homesec10 .outerwrapper{
    margin-top: 0;
    width: 100%;
    padding: 30px 0 30px;
  }
  .home #homesec10 h2{
    font-size: 23px;
    margin-bottom: 30px;
  }
  .home #homesec10 p{
    font-size: 15px;
  }
}
@media screen and (max-width:400px){
  .home #homesec10 h2{
    font-size: 20px;
  }
}




.home .homesec{
  padding-top: 11.3%;
}
.home .homesec .btn02{
  position: absolute;
  bottom: 27px;
  width: 100%;
  display: table;
  padding: 0 8%;
  box-sizing: border-box;
}
.home #homesec02.homesec{
  font-size: 20px;
  font-weight: bold;
}
.home #homesec02.homesec li{
    max-height: 740px;
  height: 62vw;
  min-height: 330px;
  overflow: hidden;
  position: relative;
  width: calc(100% / 4);
  background-color: #000;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: center;
}
.home #homesec02.homesec li .scale_bg{
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home #homesec02.homesec h3 img{
  display: block;
  width: 90%;
  margin: auto;
}



.home #homesec02.homesec .home_technology01 .scale_bg{
  background-image: url(images/home/htec01.jpg);
  background-size: 190%;
}
.home #homesec02.homesec .home_technology02 .scale_bg{
  background-image: url(images/home/htec02.jpg);
  background-size: 190%;
}
.home #homesec02.homesec .home_technology03 .scale_bg{
  background-image: url(images/home/htec03.jpg);
  background-size: 180%;
}
.home #homesec02.homesec .home_technology04 .scale_bg{
  background-image: url(images/home/htec04.jpg);
  background-size: 180%;
}
@media screen and (min-width:1281px){
  .home .homesec{
    padding-top: 90px;
  }
  .home #homesec02.homesec li{
    max-height: 740px;
  }
}
@media screen and (max-width:1100px){
  .home #homesec02.homesec li{
    width: 50%;
  }
}
@media screen and (max-width:600px){
  .home #homesec02.homesec li{
    width: 100%;
  }
  .home #homesec02.homesec .home_technology01{
    background-position: bottom;
  }
  .home .homesec .btn02 span{
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.home .homesec .btn01{
  transform: translateY(-50%);
  position: relative;
}

.accordion {
	width: 100%;
  height: 100%;
	overflow: hidden;
}
.accordion ul {
	width: 100%;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}
.accordion li {
  position: relative;
  display: block;
  cursor: pointer;
  /*Transitions to give animation effect*/
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  /*If you hover on the images now you should be able to
  see the basic accordian*/
}
.accordion ul li h3{
  position: relative;
  transition: .5s;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.accordion ul li h3 span{
  display: inline-block;
  font-weight: bold;
}
.accordion ul li>div{
  background-image: url(images/home/home_works04.jpg);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.accordion ul li>a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.accordion ul li:nth-of-type(2)>div{
  background-image: url(images/home/home_works01.jpg);
  background-position: 65% 50%;
}
.accordion ul li:nth-of-type(3)>div{
  background-image: url(images/home/home_works02.jpg);
  background-position: 65% 50%;
}
.accordion ul li:nth-of-type(4)>div{
  background-image: url(images/home/home_works03.jpg);
  background-position: 60% 50%;
}

@media screen and (min-width:768px){
  .accordion li {
  	width: calc(100% / 4);
    height: 90vw;
    max-height: 900px;
  	float: left;
  }
  .accordion ul:hover li {
    width: 10%;
  }
  /*Lets apply hover effects now*/
  /*The LI hover style should override the UL hover style*/
  .accordion ul li:hover{
    width: 70%;
  }
  .accordion ul li h3{
    left: 5vw;
    transform: translateX(-50%);
    padding-top: 50px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .accordion ul li>div{
    width: calc(100vw - 20%);
  }
}
@media screen and (max-width:767px){
  .accordion ul{
    height: 800px;
  }
  .accordion li{
    width: 100%;
    height: calc(100% / 4);
  }
  .accordion ul:hover li {
    height: 120px;
  }
  .accordion ul li:hover{
    height: 440px;
  }
  .accordion ul li h3{
    top: 50px;
    padding: 0 10px;
    font-size: 17px;
  }
  .accordion ul li{
    width: 100%;
  }
  .accordion ul li>div{
    width: 100%;
    height: 440px;
  }
}

.accordion2 {
	width: 100%;
  height: 100%;
	overflow: hidden;
}
.accordion2 ul {
	width: 100%;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}
.accordion2 li {
  position: relative;
  display: block;
  cursor: pointer;
  /*Transitions to give animation effect*/
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  /*If you hover on the images now you should be able to
  see the basic accordian*/
}
.accordion2 ul li h3{
  position: relative;
  transition: .5s;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.accordion2 ul li h3 span{
  color:#fff;
  font-size:45px;
  display: inline-block;
  font-weight: bold;  
}

.accordion2 ul li h3 span p{
  color:#000;
  font-size:45px;
  display: inline-block;
  font-weight: bold;  
}


.accordion2 ul li>div{
  background-image: url(images/home/home_works04.jpg);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.accordion2 ul li>a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.accordion2 ul li:nth-of-type(1)>div{
  background-image: url(/wp-content/themes/yokogawa/images/technology/phovare/2_29.jpg);
  background-position: 65% 50%;
}
.accordion2 ul li:nth-of-type(2)>div{
  background-image: url(/wp-content/themes/yokogawa/images/technology/phovare/2_30.jpg);
  background-position: 65% 50%;
}
.accordion2 ul li:nth-of-type(3)>div{
  background-image: url(/wp-content/themes/yokogawa/images/technology/phovare/2_31.jpg);
  background-position: 60% 50%;
}

@media screen and (min-width:768px){
  .accordion2 li {
  	width: calc(100% / 4);
    height: 90vw;
    max-height: 500px;
  	float: left;
  }
  .accordion2 ul:hover li {
    width: 10%;
  }
  /*Lets apply hover effects now*/
  /*The LI hover style should override the UL hover style*/
  .accordion2 ul li:hover{
    width: 70%;
  }
  .accordion2 ul li h3{
    left: 5vw;
    transform: translateX(-50%);
    padding-top: 50px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .accordion2 ul li>div{
    width: calc(100vw - 20%);
  }
}
@media screen and (max-width:767px){
  .accordion2 ul{
    height: 800px;
  }
  .accordion2 li{
    width: 100%;
    height: calc(100% / 4);
  }
  .accordion2 ul:hover li {
    height: 120px;
  }
  .accordion2 ul li:hover{
    height: 440px;
  }
  .accordion2 ul li h3{
    top: 50px;
    padding: 0 10px;
    font-size: 17px;
  }
  .accordion2 ul li{
    width: 100%;
  }
  .accordion2 ul li>div{
    width: 100%;
    height: 440px;
  }
}

.home #homesec04 ul{
width: calc(640px + 50%);
margin-left: auto;
align-items: flex-start;
justify-content: space-between;
padding-bottom: 40px;
}
.home #homesec04 ul::before ,
.home #homesec04 ul::after {
content:'';
order:1;
width: 24%;
height: 0;
}
@media screen and (max-width:1400px){
.home #homesec04 ul{
width: 100%;
padding-left: 20px;
padding-right: 20px;
max-width: 1320px;
box-sizing: border-box;
}
}
.home #homesec04 li{
  width: 24%;
  margin-bottom: 30px;
}
@media screen and (max-width:1024px){
.home #homesec04 li{
width: 49%;
}
}
.home #homesec04 li a {
display: block;
}
.home #homesec04 .home_news_img{
  height: 25vw;
  max-height: 240px;
  min-height: 200px;
  overflow: hidden;
}
.home #homesec04 .home_news_txt{
  padding: 10px 0;
}
.home #homesec04 time{
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
  line-height: 1.2;
}
.home #homesec04 p{
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width:767px){
.home #homesec04 ul{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width:540px){
.home #homesec04 li{
  width: 100%;
}
}

.home #homesec05{
  margin-bottom: 100px;
}
.home #homesec05 .home_company01wrap{
  position: relative;
  max-width: 630px;
  padding-bottom: 140px;
}
.home #homesec05 .home_company01 h3{
  font-size: 33px;
  font-weight: bold;
  line-height: 1.9;
  margin-bottom: 70px;
}
.home #homesec05 .home_company01 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  letter-spacing: 1px;
  line-height: 2.1;
}

.home #homesec05 .home_company01::before{
  content: "";
  position: absolute;
  right: 100%;
  background: #fff;
  width: 200px;
  height: 100%;
}
.home #homesec05 .home_company01{
  background: #fff;
  z-index: 1000;
  position: relative;
  padding-bottom: 80px;
  padding-right: 100px;
}
.home #homesec05 .bgwrap{
  position: absolute;
  bottom: 0;
  left: -100px;
  width: calc( 100vw / 2 + 735px);
  height: 100%;
  min-height: 150px;
  z-index: 999;
  overflow: hidden;
}
.home #homesec05 .bg{
  background-image: url(images/home/home_company01.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100% + 250px);
}
.home #homesec05 .btn01{
  z-index: 1000;
}
@media screen and (max-width:1280px){
  .home #homesec05{
    margin-bottom: 8.7%;
  }
  .home #homesec05 .home_company01wrap{
    display: flex;
    flex-direction: column-reverse;
    max-width: none;
    padding-bottom: 50px;
  }
  .home #homesec05 .home_company01{
    padding-bottom: 0;
    padding-right: 0;
  }
  .home #homesec05 .home_company01 h3{
    margin-bottom: 40px;
  }
  .home #homesec05 .bgwrap{
    position: relative;
    margin-bottom: 40px;
    height: 30vw;
  }
  .home #homesec05 .bg{
    position: relative;
    height: 0;
    padding-top: calc(640 / 1700 * 100%);
  }
  .home #homesec05 .btn01{
    transform: translateY(0);
  }
}
@media screen and (max-width:767px){
  .home #homesec05 .home_company01wrap{
    padding-bottom: 30px;
  }
  .home #homesec05 .home_company01 h3{
    font-size: 23px;
    margin-bottom: 20px;
  }
  .home #homesec05 .home_company01 p{
    font-size: 15px;
  }
}
@media screen and (max-width:630px){

}


.home #sec06{
  background: #6B6B6B;
}
.home #sec06 .flexbox{
  padding: 11.258% 0;
  justify-content: center;
}
.home #sec06 .btn03 a+a{
  background-image: url(images/icon/tel.svg);
  background-size: 23px;
  margin-left: 20px;
}
.home #sec06 .btn03 a+a:hover{
  background-image: url(images/icon/tel_w.svg);
}
@media screen and (max-width:960px){
  .home #sec06 .flexbox{
    flex-direction: column;
  }
  .home #sec06 .btn03 a+a{
    margin-left: 0;
    margin-top: 20px;
  }
}


#homesec07{
  margin: 0 auto;
  padding-top: 0;
  /*padding-bottom: 130px;*/
}



#about #mv_content{
  margin-bottom: 150px;
}
#about #mv{
  background-image: url(images/about/about_mv.jpg);
}
@media screen and (max-width:1280px){
  #about #mv_content{
    margin-bottom: 13%;
  }
}
@media screen and (max-width:767px){
  #about #mv_content{
    margin-bottom: 40px;
  }
}

#about #sec01 .sec_header01{
  margin-bottom: 9.3%;
}
#about #sec01 .sec_header01 p{
  width: 60%;
  padding-left: 30px;
}
#about #sec02{
  position: relative;
  height: 30vw;
  max-height: 345px;
  min-height: 170px;
  box-sizing: border-box;
  overflow: hidden;
}
#about #sec02 .bgwrap{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#about #sec02 .bgwrap .bg{
  height: 100%;
/*  padding-top: calc(346 / 1920 * 100% + 100px);*/
  background-image: url(images/about/aboutbg01.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#about #sec02 .wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
#about #sec02 .btn01 a{
  background-color: #fff;
  background-image: url(images/icon/arrow.svg);
  color: #000;
  margin: auto;
  border: 0;
}
#about #sec02 .btn01 a:hover{
  background-color: #000;
  background-image: url(images/icon/arrow_w.svg);
  color: #fff;
}
@media screen and (max-width:1280px){
  #about .sec_header01 h2{
    font-size: 2.58vw;
  }
}
@media screen and (max-width:960px){
  #about #sec01 .sec_header01{
    flex-direction: column;
  }
  #about .sec_header01 h2{
    font-size: 28px;
    margin-bottom: 30px;
  }
  #about #sec01 .sec_header01 p{
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width:600px){
  #about .sec_header01 h2{
    font-size: 5vw;
  }
}



#history #mv_content{
  margin-bottom: 150px;
}
#history #mv{
  background-image: url(images/history/history_mv.jpg);
}
@media screen and (max-width:1280px){
  #history #mv_content{
    margin-bottom: 13%;
  }
}
@media screen and (max-width:767px){
  #history #mv_content{
    margin-bottom: 40px;
  }
}
#history section{
  margin-bottom: 70px;
}
#history .history_bg{
  position: relative;
  padding: 50px 0 90px;
}
#history .history_bg::before{
  content: "";
  position: absolute;
  bottom: 0;
  width: 150%;
  height: 80%;
  background: #eee;
}
#history .history_bg h3{
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 4%;
  position: relative;
}
#history .sec_header02{
  margin-bottom: 4.8%;
}
#history .col3{
  margin-bottom: 6.2%;
}
#history .history_sec_topimg{
  margin-bottom: 4%;
  position: relative;
}
#history .history_sec_topimg img,
#history .historybox img{
  display: block;
  width: 100%;
}
#history .object-fit-image{
  padding-top: 137%;
}
#history .historybox{
  align-items: flex-start;
  position: relative;
}

#history .historybox p{
  font-size: 17px;
  font-weight: 400;
  line-height: 2.1;
  text-indent: 1em;
}
#history .historybox a{
  display: table;
  margin-top: 20px;
  margin-left: auto;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
#history .historybox p a{
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
#history figcaption{
  font-size: 17px;
  font-weight: bold;
  padding-top: 15px;
}
#history figcaption span{
  display: inline-block;
}
#history #sec08 figcaption,
#history #sec09 figcaption{
  text-align: right;
}
#history .historybox .takayanagi{
  text-align: right;
  width: 100%;
  padding-top: 50px;
}
#history .historybox .takayanagi img{
  max-width: max-content;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: 0;
}
#history .historybox .takayanagi p{
  width: 100%;
}
#history #secjisseki{
  padding-top: 50px;
}
#history #secjisseki h3{
  font-size: 33px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
#history #secjisseki ul{
  display: table;
  margin: 0 auto 30px;
}
#history #secjisseki li{
  margin-bottom: 5px;
}
#history #secyokogawa{
  text-align: center;
}
#history #secyokogawa p{
  font-size: 20px;
  margin-bottom: 40px;
}
#history #secyokogawa p+p{
  margin-bottom: 130px;
}
#history #secyokogawa p span{
  font-size: 16px;
  display: inline-block;
}
#history #secyokogawa img{
  margin-bottom: 80px;
  max-width: max-content;
  width: 90%;
}
#history #secyokogawa .btn01{
  margin: auto;
}
#history #secyokogawa a{
  width: auto;
  margin: 0 0 50px;
}
@media screen and (max-width:1280px){
  #history .history_bg h3{
    font-size: 2.9vw;
  }
}
@media screen and (min-width:1001px){
  #history .historybox>div{
    width: calc(50% - 10px);
  }
  #history .historybox p{
    width: 95%;
  }
  #history .historybox>div:nth-of-type(n+3){
    margin-top: 5%;
  }
  #history .historybox>div:nth-of-type(even) p{
    margin-left: auto;
  }

}
@media screen and (max-width:1000px){
  #history .history_bg h3{
    font-size: 28px;
  }
  #history .historybox>div{
    margin-bottom: 20px;
    width: 100%;
  }
  #history .historybox img{
    max-width: 634px;
    margin: 10px auto;
  }
  #history .historybox p{
    font-size: 15px;
  }
  #history .historybox a{
    font-size: 15px;
  }
  #history figcaption{
    font-size: 15px;
    padding-top: 10px;
  }

}
@media screen and (min-width:768px){
  #history .history_bg.bg_right::before{
    left: calc(40% - 640px);
  }
  #history .history_bg.bg_left::before{
    right: calc(40% - 640px);
  }
  #history #sec13.history_bg::before,
  #history #secjisseki.history_bg::before{
    height: 100%;
  }
  #history #sec07 .history_sec_topimg img,
  #history #sec11 .history_sec_topimg img{
    width: calc(50% - 10px);
  }
  #history #sec07 .historybox a{
    position: relative;
    margin-left: auto;
    margin-top: 30px;
  }
}
@media screen and (max-width:767px){
  #history section{
    margin-bottom: 70px;
  }
  #history .history_bg{
    padding-bottom: 70px;
  }
  #history .history_bg::before{
    height: 85%;
  }
  #history #sec13.history_bg::before,
  #history #secjisseki.history_bg::before{
    height: 100%;
  }
  #history .col3{
    margin-bottom: 6%;
  }
  #history .object-fit-image{
    padding-top: 60%;
  }
  #history .history_bg h3{
    font-size: 23px;
  }
  #history #sec07 .history_sec_topimg img,
  #history #sec11 .history_sec_topimg img{
    margin-bottom: 20px;
  }
  #history #secjisseki h3{
    font-size: 23px;
  }
  #history #secjisseki ul{
    width: 100%;
  }
}


#yokogawa_tamisuke #mv_content{
  margin-bottom: 150px;
}
#yokogawa_tamisuke #mv{
  background-image: url(images/tamisuke/mv.jpg);
}
@media screen and (max-width:1280px){
  #yokogawa_tamisuke #mv_content{
    margin-bottom: 13%;
  }
}
@media screen and (max-width:767px){
  #yokogawa_tamisuke #mv_content{
    margin-bottom: 40px;
  }
}
#yokogawa_tamisuke #sec01{
  margin-bottom: 100px;
}
#yokogawa_tamisuke #sec01 .sec_header01{
  margin-bottom: 150px;
}
#yokogawa_tamisuke #sec01 .tamisuketxt img{
  float: left;
  display: block;
  margin-right: 3.8%;
  margin-bottom: 20px;
  max-width: 198px;
  min-width: 130px;
}
#yokogawa_tamisuke #sec01 .tamisuketxt p{
  font-size: 17px;
  font-weight: 400;
  line-height: 2.1;
  margin-bottom: 2.8em;
}
#yokogawa_tamisuke #sec01 ul{
  padding-top: 3.8%;
  margin-bottom: 7.7%;
}
#yokogawa_tamisuke #sec01 .object-fit-image{
  padding-top: 137%;
}
@media screen and (min-width:1001px){
  #yokogawa_tamisuke #sec01 .tamisukebox{
    display: flex;
    justify-content: space-between;
    clear: both;
  }
  #yokogawa_tamisuke #sec01 .tamisuketxt{
    flex: 1;
  }
  #yokogawa_tamisuke #sec01 ul{
    width: 25%;
    justify-content: flex-start;
    flex-direction: column;
    margin-left: 35px;
    padding-top: 0;
  }
  #yokogawa_tamisuke #sec01 li{
    width: 100%;
    max-width: none;
    margin-bottom: 25px;
  }
}
@media screen and (max-width:767px){
  #yokogawa_tamisuke #sec01 .sec_header01{
    margin-bottom: 80px;
  }
  #yokogawa_tamisuke #sec01 .tamisuketxt img{
    width: 30%;
    margin-right: 20px;
  }
  #yokogawa_tamisuke #sec01 .tamisuketxt p{
    font-size: 15px;
  }
  #yokogawa_tamisuke #sec01 .object-fit-image{
    padding-top: 60%;
  }
}

#yokogawa_tamisuke #sec02 ul{
  margin-bottom: 10%;
}
#yokogawa_tamisuke #sec02 li{
  position: relative;
  box-sizing: border-box;
  width: 50%;
}
#yokogawa_tamisuke #sec02 li::before{
  content: "";
  position: absolute;
  top: -30px;
  left: -1px;
  width: 2px;
  height: calc(100% + 50px);
  background: #000;
}
#yokogawa_tamisuke #sec02 li:first-child::before{
  top: 25px;
}
#yokogawa_tamisuke #sec02 li:last-child::before{
  height: 100%;
  top: calc(-100% + 25px);
}
#yokogawa_tamisuke #sec02 .history_sec02head{
  margin-bottom: 6.2%;
  line-height: 1;
}
#yokogawa_tamisuke #sec02 .history_sec02head h3{
  font-size: 49px;
  font-weight: bold;
  display: inline-block;
}
#yokogawa_tamisuke #sec02 .history_sec02head h3::before{
  content: "";
  position: absolute;
  top: .5em;
  left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #000;
}
#yokogawa_tamisuke #sec02 .history_sec02head span{
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 0.8em;
}
#yokogawa_tamisuke #sec02 p{
  font-size: 22px;
  line-height: 1.9;
  letter-spacing: 1px;
}
#yokogawa_tamisuke #sec02 img{
  padding-top: 20px;
}
#yokogawa_tamisuke #sec02 .h1901 img,
#yokogawa_tamisuke #sec02 .h1902 img,
#yokogawa_tamisuke #sec02 .h1911 img,
#yokogawa_tamisuke #sec02 .h1925 img{
  max-width: 416px;
  width: 82%;
}
#yokogawa_tamisuke #sec02 .h1914 img{
  max-width: 305px;
  width: 63%;
}
#yokogawa_tamisuke #sec02 .h1927 img{
  max-width: 382px;
  width: 80%;
}
#yokogawa_tamisuke #sec02 .h1932 img{
  max-width: 525px;
  width: 100%;
}
@media screen and (max-width:1000px){
  #yokogawa_tamisuke #sec02 p{
    font-size: 20px;
  }
}
@media screen and (min-width:768px){
  #yokogawa_tamisuke #sec02 .hleft{
    text-align: right;
    margin-right: 50%;
    padding-right: 10%;
    margin-top: -52px;
  }
  #yokogawa_tamisuke #sec02 .hleft::before{
    right: -1px;
    left: auto;
  }
  #yokogawa_tamisuke #sec02 .hleft .history_sec02head{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
  }
  #yokogawa_tamisuke #sec02 .hleft .history_sec02head h3::before{
    right: -6px;
    left: auto;
  }
  #yokogawa_tamisuke #sec02 .hright{
    margin-left: auto;
    margin-left: 50%;
    padding-left: 10%;
  }
  #yokogawa_tamisuke #sec02 .h1902{
    margin-top: -9%;
  }
  #yokogawa_tamisuke #sec02 .h1903{
    margin-top: -14%;
  }
  #yokogawa_tamisuke #sec02 .h1907{
    padding-top: 30px;
  }
  #yokogawa_tamisuke #sec02 .h1911{
    margin-top: 0;
  }
  #yokogawa_tamisuke #sec02 .h1914{
    margin-top: -20%;
  }
  #yokogawa_tamisuke #sec02 .h1915{
    margin-top: -10%;
  }
  #yokogawa_tamisuke #sec02 .h1916{
    padding-top: 10px;
  }
  #yokogawa_tamisuke #sec02 .h1920{
    margin-top: 30px;
  }
  #yokogawa_tamisuke #sec02 .h1927{
    margin-top: -17%;
  }
  #yokogawa_tamisuke #sec02 .h1931{
    margin-top: -5%;
  }
  #yokogawa_tamisuke #sec02 .h1932{
    margin-top: 10px;
  }
  #yokogawa_tamisuke #sec02 .h1938{
    margin-top: -21%;
  }
  #yokogawa_tamisuke #sec02 .h1945{
    margin-top: 12%;
  }
}
@media screen and (max-width:767px){
  #yokogawa_tamisuke #sec02 ul{
    max-width: 500px;
    margin: 0 auto 100px;
  }
  #yokogawa_tamisuke #sec02 li{
    width: 100%;
    margin-bottom: 40px;
    padding-left: 20px;
  }
  #yokogawa_tamisuke #sec02 .history_sec02head{
    margin-bottom: 15px;
  }
  #yokogawa_tamisuke #sec02 .history_sec02head h3{
    font-size: 35px;
  }
  #yokogawa_tamisuke #sec02 .history_sec02head h3::before{
    top: .4em;
  }
  #yokogawa_tamisuke #sec02 .history_sec02head span{
    font-size: 19px;
  }
  #yokogawa_tamisuke #sec02 p{
    font-size: 17px;
  }
}


.technology_yma03 #mv_content{
  margin-bottom: 120px;
}
.technology_yma03 #mv{
  background-image: url(images/technology/mv.jpg);
}
@media screen and (max-width:767px){
  .technology_yma03 #mv_content{
    margin-bottom: 40px;
  }
}
.technology_yma03 #mv_content+.btn_menu{
  margin-bottom: 100px;
}
.technology_yma03 section+.btn_menu{
  margin-top: 60px;
  margin-bottom: 140px;
}
.technology_yma03 .btn_menu a{
  color: #8D8D8D;
}
.technology_yma03 .btn_menu a.current{
  color: #000;
  pointer-events: none;
}
@media screen and (max-width:1000px){
  .technology_yma03 #mv_content+.btn_menu{
    margin-bottom: 10%;
  }
  .technology_yma03 section+.btn_menu{
    margin-bottom: 14%;
  }
}

@media screen and (max-width:767px){
  .technology_yma03 #mv_content+.btn_menu{
    margin-bottom: 40px;
  }
  .technology_yma03 section+.btn_menu{
    margin-bottom: 70px;
  }
}
.technology_yma03 section{
  margin-bottom: 3.3%;
}
.technology_yma03 section h3{
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.technology_yma03 section p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  margin-bottom: 40px;
}
.technology_yma03 section .wrapper>div{
  margin-bottom: 90px;
}
.technology_yma03 .technology_img{
  margin-bottom: 20px;
}
.technology_yma03 .technology_img>div{
  width: calc(50% - 10px);
  position: relative;
}
.technology_yma03 .technology_img>div:nth-of-type(n+3){
  margin-top: 24px;
}
.technology_yma03 .technology_img img{
  display: block;
  width: 100%;
}
.technology_yma03 .technology_img .movieWrapper div{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}
.technology_yma03 .technology_img iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.technology_yma03 section a{
  display: table;
  margin-left: auto;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width:1000px){
  .technology_yma03 section h3{
    font-size: 21px;
  }
}
@media screen and (max-width:767px){
  .technology_yma03 section h3{
    font-size: 17px;
  }
  .technology_yma03 .technology_img{
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .technology_yma03 .technology_img>div{
    width: 100%;
  }
  .technology_yma03 .technology_img>div+div{
    margin-top: 20px;
  }
  .technology_yma03 section p{
    font-size: 15px;
    margin-bottom: 30px;
  }
  .technology_yma03 section a{
    font-size: 15px;
  }
}

#yma0301 .technology_yma03 .technology_img .movieWrapper div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
#yma0301 .technology_yma03 section a{
  background: #647393;
  position: relative;
  display: table;
  text-align: center;
  text-decoration: none;
  width: 300px;
  height: 50px;
  line-height: 1.1;
  color: #fff;
  font-size: 16px;
  margin: auto;
  transition: .2s;
}
#yma0301 .technology_yma03 section a div{
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  padding-right: 15px;
  box-sizing: border-box;
}

#yma0303 .technology_yma03 section a{
  display: inline;
  color: #d7ad00;
}
#yma0303 .technology_yma03 .kikan{
  margin-top: 20px;
  display: block;
}
@media screen and (min-width:768px){
  #yma0303 .technology_yma03 .technology_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #yma0303 .technology_yma03 .technology_txt{
    margin-right: 20px;
  }
  #yma0303 .technology_yma03 .technology_img{
    width: 58%;
    align-items: flex-start;
  }
}
@media screen and (max-width:767px){
  #yma0303 .technology_yma03 .technology_img{
    flex-direction: row;
  }
  #yma0303 .technology_yma03 .technology_img>div{
    width: 49%;
    margin-top: 0;
  }
  #yma0303 .technology_yma03 .kikan{
    margin-top: 10px;
  }
}
#yma0304 .sec0101{
  margin-bottom: 50px;
}
#yma0304 .technology_box_wrap{
  align-items: flex-start;
}
#yma0304 .technology_box .flexbox{
  align-items: flex-start;
}
#yma0304 .technology_box .technology_img{
  width: 46%;
  max-width: 300px;
  margin-right: 20px;
}
@media screen and (min-width:1001px){
  #yma0304 .technology_box{
    width: 48%;
  }
  #yma0304 .technology_box:nth-of-type(n+3){
    margin-top: 30px;
  }
}
@media screen and (max-width:1000px){
  #yma0304 .technology_box .flexbox{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:400px){
  #yma0304 .technology_box .flexbox{
    flex-direction: column;
  }
  #yma0304 .technology_box .technology_img{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

#yma0305 .sec0101{
  margin-bottom: 30px;
}
#yma0305 .pagelink{
  justify-content: center;
  margin-bottom: 50px;
}
#yma0305 .technology_yma03 section .wrapper>div{
  padding-top: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width:1000px){
  #yma0305 .pagelink{
    display: none;
  }
}
@media screen and (max-width:767px) and (min-width:481px){
  #yma0305 .technology_yma03 .technology_img{
    flex-direction: row;
    max-width: none;
  }
  #yma0305 .technology_yma03 .technology_img>div{
    width: calc(50% - 10px);
    margin-top: 0;
  }
}
@media screen and (max-width:480px){
  #yma0305 .technology_yma03 section .wrapper>div{
    margin-bottom: 50px;
  }
}


.category_ul{
  justify-content: flex-start;
}
.category_ul li{
  min-width: 152px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.category_ul a{
  font-size: 12px;
  color: #fff;
  background: #545454;
  padding: 3px 6px;
  display: block;
  text-align: center;
}
@media screen and (max-width:767px){
  .category_ul li{
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 12px;
  }
}
.wp-pagenavi{
  display: flex;
  justify-content: center;
  margin-bottom: 90px;
}
.wp-pagenavi .pages{
  display: none;
}
.wp-pagenavi ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend{
  font-size: 17px;
  color: #515151;
  border: 1px solid #313131;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin: 0 10px;
}
.wp-pagenavi .current{
  display: block;
  background: #EEEEEE;
}
@media screen and (max-width:767px){
  .wp-pagenavi a,
  .wp-pagenavi .current,
  .wp-pagenavi .extend{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    margin: 0 5px;
  }
}


 .yogo_title {
    position: relative;
    margin-top:40px; 
    padding: 0 0 1.2rem;
    border-bottom: 3px solid #e4e4e4;

}

.taiyo_year{
    text-align: right;
    width: 100%;

}



.category_listwrap+.category_listwrap{
  margin-top: 28px;
}
.category_listwrap p {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
.category_listwrap .category_ul li{
  min-width: 166px;
  margin-right: 15px;
  margin-bottom: 0;
}
.category_listwrap .category_ul a{
  font-size: 14px;
  padding: 4.5px;
}
@media screen and (max-width:960px){
  .category_listwrap{
    flex-direction: column;
  }
  .category_listwrap p{
    width: 100%;
    margin-bottom: 10px;
  }
  .category_listwrap .category_ul{
    margin-left: 0;
    justify-content: space-between;
    max-width: none;
    position: relative;
  }
  .category_listwrap .category_ul::before{
    content: "";
    height: 0;
    order: 1;
    width: 32%;
  }
}
@media screen and (max-width:960px) and (min-width:768px){
  .category_listwrap .category_ul::before,
  .category_listwrap .category_ul::after{
    width: 33%;
  }
  .category_listwrap .category_ul li{
    width: 33%;
    margin-right: 0;
  }
  .category_listwrap .category_ul li:nth-of-type(n+4){
    margin-top: 10px;
  }
  .category_listwrap .category_ul li a{
    width: calc(100% - 20px);
    margin: auto;
  }
}
@media screen and (max-width:767px) and (min-width:501px){
  .category_listwrap .category_ul li{
    width: 48%;
    margin-right: 0;
  }
  .category_listwrap .category_ul li:nth-of-type(n+3){
    margin-top: 10px;
  }
}
@media screen and (max-width:500px){
  .category_listwrap .category_ul li{
    width: 100%;
    margin: auto;
  }
  .category_listwrap .category_ul li+li{
    margin-top: 10px;
  }
}



#works .works_term{
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 30px;
  background: #000;
  padding: .2em;
  padding-left: 3em;
  position: relative;
}
#works.post_type_archive .works_term{
  margin-bottom: 10px;
}
#works .works_term::before{
  content: '';
  position: absolute;
  top: 0;
  left: 1em;
  width: 1em;
  height: 100%;
  background: #FDFD66;
}
#works .works_term.use01::before{
  background: #FE0000;
}
#works .works_term.use02::before{
  background: #339966;
}
#works .works_term.use03::before{
  background: #0000FE;
}
#works .works_term.use04::before{
  background: #969696;
}
#works .works_pickup{
  font-size: 20px;
  margin-bottom: 10px;
}
#works .archive_works+.archive_works{
  margin-top: 80px;
}
#works .archive_works.last{
  margin-top: 80px;
  margin-bottom: 60px;
}
#works .title01wrap{
  text-align: center;
}
#works .list_wrap>ul{
  margin-bottom: 15px;
}
#works .archive_works .btn01{
  margin-left: auto;
}
#works .archive_works .btn01 a{
  margin-right: 0;
}
/*
#works .list_wrap{
  padding-top: 90px;
}
#works .list_wrap .object-fit-image{
  padding-top: 57.4%;
}
@media screen and (max-width:1600px) and (min-width:1101px){
  #works .wrapper1730{
    max-width: 1288px;
  }
  #works .list_wrap .col4::before,
  #works .list_wrap .col4::after,
  #works .list_wrap .col4 li{
    width: calc(100% / 3 - 13px);
  }
}
*/
@media screen and (max-width:767px){
  #works .works_term{
    font-size: 22px;
  }
  #works .works_pickup{
    font-size: 16px;
  }
}


.single-works .mvwrap{
  margin-bottom: 170px;
}
@media screen and (max-width:1600px){
  .single-works .mvwrap{
    margin-bottom: 10.7%;
  }
}

.single-works .mv02 .title01wrap{
  max-width: 680px;
  padding: 2.55% 0 0;
}
.single-works .mv02 .title01wrap .title01{
  font-size: 35px;
  line-height: 1.9;
}
@media screen and (max-width:1600px){
  .single-works .mv02 .title01wrap .title01{
    font-size: 2.3vw;
  }
}
@media screen and (max-width:767px){
  .single-works .mv02 .title01wrap .title01{
    font-size: 16px;
  }
}
.single-works .video,
.edit_content .topmoviebox{
  width: 100%;
  height: 39vw;
  min-height: 200px;
  max-height: 615px;
  position: relative;
  margin-bottom: 150px;
}
@media screen and (max-width:1600px){
  .single-works .video{
    margin-bottom: 10%;
  }
}
@media screen and (max-width:767px){
  .single-works .video{
    margin-bottom: 10%;
  }
}
.single-works .wrapper1600{
  position: relative;
}
.single-works .sec .wrapper1600::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  background: #EEEEEE;
  width: calc(100% - 40px);
  height: calc(100% - 72px);
}
.single-works .sec_content{
  margin-bottom: 150px;
}
.single-works .sec_content:last-child{
  padding-bottom: 130px;
}
.single-works .sec h2{
  font-size: 84px;
  font-weight: bold;
  margin-bottom: 50px;
  position: relative;
}
.single-works .sec .reverse h2{
  text-align: right;
}
.single-works .sec .flexbox{
  position: relative;
  align-items: center;
}
.single-works .sec .reverse .flexbox{
  flex-direction: row-reverse;
}
.single-works .sec .flexbox>div:only-child{
  width: 100%;
  max-width: none;
}
.single-works .sec .textbox{
  width: 46%;
  max-width: 525px;
}
.single-works .sec h3{
  font-size: 23px;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 13px;
}
.single-works .sec p{
  font-size: 18px;
  line-height: 2.1;
}
.single-works .sec .works_single_img{
  overflow: visible;
  padding-top: 36%;
  width: 50%;
}
.single-works .sec .works_single_img div{
  width: calc(50vw - 10px);
  left: auto;
  right: 10px;
}
.single-works .sec .reverse .works_single_img div{
  left: 10px;
  right: auto;
}
@media screen and (max-width:1600px){
  .single-works .sec .wrapper1600::before{
    height: calc(100% - 4.5vw);
  }
  .single-works .sec_content{
    margin-bottom: 9.5%;
  }
  .single-works .sec_content:last-child{
    padding-bottom: 9.7%;
  }
  .single-works .sec h2{
    font-size: 4.87vw;
    margin-bottom: 4.05%;
  }
}
@media screen and (max-width:1280px){
  .single-works .sec p{
    font-size: 16px;
  }
}
@media screen and (max-width:1000px){
  .single-works .sec .flexbox{
    flex-direction: column;
    align-items: baseline;
  }
  .single-works .sec .works_single_img{
    position: relative;
    width: 100%;
    min-width: 320px;
    margin-bottom: 30px;
  }
  .single-works .sec .reverse .works_single_img{
    margin-left: auto;
    left: auto;
  }
  .single-works .sec .works_single_img div{
    width: 100%;
    left: auto;
    right: 40px
  }
  .single-works .sec .reverse .works_single_img div{
    left: 40px;
  }
  .single-works .sec .textbox{
    width: 100%;
    max-width: none;
  }
  .single-works .sec h3{
    font-size: 20px;
  }
  .single-works .sec p{
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width:767px){
  .single-works .sec .wrapper1600::before{
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 23px);
  }
  .single-works .sec h2{
    font-size: 30px;
  }
  .single-works .sec p{
    font-size: 15px;
  }
  .single-works .sec_content:last-child{
    padding-bottom: 80px;
  }
  .single-works .sec .works_single_img div{
    right: 20px
  }
  .single-works .sec .reverse .works_single_img div{
    left: 20px;
  }
}
.single-works .outline{
  max-width: 920px;
  margin: 0 auto 125px;
}
.single-works .outline h2,
.single-works .shouhin_gaiyo h2{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
.single-works .outline table,
.single-works .shouhin_gaiyo table{
  margin: auto;
}
.single-works .outline tr,
.single-works .shouhin_gaiyo tr{
  border-bottom: 1px solid #707070;
}
.single-works .outline th,
.single-works .outline td,
.single-works .shouhin_gaiyo th,
.single-works .shouhin_gaiyo td{
  font-size: 17px;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 21.5px 0;
}
.single-works .outline th,
.single-works .shouhin_gaiyo th{
  width: 215px;
}
@media screen and (max-width:1280px){
  .single-works .outline{
    margin-bottom: 9.8%;
  }
}
@media screen and (max-width:767px){
  .single-works .outline{
    margin-bottom: 70px;
  }
  .single-works .outline th,
  .single-works .outline td,
  .single-works .shouhin_gaiyo th,
  .single-works .shouhin_gaiyo td{
    font-size: 15px;
    display: block;
    text-align: center;
    padding: 10px;
  }
  .single-works .outline th,
  .single-works .shouhin_gaiyo th{
    width: auto;
    background: #eee;
  }
}
.single-works #map iframe{
  display: block;
  width: 100%;
  height: 36vw;
  max-height: 690px;
  min-height: 350px;
}
.single-works .gmap .map_heading{
  font-size: 17px;
  font-weight: bold;
}


.edit_content{
  max-width: 880px;
  margin: auto;
  padding: 0 20px;
}
.edit_content p{
  margin: 10px 0 20px;
}
.edit_content .moviebox{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.edit_content .moviebox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-works .shouhin_gaiyo table{
  margin-bottom: 80px;
}
/*.edit_content .topmoviebox iframe{
  left: calc((100% - 100vw) / 2);
  width: 100vw;
}*/
.edit_content img{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.edit_content .ps_sbsbox{
  display: flex;
  justify-content: space-between;
}
.edit_content .ps_sbsbox>div{
  width: 48%;
}
.edit_content strong{
  font-weight: bold;
}
@media screen and (max-width:767px){
  .edit_content{
    padding: 0 10px;
  }
}

#news .title01wrap,
#post .title01wrap{
  text-align: center;
}


.list_news ul{
  margin-bottom: 7.5%;
}
.list_news li{
  width: 100%;
}
.list_news li+li{
  border-top: 1px solid #ccc;
}
.list_news li a{
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: nowrap;
  padding: 20px 0;
}
.list_news li time{
  padding-right: 30px;
  font-size: 17px;
  line-height: 1.9;
}
.list_news li p{
  font-size: 17px;
  line-height: 1.9;
}
@media screen and (max-width:767px){
  .list_news li a{
      padding: 10px 0;
  }
  .list_news li time,
  .list_news li p{
    font-size: 15px;
  }
}


.single-post #sec01{
  margin-bottom: 80px;
}
.single-post .news_article{
  margin-bottom: 50px;
}
.single-post .news_single_title{
  font-size: 38px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}
.single-post time{
  display: block;
  margin-bottom: 10px;
}
.single-post .news_article .category_ul{
  margin-bottom: 10px;
}

.single-post .category_ul li a{
  padding-left: 30px;
  padding-right: 30px;
}
.single-post .new_topimg{
  padding-top: 55%;
  margin-bottom: 30px;
}
.single-post .post_link div{
  width: 48%;
  max-width: 150px;
}
.single-post .post_link a{
  font-size: 17px;
  color: #515151;
  border: 1px solid #313131;
  width: 100%;
  line-height: 1.7;
  padding: 10px 20px;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
@media screen and (max-width:1100px){
  .single-post .category_ul li{
    min-width: 0;
  }
  .single-post .news_single_title{
    font-size: 30px;
  }
}
@media screen and (max-width:767px){
  .single-post .news_single_title{
    font-size: 23px;
  }
}
.news_content h2{
  font-size: 25px;
  padding-top: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}
.news_content p{
  margin-bottom: 20px;
}
.news_content a{
  color: #8D8D8D;
  text-decoration: underline;
}
.news_content img{
  display: block;
  margin: 0 auto 50px;
  width: auto;
  height: 100%;
  max-height: 500px;
}


#special_contents #sec01{
  margin-bottom: 100px;
}
#special_contents .title01wrap{
  text-align: center;
}
#special_contents .object-fit-image {
	padding-top:64%;
  margin-bottom:10px;
}
#special_contents .list_wrap time {
  padding-bottom:2px;
  font-size:15px;
  color:#999;
}
#special_contents .list_wrap p{
  margin-bottom: 0;
}
/*
#special_contents .list_wrap .object-fit-image{
  padding-top: 57.4%;
}
*/
@media screen and (max-width:1600px) and (min-width:1101px){
  #special_contents .wrapper1730{
    max-width: 1288px;
  }
  #special_contents .list_wrap .col4::before,
  #special_contents .list_wrap .col4::after,
  #special_contents .list_wrap .col4 li{
    width: calc(100% / 3 - 13px);
  }
}
@media screen and (max-width:1100px){
  #special_contents .list_wrap>ul:first-child{
    margin-bottom: 70px;
  }
}



.special_contents_wrapper+.special_contents_wrapper{
  margin-top: 50px;
}
.special_contents_coming{
  align-self: flex-start;
}
.special_contents_coming a>div{
  border: 1px solid #aaa;
}
.special_contents_coming p{
  display: grid;
  place-items: center;
  text-align: center;
  height: 100%;
  margin: 0;
  font-size: 20px !important;
  line-height: 1.5 !important;
}
.special_contents_banner{
  margin-top: -3%;
	margin-bottom: 8%;
}

.special_contents_banner a{
  display: block;
  width: 100%;
  background: #fff;
box-sizing:border-box;
	border:1px solid #aaa;
	padding:1px;
}
.special_contents_banner a img{
  display: block;
  width: 100%;
}
@media screen and (max-width:767px){
  .special_contents_banner{
    max-width: 500px;
    margin: 8% auto 13%;
  }
}


.single-special_contents .mvwrap{
  margin-bottom: 38px;
}
.single-special_contents .mv02 .mvwrap #mv{
  top: 0;
  padding-top: 0;
}
@media screen and (max-width:767px){
  .single-special_contents .mvwrap{
    margin-bottom: 30px;
  }
}
.single-special_contents .sec_header01{
  margin-bottom: 30px;
  font-weight:bold;
  align-items: center;
}
.single-special_contents .sec_header01 h2,
.single-special_contents .sec_header01 p{
  font-weight: normal;
}
.single-special_contents .sec_header01 h2{
  margin-bottom: 30px;
}
.single-special_contents .sec_header01 p{
  width: 100%;
}
.single-special_contents .sec .bgwrap{
  position: relative;
      height: 45vw;
      max-height: 570px;
      overflow: hidden;
      width: 100%;
}
.single-special_contents .sec .bgwrap .bg{
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  /*padding-top: 260px;*/
  position: absolute;
}
.single-special_contents .sec{
  margin-bottom: 35px;
}
.single-special_contents .interview_list{
  padding-top: 35px;
  margin-bottom: 150px;
}
.single-special_contents .interview_list ul{
  margin-bottom: 90px;
}
.single-special_contents .interview_list .object-fit-image{
  padding-top: 180px;
}
.single-special_contents .interview_list p{
  padding: 9.5px 0;
}
.single-special_contents .interview_history .wrapper>div{
  border: 1px solid #313131;
  padding: 20px;
  max-width: 700px;
  margin: 0 auto 80px;
}
.single-special_contents .interview_history h3{
  font-size: 22px;
  margin-bottom: 20px;
}
.single-special_contents .interview_history p{
  font-size: 16px;
  line-height: 2;
}
.tax-special_contents_type .post_link,
.single-special_contents .post_link{
  display: table;
  margin: auto;
}
.tax-special_contents_type .post_link a,
.single-special_contents .post_link a{
  font-size: 17px;
  color: #515151;
  border: 1px solid #313131;
  width: 100%;
  line-height: 1.7;
  margin-bottom: 60px;
  padding: 10px 20px;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.tax-special_contents_type .post_link a{
  margin-bottom: 0;
}





.post_link2{
  display: table;
  margin: auto;
  
}
.post_link2 a,
.post_link2 a{
  font-size: 17px;
  color: #515151;
  border: 1px solid #313131;
  width: 100%;
  line-height: 1.7;
  margin-bottom: 60px;
  padding: 10px 20px;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.post_link2 a{
  margin-bottom: 0;
}



@media screen and (max-width:1280px){
  .single-special_contents .interview_list{
    margin-bottom: 11.9%;
  }
  .single-special_contents .interview_list .object-fit-image{
    padding-top: 180px;
  }
}
@media screen and (min-width:1001px){
  .single-special_contents .sec_header01 h2{
    font-weight:bold;
    font-size: 30px;
  }
}
@media screen and (max-width:1000px){
  .single-special_contents .sec_header01{
    flex-direction: column;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .single-special_contents .sec_header01 h2,
  .single-special_contents .reverse .sec_header01 h2{
    font-weight:bold;
    margin: 0 0 20px;
    width: 100%;
  }
  .single-special_contents .sec_header01 p{
    width: 100%;
  }
}
@media screen and (min-width:768px){
  .single-special_contents .interview_list li:nth-of-type(n+4){
    margin-top: 57px;
  }
}
@media screen and (max-width:767px) and (min-width:501px){
  .single-special_contents .interview_list li:nth-of-type(n+3){
    margin-top: 47px;
  }
}
@media screen and (max-width:767px){
  .single-special_contents .sec{
    /*margin-bottom: 70px;*/
  }
  .single-special_contents .sec_header01{
    font-weight:bold;
    margin-bottom: 30px;
  }
  .single-special_contents .interview_list{
    margin-bottom: 90px;
  }
  .single-special_contents .interview_list ul{
    margin-bottom: 40px;
  }
}


.home .special_contents_cat_img{
  margin-bottom: 120px;
}
.tax-special_contents_type .special_contents_cat_img{
  margin: 0 auto 50px;
}
.special_contents_cat_img a{
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.special_contents_cat_img a span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  color: #fff;
  background: #FF0000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  z-index: 1;
}
.special_contents_cat_img img{
  width: 100%;
  margin: auto;
  display: block;
}
@media screen and (min-width:768px){
  .special_contents_cat_img a{
    width: calc(50% - 30px);
  }  
}
@media screen and (max-width:767px){
  .home .special_contents_cat_img{
    margin-bottom: 80px;
  }
  .special_contents_cat_img a+a{
    margin-top: 20px;
  }
}



#recruit #mv_content{
  margin-bottom: 150px;
}
#recruit #mv>div{
  position: relative;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 50vw;
  height: 100%;
}
#recruit #mv .slick-slider,
#recruit #mv .slick-list,
#recruit #mv .slick-track,
#recruit #mv {
  height: 100%;
}
#recruit #mv .recruit_mv{
  width: 100%;
  height: inherit;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#recruit #mv li a{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#recruit #mv li .recruit_caption{
  position: absolute;
  bottom: 24.5%;
  width: 100%;
}
#recruit #mv li .caption_wrap{
  font-size: 33px;
  font-weight: bold;
  padding: 12px 33px 10px 30px;
  position: relative;
  display: table;
  transition: opacity 1s;
}
#recruit #mv li .caption_wrap+.caption_wrap{
  margin-top: 18px;
}
#recruit #mv li .caption_txt{
  color: transparent;
}
#recruit #mv li .caption_wrap span{
  opacity: 0;
  font-weight: bold;
  color: #000;
}
#recruit #mv li .caption_bg{
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
#recruit #mv li .recruit_name{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 999;
}
#recruit #mv li .name_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#recruit #mv li:nth-of-type(even) .name_wrap{
  display: table;
  margin: auto;
  height: auto;
  padding: 0 10px;
}
#recruit #mv li:nth-of-type(odd) .name_wrap{
  padding: 10px 0;
}
#recruit #mv li:nth-of-type(even) .recruit_name{
  right: 0;
  height: 100%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-lr;
  text-orientation: upright;
}
#recruit #mv li:nth-of-type(odd) .recruit_name{
  width: 100%;
}
#recruit #mv li .name_en{
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 1.1;
  opacity: 0;
}
#recruit #mv li.slick-current .name_en{
  transition: opacity .2s 1.1s;
}
#recruit #mv li:nth-of-type(even) .name_en{
  display: flex;
  flex-direction: column-reverse;
}
#recruit #mv li:nth-of-type(even) .name_en span{
  display: block;
}
#recruit #mv li:nth-of-type(even) .name_ja{
  padding-left: 1px;
}
#recruit #mv li:nth-of-type(odd) .name_en span+span{
  padding-left: 10px;
}
#recruit #mv li:nth-of-type(odd) .name_ja{
  margin-top: 1px;
}
#recruit #mv li .name_ja{
  color: #fff;
  font-size: 45px;
  letter-spacing: .2em;
  opacity: 0;
}
#recruit #mv li.slick-current .name_ja{
  transition: opacity .2s .9s;
}
#recruit #mv li.slick-current .name_en,
#recruit #mv li.slick-current .name_ja{
  opacity: 1;
}
#recruit #mv video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(0,0);
}
#recruit video{
  position: absolute;
  top: 0;
  z-index: -1;
}
@keyframes slideRight {
  0% { width: 0; }
  100% { opacity:1; width: 100%; }
}
#recruit #mv .caption_bg{
  opacity: 0;
}
#recruit #mv .caption_wrap:nth-of-type(1) .caption_bg{
  animation: slideRight .66s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.33s;
}
#recruit #mv .caption_wrap:nth-of-type(2) .caption_bg{
  animation: slideRight .66s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 1.1s;
}
#recruit #mv .caption_wrap:nth-of-type(2) .caption_txt span.animate{
  transition-delay: .4s;
}
#recruit #mv .caption_txt span{
  opacity: 0;
  z-index: 1002;
  position: relative;
  transition: opacity .1s ease;
}
#recruit #mv li .caption_wrap span.animate{
  opacity: 1;
}




#recruit #mv li .name_bg{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #FF0000;
  z-index: -1;
}
#recruit #mv li:nth-of-type(odd) .name_bg{
  transform: translate(-100%,0);
}
#recruit #mv li:nth-of-type(even) .name_bg{
  transform: translate(0,-100%);
}
#recruit #mv li.slick-current .name_bg{
  transform: translate(0,0) !important;
  transition: .5s;
}


@media screen and (max-width:1280px){
  #recruit #mv_content{
    margin-bottom: 15.7%;
  }
  #recruit #mv li .caption_wrap{
    font-size: 2.57vw;
    padding: 1.7% 3.4% 1.2% 3%;
  }
  #recruit #mv li .name_ja{
    font-size: 35px;
  }
  #recruit #mv li .name_en{
    font-size: 23px;
  }
}
@media screen and (max-width:1000px){
  #recruit #mv_content{
    margin-bottom: 80px;
  }
  #recruit .mv01 .title01wrap{
    margin-bottom: 40px;
    height: auto;
    min-height: 0;
  }
  #recruit #mv{
    position: relative;
    width: 100%;
    height: 50vh;
    min-height: 300px;
    display: flex;
    flex-direction: column;
  }
  #recruit #mv>div{
    width: 100%;
  }
  #recruit #mv li .caption_wrap{
    font-size: 20px;
    padding: 7px 12px 7px 20px;
  }
  #recruit #mv li:nth-of-type(odd) .name_wrap{
    padding: 10px 0 5px;
  }
  #recruit #mv li:nth-of-type(even) .name_wrap{
    padding: 0 16px 0 8px;
  }
  #recruit #mv li .caption_wrap+.caption_wrap{
    margin-top: 13px;
  }
}
@media screen and (max-width:767px){
  #recruit #mv li .caption_wrap{
    font-size: 17px;
  }
  #recruit #mv li .name_ja{
    font-size: 22px;
  }
  #recruit #mv li .name_en{
    font-size: 13px;
  }
}



.interview_list li{
  position: relative;
}
.interview_list li p{
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  width: 195px;
  padding: 18px 0;
  background: #fff;
}
.interview_list li img{
  object-position: 50% 24%;
}
@media screen and (max-width:1000px){
  .interview_list li p{
    font-size: 20px;
    width: 165px;
    padding: 15px 0;
  }
}
@media screen and (max-width:767px) and (min-width:501px){
  .interview_list li{
    width: calc(50% - 10px);
    margin: 0;
  }
}

#recruit .sec_header01{
  margin-bottom: 90px;
}
#recruit .interview_list{
  margin-bottom: 10.1%;
}
#recruit .interview_list ul{
  margin-bottom: 70px;
}
#recruit .interview_list li:nth-of-type(n+4){
  margin-top: 20px;
}
@media screen and (max-width:1280px){
  #recruit .sec_header01{
    margin-bottom: 9.8%;
  }
}
@media screen and (max-width:767px) and (min-width:501px){
  #recruit .interview_list li:nth-of-type(n+3){
    margin-top: 20px;
  }
}
@media screen and (max-width:767px){
  #recruit .interview_list{
    margin-bottom: 80px;
  }
  #recruit .interview_list ul{
    margin-bottom: 35px;
  }

}

.single-interview .mvwrap{
  margin-bottom: 98px;
}
@media screen and (max-width:767px){
  .single-interview .mvwrap{
    margin-bottom: 70px;
  }
}
.single-interview .sec_header01{
  margin-bottom: 70px;
  align-items: center;
}
.single-interview .sec_header01 h2,
.single-interview .sec_header01 p{
  font-weight: normal;
}
.single-interview .sec .bgwrap{
  position: relative;
      height: 45vw;
      max-height: 570px;
      overflow: hidden;
}
.single-interview .sec .bgwrap .bg{
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 260px;
  position: absolute;
}
.single-interview .sec{
  margin-bottom: 95px;
}
.single-interview .interview_list{
  padding-top: 35px;
  margin-bottom: 150px;
}
.single-interview .interview_list ul{
  margin-bottom: 90px;
}
.single-interview .interview_list .object-fit-image{
  padding-top: 180px;
}
.single-interview .interview_list p{
  padding: 9.5px 0;
}
.single-interview .interview_history .wrapper>div{
  border: 1px solid #313131;
  padding: 20px;
  max-width: 700px;
  margin: 0 auto 80px;
}
.single-interview .interview_history h3{
  font-size: 22px;
  margin-bottom: 20px;
}
.single-interview .interview_history p{
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width:1280px){
  .single-interview .interview_list{
    margin-bottom: 11.9%;
  }
  .single-interview .interview_list .object-fit-image{
    padding-top: 180px;
  }
}
@media screen and (min-width:1001px){
  .single-interview .sec_header01 h2{
    font-size: 30px;
  }
}
@media screen and (max-width:1000px){
  .single-interview .sec_header01{
    flex-direction: column;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .single-interview .sec_header01 h2,
  .single-interview .reverse .sec_header01 h2{
    margin: 0 0 20px;
    width: 100%;
  }
  .single-interview .sec_header01 p{
    width: 100%;
  }
}
@media screen and (min-width:768px){
  .single-interview .interview_list li:nth-of-type(n+4){
    margin-top: 57px;
  }
}
@media screen and (max-width:767px) and (min-width:501px){
  .single-interview .interview_list li:nth-of-type(n+3){
    margin-top: 47px;
  }
}
@media screen and (max-width:767px){
  .single-interview .sec{
    margin-bottom: 70px;
  }
  .single-interview .sec_header01{
    margin-bottom: 30px;
  }
  .single-interview .interview_list{
    margin-bottom: 90px;
  }
  .single-interview .interview_list ul{
    margin-bottom: 40px;
  }
}



.movie {
	position: relative;
}
.movie .movieOuterWapper {
	position: absolute;
}
.movie .movieWapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie .movieWapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:767px) {
	.movie .movieOuterWapper {
		width: 87%;
    top: 0;
    left: 6.6%;
	}
}
@media screen and (min-width:768px) {
	.movie .movieOuterWapper {
		width: 69.7%;
    top: 0.1%;
    left: 15.2%;
	}
}









footer{
  background: #000;
  color: #fff;
  padding: 80px 0 60px;
}
footer h1{
  margin-bottom: 70px;
  display: table;
}
footer .footer_menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .footer_menu>li{
  margin-bottom: 40px;
}
footer .footer_menu a{
  display: table;
  margin-bottom: 24px;
  white-space: nowrap;
  font-size: 17px;
}
footer .footer_menu ul li a{
font-size: .9em;
}
footer .footer_menu ul li a::before{
  content: "-";
}
@media screen and (max-width:1080px){
footer .footer_menu>li{
width: 33%;
margin-bottom: 35px;
}
footer .footer_menu::after{
content: "";
width: 33%;
height: 0;
display: block;
order: 1;
}
}
@media screen and (max-width:620px){
footer .footer_menu {
  justify-content: space-between;
}
footer .footer_menu>li{
width: 49%;
margin-bottom: 30px;
}
}
@media screen and (max-width:414px){
footer .footer_menu a{
  font-size: 14px;
}
}
@media screen and (max-width:360px){
footer{
  padding: 50px 0 60px;
}
footer h1{
  margin-bottom: 40px;
}
footer .footer_menu>li{
width: 100%;
margin-bottom: 10px;
}
footer .footer_menu a{
  margin-bottom: 18px;
}
}



.el_humburger{
  margin-left: auto;
  position: relative;
}
.js_humburgerOpen header .navigation_wrapper .flexbox{
  display: block;
  max-height: none;
  height: auto;
}
.js_humburgerOpen nav{
  display: block;
}
.js_humburgerOpen nav li a{
  font-size: 20px;
  margin: 15px 0;
}
.js_humburgerOpen nav li.ysclink a{
  font-size: 18px;
}


.el_humburger {
/*position: fixed;
top: 35px;
right: 21px;*/
width: 64px;
height: 64px;
padding: 10px;
box-sizing: border-box;
z-index: 10000000;
/*transition: all 0.2s ease-in-out, background-color 0.6s ease-in-out;*/
cursor: pointer;
pointer-events: auto;
background-color: rgb(0,0,0);
border-radius: 50px;
justify-content: center;
align-items: center;
flex-direction: column;
display: none;
}
@media screen and (max-width:1340px){
.el_humburger {
display: flex;
}
}
@media screen and (min-width: 1024px){
  .js_humburgerClose .navigation{
    opacity: 1 !important;
  }
  nav{
    display: block !important;
    opacity: 1 !important;
  }
}
/*.el_humburger.on {
background-color: rgba(189, 0, 120,1);
}*/
.el_humburger > span {
display: block;
margin: 0 auto 5px;
width: 17px;
height: 2.1px;
background: #fff;
transition: all 0.2s ease-in-out;
}
.el_humburger > span:last-child {
margin-bottom: 0;
}
.js_humburgerOpen .el_humburger > span {
background: #fff;
}
.js_humburgerOpen .el_humburger > span.top {
transform: translateY(0px) rotate(-45deg);
margin-bottom: 0;
}
.js_humburgerOpen .el_humburger > span.middle {
display: none;
}
.js_humburgerOpen .el_humburger > span.bottom {
transform: translateY(-2px) rotate(45deg);
}
.el_humburgerButton.el_humburgerButton__close {
top: 2%;
right: 2%;
}
.el_humburgerButton__close > span {
display: block;
width: 35px;
margin: 0 auto;
height: 4px;
background: #fff;
}
.el_humburgerButton__close > span.el_humburgerLineTop {
transform: translateY(5px) rotate(-45deg);
}
.el_humburgerButton__close > span.el_humburgerLineBottom {
transform: translateY(-6px) rotate(45deg);
}
.navigation.js_appear {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
z-index: 9999999;
}
.js_humburgerOpen .navigation_screen {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #fff;
z-index: 0;
margin-top: 0px;
padding-top: 0px;
overflow: auto;
-webkit-overflow-scrolling: touch;
display: flex;
justify-content:center;
align-items: center;
}
.js_humburgerOpen .navigation_wrapper {
padding: 20px;
text-align: center;
width: 100%;
box-sizing: border-box;
font-size: 36px;
color: #000;
}
@media screen and (max-width:767px){
  .el_humburger{
    width: 40px;
    height: 40px;
  }
}

#slide01, #slide02 {
  position: relative;
}
.slidebtn {
  content: "";
  position: absolute;
  width: 40px;
  height: 12px;
  top: 50%;
  cursor: pointer;
/*  background: url(images/icon/arroww.png) no-repeat;*/
}
.prev-btn {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  left: -60px;
}
.next-btn {
  right: -60px;
}
.slick-dots {
  bottom: -35px !important;
  opacity: 1 !important;
}
.slick-dots li{
  margin: 0 7px !important;
}
.slick-dots li button:before {
  color: #B1B1B1 !important;
  opacity: 1 !important;
  font-size: 25px !important;
}
.slick-dots li.slick-active button:before {
  color: #000 !important;
}
.slick-slide {
  margin: 0 17px;
}
/* the parent */
.slick-list {
  margin: 0 -17px !important;
}
@media screen and (max-width:767px) {
  .slick-slide {
    margin: 0 5px;
  }
  .slick-list {
    margin: 0 -17px !important;
  }
}



.formwrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  margin-top: 80px;
  margin-bottom: 160px;
}
.Form-Item {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
.Form-Item-Label {
  width: 260px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 16px;
  margin-right: 10px;
}
.Form-Item-Label.isMsg {
  margin-bottom: auto;
}

.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #687696;
  color: #fff;
  font-size: 14px;
  float: right;
}
.Form-Item-Label+p ,
.Form-Item-Label+div {
width: calc(100% - 260px);
}

.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  width: 100%;
  max-width: 560px;
  background: #eaedf2;
  font-size: 18px;
  display: block;
  box-sizing: border-box;
}
.Form-Item-Label+div .Form-Item-Input {
  max-width: 480px;
}
.Form-Item-Label+div>div+div {
margin-top: 1em;
}

.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  background: #eaedf2;
  font-size: 18px;
  resize: vertical;
  display: block;
  box-sizing: border-box;
}



.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #687696;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width:767px){
.Form-Item-Label {
  width: 230px;
  font-size: 15px;
}
.Form-Item-Label+p ,
.Form-Item-Label+div {
width: calc(100% - 230px);
}

.Form-Item-Input {
  height: 42px;
  font-size: 16px;
}

.Form-Item-Textarea {
  font-size: 16px;
}
}
@media screen and (max-width:600px){
.Form-Item {
flex-direction: column;
}
.Form-Item-Label ,
.Form-Item-Label+p ,
.Form-Item-Label+div {
width: 90%;
margin: auto;
}
.Form-Item-Label-Required {
  float: none;
}
.Form-Item-Input ,
.Form-Item-Textarea {
margin-top: 6px;
}
.Form-Item-Label+div>div {
margin-top: 1em;
}
}




.formwrapper .wpcf7-radio .wpcf7-list-item {
display: block;
position: relative;
padding-left: 23px;
margin-left: 0;
line-height: 1.3;
}

.formwrapper .wpcf7-radio .wpcf7-list-item+.wpcf7-list-item {
margin-top: 16px;
}

.formwrapper .wpcf7-list-item-label::before {
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
border-radius: 8px;
box-sizing: border-box;
border: 1px solid #ddd;
background-color: #eaedf2;
}
.formwrapper .wpcf7-list-item-label::after {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 5px;
box-sizing: border-box;
background-color: #687696;
opacity: 0;
}
.formwrapper input:checked+.wpcf7-list-item-label::after {
opacity: 1;
}
@media screen and (max-width:767px) {
.formwrapper .wpcf7-list-item-label::before {
top: 3px;
}
.formwrapper .wpcf7-list-item-label::after {
top: 6px;
}
}
@media screen and (max-width:600px) {
.formwrapper .wpcf7-radio .wpcf7-list-item {
margin-top: 16px;
}
}








.faqwrapper {
  margin-bottom: 160px;
}
.qa>p {
  margin-top: 60px;
    font-size: 30px;
    position: relative;
    padding-bottom: 1.2%;
    margin-bottom: 2.6%;
    font-weight: bold;
    margin-right: 10px;
}
@media screen and (max-width:1000px){
.qa>p{
    font-size: 25px;
  }
}
@media screen and (max-width:767px){
.qa>p{
    font-size: 20px;
  }
}
.qa>p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #707070;
}
.qa dl {
font-size: 16px;
line-height: 1.5;
}
.qa dl+dl {
margin-top: 1.5em;
}
.qa dt p {
font-weight: bold;
position: relative;
padding-left: 2.1em;
}
.qa dt p::before {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
width: 1.5em;
height: 1.5em;
text-align: center;
line-height: 1.3em;
border: 1px solid #687696;
content: "+";
color: #687696;
display: inline-block;
margin-right: 0.5em;
}
.qa dt.on p::before {
content: "-";
}
.qa dd {
display: none;
}
.qa dd p {
font-size: 0.9em;
font-weight: 400;
padding: 1em 1em 2em 2.3em;
}

.faqred a {
font-weight: bold;
color: #687696;
text-decoration: underline;
}
@media screen and (max-width:767px){
.qa dl {
font-size: 15px;
}
}





#company #mv {
background-image: url(images/home/home_company01.jpg);
}

#companytable {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  margin-top: 80px;
  margin-bottom: 160px;
  font-size: 16px;
  border-top: 2px solid #707070;
}
#companytable th {
font-weight: bold;
white-space: nowrap;
padding: 1.5em;
border-bottom: 1px solid #ccc;
vertical-align: top;
padding-right: 2.5em;
}
#companytable td {
font-size: 0.9em;
padding: 1.5em;
border-bottom: 1px solid #ccc;
vertical-align: top;
}
#companytable td a {
font-weight: bold;
text-decoration: underline;
color: #687696;
}
#companytable td dl {
margin-top: -1em;
}
#companytable td dt ,
#companytable td dd {
display: inline-block;
vertical-align: top;
margin-top: 1em;
}
#companytable td dl#officelist {
margin-top: -1.5em;
}
#companytable td dl#officelist dt ,
#companytable td dl#officelist dd {
margin-top: 1.5em;
}
#companytable td dt {
width: 13em
}
#companytable td dd {
width: calc(100% - 14.3em);
}

#companytable tr:last-child th ,
#companytable tr:last-child td {
border-bottom: 2px solid #707070;
}

#companytable td.recomp > div {
display: inline-block;
vertical-align: top;
width: 49%;
}
#companytable td.recomp a {
display: block;
}
#companytable td.recomp a+a {
margin-top: 1em;
}

@media screen and (max-width:1023px){
#companytable {
  width: 100%;
  font-size: 15px;
}
#companytable th {
padding-right: 1.5em;
}
#companytable td dd {
display: block;
width: 100%;
margin-top: 3px!important;
}
#companytable td dl#officelist dt br {
display: none;
}
#companytable td dl#officelist dt a {
margin-left: 1.2em;
}
#companytable td.recomp > div {
width: 100%;
}
#companytable td.recomp > div+div {
margin-top: 1em;
}
}
@media screen and (max-width:600px){
#companytable th ,
#companytable td {
display: block;
width: 100%;
box-sizing: border-box;
}
#companytable th {
padding-bottom: 0.2em;
}
#companytable td {
padding-top: 0.2em;
border-bottom: none;
}
}



#maintenance .technology_yma03 #mv {
background-image:  url(images/maintenance/bg03.jpg);
}
#maintenance .technology_yma03 #mv2 {
background-image:  url(images/maintenance/bg04.jpg);
}

.maintenancepic {
margin-bottom: 140px!important;
}
.maintenancepic ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 60px;
justify-content: space-between;
}
.maintenancepic li {
width: 32%;
margin-bottom: 30px;
}
.maintenancepic li img {
display: block;
width: 100%;
}
.maintenancepic li p {
margin-top: 0.5em;
font-size: 14px;
line-height: 1.3;
text-align: center;
margin-bottom: 0;
}
@media screen and (max-width:767px){
.maintenancepic ul {
margin-bottom: 40px;
}
.maintenancepic li p {
font-size: 13px;
}
}
@media screen and (max-width:480px){
.maintenancepic ul {
flex-direction: column;
}
.maintenancepic li {
width: 100%;
}
}

.maintenancepic2 img
{
display: block;
width: 100%;
margin-bottom:50px;
margin-top:10px;
}
#maintenance .technology_yma03 section h3{
background:linear-gradient(transparent 60%, #66ccff 0%);
display:inline!important

}

#maintenance .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#maintenance .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#maintenance .menu_box {
  background-color:#f00;

  /*(サイズや色はお好きに)*/
}

#maintenance .sec0101 a {
  margin-left:initial;

  /*(サイズや色はお好きに)*/
}

#maintenance .sec0101 .menu{
  margin-left:50px;
  position: relative;
  font-size:40px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
  margin-top:50px;
  margin-bottom:30px;
  border-bottom: 2px solid #000;

  /*(サイズや色はお好きに)*/
}

#maintenance .sec0101 .menu::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 200px;
  top: calc(50% - 2px);
  border-top: solid 2px;
  border-right: solid 2px;
  transform: rotate(45deg) translateY(-50%);
  color: inherit;
}



#yma #mv {
background-image: url(images/maintenance/bg03.jpg);
}
#yma #mv2 {
background-image: url(images/maintenance/bg04.jpg);
}

#yma #mv_content {
margin-bottom: 120px;
}

#maintenance_syuzen .technology_yma03 #mv {
background-image:  url(images/maintenance/bg03.jpg);
}
#maintenance_syuzen .technology_yma03 #mv2 {
background-image:  url(images/maintenance/bg04.jpg);
}

#maintenance_syuzen .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#maintenance_syuzen .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#maintenance_syuzen .technology_yma03 section h3{
background:linear-gradient(transparent 60%, #66ccff 0%);
display:inline!important

}

#maintenance_hosyu .technology_yma03 #mv {
background-image:  url(images/maintenance/bg03.jpg);
}

#maintenance_syuzen .technology_yma03 #mv2 {
background-image:  url(images/maintenance/bg04.jpg);
}


#maintenance_hosyu .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#maintenance_hosyu .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#maintenance_hosyu .technology_yma03 section h3{
background:linear-gradient(transparent 60%, #66ccff 0%);
display:inline!important

}



#titan #mv {
background-image: url(images/technology/titan/image007.jpg);
}

#titan .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#titan .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}



.titan01 {
}
.titan01 ul {
}
.titan01>div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 98%;
margin: auto;
margin-top: 30px;
}
.titan01>div img {
display: block;
height: auto;
max-width: 100%;
margin: auto;
}
.titan01>div div:first-child {
width: 63%;
}
.titan01>div div:last-child {
width: 35%;
}
.titan01>div div:last-child p {
font-size: 13px;
color: #333;
line-height: 1.3;
display: table;
margin: auto;
}

.titanlist01 li {
text-indent: -1em;
padding-left: 1em;
}
.titanlist01 li p {
margin-bottom: 0;
}
@media screen and (max-width:768px){
.titan01>div div:first-child ,
.titan01>div div:last-child {
width: 100%;
}
.titan01>div div:last-child img {
max-width: 420px;
width: 100%;
margin-top: 15px;
}
}





.titanlist02 {
margin-bottom: 160px;
}
.titanlist02 li {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.titanlist02 li+li {
margin-top: 40px;
}
.titanlist02 li>div {
width: 50%;
}
.titanlist02 li>div img {
display: block;
width: 100%;
height: auto;
}
.titanlist02 li>div p {
margin-left: 30px;
margin-bottom: 0;
}

@media screen and (max-width:940px){
.titanlist02 li {
flex-direction:column-reverse;
}
.titanlist02 li>div {
width: 100%;
}
.titanlist02 li>div p {
margin-left: 0;
margin-top: 10px;
}
}



#phovare-series #mv,
#phovare #mv,
#phovare-3 #mv,
#phovare-split #mv,
#phovare-1 #mv {
background-image: url(images/technology/phovare/ss.jpg);
}
#phovare-series .moviebox,
#phovare .moviebox,
#phovare-3 .moviebox,
#phovare-split .moviebox,
#phovare-1 .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#phovare-series .moviebox iframe,
#phovare .moviebox iframe,
#phovare-3 .moviebox iframe,
#phovare-split .moviebox iframe,
#phovare-1 .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#phovare-series .moviebox+div,
#phovare .moviebox+div,
#phovare-3 .moviebox+div,
#phovare-split .moviebox+div,
#phovare-1 .moviebox+div {
color: #666;
font-size: 14px;
line-height: 1.5;
display: table;
margin: auto;
margin-bottom: 50px;
}


.phovare01 h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 18px;
margin-top: 40px;
}
.phovare01 h5 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 30px;
}
.phovare01 ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.phovare01 ul::before ,
.phovare01 ul::after {
content: "";
width: 24%;
height: 0;
order: 1;
}
.phovare01 li {
width: 24%;
margin-bottom: 30px;
}
.phovare01 li div {
position: relative;
}
.phovare01 li+li div::before {
position: absolute;
content: "";
width: 50px;
height: 28px;
background-image: url(images/technology/phovare/allow.png);
left: -30px;
top:50%;
margin-top: -14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.phovare01 li img {
width: 100%;
display: block;
height: auto;
}
.phovare01 li p {
line-height: 1.3;
font-size: 13px;
display: table;
margin: auto;
margin-bottom: 0;
color: #666;
margin-top: 6px;
}
@media screen and (max-width:940px){
.phovare01 ul::before ,
.phovare01 ul::after ,
.phovare01 li {
width: 32%;
}
.phovare01 li p {
font-size: 12px;
}
}
@media screen and (max-width:600px){
.phovare01 ul::before ,
.phovare01 ul::after ,
.phovare01 li {
width: 48.5%;
}
}


.phovare03 {
margin-bottom: 160px!important;
}
.phovare03 ul {
margin-bottom: 30px;
}
.phovare03 li {
display: flex;
justify-content: space-between;
align-items: center;
}
.phovare03 li+li {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #ddd;
}
.phovare03 li p {
width: 58%;
}
.phovare03 li img {
width: 38%;
}
@media screen and (max-width:940px){
.phovare03 li {
align-items:flex-start;
}
}
@media screen and (max-width:600px){
.phovare03 li {
flex-direction: column;
}
.phovare03 li p ,
.phovare03 li img {
width: 100%;
}
}


#subaru #mv{
  background-image: url(images/subaru/mv.jpg);
}
#subaru #mv_content{
  margin-bottom: 150px;
}
#subaru .mv02 .mv02bottom .title01wrap{
  padding: 2% 0 0;
}
#subaru .title01+span{
  padding-left: 0;
  margin-top: 3%;
  font-size: 21px;
}
#subaru .title01+span span{
  display: inline-block;
}
@media screen and (max-width:1280px){
  #subaru #mv_content{
    margin-bottom: 13%;
  }
  #subaru .title01+span{
    font-size: 1.65vw;
  }
}
@media screen and (max-width:767px){
  #subaru #mv_content{
    margin-bottom: 40px;
  }
  #subaru .mv02 .mv02bottom{
    position: relative;
    padding-bottom: 20px;
  }
  #subaru .mv02 .mv02bottom .title01wrap{
    width: 100%;
    padding-top: 30px;
  }
  #subaru .title01+span{
    margin-top: 17px;
    font-size: 16px;
  }
}
#subaru .technology_img{
  align-items: flex-start;
  margin-bottom: 90px;
}
#subaru .technology_yma03 section p{
  margin-bottom: 0;
}
#subaru #sec02 .sec0201movie a{
  margin: auto;
}
#subaru #sec02 .sec0201 img{
  width: 100%;
}
#subaru #sec02 .sec0201 p{
  text-align: center;
  margin-bottom: 20px;
}
#subaru #sec02 .sec0201 p span{
  display: inline-block;
}
#subaru #sec03{
  background: #eee;
  margin-bottom: 0;
  padding: 80px 0 1px;
}
#subaru #sec03 .technology_yma03 section .wrapper>div{
  margin-bottom: 0;
}
#subaru #sec04{
  margin: 0;
  padding: 80px 0 1px;
  background: url(images/subaru/bg22.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
}
#subaru #secsubaruevent{
  padding: 80px 0 1px;
  background: #eee;
  margin-bottom: 0;
}
#subaru #secsubaruevent h2{
  font-size: 33px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}
#subaru #secsubaruevent h2 span{
  display: inline-block;
}
#subaru #secsubaruevent ul{
  display: table;
  margin: 0 auto 30px;
}
#subaru #secsubaruevent li{
  padding: 21.5px 30px;
  border-top: 1px solid #707070;
  box-sizing: border-box;
}
#subaru #secsubaruevent li:last-child{
  border-bottom: 1px solid #707070;
}
#subaru #secyokogawa .bg3{
  margin: 0;
  padding: 80px 0;
  background: url(images/subaru/bg3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#subaru #secyokogawa p:first-child{
  font-size: 20px;
  margin-bottom: 40px;
}
#subaru #secyokogawa p{
  text-align: center;
  color: #fff;
}
#subaru #secyokogawa p span{
  font-size: 16px;
  display: inline-block;
}
#subaru #secyokogawa img{
  display: block;
  margin: 0 auto;
  padding: 80px 0;
  max-width: max-content;
  width: 90%;
}
#subaru #secyokogawa .btn01{
  margin: auto;
}
#subaru #secyokogawa a{
  width: auto;
  margin: 0 0 50px;
  text-decoration: none;
}
@media screen and (max-width:1000px){
  #subaru .technology_img{
    margin-bottom: 50px;
  }
  #subaru .technology_img>div {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (min-width:768px){
  #subaru #sec04 .reverse{
    flex-direction: row-reverse;
  }
}
@media screen and (max-width:767px){
  #subaru .technology_img>div+div{
    margin-top: 0;
  }
  #subaru #secsubaruevent h2{
    font-size: 23px;
    margin-bottom: 30px;
  }
  #subaru #secsubaruevent li{
    padding: 10px 10px;
  }
}



#homemv video {
display: block;
position: absolute;
top: 0%;
left: 0%;
}

#homemv #player {
display: block;
position: absolute;
right: -0.1vw;
left: -1vw;
top: 40%;
width:  calc(94vw + 60px);
height: 55.125vw;
min-height: calc(100% + 150px);
transform: translate(0,-45%);
}
@media screen and (max-width:767px){
#homemv #player {
left: 0;
top: 40%;
width:  calc(144vh + 144px);
height: calc(81vh + 81px);
transform: translate(-36%,-42%);
}
}

#recruit #mv {
overflow: hidden;
}
#recruit #player {
display: block;
position: absolute;
left: -1vw;
bottom: 0;
width:  calc(112vw);
height: calc(63vw);
max-height: 720px;
transform: translate(-28%,0);
}
@media screen and (max-width:767px){
#recruit #player {
display: block;
position: absolute;
    bottom: 0;
    /* top: 0; */
    width: 190vw;
    height: 106.5vw;
    transform: translate(-45.5vw,0%);
}
}


.tecpage li {
width: 25%;
margin-left: 0!important;
max-width: 100%;
margin-top: 0!important;
}
@media screen and (max-width:1300px){
.tecpage li {
width: 50%;
}
.tecpage li .object-fit-image {
padding-top: 70%;
}
}
@media screen and (max-width:560px){
.tecpage li {
width: 100%;
}
.tecpage li .object-fit-image {
padding-top: 60%;
}
}


.btnpp {
margin-top: -8%;
margin-bottom: 12%;
}
.btnpp a {
font-size: 18px;
}
.btnpp a div {
display: block;
font-weight: inherit;
font-size: 12px;
}


.thanks p {
font-size:18px;
line-height:1.6;
text-align:center;
margin-bottom:90px;
}
.thanks p a {
text-decoration:underline;
color:#687696;
}
.thanks .btn01 ,.thanks .btn01 a {
display:table;
margin:auto;
}
@media screen and (max-width:767px){
.thanks p {
font-size:16px;
text-align:left;
margin-top:-50px;
}
.thanks p br.spnone {
display:none;
}
}

#works_chronological .title01wrap {
text-align: center;
    margin-bottom: 70px;
}
.workstitleadd {
    margin-top: 0px;
    font-weight: 500;
padding-bottom:10px;
}
.workstitleadd a {
display:inline-block;
color:#687696;
margin:0 10px;
text-decoration:underline;
}
.workstitleadd a.active {
color:#000;
text-decoration:none;
pointer-events:none;
}
#works.archive .works_footer{
  margin-bottom: 150px;
}
#works.archive .works_footer .btn01{
  margin: 40px 0 0;
}
#works.archive .works_footer .btn01 a{
  width: auto;
}


.works_chronologicaltable {
    margin-bottom: 120px;
}
.works_chronologicaltable table {
    margin-left: auto;
    margin-right: auto;
font-size:16px;
}
.works_chronologicaltable th {
text-align:center;
    font-weight: bold;
    padding: .5em;
    border-bottom: 2px solid #707070;
    vertical-align: bottom;
line-height:1.4;
}
.works_chronologicaltable td {
text-align:center;
    padding: 1.5em;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
line-height:1.3;
}
.works_chronologicaltable td:nth-child(5) ,
.works_chronologicaltable td:last-child {
text-align:left;
}

.works_chronologicaltable td a {
text-decoration:underline;
color:#687696;
}
@media screen and (max-width:767px){
  #works_chronological .title01wrap {
      margin-bottom: 50px;
  }
  .works_chronologicaltable td {
      padding: 0.5em;
  font-size:0.9em;
  word-break: break-all;
  }
  .works_chronologicaltable td:nth-child(1),
  .works_chronologicaltable td:nth-child(2) {
  white-space: nowrap;
      padding: 0.25em;
  }
}
@media screen and (max-width:600px){
  #works_chronological .title01wrap {
      margin-bottom: 30px;
  }
  .workstitleadd {
  font-size:18px;
  }
  .works_chronologicaltable table {
  font-size:15px;
  }
  .works_chronologicaltable table th {
  font-size:0.8em;
  word-break: break-all;
  line-height:1.3;
  }
}


#ymatopic03 .moviebox ,
#ymatopic01 .moviebox ,
#ymatopic04 .moviebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#ymatopic03 .moviebox iframe ,
#ymatopic01 .moviebox iframe ,
#ymatopic04 .moviebox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 768px) {
.btn_menu.btn_menu_ymatopic li{
    width: 33% ;
text-align:center;
}
}
.btn_menu.btn_menu_ymatopic li span {
display:inline-block;
}

#ymatopic01 .titan01+p a {
display:inline-block!important;
}


.ymatopiclink {
font-size:16px!important;
}
@media screen and (max-width:1280px){
.ymatopiclink {
font-size:14px!important;
}
}



.home header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    color: #fff;
}
#homemv2 {
    height: 100vh;
    position: relative;
    margin-bottom: 150px;
}
#homemv2 .homemv2wrapper {
    max-width: 1680px;
    width: calc(100% - 100px);
    margin: auto;
    height: 100vh;
    display: flex;
    align-items: center;
    padding-bottom: 15vh;
    box-sizing: border-box;
    position: relative;
    z-index: 90;
}
#homemv2 h1 {
    transform: scaleX(0.95);
    transform-origin: left;
}
#homemv2 h1 span {
    color: #fff;
    font-size: 80px;
    font-weight: 900;
    display: inline-block;
    line-height: 1.6;
    margin-right: 0.3em;
}
#homemv2 h1 span:last-child {
    margin-right: 0;
}
@media screen and (max-width:800px){
#homemv2 .homemv2wrapper {
    width: 94%;
}
#homemv2 h1 span {
    font-size: 11vw;
}
}
.homemv2bgwrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 80;
}
.homemv2bg {
    height: 100vh;
}




.scrolldown1{
	position:absolute;
	left:50%;
	bottom:10px;
	height:90px;
    z-index: 90;
}

.scrolldown1 span{
	position: absolute;
	left:-20px;
	top: -25px;
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0.05em;
}

.scrolldown1::after{
	content: "";
	position: absolute;
	top: 0;
	width: 2px;
	height: 60px;
	background: #eee;
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:60px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}

.homemv2banner{
  position: absolute;
  width: 100%;
  max-width: 1730px;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 90;
  box-sizing: border-box;
}
.homemv2banner a{
  display: block;
  width: 33%;
  max-width: 540px;
  margin-left: auto;
}
.homemv2banner a+a{
  margin-top: 15px;
}
.homemv2banner a img{
  display: block;
  width: 100%;
  outline: 1px solid rgba(120,120,120,1);
  border: 1px solid #fff;
}
@media screen and (max-width: 1580px) {
  .homemv2banner a{
  }
}
@media screen and (max-width: 1340px) {
  .homemv2banner a{
    margin-right: 0;
  }
}
@media screen and (max-width:1280px){
  .homemv2banner{
position:static;
padding-top:calc(30px + 6%);
  }
  .homemv2banner a{
    width: 100%;
margin-left:0;
    margin-right: auto;
  }
}
@media screen and (max-width:767px) and (max-height:767px) and (orientation: portrait) {
  .homemv2banner{
    padding-bottom: 36%;
  }
}
@media screen and (max-width:1280px) and (max-height:767px) and (orientation: landscape) {
  .homemv2banner{
    bottom: 20px;
  }
  .homemv2banner a{
    width: 42%;
  }
}

#homemv2 .homemv2wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 1280px) {
#homemv2 .homemv2wrapper {
padding-bottom:0;
padding-top:3vh;
}
}
@media screen and (max-width:767px) and (max-height:767px) and (orientation: portrait) {
  #homemv2 .homemv2wrapper{
    padding-top: 24%;
  }
}
#homemv2,
#homemv2 .homemv2wrapper,
.homemv2bgwrapper ,
.homemv2bg {
min-height:600px;
}
#homemv2 h1 span {
line-height:1.4;
}

#phovare-series #mv {
  background-image: none;
}

#phovare-series .mv02 .mvwrap {
  background-image: url(images/technology/phovare/2_29.gif);
}

#phovare #mv,
#phovare-3 #mv {
  background-image: url(images/technology/phovare/2_31_2.jpg);
}
#phovare-1 #mv {
  background-image: url(images/technology/phovare/2_29_2.jpg);
}
#phovare-split #mv {
  background-image: url(images/technology/phovare/2_30_2.jpg);
}


.ph_anchor_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 90px;
}
.ph_anchor_list li {
  width: 32%;
}
.ph_anchor_list li a {
  text-decoration: none;
  line-height: 1.2;
  font-size: 20px;
    display: block;
    padding: 3px;
    border: 1px solid #ccc;
    position: relative;
text-align:center;
}
.ph_anchor_list li a span {
    position: absolute;
    display: block;
    right: 8px;
    bottom: 100%;
    background-color: red;
    color: #fff;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.12;
    margin-bottom: -13px;
    transform: skewX(-20deg);
}
.ph_anchor_list li img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}


.ph_ymarker {
  background: linear-gradient(transparent 60%, #f2ef00 0%);
display:inline!important;
}
.ph_bmarker {
  background: linear-gradient(transparent 60%, #66ccff 0%);
display:inline!important;
}
.ph_bold {
  font-weight: bold;
}

.phsec .sec0101+.sec0101 {
  margin-top: 90px;
}
@media screen and (max-width:767px){
  .ph_anchor_list {
    margin-bottom: 50px;
    flex-direction: column;
    max-width: 416px;
    margin-left: auto;
    margin-right: auto;
  }
  .ph_anchor_list li {
    width: 100%;
    margin-bottom: 15px;
  }
.phsec .sec0101+.sec0101 {
  margin-top: 40px;
}
}

.phsec {
  padding-top: 20px;
}
.ph_secheader {
  position: relative;
  display: table;
  height: 50px;
  line-height: 50px;
  padding: 0 4rem;
  box-shadow: 0px -5px #abd6c5, 0px 5px #abd6c5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #abd6c5;
  color: #353535;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.ph_secheader::before,
.ph_secheader::after {
  position: absolute;
  top: -5px;
  width: 0px;
  height: 0px;
  border-color: transparent #fff;
  border-style: solid;
  content: '';
}

.ph_secheader::before {
  left: 0;
  border-width: 30px 0px 30px 10px;
}

.ph_secheader::after {
  right: 0;
  border-width: 30px 10px 30px 0px;
}
.phovare03 {
  margin-bottom: auto!important;
}
.phsec01 {
  margin-top: -40px;
  padding-top: 40px;
}


.phsec .sec_header02::after {
bottom:140%;
}


.homesec02addinfo {
color:#fff;
top:15%;
display:table;
position:absolute;
left:50%;
transform:translateX(-50%);
white-space:nowrap;
padding:4px 16px;
border:1px solid #ccc;
}
.homesec02addinfo span {
  display: block;
font-size:18px;
text-align:center;
line-height:1.3;
}
.homesec02addinfo span span {
font-size:13px;
color:#748CAD;
}


@media screen and (max-width:767px){
.homesec02addinfo {
padding:2px 16px;
top:3%;
}
.homesec02addinfo span {
font-size:14px;
}
.homesec02addinfo span span {
font-size:11px;
}}

/* add by kmonos 230912 */
.blc-introduction {margin-top:50px; transition:all .2s ease-in-out;}
.blc-introduction__row {display:flex; flex-wrap:wrap;}
.blc-introduction__col {flex:0 0 50%; width:100%; max-width:50%;}
.blc-introduction__link {cursor:pointer;}
.blc-introduction__title {padding:10px; background-color:#000; color:#fff; font-size:25px; font-weight:bold; text-align:center;}
.blc-introduction__thumbnail {}
.blc-introduction__thumbnail img {max-width:100%; height:auto; transition:all .2s ease-in-out;}
.blc-introduction__link:hover .blc-introduction__thumbnail img {filter:grayscale(100%);}
.modal-introduction {position:fixed; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; transition:all .2s ease-in-out; z-index:1000;}
.modal-introduction.collapse {display:none;}
.modal-introduction.active {display:flex;}
.modal-introduction__backdrop {position:fixed; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .85);}
.modal-introduction__inner {position:relative; max-width:1280px; margin:0 auto; padding:50px; background-color:#fff;}
.modal-introduction__header {position:absolute; top:0; right:0;}
.modal-introduction__close {position:relative; width:50px; height:50px; cursor:pointer;}
.modal-introduction__close::before,
.modal-introduction__close::after {position:absolute; content:''; top:calc(50% - 1px); left:calc(50% - 15px); width:30px; height:2px; background-color:#000;}
.modal-introduction__close::before {transform:rotate(45deg);}
.modal-introduction__close::after {transform:rotate(-45deg);}
.modal-introduction__body {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.modal-introduction__thumbnail {flex:0 0 60%; width:100%; max-width:60%;}
.modal-introduction__thumbnail img {max-width:100%; height:auto;}
.modal-introduction__text {flex:0 0 40%; width:100%; max-width:40%;}
.modal-introduction__heading {text-align:center; padding-left:30px;}
.modal-introduction__content {margin-bottom:0; padding-left:30px;}
.modal-introduction__footer {margin-top:20px; text-align:center;}
.modal-introduction__pager {margin:0 20px;}
.modal-introduction__prev,
.modal-introduction__next {font-weight:bold; cursor:pointer;}

.phovare-series-text {position:absolute; top:0; right:0; width:50%; opacity:0; height:100%; padding:50px 30px; background-color:rgba(0, 0, 0, .60); color:#fff; box-sizing:border-box; overflow:hidden; transition:all .2s ease-in-out;}
.phovare-series-text h4 {margin-bottom:20px; font-size:25px; font-weight:bold;}

.accordion.phovare-series li {max-height:500px; cursor:default;}
.accordion.phovare-series li:hover .phovare-series-text {opacity:1;}
.accordion.phovare-series ul li:hover {width:80%;}
@media screen and (min-width:768px) {
  .accordion.phovare-series li {width:calc(100% / 3); position:relative;}
}
@media screen and (max-width: 767px) {
  .modal-introduction__inner {padding:20px;}
  .phovare-series-text {top:inherit; bottom:0; width:100%; height:50%; padding:20px;}
  .phovare-series-text h4 {margin-bottom:10px; font-size:16px;}
  .accordion.phovare-series ul {height:800px;}
  .accordion.phovare-series li {height:calc(100% / 3);}
  .accordion.phovare-series ul li:hover {width:100%;}
}

.accordion2.phovare-series li {max-height:500px; cursor:default;}
.accordion2.phovare-series li:hover .phovare-series-text {opacity:1;}
.accordion2.phovare-series ul li:hover {width:80%;}
.sec_header02_slide {

  margin-top:30px;;
}

.slide_botton{
  width:100%;
  margin-top:80px;;
}

.yogo_sub_heder{
  background:linear-gradient(transparent 60%, #66ccff 0%);display:inline!important;   font-size: 24px!important;  margin-bottom: 15px;letter-spacing: 1px;;
}

.yogo_sub_heder_y{
  background:linear-gradient(transparent 60%, #fffa66 0%);display:inline!important;   font-size: 24px!important;  margin-bottom: 15px;letter-spacing: 1px;;
}

.yogo_sub_heder_g{
  background:linear-gradient(transparent 60%, #66ff6d 0%);display:inline!important;   font-size: 24px!important;  margin-bottom: 15px;letter-spacing: 1px;;
}

.yogo_sub_heder_r{
  background:linear-gradient(transparent 60%, #ff66a6 0%);display:inline!important;   font-size: 24px!important;  margin-bottom: 15px;letter-spacing: 1px;;
}





@media screen and (min-width:768px) {
  .accordion2.phovare-series li {width:calc(100% / 3); position:relative;}
}
@media screen and (max-width: 767px) {
  .phovare-series-text {top:inherit; bottom:0; width:100%; height:50%; padding:20px;}
  .phovare-series-text h4 {margin-bottom:10px; font-size:16px;}
  .accordion2.phovare-series ul {height:800px;}
  .accordion2.phovare-series li {height:calc(100% / 3);}
  .accordion2.phovare-series ul li:hover {width:100%;}
}


.front_page_right_box {
  width:50%;
  height:285px;
  margin-top:-40px;
}

.front_page_right_box .title {
  font-size:50px;
  font-weight:bold;
}

.front_page_right_box .title_jap {
  margin-left:50px;
}



.front_page_right_box .sub_title {
  font-size:20px;
  font-weight:bold;
  padding-top:10px;
}

.front_page_right_box .body_txt {
  padding-left:50px;
  margin-top:-10px;
}

.front_page_right_box_botton {
  transform:none;
  width:600px;
  margin-top:60px;
  margin-left:300px;
}
.special_contents_cat_img_m {
  margin-top:-80px;
}



@media screen and (max-width: 1280px) {
  .front_page_right_box { width:100%; padding:50px;margin-top:-80px;}
  .special_contents_cat_img a { width:100%;padding:50px;}
  .special_contents_cat_img .a_link { padding:20px;}
  .front_page_right_box_botton { padding:0px; margin-left:-20px;margin-top:80px; width:300px; }
  .home #homesec01 .bg{margin-left:0%;width:100%}


}


@media screen and (max-width: 767px) {
  .front_page_right_box { width:100%; padding:0px;margin-top:0px;}
  .special_contents_cat_img_m { margin-top:50px}
  .special_contents_cat_img .a_link { padding:10px;}
  .special_contents_cat_img a { padding:0px;}
  .front_page_right_box_botton{  margin-left:-10px; }
  .front_page_right_box .title_jap {margin-left:0px;}
.front_page_right_box {  height:auto;}
.front_page_right_box .title {
  font-size:40px;
}



.front_page_right_box .title::after{
 content:"\A";
 white-space:pre;
}

}


/* 240418依頼対応 */
.slide_mv {position:relative; overflow:hidden; width:100%; height:calc(100vh - 140px);}
.slide_mv_inner {position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden;}
.slide_mv video {min-width:100%; min-height:100%; width:auto; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.slide-thumbnail-list {display:flex; flex-wrap:wrap; margin:0 -10px; box-sizing:border-box;}
.slide-thumbnail-list__item {flex:0 0 33.333333%; padding:0 10px; box-sizing:border-box;}
.slide-thumbnail-list__item img {max-width:100%; height:auto; box-sizing:border-box;}
.modal-image {position:relative;}
.modal-click-list {;position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (max-width: 1321px) {
.modal-click-list {font-size:1.2vw;}
}

.modal-click  {position:absolute; top:32%; left:18%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}{position:absolute; top:32%; left:18%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

.modal-click2 {position:absolute; top:28%; left:30%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click2:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click3 {position:absolute; top:12%; left:40%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click3:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click4 {position:absolute; top:52%; left:35%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click4:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click5 {position:absolute; top:42%; left:55%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click5:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click6 {position:absolute; top:32%; left:70%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click6:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click7 {position:absolute; top:22%; left:80%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click7:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click8 {position:absolute; top:65%; left:65%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click8:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

.modal-click10 {position:absolute; top:29%; left:27.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click10:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click11 {position:absolute; top:69%; left:23.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click11:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click12 {position:absolute; top:49%; left:61.0%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click12:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click13 {position:absolute; top:60%; left:61.0%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click13:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

.modal-click20 {position:absolute; top:29%; left:27.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click20:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click21 {position:absolute; top:45%; left:22.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click21:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click22 {position:absolute; top:59%; left:22.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click22:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click23 {position:absolute; top:15%; left:53.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click23:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click24 {position:absolute; top:60%; left:45.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click24:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click25 {position:absolute; top:35%; left:67.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click25:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click26 {position:absolute; top:25%; left:77.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click26:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}
.modal-click27 {position:absolute; top:70%; left:30.5%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
.modal-click27:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

#maintenance_hosyu .modal-click  {position:absolute; top:69%; left:28%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}{position:absolute; top:32%; left:18%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
#maintenance_hosyu .modal-click:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

#maintenance_hosyu .modal-click2  {position:absolute; top:30%; left:48%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}{position:absolute; top:32%; left:18%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
#maintenance_hosyu .modal-click2:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}

#maintenance_hosyu .modal-click3  {position:absolute; top:44%; left:68%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}{position:absolute; top:32%; left:18%; padding:5px 10px; background:#eb6100; border:none; color:#fff; cursor:pointer;border-radius: 0.5rem;;border-bottom: 5px solid #b84c00;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
#maintenance_hosyu .modal-click3:hover{  margin-top: 3px;  color: #fff;  background: #f56500;  border-bottom: 2px solid #b84c00;}


.dli-arrow-left_all{
  position:absolute; top:33%; left:37.5%;
  display: inline-block;
  vertical-align: middle;
  color: #b84c00;
  line-height: 1;
  width: 4em;
  height: 0.2em;
  background: currentColor;
}

.dli-arrow-left_all::before{
 content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.2em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}


.dli-arrow-right_all{
  position:absolute; top:33%; left:37.5%;
  display: inline-block;
  vertical-align: middle;
  color: #b84c00;
  line-height: 1;
  width: 10em;
  height: 0.2em;
  background: currentColor;
}

.dli-arrow-right_all::before{
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.2em solid currentColor;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: -0.05em;
  box-sizing: border-box;
}




.dli-arrow-left {position:absolute; top:33%; left:37.5%;}
.dli-arrow-left2 {position:absolute; top:72%; left:37.5%;}

.dli-arrow-right {position:absolute; top:53%; left:47.5%;}
.dli-arrow-right2 {position:absolute; top:64%; left:47.5%;}




.modal-click span {display:block;}
.modal-click2 span {display:block;}
.modal-click3 span {display:block;}
.modal-click4 span {display:block;}
.modal-click5 span {display:block;}
.modal-click6 span {display:block;}
.modal-click7 span {display:block;}
.modal-click8 span {display:block;}
.modal-click10 span {display:block;}
.modal-click11 span {display:block;}
.modal-click12 span {display:block;}
.modal-click13 span {display:block;}

.modal-click20 span {display:block;}
.modal-click21 span {display:block;}
.modal-click22 span {display:block;}
.modal-click23 span {display:block;}
.modal-click24 span {display:block;}
.modal-click25 span {display:block;}
.modal-click26 span {display:block;}
.modal-click27 span {display:block;}


.modal-introduction__video {}
.modal-introduction__video video {max-width:100%; height:auto;}
@media screen and (max-width: 767px) {
  .slide_mv {height:calc(100vh - 85px);}
  .slide-thumbnail-list {flex-direction:column; row-gap:20px;}
  .slide-thumbnail-list__item {flex:1;}
  .modal-image img {margin-bottom:10px;}
  .modal-click-list {position:static; display:flex; flex-wrap:wrap; gap:10px;}
  .modal-click {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click2 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click3 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click4 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click5 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click6 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click7 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click8 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}

  .modal-click10 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click11 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click12 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click13 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}

  .modal-click20 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click21 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click22 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click23 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click24 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click25 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click26 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}
  .modal-click27 {flex:0 0 calc(50% - 5px); position:static; border-bottom:none;}

  
  .modal-click:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click2:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click3:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click4:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click5:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click6:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click7:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click8:hover{ margin-top: 0px; border-bottom:none;}

  .modal-click10:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click11:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click12:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click13:hover{ margin-top: 0px; border-bottom:none;}

  .modal-click20:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click21:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click22:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click23:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click24:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click25:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click26:hover{ margin-top: 0px; border-bottom:none;}
  .modal-click27:hover{ margin-top: 0px; border-bottom:none;}

  .modal-click span {display:none;}
  .modal-click2 span {display:none;}
  .modal-click3 span {display:none;}
  .modal-click4 span {display:none;}
  .modal-click5 span {display:none;}
  .modal-click6 span {display:none;}
  .modal-click7 span {display:none;}
  .modal-click8 span {display:none;}

  .modal-click10 span {display:none;}
  .modal-click11 span {display:none;}
  .modal-click12 span {display:none;}
  .modal-click13 span {display:none;}

  .modal-click20 span {display:none;}
  .modal-click21 span {display:none;}
  .modal-click22 span {display:none;}
  .modal-click23 span {display:none;}
  .modal-click24 span {display:none;}
  .modal-click25 span {display:none;}
  .modal-click26 span {display:none;}
  .modal-click27 span {display:none;}

  .dli-arrow-left_all {display:none;}
  .dli-arrow-right_all {display:none;}

}


/* 240701 ナビゲーション改修@kmonos */
nav li {
	padding: 10px 12px;
}
.has-child {
	position: relative;
}
.has-child > a {
	position: relative;
	padding-right: 15px;
}
.has-child > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0; /* 右側からの距離 */
	transform: translateY(-50%) rotate(0deg); /* 垂直方向の中央揃えと初期の回転 */
	border: solid transparent;
	border-width: 5px 5px 0 5px; /* 三角形の形状 */
	border-color: #000 transparent transparent transparent; /* 三角形の色 */
}
.has-child.active > a::before {
	transform: translateY(-50%) rotate(180deg); /* active時の回転 */
}
.nav-child {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #eee;
	padding: 10px 0;
	z-index: 100;
}
.nav-child > li {
	padding: 0;
}
.nav-child > li > a {
	display: block;
	padding: 10px 40px 10px 20px ;
	color: #000;
	background-color:#eee;
}
@media (min-width: 1341px) {
	.home .has-child > a::before {
		border-color: #fff transparent transparent transparent;;
	}
}
@media (max-width: 1340px) {
	nav li {
		padding: 5px 12px;
	}
	.js_humburgerOpen header .navigation_wrapper .flexbox {
		max-height: 100vh;
	}
	.js_humburgerOpen nav li a {
		margin: 0;
		font-size: 18px;
	}
	.nav-child {
		position: static;
		background-color: #f2f2f2;
		margin-top: 10px;
	}
	.nav-child > li > a {
		padding: 5px 12px;
	}
}



.post_back_link {
  border: 1px solid #313131;
  padding: 20px;
  max-width: 200px;
  margin: 0 auto 80px;
  text-align:center;
  background-color:#eee;
}


.post_back_link2 {
  border: 1px solid #313131;
  padding: 20px;
  width: 200px;
  max-width: 200px;
  margin-top:100px;
  margin: 0 auto 0px;
  text-align:center;
  background-color:#eee;
}

.post_back_link3 {
  border: 1px solid #888;
  padding: 20px;
  width: 200px;
  max-width: 200px;
  margin-top:100px;
  margin: 0 auto 0px;
  text-align:center;
  background-color:#4fc637;
  color:#fff;
}


.post_back_link:hover {
  background-color:#fff;
}



.technology_subaru #mv_content{
  margin-bottom: 120px;
}
.technology_subaru #mv{
  background-image: url(images/observatory/mv.jpg);
}
@media screen and (max-width:767px){
  .technology_subaru #mv_content{
    margin-bottom: 40px;
  }
}
.technology_subaru #mv_content+.btn_menu{
  margin-bottom: 100px;
}
.technology_subaru section+.btn_menu{
  margin-top: 60px;
  margin-bottom: 140px;
}
.technology_subaru .btn_menu a{
  color: #8D8D8D;
}
.technology_subaru .btn_menu a.current{
  color: #000;
  pointer-events: none;
}
@media screen and (max-width:1000px){
  .technology_subaru #mv_content+.btn_menu{
    margin-bottom: 10%;
  }
  .technology_subaru section+.btn_menu{
    margin-bottom: 14%;
  }
}

@media screen and (max-width:767px){
  .technology_subaru #mv_content+.btn_menu{
    margin-bottom: 40px;
  }
  .technology_subaru section+.btn_menu{
    margin-bottom: 70px;
  }
}
.technology_subaru section{
  margin-bottom: 3.3%;
}
.technology_subaru section h3{
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.technology_subaru section p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  margin-bottom: 40px;
}
.technology_subaru section .wrapper>div{
  margin-bottom: 90px;
}
.technology_subaru .technology_img{
  margin-bottom: 20px;
}

.technology_subaru section .technology_title{
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 0px;
}

.technology_subaru section .technology_body{
  font-size: 20px;
  margin-bottom: 0px;
}

.technology_subaru .technology_img>div{
  width: calc(50% - 10px);
  position: relative;
}

.technology_subaru .technology_img2 {
  margin-top:-50px;
  margin-bottom:100px;
  height:200px;
}
 

.technology_subaru .technology_img2 .img2{
  width: 320px;
  float: left;
  position: relative;
}

.technology_subaru .technology_img2 img{
  width: 300px;

}




.technology_subaru .technology_img>div:nth-of-type(n+3){
  margin-top: 24px;
}
.technology_subaru .technology_img img{
  display: block;
  width: 100%;
}
.technology_subaru .technology_img .movieWrapper div{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}
.technology_subaru .technology_img iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.technology_subaru section a{
  display: table;
  margin-left: auto;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width:1000px){
  .technology_subaru section h3{
    font-size: 21px;
  }
}
@media screen and (max-width:767px){
  .technology_subaru section h3{
    font-size: 17px;
  }
  .technology_subaru .technology_img{
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .technology_subaru .technology_img>div{
    width: 100%;
  }
  .technology_subaru .technology_img>div+div{
    margin-top: 20px;
  }
  .technology_subaru section p{
    font-size: 15px;
    margin-bottom: 30px;
  }
  .technology_subaru section a{
    font-size: 15px;
  }
}

#yma0301 .technology_subaru .technology_img .movieWrapper div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
#yma0301 .technology_subaru section a{
  background: #647393;
  position: relative;
  display: table;
  text-align: center;
  text-decoration: none;
  width: 300px;
  height: 50px;
  line-height: 1.1;
  color: #fff;
  font-size: 16px;
  margin: auto;
  transition: .2s;
}
#yma0301 .technology_subaru section a div{
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  padding-right: 15px;
  box-sizing: border-box;
}

#yma0303 .technology_subaru section a{
  display: inline;
  color: #d7ad00;
}
#yma0303 .technology_subaru .kikan{
  margin-top: 20px;
  display: block;
}
@media screen and (min-width:768px){
  #yma0303 .technology_subaru .technology_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #yma0303 .technology_subaru .technology_txt{
    margin-right: 20px;
  }
  #yma0303 .technology_subaru .technology_img{
    width: 58%;
    align-items: flex-start;
  }
}
@media screen and (max-width:767px){
  #yma0303 .technology_subaru .technology_img{
    flex-direction: row;
  }
  #yma0303 .technology_subaru .technology_img>div{
    width: 49%;
    margin-top: 0;
  }
  #yma0303 .technology_subaru .kikan{
    margin-top: 10px;
  }
}
#yma0304 .sec0101{
  margin-bottom: 50px;
}
#yma0304 .technology_box_wrap{
  align-items: flex-start;
}
#yma0304 .technology_box .flexbox{
  align-items: flex-start;
}
#yma0304 .technology_box .technology_img{
  width: 46%;
  max-width: 300px;
  margin-right: 20px;
}
@media screen and (min-width:1001px){
  #yma0304 .technology_box{
    width: 48%;
  }
  #yma0304 .technology_box:nth-of-type(n+3){
    margin-top: 30px;
  }
}
@media screen and (max-width:1000px){
  #yma0304 .technology_box .flexbox{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:400px){
  #yma0304 .technology_box .flexbox{
    flex-direction: column;
  }
  #yma0304 .technology_box .technology_img{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

#yma0305 .sec0101{
  margin-bottom: 30px;
}
#yma0305 .pagelink{
  justify-content: center;
  margin-bottom: 50px;
}
#yma0305 .technology_subaru section .wrapper>div{
  padding-top: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width:1000px){
  #yma0305 .pagelink{
    display: none;
  }
}
@media screen and (max-width:767px) and (min-width:481px){
  #yma0305 .technology_subaru .technology_img{
    flex-direction: row;
    max-width: none;
  }
  #yma0305 .technology_subaru .technology_img>div{
    width: calc(50% - 10px);
    margin-top: 0;
  }
}
@media screen and (max-width:480px){
  #yma0305 .technology_subaru section .wrapper>div{
    margin-bottom: 50px;
  }
}





.home #homesec10 .bgwrap{
  position: relative;
  height: 65vw;
  max-height: 820px;
  overflow: hidden;
}
.home #homesec10 .bg{
  background-image: url(images/home/observatory.jpg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 80%;
  margin-left:10%;
  height: 100%;
  padding-top: 200px;
  position: absolute;

}
.home #homesec10 .outerwrapper{
  max-width: 1550px;
  width: calc(100% - 100px);
  margin: -50px auto 0;
  padding: 90px 20px 60px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
.home #homesec10 .flexbox{
  align-items: flex-start;
  margin-bottom: 50px;
}
.home #homesec10 h2{
  font-size: 33px;
  line-height: 1.9;
  font-weight: bold;
}
.home #homesec10 p{
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  width: 48%;
}
@media screen and (max-width:1280px){
  .home #homesec10 h2{
    margin-bottom: 40px;
  }
  .home #homesec10 p{
    width: 100%;
  }
}
@media screen and (max-width:1000px){
  .home #homesec10 .bg{
    padding-top: 140px;
  }
}
@media screen and (max-width:767px){
  .home #homesec10 .bgwrap{
    height: 40vw;
  }
  .home #homesec10 .outerwrapper{
    margin-top: 0;
    width: 100%;
    padding: 30px 0 30px;
  }
  .home #homesec10 h2{
    font-size: 23px;
    margin-bottom: 30px;
  }
  .home #homesec10 p{
    font-size: 15px;
  }
}
@media screen and (max-width:400px){
  .home #homesec10 h2{
    font-size: 20px;
  }
}

.leftbox_maitenace_all {
    height: 375px;
    margin-bottom: 50px;
}


.leftbox_maitenace {
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 500px;
    height: 100%;
    float: left;
}

.rightbox_maitenace {
    display: block;
    margin-bottom: 20px;
    float: left;
    max-width: 500px;
}

.edit_content2{
  max-width: 1280px;
  margin: auto;
  padding: 0 20px;
}


.edit_content_maitenace {
    font-size: 40px;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 40px;
}


ol{
	counter-reset: listnum; /* カウンターをリセット */
	list-style: none; /* 標準のスタイルは消す */
}
ol li::before{

	counter-increment: listnum; /* counter-resetと同じ文字列 */
	content: counter(listnum); /* カウントした数に応じて番号を表示 */
	content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */


}

ol.parenth1 {

	margin-left: 1rem;
  text-indent: -0.7rem;
}


ul.parenth2 {

	list-style:square;
	margin-left:15px;
}
.gt-current-lang {
    float:left;
	margin-right:0px;
}

.notranslate:first-child {
font-size: 0px;
}

.gtranslate_box1{
  width:150px;
  
}
.gtranslate_box2{
	display: none;
}

.notranslate:first-child:before {
font-size: 16px; content: "日本語 / ";
float: left;
}

@media screen and (max-width: 1400px){
.gtranslate_box1{
  display: none;
}

.gtranslate_box2{
  display:flex;
  width:120px;
  margin: 0 0 0  auto;
}


}



}

}