@media screen and (min-width: 768px), print { [id^="ar-"] p, [id^="ar-"] h2, [id^="ar-"] h3, [id^="ar-"] li, [id^="ar-"] dt, [id^="ar-"] dd {font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;} [id^="ar-"] .inner {padding: 0;} .ar-box .head * {font-family: "Noto Sans JP", sans-serif;} .seo_bread_list {position: relative;z-index: 1;} #ar-fv {text-align: center;line-height: 0;background: linear-gradient(to bottom, #fbce2f calc(100% - 40px), #064ea2 calc(100% - 40px));} #ar-fv img {vertical-align: bottom;} #ar-fv img.pc2 {margin-top: -60px;} #ar-intro {background: #064ea2;padding-bottom: 70px;} #ar-intro .box1 {width: 1200px;margin: 0 auto;background: #fff;padding: 39px 0 34px;position: relative;} #ar-intro .box1::after {content: "";position: absolute;bottom: -54px;left: 50%;margin-left: -60px;border-top: 54px solid #fff;border-left: 60px solid transparent;border-right: 60px solid transparent;} #ar-intro .box1 h2 {font-family: "Noto Sans JP", sans-serif;font-size: 30px;font-weight: 700;line-height: 50px;letter-spacing: 0.05em;text-align: center;} #ar-intro .box1 ul {width: 1170px;margin: 15px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #ar-intro .box1 ul li {width: 370px;text-align: center;} #ar-intro .box1 ul li img {vertical-align: bottom;} #ar-intro .box1 ul li p {margin-top: 4px;font-size: 20px;font-weight: 500;line-height: 32px;letter-spacing: 0.05em;} #ar-intro .box1 ul li p span {display: inline-block;text-align: left;} #ar-intro .box2 {width: 1200px;margin: 66px auto 0;background: #fff;padding: 39px 0 43px;} #ar-intro .box2 h3 {color: #064ea2;font-size: 30px;font-weight: 700;line-height: 50px;letter-spacing: 0.05em;text-align: center;} #ar-intro .box2 .txt {width: 906px;margin: 12px auto 0;font-size: 16px;line-height: 32px;letter-spacing: 0.05em;} #ar-foryou {background: #fbce2f;padding: 65px 0 72px;} #ar-foryou h2 {font-family: "Noto Sans JP", sans-serif;font-size: 65px;font-weight: 700;line-height: 88px;letter-spacing: 0.05em;text-align: center;} #ar-foryou .inner {width: 1200px;margin: 15px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;} #ar-foryou .inner figure {width: 556px;-ms-flex-negative: 0;flex-shrink: 0;} #ar-foryou .inner figure img {vertical-align: bottom;} #ar-foryou .txtbox {width: 614px;margin-left: 30px;} #ar-foryou .txtbox .en {margin-top: 8px;font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 500;line-height: 37px;letter-spacing: 0.05em;} #ar-foryou .txtbox h3 {font-size: 22px;font-weight: 700;line-height: 46px;letter-spacing: 0.05em;} #ar-foryou .txtbox p {margin-top: 10px;font-size: 16px;line-height: 32px;letter-spacing: 0.05em;} .ar-box {width: 1200px;margin: 0 auto 70px;background: #fff;} .ar-box .head {height: 160px;padding-top: 24px;background: #e52b6c;color: #fff;font-family: "Noto Sans JP", sans-serif;font-weight: 700;letter-spacing: 0.05em;text-align: center;} .ar-box .head .en {color: #fbce2f;font-size: 15px;line-height: 20px;} .ar-box .head h2 {margin-top: 10px;color: #fff;font-size: 30px;line-height: 46px;} .ar-box .head .sub {color: #fff;font-size: 20px;line-height: 46px;} #ar-signs {padding-bottom: 53px;} #ar-signs ul {width: 1050px;margin: 60px auto 0;display: -ms-grid;display: grid;-ms-grid-columns: 330px 30px 330px 30px 330px;grid-template-columns: repeat(3, 330px);grid-column-gap: 30px;grid-row-gap: 23px;} #ar-signs ul li figure {position: relative;} #ar-signs ul li figure img {vertical-align: bottom;} #ar-signs ul li h3 {position: absolute;left: 0;bottom: 9px;width: 100%;color: #fff;font-size: 20px;font-weight: 700;line-height: 34px;letter-spacing: 0.05em;text-align: center;} #ar-signs ul li p {margin-top: 6px;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-price {padding-bottom: 60px;} #ar-price .body {text-align: center;letter-spacing: 0.05em;} #ar-price .s1 {padding-top: 44px;font-size: 16px;font-weight: 500;line-height: 26px;} #ar-price .s2 {margin-top: 3px;font-size: 30px;font-weight: 700;line-height: 34px;} #ar-price .s2 span {color: #e52b6c;} #ar-price .s3 {margin-top: 3px;font-size: 20px;font-weight: 500;line-height: 33px;} #ar-price .inner {width: 1020px;margin: 33px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;text-align: left;} #ar-price .inner figure {width: 450px;-ms-flex-negative: 0;flex-shrink: 0;} #ar-price .inner figure img {vertical-align: bottom;} #ar-price .inner .txt {width: 540px;margin-top: 11px;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-choose {margin-bottom: 60px;padding-bottom: 43px;} #ar-choose .body {width: 1060px;margin: 23px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #ar-choose .body figure {width: 400px;-ms-flex-negative: 0;flex-shrink: 0;} #ar-choose .body figure img {vertical-align: bottom;} #ar-choose .txtbox {width: 640px;letter-spacing: 0.05em;} #ar-choose .txtbox h3 {margin-top: 24px;font-size: 20px;font-weight: 700;line-height: 32px;} #ar-choose .txtbox p {margin-top: 15px;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-reason {background: #08aee8;padding: 58px 0 204px;} #ar-reason .en {color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 700;line-height: 20px;letter-spacing: 0.05em;text-align: center;} #ar-reason h2 {margin-top: 6px;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 62px;font-weight: 700;line-height: 110px;letter-spacing: 0.05em;text-align: center;} #ar-reason ul {margin-top: 57px;} #ar-reason ul li {position: relative;width: 1200px;height: 300px;margin: 0 auto 70px;background: #fff;} #ar-reason ul li:last-child {margin-bottom: 0;} #ar-reason ul li figure {position: absolute;top: -20px;} #ar-reason ul li figure img {vertical-align: bottom;} #ar-reason ul li.r1 figure {left: -31px;} #ar-reason ul li.r2 figure {left: 723px;} #ar-reason ul li.r3 figure {left: 47px;} #ar-reason ul li .txtbox {position: absolute;top: 41px;left: 507px;width: 636px;letter-spacing: 0.05em;} #ar-reason ul li.r2 .txtbox {left: 47px;} #ar-reason ul li .no {font-size: 18px;font-weight: 700;line-height: 24px;} #ar-reason ul li h3 {margin-top: 11px;font-size: 30px;font-weight: 700;line-height: 51px;} #ar-reason ul li .txtbox p:last-child {margin-top: 11px;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-voice {margin-top: -105px;position: relative;background: linear-gradient(to bottom, transparent 105px, #fbce2f 105px);} #ar-voice .panel {width: 1200px;margin: 0 auto;padding: 56px 0 70px;background: #f7de5d;} #ar-voice .en {font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 700;line-height: 20px;letter-spacing: 0.05em;text-align: center;} #ar-voice h2 {margin-top: 9px;font-family: "Noto Sans JP", sans-serif;font-size: 30px;font-weight: 700;line-height: 46px;letter-spacing: 0.05em;text-align: center;} #ar-voice .sub {font-family: "Noto Sans JP", sans-serif;font-size: 20px;font-weight: 700;line-height: 46px;letter-spacing: 0.05em;text-align: center;} #ar-voice ul {margin-top: 41px;} #ar-voice ul li {position: relative;width: 1140px;min-height: 409px;margin: 0 auto 50px;padding: 51px 105px 40px 232px;border: 10px solid #707070;background: #fff;letter-spacing: 0.05em;} #ar-voice ul li:last-child {margin-bottom: 0;} #ar-voice ul li.v2 {padding: 37px 239px 40px 101px;} #ar-voice ul li figure {position: absolute;top: 32px;left: 98px;} #ar-voice ul li.v2 figure {top: 33px;left: auto;right: 99px;} #ar-voice ul li figure img {vertical-align: bottom;} #ar-voice ul li .name {font-size: 18px;letter-spacing: 0.05em;font-weight: 700;line-height: 34px;} #ar-voice ul li h3 {margin-top: 7px;font-size: 23px;letter-spacing: 0.05em;font-weight: 700;line-height: 34px;} #ar-voice ul li .txt {margin-top: 16px;font-size: 16px;letter-spacing: 0.05em;line-height: 32px;} #ar-voice + #ar-works, #ar-voice + #ar-faq {padding-top: 73px;} #ar-works {padding-top: 60px;background: #fbce2f;} #ar-works .panel {width: 1200px;margin: 0 auto;padding: 61px 0 85px;background: #f7de5d;} #ar-works .en {font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 700;line-height: 20px;letter-spacing: 0.05em;text-align: center;} #ar-works h2 {margin-top: 8px;font-family: "Noto Sans JP", sans-serif;font-size: 30px;font-weight: 700;line-height: 50px;letter-spacing: 0.05em;text-align: center;} #ar-works .txt {width: 832px;margin: 7px auto 0;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-works ul {margin-top: 43px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #ar-works ul li {width: 307px;margin: 0 13px;} #ar-works ul li a {position: relative;display: block;min-height: 561px;height: 100%;padding: 24px 12px 70px;background: #fff;} #ar-works ul li .eyecatch {height: 222px;} #ar-works ul li .eyecatch img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;vertical-align: bottom;} #ar-works ul li .cat {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;} #ar-works ul li .cat p {height: 55px;margin-bottom: 1px;background: #000;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 18px;font-weight: 700;line-height: 55px;text-align: center;} #ar-works ul li .cat p.icon06, #ar-works ul li .cat p.icon07, #ar-works ul li .cat p.icon08, #ar-works ul li .cat p.icon09 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;background: #f7de5d;color: #000;} #ar-works ul li .area {margin-top: 18px;color: #d63d6e;font-size: 18px;font-weight: 700;line-height: 30px;letter-spacing: 0.02em;} #ar-works ul li h3 {margin-top: 8px;font-size: 18px;font-weight: 700;line-height: 30px;letter-spacing: 0.02em;} #ar-works ul li .more {position: absolute;left: 0;bottom: 0;width: 100%;height: 47px;background: #d63d6e;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 14px;font-weight: 700;line-height: 47px;text-align: center;} #ar-works ul li a:hover {opacity: 0.8;} #ar-faq {padding: 62px 0 100px;background: #fbce2f;} #ar-reason + #ar-faq {padding-top: 80px;} #ar-faq .en {font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 700;line-height: 20px;letter-spacing: 0.05em;text-align: center;} #ar-faq h2 {margin-top: 9px;font-family: "Noto Sans JP", sans-serif;font-size: 30px;font-weight: 700;line-height: 46px;letter-spacing: 0.05em;text-align: center;} #ar-faq dl {width: 940px;margin: 31px auto 0;} #ar-faq dl .item {margin-bottom: 20px;} #ar-faq dl .item:last-child {margin-bottom: 0;} #ar-faq dt {position: relative;min-height: 92px;padding: 30px 100px 30px 116px;background: #fff;font-size: 16px;line-height: 32px;letter-spacing: 0.05em;cursor: pointer;} #ar-faq dt::before {content: "";position: absolute;top: 44px;right: 50px;width: 30px;height: 5px;background: #707070;} #ar-faq dt::after {content: "";position: absolute;top: 31px;right: 62.5px;width: 5px;height: 30px;background: #707070;} #ar-faq .item.open dt::after {display: none;} #ar-faq dd {display: none;position: relative;padding: 29px 56px 31px 116px;background: #f9f8f4;font-size: 16px;line-height: 32px;letter-spacing: 0.05em;} #ar-faq .item.open dd {display: block;} #ar-faq .icon {position: absolute;top: 20px;left: 44px;width: 52px;height: 52px;border-radius: 50%;background: #fbce2f;color: #fff;font-family: Verdana, sans-serif;font-size: 25px;font-weight: 700;line-height: 52px;text-align: center;} #ar-faq dd .icon {top: 38px;background: #868686;} #ar-area {background: #e52b6c;padding: 80px 0;} #ar-area .inner {width: 1200px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;} #ar-area .txtbox {width: 600px;height: 439px;padding: 91px 70px 0;background: #fff;letter-spacing: 0.05em;} #ar-area .txtbox .en {font-family: "Noto Sans JP", sans-serif;font-size: 15px;font-weight: 700;line-height: 20px;} #ar-area .txtbox h2 {margin-top: 7px;font-family: "Noto Sans JP", sans-serif;font-size: 30px;font-weight: 700;line-height: 53px;} #ar-area .txtbox p {margin-top: 5px;font-size: 16px;line-height: 32px;letter-spacing: 0.04em;} #ar-area figure {width: 600px;height: 439px;} #ar-area figure img {position: relative;z-index: 1;vertical-align: top;} #ar-bottom {height: 777px;padding-top: 51px;background: url('../images/mizunami/new-bottom.png') no-repeat center top #fff;font-weight: 700;text-align: center;} #ar-bottom .s1 {font-weight: 700;font-size: 30px;line-height: 46px;letter-spacing: 0.05em;} #ar-bottom h2 {margin-top: 29px;font-size: 38px;line-height: 60px;} #ar-bottom h2 span {color: #007198;font-size: 51px;} #ar-bottom h3 {margin-top: 50px;font-size: 33px;line-height: 70px;} #ar-bottom h3 span {font-size: 64px;} #ar-bottom .s2 {margin-top: 9px;font-weight: 700;font-size: 41px;line-height: 50px;} #contents04 {background: #fff;padding: 30px 0 60px;} #contents04 ul{ width: 1050px; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #contents04 ul li { width: 500px; margin-right: 50px; text-align: center;} #contents04 ul li:nth-child(2){ margin-right: 0px; } #contents04 ul li p{font-size: 20px;font-weight: 700;margin-top: 17px;} } @media screen and (max-width: 767px) { [id^="ar-"] p, [id^="ar-"] h2, [id^="ar-"] h3, [id^="ar-"] li, [id^="ar-"] dt, [id^="ar-"] dd {font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;} [id^="ar-"] .inner {padding: 0;} .ar-box .head * {font-family: "Noto Sans JP", sans-serif;} #ar-fv {line-height: 0;background: linear-gradient(to bottom, #fbce2f calc(100% - 9.662vw), #064ea2 calc(100% - 9.662vw));} #ar-fv img {width: 100%;vertical-align: bottom;} #ar-intro {background: #064ea2;padding: 0 4.106vw 9.662vw;} #ar-intro .box1 {position: relative;padding: 7.005vw 4.831vw 5.797vw;background: #fff;} #ar-intro .box1::after {content: "";position: absolute;bottom: -5.072vw;left: 50%;margin-left: -7.729vw;border-top: 7.729vw solid #fff;border-left: 7.729vw solid transparent;border-right: 7.729vw solid transparent;} #ar-intro .box1 h2 {font-family: "Noto Sans JP", sans-serif;font-size: 4.831vw;font-weight: 700;line-height: 7.246vw;letter-spacing: 0.05em;text-align: center;} #ar-intro .box1 ul {margin-top: 6.28vw;} #ar-intro .box1 ul li {margin-bottom: 5.797vw;} #ar-intro .box1 ul li:last-child {margin-bottom: 0;} #ar-intro .box1 ul li img {width: 100%;vertical-align: bottom;} #ar-intro .box1 ul li p {margin-top: 0.966vw;font-size: 3.865vw;font-weight: 700;line-height: 6.763vw;letter-spacing: 0.03em;text-align: center;} #ar-intro .box1 ul li p span {display: inline-block;text-align: left;} #ar-intro .box2 {margin: 12.56vw -0.725vw 0;padding: 5.556vw 4.831vw 3.382vw;background: #fff;} #ar-intro .box2 h3 {color: #064ea2;font-size: 5.314vw;font-weight: 700;line-height: 8.696vw;letter-spacing: 0.05em;text-align: center;} #ar-intro .box2 .txt {margin-top: 3.14vw;font-size: 3.865vw;line-height: 7.729vw;letter-spacing: 0.05em;} #ar-foryou {background: #fbce2f;padding: 11.353vw 4.831vw 11.836vw;} #ar-foryou h2 {font-family: "Noto Sans JP", sans-serif;font-size: 6.763vw;font-weight: 700;line-height: 10.628vw;letter-spacing: 0.05em;text-align: center;} #ar-foryou .inner {margin-top: 6.039vw;} #ar-foryou .inner figure img {width: 100%;vertical-align: bottom;} #ar-foryou .txtbox .en {margin-top: 4.831vw;font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 500;line-height: 3.865vw;letter-spacing: 0.05em;} #ar-foryou .txtbox h3 {margin-top: 1.449vw;font-size: 4.348vw;font-weight: 700;line-height: 7.246vw;letter-spacing: 0.05em;} #ar-foryou .txtbox p {margin-top: 2.899vw;font-size: 3.865vw;line-height: 7.729vw;letter-spacing: 0.05em;} .ar-box {width: 90.338vw;margin: 0 auto 9.662vw;background: #fff;} .ar-box .head {height: 45.894vw;padding: 7.246vw 0 0;background: #e52b6c;color: #fff;font-family: "Noto Sans JP", sans-serif;font-weight: 700;letter-spacing: 0.05em;text-align: center;} .ar-box .head .en {color: #fbce2f;font-size: 3.382vw;line-height: 3.865vw;} .ar-box .head h2 {margin-top: -0.966vw;color: #fff;font-size: 5.314vw;line-height: 8.213vw;} .ar-box .head .sub {margin-top: 3.14vw;color: #fff;font-size: 3.865vw;line-height: 6.28vw;} #ar-price .head {padding-top: 3.865vw;} #ar-price .head .sub {margin-top: 7.729vw;} #ar-signs {padding: 5.797vw 4.831vw 0.966vw;} #ar-signs .head {margin: -5.797vw -4.831vw 5.797vw;} #ar-signs ul li {margin-bottom: 6.763vw;} #ar-signs ul li figure {position: relative;} #ar-signs ul li figure img {width: 100%;vertical-align: bottom;} #ar-signs ul li h3 {position: absolute;left: 0;bottom: 1.932vw;width: 100%;color: #fff;font-size: 4.348vw;font-weight: 700;line-height: 7.246vw;letter-spacing: 0.05em;text-align: center;} #ar-signs ul li p {margin-top: 2.899vw;font-size: 3.865vw;line-height: 7.729vw;letter-spacing: 0.05em;} #ar-price {padding-bottom: 7.729vw;} #ar-price .body {letter-spacing: 0.05em;text-align: center;} #ar-price .s1 {padding-top: 7.005vw;font-size: 3.865vw;font-weight: 500;line-height: 6.28vw;} #ar-price .s2 {margin-top: 0.966vw;font-size: 5.314vw;font-weight: 700;line-height: 8.696vw;} #ar-price .s2 span {color: #e52b6c;} #ar-price .s3 {margin-top: 1.208vw;font-size: 3.382vw;font-weight: 500;line-height: 5.314vw;} #ar-price .inner {margin: 5.314vw 4.831vw 0;text-align: left;} #ar-price .inner figure img {width: 100%;vertical-align: bottom;} #ar-price .inner .txt {margin-top: 4.831vw;font-size: 3.865vw;line-height: 7.729vw;} #ar-choose {margin-bottom: 11.594vw;padding-bottom: 7.729vw;} #ar-choose .body {margin: 0 4.831vw;} #ar-choose .body figure img {width: 100%;vertical-align: bottom;} #ar-choose .txtbox {letter-spacing: 0.05em;} #ar-choose .txtbox h3 {margin-top: 1.449vw;font-size: 4.348vw;font-weight: 700;line-height: 7.246vw;} #ar-choose .txtbox p {margin-top: 2.899vw;font-size: 3.865vw;line-height: 7.729vw;} #ar-reason {background: #08aee8;padding: 12.319vw 4.831vw 21.256vw;} #ar-reason .en {color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 3.865vw;letter-spacing: 0.05em;text-align: center;} #ar-reason h2 {margin-top: 2.415vw;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 6.763vw;font-weight: 700;line-height: 10.628vw;letter-spacing: 0.05em;text-align: center;} #ar-reason ul {margin-top: 9.903vw;} #ar-reason ul li {position: relative;margin-bottom: 11.594vw;padding: 0 6.763vw 7.971vw;background: #fff;} #ar-reason ul li:last-child {margin-bottom: 0;} #ar-reason ul li figure {position: relative;top: -3.865vw;margin: 0 -1.932vw -3.865vw;} #ar-reason ul li figure img {width: 100%;vertical-align: bottom;} #ar-reason ul li .txtbox {letter-spacing: 0.05em;} #ar-reason ul li .no {margin-top: 5.556vw;font-size: 3.865vw;font-weight: 700;line-height: 4.831vw;} #ar-reason ul li h3 {margin-top: 1.449vw;font-size: 4.831vw;font-weight: 700;line-height: 7.246vw;} #ar-reason ul li .txtbox p:last-child {margin-top: 2.657vw;font-size: 3.865vw;line-height: 7.729vw;} #ar-voice {margin-top: -9.662vw;position: relative;padding: 0 4.831vw;background: linear-gradient(to bottom, transparent 9.662vw, #fbce2f 9.662vw);} #ar-voice .panel {padding: 10.145vw 4.831vw 9.662vw;background: #f7de5d;} #ar-voice .en {font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 3.865vw;letter-spacing: 0.05em;text-align: center;} #ar-voice h2 {margin-top: 2.174vw;font-family: "Noto Sans JP", sans-serif;font-size: 5.314vw;font-weight: 700;line-height: 7.729vw;letter-spacing: 0.05em;text-align: center;} #ar-voice .sub {margin-top: 1.691vw;font-family: "Noto Sans JP", sans-serif;font-size: 3.865vw;font-weight: 700;line-height: 6.28vw;letter-spacing: 0.05em;text-align: center;} #ar-voice ul {margin-top: 5.797vw;} #ar-voice ul li {position: relative;margin-bottom: 5.797vw;padding: 14.493vw 2.899vw 6.039vw;border: 1.932vw solid #707070;background: #fff;letter-spacing: 0.05em;} #ar-voice ul li:last-child {margin-bottom: 0;} #ar-voice ul li figure {position: absolute;top: 2.899vw;left: 6.763vw;width: 13.768vw;} #ar-voice ul li.v2 figure {left: auto;right: 4.106vw;} #ar-voice ul li figure img {width: 100%;vertical-align: bottom;} #ar-voice ul li .name {position: relative;margin: -2.899vw 0 0 20.048vw;font-size: 3.865vw;font-weight: 700;line-height: 6.28vw;letter-spacing: 0.05em;} #ar-voice ul li h3 {margin: 1.208vw 0 0 20.048vw;font-size: 4.106vw;letter-spacing: 0.05em;font-weight: 700;line-height: 6.763vw;} #ar-voice ul li.v2 .name, #ar-voice ul li.v2 h3 {margin-left: 1.691vw;margin-right: 15.942vw;} #ar-voice ul li .txt {margin-top: 8.696vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.729vw;} #ar-voice + #ar-works, #ar-voice + #ar-faq {padding-top: 12.077vw;} #ar-works {padding: 9.662vw 4.831vw 0;background: #fbce2f;} #ar-works .panel {padding: 10.145vw 4.831vw 9.662vw;background: #f7de5d;} #ar-works .en {font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 3.865vw;letter-spacing: 0.05em;text-align: center;} #ar-works h2 {margin-top: 2.174vw;font-family: "Noto Sans JP", sans-serif;font-size: 4.831vw;font-weight: 700;line-height: 7.729vw;letter-spacing: 0.05em;text-align: center;} #ar-works .txt {margin-top: 3.623vw;font-size: 3.865vw;line-height: 7.729vw;letter-spacing: 0.05em;} #ar-works ul {margin-top: 5.797vw;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #ar-works ul li {width: 38.889vw;margin-bottom: 2.899vw;} #ar-works ul li a {position: relative;display: block;height: 100%;padding: 1.932vw 1.932vw 11.594vw;background: #fff;} #ar-works ul li .eyecatch {height: 26.57vw;} #ar-works ul li .eyecatch img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;vertical-align: bottom;} #ar-works ul li .cat {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;} #ar-works ul li .cat p {height: 7.971vw;margin-bottom: 1px;background: #000;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 7.971vw;text-align: center;} #ar-works ul li .cat p.icon06, #ar-works ul li .cat p.icon07, #ar-works ul li .cat p.icon08, #ar-works ul li .cat p.icon09 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;background: #f7de5d;color: #000;} #ar-works ul li .area {margin-top: 2.415vw;color: #d63d6e;font-size: 3.623vw;font-weight: 700;line-height: 5.797vw;} #ar-works ul li h3 {margin-top: 1.932vw;font-size: 3.382vw;font-weight: 700;line-height: 5.314vw;} #ar-works ul li .more {position: absolute;left: 0;bottom: 0;width: 100%;height: 8.696vw;background: #d63d6e;color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 8.696vw;text-align: center;} #ar-faq {padding: 12.56vw 4.831vw 14.493vw;background: #fbce2f;} #ar-reason + #ar-faq {padding-top: 14.493vw;} #ar-faq .en {font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 3.865vw;letter-spacing: 0.05em;text-align: center;} #ar-faq h2 {margin-top: 1.691vw;font-family: "Noto Sans JP", sans-serif;font-size: 5.314vw;font-weight: 700;line-height: 8.696vw;letter-spacing: 0.05em;text-align: center;} #ar-faq dl {margin-top: 6.039vw;} #ar-faq dl .item {margin-bottom: 2.899vw;} #ar-faq dl .item:last-child {margin-bottom: 0;} #ar-faq dt {position: relative;min-height: 15.459vw;padding: 4.348vw 10.145vw 4.348vw 13.527vw;background: #fff;font-size: 3.865vw;line-height: 6.763vw;letter-spacing: 0.05em;cursor: pointer;} #ar-faq dt::before {content: "";position: absolute;top: 7.367vw;right: 3.865vw;width: 3.865vw;height: 3px;background: #707070;} #ar-faq dt::after {content: "";position: absolute;top: 5.797vw;right: 5.556vw;width: 3px;height: 3.865vw;background: #707070;} #ar-faq .item.open dt::after {display: none;} #ar-faq dd {display: none;position: relative;padding: 4.348vw 3.865vw 4.348vw 13.527vw;background: #f9f8f4;font-size: 3.865vw;line-height: 7.246vw;letter-spacing: 0.05em;} #ar-faq .item.open dd {display: block;} #ar-faq .icon {position: absolute;top: 3.865vw;left: 3.382vw;width: 7.729vw;height: 7.729vw;border-radius: 50%;background: #face2f;color: #fff;font-family: Verdana, sans-serif;font-size: 4.348vw;font-weight: 700;line-height: 7.729vw;text-align: center;} #ar-faq dd .icon {top: 4.106vw;background: #868686;} #ar-area {background: #e52b6c;padding: 9.662vw 4.831vw;} #ar-area .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} #ar-area figure img {width: 100%;vertical-align: bottom;} #ar-area .txtbox {padding: 3.865vw 6.763vw 6.763vw;background: #fff;letter-spacing: 0.05em;} #ar-area .txtbox .en {font-family: "Noto Sans JP", sans-serif;font-size: 3.382vw;font-weight: 700;line-height: 3.865vw;} #ar-area .txtbox h2 {margin-top: 1.691vw;font-family: "Noto Sans JP", sans-serif;font-size: 5.314vw;font-weight: 700;line-height: 8.696vw;} #ar-area .txtbox p {margin-top: 3.14vw;font-size: 3.865vw;line-height: 7.729vw;} #ar-bottom {height: 150.966vw;padding-top: 10.628vw;background: url('../images/mizunami/sp-new-bottom.png') no-repeat center top #fff;background-size: 100% auto;font-weight: 700;text-align: center;letter-spacing: 0.03em;} #ar-bottom .s1 {font-weight: 700;font-size: 4.348vw;line-height: 7.246vw;letter-spacing: 0.05em;} #ar-bottom h2 {margin-top: 2.657vw;font-size: 4.831vw;line-height: 9.662vw;} #ar-bottom h2 span {color: #007198;font-size: 6.763vw;} #ar-bottom h3 {margin-top: 8.696vw;font-size: 4.831vw;line-height: 11.111vw;} #ar-bottom h3 span {font-size: 8.696vw;} #ar-bottom .s2 {margin-top: 0.966vw;font-weight: 700;font-size: 5.314vw;line-height: 7.246vw;} #contents04 {background: #fff;padding: 6.522vw 4.589vw 8.213vw;} #contents04 ul li {margin-bottom: 6.522vw;text-align: center;} #contents04 ul li:last-child {margin-bottom: 0;} #contents04 ul li img {width: 100%;} #contents04 ul li p{font-size: 3.865vw;font-weight: 700;margin-top: 3.14vw;} }