@charset "utf-8";

/** ***************************************************************************
 * 共用
 * ************************************************************************* */

/* --------------------------------------------- */
body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
  Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 14px;
 line-height: 1.8em;
 -webkit-text-size-adjust: none;
}

.contents {
 min-width: 1100px;
 max-width: 1250px;
 margin: 0 auto;
 padding: 40px 0;
}

.contents--pdg {
 min-width: 1060px;
 max-width: 1250px;
 margin: 0 auto;
 padding: 40px 20px;
}

.contents--head {
 padding: 20px;
}

.contents--bxslider {
 min-width: 100%;
 max-width: 100%;
 overflow: hidden;
 margin: 0 auto;
 display: grid;
 place-content: center;
 place-items: center;
}

.contents--grid {
 display: grid;
 grid-template-columns: 1fr auto;
 column-gap: 40px;
 grid-template-rows: auto auto;
 align-items: start;
}

img {
 vertical-align: bottom;
 max-width: 100%;
}

strong {
 font-weight: bold;
}

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

a:hover,
a:active {
 opacity: 0.7;
 cursor: pointer;
}

.font_mintyo {
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
  "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

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

.right {
 text-align: right;
}

.f11 {
 font-size: 11px;
 line-height: 1.4em;
}

.f13 {
 font-size: 13px;
}

.f14 {
 font-size: 14px;
}

.f15 {
 font-size: 15px;
}

.f16 {
 font-size: 16px;
}

.f18 {
 font-size: 18px;
}

.f21 {
 font-size: 21px;
 line-height: 1.3em;
}

.flex {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
}

.flexL {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 flex-wrap: wrap;
}

.flexC {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}

.padding0 {
 padding: 0;
}

.marginT5 {
 margin-top: 5px;
}

.marginT10 {
 margin-top: 10px;
}

.marginT20 {
 margin-top: 20px;
}

.marginT40 {
 margin-top: 40px;
}

.marginT60 {
 margin-top: 60px;
}

.marginB10 {
 margin-bottom: 10px;
}

.marginB20 {
 margin-bottom: 20px;
}

.marginB40 {
 margin-bottom: 40px;
}

.marginB60 {
 margin-bottom: 60px;
}

.pc_none {
 display: none;
}

.sp_block {
 display: none;
}

.pc_block {
 display: block;
}

.li_ml1em li {
 position: relative;
 margin-left: 1em;
}

.li_ml1em li::before {
 content: "・";
 position: absolute;
 left: -1em;
}

.ichiran {
 text-align: right;
 font-size: 0.9em;
}

.ichiran p {
 width: 60px;
 padding: 0 1em 0 0.5em;
 text-align: center;
 border-radius: 5px;
 display: inline-block;
 position: relative;
 background-color: #666666;
}

.ichiran p a {
 color: #fff;
}

.ichiran p::after {
 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;
}

@media print,
screen and (max-width: 1280px) {
 .pc_block {
  display: none;
 }
}

@media print,
screen and (max-width: 767px) {
 .contents {
  min-width: 0;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
 }

 .contents--bxslider {
  min-width: 0;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  margin: 0 auto;
  display: grid;
  place-content: center;
  place-items: center;
 }

 .marginT40 {
  margin-top: 20px;
 }

 .marginB40 {
  margin-bottom: 20px;
 }

 .marginB60 {
  margin-bottom: 40px;
 }

 .pc_none,
 .sp_block {
  display: block;
 }

 .sp_none {
  display: none;
 }

 .sp_flexBlock {
  display: block;
 }
}

.clear {
 clear: both;
}

.block:after,
.clearfix:after {
 clear: both;
 content: " ";
 display: block;
 font-size: 0;
 line-height: 0;
 visibility: hidden;
 width: 0;
 height: 0;
}

.bg_blue {
 background-color: rgba(0, 71, 141, 0.05);
}

.blue {
 color: #00478d;
}

.red {
 color: #ff0000;
}

table th {
 text-align: left;
 vertical-align: top;
 background-color: #eeeeee;
}

table th,
table td {
 border: 1px solid #cccccc;
 padding: 5px 20px;
}

table input[type="text"],
table input[type="email"],
table input[type="tel"],
table textarea {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 15px;
 padding: 6px;
}

table input::placeholder,
table textarea::placeholder {
 color: #bbb;
}

.wpcf7 form .wpcf7-response-output {
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 margin: 2em 0.5em 1em;
 padding: 0.4em 1em;
 border: 2px solid #00a0d2;
 /* Blue */
}

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

 table th,
 table td {
  border: none;
  display: block;
 }

 table {
  width: 100%;
 }

 table input[type="text"] {
  width: calc(100% - 14px);
  font-size: 16px;
 }

 table select {
  font-size: 16px;
 }

 table input[type="text"].width_auto {
  width: auto;
 }
}

.popup-youtube {
 display: block;
 position: relative;
}

.popup-youtube .play {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 width: 50% !important;
 max-width: 130px;
}

/** ***************************************************************************
 * レイアウト
 * ************************************************************************* */

.box2 {
 width: calc(100% / 2 - 4%);
 padding-left: 2%;
 padding-right: 2%;
 margin-bottom: 20px;
}

.box3 {
 width: calc(100% / 3 - 4%);
 padding-left: 2%;
 padding-right: 2%;
 margin-bottom: 20px;
}

.box4 {
 width: calc(100% / 4 - 4%);
 padding-left: 2%;
 padding-right: 2%;
 margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
 .box2 {
  width: calc(100% / 1);
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
 }

 .box3 {
  width: calc(100% / 1);
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
 }

 .box4 {
  width: calc(100% / 2 - 4%);
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 20px;
 }
}

.text_mintyo {
 font-family: "NotoSerifCJKjp", serif;
}

.text_left {
 text-align: left;
}

.text_center {
 text-align: center;
}

.bold {
 font-weight: bold;
}

.margin0 {
 margin: 0;
}

.marginT20 {
 margin-top: 20px;
}

.marginT40 {
 margin-top: 40px;
}

.marginB40 {
 margin-bottom: 40px;
}

.icon_link {
 margin-left: 0.5em;
 vertical-align: inherit;
}

@media print,
screen and (min-width: 768px) {
 .f11 {
  font-size: 0.8em;
 }

 .f13 {
  font-size: 14px;
 }

 .f16 {
  font-size: 1.2em;
 }

 .f20 {
  font-size: 1.714em;
 }
}

@media (min-width: 751px) {
 a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
 }
}

/** ***************************************************************************
 * ナビゲーション
 * ************************************************************************* */

@media print,
screen and (min-width: 1024px) {
 #nav {
  width: 100%;
 }

 #nav.fixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9998;
 }

 nav#nav {
  background: linear-gradient(0deg, #1e3b7b, #2364bd);
 }

 #dropmenu {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
 }

 #dropmenu li {
  position: relative;
  width: calc(100% / 9 - 1px);
  padding: 0;
  text-align: center;
  height: 40px;
  margin: 10px 0;
  border-right: 1px solid #b3b3b3;
  font-size: 15px;
 }

 #dropmenu li.nav_download {
  border-right: none;
 }

 #dropmenu li span {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  line-height: 1.25em;
 }

 #dropmenu li a {
  display: block;
  margin: 0;
  color: #fff;
  font-weight: bold;
  line-height: 1.25em;
  text-decoration: none;
 }

 #dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 100%;
  margin: 0;
  padding: 0;
 }

 #dropmenu li ul li {
  overflow: hidden;
  width: auto;
  min-width: 100%;
  white-space: nowrap;
  height: 0;
  margin: 0;
  color: #fff;
  transition: 0.1s;
  border-right: none;
 }

 #dropmenu li ul li:first-child {
  margin-top: 10px;
 }

 #dropmenu li ul li ul li:first-child {
  margin-top: 0;
 }

 #dropmenu li ul li a {
  padding: 15px 20px;
  background: #005db8;
  text-align: left;
  font-weight: bold;
 }

 #dropmenu>li:hover {
  opacity: 1;
 }

 #dropmenu>li:hover>a {
  background: #ffcf00;
  color: #000;
  opacity: 1;
 }

 #dropmenu>li:hover li:hover>a {
  background: #ffcf00;
  color: #000;
  opacity: 1;
 }

 #dropmenu>li:hover>ul>li {
  overflow: visible;
  height: 45px;
 }

 #dropmenu li ul li ul {
  top: 0;
  left: 100%;
 }

 #dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
 }

 #dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
 }

 #dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fff;
 }

 #dropmenu li ul li:hover>ul>li {
  overflow: visible;
  height: 45px;
 }

 #dropmenu li ul li ul li a {
  background: #007cf5;
  color: #fff;
  opacity: 1;
 }

 #dropmenu li:hover ul li ul li a:hover {
  background: #ffcf00;
  color: #000;
  opacity: 1;
 }

 #nav input,
 #nav #overlay .pc_none,
 #overlay li i {
  display: none;
 }
}

@media print,
screen and (max-width: 1023px) {
 @keyframes bugfix {
  from {
   padding: 0;
  }

  to {
   padding: 0;
  }
 }

 @-webkit-keyframes bugfix {
  from {
   padding: 0;
  }

  to {
   padding: 0;
  }
 }

 #overlay-button {
  position: fixed;
  right: 0;
  top: 0;
  padding: 24px 11px;
  z-index: 100;
  cursor: pointer;
  user-select: none;
  background: #fff;
 }

 #overlay-button span {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #00478d;
  position: relative;
  display: block;
  transition: all 0.2s ease-in-out;
 }

 #overlay-button span:before {
  top: -10px;
  visibility: visible;
 }

 #overlay-button span:after {
  top: 10px;
 }

 #overlay-button span:before,
 #overlay-button span:after {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #00478d;
  position: absolute;
  content: "";
  transition: all 0.2s ease-in-out;
 }

 #overlay-button:hover span,
 #overlay-button:hover span:before,
 #overlay-button:hover span:after {
  background: #00478d;
 }

 input[type="checkbox"]#overlay-input {
  display: none;
 }

 input[type="checkbox"]#overlay-input:checked~#overlay {
  visibility: visible;
 }

 input[type="checkbox"]#overlay-input:checked~#overlay-button:hover span,
 input[type="checkbox"]#overlay-input:checked~#overlay-button span {
  background: transparent;
 }

 input[type="checkbox"]#overlay-input:checked~#overlay-button span:before {
  transform: rotate(45deg) translate(7px, 7px);
  opacity: 1;
 }

 input[type="checkbox"]#overlay-input:checked~#overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
 }

 input[type="checkbox"]:checked#overlay-input~#overlay-button:hover span,
 input[type="checkbox"]#overlay-input~#overlay-button span {
  background: transparent;
 }

 input[type="checkbox"]:checked#overlay-input~#overlay-button,
 input[type="checkbox"]:checked#overlay-input~#overlay-button {
  background: transparent;
 }

 #overlay {
  height: 100vh;
  width: 100%;
  max-width: 400px;
  background: #f2f6f9;
  z-index: 99;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0px;
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
 }

 #overlay.active {
  visibility: visible;
 }

 #overlay ul li a:hover {
  color: #333332;
 }

 #overlay>ul>li>a:active {
  background-color: transparent;
 }

 #toggle,
 #menu,
 #toggle2,
 #menu2,
 #toggle3,
 #menu3,
 #toggle4,
 #menu4,
 #toggle5,
 #menu5,
 #toggle6,
 #menu6,
 #toggle7,
 #menu7 {
  display: none;
 }

 #overlay li i {
  position: absolute;
  top: 8px;
  right: 0;
  color: #00478d;
 }

 #toggle:checked+#menu,
 #toggle2:checked+#menu2,
 #toggle3:checked+#menu3,
 #toggle4:checked+#menu4,
 #toggle5:checked+#menu5,
 #toggle6:checked+#menu6,
 #toggle7:checked+#menu7 {
  display: block;
  transition: all 0.2s ease-in-out;
 }

 #overlay ul:first-child {
  width: 90%;
  margin-right: 20px;
 }

 #overlay li {
  position: relative;
  margin-left: 1em;
  font-weight: bold;
  line-height: 1.45em;
  border-bottom: 1px dotted #add5ff;
 }

 #overlay li label span {
  padding: 4px 0;
  display: block;
 }

 #overlay li a,
 #overlay li p {
  padding: 4px 0;
  display: block;
  position: relative;
 }

 #overlay li p a {
  padding: 0;
  /*pointer-events: none;*/
 }

 #overlay li label p a {
  padding: 0;
  pointer-events: none;
 }

 #overlay li:last-child {
  border-bottom: none;
 }

 #overlay li a::before,
 #overlay li p::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: -1em;
  color: #00478d;
 }

 #overlay li ul li {
  margin-left: 1em;
  line-height: 1.55em;
  font-size: 13px;
  border-bottom: none;
  padding: 0;
 }

 #overlay li ul li a {
  color: #00478d;
 }

 #overlay li ul li::before {
  content: none;
  position: absolute;
  left: 0;
 }

 #overlay li ul li ul {
  margin-left: 2em;
 }
}

@media screen and (max-width: 767px) {
 #overlay li label p a {
  pointer-events: none;
 }
}

@media print,
screen and (max-width: 767px) {
 #overlay {
  max-width: none;
  left: 0;
  right: auto;
  padding: 20px 5% 5% 20px;
 }
}

/** ***************************************************************************
 * タイトル
 * ************************************************************************* */

.hd_logo {
 margin: 0 20px 0 40px;
 z-index: 98;
}

.hd_logo img {
 height: 30px;
 width: auto;
}

.flex_nav {
 align-items: center;
}

.hd_language {
 display: flex;
 flex-direction: row;
 border: 1px solid #00478d;
 background: #fff;
 font-weight: bold;
 color: #00478d;
 z-index: 100;
 margin-right: 20px;
}

