@charset "utf-8";
/** ***************************************************************************
 * AI-NET使いやすさ向上プロジェクト
 * ************************************************************************* */

#ainet_project p.project_title {
 font-size: 2.5em;
 text-align: center;
 color: #00478d;
 font-weight: bold;
 line-height: 1.25em;
 margin-bottom: 60px;
}

#ainet_project ul.project_list::before {
 content: "";
 display: block;
 padding: 20px;
 box-sizing: border-box;
 width: calc(100% / 4 - 20px);
 order: 1;
}

#ainet_project ul.project_list::after {
 content: "";
 display: block;
 padding: 20px;
 box-sizing: border-box;
 width: calc(100% / 4 - 20px);
}

#ainet_project ul.project_list li {
 border: 1px solid #e6e6e6;
 padding: 20px;
 width: calc(100% / 4 - 62px);
}

#ainet_project ul.project_list li .sinki,
#ainet_project ul.project_list li .kaizen {
 text-align: center;
 font-weight: bold;
 padding: 3px;
 margin-bottom: 10px;
}

#ainet_project ul.project_list li .sinki {
 background: #ffe100;
 color: #00478d;
}

#ainet_project ul.project_list li .kaizen {
 background: #00478d;
 color: #fff;
}

#ainet_project p.day {
 color: #999999;
}

#ainet_project ul.project_list li dt p.title {
 font-weight: bold;
 color: #00478d;
 margin-bottom: 5px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 line-clamp: 1;
 overflow: hidden;
}

#ainet_project ul.project_list li dd {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 overflow: hidden;
}

@media screen and (max-width: 767px) {
 #ainet_project p.project_title {
  font-size: 1em;
  line-height: 1.25em;
  margin: 10px 0 20px 0;
 }

 #ainet_project ul.project_list li {
  padding: 10px;
  width: calc(100% / 2 - 30px);
 }
}

/** ***************************************************************************
 * AI-NET使いやすさ向上プロジェクト　コンテンツ
 * ************************************************************************* */
@media screen and (min-width: 768px) {
 #project_content {
  display: flex;
  justify-content: space-between;
 }

 #project_content .project_left {
  width: 63%;
 }

 #project_content .project_right {
  width: 33%;
 }
}

#project_content p.day {
 color: #999999;
 margin-bottom: 20px;
}

#project_content ol {
 margin-bottom: 40px;
}

#project_content ol li span {
 color: #ff0000;
 margin-right: 0.5em;
}

.project_left h4 {
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: 1em;
}

.project_left p {
 margin-bottom: 1em;
}

.project_left p.bold {
 font-weight: bold;
}

.project_left ol {
 list-style: decimal;
 margin-left: 1.75em;
 margin-bottom: 1em;
}

.project_left ul {
 list-style: disc;
 margin-left: 1.75em;
 margin-bottom: 1em;
}

.project_left ol li {
 margin-bottom: 2em;
}

.project_left ul li {
 margin-bottom: 0.5em;
}

.project_left img {
 display: block;
 margin: 20px auto;
 width: 100%;
}

.project_left img.half {
 display: block;
 margin: 20px auto;
 width: 50%;
}

.project_left dl.w120 {
 display: flex;
}

.project_left dl.w120 dt {
 width: 120px;
 white-space: nowrap;
}

.project_left dl.w120 dd {
 width: calc(100% - 120px);
 line-height: 1.4;
 margin-top: 5px;
}

.project_left .w80 {
 width: 80%;
 margin: 0 auto;
}

.project_left .w90 {
 width: 90%;
 margin: 0 auto;
}

.project_left .project_movie {
 height: auto;
 aspect-ratio: 16 / 9;
 margin-bottom: 1em;
}

.project_left .project_movie iframe {
 width: 100%;
 height: 100%;
}

.project_left .project_tel {
 display: flex;
 align-items: center;
}

.project_left .project_tel i {
 font-size: 1.4em;
 color: #0051b4;
 margin-right: 0.2em;
}

.project_left .project_tel a {
 font-weight: bold;
}

@media screen and (max-width: 767px) {
 .project_left img.half {
  width: 100%;
 }

 .project_left .w80 {
  width: 100%;
  margin: 0 auto;
 }

 .project_left .w90 {
  width: 100%;
  margin: 0 auto;
 }
}

.project_left .mgB30 {
 margin-bottom: 30px;
}

.project_left .mgB90 {
 margin-bottom: 90px;
}


.project_left .mgL30 {
 margin-left: 30px;
}

.project_left--table {
 width: 100%;
}

.project_left--logolink {
 margin: 30px 0;
}

.project_left--logolink a {
 text-decoration: underline;
 display: block;
}

.project_left--logolink img {
 max-width: 300px;
 display: inline-block;
 vertical-align: middle;
 margin: 0 20px 0 0;
}

.project_left--logolink p {
 display: inline;
}

@media screen and (max-width: 767px) {
 .project_left--logolink p {
  display: block;
 }
}

.project_icon {
 padding-left: 100px;
 position: relative;
 margin: 3em 0 !important;
}

.project_icon::after {
 position: absolute;
 content: "";
 width: 90px;
 height: 90px;
 background: url(../../_image/ainet_project/shinkinou_en.png) no-repeat center center/contain;
 top: 50%;
 left: 0%;
 transform: translateY(-50%);
}

.project_left--b {
 background-color: #00478d;
 color: #fff;
 display: block;
 padding: 5px 10px;
 font-size: 1.2em;
 letter-spacing: 2px;
 margin-top: 30px;
}

.project_right p {
 font-weight: bold;
}

.project_right ul li {
 border-bottom: 1px solid #dddddd;
 padding: 5px 0;
 line-height: 1.5em;
}

.project_right ul li:first-child {
 border-top: 1px solid #dddddd;
}

.project_right ul li a {
 color: #1a0dab;
}

@media screen and (max-width: 767px) {
 .project_right {
  margin-top: 60px;
 }
}

/** ***************************************************************************
 * 会場・ヤード検索
 * ************************************************************************* */
@media screen and (min-width: 768px) {
 .search_flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
 }
}

.search_text {
 font-size: 1.75em;
 color: #00478d;
 font-weight: bold;
 line-height: 1.5em;
 max-width: 800px;
}

.search_text span {
 color: #d7000f;
}

.search_btn {
 padding: 10px;
 border: 1px solid #cccccc;
 display: inline-block;
}

.search_btn i {
 color: #00478d;
 margin-left: 1em;
}

@media screen and (max-width: 767px) {
 .search_text {
  font-size: 1.5em;
 }

 .search_flex {
  text-align: center;
 }

 .search_btn {
  margin-top: 20px;
 }
}

.siborikomi {
 text-align: center;
 background: #00478d;
 padding: 20px 20px 10px 20px;
}

.search_title {
 font-size: 1.75em;
 font-weight: bold;
 line-height: 1.5em;
 margin-bottom: 20px;
}

.search_title i {
 margin-left: 0.5em;
}

.siborikomi .search_title {
 color: #fff;
}

.kekka .search_title {
 color: #00478d;
}

.siborikomi .search-box {
 align-items: stretch;
}

.siborikomi2 .search-box {
 align-items: center;
}

/*#search1 .siborikomi ul li {
    background: #fff;
    border-radius: 7px;
    color: #00478d;
    font-weight: bold;
    position: relative;
    padding: 10px;
  width: calc(100% / 7 - 2% - 20px);
  margin-left: 1%;
  margin-right: 1%;
    margin-bottom: 20px;
    min-width: 100px;
}*/
.siborikomi .search-box label,
.siborikomi2 .search-box label {
 width: calc(100% / 8 - 34px);
 margin-left: 7px;
 margin-right: 7px;
 margin-bottom: 10px;
 display: block;
 background: #fff;
 border-radius: 7px;
 color: #00478d;
 font-weight: bold;
 padding: 10px;
 line-height: 1.2;
}

