.page-welcome .contents .advice .section {
border-bottom: none;
padding-bottom: 14px;
}
.page-welcome .contents .advice .section:last-child {
padding-bottom: 0;
margin: 0 auto 0;
}
.page-welcome .contents .advice .section:last-child .txt-area {
margin-bottom: 0px;
}
.page-welcome .contents .advice .section .accent-list {
margin-bottom: 46px;
}
.page-welcome .contents .advice .section .txt-area {
margin-bottom: 46px;
}
.page-welcome .contents .message {
width: 100%;
padding: 100px 0 0;
margin: 0 auto 0;
background-repeat: no-repeat;
background-size: auto 430px;
background-position: 0 100%;
border-bottom: none;
position: relative;
}
.page-welcome .contents .message:before {
content: "";
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 660px;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(96%, white), to(white));
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 60%, white 96%, white);
}
.page-welcome .contents .message .unit {
width: 970px;
padding: 0 0 58px;
margin: 0 auto 0;
position: relative;
}
.page-welcome .contents .message .unit .photo {
width: 420px;
margin: 0;
position: absolute;
bottom: 0;
}
.page-welcome .contents .message .box {
padding: 0 0 0 478px;
position: relative;
top: 32px;
}
.page-welcome .contents .message h4 {
margin: 0 auto 32px;
color: #202020;
font-size: 22px;
font-size: 2.2rem;
font-weight: bold;
}
.page-welcome .contents .message .name {
padding: 0 0 4px 24px;
margin: 0 auto 16px;
color: #333;
font-size: 10px;
font-size: 1.0rem;
background-image: url(//www.attic-bike.com/welcome/img/icon-02.png);
background-repeat: no-repeat;
background-size: 18px auto;
}
.page-welcome .contents .message .txt p {
margin: 0 auto 20px;
}
.page-welcome .contents .message .txt p:last-child {
margin: 0 auto 0;
}
.page-welcome .contents .message .txt p a {
text-decoration: underline;
}
.page-welcome .contents .message .txt p a:hover {
text-decoration: none;
}
.page-welcome .contents .gray p:last-child {
margin: 0 auto 12px;
}
.page-welcome .contents .aside {
margin: 0 auto 120px;
}
.page-welcome .contents .aside .unit {
width: 820px;
padding: 80px 0;
margin: 0 auto 0;
}
.page-welcome .contents .aside .box {
margin: 0 auto 40px;
}
.page-welcome .contents .aside .box:last-child {
margin: 0 auto 0;
}
@media screen and (max-width: 999px) {
.page-welcome .contents h3 {
margin-top: 40px;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
border-left: 8px solid #186ABD !important;
font-weight: bold;
font-size: 1.8rem;
line-height: 1.2;
}
.page-welcome .contents .advice .section {
border-bottom: none;
}
.page-welcome .contents .advice .section:last-child {
padding-bottom: 0;
margin: 0 auto 0;
}
.page-welcome .contents .advice .section h4 {
padding: 16px 20px 14px;
margin: 40px auto 24px;
font-size: 16px;
font-size: 1.6rem !important;
border-left: none;
background-color: #FBFBFB;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.27);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.27);
}
.page-welcome .contents .message {
width: 100%;
padding: 0 0 0;
margin: 50px auto 0;
background-repeat: no-repeat;
background-size: 100vw auto;
background-position: center 0;
border-bottom: none;
position: relative;
}
.page-welcome .contents .message:before {
display: none;
}
.page-welcome .contents .message .photo {
width: 100%;
margin: 0 auto 32px;
background-repeat: repeat-x;
background-size: auto 100px;
background-position: 0 100%;
}
.page-welcome .contents .message .photo:before {
display: none;
}
.page-welcome .contents .message .photo p {
width: 58vw;
margin: 0 auto;
position: relative;
z-index: 100;
top: -4.3vw;
}
.page-welcome .contents .message .unit {
width: 100%;
padding: 0 0 40px;
margin: 0 auto 0;
position: relative;
overflow-x: hidden !important;
}
.page-welcome .contents .message .unit h4 {
padding: 0 20px;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.page-welcome .contents .message .unit .photo {
display: none;
}
.page-welcome .contents .message .box {
padding: 0 0;
position: static;
top: 0;
}
.page-welcome .contents .message h4 {
padding: 16px 20px 14px;
margin: 0 auto 24px;
font-size: 16px;
font-size: 1.6rem;
border-left: none;
background-color: #FBFBFB;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.27);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.27);
}
.page-welcome .contents .message .name {
font-size: 12px;
font-size: 1.2rem;
}
.page-welcome .contents .message .txt p a:hover {
text-decoration: underline;
}
.page-welcome .contents .aside {
margin: 0 auto 40px;
}
.page-welcome .contents .aside .unit {
width: 100%;
padding: 80px 20px;
margin: 0 auto 0;
}
.page-welcome .contents .aside .box {
padding: 0 0 20px;
margin: 0 auto 20px;
border-bottom: 1px solid #dadada;
}
.page-welcome .contents .aside .box:last-child {
padding: 0 0 0;
margin: 0 auto 0;
border-bottom: none;
}
.article .sub-visual .lead p {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
}
.article .contents .unit p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
}
.article .contents .section-lead h4 {
font-size: 1.8rem !important;
}
.article .contents .section-lead p {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
}
.article .contents .accent-list dd {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
}
.article .contents .txt-area p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
}
}