@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body{
  font-family: 'Noto Sans JP', sans-serif;
}

a:hover{
  text-decoration:none;
}

ul{
  padding-left:0;
  list-style:none;
  margin-bottom:0;
}

p{
  display:block;
}

img{
  max-width:100%;
}

h3{
  font-size:24px;
  font-weight:bold;
  border-left:6px solid #4c1e78;
  padding-left:7px;
  margin-bottom:40px;
}

h4{
  font-size:19px;
  font-weight:bold;
  border-bottom:1px solid #c8c8c8;
  padding-bottom:12px;
}

.catch{
  font-size:17px;
  font-weight:bold;
  margin-bottom:10px;
}


header{
  padding-top:20px;
}

header nav.globalMenu{
  padding-top:20px;
  padding-bottom:10px;
  border-bottom:5px solid #4c1e78;
}

header nav.globalMenu ul li{
  width:20%;
  text-align:center;
  border-right:1px solid #c8c8c8;
}

header nav.globalMenu ul li a{
  color:#231815;
  font-size:13px;
  display:inline-block;
  padding:5px 0px;
}

#header-under{
  background:#646464;
  border-bottom:1px solid #c8c8c8;
  padding:9px 0px;
  color:#FFF;
}


#header-under ul li{
  width:20%;
  text-align:center;
  border-right:1px solid #c8c8c8;
}

#header-under ul li:first-child{
  text-align:left;
}

#header-under ul li:last-child{
  border-right:0;
}

#header-under ul li a{
  color:#ffffff;
  display:inline-block;
  padding:5px 0px;
  line-height:1;
}

#header-under ul li:last-child a{
  font-size:13px;
}

#header-under ul li a i{
  margin-right:5px;
}



footer{
  background:#323232;
  padding:30px 0px 0px 0px;
}

footer > .container{
  padding-bottom:30px;
}

footer a{
  color:#FFFFFF;
}

footer a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}

footer ul li a{
  font-size:16px;
  font-weight:bold;
  padding:5px 0px;
  display:inline-block;
}

footer ul li ul li a{
  font-size:12px;
  font-weight:normal;
  padding:5px 0px;
  display:inline-block;
}

footer #copyright{
  background:#FFF;
  padding:10px;
  font-size: 0.786em;
}

.group-staff{
  text-align:center;
  background:#f0f0f0;
  padding:20px 20px;
  margin-bottom:30px;
}

.group-staff-title{
  font-size:19px;
  font-weight:bold;
  margin-bottom:20px;
}

.group-staff-btn1{
  display:inline-block;
  background:#4c1e78;
  border:2px solid #4c1e78;
  color:#FFF;
  padding:10px 30px;
  margin-bottom:20px;
  transition:.3s;
}

.group-staff-btn1:hover{
  background:#FFF;
  color:#4c1e78;
  transition:.3s;
}

.group-staff-btn2{
  display:inline-block;
  background:#e60000;
  border:2px solid #e60000;
  color:#FFF;
  padding:10px 30px;
}

.group-staff-btn2:hover{
  background:#FFF;
  color:#e60000;
  transition:.3s;
}

.relater-links-title{
  font-size:19px;
  font-weight:bold;
  margin-bottom:8px;
}


.relater-links-subtitle{
  font-size:19px;
  font-weight:bold;
  margin-bottom:8px;
  border:none;
  padding-left:0;
}


.relater-links-inner{
  background:#f0f0f0;
  padding:20px 25px 20px 25px;
}

.relater-links-inner ul{
  margin-bottom:20px;
}

.relater-links-inner a{
  font-size:12px;
  color:#646464;
}

.relater-links-inner a:hover{
  text-decoration:underline;
}

.pageheader{
  background:#f0f0f0;
  padding:3rem 0;
  margin-bottom:70px;
  background-size:cover;
  color:#FFF;
}

.term .pageheader{
  text-align:center;
  color:#646464;
  font-weight:bold;
}

