@charset "utf-8";

/*-----------------------------------------------
	common
-----------------------------------------------*/
.mainTitBox.lazyloaded{ background:url(../img/title/bgConcept01.jpg?210927) top center / cover no-repeat;}
@media only screen and (max-width:767px){
    .mainTitBox.lazyloaded{ background:url(../img/title/bgConcept01Sp.jpg?210927) top center / cover no-repeat;}
}

.fBold{
    font-weight: 700;
}

@media only screen and (max-width:1400px){
    .br1400{
        display: none;
    }
}

/* .cmnConceptBtn */
.cmnConceptBtn{
    display:flex;
    justify-content:center;
    width:100%;
    margin:0 auto;
}
.cmnConceptBtn .aBtnLink{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    font-weight:700;
    font-size:20px;
    letter-spacing:1px;
    text-align:center;
    width:700px;
    height:100px;
    background:#006253;
    color: #fff;
}

.cmnConceptBtn .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow60_12_w.png) center / contain no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.cmnConceptBtn .aBtnLink .txt{
    position: relative;
}
@media only screen and (max-width:767px){
    .cmnConceptBtn{
        margin:0 auto;
    }
    .cmnConceptBtn .aBtnLink{
        font-size:14px;
        line-height: 1.429;
        letter-spacing:0.7px;
        width:86.666%;
        max-width: 325px;
        height:64px;
    }
    .cmnConceptBtn .aBtnLink::after{
        right: 20px;
    }
}
@media only screen and (max-width:359px){
    .cmnConceptBtn .aBtnLink::after{
        width: 25px;
        right: 8px;
    }
}


/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secContent */
.secContent{
    padding-bottom: 60px;
}
.Topbox{
    background: url(../img/concept/index/Topback.jpg) center top /cover no-repeat;
    background-size: auto;
    height: 800px;
}
.Topbox .imgbox{
    /* padding-top: 342px; */
    padding-top: 290px;
    text-align: center;
}
.secConceptbner .imgR,
.secBnrMain .imgR,
.secBnrBottom .imgR{
    width: 100%;
    height: auto;
}
/* #main .imgR{
    width: 100%;
    height: auto;
} */
@media only screen and (max-width:767px){
    .secContent{
        padding-bottom: 20px;
    }
	.Topbox{
        background: url(../img/concept/index/TopbackSp.jpg) center top /cover no-repeat;
        background-size: cover;
        height: 400px;
        margin-top: 15px;
    }
    .Topbox .imgbox{
        width: 90%;
        margin: 0 auto;
        padding-top: 80px;
    }
}
.secondbox{
    background-size: auto;
    position: relative;
    margin-top: -91px;
}
.secondbox .flexbox{
    display: flex;
    flex-wrap: nowrap;
}
.secondbox .flexbox .imgbox{
    margin-right: auto;
    box-shadow: 0px 0px 12px 0px rgba(128, 98, 98, 0.2);
}
.secondbox .flexbox .imgbox:last-child{
    margin-right: 0%;
}
@media only screen and (max-width:1350px){
    .secondbox .flexbox .imgbox{
        margin-right: auto;
        width: 19%;
    }
    .secondbox .flexbox .imgbox img{
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width:767px){
    .secondbox{
        background-size: auto;
        position: relative;
        margin-top: -52px;
    }
    .secondbox .flexbox{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 92%;
    }
    .secondbox .flexbox .imgbox{
        margin-right: 0;
        width: 30.435%;
        margin-left: 4.3475%;
    }
    .secondbox .flexbox .imgbox:nth-child(3n+1){
        margin-left: 0;
    }
    .secondbox .flexbox .imgbox:nth-child(n+4){
        margin-top: 15px;
    }
    .secondbox .flexbox .imgbox:last-child{
        margin-right: 0%;
    }
}
/* .box1 */
.secReason{
    text-align: center;
    margin-top: 114px;
}
.secReason .box1 h3{
    padding-bottom: 30px;
    position: relative;
}
.secReason .box1 h3::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 1px;
    background: #000;
}
.secReason .box1 .titbox{
    margin: 0 auto;
    margin-top: 20px;
    pointer-events: none;
}
.secReason .box1 .titbox .tit{
    font-size: 33px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 2.8px;
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
}
.secReason .box1 .titbox .tit .titSpan{
    letter-spacing: 2.5;
    padding-left: 15px;
}
.secReason .box1 .titbox .tit::after{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 8px;
    margin: auto;
    width: 84%;
    height: 2px;
    background: #000;
}
.secReason .box1 .boxReason{
    margin-top: 40px;
    display: inline-block;
    text-align: center;
}
@media only screen and (max-width:767px){
    .secReason .box1 .titbox .tit::after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 9px;
        right: 0px;
        margin: auto;
        width: 84%;
        height: 2px;
        background: #000;
    }
    .secReason{
        margin-top: 79px;
    }
    .secReason .box1 h3{
        padding-bottom: 20px;
    }
    .secReason .box1 h3::after{
        width: 20px;
    }
    .secReason .box1 .titbox{
        width: 260px;
        margin-top: 12px;
        margin-bottom: 0;
    }
    .secReason .box1 .titbox .tit{
        padding-bottom: 3px;
    }
    .secReason .box1 .titbox .tit::after{
        height: 1px;
    }
    .secReason .box1 .titbox .tit{
        font-size: 17px;
        line-height: 1.563;
        letter-spacing: 0px;
    }
    .secReason .box1 .boxReason{
        margin-top: 10px;
    }
}

