@charset "utf-8";
/* ------------------------------------------------------------------------------
トップ　top
------------------------------------------------------------------------------ */
#main {
margin-bottom: 0;
padding-top: 0;
}
.heaLogo {
/*! max-width: 130px; */
/*! position: absolute; */
/*! top: 0; */
/*! left: 0; */
}
/* メインスライド */
.topBrand {
position: relative;
max-height: 560px;
min-height: 400px;
/*background: url(img/slide_F_pc.jpg);*/
width: 100%;
}
.topBrand:before {
content:"";
display: block;
/*padding-top: 55%;  高さを幅の75%に固定 */
}


.topBrand #topSlide {

max-height: 400px;
min-height: 300px;
}
.topBrandCopy {
z-index: 1;
position: absolute;
right: 40%;
top: 40%;
letter-spacing: .12em;
font-weight: bold;
font-size: 40px;
font-size: 4.0rem;
color: #ffffff;
text-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.topBrandCopy img{
width: 80%;
}
.topBrandCopy span {
display: block;
letter-spacing: .4em;
font-weight: normal;
font-size: 16px;
font-size: 1.6rem;
}

.topBrandBack {
}
.topBrandBack.topBrandBackImg01 {
background: url(../img/mv_pc.jpg);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-size: cover;
background-position: center center;
max-height: 560px;
min-height: 550px;
}
.topBrandBack.topBrandBackImg02 {
background: url(../img/mv01_pc.jpg);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-size: cover;
background-position: center center;
max-height: 560px;
min-height: 550px;
}
.topBrandBack.topBrandBackImg03 {
background: url(../img/mv02_pc.jpg);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-size: cover;
background-position: center center;
max-height: 560px;
min-height: 550px;
}
.topBrandBack img {

}

/* お知らせ - news - */
.topNews {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 35px;
}
.topNewsItem {
padding: 5% 2% 3% 2%;
border-bottom: solid 1px #e2dcde;
}
.topNews dt {
display: inline-block;
margin-right: .5em;
letter-spacing: .2em;
}
.topNews dd.topNewsCategory {
display: inline-block;
margin-right: .5em;
padding: 0 1em;
text-align: center;
white-space: nowrap;
color: #ad9a82;
background-color: #2e2727;
}
.topNews dd.topNewsTitle {
display: block;
width: 100%;
padding-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.topNews dd.topNewsTitle a {
color: #1d1a1a;
text-decoration: none;
}
.topNews dd.topNewsTitle a:hover {
opacity: .7;
transition: .3s;
}

/* 一覧 - list - */
section.contWrapBg {/* 背景 グレー */
color: #0d49d6;
background: url(../img_common/news_back.png),url(../img_common/bg_content.png),
#f9f9f9;
background-repeat: no-repeat;
background-size:  40%, auto;
background-position: right top,left bottom;
padding-bottom: 1px;
}

.newsList {
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.newsLisItem {
border-bottom: solid 1px #e2dcde;
}
.newsList dt {
display: inline-block;
margin-right: 1.5em;
letter-spacing: .2em;
}
.newsList dd.newsCategory {
display: inline-table;
margin-right: 1.5em;
padding: 0 1em;
text-align: center;
white-space: nowrap;
color: #17499e;
border: solid 1px #17499e;
margin: 0.4em 1.5em 0.4em 0;
line-height: 1.5em;
}
.newsList dd.newsTitle {
display: block;
width: 100%;
/*! padding-top: 10px; */
}
.newsList dd.newsTitle a {
text-decoration: none;
}
.newsLisItem dd a:hover {
opacity: .7;
transition: .3s;
}

.news_link {
display: flex;
margin: 0 0 35px;
padding: 0;
}
.news_link li {
width:20%;
text-align:center;
border-radius: 50vh;
padding:2px;
margin:5px;
color:#FFFFFF;
background-color: #00C;
}
.news_link li.active, .news_link li:hover {
background: #FFFFFF;
color: #00C;
font-weight: bold;
border:1px solid #00C;
}
.news_link li.active:after, .news_link li:hover:after {
	display: block;
}

@media screen and (min-width: 631px) and (max-width: 1150px)  {
/* ----------タブレット ---------- */
/* メインビジュアル */
.topBrandBack.topBrandBackImg01,.topBrandBack.topBrandBackImg02,.topBrandBack.topBrandBackImg03 {
height: 340px;
min-height: 340px;
}
}

@media screen and (max-width: 630px) {
/* ---------- SP ---------- */
/* メインビジュアル */
.topBrandBack.topBrandBackImg01 {
background: url(../img/mv_sp.jpg);
background-size: 100%;
/* background-size: cover; */
background-position: center center;
background-repeat: no-repeat;
height: 460px;
min-height: 460px;
}
.topBrandBack.topBrandBackImg02 {
background: url(../img/mv01_sp.jpg);
background-size: 100%;
/* background-size: cover; */
background-position: center center;
background-repeat: no-repeat;
height: 460px;
min-height: 460px;
}
.topBrandBack.topBrandBackImg03 {
background: url(../img/mv02_sp.jpg);
background-size: 100%;
/* background-size: cover; */
background-position: center center;
background-repeat: no-repeat;
height: 460px;
min-height: 460px;
}
}
@media screen and (max-width:1000px) {
.news_link {
flex-wrap:wrap;
}
.news_link li {
width:46.5%;
}
}

@media screen and (max-width: 751px) {
/* ---------- SP ---------- */
/* メインビジュアル */
.topBrand {
min-height: 400px;
}
.topBrandCopy {
width: 50%;
letter-spacing: .03em;
font-size: 18px;
font-size: 1.8rem;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
/*! position: absolute; */
height: 30%;
text-align: center;
padding-top: 20px;
}
.topBrandCopy span {
letter-spacing: 0;
font-size: 12px;
font-size: 1.2rem;
}
  
 /* 一覧 - list - */
.newsList {
}
.newsLisItem {
border-bottom: solid 1px #e2dcde;
padding: 0 2.5% 20px 2.5%;
}
.newsList dt {
letter-spacing: .2em;
}
.newsList dd.newsCategory {
text-align: center;
white-space: nowrap;
color: #17499e;
border: solid 1px #17499e;
}
.newsList dd.newsTitle {
  line-height: 1.5em;
}
.newsList dd.newsTitle a {
color: #1d1a1a;
text-decoration: none;
}
.newsLisItem dd a:hover {
opacity: .7;
transition: .3s;
}
.newsPager {
margin: 0px auto 50px;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
max-width: 250px;
}
}

@media screen and (min-width: 751px) {
/* ---------- PC ---------- */
.headWrap {
/*! position: sticky; */
/*! top: 0; */
}
.heaLogo {
/*! max-width: 250px; */
/*! position: absolute; */
/*! top: 0; */
/*! left: 10%; */
}
/* ヘッダースクロール後に固定 */
.js-headerScroll-top {
position: fixed;
top: 0;
transition: all .4s ease;
}
.js-headerScroll-top #header {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.js-headerScroll-top #gNav {
width: 84%;
text-align: right;
}
.js-headerScroll-top .heaLogo {
position: static;
}
.js-headerScroll-top .gNavLang {
position: static;
}
/* 固定後 調整 */
#header.js-headerScroll {
height: auto;
}
.js-headerScroll .gNavList {
padding: 2% 0 1.2% 0;
}

/* メインビジュアル */
#topSlide,
#topSlide li,
#topSlide div.slick-list {
/* max-height: 880px; */
max-height: 400px;
}
#topSlide li img {
width: 100%;
height: auto;
}