.siborikomi2 .search-box label {
 width: calc(100% / 6 - 34px);
}

#search1 input[type="radio"],
#search2 input[type="radio"] {
 display: none;
}

.siborikomi .search-box input:checked+label {
 background-color: #ffe100;
}

.siborikomi .search-box img {
 margin-bottom: 10px;
}

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

 .siborikomi ul,
 #search2 ul.list2 {
  justify-content: space-between;
  align-items: stretch;
  line-height: 1.4em;
 }

 .siborikomi .search-box label,
 siborikomi2 .search-box label {
  width: calc(100% / 2 - 34px);
  min-width: auto;
  margin-bottom: 10px;
  line-height: 1.4em;
 }

 .siborikomi .search-box img {
  display: none;
  margin-bottom: 0;
 }
}

.kekka {
 text-align: center;
}

.kekka_contents1 p.kekka_title,
.kekka_contents2 p.kekka_title {
 background: #00478d;
 color: #fff;
 font-weight: bold;
 font-size: 1.25em;
 padding: 10px;
 margin-bottom: 15px;
}

ul.list li,
ul.list2 li {
 border-radius: 15px;
 color: #00478d;
 font-weight: bold;
 position: relative;
 width: calc(100% / 6 - 2%);
 margin-left: 1%;
 margin-right: 1%;
 margin-bottom: 10px;
 line-height: 1.5em;
 min-width: 100px;
}

ul.list2 li.kekka_li {
 width: calc(100% / 6 - 2% - 10px);
}

#search2 ul.list2 li {
 width: calc(100% / 7 - 2% - 10px);
}

ul.list li a,
ul.list2 li a,
ul.list2 li.kekka_li,
#search2 ul.list2 li {
 display: block;
 padding: 10px 5px;
 color: #00478d;
 position: relative;
 border-radius: 15px;
}

ul.list li a {
 background: #ffe100;
}

ul.list2 li a,
ul.list2 li.kekka_li,
#search2 ul.list2 li {
 background: #e1eaf1;
}

ul.list li a::after,
ul.list2 li a::after {
 content: "\f105";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 7px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

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

 ul.list li,
 ul.list2 li {
  width: calc(100% / 2 - 2%);
 }

 ul.list2 li.kekka_li {
  width: calc(100% / 2 - 2% - 10px);
 }

 #search2 ul.list2 li {
  width: calc(100% / 3 - 2% - 10px);
  min-width: auto;
 }
}

.kome li {
 position: relative;
 margin-left: 1.25em;
 font-size: 12px;
 line-height: 1.5em;
}

.kome li::after {
 content: "※";
 position: absolute;
 top: 0;
 left: -1.25em;
}

.kome2 li {
 position: relative;
 margin-left: 1.25em;
 line-height: 1.5em;
}

.kome2 li::after {
 content: "※";
 position: absolute;
 top: 0;
 left: -1.25em;
}

.search-box_label {
 font-weight: bold;
}

.is-hide {
 display: none !important;
}

/** ***************************************************************************
 * 開催カレンダー
 * ************************************************************************* */
.calendar_hd {
 margin-bottom: 20px;
}

.calendar_hd h4 {
 font-weight: bold;
 color: #00478d;
 font-size: 1.5em;
}

.calendar_hd p a {
 display: block;
 border: 1px solid #eeeeee;
 padding: 3px 10px;
}

.calendar_hd p a i {
 color: #00478d;
}

.calendar_hd p.last a i {
 margin-right: 1em;
}

.calendar_hd p.next a i {
 margin-left: 1em;
}

.calendar_table {
 overflow-x: scroll;
}

#calendar table {
 min-width: 1024px;
 width: 100%;
 line-height: 1.5em;
}

#calendar table th {
 width: calc(100% / 7);
 background: #00478d;
 text-align: center;
 color: #fff;
 font-weight: bold;
 font-size: 1.25em;
 padding: 3px 8px;
}

#calendar table td {
 padding: 8px 8px 40px 8px;
 position: relative;
}

#calendar table td:first-child {
 color: #ff0000;
}

#calendar table td:last-child {
 color: #0000ff;
}

#calendar table td p.day {
 font-weight: bold;
 font-size: 1.25em;
}

#calendar table td dl {
 clear: both;
 margin-top: 5px;
}

#calendar table td dl:after {
 clear: both;
 content: " ";
 display: block;
 font-size: 0;
 line-height: 0;
 visibility: hidden;
 width: 0;
 height: 0;
}

#calendar table td dd {
 line-height: 1.5em;
}

#calendar table td dl dd.event {
 font-weight: bold;
 color: #ff0000;
}

#calendar table td dl dd a {
 text-decoration: underline;
}

#calendar table td dl dd.event a {
 text-decoration: underline;
 color: #ff0000;
}

#calendar table td dt {
 text-align: center;
 background: #009245;
 color: #fff;
 padding: 2px 0.25em;
 min-width: 4.5em;
 margin-right: 0.5em;
 font-size: 0.9em;
 float: left;
 line-height: 1.2em;
}

#calendar table td dt.group {
 background: #009245;
}

#calendar table td dt.vt {
 background: #00b7ee;
}

#calendar table td dt.machine {
 background: #8957a1;
}

#calendar table td dt.bike {
 background: #cc0000;
}

#calendar table td dt.sendai {
 background: #ffc000;
}

#calendar table td dt.bayside {
 background: #ea68a2;
}

#calendar table td dt.oyama {
 background: #00cc99;
}

#calendar table td dt.terms {
 background: #ff0000;
}

#calendar table td dt.ai-net {
 background: #fca9e6;
}

#calendar table td p.other {
 position: absolute;
 bottom: 8px;
 width: calc(100% - 16px);
}

#calendar table td p.other a {
 display: block;
 text-align: center;
 background: #fca9e6;
 color: #fff;
 font-weight: bold;
 margin-top: 7px;
 padding: 3px;
}

.calendar_list a {
 display: inline-block;
 background: #00478d;
 color: #fff;
 text-align: center;
 padding: 5px 30px;
}

#event ul img {
 width: 100%;
 max-width: 200px;
 margin: 0 auto 15px auto;
}

#event ul li dt {
 text-align: center;
 background: #009245;
 color: #fff;
 padding: 0 0.5em;
 font-size: 0.9em;
 display: inline-block;
 margin-bottom: 5px;
}

#event ul li dd a {
 color: #1a0dab;
}

#calendar_content h3 span {
 text-align: center;
 background: #009245;
 color: #fff;
 padding: 3px 0.5em;
 font-size: 0.9em;
 display: inline-block;
 margin-right: 0.5em;
}

#calendar_content .day {
 text-align: right;
 font-weight: bold;
 margin-bottom: 20px;
}

#calendar_content .close {
 margin-top: 20px;
 text-align: center;
}

#calendar_content .close a {
 display: inline-block;
 font-weight: bold;
 color: #fff;
 background: #00478d;
 padding: 5px;
 width: 200px;
 margin-top: 20px;
}

#calendar_content .calendar_title {
 font-weight: bold;
 color: #00478d;
 margin-bottom: 15px;
 font-size: 1.25em;
}

#calendar_content .calendar_ul li {
 padding: 10px 0;
 border-bottom: 1px solid #cccccc;
}

#calendar_content .calendar_ul li:first-child {
 border-top: 1px solid #cccccc;
}

#calendar_content .calendar_ul li dl dt {
 font-weight: bold;
 font-size: 1.25em;
}

#calendar_content .calendar_ul li p a {
 display: inline-block;
 font-weight: bold;
 background: #00478d;
 color: #fff;
 padding: 3px 20px;
}