.hd_language .radiobutton {
 display: none;
}

.hd_language span {
 background-color: #fff;
 padding: 3px 20px 5px 20px;
 height: calc(30px - 8px);
}

.hd_language a {
 background-color: #00478d;
 color: #fff;
 padding: 3px 20px 5px 20px;
 height: calc(30px - 8px);
}

.hd_language i {
 padding-right: 0.5em;
}

.flex_nav {
 position: relative;
}

.hd_shinki {
 position: absolute;
 right: 240px;
}

.hd_shinki a {
 font-weight: bold;
 color: #00478d;
 background: #ffe100;
 padding: 0 30px;
 height: 32px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.hd_shinki a img {
 height: 20px;
 width: auto;
 margin-right: 10px;
}

.hd_shinki a p {
 white-space: nowrap;
}

#overlay .hd_shinki {
 position: relative;
 right: auto;
 left: auto;
 width: 100%;
 margin: 0 auto 10px;
}

.flex_nav_wrap {
 display: flex;
 align-items: center;
}

.flex_nav_wrap .hd_shinki {
 position: static;
 right: 240px;
 margin-right: 20px;
}

.hd_contact {
 margin-right: 20px;
}

.hd_contact a {
 display: block;
 text-align: center;
 background-color: #00478d;
 color: #fff;
 font-weight: bold;
 padding: 3px 20px 3px 20px;
}

#overlay .hd_contact {
 position: relative;
 right: auto;
 left: auto;
 width: 100%;
 margin: 0 auto 10px;
}

#overlay .hd_language {
 display: none;
}

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

@media print,
screen and (min-width: 1280px) {
 header {
  height: 120px;
 }

 .flex_nav {
  height: 60px;
 }
}

@media print,
screen and (max-width: 1279px) {
 .flex_nav {
  height: 56px;
 }

 .hd_shinki {
  right: 80px;
 }

 .hd_logo {
  position: absolute;
  top: 15px;
  left: 20px;
  margin: 0;
  max-width: 250px;
  height: auto;
 }

 .hd_language {
  display: none;
 }
}

@media screen and (max-width: 1279px) {
 .flex_nav_wrap {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding-right: 50px;
 }
}

@media screen and (max-width: 767px) {
 .hd_logo {
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 60px);
 }

 .hd_logo img {
  width: auto;
 }

 #overlay .hd_language {
  display: flex;
  margin: 0 auto 10px;
  justify-content: center;
  border: none;
  background-color: transparent
 }
}

/** ***************************************************************************
 * タイトル
 * ************************************************************************* */

h2 {
 font-size: 2.5em;
 background: #f2f6fb;
 text-align: center;
 color: #00478d;
 font-weight: bold;
 height: 160px;
 line-height: 1.25em;
 display: flex;
 justify-content: center;
 align-items: center;
}

h2.has-span {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

h2 span {
 font-size: 0.6em;
 line-height: 1.2em;
 margin-top: 7px;
}

h2 .tab-block {
 display: none;
}

h3{
 font-size: 1.3em;
 background: transparent;
 text-align: left;
 color: #000;
 font-weight: bold;
 padding: 5px 0 5px 10px;
 line-height: 1.25em;
 border-bottom: 2px solid #00478d;
 border-left: 10px solid #00478d;
 margin-bottom: 20px;
}

h3.ainet_fee-title {
 width: 70%;
}

.pan {
 width: 90%;
 max-width: 1280px;
 margin: 0 auto;
 font-size: 0.9em;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 flex-wrap: wrap;
}

.pan li {
 position: relative;
 padding-right: 1em;
 margin-right: 0.5em;
}

.pan li a {
 text-decoration: underline;
}

.pan li::after {
 content: "\f105";
 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;
}

.pan li:last-child {
 padding-right: 0;
 margin-right: 0;
}

.pan li:last-child::after {
 content: none;
}

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

@media print,
screen and (max-width: 1023px) {
 h3 {
  font-size: 1.25em;
 }
}

@media screen and (max-width: 900px) {
 h2 .tab-block {
  display: block;
 }
}

@media screen and (max-width: 767px) {
 h2 {
  font-size: 2em;
  height: 140px;
 }

 h3.ainet_fee-title {
  width: 90%;
 }

}

/** ***************************************************************************
 * ボタン
 * ************************************************************************* */

.button-style {
 margin: 0;
 padding: 0;
 cursor: pointer;
 border: none;
 border-radius: 0;
 font: inherit;
 text-decoration: none;
 vertical-align: middle;
 display: inline-block;
 background-color: transparent;
 -webkit-appearance: none;
 appearance: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
  background-color 0.3s ease-in-out 0s !important;
 position: relative;
 z-index: 1;
}

.button-style::-webkit-search-decoration {
 display: none;
}

.button-style:focus {
 outline-offset: -2px;
}

/** ***************************************************************************
 * 1
 */

.button-style-1 {
 padding: 0.75em 1.5em;
 font-weight: 700;
 text-align: center;
 text-decoration: none;
 border-radius: 10px;
 display: block;
 position: relative;
 transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
  background-color 0.3s ease-in-out 0s;
 color: inherit;
 border: 2px solid #bfbfbf;
 background-color: #fff;
}

.button-style-1:hover {
 color: #fff;
 border-color: #000;
 background-color: #000;
}

.button-style-1::after {
 content: "";
 width: 0.75em;
 height: 1.25em;
 background: url("../_image/_common/icon-arrow-1-2.png") no-repeat;
 background-size: 100% 100%;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 position: absolute;
 top: 50%;
 right: 0.5em;
}

.button-style-1:hover::after {
 background-image: url("../_image/_common/icon-arrow-1-1.png");
}

/** ***************************************************************************
 * 2
 */

.button-style-2 {
 padding: 0.75em 1.5em;
 color: #fff !important;
 font-weight: 700;
 text-align: center;
 text-decoration: none;
 border-radius: 10px;
 display: block;
 position: relative;
 transition: border-color 0.3s ease-in-out 0s,
  background-color 0.3s ease-in-out 0s;
 border: 2px solid #0c619a;
 background-color: #00619a;
}

.button-style-2:hover {
 border-color: #000;
 background-color: #000;
}

.button-style-2::after {
 content: "";
 width: 0.75em;
 height: 1.25em;
 background: url("../_image/_common/icon-arrow-1-1.png") no-repeat;
 background-size: 100% 100%;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 position: absolute;
 top: 50%;
 right: 0.5em;
}

/** ***************************************************************************
 * 3
 */

.button-style-3 {
 width: 250px;
 padding: 0.75em 2em;
 font-size: 17px;
 font-weight: 700;
 text-align: center;
 text-decoration: none;
 border-radius: 5px;
 display: block;
 margin: 0 auto 20px;
 position: relative;
 transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
  background-color 0.3s ease-in-out 0s;
 background-color: #ffcf00;
}

.button-style-3:hover {
 opacity: 0.6;
}

.button-style-3::after {
 content: "\f105";
 font-family: "Font Awesome 6 Free";
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 0.75em;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}

/** ***************************************************************************
 * 4
 */

.button-style-4 {
 min-width: 200px;
 padding: 0.75em 3em 0.75em 2.5em;
 color: #fff;
 font-weight: 500;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 position: relative;
 transition: background-color 0.3s ease-in-out 0s;
 background-color: rgba(241, 47, 36, 1);
}

.button-style-4:hover {
 background-color: rgba(241, 47, 36, 0.75);
}

.button-style-4::after {
 content: "";
 width: 0.75em;
 height: 1em;
 background: url("../_image/_common/icon-arrow-2-1.png") no-repeat;
 background-size: 100% 100%;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 position: absolute;
 top: 50%;
 right: 1.5em;
}

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

@media print,
screen and (min-width: 768px) {
 .button-style-4 {
  min-width: 300px;
  padding: 1.25em 3em 1.25em 2.5em;
 }
}

/** ***************************************************************************
 * 5
 */

.button-style-5 {
 min-width: 200px;
 padding: 0.75em 3em 0.75em 2.5em;
 color: #fff;
 font-weight: 500;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 position: relative;
 transition: background-color 0.3s ease-in-out 0s;
 background-color: rgba(0, 0, 0, 1);
}

.button-style-5:hover {
 background-color: rgba(0, 0, 0, 0.75);
}

.button-style-5::after {
 content: "";
 width: 0.75em;
 height: 1em;
 background: url("../_image/_common/icon-arrow-2-1.png") no-repeat;
 background-size: 100% 100%;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 position: absolute;
 top: 50%;
 right: 1.5em;
}

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

@media print,
screen and (min-width: 768px) {
 .button-style-5 {
  min-width: 300px;
  padding: 1.25em 3em 1.25em 2.5em;
 }
}

/** ***************************************************************************
 * フッダー
 * ************************************************************************* */

#footer {
 background: #ececec;
}

#footer_content {
 max-width: 1280px;
 margin: 0 auto;
 padding: 40px 0;
}

#fd_logo {
 margin-bottom: 40px;
}

#fd_list li {
 position: relative;
 margin-left: 1em;
 font-weight: bold;
 margin-bottom: 20px;
 font-size: 1.2em;
}

#fd_list li::before {
 content: "\f105";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 left: -1em;
 color: #005bab;
}

#fd_list li ul li {
 margin-bottom: 0;
 margin-left: 0em;
 font-size: 0.8em;
}

#fd_list li ul li ul {
 margin-left: 2em;
 font-size: 1.2em;
}

#fd_list li ul li ul li:first-child {
 margin-top: 0;
}

#fd_list li ul li:first-child {
 margin-top: 5px;
}

#fd_list li ul li a {
 color: #005bab;
}

#fd_list li ul li::before,
#fd_list ul#fd_bnr li::before {
 content: none;
 position: absolute;
 left: 0;
}

#fd_list ul#fd_bnr li {
 margin-left: 0em;
}

#fd_text {
 margin: 10px 0;
 text-align: center;
 font-size: 0.75em;
}

#pagetop {
 clear: both;
 font-size: 36px;
 position: fixed;
 margin: 0 0 0;
 right: 20px;
 bottom: 20px;
}

#pagetop a:link {
 color: #004596 !important;
 filter: drop-shadow(4px 4px 6px #fff);
}

/* #pagetop {
 clear: both;
 width: 28px;
 position: fixed;
 margin: 0 0 0;
 right: 20px;
 bottom: 20px;
} */


.bnr_nyukai {
 width: 90px;
 position: fixed;
 top: 160px;
 right: 0px;
 z-index: 9999;
}

.bnr_nyukai.is-open {
 display: none;
}

.bnr_nyukai a {
 display: block;
}

p.close {
 position: absolute;
 font-weight: 900;
 font-size: 24px;
 top: 35px;
 left: 5px;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}

p.close a {
 display: block;
 width: 20px;
 height: 25px;
 text-align: center;
}

p.close a span {
 display: block;
 width: 1px;
 height: 1px;
 overflow: hidden;
}

@media screen and (max-width: 1024px) {
 #fd_list {
  justify-content: flex-start;
 }

 #fd_list ul {
  margin-right: 40px;
 }

 #fd_list #fd_bnr {
  margin-right: 0;
 }
}

@media screen and (max-width: 767px) {
 #footer_content {
  display: none;
 }

 #pagetop {
  clear: both;
  font-size: 30px;
  position: fixed;
  margin: 0 0 0;
  right: 20px;
  bottom: 30px;
 }

 .bnr_nyukai {
  width: 14%;
  position: fixed;
  top: 70px;
  right: 0px;
  z-index: 9999;
 }

 .bnr_nyukai--renewal.is-top {
  width: 14%;
  position: fixed;
  top: 220px;
  right: 0px;
  z-index: 9999;
 }

 p.close {
  position: absolute;
  font-weight: 900;
  font-size: 16px;
  top: 15px;
  left: 3px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 }

 p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
 }

 p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
 }

 /* #pagetop {
  clear: both;
  width: 28px;
  position: fixed;
  margin: 0 0 0;
  right: 5px;
  bottom: 55px;
 } */
}

@media screen and (min-width: 768px) {
 .bnr_nyukai {
  width: auto;
  position: fixed;
  top: 100px;
  right: 15px;
 }

 .bnr_nyukai--renewal {
  top: 155px;
 }

 /* .bnr_nyukai--renewal.is-top {
  top: 450px;
 } */

 /* .bnr_nyukai--renewal.is-top.is-scroll {
  top: 155px !important;
 } */

 .bnr_nyukai a {
  display: block;
 }

 p.close {
  position: absolute;
  font-weight: 900;
  font-size: 24px;
  top: 35px;
  left: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 }

 p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
 }

 p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
 }
}


/** ***************************************************************************
 * AI-NETログイン
 * ************************************************************************* */
#ainet_login3 {
 background: #00478d;
 border: 1px solid #9eb4db;
 width: 336px;
 text-align: center;
 padding: 15px;
 text-align: center;
 position: relative;
}

#ainet_login3 .ainet_center {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 width: calc(100% - 20px);
}

#ainet_login3 .login_btn3 {
 width: 90%;
 padding: 30px 5px 20px 5px;
 font-weight: bold;
 color: #4f4f4f;
 font-size: 1.5em;
 display: block;
 background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #9f9f9f 100%);
 background: -webkit-linear-gradient(top,
   #ffffff 0%,
   #ffffff 40%,
   #9f9f9f 100%);
 background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #9f9f9f 100%);
 border: 1px solid #9f9f9f;
 border-radius: 8px;
 margin: 0 auto 20px;
}

#ainet_login3 .login_btn3 i {
 font-size: 0.8em;
}

#ainet_login3 .login_btn3 p {
 margin-top: 15px;
}

