@charset "utf-8";
/* CSS Document */

.mgb50{
	margin-bottom: 80px!important;
}
article{padding: 0 70px 70px;}
article.home{
 padding: 0 0 0px 0;
}
#main{
 padding: 120px 70px 0;
}
.main--insert{
 height: 800px;
 position: relative;
}
.wall{
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 overflow: hidden;
 z-index: 0;
}
.main--pic{
 width: calc(100% - 35%);
 height: 500px;
 float: right;
}
.main--pic video{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.main--pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.panel--pic{
 width: 34.2%;
 height: 500px;
 float: left;
}
.panel--pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.panel-one{
 height: 245px;
 margin: 0 0 10px 0;
}
.panel-two{
 overflow: hidden;
}
.panel-two .left{
 width: 49%;
 height: 245px;
 float: left;
}
.panel-two .right{
 width: 49%;
 height: 245px;
 float: right;
}
.main--copy{
 position: absolute;
 top: 130px;
 left: 50%;
 -webkit-transform: translateY(0) translateX(-50%);
 transform: translateY(0) translateX(-50%);
 width: 70%;
 z-index:1;
 text-align: left;
 vertical-align: middle;
}
.main--copy .eng{
 font-family: din-2014, sans-serif;
 font-size: 78px;
 font-weight: 700;
 letter-spacing: 0.08em;
 line-height: 1;
 margin: 0 0 0px 0;
 text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}
.main--copy h1{
 font-size: 22px;
 letter-spacing: 0.08em;
 margin: 0 0 30px 0;
 text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}

.top-news--container{
 padding: 100px 70px;
}
.top-news--insert{
 position: relative;
}
.top-news--insert .view-txt{
 position: absolute;
 right: 0;
 top: 0;
}

.view-txt span{
 font-family: din-2014, sans-serif;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 0.08em;
}

.top-news-list{
 width: 1000px;
 margin: 0 auto;
}
.top-news-list .md{
 font-family: din-2014, sans-serif;
 font-size: 25px;
 font-weight: 700;
 letter-spacing: 0.08em;
 margin: 0 0 20px 0;
}
.top-news-list dt {
float:left;
width:150px;
clear:both;
padding:6px 0;
}
.top-news-list dd {
width:850px;
margin-left:150px;
padding:6px 0;
}


.top-product--container{
 padding: 0 70px 70px;
}
.top-product--container .md{
 font-family: din-2014, sans-serif;
 font-size: 55px;
 font-weight: 700;
 letter-spacing: 0.08em;
 color: #3B3B3B;
 line-height: 1;
 margin: 0 0 40px 0;
}
.top-product--container ul{overflow: hidden;}
.top-product--container ul li{
 width: 32%;
 float: left;
 margin: 0 2% 4% 0;
}
.top-product--container ul li:nth-child(3n){
 margin: 0 0 4% 0;
}
.top-product--container ul li .pic{
 height: 280px;
 margin: 0 0 20px 0;
}
.top-product--container ul li .pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.top-product--container ul li .txt{overflow: hidden;}
.top-product--container ul li .txt p{
 font-family: din-2014, sans-serif;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: 0.08em;
 float: left;
}
.top-product--container ul li .txt span{
 display: inline-block;
 font-size: 12px;
 margin: 0 0 0 10px;
}

.link-panel--container{
 background-image: url(../../img/bg-panel.jpg);
 background-attachment: fixed;
 background-position: center center;
 background-size: cover;
 overflow: hidden;
}
.link-panel--container .box-wide{
 width: 100%!important;
 float: none!important;
 border-right: none!important;
 border-bottom: 1px solid rgba(255,255,255,0.3);
}
.link-panel--container .box{
 width: 50%;
 float: left;
 height: 450px;
 text-align: center;
 background-color: rgba(0,0,0,0.7);
 border-right: 1px solid rgba(255,255,255,0.3);
 position: relative;
 transition: all .3s;
}
.link-panel--container .box:hover{
 background-color: rgba(0,0,0,0);
 transition: all .3s;
}
.link-panel--container .box:last-child{border: none;}

.link-panel--container .box a{
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 2;
}
.link-panel--container .box .inn{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 90%;
 z-index:1;
 text-align: center;
 vertical-align: middle;
}
.link-panel--container .box .inn span{
 font-size: 13px;
 display: block;
 margin: 0 0 7px 0;
}
.link-panel--container .box .inn .md{
 font-family: din-2014, sans-serif;
 font-size: 36px;
 font-weight: 700;
 letter-spacing: 0.08em;
}
.link-panel--container .box .inn hr{
 height: 0;
 border-top: 1px solid rgba(0, 0, 0, 0);
 border-bottom: 1px solid rgba(255, 255, 255, 1);
 width:50px;
 margin: 16px auto 16px;
}

.link-panel--container .box .inn p{
 font-size: 18px;
 font-weight: 700;
 margin: 0 0 30px 0;
}
.link-panel--container .box .inn .view-txt{
 font-family: din-2014, sans-serif;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 0.08em;
}

.link-panel--container .box:hover .inn {
 color: #000;
}
.link-panel--container .box:hover .inn hr{
 border-top: 1px solid rgba(0, 0, 0, 1);
 border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.top-works--container{
 padding: 120px 70px;
}
.top-works--container .md{
 text-align: center;
 font-family: din-2014, sans-serif;
 font-size: 40px;
 font-weight: 700;
 letter-spacing: 0.08em;
 margin: 0 0 30px 0;
}
.top-works--container ul{overflow: hidden;margin: 0 0 30px 0;}
.top-works--container ul li{
 width: 25%;
 float: left;
 padding: 25px;
 position: relative;
}
.top-works--container ul li .num{
 position: absolute;
 transform: rotate(90deg);
 transform-origin: 0 0;
 font-family: din-2014, sans-serif;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 0.08em;
}
.top-works--container ul li .pic img{
 width: 100%;
 height: auto;
}
.top-works--container ul li .pic {
 margin: 0 0 15px 0;
}
.top-works--container ul li .cat{
 font-family: din-2014, sans-serif;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 0.08em;
 color: #777;
 line-height: 1;
 margin: 8px 0;
}
.top-works--container ul li .date {
    font-family: din-2014, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #777;
    line-height: 1;
}
.top-works--container ul li p{
 margin: 0;
}

.view{
 width: 250px;
 margin: 0 auto;
 text-align: center;
}
.view span{
 display: block;
 line-height: 1;
 padding: 18px 0;
 background-color: #000;
 color: #fff;
 position: relative;
 border-radius: 30px;
 font-family: din-2014, sans-serif;
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 0.08em;
 transition: all .3s;
}
.view span i{
 position: absolute;
 right: 15px;
}
.view span:hover{
 transition: all .3s;
 background-color: #fff;
 color: #000;
}
.cv-contact--container{
 padding: 0 70px;
}
.cv-contact--insert{
 height: 380px;
 position: relative;
 background-image: url(../img/bg-contact.jpg);
 background-position: center center;
 background-size: cover;
 border: 1px solid #fff;
}
.cv-contact--insert .inn{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 95%;
 z-index:1;
 text-align: center;
 vertical-align: middle;
}

.cv-contact--insert .inn > span{
 display: block;
 font-size: 14px;
 margin: 0 0 7px 0;
}
.cv-contact--insert .inn .md{
 font-family: din-2014, sans-serif;
 font-size: 40px;
 font-weight: 700;
 letter-spacing: 0.08em;
 margin: 0 0 20px 0;
}
.cv-contact--insert .inn p{
 font-size: 17px;
 font-weight: 700;
 letter-spacing: 0.08em;
 margin: 0 0 20px 0;
}
.bt-cv{
 width: 500px;
 margin: 0 auto;
}
.bt-cv span{
 display: block;
 text-align: center;
 line-height: 1;
 background-color: #fff;
 padding: 20px 0;
 color: #000;
 border-radius: 30px;
 font-size: 17px;
 position: relative;
 transition: all .3s;
}
.bt-cv span i{
 position: absolute;
 right: 20px;
}
.bt-cv span:hover{
 background-color: #000;
 color: #fff;
 transition: all .3s;
}


.layout--container{
 margin:0px auto;
}
.layout--insert{
 position: relative;
 zoom: 1
}
.layout--insert::before,
.layout--insert::after{
 content: "";
 clear: both;
 display: block;
}
.layout-title{
 width: 270px;
 float: left;
 font-family: din-2014, sans-serif;
 font-size: 55px;
 font-weight: 700;
 letter-spacing: 0.06em;
 color: #3B3B3B;
 line-height: 1;
 margin: 0 0 40px 0;
 position: -webkit-sticky;
 position: sticky;
 top: 250px;
}

.layout-content{
}

.news-list dl{
 margin: 0 0 0px 0;
 padding: 20px 30px;
 transition: all .3s;
 position: relative;
}
.news-list dl:hover{
 background-color: #111;
 border-radius: 5px;
 transition: all .3s;
}
.news-list dl:last-child{
 margin: 0;
}
.news-list dl a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 2;
}
.news-list dt{
 display: table-cell;
 width: 140px;
 padding: 5px 0px;
}
.news-list dd{
 display: table-cell;
 text-align:left;
}
.news-list{
 position: relative;
 padding: 70px 0 0 0;
}
.news-list::before{
 content: '';
 position: absolute;
 width: 100px;
 height: 1px;
 background-color: #fff;
 top: 0;
 left: 30px;
}

.news-entry .date{
 color: #777;
}
.news-entry h2{
 font-size: 18px;
 margin: 15px 0 40px 0;
}
.news-entry hr{
 width: 150px;
 margin: 0 0 30px 0;
}
.entry-txt{
 line-height: 200%;
}
.entry-txt p{
 margin: 0 0 15px 0;
}
.entry-txt img{
 width: auto;
 max-width: 100%;
 height: auto;
}

.view-back{
 margin: 70px 0 0 0;
}

.form--insert{
 overflow: hidden;
}

.mailform{
 width: 65%;
 float: left;
}
.attention{
 width: 30%;
 float: right;
}
.attention .md{
 font-family: din-2014, sans-serif;
 font-size:25px;
 font-weight: 700;
 letter-spacing: 0.06em;
 line-height: 1;
 margin: 0 0 40px 0;
}

p.lead{
 margin: 0 0 40px 0;
}

.policy-link{
 margin: 30px 0;
}

.concept-copy{
 text-align: center;
 margin: 0px 0 50px 0;
}
.concept-copy h1{
 font-size: 20px;
 letter-spacing: 0.08em;
 margin: 0 0 20px 0;
}
.concept-copy .eng {
    font-family: din-2014, sans-serif;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 0 0 0px 0;
}
.pic-concept {text-align: center;margin: 0 0 70px 0;}
.pic-concept img{
 width: 100%;
 height: auto;
}

.concept--insert{
 text-align: center;
 width: 1080px;
 margin: 0 auto;
}
.concept--insert h2{
 font-size: 23px;
 letter-spacing: 0.08em;
 margin: 0 0 30px 0;
}
.concept--insert p{
 text-align: left;
}

.concet-list{
 margin: 70px auto 0;
 overflow: hidden;
}
.concet-list hr{
 margin: 0 0 70px 0;
}
.concet-list h2{
 font-size: 24px;
 margin: 0px 0 20px;
}
.concet-list .left{
 text-align: center;
 margin: 0 0 30px 0;
}
.concet-list .right{
 
}
.concet-list .right ul{overflow: hidden;}
.concet-list .right ul li img{width: 100%;height: auto;}
.concet-list .right ul li{
 width: 28%;
 float: left;
 margin: 0 8% 0 0;
}
.concet-list .right ul li:last-child{margin: 0;}
.concet-list .right ul li p{
 font-size: 13px;
 margin: 5px 0 0 0;
}

.md-about{
 text-align: center;
 font-size: 17px;
 margin: 0 0 30px 0;
}
.md-about span{
 display: inline-block;
 border-bottom: 1px solid #000;
}
.about--insert{
 width: 1000px;
 margin: 0 auto;
}
.about--insert p{
 text-align: center;
}

.pic-meca img{
 width: 100%;
 height: auto;
}
.pic-meca {
 width: 500px;
 margin: 0 auto 30px;
}

.about-wrap hr{
 margin: 0 0 60px 0;
}
.about-wrap .num{
 font-family: din-2014, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 14px;
 letter-spacing: 0.05em;
 line-height: 1;
 position: relative;
 text-align: center;
}
.about-wrap h2{
 text-align: center;
 font-size: 22px;
 margin: 15px 0 30px 0;
}
.about-wrap ul{overflow: hidden;}
.about-wrap ul li{
 width: 48%;
 float: left;
}
.about-wrap ul li:last-child{
 float: right;
}
.about-wrap ul li p{
 text-align: left;
}
.about-wrap ul li .pic {
 margin: 20px 0 0 0;
}
.about-wrap ul li .pic img{
 width: 100%;
 height: auto;
}
.about-wrap ul li .md{
 text-align: center;
 background-color: #333;
 padding: 10px 0;
 margin: 0 0 30px 0;
}
.about-wrap.last{
 margin: 100px 0 0 0;
}
.about-wrap ul li .item p{
 font-weight: 800;
 font-size: 16px;
 margin: 0 0 5px 0;
}
.about-wrap ul li .item {
 font-size: 12px;
 line-height: 160%;
 margin: 20px 0 0 0;
}

.works-list ul{}
.works-list ul li {
    width: 30%;
    margin: 0 5% 5% 0;
    float: left;
    padding: 0;
    position: relative;
}
.works-list ul li:nth-child(3n){
 margin: 0 0 5% 0;
}
.works-list ul li .num {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 0 0;
    font-family: din-2014, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
}
.works-list ul li .pic {
    margin: 0 0 15px 0;
}
.works-list ul li .pic img {
    width: 100%;
    height: auto;
}
.works-list ul li .cat {
    font-family: din-2014, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #777;
    line-height: 1;
    margin: 8px 0;
}
.works-list ul li .date {
    font-family: din-2014, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #777;
    line-height: 1;
}
.works-list ul li p {
    margin: 0;
}


.wall-entry img{
 width: 100%;
 height: auto;
}
.wall-entry ul li{
 margin: 0 0 30px 0;
}

.works-entry .num{
 font-family: din-2014, sans-serif;
 font-size: 55px;
 font-weight: 700;
 letter-spacing: 0.06em;
 line-height: 1;
 margin: 0 0 40px 0;
 float: right;
}

.works-entry-title{
 margin: 0 0 50px 0;
 overflow: hidden;
}

.works-entry-title .cat {
    font-family: din-2014, sans-serif;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #777;
    line-height: 1;
    margin: 8px 0;
}
.works-entry-title .date {
    font-family: din-2014, sans-serif;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #777;
    line-height: 1;
}
.works-entry-title h2{
 font-size: 23px;
 margin: 10px 0 20px 0;
}

.layout-title .view-txt span{
 display: block;
 margin: 30px 0 0 0;
}

.main-category{
 height: 400px;
 position: relative;
 background-position: center center;
 background-size: cover;
}
.main-category .inn{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 95%;
 z-index:2;
 text-align: center;
 vertical-align: middle;
}
.main-category .inn h2{
 font-family: din-2014, sans-serif;
 font-size: 55px;
 font-weight: 700;
 letter-spacing: 0.08em;
 line-height: 1;
}

.catalog-insert ul{overflow: hidden;}
.catalog-insert ul li{
 width: 48%;
 float: left;
}
.catalog-insert ul li:last-child{
 float: right;
}
.catalog-insert ul li .eng{
 font-family: din-2014, sans-serif;
 font-size: 25px;
 font-weight: 700;
 letter-spacing: 0.08em;
 margin: 15px 0 0 0;
}
.catalog-insert ul li .pic{
 padding: 20px;
 background-color: #000;
 text-align: center;
 position: relative;
}
.catalog-insert ul li .pic img{
 height: 250px;
 width: auto;
 border: 1px solid #fff;
}
.catalog-insert ul li .pic a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 2;
}

