html { scroll-behavior: smooth;}
@media screen and (min-width: 769px), print {
a[href^=tel] {
pointer-events: none;
text-decoration: none;
cursor: default !important;
}
.show_sp {
display: none !important;
}
.container {
/* min-width: 1300px; */
overflow: hidden;
}
.row {
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.inner {
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
body {
background-color: #fff;
padding-top: 0px;
padding-bottom: 180px;
}
body main p {
line-height: 1.7;
font-size: 20px;
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
-moz-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.hvz {
overflow: hidden;
}
.hvz figure {
overflow: hidden;
}
.hvz img {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-moz-transition: transform 0.3s, -moz-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}
.hvz:hover {
opacity: 1;
}
.hvz:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
.header {
position: fixed;
top: 0;
left: 0;
min-width: 1300px;
width: 100%;
height: 88px;
z-index: 99;
}
.header a img {
width: 130px;
margin-top: 10px;
margin-left: 10px;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
/* min-width: 1300px; */
width: 100%;
background-color: #ecf4ee;
padding: 15px 0;
z-index: 99;
}
.footer .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.footer .row > p {
width: -webkit-calc(100% - 655px);
width: -moz-calc(100% - 655px);
width: calc(100% - 655px);
font-weight: 500;
font-size: 13.3px;
line-height: 21px;
margin-top: 8px;
}
.footer .row > p img {
width: 35px;
margin-right: 5px;
vertical-align: -3px;
}
.footer .row .f_contact {
width: 1400px;
padding-left: 20px;
}
.footer .row .f_contact > p {
color: #000000;
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
letter-spacing: 0.05em;
}
.footer .row .f_contact ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.footer .row .f_contact ul li:nth-of-type(1) {
margin-right: 20px;
}
.footer .row .f_contact ul li:nth-of-type(1) a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 600px;
height: 59px;
background-color: #2DB82D;
font-weight: 700;
font-size: 18px;
position: relative;
letter-spacing: 0.05em;
border-radius: 30px;
}
.footer .row .f_contact ul li:nth-of-type(1) a::before {
content: "";
width: 24px;
height: 17px;
background: url(../img/ic_mail.png) center/contain no-repeat;
display: block;
margin-right: 15px;
}
.footer .row .f_contact ul li:nth-of-type(2) p {
font-size: 14px;
padding-left: 37px;
}
.footer .row .f_contact ul li:nth-of-type(2) a {
font-size: 33px;
font-family: 'Anton', sans-serif;
line-height: 1;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.075em;
}
.footer .row .f_contact ul li:nth-of-type(2) a::before {
content: "";
width: 27px;
height: 27px;
background: url(../img/ic_phone.png) center/contain no-repeat;
display: block;
margin-right: 10px;
}
.mv {
margin-bottom: 50px;
margin-top: -100px;
position: relative;
}
.mv > picture img {
display: block;
width: 100%;
height: auto;
}
.mv_txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding-top: 9.61538%;
}
.mv_txt h2 {
font-size: 94px;
font-weight: 700;
color: #da0300;
letter-spacing: 0.025em;
}
.mv_txt h3 {
text-indent: -40px;
margin-top: -40px;
}
.block_twocol.rv .row picture {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.block_twocol.rv .row .txt {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0;
}
.block_twocol.rv .row .txt h2 {
text-indent: -80px;
}
.block_twocol.rv .row .txt p, .block_twocol.rv .row .txt h3 {
padding-left: 150px;
}
.block_twocol.st2 {
margin-top: -90px;
}
.block_twocol.st2 .row picture {
width: 760px;
margin-left: -260px;
}
.block_twocol .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_twocol .row picture {
width: 560px;
}
.block_twocol .row .txt {
width: -webkit-calc(100% - 560px);
width: -moz-calc(100% - 560px);
width: calc(100% - 560px);
padding-left: 62px;
}
.block_twocol .row .txt h2 {
color: #080808;
font-size: 115px;
font-weight: 400;
font-family: 'Anton', sans-serif;
line-height: 1;
white-space: nowrap;
}
.block_twocol .row .txt h3 {
font-weight: 700;
font-size: 30px;
margin-top: -35px;
padding-left: 35px;
}
.block_twocol .row .txt p {
padding-left: 35px;
}
.line_up {
margin-top: 200px;
}
.line_up h2 {
text-align: center;
margin-bottom: 43px;
}
.line_up h2 span {
font-family: 'Khand', sans-serif;
font-weight: 600;
font-size: 90px;
line-height: 1;
position: relative;
}
.line_up h2 span::before {
content: "";
position: absolute;
top: 20px;
left: -40px;
width: 2px;
height: 34px;
background: #fff;
display: block;
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}
.line_up h2 span::after {
content: "";
position: absolute;
right: -42px;
bottom: 33px;
width: 2px;
height: 34px;
background: #fff;
display: block;
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}
.line_up h2 small {
display: block;
font-weight: 700;
font-size: 18px;
}
.line_up ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-left: -18px;
margin-right: -18px;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.line_up ul li {
max-width: 298px;
width: calc(25% - 36px);
margin-top: 22px;
margin-bottom: 22px;
margin-left: 18px;
margin-right: 18px;
}
.line_up ul li:not(:nth-child(4n)) {
/* margin-right: 36px; */
}
.line_up ul li a {
display: block;
text-align: center;
}
.line_up ul li a h3 {
font-size: 17px;
line-height: 26px;
margin: 18px 0 22px;
}
.line_up ul li a span {
min-width: 190px;
background-color: #ac0f0c;
-moz-border-radius: 17px;
border-radius: 17px;
display: inline-block;
padding: 3px 10px;
}
.how_to_choose {
padding-top: 270px;
position: relative;
}
.how_to_choose::before {
content: "";
position: absolute;
top: 0;
left: -webkit-calc(50% + 65px);
left: -moz-calc(50% + 65px);
left: calc(50% + 65px);
width: 899px;
height: 752px;
background: url(../img/how_to_choose_bg1_pc.png) center/contain no-repeat;
display: block;
}
.how_to_choose::after {
content: "";
position: absolute;
bottom: 0;
right: -webkit-calc(50% + 110px);
right: -moz-calc(50% + 110px);
right: calc(50% + 110px);
width: 847px;
height: 1281px;
background: url(../img/how_to_choose_bg2_pc.png) center/contain no-repeat;
display: block;
}
.how_to_choose h2 {
text-align: center;
margin-bottom: 130px;
position: relative;
z-index: 1;
}
.how_to_choose h2 span {
display: block;
line-height: 1;
color: #da0300;
font-weight: 400;
font-size: 90px;
font-family: 'Anton', sans-serif;
}
.how_to_choose h2 small {
font-size: 36px;
font-weight: 700;
}
.how_to_choose .htc_top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 80px;
position: relative;
z-index: 1;
}
.how_to_choose .htc_top .htc_top_l {
width: -webkit-calc(100% - 736px);
width: -moz-calc(100% - 736px);
width: calc(100% - 736px);
padding-right: 70px;
}
.how_to_choose .htc_top .htc_top_l dl:not(:last-child) {
margin-bottom: 30px;
}
.how_to_choose .htc_top .htc_top_l dl dt {
color: #da0300;
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
}
.how_to_choose .htc_top .htc_top_l dl dd {
font-size: 18px;
line-height: 30px;
}
.how_to_choose .htc_top .htc_top_r {
width: 736px;
}
.how_to_choose .htc_top .htc_top_r h3 {
text-align: center;
font-size: 28px;
font-weight: 700;
margin-bottom: 40px;
}
.how_to_choose .htc_bot {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
}
.how_to_choose .htc_bot .htc_bot_it {
background-color: rgba(43, 43, 43, 0.9);
width: 405px;
padding: 35px 30px 55px;
text-align: center;
}
.how_to_choose .htc_bot .htc_bot_it:not(:last-child) {
margin-right: 42.5px;
}
.how_to_choose .htc_bot .htc_bot_it h3 {
color: #da0300;
font-size: 28px;
font-weight: 700;
margin-bottom: 25px;
}
.how_to_choose .htc_bot .htc_bot_it .box_gr {
margin: 35px 0 56px;
background-color: #3a3a3a;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
text-align: left;
}
.how_to_choose .htc_bot .htc_bot_it .box_gr ul li {
font-size: 20px;
line-height: 36px;
}
.customer {
padding: 30px 0 30px;
background-color: #f6f7f9;
}
.customer h2 {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-top: 40px;
}
.customer h2 + p {
text-align: center;
font-size: 18px;
line-height: 33px;
}
.customer ul {
margin-top: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 50px 50px;
}
.customer ul li {
max-width: 569px;
width: 47.42%;
}
.customer ul li h3 {
color: #ac1e36;
font-weight: 700;
font-size: 24px;
margin: 10px 0px 20px;
}
.customer ul li p {
font-size: 17px;
line-height: 26px;
margin-bottom: 25px;
}
.customer3 {
padding: 30px 0 30px;
background-color: #f6f7f9;
}
.customer3 h2 {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-top: 40px;
}
.customer3 h2 + p {
text-align: center;
font-size: 18px;
line-height: 33px;
}
.customer3 ul {
margin-top: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 50px 50px;
}
.customer3 ul li {
max-width: 569px;
width: 47.42%;
}
.customer3 ul li h3 {
color: #666666;
font-weight: 700;
font-size: 24px;
margin: 10px 0px 20px;
}
.customer3 ul li p {
font-size: 17px;
line-height: 26px;
margin-bottom: 25px;
}
.customer4 {
padding: 30px 0 30px;
background-color: #ffffff;
}
.customer4 h2 {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-top: 40px;
}
.customer4 h2 + p {
text-align: center;
font-size: 18px;
line-height: 33px;
}
.customer4 ul {
margin-top: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 50px 50px;
}
.customer4 ul li {
max-width: 569px;
width: 47.42%;
}
.customer4 ul li h3 {
color: #ac1e36;
font-weight: 700;
font-size: 24px;
margin: 10px 0px 20px;
}
.customer4 ul li p {
font-size: 17px;
line-height: 26px;
margin-bottom: 25px;
}
.p_product .visual {
padding: 220px 0 20px;
height: 400px;
background-image: url(https://www.techno-tools.co.jp/lamello/cabineo/img/cabineo_bg.webp);
background-attachment: fixed;
background-size: 100%;
}
.p_product .visual .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p_product .visual picture {
width: 559px;
}
.p_product .visual .txt {
width: -webkit-calc(100% - 379px);
width: -moz-calc(100% - 379px);
width: calc(100% - 379px);
}
.p_product .visual .txt h2 {
color: #ac1e36;
font-size: 65px;
line-height: 40px;
font-weight: 800;
text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
-2px 2px 0 #fff, 2px -2px 0 #fff,
0px 2px 0 #fff, 0-2px 0 #fff,
-2px 0 0 #fff, 2px 0 0 #fff;
}
.p_product .visual .txt h3 {
font-weight: 700;
margin-bottom: 25px;
margin-left: 12px;
font-size: 23px;
line-height: 30px;
color: #ac1e36;
text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
-2px 2px 0 #fff, 2px -2px 0 #fff,
0px 2px 0 #fff, 0-2px 0 #fff,
-2px 0 0 #fff, 2px 0 0 #fff;
}
.p_product .power {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 80px 100px 80px;
text-align: left;
}
.p_product .power h2 {
font-size: 55px;
font-weight: 900;
margin-bottom: 40px;
}
.p_product .power p {
font-size: 22px;
line-height: 42px;
font-weight: 300;
margin-bottom: 1px;
}
.p_product .power3 {
background-color: #ffffff;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 50px 100px 50px;
text-align: left;
}
.p_product .power3 h2 {
font-size: 55px;
font-weight: 900;
margin-bottom: 40px;
}
.p_product .power3 p {
font-size: 20px;
line-height: 48px;
font-weight: 300;
margin-bottom: 1px;
}
.p_product .power4 {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 90px 100px 90px;
text-align: center;
}
.p_product .power4 h2 {
font-size: 55px;
font-weight: 900;
margin-bottom: 40px;
}
.p_product .power4 p {
font-size: 24px;
line-height: 48px;
font-weight: 300;
margin-bottom: 85px;
}
.p_product .power2 {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 10px 100px 80px;
text-align: center;
}
.p_product .power2 h2 {
font-size: 55px;
font-weight: 900;
margin-bottom: 40px;
}
.p_product .power2 p {
font-size: 24px;
line-height: 48px;
font-weight: 300;
margin-bottom: 85px;
}
.p_product .new_structure {
background-color: #ffffff;
padding: 70px 0 80px;
text-align: center;
}
.p_product .new_structure h2 {
font-size: 45px;
line-height: 72px;
font-weight: 700;
}
.p_product .new_structure p {
font-size: 24px;
line-height: 43px;
font-weight: 700;
}
.p_product ul.list_check li {
position: relative;
padding-left: 40px;
font-size: 20px;
line-height: 34px;
font-weight: 700;
}
.p_product ul.list_check li:not(:last-child) {
margin-bottom: 30px;
}
.p_product ul.list_check li::before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 28px;
height: 22px;
background: url(../img/product/ic_check.png) center/contain no-repeat;
display: block;
}
.p_product .new_structure_bd {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.p_product .new_structure_bd .block_l {
width: 610px;
}
.p_product .new_structure_bd .block_r {
width: -webkit-calc(100% - 610px);
width: -moz-calc(100% - 610px);
width: calc(100% - 610px);
padding-left: 90px;
}
.p_product .new_structure_bd .block_r ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.p_product .new_structure_bd .block_r ul li {
text-align: center;
}
.p_product .new_structure_bd .block_r ul li p {
margin-top: 22px;
font-size: 18px;
margin-bottom: 0;
}
.p_product .new_structure_bd .block_r ul li:nth-of-type(1) {
margin-right: 80px;
}
.p_product .product {
background-color: #fcfcfd;
padding: 95px 0 120px;
}
.p_product .product.st2 {
background-color: #f6f7f9;
}
.p_product .product.st2 .row figure {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.p_product .product.st2 .row .txt {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 90px;
padding-left: 0;
padding-top: 10px;
}
.p_product .product.first {
padding-top: 215px;
}
.p_product .product.st3, .p_product .product.st4 {
background-color: #000;
}
.p_product .product.st3 {
padding-bottom: 0;
}
.p_product .product.st4 {
padding-bottom: 0;
}
.p_product .product.st4 .row .txt {
padding-top: 50px;
}
.p_product .product.last {
padding-bottom: 293px;
}
.p_product .product .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.p_product .product .row figure {
width: 571px;
}
.p_product .product .row .txt {
width: -webkit-calc(100% - 571px);
width: -moz-calc(100% - 571px);
width: calc(100% - 571px);
padding-left: 75px;
padding-top: 10px;
padding-right: 70px;
}
.p_product .product .row .txt h2 {
font-size: 40px;
line-height: 64px;
font-weight: 700;
margin-bottom: 40px;
color: #3e5058;
}
.p_product .specifications {
background-color: #f6f7f9;
padding: 70px 0 10px;
}
.p_product .specifications h2 {
text-align: center;
font-size: 38px;
font-weight: 700;
margin-bottom: 60px;
}
.p_product .specifications .tb {
width: 1120px;
margin: 0 auto;
background-color: #fff;
}
.p_product .specifications .tb table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.p_product .specifications .tb table tr:nth-child(even) {
background-color: #ebecee;
}
.p_product .specifications .tb table td:nth-of-type(1) {
width: 400px;
font-size: 20px;
font-weight: 700;
padding: 10px 20px;
}
.p_product .specifications .tb table td:nth-of-type(2) {
width: 400px;
font-size: 18px;
font-weight: 700;
padding: 10px 20px 10px 0;
}
.p_product .customer {
padding-bottom: 0;
}
.p_product .customer3 {
padding-bottom: 0;
}
.p_product .customer4 {
padding-bottom: 0;
}
.gototop {
width: 600px;
height: 70px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: 650;
font-size: 18px;
margin: 40px auto 30px;
border-radius: 15px;
}
.gototop img {
margin-right: 8px;
margin-left: -10px;
width: 40px;
}
.gototop2 {
width: 600px;
height: 70px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0776bc;
font-weight: 650;
font-size: 18px;
margin: 40px auto 30px;
}
.gototop2 img {
margin-right: 12px;
}
.gototop3 {
position: fixed;
z-index: 100;
top: -30px;
right: 10px;
width: 300px;
height: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: normal;
font-size: 16px;
margin: 40px auto 30px;
border-radius: 10px;
}
.gototop3 img {
margin-right: 8px;
margin-left: -10px;
width: 40px;
}
.gototop4 {
width: 300px;
height: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: normal;
font-size: 16px;
margin: 10px auto 10px;
border-radius: 10px;
}
.gototop4 img {
margin-right: 8px;
margin-left: -10px;
width: 40px;
}
.gototop5 {
width: 600px;
height: 70px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #2DB82D;
font-weight: 650;
font-size: 18px;
margin: 40px auto 30px;
border-radius: 40px;
}
.gototop5 img {
margin-right: 12px;
}
.gototop10 {
width: 300px;
height: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #666666;
font-weight: normal;
font-size: 16px;
margin: 10px auto 10px;
border-radius: 10px;
}
.gototop10 img {
margin-right: 8px;
margin-left: -10px;
width: 40px;
}
.p_contact {
padding-top: 160px;
margin-top: -100px;
}
.p_contact h2 {
text-align: center;
margin-bottom: 80px;
}
.p_contact h2 span {
font-family: 'Khand', sans-serif;
font-weight: 600;
font-size: 90px;
display: block;
line-height: 1;
}
.p_contact h2 small {
font-size: 18px;
font-weight: 700;
}
.p_contact p.extra {
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
img {
width: 100%;
height: auto;
}
.container {
overflow: hidden;
}
.show_pc {
display: none !important;
}
.inner, .row {
padding-left: 7.33333vw;
padding-right: 7.33333vw;
}
body {
padding-top: 0vw;
padding-bottom: 24vw;
background-color: #fff;
}
body p {
font-size: 4.3vw;
line-height: 7.0vw;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 11.73333vw;
z-index: 99;
}
.header a img {
width: 20vw;
margin-top: 2.3vw;
margin-left: 2.3vw;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #ecf4ee;
padding: 2.66667vw;
z-index: 99;
padding-bottom: 1.33333vw;
}
.footer .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.footer .row > p {
width: 62.93333vw;
font-weight: 300;
font-size: 3.6vw;
line-height: 4.9vw;
}
.footer .row > p img {
width: 7.8vw;
margin-right: 1vw;
vertical-align: -0.3vw;
}
.footer .row .f_contact {
width: -webkit-calc(100% - 62.93333vw);
width: -moz-calc(100% - 62.93333vw);
width: calc(100% - 62.93333vw);
padding-left: 2.66667vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .row .f_contact > p {
color: #000000;
font-weight: 700;
font-size: 2.9vw;
margin-left: -45.33333vw;
margin-top: 11.7vw;
letter-spacing: 0.05em;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer .row .f_contact ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer .row .f_contact ul li:nth-of-type(1) {
margin-right: 2vw;
}
.footer .row .f_contact ul li:nth-of-type(1) a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 13.46667vw;
height: 13.46667vw;
background-color: #2DB82D;
font-weight: 700;
font-size: 0;
position: relative;
letter-spacing: 0.05em;
text-indent: -9999px;
-moz-border-radius: 50%;
border-radius: 50%;
}
.footer .row .f_contact ul li:nth-of-type(1) a::before {
content: "";
width: 8vw;
height: 5.6vw;
background: url(../img/ic_mail_sp.png) center/contain no-repeat;
display: block;
}
.footer .row .f_contact ul li:nth-of-type(2) p {
font-size: 1.86667vw;
padding-left: 4.93333vw;
}
.footer .row .f_contact ul li:nth-of-type(2) a {
font-size: 0;
font-family: 'Anton', sans-serif;
line-height: 1;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0.075em;
width: 13.46667vw;
height: 13.46667vw;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #2DB82D;
}
.footer .row .f_contact ul li:nth-of-type(2) a::before {
content: "";
width: 8vw;
height: 8vw;
background: url(../img/ic_phone_sp.png) center/contain no-repeat;
display: block;
}
.mv {
margin-bottom: 2.66667vw;
}
.mv > picture img {
display: block;
width: 100%;
height: auto;
}
.mv_txt {
padding-top: 12vw;
}
.mv_txt h2 {
font-size: 13.33333vw;
font-weight: 700;
color: #da0300;
letter-spacing: 0.025em;
}
.mv_txt h3 {
margin-top: -5.33333vw;
}
.block_twocol {
margin-bottom: 7.33333vw;
}
.block_twocol .row .txt h2 {
color: #080808;
font-size: 15.33333vw;
font-weight: 400;
font-family: 'Anton', sans-serif;
line-height: 1;
white-space: nowrap;
margin-top: 2vw;
}
.block_twocol .row .txt h3 {
font-weight: 700;
font-size: 5.33333vw;
margin-top: -4.66667vw;
}
.line_up {
margin-top: 13.33333vw;
margin-bottom: -20vw;
position: relative;
z-index: 1;
}
.line_up h2 {
text-align: center;
margin-bottom: 9.06667vw;
}
.line_up h2 span {
font-family: 'Khand', sans-serif;
font-weight: 600;
font-size: 16vw;
line-height: 1;
position: relative;
}
.line_up h2 span::before {
content: "";
position: absolute;
top: 2.66667vw;
left: -5.33333vw;
width: 0.26667vw;
height: 4.53333vw;
background: #fff;
display: block;
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}
.line_up h2 span::after {
content: "";
position: absolute;
right: -5.6vw;
bottom: 4.4vw;
width: 0.26667vw;
height: 4.53333vw;
background: #fff;
display: block;
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
transform: rotate(-80deg);
}
.line_up h2 small {
display: block;
font-weight: 700;
font-size: 3.2vw;
}
.line_up ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.line_up ul li {
width: 39.73333vw;
margin-bottom: 9.06667vw;
}
.line_up ul li a {
display: block;
text-align: center;
}
.line_up ul li a h3 {
font-size: 3.46667vw;
line-height: 5.06667vw;
margin: 3.33333vw 0 4vw;
}
.line_up ul li a span {
min-width: 37.86667vw;
background-color: #ac0f0c;
-moz-border-radius: 4.66667vw;
border-radius: 4.66667vw;
display: inline-block;
padding: 0.4vw 1.33333vw;
font-size: 3.46667vw;
}
.how_to_choose {
padding-top: 47.33333vw;
position: relative;
}
.how_to_choose::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 66vw;
height: 64.4vw;
background: url(../img/how_to_choose_bg1_sp.png) center/contain no-repeat;
display: block;
}
.how_to_choose h2 {
text-align: center;
margin-bottom: 12vw;
position: relative;
z-index: 1;
}
.how_to_choose h2 span {
display: block;
line-height: 1;
color: #da0300;
font-weight: 400;
font-size: 12vw;
font-family: 'Anton', sans-serif;
margin-bottom: 2vw;
}
.how_to_choose h2 small {
font-size: 4.8vw;
font-weight: 700;
}
.how_to_choose .htc_top {
margin-bottom: 14.66667vw;
position: relative;
z-index: 1;
}
.how_to_choose .htc_top .htc_top_l {
position: relative;
margin-bottom: 17.33333vw;
}
.how_to_choose .htc_top .htc_top_l::after {
content: "";
position: absolute;
top: 52vw;
left: -7.33333vw;
width: 64.8vw;
height: 160.93333vw;
background: url(../img/how_to_choose_bg2_sp.png) center/contain no-repeat;
display: block;
}
.how_to_choose .htc_top .htc_top_l dl {
position: relative;
z-index: 1;
}
.how_to_choose .htc_top .htc_top_l dl:not(:last-child) {
margin-bottom: 6.66667vw;
}
.how_to_choose .htc_top .htc_top_l dl dt {
color: #da0300;
font-size: 4.8vw;
font-weight: 700;
margin-bottom: 1.33333vw;
}
.how_to_choose .htc_top .htc_top_l dl dd {
font-size: 3.46667vw;
line-height: 5.86667vw;
}
.how_to_choose .htc_top .htc_top_r {
margin-left: -2.66667vw;
margin-right: -2.66667vw;
}
.how_to_choose .htc_top .htc_top_r h3 {
text-align: center;
font-size: 5.33333vw;
line-height: 7.2vw;
font-weight: 700;
margin-bottom: 5.33333vw;
}
.how_to_choose .htc_bot {
margin-left: -1.33333vw;
margin-right: -1.33333vw;
position: relative;
z-index: 1;
}
.how_to_choose .htc_bot .htc_bot_it {
background-color: rgba(43, 43, 43, 0.9);
padding: 8.66667vw 8vw 7.33333vw;
text-align: center;
margin-bottom: 9.73333vw;
}
.how_to_choose .htc_bot .htc_bot_it h3 {
color: #da0300;
font-size: 6.13333vw;
font-weight: 700;
margin-bottom: 6vw;
}
.how_to_choose .htc_bot .htc_bot_it .fig1 {
display: inline-block;
width: 51.46667vw;
}
.how_to_choose .htc_bot .htc_bot_it .box_gr {
margin: 6.66667vw 0 7.46667vw;
background-color: #3a3a3a;
-moz-border-radius: 1.33333vw;
border-radius: 1.33333vw;
padding: 4vw;
text-align: left;
}
.how_to_choose .htc_bot .htc_bot_it .box_gr ul li {
font-size: 4vw;
line-height: 7.73333vw;
}
.customer {
margin-top: 0vw;
padding: 4vw 0 4vw;
background-color: #f6f7f9;
}
.customer h2 {
text-align: center;
font-size: 4.8vw;
font-weight: 700;
margin-bottom: 5.33333vw;
}
.customer h2 + p {
font-size: 4.2vw;
line-height: 7.0vw;
}
.customer ul {
margin-top: 7.33333vw;
}
.customer ul li {
margin-bottom: 11.33333vw;
}
.customer ul li h3 {
color: #ac1e36;
font-weight: 700;
font-size: 4.8vw;
margin: 4.66667vw 0 3.33333vw;
}
.customer ul li p {
font-size: 4.2vw;
line-height: 7.5vw;
margin-bottom: 2.53333vw;
}
.customer3 {
margin-top: 0vw;
padding: 4vw 0 4vw;
background-color: #f6f7f9;
}
.customer3 h2 {
text-align: center;
font-size: 4.8vw;
font-weight: 700;
margin-bottom: 5.33333vw;
}
.customer3 h2 + p {
font-size: 4.2vw;
line-height: 7.0vw;
}
.customer3 ul {
margin-top: 7.33333vw;
}
.customer3 ul li {
margin-bottom: 11.33333vw;
}
.customer3 ul li h3 {
color: #666666;
font-weight: 700;
font-size: 4.8vw;
margin: 4.66667vw 0 3.33333vw;
}
.customer3 ul li p {
font-size: 4.2vw;
line-height: 7.5vw;
margin-bottom: 2.53333vw;
}
.customer4 {
margin-top: 0vw;
padding: 4vw 0 4vw;
background-color: #fffff;
}
.customer4 h2 {
text-align: center;
font-size: 4.8vw;
font-weight: 700;
margin-bottom: 5.33333vw;
}
.customer4 h2 + p {
font-size: 4.2vw;
line-height: 7.0vw;
}
.customer4 ul {
margin-top: 7.33333vw;
}
.customer4 ul li {
margin-bottom: 11.33333vw;
}
.customer4 ul li h3 {
color: #ac1e36;
font-weight: 700;
font-size: 4.8vw;
margin: 4.66667vw 0 3.33333vw;
}
.customer4 ul li p {
font-size: 4.2vw;
line-height: 7.5vw;
margin-bottom: 2.53333vw;
}
.p_product .visual {
padding: 10.66667vw 0 15.33333vw;
background-image: url(https://www.techno-tools.co.jp/lamello/cabineo/img/cabineo_bgsp.webp);
background-attachment: fixed;
background-size: 100%;
}
.p_product .visual .txt {
margin-bottom: 6.66667vw;
padding: 18vw 0 1vw;
}
.p_product .visual .txt h2 {
color: #ac1e36;
font-size: 10vw;
line-height: 10.66667vw;
font-weight: 950;
text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
-2px 2px 0 #fff, 2px -2px 0 #fff,
0px 2px 0 #fff, 0-2px 0 #fff,
-2px 0 0 #fff, 2px 0 0 #fff;
}
.p_product .visual .txt h3 {
color: #ac1e36;
font-weight: 700;
font-size: 3.5vw;
margin-left: 1.33333vw;
margin-bottom: 2.33333vw;
line-height: 4.33333vw;
text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
-1px 1px 0 #fff, 1px -1px 0 #fff,
0px 1px 0 #fff, 0-1px 0 #fff,
-1px 0 0 #fff, 1px 0 0 #fff;
}
.p_product .power2 {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 1vw 0 10vw;
text-align: center;
}
.p_product .power {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 12vw 0 12vw;
text-align: left;
}
.p_product .power h2 {
font-size: 5.33333vw;
font-weight: 500;
margin-bottom: 5.33333vw;
}
.p_product .power p {
font-size: 3.9vw;
line-height: 6.7vw;
font-weight: 300;
}
.p_product .power .video iframe {
width: 100%;
height: 48.26667vw;
}
.p_product .power3 {
background-color: #ffffff;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 12vw 0 12vw;
text-align: left;
}
.p_product .power3 h2 {
font-size: 5.33333vw;
font-weight: 500;
margin-bottom: 5.33333vw;
}
.p_product .power3 p {
font-size: 3.9vw;
line-height: 6.7vw;
font-weight: 300;
margin-bottom: 2.6vw;
}
.p_product .power3 .video iframe {
width: 100%;
height: 48.26667vw;
}
.p_product .power4 {
background-color: #f6f7f9;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
padding: 12vw 0 12vw;
text-align: center;
}
.p_product .power4 h2 {
font-size: 5.33333vw;
font-weight: 500;
margin-bottom: 5.33333vw;
}
.p_product .power4 p {
font-size: 4.2vw;
line-height: 6.7vw;
font-weight: 300;
margin-bottom: 11.33333vw;
}
.p_product .power4 .video iframe {
width: 100%;
height: 48.26667vw;
}
.p_product .new_structure {
background-color: #fff;
padding: 7vw 0 7vw;
text-align: center;
}
.p_product .new_structure h2 {
font-size: 6vw;
line-height: 9.6vw;
font-weight: 700;
margin-bottom: 4.66667vw;
}
.p_product .new_structure p {
font-size: 4.2vw;
line-height: 7.0vw;
font-weight: 500;
margin-bottom: 1vw;
}
.p_product ul.list_check li {
position: relative;
padding-left: 5.33333vw;
font-size: 2.66667vw;
line-height: 4.53333vw;
font-weight: 700;
}
.p_product ul.list_check li:not(:last-child) {
margin-bottom: 4vw;
}
.p_product ul.list_check li::before {
content: "";
position: absolute;
top: 0.93333vw;
left: 0;
width: 3.73333vw;
height: 2.93333vw;
background: url(../img/product/ic_check.png) center/contain no-repeat;
display: block;
}
.p_product .new_structure_bd {
text-align: left;
}
.p_product .new_structure_bd .block_l {
margin-bottom: 6.66667vw;
}
.p_product .new_structure_bd .block_r ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p_product .new_structure_bd .block_r ul li {
text-align: center;
margin: 0 5.33333vw;
}
.p_product .new_structure_bd .block_r ul li p {
margin-top: 2.93333vw;
font-size: 2.4vw;
margin-bottom: 0;
}
.p_product .product {
background-color: #fcfcfd;
padding: 12.66667vw 0 16vw;
}
.p_product .product.st2 {
background-color: #f6f7f9;
}
.p_product .product.st2 .row figure {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.p_product .product.st2 .row .txt {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: 0vw;
padding-left: 0;
padding-top: 1.33333vw;
}
.p_product .product.first {
padding-top: 13.33333vw;
}
.p_product .product.st3, .p_product .product.st4 {
background-color: #000;
}
.p_product .product.st3 {
padding-bottom: 0;
}
.p_product .product.st4 {
padding-bottom: 0;
}
.p_product .product.last {
padding-bottom: 13.33333vw;
}
.p_product .product .row figure {
margin-bottom: 6.66667vw;
}
.p_product .product .row .txt h2 {
font-size: 5.5vw;
line-height: 8.53333vw;
font-weight: 700;
margin-bottom: 5.33333vw;
color: #3e5058;
}
.p_product .specifications {
background-color: #f6f7f9;
padding: 13.33333vw 0 18.66667vw;
}
.p_product .specifications h2 {
text-align: center;
font-size: 5.06667vw;
font-weight: 700;
margin-bottom: 8vw;
}
.p_product .specifications .tb {
background-color: #fff;
}
.p_product .specifications .tb table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.p_product .specifications .tb table tr:nth-child(even) {
background-color: #ebecee;
}
.p_product .specifications .tb table td:nth-of-type(1) {
width: 50vw;
font-size: 3.9vw;
font-weight: 300;
padding: 1.33333vw 2.66667vw;
}
.p_product .specifications .tb table td:nth-of-type(2) {
width: 53.33333vw;
font-size: 3.9vw;
font-weight: 700;
padding: 1.33333vw 2.66667vw 1.33333vw 0;
}
.p_product .customer {
padding-bottom: 4vw;
}
.p_product .customer .row .video iframe {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.p_product .customer .row .imgx {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.p_product .customer3 {
padding-bottom: 4vw;
}
.p_product .customer3 .row .video iframe {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.p_product .customer3 .row .imgx {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.p_product .customer4 {
padding-bottom: 4vw;
}
.p_product .customer4 .row .video iframe {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.p_product .customer4 .row .imgx {
width: 100%;
height: 48.26667vw;
margin-bottom: 3.66667vw;
}
.gototop {
width: 85.86667vw;
height: 18.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: 600;
font-size: 4.2vw;
margin: 6.73333vw auto 0.13333vw;
border-radius: 3vw;
}
.gototop img {
margin-right: 1.6vw;
width: 8.66667vw;
}
.gototop2 {
width: 85.86667vw;
height: 18.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0776bc;
font-weight: 600;
font-size: 3.3vw;
margin: 6.73333vw auto 30.13333vw;
}
.gototop2 img {
margin-right: 1.6vw;
width: 8.66667vw;
}
.gototop3 {
position: fixed;
top: 2.5vw;
right: 2.5vw;
z-index: 100;
width: 50vw;
height: 7.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: normal;
font-size: 3vw;
padding: 1.53333vw 2.26667vw 1.53333vw;
margin: 0vw auto 0.13333vw;
border-radius: 2vw;
}
.gototop3 img {
margin-right: 1vw;
width: 7.66667vw;
}
.gototop4 {
width: 60vw;
height: 7.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ac1e36;
font-weight: normal;
font-size: 3vw;
padding: 1.53333vw 2.26667vw 1.53333vw;
margin: 0vw auto 0.13333vw;
border-radius: 2vw;
}
.gototop4 img {
margin-right: 1vw;
width: 7.66667vw;
}
.gototop5 {
width: 85.86667vw;
height: 18.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #2DB82D;
font-weight: 600;
font-size: 4.2vw;
margin: 5vw auto 5vw;
padding-right: 1.5vw;
padding-left: 1.5vw;
border-radius: 5vw;
}
.gototop5 img {
margin-right: 1.6vw;
width: 8.66667vw;
}
.gototop10 {
width: 60vw;
height: 7.33333vw;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #666666;
font-weight: normal;
font-size: 3vw;
padding: 1.53333vw 2.26667vw 1.53333vw;
margin: 0vw auto 0.13333vw;
border-radius: 2vw;
}
.gototop10 img {
margin-right: 1vw;
width: 7.66667vw;
}
.p_contact {
padding-top: 13.33333vw;
}
.p_contact h2 {
text-align: center;
margin-bottom: 10.66667vw;
}
.p_contact h2 span {
font-family: 'Khand', sans-serif;
font-weight: 600;
font-size: 12vw;
display: block;
line-height: 1;
}
.p_contact h2 small {
font-size: 2.4vw;
font-weight: 700;
}
.p_contact p.extra {
margin-bottom: 4vw;
}
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
.row {
padding-left: 15px;
padding-right: 15px;
}
}