/*Common*/
body{
    margin: 0;
    padding: 0;
    font-size: 3.6vw;
    font-family: "FP-ヒラギノ明朝 ProN W3", "FP-HiraMinProN-W3", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	letter-spacing: 1.7;
}

a {
    text-decoration: none !important;
    color: inherit;
}

a:hover,
button:hover,
input[type="submit"]:hover {
    opacity: 0.85;
}

.clearfix{
    overflow: auto;
}

.content-wrap{
    margin-top: 11.6vw;
    background-attachment: fixed;
}

.inq-input-error{
    border: 1px solid red;
}

.content{
    padding-top: 8vw;
	text-align: center;
}


/*Header*/
.top-header-wrap{
    height: 11.5vw;
    position: fixed;
    top: 0;
    width: 100vw;
    text-align: center;
    overflow: auto;
    border-bottom: 1vw solid rgba(255,255,255,0.9);
    z-index: 1000;
}

.white-header{
    background-color: white;
    position: fixed;
    width: 100vw;
}
.top-header-menu-0{
    width: 12vw;
    /*display: inline-block;*/
    float: left;
    padding-top: 3vw;
    padding-bottom: 2vw;
	font-size: 3.75vw;
}
.top-header-menu-1{
    width: 12vw;
    /*display: inline-block;*/
    float: left;
    padding-top: 3vw;
    padding-bottom: 2vw;
}

.top-header-menu-2{
    width: 67vw;
    /*display: inline-block;*/
    float: left;
    padding-top: 3vw;
    padding-bottom: 3vw;
    border-left: 0.1vw solid #666666;
    border-right: 0.1vw solid #666666;
}

.top-header-menu-3{
    width: 20vw;
    /*display: inline-block;*/
    float: left;
    padding-top: 4.5vw;
    padding-bottom: 2vw;
}

.top-header-menu-phone{
    width: 4vw;
}

.top-header-menu-logo{
    width: 47.8vw;
}

.top-header-menu-inq{
    width: 14vw;
}

.header-menu-wrap{
    margin-left: 3vw;
    margin-right: 3vw;
    padding-top: 1vw;
    overflow: auto;
}

.header-menu-1-img{
    width: 37.5vw;
}

.header-menu-2-img{
    width: 14vw;
}

.header-menu-3-img{
    width: 20.5vw;
}

.header-menu-1{
    padding-top: 3vw;
    padding-left: 1.5vw;
 	display: inline-block;
    /*float: left;*/
    width: 42vw;
    border-left: 0.6vw solid #9f9500;
    /*position: fixed;*/
    z-index: 9999999;
}

.header-menu-2{
    padding-top: 5vw;
    padding-left: 1.5vw;
    display: inline-block;
    /*float: left;*/
    width: 18vw;
    border-left: 0.6vw solid #9f9500;
    /*position: fixed;*/
    left: 49vw;
    z-index: 9999999;
}

.header-menu-3{
    padding-top: 5.5vw;
    padding-left: 1.5vw;
    display: inline-block;
    /*float: left;*/
    width: 18vw;
    border-left: 0.6vw solid #9f9500;
   /*position: fixed;*/
    left: 72vw;
    z-index: 9999999;
}

.display-mobile{
	font-size: 3.6vw;
	line-height: 1.2em;
}

.footer-1-wrap{
    background-color: rgba(33, 33, 33, 0.74);
    padding: 2vw 2vw;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
    grid-gap: 1rem;
    grid-auto-flow: dense;
    grid-template-rows: repeat(1, 1.5vh);
}
.footer-info-ttl{
	grid-row: 1 / 2;
}
.footer-info-ttl img{
	width: 36vw;
    padding: 1vw;
	
}
.footer-img-1{
    width: 11.2vw;
    margin-bottom: 1vh;
}

.footer-img-wrap{
    float: left;
	margin-right: 1vw;
}

.footer-1-desc{
    /*float: left;
	margin-left: 2vw;
	width: 56vw;*/
	font-size: 3.2vw;
	line-height: 1.2;
}

