@charset "UTF-8";
@media screen and (min-width: 768px),print {

main{width: 100% !important;}

#maincon{
    padding: 111px 0 0 0;
    margin: -68px 0 0 0;
}
#maincon .inner{
    background-image:url(../images/thought/main-bg.png);
    background-position: right top 0px;
    background-repeat:no-repeat;
    }
#maincon .inner .mainttlframe{width: 1200px;height: 650px;margin: 0 auto;position: relative;}
#maincon .inner .mainttlframe .subt{margin: 0 0 59px 50px;}
#maincon .inner .mainttlframe .mainttl{margin: 0 0 53px 50px;}
#maincon .inner .mainttlframe .photo{position: absolute;top: 282px;right:0;}
#maincon .inner .mainttlframe .txt{font-size: 16px;line-height: 2.3;width: 665px;letter-spacing: 2px;margin: 0px 0 0 0;padding: 0px 0 0 49px;}

#maincon .inner .pagelink-frame{width: 1100px;margin: 0 auto;padding: 77px 0 177px 0;}
#maincon .inner .pagelink-frame .thought-page-list{
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-orient:horizontal;-webkit-box-direction:normal;}

#maincon .inner .pagelink-frame .thought-page-list li{border:1px solid #D9D9D9;width: 358px;position: relative;margin: 0 13px 0 0px;}

#maincon .inner .pagelink-frame .thought-page-list li:nth-child(3n){
    margin:0 0 0 0;}

