@charset "UTF-8";
body { margin: 0; padding: 0; background: #fff; font-family: "メイリオ", Meiryo, "小塚ゴシック Pro L", "Kozuka Gothic Pro L" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5; color: #000; text-align: left; box-sizing: border-box; }

* { margin: 0; padding: 0; }

ul { list-style-type: none; }

div { display: block; }

.fadeIn { opacity: 0; }

.fadeIn.animation { -webkit-animation: 1s fadeIn 0.2s both; animation: 1s fadeIn 0.2s both; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@media screen and (min-width: 1001px) { .pc-hidden { display: none !important; } #contents { margin: 0; width: 100%; min-width: 960px; } #hakubaku { overflow: hidden; } #hakubaku img { vertical-align: bottom; } #hakubaku .inner-wrap { margin: 0 auto; width: 960px; position: relative; } #hakubaku .lead-text { color: #000; font-family: "Shippori Mincho", serif; } #hakubaku .lead-text span { color: #b2000e; font-weight: 600; letter-spacing: -1px; } #hakubaku .pic { position: absolute; z-index: 3; } #hakubaku .mainvisual-section { margin: auto; padding-top: 227px; height: 1013px; text-align: center; color: #fff; background: url(../images/hakubaku/bg-mainvisual.png) no-repeat center top, #eee; background-size: cover; box-sizing: border-box; position: relative; } #hakubaku .mainvisual-section .logo { top: -185px; left: 57px; width: 190px; -webkit-transition: .3s; transition: .3s; } #hakubaku .mainvisual-section .logo img { width: 100%; } #hakubaku .mainvisual-section .logo:hover { opacity: .7; } #hakubaku .mainvisual-section .inner-wrap { position: relative; } #hakubaku .mainvisual-section .title .main, #hakubaku .mainvisual-section .title .sub { display: block; } #hakubaku .mainvisual-section .title .main { margin-top: 25px; } #hakubaku .mainvisual-section .lead-area { margin-top: 73px; font-family: "Shippori Mincho", serif; } #hakubaku .mainvisual-section .lead-img { padding: 0 166px 0 318px; } #hakubaku .mainvisual-section .lead-img img { width: 100%; } #hakubaku .mainvisual-section .lead-text { margin-top: -36px; font-size: 28px; } #hakubaku .mainvisual-section .lead-text span { font-size: 34px; } #hakubaku .about-section { padding: 147px 0 0; background: #eee; } #hakubaku .about-section .profile-area { padding: 80px 0 0; background: url(../images/hakubaku/about-bg.jpg) no-repeat; background-size: 1366px 406px; background-position: center top; position: relative; } #hakubaku .about-section .profile { padding: 10px; background: url(../images/hakubaku/about-chinami-bg.png) no-repeat; position: relative; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); } #hakubaku .about-section .profile-line { padding: 53px 55px 66px 470px; border: 1px solid #85859f; } #hakubaku .about-section .about-recipe { right: -213px; top: -259px; } #hakubaku .about-section .about-cutlery { left: -182px; bottom: -136px; } #hakubaku .about-section .profile-photo { bottom: 0; left: 94px; width: 282px; } #hakubaku .about-section .profile-photo img { width: 100%; } #hakubaku .about-section .name { font-family: "Shippori Mincho", serif; font-size: 42px; } #hakubaku .about-section .jobtitle { margin-top: 6px; font-size: 19px; letter-spacing: 2px; font-family: "Shippori Mincho", serif; } #hakubaku .about-section .text { margin-top: 20px; font-size: 16px; text-align: justify; letter-spacing: -.5px; } #hakubaku .about-section .lead-text { margin-top: -222px; padding: 312px 0 75px; font-size: 34px; letter-spacing: -1px; text-align: center; background: #e2e2e2; } #hakubaku .about-section .lead-text span { font-size: 36px; } #hakubaku .up-content { padding-bottom: 32px; position: relative; background: #e2e2e2; } #hakubaku .up-content::after { content: ""; width: 1041px; height: 320px; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #e8b230; } #hakubaku .up-content .inner-wrap { padding-top: 40px; } #hakubaku .up-content ul { padding: 60px 60px 63px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; background: url(../images/hakubaku/up-content-bg.png) no-repeat; background-size: cover; position: relative; z-index: 2; color: #fff; } #hakubaku .up-content li { width: 31%; } #hakubaku .up-content .up-title { margin-bottom: 25px; padding-bottom: 24px; text-align: center; font-size: 28px; font-family: "Shippori Mincho", serif; line-height: 1.35; border-bottom: 2px solid #e7bc54; } #hakubaku .up-content .up-title span { color: #ffff00; } #hakubaku .up-content .up-text { font-size: 16px; font-family: "Noto Sans JP", sans-serif; } #hakubaku .speech_balloons { padding: 55px 0 60px; position: relative; font-size: 20px; letter-spacing: -1px; text-align: center; font-family: "Noto Sans JP", sans-serif; } #hakubaku .speech_balloons::after { content: ""; position: absolute; background: url(../images/hakubaku/about-speech_balloons.png) no-repeat; width: 796px; height: 65px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #hakubaku .nav-section { background: #121347; } #hakubaku .nav-section .nav-list { padding: 10px 0; display: -webkit-box; display: flex; } #hakubaku .nav-section .nav-list > li { width: 16.66%; position: relative; } #hakubaku .nav-section .nav-list > li::after { content: ""; height: 80%; width: 1px; background: #fff; opacity: .5; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #hakubaku .nav-section .nav-list > li:last-child::before { content: ""; height: 80%; width: 1px; background: #fff; opacity: .5; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #hakubaku .nav-section .nav-list a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-decoration: none; height: 100px; font-size: 16px; text-align: center; line-height: 1.4; color: #fff; position: relative; -webkit-transition: .3s; transition: .3s; font-family: "Noto Sans JP", sans-serif; } #hakubaku .nav-section .nav-list a:after { content: ""; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; } #hakubaku .nav-section .nav-list a:hover { opacity: .5; } #hakubaku .nav-section span { position: relative; bottom: 7px; } #hakubaku .recipe { background: #f9f9f9; } #hakubaku .recipe .inner-wrap { display: -webkit-box; display: flex; } #hakubaku .recipe .img-area { width: 520px; } #hakubaku .recipe .img-area img { width: 100%; } #hakubaku .recipe .text-area { margin-top: 10px; width: 360px; position: relative; } #hakubaku .recipe h2 { margin-bottom: 40px; font-size: 36px; font-family: "Shippori Mincho", serif; letter-spacing: -4px; line-height: 1.2; } #hakubaku .recipe .number { left: -40px; top: -70px; } #hakubaku .recipe .number img { width: 57%; } #hakubaku .recipe .title { font-family: "Shippori Mincho", serif; font-size: 24px; } #hakubaku .recipe .ingredients { padding: 13px 0 37px; border-bottom: 3px solid; border-top: 3px solid; } #hakubaku .recipe .ingredients-list { margin-top: 10px; font-size: 16px; font-family: "Noto Sans JP", sans-serif; } #hakubaku .recipe .ingredients-list li { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: relative; } #hakubaku .recipe .ingredients-list li::after { content: ""; background: url(../images/hakubaku/dotted.svg) no-repeat; height: 3px; width: 100%; position: absolute; left: 0; top: 54%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #hakubaku .recipe .ingredients-list span { display: inline-block; background: #f9f9f9; position: relative; z-index: 2; } #hakubaku .recipe .ingredients-list span:first-child { padding-right: 1em; } #hakubaku .recipe .ingredients-list span:last-child { padding-left: 1em; position: absolute; right: 0; } #hakubaku .recipe .makeing { margin-top: 13px; } #hakubaku .recipe .makeing-list { margin-top: 10px; margin-left: 2em; font-size: 16px; font-family: "Noto Sans JP", sans-serif; } #hakubaku .recipe .makeing-list li + li { margin-top: 10px; } #hakubaku .recipe .makeing-list li { position: relative; } #hakubaku .recipe .makeing-list li::before { content: ""; width: 21px; height: 27px; position: absolute; left: -1.9em; top: -2px; } #hakubaku .recipe .makeing-list li:first-child::before { background: url(../images/hakubaku/recipe-number-01.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(2)::before { background: url(../images/hakubaku/recipe-number-02.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(3)::before { background: url(../images/hakubaku/recipe-number-03.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(4)::before { background: url(../images/hakubaku/recipe-number-04.svg) no-repeat; background-size: contain; } #hakubaku .recipe:nth-child(even) .img-area { margin-left: -40px; } #hakubaku .recipe:nth-child(even) .text-area { margin-left: 60px; } #hakubaku .recipe:nth-child(odd) .inner-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } #hakubaku .recipe:nth-child(odd) .img-area { margin-right: -40px; } #hakubaku .recipe:nth-child(odd) .text-area { margin-right: 57px; } #hakubaku .recipe01-content { padding-top: 44px; } #hakubaku .recipe01-content h2 { margin-bottom: 35px; } #hakubaku .recipe01-content .img-area img { width: 520px; } #hakubaku .recipe01-content .text-area { margin-top: 65px; } #hakubaku .recipe02-content { padding-top: 82px; } #hakubaku .recipe02-content .makeing-list { letter-spacing: 1px; } #hakubaku .recipe03-content { padding-top: 96px; } #hakubaku .recipe04-content { padding-top: 100px; } #hakubaku .recipe04-content .number { left: -44px; top: -81px; } #hakubaku .recipe05-content { padding-top: 88px; } #hakubaku .recipe05-content .text-area { margin-top: 23px; } #hakubaku .recipe06-content { padding-top: 93px; padding-bottom: 110px; } #hakubaku .recipe06-content .text-area { margin-top: 17px; } #hakubaku .recipe06-content .makeing-list { letter-spacing: 1px; } #hakubaku .recipe06-content .number { left: -44px; top: -85px; } #hakubaku .hakubaku-site { padding: 87px 0 80px; background: url(../images/hakubaku/site-bg.png); font-family: "Noto Sans JP", sans-serif; } #hakubaku .hakubaku-site .inner-wrap { text-align: center; } #hakubaku .hakubaku-site .site-mugi { left: 67px; top: -42px; } #hakubaku .hakubaku-site .site-pkg { right: 10px; top: -125px; } #hakubaku .hakubaku-site .site-speech_balloons span { display: inline-block; position: relative; font-size: 18px; } #hakubaku .hakubaku-site .site-speech_balloons span::before, #hakubaku .hakubaku-site .site-speech_balloons span::after { content: ""; position: absolute; width: 25px; height: 40px; top: -4px; } #hakubaku .hakubaku-site .site-speech_balloons span::before { background: url(../images/hakubaku/site-left.svg); background-size: cover; left: -34px; } #hakubaku .hakubaku-site .site-speech_balloons span::after { background: url(../images/hakubaku/site-right.svg); background-size: cover; right: -36px; } #hakubaku .hakubaku-site .main-text { margin-top: 12px; font-size: 37px; font-weight: 500; } #hakubaku .hakubaku-site .btn-hakubaku { margin-top: 20px; padding: 16px 0; display: inline-block; text-decoration: none; color: #fff; background: #c61a25; width: 305px; font-size: 18px; border-radius: 50px; position: relative; -webkit-transition: .5s; transition: .5s; } #hakubaku .hakubaku-site .btn-hakubaku::after { content: ""; position: absolute; top: 50%; right: 1.7em; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; } #hakubaku .hakubaku-site .btn-hakubaku:hover { opacity: .8; } }

@media screen and (max-width: 1000px) { .sp-hidden { display: none !important; } #hakubaku { overflow: hidden; } #hakubaku img { max-width: 100%; vertical-align: bottom; } #hakubaku .inner-wrap { padding: 0 5.3333333333%; margin: 0 auto; } #hakubaku .lead-text { color: #000; font-family: "Shippori Mincho", serif; } #hakubaku .lead-text .colour { color: #b2000e; font-weight: 600; letter-spacing: -1px; } #hakubaku .pic { position: absolute; z-index: 3; display: block; left: 0; top: 0; } #hakubaku .pic img { width: 100%; } #hakubaku .mainvisual-section { background: url(../images/hakubaku/bg-mainvisual-sp.png) no-repeat center top, #fff; background-size: contain; box-sizing: border-box; position: relative; } #hakubaku .mainvisual-section img { width: 100%; } #hakubaku .mainvisual-section .logo { margin: 5.3333333333% 72.2666666667% 0 2.6666666667%; -webkit-transition: .3s; transition: .3s; } #hakubaku .mainvisual-section .logo:hover { opacity: .7; } #hakubaku .mainvisual-section .title { padding: 70.8955223881% 3.7313432836% 92.5373134328%; } #hakubaku .mainvisual-section .title span { display: block; } #hakubaku .mainvisual-section .title .sub { padding: 0 1.4925373134%; } #hakubaku .mainvisual-section .title .main { margin-top: 6.4179104478%; } #hakubaku .mainvisual-section .lead-img { padding: 0 0 0 12.3880597015%; position: relative; left: 0; top: 0; } #hakubaku .mainvisual-section .lead-img img { margin-left: 4.0298507463%; } #hakubaku .mainvisual-section .lead-text { margin-top: 10.447761194%; padding: 0 5.9701492537%; text-align: center; line-height: 1.57; font-size: 5.3333333333vw; } #hakubaku .mainvisual-section .lead-text .colour { font-size: 6.9333333333vw; } #hakubaku .mainvisual-section .lead-text .letter_space { letter-spacing: -.1em; } #hakubaku .about-section { padding: 26% 0 10%; background: #fff; } #hakubaku .about-section .profile-area { padding: 26.4% 0 0; background: url(../images/hakubaku/about-bg-sp.png) no-repeat, #e2e2e2; background-position: center top; background-size: contain; position: relative; } #hakubaku .about-section .profile { padding: 2.9850746269%; background: url(../images/hakubaku/about-chinami-bg-sp.png) repeat; position: relative; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); } #hakubaku .about-section .profile-line { padding: 9.5238095238% 8.7301587302% 94.2857142857%; border: 1px solid #85859f; } #hakubaku .about-section .about-recipe { margin-top: -22.9333333333%; padding-left: 54.4%; } #hakubaku .about-section .about-recipe img { position: relative; } #hakubaku .about-section .about-cutlery { margin: 0 0 -19.6% 0.4%; padding-right: 58%; top: auto; bottom: 0; z-index: 5; } #hakubaku .about-section .profile-photo { padding: 0 18.4615384615%; bottom: 0; top: auto; } #hakubaku .about-section .name { font-family: "Shippori Mincho", serif; font-size: 8.2666666667vw; } #hakubaku .about-section .jobtitle { margin-top: .2em; font-size: 4vw; letter-spacing: 2px; font-family: "Shippori Mincho", serif; } #hakubaku .about-section .text { margin-top: 6.5637065637%; font-size: 3.7333333333vw; text-align: justify; letter-spacing: -1px; } #hakubaku .about-section .lead-text { padding: 25.3333333333% 0 24.9333333333%; background: #e2e2e2; font-size: 6.6666666667vw; letter-spacing: -1px; text-align: center; } #hakubaku .about-section .lead-text span { font-size: 7.2vw; } #hakubaku .up-content { position: relative; } #hakubaku .up-content::after { content: ""; padding-top: 197.3333333333%; width: 100%; position: absolute; left: 0; top: 0; background: #e8b230; } #hakubaku .up-content .inner-wrap { padding-top: 5.3333333333%; } #hakubaku .up-content ul { padding: 16.4179104478% 14.9253731343% 17.4626865672%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; background: url(../images/hakubaku/up-content-bg-sp.png) no-repeat; background-size: cover; position: relative; z-index: 2; color: #fff; } #hakubaku .up-content li { width: 100%; } #hakubaku .up-content li + li { margin-top: 22.7659574468%; } #hakubaku .up-content .up-title { margin-bottom: 9.5744680851%; padding-bottom: 8.9361702128%; text-align: center; font-size: 6.5333333333vw; font-family: "Shippori Mincho", serif; line-height: 1.35; border-bottom: 2px solid #e7bc54; } #hakubaku .up-content .up-title span { color: #ffff00; } #hakubaku .up-content .up-text { font-size: 3.7333333333vw; font-family: "Noto Sans JP", sans-serif; text-align: justify; } #hakubaku .speech_balloons { padding: 11.7333333333% 0; font-size: 4.8vw; position: relative; letter-spacing: -1px; text-align: center; font-family: "Noto Sans JP", sans-serif; } #hakubaku .speech_balloons::after { padding: 5.0666666667% 44.8%; content: ""; position: absolute; background: url(../images/hakubaku/about-speech_balloons-sp.png) no-repeat; background-size: contain; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #hakubaku .nav-section { background: #121347; } #hakubaku .nav-section .inner-wrap { padding: 0; } #hakubaku .nav-section .nav-list { display: -webkit-box; display: flex; flex-wrap: wrap; } #hakubaku .nav-section .nav-list > li { width: 33.33%; position: relative; } #hakubaku .nav-section .nav-list > li + li::after { content: ""; height: 100%; width: 1px; background: #fff; opacity: .5; position: absolute; left: 0; top: 0; } #hakubaku .nav-section .nav-list > li:nth-child(4)::after { display: none; } #hakubaku .nav-section .nav-list > li:nth-child(n+4)::before { content: ""; height: 1px; width: 100%; background: #fff; opacity: .5; position: absolute; left: 0; top: 0; } #hakubaku .nav-section .nav-list a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-decoration: none; height: 8.5em; font-size: 3.7333333333vw; font-family: "Noto Sans JP", sans-serif; text-align: center; line-height: 1.4; color: #fff; position: relative; -webkit-transition: .3s; transition: .3s; } #hakubaku .nav-section .nav-list a:after { content: ""; position: absolute; bottom: .8em; left: 50%; -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); width: .5em; height: .5em; border-top: 1px solid #fff; border-right: 1px solid #fff; } #hakubaku .nav-section .nav-list a:hover { opacity: .5; } #hakubaku .recipe { padding-top: 13.3333333333%; background: #f9f9f9; } #hakubaku .recipe .img-area img { width: 100%; } #hakubaku .recipe .text-area { margin-top: 6.4179104478%; } #hakubaku .recipe h2 { margin-bottom: 6.7164179104%; font-size: 8.4vw; font-family: "Shippori Mincho", serif; letter-spacing: -4px; line-height: 1.2; } #hakubaku .recipe .title { font-family: "Shippori Mincho", serif; font-size: 5.6vw; } #hakubaku .recipe .ingredients { padding: 3.7313432836% 0 6.7164179104%; border-bottom: 4px solid; border-top: 4px solid; position: relative; } #hakubaku .recipe .ingredients-list { margin-top: 2.9850746269%; font-size: 3.7333333333vw; font-family: "Noto Sans JP", sans-serif; } #hakubaku .recipe .ingredients-list li { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: relative; } #hakubaku .recipe .ingredients-list li::after { content: ""; background: url(../images/hakubaku/dotted-sp.svg) no-repeat; height: 4px; width: 100%; position: absolute; left: 0; top: 58%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #hakubaku .recipe .ingredients-list span { display: inline-block; background: #f9f9f9; position: relative; z-index: 2; } #hakubaku .recipe .ingredients-list span:first-child { padding-right: 1em; } #hakubaku .recipe .ingredients-list span:last-child { padding-left: 1em; position: absolute; right: 0; } #hakubaku .recipe .number { top: 0; margin-top: -15.5223880597%; padding-left: 61.4925373134%; } #hakubaku .recipe .makeing { margin-top: 3.7313432836%; } #hakubaku .recipe .makeing-list { margin-top: 2.9850746269%; margin-left: 2.2em; font-size: 3.7333333333vw; font-family: "Noto Sans JP", sans-serif; } #hakubaku .recipe .makeing-list li + li { margin-top: .7em; } #hakubaku .recipe .makeing-list li { position: relative; } #hakubaku .recipe .makeing-list li::before { content: ""; width: 1.4em; height: 1.6em; position: absolute; left: -2.2em; top: -.1em; } #hakubaku .recipe .makeing-list li:first-child::before { background: url(../images/hakubaku/recipe-number-01.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(2)::before { background: url(../images/hakubaku/recipe-number-02.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(3)::before { background: url(../images/hakubaku/recipe-number-03.svg) no-repeat; background-size: contain; } #hakubaku .recipe .makeing-list li:nth-child(4)::before { background: url(../images/hakubaku/recipe-number-04.svg) no-repeat; background-size: contain; } #hakubaku .recipe01-content { padding-top: 4%; } #hakubaku .recipe01-content .text-area { margin-top: 1.4925373134%; } #hakubaku .recipe02-content .number { margin-top: -17.1641791045%; } #hakubaku .recipe03-content { padding-top: 12%; } #hakubaku .recipe03-content .number { margin-top: -20.1492537313%; } #hakubaku .recipe04-content { padding-top: 12.6666666667%; } #hakubaku .recipe04-content .text-area { margin-top: 5.3731343284%; } #hakubaku .recipe04-content .number { margin-top: -20.1492537313%; } #hakubaku .recipe05-content { padding-top: 11.3333333333%; } #hakubaku .recipe05-content .text-area { margin-top: 5.3731343284%; } #hakubaku .recipe05-content .number { margin-top: -20.1492537313%; } #hakubaku .recipe05-content .number img { right: -6.25%; position: relative; } #hakubaku .recipe06-content { padding-bottom: 26%; } #hakubaku .recipe06-content .text-area { margin-top: 5.3731343284%; } #hakubaku .recipe06-content .number { margin-top: -23.2835820896%; } #hakubaku .recipe06-content .number img { right: -4.0322580645%; position: relative; } #hakubaku .hakubaku-site { padding: 44% 0 13.3333333333%; background: url(../images/hakubaku/site-bg.png); font-family: "Noto Sans JP", sans-serif; position: relative; } #hakubaku .hakubaku-site .inner-wrap { text-align: center; } #hakubaku .hakubaku-site .site-mugi { display: none; } #hakubaku .hakubaku-site .site-pkg { margin-top: -6.2666666667%; padding: 0 28.4% 0 17.8666666667%; top: 0; left: 0; } #hakubaku .hakubaku-site .site-speech_balloons { position: relative; } #hakubaku .hakubaku-site .site-speech_balloons span { display: inline-block; font-size: 3.7333333333vw; } #hakubaku .hakubaku-site .site-speech_balloons::after { margin-top: -1.4925373134%; padding-top: 10.1492537313%; content: ""; position: absolute; width: 100%; top: 0; left: 0; background: url(../images/hakubaku/site-speech_balloons.svg); background-size: cover; } #hakubaku .hakubaku-site .main-text { margin-top: 3.2835820896%; font-size: 8.8vw; font-weight: 500; } #hakubaku .hakubaku-site .btn-hakubaku { margin-top: 6.7164179104%; padding: 4.4776119403% 0; display: inline-block; text-decoration: none; color: #fff; background: #c61a25; width: 100%; font-size: 5.0666666667vw; border-radius: 100px; position: relative; -webkit-transition: .5s; transition: .5s; } #hakubaku .hakubaku-site .btn-hakubaku::after { content: ""; position: absolute; top: 50%; right: 2.5em; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: .5em; height: .5em; border-top: 2px solid #fff; border-right: 2px solid #fff; } #hakubaku .hakubaku-site .btn-hakubaku:hover { opacity: .8; } .pagetop { margin: 0; padding: 1em; } }