#business_travel .pageheader{
  background-image:url("../img/pageheader/business_travel.jpg");
}

#mice .pageheader{
  background-image:url("../img/pageheader/mice.jpg");
}

#visa .pageheader{
  background-image:url("../img/pageheader/visa.jpg");
}

#tour .pageheader{
  background-image:url("../img/pageheader/tour.jpg");
  position:relative;
}

#tour .pageheader > img{
  position:absolute;
  right:10px;
  bottom:10px;
}



.breadcrumb{
  margin-bottom:0;
  padding:5px 0px;
  background:none;
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
  font-size: 0.714em;
  speak: none;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #000000;
  font-weight:normal;
font-size: 0.714em;
}


.breadcrumb li a:hover {
  text-decoration: underline;
}




.under-contact{
  text-align:center;
}

.under-contact a{
  display:inline-block;
  background:#323232;
  padding:10px 30px;;
  font-size:15px;
  color:#ffffff;
}

#mainimage{
  position:relative;
  font-weight:bold;
}

#mainimage > img{
  width:100%;
  margin-bottom:30px;
}

#mainimage #maintxt{
  position:absolute;
  width:100%;
  left:0%;
  top: 45%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

#mainimage #maintxt #maintxt1{
  font-size:23px;
  line-height:1.5;
  margin-bottom:20px;
}

#mainimage #maintxt #maintxt2{
  font-size:12px;
  line-height:1.5;
}

@media (max-width: 992px){
  #mainimage #maintxt #maintxt1{
    font-size:20px;
    line-height:1.2;
    margin-bottom:10px;
  }
  #mainimage #maintxt #maintxt2{
    font-size:10px;
    line-height:1.5;
  }
}

@media (max-width: 768px){
  #mainimage #maintxt #maintxt1{
    font-size:16px;
    line-height:1.2;
    margin-bottom:10px;
  }
  #mainimage #maintxt #maintxt2{
    font-size:9px;
    line-height:1.5;
  }
}





.newstitle{
  font-size:19px;
  font-weight:bold;
  color:#000000;
  margin-bottom:10px;
}

.newsbox{
  border-top:1px solid #646464;
  border-bottom:1px solid #646464;
  margin-bottom:40px;
}

.newsbox ul li{
  padding:5px 0px;
}

.newsbox ul li a{
  font-size:18px;
  color:#646464;
}

.newsbox ul li a span.date{
  display:inline-block;
  padding-right:20px;
  font-size:14px;
}

.newsbox ul li a span.new{
  display:inline-block;
  font-size:14px;
  background:#e60000;
  color:#FFF;
  padding:2px 5px;
  margin-left:10px;
}

.toptitle{
  border-bottom:3px solid #4c1e78;
  margin-bottom:0;
  padding-bottom:3px;
}

.toptitle a{
  font-size:19px;
  font-weight:bold;
  color:#000000;
  padding-bottom:2px;
}

.topimg{
  margin-bottom:10px;
}

.topimg img{
  width:100%;
}

.topcontent{
  color:#646464;
}



ul.termlist{
}

ul.termlist li{
  margin-bottom:15px;
}

ul.termlist li a{
  display:block;
  border:1px solid #c8c8c8;
  background:#f0f0f0;
  color:#000000;
  padding:20px;
  font-size:16px;
  position:relative;
}

ul.termlist li.line2 a{
  padding:8px 20px;
}



ul.termlist li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  color:#646464;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

h3.termtitle{
  font-size:30px;
  font-weight:normal;
  text-align:center;
  margin-bottom:20px;
  border-left:none;
}

.termsubtitle{
  padding:10px;
  margin-bottom:20px;
  background:#f0f0f0;
  position:relative;
}

.termsubtitle p{
  margin-bottom:0;
}

.termsubtitle:before{
  content:"";
  position:absolute;
  left:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width:3px;
  height:20px;
  background:#4c1e78;
}

.termtxt{
  margin-bottom:50px;
}

.termwaku{
  padding:10px;
  border:2px solid #c8c8c8;
}