/*Footer*/
.footer-1-ttl{
    font-size: 3.2vw;
}

.footer-2-wrap{
    background-color: #e3e3e3;
    padding: 4.5vw 3.5vw 5vw 3.5vw;
}

.footer-logo-text-wrap{
    overflow: auto;
    margin-bottom: 9vw;
}

.footer-logo-wrap{
    float: left;
}

.footer-text-wrap{
    float: right;
}

.footer-logo{
    width: 30.5vw;
}

.footer-text{
    width: 17vw;
}

.footer-text-2{
    margin-bottom: 2vw;
    font-size: 3.6vw;
	line-height: 1.4;
}

.google-map-text{
    width: 16.5vw;
}

.google-map-wrap{
    overflow: auto;
    overflow-y: hidden;
    margin-bottom: 2.5vw;
}

.google-map{
    width: 50vw;
    height: 16vw;
    float: left;
}

.google-map-iframe{
    width: 98%;
    height: 100%;
}

.google-map-text-wrap{
    float: left;
    margin-left:2vw;
}

.copyright{
    font-size: 2.2vw;
}

.footer-ig{
    width: 5vw;
}

.footer-ig-wrap{
    float: right;
    margin-top: 12vw;
}



/*TOP*/
.top-content{
    /* margin-top: 7.5vw; */
	padding: 0 4vw 4vw;
	/* margin-bottom: -3vw; */
}

.honma-dna{
    width: 81vw;
}

.top-text-1{
        /* padding: 1vw 11vw 1vw 2vw; */
    padding-top: 1vh;
    padding-bottom: 1vh;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-size: 4.6vw;
    /* text-align: center; */
    margin-bottom: 4vw;
    width: 83vw;
    margin-left: 4vw;
}

.top-text-2{
    text-align: center;
    color: #fff;
    text-shadow: 0.2vw 0.2vw 0.3vw #0b0b0b;
    margin-bottom: 3vw;
}

.top-text-2-1{
    margin-bottom: 8vw;
}

.top-text-3{
    font-size: 4.8vw;
    text-align: center;
    margin-bottom: 4vw;
    color: #fff;
    text-shadow: 0.2vw 0.2vw 0.3vw #0b0b0b;
}

.top-portfolio-wrap{
    overflow: auto;
	background-color: #fff8;
	padding-left: 1vw;
	padding-top: 2vh;
	padding-bottom: 1vh;
}
.top-text_linkarea{
	width: 92vw;
	float: left;
	}
.top-text-4{
    font-size: 3.4vw;
    float: left;
    margin-left: 1vw;
    color: #000;
}
.top-shitumon{
    font-size: 3.4vw;
    color: #000;
	float: right;
	text-align: right;
}

.top-portfolio-items{
    float: left;
}

.top-portfolio-item{
    float: left;
    margin-right: 1.5vw;
	width: 30vw;
	margin-bottom: 1vh;
}

.top-portfolio-img{
    width: 30vw;
}

.top-portfolio-desc{
    font-size: 3.2vw;
	color: #000;
	line-height: 1.2em;
}
.info-one{
		  grid-row: 2 / 3;
	/*width: 10vw;
	float: left;
	margin-top: 1vh;*/
}
.cate{
	background-color: black;
	text-align: center;
	padding: 2px;
	margin-bottom: 3px;
	letter-spacing: 0.8;
}

/*@keyframes cf4FadeInOut {*/
    /*0% {*/
        /*opacity:1;*/
    /*}*/
    /*17% {*/
        /*opacity:1;*/
    /*}*/
    /*25% {*/
        /*opacity:0;*/
    /*}*/
    /*92% {*/
        /*opacity:0;*/
    /*}*/
    /*100% {*/
        /*opacity:1;*/
    /*}*/
/*}*/

/*.cf4a img:nth-of-type(1) {*/
    /*animation-delay: 14s;*/