@media screen and (min-width: 768px) {
 .calendar_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
 }

 #calendar_content .calendar_ul li {
  align-items: center;
 }

 #calendar_content .calendar_ul li dl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
 }

 #calendar_content .calendar_ul li dl dt {
  width: 200px;
 }
}

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

 #calendar table th,
 #calendar table td {
  border: 1px solid #cccccc;
  display: revert;
 }

 .calendar_list p {
  text-align: center;
 }

 .calendar_list a {
  margin-top: 20px;
 }

 #calendar_content h3 span {
  display: table;
  margin-right: 0;
  margin-bottom: 5px;
 }
}

.window {
 padding: 20px;
}

#weekday {
 overflow-x: scroll;
}

#weekday table {
 min-width: 900px;
}

#weekday table th,
#partner table td {
 text-align: center;
 font-size: 0.8em;
}

#weekday a {
 text-decoration: underline;
 color: #00478d;
}

#weekday a[href$=".pdf"] {
 width: 100%;
 font-weight: bold;
 position: relative;
 padding-right: 1.5em;
}

#weekday a[href$=".pdf"]::after {
 content: "\f019";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

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

 #weekday table th,
 #weekday table td {
  border: 1px solid #cccccc;
  display: table-cell;
 }

 #weekday table {
  width: 100%;
 }
}

#event dl dt.vt,
#calendar_content h3 span.vt {
 background: #00b7ee;
}

#event dl dt.machine,
#calendar_content h3 span.machine {
 background: #8957a1;
}

#event dl dt.bike,
#calendar_content h3 span.bike {
 background: #cc0000;
}

#event dl dt.sendai,
#calendar_content h3 span.sendai {
 background: #ffc000;
}

#event dl dt.bayside,
#calendar_content h3 span.bayside {
 background: #ea68a2;
}

#event dl dt.oyama,
#calendar_content h3 span.oyama {
 background: #00cc99;
}

/** ***************************************************************************
 * お問い合わせ
 * ************************************************************************* */

#telfax ul li {
 border-bottom: 1px solid #cccccc;
 padding: 20px 0;
}

#telfax ul li h4,
#telfax ul li p.tel {
 font-weight: bold;
 font-size: 1.25em;
 margin-bottom: 5px;
}

#telfax table th {
 background: #eeeeee;
}

@media screen and (min-width: 768px) {
 #telfax ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
 }

 #telfax ul li .telfaxR {
  text-align: right;
 }

 .telfaxL div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
 }

 #telfax ul li .telfaxR p.tel {
  margin-bottom: 5px;
 }

 #telfax ul li .telfaxL h4 {
  margin-right: 1em;
  margin-bottom: 0;
 }

 .bayside_li table {
  width: 100%;
 }

 .bayside_li table th {
  width: 5em;
 }
}

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

 #telfax table th,
 #telfax table td {
  border: 1px solid #cccccc;
 }

 #telfax ul li .telfaxR {
  margin-top: 5px;
 }

 #telfax ul li p.tel {
  font-size: 1em;
 }

 #telfax table th {
  border-bottom: none;
 }

 .bayside2 {
  margin-top: 20px;
 }
}

.form_table h3 {
 font-size: 16px;
}

.red {
 color: #dd0000;
}

.gray {
 color: #8f8f8f;
}

.form_table {
 display: inline-block;
}

.form_table .btn {
 display: inline-block;
 width: calc(100% / 3 - 10px);
 margin-bottom: 5px;
 cursor: pointer;
}

.form_table .btn3 {
 width: auto;
 margin-right: 10px;
}

.form_table .btn1 {
 display: block;
 width: calc(100% / 1 - 10px);
 margin-bottom: 5px;
}

.form_table .width_2em {
 width: 2em;
 display: inline-block;
 text-align: right;
}

.form_table .width_4em {
 width: 4em;
 display: inline-block;
 text-align: right;
}

.form_table label.error {
 background: #fde0e0;
 display: none;
 padding: 2px 5px;
}

.blue_5 {
 background-color: #f2f2f2;
}

.tyui {
 position: relative;
}

.tyui p {
 margin-left: 3em;
}

.tyui p::before {
 content: "注意：";
 position: absolute;
 left: 0;
 font-weight: bold;
}

.textbox_100 {
 width: calc(100% - 14px);
}

.table_privacy {
 padding-top: 20px;
 padding-bottom: 20px;
}

.button-style-blue {
 background-color: #00478d;
 color: #fff;
}

.button-style-blue:disabled {
 background-color: #ccc;
 cursor: not-allowed;
}

.button-style-3.reset {
 background-color: #d4d4d4;
 margin-left: 10px;
}

.button-style-3.reset::after {
 content: none;
}

.download_plane {
 font-size: 10em;
 color: #00478d;
 opacity: 0.4;
}

.zyusyo {
 border: none;
 background-color: #00478d;
 color: #fff;
 padding: 2px 20px;
 border-radius: 20px;
 margin-left: 10px;
}

.todofuken {
 padding: 5px;
}

.table_privacy input[type="checkbox"] {
 display: inline-block;
}

@media screen and (min-width: 768px) {
 .form_table th {
  width: 240px;
 }
}

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

 .form_table th,
 .form_table td {
  padding: 10px;
 }

 .form_table .btn,
 .form_table .btn1 {
  width: calc(100% / 1);
 }

 .form_table .sp_btn2 {
  width: calc(100% / 2 - 10px);
 }

 .button-style-3.sp_btn {
  width: 100px;
 }

 .form_table td.sp_padding0 {
  padding-bottom: 0;
 }

 .todofuken {
  width: 100%;
 }
}

/** ***************************************************************************
 * 会場・ヤード一覧
 * ************************************************************************* */

#map_contents h3 {
 background: #00478d;
 color: #fff;
 font-size: 2em;
 padding: 8px 20px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 20px;
}

#map_contents ul li a,
#map_contents .list2 {
 padding: 30px 20px;
 border: 1px solid #cccccc;
 border-radius: 10px;
 margin-bottom: 30px;
}

#map_contents .flexL.sp_flexBlock {
 align-items: flex-start;
}

.kaijo_h4 {
 align-items: flex-start;
 word-wrap: break-word;
 max-width: 520px;
}

.kaijo_h4 div {
 color: #00478d;
 margin-bottom: 20px;
 font-size: 2em;
}

.kaijo_h4 h4 {
 font-size: 1em;
 background: transparent;
 text-align: left;
 color: #00478d;
 font-weight: bold;
 padding: 0;
 line-height: 1.25em;
 border-bottom: none;
 border-left: none;
 margin: 0 0.5em 0 0;
}

.kaijo_h4 div i {
 font-size: 0.65em;
}

.kaijo_list h4,
#map_contents1 h4 {
 background: #00478d;
 color: #fff;
 font-size: 1.3em;
 padding: 8px 20px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 20px;
}

.kaijo_list .box4 {
 text-align: center;
}

.kaijo_h4 div.bayside_kaijo {
 color: #000;
 margin-bottom: 0;
 font-size: 1em;
}

div.bayside_kaijo .kaijo {
 padding: 0.5em;
 border: 1px solid #000;
 margin-bottom: 10px;
}

#map_contents .list2.flexL.sp_flexBlock {
 align-items: center;
 width: calc(100% - 42px);
}

#map_contents .list2.flexL.sp_flexBlock {
 align-items: center;
 width: calc(100% - 42px);
}

#map_contents .list2 h4 {
 font-size: 1.5em;
 background: transparent;
 text-align: left;
 font-weight: bold;
 padding: 0;
 border-bottom: none;
 border-left: none;
 margin-bottom: 0;
}

#map_contents .list2 ul li {
 background: #e1eaf1;
 padding: 0.5em 1em;
 border-radius: 10px;
 margin-right: 10px;
}

#map_contents .list2 ul li:last-child {
 margin-right: 0;
}

