@charset "utf-8";

/* -----------------------------------------------------------
  見出し
----------------------------------------------------------- */
@media screen and (max-width: 767px) {

  
  body {
    min-width: auto;
    width: 100%;
  }
  div.container {
    width: 100%;
  }
  .container.typeNarrow,
  .ir_top .container.typeNarrow {
    box-sizing: border-box;
    width: 100%;
    padding: 0 5%;
  }
  footer .sitemapArea {
    min-width: auto;
    width: 100%;
  }
  .pc_cont {display:none;}
  .sp_cont {display:block;}
  .page_title2 {
    line-height: normal;    
    padding-top: 0.15rem;
  }

  .box {
    box-sizing: border-box;
    width: 100%;
    padding: 0 5%;
  }

  /* -----------------------------------------------------------
    HEADER
  ----------------------------------------------------------- */
  header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 201;
  }
  header .colL {
    margin: 10px 5%;
    float: none;
  }
  header .colL .logo a {
    width: 185px;
    height: 33px;
    background: url(../images/bg-logo-avio-01.png) no-repeat center center / contain;
}
  /*menu button*/
  header .menu_btn {
    display: block;
    position: absolute;
    width: 25px;
    height: 17px;
    top: 10px;
    right: 5%;
    cursor: pointer;
  }
  header .menu_btn::before,
  header .menu_btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 25px;
    height: 2px;
    background: #080808;
    margin: auto;
    transition: 0.3s;
  }
  header .menu_btn::before {
    box-shadow: 0 7px 0 0 #080808;
  }
  header .menu_btn::after {
    top: 15px;
  }
  header .menu_btn.open::before {
    top: 8px;
    box-shadow: none;
    transform: rotate(-35deg);
  }
  header .menu_btn.open::after {
    top: 8px;
    transform: rotate(35deg);
  }

  header .colR {
    display: none;
  }
  header .sp_menu {
    display: block;
    position: absolute;
    width: 100%;
    min-height: calc(100vh - 60px);
    top: 44px;
    left: 100vw;
    padding: 30px 0;
    background: #fff;
    z-index: 100;
    opacity: 0;
    transition: 0.3s;
  }
  header .menu_btn.open + .sp_menu {
    left: 0;
    opacity: 1;
  }
  #lang {
    margin: 0 0 10px;
  }
  header .form_cont {
    text-align: right;
  }
  .headerNavBlock {
    margin-top: 30px;
  }
  .headerNavBlock .gNav {
    display: block;
  }
  .gNav > ul > li:first-of-type > a {
    border-top: 1px solid #d3d3d3;
  }
  .gNav > ul > li > a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid #d3d3d3;
  }
  .gNav > ul > li > .sub_menu {
    padding: 15px 0;
    border-bottom: 1px solid #d3d3d3;
  }
  .gNav > ul > li > .sub_menu > li > a {
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--main_color);
    margin: 0 0 8px 50px;
  }
  .gNav > ul > li > .sub_menu > li:last-of-type > a {
    margin-bottom: 0;
  }
  .gNav > ul > li > .sub_menu > li > a::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;
    width: 6px;
    height: 8px;
    background: url(../images/bg-icon-arrow-01.png) no-repeat center center / contain;
    margin: auto;
  }
  /*.dropDownArea*/
  header + .dropDownArea {
    padding-top: 54px;
  }
  /* #localNavArea */
  #localNavArea .container {
    box-sizing: border-box;
  }
  #localNavArea .localNavArea-title {
    position: relative;
    font-size: 13px;
    background: #e7e7e7;
    padding: 15px 5%;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
  }
  #localNavArea .localNavArea-title::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    width: 12px;
    height: 10px;
    background: url(../images/tri_gray.svg) no-repeat center center / cover;
    margin: auto;
    transform: rotate(-90deg);
    transition: 0.3s;
  }
  #localNavArea .localNavArea-title.open::after {
    transform: rotate(0);
  }
  #localNav {
    display: none;
    margin: 0;
    padding: 50px 0;
  }
  #localNav li {
    display: block;
    height: auto;
    text-align: left;
  }
  #localNav li:first-child {
    background: none;
  }
  #localNav li.current:before,
  #localNav li:hover:before,
  #localNav li.current:after,
  #localNav li:hover:after {
    content: none;
  }
  #localNav li a {
    background: none;
    margin: 0 5%;
    padding: 15px 0;
    border-bottom: 1px solid #d3d3d3;
  }
  #localNav li:first-of-type a {
    border-top: 1px solid #d3d3d3;
  }

  /* -----------------------------------------------------------
    FOOTER
  ----------------------------------------------------------- */
  #fixGoToTop {
    bottom: 10px;
  }
  footer .sitemap {
    left: 5%;
  }
  footer .sitemapArea .col {
    width: 50%;
    max-width: 250px;
    margin: 0 0 25px;
    padding: 0 5%;
  }
  footer .sitemapArea .col:nth-of-type(2n+1) {
    clear: both;
  }
  footer .sitemapArea {
    padding: 40px 0 20px;
  }

  footer .copyrightArea {
    padding: 25px 5%;
    text-align: center;
  }
  footer .copyrightArea ul {
    text-align: center;
    margin: 0 auto 25px;
  }
  footer .copyrightArea ul li {
    float: none;
    display: inline-block;
    margin-bottom: 8px;
  }
  footer .copyrightArea small {
    float: none;
  }

  /* -----------------------------------------------------------
    TOP
  ----------------------------------------------------------- */
  /*KV*/
  .bgTitleAreaType1.keyVisual {
    height: 420px;
    padding: 0 5%;
  }
  .bgTitleAreaType1.keyVisual h2 {
    margin: 0 0 10px;
    padding: 150px 0 0;
  }
  .bgTitleAreaType1 h2 {
    font-size: 30px;
    margin: 40px 5% 10px;
  }
  /*IRTOP Banner*/
  .bnrArea .columnAreaType2 {
    padding: 0 5%;
  }
  .bnrArea .columnAreaType2 .col1of3 {
    width: 100%;
    margin: 0;
  }
  .bnrArea .columnAreaType2 .col1of3 .colIn {
    max-width: 328px;
    margin: 0 auto 18px;
  }

  /*main nav*/
  .main_nav li {
    width: 50%;
  }
  .main_nav li:not(:nth-last-of-type(-n+2)) {
    border-bottom: none;
  }
  .main_nav li:nth-of-type(2n),
  .main_nav li:last-of-type {
    border-right: 1px solid #70B946;
  }
  .main_nav li a {
    font-size: 12px;
    padding: 6 3px;
  }
  
  .sub_nav {
    padding: 15px 5% 10px;
  }
  .sub_nav li {
    margin: 0 0 5px;
  }
  .sub_nav li::before {
    content: none;
  }
  .sub_nav li a {
    color: #a5a5a5;
    padding: 0 10px;
    border-left: 1px solid #b0b0b0;
  }
  .sub_nav li a:hover {
    text-decoration: none;
  }
  .sub_nav li.current a {
    color: #080808;
  }
  .sub_nav li a:hover,
  .sub_nav li.current a {
  }
  
  .ir_info {
    margin: 0 0 60px;
  }
  .ir_info .news_more {
    position: absolute;
    top: 12px;
    right: 0;
  }
  .ir_info .news_more > li {
    font-size: 14px;
    padding-left: 10px;
    margin-left: 15px;
  }
  .ir .irc_release,
  .ir .irc_calendar_L {
    width: 100%;
    padding: .15rem 0;
  }
  .ir .irc_release .irc_release_yyyymmdd,
  .ir .irc_calendar_L .irc_calendar_Lyymmdd {
    display: inline-block;
    float: none;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1px;
    margin: 0 0 5px .1rem;
  }
  .ir .irc_release .irc_release_icon {
    float: none;
    display: inline-block;
  }
  .ir .irc_release .irc_release_title,
  .ir .irc_calendar_L .irc_calendar_Ltext {
    width: 100%;
    float: none;
    line-height: 160%;
    margin-left: 0.1rem;
  }

  .bottom_nav dl {
    width: 50%;
  }
  .bottom_nav dl:nth-of-type(2n),
  .bottom_nav dl:last-of-type {
    border-right: 1px solid #CCC;
  }
  .bottom_nav dl dt {
    font-size: 13px;
  }
  .bottom_nav dl dt a {
    padding: 10px 0;
  }
  .bottom_nav dl dd {
    font-size: 13px;
    padding: 15px 20px;
  }

  .bottom_sub_nav li {
    padding: 0 10px;
  }

  /*.irArea*/
  .irArea {
    padding: 60px 0 40px;
  }
  .irArea .row {
    /*margin: 0 5%;*/
  }
  .irArea .row .col {
    width: 100%;
    border-right: none;
    margin: 0;
  }
  .irArea .row .col:first-child,
  .irArea .row .col:nth-of-type(4n+1) {
    border-left: none;
  }
  .irArea .row .col h4 {
    position: relative;
    text-align: left;
    border-top: 1px solid #d3d3d3;
    margin: 0;
    padding: 15px 0;
    cursor: pointer;
  }
  .irArea .row .col:last-of-type h4,
  .irArea .row .col h4.open {
    border-bottom: 1px solid #d3d3d3;
  }
  .irArea .row .col h4::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    width: 12px;
    height: 10px;
    background: url(../images/tri_gray.svg) no-repeat center center / cover;
    margin: auto;
    transform: rotate(-90deg);
    transition: 0.3s;
  }
  .irArea .row .col h4 + .iricon {
    display: none;
  }
  .irArea .row .col ul.itemLinks {
    display: none;
    margin: 20px 0;
  }

  
  /*ボックスメニュー*/
  .irc_boxmenu li{
    float: none;
    width:100%;}
  .irc_boxmenu_eachboxR{
    margin:0 0 0 0px;
  }
  .irc_boxmenu li a{
    height:auto;
  }

  /* -----------------------------------------------------------
   library_index / IR資料室
  ----------------------------------------------------------- */
  #library_index li .irc_library_yymmdd {
    width: auto;
    min-height: auto;
    float: none;
    margin: 0 0 .1rem 0 !important;
  }
  #library_index li .irc_library_txt {
    width: 100%;
    min-height: auto;
    float: none;
    margin: 0 !important;
  }
  
  /* -----------------------------------------------------------
    irc_financetable
   ----------------------------------------------------------- */
   .irc_financetable {
     display: block;
     overflow-x: scroll;
     white-space: nowrap;
   }
   .irc_financetable tbody {
     width: 100%;
     display:table;
   }
 
   /* -----------------------------------------------------------
    irc_graphbar
   ----------------------------------------------------------- */
   .irc_graphbar .irc_graphbar_img {
     width: 100%;
     margin: 0 auto 30px;
   }
   .irc_graphbar .irc_graphbar_img + .irc_graphbar_img {
     margin: 0 auto;
   }
}