line.scss
#page_linecontact {
max-width: 770px;
margin: 4% auto 0;
overflow-x: hidden;
a {
display: block;
}
.linecontact-btn {
max-width: 450px;
margin: 0 auto;
@media screen and (max-width: 767px) {
max-width: 300px;
width: 80%;
}
}
h3 {
@media screen and (max-width: 767px) {
max-width: 300px;
margin: 0 auto;
width: 80%;
min-width: 200px;
}
}
.display_sp {
display: none;
@media screen and (max-width: 767px) {
display: block;
}
}
.line-btn{
a{
max-width: 450px;
width: 100%;
margin: 0 auto;
}
}
}
#page_linecontact .width-730 {
max-width: 770px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
}
@media screen and (max-width:1024px) {
#page_linecontact .width-730 {
padding: 0 2%;
}
}
@media screen and (max-width:767px) {
#page_linecontact .width-730 {
padding: 0 4%;
}
}
#page_linecontact img {
display: block;
margin: 0 auto;
}
/*section002*/
#page_linecontact .section002 {
padding: 50px 0;
}
@media screen and (max-width:1024px) {
#page_linecontact .section002 {
padding: 5% 0;
}
}
/*section004*/
#page_linecontact .section004 {
padding: 50px 0 0;
}
#page_linecontact .section004__inner p {
margin: 0 auto 20px;
font-size: 1.8rem;
line-height: 2em;
max-width: 650px;
}
#page_linecontact .section004__inner h3 {
margin: 0 0 30px;
}
@media screen and (max-width:1024px) {
#page_linecontact .section004 {
padding: 5% 0 0;
}
#page_linecontact .section004__inner p {
margin: 0 auto 2%;
max-width: 540px;
font-size: 1.6rem;
}
#page_linecontact .section004__inner h3 {
margin: 0 auto 3%;
width: 60%;
}
}
@media screen and (max-width:767px) {
#page_linecontact .section004__inner p {
font-size: 1.4rem;
text-align: center;
}
}
@media screen and (max-width:540px) {
#page_linecontact .section004__inner p {
font-size: 1.3rem;
}
}
/*section006*/
#page_linecontact .section006 {
margin-top: 50px;
background-color: #393939;
background-image: linear-gradient(-90deg, #313131 70%, transparent 50%);
background-size: 12px 14px;
width: 100%;
max-width: 770px;
height: auto;
}
#page_linecontact .section006__inner {
padding: 50px;
}
#page_linecontact .section006__inner .bottom {
padding-bottom: 50px;
}
#page_linecontact .section006__inner div {
margin: 0 0 20px;
}
#page_linecontact .section006__inner div:last-of-type {
margin: 0;
}
@media screen and (max-width:1024px) {
#page_linecontact .section006 {
margin-top: 5%;
}
#page_linecontact .section006__inner {
padding: 5%;
}
#page_linecontact .section006__inner .bottom {
padding-bottom: 5%;
}
#page_linecontact .section006__inner div {
margin: 0 0 2%;
}
}
/*section007*/
#page_linecontact .section007__inner .sec007-ttl {
padding: 50px;
box-sizing: border-box;
}
#page_linecontact .section007__inner .bottom {
padding-bottom: 50px;
}
@media screen and (max-width:1024px) {
#page_linecontact .section007__inner .sec007-ttl {
padding: 5%;
}
#page_linecontact .section007__inner .bottom {
padding-bottom: 5%;
}
}
/*section009*/
#page_linecontact .section009 {
margin-top: 50px;
background: #f5f5f5;
width: 100%;
max-width: 770px;
height: auto;
}
#page_linecontact .section009__inner {
margin-bottom: 50px;
padding: 50px;
}
#page_linecontact .section009__inner .bottom {
padding-bottom: 50px;
}
#page_linecontact .section009__inner div {
margin: 0 0 20px;
}
#page_linecontact .section009__inner div:last-of-type {
margin: 0;
}
@media screen and (max-width:1024px) {
#page_linecontact .section009 {
margin-top: 5%;
}
#page_linecontact .section009__inner {
margin-bottom: 5%;
padding: 5%;
}
#page_linecontact .section009__inner .bottom {
padding-bottom: 5%;
}
#page_line .section009__inner div {
margin: 0 0 2%;
}
}
/*section010*/
#page_line .section010__inner .bottom {
padding-bottom: 50px !important;
}
@media screen and (max-width:1024px) {
#page_line .section010__inner .bottom {
padding-bottom: 5%;
}
}