@media screen and (min-width: 768px) {
 #map_contents ul li a {
  padding: 30px 20px 30px 20px;
 }

 #map_contents ul li .box2 {
  margin-bottom: 0;
  width: 40%;
  box-sizing: border-box;
  padding: 0;
 }

 #map_contents ul li .box4 {
  width: calc(100% / 4 - 2%);
  padding-left: 1%;
  padding-right: 1%;
 }

 .flexL.sp_flexBlock {
  width: 60%;
 }

 .list2 .flexL.sp_flexBlock {
  width: calc(100% - 42px);
 }

 .img_kaijo {
  margin-right: 20px;
 }

 .kaijo_h4 div.bayside_kaijo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  margin-bottom: 10px;
 }

 div.bayside_kaijo .kaijo {
  width: 4em;
  line-height: 1em;
 }

 .bayside_kaijo .kaijo {
  margin-right: 10px;
 }

 #map_contents .list2 h4 {
  width: 300px;
 }

 #map_contents .list2 p {
  width: 300px;
 }
}

@media screen and (max-width: 1280px) {
 .kaijo_list {
  margin-top: 30px;
 }

 #map_contents ul li a {
  justify-content: center;
 }
}

@media screen and (max-width: 767px) {
 #map_contents ul li a {
  padding: 30px 20px 0 20px;
 }

 .img_kaijo {
  text-align: center;
  margin-bottom: 20px;
 }

 .kaijo_h4 div {
  font-size: 2em;
  text-align: center;
  justify-content: center;
 }

 .kaijo_h4 div.flexL img {
  width: 80px;
 }

 .kaijo_list {
  margin-top: 30px;
 }

 .kaijo_h4 div.bayside_kaijo {
  text-align: left;
  margin-bottom: 10px;
 }

 .kaijo_h4 div.bayside_kaijo .kaijo {
  text-align: center;
 }

 #map_contents .list2 h4,
 #map_contents .list2 p {
  text-align: center;
  margin-bottom: 10px;
 }
}

/** ***************************************************************************
 * 会場・ヤード一覧　各会場用
 * ************************************************************************* */
#map_contents1 p.map_copy {
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.5em;
 color: #00478d;
}

.m_access li {
 margin-bottom: 20px;
}

.m_access li .location i {
 color: #cc0000;
 padding-left: 5px;
}

.m_access h4 {
 background: #00478d;
 color: #fff;
 font-size: 1em;
 padding: 3px 10px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 10px;
}

.list_box dt {
 font-weight: bold;
 border: 1px solid #000;
 padding: 0 10px;
}

#map_contents3 .o_list {
 margin-top: 20px;
}

#map_contents3 .o_list li {
 max-width: 245px;
}

#map_contents3 .o_list.maxW_none ul {
 justify-content: flex-start;
}

#map_contents3 .o_list.maxW_none li {
 max-width: none;
}

#map_contents3 .o_list li a {
 color: #00478d;
}

#map_contents5 .map_list {
 position: relative;
 padding-bottom: 5px;
 padding-right: 30px;
 margin-bottom: 5px;
 border-bottom: 1px solid #cccccc;
}

#map_contents5 .map_list a::after {
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

.btn_blue {
 margin-bottom: 30px;
}

.btn_blue li a {
 display: block;
 background: #00478d;
 color: #fff;
 padding: 10px 40px 10px 20px;
 font-size: 1.3em;
 font-weight: bold;
}

.btn_blue li a span {
 font-size: 0.8em;
 font-weight: normal;
}

.btn_blue li {
 position: relative;
 margin-bottom: 15px;
}

.btn_blue li::after {
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #fff;
 font-size: 1.2em;
}

#map_contents1 ul.map_icon {
 margin-top: 20px;
}

@media screen and (min-width: 766px) {
 #map_contents1.flexL {
  align-items: flex-start;
 }

 #map_contents1 .map_img {
  margin-right: 40px;
 }

 #map_contents1 ul.map_icon li {
  margin-right: 15px;
 }

 .list_box {
  max-width: 540px;
 }

 .m_access li,
 .list_box dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
 }

 .list_box dl {
  align-items: center;
  margin-bottom: 10px;
 }

 .list_box dl dt {
  margin-right: 10px;
 }

 .m_access h4 {
  display: inline-block;
  width: 135px;
  margin-right: 20px;
 }

 .m_access {
  margin-right: 45px;
  max-width: 720px;
 }

 .m_access p {
  max-width: 540px;
 }

 .m_iframe {
  width: 500px;
 }

 #map_contents5 dl,
 #map_contents6 dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
 }

 #map_contents5 dt,
 #map_contents6 dt {
  width: 300px;
 }

 #map_contents5 dd,
 #map_contents6 dd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 300px);
 }

 #map_contents5 dd p:last-child,
 #map_contents6 dd p:last-child {
  width: 150px;
 }

 .btn_blue li a span {
  margin-left: 30px;
 }

 .btn_blue li a span.marginL0 {
  margin-left: 0;
 }

 .btn_blue li a.lane {
  display: flex;
 }

 .btn_blue li a p.lane_p {
  text-align: right;
  display: flex;
  flex-direction: column;
 }
}

@media screen and (max-width: 767px) {
 #map_contents1 p.map_copy {
  font-size: 1.3em;
  line-height: 1.5em;
  color: #00478d;
  margin-top: 40px;
 }

 #map_contents1 .map_img {
  margin: 0 auto;
  text-align: center;
 }

 #map_contents1 ul.map_icon li {
  width: calc(100% / 3 - 4%);
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 20px;
 }

 .list_box dl {
  margin-bottom: 10px;
 }

 .list_box dl dt {
  margin-bottom: 5px;
 }

 #map_contents3 .o_list {
  margin-top: 20px;
 }

 #map_contents3 .o_list li {
  margin: 0 auto 15px auto;
 }

 .btn_blue li a span {
  display: block;
 }

 .btn_blue li a.lane {
  display: flex;
  flex-direction: column;
 }

 .btn_blue li a.lane p.lane_p {
  text-align: left !important;
  display: flex;
  flex-direction: column;
 }
}

/** ***************************************************************************
 * オークション概要
 * ************************************************************************* */

.overview_contents h3 {
 border-bottom: none;
 border-left: none;
 background: #00478d;
 color: #fff;
 font-size: 1.3em;
 padding: 8px 20px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 0;
}

.o_kaizyo {
 background: #e1eaf1;
 width: 100%;
}

.o_kaizyo ul {
 padding: 0 20px;
}

.o_kaizyo ul li {
 background: #fff;
 padding: 0 1em;
 margin-right: 10px;
 border-radius: 5px;
}

.o_kaizyo ul li:last-child {
 margin-right: 0;
}

.o_list {
 margin-bottom: 40px;
}

.o_list h3 {
 margin-bottom: 20px;
}

.o_list input[type="radio"] {
 display: none;
}

.syuppinkitei {
 background: #bfbfbf;
 padding: 20px 20px 10px 20px;
}

@media screen and (max-width: 767px) {
 .overview_contents ul {
  line-height: 1.4em;
 }
}

.overview_contents ul.list li {
 border-radius: 10px;
 font-weight: normal;
 position: relative;
 width: calc(100% / 3 - 20px);
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 15px;
 line-height: 1.5em;
 min-width: 100px;
}

.overview_contents ul.list li a {
 display: block;
 padding: 10px 30px 10px 20px;
 color: #000;
 position: relative;
 border-radius: 10px;
}

.overview_contents ul.list li a {
 background: transparent;
}

.overview_contents ul.list li a::after {
 content: none;
}

.overview_contents .search-box label {
 width: calc(100% / 10 - 24px);
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 10px;
 display: block;
 background: #fff;
 border-radius: 7px;
 color: #00478d;
 font-weight: bold;
 padding: 5px;
}

@media screen and (max-width: 767px) {
 .overview_contents .search-box label {
  width: calc(100% / 2 - 24px);
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 10px;
  display: block;
  background: #fff;
  border-radius: 7px;
  color: #00478d;
  font-weight: bold;
  padding: 5px;
 }

 .overview_contents ul.list li {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
 }
}

