@charset "utf-8";

#pnkz.pnkzMember.next{
    padding-bottom:0;
	padding-top:150px;
}
@media only screen and (max-width: 767px){
    #pnkz.pnkzMember{
        background-color: #f6f6f6;
        padding-top: 20px;
    }
	#pnkz.pnkzMember{
        padding-top: 20px;
    }
	#main.secContact{
		padding-bottom:100px;
	}
	#main.secContact02{
		padding-bottom:60px;
	}
	#pnkz.pnkzMember.next{
		padding: 20px 0 14px 20px;
		background-color:#fafafa ;
	}
}

/*-----------------------------------------------
    top
-----------------------------------------------*//* ここから */
.secFeatures{
    padding:20px 20px 100px 20px;
}
.secFeatures .topContent{
    margin-top:50px;
}
.secFeatures .wrapBox{
    position: relative;
    height: 660px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.secFeatures:nth-child(1) .wrapBox{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.secFeatures .imgIn{
    position: absolute;
    width: 950px;
    top:0;
    right:0;
}
.secFeatures .txtList{
    z-index: 10;
    /* margin-top:120px; */
}
 .secFeatures .txtIn{
    font-size: 16px;
    line-height: 2.5;
    letter-spacing: -1px;
}
 .secFeatures .txtIn + .txtIn{
    margin-top: 30px;
}
 .secFeatures .bW{
    background: #FFF;
    box-shadow: 0 0 0 6px #FFF;
}
/* @media only screen and (max-width:1550px){
    .secFeatures .wrapBox{
        height: 480px;
    }
    .secFeatures:nth-child(2) .wrapBox{
        height: 623px;
    }    
    .secFeatures .imgIn{
        width: 720px;
    }
    .secFeatures .imgIn img{
        width: 100%;
        height: auto;
    }
    .secFeatures .txtIn{
        font-size: 15px;
    }
    .secFeatures:nth-child(1) .txtList{
        margin-right: -10px;
    }
} */

.secFeatures .swiper-container{
	width: 100%;
    margin: 0 auto 50px;
}
.secFeatures .madoriList img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.secFeatures .boxSlider,
.secFeatures .sliderFeatures  {
	width:100%;
	height:100%;
}
.secFeatures .swiper-container{
	width:100%;
	height:100%;
}



.secFeatures .topContent .txtList .txtIn{
    margin-left: 30px;
    font-size: 16px;
}
.secFeatures .topContent .txtList .txtDeco{
    position:relative;
    left: -100px;
    opacity: 0;
    -webkit-transition: all 1s ease-out 0.2s;
    transition: all 1s ease-out 0.2s;
}
.secFeatures .topContent .txtList .txtDeco.lazyloaded{
    left: 0;
    opacity: 1;
}
.secFeatures .topContent .txtList .txtDeco::before{
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px;
    margin: auto 0;
}
.secFeatures .topContent .txtList .imgInLeft{
    margin-bottom: 20px;
    position: relative;
    /* left: -100px;
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out; */
}
.secFeatures .topContent .txtList .imgInLeft.lazyloaded{
    left: 0;
    opacity: 1;
}

.secFeatures .topContent .imgInBottom{
    height: 370px;
    background-color: #fff;
    max-width: 870px;
    padding: 60px 90px 30px 50px;
}
.secFeatures .topContent .imgInBottom .txtIn{
    font-size: 30px;
    line-height: 50px;
    margin-left: 0;
    margin-bottom: 10px;
}
.secFeatures .topContent .imgInBottom .txtBox{
    background-color: #373e46;
    width: 720px;
}
.secFeatures .topContent .imgInBottom .txtBox .txtIn{
    color:#fff;
    font-size: 20px;
    padding: 40px 24px;
    line-height: 0;
    margin-left: 0;
}

.secFeatures .bottomContent{
    margin-top: 30px;
    margin-bottom: 60px;
}

.secFeatures .bottomContent .itemList{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.secFeatures .bottomContent .itemList .item {
    width: 380px;
    height: 274px;
    text-align: center;
    padding: 60px 0 0;
    margin: 40px 70px 0 0;
}

@media only screen and (max-width:767px){
    .secFeatures{
        padding-bottom: 20px;
    }
    .secFeatures .topContent {
        margin-top: 0;
    }
    .secFeatures .imgIn {
        width: 60%;
        max-width: 150px;
        top:0;
        right: -20px;
    }
    .secFeatures .wrapBox {
        height: 100%;
    }
    .secFeatures .txtList {
        margin-top: 0;
    }
    .secFeatures .topContent .imgInBottom{
        margin-top:24px;
        background-color: #fff;
        width: 100%;
        padding: 0;
        height: auto;
    }
    .secFeatures .bottomContent {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .secFeatures .bottomContent .itemList .item {
        width: 105px;
        height: 116px;
        text-align: center;
        padding: 32px 0 0;
        margin: 0;
    }
    .secFeatures .bottomContent .itemList .item:last-child {
        margin: 0;
    }
    .secFeatures .topContent .txtList .txtIn{
        margin-left: 30px;
        font-size: 14px;
        line-height: 1.4;
    }
    .secFeatures .topContent .txtList .txtDeco{
        position:relative;
    }
    .secFeatures .topContent .txtList .txtDeco::before{
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background-color: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -24px;
        margin: auto 0;
    }
    .secFeatures .topContent .txtList .imgInLeft{
        width: 60%;
        margin-bottom: 20px;
    }
    .secFeatures .topContent .txtList .imgInBottom .imgInLeft{
        width: 100%;
        margin-bottom: 20px;
        padding:14px 6px;
    }
    .secFeatures .topContent .imgInBottom .txtIn{
        font-size: 18px;
        text-align: center;
        margin: 0;
        padding:35px 15px 0 15px;
    }
    .secFeatures .topContent .imgInBottom .txtBox{
        width: 100%;
    }
    .secFeatures .topContent .imgInBottom .txtBox .txtIn{
        font-size: 14px;
        padding: 15px 0;
        line-height: 1.5;
        letter-spacing: 1px;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/

/* secConceptTop */
.secConceptTop .cmnMainTit{
    background-image: url(../img/concept/bgTopConcept01.jpg);
    height: 807px;

}
.secConceptTop .cmnMainTit .titY{
    position: absolute;
    left: calc(50% - 215px);
    top: 265px;

}
.secConceptTop .cmnMainTit .titRoman {
    font-size: 30px;
    color: #373e46;
    letter-spacing: 10px;
    position: absolute;
    left: calc(50% - 690px);
}
.secConceptTop .cmnMainTit::after {
    content: "";
    display: block;
    width: 1px;
    height: 80px;
    background-color: #000;
    position: absolute;
    bottom: -40px;
    right: calc(50% - 690px);
}
.secConceptTop .titRoman.concept01{
    font-size: 36px;
    color: #fff;
    letter-spacing: 3px;
    position: absolute;
    left: calc(50% - 270px);
    bottom:calc(50% - 30px);
}
.secConceptTop .titRoman.concept02{
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    bottom:calc(50% - 90px);
    left: calc(50% - 390px);
}
.secConceptTop .cmnMainTit .tit::before {
    display: none;
}
.secConceptTop .cmnMainTit .tit {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    top: 150px;
    padding-left: 32px;
}

@media only screen and (max-width:1600px){
    .secConceptTop .cmnMainTit::after {
     display: none;
    }
}
@media only screen and (max-width:767px){
    .secConceptTop .cmnMainTit{
        margin: 0;
        background-image: url(../img/concept/bgTopConceptSp01.jpg);
        height: 340px;
    }
    .secConceptTop .cmnMainTit .titY {
        left: calc(50% - 107px);
        top: 90px;
    }
    .secConceptTop .titRoman.concept01{
        font-size: 20px;
        color: #fff;
        letter-spacing:0;
        position: absolute;
        left: 0;
        bottom: calc(50% - 1px);
        width: 100%;
        text-align: center;
    }
    .secConceptTop .titRoman.concept02{
        width: 320px;
        font-size: 20px;
        color: #fff;
        letter-spacing:0;
        position: absolute;
        bottom:calc(50% - 70px);
        left: 30px;
        line-height: 1.6;
        text-align: center;
        width: 85%;
    }
}
@media only screen and (max-width:360px){
    .secConceptTop .titRoman.concept01{
        left:40px;
    }
}
@media only screen and (max-width:350px){
    .secConceptTop .titRoman.concept01{
        left:20px;
    }
}

/* secHouse */
.secHouse{
    max-width: 1280px;
    margin: -10px auto 0;
    overflow: hidden;
    color:#000;
}
.secHouse .houseBox{
    margin: 0 auto;
    position: relative;
    display: flex;
    display: -webkit-flex;
	justify-content: flex-start;
    height: 700px;
}
.secHouse .innerRight{
    position:absolute;
    left:700px;
    width: 45.312%;
}
.secHouse .innerLeft{
    width: 42.968%;
    padding-top:0;
}
.secHouse .boxTitle{
    font-size: 34px;
    line-height: 1.8;
    margin-top:10px;
    letter-spacing: 6px;
}
.secHouse .titleTxtSub{
    font-size: 15px;
    line-height: 2.55;
    margin-top:35px;
}
@media only screen and (max-width: 1280px){
    .secHouse .boxTitle{
        letter-spacing: 3px;
    }
}
@media only screen and (max-width: 767px){
    .secHouse{
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-top: 10px;
    }
    .secHouse .wrapper1280{
        margin-left: 0;
        margin-right: 0;
    }
    .secHouse .houseBox{
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 20px 0 0 0;
        display:block;
    }
    .secHouse .innerRight{
        display: none;
    }
    .secHouse .innerLeft{
        width: 100%;
        margin: 0 auto;
    }
    .secHouse .titleTxtSub{
        font-size: 13px;
        line-height:2.2;
        margin-bottom: 20px;
        letter-spacing: 0;
        margin-top:12px;
    }
    .secHouse .boxTitle{
        font-size: 18px;
        line-height: 1.8;
        margin-top:10px;
        letter-spacing: 0;
    }
}

/* secCost */
.secCost{
    text-align: center;
    margin-top:60px;
}
.secCost .costTit{
    background-color: #373e46;
}
.secCost .costTit .innerTxt{
    color:#fff;
    font-size:22px;
    padding:40px 0;
}
.secCost .innerBox{
    background-color: #f5f7fa;
    padding-bottom:60px;
}
.secCost .innerBox .innerTxt{
    font-size:20px;
    line-height: 1.9;
    padding-top:45px;
}
.secCost .innerBox .txtExample{
    font-size:20px;
    background-color: #ffe400;
    display: inline-block;
    padding:10px 20px;
    border-radius: 50px;
    margin-top:20px;
}
.secCost .innerBox .imgCost{
    margin-top:25px;
}
.secCost .txtBox .innerTxt{
    font-size:22px;
    line-height: 2.32;
    margin-top:65px;
}
@media only screen and (max-width: 767px){
    .secCost .costTit .innerTxt{
        font-size:14px;
        line-height: 1.6;
        padding:10px 0;
    }
    .secCost .innerBox .innerTxt{
        font-size:13px;
        line-height: 1.9;
        padding-top:15px;
    }
    .secCost .innerBox .txtExample{
        font-size:13px;
        padding:10px 20px;
        border-radius: 50px;
        margin-top:10px;
    }
    .secCost .innerBox .imgCost{
        width: 88.955%;
        height: auto;
        margin: 0 auto;
        margin-top:20px;
    }
    .secCost .innerBox{
        padding-bottom:20px;
    }
    .secCost .txtBox .innerTxt{
        font-size:13px;
        line-height:2.0;
        margin-top:25px;
    }
    .secCost{
        margin-top:10px;
    }
}

/* secsecAnime */
.secAnime{
	margin-top: 70px;
}
.secAnime .boxCover{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
    width: 1140px;
    margin: 0 auto;
}
.secAnime .boxCover .box{
	border: solid 2px #000;
	border-radius: 7px;
	width: 48.245%;
	position: relative;
}
.secAnime .boxCover .box:nth-child(1)::after{
    content: "";
    background: url(../img/event/iconEventLeft01.png) center / cover no-repeat;
    width: 45px;
    height: 39px;
    bottom: -39px;
    right: calc(50% - 225px);
    margin: auto;
    position: absolute;
}
.secAnime .boxCover .box:nth-child(2)::after{
    content: "";
    background: url(../img/event/iconEventRight01.png) center / cover no-repeat;
    width: 45px;
    height: 39px;
    bottom: -39px;
    right: calc(50% - -180px);
    margin: auto;
    position: absolute;
}
.secAnime .boxCover .box .txt{
	font-size: 21px;
	line-height: 1.8;
	padding:35px 0;
    margin: 0 auto;
    text-align: center;

}
@media only screen and (max-width:768px){
	.secsecAnime .boxCover .box .txt{
		font-size: 18px;
	}
    .secAnime .boxCover{
        width: 89.333%;
        margin: 0 auto;
        margin-top:30px;
    }
}
.secAnime .boxCover .rightBox .txt{
	order: 1;
}
.secAnime .boxCover .rightBox .img{
	order: 2;
	margin-left: auto;
}
.secAnime .underIcon{
	text-align: center;
	margin-top: 28px;
}
.secAnime .innerTxt{
	text-align: center;
	font-size: 28px;
	line-height: 1.857;
	padding-top: 30px;
}
.secAnime .innerTxt .bgMarker{
    background:linear-gradient(transparent 70%, #ffff00 70%);
}
@media only screen and (max-width:767px){
	.secAnime .boxCover .box {
		display: block;
		border:1px solid #000;
        width: 47.761%;
	}
	.secAnime .boxCover .box .txt {
		font-size: 13px;
		line-height: 1.6;
		padding: 18px 0 11px;
		text-align: center;
	}
    .secAnime .boxCover .box.rightBox .txt {
		font-size: 13px;
		line-height: 1.6;
		padding: 25px 0 11px;
		text-align: center;
	}
    .secAnime .underIcon {
		width: 46.666%;
		margin: 15px auto 0;
	}
	.secAnime .requestTxt {
		text-align: center;
		font-size: 15px;
		line-height: 1.733;
		padding-top: 15px;
	}
	.secAnime{
		margin:0 auto;
		margin-top:0;
	}
	.secAnime .boxCover .box:nth-child(1)::after{
		content: "";
		background: url(../img/event/iconEventLeft.png) center / cover no-repeat;
		width: 44px;
		height: 28px;
		bottom: -28px;
		right: calc(50% - 27px);
		margin: auto;
		position: absolute;
	}
	.secAnime .boxCover .box:nth-child(2)::after{
		content: "";
		background: url(../img/event/iconEventRight.png) center / cover no-repeat;
		width: 44px;
		height: 28px;
		bottom: -28px;
		right: calc(50% - 15px);
		margin: auto;
		position: absolute;
	}
    .secAnime .innerTxt{
        text-align: center;
        font-size: 17px;
        line-height: 1.857;
        padding-top: 15px;
    }
}
@media only screen and (max-width: 360px){
	.secAnime .requestTxt {
    	font-size: 14px;
	}
}

/* secFlow */
.secFlow .flowBox{
    margin-top:55px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
@media only screen and (max-width: 767px){
    .secFlow .flowBox{
        margin-top:20px;
        display: block;
    }
    .secFlow .flowBox .innerBox:nth-child(n + 2){
        margin-top:20px;
    }
}

/* secFigure */
.secFigure{
    margin-top:70px;
}
.secFigure .figureTit{
    background-color: #373e46;
}
.secFigure .figureTit .innerTxt{
    color:#fff;
    font-size:22px;
    padding:40px 0;
    text-align: center;
}
.secFigure .figureTit .innerTxt .innerStrong{
    color:#ffff00;
}
.secFigure .imageBox{
    margin-top:20px;
}
.secFigure .imageBox .dataImg{
    position: relative;
}
.secFigure .dataImg img {
    max-width: 100%;
}
@media only screen and (max-width: 767px){
    .secFigure{
        margin-top:30px;
    }
    .secFigure .figureTit .innerTxt {
        font-size: 14px;
        padding: 18px 0;
    }
    .secFigure .imageBox{
        margin-top:15px;
    }
    .secFigure .dataImg img {
        max-width: none;
        height: 300px;
        width: auto;
    }
    .scrollItem {
        position: relative;
        width: 100%;
        height: 300px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-image: url(../img/common/icoScroll.png);
        background-position: center;
        background-size: 103.3px 68.6px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: all 0.2s ease-out 0.2s;
        transition: all 0.2s ease-out 0.2s;
        -webkit-animation: sideItem 1s linear infinite;
        -moz-animation: sideItem 1s linear infinite;
        animation: sideItem 1s linear infinite;
}
    .scrollItem.on::before {
        opacity: 0.8;
    }
}
@-webkit-keyframes sideItem {
	0%   { transform:translateX(0); }
	25%   { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@-moz-keyframes sideItem {
	0%   { transform:translateX(0); }
	25%   { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@keyframes sideItem {
	0%   { transform:translateX(0); }
	25%   { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}

/* secReason */
.secReason .txtBox{
    text-align: center;
    margin-top:100px;
}
.secReason .txtBox .innerTxt{
    font-size:28px;
    letter-spacing: 3px;
}
.secReason .txtBox .innerTit{
    font-size:56px;
    display: inline-block;
    background:linear-gradient(transparent 75%, #ffff00 75%);
    margin-top:20px;
    letter-spacing: 7px;
}
.secReason .innerTit .number{
    font-size:80px;
}
.secReason .reasonBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:50px;
    position: relative;
}
.secReason .reasonBox .innerLeft{
    width: 32.812%;
}
.secReason .numberReason{
    left:-20px;
    top: -15px;
    position: absolute;
}
.secReason .reasonBox .innerRight{
    width: 64.072%;
}
.secReason .reasonBox .innerRight .innerTit{
    font-size:22px;
    border-left:4px solid #000;
    padding:13px 0 13px 15px;
    margin-top:30px;
}
.secReason .reasonBox .innerRight .subTxt{
    font-size:16px;
    line-height: 1.85;
    margin-top:20px;
}
.secReason .reasonBox.boxTop{
    margin-top:70px;
}
@media only screen and (max-width: 767px){
    .secReason .txtBox{
        margin-top:50px;
    }
    .secReason .txtBox .innerTxt{
        font-size:16px;
        letter-spacing: 0;
        line-height: 1.6;
    }
    .secReason .txtBox .innerTit{
        font-size:28px;
        margin-top:5px;
        letter-spacing: 3px;
    }
    .secReason .innerTit .number{
        font-size:40px;
    }
    .secReason .reasonBox{
        display:block;
        margin-top:40px;
        position: relative;
    }
    .secReason .reasonBox .innerLeft{
        width: 79.104%;
        margin: 0 auto;
    }
    .secReason .reasonBox .innerRight{
        width: 100%;
    }
    .secReason .reasonBox .innerRight .innerTit{
        font-size:18px;
        border-left:none;
        padding:0;
        margin-top:25px;
    }
    .secReason .reasonBox .innerRight .subTxt{
        font-size:14px;
        line-height: 1.9;
        margin-top:10px;
    }
    .secReason .numberReason.reason01{
        width: 93px;
        left:0;
        top: -10px;
        position: absolute;
    }
    .secReason .numberReason.reason02{
        width: 96px;
        left:0;
        top: -10px;
        position: absolute;
    }
    .secReason .numberReason.reason03{
        width: 90px;
        left:0;
        top: -10px;
        position: absolute;
    }
    .secReason .numberReason.reason04{
        width: 96px;
        left:0;
        top: -10px;
        position: absolute;
    }
    .secReason .reasonBox.boxTop{
        margin-top:35px;
    }
}

.btmBnr {
    width: 96.875%;
    margin: 87px auto 30px;
}
.btmBnr img{
    width: 100%;
    height: auto;
    backface-visibility: hidden;
}
.cmnBtmBnr.concept {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 0 30px 0;
}
.cmnBtmBnr.lazyloaded .bnrTxt.model {
    background: url(../img/concept/imgConceptFooter03.jpg) center / cover;
}
.cmnBtmBnrBig.concept {
    margin-top: 130px;
}
@media only screen and (max-width: 767px){
    .cmnBtmBnrBig.concept {
        margin-top: 40px;
    }
    .btmBnr {
        width: 100%;
        margin: 40px auto 0;
    }
    .cmnBtmBnr.concept {
        padding: 0;
        display: block;
        width: 89.333%;
        margin: 0 auto;
        margin-top:50px;
    }
    .cmnBtmBnr.concept .bnr {
        width:100%;
        margin-top:30px;
    }
    .cmnBtmBnr.lazyloaded .bnrTxt.model {
        background: url(../img/concept/imgConceptFooterSp03.jpg) center / cover;
    }
    .cmnBtmBnr .bnrTxt.model .titRoman {
        font-size: 32px;
        letter-spacing: 3px;
    }
}


/*-----------------------------------------------
   quality
-----------------------------------------------*/

#pnkz.pnkzQuality{
    padding-bottom:35px;
}
@media only screen and (max-width:767px){
    #pnkz.pnkzQuality{
		padding: 20px 0 14px 20px;
		background-color:#fafafa ;
	}
}

.cmnMainTit.quality {
    background-image: url(../img/concept/bgTopConceptQuality01.jpg);
    height: 540px;
}
.cmnMainTit.quality .mainInnerBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: 1380px;
    margin: 0 auto;
}
.cmnMainTit.quality .titRoman {
    font-size: 120px;
    color: #fff;
    letter-spacing: 20px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 42px);
}
.cmnMainTit.quality .tit {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 70px);
    padding-left: 32px;
    color:#fff;
}
.cmnMainTit.quality .tit::before {
    background-color: #fff;
}
.cmnMainTit.quality .titRight{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding-top:255px;
    letter-spacing: 4px;
}
@media only screen and (max-width: 1500px){
    .cmnMainTit.quality .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.quality .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
}
@media only screen and (max-width: 1350px){
    .cmnMainTit.quality .titRoman {
        left: calc(50% - 580px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.quality .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);

    }
}
@media only screen and (max-width: 767px){
    .cmnMainTit.quality .mainInnerBox{
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.quality {
        background-image: url(../img/concept/bgTopConceptQualitySp01.jpg);
        height:270px;
        margin-bottom:0;
    }
    .cmnMainTit.quality .mainInnerBox{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.quality .titRoman {
        font-size:60px;
        left: 20px;
        bottom: calc(50% - -10px);
        letter-spacing: 8px;
    }
    .cmnMainTit.quality .tit {
        font-size:16px;
        left: 20px;
        bottom: calc(50% - 12px);
    }
    .cmnMainTit.quality .titRight{
        font-size: 19px;
        color: #fff;
        font-weight: 700;
        padding-top:168px;
        letter-spacing: 2px;
        width: 92%;
        margin: 0 auto;
    }
}


/* secQualityTop */
.secQualityTop{
    text-align: center;
}
.secQualityTop .txtBox .innerTxt {
    font-size: 22px;
    line-height: 2.32;
}
@media only screen and (max-width: 767px){
    .secQualityTop .txtBox .innerTxt {
        font-size: 15px;
        line-height: 1.88;
        margin-top: 23px;
    }
}

/* secFree */
.secFree {
    text-align: center;
    margin-top: 80px;
}
.secFree .freeTit {
    background-color: #373e46;
}
.secFree .freeTit .innerTxt {
    color: #fff;
    font-size: 22px;
    padding: 40px 0;
}
.secFree .innerItem{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top:30px;
}
.secFree .innerBox{
    width: 18.75%;
    height: 100px;
    border: 1px solid #000;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.56%;
}
.secFree .innerBox:nth-child(5n){
    margin-right: 0;
}
.secFree .innerBox .boxTxt{
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
}
.secFree .innerBox:nth-child(n + 6){
    margin-top:20px;
}
@media only screen and (max-width: 767px){
    .secFree .freeTit .innerTxt {
        font-size: 14px;
        line-height: 1.6;
        padding: 10px 0;
    }
    .secFree {
        text-align: center;
        margin-top: 0;
    }
    .secFree .innerItem{
        justify-content: space-between;
    }
    .secFree .innerBox{
        width: 48.956%;
        height: 70px;
        margin-right: 0;
    }
    .secFree .innerBox .boxTxt{
        font-size: 13px;
        line-height: 18px;
    }
    .secFree .innerBox:nth-child(n + 3){
        margin-top:7px;
    }
    .secFree .innerItem{
        margin-top:10px;
    }
}

/* secStep5 */
.secStep5 {
    text-align: center;
    margin-top: 80px;
}
.secStep5 .step5Tit {
    background-color: #373e46;
}
.secStep5 .step5Tit .innerTxt {
    color: #fff;
    font-size: 22px;
    padding: 40px 0;
}
.secStep5 .box {
    width: 18.125%;
    text-align: center;
    color: #000;
    position: relative;
}
.secStep5 .box::before {
    position: absolute;
    top: -170px;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: -19px;
    bottom: 1px;
    margin: auto;
    width: 13px;
    height: 13px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.secStep5 .box:last-child:before {
   display: none;
}
.secStep5 .list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 50px;
}
@media only screen and (max-width: 1400px){
    .secStep5 .box::before {
        right: -25px;
        bottom: 1px;
    }
}
@media only screen and (max-width: 767px){
    .secStep5 {
        margin-top: 40px;
    }
    .secStep5 .step5Tit .innerTxt {
        font-size: 14px;
        line-height: 1.6;
        padding: 15px 0;
    }
    .secStep5 .list {
        display: block;
        margin-top: 10px;
    }
    .secStep5 .box::before {
     display: none;
    }
    .secStep5 .box {
        width: 100%;
        text-align: center;
        color: #000;
        position: relative;
    }
    .secStep5 .box:nth-child(2n) .iconBox {
        margin-left:0;
     }
     .secStep5 .box:nth-child(n + 2) .iconBox {
        margin-top:15px;
     }
}


.secLifeStylePlan .planWrap .areaFloor {
    width: 1180px;
    margin: 0 auto;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 40px;
    margin-top: 40px;
    text-align: center;
    border: 1px solid #000;
}
.secLifeStylePlan .planWrap .areaFloor .txtNote {
    font-size: 15px;
    font-weight: 200;
}
.secLifeStylePlan .planWrap .areaFloor .imgBox.spOnly {
    display: none;
}
.secLifeStylePlan .planWrap .areaFloor .imgBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #000;
}
@media only screen and (max-width: 767px){
    .secLifeStylePlan .planWrap .areaFloor {
        width: auto;
        margin-top: 20px;
        padding: 0;
        border: none;
        margin-top: 25px;
    }
    .secLifeStylePlan .planWrap .areaFloor .txtNote {
        width: 100%;
        margin-bottom: 20px;
        text-align: left;
        font-size:11px;
        font-weight:600;
    }
    .secLifeStylePlan .planWrap .areaFloor .imgBox.spOnly {
        display: block;
    }
    .secLifeStylePlan .planWrap .areaFloor .imgBox img {
        max-width: 100%;
        height: auto;
        image-rendering: -webkit-optimize-contrast;
    }
}

/*----------------------------------------------------
 	thContents
----------------------------------------------------*/
/* .thContents */
.thContents{
    background-color: #f7f7f3;
}
.secLifeStylePlan{
    padding-top: 180px;
    position:relative;
}
.secLifeStylePlan.wrapper1400 {
    max-width: 1400px;
    margin: 0 auto;
}
.secLifeStylePlan .contents{
    position: relative;
}
@media only screen and (max-width:1500px){
    .secLifeStylePlan.wrapper1400 {
        max-width: 1200px;
    }
}
@media only screen and (max-width:767px){
    .thContents{
        padding-top: 40px;
    }
    .secLifeStylePlan.wrapper1400 {
        width: 95%;
    }
    .secLifeStylePlan{
        padding-top: 100px;
    }
}

/* secLifeStyle */
.secLifeStyle .secTitTop {
    position: absolute;
    top: -43px;
    left: 0;
    right: 0;
    z-index: 10;
}
.secLifeStyle .cmnPlan{
    background-image: url(../img/concept/bgConceptQuality03.jpg);
        height: 1575px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        margin-top:100px;
}
.secLifeStyle .cmnPlan .titY{
    position: absolute;
    left: calc(50% - 560px);
    top: -45px;
}
.secLifeStyle .cmnPlan .tit {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    top: 83px;
    padding-left: 32px;
    line-height: 1.8;
}
.secLifeStyle .cmnPlan .titRoman {
    font-size: 100px;
    color: #373e46;
    letter-spacing: 11px;
    position: absolute;
    left: calc(50% - 690px);
    top: -45px;
}
.secLifeStyle .cmnPlan .titY {
    position: absolute;
    left: calc(50% - 355px);
    top: 25px;
}
.secLifeStyle .cmnPlan .tit::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
    margin: auto 0;
}
.secLifeStyle .secTitTop .tit::after {
    content: "";
    background: url(../img/concept/bgConceptQualityBar03.gif) center top / cover no-repeat;
    display: block;
    width: 850px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: -97px;
    left: 455px;
    margin: auto 0;
}
@media only screen and (max-width: 1500px){

    .secLifeStyle .cmnPlan .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .secLifeStyle .cmnPlan .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
    .secLifeStyle .cmnPlan .titY {
        width: 103px;
        left: 410px;
        top: 22px;
    }
    .secLifeStyle .cmnPlan .tit::after {
        width: 550px;
        height: 3px;
        background-color: #000;
        position: absolute;
        top: -83px;
        left: 455px;
        margin: auto 0;
    }
}
@media only screen and (max-width: 1350px){
    .secLifeStyle .cmnPlan .titRoman  {
        left: calc(50% - 580px);
        bottom: calc(50% - 42px);
    }
    .secLifeStyle .cmnPlan .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);
    }
    .secLifeStyle .cmnPlan .titY {
        left: 370px;
    }
}
@media only screen and (max-width:767px){
    
.secLifeStyle .secTitTop {
        top: -19px;
    }
    .secLifeStyle .cmnPlan{
        margin:75px 0 25px;
    }
    .secLifeStyle .cmnPlan .titY {
        width:60px;
        left: 180px;
        top:8px;
    }
    .secLifeStyle .cmnPlan .tit::after {
        content: "";
        background: url(../img/concept/bgConceptQualityBarSp03.gif) center top / cover no-repeat;
        display: block;
        width: 106px;
        height: 2px;
        background-color: #000;
        position: absolute;
        top: -40px;
        left: calc(50% - -75px);
        margin: auto 0;
    }
    .secLifeStyle .cmnPlan .titRoman {
        font-size: 48px;
        letter-spacing: 5px;
        position: absolute;
        left:20px;
        top: -22px;
    }
    .secLifeStyle .cmnPlan .tit {
        font-size: 14px;
        letter-spacing: 0.5px;
        left: 20px;
        top:40px;
        bottom: -48px;
        padding-left: 32px;
    }
}

/*----------------------------------------------------
 	lifestyle plan
----------------------------------------------------*/
.planWrapper1280{
    max-width:1280px;
    margin:0 auto;
}
h4.h4Plan01{
    text-align:center;
    color:#000;
    font-size:24px;
    font-weight:700;
    padding:10px;
    margin-bottom:0;
}
.lineupMenu li{
    width: 20%;
    height:100px;
    margin-right:0;
    border:1px solid #373e46;
    border-right:none;
    float:left;
    text-align:center;
}
.lineupMenu li:last-child{
    border-right:1px solid #373e46;
    margin-right:0;
}
.lineupMenu li a{
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    /* box-shadow: 1px -7px 8px -6px rgb(0 0 0 / 50%) inset; */
    text-decoration: none;
}

.lineupMenu .aTab {
	border-right: none;
    position: relative;
}
.lineupMenu .aTab::after{
    content: "";
    display: block;
    background-color: #ebebec;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.lineupMenu li.active .aTab::after{
	color:#373e46;
	background:#373e46;
}
.lineupMenu li.on .aTab::after{
    display: none;
}


.lineupMenu li .planNum{
    padding: 40px 0;
    color:#373e46;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1.5px;
}
.lineupMenu li img{
    padding:50px;
}
.lineupMenu li.active{
    border: none;
    box-shadow: none;
    position: relative;
}
/* アクティブ時の色 */
.lineupMenu li.active a::after {
    content: "";
    display: block;
    color:#fff;
}
.lineupMenu li:hover{
    background: #fff;
}
.lineupMenu li.active img{
    padding-top:40px;
}
.lineupMenu li.active a,.lineupMenu li a:hover{
     color:#fff;
}
.lineupMenu li a:hover{
     background:none;
}
.lineupMenu li.active .planNum{
    background: #373e46;
    color:#fff;
    border: none;
    box-shadow: none;
}


.planWrap{
    margin-top:50px;
    opacity: 0;
    border:1px solid #bfbfbf;
    padding:50px;
    position: absolute;
    z-index: -1;
}
.planWrap.active{
    opacity: 1;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.planWrap .wrapper1180{
    width: 1180px;
    margin: 0 auto;
}
.planWrap h3{
    font-size:36px;
    font-weight:bold;
    line-height: 1.4;
    color:#000;
    margin-bottom:48px;
}
/* .topBox{
    height: 610px;
} */
.pc40sp20 {
    margin-bottom: 0px;
}
.planTxtBox{
    width: 575px;
    margin-top: 20px;
    letter-spacing: 0;
}
.planTxtBox .planTxt{
    font-size: 14px;
    line-height: 25.99px;
}
.planWrap .designBox{
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.planWrap .designBox .imgBox{position:relative;margin-bottom:1px}
.planWrap .designBox .imgBox img{
    display: inline-block;
    width:580px;
    height:auto;
}
.planWrap .designBox .imgBox span{
    position:absolute;
    display:block;
    width:180px;
    height:50px;
    line-height:28px;
    left:0;
    top:0;
    padding-top: 10px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-weight:500;
}
.planWrap .designBox .btm span{
    width:210px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.lineup .planWrap .designBox .imgBox span{
    background:#373e46;
}
.planWrap .designBoxLoan{
    margin:40px 0;
}

@media only screen and (max-width:1500px){
    .planWrapper1280{
        max-width:1200px;
    }
    .lineupMenu li{
        width:25%;
    }
    .planWrap .wrapper1180{
        max-width: 1180px;
    }
    .planWrap .designBox .imgBox{
        width:510px;
    }
    .planWrap {
        padding:30px 10px;
    }
    .madoriWrap li {
        margin-right: 5px;
    }
}
@media only screen and (max-width:767px){
    .planWrapper1280{
        width: 90%;
        margin-top: 15px;
    }
    .planWrap .wrapper1180{
        width: 95%;
        margin: 0 auto;
    }
    .planWrap .designBox .imgBox{
        display: inline-block;
        position:relative;
        margin-bottom:1px;
        width: 48%;
    }
    .planWrap .designBox .imgBox span{
        width:100%;
        height:30px;
        line-height:7px;
        left:0;
        top:100%;
        position:inherit;
        padding-top: 10px;
        text-align:center;
        color:#fff;
        font-size:11px;
    }
    .planWrap .designBox .btm span{
        width:100%;
    }
    .planWrap .designBox .btm{
        width: 48%;
        margin-left: 4px;
    }
    .planWrap .designBoxLoan {
        text-align: center;
        margin-top: 45px;
        margin-bottom: 20px;
    }
    .lineupMenu li.active .lineupMenu li img{
        padding:0 15px 15px;
    }
    
    .lineupMenu li.active img{
        padding-top:0px;
    }
    .lineupMenu li img{
        padding:0;
    }
    .lineupMenu li:last-child{
        margin-right:0;
    }
    .designBox{
        text-align: center;
        margin-bottom: 15px;
    }
    .designBox.pt30Sp{
        padding-top: 30px;
    }
    .designBox.fl{
        float: none;
    }
    .designBoxLoan.fr{
        float: none;
    }
    .planTxtBox{
        width: 95%;
        margin-top: 26px;
        letter-spacing: 0;
    }
    .planTxtBox.fr{
        float:none;
    }
    .planTxtBox .planTxt{
        font-size: 11px;
        line-height: 20px;
        letter-spacing: 0;
    }
    .planBtn{
        text-align: center;
        margin-top: 19px;
    }
    .topBox{
        height: auto;
    }
    .pc40sp20 {
        margin-bottom: 20px;
    }
}

.madoriWrap h4.h4Plan01{
    border: 1px solid #000;
    border-right: none;
    border-left: none;
    padding: 30px 0;
    margin-top:-1px
}
.madoriWrap li{
    display: inline-block;
    width:220px;
    text-align:center;
    margin-right: 20px;
    border: solid 1px #000;
}
.madoriWrap li:last-child{
    margin-right: 0;
}
.madoriWrap .infoTxt{
    display: none;
}
.madoriWrap .swiper-container{
    padding-bottom: 1px;
}

.madoriWrap .bxslider{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.madoriWrap .madoriList{
    position:relative;
}
.madoriWrap .madoriList .sliderImg{
    padding:5px;
}
.madoriWrap .madoriList .madoriImg{
    padding:10px;
}
.madoriWrap .madoriList .planIcon{
    position:absolute;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width:1500px){
    .madoriWrap li{
        width:220px;
        margin-right: 20px;
    }
    .madoriWrap li:last-child{
        margin-right: 0;
    }
    .madoriWrap .infoTxt{
        display: none;
    }
   
}
@media screen and (max-width: 767px) {
    .madoriWrap{
        overflow: hidden;
    }
    .madoriWrap li {
        width: 33.333%;
        border: none;
        display: flex;
        margin-right: 0;
        margin-bottom: 0;
    }
    .madoriWrap .sliderImg{
        border: solid 1px #000;
    }
    .madoriWrap li a img{
        border: none;
    }
    .madoriWrap .swiper-container{
        /* width: 220px; */
        overflow: visible;
    }
    .madoriWrap .bxslider {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;

    }
    .madoriWrap .infoTxt{
        display: block;
        font-size: 2.6%;
        text-align: center;
        line-height:1.5;
        width: 33.333%;
    }
    .madoriWrap .infoTxt .madoriInner{
        display: inline-block;
        text-align: left;
    }
    .madoriWrap .madoriList .madoriInner {
        margin-right: 5.26%;
        margin-bottom: 5.26%;
    }
}


/*----------------------------------------------------
    下位plan
----------------------------------------------------*/

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

    .madoriWrap .zoomIcon{
        width: 180px;
    }
    /* .madoriWrap .bxslider{
        margin-top: 25px;
    } */

    #plan .contents{width:94%;margin-left:auto;margin-right:auto}
    .lineupMenu li{
        width:25%;
        height:60px;
        padding:0;
        box-shadow: none;
        background-color: #f7f6f2;
    }
    .lineupMenu li .planNum {
        padding:22px 0;
        font-size: 15px;
    }
    .planWrap{
        margin-top:15px;
        margin-bottom:30px;
        padding:0 10px 10px;
    }
    .planWrap h3{
        text-align: left;
        line-height: 1.3;
        font-size: 18px;
        margin: 15px 0;
    }
    .pc60sp10{
        margin-bottom: 50px;
    }
    .madoriWrap .madoriList a{
        margin-right: 5px;
    }
    .madoriWrap .madoriList:nth-child(3n),
    .madoriWrap .madoriList:last-child{
        margin-right: 0;
    }
    .planWrap .designBox .imgBox span{font-size:12px}
    .madoriWrap li a{
        padding-top: 0;
    }
    .madoriWrap .sliderImg{
        display: flex;
        margin: 0 auto ;
        margin-right:0;
        margin-bottom:0;
    }

    .madoriWrap .bx-wrapper .bx-prev{left:10px;background-size:24px auto}
    .madoriWrap .bx-wrapper .bx-next{right:10px;background-size:24px auto}
    .madoriWrap .bx-controls-direction{margin-top:-30px;margin-left:0;left:0}
    .madoriWrap .bx-viewport{padding-bottom:0!important;height:200px!important}
    .planLinks li{width:100%;float:none;margin-bottom:10px}
}

/*----------------------------------------------------
 	lifestyle
----------------------------------------------------*/
.secLifeStyle{
    /* margin-top:150px;
    margin-bottom: 50px; */
    position: relative;
    margin: 165px 0 0;
    padding: 0 0 100px 0;
    background: url(../img/concept/bgConceptQuality03.jpg) center top no-repeat;
    height: auto;
}
.secLifeStyle .secTitTop .tit {
    margin-top: 20px;
    position: relative;
    line-height: 30px;
}
/* .secLifeStyle .secTitTop::before {
    content: "";
    display: block;
    background: url(../img/index/bgLifeStyleHouse.gif) top right no-repeat;
    width: 751px;
    height: 510px;
    position: absolute;
    top: -200px;
    left: calc(50% + 210px);
} */

@media only screen and (max-width:767px){
    .secLifeStyle{
        margin-top:80px;
        margin-bottom: 0;
        padding-bottom: 20px;
        height: auto;
    }
    .secLifeStyle .secTitTop .tit {
        margin-top:10px;
        padding-bottom: 10px;;
        line-height: 20px;
    }
    .secLifeStyle .secTitTop::before {
        width: 190px;
        height: 124px;
        background: url(../img/index/bgLifeStyleHouseSp.gif) top right no-repeat;
        top: -61px;
        left: inherit;
        right: 0;
    }
    .secLifeStyle .secTitTop .titCursive {
        font-size: 27px;
        bottom: -10px;
        left: calc(100% - 40px);
        width: 500px;
        letter-spacing: 0;
    }

}

.secFeatures .madoriList { background:#fff;}

@media only screen and (max-width:767px){
    .secFeatures .madoriList img{
        width: 100%;
        width: 150px;
        text-align: right;
        margin: 0 0 0 auto;
    }
}









/* secMoreAnime */
.secMoreAnime{
    text-align: center;
    margin-top:60px;
}
.secMoreAnime .cmnBtmBnr{
    max-width: 1280px;
    margin: 0 auto;
    padding: 55px 0 30px 0;
}
.secMoreAnime .cmnBtmBnr .center{
    margin: 0 auto;
}
@media only screen and (max-width: 767px){
    .secMoreAnime{
        margin-top:50px;
    }
    .secMoreAnime .cmnBtmBnr {
        padding: 0;
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    .secMoreAnime .cmnBtmBnr .bnr {
        width: 100%;
        margin-top: 30px;
    }
    .secMoreAnime .cmnBtmBnr .bnr.bnr01 {
        margin-top: 15px;
    }

}

/* secSpace */
.secSpace{
    overflow: hidden;
}
.secSpace .cmnMainTit::after {
    display: none;
}
.secSpace .cmnMainTit {
    height: auto;
    margin: 0 20px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top:150px;
}
.secSpace .spaceBox{
    padding-top:100px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    position: relative;
}
.secSpace .spaceBox .imageBox{
    content: "";
    width: 750px;
    height:1100px;
    top:150px;
    right: calc(100% - 460px);
    margin: auto;
    position: absolute;
    z-index: -1;
}
.secSpace .spaceBox .txtBox{
    width: 59.875%;
    padding-top:210px;
    padding-left:20px;
}
.secSpace .spaceBox .txtBox .innerTit{
    font-size:50px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    letter-spacing: 6px;
}
.secSpace .spaceBox .txtBox .innerTxt{
    font-size:23px;
    line-height: 1.8;
    margin-top:70px;
}
.secSpace .spaceBox .txtBox .boxTxt{
    font-size:16px;
    line-height: 2.2;
    margin-top:20px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:50px;
    width: 762px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft{
    text-align: center;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .imageInnerTit{
    font-size:22px;
    margin-top:25px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .imageInnerTxt{
    font-size:14px;
    line-height: 2.0;
    margin-top:10px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight{
    text-align: center;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .imageInnerTit{
    font-size:22px;
    margin-top:25px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .imageInnerTxt{
    font-size:14px;
    line-height: 1.8;
    margin-top:20px;
}

.secSpace .spaceBox.reverse{
    padding-top:100px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    position: relative;
    flex-direction: row-reverse;
    margin-top:85px;
}
.secSpace .spaceBox.reverse .imageBox{
    content: "";
    width: 750px;
    height:1100px;
    top:150px;
    left: calc(100% - 460px);
    margin: auto;
    position: absolute;
    z-index: -1;
}
.secSpace .spaceBox.reverse .txtBox{
    width: 59.875%;
    padding-top:210px;
    padding-left:0;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .innerColor{
    font-size:14px;
    background-color: #373e46;
    color:#fff;
    text-align: center;
    padding:20px 0;
    border-radius: 30px;
    margin-top:25px;
}
.secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .innerColor{
    font-size:14px;
    background-color: #373e46;
    color:#fff;
    text-align: center;
    padding:20px 0;
    border-radius: 30px;
    margin-top:25px;
}
.secSpace .flexBox{
    display: flex;
    display: -webkit-flex;
    border:5px solid #333;
    width: 300px;
    height: 110px;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
}
.secSpace .titMain{
    content: "";
    width: 100%;
    height:auto;
    top:225px;
    left: 410px;
    margin: auto;
    position: absolute;
    z-index: -1;
}
.secSpace .titMain.noleft{
    left: -30px;
}
.secSpace .cmnMainTit .titRoman {
    font-size: 100px;
}
@media only screen and (max-width:1450px){
    .secSpace .spaceBox .txtBox .txtMain .subBox {
        width: 100%;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight{
        width: 48%;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft{
        width:48%;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .imageInnerTxt,
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .imageInnerTxt  {
        font-size: 13px;
    }
    .secSpace .titMain.noleft{
        left: -10px;
    }
}
@media only screen and (max-width: 767px){
    .secSpace .spaceBox{
        display: block;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox{
        display: block;
        margin-top:30px;
        width: 100%;
    }
    .secSpace .spaceBox .imageBox{
        content: "";
        width: 100%;
        height:auto;
        top:80px;
        right:0;
        left: 0;
        margin: auto;
        position: absolute;
        z-index: -1;
    }
    .secSpace .spaceBox.reverse .imageBox{
        content: "";
        width: 100%;
        height:auto;
        top:55px;
        right:0;
        left: 0;
        margin: auto;
        position: absolute;
    }
    .secSpace .spaceBox .txtBox{
        width: 100%;
        padding-top:170px;
        padding-left:0;
        text-align: center;
    }
    .secSpace .spaceBox .txtBox .innerTxt{
        font-size:17px;
        line-height: 1.7;
        margin-top:50px;
        text-align: left;
    }
    .secSpace .spaceBox .txtBox .boxTxt{
        font-size:14px;
        line-height:1.9;
        margin-top:10px;
        text-align: left;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .imageInnerTit{
        font-size:17px;
        margin-top:20px;
        text-align: left;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .imageInnerTxt{
        font-size:14px;
        line-height:1.8;
        margin-top:10px;
        text-align: left;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .imageInnerTit{
        font-size:17px;
        margin-top:20px;
        text-align: left;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .imageInnerTxt{
        font-size:14px;
        line-height:1.8;
        margin-top:10px;
        text-align: left;
    }
    .secSpace .spaceBox.reverse .txtBox{
        width: 100%;
        padding-top:145px;
        padding-left:0;
    }
    .secSpace .cmnMainTit {
        height: auto;
        margin: 0 0 87px;
        background-size: cover;
        line-height: 1.8;
    }
    .secSpace .tit::before {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background-color: #000;
        position: absolute;
        top:-25px;
        left: 0;
        margin: auto 0;
    }
    .secSpace .cmnMainTit .titRoman {
        font-size: 48px;
        letter-spacing: 5px;
        left: 0;
        bottom: -23px;
    }
    .cmnMainTit .tit {
        font-size: 14px;
        letter-spacing: 0.5px;
        left:0;
        bottom: -58px;
        padding-left: 32px;
    }
    .secSpace .spaceBox .txtBox .innerTit{
        font-size:18px;
        letter-spacing: 1px;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight{
        margin-top:35px;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft .innerColor{
        font-size:12px;
        background-color: #373e46;
        color:#fff;
        text-align: center;
        padding:15px 0;
        border-radius: 0;
        margin-top:0;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight .innerColor{
        font-size:12px;
        background-color: #373e46;
        color:#fff;
        text-align: center;
        padding:15px 0;
        border-radius: 0;
        margin-top:0;
    }
    .secSpace .spaceBox .imageBox.box03 {
        content: "";
        width: 100%;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
        z-index: -1;
    }
    .secSpace .spaceBox.box03 .txtBox{
        width: 100%;
        padding-top:145px;
        padding-left:0;
        text-align: center;
    }
    .secSpace .flexBox{
        display: flex;
        border:2px solid #000;
        width: 110px;
        height: 40px;
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowRight{
        width: 100%;
    }
    .secSpace .spaceBox .txtBox .txtMain .subBox .innerFlowLeft{
        width:100%;
    }
    .secSpace .titMain{
        left: calc(50% - 150px);
    }
    .secSpace .titMain.noleft{
        left: calc(50% - 150px);
    }
    .secSpace .titMain.nomal{
        left: calc(50% - 150px);
    }
    .secSpace .titMain.nomal,
    .secSpace .titMain.noleft,
    .secSpace .titMain{
        top: 245px;
    }
    .secSpace .spaceBox.reverse,
    .secSpace .spaceBox{
        margin-top:-50px;
    }
    .secSpace .innerFlowLeft img,
    .secSpace .innerFlowRight img{
        width: 100%;
        height: auto;
    }

}
@media only screen and (max-width: 413px){
    .secSpace .titMain.nomal,
    .secSpace .titMain.noleft,
    .secSpace .titMain{
        top: 235px;
    }
}


/* secEcosuma */
.secEcosuma{
    text-align: center;
    margin-top:60px;
}
@media only screen and (max-width: 767px){
    .secEcosuma{
        margin-top:30px;
    }
}


/*-----------------------------------------------
   zeh
-----------------------------------------------*/

#pnkz.pnkzZeh{
    padding-bottom:35px;
}
@media only screen and (max-width:767px){
    #pnkz.pnkzZeh{
		padding: 20px 0 14px 20px;
		background-color:#fafafa ;
	}
}

.cmnMainTit.zeh {
    background-image: url(../img/concept/bgTopConceptZeh01.jpg);
    height: 540px;
}
.cmnMainTit.zeh .mainInnerBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: 1380px;
    margin: 0 auto;
}
.cmnMainTit.zeh .titRoman {
    font-size: 120px;
    color: #fff;
    letter-spacing: 20px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 42px);
}
.cmnMainTit.zeh .tit {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 70px);
    padding-left: 32px;
    color:#fff;
}
.cmnMainTit.zeh .tit::before {
    background-color: #fff;
}
.cmnMainTit.zeh .titRight{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding-top:255px;
    letter-spacing: 4px;
}
@media only screen and (max-width: 1500px){
    .cmnMainTit.zeh .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.zeh .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
}
@media only screen and (max-width: 1350px){
    .cmnMainTit.zeh .titRoman {
        left: calc(50% - 580px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.zeh .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);

    }
}
@media only screen and (max-width: 767px){
    .cmnMainTit.zeh .mainInnerBox{
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.zeh{
        background-image: url(../img/concept/bgTopConceptZehSp01.jpg);
        height:270px;
        margin-bottom:0;
    }
    .cmnMainTit.zeh .mainInnerBox{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.zeh .titRoman {
        font-size:60px;
        left: 20px;
        bottom: calc(50% - -10px);
        letter-spacing: 8px;
    }
    .cmnMainTit.zeh .tit {
        font-size:16px;
        left: 20px;
        bottom: calc(50% - 12px);
    }
    .cmnMainTit.zeh .titRight{
        font-size: 19px;
        color: #fff;
        font-weight: 700;
        padding-top:168px;
        letter-spacing: 2px;
        width: 92%;
        margin: 0 auto;
    }
}


/* secZehTop */
.secZehTop{
    text-align: center;
}
.secZehTop .txtBox .innerTxt {
    font-size: 22px;
    line-height: 2.32;
}
@media only screen and (max-width: 767px){
    .secZehTop .txtBox .innerTxt {
        font-size: 15px;
        line-height: 1.88;
        margin-top: 23px;
    }
}

/* secKnow */
.secKnow {
    text-align: center;
    margin-top: 60px;
}
.secKnow .knowTit {
    background-color: #373e46;
}
.secKnow .knowTit .innerTxt {
    color: #fff;
    font-size: 22px;
    padding: 40px 0;
}
.secKnow .iconBox{
    margin-top:45px;
}
.secKnow .iconBox img{
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 767px){
    .secKnow .knowTit .innerTxt {
        font-size: 14px;
        line-height: 1.6;
        padding: 10px 0;
    }
    .secKnow{
        text-align: center;
        margin-top: 20px;
    }
    .secKnow .iconBox{
        margin-top:15px;
    }
}

/* secStandard */
.secStandard{
    text-align: center;
    margin-top: 60px;
}
.secStandard .txtBox .innerTxt {
    font-size: 30px;
    line-height:1.8;
    letter-spacing: 3px;
}
.secStandard .iconBox{
    margin-top:30px;
}
.secStandard .iconBox img{
    max-width: 100%;
}
@media only screen and (max-width: 767px){
    .secStandard{
        margin-top: 25px;
    }
    .secStandard .txtBox .innerTxt {
        font-size: 17px;
        line-height:1.8;
        letter-spacing: 0;
    }
    .secStandard .iconBox{
        margin-top:25px;
    }
}

/* secPromiseBox */
.secPromiseBox{
    text-align: center;
    margin: 100px auto 0;
}
.secPromiseBox .innerTit{
    font-size: 30px;
}
.secPromiseBox .innerTxt{
    font-size: 15px;
    line-height: 36px;
    margin-top: 25px;
}
.secPromiseBox .wrapperBtm{
    margin-top: 55px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #000;
}
.secPromiseBox .wrapperBtm + .wrapperBtm{
    margin-top: 40px;
}
.secPromiseBox .wrapperBtm .txtBox{
    margin-left: 50px;
    width: calc(100% - 478px);
}
.secPromiseBox .wrapperBtm.left .txtBox{
    margin: 0 50px 0 0 ;
}
.secPromiseBox .wrapperBtm .innerTit{
    font-size: 22px;
}
.secPromiseBox .wrapperBtm .innerTxt{
    margin-top: 20px;
}
.secPromiseBox .wrapperBtm .img:not(.imgPic){
    background-color: #f5f7fa;
    padding: 50px;
}
@media only screen and (max-width:767px){
    .secPromiseBox{
        margin: 45px auto 0;
    }
    .secPromiseBox.wrapperSp{
        width: 89.336%;
    }
    .secPromiseBox .innerTit{
        font-size: 17px;
        line-height: 30px;
        text-align: center;
    }
    .secPromiseBox .innerTxt{
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
        text-align: left;
    }
    .secPromiseBox .wrapperBtm{
        margin-top: 30px;
        text-align: left;
        flex-direction: column;
        border: none;
        border-top: 1px solid #000;
    }
    .secPromiseBox .wrapperBtm .txtBox{
        margin: 25px 0 0 0!important;
        width: 100%;
    }
    .secPromiseBox .wrapperBtm .innerTit{
        font-size: 15px;
        line-height: 30px;
        text-align: left;
    }
    .secPromiseBox .wrapperBtm .bgYlSp{
        background: linear-gradient(transparent 70%, #ffff00 70%, #ffff00 100%, transparent 100%);
    }
    .secPromiseBox .wrapperBtm .innerTxt{
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }
    .secPromiseBox .wrapperBtm .img{
        width: 100%;
        text-align: center;
        margin-top: 14px;
    }
    .secPromiseBox .wrapperBtm .img:not(.imgPic){
        padding: 20px;
    }
    .secPromiseBox .wrapperBtm .img:not(.imgPic) img{
        width: 140px;
        height: auto;
    }
    .secPromiseBox .wrapperBtm.left{
        flex-direction: column-reverse;
    }
}

/* secRank */
.secRank{
    margin-top: 100px;
    padding: 100px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACJJREFUGFdjPHXq1H8zMzNGBiiAMzAEzp49+9/Y2JgRQwUAYAkIBaa9lS4AAAAASUVORK5CYII=);
}
.secRank .rankTit{
    font-size: 30px;
    font-weight: bold;
}
.secRank .wrapperBtm{
    background-color: #fff;
}
@media only screen and (max-width:767px){
    .secRank{
        margin-top: 40px;
        padding: 40px 0;
        background: #f8f8f8;
    }
    .secRank .rankTit{
        font-size: 17px;
        line-height: 30px;
    }
    .secRank .wrapperBtm{
        background-color: transparent;
    }
    .secPromiseBox .wrapperBtm .innerTxt {
        margin-top: 5px;
    }
    .secRank .wrapperBtm .img:not(.imgPic){
        background-color: #fff;
    }
}

/* secPromise */
.secPromise{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 70px;
    flex-direction: row-reverse;
}
.secPromise .innerTit{
    font-size:26px;
    letter-spacing: 3px;
}
.secPromise .innerTxt{
    font-size:15px;
    line-height: 2.4;
    margin-top:30px;
}
.secPromise .innerBoxRight .innerStrong{
    font-weight: 700;
}
.secPromise .innerBoxLeft{
    padding-left:50px;
}
.secPromise .innerTxt.mt40{
    margin-top:40px;
}
.secPromise .innerBoxRight{
    margin-top:30px;
}
@media only screen and (max-width: 767px){
    .secPromise{
        display: block;
        margin-top: 45px;
    }
    .secPromise .innerBoxLeft{
        padding-left:0;
    }
    .secPromise .innerTit{
        margin-top:0;
        font-size:17px;
        line-height: 1.6;
        letter-spacing: 0;
    }
    .secPromise .innerTxt{
        font-size:14px;
        line-height:1.9;
        margin-top:10px;
    }
    .secPromise .innerTxt.mt40{
        margin-top: 30px;
    }
    .secPromise .innerBoxRight{
        margin-top:15px;
    }
}


/* secMerit */
.secMerit .cmnPlan{
    background-image: url(../img/concept/bgConceptZeh01.jpg);
        height: 1358px;
        margin: 0 20px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        margin-top:200px;
}
.secMerit .cmnPlan .titY{
    position: absolute;
    left: calc(50% - 560px);
    top: -45px;
}
.secMerit .cmnPlan .tit {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    top: 63px;
    padding-left: 32px;
    line-height: 1.8;
}
.secMerit .cmnPlan .titRoman {
    font-size: 100px;
    color: #373e46;
    letter-spacing: 11px;
    position: absolute;
    left: calc(50% - 690px);
    top: -45px;
}
.secMerit .cmnPlan .titY {
    position: absolute;
    left: calc(50% - 355px);
    top: 25px;
}
.secMerit .cmnPlan .tit::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
    margin: auto 0;
}
.secMerit .cmnPlan .tit::after {
    content: "";
    background: url(../img/concept/bgConceptQualityBar04.gif) center top / cover no-repeat;
    display: block;
    width: 1030px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: -63px;
    left: 300px;
    margin: auto 0;
}
.secMerit .meritBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    padding-top:120px;
    width: 1326px;
    margin: 0 auto;
}

.secMerit .meritBox:nth-child(n + 3) .innerBox{
    margin-top:10px;
}
@media only screen and (max-width: 1500px){
    .secMerit .cmnPlan .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .secMerit .cmnPlan .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
    .secMerit .cmnPlan .titY {
        width: 15%;
        left: calc(50% - 250px);
        top:20px;
    }
    .secMerit .cmnPlan .tit::after {
        width: 550px;
        height: 3px;
        background-color: #000;
        position: absolute;
        top: -63px;
        margin: auto 0;
    }
    .secMerit .meritBox{
        width: 100%;
    }
    .secMerit .innerBox{
        width: 48%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1350px){
    .secMerit .cmnPlan .titRoman  {
        left:20px;
        top: -20px;
        bottom: calc(50% - 42px);
        font-size: 75px;
        letter-spacing: 5px;
    }
    .secMerit .cmnPlan .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);

    }
}
@media only screen and (max-width:767px){
    .secMerit .cmnPlan{
        margin:80px 0 83px;
        height: auto;
        padding-bottom: 30px;
    }
    .secMerit .cmnPlan .titRoman  {
        font-size: 48px;
    }
    .secMerit .cmnPlan .titY {
        width: 15%;
        left: calc(50% - 10px);
        top:8px;
    }
    .secMerit .cmnPlan .tit::after {
        content: "";
        background: url(../img/concept/bgConceptQualityBarSp04.gif) center top / cover no-repeat;
        display: block;
        width: 150px;
        height: 2px;
        background-color: #000;
        position: absolute;
        top: -30px;
        left: calc(50% - 30px);
        margin: auto 0;
    }
    .secMerit.cmnPlan .titRoman {
        font-size: 48px;
        letter-spacing: 5px;
        position: absolute;
        left:20px;
        top: -22px;
    }
    .secMerit .cmnPlan .tit {
        font-size: 14px;
        letter-spacing: 0.5px;
        top: 30px;
        left: 20px;
        bottom: -48px;
        padding-left: 32px;
    }
    .secMerit .meritBox{
        display:block;
        padding-top:80px;
        width: 100%;
        margin: 0 auto;
    }
    .secMerit .innerBox{
        width: 100%;
        margin: 0 auto;
    }
    .secMerit .meritBox:nth-child(n + 3) .innerBox{
        margin-top:0;
    }
}
@media only screen and (max-width: 767px){
    .secMerit .cmnPlan .tit {
        font-size: 13px;
    }
}

/* secHighSpec */
.secHighSpec .cmnPlan{
        height: 200px;
        margin: 0 20px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        margin-top:145px;
}
.secHighSpec .cmnPlan .titY{
    position: absolute;
    left: calc(50% - 560px);
    top: -45px;
}
.secHighSpec .cmnPlan .tit {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    top: 103px;
    padding-left: 32px;
    line-height: 1.8;
}
.secHighSpec .cmnPlan .titRoman {
    font-size: 100px;
    color: #373e46;
    letter-spacing: 11px;
    position: absolute;
    left: calc(50% - 690px);
    top: -5px;
}
.secHighSpec .cmnPlan .titY {
    position: absolute;
    left: calc(50% - 355px);
    top: 25px;
}
.secHighSpec .cmnPlan .tit::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
    margin: auto 0;
}
.secHighSpec .specInner {
    background-image: url(../img/concept/bgConceptHighspec01.jpg);
    height: 340px;
    margin: 0 20px;
}
.secHighSpec .specInner .innerTit{
    font-size:36px;
    color:#fff;
    letter-spacing: 5px;
    padding-top:150px;
}
.secHighSpec .highspecInner{
    margin-top:60px;
    margin-bottom:10px;
}
.secHighSpec .titBox{
    background-color: #373e46;
    padding: 30px 0;
    text-align: center;
}
.secHighSpec .titBox.sub{
    margin-top: 57px;
}
.secHighSpec .flexBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 40px;
}
.secHighSpec .titBox .innerTxt {
    color: #fff;
    font-size: 22px !important;
    letter-spacing: 1px;
}
.secHighSpec .highspecInner .innerTit{
    font-size:25px;
    line-height: 1.8;
    padding-top:30px;
}
.secHighSpec .highspecInner .innerTxt{
    font-size:16px;
    line-height:1.9;
    margin-top:10px;
}
.secHighSpec .highspecFlow{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.secHighSpec .flowBox{
    width: 48.437%;
}
.secHighSpec .flowBox .innerTit{
    font-size:22px;
    border-top:#cccccc 1px solid;
    padding-top:50px;
    margin-top:40px;
    position: relative;
}
.secHighSpec .flowBox .innerTit::before {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: -1px;
    left: 0;
    margin: auto 0;
}
.secHighSpec .flowBox:nth-child(n + 3) .innerTit::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -127px;
    left: 0;
    margin: auto 0;
}
.secHighSpec .flowBox .innerTxt{
    font-size:16px;
    line-height: 1.8;
    margin-top:20px;
}
.secHighSpec .flowBox:nth-child(n + 3){
    border-bottom:#cccccc solid 1px;
    padding-bottom:50px;
}
.secHighSpec .highspecQ{
    width: 100%;
    text-align: center;
    padding-left:27px;
    margin-top:50px;
}
@media only screen and (max-width: 1500px){
    .secHighSpec .cmnPlan .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .secHighSpec .cmnPlan .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
    .secHighSpec .cmnPlan .titY {
        width: 15%;
        left: calc(50% - 250px);
        top:20px;
    }
    .secHighSpec .cmnPlan .tit::after {
        width: 550px;
        height: 3px;
        background-color: #000;
        position: absolute;
        top: -63px;
        left: 455px;
        margin: auto 0;
    }
}
@media only screen and (max-width: 1350px){
    .secHighSpec .cmnPlan .titRoman  {
        left:20px;
        top: 20px;
        bottom: calc(50% - 22px);
        font-size: 75px;
        letter-spacing: 5px;
    }
    .secHighSpec .cmnPlan .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);
    }
}
@media only screen and (max-width:767px){
    .secHighSpec .cmnPlan{
        margin:80px 0 25px;
    }
    .secHighSpec .cmnPlan .titY {
        width: 15%;
        left: calc(50% - 10px);
        top:8px;
    }
    .secHighSpec .cmnPlan .titRoman {
        font-size: 48px;
        letter-spacing: 5px;
        position: absolute;
        left:20px;
        top: -22px;
    }
    .secHighSpec .cmnPlan .tit {
        font-size: 14px;
        letter-spacing: 0.5px;
        top: 30px;
        left: 20px;
        bottom: -48px;
        padding-left: 32px;
    }
    .secHighSpec .highspecInner{
        display: block;
        margin-top:0;
        margin-bottom:0;
    }
    .secHighSpec .titBox{
        background-color: #373e46;
        padding: 5px 0;
        text-align: center;
        margin-top: 25px;
    }
    .secHighSpec .titBox.sub{
        margin-top: 40px;
    }
    .secHighSpec .flexBox{
        display: block;
        margin-top:0;
        margin-bottom:0;
        margin-top: 0px;
    }
    .secHighSpec .titBox .innerTxt {
        font-size: 14px !important;
        letter-spacing: 1px;
    }
    .secHighSpec .cmnPlan{
        height:100px;
    }
    .secHighSpec .highspecInner .innerTit{
        font-size:17px;
        padding-top:20px;
    }
    .secHighSpec .highspecInner .innerTxt{
        font-size:14px;
        line-height: 1.9;
        margin-top:5px;
    }
    .secHighSpec .innerBoxLeft{
        margin-top:15px;
    }
    .secHighSpec .specInner {
        background:url(../img/concept/bgConceptHighspecSp01.jpg) top center / cover no-repeat;
        height: 180px;
        margin: 0 auto;
    }
    .secHighSpec .specInner .innerTit{
        font-size:23px;
        letter-spacing: 5px;
        padding-top:70px;
    }
    .secHighSpec .highspecFlow{
        display: block;
    }
    .secHighSpec .flowBox{
        width: 100%;
    }
    .secHighSpec .flowBox .innerTit{
        font-size:15px;
        padding-top:25px;
        margin-top:19px;
    }
    .secHighSpec .flowBox .innerTxt{
        font-size:13px;
        line-height: 1.8;
        margin-top:8px;
    }
    .secHighSpec .flowBox:nth-child(n + 3){
        border-bottom:none;
        padding-bottom:0;
    }
    .secHighSpec .flowBox:last-child{
        border-bottom:#cccccc 1px solid;
        padding-bottom:18px;;
    }
    .secHighSpec .flowBox:nth-child(1){
        margin-top:30px;
    }
    .secHighSpec .flowBox .innerTit::before {
        width: 40px;
    }
    .secHighSpec .flowBox:nth-child(n + 3) .innerTit::after {
        display:none;
    }
    .secHighSpec .flowBox:last-child .innerTit::after {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background-color: #000;
        position: absolute;
        bottom: -73px;
        left: 0;
        margin: auto 0;
    }
    .secHighSpec .wrapperSp{
        width: 89.333%;
    
        margin: 0 auto;
    }
    .secHighSpec .highspecQ{
        width: 100%;
        text-align: center;
        padding-left:0;
        margin:0 auto;
        margin-top:20px;
    }

}

/* secAirclear */
.secAirclear{
    margin-top: 90px;
}
.secAirclear .clearInner .innerTit{
    font-size:25px;
    margin-top:60px;
    letter-spacing: 5px;
}
.secAirclear .clearInner .innerTxt{
    font-size:16px;
    margin-top:25px;
    line-height: 1.8;
}
.secAirclear .airBox01 .titBox{
    border-left:4px solid #eaa531;
    padding:13px 0 13px 15px;
    margin-top:50px;
}
.secAirclear .airBox01 .airTit{
    font-size:22px;
    color:#eaa531;
    letter-spacing: 2px;
}
.secAirclear .airBox01 .innerTxt{
    font-size:16px;
    margin-top:20px;
    line-height: 1.8;
}
.secAirclear .outBox .flowBox{
    margin: 0px 40px 0 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.secAirclear .airBox02{
    width: 620px;
}
.secAirclear .airBox02 .titBox{
    border-left:4px solid #6aba03;
    padding:13px 0 13px 15px;
    margin-top:50px;
}
.secAirclear .airBox02 .airTit{
    font-size:22px;
    color:#6aba03;
    letter-spacing: 2px;
}
.secAirclear .airBox02 .innerTxt{
    font-size:16px;
    margin-top:20px;
    line-height: 1.8;
}
.secAirclear .airBox03{
    width: 580px;
}
.secAirclear .airBox02 .innerImage{
    margin-top:30px;
    margin-left:40px;
}
.secAirclear .airBox03 .titBox{
    border-left:4px solid #00a0e9;
    padding:13px 0 13px 15px;
    margin-top:50px;
    margin-left:10px;
}
.secAirclear .airBox03 .airTit{
    font-size:22px;
    color:#00a0e9;
    letter-spacing: 2px;
}
.secAirclear .airBox03 .innerTxt{
    font-size:16px;
    margin-top:20px;
    line-height: 1.8;
    margin-left:10px;
}
.secAirclear .underFlow{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-right:40px;
}
.secAirclear .innerImage{
    margin-top:30px;
}
.secAirclear .underFlow{
    margin-top:10px;
}
.secAirclear .yearTit{
    padding:40px 0;
    background-color: #373e46;
    margin-top:100px;
}
.secAirclear .yearTit .innerTit{
    font-size:22px;
    color:#fff;
    text-align: center;
}
.secAirclear .seasonImage{
    margin-top: 108px;
}
@media only screen and (max-width:1300px){
    .secAirclear .outBox .flowBox {
        width: 100%;
        margin: 0 auto;
    }
    .secAirclear .airBox02 .innerImage {
        margin-left:0;
    }
    .secAirclear .underFlow {
        margin-right:0;
    }
}
@media only screen and (max-width:767px){
    .secAirclear{
        margin-top: 60px;
    }
    .secAirclear .clearInner .innerTit{
        font-size:17px;
        margin-top:20px;
        letter-spacing:1px;
        line-height: 1.6;
    }
    .secAirclear .clearInner .innerTxt{
        font-size:14px;
        margin-top:10px;
        line-height: 1.9;
    }
    .secAirclear .airBox01 .airTit{
        font-size:16px;
        letter-spacing: 1px;
    }
    .secAirclear .airBox01 .titBox{
        border-left:3px solid #eaa531;
        padding:8px 0 8px 10px;
        margin-top:20px;
    }
    .secAirclear .airBox01 .innerTxt{
        font-size:12px;
        margin-top:10px;
        line-height: 1.8;
    }
    .secAirclear .outBox .flowBox {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .secAirclear .underFlow {
        display: block;
        margin:0 auto;
    }
    .secAirclear .airBox02 .airTit {
        font-size:16px;
        letter-spacing: 1px;
    }
    .secAirclear .airBox02 .titBox{
        border-left:3px solid #6aba03;
        padding:8px 0 8px 10px;
        margin-top:35px;
    }
    .secAirclear .airBox02 .innerTxt {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.7;
    }
    .secAirclear .airBox03 .airTit {
        font-size:16px;
        letter-spacing: 1px;
    }
    .secAirclear .airBox03 .titBox{
        border-left:3px solid #00a0e9;
        padding:8px 0 8px 10px;
        margin-top:40px;
        margin-left:0;
    }
    .secAirclear .airBox03 .innerTxt {
        font-size: 14px;
        margin-top: 10px;
        margin-left:0;
        line-height: 1.5;
    }
    .secAirclear .airBox02{
        width: 100%;
        margin: 0 auto;
    }
    .secAirclear .airBox03{
        width: 100%;
        margin: 0 auto;
    }
    .secAirclear .airBox02 .innerImage {
        margin:0 auto;
    }
    .secAirclear .innerImage {
        margin-top: 15px;
    }
    .secAirclear .innerImage.mt20 {
        margin-top: 20px;
    }
    .secAirclear .innerImage.mt10 {
        margin-top: 10px;
    }
    .secAirclear .yearTit {
        padding: 18px 0;
        margin-top: 40px;
    }
    .secAirclear .yearTit .innerTit {
        font-size: 14px;
    }
    .secAirclear .seasonImage {
        margin-top: 23px;
    }
}

/* .secAirclear */
.secAirclear .merit5{}
.secAirclear .merit5 .imgbox01{
    margin-top: 27px;
}
.secAirclear .merit5 .listbox{
    position: relative;
    margin-top: 100px;
}
.secAirclear .merit5 .listbox .img1{
    position: absolute;
    top: -42px;
    right: 0;
}
.secAirclear .merit5 .listbox .img2{
    position: absolute;
    top: 348px;
    right: 0;
}
.secAirclear .merit5 .listbox .list{
    margin-bottom: 51px;
}
.secAirclear .merit5 .listbox .list .titbox{
    height: 50px;
    border-left: 4px solid;
    text-align: left;
    margin-bottom: 17px;
}
.secAirclear .merit5 .listbox .list .titbox .tit{
    font-size: 22px;
    line-height: 50px;
    font-weight: bold;
    padding-left: 17px;
}
.secAirclear .merit5 .listbox .list .underbox{}
.secAirclear .merit5 .listbox .list .underbox .txt{
    font-size: 16px;
    line-height: 30px;
}
.secAirclear .merit5 .listbox .list .underbox .imgbox{}
@media only screen and (max-width:767px){
    .secAirclear .merit5{}
    .secAirclear .merit5 .imgbox01{
    margin-top: 10px;
}
    .secAirclear .merit5 .listbox{
    margin-top: 24px;
}
    .secAirclear .merit5 .listbox .list{}
    .secAirclear .merit5 .listbox .list .titbox{
    padding: 4px 0 4px 10px;
    border-left: 3px solid #000;
    margin-top: 26px;
    height: auto;
}
    .secAirclear .merit5 .listbox .list .titbox .left{}
    .secAirclear .merit5 .listbox .list .titbox .tit{
    font-size: 16px;
    line-height: 1.4;
    padding-left: 0;
}
    .secAirclear .merit5 .listbox .list .underbox{}
    .secAirclear .merit5 .listbox .list .underbox .txt{
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.9;
}
    .secAirclear .merit5 .listbox .list .underbox .imgbox{
    margin-top: 16px;
}
}













/* secSolarRack */
.secSolarRack{
    margin-top: 120px;
}
.secSolarRack .clearInner .innerTit{
    font-size:25px;
    margin-top:60px;
    letter-spacing: 5px;
}
.secSolarRack .solarInner{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:60px;
}
.secSolarRack .solarLeft{
    width: 660px;
}
.secSolarRack .solarInner .innerTit{
    font-size:25px;
    line-height: 1.8;
    margin-top:30px;
}
.secSolarRack .solarInner .innerTxt{
    font-size:16px;
    line-height: 1.8;
    margin-top:15px;
}
.secSolarRack .solarMerit{
    margin-top:30px;
}
.secSolarRack .solarMeritBox .meritInner{
    padding:14px 0 14px 15px;
    border-left:4px solid #000;
    margin-top:40px;
}
.secSolarRack .solarMeritBox .innerTit{
    font-size:22px;
}
.secSolarRack .solarMeritBox  .innerTxt{
    font-size:16px;
    line-height: 1.9;
    margin-top:20px;
}
.secSolarRack .solarMeritBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:70px;
}
.secSolarRack .solarMeritLeft{
    width: 660px;
}
.secSolarRack .solarMeritBox.mt40 {
    margin-top: 40px;
}
.secSolarRack .solarMeritPlus{
    margin-top:70px;
}
.secSolarRack .meritPlusTxt{
    text-align: center;
    font-size:30px;
    line-height: 1.8;
    margin-top:55px;
    letter-spacing: 4px;
}
@media only screen and (max-width:767px){
    .secSolarRack{
        margin-top: 60px;
    }
    .secSolarRack .solarInner{
        display: block;
        margin-top:15px;
    }
    .secSolarRack .solarLeft{
        width: 100%;
    }
    .secSolarRack .solarInner .innerTit{
        font-size:17px;
        margin-top:0;
    }
    .secSolarRack .solarInner .innerTxt{
        font-size:14px;
        margin-top:10px;
    }
    .secSolarRack .solarRight{
        margin-top:20px;
    }
    .secSolarRack .solarMerit{
        margin-top:12px;
    }
    .secSolarRack .solarMeritBox{
        display: block;
        margin-top:30px;
    }
    .secSolarRack .solarMeritBox .innerTit{
        font-size:16px;
        line-height: 1.4;
    }
    .secSolarRack .solarMeritBox .meritInner{
        padding:7px 0 7px 10px;
        border-left:3px solid #000;
        margin-top:20px;
    }
    .secSolarRack .solarMeritBox  .innerTxt{
        font-size:12px;
        margin-top:10px;
        line-height: 1.9;
    }
    .secSolarRack .solarMeritLeft {
        width:100%;
    }
    .secSolarRack .solarMeritRight{
        margin-top:15px;
    }
    .secSolarRack .solarMeritBox.mt40 {
        margin-top: 30px;
    }
    .secSolarRack .solarMeritPlus{
        margin-top:30px;
    }
    .secSolarRack .meritPlusTxt{
        font-size:17px;
        margin-top:35px;
        letter-spacing:0;
        line-height: 1.7;
    }
}

/* secZehMain */
.secZehMain .cmnPlan{
    background-image: url(../img/concept/bgConceptZehMain01.jpg);
    height: 1719px;
    margin: 0 20px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top:100px;
}
.secZehMain .cmnPlan .titY{
    position: absolute;
    left: calc(50% - 560px);
    top: -45px;
}
.secZehMain .cmnPlan .tit {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    top: 63px;
    padding-left: 32px;
    line-height: 1.8;
}
.secZehMain .cmnPlan .titRoman {
    font-size: 100px;
    color: #373e46;
    letter-spacing: 11px;
    position: absolute;
    left: calc(50% - 690px);
    top: -45px;
    letter-spacing: 15px;
}
.secZehMain .cmnPlan .titY {
    position: absolute;
    left: calc(50% - 355px);
    top: 25px;
}
.secZehMain .cmnPlan .tit::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 12px;
    left: 0;
    margin: auto 0;
}
.secZehMain .cmnPlan .tit::after {
    content: "";
    background: url(../img/concept/bgConceptQualityBar05.jpg) center top / cover no-repeat;
    display: block;
    width: 1130px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: -63px;
    left: 200px;
    margin: auto 0;
}
.secZehMain .zehOverBox{
    padding-top:140px;
}
.secZehMain .zehInnerBox{
    background-color: #fff;
    padding-top:60px;
}
.secZehMain .zehInnerBox .zehInnerBox {
    padding-top: 20px;
}
.secZehMain .zehOverBox .innerTxt{
    font-size:23px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 1px;
}
.secZehMain .zehInnerBox .innerTit{
    margin: 0 50px;
    padding:30px 0;
    background-color: #373e46;
    margin-top:45px;
}
.secZehMain .zehInnerBox .innerSubTxt{
    font-size: 20px;
    color:#fff;
    text-align: center;
}
.secZehMain .zehInnerBox .innerMiddleTxt{
    font-size:28px;
    text-align: center;
    letter-spacing: 2px;
}
.secZehMain .zehMainImage{
    margin-top:15px;
}
.secZehMain .zehMainImage02{
    text-align: center;
    margin-top:40px;
}
.secZehMain .zehMainImage03{
    text-align: center;
    margin-top:50px;
    padding-bottom:50px;
}
.secZehMain .imageBox .dataImg{
    position: relative;
}
.secZehMain .dataImg img {
    max-width: 100%;
}
@media only screen and (max-width: 1500px){
    .secZehMain .cmnPlan .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .secZehMain .cmnPlan .tit {
        left: 20px;
        bottom: calc(50% - 70px);
    }
    .secZehMain .cmnPlan .tit::after {
        width: 550px;
        height: 3px;
        background-color: #000;
        position: absolute;
        top: -63px;
        margin: auto 0;
    }
    .secZehMain .meritBox{
        width: 100%;
    }
    .secZehMain .innerBox{
        width: 48%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1350px){
    .secZehMain .cmnPlan .titRoman  {
        left:20px;
        top: -20px;
        bottom: calc(50% - 42px);
        font-size: 75px;
        letter-spacing: 5px;
    }
    .secZehMain.cmnPlan .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);

    }
}
@media only screen and (max-width:767px){
    .secZehMain .cmnPlan{
        margin:80px 0 40px;
        height: auto;
        padding-bottom: 50px;
    }
    .secZehMain .cmnPlan .titY {
        width: 15%;
        left: calc(50% - 10px);
        top:8px;
    }
    .secZehMain .cmnPlan .tit::after {
        content: "";
        background: url(../img/concept/bgConceptQualityBarSp05.jpg) center top / cover no-repeat;
        display: block;
        width: 250px;
        height: 2px;
        background-color: #000;
        position: absolute;
        top: -30px;
        left: calc(50% - 30px);
        margin: auto 0;
    }
    .secZehMain.cmnPlan .titRoman {
        font-size: 48px;
        letter-spacing: 5px;
        position: absolute;
        left:20px;
        top: -22px;
    }
    .secZehMain .cmnPlan .titRoman{
        font-size: 48px;
    }
    .secZehMain .cmnPlan .tit {
        font-size: 14px;
        letter-spacing: 0.5px;
        top: 30px;
        left: 20px;
        bottom: -48px;
        padding-left: 32px;
    }
    .secZehMain .meritBox{
        display:block;
        padding-top:70px;
        width: 100%;
        margin: 0 auto;
    }
    .secZehMain .innerBox{
        width: 100%;
        margin: 0 auto;
    }
    .secZehMain .zehOverBox .innerTxt{
        font-size:14px;
        letter-spacing:0;
        line-height: 1.75;
    }
    .secZehMain .zehInnerBox{
        padding-top:25px;
    }
    .secZehMain .zehOverBox{
        padding-top:70px;
    }
    .secZehMain .zehInnerBox .innerTit{
        width: 88%;
        margin: 0 auto;
        padding:15px 0;
        margin-top:20px;
    }
    .secZehMain .zehInnerBox .innerSubTxt {
        font-size: 14px;
        line-height: 1.4;
    }
    .secZehMain .zehInnerBox .innerMiddleTxt {
        font-size: 17px;
        letter-spacing:0;
        line-height: 1.6;
    }
    .secZehMain .zehMainImage02 {
        width: 88.059%;
        margin: 0 auto;
        margin-top:15px;
    }
    .secZehMain .zehMainImage03 {
        width: 88.059%;
        margin: 0 auto;
        margin-top:20px;
        padding-bottom:40px;
    }
    .secZehMain .imageBox{
        margin-top:15px;
    }
    .secZehMain .dataImg img {
        max-width: none;
        height: 320px;
        width: auto;
    }
}

/* secTab */
.secTab{
    margin-top:90px;
}
.secTab .innerTxt{
    font-size:30px;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 3px;
}
.secTab .tabBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:30px;
}
.secTab .tabSubTxt{
    margin-top:25px;
    line-height: 1.8;
    font-size:13px;
}
.secTab .tabTxtImage{
    margin-top:40px;
    text-align: center;
}
.secTab .tabBox img{
    width: 100%;
    height: auto;
}
.secTab .innerTabLeft,
.secTab .innerTabRight{
    width: 47.657%;
}
.secTab .innerSubTxt{
    font-size:30px;
    line-height: 1.8;
    text-align: center;
    margin-top:30px;
    letter-spacing: 3px;
}


.secTab .tab-area {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    cursor: pointer;
}
.secTab .tab-area.bottom{
    margin: 20px 0;
    border-top: 6px solid #373e46;
}
.secTab .tab-area.top{
    border-bottom: 6px solid #373e46;
}
.secTab .tab {
      width: calc(50% - 0.5px);
      height: 90px;
      line-height:1.8;
      text-align: center;
      color: white;
      padding-top:15px;
      font-size:16px;
      background-color: #949698;
}
.secTab .tab.active {
      background-color: #373e46;
      color: #fff;
      border: none;
      border-left: 1px #fff solid;
    }

.secTab .content-area {
    font-size: 30px;
    text-align: center;
}
.secTab .content {
      display: none;
}
.secTab .content.show {
      display: block;
}
@media only screen and (max-width:767px){
    .secTab{
        margin-top:40px;
    }
    .secTab .innerTxt{
        font-size: 17px;
        line-height: 1.8;
        text-align: center;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    .secTab .tabSubTxt {
        margin-top: 15px;
        line-height: 1.8;
        font-size: 11px;
        text-align: left;
        padding: 0 14px;
    }
    .secTab .innerSubTxt {
        font-size: 20px;
        line-height: 1.7;
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .secTab .tabTxtImage.mw5 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .secTab .tabTxtImage{
        margin-top:0;
    }
    .secTab .tab{
        font-size: 16px;
        line-height: 1.5;
        padding-top: 20px;
    }
}

/*-----------------------------------------------
   after
-----------------------------------------------*/

#pnkz.pnkzAfter{
    padding-bottom:35px;
}
@media only screen and (max-width:767px){
    #pnkz.pnkzAfter{
		padding: 20px 0 14px 20px;
		background-color:#fafafa ;
	}
}

.cmnMainTit.after {
    background-image: url(../img/concept/bgTopConceptAfter01.jpg);
    height: 540px;
}
.cmnMainTit.after .mainInnerBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: 1380px;
    margin: 0 auto;
}
.cmnMainTit.after .titRoman {
    font-size: 120px;
    color: #fff;
    letter-spacing: 20px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 42px);
}
.cmnMainTit.after .tit {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    left: calc(50% - 690px);
    bottom: calc(50% - 70px);
    padding-left: 32px;
    color:#fff;
}
.cmnMainTit.after .tit::before {
    background-color: #fff;
}
.cmnMainTit.after .titRight{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding-top:225px;
    letter-spacing: 4px;
    line-height: 1.8;
}
@media only screen and (max-width: 1500px){
    .cmnMainTit.after .titRoman {
        left: calc(50% - 620px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.after .tit {
        left: calc(50% - 620px);
        bottom: calc(50% - 70px);
    }
}
@media only screen and (max-width: 1350px){
    .cmnMainTit.after .titRoman {
        left: calc(50% - 580px);
        bottom: calc(50% - 42px);
    }
    .cmnMainTit.after .tit {
        left: calc(50% - 580px);
        bottom: calc(50% - 70px);

    }
}
@media only screen and (max-width: 767px){
    .cmnMainTit.after .mainInnerBox{
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.after {
        background-image: url(../img/concept/bgTopConceptAfterSp01.jpg);
        height:270px;
        margin-bottom:0;
    }
    .cmnMainTit.after .mainInnerBox{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .cmnMainTit.after .titRoman {
        font-size:60px;
        left: 20px;
        bottom: calc(50% - -10px);
        letter-spacing: 8px;
    }
    .cmnMainTit.after .tit {
        font-size:16px;
        left: 20px;
        bottom: calc(50% - 12px);
    }
    .cmnMainTit.after .titRight{
        font-size: 19px;
        color: #fff;
        font-weight: 700;
        padding-top:168px;
        letter-spacing: 2px;
        width: 92%;
        margin: 0 auto;
        line-height: 1.6;
    }
}

/* secAfterTop */
.secAfterTop{
    text-align: center;
}
.secAfterTop .txtBox .innerTxt {
    font-size: 22px;
    line-height: 2.32;
}
@media only screen and (max-width: 767px){
    .secAfterTop .txtBox .innerTxt {
        font-size: 15px;
        line-height: 1.88;
        margin-top: 23px;
    }
}


/* secAfterSupport */
.secAfterSupport{
    text-align: center;
    margin-top:60px;
}
.secAfterSupport .supTxt{
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    margin: 75px auto 45px;
    font-weight: bold;
}
.secAfterSupport .supBtn{
    width: 620px;
    height: 100px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    color: #000;
    border-radius: 4px;
}
.secAfterSupport .supBtn span{
    display: inline-block;
    position: relative;
}
.secAfterSupport .supBtn span::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -10px;
    right: -15px;
    width: 10px;
    height: 10px;
    background: url(../img/concept/iconBtn.gif) center top / cover no-repeat;
}
@media only screen and (max-width: 767px){
    .secAfterSupport{
        margin-top:30px;
    }
    .secAfterSupport .supTxt{
        text-align: left;
        font-size: 15px;
        line-height: 26px;
        margin: 30px auto 25px;
        font-weight: normal;
    }
    .secAfterSupport .supBtn{
        width: 100%;
        height: 64px;
        font-size: 14px;
    }
}

/* secAfterPlan */
.secAfterPlan{
    margin-top: 80px;
}
@media only screen and (max-width: 767px){
    .secAfterPlan{
        margin-top: 30px;
    }
}



/* secPromise */
.secAllSupport{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 60px;
}
.secAllSupport .innerTit{
    font-size:26px;
    letter-spacing: 3px;
    line-height: 1.8;
}
.secAllSupport .innerTxt{
    font-size:16px;
    line-height:1.9;
    margin-top:20px;
}
.secAllSupport .innerBoxRight .innerStrong{
    font-weight: 700;
}
.secAllSupport .innerBoxRight{
    padding-left:50px;
}
.secAllSupport .innerTxt.mt40{
    margin-top:40px;
}
.secAllSupport .innerBoxLeft{
    margin-top:30px;
    padding-right:20px;
}
@media only screen and (max-width: 767px){
    .secAllSupport{
        display: block;
        margin-top: 25px;
    }
    .secAllSupport .innerBoxLeft{
        padding-left:0;
        margin-top:25px;
    }
    .secAllSupport .innerTit{
        margin-top:20px;
        font-size:17px;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .secAllSupport .innerTxt{
        font-size:14px;
        line-height:1.9;
        margin-top:10px;
    }
    .secAllSupport .innerBoxRight {
        padding-left: 0;
        width: 79.104%;
        margin: 0 auto;
        margin-top: 30px;
    }
}

/* secStaff */
.secStaff{
    text-align: center;
    margin-top:50px;
}
.secStaff .innerBox{
    padding:38px 0;
    background-color: #373e46;
}
.secStaff .innerTit{
    font-size:22px;
    color:#fff;
}
.secStaff .iconBox{
    margin-top:40px;
}
.secStaff .txtBox{
    font-size:30px;
    line-height: 1.8;
    margin-top:60px;
}
.secStaff .underLine{
    background:linear-gradient(transparent 75%, #ffff00 75%);
}
.secStaff .iconBox02{
    margin-top:55px;
}
.secStaff .txtBox02{
    font-size:30px;
    line-height: 1.8;
    margin-top:70px;
    letter-spacing: 2px;
}
@media only screen and (max-width: 767px){
    .secStaff .innerTit {
        font-size: 14px;
    }
    .secStaff .innerBox {
        padding: 18px 0;
        background-color: #373e46;
    }
    .secStaff .iconBox {
        width: 79.104%;
        margin: 0 auto;
        margin-top:15px;
    }
    .secStaff .txtBox {
        font-size: 17px;
        margin-top: 25px;
        letter-spacing: 0;
    }
    .secStaff .iconBox02 {
        margin-top: 25px;
    }
    .secStaff .txtBox02 {
        font-size: 17px;
        margin-top: 20px;
        letter-spacing: 0;
    }
}

/* secVoice */
.secVoice{
    text-align: center;
    margin-top:50px;
}
.secVoice .innerBox{
    padding:38px 0;
    background-color: #373e46;
}
.secVoice .innerTit{
    font-size:22px;
    color:#fff;
}
.secVoice .iconBox{
    margin-top:40px;
}
.secVoice .txtBox{
    font-size:30px;
    line-height: 1.8;
    margin-top:60px;
}
.secVoice .txtBox02{
    font-size:30px;
    line-height: 1.8;
    margin-top:40px;
    letter-spacing: 2px;
}
.secVoice .underLine{
    background:linear-gradient(transparent 75%, #ffff00 75%);
}
.secVoice .lifePlanBox{
    background-color: #f5f7fa;
    padding:50px;
    margin-top:50px;
    position: relative;
}
.secVoice .lifePlanBox::after {
    content: "";
    display: block;
    width: 127px;
    height:219px;
    background:url(../img/concept/iconConceptAfter01.gif);
    position: absolute;
    bottom:-35px;
    right: -17px;
}
.secVoice .innerQ{
    font-size:18px;
    text-align: left;
}
.secVoice .innerQTxt{
    font-size:14px;
    text-align: left;
    line-height: 1.8;
    margin-top:15px;
}
.secVoice .txtBox03{
    font-size:26px;
    line-height: 1.8;
    margin-top:60px;
    letter-spacing: 2px;
}
.secVoice .afterFlowBox{
    margin-top:50px;
}
.secVoice .flowBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.secVoice .flowInner{
    width: 23.828%;
}
.secVoice .imageBox .dataImg{
    position: relative;
}
.secVoice .dataImg img {
    max-width: 100%;
}
.secVoice .afterMainImage{
    margin-top:50px;
}
@media only screen and (max-width: 767px){
    .secVoice {
        margin-top: 20px;
    }
    .secVoice .innerTit {
        font-size: 14px;
        line-height: 1.6;
    }
    .secVoice .innerBox {
        padding: 12px 0;
        background-color: #373e46;
    }
    .secVoice .iconBox {
        width: 100%;
        margin: 0 auto;
        margin-top:10px;
    }
    .secVoice .txtBox {
        font-size: 17px;
        margin-top: 33px;
        letter-spacing: 0;
    }
    .secVoice .txtBox02{
        margin-top:35px;
        letter-spacing:0;
    }
    .secVoice .txtBox02 .innerTxt{
       font-size:17px;
       letter-spacing: 0;
       margin-top:20px;
    }
    .secVoice .lifePlanBox {
        background-color: #f5f7fa;
        padding: 30px 20px;
        margin-top: 20px;
        position: relative;
    }
    .secVoice .lifePlanBox::after {
        display: none;
    }
    .secVoice .innerQ {
        font-size: 14px;
    }
    .secVoice .innerQTxt {
        font-size: 11px;
        margin-top: 8px;
    }
    .secVoice .txtBox03{
        font-size:15px;
        margin-top:25px;
        letter-spacing:0;
    }
    .secVoice .flowInner{
        width: 47.761%;
    }
    .secVoice .afterFlowBox {
        margin-top: 20px;
    }
    .secVoice .flowInner:nth-child(n + 3){
        margin-top:4.5%
    }
    .secVoice .afterMainImage{
        margin-top:15px;
        border: 1px solid #ccc;
    }
    .secVoice .dataImg img {
        width: auto;
        height: 250px;
        max-width: none;
    }
     .secVoice .dataImg{
         height: 310px;
         padding: 30px;
     }
}


/*secConstruction */
.secConstruction {
    margin-top:120px;
}
@media only screen and (max-width: 767px){
    .secConstruction  {
        margin-top:30px;
    }
}



/* secAfterConstruction */
.secAfterConstruction{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 60px;
}
.secAfterConstruction .innerTit{
    font-size:26px;
    letter-spacing: 3px;
    line-height: 1.8;
}
.secAfterConstruction .innerTxt{
    font-size:16px;
    line-height:1.9;
    margin-top:20px;
}
.secAfterConstruction .innerBoxRight .innerStrong{
    font-weight: 700;
}
.secAfterConstruction .innerBoxRight{
    padding-left:50px;
}
.secAfterConstruction .innerTxt.mt40{
    margin-top:40px;
}
.secAfterConstruction.innerBoxLeft{
    margin-top:30px;
    padding-right:20px;
}
@media only screen and (max-width: 767px){
    .secAfterConstruction{
        display: block;
        margin-top: 25px;
    }
    .secAfterConstruction .innerBoxLeft{
        padding-left:0;
        margin-top:25px;
    }
    .secAfterConstruction .innerTit{
        margin-top:20px;
        font-size:17px;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .secAfterConstruction .innerTxt{
        font-size:14px;
        line-height:1.9;
        margin-top:10px;
    }
    .secAfterConstruction .innerBoxRight {
        padding-left: 0;
        width: 79.104%;
        margin: 0 auto;
        margin-top: 30px;
    }
}

/* secConstructionList */
.secConstructionList .innerList{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top:50px;
}
.secConstructionList .innerListBox{
    width: 32.031%;
    border:1px solid #000;
    text-align: center;
    padding:30px 0;
}
.secConstructionList .flowTxt{
    font-size:19px;
}
.secConstructionList .innerBox {
    padding: 38px 0;
    background-color: #373e46;
    text-align: center;
    margin-top:70px;
}
.secConstructionList .innerTit {
    font-size: 22px;
    color: #fff;
}
.secConstructionList .afterFlowBox{
    margin-top:20px;
}
.secConstructionList .flowBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.secConstructionList .flowInner{
    width: 16.407%;
}
.secConstructionList .innerTxtBox .innerTxt{
    text-align: center;
    font-size:19px;
    margin-top:40px;
}
.secConstructionList .iconBox{
    margin-top:40px;
}
@media only screen and (max-width: 767px){
    .secConstructionList .innerList{
       display: block;
        margin-top:30px;
    }
    .secConstructionList .innerListBox{
        width: 100%;
        padding:15px 0;
    }
    .secConstructionList .innerListBox:nth-child(n +2){
        margin-top:5px;
    }
    .secConstructionList .flowTxt{
        font-size:14px;
    }
    .secConstructionList .innerBox {
        padding: 12px 0;
        background-color: #373e46;
        margin-top: 30px;
    }
    .secConstructionList .innerTit {
        font-size: 14px;
        line-height: 1.6;
    }
    .secConstructionList .flowInner{
        width: 31.343%;
    }
    .secConstructionList .afterFlowBox {
        margin-top: 20px;
    }
    .secConstructionList .flowInner:nth-child(n + 4){
        margin-top:3.5%
    }
    .secConstructionList .innerTxtBox .innerTxt{
        text-align: center;
        font-size:13px;
        line-height: 1.8;
        margin-top:20px;
    }
    .secConstructionList .iconBox{
        margin-top:30px;
    }
}


/*secAfterProtect */
.secAfterProtect {
    margin-top:120px;
}
.secAfterProtect .titHead{
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 50px;
}
.secAfterProtect .txtHead{
    font-size: 16px;
    line-height: 1.9;
    margin-top: 20px;
}
.secAfterProtect .imgHead{
    margin-top: 45px;
}
.secAfterProtect .titFigure{
    padding: 38px 0;
    background-color: #373e46;
    text-align: center;
    margin-top: 70px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
.secAfterProtect .txttopFigure {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 36px;
}
.secAfterProtect .txtFigure{
    text-align: center;
    font-size: 19px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 2.2;
}
.secAfterProtect .imgFigure{
    width: 1280px;
    max-width: calc(100% - 40px);
    margin: 30px auto 0;
}
.secAfterProtect .txtBox02{
    font-size:30px;
    line-height: 1.8;
    margin-top:40px;
    letter-spacing: 2px;
    text-align: center;
}
.secAfterProtect .btnBox{
    width: 1280px;
    max-width: calc(100% - 40px);
    margin: 80px auto 30px;    
    display: flex;
    justify-content: space-between;
}
.secAfterProtect .btnBox a{
    width: 48.438%;
    height: 100px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eb6d7d;
    border-bottom: 3px solid #d36270;
    padding-top: 5px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
}
.secAfterProtect .btnBox a + a{
    background-color: #4b829b;
    border-bottom:3px solid #43758b;
}
.secAfterProtect .btnBox a .txt{
    position: relative;
    padding-left: 20px;
}
.secAfterProtect .btnBox a .txt::after{
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    display: block;
    display: block;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 36px;
    height: 40px;
    background-image: url(../img/concept/aboutPdfIcon.png);
}
.secAfterProtect .innerTxt01{
    font-size: 30px;
    line-height: 1.8;
    margin-top: 40px;
    letter-spacing: 2px;
    text-align: center;
}
.secAfterProtect .imgbox{
    margin-top: 43px;
    margin-bottom: 58px;
    height: auto;
    border: 1px solid #cccccc;
}
.secAfterProtect .imgbox01{
    margin-top: 46px;
    height: auto;
    border: 1px solid #cccccc;
}
.secAfterProtect .box01{
    text-align: center;
    margin-top: 63px;
}
.secAfterProtect .box01 .tit{
    font-size: 26px;
    line-height: 54px;
    letter-spacing: 4px;
    font-weight: bold;
}
.secAfterProtect .box01 .txt{
    font-size: 16px;
    line-height: 30px;
    padding-top: 6px;
}
.secAfterProtect .box01 .flexbox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 41px;
}
.secAfterProtect .box01 .flexbox .list{
    width: 290px;
    margin-right: auto;
    margin-bottom: 26px;
}
.secAfterProtect .box01 .flexbox .list:nth-child(4n){
    margin-right: 0;
}
.secAfterProtect .box01 .flexbox .list .imgbox{
    height: 200px;
    margin: 0;
}
.secAfterProtect .box01 .flexbox .list .titbox{
    position: relative;
    height: 70px;
    background-color: #f5f7fa;
}
.secAfterProtect .box01 .flexbox .list .titbox .tit{
    font-size: 20px;
    line-height: 1.8;
    padding-top: 16px;
}
.secAfterProtect .box01 .flexbox .list .titbox .tit01{
    font-size: 20px;
    line-height: 1.5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 6px;
}
.secAfterProtect .box01 .flexbox .list .txtbox{
    text-align:left;
    padding-top: 8px;
}
.secAfterProtect .box01 .flexbox .list .txtbox .txt{
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: -1px;
}
.secAfterProtect .box01 .flexbox .list .txtbox .txt span{
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.secAfterProtect .box02{
    text-align: center;
    position: relative;
    margin-top: 21px;
    padding-bottom: 40px;
    margin-bottom: 150px;
}
.secAfterProtect .box02 .img1{
    position: absolute;
    bottom: 0;
    left: -72px;
}
.secAfterProtect .box02 .tit{
    font-size: 25px;
    line-height: 46px;
    letter-spacing: 4px;
    font-weight: bold;
}
.secAfterProtect .box02 .flexbox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 66px;
}
.secAfterProtect .box02 .flexbox .box{
    width: 410px;
    margin-right: auto;
}
.secAfterProtect .box02 .flexbox .box:nth-child(3n){
    margin-right: 0;
}
.secAfterProtect .box02 .flexbox .box .titbox{
    position: relative;
    height: 160px;
    text-align: center;
    border: 1px solid #000;
    padding: 47px 0px 35px;
}
.secAfterProtect .box02 .flexbox .box .titbox .nunbox{
    text-align: center;
    width:50px;
    height: 50px;
    border-radius: 69%;
    background: #373e46;
    position: absolute;
    top: -27px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
}
.secAfterProtect .box02 .flexbox .box .titbox .tit{
    font-size:22px;
    line-height: 36px;
    font-weight: bold;
}
.secAfterProtect .box02 .flexbox .box:last-child .titbox{
    
padding: 62px 0px;
}
.secAfterProtect .box02 .flexbox .box .underbox{
    text-align: center;
    padding-top: 24px;
}
.secAfterProtect .box02 .flexbox .box .underbox .txt{
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.secAfterProtect .box02 .flexbox .box .underbox .txt2{
    width: 405px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    padding-top: 9px;
}
.secAfterProtect .box02 .flexbox .box .underbox .imgbox{
    border: none;
    margin-top: 9px;
    margin-bottom: 0;
}
.secAfterProtect .box03{} 
@media only screen and (max-width: 1465px){
    .secAfterProtect .box02 .img1{
        bottom: -40px;
        left: 0px;
    }
}
@media only screen and (max-width: 1296px){
    .secAfterProtect .box02 .flexbox .box{
        width: 396px;
    }
    .secAfterProtect .box02 .flexbox .box .underbox .txt{
        font-size: 14px;
        line-height: 1.875;
    }
}
@media only screen and (max-width: 767px){
    .secAfterProtect .innerTxt01{
        font-size: 17px;
        line-height: 1.8;
        margin-top: 15px;
        letter-spacing: -1px;
        text-align: center;
    }
    .secAfterProtect .imgbox{
        margin-top: 22px;
        margin-bottom: 31px;
        width: 100%;
        height: auto;
        border: 1px solid #cccccc;
    }
    .secAfterProtect .imgbox01{
        margin-top: 26px;
        height: 220px;
        border: 1px solid #cccccc;
        padding: 30px 20px;
    }
    .secAfterProtect .box01{
        text-align: center;
        margin-top: 23px;
    }
    .secAfterProtect .box01 .tit{
        font-size: 17px;
        line-height: 1.8;
        letter-spacing: 4px;
        font-weight: bold;
    }
    .secAfterProtect .box01 .txt{
        font-size: 14px;
        line-height: 1.85;
        padding-top: 6px;
    }
    .secAfterProtect .box01 .flexbox{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 21px;
    }
    .secAfterProtect .box01 .flexbox .list{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .secAfterProtect .box01 .flexbox .list:nth-child(4n){
        margin-right: 2%;
    }
    .secAfterProtect .box01 .flexbox .list:nth-child(3n){
        margin-right:0;
    }
    .secAfterProtect .box01 .flexbox .list .imgbox{
        height: auto;
        margin: 0;
    }
    .secAfterProtect .box01 .flexbox .list .titbox{
        position: relative;
        height: auto;
        padding: 5px;
        background-color: #f5f7fa;
    }
    .secAfterProtect .box01 .flexbox .list .titbox .tit{
        font-size: 13px;
        line-height: 1.8;
        padding-top:0;
        letter-spacing: -2px;
    }
    .secAfterProtect .box01 .flexbox .list .titbox .tit01{
        font-size: 13px;
        line-height: 1.5;
        position: unset;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0;
    }
    .secAfterProtect .box01 .flexbox .list .txtbox{
        text-align:left;
        padding-top: 0px;
    }
    .secAfterProtect .box01 .flexbox .list .txtbox .txt{
        font-size: 11px;
        line-height: 1.4;
        font-weight: bold;
        letter-spacing: -1px;
        padding-top: 5px;
    }
    .secAfterProtect .box01 .flexbox .list .txtbox .txt span{
        font-size: 10px;
        line-height: 1.8;
        font-weight: 400;
    }
    .secAfterProtect .box02{
        text-align: center;
        position: relative;
        margin-top: 11px;
        padding-bottom: 14px;
        margin-bottom: 0;
    }
    .secAfterProtect .box02 .img1{
        position: absolute;
        bottom: unset;
        top: 5px;
        right: 1%;
        max-width: 68px;
    }
    .secAfterProtect .box02 .tit{
        font-size: 17px;
        line-height: 1.76;
        letter-spacing: 1px;
        font-weight: bold;
    }
    .secAfterProtect .box02 .flexbox{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 26px;
    }
    .secAfterProtect .box02 .flexbox .box{
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .secAfterProtect .box02 .flexbox .box:nth-child(2n){
        margin-right: 0;
    }
    .secAfterProtect .box02 .flexbox .box .titbox{
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        height: 70px;
        text-align: center;
        border: 1px solid #000;
        background: #fff;
        padding: 0 0% 0 4%;
    }
    .secAfterProtect .box02 .flexbox .box .titbox .nunbox{
        text-align: center;
        width:40px;
        height: 40px;
        min-width: 40px;
        border-radius: 69%;
        background: #373e46;
        position: unset;
        left: 0;
        right: 0;
        margin: 0;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        padding-top: 5px;
        font-weight: bold;
    }
    .secAfterProtect .box02 .flexbox .box .titbox .tit{
        font-size:15px;
        line-height: 1.8;
        font-weight: bold;
        letter-spacing: 0px;
        padding-left: 4%;
    }
    .secAfterProtect .box02 .flexbox .box:last-child .titbox{
    padding: 0 0% 0 4%;
    }
    .secAfterProtect .box02 .flexbox .box .underbox{
        text-align: center;
        padding-top: 11px;
    }
    .secAfterProtect .box02 .flexbox .box .underbox .txt{
        font-size: 12px;
        line-height:1.8;
        letter-spacing: 0px;
    }
    .secAfterProtect .box02 .flexbox .box .underbox .txt2{
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 11px;
        line-height: 1.63;
        padding-top: 9px;
    }
    .secAfterProtect .box02 .flexbox .box .underbox .imgbox{
        border: none;
        margin-top: 17px;
        margin-bottom: 0;
    }
    .secAfterProtect .imgbox03{
        width: 100%;
        height: 942px;
        padding: 28px 17px;
        border: 1px solid #ccc;
        margin-bottom: 60px;
    } 
}




















.secAfterProtect .underLine{
    background:linear-gradient(transparent 75%, #ffff00 75%);
}
@media only screen and (max-width: 767px){
    .secAfterProtect{
        margin-top:60px;
    }
    .secAfterProtect .titHead{
        margin-top: 23px;
        font-size: 17px;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .secAfterProtect .txtHead{
        font-size: 14px;
        line-height: 1.9;
        margin-top: 10px;
    }
    .secAfterProtect .imgHead{
        margin-top: 24px;
    }
    .secAfterProtect .titFigure{
        font-size: 14px;
        line-height: 1.6;
        font-weight: bold;
        padding: 14px 0;
        margin-top: 27px;
    }
    .secAfterProtect .txtFigure{
        text-align: left;
        font-size: 13px;
        line-height: 1.7;
        margin-top: 15px;
    }
    .secAfterProtect .txttopFigure {
        font-size: 15px;
        margin-top: 18px;
    }
    .secAfterProtect .imgFigure{
        width: calc(100% - 30px);
        max-width: none;
        margin-top: 25px;
    }
    .secAfterProtect .imgFigure img {
        margin-left: -5px;
    }
    .secAfterProtect .txtBox02{
        margin-top:5px;
        letter-spacing:0;
    }
    .secAfterProtect .btnBox{
        width: 89.336%;
        max-width: none;
        flex-direction: column;
        margin: 20px auto 30px;
    }
    .secAfterProtect .btnBox a{
        width: 100%;
        height: 70px;
        border-radius: 3px;
        font-size: 15px;
        letter-spacing: 0;
    }
    .secAfterProtect .btnBox a + a{
        margin-top: 20px;
    }
    .secAfterProtect .btnBox a .txt{
        padding-left: 10px;
    }
    .secAfterProtect .btnBox a .txt::after{
        left: -20px;
        width: 21px;
        height: 24px;
    }
    .secAfterProtect .txtBox02 .innerTxt{
       font-size:17px;
       letter-spacing: 0;
       margin-top:0;
    }
}

/* secAfterHead */
.secAfterHead.num01.lazyloaded{
    background: url(../img/concept/imgConceptAfterPlan01.jpg) center top no-repeat;
}
.secAfterHead.num02.lazyloaded{
    background: url(../img/concept/bgTopConceptAfter02.jpg) center top no-repeat;
}
.secAfterHead.num03.lazyloaded{
    background: url(../img/concept/bgTopConceptAfter04.jpg) center top no-repeat;
}
.secAfterHead .wrapper{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 340px;
}
.secAfterHead .numAfterHead{
    font-size: 46px;
    letter-spacing: 4px;
    color: #fff;
    padding-right: 23px;
    margin-right: 28px;
    position: relative;
}
.secAfterHead .numAfterHead::after{
    content: "";
    width: 1px;
    height: 60px;
    background: #fff;
    position: absolute;
    right: 0;
    top: calc(50% - 30px);
}
.secAfterHead .titAfterHead{
    font-size: 36px;
    line-height: 52px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
}
@media only screen and (max-width: 767px){
    .secAfterHead.num01.lazyloaded{
        background: url(../img/concept/imgConceptAfterPlanSp01.jpg) center center / cover no-repeat;
    }
    .secAfterHead.num02.lazyloaded{
        background: url(../img/concept/bgTopConceptAfterSp02.jpg) center center / cover no-repeat;
    }
    .secAfterHead.num03.lazyloaded{
        background: url(../img/concept/bgTopConceptAfterSp04.jpg) center center / cover no-repeat;
    }
    .secAfterHead .wrapper{
        width: calc(100% - 50px);
        height: 180px;
        padding-top: 40px;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    .secAfterHead .numAfterHead{
        font-size: 26px;
        letter-spacing: 2px;
        padding-right: 0;
        margin-right: 0;
    }
    .secAfterHead .numAfterHead::after{
        display: none;
    }
    .secAfterHead .titAfterHead{
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        margin-top: 5px;
    }
}

/* secZehHead */
.secZehHead.num01.lazyloaded{
    background: url(../img/concept/bgConceptHighspec01.jpg?250204) center top no-repeat;
}
.secZehHead.num02.lazyloaded{
    background: url(../img/concept/bgConceptAirclear01.jpg) center top no-repeat;
}
.secZehHead.num03.lazyloaded{
    background: url(../img/concept/bgConceptSolarrack01.jpg?211220) center top no-repeat;
}
.secZehHead .wrapper{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 340px;
}
.secZehHead .numAfterHead{
    font-size: 46px;
    letter-spacing: 4px;
    color: #fff;
    padding-right: 23px;
    margin-right: 28px;
    position: relative;
}
.secZehHead .numAfterHead::after{
    content: "";
    width: 1px;
    height: 60px;
    background: #fff;
    position: absolute;
    right: 0;
    top: calc(50% - 30px);
}
.secZehHead .titAfterHead{
    font-size: 36px;
    line-height: 52px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
}

.secbox01{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 59px;
    margin-bottom: 100px;
}
.secbox01 .txtbox{
    text-align: left;
    padding-top: 30px;
}
.secbox01 .txtbox .tit{
    font-size: 25px;
    line-height: 46px;
    font-weight: bold;
    letter-spacing: 4px;
}
.secbox01 .txtbox .txt{
    font-size: 16px;
    line-height: 30px;
    padding-top: 12px;
}
.secbox01 .imgbox{
    margin-left: auto;
}
@media only screen and (max-width: 1350px){
    .secZehHead.num01.lazyloaded,
    .secZehHead.num02.lazyloaded,
    .secZehHead.num03.lazyloaded{
        background-size: auto 100%;
    }
    .secZehHead .wrapper{
        height: 310px;
    }
}
@media only screen and (max-width: 767px){
    .secZehHead.num01.lazyloaded{
        background: url(../img/concept/bgConceptHighspecSp01.jpg?250204) center center / cover no-repeat;
        height: 48vw;
    }
    .secZehHead.num02.lazyloaded{
        background: url(../img/concept/bgConceptAirclearSp01.jpg) center center / cover no-repeat;
    }
    .secZehHead.num03.lazyloaded{
        background: url(../img/concept/bgConceptSolarrackSp01.jpg?211220) center center / cover no-repeat;
    }
    .secZehHead .wrapper{
        width: calc(100% - 50px);
        height: 180px;
        padding-top: 50px;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    .secZehHead .numAfterHead{
        font-size: 26px;
        letter-spacing: 2px;
        padding-right: 0;
        margin-right: 0;
    }
    .secZehHead .numAfterHead::after{
        display: none;
    }
    .secZehHead .titAfterHead{
        font-size: 23px;
        line-height: 1;
        letter-spacing: 2px;
        margin-top: 9px;
    }
    .secbox01{
        display:block;
        margin-bottom: 53px;
        margin-top: 20px;
    }
    .secbox01 .txtbox{
        text-align: left;
        padding-top: 0;
    }
    .secbox01 .txtbox .tit{
        font-size: 17px;
        line-height: 1.64; 
        font-weight: bold;       
    }
    .secbox01 .txtbox .txt{
        font-size:14px;
        line-height: 1.86;
        padding-top: 7px;
    }
    .secbox01 .imgbox{
        margin-top: 8px;
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 767px){
    .secSpace .spaceBox.reverse{
        display: block;
    }
    .secSpace .spaceBox .imageBox,
    .secSpace .spaceBox.reverse .imageBox,
    .secSpace .spaceBox .imageBox.box03{
        position: static;
        width: 100%;
        height: auto;
    }
    .secSpace .spaceBox .txtBox,
    .secSpace .spaceBox.reverse .txtBox,
    .secSpace .spaceBox.box03 .txtBox{
        padding-top: 0;
    }
    .secSpace .titMain.nomal,
    .secSpace .titMain.noleft,
    .secSpace .titMain{
        bottom: auto;
        top: 0;
        left: 20px;
        z-index: 10;
        height: 40px;
        position: relative;
        margin-top: -20px;
    }
    .secSpace .spaceBox .txtBox .innerTxt{
        margin-top: 20px;
    }
    .secSpace{
        margin-top: 25px;
        padding-top: 25px;
    }
    .secSpace .cmnMainTit + .spaceBox{
        padding-top: 75px;
    }
}





















/* secTitTop */
.secTitTop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
}
.secTitTop .tit{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    order: 2;
    position: relative;
    padding: 0 0 0 30px;
}
.secTitTop .tit::before{
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 12px auto 0;
}
.secTitTop .titRoman{
    font-size: 100px;
    color: #373e46;
    letter-spacing: 15px;
    order: 1;
}
.secTitTop .titRomanIn{
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.secTitTop .js-effect-fadeup{
    display: block;
}
.secTitTop .titCursive{
    display: block;
    font-size: 50px;
    color: #f4b955;
    position: absolute;
    bottom: -20px;
    left: calc(100% - 200px);
    width: 500px;
    letter-spacing: 0;
    opacity: 0;
    -webkit-transition: all 1s ease-out 0.2s;
    transition: all 1s ease-out 0.2s;
}
.secTitTop .titCursive.lazyloaded {
    left: calc(100% - 100px);
    opacity: 1;
}
@media only screen and (max-width:767px){
    .secTitTop{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
    }
    .secTitTop .tit{
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 10px 0 0 30px;
    }
    .secTitTop .tit::before{
        top: 4px;
        bottom: auto;
    }
    .secTitTop .titRoman{
        font-size: 48px;
        letter-spacing: 5px;
    }
    .secTitTop .titCursive {
        font-size: 27px;
        bottom: -10px;
        left: calc(100% - 40px)!important;
        width: 500px;
        letter-spacing: 0;
    }
}
@media only screen and (max-width:330px){
    .secTitTop .tit{
        font-size: 12px;
    }
}

/* secTitTopSmall */
.secTitTopSmall{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.secTitTopSmall .tit{
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    order: 2;
}
.secTitTopSmall .titRoman{
    font-size: 40px;
    color: #373e46;
    letter-spacing: 4px;
    order: 1;
}
@media only screen and (max-width:767px){
    .secTitTopSmall{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .secTitTopSmall .tit{
        margin-top: 0;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.5px;
        padding: 7px 0 0 10px;
    }
    .secTitTopSmall .titRoman{
        font-size: 28px;
        letter-spacing: 0.6px;
    }
}


.cmnBtmBnr{
    padding-top:100px;
}
@media only screen and (max-width:767px){
    .cmnBtmBnr{
        padding-top:60px;
    }
}

/* secConcept */
.secConcept{
    position: relative;
    margin: 165px 0 0;
    padding: 0 0 0 0;
    background: url(../img/index/bgConcept.jpg) center top no-repeat;
}
.secConcept .secTitTop{
    position: absolute;
    top: -43px;
    left: 0;
    right: 0;
    z-index: 10;
}
.secConcept .secTitTop::after{
    content: "";
    display: block;
    width: calc(100% - 501px);
    height: 3px;
    background: #eaa531;
    background: -moz-linear-gradient(left,  #eaa531 1%, #ea7eb0 100%);
    background: -webkit-linear-gradient(left,  #eaa531 1%,#ea7eb0 100%);
    background: linear-gradient(to right,  #eaa531 1%,#ea7eb0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa531', endColorstr='#ea7eb0',GradientType=1 );
    position: absolute;
    top: 44px;
    right: 50px;
}
.secConcept .secTitTop .tit{
    margin: 20px 0 0;
}

@media only screen and (max-width:767px){
    .secConcept .wrapper1280{
        max-width: 275px;
        margin: 0 auto;
    }
    .secConcept {
        margin: 95px 0 0;
        padding: 0;
    }
    .secConcept .secTitTop .tit {
        margin: 0;
        padding-top: 10px;
    }
    .secConcept .secTitTop .tit::before {
        top: 4px;
        bottom: auto;
    }
    .secConcept .secTitTop{
        top: -19px;
    }
    .secConcept .secTitTop::after {
        width: calc(100% - 220px);
        top: 19px;
        right: 15px;
        height: 2px;
    }
}


/* conceptBnr */
/* conceptBnr */
.conceptBnr {
    padding: 150px 30px 30px;
}
.conceptBnr a{
    margin:5px 0;
}
.conceptBnr .bnr{
    display: block;
    width: 100%;
    height: 540px;
}
.conceptBnr .bnrTxt{
    color: #fff;
    text-decoration: none;
}
.conceptBnr.lazyloaded .bnrTxt.spec{
    background: url(../img/sample/top/conceptBnr01.jpg) center / cover;
}
.conceptBnr.lazyloaded .bnrTxt.design{
    background: url(../img/sample/top/conceptBnr02.jpg) center / cover;
}
.conceptBnr.lazyloaded .bnrTxt.after{
    background: url(../img/sample/top/conceptBnr03.jpg) center / cover;
}
.conceptBnr .bnrTxt .inner{
    height: 100%;
    position: relative;
}
.conceptBnr .bnrTxt .inner .innerIn{
    position: absolute;
    top: 115px;
    left: 15.5%;
    width: 100%;
}
.conceptBnr .bnrTxt .inner .innerInTit{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15.3%;
    width: 100%;
    text-align: right;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.conceptBnr .bnrTxt .btnTxt{
    width: 280px;
    height: 60px;
    border-radius: 100px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -90px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    /* letter-spacing: .5px; */
    font-size: 14px;
}
.conceptBnr .bnrTxt .btnTxt::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}
.conceptBnr .bnrTxt .titRoman{
    font-size: 80px;
    letter-spacing: 10px;
}
.conceptBnr .bnrTxt .tit{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 8px;
}
.conceptBnr .bnrTxt .txt{
    font-size: 58px;
    font-weight: bold;
    letter-spacing: 8px;
    line-height: 1.3;
    margin-top: 25px;
}
.bnrBtn{
    position:relative;
    text-align: center;
}
.secLifePlan .bnrOnBtn{
    position:absolute;
    top: 287px;
    right: -350px;
}
.bnrOnBtn{
    position:absolute;
    top:-113px;
    left:350px;
}
.bnrArrowBtn{
    position:relative;
}
.bnrArrowBtn::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid red;
    border-right: 2px solid red;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media only screen and (max-width:1600px){
    .conceptBnr .bnrTxt .titRoman{
        font-size: 70px;
        letter-spacing: 10px;
    }
    .conceptBnr .bnrTxt .tit{
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 10px;
        margin-top: 8px;
    }
    .conceptBnr .bnrTxt .txt{
        font-size: 46px;
        font-weight: bold;
        letter-spacing: 5px;
        line-height: 1.3;
        margin-top: 35px;
    }
}
@media only screen and (max-width:767px){
    .conceptBnr {
        padding: 55px 20px 20px 20px;
    }
    .conceptBnr a {
        margin: 20px 0;
    }
    .conceptBnr .bnr{
        width: 100%;
        height: auto;
    }
    .conceptBnr.lazyloaded .bnrTxt.spec{
        background: url(../img/sample/top/conceptBnrSp01.jpg) center / cover;
    }
    .conceptBnr.lazyloaded .bnrTxt.design{
        background: url(../img/sample/top/conceptBnrSp02.jpg) center / cover;
    }
    .conceptBnr.lazyloaded .bnrTxt.after{
        background: url(../img/sample/top/conceptBnrSp03.jpg) center / cover;
    }
    .conceptBnr .bnrTxt .inner{
        padding-top: 83.586%;
    }
    .conceptBnr .bnrTxt .inner .innerIn{
        top: 6vh;
        left: 20px;
        padding: 0;
        text-align: left;
        width: auto;
    }
    .conceptBnr .bnrTxt .innerIn::before{
        width: 60px;
        left: calc(20% - 36px);
        bottom: 13px;
    }
    .conceptBnr .bnrTxt .innerIn::after{
        left: calc(30% + 9px);
        width: 27px;
        height: 27px;
    }
    .conceptBnr .bnrTxt .titRoman{
        font-size: 30px;
        letter-spacing: 5px;
    }
    .conceptBnr .bnrTxt .tit{
        font-size: 18px;
        letter-spacing: 2px;
        margin-top: 2px;
        line-height: 1.4;
    }
    .conceptBnr .bnrTxt .txt{
        font-size: 26px;
        letter-spacing:2px;
        line-height: 1.5;
        margin-top: 6px;
    }
    .conceptBnr .bnrTxt .inner .innerInTit {
        padding: 0;
        top: auto;
        bottom: 10px;
        right: 20px;
        width: auto;
    }
    .bnrOnBtn{
        display: none;
    }
    .conceptBnr .bnrTxt .btnTxt{
        width: 165px;
        height: 44px;
        border-radius: 22px;
        font-size: 13px;
        font-weight: bold;
        bottom: -50px;
    }
}
@media only screen and (max-width:360px){
    .conceptBnr .bnrTxt .tit {
        font-size: 14px;
    }
    .conceptBnr .bnrTxt .txt{
        font-size: 20px;
    }
    .conceptBnr .bnrTxt .btnTxt {
        width: 135px;
        height: 34px;
        bottom: -45px;
    }
    .conceptBnr .bnrTxt .titRoman {
        font-size: 20px;
    }
}




/* <scroll >*/
@-webkit-keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@media only screen and (min-width:992px){
	.scrollItem::before{
		display: none;
	}
}
@media only screen and (max-width:767px){
    .cmnTit{
        font-size: 20px;
        padding: 15px 0;
        letter-spacing: 1.5px;
    }
    .cmnTxt{
        font-size: 18px;
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem.on::before {
        opacity: 1;
    }
    .scrollItem::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../img/concept/iconScroll.png) center center / 120px 80px no-repeat;
        opacity: 0;
        -webkit-transition: all 0.2s ease-out 0.2s;
        transition: all 0.2s ease-out 0.2s;
        -webkit-animation: sideItem 1s linear infinite;
        animation: sideItem 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
}
/*< /scroll >*/

.areabox02 {
    margin-top: 93px;
}
  .areabox02 .tit{
    margin-bottom: 37px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 1.5px;
    font-weight: bold;
    line-height: 1.7;
  }
  .areabox02 .subbox {
    margin-bottom: 56px;
}
  .areabox02 .subbox .subtit{
    height: 90px; 
    text-align: center;
    background-color: #615a57;
    color: #fff;
  }
  .areabox02 .subbox .subtit .tit{
    font-size: 22px;
    line-height: 56px;
    letter-spacing: 2px;
    padding-top: 19px;
}
.areabox02 .subbox .subtit .tit span{
    font-size:18px;
}
.areabox02 .subbox .imgbox{
    margin-top: 51px;
}
.areabox02 .subbox .imgbox01{
    width: 820px;
    margin: 0 auto;
    margin-top: 40px;
}
.areabox02 .subbox .txt{
    padding-top: 34px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
}
.areabox02 .subbox .txt01{
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    padding-top: 39px;
    font-weight: 700;
}
.areabox02 .subbox .txt02{
    width: 820px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    padding-top: 12px;
}

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

    .areabox02 {
    margin-top: 41px;
}
  .areabox02 .tit{
    margin-bottom: 16px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -1px;
    padding-top: 12px;
  }
  .areabox02 .subbox {
    margin-bottom: 16px;
}
  .areabox02 .subbox .subtit{
    height: auto;
    text-align: center;
    background-color: #615a57;
    color: #fff;
  }
  .areabox02 .subbox .subtit .tit{
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    padding-top: 11px;
    padding-bottom: 12px;
}
.areabox02 .subbox .subtit .tit span{
    font-size: 15px;
}
.areabox02 .subbox .imgbox{
    margin-top: 0px;
    margin-bottom: -4px;
}
.areabox02 .subbox .imgbox01{
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #ccc;
    padding: 19px;
    background: #fff;
}
.areabox02 .subbox .imgbox01 img{
    max-width: unset;
}
.areabox02 .subbox .txt{
    padding-top: 15px;
    text-align: left;
    font-size: 11px;
    line-height: 1.8;
}
.areabox02 .subbox .txt01{
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    padding-top: 0px;
    font-weight: 700;
}
.areabox02 .subbox .txt02{
    width: 100%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.8;
    padding-top: 12px;
}
.areabox02 .subbox .spbox{

}
.areabox02 .subbox .spbox .tit{
    text-align: center;
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 13px;
    padding-bottom: 0px;
}
.areabox02 .subbox .spbox .tit .red{
    font-size:28px;
    color: #d80000;
}
.areabox02 .subbox .spbox .txtbox{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 8px;
}
.areabox02 .subbox .spbox .txtbox .txt{
    font-size: 16px;
    line-height: 1.8;
    font-weight: bold;
    padding: 0;
    padding-left: 5px;
}
.areabox02 .subbox .spbox .txtbox .txt span{
    font-size: 12px;
}
.areabox02 .subbox .spbox .imgbox03{
    height: 245px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px 10px;
    margin-bottom: 30px;
}
.areabox02 .subbox .spbox .imgbox04{height: 180px;border: 1px solid #ccc;padding: 19px 8px;background: #fff;}
.areabox02 .subbox .spbox img{
    max-width: unset;
}
}


/* secBtmProduct  */
.secBtmProduct {
    margin-top: 100px;
}
.secBtmProduct .secTitTop{
    padding: 0;
}
.secBtmProduct .wrapperProductBox{
    margin-top: 55px;
}
.secBtmProduct .wrapperProductBox .cmnBtn {
    display: none;
}
.secBtmProduct .wrapperProductBox .productTit{
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}
.secBtmProduct .productList{
    margin-top: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.secBtmProduct .productList .item{
    width: 400px;
    margin-right: auto;
    display: block;
}
.secBtmProduct .productList .item:last-child{
    margin-right: 0;
}
.secBtmProduct .productList .item .listbox{
    display: block;
    text-decoration: none;
}
.secBtmProduct .productList .item .imgbox{
    position: relative;
}
.secBtmProduct .productList .item .txtbox{
    position: relative;
    height: auto;
    color:#fff;
    padding-top: 40px;
    padding-bottom: 58px;
}
.secBtmProduct .productList .item .iconBox{
    position: absolute;
    top: -95px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
}
.secBtmProduct .productList .item .txtbox .titbox{
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    padding-bottom: 21px;
}
.secBtmProduct .productList .item:nth-child(1) .txtbox{
    background-color: #75b811;
}
.secBtmProduct .productList .item:nth-child(2) .txtbox{
    background-color: #559ce7;
}
.secBtmProduct .productList .item:nth-child(3) .txtbox{
    background-color: #f46e81;
}
.secBtmProduct .productList .item .txtbox .subbox{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}
.secBtmProduct .productList .item .txtbox .subbox .box{
    width: 170px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid;
    text-align: center;
    margin-right: auto;
}
.secBtmProduct .productList .item .txtbox .subbox .box:nth-child(2){
    margin-right: 0;
}
.secBtmProduct .productList .item .txtbox .subbox .box:last-child{
    margin: 0 auto;
    margin-top: 15px;
}
.secBtmProduct .productList .item .txtbox .subbox .box .txt{
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    
}
.secBtmProduct .productList .item .txtbox .btnmoreIn{
    position: absolute;
    bottom: 15px;
    right: 15px;
}
@media screen and (max-width: 767px) {
    .secBtmProduct {
        margin-top: 80px;
    }
    .secBtmProduct .secTitTop{
        padding: 0;
    }
    .secBtmProduct .wrapperProductBox{
        margin-top: 25px;
    }
    .secBtmProduct .wrapperProductBox .cmnBtn {
        display: block;
        padding: 16px 15px 16px 0;
        margin-top: 30px;
    }
    .secBtmProduct .wrapperProductBox .productTit{
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }
    .secBtmProduct .productList{
        justify-content: space-between;
        margin-top: 15px;
    }
    .secBtmProduct .productList .item{
        width: 33.136%;
        margin-right: auto;
        display: block;
        text-decoration: none;
    }
    .secBtmProduct .productList .item:last-child{
        margin-right: 0;
    }
    .secBtmProduct .productList .item .txtbox{
        display: none;
        position: relative;
        height: auto;
        color:#fff;
        padding-top: 18px;
        padding-bottom: 44px;
    }
    .secBtmProduct .productList .item .iconBox{
        top: -50px;
        width: 80px;
        height: 60px;
    }
    .secBtmProduct .productList .item .txtbox .titbox{
        text-align: center;
        font-size: 16px;
        line-height: 1.75;
        font-weight: bold;
        padding-bottom: 11px;
    }
    .secBtmProduct .productList .item .txtbox .subbox{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 82%;
        margin: 0 auto;
    }
    .secBtmProduct .productList .item .txtbox .subbox .box{
        width: 47.4%;
        height: auto;
        border-radius: 30px;
        border: 1px solid;
        text-align: center;
        margin-right: auto;
        padding: 5px 0;
    }
    .secBtmProduct .productList .item .txtbox .subbox .box:nth-child(2){
        margin-right: 0;
    }
    .secBtmProduct .productList .item .txtbox .subbox .box:last-child{
        margin: 0 auto;
        margin-top: 8px;
    }
    .secBtmProduct .productList .item .txtbox .subbox .box .txt{
        font-size: 12px;
        line-height: 1.8;
        font-weight: 400;
    }
    .secBtmProduct .productList .item .txtbox .btnmoreIn{
        position: absolute;
        bottom: 10px;
        right: 6%;
    }
}
/* btnFeatures */
.btnFeatures{
    margin: -20px auto 0;
    width: 1050px;
    display: flex;
}
.btnFeatures .btnBox{
    width: 500px;
    text-align: center;
}
.btnFeatures .btnBox + .btnBox{
    margin-left: 50px;
}
.btnFeatures .btnTopTxt{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
}
.btnFeatures .btnTopTxt::before,
.btnFeatures .btnTopTxt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -10px;
    left: -20px;
    width: 1px;
    height: 18px;
    transform: rotate(-18deg);
}
.btnFeatures .btnTopTxt::after{
    transform: rotate(18deg);
    left: auto;
    right: -20px;
}
.btnFeatures .aBtn{
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
.btnFeatures .aBtn::before{
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 40px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.btnFeatures .aBtn::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 22px;
    height: 20px;
    background: url(../img/concept/btnFeaturesIcon01.png) center top / cover no-repeat;
}
.btnFeatures .bgGreen .aBtn::after{
    background: url(../img/concept/btnFeaturesIcon02.png) center top / cover no-repeat;
}
.btnFeatures .bgBlue .btnTopTxt{
    color: #00a0e9;
}
.btnFeatures .bgBlue .aBtn,
.btnFeatures .bgBlue .btnTopTxt::before,
.btnFeatures .bgBlue .btnTopTxt::after{
    background-color: #00a0e9;
}
.btnFeatures .bgBlue .aBtn{
    box-shadow: 0 0 0 #00a0e9, 0 -5px 0 #0097db inset;
}
.btnFeatures .bgGreen .btnTopTxt{
    color: #6aba03;
}
.btnFeatures .bgGreen .aBtn,
.btnFeatures .bgGreen .btnTopTxt::before,
.btnFeatures .bgGreen .btnTopTxt::after{
    background-color: #6aba03;
}
.btnFeatures .bgGreen .aBtn{
    box-shadow: 0 0 0 #6aba03, 0 -5px 0 #64af03 inset;
}
@media only screen and (max-width:767px){
    .btnFeatures{
        display: none;
    }
}

/* spContents */
@media only screen and (max-width:767px){
    .spContents{
        margin-top: 10px;
    }
    .spContents .wrapper{
        text-align: center;
    }
    .spContents .wrapper .tit{
        font-size: 18px;
        line-height: 36px;
        font-weight: bold;
    }
    .spContents .wrapper .bgBox{
        color: #fff;
        font-size: 28px;
        display: inline-block;
        background: rgb(234,165,49);
        background: linear-gradient(90deg, rgba(234,165,49,1) 0%, rgba(234,126,175,1) 100%);
        padding: 0 10px;
        letter-spacing: 2px;
    }
    .spContents .wrapper .titBig{
        font-size: 22px;
        margin-top: 10px;
    }
    .spContents .wrapper .fBlack{
        color: #000;
    }
    .spContents .wrapper .imgBox{
        margin-top: 15px;
    }
    .spContents .wrapper .btnBox{
        margin-top: 35px;
        padding: 0 20px;
    }
    .spContents .wrapper .btnCover{
        width: 91.046%;
        margin: 0 auto;
    }
    .spContents .wrapper .btnCover + .btnCover{
        margin-top: 25px;
    }
    .spContents .wrapper .btnTxt{
        position: relative;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
        display: inline-block;
    }
    .spContents .wrapper .btnTxt::before,
    .spContents .wrapper .btnTxt::after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: 0;
        left: -10px;
        width: 1px;
        height: 18px;
        transform: rotate(-30deg);
    }
    .spContents .wrapper .btnTxt::after{
        transform: rotate(30deg);
        left: auto;
        right: -10px;
    }
    .spContents .wrapper .aBtn{
        position: relative;
        width: 100%;
        height: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        border-radius: 32px;
        border-bottom: none;
    }
    .spContents .wrapper .aBtn::before{
        content: "";
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 30px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
    }
    .spContents .wrapper .bgBlue .btnTxt{
        color: #00a0e9;
    }
    .spContents .wrapper .bgBlue .aBtn,
    .spContents .wrapper .bgBlue .btnTxt::before,
    .spContents .wrapper .bgBlue .btnTxt::after{
        background-color: #00a0e9;
    }
    .spContents .wrapper .bgBlue .aBtn{
        box-shadow: 0 0 0 #00a0e9, 0 -5px 0 #0097db inset;
    }
    .spContents .wrapper .bgGreen .btnTxt{
        color: #6aba03;
    }
    .spContents .wrapper .bgGreen .aBtn,
    .spContents .wrapper .bgGreen .btnTxt::before,
    .spContents .wrapper .bgGreen .btnTxt::after{
        background-color: #6aba03;
    }
    .spContents .wrapper .bgGreen .aBtn{
        box-shadow: 0 0 0 #6aba03, 0 -5px 0 #64af03 inset;
    }
    .spContents .wrapper .txt{
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        text-align: center;
        margin-top: 40px;
    }
}
@media only screen and (max-width:360px){
    .spContents .wrapper .bgBox{
        font-size: 23px;
    }
    .spContents .wrapper .txt{
        font-size: 13px;
        line-height: 25px;
    }
}
.secFeatures .bottomContent{
    margin-top: 30px;
    margin-bottom: 60px;
}

.secFeatures .bottomContent .itemList{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.secFeatures .bottomContent .itemList .item {
    width: 380px;
    height: 274px;
    text-align: center;
    padding: 60px 0 0;
    margin: 0 70px 0 0;
}
.secFeatures .bottomContent .itemList .item{
    background: url(../img/sample/top/bgPlan.png) center top / cover no-repeat;
}
.secFeatures .bottomContent .itemList .item:first-child{
    background: url(../img/sample/top/bgSpec.png) center top / cover no-repeat;
}
.secFeatures .bottomContent .itemList .item:last-child{
    background: url(../img/sample/top/bgAfter.png) center top / cover no-repeat;
    margin: 0 0 0 0;
}

.secFeatures .bottomContent .itemList .item .txt1 {
    font-size: 24px;
    margin-top: 25px;
}
.secFeatures .bottomContent .itemList .item .txt2 {
    font-size: 34px;
    line-height: 1.4;
    margin-top: 25px;
}
.secFeatures .bottomContent .itemList .item:nth-child(3) .txt2 {
    margin-top: 10px;
}
.secFeatures .bottomContent .itemList .item:nth-child(3) .txt1 {
    font-size: 17px;
    line-height: 1.5;
    margin-top: 18px;
}
@media only screen and (max-width:767px){
    .secFeatures .bottomContent {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .secFeatures .bottomContent .itemList .item {
        width: 105px;
        height: 116px;
        text-align: center;
        padding: 32px 0 0;
        margin: 0;
    }
    .secFeatures .bottomContent .itemList .item:last-child {
        margin: 0;
    }
    .secFeatures .bottomContent .itemList .item{
        background: url(../img/sample/top/bgPlanSp.png) center top / cover no-repeat;
    }
    .secFeatures .bottomContent .itemList .item:first-child{
        background: url(../img/sample/top/bgSpecSp.png) center top / cover no-repeat;
        width: 106px;
        height: 116px;
    }
    .secFeatures .bottomContent .itemList .item:last-child{
        background: url(../img/sample/top/bgAfterSp.png) center top / cover no-repeat;
    }
    .secFeatures .bottomContent .itemList .item .txt2 {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 12px;
    }
    .secFeatures .bottomContent .itemList .item .titItem img {
        width: auto;
        height: 16px;
    }
    .secFeatures .bottomContent .itemList{
        display: flex;
        justify-content: space-around;
        flex-direction: row;
    }
}

/* heroBtn */
.heroBtn{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    width: 200px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00a0e9;
    text-decoration: none;
    padding-right: 12px;
}
.heroBtn::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}