@charset "UTF-8";



/*-----------------------------

メインスライダー

------------------------------*/
#slick-container-fulid {
    background: linear-gradient(to bottom, #383838 10%, #151515 50%, #000000 80%);
    padding-top: 50px;
}

@media (min-width: 768px) {
    #slick-container-fulid {
        padding-top: 0;
    }
}

.slick-cover img {
    margin: 0 auto;
}



/*-----------------------------
最新情報
------------------------------*/
.main-info {
    margin: 0 0 30px;
}

/*-----------------------------
晃新製作所の技術力
------------------------------*/
.main-technical ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch
}

.main-technical ul::after {
    content: "";
    display: block;
    width: 32%;
}

.main-technical li {
    display: flex;
    flex-flow: row nowrap;
    background: #fff;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

@media (min-width: 544px) {
    .main-technical li {
        display: block;
        width: 48%;
    }
}

@media (min-width: 768px) {
    .main-technical li {
        width: 32%;
    }
}

.main-technical li h3 {
    text-align: left;
    color: #123F75;
    text-decoration: underline;
    /*font-size: 14px;*/
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px 0;
}

@media (min-width: 544px) {
    .main-technical li h3 {
        margin: 10px 0;
    }
}

.main-technical li a {
    color: #333;
}

.main-technical li a img {
    width: 100%;
    border: 1px solid #DAD9D9;
    padding: 3px;
}

.main-technical li p {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.technical-text {
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 544px) {
    .technical-text {
        text-align: left;
        padding-left: 0;
    }
}

/*-----------------------------
動画紹介
------------------------------*/
.main-video {
    text-align: center;
    margin: 15px auto;
}

@media (min-width: 768px) {
    .main-video {
        margin: 30px auto;
    }
}

.main-video iframe {
    width: 100%;
    height: 315px;
}
@media (min-width: 1092px) {
    .main-video iframe {
        width: 560px;
        height: 315px;
    }
}

/*-----------------------------
晃新製作所の強み
------------------------------*/
.main-strength {
    margin: 15px auto;
}

@media (min-width: 768px) {
    .main-strength {
        margin: 30px auto;
    }
}

.main-strength-visual {
    text-align: center;
}

.main-strength ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch
}

.main-strength li {
    display: flex;
    background: #fff;
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
}

@media (min-width: 992px) {
    .main-strength li {
        width: 49%;
        margin: 10px 0;
    }
}

.main-strength li a {
    display: block;
    color: #333;
    padding: 0;
    /*font-size: 12px;*/
}

@media (min-width: 768px) {
    /*.main-strength li a {
		padding: 10px 10px 0;
       }*/
   }

   .main-strength .strength-text {
    text-align: left;
    width: 70%;
    margin: 10px;
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 992px) {
    .main-strength .strength-text {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .main-strength .strength-text {
        margin: 10px 0 10px 15px;
    }
}

.main-strength li a h3 {
    /*font-size: 18px;*/
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
    text-decoration: underline;
    color: #123F75;
}

/*.main-strength li .strength-text p {
    font-size: 14px;
    line-height: 1.2;
}*/

/*-----------------------------
晃新製作所 求人情報
------------------------------*/
.main-recruit {
    margin: 15px auto;
}
@media (min-width: 768px) {
    .main-recruit {
        margin: 30px auto;
    }
}
.bnr-recruit-sp,
.bnr-recruit-pc {
    filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.3));
}
@media (max-width: 767px) {
    .bnr-recruit-pc {
        display: none;
    }
}
@media (min-width: 768px) {
    .bnr-recruit-sp {
        display: none;
    }
}

/*-----------------------------
晃新製作所 会社概要
------------------------------*/
.main-company {
    margin: 15px auto;
}

@media (min-width: 768px) {
    .main-company {
        margin: 30px auto;
    }
}

.main-company-wrap {
    background-color: rgb(246, 246, 244);
    padding: 10px;
}

.main-company-outline {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 992px) {
    .main-company-outline {
        flex-flow: row nowrap;
        height:auto;
    }
}

.main-company-outline ul {
    width: 100%;
    margin: 10px 0;
    order: inherit;
}

.main-company-info {
    width: 100%;
    /*display: flex;*/
    flex-flow: row wrap;
    order: 2;
}

@media (min-width: 992px) {
    .main-company-info {
        width: 32%;
        margin-right: 15px;
        order: 1;
    }
}

.main-company-info ul li {
    text-align: left;
    margin: 10px 0;
    vertical-align: middle;
    background: url("../img/bana_bg.jpg");
    background-size:auto 100%;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    position: relative;
}
.main-company-info ul li a::after {
  content: url(../img/bana_arrow.svg);
  float: right;
  top:5px;
  right: 5px;
  width: 20px;
  height:20px;
  position: absolute;
}