.o_list ul.flexL {
 align-items: flex-start;
}

.o_list ul li a {
 display: block;
 font-weight: bold;
 border: 1px solid #cccccc;
 border-radius: 10px;
 padding: 10px 30px 10px 20px;
 line-height: 1.5;
}

.o_list ul li {
 position: relative;
 margin-bottom: 15px;
}

.o_list ul li::after {
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

.news li {
 margin-bottom: 10px;
}

.news dl dt {
 background: #009245;
 width: 100px;
 text-align: center;
 color: #fff;
 font-size: 0.9em;
 line-height: 1.2;
 padding: 5px 0;
}

.news li dl dt.group {
 background: #009245;
}

.news li dl dt.vt {
 background: #00b7ee;
}

.news li dl dt.machine {
 background: #8957a1;
}

.news li dl dt.bike {
 background: #cc0000;
}

.news li dl dt.sendai {
 background: #ffc000;
}

.news li dl dt.bayside {
 background: #ea68a2;
}

.news li dl dt.oyama {
 background: #00cc99;
}

.news li dl dt.terms {
 background: #ff0000;
}

.news li dl dt.ai-net {
 background: #fca9e6;
}

.news li dl dd a {
 color: #1a0dab;
}

.news li dl {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 flex-wrap: wrap;
}

.news dl {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
 .news dl dd {
  margin-left: 10px;
 }
}

@media screen and (min-width: 768px) {
 #news_content {
  display: flex;
  justify-content: space-between;
 }

 #news_content .news_left {
  width: 68%;
 }

 #news_content .news_right {
  width: 28%;
 }
}

#news_content p.day {
 color: #999999;
 margin-bottom: 20px;
}

#news_content ol {
 margin-bottom: 40px;
}

#news_content ol li span {
 color: #ff0000;
 margin-right: 0.5em;
}

.news_right p {
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 5px;
}

.news_right ul li {
 border-bottom: 1px solid #dddddd;
 padding: 5px 0;
 line-height: 1.5em;
}

.news_right ul li:first-child {
 border-top: 1px solid #dddddd;
}

.news_right ul li a {
 color: #1a0dab;
}

@media screen and (max-width: 767px) {
 .news_right {
  margin-top: 60px;
 }
}

.pagination {
 text-align: center;
 margin: 25px 0;
}

.pagination .page-numbers,
.wp-pagenavi a,
.wp-pagenavi span {
 border: 1px solid #ddd;
 padding: 4px 12px;
 display: inline-block;
}

.wp-pagenavi span.current,
.pagination .page-numbers.current {
 background: #f4f4f4;
}

@media screen and (min-width: 768px) {
 .o_kaizyo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
 }

 .o_kaizyo h3 {
  width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }

 .o_kaizyo ul {
  width: calc(100% - 260px);
  padding-top: 10px;
 }

 .o_kaizyo ul li {
  margin-bottom: 10px;
 }

 .o_tesuryo {
  width: 396px;
 }

 .o_list ul {
  align-items: flex-start;
 }

 .o_list ul li {
  width: calc(100% / 3 - 20px);
  margin-left: 10px;
  margin-right: 10px;
 }

 .o_tesuryo.o_list ul li {
  width: calc(100% / 1 - 20px);
  margin-left: 10px;
  margin-right: 10px;
 }

 .news li dl dd {
  margin-left: 10px;
 }
}

@media screen and (max-width: 1340px) {
 .bx-wrapper {
  width: 100%;
  margin: 0 auto 60px auto;
 }

 .o_tesuryo {
  width: 100%;
  margin-top: 20px;
 }
}

@media screen and (max-width: 767px) {
 .o_kaizyo ul {
  padding-top: 10px;
 }

 .o_kaizyo ul li {
  margin-bottom: 10px;
 }

 .o_list ul li {
  width: 100%;
 }

 .news li {
  margin-bottom: 5px;
 }

 .news li dl dt {
  margin: 0 10px 5px 0;
 }

 .news li dl dd:nth-child(3) {
  width: 100%;
 }
}

.kobutsu_table h4 {
 font-weight: bold;
 color: #00478d;
 font-size: 1.2em;
 margin-bottom: 0.5em;
}

.kobutsu_table table {
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 border-collapse: collapse;
 width: 100%;
}

.kobutsu_table table th,
.kobutsu_table table td {
 text-align: center;
 vertical-align: middle;
}

.kobutsu_table .kth {
 width: 25%;
}

@media screen and (min-width: 768px) {
 .kobutsu_table table {
  display: table;
 }
}

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

 .kobutsu_table table th,
 .kobutsu_table table td {
  border: 1px solid #cccccc;
  display: table-cell;
 }
}

/** ***************************************************************************
 * オークション概要
 * ************************************************************************* */

/** ***************************************************************************
 * 規約
 * ************************************************************************* */
#kiyaku .contents {
 max-width: 700px;
}

#kiyaku ul li {
 border-bottom: 1px dotted #95b3d0;
 padding: 10px 0;
}

#kiyaku ul li a {
 width: 100%;
 font-weight: bold;
 position: relative;
}

#kiyaku ul li a::after {
 content: "";
 display: block;
 clear: both;
}

#kiyaku ul li p {
 float: left;
}

#kiyaku ul li p.kaiteibi {
 float: right;
 font-weight: normal;
 font-size: 0.9em;
 color: #424242;
 margin-right: 2em;
}

#kiyaku ul li p.kaiteibi::after {
 content: "\f019";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

#kiyaku_news .news_box {
 margin: 0 auto;
 background: #fff;
 padding: 10px 20px 20px 20px;
}

#kiyaku_news ul li {
 border-bottom: 1px dotted #95b3d0;
 padding: 10px 0;
}

#kiyaku_news ul li a {
 color: #00478d;
 text-decoration: underline;
}

.ichiran {
 text-align: right;
 margin-top: 10px;
}

.ichiran a {
 color: #00478d;
}

.ichiran i {
 color: #00478d;
 margin-right: 0.5em;
}

@media screen and (min-width: 768px) {
 #kiyaku ul li {
  position: relative;
  padding-left: 1em;
 }

 #kiyaku ul li::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00478d;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 }

 #kiyaku_news ul li dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
 }

 #kiyaku_news ul li dl dt {
  margin-right: 1em;
 }
}

/** ***************************************************************************
 * AI-NET
 * ************************************************************************* */

/** ***************************************************************************
 * モーダル
 */

div.mfp-content {
 max-width: 900px;
}

div.modal-contents {
 padding: 20px;
 background-color: #fff;
}

/*
.mfp-content .mfp-close {
    background: #ff0000;
    color: #fff !important;
    opacity: 1;
}
.mfp-content .mfp-close:hover {
    opacity: 0.75;
}
.mfp-content .mfp-close-btn-in .mfp-close {
  color: #fff !important;
}*/

/* :::::::: ブレイクポイント :::::::: */

@media print,
screen and (min-width: 768px) {
 div.modal-contents {
  padding: 40px;
 }
}

/** ***************************************************************************
 * その他
 */

.ainet_contents h4 {
 border-bottom: none;
 border-left: none;
 background: #00478d;
 color: #fff;
 font-size: 1.3em;
 padding: 8px 20px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 0;
}

#ainet_fee-info .ainet_contents h4 {
 text-align: left;
}

.o_list2 {
 margin-bottom: 40px;
}

.o_list h4,
.o_list2 h4 {
 margin-bottom: 20px;
}

.o_list2 input[type="radio"] {
 display: none;
}

.o_list2 ul.flexL {
 align-items: flex-start;
}

.o_list2 ul li a {
 display: block;
 border: 1px solid #cccccc;
 font-weight: bold;
 border-radius: 10px;
 padding: 10px 30px 10px 20px;
 line-height: 1.5;
}

.o_list2 ul li a {
 position: relative;
}

