@charset "UTF-8";
main a{
	text-decoration: underline;
}
main a:hover ,main .op:hover{
	opacity:1;
}
main a:hover{color: #c31731 !important;}
.sub_heading01{
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0;
	font-weight:bold;
	line-height: 1.5;
	font-family:FrutigerNeueLTW10-Regul,FrutigerNeueW01-Regular,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
}
.txt-shadow01{
	text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.dis_block{
	display: block;
}
.csr_links{
	display: flex;
	justify-content: center;
	flex-wrap: wrap; 
}
.csr_links a:hover{
	color: #c31731 !important;
}
.indexDl01.tl.evaluation_block{
	flex-wrap: wrap; 
}
.indexDl01 dd.half_box{
	width: 240px;
}
.deta_list li{
	border-top: solid 5px #666666;
	position: relative;
	padding-top: 5px;
	font-size: 15px;
}
.deta_list li:after {
	position: absolute;
	content: " ";
	display: block;
	border-top: solid 5px #c31731;
	top: -5px;
	width: 50%;
}
.linkBox01 a:hover .img:before {
	opacity: 1; 
}
.linkBox01 .img:before,.linkBox01 .img2:before{
	background: none;
}
.indexSec04 a:hover ,.indexSec05 a:hover ,.mainVisual a:hover{
	opacity: 1; 
}
.mainVisual .slider__list a{
  position: relative;
  display: block;
}
.mainVisual .slider__list a:focus::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
}
.mainVisual a
.indexSec01 .box a:hover{opacity:1}
.indexSec04 a:hover p,.indexSec05 a:hover p{
	color: #c31731;
}
.linkBox01 a:hover .img:before{opacity: 1}
.linkBox01 a:hover .img2:before{opacity: 1}
.linkBox01 .img.none:before{
  opacity: 1;
}
.linkBox01 a:hover .img.none:before{opacity: 1}
.indexSec01 .box a:hover{opacity: 1}

.link_component:after {
	content: url(/content/dam/nttcom/cmn/img/icon_right_arrow.png);
	margin-left: 10px;
}
.wh14{
	width: 14px;
	height: 14px;
}
.sub_backTo-top{
	text-align: center;
}
.goPageTop{
	color: rgb(46,52,112);
}
.indexSec08 .tabLink a {
	padding-bottom: 0;
	display: block;
	border-bottom: none;
	box-sizing: border-box;
}

.indexSec08 .tabLink h3{
	border-top: 5px solid transparent;
	padding-top: 17px;
	margin-top: 20px;
}
.indexSec08 .tabLink a.is_active h3{
	border-top-color: #666;
	color: #c31731;
}
a:focus { outline: solid !important; }
.bx-wrapper .bx-pager.bx-default-pager a:focus{
	outline: solid !important;
}
.linkBox01 a,.relatedLink a{
	display: block;
}
@media screen and (max-width: 767px){
	.indexDl01 dd.half_box {
		width: auto;
	}
	.deta_list li{
		border-top: solid 3px #666666;
		position: relative;
		padding-top: 3px;
		font-size: 12px;
	}
	.deta_list li:after {
		position: absolute;
		content: " ";
		display: block;
		border-top: solid 3px #c31731;
		top: -3px;
		width: 50%;
	}
	.indexSec07 .linkBox01 > .deta_list {
		margin-bottom: 20px;
	}
	.indexSec07 .indexDl02 {
		margin-top: 20px;
	}
}
@media screen and (max-width: 768px) {

}

.mainVisual .bx-controls{
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.mainVisual .bx-controls a:focus{
  outline: solid #fff!important;
}
.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  width: auto;
  padding: 0;
}
.mainVisual .bx-controls .bx-pager-item + .bx-pager-item{
  margin-left: 8px;
}
.mainVisual .bx-controls .bx-pager-link{
  display: inline-block;
  min-width: 96px;
  padding: 4px 10px;
  background: #666;
  color: #fff!important;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mainVisual .bx-controls .bx-pager-link:hover,
.mainVisual .bx-controls .bx-pager-link:focus,
.mainVisual .bx-controls .bx-pager-link.active{
  background: #d00f31;
}

.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  width: auto;
  margin-left: 16px;
}
.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto-item + .bx-controls-auto-item{
  margin-left: 4px;
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-start,
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop{
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0;
  background: #666;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-start:hover,
.mainVisual .bx-wrapper .bx-controls-auto .bx-start:focus,
.mainVisual .bx-wrapper .bx-controls-auto .bx-start.active,
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop:hover,
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop:focus,
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop.active{
  background: #d00f31;
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-start::before{
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 0.3em solid transparent;
  border-left: 0.5em solid #fff;
  box-sizing: border-box;
  content: "";
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop::before,
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop::after{
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.1em;
  height: 0.5em;
  box-sizing: border-box;
  background: #fff;
  content: "";
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop::before{
  left: 40%;
}
.mainVisual .bx-wrapper .bx-controls-auto .bx-stop::after{
  left: 60%;
}

@media screen and (max-width: 768px) {
  .mainVisual .bx-controls{
    bottom: 23px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    margin: 10px 0 0;
  }
}



/* splideスライダー */
.mainVisual .splide__slide a{
  display: block;
}
.mainVisual .splide__slide a:focus::before{
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 5px solid #000;
}
.mainVisual .card-slider-accessory{
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.mainVisual .card-slider-accessory .slider-control{
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  width: auto;
  padding: 0;
}
/* ページネーション */
.mainVisual .card-slider-accessory .thumbnails{
  display: flex;
}
.mainVisual .card-slider-accessory .thumbnails li + li{
  margin-left: 8px;
}
.mainVisual .card-slider-accessory .thumbnails .thumbnail{
  display: inline-block;
  min-width: 140px;
  padding: 4px 10px;
  background: #666;
  color: #fff!important;
  border: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.mainVisual .card-slider-accessory .thumbnails .thumbnail:hover,
.mainVisual .card-slider-accessory .thumbnails .thumbnail:focus,
.mainVisual .card-slider-accessory .thumbnails .thumbnail.is-active{
  background: #d00f31;
}
/* 再生・停止ボタン */
.mainVisual .card-slider-accessory .splide__toggle{
  background: #666;
  border: none;
  margin-left: 16px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.mainVisual .card-slider-accessory .thumbnails .thumbnail:focus,
.mainVisual .card-slider-accessory .splide__toggle:focus{
  outline: solid #fff!important;
}
.mainVisual .card-slider-accessory .splide__toggle:not(.is-active){
  background: #d00f31;
}
.mainVisual .card-slider-accessory .splide__toggle:not(.is-active) .splide__toggle__play,
.mainVisual .card-slider-accessory .splide__toggle.is-active .splide__toggle__pause{
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .mainVisual .card-slider-accessory{
    bottom: 23px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mainVisual .bx-wrapper .card-slider-accessory.bx-has-controls-auto.bx-has-pager .card-slider-accessory-auto{
    margin: 10px 0 0;
  }
  .mainVisual .card-slider-accessory .thumbnails .thumbnail{
    min-width: 76px;
    display: -webkit-box; /* safari, Chrome */
    display: -moz-box;    /* Firefox */
    display: -o-box;      /* Opera */
    display: -ms-box;     /* IE */
    display: box;
  }
  .mainVisual .card-slider-accessory .thumbnails .thumbnail span{
    display: block;
    padding-left: 0.6em;
  }
  .mainVisual .card-slider-accessory .thumbnails .thumbnail{
  -webkit-box-align: center; /* safari, Chrome */
  -moz-box-align: center;    /* Firefox */
  -o-box-align: center;      /* Opera */
  -ms-box-align: center;     /* IE */
  box-align: center;         /* ベンダープレフィックスなし */
  }
}

























.indexSec08 .box{
  border-bottom: none;
}
.indexSec08 .tabLink{
  position: relative;
}
.indexSec08 .tabBox{
  position: absolute;
  left: -2px;
  top: 256px;
  border: 2px solid #000;
  width: calc(100% + 4px);
  border-top: none;
}
.indexSec08 .tabBox .txt li{
  width: auto;
  margin: 0;
}
.indexSec08 .tabBox .txt li a{
  display: inline-block;
}
.box.is-show_body{
  padding-bottom: 102px;
}
.indexSec08 .tabBox.is_active{
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .box.is-show_body{
    padding-bottom: 147px;
  }
  .indexSec08 .tabBox{
    top: 216px;
    min-height: 147px;
  }
}
@media screen and (max-width: 480px) {
  .indexSec08 .tabLink{
    min-height: 372px;
  }
  .box.is-show_body{
    padding-bottom: 156px;
  }
  .indexSec08 .tabBox{
    top: 376px;
    min-height: 156px;
  }
}
@media screen and (max-width: 320px) {
  .indexSec08 .tabLink{
    min-height: 536px;
  }
  .box.is-show_body{
    padding-bottom: 194px;
  }
  .indexSec08 .tabBox{
    top: 540px;
    min-height: 194px;
  }
}