table.termtable{
  width:100%;
  border-left:2px solid #c8c8c8;
  border-top:2px solid #c8c8c8;
}

table.termtable tr th,
table.termtable tr td{
  border-right:2px solid #c8c8c8;
  border-bottom:2px solid #c8c8c8;
  padding:10px;
}

table.termtable tbody tr th{
  background:#f0f0f0;
}

table.termtable tbody tr .brn{
  border-right:none;
}

.flowbox{
  background:#f0f0f0;
  border:1px solid #c8c8c8;
  padding:30px;
  text-align:center;
}

.flowbox ul li{
  display:block;
  padding:10px;
  border:1px solid #dcdcdc;
  background:#FFF;
  border-radius:8px;
  font-weight:bold;
  font-size:14px;
  margin-bottom:30px;
  position:relative;
}

.flowbox ul li:after{
  content:"";
  background-image:url("../img/business_travel/arrow.png");
  background-repeat:none;
  width:29px;
  height:13px;
  position:absolute;
  bottom:-13px;
  left: 50%;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
}

.flowbox ul li:last-child:after{
    display:none;
}


.schedule{
  background:#f0f0f0;
  border:1px solid #c8c8c8;
  padding:30px;
  text-align:center;
}

.schedule table{
  margin:0px auto;
  border-collapse: separate;
  border-spacing: 4px;
}

.schedule table tbody tr th{
  background:#c8c8c8;
  padding:10px 30px;
  font-size:14px;
}

.schedule table tbody tr td{
  background:#FFFFFF;
  padding:10px 20px;
  font-size:14px;
}

h3.privacytitle{
  text-align:center;
  padding:0;
  border:0;
  margin-bottom:20px;
}
table.privacytable{
  width:100%;
  border-left:2px solid #c8c8c8;
  border-top:2px solid #c8c8c8;
}

table.privacytable thead tr th{
  background:#f0f0f0;
  text-align:center;
  font-weight:normal;
}

table.privacytable tr th,
table.privacytable tr td{
  border-right:2px solid #c8c8c8;
  border-bottom:2px solid #c8c8c8;
  padding:10px;
}

table.privacytable tbody tr th{
}

table.privacytable tbody tr .brn{
  border-right:none;
}


@media (max-width: 1200px) {
}

@media (max-width: 769px) {
  #header-under ul li{
    width:30%;
  }
  footer ul li ul{
    display:none;
  }

  .relater-links{
    width:75%;
    margin:auto;
  }
  .relater-links-title{
    text-align:center;
    border-bottom:1px solid #646464;
    padding-bottom:10px;
  }
  .relater-links-inner{
    background:none;
  }

  .relater-links-inner a{
    font-size:20px;
  }

  header nav.globalMenu ul li:first-child{
    display:none;
  }

  header nav.globalMenu ul li{
    width:25%;
  }

  #header-under ul li{
    width:50%;
  }


}

@media (max-width: 415px) {

  .hamburger {
    display : block;
  }

  .pageheader{
    text-align:center;
  }

  #makewaves{
    padding-bottom:10px;
  }
  #logo{
    padding-bottom:10px;
  }
  header nav.globalMenu{
    display:none;
  }
  #header-under ul li{
    width:100%;
    border:none;
    text-align:left;
  }
  #header-under ul li:last-child{
    display:none;
  }


  .relater-links{
    width:100%;
    margin:auto;
  }
  .relater-links-inner{
    padding:20px 5px;
  }

  .relater-links-inner a{
    font-size:15px;
  }

  #mainimage #maintxt #maintxt1{
    font-size:15px;
  }

  #mainimage #maintxt #maintxt2{
    display:none;
  }

  h2,
  .newstitle{
    font-size:25px;
  }
  h3{
    font-size:20px;
  }
  h3.termtitle{
    font-size:20px;
  }


  .schedule{
    overflow:scroll;
  }

  .schedule table{
    width:600px;
  }



}