/*メインイメージ -----------------------------*/

#rtcMainBox{
  background: linear-gradient(
    to top,
    #f5f2e9 0%,
    #f5f2e9 10%,
    transparent 10%,
    transparent 100%
  );
}
.rtcMain{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
.rtcMainText{ display: flex; align-items: center; padding: 3rem 0 2rem;}
.rtcMainText  div{ padding: 0 0 0 1rem;}
.rtcMainText .logoImg01{ width: 100%; max-width:201px;}
.rtcMainText h1{ font-size: 2rem; font-weight: 100; line-height: 1.2;}
.rtcMainText h1 span{ display: block; font-size: 1.4rem;}
.rtcMainText  div p{ line-height: 1.6; margin: 1rem 0 0;}
.rtcMainText  div p span{ font-size: 0.8rem;}
.op{opacity: 0; transform: scaleX(0); display: inline-block;}

.mainMap{ width: 100%; max-width: 1000px;}

/*リード文*/
.leadSentence{ background:#f5f2e9 ; padding: 2rem 0 4rem;}
.leadcont{ width: 90%; max-width: 1000px; margin: 0 auto; line-height: 1.6rem;}
.leadcont h2{ font-size: 2rem; font-weight: 100;}
.writer{ padding: 1rem 0;}
.leadtext span{ display: block; padding: 1rem 0 0 0;}

/*メインコンテンツ*/
#mainCont{ width: 90%; max-width: 1000px; margin: 0 auto;}
.mainSentence{ padding:4rem 0 0;}
.titlecont h2{ font-size: 2rem; font-weight: 100; line-height: 1.4;}
.titlecont h2 .texts{ font-size:1.4rem;}
.colorP{ color: #BF4947;}
.titleleadtext{ padding: 2rem 0; line-height: 1.6;}

/*スポット*/
.spotCont{
    display: flex;
    border-top: 1px solid #dcdcdc;
    padding: 2rem 0;
}
.spotCont .spotTitle{
    width: 70%;
    max-width: 640px;
    padding: 0 1.6rem 0 0;
    }
.spotTitle img{ width: 100%; max-width: 630px;}
.spotCont .spotTitle div{display: flex; padding: 0 0 1rem 0;}
.spotCont .number{ 
    display: flex;
    align-items: center;
    background: #BF4947;
    max-height: 72px;
    font-size: 2.6rem;
    font-weight: 100;
    color: #fff;
    padding: 0rem 0.8rem;
    margin: 0 0.4rem 0 0;
}
.spotCont h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 2rem;
    font-weight: 100;
    line-height: 1.6;
    flex-direction: column;
}
.sublead{ display: contents; font-size: 1rem;}
.leadWrit {background: #000; font-size: 1rem; color: #fff; line-height: 1.2; padding:0.2rem 0.5rem;}
.spotText{ width: 40%; line-height: 1.6;}
.spotSpec0{list-style: none;}
.spotSpec1{
    list-style: none;
    text-indent: -2.5rem;
    padding-left: 2.5rem;
}
.spotSpec2{
    list-style: none;
    text-indent: -4.5rem;
    padding-left: 4.5rem;
}
.spotSpec3 {
    list-style: none;
    text-indent: -4.5rem;
    padding-left: 4.5rem;
}
.spotSpec4 {
    list-style: none;
    text-indent: -8rem;
    padding-left: 8rem;
}
.snsIg{
    width: 4%;
    max-width: 15px;
    padding: 0.3rem 0.1rem 0 0;
}
.links{ text-decoration: underline; text-decoration: 0.6s;}
.links:hover{ text-decoration: none;}

.photoText{
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
}
.photoText2{
    display: flex;
    justify-content: space-between;
    width: 66%;
    max-width: 404px;
    line-height: 1.2;
    padding: 0.5rem 0 !important;
}
.rigthText2{ width: 36%; font-size: 0.8rem; text-align: left; line-height: 1.6; margin: 0.5rem 0 0 0;}
.rigthText{ font-size: 0.8rem; text-align: right;}
.leftText{ font-size: 0.8rem; text-align: left; line-height: 1.6; margin: 0.5rem 0 0 0;}
.leftText2{ font-size: 0.8rem; }


/*近辺の東京都道路整備保全公社駐車場*/
#parkingcont{
    width: 90%;
    max-width: 600px;
    margin: 0 auto 4rem;
}
#parkingcont h2{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 1.4;
    background: #2e457c;
    padding: 1rem;
}
.parkinginfoBox{ padding: 0 0 1rem 0; margin: 2rem 0; border-bottom: #2e457c 1px dashed;}
.parkinginfoTitle{ display: flex; align-items: center; padding: 0 0 1rem 0;}
.parkinginfoTitle p{ color: #fff; font-size: 1.4rem; font-weight: 100; background: #2e457c; padding: 0.5rem; margin: 0 0.5rem 0 0;}
.parkinginfoTitle h3{ font-size: 1rem; font-weight: normal;}
.parkinginfo{ line-height: 1.6;}
.qrImg{ width: 100%; max-width: 140px;}
.texts{ font-size: 0.8rem;}

.links{
    text-decoration: underline;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
    margin: 1rem 0;
    transition: 0.6s;
}
.links:hover{ text-decoration: none;}

@media (max-width: 640px) {
/*タイトル*/
.rtcMainText{
    display: block;
    text-align: center;
    padding: 2rem 0;
}
.rtcMainText div { padding: 0%;}
.op{ line-height: 1.2;}

.spotCont{ display: block; padding: 2rem 0 0rem;}
.spotCont .spotTitle{ width: 100%; padding: 0 0 0 0;}
.spotCont .spotTitle div{ padding: 0 0 1rem 0;}
.spotText{ width: 100%; padding: 1rem 0;}
.spotCont .number{ padding: 0.2rem 0.6rem;}
.spotCont h3{ font-size: 1.6rem;}

.photoText2{
    width: 100%;
    max-width: 480px;
}
}