.page-policy .contents .message-01,
.page-policy .contents .message-02 {
border-bottom: none;
}
.page-policy .contents .message-01 {
width: 100%;
padding: 0 0 0;
margin: 0 auto 0;
background-image: url(//www.attic-bike.com/wp-content/themes/attic_2023/policy/img/photo-01.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 0 100%;
position: relative;
}
.page-policy .contents .message-01:before {
content: "";
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 730px;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(45%, rgba(255, 255, 255, 0)), color-stop(88%, white), to(white));
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 45%, white 88%, white);
}
.page-policy .contents .message-01 .unit {
width: 970px;
padding: 0;
margin: 0 auto 0;
position: relative;
}
.page-policy .contents .message-01 .unit .post {
display: block;
margin: 0 auto 0;
font-size: 13px;
font-size: 1.3rem;
}
.page-policy .contents .message-01 .unit h3 {
padding: 0;
margin: 0 auto 16px;
border: none;
}
.page-policy .contents .message-01 .unit h3 .kana {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
}
.page-policy .contents .message-01 .unit .txt p {
margin: 0 auto 20px;
line-height: 1.8;
}
.page-policy .contents .message-01 .unit .txt p:last-child {
margin: 0 auto 0;
}
.page-policy .contents .message-01 .unit .txt p a {
text-decoration: underline;
}
.page-policy .contents .message-01 .unit .txt p a:hover {
text-decoration: none;
}
.page-policy .contents .message-01 .unit .photo {
width: 420px;
margin: 0 auto 0;
position: absolute;
bottom: 0;
}
.page-policy .contents .message-01 .box {
padding: 10px 0 10px 500px;
}
.page-policy .contents .message-02 {
width: 940px;
}
.page-policy .contents .message-02 .unit {
padding: 0 0;
}
.page-policy .contents .writer {
width: 940px;
margin: 0 auto 120px;
text-align: right;
}
@media screen and (max-width: 999px) {
.page-policy .contents .message-01 {
width: 100%;
padding: 0 0 0;
margin: 0 auto 0;
background: none !important;
}
.page-policy .contents .message-01:before {
display: none;
}
.page-policy .contents .message-01 .unit {
width: 100%;
padding: 0;
margin: 0 auto 0;
position: relative;
}
.page-policy .contents .message-01 .unit .post,
.page-policy .contents .message-01 .unit h3 {
display: none;
}
.page-policy .contents .message-01 .unit .txt p {
margin: 0 auto 20px;
text-align: justify;
line-height: 1.8;
}
.page-policy .contents .message-01 .unit .txt p:last-child {
margin: 0 auto 0;
}
.page-policy .contents .message-01 .unit .txt p a {
text-decoration: underline;
}
.page-policy .contents .message-01 .unit .txt p a:hover {
text-decoration: none;
}
.page-policy .contents .message-01 .unit .photo {
width: 100%;
margin: 0 auto 0;
position: static;
}
.page-policy .contents .message-01 .box {
padding: 0;
}
.page-policy .contents .message-01 .box .photo-box {
position: relative;
}
.page-policy .contents .message-01 .box .name-box {
display: inline-block;
width: 194px;
height: 60px;
margin: 10px auto 0;
background-color: rgba(255, 255, 255, 0.84);
position: absolute;
top: 50%;
right: 0;
}
.page-policy .contents .message-01 .box .name-box p,
.page-policy .contents .message-01 .box .name-box h3 {
display: inline-block;
padding: 0 0 0 10px;
}
.page-policy .contents .message-01 .box .name-box p {
margin: 8px auto 0;
font-size: 12px;
font-size: 1.2rem;
}
.page-policy .contents .message-01 .box .name-box h3 {
margin: 0 auto 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.page-policy .contents .message-01 .box .name-box h3 span {
font-size: 10px;
font-size: 1.0rem;
}
.page-policy .contents .message-01 .box .sub-ttl {
font-size: 18px;
font-size: 1.8rem;
}
.page-policy .contents .message-02 {
width: 100%;
padding: 0 0;
}
.page-policy .contents .message-02 .unit {
padding: 20px 0;
}
.page-policy .contents .message-02 .unit p {
text-align: justify;
}
.page-policy .contents .writer {
width: 100%;
margin: 0 auto 30px;
padding: 0 20px 40px;
font-size: 12px;
font-size: 1.2rem;
}
}