.product--insert{
 width: 1080px;
 margin: 0 auto;
}

.cept-txt{
 text-align: center;
 font-family: din-2014, sans-serif;
 font-size: 30px;
 font-weight: 700;
 letter-spacing: 0.08em;
 line-height: 1;
 margin: 50px 0;
}


.layout-title-product{
}
.layout-title-product p{
 font-size: 14px;
 letter-spacing: 0.02em;
 margin: 10px 0 0 0;
}

.main-product {
 margin: 0 0 50px 0;
}
.main-product img{
 width: 100%;
 height: auto;
}

.wrap{overflow: hidden;}

.md-eng-02{
 font-family: din-2014, sans-serif;
 font-size: 30px;
 font-weight: 600;
 letter-spacing: 0.02em;
 line-height: 1;
 margin: 0 0 20px 0;
 color: #0DA8CB;
}
p.txt{
 margin: 0 0 20px 0;
}
.md-eng{
 font-family: din-2014, sans-serif;
 font-size: 28px;
 font-weight: 700;
 letter-spacing: 0.08em;
 line-height: 1;
}
.md-jp{
 font-size: 17px;
 font-weight: 700;
 margin: 5px 0 30px 0;
}
.img100 img{width: 100%;height: auto;}


.md-fence{
 font-size: 24px;
 font-weight: 800;
 margin: 0 0 10px 0;
}

