.single-item {
  display: none; /* 初期は非表示 */
}

/* スリックが読み込まれたら表示する */
.single-item.slick-initialized {
  display: block;
}


.top_slide{
    width : 100%;
    /*height: 500px;*/
    position: relative;
    display: inline-block; 
}

.single-item{
    width: 100%;
    /*max-height : -webkit-calc( 100vh - 120px );
    max-height : calc( 100vh - 120px );
    overflow: hidden;*/
}

.single-item div{
    width: 100%;
    /*height: 500px;*/
}


.slide1{
    background: url("../img/top-slide01.jpg") no-repeat left top;
    background-size: cover;
}

.slide2{
    background: url("../img/top-slide02.jpg") no-repeat left top;
    background-size: cover;
}

.slide3{
    background: url("../img/top-slide03.jpg") no-repeat left top;
    background-size: cover;
}

.slide4{
    background: url("../img/top-slide04.jpg") no-repeat left top;
    background-size: cover;
}

.slide5{
    background: url("../img/top-slide05.jpg") no-repeat left top;
    background-size: cover;
}
.slide1-en{
    background: url("../img/top-slide01-en.jpg") no-repeat left top;
    background-size: cover;
}

.slide2-en{
    background: url("../img/top-slide02-en.jpg") no-repeat left top;
    background-size: cover;
}

.slide3-en{
    background: url("../img/top-slide03-en.jpg") no-repeat left top;
    background-size: cover;
}


.single-item div img{
    width: 100%;
}

/*
@media screen and (max-width: 860px) {

.top_slide{
}
    
.single-item div{
    width: auto;
    height: 200px;
    overflow: hidden;
}
.single-item div img{
    width: 100%;
    height: 100%;
}
}
*/



.single-item div img.slide0{
    display: block;
}
.single-item div img.slide0-sp{
    display: none;
}
@media screen and (max-width: 680px) {

.single-item div img.slide0{
    display: none;
}
.single-item div img.slide0-sp{
    display: block;
}
    
    
.single-item div{
    width: auto;
    height: auto;
}
.slide1{
    background: url("../img/top-slide01.jpg") no-repeat;
    background-size: cover;
    background-position: 6% top;
}

.slide2{
    background: url("../img/top-slide02-sp.jpg") no-repeat left top;
    background-size: cover;
}

.slide3{
    background: url("../img/top-slide03-sp.jpg") no-repeat left top;
    background-size: cover;
}

.slide4{
    background: url("../img/top-slide04-sp.jpg") no-repeat left top;
    background-size: cover;
}

.slide5{
    background: url("../img/top-slide05-sp.jpg") no-repeat left top;
    background-size: cover;
}
    
    
.slide1-en{
    background: url("../img/top-slide01-en.jpg") no-repeat;
    background-size: cover;
    background-position: 15% top;
}

.slide2-en{
    background: url("../img/top-slide02-en-sp.jpg") no-repeat left top;
    background-size: cover;
}

.slide3-en{
    background: url("../img/top-slide03-en-sp.jpg") no-repeat left top;
    background-size: cover;
}
}



.slide-text{
    width: 35%;
    position: absolute;
    bottom: 30px;
    left: 10px;
}

.slide-text img{
    width: 100%;
}


@media screen and (max-width: 1000px) {
.slide-text{
    width: 50%;
    position: absolute;
    bottom: 40px;
    left: 0px;
}
}