/*}*/
/*.cf4a img:nth-of-type(2) {*/
    /*animation-delay: 10s;*/
/*}*/
/*.cf4a img:nth-of-type(3) {*/
    /*animation-delay: 6s;*/
/*}*/
/*.cf4a img:nth-of-type(4) {*/
    /*animation-delay: 2s;*/
/*}*/

.cf4a img {
    position:fixed;
    left:0;
    top: 0;
    z-index: -1;
    width: 100vw;
    /*height: 100vh;*/
}

/*.cf4a img {*/
    /*-webkit-animation-name: cf4FadeInOut;*/
    /*-webkit-animation-timing-function: ease-in-out;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-duration: 16s;*/

    /*-moz-animation-name: cf4FadeInOut;*/
    /*-moz-animation-timing-function: ease-in-out;*/
    /*-moz-animation-iteration-count: infinite;*/
    /*-moz-animation-duration: 16s;*/

    /*-o-animation-name: cf4FadeInOut;*/
    /*-o-animation-timing-function: ease-in-out;*/
    /*-o-animation-iteration-count: infinite;*/
    /*-o-animation-duration: 16s;*/

    /*animation-name: cf4FadeInOut;*/
    /*animation-timing-function: ease-in-out;*/
    /*animation-iteration-count: infinite;*/
    /*animation-duration: 16s;*/
/*}*/
/*.cf4a img:nth-of-type(1) {*/
    /*-webkit-animation-delay: 14s;*/
    /*-moz-animation-delay: 14s;*/
    /*-o-animation-delay: 14s;*/
    /*animation-delay: 14s;*/
/*}*/
/*.cf4a img:nth-of-type(2) {*/
    /*-webkit-animation-delay: 10s;*/
    /*-moz-animation-delay: 10s;*/
    /*-o-animation-delay: 10s;*/
    /*animation-delay: 10s;*/
/*}*/
/*.cf4a img:nth-of-type(3) {*/
    /*-webkit-animation-delay: 6s;*/
    /*-moz-animation-delay: 6s;*/
    /*-o-animation-delay: 6s;*/
    /*animation-delay: 6s;*/
/*}*/
/*.cf4a img:nth-of-type(4) {*/
    /*-webkit-animation-delay: 2s;*/
    /*-moz-animation-delay: 2s;*/
    /*-o-animation-delay: 2s;*/
    /*animation-delay: 2s;*/
/*}*/


/*Inquiry*/
.inquiry-content{
    margin: 4.5vw 3.5vw 0;
}

.inq-ttl-wrap{
    padding: 3.5vw 3.5vw 2vw 4.5vw;
    background-color: rgba(0,0,0,0.5);
    overflow: auto;
    color: #fff;
    margin-bottom: 0.5vw;
}

.inq-ttl{
    font-size: 5.2vw;
    float: left;
}

.inq-link-wrap{
    float: right;
    margin-top: 1.7vw;
}

.inq-link{
    width: 19.5vw;
}

.inq-desc-1{
    padding: 5vw;
    color: #fff;
    background-color: #333333;
    margin-bottom: 2vw;
}

.form-wrap{
    padding: 9vw 6.5vw 20vw;
    background-color: rgba(255,255,255,0.8);
    margin-bottom: 11vw;
}

