@charset "UTF-8";
/*
 * 参考URL
 * https://qiita.com/tmiame/items/8816d970eacaf450911f
 */
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 
 @import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);

 .fa, .far, .fas {    font-weight: 900;font-family: "Font Awesome 5 Free";font-style: normal;}
 .fa-external-link-alt:before{content: "\f35d";padding-left: 0.5em;}

 /*global-menu*/


#menu-global-menu .sub-menu:before {
  font-family: 'FontAwesome';
  font-size: 2em;
  position: absolute;
  top: -30px;
  left: 50px;
  content: '\f0d8';
  color: #464646;
}
 
#menu-global-menu .sub-menu {
  position: absolute;
  z-index: 1;
  display: none;
  width: 210px;
  border-top: none;
}
 
#menu-global-menu .sub-menu li {
  display: block;
  float: none;
  padding: 0;
}
 
#menu-global-menu li:hover .sub-menu {
  display: block;
}
 
#menu-global-menu .sub-menu li a:before {
  background-color: #393933;
}
 
#menu-global-menu .sub-menu li a {
  font-size: 1em;
  font-weight: normal;
  margin-left: 10px;
  padding: 10px 20px 10px 10px;
  display: block;
  text-align: left;
  color: #fff;
  background-color: #393933;
  width: 180px;
  margin-left: 0;
}
 
#menu-global-menu .sub-menu li a:hover {
  background-color: #393933;
}
 /*privacy.php*/

#privacy .text_box .inline_start{padding-inline-start: 19px;}
#privacy table, th, tr,td{vertical-align: top;border-spacing: 0px;border-collapse: collapse;font-size: 0.9rem;}
#privacy,#oparate {padding: 3rem 1.5rem;font-size: 0.9rem;width: 96%;line-height: 1.5rem;}
#transaction h2.title,#privacy h2.title{font-size: 150%;margin-bottom: 4rem;}
#transaction,#privacy{
  background-color: #ffffff;
  padding: 5rem 6rem;
  font-size: 1rem;
  line-height: 1.8rem;
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
  }
.transaction_box th {width: 35%;text-align: left;padding: 2rem;white-space: nowrap;vertical-align: baseline;}
.transaction_box td{vertical-align: baseline;}
.transaction_box td a.map,
#transaction,#privacy,#oparate {padding: 3rem 1.5rem;font-size: 0.9rem;width: 96%;line-height: 1.5rem;}
#transaction h2.title,#privacy h2.title{font-size: 168%;margin-bottom: 3rem;line-height: 2rem;}
#transaction span {display: block;padding-bottom: 1rem;}
.transaction_box th,.transaction_box td{display: block;}
.transaction_box th{padding: 2rem 0rem 0.2rem 0rem;}
a.win:after{
  content: '\f35d';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  font-weight: 900;
  padding-left: 0.5em;
}

/* .privacy */
.privacy ul,.privacy ol{padding-left: 1.5em;}
.privacy ol li{
  list-style:decimal;
  padding-left: 0.3rem;
  text-indent: 0rem;}
.privacy ul li{
  list-style: disc;
  padding-left: 0.3rem;
  text-indent: 0rem;}

  #law table tr td:first-child,
  #operete table tr td:first-child {
  font-weight: 600;
  width: 200px;
}
#operete ul li {
  margin-bottom: 0rem;
}
#operete ul li:before{
  position: absolute;
  top: 7px;
  left: 4px;
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #888888;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#operete .cont_wrapper table tr {
  margin-bottom: 1rem;
  display: block;
}
.slide_banner div#n2-ss-2-align{margin: 0 auto;}
@media screen and (max-width: 640px) {

}

@media screen and (min-width: 641px) {
 
}

@media screen and (max-width: 640px) {
  }

@media screen and (min-width: 641px) {
  
}

@media screen and (max-width: 768px) {
 
}

@media screen and (min-width: 769px) {
 
}

@media screen and (max-width: 991px) {
#menu-global-menu li:hover .sub-menu{position: relative;display: block;}
#menu-global-menu .sub-menu li a span.menu-global-menu-attrtitle {display: none;}
#menu-global-menu .sub-menu li a span.menu-global-menu-title:hover{color:#ef8252;}
#menu-global-menu .sub-menu li a span.menu-global-menu-title {padding-left: 54%;}
#menu-global-menu .sub-menu li a:after {border:none;}
#menu-global-menu .sub-menu{width:100%;display: block;position: relative;}
#menu-global-menu .sub-menu li a{background-color: #393933;
padding: 0px; 
margin-top: 12px;
width: 100%;overflow: hidden;}
#menu-global-menu .sub-menu li{margin: 0;}
.sub-menu .aboutlateral a span,
#menu-global-menu .sub-menu li.aboutlateral a{display: none;}
}

@media screen and (min-width: 375px) and (max-width: 991px) {
  
   }

@media screen and (min-width: 992px) {
  }

@media screen and (max-width: 1024px) {
  ul#menu-global-menu .sub-menu li a span.menu-global-menu-title {
    padding-left: 50.5vw;
}
}

@media screen and (max-width: 782px) {
  #law table tr td {
    display: unset;
}

#law table tr,#operete table tr {
    margin-bottom: 1.5rem;
    display: block;
}


#law table tr td:first-child,
#operete table tr td:first-child {
    display: block;
    width: 100%;
    margin-bottom: 0.3rem;
}
#operete ul li {
  margin-bottom: 0.8rem;
}
.slide_banner div#n2-ss-2-align{min-width: 0;}
}