.txtture-box{
 width: 80%;
 margin: 0 auto;
}
.txtture-list ul{overflow: hidden;}
.txtture-list ul li{
 width: 32%;
 float: left;
 margin: 0 2% 0 0;
}
.txtture-list ul li:last-child{margin: 0;}
.txtture-list ul li img{
 width: 100%;
 height: auto;
}
.txtture-list p{
 margin: 15px 0 30px 0;
}
.txtture-list p span{
 display: inline-block;
 margin: 0 0 0 15px;
 font-size: 13px;
}

.notice-box{
 padding: 30px;
 border: 1px solid #888;
}

.box-white{
 padding: 35px;
}

.col03 ul{overflow: hidden;}
.col03 ul li{
 width: 32%;
 float: left;
 margin: 0 2% 0 0;
}
.col03 ul li:last-child{margin: 0;}
.col03 ul li .pic img{
 width: 100%;
 height: auto;
}
.col03 ul li .pic{
 margin: 0 0 12px 0;
}
.col03 ul li .md{
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 5px 0;
}
.col03 ul li p{
 font-size: 13px;
 line-height: 150%;
}

.lead-fence span{
 display: block;
}
.lead-fence span.notice{
 font-size: 12px;
}

.layout-link{
 margin: 50px 0 0 0;
}
.layout-link ul li{
 font-size: 14px;
 letter-spacing: 0.02em;
 margin: 0 0 15px 0;
}