#ainet_login3 ul li {
 border-right: 1px solid rgba(255, 255, 255, 0.7);
 font-size: 0.8em;
 line-height: 1.5;
}

#ainet_login3 ul li:last-child {
 border-right: none;
}

#ainet_login3 ul li a {
 color: #fff;
 padding: 0 6px;
}

#ainet_login3 p.syosai {
 display: flex;
 justify-content: center;
}

#ainet_login3 p.syosai a {
 font-weight: bold;
 font-size: 1.1em;
 margin-top: 20px;
 border: 1px solid #fff;
 color: #fff;
 padding: 8px 12px;
 margin: 20px 5px 0;
}

#ainet_login3 p.syosai a i {
 font-size: 0.8em;
}

#ainet_login2 {
 background: #ececec;
 width: 396px;
 text-align: center;
 padding: 20px;
 position: relative;
}

#ainet_login2 p {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 font-weight: bold;
 font-size: 3.5em;
 color: #7f7f7f;
}

#ainet_login {
 background: #f2f6fb;
 border: 1px solid #9eb4db;
 width: 396px;
 text-align: center;
 padding: 20px;
}

#ainet_login h2 {
 text-align: center;
 padding: 0;
 border-bottom: 0;
 border-left: 0;
 margin-bottom: 20px;
}

.login_text div {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 margin-bottom: 5px;
}

.login_text p {
 font-weight: bold;
}

.login_text input[type="text"] {
 width: calc(100% - 6.5em);
}

#ainet_login .red {
 line-height: 1.3em;
 margin: 5px 0 10px 0;
}

#ainet_login .login_btn {
 padding: 5px;
 width: 190px;
 font-weight: bold;
 color: #fff;
 font-size: 1.5em;
 background: linear-gradient(0deg, #aa0000, #ff0000);
 border: 1px solid #d10000;
 border-radius: 5px;
}

@media screen and (min-width: 768px) {
 #ainet_login3 {
  height: 265px;
 }
}

@media screen and (max-width: 767px) {
 #ainet_login2 {
  width: calc(100% - 38px);
  height: 150px;
 }

 #ainet_login,
 #ainet_login3 {
  width: 100%;
  box-sizing: border-box;
 }

 #ainet_login3 {
  height: 280px;
 }

 #ainet_login3 .ainet_center {
  width: calc(100% - 30px);
  box-sizing: border-box;
 }

 #ainet_login3 ul a {
  margin: 0 5px;
 }

 #ainet_login3 p.syosai a {
  font-size: 0.9em;
  padding: 8px 16px;
  margin: 10px 5px 0;
 }

 #ainet_login3 .login_btn3 {
  padding: 15px 5px 10px 5px;
  margin: 0 auto 10px;
 }
}

.bxslider {
 width: 806px;
}

@media screen and (max-width: 767px) {
 .bxslider {
  width: auto;
 }
}

dl dd a[href$=".pdf"]:after {
 font-family: "Font Awesome 6 Free";
 content: "\f15c";
 margin-left: 5px;
}

/** ***************************************************************************
 * AI-NET 250521_新規追加修正
 * ************************************************************************* */

.ainet_btn {
 margin: 0 auto;
 height: 60px;
}

.ainet_btn--330 {
 max-width: 330px;
}

.ainet_btn--login {
 width: 90%;
 margin: 20px auto;
}

.ainet_btn--mobile {
 margin: 0 0 0 20px;
 width: 330px;
}

.ainet_btn--registration {
 margin: 0 0 0 0;
 width: 400px;
}

.ainet_btn--faq {
 margin: 0 0 0 0;
 width: 400px;
}

.ainet_btn--storemember {
 margin: 30px auto;
 width: 400px;
}

.ainet_btn-link {
 background: #fff;
 border: 1px solid #b3b3b3;
 border-radius: 10px;
 display: grid;
 place-content: center;
 color: #000;
 height: 100%;
 width: 100%;
 font-weight: bold;
}

.ainet_btn-link span {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
}

.ainet_btn-link i {
 color: #004596;
}

.ainet_btn-link--blue {
 background: #c4d3f2;
 color: #004596 !important;
 border: none;
}

@media screen and (max-width: 767px) {
 .ainet_btn--mobile {
  width: 80%;
  margin: 0 0 0 0px;
 }

 .ainet_btn--registration {
  margin: 0 0 0 0;
  width: 80%;
 }

 .ainet_btn--faq {
  margin: 0 auto;
  width: 80%;
 }

 .ainet_btn--storemember {
  margin: 20px auto;
  width: 80%;
  text-align: center;
  line-height: 1.4;
 }
}

h3.ainet_title {
 font-size: 30px;
 background: transparent;
 text-align: left;
 color: #000;
 font-weight: bold;
 padding: 0 0 7px 10px;
 width: 500px;
 line-height: 1.25em;
 border-bottom: none;
 border-left: none;
 margin-bottom: 30px;
 border-bottom: 4px solid #004596;
 margin-top: 90px;
}

h3.ainet_title--top {
 margin-top: 0px;
}

h3.ainet_title--logo {
 display: flex;
 align-items: center;
}

h3.ainet_title--long {
 width: 600px;
}


h3.ainet_title span.blue {
 color: #004596;
 font-size: 36px;
}

h3.ainet_title span.small {
 font-size: 24px;
}

h3.ainet_title img {
 width: 240px;
 height: 56px;
 padding-right: 10px;
}

@media screen and (max-width: 767px) {
 h3.ainet_title {
  max-width: 260px;
  width: 100%;
  font-size: 18px;
 }

 h3.ainet_title {
  max-width: 300px;
  width: 100%;
  font-size: 18px;
 }

 h3.ainet_title span.blue {
  font-size: 24px;
 }

 h3.ainet_title span.small {
  font-size: 18px;
 }

 h3.ainet_title img {
  width: 120px;
  height: 28px;
  padding-right: 10px;
 }

}

/* ainet-top
 ----------------------- */
.ainet_top-flex {
 display: flex;
 justify-content: space-between;
}

.ainet_top {
 width: calc(100% - 500px);
}

@media screen and (max-width: 767px) {
 .ainet_top-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
 }

 .ainet_top {
  width: 100%;
 }
}

/* kv
 ----------------------- */
#ainet_kv {
 background: url("../_image/ainet/ainet_kv-bg.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 height: 395px;
 width: 100%;
 overflow: hidden;
 z-index: 10;
}

#ainet_kv .kv_wrapper {
 max-width: 860px;
 margin: 0 auto;
 position: relative;
 height: 100%;
 width: 100%;
}

#ainet_kv .ainet_kv__contents {
 position: absolute;
 left: 30px;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 10;
 display: grid;
 place-content: center start;
}

#ainet_kv .ainet_kv__contents .wrapper {
 font-family: "Noto Sans JP",
  sans-serif;
 color: #004596;
}

#ainet_kv .ainet_kv__contents .top {
 font-size: 40px;
 font-weight: 900;
 line-height: 1.3;
}

#ainet_kv .ainet_kv__contents .top span {
 font-size: 46px;
 font-weight: 900;
}

#ainet_kv .ainet_kv__contents .middle {
 font-size: 90px;
 font-weight: 900;
 background: linear-gradient(-60deg, #004596 0%, #004596 20%, #00275a 100%);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 line-height: 1.3;
 filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, .4));
 margin-top: -16px;
}

#ainet_kv .ainet_kv__contents .bottom {
 font-size: 20px;
 font-weight: 400;
 line-height: 1.3;
 text-shadow: 2px 2px 10px #fff,
  -2px 2px 10px #fff,
  2px -2px 10px #fff,
  -2px -2px 10px #fff;
}

#ainet_kv .ainet_kv__pic {
 position: absolute;
 right: -20px;
 top: 30px;
 z-index: 5;
 width: auto;
 height: 90%;
}

#ainet_kv .ainet_kv__pic img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

@media screen and (max-width: 767px) {
 #ainet_kv {
  height: 180px;
 }

 #ainet_kv .kv_wrapper {
  max-width: 485px;
 }

 #ainet_kv .ainet_kv__contents {
  top: 10px;
  place-content: start start;
  left: 5%;
 }

 #ainet_kv .ainet_kv__contents .top {
  font-size: 20px;
 }

 #ainet_kv .ainet_kv__contents .top span {
  font-size: 26px;
 }

 #ainet_kv .ainet_kv__contents .middle {
  font-size: 48px;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .3));
  margin-top: -8px;
 }

 #ainet_kv .ainet_kv__contents .bottom {
  font-size: 16px;
 }

 #ainet_kv .ainet_kv__pic {
  position: absolute;
  right: -10px;
  top: 20px;
  bottom: -0;
  z-index: 5;
  width: 160px;
  height: 80%;
 }
}

/* 目次
 ----------------------- */
#ainet_mokuji {
 width: 100%;
}

#ainet_mokuji ul {
 margin-top: 30px;
}

#ainet_mokuji li {
 font-weight: bold;
 position: relative;
}

#ainet_mokuji li a {
 color: #004596 !important;
 transition: .3s;
 display: flex;
}

#ainet_mokuji li a:hover {
 color: #3292ff !important;
 transition: .3s;
}

#ainet_mokuji li span.index-num {
 color: #aa0000;
 text-align: right;
 width: 20px;
 display: block;
 padding-right: 1em;
}

@media screen and (max-width: 767px) {
 #ainet_mokuji {
  width: 100%;
  margin-bottom: 20px;
 }
}

/* AI-NETログイン
 ----------------------- */
#ainet_login4 {
 background: #f2f2f2;
 /* border: 1px solid #9eb4db; */
 width: 336px;
 text-align: center;
 padding: 15px;
 text-align: center;
 position: relative;
}

#ainet_login4 .ainet_center {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 width: calc(100% - 20px);
}

#ainet_login4 .ainet_center img {
 width: 65%;
 margin: 0 auto;
}

#ainet_login4 .login_btn3 {
 width: 90%;
 padding: 7px 5px 20px 5px;
 font-weight: bold;
 color: #fff;
 font-size: 1.5em;
 display: block;
 background: -moz-linear-gradient(top, #004596 0%, #004596 40%, #00275a 100%);
 background: -webkit-linear-gradient(top,
   #004596 0%,
   #004596 40%,
   #00275a 100%);
 background: linear-gradient(to bottom, #004596 0%, #004596 40%, #00275a 100%);
 border: 1px solid #00275a;
 filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
 border-radius: 8px;
 margin: 20px auto 20px;
 transition: .3s;
}

#ainet_login4 .login_btn3 i {
 font-size: 0.8em;
}

#ainet_login4 .login_btn3 p {
 margin-top: 15px;
}

#ainet_login4 ul li {
 border-right: 1px solid #00478d;
 font-size: 0.8em;
 line-height: 1.5;
}

#ainet_login4 ul li:last-child {
 border-right: none;
}

#ainet_login4 ul li a {
 color: #00478d;
 padding: 0 6px;
}

#ainet_login4 p.syosai {
 display: flex;
 justify-content: center;
}

#ainet_login4 p.syosai a {
 font-weight: bold;
 font-size: 1.1em;
 margin-top: 20px;
 border: 1px solid #00478d;
 color: #00478d;
 padding: 8px 12px;
 margin: 20px 5px 0;
}

#ainet_login4 p.syosai a i {
 font-size: 0.8em;
}

.ainet_login-wrapper {
 padding: 0 0 0 0;
}


@media screen and (min-width: 768px) {
 #ainet_login4 {
  height: 265px;
 }
}

@media screen and (max-width: 767px) {
 #ainet_login2 {
  width: calc(100% - 38px);
  height: 150px;
 }

 #ainet_login,
 #ainet_login4 {
  width: 100%;
  box-sizing: border-box;
 }

 #ainet_login4 {
  height: 280px;
 }

 #ainet_login4 .ainet_center {
  width: calc(100% - 30px);
  box-sizing: border-box;
 }

 #ainet_login4 ul {
  margin: 20px 0 10px;
 }

 #ainet_login4 ul a {
  margin: 0 5px;
 }

 #ainet_login4 p.syosai a {
  font-size: 0.9em;
  padding: 8px 16px;
  margin: 10px 5px 0;
 }

 #ainet_login4 .login_btn3 {
  padding: 5px 5px 20px 5px;
  margin: 10px auto 10px;
 }

 .ainet_login-wrapper {
  padding: 0 0 0 0;
  width: 100%;
 }

 .ainet_login-wrapper--04 {
  padding: 20px 0 0 0;
  width: 100%;
 }
}

/* AI-NETとは？
----------------------- */
#ainet_about .ainet_about__top {
 display: flex;
 justify-content: space-between;
 column-gap: 60px;
}

#ainet_about .pic {
 width: 300px;
}

#ainet_about .desc {
 width: calc(100% - 300px);
}

#ainet_about .desc p {
 margin-bottom: 7px;
}

#ainet_about .ainet_btm ul {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin: 20px 0;
}

#ainet_about .ainet_btm li {
 background: #E5F2FF;
 border-radius: 50px;
 text-align: center;
 color: #004596;
 width: calc(50% - 5px);
 height: 40px;
 display: grid;
 place-content: center;
 font-weight: bold;
}

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

 #ainet_about .pic {
  width: 70%;
  margin: 30px auto 10px;
 }

 #ainet_about .desc {
  width: 100%;
 }

 #ainet_about .ainet_btm ul {
  display: flex;
  flex-direction: column;
 }

 #ainet_about .ainet_btm li {
  width: 100%;
  font-size: 3vw;
  height: 40px;
  white-space: nowrap;
 }
}

/* AI-NET 4つの強み
----------------------- */
#ainet_strengths ul {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
}

#ainet_strengths li {
 width: calc(50% - 10px);
}

