/*! "Noto Sans JP" licensed under the SIL Open Font License by https://fonts.google.com/specimen/Noto+Sans+JP */
@font-face {
    font-display: swap;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("/common/font/NotoSansJP-Regular.woff2") format("woff2"),url("/common/font/NotoSansJP-Regular.woff") format("woff")
}
@font-face {
    font-display: swap;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("/common/font/NotoSansJP-Bold.woff2") format("woff2"),url("/common/font/NotoSansJP-Bold.woff") format("woff")
}

.top_main-visual{
background-color: #00eadb;
}
.top_main-visual .carousel_control_wrapper {
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    display: table;
    width:  auto;
    max-width: auto;
}

.top_main-visual .carousel_control {
display: none;
}
.top_main-visual .carousel_control_wrapper {
position: absolute;
width: 50%;
bottom: 0;
text-align: center;
z-index: 199;/*同意画面が200*/
right: 0;
}

/*ボタン*/
.top_main-visual .carousel_change li {
margin:5px;
}
.top_main-visual .carousel_change [type="button"] img {
    display: none;
}
.top_main-visual .carousel_change [type="button"]{
	width: 18px;/*幅*/
	height: 18px;/*高さ*/
	border-radius: 50%;/*角丸*/
	background: radial-gradient( #000, #000);

}
@media only screen and (max-width: 42em) {
.top_main-visual .carousel_change [type="button"]{
	width: .5em;/*幅*/
	height: .5em;/*高さ*/
}
}
.top_main-visual .carousel_change [type="button"][aria-selected="true"] {
background: radial-gradient( #00ebdb, #000 ,#000);
}
.top_main-visual .carousel_panel a img{
  -webkit-transition: all .3s;
  transition:all 0.3s ease;
}
.top_main-visual .carousel_panel a img:hover{
opacity: 0.7;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
._pc { display: block !important; }
._sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 52em) {
    ._pc { display: none !important; }
    ._sp { display: block !important; }
}

/* インデックスメニュー
-----------------------------------------------*/
main .m_listpage_link._superconduct a:link,
main .m_listpage_link._superconduct a:visited {
    color: #000;
}
.m_listpage_link._superconduct .link_title {
    font-weight: 500;
}
.m_listpage_link._superconduct .link_text {
    padding: 0.675em 45px 0.675em 0;
}
.m_listpage_link._superconduct{
margin: 40px 0;
}

.m_listpage_link._superconduct {
  margin-left: -2%;
}
.m_listpage_link._superconduct li {
  margin: 0 0 15px 2%;
}
.m_listpage_link._max3._superconduct li {
    width: 48%

}
@media screen and (min-width:52em) {
  .m_listpage_link._max3._superconduct li {
    width: 31.33333%
  }
  .m_listpage_link._max3._superconduct li:nth-child(3) {
    margin-top: 0
  }
}
.m_listpage_link._superconduct .link_text::before {
    margin-top: -0.5em;
    border-top: 2px solid #B3B3B3;
    border-right: 2px solid #B3B3B3;
    height: 0.9em;
    width: 0.9em;
    position: absolute;
    top: 28px;
    right: 5px;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.m_listpage_link._superconduct li a img{
  -webkit-transition: all .3s;
  transition:all 0.3s ease;
}
.m_listpage_link._superconduct li a:hover img{
    opacity: 0.6;
}