html{
    scroll-behavior: smooth;
}
#content {
max-width: 1120px;
margin: 0 auto 40px;
/*padding: 40px;*/
padding: 10px;
background-color: #fff;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#co_info,#to_form{
max-width: 1120px;
margin: 0 auto 40px;
}
#co_info{
background: #fff;
}
#sidebox{
width: 220px;
}
#sidebox .side_images {
margin-bottom: 20px;
}
#sidebox .side_images a:hover{
opacity: 0.8;
}
#sidebox h3 {
text-align: center;
background: #d0111b;
color: #fff;
font-size: 1rem;
padding: 8px 0;
}
#pickup{
width: 750px;
}
#pickup .title1{
font-size: 2.0rem;
font-weight: 600;
line-height: 1.3;
margin-bottom: 30px;
}
#pickup p {
font-size: 1rem;
line-height: 2;
}
#pickup a {
color: #0989da;
text-decoration: underline;
}
#toc_container {
background-color: #f2f2f2;
padding: 20px;
margin-bottom: 50px;
}
#toc_container .toc_title {
font-size: 1rem;
font-weight: bold;
margin-bottom: 5px;
}
#toc_container .toc_list li {
line-height: 2rem;
font-size: 1rem;
}
#pickup .anchor {
padding: 100px 0 50px 0;
margin-top: -100px;
}
#pickup .title2 {
font-size: 1.5rem;
font-weight: bold;
padding: 18px 0 12px 26px;
background: #fbf2f3;
border-top: solid 2px #d0111b;
border-bottom: solid 2px #d0111b;
position: relative;
margin-bottom: 50px;
}
#pickup .title2::before {
content: "";
position: absolute;
background: url(https://res.cloudinary.com/hbzp2ljit/image/upload/v1682709206/atoffice/share_pickup/fukidashi_area.png)0 0 no-repeat;
left: 10px;
top: -10px;
width: 80px;
height: 40px;
background-size: contain;
}
#pickup .title3 {
font-size: 1.3rem;
font-weight: 600;
padding: 0.3em 0.5em 0.4rem;
background: #fbf2f3;
border-left: solid 5px #d0111b;
border-bottom: solid 5px #f2b7bb;
margin-bottom: 40px;
}
#pickup .textArea p {
margin-bottom: 30px;
}
#pickup .title3_p {
font-size: 1.3rem;
font-weight: bold;
background: #f2f2f2;
color: #d0111b;
padding: 8px 0 8px 60px;
position: relative;
margin-bottom: 30px;
}
#pickup .title3_p::before {
content: "";
position: absolute;
background: #d0111b;
width: 43px;
height: 100%;
top: 0;
left: 0;
}
#pickup .title3_p::after {
content: "";
position: absolute;
background: url(https://res.cloudinary.com/hbzp2ljit/image/upload/v1682709206/atoffice/share_pickup/icon_pro.png)0 0 no-repeat;
left: 7px;
top: 50%;
width: 34px;
height: 26px;
background-size: contain;
transform: translateY(-50%);
}
#pickup .by_area .textArea {
margin-bottom: 50px;
}
#pickup .property {
margin-bottom: 80px;
}
#pickup .property p {
font-size: 1rem;
margin-bottom: 20px;
}
#pickup .pro_inner {
width: 94%;
margin: 0 auto;
}
#pickup .basic_info > p {
font-size: 1rem;
font-weight: bold;
color: #f46544;
padding-left: 22px;
background: url(https://res.cloudinary.com/hbzp2ljit/image/upload/v1682709206/atoffice/share_pickup/icon_info.png) no-repeat left 0 bottom 7px/ 18px 18px;
margin-bottom: 5px;
}
#pickup .basic_info table {
display: block;
width: 100%;
text-align: left;
font-size: 1rem;
border: solid 1px #cccccc;
}
#pickup .basic_info table caption {
font-size: 1rem;
font-weight: bold;
background: #f2f2f2;
border-bottom: solid 1px #cccccc;
padding: 4px 0;
}
#pickup .basic_info table tr {
border-bottom: dotted 1px #ccc;
}
#pickup .basic_info table tr:last-child{
border-bottom:none;
}
#pickup .basic_info table th {
width: 140px;
height: 70px;
vertical-align: middle;
font-weight: 700;
padding: 0 10px;
background: #f2f2f2;
}
#pickup .basic_info td {
height: 18px;
vertical-align: middle;
padding: 10px;
border-left: solid 1px #d9d9d9;
width: 80%;
}
#pickup .basic_info a {
background: url(https://res.cloudinary.com/hbzp2ljit/image/upload/v1682709206/atoffice/share_pickup/icon_click_blue.png) no-repeat left 5px bottom 2px / 6px 9px;
padding-left: 14px;
}
#pickup .btn_y a{
display: block;
width: 100%;
line-height: 50px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
margin: 35px auto 25px auto;
border-radius: 50px;
background: url(https://res.cloudinary.com/hbzp2ljit/image/upload/v1683790883/atoffice/share_pickup/icon-search-w.png) no-repeat 31% 48% #f46544;
text-decoration: none;
}
#pickup .btn_y a:hover{
opacity: 0.8;
}
/*戻る*/
#page_top {
bottom: 45px;
right: 45px;
z-index: 9999;
width: 80px;
height: 80px;
border-radius: 50%;
position: fixed;
background: #d0111b;
}
#page_top a{
position: relative;
display: block;
width: 100px;
height: 60px;
text-decoration: none;
}
#page_top a::before{
position: absolute;
top: 58%;
left: 35%;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -7px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#page_top a::after{
content: 'PAGE TOP';
font-size: 11px;
color: #fff;
position: absolute;
top: 40px;
bottom: 0;
right: 18px;
left: 0;
margin: auto;
text-align: center;
}

@media (max-width: 768px) {
#content {
padding: 15px
}
#sidebox{
    display: none;
}
#toc_container .toc_list li {
    line-height: 1.8rem;
    font-size: 0.8rem;
}
#pickup{
    width: 100%;
}
#pickup .title1 {
    font-size: 1.6rem;
}
#pickup .title3 {
    font-size: 1.3rem;
    }
#pickup .pro_inner {
    width: 100%;
}
#pickup .basic_info table {
    font-size: 0.8rem;
}
#pickup .basic_info table th {
    padding: 5px 3px 5px 7px;
    }
#pickup .basic_info td {
    padding: 5px 3px 5px 10px;
    }
#pickup p {
font-size: 0.9rem;
}
#pickup .property p {
    font-size: 0.9rem;
    }
#page_top {
bottom: 66px;
right: 20px;
}
}