.sign-info{
 margin: 50px 0 0 0;
}
.sign-info ul{overflow: hidden;}
.sign-info ul li{
 width: 48%;
 float: left;
 margin: 0 2% 2% 0;
 overflow: hidden;
}
.sign-info ul li:nth-child(2n){
 margin: 0 0 2% 0;
}
.sign-info ul li .pic{
 width: 150px;
 height: 150px;
 float: left;
}
.sign-info ul li .pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.sign-info ul li .txt{
 width: calc(100% - 170px);
 float: right;
}
.sign-info ul li .txt .md{
 font-size: 18px;
 margin: 0 0 12px 0;
}

.texture-link{
 margin: 50px 0 0 0;
 background-color: #000;
 border: 1px solid #333;
 padding: 25px;
}
.texture-link .bt span{
 display: block;
 padding: 17px 0;
 text-align: center;
 background-color: #fff;
 color: #000;
 position: relative;
}
.texture-link .bt span i{
 right: 20px;
 position: absolute;
}
.texture-link .bt:hover span{
 background-color: #f1f1f1;
}

.pcp-category{
 margin: 30px 0 0 0;
}
.pcp-category .md{
 font-family: din-2014, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 letter-spacing: 0.05em;
 margin: 0 0 20px 0;
}
.pcp-category ul li{
 font-family: din-2014, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 15px;
 letter-spacing: 0.05em;
 margin: 0 0 12px 0;
}
.pcp-category ul li.active i{
  color: #FE130E;
}

