/* footer1 section-start */ #footer1 { padding-top: 64px; padding-right: 9vw; padding-bottom: 64px; padding-left: 9vw; background-color: #ed1c24!important; } .footer1-container { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; column-gap: 64px; align-items: center; } .footer1-img { width: 15%; min-width: 120px; } .footer1-text { padding-top: 28px; padding-right: 32px; padding-bottom: 36px; padding-left: 32px; margin-right: 0px; margin-left: 0px; background-color: #FFFFFF; border-radius: 24px 24px 24px 24px; overflow-x: visible; overflow-y: visible; z-index: 1!important; position: relative; border: 4px solid #333; } .footer1-text::after { visibility: visible; position: absolute; top: 50%; left: 10px; border-width: 18px 40px; border-style: solid; border-color: transparent #fff transparent transparent; content: ""; translate: -100% -50%; } .footer1-text::before { visibility: visible; position: absolute; top: 50%; left: 0px; border-width: 18px 40px; border-style: solid; border-color: transparent #000 transparent transparent; content: ""; translate: -100% -50%; } .footer1-text-h2 { font-weight: 700; font-size: 32px; color: #333333!important; line-height: 1.4em; } .footer1-text-inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top:8px; align-items: center; justify-content: center; gap: 0 5%; } .footer1-tel img { max-width: 27px; width: 100%; margin-right: 8px; } .footer1-tel { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin: 0; } .web-contact-btn { min-width: 270px; } .web-contact-btn a { display: inline-block; color: #FFFFFF; border-radius: 6px; font-weight: 700!important; background-color: #ed1c24; padding-top: 14px!important; padding-right: 32px!important; padding-bottom: 14px!important; padding-left: 32px!important; font-size: 20px; border: 2px solid #ed1c24; transition:0.3s all; } .web-contact-btn a:hover { display: inline-block; color: #ed1c24; border: 2px solid #ed1c24; border-radius: 6px; font-weight: 700!important; background-color: #fff; } .face-pc{ display: block; } .face-sp{ display: none; } /* footer1 section-end */ /* footer2-card section-start */ .card-container a { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; border-top: 4px solid #000; } .card-container a .card-right { transition:all 0.3s; } .card-container a:hover .card-right { transform: scale(1.2); } .card-a { display: block; } .card-left { width: 60%; margin: 0 auto; padding: 40px; display: inline-block; } .card-right { width: 40%; display: inline-block; position: static; z-index: 100; margin-right: 24px; } .card-left-text { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .card-left1 { font-weight: 700; line-height: 1em; background-color: #ed1c24; padding-top: 10px!important; padding-right: 12px!important; padding-bottom: 10px!important; padding-left: 12px!important; color: #FFFFFF!important; font-size:14px; } .card-left2 { color: #ed1c24!important; font-size: 38px; font-weight: bold; margin-left: 10px; } .card-left ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; justify-content: center; } .card-left ul li { margin-right: 8px!important; border-radius: 8px; border: 2px solid #000; max-width: 155px; width: 100%; } .card-left-list-p1 { font-size: 14px; text-align: center; font-weight: 700; line-height: 1em; background-color: #f9f7f7; border-radius: 8px 8px 0 0; overflow: hidden; padding-top: 12px!important; padding-right: 8px!important; padding-bottom: 12px!important; padding-left: 8px!important; margin-bottom: 0px!important; } .card-left-list-p2 { font-weight: 700; font-size: 18px; line-height: 1em; padding-top: 12px!important; padding-right: 4px!important; padding-bottom: 12px!important; padding-left: 4px!important; color: #ed1c24!important; text-align: center; } /* footer2-card section-end */ /* footer3-card section-start */ .footer3-container { padding-top: 80px!important; padding-right: 9vw!important; padding-bottom: 80px!important; padding-left: 9vw!important; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; background-color: #000000!important; } .footer3-left img { max-width: 300px; width: 100%; margin-bottom: 24px; } .footer3-left p { font-size: 12px; padding-bottom: 1em; color: #fff; line-height: 1.25; } .footer3-right { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; } .footer3-right ul li a { color: #fff; font-size: 14px; margin-bottom: 12px; display: inline-block; } .footer3-right ul:first-child { margin-right: 128px; } /* footer3-card section-end */ #footer4 { background-color: #01501f; } #footer4 p { font-size: 12px; color: #fff; text-align: center; padding-top: 12px!important; padding-right: 9vw!important; padding-bottom: 12px!important; padding-left: 9vw!important; } @media screen and (max-width: 980px) { /* footer1 section-start */ #footer1 { padding-top: 32px; padding-right: 5vw; padding-bottom: 32px; padding-left: 5vw; } .footer1-text-inner { display: block; text-align: center; } .footer1-tel { justify-content: center; } .web-contact-btn a { margin-top: 24px; } /* footer1 section-end */ /* card section-start */ .card-left { width: 60%; margin: 0 auto; padding: 24px; display: inline-block; } .card-right { display: none; } /* card section-end */ /* footer3 section-start */ .footer3-container { padding-top: 56px!important; padding-right: 5vw!important; padding-bottom: 56px!important; padding-left: 5vw!important; display: block; } .footer3-right { display: flex; justify-content: center; margin-top: 30px; } .footer3-left { text-align: center; margin-top: 48px; } .footer3-left p { font-size: 12px; padding-bottom: 1em; color: #fff; line-height: 1.25; max-width: 120px; width: 100%; margin: 0 auto; text-align: left; } /* footer3 section-end */ } @media screen and (max-width: 480px) { .footer1-container { display: block; } .footer1-text-h2 { font-size: 26px; } .footer1-text{ padding: 16px; } .face-pc{ display: none; } .face-sp{ display: block; } .footer1-text::after { position: absolute; top: auto; left: 171px; bottom: -62px; border-width: 18px 40px; border-style: solid; border-color: transparent #fff transparent transparent; content: ""; translate: -100% -50%; rotate: -70deg; transform: skew(20deg,15deg); } .footer1-text::before { position: absolute; top: auto; left: 167px; bottom: -70px; border-width: 18px 40px; border-style: solid; border-color: transparent #000 transparent transparent; content: ""; translate: -100% -50%; rotate: -70deg; transform: skew(20deg,15deg); } .footer1-img { max-width: 110px; min-width: 110px; width: 100%; position: relative; z-index: 100; margin-top: 30px; } .card-left { width: 100%; margin: 0 auto; padding: 24px; } .card-left-text { display: block; text-align: center; } .card-left-text span:last-child { color: #ed1c24!important; font-size: 32px; font-weight: bold; margin-left: 0px; display: block; text-align: center; margin-top: 0px; } .card-left-text span:first-child { margin-top: 0; display: inline-block; } .card-left ul { flex-wrap: wrap; margin-top: 10px; gap: 0px; } .card-left ul li{ max-width: 485px; width: 46%; } .card-left ul li:last-child { max-width: 485px; width: 100%; margin-top: 8px; } .card-left-list-p2{ padding-top: 12px !important; padding-right: 2px !important; padding-bottom: 12px !important; padding-left: 2px !important; } .footer3-right ul:first-child { margin-right: 30px; } .footer3-right { justify-content: space-between; width: 93%; margin: 30px auto 0; } }