.o_list2 ul li {
 width: calc(100% / 4 - 20px);
 margin-left: 10px;
 margin-right: 10px;
}

.i_contents .o_list2 ul {
 align-items: flex-start;
}

.i_contents .o_list2 ul li {
 width: calc(100% / 3 - 20px);
 margin-left: 10px;
 margin-right: 10px;
}

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

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

.o_list2 ul li a.popup-modal span {
 color: #00478d;
}

.modal-contents img {
 width: auto;
 height: auto;
 margin: 0 auto 20px auto;
}

.modal-contents h5 {
 font-weight: bold;
 font-size: 1.25em;
 margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
 .o_list2 ul li {
  width: 100%;
 }
}

.a_contact1_1,
.a_contact1_2 {
 text-align: center;
}

.a_contact1_2 {
 border: 1px solid #8e8e8e;
 padding: 10px 20px;
}

.a_contact1_1 {
 background: #8e8e8e;
 color: #fff;
 font-weight: bold;
 padding: 10px;
}

.a_contact2 a {
 background: #dee7ee;
 color: #00478a;
 font-weight: bold;
 display: block;
 border-radius: 20px;
 text-align: center;
 padding: 60px 20px;
 font-size: 20px;
 position: relative;
}

.a_contact2 a::after {
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

.ainet_other ul li {
 position: relative;
 margin-left: 1em;
 display: inline-block;
 margin-right: 40px;
 width: auto;
}

.ainet_other ul li::after {
 content: "●";
 position: absolute;
 top: 0;
 left: -1em;
 color: #00478a;
}

.a_ainet dt {
 font-size: 20px;
 color: #00478a;
 font-weight: bold;
 margin-bottom: 20px;
}

.a_ainetBtn a {
 display: block;
 border: 1px solid #cccccc;
 border-radius: 10px;
 padding: 10px 30px 10px 20px;
 position: relative;
 font-weight: bold;
}

.a_ainetBtn {
 max-width: 350px;
 margin-top: 20px;
}

.a_ainetBtn a::after {
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #00478d;
}

.a_ryokin {
 font-weight: bold;
 font-size: 1.75em;
 margin-top: 30px;
}

.a_ryokin p {
 background: #ffe100;
 padding: 15px 20px;
 margin-bottom: 20px;
}

.a_ryokin p span {
 font-size: 0.75em;
}

.a_ryokin .a_toryoku {
 margin-right: 20px;
}

@media screen and (max-width: 767px) {
 .a_contact2 a {
  padding: 30px 20px;
 }

 .ainet_other ul li {
  display: block;
  margin-right: 0;
 }

 .a_ryokin {
  font-size: 1.5em;
  display: block;
 }

 .a_ryokin p {
  display: inline-block;
  padding: 10px 30px;
 }

 .a_ryokin .a_toryoku {
  margin-right: 0;
  margin-bottom: 10px;
 }
}

/** ***************************************************************************
 * AI-NETリアルサービス付き有料コース
 * ************************************************************************* */

.yuryo_contents h4.flexL,
.muryo_contents h4.flexL,
.i_contents h4 {
 border-bottom: none;
 border-left: none;
 background: #eff3f8;
 color: #00478a;
 font-size: 1.3em;
 padding: 8px 20px;
 font-weight: bold;
 margin: 20px 0;
 width: calc(100% - 40px);
}

.yuryo_contents h4 ul,
.muryo_contents h4 ul {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 margin-right: 10px;
}

.yuryo_contents h4 ul li,
.muryo_contents h4 ul li {
 font-size: 14px;
 line-height: 1em;
 padding: 5px 20px;
}

.yuryo_contents h4 ul li.rakusatu,
.muryo_contents h4 ul li.rakusatu {
 background: #ffde00;
 color: #00478a;
}

.yuryo_contents h4 ul li.syupin,
.muryo_contents h4 ul li.syupin {
 background: #00478a;
 color: #fff;
}

.yuryo_list1 li,
.muryo_list1 li {
 position: relative;
 margin-left: 1.25em;
 margin-top: 20px;
}

.muryo_list1_2 li {
 margin-top: 0;
}

.yuryo_list1 li:first-child,
.muryo_list1 li:first-child {
 margin-top: 0;
}

.yuryo_list1 li::after,
.muryo_list1 li::after {
 content: "●";
 position: absolute;
 top: 0;
 left: -1.25em;
}

.muryo_list1_2 li::after {
 content: "◆";
}

.yuryo_list2 li,
.muryo_list2 li {
 position: relative;
 margin-left: 1em;
 margin-top: 0;
}

.yuryo_list2 li:first-child,
.muryo_list2 li:first-child {
 margin-top: 20px;
}

.yuryo_list1 li.mT0,
.muryo_list1 li.mT0,
.muryo_list2 li.mT0 {
 margin-top: 0px;
}

.yuryo_list2 li::after,
.muryo_list2 li::after {
 content: "・";
 position: absolute;
 top: 0;
 left: -1em;
}

.yuryo_link a,
.muryo_link a,
.i_link a {
 text-decoration: underline;
 color: #0150b1;
}

.kankyo_contents h4 {
 background: #00478a;
 color: #fff;
 padding: 3px 20px;
 margin-bottom: 10px;
 font-weight: bold;
 display: inline-block;
 font-size: 16px;
}

.kankyo_table,
.a_table {
 width: 100%;
}

.a_table {
 margin-top: 5px;
}

.a_table th {
 font-weight: bold;
}

@media screen and (min-width: 768px) {
 .kankyo_table th {
  max-width: 100px;
 }

 .a_table th {
  text-align: center;
 }

 table.kankyo_table th,
 table.kankyo_table td {
  padding: 10px 20px;
 }
}

.i_ol {
 counter-reset: count 0;
}

.i_ol li {
 position: relative;
 margin-left: 40px;
 margin-bottom: 15px;
}

.i_ol li::before {
 content: counter(count);
 counter-increment: count 1;
 position: absolute;
 top: 0;
 left: -40px;
 background: #00478a;
 color: #fff;
 padding: 8px 10px;
 text-align: center;
 font-weight: bold;
 line-height: 1em;
}

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

 .kankyo_table th,
 .kankyo_table td {
  padding: 10px;
 }

 .spScroll table th,
 .spScroll table td {
  border: 1px solid #cccccc;
  display: table-cell;
 }

 .spScroll table {
  width: 100%;
 }

 .spScroll {
  overflow: auto;
  white-space: nowrap;
 }

 .spScroll::-webkit-scrollbar {
  height: 5px;
 }

 .spScroll::-webkit-scrollbar-track {
  background: #f1f1f1;
 }

 .spScroll::-webkit-scrollbar-thumb {
  background: #bcbcbc;
 }
}

nav.navigation {
 background: none;
 padding: 30px 0;
}

.nav-links {
 position: relative;
}

.nav-links .nav-previous {
 position: absolute;
 right: 0;
 width: 60px;
}

.nav-links .nav-previous a {
 color: #fff;
 padding: 0 1.5em 0 0.5em;
 text-align: center;
 border-radius: 5px;
 display: inline-block;
 position: relative;
 background-color: #666666;
}

.nav-links .nav-previous a:after {
 color: #fff;
 content: "\f105";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 0.25em;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #fff;
}

.nav-links .nav-next {
 position: absolute;
 left: 0;
 width: 60px;
}

.nav-links .nav-next a {
 color: #fff;
 padding: 0 0.5em 0 1.5em;
 text-align: center;
 border-radius: 5px;
 display: inline-block;
 position: relative;
 background-color: #666666;
}

.nav-links .nav-next a:before {
 content: "\f104";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 left: 0.25em;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #fff;
}

.cat-item-1 {
 display: none;
}

.grecaptcha-badge {
 bottom: 60px !important
}

/** ***************************************************************************
 * AI-NETモバイル
 * ************************************************************************* */