/* boxRow2 */
.secReason .box1 .boxRow2{
    margin-top: 70px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.secReason .box1 .boxRow2 > *{
    width: 50%;
}
.secReason .box1 .boxRow2 .boxTxt{
    padding-left: 8%;
}
.secReason .box1 .boxRow2 .boxTxt .txt{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 2.375;
    text-align: left;
}
.secReason .box1 .boxRow2 .boxTxt .txt + .txt{
    margin-top: 28px;
}
.secReason .box1 .boxRow2 .boxImg{
    padding-left: 3.125vw;
}
.secReason .box1 .boxRow2 .boxImg .inner{
    position: relative;
}
.secReason .box1 .boxRow2 .boxImg .img{
    display: inline-block;
}
@media only screen and (max-width:767px){
    .secReason .box1 .boxRow2{
        margin-top: 20px;
        display: block;
    }
    .secReason .box1 .boxRow2 > *{
        width: 100%;
    }
    .secReason .box1 .boxRow2 .boxTxt{
        padding-left: 0;
    }
    .secReason .box1 .boxRow2 .boxTxt .txt{
        font-size: 14px;
        letter-spacing: 0.1px;
        line-height: 2.071;
    }
    .secReason .box1 .boxRow2 .boxImg{
        padding-left: 0;
        margin-top: 40px;
    }
}

/* sectionWrap */
.sectionWrap{
    margin-top: 90px;
    position: relative;
}
.sectionWrap::before{
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    background: #cccccc;
}
@media only screen and (max-width:767px){
    .sectionWrap{
        margin-top: 40px;
    }
    .sectionWrap::before{
        height: 30px;
        top: 0;
    }
}

/* conceptItem */
.conceptItem{
    padding: 120px 0;
}
.conceptItem + .conceptItem{
    border-top: 1px solid #e9e9e9;
}
.conceptItem .boxTit{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.conceptItem .boxTit .titNum{
    -webkit-order: 1;
    order: 1;
    position: relative;
    display: inline-block;
}
.conceptItem .boxTit .titNum .imgNum{
    display: inline-block;
}
.conceptItem .boxTit .titNum .txt{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    background: #000;
    padding: 3px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}
.conceptItem .boxTit .tit{
    -webkit-order: 2;
    order: 2;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 53px;
}
.conceptItem .boxTit .txtTop{
    -webkit-order: 3;
    order: 3;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center;
    margin-top: 31px;
}
@media only screen and (max-width:767px){
    .conceptItem{
        padding: 60px 0;
    }
    .conceptItem .boxTit .titNum .imgNum img{
        height: 70px;
        width: auto;
    }
    .conceptItem .boxTit .titNum .txt{
        font-size: 13px;
    }
    .conceptItem .boxTit .tit{
        font-size: 22px;
        line-height: 1.34;
        letter-spacing: 1px;
        margin-top: 20px;
    }
    .conceptItem .boxTit .txtTop{
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 1.846;
        margin-top: 15px;
    }
}

/* sec01 */
.conceptItem.sec01 .boxItemCont{
    margin-top: 50px;
}
.conceptItem.sec01 .img01{
    display: inline-block;
}
.conceptItem.sec01 .costList{
    margin-top: 76px;
    display: flex;
    justify-content: flex-start;
}
.conceptItem.sec01 .costItem{
    width: 23.188%;
    margin-left: 2.416%;
    border: 1px solid #000;
    padding: 0 25px 25px;
}
.conceptItem.sec01 .costItem:nth-child(4n+1){
    margin-left: 0;
}
.conceptItem.sec01 .costItem .tit{
    width: 160px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #e54e1f;
    margin-top: -17px;
    font-size: 15px;
    font-weight: 700;
}
.conceptItem.sec01 .costItem.color01 .tit{
    background: #37bbb0;
}
.conceptItem.sec01 .costItem .txtWrap{
    margin-top: 20px;
    color: #e54e1f;
}
.conceptItem.sec01 .costItem.color01 .txtWrap{
    color: #37bbb0;
}
.conceptItem.sec01 .costItem .txt01{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.conceptItem.sec01 .costItem .txt02{
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-top: 15px;
}
.conceptItem.sec01 .costItem .txt02 .fSmall{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2px;
    display: inline-block;
}
.conceptItem.sec01 .costItem .txt03{
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.769;
    margin-top: 10px;
    color: #000;
}
.conceptItem.sec01 .costItem .txtSub{
    color: #000;
    font-size: 11px;
    margin-top: 10px;
}
.conceptItem.sec01 .costItem .aBtnLink{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #e54e1f;
    color: #fff;
    position: relative;
    margin-top: 17px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.conceptItem.sec01 .costItem.color01 .aBtnLink{
    background: #37bbb0;
}
.conceptItem.sec01 .costItem .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow34_10_w.png) center / contain no-repeat;
    width: 17px;
    height: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
@media only screen and (max-width:767px){
    .conceptItem.sec01 .boxItemCont{
        margin-top: 36px;
    }
    .conceptItem.sec01 .costList{
        margin-top: 46px;
        display: block;
    }
    .conceptItem.sec01 .costItem{
        width: 100%;
        margin-left: 0;
        padding: 0 30px 25px;
    }
    .conceptItem.sec01 .costItem:nth-child(n+2){
        margin-top: 37px;
    }
    .conceptItem.sec01 .costItem .txtSub{
        font-size: 10px;
    }
}

/* sec02 */
.conceptItem.sec02 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec02 .img01{
    display: inline-block;
}
.conceptItem.sec02 .txt01{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 2.25;
    text-align: center;
    margin-top: 50px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec02 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec02 .txt01{
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 1.857;
        text-align: left;
        margin-top: 25px;
    }
}

/* sec03 */
.conceptItem.sec03 .boxItemCont{
    margin-top: 55px;
}
.conceptItem.sec03 .compSeason{
    display: flex;
    justify-content: center;
}
.conceptItem.sec03 .seasonItem{
    width: 50%;
    text-align: center;
    position: relative;
}
.conceptItem.sec03 .seasonItem:nth-child(2)::before{
    content: "";
    width: 1px;
    height: 308px;
    background: #e9e9e9;
    position: absolute;
    left: 0;
    top: 62px;
}
.conceptItem.sec03 .seasonItem .tit{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
}
.conceptItem.sec03 .seasonItem.summer .tit{ background: #e77606;}
.conceptItem.sec03 .seasonItem.winter .tit{ background: #03b8de;}
.conceptItem.sec03 .seasonItem .img{
    display: inline-block;
    max-width: 560px;
    margin-top: 30px;
}
.conceptItem.sec03 .cmnConceptBtn{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec03 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec03 .compSeason{
        display: block;
    }
    .conceptItem.sec03 .seasonItem{
        width: 100%;
    }
    .conceptItem.sec03 .seasonItem:nth-child(2){
        padding-top: 20px;
        margin-top: 20px;
    }
    .conceptItem.sec03 .seasonItem:nth-child(2)::before{
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
    }
    .conceptItem.sec03 .seasonItem .tit{
        width: 90px;
        height: 35px;
        border-radius: 18px;
        font-size: 13px;
    }
    .conceptItem.sec03 .seasonItem .img{
        max-width: none;
        margin-top: 10px;
    }
    .conceptItem.sec03 .cmnConceptBtn{
        margin-top: 40px;
    }
}

/* sec04 */
.conceptItem.sec04 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec04 .img01{
    display: inline-block;
}
.conceptItem.sec04 .txt01{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 2.25;
    text-align: center;
    margin-top: 50px;
}
.conceptItem.sec04 .txt01 .sup{
    font-size: 11px;
    vertical-align: super;
}
.conceptItem.sec04 .txt02{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec04 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec04 .txt01{
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 1.857;
        text-align: left;
        margin-top: 25px;
    }
    .conceptItem.sec04 .txt02{
        text-align: left;
        margin-top: 16px;
        letter-spacing: 0.3px;
        line-height: 1.8;
    }
}

/* sec05 */
.conceptItem.sec05 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec05 .img01{
    display: inline-block;
}
.conceptItem.sec05 .cmnConceptBtn{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec05 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec05 .cmnConceptBtn{
        margin-top: 30px;
    }
}

/* sec06 */
.conceptItem.sec06 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec06 .img01{
    display: inline-block;
}
.conceptItem.sec06 .cmnConceptBtn{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec06 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec06 .cmnConceptBtn{
        margin-top: 30px;
    }
}

/* sec07 */
.conceptItem.sec07 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec07 .subItem:nth-child(n+2){
    margin-top: 120px;
}
.conceptItem.sec07 .subTit{
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    border: 1px solid #000;
}
.conceptItem.sec07 .img01{
    display: inline-block;
    margin-top: 40px;
}
.conceptItem.sec07 .txt01,
.conceptItem.sec07 .txt04{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 2.25;
    text-align: center;
}
.conceptItem.sec07 .txt01{ margin-top: 55px;}
.conceptItem.sec07 .txt04{ margin-top: 40px;}
.conceptItem.sec07 .imgWrap{
    width: 900px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 0;
    background: #f7f6f4;
}
.conceptItem.sec07 .img02{
    display: inline-block;
}
.conceptItem.sec07 .boxTxt{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 72px;
}
.conceptItem.sec07 .boxTxt .txt02{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #d3506e;
}
.conceptItem.sec07 .boxTxt .txt03{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1.8;
    text-align: left;
    margin-top: 16px;
}
.conceptItem.sec07 .cmnConceptBtn{
    margin-top: 70px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec07 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec07 .subItem:nth-child(n+2){
        margin-top: 50px;
    }
    .conceptItem.sec07 .subTit{
        font-size: 16px;
        letter-spacing: 0.3px;
        height: 46px;
    }
    .conceptItem.sec07 .img01{
        margin-top: 15px;
        width: 100%;
    }
    .conceptItem.sec07 .txt01,
    .conceptItem.sec07 .txt04{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.857;
        text-align: left;
    }
    .conceptItem.sec07 .txt01{ margin-top: 25px;}
    .conceptItem.sec07 .txt04{ margin-top: 25px;}
    .conceptItem.sec07 .imgWrap{
        width: 100%;
        height: auto;
        display: block;
        margin: 15px auto 0;
        text-align: center;
        padding: 30px 0;
    }
    .conceptItem.sec07 .img02{
        width: 141px;
    }
    .conceptItem.sec07 .boxTxt{
        display: block;
        margin: 20px auto 0;
        width: 88.4%;
    }
    .conceptItem.sec07 .boxTxt .txt02{
        display: block;
        font-size: 15px;
        letter-spacing: 0.3px;
        text-align: left;
        line-height: 1.6;
    }
    .conceptItem.sec07 .boxTxt .txt03{
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.857;
        margin-top: 10px;
    }
    .conceptItem.sec07 .cmnConceptBtn{
        margin-top: 23px;
    }
}

/* sec08 */
.conceptItem.sec08 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec08 .img01{
    display: inline-block;
}
.conceptItem.sec08 .cmnConceptBtn{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec08 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec08 .cmnConceptBtn{
        margin-top: 30px;
    }
}

/* sec09 */
.conceptItem.sec09 .boxItemCont{
    margin-top: 55px;
    text-align: center;
}
.conceptItem.sec09 .img01{
    display: inline-block;
}
.conceptItem.sec09 .cmnConceptBtn{
    margin-top: 80px;
}
@media only screen and (max-width:767px){
    .conceptItem.sec09 .boxItemCont{
        margin-top: 25px;
    }
    .conceptItem.sec09 .cmnConceptBtn{
        margin-top: 30px;
    }
}




/* 共通 */
/* <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/after/iconScroll.png) center center / 155px 103px 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 >*/
/* バナー */
.secConceptbner{
    padding-bottom: 0px;
}
.secConceptbner .box{
   display: flex;
   flex-wrap: nowrap;
   margin-bottom: 30px;
}
.secConceptbner .box .aBox{
    width: 100%;
    display: block;
}
.secConceptbner .box .aBox{
    width: 100%;
    display: block;
}
.secConceptbner .box .aBox:last-child{
    margin-left: 30px;
}
@media only screen and (max-width:767px){
    .secConceptbner{
        padding-bottom: 0;
    }
    .secConceptbner .box {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }
    .secConceptbner .box .aBox:last-child {
        margin-left: 2.933%;
    }
}
._{
    margin-bottom: 0;
}
@media only screen and (max-width:767px){
    ._{
        margin-bottom: 0;
        width: 92%;
    }
}
.secBnrMain{
    padding-top: 0;
}
@media only screen and (max-width:767px){
    .secBnrMain{
        padding-top: 0;
    }
}
sup{
    vertical-align: super;
    font-size: 12px;
}
@media only screen and (max-width:767px){}

/* 230405家づくりのこだわりページ改修 */
.secContent .imgbox01{
    margin-top: 47px;
    text-align: center;
}
.secBoxCon{
    margin-top: 120px;
}
.box1 .secBoxCon{
    display: flex;
    justify-content:space-between ;
    width: 1380px;
    position: relative;
}
.box1 .secPerformance.secBoxCon{
    /* margin-top: 105px; */
    margin: 105px auto;
    width: 1380px;
    position: relative;
}
.box1 .secSystem.secBoxCon{
    justify-content: flex-end;
    margin: 200px auto;
}
.box1 .secSystem.secBoxCon .imgBox{
    right: auto;
    left: calc(50% - 944px);
}
.box1 .secDesign.secBoxCon{
    margin: 200px auto;
    width: 1380px;
    position: relative;
}
.box1 .secSupport.secBoxCon{
    justify-content: flex-end;
    margin: 120px auto;
}
.box1 .secSupport.secBoxCon .imgBox{
    right: auto;
    left: calc(50% - 944px);
}
.secBoxCon:nth-child(2n){
    display: flex;
    justify-content:space-between ;
    /* flex-direction:row-reverse; */
}

.box1 .cmnConceptBtn .aBtnLink{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    font-weight:700;
    font-size:20px;
    letter-spacing:1px;
    text-align:center;
    width:560px;
    height:90px;
    background:#006253;
    color: #fff;
    margin-top: 35px;
}
.box1 .cmnConceptBtn .aBtnLink .txt {
    letter-spacing: 0px;
}
.secPerformance .txtBox,
.secDesign .txtBox{
    /* padding-left: 14.065%; */
}
.secSystem .txtBox,
.secSupport .txtBox{
    padding-left: 100px;
}
.box1 .txtBox .txtBoxTit{
    font-size: 18px;
    font-weight: 400;
    position: relative;
    margin-top: 45px;
    padding-left: 20px;
    letter-spacing: 0px;
    font-family: 'Libre Baskerville', serif;
}
.box1 .secSystem .txtBox .txtBoxTit{
    margin-top: 63px;
}
.box1 .txtBox .txtBoxTit::before{
    content: '';
    position: absolute;
    border-bottom: 1px solid #000;
    top: 6px;
    left: 0;
    width: 10px;
    height: 1px;
}
.box1 .txtBox .txtBoxMainTit{
    font-size: 42px;
    font-weight: bold;
    margin-top: 30px;
    line-height: 1.4;
}
.box1 .txtBox .txtBoxContent{
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 2.222;
}
.box1 .txtBox{
    width: 53.125%;
    margin-top: 40px;
    text-align: left;
}
.box1 .imgBox{
    /* width: 46.875%; */
    position: absolute;
    top: 0;
    left: auto;
    right: calc(50% - 944px);
}
.box1 .cmnConceptBtn {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;

}
.secBnrMain {
    padding-top: 90px;
}

@media only screen and (max-width:767px){
    .secContent .imgbox01{
        margin-top: 27px;
    }
    .secBoxCon{
        margin-top: 50px;
    }
    .box1 .secBoxCon{
        display: block;
        width: 100%;
        margin: 0;
        margin-top: 50px;
    }
    .box1 .secDesign.secBoxCon {
        margin: 0;
        width: 100%;
        margin-top: 50px;
    }
    .box1 .secPerformance.secBoxCon{
        margin: 0;
        width: 100%;
        margin-top: 40px;
    }
    .box1 .secSystem.secBoxCon {
        justify-content: flex-end;
        margin:0;
        margin-top: 50px;
    }
    .box1 .secSupport.secBoxCon {
        justify-content: flex-end;
        margin: 0 ;
        margin-top: 50px;
    }
    .secBoxCon:nth-child(2n+1){
        display: block;
    }
    .box1 .txtBox{
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }
    .box1 .imgBox{
        width: 100%;
        position: static;
    }
    .secPerformance .txtBox,
    .secDesign .txtBox{
        padding-left: 0;
    }
    .secSystem .txtBox,
    .secSupport .txtBox{
        padding-left: 0;
    }
    .secReason .box1 .titbox {
        width: auto;
        margin-top: 12px;
        margin-bottom: 0;
    }
    .secContent .secReason .box1{
        width: 92%;
        margin: 0 auto;
    }
    .box1 .txtBox .txtBoxMainTit {
        font-size: 18px;
        font-weight: bold;
        margin-top: 20px;
        line-height: 1.4;
    }
    .box1 .txtBox .txtBoxContent {
        font-size: 13px;
        font-weight: 500;
        margin-top: 10px;
        line-height: 2.222;
    }
    .box1 .cmnConceptBtn .aBtnLink {
        font-size: 14px;
        width: 94.666%;
        height: 64px;
        margin-top: 20px;
    }
    .box1 .cmnConceptBtn {
        justify-content: center;
    }
    .box1 .txtBox .txtBoxTit {
        font-size: 13px;
        margin-top: 20px;
        padding-left: 20px;
        letter-spacing: 0px;
    }
    .box1 .secSystem .txtBox .txtBoxTit {
        margin-top: 20px;
    }
    .secBnrMain {
        padding-top: 50px;
    }
    .secReason {
        margin-top: 40px;
    }
}
@media only screen and (max-width:360px){
    .secReason .box1 .titbox .tit {
        font-size: 16px;
    }
}