.main-company-info ul li a{
    color: #fff;
    width: 100%;
    display: block;
    padding: 5px;
    min-height: 30px;
    z-index: 999;
    line-height: 20px;
}

.main-company-info ul li:first-child {
    margin-top: 0;
}

.main-company-info ul li img {
    width: 80%;
}

@media (min-width: 768px) {
    .main-company-info ul li img {
        width: 100%;
    }
}

/* Googlemap */
.main-company-outline .googlemap {
    width: 100%;
    height: 300px;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: column;
    order: 1;
}

@media (min-width:992px) {
    .main-company-outline .googlemap {
        order: 2;
        height: 320px;
    }
}

.main-company-outline .googlemap a {
    display: flex;
    width: 100%;
    margin: 10px 0;
    /*font-size: 12px;*/
    text-decoration: underline;
}

/* テーブル */
table.main-company-table {
    width: 100%;
    border-collapse: collapse;
}

table.main-company-table tr {
    /*font-size: 16px;*/
    line-height: 1.2;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    border-bottom: 0 dotted #ddd;
}

table.main-company-table tr:first-child {
    border-top: 0 dotted #ddd;
}

table.main-company-table th {
    width: 100%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    background: url("../img/bana_bg.jpg");
    vertical-align: middle;
    padding: 5px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}


table.main-company-table td {
    font-size: 14px;
    text-align: left;
    width: 100%;
    padding: 5px 0;
}

@media (min-width: 768px) {
    table.main-company-table td {
        font-size: 14px;
        line-height: 18px;
        /*width: 70%;*/
    }
}




/*-----------------------------
トップページ お知らせ
------------------------------*/
dl,
dt,
dd {
    font-weight: normal !important;
}

.top-news-container {
    margin: 10px auto 30px;
}

dl.news-list {
    margin-bottom: 20px;
}

dl.news-list dt {
    float: left;
    line-height: 1.6;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    dl.news-list dt {
        /*font-size: 16px;*/
    }
}

dl.news-list dd {
    line-height: 1.6;
    margin-left: 100px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    dl.news-list dd {
        /*font-size: 16px;*/
    }
}

dl.news-list dd a {
    color: #14275a;
    text-decoration: underline;
}

.top-news-container .btn {
    /*font-size: 13px;*/
}




/*-----------------------------
施工実績
------------------------------*/
.work-link {
    margin-bottom: 50px;
}

/* 内部リンク */
ul.work-list-link {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

ul.work-list-link li {
    display: flex;
}

ul.work-list-link li a {
    text-align: center;
    line-height: 1.4;
    color: #fff;
    background: #e89338;
    padding: 8px 25px;
    border-radius: 8px;
    opacity: 1;
    transition: all .7s;
}

ul.work-list-link li a:hover {
    opacity: .7;
    transition: all .7s;
}

/* slick上書き */
.slick-prev {
    left: 10px!important;
    z-index: 999!important;
}
.slick-next {
    right: 10px!important;
    z-index: 999!important;
}
.slick-prev:before {
    content: '◀'!important;
}
.slick-next:before {
    content: '▶'!important;
}


/* 施工実績リスト */
ul.work-list {
    /*display: flex;*/
    margin-bottom: 50px;
}

ul.work-list li {
    width: 100%;
    line-height: 1.8;
    display: flex;
    flex-flow: row nowrap;
    padding: 10px;
    border-bottom: 1px solid #123F75;
    background-color: #fff;
}

ul.work-list li:nth-child(odd) {
    background-color: #ddd;
}

ul.work-list li:first-child {
    background: #123F75;
    color: #fff;
    font-size: 1rem;
    /*font-weight: bold;*/
    line-height: 1;
    text-align: center;
    align-items: center;
    justify-content: center;
}

ul.work-list li:first-child .results-projects,
ul.work-list li:first-child .results-content,
ul.work-list li:first-child .results-img {
    padding: 10px;
}

ul.work-list li:first-child .results-content {
    border-left: 3px solid #fff;
    /*border-right: 3px solid #fff;*/
    box-sizing: border-box;
}

ul.work-list li .results-projects {
    /*width: 35%;*/
    width: 50%;
    /*padding: 10px;*/
    padding: 10px 20px 10px 10px;
    /* 幅調整 */
}
ul.work-list li .results-content {
    /*width: 25%;*/
    width: 50%;
    padding: 10px;
    /*padding: 10px 0 10px 10px;*/
    border-left: 1px solid #123F75;
    /*border-right: 1px solid #123F75;*/
    box-sizing: border-box;
}

/*ul.work-list li .results-img {
    width: 40%;
    padding: 10px 10px 10px 20px;
    text-align: center;
}*/