.a-mobile_qr {
 width: calc(45% - 4%);
 padding-left: 2%;
 padding-right: 2%;
 margin-bottom: 20px;
 align-items: flex-start;
}

.a-mobile_box {
 width: calc(50% - 8%);
 padding-left: 4%;
 padding-right: 4%;
 margin-bottom: 20px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.a-mobile_img {
 height: 83px;
}

.a-mobile {
 width: calc(55% - 4%);
 padding-left: 2%;
 padding-right: 2%;
 margin-bottom: 20px;
}

h3.a-mobile_h {
 background: transparent;
 text-align: left;
 color: #000;
 font-weight: bold;
 padding: 5px 0 5px 10px;
 line-height: 1.25em;
 border-bottom: none;
 border-left: none;
 margin-bottom: 20px;
 font-size: 1.6em;
}

.a-mobile_p p {
 position: relative;
 padding-left: 16px;
}

.a-mobile_p p::before {
 position: absolute;
 content: "※";
 top: 0;
 left: 0;
}

.a-mobile_p span {
 font-weight: bold;
}

.a-mobile_ryokin p {
 background: #ffe100;
 padding: 15px 0px;
 margin: 30px 0 10px;
 font-size: 1.25em;
 text-align: center;
 font-weight: bold;
}

.a-mobile_last {
 margin: 0 auto;
 padding: 0 0 60px 0;
}

@media screen and (max-width: 767px) {
 .a-mobile_area {
  flex-direction: column-reverse;
 }

 .a-mobile_qr {
  width: 100%;
 }

 .a-mobile_box {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
 }

 .a-mobile_qrcode {
  display: none !important;
 }

 .a-mobile_img {
  height: auto;
  margin-bottom: 0px;
 }

 .a-mobile {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 20px;
 }

 h3.a-mobile_h {
  font-size: 1.5em;
  margin-bottom: 25px;
  line-height: 1.4;
 }

 .a-mobile_p {
  margin-bottom: 20px;
 }

 .a-mobile_p p {
  margin-bottom: 10px;
 }

 .a-mobile_ryokin {
  margin-bottom: 20px;
 }
}

/** ***************************************************************************
 * AI-NET新プランのご案内
 * ************************************************************************* */

a-newplan_area {
 width: 100%;
}

.a-newplan_area h3 span {
 font-size: 16px;
 font-weight: 400;
}

.a-newplan_area h4.color {
 background: #e40000;
}

.a-newplan_button {
 width: 330px;
 height: 60px;
 border-radius: 10px;
}

.a-newplan_button--access {
 margin-top: 30px;
}

@media screen and (max-width: 1280px) {
 .a-newplan_area {
  padding: 0 5%;
 }
}

@media screen and (max-width: 767px) {
 .a-newplan_area {
  padding: 0 0;
 }

 .a-newplan_button {
  width: 100%;
  height: 60px;
  border-radius: 10px;
 }
}

.a-newplan_head {
 margin: 20px auto 40px;
 max-width: 90%;
}

.a-newplan_head p {
 font-size: 17px;
 line-height: 1.7;
 font-weight: bold;
 letter-spacing: 0px;
}

.a-newplan_pic {
 margin: 0 auto;
 text-align: center;
 padding-bottom: 80px;
}

.a-newplan_pic--large img {
 width: 100%;
}

.a-newplan_detail {
 display: flex;
 justify-content: center;
 padding: 30px 0 0px;
}

.a-newplan_detail dt {
 font-size: 30px;
 color: #00478d;
 font-weight: bold;
 padding-right: 30px;
}

.a-newplan_detail dd {
 font-size: 30px;
 font-weight: bold;
}

.a-newplan_detail-cap {
 color: red;
 padding: 0 0 20px 0;
 text-align: center;
}

.a-newplan_detail-cap span {
 font-size: 20px;
 font-weight: bold;
}

.a-newplan_detail-cap p {
 font-size: 16px;
 margin-top: 7px;
}

@media screen and (max-width: 767px) {
 .a-newplan_head {
  margin: 20px auto 40px;
  max-width: 100%;
 }

 .a-newplan_head p {
  font-size: 16px;
  line-height: 1.7;
  font-weight: bold;
  letter-spacing: 0px;
 }

 .a-newplan_detail {
  flex-direction: column;
 }

 .a-newplan_detail dt {
  font-size: 20px;
  padding-right: 16px;
 }

 .a-newplan_detail dd {
  font-size: 20px;
 }

 .a-newplan_detail-cap {
  padding: 20px 0 20px 0;
  text-align: left;
 }

 .a-newplan_detail-cap span {
  font-size: 16px;
 }

 .a-newplan_detail-cap p {
  font-size: 14px;
  margin-top: 3px;
 }
}

.a-newplan_contents {
 padding: 10px 0 70px;
}

.a-newplan_contents table th {
 text-align: center;
 font-weight: bold;
 vertical-align: middle;
 white-space: nowrap;
}

.a-newplan_contents table .half {
 width: 50%;
}

.a-newplan_contents table .left {
 text-align: left;
}

.a-newplan_contents table .middle {
 vertical-align: middle;
}

.a-newplan_contents caption {
 font-size: 14px;
 text-align: right;
}

.a-newplan_contents .small {
 padding-top: 5px;
}

.a-newplan_contents .title_blue {
 color: #00478a;
 font-weight: bold;
 font-size: 18px;
 padding-bottom: 10px;
}

.a-newplan_contents .payment {
 padding-bottom: 10px;
}

.a-newplan_contents .payment dt {
 font-weight: bold;
 font-size: 16px;
}

.a-newplan_body {
 background: #F5F5F4;
 margin-bottom: 60px;
 padding: 30px 0 40px 0;
}

.a-newplan_body--color {
 background: #FFFDE6;
}

.a-newplan_body .txt {
 text-align: center;
 margin-bottom: 20px;
}

.a-newplan_body .wrapper {
 display: flex;
 justify-content: center;
 column-gap: 40px;
}

.a-newplan_body .link {
 height: 80px;
 width: 400px;
 border-radius: 10px;
 background: #D1DDE5;
 display: block;
}

.a-newplan_body .link {
 height: 80px;
 width: 400px;
 border-radius: 10px;
 background: #FFE100;
 border: 4px solid #00478d;
 display: block;
}

.a-newplan_body .link:hover {
 border: 4px solid #e40000;
 background: #fff49d !important;
 opacity: 1;
}

.a-newplan_body .link p {
 width: 100%;
 height: 100%;
 color: #00478a;
 font-weight: bold;
 font-size: 20px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: relative;
}

.a-newplan_body .link p::after {
 position: absolute;
 content: "\f101";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 right: 20px;
 font-size: 30px;
}

.a-newplan_body .wrapper_company {
 display: flex;
 margin: 0 auto;
 justify-content: center;
}

.a-newplan_body .wrapper_company .company_title {
 font-weight: bold;
 padding-right: 20px;
 font-size: 16px;
}

.a-newplan_btn {
 background: #D1DDE5 !important;
 display: block;
 height: 80px;
 max-width: 800px;
 width: 90%;
 border-radius: 10px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: relative;
 color: #00478a !important;
 margin: 30px auto 30px;
}

.a-newplan_btn::after {
 position: absolute;
 content: "\f101";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 right: 20px;
 font-size: 30px;
}

.a-newplan_btn p {
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}

.a-newplan_movie {
 max-width: 650px;
 width: 100%;
 height: auto;
 margin: 0 auto 60px;
 border: 4px solid #00478a;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.a-newplan_movie video {
 width: 100%;
 height: 100%;
}

@media screen and (max-width: 767px) {
 .a-newplan_body {
  padding: 40px 0;
 }

 .a-newplan_body .txt {
  text-align: left;
  margin-bottom: 20px;
  padding: 0 20px;
 }

 .a-newplan_body .wrapper {
  flex-direction: column;
 }

 .a-newplan_body .link {
  width: 90%;
  margin: 0 auto 20px;
 }

 .a-newplan_body .link--last {
  margin: 0 auto 0px;
 }

 .a-newplan_body .wrapper_company {
  flex-direction: column;
  padding: 20px;
 }

 .a-newplan_body .wrapper_company .company_title {
  margin-bottom: 20px;
 }

 .a-newplan_btn {
  height: 100%;
  margin: 30px auto 0px;
 }

 .a-newplan_btn p {
  font-size: 16px;
  padding: 20px 60px;
 }
}

.a-newplan_top-wrapper {
 display: flex;
 column-gap: 30px;
}

.a-newplan_top-left {
 width: 55%;
}

.a-newplan_top-title {
 color: #00478d;
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: 10px;
}

.a-newplan_top-txt {
 margin-bottom: 30px;
}

.a-newplan_top-left ul {
 margin: 20px 0 0 10px;
}

.a-newplan_top-left li {
 font-weight: bold;
 font-size: 1.1em;
 margin-bottom: 16px;
}

.a-newplan_top-left a {
 color: #00478d !important;
}

.a-newplan_top-left span.num {
 padding-right: 1.2em;
 position: relative;
 z-index: 10;
}

.a-newplan_top-left span.num::before {
 position: absolute;
 content: "";
 background: #d8e3fa;
 border-radius: 50%;
 height: 1.4em;
 width: 1.4em;
 left: -5px;
 top: 50%;
 transform: translateY(-50%);
 z-index: -1;
}

.a-newplan_top-right {
 width: 45%;
}

.a-newplan_top-btnarea {
 margin-bottom: 10px;
 text-align: center;
}

.a-newplan_top-btnarea .head {
 background: #00478d;
 color: #fff;
 font-size: 1.2em;
 font-weight: bold;
 padding: 10px 0;
}

.a-newplan_top-btnarea .body {
 background: #fff49d;
 padding: 10px 0;
}

.a-newplan_top-btnarea .tab-block {
 display: none;
}

@media screen and (max-width: 1279px) {
 .a-newplan_top-btnarea .tab-block {
  display: block;
 }
}

@media screen and (max-width: 767px) {
 .a-newplan_top-btnarea .tab-block {
  display: none;
 }
}

.a-newplan_top-btnarea .btn-wrapper {
 display: flex;
 padding: 10px 20px;
 justify-content: center;
 column-gap: 20px;
}

.a-newplan_top-btnarea .btn {
 width: 50%;
 height: 50px;
}

.a-newplan_top-btnarea .link {
 background: #00478d;
 color: #fff;
 font-weight: bold;
 border-radius: 7px;
 box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
 display: block;
 width: 100%;
 height: 100%;
 display: grid;
 place-content: center;
 transition: .3s;
 position: relative;
}

.a-newplan_top-btnarea .link::after {
 position: absolute;
 content: "\f138";
 font-family: "fontawesome";
 font-size: 1em;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
}

.a-newplan_top-btnarea .link:hover {
 transition: .3s;
}

.a-newplan_top-movie {
 width: 90%;
 margin: 20px auto 10px;
}

.a-newplan_top-movie video {
 width: 100%;
 border: 3px solid #0051b4;
}

.a-newplan_top-confirm {
 height: 60px;
 width: 90%;
 margin: 0 auto;
}

.a-newplan_top-confirm-link {
 background: #c4d3f2;
 color: #0051b4 !important;
 font-weight: bold;
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 10px;
 display: grid;
 place-content: center;
 position: relative;
 transition: .3s;
}

.a-newplan_top-confirm-link i {
 padding-left: 20px;
}

.a-newplan_top-confirm-link:hover {
 transition: .3s;
}

@media screen and (max-width: 767px) {
 .a-newplan_top-wrapper {
  column-gap: 0;
  flex-direction: column;
 }

 .a-newplan_top-left {
  width: 100%;
 }

 .a-newplan_top-txt {
  margin-bottom: 20px;
 }

 .a-newplan_top-left ul {
  margin: 20px 0 40px 10px;
 }

 .a-newplan_top-left li {
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
 }

 .a-newplan_top-right {
  width: 100%;
 }

 .a-newplan_top-btnarea .body {
  background: #fff49d;
  padding: 10px 10px;
  text-align: left;
 }

 .a-newplan_top-btnarea .btn-wrapper {
  flex-direction: column;
  padding: 10px 20px;
  justify-content: center;
  column-gap: 0;
  row-gap: 10px;
 }

 .a-newplan_top-btnarea .btn {
  width: 100%;
  height: 50px;
 }

 .a-newplan_top-movie {
  width: 100%;
 }

 .a-newplan_top-confirm {
  height: 60px;
  width: 100%;
  margin: 0 auto 30px;
 }
}

.a-newplan_top-confirm-link i {
 padding-left: 5px;
}

.a-newplan_payment-wrapper {
 display: flex;
 align-items: flex-end;
 column-gap: 30px;
 margin: 30px 0 10px;
}

.a-newplan_payment-mov {
 margin: 30px 0 10px;
 font-size: 1.1em;
 font-weight: bold;
}

.a-newplan_payment-mov i {
 color: #0051b4;
 padding: 0 8px 0 0;
 font-size: 1.8em;
}

.a-newplan_payment-method {
 margin: 20px 0;
 padding: 0 0 0 20px;
}

.a-newplan_payment-method p {
 margin: 20px 0 0;
 font-size: 1em;
 font-weight: bold;
}

.a-newplan_payment-method ul {
 margin: 10px 0;
 padding: 0 0 0 20px;
}

.a-newplan_payment-method li {
 margin-bottom: 5px;
}

.a-newplan_payment-movie {
 width: 100%;
 max-width: 700px;
}

.a-newplan_payment-movie a {
 width: 100%;
 height: 100%;
 border: 3px solid #0051b4;
}

@media screen and (max-width: 767px) {
 .a-newplan_payment-method {
  padding: 0 0 0 0px;
 }

 .a-newplan_payment-method ul {
  padding: 0 0 0 0px;
 }

 .a-newplan_payment-method li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.1;
  margin-bottom: 10px;
 }

 .a-newplan_payment-wrapper {
  flex-direction: column;
  align-items: center;
  column-gap: 0;
  row-gap: 30px;
  margin: 0 auto;
 }
}