.title-works{
 font-size: 18px;
 letter-spacing: 0.08em;
 font-weight: 800;
 margin: 0 0 20px 0;
}

.pcp-line-list{overflow: hidden;margin: 50px 0 0 0;}

.pcp-line-up{
 width: 50%;
 padding: 0 10px;
 float: left;
 position: relative;
 overflow: hidden;
 margin: 0 0 40px 0;
}
.pcp-line-up a{
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;
}
.pcp-line-up .pic{
 width: 48%;
 float: left;
 border: 1px solid #ddd;
}
.pcp-line-up .pic img{
 width: 100%;
 height: auto;
}
.pcp-line-up .txt{
 width: 47%;
 padding: 0 1% 0 0;
 float: right;
}
.pcp-line-up .txt h2{
 font-size: 18px;
 font-weight: normal;
 margin: 0 0 10px 0;
}
.pcp-line-up .txt .sv-title{
 font-size: 13px;
}
.pcp-line-up .txt .number{
 font-size: 13px;
}

.item-spec{
 border-top: 1px solid #333;
 margin: 20px 0 0 0;
 padding: 20px 0 0 0;
}
.item-spec .md{
 font-size: 14px;
 margin: 0 0 5px 0;
 font-weight: bold;
}
.item-spec dl{
 margin: 0 0 2px 0;
 font-size: 13px;
}
.item-spec dl:last-child{
 margin: 0;
}
.item-spec dt{
 display: table-cell;
 width: 70px;
 padding: 2px 0px;
 font-weight: normal;
 vertical-align: middle;
 line-height: 150%;
}
.item-spec dd{
 display: table-cell;
 text-align:left;
 vertical-align: middle;
 padding: 2px 0 2px 0px;
 line-height: 150%;
}

