/* ================================================================= 共通 =================================================================*/ .contents {width: 100%; padding: 9rem 0 0;} .main {width: 100%;} .cmn-title {font-size: 5.5rem; font-weight: 500; display: flex; align-items: baseline; justify-content: center; color: #0A408A;} .cmn-title .en {font-size: 3rem; margin: 0;} .cmn-title img {margin: 0 1.4rem 0 1rem;} .list {display: flex;} .bg_g {background: #F3F3F3;} .button {display: flex; justify-content: center; align-items: center; font-size: 2rem; color: #fff; width: 33rem; height: 8rem; border-radius: 9999px; margin: 7rem auto 0;} .breadcrumbs {display: flex; align-items: center; font-size: 1.6rem; padding-top: 4.8rem;} .breadcrumbs li {margin-right: 1rem;} @media screen and (max-width: 768px) { .contents {padding: 6rem 0 0;} .breadcrumbs {padding: 1.5rem 0rem 0; font-size: 1.4rem;} } /* ================================================================= ショップリスト =================================================================*/ #shop-list .main-title h1 {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 3.1rem; margin-top: 1.3rem; margin-bottom: 5.7rem; color: #0A408A; line-height: 130.32%;} #shop-list .main-title h1 strong {font-size: 4rem; font-weight: 500;} #shop-list .tab-menu {display: flex; justify-content: center; align-items: center; padding-bottom: 2.3rem;} #shop-list .tab-menu .tab {font-size: 3rem; font-weight: 500; width: 24rem; display: flex; justify-content: center; align-items: center;} #shop-list .tab-menu .tab a {color: #0A408A;} #shop-list .tab-menu .tab:nth-child(2) {border-left: .3rem solid #CA1A48; border-right: .3rem solid #CA1A48;} #shop-list .tab-wrap {padding-top: 5rem;} #shop-list .tab-contents + .tab-contents {margin-top: 12rem;} #shop-list .tab-contents h2 {font-size: 3.5rem; font-weight: 500; position: relative; padding-bottom: 1.8rem; margin-bottom: 3.5rem;} #shop-list .tab-contents h2:before {content: ""; display: block; width: 41.2rem; height: .5rem; background: #CA1A48; position: absolute; bottom: 0; z-index: 2;} #shop-list .tab-contents h2:after {content: ""; display: block; width: 100%; height: .5rem; background: #0A408A; position: absolute; bottom: 0;} #shop-list .list {flex-wrap: wrap; gap: 7rem 3rem;} #shop-list .list .box {width: calc((100% - 3rem*2) / 3); padding-top: 6.7rem; position: relative;} #shop-list .list .box-inner {background: #F3F3F3; height: 48rem; padding: 3rem 3.1rem;} #shop-list .list .box img {margin-bottom: 2rem;} #shop-list .list .box h3 {font-size: 3rem; font-weight: 500; position: absolute; left: 0; top: 0; border-left: 1rem solid #0A408A; padding-left: 1rem; line-height: 1;} #shop-list .list .box h4 {font-size: 2rem; font-weight: 500; margin-bottom: .8rem; display: flex; align-items: center; justify-content: space-between;} #shop-list .list .box h4 a {display: flex; justify-content: space-between; align-items: center; padding: 0 1.8rem; width: 9rem; height: 3.5rem; border-radius: 9999px; background: #0A408A; color: #fff; font-size: 1.5rem; font-family: "Poppins", sans-serif;} #shop-list .list .box h4 a:before {content: ""; width: 1.8rem; height: 1.8rem; display: block; background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/common/icon-map.svg); background-size: cover;} #shop-list .list .box p {font-size: 1.6rem; font-weight: 400;} #shop-list .list .box .address {line-height: 137.5%; margin-bottom: .8rem;} #shop-list .list .box .info {line-height: 156.25%;} .tab-menu.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #fff;} .tab-placeholder {width: 100%; height: 0;} @media screen and (max-width: 768px) { #shop-list .main-title h1 {font-size: 1.4rem; gap: .4rem; line-height: 1; margin-top: 2.9rem;} #shop-list .main-title h1 strong {font-size: 2.4rem;} #shop-list .tab-menu {padding-bottom: 4rem;} #shop-list .tab-menu .tab {font-size: 2rem; width: 11rem;} #shop-list .tab-menu .tab:nth-child(2) {border-left: .2rem solid #CA1A48; border-right: .2rem solid #CA1A48;} #shop-list .inner {padding: 0 2.5rem;} #shop-list .tab-contents h2 {font-size: 2.2rem; margin-bottom: 2rem;} #shop-list .tab-contents h2:before {width: 11.4rem; height: .3rem;} #shop-list .tab-contents h2:after {height: .3rem;} #shop-list .tab-contents + .tab-contents {margin-top: 0;} #shop-list .tab-wrap {padding-top: 0;} #shop-list .list {flex-direction: column; gap: 3rem;} #shop-list .list .box {width: 100%; padding-top: 0rem;} #shop-list .list .box.first {padding-top: 4.1rem;} #shop-list .list .box-inner {padding: 2.5rem; height: auto;} #shop-list .list .box img {margin-bottom: 1.2rem;} #shop-list .list .box h3 {font-size: 2rem; border-left: .6rem solid #0A408A; padding-left: .6rem;} #shop-list .list .box h4 a {font-size: 1.4rem; width: 7rem; height: 3rem; padding: 0 1.1rem;} #shop-list .list .box h4 a:before {width: 1.6rem; height: 1.6rem;} #shop-list .list .box p {font-size: 1.4rem;} } /* ================================================================= 店舗取り寄せについて =================================================================*/ #order-request .fv {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_fv.jpg); background-size: cover; height: 63rem; background-position: center; display: flex; justify-content: center; padding-top: 30.2rem; margin-top: -4.8rem;} #order-request .fv h1 {font-size: 3.5rem; font-weight: 500; color: #0A408A; margin-bottom: 3.9rem;} #order-request .fv p {text-align: center; font-size: 2.5rem; font-weight: 500; color: #0A408A; line-height: 1.4;} #order-request .fv .button {background: #0A408A; margin-top: 3rem;} #order-request .whats {display: flex; max-width: 140rem; margin: auto;} #order-request .whats .text {padding: 12.8rem 3.6rem 0 8.4rem; width: 55.86%;} #order-request .whats .text h2 {font-size: 4rem; color: #0A408A; font-weight: 500; margin-bottom: 6.3rem;} #order-request .whats .text p {font-size: 2.7rem; width: 100%; max-width: 64.8rem; line-height: 1.481481481481481;} #order-request .whats .image {padding: 5.9rem 0 9.3rem; width: 44.14%;} #order-request .step {background: #F3F3F3; padding: 8.8rem 0 9.4rem;} #order-request .step h2 {text-align: center; font-size: 4rem; color: #0A408A; font-weight: 500; margin-bottom: 2.3rem;} #order-request .step .list {gap: 3.9rem;} #order-request .step .image {width: 37.5rem; height: 21.3rem; display: flex; justify-content: flex-start; align-items: flex-end;} #order-request .step .text {background: #fff; border-radius: 3rem; width: 37.5rem; height: 24.6rem; margin-top: -4.1rem; padding-top: 6.3rem; display: flex; justify-content: center;} #order-request .step .text p {font-size: 2rem; line-height: 1.5;} #order-request .step .text p span {letter-spacing: -0.1em;} #order-request .step .box {position: relative;} #order-request .step .box:before {content: ""; display: block; width: 4.1rem; height: 4.7rem; background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_step_arrow.svg); background-size: cover; position: absolute; right: -4.5rem; top: 10.3rem;} #order-request .step .box:nth-child(1) .image {padding-left: 8.1rem;} #order-request .step .box:nth-child(1) .image img {width: 21.1rem;} #order-request .step .box:nth-child(2) .image {padding-left: 8rem;} #order-request .step .box:nth-child(2) .image img {width: 22rem;} #order-request .step .box:nth-child(3) .image {padding-left: 5.9rem;} #order-request .step .box:nth-child(3) .image img {width: 29.5rem;} #order-request .step .box:nth-child(3):before {display: none;} #order-request .step .attention {font-size: 1.6rem; margin-top: 3.7rem; line-height: 1.5625;} #order-request .guide {padding: 8.1rem 0 7.9rem;} #order-request .guide .list {justify-content: center; gap: 2.3rem;} #order-request .guide .list .box {width: 34rem; height: 34rem; border-radius: 100%; background: #EEF2F7; text-align: center; font-size: 1.7rem; padding-top: 2.4rem;} #order-request .guide .list .box:nth-child(2) {background: #FBEFF2;} #order-request .guide .list .box h3 {font-size: 2.3rem; font-weight: 500; position: relative; margin-bottom: 3.5rem; display: flex; justify-content: center; flex-direction: column; align-items: center;} #order-request .guide .list .box h3:before {content: ""; display: block; width: 3.9rem; height: 6.5rem; background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_guide_icon.jpg); background-size: cover; margin-bottom: 1.2rem; position: relative; right: .5rem;} #order-request .guide .list .box h3:after {content: ""; display: block; width: 6.1rem; height: .2rem; background: #0A408A; position: absolute; left: 0; right: 0; margin: auto; bottom: -2.2rem;} #order-request .guide .list .box:nth-child(2) h3:after {background: #CA1A48;} #order-request .guide .list .box p {line-height: 1.588235294117647;} #order-request .guide .list .box strong {font-weight: 500;} #order-request .guide .button {background: #0A408A; margin-top: 3rem;} #order-request .contact-area {background: #F3F3F3; padding: 11.6rem 0 12.1rem;} #order-request .contact-area .list {gap: 3.9rem; justify-content: center;} #order-request .contact-area .list .box {width: 58rem; height: 30rem; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 9.9rem 0 4rem;} #order-request .contact-area .list .box h3 {font-size: 2.8rem; font-weight: 500;} #order-request .contact-area .list .box .button {width: 28.7rem; height: 7rem;} #order-request .contact-area .list .box:nth-child(1) {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_contact-area_bg01.jpg); color: #0A408A;} #order-request .contact-area .list .box:nth-child(1) .button {background: #0A408A;} #order-request .contact-area .list .box:nth-child(2) {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_contact-area_bg02.jpg); color: #CA1A48;} #order-request .contact-area .list .box:nth-child(2) .button {background: #CA1A48;} @media screen and (max-width: 768px) { #order-request .inner {padding: 0 2.5rem;} #order-request .fv {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_fv_sp.png); background-size: 100%; background-repeat: no-repeat; background-position: center 5.9rem; background-color: #E6ECF3; height: 55.7rem; padding-top: 36.2rem; margin-top: -2.9rem;} #order-request .fv h1 {font-size: 2rem; margin-bottom: 0; line-height: 4.5rem;} #order-request .fv p {font-size: 1.5rem;} #order-request .fv .button {width: 24.2rem; height: 6rem; margin-top: 2.2rem;} #order-request .whats {flex-direction: column;} #order-request .whats .text {width: 100%; padding: 3rem 2.3rem 0;} #order-request .whats .text h2 {font-size: 2.1rem; margin-bottom: .8rem; line-height: 4.5rem;} #order-request .whats .text p {font-size: 1.4rem;} #order-request .whats .image {width: 100%; padding: 2.9rem 0 0;} #order-request .step {padding: 4.6rem 0 4.7rem;} #order-request .step h2 {font-size: 2rem;} #order-request .step .list {flex-direction: column; padding: 0 2.5rem; gap: 5rem;} #order-request .step .box:before {right: 0; left: 0; top: auto; bottom: -4.1rem; margin: auto; width: 2.7rem; height: 2.4rem; background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_step_arrow_sp.svg);} #order-request .step .image {width: 100%; height: auto;} #order-request .step .box:nth-child(1) .image {padding: 0; width: 100%; display: flex; align-items: center; justify-content: center;} #order-request .step .box:nth-child(1) .image img {width: 12.4rem;} #order-request .step .box:nth-child(2) .image img {width: 13.2rem;} #order-request .step .box:nth-child(3) .image img {width: 15.3rem;} #order-request .step .text {width: 100%; height: auto; padding-top: 5.6rem; margin-top: -4.4rem; padding-bottom: 2.1rem;} #order-request .step .text p {font-size: 1.2rem; padding: 0 2.3rem;} #order-request .guide {padding: 5.2rem 0 4.9rem;} #order-request .guide .list {flex-direction: column; align-items: center; gap: 2rem;} #order-request .guide .list .box {width: 26rem; height: 26rem;} #order-request .guide .list .box h3 {font-size: 1.8rem;} #order-request .guide .list .box h3:before {width: 2.7rem; height: 4.5rem; background-size: cover;} #order-request .guide .list .box p {font-size: 1.2rem;} #order-request .contact-area {padding: 3.5rem 0;} #order-request .contact-area .list {gap: 1.5rem;} #order-request .contact-area .list .box {width: 15.5rem; height: 13rem; padding: 3.1rem 0 1.4rem;} #order-request .contact-area .list .box h3 {font-size: 1.4rem; margin-bottom: 1rem; text-align: center; line-height: 1.6rem; height: 3em; display: flex; justify-content: center; align-items: center;} #order-request .contact-area .list .box p {font-size: 1rem; font-weight: 500; line-height: 1.3;} #order-request .contact-area .list .box .button {width: auto; height: 2.5rem; font-size: 1.1rem; padding: 0 2.4rem; margin-top: 0;} #order-request .contact-area .list .box:nth-child(1) h3 {font-size: 1.2rem;} } /* ================================================================= 定期購入について =================================================================*/ #teiki .fv {margin-top: -4.8rem;} #teiki .point {padding: 10.6rem 0 0;} #teiki .point h2 {font-size: 5.5rem; text-align: center; color: #0A408A; font-weight: 500; position: relative; display: flex; justify-content: center; margin-bottom: 10.6rem;} #teiki .point h2:before, #teiki .point h2:after {content: ""; display: block; width: 4.1rem; height: 6.5rem; background-size: cover; position: relative; top: 2.2rem;} #teiki .point h2:before {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/teiki_h2_bg_left.svg); left: 0;} #teiki .point h2:after {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/teiki_h2_bg_right.svg); right: 0;} #teiki .point .list {flex-direction: column;} #teiki .point .box {display: flex; width: 100%; max-width: 140rem; margin: auto;} #teiki .point .box h3 {font-size: 3.5rem; font-weight: 500; display: flex; align-items: center;} #teiki .point .box p {font-size: 2.5rem; line-height: 1.48;} #teiki .point .box p strong {font-weight: bold;} #teiki .point .box .point_num {font-size: 6.2rem; font-weight: 600; color: #D9D9D9; line-height: 0.725806451612903;} #teiki .point .box:nth-child(odd) h3 {color: #CA1A48;} #teiki .point .box:nth-child(even) h3 {color: #0A408A;} #teiki .point .box:nth-child(1) {padding-bottom: 16.5rem;} #teiki .point .box:nth-child(1) .text {padding-left: 10rem; padding-right: 6.6rem;} #teiki .point .box:nth-child(1) .text .point_num {margin-bottom: 4rem;} #teiki .point .box:nth-child(1) h3 {gap: 2.4rem; line-height: 0.927272727272727; margin-bottom: 2.5rem; font-size: 3rem;} #teiki .point .box:nth-child(1) h3 img {width: 6.9rem;} #teiki .point .box:nth-child(1) h3 strong {font-size: 5.5rem; font-weight: bold;} #teiki .point .box:nth-child(1) .text p {margin-bottom: 4.8rem;} #teiki .point .box:nth-child(1) .text .image2 {width: 41.1rem; margin-left: 7.1rem;} #teiki .point .box:nth-child(1) .image {width: 70rem; height: 42.6rem; flex-shrink: 0; margin-top: 8rem;} #teiki .point .box:nth-child(2) {padding-left: 7.1rem; padding-bottom: 15.5rem;} #teiki .point .box:nth-child(2) .left-box {position: relative; width: 61.7rem; height: 60rem; flex-shrink: 0;} #teiki .point .box:nth-child(2) .left-box .item {background: #F3F5F9; width: 30rem; height: 30rem; border-radius: 100%;} #teiki .point .box:nth-child(2) .left-box h4 {font-size: 2.5rem; font-weight: 500; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-bottom: 2.4rem;} #teiki .point .box:nth-child(2) .left-box h4:before {content: ""; width: 3.1rem; height: 2.9rem; background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/teiki_point02_img01.png); background-size: cover;} #teiki .point .box:nth-child(2) .item {position: absolute;} #teiki .point .box:nth-child(2) .item p {font-size: 1.7rem; text-align: center;} #teiki .point .box:nth-child(2) .item:nth-child(1) {padding-top: 6rem; left: 10.3rem; top: 0;} #teiki .point .box:nth-child(2) .item:nth-child(2) {padding-top: 5.4rem; left: 0; top: 30rem;} #teiki .point .box:nth-child(2) .item:nth-child(3) {padding-top: 5.6rem; left: 31.4rem; top: 23.9rem;} #teiki .point .box:nth-child(2) .text {padding-left: 1.8rem;} #teiki .point .box:nth-child(2) .text .point_num {margin-bottom: 4rem;} #teiki .point .box:nth-child(2) h3 {gap: 2.4rem; line-height: 1.342857142857143; margin-bottom: 4rem;} #teiki .point .box:nth-child(2) h3 img {width: 7.8rem;} #teiki .point .box:nth-child(2) .attention {margin-top: 3.6rem;} #teiki .point .box:nth-child(2) .attention h4 {font-size: 2.2rem;} #teiki .point .box:nth-child(2) .attention p {line-height: 1.625; font-size: 1.6rem; margin-top: 1rem; padding-left: 1rem;} #teiki .point .box:nth-child(3) {align-items: flex-start; padding-left: 10rem; padding-bottom: 17.3rem;} #teiki .point .box:nth-child(3) .text {width: 100%; max-width: 62.3rem;} #teiki .point .box:nth-child(3) .text .point_num {margin-bottom: 4rem;} #teiki .point .box:nth-child(3) h3 {gap: 2.4rem; line-height: 1.342857142857143; margin-bottom: 2.3rem;} #teiki .point .box:nth-child(3) h3 img {width: 7rem;} #teiki .point .box:nth-child(3) .image {width: 43.3rem; height: auto; margin-top: 6.1rem; flex-shrink: 0; padding-left: 9.2rem; } #teiki .point .box:nth-child(4) {padding-left: 18rem; padding-bottom: 15.8rem;} #teiki .point .box:nth-child(4) .image {width: 41rem; height: auto; margin-top: 9.2rem;} #teiki .point .box:nth-child(4) .text {padding-left: 12.5rem;} #teiki .point .box:nth-child(4) .text .point_num {margin-bottom: 4rem;} #teiki .point .box:nth-child(4) .text .info {font-size: 2rem; margin-top: 2.6rem;} #teiki .point .box:nth-child(4) h3 {gap: 2.4rem; line-height: 1.342857142857143; margin-bottom: 3rem;} #teiki .point .box:nth-child(4) h3 img {width: 6.9rem;} #teiki .contact-area {background: #F3F3F3; padding: 11.6rem 0 12.1rem;} #teiki .contact-area .list {gap: 3.9rem; justify-content: center;} #teiki .contact-area .list .box {width: 58rem; height: 30rem; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 6.8rem 0 4rem;} #teiki .contact-area .list .box h3 {font-size: 2.8rem; font-weight: 500; text-align: center; line-height: 1.3;} #teiki .contact-area .list .box .button {width: 28.7rem; height: 7rem; margin-top: 0;} #teiki .contact-area .list .box:nth-child(1) {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_contact-area_bg01.jpg); color: #0A408A;} #teiki .contact-area .list .box:nth-child(1) .button {background: #0A408A;} #teiki .contact-area .list .box:nth-child(2) {background-image: url(https://gigaplus.makeshop.jp/meganehutec/images/ext/orderrequest_contact-area_bg02.jpg); color: #CA1A48;} #teiki .contact-area .list .box:nth-child(2) .button {background: #CA1A48;} #teiki .teiki-item {padding: 11.3rem 0 8.5rem;} #teiki .teiki-item h2 {text-align: center; font-size: 4rem; color: #0A408A; font-weight: 500; margin-bottom: 7.7rem;} #teiki .teiki-item .list {flex-wrap: wrap; gap: 8.3rem 2rem;} #teiki .teiki-item .list .item {width: calc((100% - 2rem*3) / 4);} #teiki .teiki-item .list .item img {margin-bottom: 2.5rem;} #teiki .teiki-item .list .item h3 {font-size: 1.8rem; font-weight: 500; margin-bottom: .5rem; line-height: 1.3;} #teiki .teiki-item .list .item p {font-size: 2.2rem; font-weight: bold;} #teiki .teiki-item .list .item .tax {font-size: 1.4rem; font-weight: bold;} @media screen and (max-width: 768px) { #teiki .fv {margin-top: -2.9rem;} #teiki .inner {padding: 0 2.5rem;} #teiki .point {padding: 5.1rem 0 0;} #teiki .point h2 {font-size: 2rem; line-height: 5.5rem; margin-bottom: 1.7rem;} #teiki .point h2:before, #teiki .point h2:after {width: 1.5rem; height: 2.4rem; top: 2.4rem;} #teiki .point .list {gap: 5.6rem; padding-bottom: 6.4rem;} #teiki .point .box .point_num {font-size: 3rem; display: flex; justify-content: center;} #teiki .point .box {flex-direction: column;} #teiki .point .box h3 {flex-direction: column; align-items: center;} #teiki .point .box p {text-align: center; font-size: 1.4rem;} #teiki .point .box:nth-child(1) {padding-bottom: 1.1rem;} #teiki .point .box:nth-child(1) h3 {font-size: 1.8rem; text-align: center; gap: .7rem; margin-bottom: 1rem;} #teiki .point .box:nth-child(1) h3 strong {font-size: 3.5rem;} #teiki .point .box:nth-child(1) h3 img {width: 4.2rem;} #teiki .point .box:nth-child(1) .text .point_num {margin-bottom: .7rem;} #teiki .point .box:nth-child(1) .text {padding: 0;} #teiki .point .box:nth-child(1) .text p {margin-bottom: 2rem;} #teiki .point .box:nth-child(1) .text .image2 {margin: 0 auto; display: block; width: 26.3rem;} #teiki .point .box:nth-child(1) .image {width: 100%; padding: 0 5rem; margin-top: 1.7rem; height: auto;} #teiki .point .box:nth-child(2) {padding: 0; flex-direction: column-reverse;} #teiki .point .box:nth-child(2) .text .point_num {margin-bottom: 1.3rem;} #teiki .point .box:nth-child(2) h3 {font-size: 2rem; margin-bottom: 1rem; gap: .7rem;} #teiki .point .box:nth-child(2) h3 img {width: 4.7rem;} #teiki .point .box:nth-child(2) .left-box {position: static; display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; padding: 0 2.5rem; gap: 2rem;} #teiki .point .box:nth-child(2) .left-box .item {position: static; border-radius: 2rem; width: 100%; height: auto; padding-top: 2rem; padding-bottom: 2rem;} #teiki .point .box:nth-child(2) .left-box h4 {font-size: 1.8rem; margin-bottom: .7rem;} #teiki .point .box:nth-child(2) .left-box h4:before {width: 2rem; height: 1.9rem;} #teiki .point .box:nth-child(2) .item p {font-size: 1.2rem; padding: 0 1.6rem;} #teiki .point .box:nth-child(2) .text {padding: 0;} #teiki .point .box:nth-child(2) .attention {padding: 0 2.5rem 2rem;} #teiki .point .box:nth-child(2) .attention h4 {font-size: 1.4rem;} #teiki .point .box:nth-child(2) .attention p {font-size: 1.4rem; text-align: left;} #teiki .point .box:nth-child(3) {padding: 0; align-items: center;} #teiki .point .box:nth-child(3) .text .point_num {margin-bottom: .7rem;} #teiki .point .box:nth-child(3) h3 {font-size: 2rem; gap: 1.3rem; margin-bottom: 1rem;} #teiki .point .box:nth-child(3) h3 img {width: 4.6rem;} #teiki .point .box:nth-child(3) .image {width: 22rem; padding: 0; margin-top: .6rem;} #teiki .point .box:nth-child(3) .text {padding: 0 2.5rem;} #teiki .point .box:nth-child(3) .text p {text-align: left;} #teiki .point .box:nth-child(4) {padding: 0; flex-direction: column-reverse; align-items: center;} #teiki .point .box:nth-child(4) .text .point_num {margin-bottom: 1.1rem;} #teiki .point .box:nth-child(4) .text {padding: 0;} #teiki .point .box:nth-child(4) .image {width: 22rem; margin-top: 1.3rem;} #teiki .point .box:nth-child(4) h3 {font-size: 2rem; gap: .8rem; margin-bottom: 1rem;} #teiki .point .box:nth-child(4) h3 img {width: 4.6rem;} #teiki .point .box:nth-child(4) .text .info {font-size: 1.2rem; margin-top: .9rem;} #teiki .teiki-item {padding: 4.9rem 0 8.5rem;} #teiki .teiki-item h2 {font-size: 2rem; margin-bottom: 3.3rem;} #teiki .teiki-item .list {padding: 0 2.5rem; gap: 2rem .8rem;} #teiki .teiki-item .list .item {width: calc((100% - .8rem*3)/4);} #teiki .teiki-item .list .item img {margin-bottom: .4rem;} #teiki .teiki-item .list .item h3 {font-size: .8rem;} #teiki .teiki-item .list .item p {font-size: 1.2rem;} #teiki .teiki-item .list .item p .tax {font-size: .8rem;} #teiki .contact-area {padding: 3.5rem 0;} #teiki .contact-area .list {gap: 1.5rem;} #teiki .contact-area .list .box {width: 15.5rem; height: 13rem; padding: 3.1rem 0 1.4rem;} #teiki .contact-area .list .box h3 {font-size: 1.4rem; margin-bottom: 1rem; text-align: center; line-height: 1.6rem; height: 3em; display: flex; justify-content: center; align-items: center;} #teiki .contact-area .list .box p {font-size: 1rem; font-weight: 500; line-height: 1.3;} #teiki .contact-area .list .box .button {width: auto; height: 2.5rem; font-size: 1.1rem; padding: 0 2.4rem; margin-top: 0;} #teiki .contact-area .list .box:nth-child(1) h3 {font-size: 1.2rem;} }