#ainet_strengths li .head {
 font-size: 20px;
 color: #004596;
 padding-left: 24px;
 position: relative;
 font-weight: bold;
}

#ainet_strengths li .head::before {
 content: "\f058";
 font-family: "fontawesome";
 font-weight: 900;
 position: absolute;
 left: 0;
 top: 0;
 color: #00b050;
}

#ainet_strengths li .body {
 background: #004596;
 color: #fff;
 border-radius: 7px;
 height: 80px;
 padding: 0 10px;
 margin-top: 10px;
 display: grid;
 place-content: center start;
}

#ainet_strengths li p {
 text-indent: -1em;
 padding-left: 1em;
}

@media screen and (max-width: 767px) {
 #ainet_strengths ul {
  flex-direction: column;
 }

 #ainet_strengths li {
  width: 100%;
 }

 #ainet_strengths li .head {
  font-size: 18px;
 }

 #ainet_strengths li .body {
  height: auto;
  padding: 20px 0;
 }

 #ainet_strengths li .body p {
  line-height: 1.2;
  font-size: 14px;
  margin: 3px 5px;
 }

}

/* AI-NETでできること
----------------------- */
#ainet_features ul.list {
 display: flex;
}

#ainet_features ul.list li {
 width: calc(33% - 10px);
}

#ainet_features ul.list li {
 width: calc(33% - 10px);
}

#ainet_features ul.list li .head {
 font-size: 24px;
 text-align: center;
 font-weight: bold;
 background: #004596;
 display: grid;
 place-content: center;
 color: #fff;
 border-radius: 10px;
 height: 60px;
}

#ainet_features ul.list li ul.sublist {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 row-gap: 10px;
 margin: 20px 0;
 width: 100%;
 box-sizing: border-box;
}

#ainet_features ul.list li ul.sublist li {
 background: #E5F2FF;
 border-radius: 7px;
 padding: 10px;
 color: #000;
 font-weight: normal;
 width: 100%;
 box-sizing: border-box;
}

#ainet_features ul.list li ul.sublist li .title {
 color: #004596;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
 #ainet_features ul.list {
  flex-direction: column;
 }

 #ainet_features ul.list li {
  width: 100%;
 }

 #ainet_features ul.list li .head {
  font-size: 18px;
  height: 40px;
  border-radius: 7px;
 }

 #ainet_features ul.list li ul.sublist {
  row-gap: 5px;
 }
}

/* AI-NET 各サービス
----------------------- */
#ainet_services .top-txt {
 font-size: 12px;
 line-height: 1.8;
 letter-spacing: -0.5px;
 white-space: nowrap;
}

@media print,
screen and (max-width: 1280px) {
 #ainet_services .top-txt {
  white-space: normal;
  letter-spacing: normal;
 }
}

#ainet_services ul.mainlist {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 column-gap: 10px;
 row-gap: 0;
 margin: 30px 0;
}

#ainet_services ul.mainlist li {
 color: #000;
 font-weight: 400;
 display: grid;
 grid-template-rows: subgrid;
 grid-row: span 5;
}

#ainet_services ul.mainlist li .head {
 background: #004596;
 color: #fff;
 border-radius: 7px;
 font-size: 20px;
 font-weight: bold;
 padding: 10px 0;
 text-align: center;
 margin-bottom: 10px;
 display: grid;
 place-content: center;
}

/* #ainet_services ul.mainlist li .list-area {
 display: flex;
 justify-content: space-between;
}

#ainet_services ul.mainlist li .list-area ul.sublist {
 width: calc(50% - 5px);
}

#ainet_services ul.mainlist li .list-area {
 display: flex;
} */

#ainet_services ul.mainlist li .sublist li {
 background: #ececec;
 border-radius: 50px;
 padding: 7px 0;
 text-align: center;
 width: 100%;
 line-height: 1.4;
 margin: 10px 0;
 font-size: .9em;
}

#ainet_services ul.mainlist li .sublist li.square {
 border-radius: 20px;
}

#ainet_services ul.mainlist li .sublist li.last {
 background: #fff;
 text-align: left;
 color: #aa0000;
 height: 35px;
 font-size: .9em;
}

#ainet_services ul.mainlist li .sublist li .caption {
 color: #aa0000;
 font-size: .8em;
}

#ainet_services ul.mainlist li .sublist li span.small {
 display: block;
 font-size: .9em;
}

#ainet_services ul.mainlist li .sublist li:first-child {
 background: #c4d3f2;
 border-radius: 7px;
 font-size: 16px;
 padding: 10px 0;
 text-align: center;
 width: 100%;
}

#ainet_services a.sublist-link {
 position: relative;
}

#ainet_services a.sublist-link::after {
 position: absolute;
 content: "\f138";
 font-family: "fontawesome";
 font-weight: 900;
 right: 20px;
 top: 50%;
 transform: translateY(-50%);
 color: #004596;
}

#ainet_services ul.mainlist li .point {
 margin: 10px 0 30px 0;
}

#ainet_services ul.mainlist li .point-title {
 color: #004596;
 font-size: 18px;
 text-align: center;
 margin-bottom: 5px;
}

#ainet_services ul.mainlist li .point-title i {
 font-size: 22px;
}

#ainet_services ul.mainlist li .point-title {
 color: #004596;
 font-size: 16px;
 text-align: center;
 font-weight: bold;
}

#ainet_services ul.mainlist li .point-area {
 background: #FFFAD1;
 padding: 7px;
 border-radius: 7px;
}

#ainet_services ul.mainlist li .point-area p {
 text-indent: -1em;
 padding-left: 1em;
 margin-bottom: 5px;
 line-height: 1.4;
}

#ainet_services ul.mainlist li .point-area p {
 text-indent: -1em;
 padding-left: 1em;
 margin-bottom: 5px;
}

#ainet_services .last {
 width: 100%;
 background: #E5F2FF;
 margin: 50px 0;
 position: relative;
 height: 136px;
}

#ainet_services .last-contents {
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
}

#ainet_services .last-contents .txt {
 font-weight: bold;
 white-space: nowrap;
 text-align: center;
 font-size: 18px;
 line-height: 1.6;
 padding-left: 120px;
}

#ainet_services .last-contents span.big {
 font-size: 24px;
 background: linear-gradient(transparent 70%, yellow 70%, yellow 90%, transparent 90%);
 padding: 0 5px;
}

#ainet_services .last-contents .pic {
 width: 300px;
}

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

 #ainet_services ul.mainlist {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  row-gap: 7px;
  margin: 20px 0;
 }

 #ainet_services ul.mainlist li .head {
  font-size: 16px;
 }

 #ainet_services ul.mainlist li .sublist {
  font-size: .9em;
 }

 #ainet_services ul.mainlist li .sublist li {
  border-radius: 5px;
  padding: 6px 0;
  line-height: 1.4;
 }

 #ainet_services ul.mainlist li .sublist li.square {
  border-radius: 5px;
 }

 #ainet_services ul.mainlist li .sublist li:first-child {
  font-size: 1em;
  height: 30px;
  display: grid;
  place-content: center;
 }

 #ainet_services ul.mainlist li .list-area ul.sublist {
  width: calc(50% - 3px);
 }

 #ainet_services a.sublist-link::after {
  right: 5px;
 }

 #ainet_services ul.mainlist li .point-title {
  font-size: 14px;
 }

 #ainet_services .last-contents {
  flex-direction: column;
 }

 #ainet_services .last-contents .txt {
  padding-left: 0px;
 }

 #ainet_services .last {
  width: 100%;
  background: #E5F2FF;
  margin: 50px 0 200px;
  position: relative;
  height: 110px;
 }

 #ainet_services .last-contents {
  height: 110px;
  position: relative;
  width: 100%;
 }

 #ainet_services .last-contents .txt {
  font-size: 16px;
  line-height: 1.6;
  padding-left: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
 }

 #ainet_services .last-contents span.big {
  font-size: 20px;
 }


 #ainet_services .last-contents .pic {
  position: absolute;
  width: 150px;
  right: 0px;
  top: auto;
  bottom: -120px;
 }

}

/* 参加可能な会場
----------------------- */
#ainet_venues ul.first-list li {
 padding-left: 1.2em;
 position: relative;
 font-size: 16px;
 margin-bottom: 5px;
}

#ainet_venues ul.first-list li::before {
 content: "・";
 position: absolute;
 color: #004596;
 top: 0;
 left: 0;
 font-weight: bold;
 font-size: 1.2em;
}

#ainet_venues ul.venue-list {
 width: 100%;
 display: grid;
 grid-template-columns: 1fr 1.3fr 1fr;
 column-gap: 20px;
 grid-template-rows: auto;
 row-gap: 0;
 margin: 30px 0;
}

#ainet_venues ul.venue-list li {
 display: grid;
 grid-template-rows: subgrid;
 grid-row: span 3;
}

#ainet_venues ul.venue-list .logo {
 border: 2px solid #ececec;
 border-radius: 10px 10px 0 0;
 padding: 10px 0 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

#ainet_venues ul.venue-list .logo img {
 height: 50px;
 width: auto;
 object-fit: contain;
}

#ainet_venues ul.venue-list .logo img.big-img {
 height: auto;
}

#ainet_venues ul.venue-list .title {
 background: #004596;
 color: #fff;
 border-radius: 0 0 10px 10px;
 display: grid;
 place-content: start center;
 line-height: 1.4;
 text-align: center;
 padding: 10px 0;
}

#ainet_venues ul.venue-list .title span.big {
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 margin-bottom: 5px;
}

#ainet_venues ul.venue-list .caption {
 text-align: right;
 color: #004596;
}

@media screen and (max-width: 767px) {
 #ainet_venues ul.venue-list {
  grid-template-columns: 1fr;
  column-gap: 0px;
  row-gap: 20px;
  grid-template-rows: 1fr 1fr 1fr;
  margin: 30px auto;
  max-width: 90%;
 }

 #ainet_venues ul.venue-list li {
  display: grid;
  grid-template-rows: auto;
 }

 #ainet_venues ul.venue-list .logo {
  border: 2px solid #ececec;
  border-radius: 10px 10px 0 0;
  padding: 7px 0px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 0px;
  justify-content: center;
 }

 #ainet_venues ul.venue-list .logo img {
  height: 40px;
 }

 #ainet_venues ul.venue-list .title {
  height: auto;
  padding: 10px;
 }
}

/* AI-NET 各プラン
----------------------- */
#ainet_plans .top-txt {
 margin: 20px 0;
}

#ainet_plans table.plans-table {
 table-layout: fixed;
 width: 100%;
}

#ainet_plans table.plans-table thead th,
#ainet_plans table.plans-table thead td {
 background: #004596 !important;
 color: #fff;
 text-align: center;
}

#ainet_plans table.plans-table thead th.pickup {
 position: relative;
 border: 3px solid #004596;
}

#ainet_plans table.plans-table thead th.pickup {
 &::after {
  position: absolute;
  content: "おすすめ";
  background: linear-gradient(to bottom right, #f6a700, #fff200);
  color: #004596;
  right: 5px;
  top: -24px;
  height: 30px;
  width: 110px;
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
 }

}

#ainet_plans table.plans-table td {
 padding: 5px 10px;
 border: 2px solid #fff;
 text-align: center;
 vertical-align: middle;
 line-height: 1.4;
}

#ainet_plans table.plans-table td.kinou {
 width: 180px;
 background: #c4d3f2;
 text-align: left;
}

#ainet_plans table.plans-table td.kinou strong {
 color: #004596;
}

#ainet_plans table.plans-table td.free {
 border: 2px solid #ececec;
}

#ainet_plans table.plans-table td.basic {
 background: #ececec;
}

#ainet_plans table.plans-table td.premium {
 background: #E5F2FF;
 border-right: #004596 3px solid;
 border-left: #004596 3px solid;
}

#ainet_plans table.plans-table td.premium--last {
 border-bottom: #004596 3px solid;
}

#ainet_plans table.plans-table td.free_basic {
 background: #f3f3f3;
}

#ainet_plans table.plans-table span.button a {
 display: block;
 border: 1px solid #ececec;
 padding: 10px;
 background: #fff;
 border-radius: 5px;
 margin: 10px;
 font-weight: bold;
}

#ainet_plans table.plans-table span.button a:hover {
 border: 1px solid #007cf5;
}

#ainet_plans table.plans-table span.button a i {
 padding-left: 20px;
 color: #004596;
}

@media screen and (max-width: 767px) {
 #ainet_plans .plans-table-area {
  padding: 20px 0 10px;
  white-space: collapse;
 }

 #ainet_plans table.plans-table {
  table-layout: fixed;
  min-width: 1100px;
 }
}

/* AI-NET モバイル
----------------------- */
#ainet_mobile .mobile-pic {
 margin: 0 auto;
 max-width: 800px;
}

#ainet_mobile .mobile-txtarea {
 margin: 20px 0;
}

#ainet_mobile .mobile-txt {
 margin: 10px 0;
}

#ainet_mobile .mobile-caption {
 text-indent: -1em;
 padding-left: 1em;
 font-size: 0.9rem;
 margin-left: 20px;
}

#ainet_mobile .mobile-wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
}

#ainet_mobile .mobile-btnarea {
 display: flex;
 align-items: center;
}

#ainet_mobile .mobile-btnarea a {
 height: 100px;
}

#ainet_mobile .mobile-btnarea img {
 height: 100%;
 object-fit: contain;
}

@media screen and (max-width: 767px) {
 #ainet_mobile .mobile-wrapper {
  flex-direction: column;
 }

 #ainet_mobile .mobile-caption {
  margin-left: 0px;
 }
}

/* AI-NET 使いやすさ向上プロジェクト
----------------------- */

#ainet_usability .project-top {
 width: 100%;
}