.form-label{
    width: 29vw;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.form-label-left{
    text-align: left;
}

.form-input{
    width: 50vw;
    margin-left: 1.5vw;
    display: inline-block;
}

.form-item{
    margin-bottom: 3vw;
}

.form-item-1{
    margin-bottom: 5vw;
}

.form-item-2{
    margin-bottom: 10vw;
}

.form-item-3{
    margin-bottom: 6vw;
}

.form-item-4{
    margin-bottom: 9vw;
}

.inq-upl{
    width: 22.7vw;
}

.btn-upl{
    display: inline-block;
}

.form-desc{
    text-align: center;
    font-size: 3.2vw;
    margin-bottom: 4vw;
}

.form-input{
    overflow: auto;
}

.form-input .btn-upl:nth-of-type(2){
    float: right;
}

.submit-wrap{
    text-align: center;
}

.submit-wrap input[type=submit] {
    background-image : url("img/inq/submit.png");
    background-size: cover;
    border: none;
    cursor: pointer;
    color: transparent;
    width: 28.2vw;
    height: 9.8vw;
}

.form-input select{
    height: 5vw;
    color: black;
    background-color: #b3b3b3;
    border-radius: 5vw;
    text-align: center;
    text-align-last: center;
}

.form-input input[type=text], input[type=tel], input[type=email]{
    height: 6vw;
    width: 100%;
    border: none;
    padding-left: 2vw;
}

.form-textarea{
    width: 100%;
    height: 32vw;
    border: none;
}

.company-wrap{
    color: #fff;
    padding: 1.5vw 7vw 0;
    background-color: rgba(0,0,0,0.6);
    /* margin: 0 -3.5vw; */
}

.inq-company-ttl{
    font-size: 4.3vw;
    text-align: right;
    margin-bottom: 6vw;
}

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

.text-1-img-wrap{
    padding-top: 4vw;;
}

.inq-desc-2{
    font-size: 4.2vw;
    word-break: keep-all;
    text-align: justify;
    margin-bottom: 10vw;
}
.inq-desc-2 img{
	width: 30%;
	margin-top: 2vh;
}

.inq-item-img{
    width: 100%;
}

.inq-item-img-wrap{
    margin-bottom: 3vw;
}

.inq-desc-3{
    font-size: 4.2vw;
    margin-bottom: 9vw;
}

.inq-history{
    font-size: 3.75vw;
    margin-bottom: 8.5vw;
}

.inq-history-row{
    overflow: auto;
}

.inq-history-year{
    float: left;
}

.inq-history-desc{
    float: left;
    margin-left: 4vw;
}

.inq-history-ttl{
    margin-bottom: 3vw;
}

.inq-info-ttl{
    margin-bottom: 3vw;
	font-size: 3.75vw;
}

.inq-info-row{
    overflow: auto;
}

.inq-info-1,
.inq-info-2{
    float: left;
    text-align: right;
	margin-right: 4vw;
}

.inq-info-2{
    float: left;
	text-align: left;
}
.inq-info-3{
    float: left;
	text-align: left;
	width: 50vw;
}
.inq-info-tbl{
	border-bottom: solid 0.2vw #fff;
	border-top: solid 0.2vw #fff;
	padding-top: 6vw;
	padding-bottom: 3.5vw;
	text-align: center;
}

.inq-info{
    margin-bottom: 6vw;
}

.inq-desc-4{
    text-align: center;
}

.inq-bg-darker{
    background-color: rgba(0,0,0,0.6);
    margin: 0 -7vw;
    padding: 27.5vw 10vw 9vw;
    margin-top: -27.5vw;
}

.file-input{
    display: none;
}

.file-selected{
    border: 0.1vw solid green;
}

.file-input-name{
    font-size: 2.5vw;
    position: absolute;
    width: 22.7vw;
}




/*DNA*/
.dna-content{
    padding-top: 13vw;
    margin-left: 3vw;
    margin-right: 3vw;
}

.dna-honma{
    width: 87vw;
    padding-left: 0.3vw;
}

.dna-main-img{
    width: 100%;
}

.dna-white-bg{
    text-align: center;
    background-color: rgba(255,255,255,0.8);
}

.dna-text-1{
    padding: 3vw 3vw 3vw 3vw;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-size: 4.6vw;
	text-align: center;
    letter-spacing: 4.4;
}

.dna-text-2{
    font-size: 3.6vw;
    line-height: 7vw;
	margin-bottom: 8.5vw;
	padding-top: 2vh;
}

.dna-text-3{
    background-color: rgba(66,66,66,0.8);
    color: #fff;
    padding: 0.5vw;
	letter-spacing: 1.4;
}

.dna-honma-img{
    width: 83vw;
    margin-bottom: 14.5vw;
}

.dna-section-ttl{
    font-size: 5.4vw;
    letter-spacing: 1.8;
    background-color: #333333;
    color: #fff;
    padding: 1.5vw 0;
	clear: both;
}
.dna-elememts{
	/*height: 45vh;*/
    position: relative;
	margin-bottom: 3vh;
}
.dna-elememts .dna-img-bg{
    width: 86vw;
}

img.ecical,
img.design,
img.cospa,
img.daiku_gi,
img.omoi{
    width: 25vw;
}
.ecical{
    position: absolute;
    top: 24vw;
    right: 64vw;
}
.design{
    position: absolute;
    top: 18vw;
    right: 35vw;
}
.cospa{
    position: absolute;
    top: 23vw;
    right: 8vw;
}
.daiku_gi{
    position: absolute;
    top: 44vw;
    right: 49vw;
}
.omoi{
    position: absolute;
    top: 44vw;
    right: 22vw;
}
.f15{
	font-size: 3.5vw;
}
.section-img{
    width: 100%;
    margin-bottom: 2.5vw;
	}

.section-desc-1{
   /* width: 42vw; */
    display: inline-block;
    vertical-align: top;
	float: left;
	margin-right: 1vw;
	}
.section-desc-2{
    width: 46.5vw;
    display: inline-block;
    font-size: 3.6vw;
    text-align: justify;
	float: left;
	line-height: 1.4em;
	letter-spacing: 1.0;
	margin-bottom: 3vh;
}

.section-desc-img{
	width: 40vw;
	margin-bottom: 1vw;
}

.section-1-text-1{
    font-size: 4vw;
	font-family: "FP-ヒラギノ明朝 ProN W6","FP-HiraMinProN-W6";
	}

.dna-section-item{
    padding-bottom: 13vw;
	}

.section-3-text-3{
    font-size: 5vw;
    padding: 5vw;
	line-height: 1.6em;
    letter-spacing: 1.3;
}

.dna-section-3-item{
    padding: 0 3.5vw;
}

.dna-section-3-btn{
    background-color: #fff;
    padding: 4vw;
    font-size: 5vw;
    border: 0.1vw solid #e3e3e3;
    position: relative;
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}

.btn-arrow{
    width: 2.2vw;
    position: absolute;
    top: 6vw;
    right: 7vw;
}

.btn-arrow-rotate{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dna-btn-group{
    margin-bottom: 2vw;
}

.dna-section-3-desc{
    padding-top: 5vw;
}

.dna-section-3-1{
    font-size: 5vw;
    margin-bottom: 9vw;
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}

.dna-section-3-2{
    font-size: 5vw;
    margin-bottom: 8vw;
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}

.dna-section-3-3{
    font-size: 5vw;
    margin-bottom: 3vw;
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}

.dna-section-3-4{
    margin-bottom: 2vw;
    text-align: justify;
    padding-left: 6vw;
    padding-right: 4vw;
}

.section-3-1-img{
    width: 84vw;
    margin-bottom: 2vw;
}

.dna-section-3-5{
    font-size: 3.4vw;
    padding: 0 4vw;
    margin-bottom: 8.5vw;
    text-align: justify;
}
.dna-section-3-5 p{
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}
.dna-section-3-6{
    font-size: 4.4vw;
    padding: 0 4vw;
    margin-bottom: 2.5vw;
	font-family: "FP-ヒラギノ明朝 ProN W6" ,"FP-HiraMinProN-W6";
}

.section-3-2-img{
    width: 100%;
    margin-bottom: 3vw;
}

.dna-section-3-7{
    padding: 0 4vw;
    text-align: justify;
	line-height: 1.4;
}

.section-4-img{
    width: 100%;
    margin-bottom: 3vw;
}

.dna-section-4-1{
    padding: 0 5vw;
    text-align: justify;
    /* margin-bottom: -8vw; */
	margin-top: 2vh;
}

.dna-section-5-1{
    font-size: 4.4vw;
    margin-bottom: 3vw;
    padding-top: 5vw;
	line-height: 1.5;
    padding-left: 3vw;
}
.dna-section-5-2{
    font-size: 3.6vw;
	text-align: left;
    margin-bottom: 3vw;
    padding-top: 5vw;
	line-height: 1.5;
    padding-left: 3vw;
}

.section-5-3-img{
    width: 75vw;
    margin-bottom: 3.5vw;
}

.section-5-desc{
    margin-bottom: 5vw;
}

.dna-result{
    text-align: justify;
    background-color: rgba(255,255,255,0.8);
    padding: 2vw;
    display: none;
}

.dna-result-1-ttl{
    font-size: 4vw;
}

.dna-result-1-item{
    padding-bottom: 4.5vw;
}

.pagenavi{
    position: fixed;
    top: 60vw;
    right: 0;
}

.pagenavi li, .pagenavi ul{
    margin: 0;
    padding: 3vw 0;
    list-style: none;
}

.pagenavi a{
    padding: 0vw 0vw 0vw 0;
    height: 1.8vw;
    text-align: right;
    line-height: 1;
    position: relative;
}

.pagenavi-bullet{
    position: absolute;
    top: 50%;
    right: 4.6vw;
    margin-top: 1vw;
    width: 2.5vw;
    height: 2.5vw;
     background-color: rgba(0,0,0,0.25);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagenavi a:hover .pagenavi-bullet{
    background-color: #000;
}

.pagenavi-active{
    background-color: #000;
}

.pagenavi a:hover .pagenavi-text{
    right: 10vw;
    opacity: 1;
}

.pagenavi-text{
     position: absolute;
     right: 15vw;
     top: 1vw;
     -webkit-transition: 0.15s; /* Safari */
     transition: 0.15s;
     opacity: 0;
     width: 45vw;
    pointer-events: none;
 }




/*Jisseki*/
.jisseki-content{
    padding-bottom: 17.5vw;
}

.jisseki-ttl-desc-wrap{
    text-align: center;
    margin-top: 9.5vw;
    margin-bottom: 9.5vw;
    height: 65vw;
}

/*.jisseki-fade-in{*/
    /*width: 98vw;*/
/*}*/

.jisseki-ttl-wrap{
    margin-bottom: 13.5vw;
    opacity: 0;
    padding-top: 5vw;
    position: absolute;
    width: 98vw;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
}

.jisseki-ttl{
    width: 33.5vw;
}

.jisseki-desc{
    color: #fff;
    font-size: 3.2vw;
    opacity: 0;
    padding-top: 3vw;
    position: absolute;
    width: 100vw;
    top: 60vw;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
}

.jisseki-item-1 {
    background-image: url("img/jisseki/jisseki-1.jpg");
}
.jisseki-item-2 {
    background-image: url("img/jisseki/jisseki-2.jpg");
}
.jisseki-item-3 {
    background-image: url("img/jisseki/jisseki-3.jpg");
}
.jisseki-item-4 {
    background-image: url("img/jisseki/jisseki-4.jpg");
}
.jisseki-item-5 {
    background-image: url("img/jisseki/jisseki-5.jpg");
}
.jisseki-item-6 {
    background-image: url("img/jisseki/jisseki-6.jpg");
}
.jisseki-item-7 {
    background-image: url("img/jisseki/jisseki-7.jpg");
}


.jisseki-item-wrap{
    background-color: #000;
}

.jisseki-item{
    padding: 15.5vw 14vw 13vw;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    opacity: 0;
    background-position-x: 30vw;
}

.jisseki-item:hover{
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    opacity: 0.3 !important;
}

.jisseki-item-text{
    /*margin: 15.5vw 14vw 13vw;*/
    padding: 2.5vw 6.5vw;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
}

.jisseki-item-text-ttl{
    font-size: 3.8vw;
}

.jisseki-item-text-desc{
    font-size: 3.2vw;
}
/*case*/
.case-content{
    padding-bottom: 19vw;
}

.case-ttl-desc-wrap{
    position: relative;
    text-align: left;
    margin-top: 8vw;
    margin-bottom: 4vw;
    height: 6.5vw;
}

.case-ttl-wrap{
    margin-bottom: 0;
    /*float: right;*/
    right: 19vw;
    top: 5.5vw;
    width: auto;
}

.case-ttl{
    width: 22vw;
    margin-left: 5vw;
}
.t25{
	font-size: 4vw;
}
.case-desc{
    /*float: left;*/
    left: 11vw;
    color: #fff;
    font-size: 1.5vw;
    width: auto;
    top: 0;
}

.case-item-wrap{
    overflow: auto;
    overflow-x: hidden;
}
.case_back_bn{
    text-align: right;
}
.case_back_bn img{
    width: 19vw;
}

.case-item{
    padding: 0;
    text-align: center;
    color: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 50%;
    float: left;
}

.case-item-text{
    margin: 6.5vw 8vw 6.5vw;
    padding: 1vw 2.5vw;
    background-color: rgba(0,0,0,0.4);
    line-height: 1.4em;
}

.case-item-text-ttl{
    font-size: 1.6vw;
}

.case-item-text-desc{
    font-size: 1.3vw;
}

.case-main-img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 30vw;
    opacity: 0;
}

.case-main-text{
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 3vw 12vw 4vw;
    background-color: rgba(0,0,0,0.5);
    width: 76vw;
    opacity: 0;
}

.case-main-text-ttl{
    font-size: 3.2vw;
    text-align: left;
}

.case-main-text-desc{
    font-size: 4.8vw;
}

.case-item-wrap{
    color: #FFF;
}

.case-main-img-wrap{
    position: relative;
    margin-bottom: 7vw;
    height: 45vw;
}

.case-text-1{
    text-align: center;
    font-size: 4vw;
    margin-bottom: 10vw;
}

.case-img-2-wrap{
    overflow: auto;
    margin-bottom: 1.5vw;
    min-height: 125vw;
    overflow-y: hidden;
}

.case-img-2-left{
    float: left;
/* width: 40vw; */
}

.case-img-2-right{
    float: right;
    width: 49vw;
    padding: 0 1vw;
    line-height: 1.8;
}
.case-img-2-left_t{
    float: left;
    width: 46vw;
	 padding: 0 3vw;
    line-height: 1.6;
}

.case-img-2-right_pic{
    float: right;
	width: 43vw;
/* margin-right: 3vw; */
}

.case-img-2-item{
    margin-bottom: 8.5vw;
    height: 33vw;
    width: 100%;
    position: relative;
}
.case-img-2-2-item{
    margin-bottom: 8.5vw;
    height: 36vh;
    position: relative;
}
.case-img-2{
    position: absolute;
    width: 43vw;
    top: 20vw;
    opacity: 0;
}
.case-img-2-4{
    position: absolute;
    height: 28vh;
    top: 20vw;
    opacity: 0;
}

.case-text-2{
    padding: 0 3vw;
    line-height: 1.6;
    margin-bottom: 10vw;
}

.case-img-3-wrap{
    margin-bottom: 4vw;
    overflow: auto;
}

.case-img-3-item{
    width: 50%;
    /*display: inline-block;*/
    float: left;
}

.case-img-3{
    width: 100%;
    opacity: 0;
}

.case-text-3{
    padding: 0 4vw;
    font-size: 3.2vw;
    margin-bottom: 13vw;
}

.case-img-4-wrap{
    width: 100%;
    margin-bottom: 5.5vw;
    position: relative;
    height: 45vw;
}

.case-img-4{
    position: absolute;
    width: 100vw;
    right: 20vw;
    opacity: 0;
}

.case-text-4{
    padding: 0 4vw;
	line-height: 1.8;
}

/*renovation*/
.w6{
	font-family: "FP-HiraMinProN-W6";
	}
.ren-content{
    margin: 3.5vw 3.5vw 0;
}

.ren-ttl{
    font-size: 4.7vw;
}

.ren-ttl-wrap{
    padding: 3.5vw 3.5vw 2vw 4.5vw;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}

.ren-content-desc{
    padding: 2vw 0 2vw 0;
    background-color: rgba(255,237,222,0.8);
}

.ren-text-1-wrap{
    padding-left: 3.5vw;
    padding-right: 3vw;
    margin-bottom: 7vw;
}

.ren-text-1-1{
    background-color: white;
    display: initial;
    font-size: 4.8vw;
    line-height: 9vw;
	font-family: "FP-HiraMinProN-W6";
	letter-spacing: 0.12em;
}

.ren-text-1-2{
    margin-top: 8vw;
	line-height: 1.6em;
	text-align: left;
}

.ren-1-img{
    width: 100%;
    margin-bottom: 2.5vw;
	line-height: 1.6em;
}

.ren-text-2{
    font-size: 3.4vw;
    padding-left: 2.5vw;
	line-height: 1.6em;
	text-align: left;
}

.ren-text-2-wrap{
    margin-bottom: 7vw;
}

.ren-text-3-wrap{
    padding: 8vw 2.5vw 11vw 4vw;
    background-color: white;
    text-align: center;
    margin-bottom: 1.5vw;
}

.ren-text-3-1{
    font-size: 4.4vw;
    margin-bottom: 4vw;
	font-family: "FP-HiraMinProN-W6";

}

.ren-item{
    padding: 5vw 3vw 4vw;
    margin-bottom: 4vw;
    width: 69.5vw;
    margin-left: auto;
    margin-right: auto;
}

.ren-item-ttl{
    font-size: 5.9vw;
    margin-bottom: 2vw;
	font-family: "FP-HiraginoUDSansStdN-W4";
}

.ren-item-desc{
    font-size: 2.9vw;
	font-family: "FP-HiraginoUDSansStdN-W4";
}

.ren-item-wrap .ren-item:nth-of-type(1){
    background-color: #f0f2f0;
}

.ren-item-wrap .ren-item:nth-of-type(2){
    background-color: #ffedfa;
}

.ren-item-wrap .ren-item:nth-of-type(3){
    background-color: #f7fce8;
}

.ren-item-wrap .ren-item:nth-of-type(4){
    background-color: #fffae3;
}

.ren-item-wrap .ren-item:nth-of-type(5){
    background-color: #fff0e3;
}

.ren-item-wrap .ren-item:nth-of-type(6){
    background-color: #ebf2f5;
}

.ren-text-3-2{
    text-align: justify;
	line-height: 1.6em;
}

.ren-arrow-img{
    width: 26vw;
}

.ren-arrow-wrap{
    text-align: center;
    margin-bottom: 9vw;
}

.ren-btn-1{
    width: 70vw;
    margin-bottom: 5vw;
}

.ren-btn-2{
    width: 50vw;
}

.ren-btn-wrap{
    text-align: center;
    margin-bottom: 23vw;
}

.ren-text-4{
    font-size: 4.8vw;
    background-color: rgba(0,0,0,0.8);
    padding: 4vw 10vw 3vw;
    color: #ffffff;
    text-align: center;
    margin-bottom: 4vw;
	font-family: "FP-HiraMinProN-W6";
}

.ren-item-2{
    margin-bottom: 8vw;
}

.ren-item-2-ttl{
    font-size: 4vw;
    padding-left: 3vw;
    margin-bottom: 2vw;
}

.ren-item-2-img{
    width: 100%;
    margin-bottom: 5vw;
}

.ren-item-2-desc{
    font-size: 3.5vw;
    padding-left: 3vw;
	line-height: 1.6em;
	font-family: "FP-HiraMinProN-W6";
	text-align: left;
}

.square-bullet{
    font-size: 5vw;
}