.a-newplan_extra-wrapper {
 display: flex;
 align-items: flex-end;
 column-gap: 30px;
 width: 100%;
 justify-content: flex-start;
}

.a-newplan_extra-table {
 flex: 0 0 auto;
 width: auto;
 min-width: max-content;
}

.a-newplan_extra-table table {
 width: 530px;
}

@media screen and (max-width: 767px) {
 .a-newplan_extra-wrapper {
  flex-direction: column;
  align-items: center;
  column-gap: 0;
  row-gap: 30px;
  margin: 0 auto;
  width: 100%;
 }

 .a-newplan_extra-table {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
 }

}

li.ainet_num-item {
 margin-bottom: 16px;
}

li.ainet_num-item a {
 display: flex;
}

li.ainet_num-item span.num {
 padding-right: 1.2em;
 position: relative;
 z-index: 10;
 text-align: center;
 display: inline-block;
 width: 2em;
 line-height: 1.4;
}

li.ainet_num-item span.num::before {
 position: absolute;
 content: "";
 background: #d8e3fa;
 border-radius: 50%;
 height: 1.8em;
 width: 1.8em;
 z-index: -1;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%) translateX(-8px);
}

li.ainet_num-item span.title {
 line-height: 1.4;
}

@media screen and (max-width: 767px) {
 li.ainet_num-item span.num {
  padding-right: 1em;
 }

 li.ainet_num-item span.num::before {
  top: -3px;
  left: 50%;
  transform: translateX(-50%) translateX(-7px);
 }

 li.ainet_num-item span.title {
  width: calc(100% - 1em);
 }

}