#ainet_usability .usability_txt {
 margin: 10px 0;
}

#ainet_usability .usability_txt span.blue {
 color: #004596;
 font-size: 1.2em;
 font-weight: bold;
 margin: 10px 0 30px 0;
 display: block;
}

@media screen and (max-width: 767px) {
 #ainet_usability .usability_txt span.blue {
  font-size: 1.1em;
  line-height: 1.6;
 }
}

/* AI-NET 登録申し込み
----------------------- */
#ainet_registration .registration_txt {
 margin: 10px 0;
}

#ainet_registration .registration_txt a {
 color: #004596;
 display: block;
}

#ainet_registration .registration_contents {
 display: flex;
 justify-content: space-between;
 margin: 30px 0;
 column-gap: 70px;
}

#ainet_registration .registration_contents .box {
 display: flex;
 flex-direction: column;
 position: relative;
}

#ainet_registration .registration_contents .head {
 height: 300px;
}

#ainet_registration .registration_contents .head--first {
 position: relative;
}

#ainet_registration .registration_contents .head--first::after {
 position: absolute;
 content: "";
 height: 60%;
 width: 30px;
 background: #ffcf00;
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 top: 50%;
 right: -50px;
 transform: translateY(-50%);
}

#ainet_registration .registration_contents .pic {
 width: 200px;
 margin: 0 auto;
}

#ainet_registration .registration_contents .bg-black {
 background: #333333;
 color: #fff;
 text-align: center;
 border-radius: 50px;
 padding: 5px 0;
}

#ainet_registration .registration_contents .bg-blue {
 background: #E5F2FF;
 border-radius: 10px;
 color: #004596;
 text-align: center;
 line-height: 1.4;
 padding: 5px 0;
}

#ainet_registration .registration_contents .box--first ul {
 display: flex;
 flex-direction: column;
}

#ainet_registration .registration_contents .box--second ul {
 display: flex;
 flex-direction: column;
}

#ainet_registration .registration_contents .box--second li {
 background: #004596;
 border-radius: 10px;
 color: #fff;
 text-align: center;
 line-height: 1.4;
 display: grid;
 place-content: center;
 margin-bottom: 10px;
 height: 60px;
 position: relative;
}

#ainet_registration .registration_contents .box--second li::after {
 position: absolute;
 content: "";
 height: 100%;
 width: 20px;
 background: #ffcf00;
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 top: 50%;
 right: -50px;
 transform: translateY(-50%);
}

#ainet_registration .registration_contents .box--third li {
 text-align: center;
 line-height: 1.4;
 display: grid;
 place-content: center;
 margin-bottom: 10px;
 height: 60px;
}

#ainet_registration .registration_contents .box--third li img {
 object-fit: contain;
 height: 60px;
}

#ainet_registration .registration_contents .box--fourth li {
 text-align: center;
 line-height: 1.4;
 display: grid;
 place-content: center;
 margin-bottom: 10px;
 height: 60px;
 padding: 0 0 0 0 !important;
 position: relative;
}

#ainet_registration .registration_contents .box--fourth li::before {
 position: absolute;
 content: "";
 height: 100%;
 width: 20px;
 background: #ffcf00;
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 top: 50%;
 left: -45px;
 transform: translateY(-50%);
}

#ainet_registration .registration_contents .box--fourth li:first-child {
 height: 130px;
}

#ainet_registration .registration_contents .box--first,
#ainet_registration .registration_contents .box--third {
 width: 20%;
}

#ainet_registration .registration_contents .box--second,
#ainet_registration .registration_contents .box--fourth {
 width: 30%;
}

#ainet_registration .registration_btnarea {
 display: flex;
 justify-content: center;
 column-gap: 30px;
 margin: 60px 0;
}

@media screen and (max-width: 767px) {
 #ainet_registration .registration_contents {
  margin: 20px 10px;
  min-width: 1000px;
 }

 #ainet_registration .registration_contents .box {
  font-size: 13px;
 }

 #ainet_registration .registration_btnarea {
  flex-direction: column;
  column-gap: 0px;
  margin: 40px 0;
  row-gap: 20px;
  align-items: center;
  justify-content: center;
 }
}

/* AI-NETに関するお問い合わせ
----------------------- */
#ainet_faq .faq-wrapper {
 display: flex;
}

#ainet_faq .faq-contact {
 width: 50%;
 margin-right: 20px;
}

#ainet_faq .faq-contact span {
 display: block;
}

@media screen and (max-width: 767px) {
 #ainet_faq .faq-wrapper {
  flex-direction: column;
 }

 #ainet_faq .faq-contact {
  width: 100%;
  margin-right: 0px;
 }

 #ainet_faq .faq-btnarea {
  width: 100%;
  margin: 20px 0;
 }
}

/** *******************************************************************
  *AI-NET落札手数料・搬出について
  */

/* 目次
 ----------------------- */
#ainet_fee-info .ainet_contents {
 margin: 30px 0;
}

#ainet_fee-info .ainet_fee-container {
 padding: 0 20px;
}

#ainet_fee-mokuji ul {
 padding-left: 20px;
 margin-top: 30px;
}

#ainet_fee-mokuji li {
 font-weight: bold;
 position: relative;
}

#ainet_fee-mokuji li a {
 color: #004596 !important;
 transition: .3s;
}

#ainet_fee-mokuji li a:hover {
 color: #3292ff !important;
 transition: .3s;
}

#ainet_fee ul li {
 padding-left: 20px;
 position: relative;
}

#ainet_fee ul li::before {
 position: absolute;
 top: 0;
 left: 0;
 content: "●";
 color: #000000 !important;
 font-size: 5px;
}

#ainet_fee-info .ainetfee_tablearea {
 margin-bottom: 60px;
}

#ainet_fee-info .ainetfee_tablearea p.table-title {
 font-weight: bold;
 font-size: 1.2em;
}

#ainet_fee-info .ainetfee_tablearea--mgb {
 margin-bottom: 90px;
}

#ainet_fee-info table {
 width: 100%;
 margin: 20px 0;
}

#ainet_fee-info table th {
 background: #c4d3f2;
 color: #004596;
 font-weight: bold;
}

#ainet_fee-info table th,
#ainet_fee-info table td {
 border-top: transparent 1px solid;
 border-right: transparent 1px solid;
 border-left: transparent 1px solid;
 border-bottom: #c4d3f2 1px solid;
 white-space: nowrap;
 vertical-align: middle;
 text-align: center;
}

#ainet_fee-info table td.no-bdB {
 border-bottom: none;
}

#ainet_fee-info table.ainetfee_table--arai td:last-child {
 color: #004596;
 font-weight: bold;
}

#ainet_fee-info table td i {
 color: #004596;
}

#ainet_fee-info table tr.bg-blue,
#ainet_fee-info table td.bg-blue {
 background: #DEE7EE;
}

#ainet_fee-info table th:first-child,
#ainet_fee-info table td:first-child {
 text-align: left;
}

#ainet_fee-info table.ainetfee_table td:first-child {
 width: 60%;
 text-align: left;
}

#ainet_fee-info table.ainetfee_table th:not(:first-child),
#ainet_fee-info table.ainetfee_table td:not(:first-child) {
 width: 40%;
 text-align: center;
}

#ainet_fee-info table td a {
 color: #004596;
 position: relative;
 display: inline-block;
 padding: 0 7px;
 font-weight: bold;
}

#ainet_fee-info table td a.under-line::after {
 position: absolute;
 content: "";
 background: #004596;
 height: 1px;
 width: 100%;
 bottom: 5px;
 left: 50%;
 transform: translateX(-50%);
}

#ainet_fee-info table.ainetfee_table02,
#ainet_fee-info table.ainetfee_table03 {
 min-width: 1000px;
}

#ainet_fee-info table.ainetfee_table02 th,
#ainet_fee-info table.ainetfee_table02 td {
 text-align: center;
 padding: 10px 2px;
 vertical-align: middle;
 line-height: 1.4;
 white-space: nowrap;
}

#ainet_fee-info table.ainetfee_table02 td {
 color: #333333;
}

#ainet_fee-info table.ainetfee_table02 td:nth-last-child(3) {
 text-align: left;
 white-space: normal;
}

#ainet_fee-info table.ainetfee_table03 th,
#ainet_fee-info table.ainetfee_table03 td {
 white-space: normal;
 text-align: center;
 padding: 10px 2px;
 vertical-align: middle;
 line-height: 1.4;
}

#ainet_fee-info table.ainetfee_table03 td:first-child {
 text-align: left;
 white-space: nowrap;
}

#ainet_fee-info table.ainetfee_table04 th {
 border-bottom: 2px solid #ffffff !important;
}

#ainet_fee-info table.ainetfee_table04 td {
 border-bottom: 2px solid #c4d3f2 !important;
 text-align: left !important;
}

#ainet_fee-info table.ainetfee_table04 td.thin {
 border-bottom: 1px solid #c4d3f2 !important;
}

#ainet_fee-info table.ainetfee_table04 th {
 background: #c4d3f2 !important;
}

#ainet_fee-info p.table-caption {
 text-indent: -1em;
 padding-left: 1em;
 font-size: .9em;
 line-height: 1.6;
 margin-bottom: 5px;
}

#ainet_fee-info h5 {
 color: #004596;
 font-size: 1.4em;
 font-weight: bold;
 margin: 20px 0;
}

#ainet_fee-info .ainet_fee-pic {
 margin: 40px auto 60px;
 max-width: 800px;
 padding-right: 60px;
}

#ainet_fee-info .ainet_fee-pic img {
 display: block;
 width: 100%;
 height: 100%;
}

#ainet_fee-info .ainet_fee-pic img {
 display: block;
 width: 100%;
 height: 100%;
}

#ainet_fee-info .ainet_fee-btnarea {
 margin: 40px 0 60px;
}

#ainet_fee-info .p-caption {
 text-indent: -1em;
 padding-left: 1em;
}

#ainet_form .form-notice {
 margin: 30px 0;
}

#ainet_form .form-notice .big {
 font-weight: bold;
 font-size: 1.2em;
}

#ainet_contact .ainet-contact_area {
 padding: 20px 60px;
}

#ainet_contact .company {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 20px;
}

#ainet_contact .data {
 font-size: 18px;
 margin-bottom: 10px;
}

#ainet_contact .data i {
 font-size: 24px;
 color: #0466b2;
 padding-right: 10px;
 width: 30px;
 text-align: center;
}

#ainet_contact .ainet_contact_line a {
 display: flex;
 align-items: center;
}

#ainet_contact .ainet_contact_line img {
 width: 40px;
 height: 40px;
}

#ainet_contact .ainet_contact_line span.add {
 background: #4cc764;
 color: #fff;
 font-size: 16px;
 display: grid;
 place-content: center;
 width: 150px;
 height: 30px;
 border-radius: 50px;
 margin-left: 5px;
}

@media screen and (max-width: 767px) {
 #ainet_fee-info table.ainetfee_table03 {
  min-width: 1200px;
 }

 #ainet_fee-info .ainet_fee-container {
  padding: 0 0px;
 }

 #ainet_fee-mokuji {
  width: 100%;
  margin-bottom: 20px;
 }

 #ainet_fee-info h5 {
  color: #004596;
  font-size: 1.4em;
  font-weight: bold;
  margin: 20px 0 0 0;
 }

 #ainet_fee-info .ainetfee_tablearea {
  margin-bottom: 40px;
 }

 #ainet_fee-info .ainetfee_tablearea--mgb {
  margin-bottom: 60px;
 }


 #ainet_fee-info p.table-caption {
  margin-top: 10px;
 }

 #ainet_fee-info .ainet_fee-pic {
  margin: 10px auto 40px;
  padding-right: 0px;
 }

 #ainet_fee-info .ainet_fee-btnarea {
  margin: 20px 0 20px;
 }

 #ainet_contact .ainet-contact_area {
  padding: 0 20px;
 }

 #ainet_contact .company {
  font-size: 18px;
  margin-bottom: 10px;
 }

 #ainet_contact .data {
  font-size: 16px;
 }
}

/** *******************************************************************
  *AI-NET 店舗在庫サービス
  */
#ainet_store .ainet_contents {
 margin: 60px 0;
}

#ainet_store p.top-txt {
 margin: 20px 0;
}

#ainet_store ul.store-list {
 margin: 20px 0;
}

#ainet_store ul.store-list li {
 position: relative;
 padding-left: 20px;
 font-size: 16px;
 margin-bottom: 10px;
}

#ainet_store ul.store-list li::before {
 position: absolute;
 content: "●";
 left: 0;
 top: 0;
 font-size: 0.8em;
 color: #004697;
}

@media screen and (max-width: 767px) {
 #ainet_store ul.store-list li {
  font-size: 14px;
  line-height: 1.6;
 }
}

#ainet_store table {
 margin-bottom: 20px;
}

#ainet_store table.ainetstore_table th {
 background: #C4D3F2;
 color: #004697;
 font-weight: bold;
}

#ainet_store table th,
#ainet_store table td {
 border-top: transparent 1px solid;
 border-right: transparent 1px solid;
 border-left: transparent 1px solid;
 border-bottom: #c4d3f2 2px solid;
 white-space: nowrap;
 vertical-align: middle;
 line-height: 1.6;
}

#ainet_store table td.bdb-none {
 border-bottom: none;
}

#ainet_store table td.bg-blue {
 background: #f2f5fa;
 font-weight: bold;
}

#ainet_store table span.light {
 font-weight: normal;
}

#ainet_store table a {
 color: #004697;
 font-weight: bold;
}

#ainet_store table span.inner-caption {
 font-weight: normal;
 display: block;
 padding-left: 1em;
}

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

 #ainet_store table th,
 #ainet_store table td {
  line-height: 1.4;
 }

 #ainet_store table span.inner-caption {
  font-size: 12px;
 }
}