#maincon .inner .pagelink-frame .thought-page-list li:nth-child(1)::before{
    content: '';
    display: inline-block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -57px;
    right: 3px;
    background-image: url(../images/thought/num01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(2)::before{
    content: '';
    display: inline-block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -57px;
    right: 3px;
    background-image: url(../images/thought/num02.svg);
    background-size: contain;
    background-repeat: no-repeat;}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(3)::before{
        content: '';
        display: inline-block;
        width: 46px;
        height: 46px;
        position: absolute;
        top: -57px;
        right: 3px;
        background-image: url(../images/thought/num03.svg);
        background-size: contain;
        background-repeat: no-repeat;
        }
#maincon .inner .pagelink-frame .thought-page-list li::after{
    content: '';
    display: inline-block;
    width: 24px;
    height: 23px;
    position: absolute;
    bottom: -40px;
    left: 164px;
    background-image: url(../images/thought/page-link-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }

#maincon .inner .pagelink-frame .thought-page-list li .en{text-align: center;position: relative;margin: 0px auto 0 auto;vertical-align: middle;}
#maincon .inner .pagelink-frame .thought-page-list li .en img{width: 100%;}

#maincon .inner .pagelink-frame .thought-page-list li:nth-child(1) .en{top: -28px;width: 50px;}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(2) .en{top: -28px;width: 80px;}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(3) .en{top: -35px;width: 71px;}


#maincon .inner .pagelink-frame .thought-page-list li .ttl{font-size: 15px;line-height: 1.6;letter-spacing: 3px;text-align: center;}
#maincon .inner .pagelink-frame .thought-page-list li a{width: 358px;padding: 12px 0 22px 0;display: block;color: #303030;}


#con01{margin: 0 0 0px 0;padding: 0 0 152px 0;}
#con01 .ttlframe{width: 1000px;margin: 0 auto;position:relative;background-image:url(../images/thought/num01.svg);background-position: right 6px bottom 0px;background-repeat:no-repeat;background-size: 24%;}
#con01 .ttlframe .enttl{margin: 0 0 39px 0;}
#con01 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 60px 0;color: #303030;font-size:44px;line-height: 1.4;letter-spacing: 4px;}

#con01 .box01-frame{margin: 0 auto;position:relative; max-width: 1920px;}
#con01 .box01-frame .box01-pcflex{margin: 0 0 68px 0;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
#con01 .box01-frame .box01-flextxtframe{max-width: 630px;width: 42%;padding: 45px 0 0 33px;}
#con01 .box01-frame .photo{max-width: 870px;width: 50%;padding: 0 0px 0 0;}
#con01 .box01-frame .photo img{width: 100%;}
#con01 .box01-frame .ttl{font-size: 20px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 28px 0px;margin: 0px 0px 34px 0px;}
#con01 .box01-frame .txt{font-size: 16px;line-height: 2.2;letter-spacing: 1.9px;margin: 0 0 25px 0;}

#con01 .box02-frame{padding: 0px 0 36px 0;}
#con01 .box02-frame .subt{font-size: 21px;line-height: 1.6;letter-spacing: 1px;text-align: center;margin: 0 0 0px 0;}
#con01 .box02-frame .inner{background-color:#F5F5F5;width: 100%;height: 240px;margin: 90px 0 0 0;}
#con01 .box02-frame .design-list{max-width:1600px;width: 82%;position: relative;top: -72px;margin: 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con01 .box02-frame .design-list li{margin: 0 1vw 0 0;padding: 0 0 30px 0;max-width: 380px;width: 24%;}
#con01 .box02-frame .design-list li:last-child{ margin: 0 0 0 0;}
#con01 .box02-frame .design-list li .photo{max-width: 380px;margin: 0 0 16px 0;}
#con01 .box02-frame .design-list li .photo img{width: 100%;}
#con01 .box02-frame .design-list li .category{text-align: center; color: #303030;font-size: 16px; line-height: 1.6; letter-spacing: 1px; }


#con02{margin: 0px 0 152px 0;padding: 0 0 0 0;}
#con02 .ttlframe{width: 1000px;margin: 0 auto;position:relative;background-image:url(../images/thought/num02.svg);background-position: right -4px bottom 0px;background-repeat:no-repeat;background-size: 28%;}
#con02 .ttlframe .enttl{margin: 0 0 34px 0;}
#con02 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 54px 0;color: #303030;font-size:44px;line-height: 1.5;letter-spacing: 4px;}

#con02 .box01-frame{margin: 0 auto;position:relative; max-width: 1920px;}
#con02 .box01-frame .box01-pcflex{margin: 0 0 41px 0;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
#con02 .box01-frame .box01-flextxtframe{max-width: 630px;width: 42%;padding: 45px 0 0 33px;}
#con02 .box01-frame .photo{max-width: 870px;width: 50%;padding: 0 0px 0 0;}
#con02 .box01-frame .photo img{width: 100%;}
#con02 .box01-frame .ttl{font-size: 20px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 28px 0px;margin: 0px 0px 34px 0px;}
#con02 .box01-frame .txt{font-size: 16px;line-height: 2.2;letter-spacing: 1.9px;margin: 0 0 17px 0;}

#con02 .box02-frame{margin: 0 auto;width: 1280px;}
#con02 .box02-frame .box02-pcflex{margin: 0 0 47px 0;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
#con02 .box02-frame .box02-flextxtframe{width: 570px;padding: 26px 0px 0 0px;margin: 0 0 0 139px;}
#con02 .box02-frame .photo{margin: 0 -7px 0 auto;padding: 0 0px 0 0;width: 530px;}
#con02 .box02-frame .photo img{}
#con02 .box02-frame .ttl{font-size: 20px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 28px 0px;margin: 0px 0px 21px 0px;}
#con02 .box02-frame .txt{font-size: 16px;line-height: 2.25;letter-spacing: 1.9px;margin: 0 0 36px 0;}

#con02 .box03-frame{margin: 0 0 44px 0;}
#con02 .box03-frame .inner{background-color:#F5F5F5;}
#con02 .box03-frame .inner .txt{font-size: 16px;line-height: 2.2;padding: 32px 0 26px 0;letter-spacing: 2.5px;font-weight: bold;text-align: center;width: 1000px;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -40px;}


#con03{margin: 0 0 0px 0;}
#con03 .ttlframe{width: 1000px;margin: 0 auto;position:relative;background-image:url(../images/thought/num03.svg);background-position: right -4px bottom 0px;background-repeat:no-repeat;background-size: 28%;}
#con03 .ttlframe .enttl{margin: 0 0 39px 0;}
#con03 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 54px 0;color: #303030;font-size:44px;line-height: 1.5;letter-spacing: 4px;}

#con03 .box01-frame{margin: 0 auto 67px;position:relative;max-width: 1920px;}
#con03 .box01-frame .box01-pcflex{margin: 0 0 41px 0;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
#con03 .box01-frame .box01-flextxtframe{max-width: 625px;width: 42%;padding: 45px 0 0 34px;}
#con03 .box01-frame .photo{max-width: 870px;width: 50%;padding: 0 0px 0 0;}
#con03 .box01-frame .photo img{width: 100%;}
#con03 .box01-frame .ttl{font-size: 20px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 28px 0px;margin: 0px 0px 50px 0px;}
#con03 .box01-frame .txt{font-size: 16px;line-height: 2.2;letter-spacing: 1.9px;margin: 0 0 17px 0;}


#con03 .box02-frame{width: 1100px;padding: 0 0 0 204px;margin: 0px auto 48px auto;}
#con03 .box02-frame .inner{border:1px solid #000000;width: 895px;margin: 0 0 0 0;padding: 29px 60px 22px 65px;position: relative;}
#con03 .box02-frame .inner .photoframe{width: 180px;position: absolute;top: -44px;left: -156px;}
#con03 .box02-frame .inner .photoframe .ttl{text-align: center;margin: 0 0 15px 0;}
#con03 .box02-frame .inner .photoframe .photo{display: block; text-align: center;}
#con03 .box02-frame .inner .txt{font-size: 15px;line-height: 2.13;letter-spacing: 0.6px;}

#con03 .box03-frame{margin: 0 auto;position:relative; max-width: 1920px;}
#con03 .box03-frame .box03-pcflex{margin: 0 0 93px auto;width: 86%;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
#con03 .box03-frame .box03-flextxtframe{max-width: 733px;width: 50%;padding: 66px 0 0 139px;}
#con03 .box03-frame .photo{max-width: 900px;width: 49.6%;margin: 32px 0 0 auto;padding: 0 0px 0 0;}
#con03 .box03-frame .photo img{width: 100%;}
#con03 .box03-frame .ttl{font-size: 20px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 28px 0px;}
#con03 .box03-frame .txt{font-size: 16px;line-height: 2.3;letter-spacing: 1.9px;margin: 0 0 17px -5px;}


#con03 .box04-frame{margin: 0 0 -80px 0;}
#con03 .box04-frame .inner{background-color:#F5F5F5;padding: 0 0 47px 0;}
#con03 .box04-frame .inner .txt{font-size: 16px;line-height: 2.2;padding: 29px 0 31px 0;letter-spacing: 2.5px;font-weight: bold;text-align: center;width: 1000px;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -40px;}


.page-linkbtn{}
.page-linkbtn .link-list{
    justify-content: center;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    justify-content: center;align-items: center;}
.page-linkbtn .link-list li{width: 340px;border-radius:40px;margin: 0 10px 0 10px;background-color:#1A1A1A;text-align: center;font-size: 19px;line-height: 1.6;letter-spacing: 1px;background-image:url(../images/common/btn-arrow03.svg);background-position: right 44px center;background-repeat:no-repeat;}
.page-linkbtn .link-list li.listone{width: 480px; text-align: center;}

.page-linkbtn .link-list li a{color: #fff;width: 340px;display: block;padding: 30px 0 20px 0;}
.page-linkbtn .link-list li.listone a{width: 480px;padding: 29px 0 21px 0;}

}




@media screen and (min-width: 768px) and (max-width: 1500px) {
.notepc{display: none;}
#con01 .box01-frame .box01-flextxtframe{max-width: 630px;width: 42%;padding: 0px 0 0 33px;}
#con01 .box01-frame .ttl{font-size: 18px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 18px 0px;}
#con01 .box01-frame .txt{font-size: 14px;line-height: 2;letter-spacing: 1.9px;margin: 0 0 25px 0;}
#con01 .box02-frame .inner{width: 100%;height: 12vw;margin: 100px 0 0 0;}

#con02 .box01-frame .box01-flextxtframe{max-width: 630px;width: 42%;padding: 0px 0 0 33px;}
#con02 .box01-frame .ttl{font-size: 18px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 18px 0px;}
#con02 .box01-frame .txt{font-size: 14px;line-height: 2;letter-spacing: 1.9px;margin: 0 0 25px 0;}
#con02 .box02-frame .inner{width: 100%;height: 12vw;margin: 100px 0 0 0;}
#con02 .box02-frame .ttl{font-size: 18px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 18px 0px;}
#con02 .box02-frame .txt{font-size: 14px;line-height: 2;letter-spacing: 1.9px;margin: 0 0 25px 0;}
#con03 .box02-frame{ margin: -25px auto 67px auto;}

#con03 .box01-frame .box01-pcflex{margin: 0 0 30px auto;}
#con03 .box01-frame .box01-flextxtframe{max-width: 630px;width: 42%;padding: 0px 0 0 33px;}
#con03 .box01-frame .ttl{font-size: 18px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 18px 0px;}
#con03 .box01-frame .txt{font-size: 14px;line-height: 2;letter-spacing: 1.9px;margin: 0 0 25px 0;}
#con03 .box03-frame .box03-pcflex{margin: 0 0 30px auto;width: 90%;}
#con03 .box03-frame .box03-flextxtframe{max-width: 630px;width: 42%;padding: 0px 0 0 0px;}
#con03 .box03-frame .ttl{font-size: 18px;line-height: 1.9;letter-spacing: 2.5px;border-bottom:1px solid #C8C8C8;padding: 0px 0px 15px 0px;margin: 0px 0px 18px 0px;}
#con03 .box03-frame .txt{font-size: 14px;line-height: 2;letter-spacing: 1.9px;margin: 0 0 25px 0;}
#con03 .box03-frame .photo{max-width: 900px;width: 55.6%;}
#con03 .box03-frame .photo img{width: 100%;}
}





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

#maincon{padding: 0vw 0 0 0;margin: -5vw 0 0 0;}
#maincon .inner{
    background-image:url(../images/thought/main-bg.png);
    background-position: right top 0px;
    background-repeat:no-repeat;
    background-size: 82%;}
#maincon .inner .mainttlframe{width: 100%;margin: 0 auto 12vw;position: relative;}
#maincon .inner .mainttlframe .subt{margin: 0 0 7vw 6vw;padding: 15vw 0 0 0;width: 50vw;}
#maincon .inner .mainttlframe .mainttl{margin: 0 15vw 8vw 6vw;padding: 0 5vw 0 0;}
#maincon .inner .mainttlframe .photo{
    padding: 0 6vw 0 6vw;
    margin: 0 0 6vw 0;
}
#maincon .inner .mainttlframe .txt{font-size:3.865vw;line-height: 2.2;width: 92%;letter-spacing: 0.25vw;margin: 0px auto 0 auto;padding: 0px 0 0 2vw;}

