@charset "UTF-8";
.under_mv{
  background: url("../img/mv.png") center;
  -webkit-background-size: cover;
  background-size: cover;
}
main{
  background-color: #eee;
  padding-bottom: 60px;
}
.equi .title{
  font-size: 3.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  line-height: 1.8;
  font-weight: bold;
  position: relative;
  z-index: 2;
  padding: 60px 0 30px;
}
.equi .title .title_en{
  font-size: 1.3rem;
  color: #004099;
}

.equi{
  max-width: 1024px;
  width: 90%;
  margin: auto;
}
.pri_inner{
  background-color: #fff;
  padding: 100px 130px;
}

.pri_inner h3{
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}

table{
  border-collapse: collapse;
  table-layout: fixed;
}
.table{
  width: 100%;
  border-bottom: 1px solid #004099;
}
.table.b{
  margin-bottom: 50px;
}
td{
  padding: 5px 0;
  font-size: 1.5rem;
  letter-spacing: 0;
}

.table td{
  border: #004099 1px solid;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 10px;
  line-height: 1.5;
}
.table .main_title{
  background-color: #004099;
  color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2rem;
  width: 85px;
  text-align: center;
  padding: 0;
  letter-spacing: 6.4px;
  font-weight: bold;
  min-height: 44em;
}
.table_y{
  width: 100%;
  border-bottom: 1px solid #F5A200;
}
.table_y.y{
  margin-bottom: 50px;
}
.main_title span,.main_title-y span{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  writing-mode: vertical-lr;
}

.table_y .main_title-y{
  background-color: #F5A200;
  color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2rem;
  width: 85px;
  text-align: center;
  padding: 0;
  font-weight: bold;
  letter-spacing: 6.4px;
  min-height: 36em;
}
.table_y td{
  border: #F5A200 1px solid;
  background-color: #fff;
  padding-left: 20px;
}
.table .table_sec{
  background-color: #D2E0F2;
  text-align: center;
  font-weight: bold;
  width: 176px;
  padding: 0;
}
.table_y .table_sec{
  background-color: #F8EBD2;
  text-align: center;
  font-weight: bold;
  width: 176px;
  padding: 0;
}

.table_g{
  width: 100%;
  border-bottom: 1px solid #004099;
}
.table_g.g{
  margin-bottom: 50px;
}
.table td.last_boder,.table_y td.last_boder,.table_y .table_sec.last_boder{
  border-bottom: none;
}
.main_t{
  background-color: #004099;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  border: 1px solid #004099;
}
.main_t.y_c{
  background-color: #F5A200;
  border: 1px solid #F5A200;
}
.main_t.g_c{
  background-color: #006F2C;
  border: 1px solid #006F2C;
}
.table_g .main_title-y{
  background-color: #006F2C;
  color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2rem;
  width: 85px;
  text-align: center;
  padding: 0;
  font-weight: bold;
  letter-spacing: 6.4px;
  min-height: 42em;
}
.table_g td{
  border: #006F2C 1px solid;
  background-color: #fff;
  padding-left: 20px;
}
.table_g .table_sec{
  background-color: #E6F3EB;
  text-align: center;
  font-weight: bold;
  width: 176px;
  padding: 0;
}
td.center{
  padding: 5px 0;
}
.table_y td.center{
  padding: 1.5px 0;
}
.table_g td.center{
  padding: 0px 0;
}
.table_y td.t_center ,.table_g td.t_center{
    text-align: center;
    width: 143px;
    padding: 0px 0;
}
.table_y  td.prod {
    width: 208px;
    padding: 0px 20px;
}

.table_y td ,.table_g td{
    padding: 0px 15px;
    font-size: 1.5rem;
    letter-spacing: 0;
}
td.fability{
  width: 219px;
}
td.type{
  width: 95px;
}
td.t_center{
  text-align: center;
  width: 143px;
  padding: 5px 0;
}
td.pad{
  width: 97px;
}
td.prod{
  width: 208px;
  padding:5px 20px;
}

.table td.prid{
  width: 440px;
}
td.nocs{
  width: 240px;
}
.table .table_sec{
  border-bottom: none;
}

/*メニュー*/
.menu_list{
  max-width: 1023px;
  width: 90%;
  display: flex;
  margin: auto;
  justify-content: space-between;
  margin-top: 60px;
}
.menu_list .menu{
  width: 342px;
  height: 158px;
  position: relative;
}
.menu_list .menu .menu_bg{
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: .3s;
} 
.menu_list .menu .menu_bg01{
  background-color: rgba(12, 140, 188, .6);
}
.menu_list .menu .menu_bg02{
  background-color: rgba(120, 149, 37, .6);
}
.menu_list .menu .menu_bg03{
  background-color: rgba(157, 89, 10, .6);
}
.menu_list a.menu:hover{
  opacity: 1;
}
.menu_list a.menu02:hover .menu_bg01{
  background-color: rgba(0, 64, 153, .7);
}
.menu_list a.menu:hover .menu_bg{
  background-color: rgba(245, 162, 0, .7);
}
.menu_list .h_line{
  line-height: 1.2;
  padding-bottom: 10px;
}
.menu_list .menu01{
  background:url("../img/menu_img01.png") no-repeat;
}
.menu_list .menu02{
  background: url("../img/menu_img02.png") no-repeat;
}
.menu_list .menu03{
  background: url("../img/menu_img03.png") no-repeat;
}
.menu_list .title{
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.menu_bg::after{
  content: url("../img/allow02.png") ;
  position: absolute;
  right: 20px;
}
.menu_list .menu_bg .title{
  font-size: 3.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  line-height: 1.8;
  font-weight: bold;
  position: relative;
  z-index: 2;
  color: #fff;
}
.menu_list .menu_bg .title .sm_en{
  font-size: 1.3rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
.pri_inner{
  background-color: #fff;
  padding: 50px 5%;
}
.main_t.g_c,.main_t.y_c,.main_t{
  text-align: left;
  padding-left: 45px;
}
.eq_table{
  overflow: scroll;
}
.table,.table_g,.table_y{
  min-width: 900px;
}
.menu_list {
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px auto;
}

.menu_list .menu {
  width: 342px;
  height: 130px;
  position: relative;
}
.menu_list .h_line {
  padding-bottom: 0px;
}
.menu_list .menu_bg .title {
  font-size: 2.8rem;
}
main {
  padding-bottom: 50px;
}
}