/* トップ画像
 ----------------------- */
#ainet_store .store_head {
 position: relative;
 background: linear-gradient(180deg, #ffe98e 0%, #fdf5b7 40%, #fff);
 display: flex;
 align-self: center;
 font-family: "Noto Sans JP",
  sans-serif;
 font-optical-sizing: auto;
 font-style: normal;
 padding: 10px 0;
 max-width: 930px;
 margin: 0 auto;
}

#ainet_store .store_head::after {
 position: absolute;
 content: "";
 background: url(../_image/ainet/ainet_store-head-bg.png) no-repeat top center/cover;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 0;
}

#ainet_store .store_head .title {
 width: 50%;
 text-align: center;
 z-index: 10;
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

#ainet_store .store_head .big {
 display: inline-block;
 font-size: 28px;
 font-weight: 900;
 background: linear-gradient(90deg, #00295d 50%, #004697);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 padding: 7px 0;
}

#ainet_store .store_head .small {
 display: inline-block;
 background: linear-gradient(45deg, #004697 0%, #00295d 50%, #004697 100%);
 color: #fff;
 position: relative;
 padding: 0 10px 0 24px;
}

#ainet_store .store_head .small::before {
 content: "";
 background: #004697;
 position: absolute;
 clip-path: polygon(100% 0, 100% 100%, 0 100%);
 left: -10px;
 top: 0;
 width: 10px;
 height: 100%;
}

#ainet_store .store_head .small::after {
 content: "";
 background: #004697;
 position: absolute;
 clip-path: polygon(0 0, 100% 0, 0 100%);
 right: -10px;
 top: 0;
 width: 10px;
 height: 100%;
}

#ainet_store .store_head .txt {
 width: 50%;
 text-align: center;
 z-index: 10;
 position: relative;
 color: #fff;
 line-height: 1.6;
 text-shadow: 2px 2px 10px #004697,
  -2px 2px 10px #004697,
  2px -2px 10px #004697,
  -2px -2px 10px #004697;
}

#ainet_store .store_head .txt span {
 font-size: 1.5em;
}

@media screen and (max-width: 767px) {
 #ainet_store .store_head {
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #ffe98e 0%, #fdf5b7 70%, #fff);
 }

 #ainet_store .store_head::after {
  background: url(../_image/ainet/ainet_store-head-bg_sp.png) no-repeat top center/cover;
 }

 #ainet_store .store_head .title {
  width: 100%;
  font-size: 12px;
 }

 #ainet_store .store_head .txt {
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
 }

 #ainet_store .store_head .big {
  font-size: 24px;
 }
}

/* 店舗在庫サービスとは？
 ----------------------- */

#store_about .icon-area {
 margin: 90px 0 60px;
}

#store_about .icon-list {
 display: flex;
 justify-content: center;
 column-gap: 30px;
 row-gap: 40px;
 max-width: 700px;
 margin: 0 auto;
 flex-wrap: wrap;
}

#store_about .icon-list--sp {
 display: none;
}

#store_about .icon {
 width: 150px;
 height: 150px;
 background: #e5f2ff;
 border-radius: 50%;
 text-align: center;
 display: grid;
 place-content: center;
 place-items: center;
 color: #004697;
 font-weight: bold;
 font-size: 18px;
 position: relative;
 line-height: 1.3;
}

#store_about .icon::before {
 position: absolute;
 content: "";
 width: 90px;
 height: 80px;
 top: -50px;
 left: 50%;
 transform: translateX(-50%);
}

#store_about .icon--01::before {
 background: url(../_image/ainet/store-icon01.png) no-repeat center center/contain;
}

#store_about .icon--02::before {
 background: url(../_image/ainet/store-icon02.png) no-repeat center center/contain;
}

#store_about .icon--03::before {
 background: url(../_image/ainet/store-icon03.png) no-repeat center center/contain;
}

#store_about .icon--04::before {
 background: url(../_image/ainet/store-icon04.png) no-repeat center center/contain;
}

#store_about .icon--05::before {
 background: url(../_image/ainet/store-icon05.png) no-repeat center center/contain;
}

#store_about .icon--06::before {
 background: url(../_image/ainet/store-icon06.png) no-repeat center center/contain;
}

#store_about .icon--07::before {
 background: url(../_image/ainet/store-icon07.png) no-repeat center center/contain;
}

#store_about .movie-area {
 text-align: center;
 margin: 0 auto;
}

#store_about .movie-area img.thumb {
 max-width: 700px;
 aspect-ratio: 16 / 9;
 border: 4px solid #004697;
}

#store_about .movie-area p {
 text-align: center;
 color: #004697;
 font-weight: bold;
 margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
 #store_about .icon-area {
  margin: 60px 0 40px;
 }

 #store_about .icon-list {
  display: none;
 }

 #store_about .icon-list--sp {
  display: block;
 }

 #store_about .wrapper {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-bottom: 30px;
 }

 #store_about .icon {
  width: 120px;
  height: 120px;
  font-size: 14px;
  line-height: 1.2;
 }

 #store_about .icon::before {
  width: 80px;
  height: 70px;
  top: -40px;
 }

 #store_about .movie-area {
  padding: 20px 3%;
 }

 #store_about .movie-area img.thumb {
  max-width: 100%;
 }
}

@media screen and (max-width: 390px) {
 #store_about .icon {
  width: 100px;
  height: 100px;
 }
}

/* 参加資格について
 ----------------------- */

#store_criteria p.criteria-txt {
 font-size: 16px;
}

#store_criteria p.criteria-txt span {
 /* background: linear-gradient(to bottom, transparent 0 60%, yellow 60% 100%); */
 display: inline;
}

#store_criteria .criteria-caption {
 margin: 10px 0;
}

#store_criteria .criteria-caption p.criteria-txt {
 text-indent: -1em;
 padding-left: 1em;
 font-size: 14px;
}

@media screen and (max-width: 767px) {
 #store_criteria p.criteria-txt {
  font-size: 14px;
  line-height: 1.6;
 }

 #store_criteria .criteria-caption p.criteria-txt {
  line-height: 1.4;
  font-size: 12px;
  margin-bottom: 10px;
 }
}

/* 店舗在庫限定会員について
 ----------------------- */

#store_member .pic {
 width: 600px;
 height: 210px;
 margin: 0 auto;
}

#store_member .caption {
 text-indent: -1em;
 padding-left: 1em;
}

@media screen and (max-width: 767px) {
 #store_member .pic {
  width: 100%;
  height: auto;
  margin: 0 auto;
 }

 #store_member .caption {
  line-height: 1.4;
 }
}

/* お問い合わせ
 ----------------------- */
#store_contact .contact-txt {
 font-size: 16px;
}

#store_contact .contact-txt span.tel {
 display: flex;
 align-items: center;
 margin-top: 10px;
}

#store_contact .contact-txt span.tel i {
 color: #004697;
 font-size: 24px;
 padding-right: 7px;
}

/* 言語切替ボタン
 ----------------------- */
.page-language {
 max-width: 1280px;
 width: 100%;
 margin: 20px auto 20px;
}

.page-language__btn {
 width: 90px;
 height: 26px;
 font-size: 14px !important;
}

.page-language__link {
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 5px;
 background: #004596;
 color: #fff !important;
 font-weight: bold;
 display: grid;
 place-content: center;
 transition: .3s;
}

.page-language__link:hover {
 transition: .3s;
}

/** *******************************************************************
  *AI-NET PLUS
  */
#ainet_plus .ainet_contents {
 font-size: 16px;
}

#ainet_plus .f-img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
}

#ainet_plus .ainet_inner-area {
 padding: 20px 30px;
}

#ainet_plus .sp-block {
 display: none;
}

#ainet_plus .sp-none {
 display: block;
}

@media screen and (max-width: 1280px) {
 #ainet_plus .ainet_contents {
  padding: 0 3%;
 }
}

@media screen and (max-width: 767px) {
 #ainet_plus .sp-block {
  display: block;
 }

 #ainet_plus .sp-none {
  display: none;
 }

 #ainet_plus .ainet_contents {
  padding: 0 0;
  font-size: 14px;
 }

 #ainet_plus .ainet_inner-area {
  padding: 10px 0px;
 }

}

/* AI-NET PLUS タイトル
 ----------------------- */
#ainet_plus h3.ainet_plus-title {
 background: linear-gradient(to right, #002259, #00429D);
 box-shadow: 5px 5px 0px rgba(217, 0196, 152, 1);
 border-left: 0;
 height: 60px;
 width: 600px;
 border-radius: 10px;
 display: grid;
 place-content: center;
 color: #fff;
 font-size: 24px;
}

@media screen and (max-width: 767px) {
 #ainet_plus h3.ainet_plus-title {
  width: 100%;
  height: 40px;
  font-size: 20px;
 }
}

/* AI-NET PLUS リンクボタン
 ----------------------- */
#ainet_plus .ainet-plus_btn {
 max-width: 500px;
 height: 60px;
 margin: 0 auto;
}

#ainet_plus .ainet-plus_link {
 display: block;
 width: 100%;
 height: 100%;
 background: #C4D3F2;
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
 border-radius: 50px;
 display: grid;
 place-content: center;
 transition: .3s;
}

#ainet_plus .ainet-plus_link:hover {
 transition: .3s;
 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
 transform: translateY(1px);
}

#ainet_plus .ainet-plus_link span.inner {
 font-weight: bold;
 color: #00429D;
 font-size: 20px;
}

@media screen and (max-width: 767px) {
 #ainet_plus .ainet-plus_link span.inner {
  font-size: 16px;
 }
}

/* AI-NET PLUS トップバナー
 ----------------------- */
#ainet_plus .plus_top {
 background: url(../_image/ainet/ainet-plus_bg.jpg) no-repeat center center/cover;
 width: 100%;
 height: 300px;
 font-family: "Noto Sans JP",
  sans-serif;
 position: relative;
 margin-bottom: 60px;
}

#ainet_plus .plus_wrapper {
 display: flex;
 justify-content: space-between;
 height: 300px;
 width: 100%;
}

#ainet_plus .plus_left {
 padding: 40px 0 0 60px;
 width: 450px;
}

#ainet_plus .plus_left .logo {
 width: 450px;
 height: 136px;
}

#ainet_plus .plus_left .logo img {
 object-fit: contain;
 display: block;
 width: 100%;
 height: 100%;
}


#ainet_plus .plus_right {
 position: relative;
 height: 300px;
 width: calc(100% - 450px);
}

#ainet_plus .plus_right .txt {
 font-size: 22px;
 text-align: right;
 position: absolute;
 top: 60px;
 right: 90px;
 line-height: 1.6;
}

#ainet_plus .plus_right .gold {
 font-weight: bold;
 color: #b98f34;
}


#ainet_plus .plus_right .en {
 position: absolute;
 right: 90px;
 bottom: 20px;
 display: grid;
 place-content: center;
}

#ainet_plus .plus_right .en span.inner {
 display: block;
 font-size: 44px;
 text-align: right;
 font-family: "Roboto",
  sans-serif;
 font-optical-sizing: auto;
 font-weight: 800;
 font-style: italic;
 font-variation-settings: "wdth"100;
 background: linear-gradient(0deg, #997a32 20%, #f1dcad 89%);
 background: -webkit-linear-gradient(90deg, #997a32 20%, #f1dcad 89%);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 line-height: 1;
}

@media screen and (max-width: 767px) {
 #ainet_plus .plus_top {
  background: url(../_image/ainet/ainet-plus_bg_sp.jpg) no-repeat right bottom/cover;
  width: 100%;
  margin-bottom: 40px;
  height: 280px;
 }

 #ainet_plus .plus_wrapper {
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  height: 280px;
 }

 #ainet_plus .plus_left {
  padding: 20px 0 0 20px;
  width: 240px;
 }

 #ainet_plus .plus_left .logo {
  width: 100%;
  height: auto;
 }

 #ainet_plus .plus_right {
  position: relative;
  height: 100%;
  width: 100%;
 }

 #ainet_plus .plus_right .txt {
  font-size: 16px;
  text-align: left;
  position: relative;
  top: 20px;
  right: 0;
  line-height: 1.6;
  padding-left: 20px;
  width: 100%;
 }

 #ainet_plus .plus_right .en {
  right: 10px;
  bottom: 10px;
  display: block;
  place-content: center;
 }

 #ainet_plus .plus_right .en span.inner {
  display: block;
  font-size: 28px;
 }
}

/* AI-NET PLUSとは？
 ----------------------- */

#plus_about .movie-area {
 margin: 0 auto 20px;
 max-width: 800px;
}

#plus_about .movie-area img.thumb {
 aspect-ratio: 16 / 9;
 border: 4px solid #004697;
}

#plus_about .top-txt {
 margin-top: 20px;
}

#plus_about .caption {
 margin: 20px 0 0;
 background: #D9C498;
 display: inline-block;
 padding: 5px 20px;
 border-radius: 7px;
}

#plus_about .big-txt {
 font-size: 30px;
 color: #00429D;
 text-align: center;
 font-weight: bold;
 margin: 60px 0 0;
}

#plus_about .pic {
 width: 100%;
 margin: 20px auto;
}

@media screen and (max-width: 767px) {
 #plus_about .big-txt {
  font-size: 20px;
  margin: 20px 0 0;
  line-height: 1.4;
 }
}

/* AI-NET PLUSの特徴
 ----------------------- */
#plus_feature .list {
 margin: 60px auto;
 max-width: 960px;
}

#plus_feature dl {
 margin-bottom: 30px;
}

#plus_feature dt {
 font-size: 20px;
 background: #D9C498;
 border-radius: 10px;
 padding: 14px 20px;
 margin-left: 80px;
 position: relative;
}