/* ナビゲーション */
#gNav {
max-width: 1070px;
/*! margin: 0 auto; */
}
/* .gNavList {
padding: 2.8% 0;
} */
.gNavLang {
position: absolute;
top: 20px;
right: 10%;
}
  

 
  
  /* 一覧 - list - */
.newsList {
max-width: 900px;
margin: 0 auto 60px auto;
font-size: 14px;
font-size: 1.4rem;
}
.newsLisItem {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 10px 3%;
  color: #555555;
}
.newsList dt {
margin-right: 1.5em;
letter-spacing: .2em;
}
.newsList dd.newsCategory {
margin-right: 1.5em;
padding: 0 1em;
text-align: center;
margin: 0.4em 1.5em 0.4em 0;
line-height: 1.5em;
width: 15%;
}
.newsList dd.newsTitle {
display: block;
width: 75%;
padding-top: 0;
}
.newsList dd.newsTitle a {
}
.newsLisItem dd a:hover {
}

.newsPager {
margin: 0px auto 50px;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
max-width: 250px;
}

/* 詳細 - dtl - */
.newsCont {
max-width: 1000px;
}
.newsImg {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.newsImg li {
width: 48%;
position: relative;
padding-top: 30%;
margin-bottom: 10px;
overflow: hidden;
background-color: #2e2828;
}
.newsImg li:nth-of-type(odd) {
margin-right: 10px;
}
.newsImg li > img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
max-height: inherit;
transition-duration: 0.5s;
}
.newsLink {
margin-bottom: 65px;
padding: 3.5% 5%;
}
}