#maincon .inner .pagelink-frame{width: 100%; margin: 0 auto;padding: 4vw 0 4vw 0;}
#maincon .inner .pagelink-frame .thought-page-list{}

#maincon .inner .pagelink-frame .thought-page-list li{border:1px solid #D9D9D9;width: 86%;position: relative;margin: 0 auto 16vw auto;}

#maincon .inner .pagelink-frame .thought-page-list li:nth-child(1)::before{
    content: '';
    display: inline-block;
    width: 10vw;
    height: 10vw;
    position: absolute;
    top: -10vw;
    right: 1vw;
    background-image: url(../images/thought/num01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(2)::before{
    content: '';
    display: inline-block;
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: -10vw;
    right: 1vw;
    background-image: url(../images/thought/num02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(3)::before{
    content: '';
    display: inline-block;
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: -12vw;
    right: 1vw;
    background-image: url(../images/thought/num03.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }
#maincon .inner .pagelink-frame .thought-page-list li::after{
    content: '';
    display: inline-block;
    width: 5vw;
    height: 5vw;
    position: absolute;
    bottom: -7.5vw;
    left: 40vw;
    background-image: url(../images/thought/page-link-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    }

#maincon .inner .pagelink-frame .thought-page-list li .en{text-align: center;position: relative;margin: 0px auto 0vw auto;vertical-align: middle;}
#maincon .inner .pagelink-frame .thought-page-list li .en img{width: 100%;}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(1) .en{top: -3vw;width: 13vw;/* margin: 0 0 -2vw 0; */}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(2) .en{top: -3.5vw;width: 21vw;}
#maincon .inner .pagelink-frame .thought-page-list li:nth-child(3) .en{top: -4vw;width: 20vw;}
#maincon .inner .pagelink-frame .thought-page-list li .ttl{font-size:3.623vw;line-height: 1.6;letter-spacing: 0.25vw;text-align: center;}
#maincon .inner .pagelink-frame .thought-page-list li a{width: 100%;padding: 0vw 0 4vw 0;display: block;color: #303030;}

#con01{width: 100%;margin: 0 auto 18vw auto;}
#con01 .ttlframe{width: 90%;margin: 0 auto;position:relative;background-image:url(../images/thought/num01.svg);background-position: right 0vw bottom 3vw;background-repeat:no-repeat;background-size: 18%;}
#con01 .ttlframe .enttl{margin: 0 0 4vw 0;}
#con01 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 2vw 0;color: #303030;font-size:5.314vw;line-height: 1.6;letter-spacing: 0.6vw;}

#con01 .box01-frame{margin: 0 auto;position:relative;}
#con01 .box01-frame .box01-pcflex{margin: 0 0 9vw 0;}
#con01 .box01-frame .box01-flextxtframe{width: 90%;margin: 0 auto;padding: 3vw 0 0vw 0;}
#con01 .box01-frame .photo{width: 100%;padding: 0 0px 2vw 0;}
#con01 .box01-frame .ttl{font-size: 4.1vw;line-height: 1.7;letter-spacing: 0.5vw;border-bottom:1px solid #C8C8C8;padding: 0px 0px 3vw 0px;margin: 0px 0px 5vw 0px;}
#con01 .box01-frame .txt{font-size:3.623vw;line-height: 2;letter-spacing: 0.25vw;margin: 0 0 3vw 0;}

#con01 .box02-frame{padding: 0px 0 8vw 0;}
#con01 .box02-frame .subt{font-size:4.831vw;line-height: 1.6;letter-spacing: 0.25vw;text-align: center;margin: 0 0 10vw 0;}
#con01 .box02-frame .inner{background-color:#F5F5F5;width: 100%;height: 65vw;margin: 3vw 0 0 0;}
#con01 .box02-frame .design-list{width: 90%;position: relative;top: -6vw;margin: 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con01 .box02-frame .design-list li{margin: 0 4% 0 0;padding: 0 0 5% 0;width: 48%;}
#con01 .box02-frame .design-list li:nth-child(2n){ margin: 0 0 0 0;}
#con01 .box02-frame .design-list li .photo{margin: 0 0 2vw 0;}
#con01 .box02-frame .design-list li .photo img{width: 100%;}
#con01 .box02-frame .design-list li .category{text-align: center;color: #303030;font-size: 3.1vw;line-height: 1.6;letter-spacing: 0vw;}



#con02{width: 100%;margin: 0 auto 15vw auto;}
#con02 .ttlframe{width: 90%;margin: 0 auto;position:relative;background-image:url(../images/thought/num02.svg);background-position: right 0vw bottom 3vw;background-repeat:no-repeat;background-size: 18%;}
#con02 .ttlframe .enttl{margin: 0 0 4vw 0;}
#con02 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 2vw 0;color: #303030;font-size:5.314vw;line-height: 1.6;letter-spacing: 0.6vw;}

#con02 .box01-frame{margin: 0 auto;position:relative;}
#con02 .box01-frame .box01-pcflex{margin: 0 0 9vw 0;}
#con02 .box01-frame .box01-flextxtframe{width: 90%;margin: 0 auto;padding: 3vw 0 0vw 0;}
#con02 .box01-frame .photo{width: 100%;padding: 0 0px 2vw 0;}
#con02 .box01-frame .ttl{font-size: 4.1vw;line-height: 1.7;letter-spacing: 0.5vw;border-bottom:1px solid #C8C8C8;padding: 0px 0px 3vw 0px;margin: 0px 0px 5vw 0px;}
#con02 .box01-frame .txt{font-size:3.623vw;line-height: 2;letter-spacing: 0.25vw;margin: 0 0 3vw 0;}

#con02 .box02-frame{padding: 0px 0 10vw 0;}
#con02 .box02-frame .subt{font-size:4.831vw;line-height: 1.6;letter-spacing: 0.25vw;text-align: center;margin: 0 0 10vw 0;}
#con02 .box02-frame .inner{background-color:#F5F5F5;width: 100%;height: 60vw;margin: 3vw 0 0 0;}
#con02 .box02-frame .design-list{width: 90%;position: relative;top: -6vw;margin: 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}
#con02 .box02-frame .design-list li{margin: 0 4% 0 0;padding: 0 0 5% 0;width: 48%;}
#con02 .box02-frame .design-list li:nth-child(2n){ margin: 0 0 0 0;}
#con02 .box02-frame .design-list li .photo{margin: 0 0 2vw 0;}
#con02 .box02-frame .design-list li .photo img{width: 100%;}
#con02 .box02-frame .design-list li .category{text-align: center;color: #303030;font-size: 3.1vw;line-height: 1.6;letter-spacing: 0vw;}

#con02 .box02-frame{margin: 0 auto;width: 100%;}
#con02 .box02-frame .box02-pcflex{margin: 0 0 5vw 0;}
#con02 .box02-frame .box02-flextxtframe{width: 100%; padding: 3vw 0px 0 0px;margin: 0 0 0 0;}
#con02 .box02-frame .photo{margin: 0 auto 4vw auto;padding: 0 0px 0 0;width: 100%;}
#con02 .box02-frame .photo img{}
#con02 .box02-frame .ttl{font-size: 4.1vw;line-height: 1.7;letter-spacing: 0.5vw;border-bottom:1px solid #C8C8C8;padding: 0px 0px 3vw 0px;margin: 0px auto 5vw auto;width: 90%;}
#con02 .box02-frame .txt{font-size:3.623vw;line-height: 2;letter-spacing: 0.25vw;margin: 0 auto 3vw auto;width: 90%;}

#con02 .box03-frame{margin: 0 0 6vw 0;}
#con02 .box03-frame .inner{background-color:#F5F5F5;}
#con02 .box03-frame .inner .txt{font-size: 3.465vw;line-height: 2;padding: 4vw 6vw 5vw 6vw;letter-spacing: 0.25vw;font-weight: bold;text-align: left;width: 80%;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -6vw;}


#con03{width: 100%;margin: 0 auto 0vw auto;}
#con03 .ttlframe{width: 90%;margin: 0 auto;position:relative;background-image:url(../images/thought/num03.svg);background-position: right 0vw bottom 3vw;background-repeat:no-repeat;background-size: 18%;}
#con03 .ttlframe .enttl{margin: 0 0 4vw 0;}
#con03 .ttlframe .mainttl{margin: 0 0 0px 0;padding: 0 0 2vw 0;color: #303030;font-size:5.314vw;line-height: 1.6;letter-spacing: 0.6vw;}

#con03 .box01-frame{margin: 0 auto;position:relative;}
#con03 .box01-frame .box01-pcflex{margin: 0 0 5vw 0;}
#con03 .box01-frame .box01-flextxtframe{width: 90%;margin: 0 auto;padding: 3vw 0 0vw 0;}
#con03 .box01-frame .photo{width: 100%;padding: 0 0px 2vw 0;}
#con03 .box01-frame .ttl{font-size: 4.1vw;line-height: 1.7;letter-spacing: 0.5vw;border-bottom:1px solid #C8C8C8;padding: 0px 0px 3vw 0px;margin: 0px 0px 5vw 0px;}
#con03 .box01-frame .txt{font-size:3.623vw;line-height: 2;letter-spacing: 0.25vw;margin: 0 0 3vw 0;}

#con03 .box02-frame{width: 100%;padding: 25vw 0 0 0;margin: 0px auto 10vw auto;}
#con03 .box02-frame .inner{border:1px solid #000000;width: 88%;margin: 0 auto 0 auto;padding: 3vw 5vw 7vw 6vw;position: relative;}
#con03 .box02-frame .inner .photoframe{width: 60%;position:relative;top: -26vw;margin: 0 auto -22vw;}
#con03 .box02-frame .inner .photoframe .ttl{text-align: center;margin: 0 0 3vw 0;}
#con03 .box02-frame .inner .photoframe .photo{display: block; text-align: center;}
#con03 .box02-frame .inner .txt{font-size: 3.423vw;line-height: 2;letter-spacing:0.25vw;}

#con03 .box03-frame{margin: 0 auto;position:relative;}
#con03 .box03-frame .box03-pcflex{margin: 0 0 12vw 0;flex-direction:column-reverse;align-items: flex-start;display: flex;}

#con03 .box03-frame .box03-flextxtframe{width: 90%;margin: 0 auto;padding: 3vw 0 0vw 0;}
#con03 .box03-frame .photo{width: 100%;padding: 0 0px 2vw 0;}
#con03 .box03-frame .ttl{font-size: 4.1vw;line-height: 1.7;letter-spacing: 0.5vw;border-bottom:1px solid #C8C8C8;padding: 0px 0px 3vw 0px;margin: 0px 0px 5vw 0px;}
#con03 .box03-frame .txt{font-size:3.623vw;line-height: 2;letter-spacing: 0.25vw;margin: 0 0 3vw 0;}

#con03 .box04-frame{margin: 0 0 0vw 0;}
#con03 .box04-frame .inner{background-color:#F5F5F5;padding: 0 0 3vw 0;}
#con03 .box04-frame .inner .txt{font-size: 3.465vw;line-height: 2;padding: 4vw 6vw 5vw 6vw;letter-spacing: 0.25vw;font-weight: bold;text-align: left;width: 80%;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -6vw;}

.page-linkbtn{}
.page-linkbtn .link-list{}
.page-linkbtn .link-list li{width: 80vw;border-radius: 12vw;margin: 0 auto 3vw auto;background-color:#1A1A1A;text-align: center;font-size:3.865vw;line-height: 1.6;letter-spacing: 0.25vw;background-image:url(../images/common/btn-arrow03.svg);background-position: right 6vw center;background-repeat:no-repeat;}
.page-linkbtn .link-list li a{color: #fff;width: 100%;display: block;padding: 4vw 0 4vw 0;}
.page-linkbtn .link-list li.listone a{width: 100%;padding: 4vw 0 4vw 0;}



}