#plus_feature dt::before {
 content: "";
 position: absolute;
 background: url(../_image/ainet/ainet-plus_plus.png) no-repeat center center/contain;
 width: 60px;
 height: 60px;
 top: 50%;
 left: -80px;
 transform: translateY(-50%);
}

#plus_feature dd {
 margin: 10px 0px 10px 90px;
}

@media screen and (max-width: 767px) {
 #plus_feature .list {
  margin: 40px auto;
 }

 #plus_feature dl {
  margin-bottom: 30px;
 }

 #plus_feature dt {
  font-size: 16px;
  background: #D9C498;
  border-radius: 10px;
  padding: 10px 20px;
  margin-left: 60px;
  position: relative;
 }

 #plus_feature dt::before {
  width: 40px;
  height: 40px;
  left: -50px;
 }

 #plus_feature dd {
  margin: 10px 0px 10px 60px;
 }
}

/* こんな方におすすめ
 ----------------------- */
#plus_recommend .recommend-list {
 margin: 60px auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 max-width: 1000px;
 row-gap: 60px;
}

#plus_recommend .recommend-item {
 width: calc(50% - 30px);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

#plus_recommend .recommend-item .pic {
 height: 300px;
 width: 80%;
 margin: 0 auto;
}

#plus_recommend .recommend-item .desc {
 background: #C4D3F2;
 border-radius: 10px;
 text-align: center;
 width: 100%;
 margin-top: 10px;
 padding: 10px 0;
}

@media screen and (max-width: 767px) {
 #plus_recommend .recommend-item {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
 }

 #plus_recommend .recommend-item .pic {
  height: 100px;
  width: 80%;
  margin: 0 auto;
 }

 #plus_recommend .recommend-item .desc {
  font-size: 14px;
  line-height: 1.4;
  border-radius: 5px;
  padding: 10px 5px;
  text-align: left;
 }
}

/* 入札から落札・搬出までの流れ
 ----------------------- */

#plus_flow .flow-list {
 margin: 40px auto 0;
 max-width: 1000px;
}

#plus_flow .flow-item {
 background: #D9C498;
 border-radius: 10px;
 display: grid;
 place-content: center;
 text-align: center;
 margin-bottom: 80px;
 padding: 16px 0;
 position: relative;
}

#plus_flow .flow-item:last-child {
 margin-bottom: 0px;
}

#plus_flow .flow-item::after {
 content: "";
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: -60px;
 width: 150px;
 height: 30px;
 background: #1E3D7E;
 clip-path: polygon(0 0, 100% 0, 50% 100%);
}

#plus_flow .flow-item:last-child::after {
 display: none;
}

#plus_flow .flow-item .title {
 font-size: 1.4em;
 font-weight: bold;
 margin-bottom: 7px;
}

#plus_flow .underline {
 text-decoration: underline;
}

#plus_flow .caption {
 text-align: center;
 margin: 20px 0 60px;
}

@media screen and (max-width: 767px) {
 #plus_flow .flow-list {
  margin: 30px auto 0;
  max-width: 1000px;
 }

 #plus_flow .flow-item {
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 10px 10px;
  line-height: 1.4;
 }

 #plus_flow .flow-item::after {
  bottom: -30px;
  width: 90px;
  height: 18px;
 }

 #plus_flow .flow-item .title {
  font-size: 1.2em;
  margin-bottom: 5px;
 }

 #plus_flow .flow-item .txt {
  text-align: left;
 }
}

/* 落札手数料
 ----------------------- */
#plus_fee .table-title {
 font-weight: bold;
 font-size: 1.2em;
}

#plus_fee .fee_tablearea {
 margin: 30px 0;
}

#plus_fee table.fee-table {
 width: 100%;
 text-align: center;
 margin: 10px 0;
}

#plus_fee table.fee-table th {
 text-align: center;
 border: none;
 background: #C4D3F2;
 border: 1px solid #fff;
 padding: 10px 0;
 color: #00429D;
 font-weight: bold;
 vertical-align: middle;
}

#plus_fee table.fee-table td {
 text-align: center;
 border-bottom: 2px solid #C4D3F2;
 border-left: none;
 border-right: none;
 border-top: none;
 padding: 7px;
 vertical-align: middle;
}

#plus_fee .caption {
 color: #00429D;
 text-indent: -1em;
 padding-left: 1em;
}

@media screen and (max-width: 767px) {
 #plus_fee .fee_tablearea {
  margin: 10px 0 20px;
 }

 #plus_fee table.fee-table {
  font-size: 14px;
 }

 #plus_fee .caption {
  line-height: 1.4;
  margin: 10px 0;
  font-size: 13px;
 }

}

/* 重要事項
 ----------------------- */

#plus_important .important-list {
 margin: 30px 0;
}

#plus_important .important-item {
 margin-bottom: 10px;
}

#plus_important .important-btnarea {
 margin: 40px 0;
}

@media screen and (max-width: 767px) {
 #plus_important .important-list {
  margin: 20px 0;
 }

 #plus_important .important-item {
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
 }
}

/* お問い合わせ
 ----------------------- */
#plus_contact .contact-area {
 max-width: 960px;
 margin: 30px auto;
}

#plus_contact .txt {
 margin-bottom: 10px;
}

#plus_contact .company {
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 20px;
}

#plus_contact .data {
 font-size: 18px;
 margin-bottom: 10px;
}

#plus_contact .data i {
 font-size: 24px;
 color: #0466b2;
 padding-right: 10px;
 width: 30px;
 text-align: center;
}

#plus_contact .contact-line a {
 display: flex;
 align-items: center;
}

#plus_contact .contact-line img {
 width: 40px;
 height: 40px;
}

#plus_contact .contact-line span.add {
 background: #4cc764;
 color: #fff;
 font-size: 16px;
 display: grid;
 place-content: center;
 width: 150px;
 height: 30px;
 border-radius: 50px;
 margin-left: 5px;
}

@media screen and (max-width: 767px) {
 #plus_contact .company {
  font-size: 18px;
  margin-bottom: 10px;
 }

 #plus_contact .data {
  font-size: 16px;
 }
}

/** *******************************************************************
  *AI-NETサポート LINE公式アカウント
  */
#ainet_line .sp-block {
 display: none;
}

#ainet_line .ainet_contents {
 position: relative;
 color: #403C3B;
}

#ainet_line .line_contents {
 margin: 40px auto;
 max-width: 1090px;
 width: 100%;
 box-sizing: border-box;
}

#ainet_line .line_desc {
 padding: 40px;
}

#ainet_line .line_desc--01 {
 padding: 10px 40px;
}

#ainet_line .line_contents {
 border-width: 5px;
 border-style: solid;
}

#ainet_line .line_contents--green {
 border-color: #4CC764;
}

#ainet_line .line_contents--orange {
 border-color: #F8B747;
}

#ainet_line .line_contents--blue {
 border-color: #71C7D1;
}

#ainet_line .line_contents--red {
 border-color: #EE8595;
}

#ainet_line .line_contents--yellow {
 border-color: #FFDB3F;
}

#ainet_line h3.line_title {
 font-size: 24px;
 width: 260px;
 height: 70px;
 filter: drop-shadow(3px 3px 3px rgba(77, 100, 138, 0.2));
 background: #fff;
 text-align: left;
 font-weight: normal;
 padding: 0 0 0 20px;
 line-height: 70px;
 border-bottom: none;
 margin-bottom: 20px;
 margin-left: -70px;
 margin-top: 20px;
 line-height: 70px;
}

#ainet_line p.line_big-title {
 font-size: 36px;
 font-weight: bold;
 line-height: 1.4;
}

#ainet_line h3.line_title--orange {
 border-left: 20px solid #F8B747;
}

#ainet_line h3.line_title--blue {
 border-left: 20px solid #71C7D1;
}

#ainet_line h3.line_title--red {
 border-left: 20px solid #EE8595;
}

#ainet_line h3.line_title--yellow {
 border-left: 20px solid #FFDB3F;
}

#ainet_line p.line_txt {
 font-size: 16px;
 margin-top: 20px;
 line-height: 1.8;
}

#ainet_line p.line_txt--nomg {
 margin-top: 0;
}

#ainet_line p.line_txt--center {
 text-align: center;
 font-weight: bold;
}

#ainet_line p.line_caption {
 text-indent: -1em;
 padding-left: 1em;
 margin: 30px 0;
}

#ainet_line .line-sub-title {
 font-size: 24px;
 font-weight: bold;
}

#ainet_line .line-sub-title--mg {
 margin: 30px 0 20px;
}

#ainet_line .line_btn {
 width: 520px;
 height: 100px;
 margin: 20px auto;
}

#ainet_line .line_btn--last {
 margin: 60px auto 0px auto;
}

#ainet_line .line_btn-link {
 display: block;
 width: 100%;
 height: 100%;
 background: #4CC764;
 color: #fff;
 border-radius: 10px;
 display: grid;
 place-content: center;
 filter: drop-shadow(5px 5px 5px #8EB293);
 transition: .3s;
}

#ainet_line .line_btn-link:hover {
 transition: .3s;
 filter: drop-shadow(0px 0px 0px #8EB293);
}

#ainet_line .line_btn-link .inner {
 display: flex;
 align-items: center;
 column-gap: 10px;
}

#ainet_line .line_btn-link img {
 width: 80px;
}

#ainet_line .line_btn-link .txt {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}

@media screen and (max-width: 1280px) {
 #ainet_line h3.line_title {
  margin-left: -30px;
 }

}

@media screen and (max-width: 767px) {
 #ainet_line .sp-block {
  display: block;
 }

 #ainet_line .line_contents {
  margin: 60px auto;
 }

 #ainet_line .line_desc {
  padding: 5%;
 }

 #ainet_line .line_desc--01 {
  padding: 10px 5%;
 }

 #ainet_line .line_contents {
  border-width: 3px;
  border-style: solid;
 }

 #ainet_line h3.line_title {
  font-size: 18px;
  width: 210px;
  height: 60px;
  line-height: 60px;
  margin-left: 10px;
  margin-top: -20px;
 }

 #ainet_line p.line_big-title {
  font-size: 18px;
 }

 #ainet_line p.line_txt {
  font-size: 14px;
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
  text-wrap: pretty;
 }

 #ainet_line .line-sub-title {
  font-size: 18px;
 }

 #ainet_line .line_btn {
  width: 95%;
  height: 70px;
  margin: 20px auto;
 }

 #ainet_line .line_btn-link {
  filter: drop-shadow(3px 3px 3px #8EB293);
 }

 #ainet_line .line_btn-link img {
  width: 46px;
 }

 #ainet_line .line_btn-link .txt {
  font-size: 16px;
  line-height: 1.3;
 }
}

/* LINE公式アカウントはじめました
 ----------------------- */

#ainet_line .line_top {
 background: #4CC764;
 width: 100%;
 height: 295px;
 text-align: center;
 position: relative;
 font-weight: bold;
}

#ainet_line .line_top .top-support {
 background: #F2F567;
 color: #4CC764;
 font-size: 28px;
 padding: 0 60px;
 border-radius: 0 0 10px 10px;
 display: inline-block;
 height: 46px;
 line-height: 46px;
}

#ainet_line .line_top .top-title {
 font-size: 40px;
 color: #fff;
 filter: drop-shadow(4px 4px 0px #39AA4B);
 margin: 40px 0 30px;
}

#ainet_line .line_top .top-txt {
 margin-bottom: 10px;
}

#ainet_line .line_top .top-txt span.inner {
 font-size: 22px;
 background: #fff;
 color: #4CC764;
 display: inline-block;
 padding: 5px 20px 3px;
 border-radius: 50px;
}

#ainet_line .line_top .top-bottom {
 background: #F2F567;
 position: absolute;
 width: 100%;
 left: 0;
 bottom: 0;
 font-size: 28px;
 display: grid;
 place-content: center;
 height: 58px;
 font-weight: normal;
}

#ainet_line .line_top .top-qr {
 position: absolute;
 bottom: 20px;
 left: 30px;
}

#ainet_line .line_top .top-pic {
 position: absolute;
 bottom: 20px;
 right: 20px;
}

@media screen and (max-width: 1280px) {
 #ainet_line .ainet_contents {
  padding: 0 3%;
 }
}

@media screen and (max-width: 1190px) {
 #ainet_line .line_top .top-qr {
  width: 170px;
 }

 #ainet_line .line_top .top-pic {
  width: 260px;
 }
}

@media screen and (max-width: 767px) {
 #ainet_line .line_top {
  height: 240px;
 }

 #ainet_line .line_top .top-support {
  font-size: 14px;
  padding: 0 20px;
  height: 22px;
  line-height: 22px;
 }

 #ainet_line .line_top .top-title {
  font-size: 22px;
  color: #fff;
  filter: drop-shadow(3px 3px 0px #39AA4B);
  margin: 10px 0px;
 }

 #ainet_line .line_top .top-txt {
  text-align: left;
  margin-left: 10px;
 }

 #ainet_line .line_top .top-txt span.inner {
  font-size: 14px;
  padding: 0px 20px 0px;
 }

 #ainet_line .line_top .top-qr {
  display: none;
 }

 #ainet_line .line_top .top-pic {
  position: absolute;
  bottom: 40px;
  right: 7px;
  width: 104px;
  height: 74px;
 }

 #ainet_line .line_top .top-bottom {
  font-size: 16px;
  height: 50px;
 }
}

/* メニュー
 ----------------------- */

.line_menu {
 position: fixed;
 bottom: 80px;
 right: 0;
 width: 190px;
 height: auto;
 background: #F2F6FB;
 z-index: 999;
 border-radius: 20px 0 0 20px;
 padding: 20px;
 box-sizing: border-box;
 filter: drop-shadow(-3px 3px 3px rgba(47, 63, 88, 0.2));
}