@media screen and (max-width: 640px) {
.slide-text{
    width: 90%;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
}




.slide-logo{
    width: 30%;
    position: absolute;
    bottom: 10px;
    left: 0px;
}

.slide-logo img{
    width: 100%;
}


@media screen and (max-width: 860px) {
.slide-logo{
    width: 40%;
    position: absolute;
    bottom: 40px;
    left: 0px;
}
}


@media screen and (max-width: 640px) {
.slide-logo{
    width: 60%;
    position: absolute;
    top: -20px;
    left: -20px;
    margin: auto;
}
}










.division{
    display:flex;
    flex-wrap:wrap;
}


.top-division{
    width: 100%;
    display:flex;
    flex-wrap:wrap;
}

.top-division2{
    /*width : 65%;*/
    width : 100%;
    background: #fff;
    box-sizing: border-box;
}

.top-division1{
    width : 30%;
    margin-left: 5%;
    background: #fff;
    box-sizing: border-box;
}


.top-division0{
    width : 30%;
    background: #fff;
    box-sizing: border-box;
}




.top-link{
    height: 100%;
    padding: 35px;
    display: inline-block;
    transition: all .3s;
    box-sizing: border-box;
}


.top-link:hover{
    box-shadow: 6px 6px 10px 0px rgba(3, 6, 6, 0.4);
    background: #fafafa;
}



@media print,screen and (max-width: 1000px) {


.top-division2{
    width : 100%;
    background: #fff;
}

.top-division1{
    width : 100%;
    margin-left: 0;
    background: #fff;
}


.top-division0{
    width : 100%;
    background: #fff;
}
.top-link{
    height: 100%;
    padding: 20px;
    display: inline-block;
}
}








.box-news{
    width : 100%;
    padding: 0;
    display: inline-block;
}

.box-news-title{
    width : -webkit-calc( 100% - 100px );
    width : calc( 100% - 100px );
    padding: 0 50px 0 50px;
  border-bottom: 3px solid #969696;
    margin-bottom: 10px;
}

.news-title{
    font-size: 2.7em;
    color: #1E5AD2;
    font-weight: bold;
    display: inline-block;
    font-family: "M PLUS 2", sans-serif;
}

.news-all{
    font-size: 1.8em;
    margin-top: 0.5em;
    font-weight: bold;
    display: inline-block;
    float: right;
}

.news{
    width : -webkit-calc( 100% - 80px );
    width : calc( 100% - 80px );
    margin: 0 30px 0 50px;
    overflow-y: scroll;
    text-align: left;
    height: 200px;
}


.news li{
    width : -webkit-calc( 100% - 20px );
    width : calc( 100% - 20px );
    padding: 10px 0;
    margin-right: 20px;
    border-bottom: 1px solid #969696;
    display:flex;
    flex-wrap:wrap;
}


.news a{
    text-decoration: none;
}

.news a:hover{
    color: #1E5AD2;
    text-decoration: none;
}

.news-cate{
    width : 130px;
    font-size: 1.4em;
    float: left;
}

.tag0{
    background: #bebebe;
}

.tag1{
    background: #1E5AD2;
}

.tag2{
    background: #64C864;
}
.tag3{
    background: #D2785A;
}


.news-cate span{
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 50vh;
    color: #fff;
}


.news-date{
    float: left;
    width: 100px;
    font-size: 1.8em;
}


.news-text{
    float: left;
    width : -webkit-calc( 100% - 230px );
    width : calc( 100% - 230px );
    font-size: 1.8em;
}




.news-cate-en{
    width : 130px;
    font-size: 1.4em;
    float: left;
}

.tag0{
    background: #bebebe;
}

.tag1{
    background: #1E5AD2;
}

.tag2{
    background: #64C864;
}
.tag3{
    background: #D2785A;
}


.news-cate-en span{
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 50vh;
    color: #fff;
}


.news-date-en{
    float: left;
    width: 100px;
    font-size: 1.8em;
}


.news-text-en{
    float: left;
    width : -webkit-calc( 100% - 100px );
    width : calc( 100% - 100px );
    font-size: 1.8em;
}


@media print,screen and (max-width: 1000px) {


.box-news-title{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    padding: 0 20px 0 20px;
}


.news{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    margin: 0 10px 0 20px;
    height: 200px;
}


.news li{
    width : -webkit-calc( 100% - 10px );
    width : calc( 100% - 10px );
    padding: 10px 0;
    margin-right: 10px;
}
.news.news-e li{
    min-width: 500px;
}
/*
.news.news-e::-webkit-scrollbar {
  display: none;
}*/
.news-date{
    width : -webkit-calc( 100% - 130px );
    width : calc( 100% - 130px );
}


.news-text{
    width :100%;
}
}







.news-list{
    width : -webkit-calc( 100% - 50px );
    width : calc( 100% - 50px );
    margin: 0 0 0 50px;
    text-align: left;
}

.news-list li{
    width : 100%;
    padding: 10px 0;
    margin-right: 0;
    border-bottom: 1px solid #969696;
    display:flex;
    flex-wrap:wrap;
}


.news-list a{
    text-decoration: none;
}

.news-list a:hover{
    color: #1E5AD2;
    text-decoration: none;
}





.top-banner{
    width : 100%;
    display: inline-block;
}
.top-banner img{
    width : 100%;
}









.arrow_left {
  position: relative;
  display: inline-block;
}
 
.arrow_left::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px; /* 要素の右からの距離 */
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg); /* 角度調整 */
}
 
.arrow_left::after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px; /* 要素の右からの距離 */
  width: 15px;
  height: 2px;
  background: #fff;
}



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

.top-business-field li{
    font-size: 1em;
    font-weight: bold;
}


.top-business-field li a{
    padding: 3px 40px 3px 40px;
    font-size: 0.8em;
}
 
.arrow_left::before { /* くの字の表示設定 */
  right: -30px; /* 要素の右からの距離 */
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg); /* 角度調整 */
}
 
.arrow_left::after { /* 棒の表示設定 */
  right: -30px; /* 要素の右からの距離 */
  width: 15px;
  height: 2px;
  background: #fff;
}
}






.font-g{
    font-family: "BIZ UDGothic", sans-serif;
}
.font-m{
    font-family: "BIZ UDMincho", serif;
}
.font-e{
    font-family: "M PLUS 2", sans-serif;
}
.font-r{
    font-family: "Lusitana", sans-serif;
}

.border_d{
    border:1px solid #ddd;
}
.text_b{
    text-decoration: underline;
}

.text-ind1{
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.b{
    font-weight: bold;
}
.bb{
    font-weight: bolder;
}

.fs15{
    font-size: 1.5em;
}

.fs18{
    font-size: 1.8em;
}

.fs21{
    font-size: 2.1em;
}

.fs24{
    font-size: 2.4em;
}

.fs27{
    font-size: 2.7em;
}
.fssm08{
    font-size: 0.8em;
}

.blue{
    color: #171c61;
}



.t-blue{
    color: #1E5AD2;
}
.t-red{
    color: #E80000;
}
.t-k{
    color: #666;
}

.t-renta{
    color: #e88d69;
}


.tr{
    text-align: right;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}



.mb45{
    margin-bottom: 45px;
}
.mb60{
    margin-bottom: 60px;
}


.ml30{
    margin-left: 30px;
}


.img100{
    width: 100%;
}

.img90{
    width: 90%;
    margin: 0 5%;
}

.img80{
    width: 80%;
    margin: 0 10%;
}

.img60{
    width: 60%;
    margin: 0 20%;
}

.bg444{
    background: #444;
}



.t-indent15{
    margin-left: 15px;
    text-indent: -15px;
}
.t-indent18{
    margin-left: 18px;
    text-indent: -18px;
}
.t-indent24{
    margin-left: 24px;
    text-indent: -24px;
}