.product-entry{
 overflow: hidden;
}
.main-slide{
 display: block;
 width: 450px;
 float: left;
 position: relative;
}
.main-slide .arrow{
 position: absolute;
 z-index: 10;
}
.main-slide .pic{
 height: 450px;
 position: relative;
}

.main-slide .pic-ful{
 height: 450px;
 position: relative;
}
.main-slide .pic-ful img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.entry-slide{
 margin: 0 0 7px 0;
}

.entry-navigation .tmb{
 padding: 5px;
}
.entry-navigation .tmb .pic-nav{
 height: 85px;
 position: relative;
}
.entry-navigation .tmb .pic-nav-ful{
 border: 1px solid #ddd;
 height: 85px;
 position: relative;
}
.entry-navigation .tmb .pic-nav-ful img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}

.entry-slide .pic img{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 height: 99%;
 width: auto;
 z-index:1;
 text-align: center;
 vertical-align: middle;
}

.entry-navigation .tmb .pic-nav img{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 height: 100%;
 width: auto;
 z-index:1;
 text-align: center;
 vertical-align: middle;
}


.product-entry-info{
 width: calc(100% - 500px);
 float: right;
}

.pcp-kikaku{
 border-top: 1px solid #000;
 margin: 0 0 30px 0;
}
.pcp-kikaku .md{
 font-size: 18px;
 padding: 50px 0 25px 0;
}
.pcp-kikaku .pic img{
 max-width: 100%;
 height: auto;
}

.layout-content-catalog iframe{
 height: 650px!important;
}

.layout-tec .box{
	border-top: 1px solid #ddd;
	margin: 70px 0 0 0;
	padding: 70px 0 0 0;
}

.layout-tec .box .img100{
	margin: 30px 0 0 0;
}