.line_menu-title {
 background: #8CABD9;
 color: #fff;
 border-radius: 50px;
 font-weight: bold;
 display: inline-block;
 padding: 0px 20px;
}

.line_menu-list {
 margin: 10px 0;
}

.line_menu-item {
 margin-bottom: 5px;
}

.line_menu-item:last-child {
 margin-bottom: 0px;
}

.line_menu-link {
 padding: 3px 10px;
 background: #fff;
 border-left-width: 10px;
 border-left-style: solid;
 display: block;
 filter: drop-shadow(2px 2px 2px rgba(140, 171, 217, 0.2));
 transition: .3s;
 font-size: 14px;
}

.line_menu-link:hover {
 transition: .3s;
 opacity: 1;
 background: #FCFFDB;
}

.line_menu-link--01 {
 border-left-color: #4CC764;
}

.line_menu-link--02 {
 border-left-color: #F8B747;
}

.line_menu-link--03 {
 border-left-color: #71C7D1;
}

.line_menu-link--04 {
 border-left-color: #EE8595;
}

.line_menu-link--05 {
 border-left-color: #FFDB3F;
}

@media screen and (max-width: 1280px) {
 .line_menu {
  position: relative;
  bottom: auto;
  right: auto;
  width: 50%;
  margin: 30px auto 0;
  border-radius: 0 0 0 0;
  padding: 20px 0 10px;
  filter: none;
  z-index: 1;
  background: #fff;
 }

 .line_menu-title {
  font-size: 18px;
  padding: 5px 40px;
  width: 140px;
  display: block;
  margin: 0 auto;
  text-align: center;
 }

 .line_menu-list {
  margin: 20px auto;
  width: 600px;
 }

 .line_menu-item {
  margin-bottom: 14px;
 }

 .line_menu-link {
  padding: 10px 30px;
  background: #F2F6FB;
  border-left-width: 20px;
  border-left-style: solid;
  display: block;
  filter: drop-shadow(2px 2px 2px rgba(140, 171, 217, 0.2));
  transition: .3s;
  font-size: 18px;
 }
}

@media screen and (max-width: 767px) {
 .line_menu {
  width: 100%;
  margin: 30px auto;
  padding: 0;
  filter: none;
  z-index: 1;
  background: #fff;
 }

 .line_menu-list {
  margin: 20px auto;
  width: 90%;
 }

 .line_menu-link {
  padding: 7px 20px;
  background: #F2F6FB;
  border-left-width: 16px;
  border-left-style: solid;
  display: block;
  filter: drop-shadow(2px 2px 2px rgba(140, 171, 217, 0.2));
  transition: .3s;
  font-size: 16px;
 }
}

/* LINE登録のメリット
 ----------------------- */
#line_merit {
 position: relative;
}

#line_merit::after {
 position: absolute;
 content: "";
 background: url(../image/line_merit-bg.jpg) no-repeat center center/contain;
 width: 255px;
 height: 283px;
 bottom: 0;
 right: 20px;
}

@media screen and (max-width: 767px) {
 #line_merit {
  padding-bottom: 150px;
 }

 #line_merit::after {
  width: 144px;
  height: 160px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
 }
}

/* LINE登録の流れ
 ----------------------- */
#line_flow {
 position: relative;
}

#line_flow::after {
 position: absolute;
 content: "";
 background: url(../image/line_flow-bg.jpg) no-repeat center center/contain;
 width: 237px;
 height: 174px;
 bottom: 0;
 left: 20px;
}

#line_flow ul.flow-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
}

#line_flow li.flow-item {
 background: #FCFFDB;
 padding: 20px;
 display: grid;
 grid-template-rows: subgrid;
 grid-row: span 3;
}

#line_flow li.flow-item--02 {
 background: #FFF3DB;
}

#line_flow .flow-contents {
 display: grid;
 place-content: center;
}

#line_flow .flow-qr-wrapper {
 display: flex;
 column-gap: 10px;
}

#line_flow .flow-qr-item {
 display: grid;
 place-content: center;
}

#line_flow .flow-txt {
 line-height: 1.6;
 font-size: 16px;
 margin-top: 10px;
}

#line_flow .flow-pic02 {
 max-width: 276px;
}

@media screen and (max-width: 767px) {
 #line_flow {
  padding-bottom: 130px;
 }

 #line_flow::after {
  width: 210px;
  height: 144px;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
 }

 #line_flow ul.flow-list {
  grid-template-columns: 90%;
  display: grid;
  place-content: center;
 }

 #line_flow li.flow-item {
  display: grid;
 }

 #line_flow .flow-contents {
  display: grid;
  place-content: center;
  margin-top: 5px;
 }

 #line_flow .flow-contents .flow-pic02 {
  width: 200px;
 }
}

/* LINE活用方法
 ----------------------- */

#line_guide ul.guide-list01 {
 margin-left: 20px;
}

#line_guide li.guide-item01 {
 font-size: 16px;
 margin-bottom: 20px;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}

#line_guide .guide-block {
 margin-bottom: 40px;
}

#line_guide .guide-block::before {
 position: absolute;
 content: "";
 width: 90%;
 height: 20px;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 background-size: 12px 4px;
 background-image: linear-gradient(to right, #71C7D1 6px, transparent 6px);
 background-repeat: repeat-x;
 background-position: left bottom;
 padding-bottom: 5px;
}

#line_guide .guide-block--03::before {
 display: none;
}

#line_guide .guide-block--01 {
 position: relative;
 padding-bottom: 200px;
}

#line_guide .guide-pic01 {
 position: absolute;
 right: 40px;
 bottom: 60px;
 width: 616px;
 height: 578px;
}

#line_guide .guide-block--02 {
 position: relative;
 padding: 20px 0 450px 0;
}

#line_guide .guide-block--02::after {
 position: absolute;
 content: "";
 background: url(../image/line_guide-bg01.jpg) no-repeat center center/contain;
 width: 272px;
 height: 274px;
 bottom: 60px;
 left: 30px;
 z-index: -1;
}

#line_guide .guide-pic02 {
 position: absolute;
 right: 40px;
 bottom: 60px;
 width: 698px;
 height: 514px;
}

#line_guide .guide-pic02 p.line_balloon {
 position: absolute;
 top: -145px;
 right: -10px;
 background: #FCFFDB;
 border-radius: 10px;
 width: 290px;
 height: 117px;
 padding: 20px;
 box-sizing: border-box;
 font-size: 16px;
 font-weight: bold;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 line-height: 1.6;
}

#line_guide .guide-pic02 p.line_balloon::after {
 background: #FCFFDB;
 clip-path: polygon(0 0, 100% 0, 100% 100%);
 width: 22px;
 height: 18px;
 position: absolute;
 content: "";
 bottom: -18px;
 right: 20px;
}

#line_guide .line_wrapper {
 position: relative;
 padding: 0 0 100px 0;
}

#line_guide .guide-pic03 {
 position: absolute;
 right: 40px;
 bottom: 0;
}

#line_guide .guide-bottom {
 padding: 40px 40px 0;
 position: relative;
}

#line_guide .guide-bottom::after {
 position: absolute;
 content: "";
 background: url(../image/line_guide-bg02.jpg) no-repeat center center/contain;
 width: 213px;
 height: 241px;
 bottom: 0;
 right: 20px;
 z-index: -1;
}

#line_guide ul.guide-list03 {
 display: flex;
 column-gap: 65px;
 margin-top: 10px;
}

#line_guide li.guide-item03 {
 position: relative;
}

#line_guide li.guide-item03::after {
 position: absolute;
 content: "";
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 background: #403C3B;
 width: 15px;
 height: 30px;
 top: 50%;
 right: -40px;
 transform: translateY(-50%);
}

#line_guide li.guide-item03:last-child:after {
 display: none;
}

@media screen and (max-width: 1150px) {
 #line_guide .guide-bottom::after {
  right: 0;
 }
}

@media screen and (max-width: 767px) {
 #line_guide .guide-block {
  margin-bottom: 30px;
 }

 #line_guide .guide-block--01 {
  position: relative;
  padding-bottom: 60px;
 }

 #line_guide .guide-pic01 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  bottom: 0;
  width: 85%;
  max-width: 300px;
  height: auto;
  margin: 30px 0 0 0;
 }

 #line_guide .guide-block--02 {
  position: relative;
  padding: 0px 0 170px 0;
 }

 #line_guide .guide-block--02::after {
  width: 203px;
  height: 204px;
  bottom: 10px;
  left: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
 }

 #line_guide .guide-pic02 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  bottom: 0;
  width: 85%;
  height: auto;
  max-width: 300px;
 }

 #line_guide .guide-pic02 p.line_balloon {
  position: relative;
  top: 0;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  margin: 20px 0 30px;
 }

 #line_guide .guide-pic03 {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  text-align: center;
 }

 #line_guide .guide-block--03 {
  position: relative;
  padding-bottom: 0px;
  margin-bottom: 10px;
 }

 #line_guide .line_wrapper {
  position: relative;
  padding: 0 0 30px 0;
 }

 #line_guide ul.guide-list03 {
  display: flex;
  flex-direction: column;
  column-gap: 0;
  row-gap: 40px;
  align-items: center;
 }

 #line_guide li.guide-item03::after {
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background: #403C3B;
  width: 30px;
  height: 15px;
  right: auto;
  transform: translateY(-50%);
  top: auto;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
 }

 #line_guide .guide-bottom {
  padding: 60px 20px 220px;
  position: relative;
 }

 #line_guide .guide-bottom::after {
  position: absolute;
  content: "";
  background: url(../_image/ainet/line_guide-bg02.jpg) no-repeat center center/contain;
  width: 162px;
  height: 184px;
  bottom: 0px;
  right: auto;
  z-index: 0;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
 }
}

/* お得な情報
 ----------------------- */
#line_info {
 position: relative;
 padding-bottom: 140px;
}

#line_info::after {
 position: absolute;
 content: "";
 background: url(../image/line_info-bg.jpg) no-repeat center center/contain;
 width: 200px;
 height: 230px;
 bottom: 40px;
 right: 320px;
 z-index: -1;
}

#line_info .info-pic {
 position: absolute;
 right: 40px;
 bottom: 40px;
}

#line_info p.line_balloon {
 position: absolute;
 top: -145px;
 right: -10px;
 background: #FCFFDB;
 border-radius: 10px;
 width: 290px;
 height: 117px;
 padding: 20px;
 box-sizing: border-box;
 font-size: 16px;
 font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 line-height: 1.6;
}

#line_info p.line_balloon::after {
 background: #FCFFDB;
 clip-path: polygon(0 0, 100% 0, 100% 100%);
 width: 22px;
 height: 18px;
 position: absolute;
 content: "";
 bottom: -18px;
 right: 20px;
}

@media screen and (max-width: 767px) {
 #line_info {
  position: relative;
  padding-bottom: 280px;
 }

 #line_info::after {
  position: absolute;
  content: "";
  background: url(../_image/ainet/line_info-bg.jpg) no-repeat center center/contain;
  width: 200px;
  height: 230px;
  bottom: 10px;
  right: auto;
  z-index: -1;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
 }

 #line_info .info-pic {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  bottom: auto;
  text-align: center;
  margin-top: 10px;
 }

 #line_info p.line_balloon {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  margin-bottom: 30px;
  text-align: left;
 }
}

/* 注意事項
 ----------------------- */
#line_cautions {
 position: relative;
}

#line_cautions::after {
 position: absolute;
 content: "";
 background: url(../image/line_cautions-bg.jpg) no-repeat center center/contain;
 width: 174px;
 height: 313px;
 bottom: 40px;
 right: 40px;
 z-index: -1;
}

#line_cautions .cautions-contact {
 background-color: #FCFFDB;
 border-radius: 10px;
 display: inline-block;
 margin: 30px 0 0;
 font-size: 16px;
 font-weight: bold;
 padding: 10px 40px;
 line-height: 1.8;
}

#line_cautions .cautions-contact dl {
 display: flex;
}

#line_cautions .cautions-contact dt {
 width: 70px;
}

#line_cautions .cautions-contact dd {
 width: calc(100% - 70px)
}

@media screen and (max-width: 767px) {
 #line_cautions {
  padding-bottom: 200px;
 }

 #line_cautions::after {
  position: absolute;
  content: "";
  background: url(../_image/ainet/line_cautions-bg.jpg) no-repeat top center/auto;
  width: 140px;
  height: 210px;
  bottom: 10px;
  right: auto;
  z-index: -1;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
 }

 #line_cautions .cautions-contact {
  padding: 10px 24px;
 }
}


.top_border{
	border-bottom: 5px solid #002f81;
}

#faq ul.list2 li a{
	padding: 10px 25px;
}

#ainet_fee-info table.ainetfee_table02--border td,
#ainet_fee-info table.ainetfee_table03--border td {
  border-right: 1px solid #edeff3;
  border-left: 1px solid #edeff3;
}




/*

調整用
.help_top,
.faq_top{
	font-size: 2.5em !important;
	font-weight: bold !important;
}



#help_contents .footer_title,
#faq .subTitle{
 font-size: 1.3em;
 background: transparent;
 text-align: left;
 color: #000;
 font-weight: bold;
 padding: 5px 0 5px 10px;
 line-height: 1.25em;
 border-bottom: 2px solid #00478d;
 border-left: 10px solid #00478d;
 margin-bottom: 20px;
}

#help_contents .footer_strong{
	font-weight:bold;
}

#help_contents .footer_line{
	line-height: 1.6em;
}



.line_nowrap{
	white-space: nowrap;
}

.font_hiragino div,
.font_hiragino p,
.font_hiragino a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

 */