@charset "UTF-8";
.siteLogo a{ color: #000; font-weight: bold;}
.mainWrapp{ background: url("../../img/top/meinbg.png") left top no-repeat; background-size: cover; padding: 96px 0; position: relative}
.mainWrapp:before{  content: ""; width: 259px; height: 5px; background: url("../../img/top/mainsl.svg") left top no-repeat; left: 60px; top: 100px; display: block; position: absolute;}
.mainWrapp:after{  content: ""; width: 259px; height: 5px; background: url("../../img/top/mainsl.svg") left top no-repeat; right: 60px; bottom: 45%; display: block; position: absolute;}

.main .slick-list{ width: 750px; margin: 0 auto; position: relative;}
.main:before{ content: ""; display: block; width: 18px; height: 18px; background: url("../../img/top/plus.svg") left top no-repeat; position: absolute; right: 27%; top: 6%;}
.main:after{ content: ""; display: block; width: 18px; height: 18px; background: url("../../img/top/plus.svg") left top no-repeat; position: absolute; left: 27%; bottom: 6%;}
.main .slick-slide { opacity: 0;  transition: all .4s;}
.main .slick-slide.slick-active{ opacity: 1}
.mainlogo{ position: absolute; left: 60px; top: 50%;  margin-top: -48px;}
.playbtn{display: none;}
.paused .playbtn{display: block;}
.paused .stopbtn{display: none;}
.slick-dots{ bottom: 50%; text-align: right; z-index: 100; box-sizing: border-box; padding-right: 100px;}
.meintTxt{ color: #003399; font-size: 3.6rem; position: absolute; right: 40px; bottom: 20%;} 
.slick-dots li button:before{ opacity: 1; background: #979797; border-radius: 50%; }
.slick-dots li.slick-active button:before{ opacity: 1; background: #003399; border-radius: 50%;}
.main .slick_pause{ position: absolute; right: 60px; bottom: 50%; width: 24px; height: 24px; z-index: 110;}

.slick_pause img{ position: relative; top: -12px;}

.topnews{ position: absolute; left: 25px; bottom: 35px; font-size: 1.2rem;}
.topnewsTit{ font-weight: bold; background: #003399; color: #fff; padding: 5px 15px; display: inline-block; margin-bottom: 20px;} 
.topnews dl{ display: flex;}
.topnews dd{ margin-left: 10px;}
.topnews dd a{ color: #003399; text-decoration: underline;}


.about{  background: #003399; background-size: cover;   box-sizing: border-box; padding: 20px;}

.abotin{  background: url("../../img/top/bg_about.png") left top no-repeat; background-size: cover;  box-sizing: border-box; padding: 105px 0 190px;}

.innerW{ max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.secTit{ margin-bottom: 20px;}
.secH{ font-size: 5.7rem;}
.secTit p{ font-size: 24px;}
.secH:after{ content: ""; display: block; width: 70px; height: 4px; background:#003399; margin-top: 20px; margin-bottom: 20px; }
.about .secH{ color: #003399;}
.sebtits{ margin-bottom: 45px;}
.sebtits dt{ color: #003399; font-size: 3.6rem; margin-bottom: 20px; line-height: 1.6; font-weight: bold;}

.aboutCon{ display: flex; column-gap: 154px;}
.aboutImg{ padding-top: 126px;}

.topicks{ background: #003399; padding: 92px 0 115px; color: #fff; padding-left: 100px; box-sizing: border-box;}
.topicson{ position: relative;}
.topIn{ padding:0 10px; box-sizing: border-box;}
.topIn a{ color: #fff;}
.topicksList {
    width: calc(100% - 340px);
    position: relative;
    margin-left: auto;
}
.topicsxt{ position: absolute;}

.slick-prev, .slick-next{ background: url( "../../img/top/btn.svg") left top no-repeat; width: 58px; height: 58px; top: 40%; z-index: 200;}
.slick-prev{ left: -10px;}
.slick-next{transform: scale(-1, 1);}

.tplistTxt{ padding-top: 20px; font-size: 2.0rem; padding-bottom: 10px; border-bottom: 1px solid #fff;}

/*bussines*/
.bussines{ padding: 105px 0; position: relative; overflow: hidden; width: 100%;}
.bussines:before{ content: ""; width: 923px; height: 671px; background: url("../../img/top/mark.svg") left top no-repeat; position: absolute; right: -50px; top: 0;}
.bussines:after{ content: ""; width: 923px; height: 671px; background: url("../../img/top/mark.svg") left top no-repeat; position: absolute; left: -260px; bottom: 0;}
.bussinesTit{ display: flex; justify-content: space-between;}
.bussinesson{ position: relative; z-index: 10;}
.bussinesTit p{ width: 63.4%; padding-top: 40px;}
.bussinesList{ display: flex; column-gap: 30px;}
.bussinesList li{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); border-radius: 10px;}
.bussines0listin{ position: relative;}
.bussineslistinTxt{ position: absolute; bottom: 0; padding: 20px; box-sizing: border-box; width: 100%;}
.bussineslistinTxt dl{ padding-right: 60px; position: relative;}
.bussineslistinTxt dl:after{ content:""; background: url( "../../img/top/arbtn.svg") left top no-repeat; width: 40px; height: 40px; position: absolute; right: 0; bottom: 0;}
.bussineslistinTxt dl{ width: 100%;}
.bussineslistinTxt dt{ font-size: 1.6rem;}
.bussineslistinTxt dd{ font-size: 2.4rem;}
.bussines0listin a{ color: #fff;}
 
.bsnsBtn{ text-align-last: center; margin-top: 74px;}
.centerTit{ text-align: center}
.centerTit .secH:after{ margin: 20px auto;}

.tabs {
  max-width: 100%;
 
}

.tab-list {
  display: flex;
	column-gap: 10px;
}

.tab-item {
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  border: solid 1px #003399;
	width: 33.3%;
	text-align: center;
	 padding: 10px;
	box-sizing: border-box;
 
  cursor: pointer;
}

.tab-content {
  background-color: #EDF3FF;
	border: 10px solid #003399;
}

.tab-panel {
  display: none;
}

.tab-item.active {
  background-color: #003399;
  color: #fff;
  font-weight: bold;
}

.tab-panel.active {
  display: block;
  padding: 20px;
	
}
.tab-panel.active h2 {
  font-size: 20px;
  font-weight: bold;
}

.accordion_inner{ display: none;}
.accordion_inner.on{ display: block;}

.pdkist{ background: #fff;}
.pdListTit{ background: #003399; color: #fff; font-size: 1.8rem; padding: 10px 20px; box-sizing: border-box; position: relative;}
.pdListTit:before{ content: ""; display: block; width: 20px; height: 12px; background: url("../../img/tbarw.svg") left top no-repeat; position: absolute; right: 40px; top: 50%; margin-top: -6px;}

.pdkistwp{ margin-bottom: 10px; background: #fff;}
.pdList{ padding: 40px; box-sizing: border-box;}

.pdList li{ border-bottom: 1px solid #D9D9D9; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.pdList li a:after{ content: ""; width: 24px; height: 24px; background: url("../../img/top/pdcarw.svg") left top no-repeat; position: absolute; top: 50%; right: 0; margin-top: -12px;}

.pdList li dl{ display: flex; justify-content: flex-start; align-items: center; column-gap: 27px;}
.pdList li dt{ width: 108px;}
 .pdList{ display: none; }
.on .pdList{ display: block;}

.on .pdListTit:before{ transform: scale(1, -1);}

.pdserch{background: #F9F9F9; padding: 78px 0 110px;}
.tabs{ padding-top: 60px;}


/*news*/
.news{ padding: 75px 0 110px;}
.newsList{ margin-top: 50px;}
.newsdate{ font-weight: 600; border-right: 1px solid #D9D9D9; box-sizing: border-box; width: 140px; min-width: 140px;}
.newsdate dt{ font-size:1.6rem;}
.newsdate dd{ font-size:2.8rem;}

.newsCtg span{ background: #F7F7F7; color: #003399; border-radius: 18px; font-size: 1.4rem; padding: 5px 20px; display: inline-block; text-align: center; display: inline-block; flex-shrink: 0; }
.newsListTit h3{ font-weight: 400;}
.newsList{border-top: 1px solid  #D9D9D9; margin-bottom: 64px;}
.newsList li a{ display: flex; align-items: center; align-content: center; justyify-content:flex-start; padding: 30px 0; border-bottom: 1px solid  #D9D9D9; width: 100%;  position: relative;}
.newsListTit{  display: flex; align-items: center; align-content: center; box-sizing: border-box; padding-left: 36px; justyify-content:flex-start; width: 100%;}
.newsListTit .newsCtg{ width: 156px; display: grid;
  place-items: center;}

.newsListTit h3{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; padding-left: 36px; box-sizing: border-box; width: calc(100% - 180px);
padding-right: 50px; line-height: 1.5;}
.rinkBtns{  width: 5%; box-sizing: border-box; position: absolute; right: 0; top: 50%; margin-top: -12px; }

.newsList li a dl{ color: #000; text-decoration: none;}
.newsList li a h3{ color: #000; }


.toptoreimg{ height: 625px; width: 100%; position: relative; overflow: hidden;}
.toptoreimg img{ object-fit: cover; object-position: center bottom; position: absolute; width:  100%; height: 100%;}

.contact{ background: #003399; color: #fff; padding: 100px 0;}
.topicks .secH:after{ background: #fff;}
.contact .secH:after{ background: #fff;}

.contctCon{ display: flex;}
.contctCon .secTit{ width: 36%;}
.el_btn{ line-height: 56px; color: #003399; border: 1px solid #003399 ;}
.contcts p{ padding-top: 40px; margin-bottom: 45px;}
/*.contcts .el_btn{ color: #fff; border: 1px solid #fff;}
.topicks .el_btn{ color: #fff; border: 1px solid #fff;}*/
.el_btn.btnwt{ color: #fff; border: 1px solid #fff;}
.el_btn:hover, .el_btn:focus{ background: #003399;}
.el_btn.btnwt:hover, .el_btn.btnwt:focus{ background: #fff; color: #003399}

@media screen and (max-width:980px) {
	
	.main .slick-list{ width: 100%; padding: 0 20px;}
	.mainWrapp{ padding: 74px 10px 50px;}
	.meintTxt {
    font-size: 2.0rem;
    position: relative;
    right: auto;
    bottom: auto;
		text-align: center;
}
	.mainlogo {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0;
    width: 178px;
    margin: 0 auto;
		padding-top: 50px;
		margin-bottom: 35px;
}
	
	.mainWrapp:before {
    content: "";
    width: 124px;
    height: 3px;
    background: url(../../img/top/mainsl.svg) left top no-repeat;
    left: 9px;
    top: 35px;
    display: block;
    position: absolute;
    background-size: contain;
}
	
	
	.mainWrapp:after {
    content: "";
    width: 124px;
    height: 3px;
    background: url(../../img/top/mainsl.svg) left top no-repeat;
    right: 10px;
    bottom: auto;
		top: 375px;
    display: block;
    position: absolute;
}
	
	.main:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../img/top/plus.svg) left top no-repeat;
    position: absolute;
    right: 30px;
    top: 30px;
}
	
	.main:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../img/top/plus.svg) left top no-repeat;
    position: absolute;
    left: 10px;
    bottom: auto;
}
	
	.slick-dots {
    bottom: -290px;
    text-align: right;
    z-index: 100;
    box-sizing: border-box;
    padding-right: 40px;
}
	
	.slick-dots {
    bottom: -290px;
    text-align: right;
    z-index: 100;
    box-sizing: border-box;
    padding-right: 40px;
}
	
	.main .slick_pause {
    position: absolute;
    right: 10px;
    bottom: 127px;
    width: 24px;
    height: 24px;
    z-index: 110;
}

    .topnews {
        position: relative;
        left: auto;
        bottom: auto;
        font-size: 1.2rem;
        margin-top: 80px;
    }
	.topnewsTit{ margin-bottom: 10px;}
	
	

	/*aout*/
	
	.aboutCon {
    display: block;
    column-gap: 0;
}
	
	.secH{ font-size: 3.6rem;}
	.abotin{ padding: 50px 0}
	.el_btn.-wide {
        min-width: auto;
        width: 100%;
    }
	.aboutImg {
    padding-top: 30px;
}
	
	
	.topicks {
    padding: 0;
 
}
	.topicksCon{ padding: 50px 40px;}
	.topicsxt {
    position: relative;
}
	
	.topicksList {
    width: 100%;
    position: relative;
    margin-left: auto;
}
	.topIn{ padding: 0;}
	.topicks .el_btn{ width: 100%;}
	.slick-prev, .slick-next{ width: 24px; height: 24px; background-size: contain; top: 30%;}
	.slick-next{ right: -10px;}
	
	.topicksList{ margin-top: 50px;}
	
	.bussinesList{ display: block; margin-top: 40px;}
	
	
	.bussinesTit{ display: block;}
	.bussinesTit p {
		width: 100%;}
	.bussinesList li{ margin-bottom: 25px;}
	
	.bussines:before,.bussines:after{ display: none;}
	
	
	
	

	.newsList{ margin-bottom: 40px;}
	.newsList li a {
		display: block;}
	.newsdate dd {
    font-size: 2.0rem;
}
	.newsdate dl{ display: flex; 
        align-items: center;}
	.newsdate dt{ margin-right: 20px;}
	.newsListTit {
    display: block;
    padding-left: 0;
}
	.newsList li{ position: relative;}
	.newsListTit .newsCtg {
    width: auto;
    display: block;
    place-items: center;
    position: absolute;
    left: 0;
    top: 61px;
}
	.newsListTit h3 {
    width:100% ;
    padding-top: 50px;
		padding-left: 0;
		line-height: 1.5;
		padding-right:  40px;;
	
}
	
	.toptoreimg{ height: 301px;}
	.contctCon .secTit {
    width: 100%;
}
	.contctCon{ display: block;}
}
/*-------------------------------------------[
商品一覧
---------------------------------------------*/
.secondmain .secTit{ padding-bottom: 164px;}
.secondmain .secTit p{ font-size: 4.5rem;}
.pnavs { padding-bottom: 60px; text-align: right; position: relative; z-index: 4; padding-top: 30px;}
.pnavs li{ display: inline-block;}
.pnavs li a{ color: #003399; text-decoration: underline;}
.pnavs li a:after{ content:">"; display: inline-block; padding: 0 5px;}
.secondmain { width: 100%; overflow: hidden;}
.secondmain .innerW{ position: relative;}
.secondmain .innerW:before{content: ""; display: block; position: absolute; right: -168px; width: 571px; height: 415px; background: url("../../img/common/slsecondmein.svg") left top no-repeat; background-size: contain; top: 0;}
.secmainreaf{ width: 40%;position: absolute; right: 0; bottom: 150px}
.sesrchWrapp{ background: #F1F6FF; padding: 30px 20px;}
.searchIn{ max-width: 723px; margin: 0 auto;}
.mf_finder_searchBox_query_input{ border: 2px solid #003399 !important; height: 70px !important;}
.mf_finder_searchBox_submit{    width: 80px !important; height: 70px; background-color: #003399 !important;}

.secontentTit:before{ content: ""; display: inline-block; width: 28px; height: 28px; background: url("../../img/common/titsr.svg") left top no-repeat; background-size: contain; vertical-align: middle; margin-right: 13px;}
.secontentTit{ font-size: 2.4rem; color: #003399; font-weight: bold; margin-bottom: 40px;}

.seccontentSec{ margin-bottom: 85px;}
.priductList{ display: flex; flex-wrap: wrap; column-gap: 35px;}
.priductList li{ width: calc( 25% - 27px);}
.priductList li p{transition: all 0.5s;}
.priductList li a:hover p{ box-sizing: border-box; border: 6px solid #003399;}
.priductList p{ margin-bottom: 30px;}
.priductList dt{ text-decoration: underline; margin-bottom: 20px;}
.priductList dd{ color: #000; line-height: 2;}



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

.secmainreaf{ width: 100%; position: relative;}
	.priductList {}
.priductList li{ width: calc(50% - 27px); margin-bottom: 30px;}
}


/*-------------------------------------------[
商品詳細
---------------------------------------------*/

.secondmain.detailprd .secTit p {
    font-size: 3.4rem;
}
.detailTitArea .secTit{ padding-bottom: 0;}

.detailTitArea .slick-prev,.detailTitArea .slick-next{ background: url("../../img/product/btn.svg") left top no-repeat; width: 38px; height: 80px; background-size: contain;}

.detailTitArea .slick-next{ right: 0;}
.detailTitArea .slick-dots{ position: relative; text-align: center; padding-right: 0;}
.dtcontent{ position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end;}
.dtright{ width: 36%;}
.dtleft{ width: 60%;}
.iconslist{ display: flex; flex-wrap: wrap;  column-gap: 5px; width: 100%;}
.iconslist li{ border: 1px solid #003399; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.35); border-radius: 4px; padding: 3px; width: 32%; background: #fff; font-size: 1.2rem;  box-sizing: border-box; margin-bottom: 5px; text-align: center;}
.iconslist li .iconst{ vertical-align: middle; margin-right: 5px;}
.iconslist li .iconst img{ vertical-align: middle;}
.youso h4{ font-size: 1.4rem; font-weight: bold; color: #003399; margin-bottom: 20px;}
.youso { padding-bottom: 40px;}
.dtcontent.dttop{ align-items: flex-start; padding-top: 30px;}
.dtlinkList{ display: flex; column-gap: 20px; margin-top: 30px;}
.dtlinkList{ width: 100%;}
.dtlinkList li{ width: 50%;}

.dtlinkList .el_btn.-wide{ min-width: inherit; width: 100%;}


.js-fixed-area {
  position: relative;
}
.js-fixed-elm {
  position: absolute;
  top: 84px;
}
.js-fixed-elm.is-fixed {
  position: fixed;
}



/* テストページ設定 */


.contents {
  max-width: 1280px;;
  margin: 0 auto;
  padding: 0 40px;
}
.group {
  display: flex;
  justify-content: space-between;
  gap: 35px;
}
.group-aside {
  width: 272px;
  flex-shrink: 0;
}
.group-aside p {
  margin: 0;
}
.group-nav {
  width: 272px;
}
.group-contents {
  flex-grow: 1;


}
.group-contents p {
  margin: 0 0 20px;
}
/*.group-contents img {
  width: 100%;
}*/

.pagenavs{ background: #EDF3FF; box-sizing: border-box; padding: 20px; width: 272px;}
.pagenavs li{color: #003399; font-weight: bold; padding: 10px 20px; box-sizing: border-box; cursor: pointer}
.pagenavs li.active{ background: #003399; color: #fff;}
.histrwp{ margin-bottom: 85px;}
.pdDtimg img{ max-width: 100%; width: auto; margin-top: 30px;}

.h3Type01 {
    margin: 27px 0 17px;
    /* font-size: 2rem; */
    font-weight: 600;
    line-height: 1.6;
}
.h3Type01 {
    font-size: 1.8rem;
}



/* tPattern01 [Separate line + border]
----------------------------------------------- */
.tPattern01,
.tPattern02,
.tPattern03,
.tPattern03_pad3{border-collapse:collapse;}

.tPattern01{
  border:solid #ccc;
  border-width:1px 0 1px 1px;
}
.tPattern01 th,
.tPattern01 td{
  padding:10px;
  border:solid #ccc;
  border-width:0 1px 0 0;
  font-weight:normal;
}
.tPattern01 thead th{
  border:solid #ccc;
  border-width:0 1px 1px 0;
  background:#ececec;
  text-align:center;
}
.tPattern01 tbody th{text-align:left;}

/* tPattern02 [Caption/ border + th color]
----------------------------------------------- */
.tPattern02{
  border:solid #ccc;
  border-width:0 0 0 1px;
  line-height:1.5;
}
.tPattern02 caption{
  margin:0;
  padding:10px 0;
  border:1px solid #ccc;
  background:#eaeaea;
  text-align:center;
}
.tPattern02 th,
.tPattern02 td{
  padding:10px;
  border:solid #ccc;
  border-width:0 1px 1px 0;
  font-weight:normal;
}
.tPattern02 th{
  background:#f6f6f6;
  text-align:left;
  font-weight: bold;
}

/* tPattern02 [ border + th color]
----------------------------------------------- */
.tPattern03{
  border-top:#ccc 1px solid;
  border-left:#ccc 1px solid;
  line-height:1.5;
}
.tPattern03 caption{
  margin:0;
  padding:10px 0;
  border:1px solid #ccc;
  border-bottom: none;
  background:#eaeaea;
  text-align:center;
}
.tPattern03 th,
.tPattern03 td{
  padding:10px;
  border-right:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  font-weight:normal;
}
.tPattern03 th{
  background:#f6f6f6;
  text-align:center;
}

/* tPattern03_pad3 [ border + th color/padding 3px]
----------------------------------------------- */
.tPattern03_pad3{
  border:solid #ccc;
  border-width:1px 0 0 1px;
  line-height:1.5;
}
.tPattern03_pad3 th,
.tPattern03_pad3 td{
  padding:3px;
  border:solid #ccc;
  border-width:0 1px 1px 0;
  font-weight:normal;
}
.tPattern03_pad3 th{
  background:#f6f6f6;
  text-align:center;
}

/* Table Adjust
----------------------------------------------- */
.thL th{text-align:left !important;}
.tdL td{text-align:left !important;}
.thR th{text-align:right !important;}
.tdR td{text-align:right !important;}
.thBold th{font-weight: bold;}
.cellC th,
.cellC td{text-align:center;}
table{ width: 100%;}
table.nowrap th,
table.nowrapHead thead th,
table.nowrapBody tbody th{white-space:nowrap;}
th.bottomLine01,
td.bottomLine01{border-bottom:1px dotted #ccc;}

.local-nav .el_btn{ width: 100%; background: #fff; min-width: inherit; height: 40px; line-height: normal;}
.local-nav .el_btn:hover{ background: #003399}
.pagenavs li.serchbtnsw{ padding:  0; margin-top: 20px;}
.otherLinks{ padding-top: 10px;}
.otherLinks li{ border: 1px solid #003399; margin-bottom: 10px;}
.bunnersin{ display: flex; align-items: center;  width: 100%;}
.bntImgs{ width: 36%;}


.contctBtns{ padding-top: 238px; margin-bottom: 95px; padding-right: 70px;}
.contctBtns .el_btn.-wide{ background: #003399; color: #fff; border: 1px solid #fff;}
.iconctn img{ vertical-align: middle; padding-right: 10px;}
.contctBtns ul{ display: flex; column-gap: 10px; justify-content: flex-end;}

.prserch{background: #F6F6F6; padding: 65px 0 100px; }
.plserchList{ display: flex; column-gap: 30px; padding-top: 50px;}
.plserchList li{ width: 25%;}
.plserchList .el_btn.-wide{ min-width: inherit; width: 100%; background:#fff }
.plserchList .el_btn.-wide:hover{ background: #003399}
.bnrTxtx{ padding-left: 10px; box-sizing: border-box; font-size: 1.4rem; font-weight: bold;}
.histrwp{ padding-top: 114px; margin-top: -144px;}
@media screen and (min-width:981px) {
	.group-contents .priductList li{width: calc(33% - 21px); margin-bottom: 50px}
}

@media screen and (max-width:980px) {
	.dtcontent{ display: block;}
	.dtleft {
    width: 100%;
}
	.dtright {
    width: 100%;
}
	.iconslist li{ width: 49%;}
	.contents{ padding: 0 20px;}
	.group {
    display: block;

}
	.contents{ padding-top: 40px;}
	.plserchList{ display: block;}
	.plserchList li{ width: 100%; margin-bottom: 20px;}
	.group-nav {
    width: 100%;
}
	.js-fixed-elm{ position: relative; top: auto;}
	.pagenavs{ width: 100%;}
	.group-aside{ width: 100%;}
	.contctBtns {
    padding-top: 30px;
    margin-bottom: 40px;
    padding-right: 0;
    padding: 0 20px;
    padding-top: 30px;
}
	.contctBtns li{ margin-bottom: 20px;}
	.contctBtns ul{ display: block;}
	.detailTitArea .slick-dots{ bottom: 0;}
}