@charset "UTF-8";
@media screen and (max-width: 428px) { ._none-sm { display: none; } }

@media screen and (min-width: 429px) and (max-width: 720px) { ._none-md { display: none; } }

@media screen and (min-width: 721px) and (max-width: 1024px) { ._none-lg { display: none; } }

@media print, screen and (min-width: 1025px) { ._none-xl { display: none; } }

._nowrap { white-space: nowrap; }

@keyframes _fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes _fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes _up { 0% { transform: translateY(20px); }
  100% { transform: translateY(0); } }
@keyframes _zoom { 0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); } }
._fadeInUp._waiting { visibility: hidden; }
._fadeInUp._running { visibility: visible; animation: _fadeIn 1000ms, _up 1000ms; }

._fadeInZoom._waiting { opacity: 0; }
._fadeInZoom._running { animation: _fadeIn 250ms forwards, _zoom 250ms cubic-bezier(0.82, 1.65, 0.685, 0.785); }

body { overflow-y: scroll; }
body._isLoading { position: fixed; }

#Container ._delay100 { animation-delay: 100ms; }
#Container ._delay200 { animation-delay: 200ms; }
#Container ._delay300 { animation-delay: 300ms; }
#Container ._delay400 { animation-delay: 400ms; }
#Container ._delay500 { animation-delay: 500ms; }
#Container ._delay600 { animation-delay: 600ms; }
#Container ._delay700 { animation-delay: 700ms; }
#Container ._delay800 { animation-delay: 800ms; }
#Container ._delay900 { animation-delay: 900ms; }
#Container ._delay1000 { animation-delay: 1000ms; }

#Loading { background: url("../images/loading.gif") no-repeat 50% 50% #FFF; width: 100%; height: 100vh; position: fixed; z-index: 99999; top: 0; left: 0; }

#Container { width: 100%; min-width: 320px; overflow: hidden; position: relative; font-size: 12px; }
@media (min-width: 320px) { #Container { font-size: calc(12px + (16 - 12) * (100vw - 320px) / (428 - 320)); } }
@media (min-width: 428px) { #Container { font-size: 16px; } }

#HeaderArea { text-align: left; background-color: #32B9AF; box-sizing: border-box; width: 100%; position: fixed; z-index: 10000; top: 0; left: 0; }
@media screen and (max-width: 428px) { #HeaderArea { height: 50px; } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #HeaderArea { height: 80px; } }
@media print, screen and (min-width: 1025px) { #HeaderArea { height: 100px; } }

#HeaderLogo { position: absolute; top: 50%; transform: translateY(-50%); }
#HeaderLogo img { width: auto; }
@media screen and (max-width: 428px) { #HeaderLogo img { height: 50px; } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #HeaderLogo img { height: 76px; } }
@media print, screen and (min-width: 1025px) { #HeaderLogo img { height: 86px; } }

@media screen and (max-width: 428px) { #HeaderNav ._icon { width: 40px; height: 40px; }
  #HeaderNav ._icon span { width: 20px; }
  #HeaderNav ._icon span::before, #HeaderNav ._icon span::after { width: 20px; } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #HeaderNav ._icon { width: 50px; height: 50px; }
  #HeaderNav ._icon span { width: 30px; }
  #HeaderNav ._icon span::before, #HeaderNav ._icon span::after { width: 30px; } }
@media screen and (max-width: 1024px) { #HeaderNav ._icon { position: absolute; top: 50%; right: 0.97656vw; cursor: pointer; transform: translateY(-50%); }
  #HeaderNav ._icon span { background: transparent; height: 2px; display: block; position: absolute; top: 50%; left: 50%; transition: .2s; transform: translate(-50%, -50%); }
  #HeaderNav ._icon span::before, #HeaderNav ._icon span::after { background: #FFF; height: 2px; display: block; position: absolute; left: 0; content: ""; transition: .3s; will-change: transform; }
  #HeaderNav ._icon span::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #HeaderNav ._icon span::after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } }
@media print, screen and (min-width: 1025px) { #HeaderNav ._icon { display: none; } }
@media screen and (max-width: 1024px) { #HeaderNav.-closed ._icon span { background: #FFF; }
  #HeaderNav.-closed ._icon span::before, #HeaderNav.-closed ._icon span::after { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }
@media screen and (max-width: 1024px) and (max-width: 428px) { #HeaderNav.-closed ._icon span::before { top: -7px; } }
@media screen and (max-width: 1024px) and (min-width: 429px) and (max-width: 1024px) { #HeaderNav.-closed ._icon span::before { top: -12px; } }
@media screen and (max-width: 1024px) and (max-width: 428px) { #HeaderNav.-closed ._icon span::after { bottom: -7px; } }
@media screen and (max-width: 1024px) and (min-width: 429px) and (max-width: 1024px) { #HeaderNav.-closed ._icon span::after { bottom: -12px; } }
@media screen and (max-width: 1024px) { #HeaderNav.-closed ul { transform: translateX(0); } }
@media screen and (max-width: 428px) { #HeaderNav ._wrapper { top: 50px; } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #HeaderNav ._wrapper { top: 80px; } }
@media screen and (max-width: 1024px) { #HeaderNav ._wrapper { position: absolute; right: 0; transform: translateX(100%); } }
@media screen and (max-width: 428px) { #HeaderNav ul { width: 180px; max-height: calc(100vh - 50px); } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #HeaderNav ul { width: 200px; max-height: calc(100vh - 80px); } }
@media screen and (max-width: 1024px) { #HeaderNav ul { text-align: center; background-color: rgba(0, 0, 0, 0.8); overflow-y: scroll; transition: transform 400ms; transform: translateX(-100%); will-change: transform; }
  #HeaderNav ul::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0.2); width: 4px; }
  #HeaderNav ul::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; } }
@media print, screen and (min-width: 1025px) { #HeaderNav ul { box-sizing: border-box; height: 100px; padding-right: 1.95313vw; padding-bottom: 0.19531vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }
@media screen and (max-width: 1024px) { #HeaderNav li { border-top: 1px solid rgba(255, 255, 255, 0.3); }
  #HeaderNav li:first-child { border-top: none; } }
@media print, screen and (min-width: 1025px) { #HeaderNav li { margin: 0 0.19531vw; } }
#HeaderNav li a { display: block; }
@media screen and (max-width: 1024px) { #HeaderNav li a { padding: 1em; transition: background-color 400ms; }
  body:not([data-device="touchDevice"]) #HeaderNav li a:hover { background-color: rgba(255, 255, 255, 0.3); transition: background-color 800ms; } }
@media print, screen and (min-width: 1025px) { #HeaderNav li a { padding: 0.48828vw; position: relative; transition: opacity 400ms; }
  body:not([data-device="touchDevice"]) #HeaderNav li a:hover::after { opacity: .5; transition: opacity 800ms; }
  #HeaderNav li a::after { background-color: #FFF; width: 100%; height: 3px; position: absolute; bottom: -8px; left: 0; opacity: 0; content: ""; } }
@media screen and (max-width: 1024px) { #HeaderNav li._current a { background-color: rgba(255, 255, 255, 0.2); transition: background-color 800ms; } }
@media print, screen and (min-width: 1025px) { #HeaderNav li._current a::after { opacity: .5; transition: opacity 800ms; } }
@media screen and (max-width: 1024px) { #HeaderNav img { height: 2.2em; max-height: 36px; } }
@media print, screen and (min-width: 1025px) { #HeaderNav img { width: auto; height: 2.92969vw; max-height: 38px; } }

#MainArea ._anchor { position: absolute; }
@media screen and (max-width: 428px) { #MainArea ._anchor { top: -50px; } }
@media screen and (min-width: 429px) and (max-width: 1024px) { #MainArea ._anchor { top: -80px; } }
@media print, screen and (min-width: 1025px) { #MainArea ._anchor { top: -100px; } }
@media print, screen and (min-width: 721px) { #MainArea ._website { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } }
#MainArea ._website ._icon { vertical-align: middle; width: 1.5em; height: 1.5em; margin-left: 1em; }
#MainArea ._website h4 { font-size: 0.875em; font-weight: normal; line-height: 1; white-space: nowrap; letter-spacing: .05em; box-sizing: border-box; padding: .7em 1em .6em 1em; }
@media screen and (max-width: 720px) { #MainArea ._website h4 { text-align: center; } }
#MainArea ._website ul { padding-top: .6em; }
@media print, screen and (min-width: 721px) { #MainArea ._website ul { padding-left: 1em; } }
#MainArea ._website li { line-height: 1.6; letter-spacing: .05em; margin-bottom: .5em; }
@media screen and (max-width: 720px) { #MainArea ._website li { font-size: 0.75em; } }
@media print, screen and (min-width: 721px) { #MainArea ._website li { font-size: 0.875em; } }
#MainArea ._website li a { color: #333; }

#Contact { text-align: left; background-color: #1E9E92; }
#Contact > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #Contact > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#Contact_Heading { width: 26.73469vw; min-width: 131px; max-width: 262px; margin: 0 auto 2.5em auto; }
#Contact_Heading img { width: 100%; }
#Contact_Text { color: #FFF; line-height: 1.4; text-align: center; letter-spacing: .1em; margin-top: 3em; }
@media screen and (max-width: 720px) { #Contact_Text { font-size: 1.125em; } }
@media print, screen and (min-width: 721px) { #Contact_Text { font-size: 1.5em; } }
@media print, screen and (min-width: 721px) { #Contact ._wrapper { margin-top: 2em; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
@media screen and (max-width: 720px) { #Contact_Tel { width: 80%; margin: 1.5em auto 0 auto; } }
@media print, screen and (min-width: 721px) { #Contact_Tel { width: 50%; } }
#Contact_Tel a { color: #32B9AF; text-align: center; text-decoration: none; background-color: #FFF; display: block; }
@media screen and (max-width: 720px) { #Contact_Tel a { letter-spacing: .05em; padding: 1em; } }
@media print, screen and (min-width: 721px) { #Contact_Tel a { letter-spacing: .1em; padding: 1.5em; } }
#Contact_Tel span { display: inline-block; }
@media screen and (max-width: 720px) { #Contact_Tel span { font-size: 1.5em; } }
@media screen and (min-width: 721px) and (max-width: 1024px) { #Contact_Tel span { font-size: 1.75em; } }
@media print, screen and (min-width: 1025px) { #Contact_Tel span { font-size: 2.25em; } }
#Contact_Tel small { margin-top: .5em; display: inline-block; }
@media screen and (max-width: 1024px) { #Contact_Tel small { font-size: 0.875em; } }
@media print, screen and (min-width: 1025px) { #Contact_Tel small { font-size: 1.125em; } }
#Contact_Mail { background-color: #FFF; }
@media screen and (max-width: 720px) { #Contact_Mail { width: 80%; margin: 1.5em auto 0 auto; } }
@media print, screen and (min-width: 721px) { #Contact_Mail { width: 50%; } }
#Contact_Mail a { color: #FFF; text-decoration: none; background-color: #32B9AF; box-sizing: border-box; width: 100%; height: 100%; }
@media screen and (max-width: 720px) { #Contact_Mail a { font-size: 1.5em; text-align: center; letter-spacing: .05em; padding: 1em; display: block; } }
@media screen and (min-width: 721px) and (max-width: 1024px) { #Contact_Mail a { font-size: 1.75em; } }
@media print, screen and (min-width: 1025px) { #Contact_Mail a { font-size: 2.25em; } }
@media print, screen and (min-width: 721px) { #Contact_Mail a { letter-spacing: .1em; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  body:not([data-device="touchDevice"]) #Contact_Mail a:hover { opacity: .7; transition: 400ms; } }

#WatchContact_Text { color: #FFF; line-height: 1.4; text-align: center; letter-spacing: .1em; }
@media screen and (max-width: 720px) { #WatchContact_Text { font-size: 1.125em; margin-top: 1.5em; } }
@media screen and (min-width: 721px) and (max-width: 1024px) { #WatchContact_Text { margin-top: 2em; } }
@media print, screen and (min-width: 1025px) { #WatchContact_Text { margin-top: 3em; } }
@media print, screen and (min-width: 721px) { #WatchContact_Text { font-size: 1.5em; } }
@media screen and (max-width: 720px) { #WatchContact_Tel { width: 80%; margin: 1.5em auto 0 auto; } }
@media print, screen and (min-width: 721px) { #WatchContact_Tel { width: 50%; margin: 2em auto 0 auto; } }
#WatchContact_Tel a { color: #32B9AF; text-align: center; text-decoration: none; background-color: #FFF; display: block; }
@media screen and (max-width: 720px) { #WatchContact_Tel a { letter-spacing: .05em; padding: 1em; } }
@media print, screen and (min-width: 721px) { #WatchContact_Tel a { letter-spacing: .1em; padding: 1.5em; } }
#WatchContact_Tel span { display: inline-block; }
@media screen and (max-width: 720px) { #WatchContact_Tel span { font-size: 1.5em; } }
@media screen and (min-width: 721px) and (max-width: 1024px) { #WatchContact_Tel span { font-size: 1.75em; } }
@media print, screen and (min-width: 1025px) { #WatchContact_Tel span { font-size: 2.25em; } }
#WatchContact_Tel small { margin-top: .5em; display: inline-block; }
@media screen and (max-width: 1024px) { #WatchContact_Tel small { font-size: 0.875em; } }
@media print, screen and (min-width: 1025px) { #WatchContact_Tel small { font-size: 1.125em; } }

#PrivacyPolicy._isVisible { width: 100%; display: block; }
#PrivacyPolicy._isVisible > ._overlay { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; display: block; position: fixed; z-index: 5000; top: 0; left: 0; }
#PrivacyPolicy._isHidden { display: none; }
#PrivacyPolicy > ._inner { text-align: left; background-color: #FFF; box-sizing: border-box; width: 92%; max-width: 980px; position: absolute; z-index: 5500; top: 0; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 720px) { #PrivacyPolicy > ._inner { margin-top: 2em; padding: 3em 4%; } }
@media print, screen and (min-width: 721px) { #PrivacyPolicy > ._inner { margin-top: 3em; padding: 70px 50px 50px 50px; } }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ul { margin-top: 2em; padding-left: 1em; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ul { margin-top: 1em; padding-left: 1em; } }
#PrivacyPolicy li { color: #333; text-align: left; list-style: decimal; margin-bottom: 1em; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy li { font-size: 0.875em; line-height: 1.6; } }
@media screen and (max-width: 720px) { #PrivacyPolicy li { font-size: 0.875em; line-height: 1.4; } }
#PrivacyPolicy li a { color: #E61E69; }
#PrivacyPolicy ._heading { font-weight: normal; color: #333; line-height: 1.4; text-align: center; background-color: #E0F5F3; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._heading { font-size: 1.3125em; margin-bottom: 40px; padding: 1.5em; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._heading { font-size: 1.125em; margin-bottom: 2em; padding: 1em; } }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._heading ._sp { display: none; } }
#PrivacyPolicy ._text { color: #333; text-align: left; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._text { font-size: 0.875em; line-height: 1.6; margin-top: 1em; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._text { font-size: 0.875em; line-height: 1.4; margin-top: 1em; } }
#PrivacyPolicy ._text a { color: #E61E69; }
#PrivacyPolicy ._contact { color: #333; text-align: center; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._contact { margin-top: 2em; } }
#PrivacyPolicy ._contact_heading { font-size: 1em; font-weight: normal; line-height: 1.6; }
#PrivacyPolicy ._contact_heading:before { content: "［ "; }
#PrivacyPolicy ._contact_heading:after { content: " ］"; }
#PrivacyPolicy ._contact_text { font-size: 1em; line-height: 1.6; }
#PrivacyPolicy ._contact_mail { text-align: center; letter-spacing: .1em; box-sizing: border-box; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._contact_mail { font-size: 1.5em; margin: .5em auto 0 auto; display: inline-block; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._contact_mail { font-size: 1.125em; } }
#PrivacyPolicy ._contact_mail a { color: #FFF; text-decoration: none; background-color: #32B9AF; position: relative; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._contact_mail a { margin: 0 auto; padding: 1em 3em; display: block; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._contact_mail a { box-sizing: border-box; margin: 1.5em auto 0 auto; padding: 1em; display: inline-block; }
  #PrivacyPolicy ._contact_mail a span { display: none; } }
body:not([data-device="touchDevice"]) #PrivacyPolicy ._contact_mail a:hover { opacity: .7; transition: 400ms; }
#PrivacyPolicy ._btnClose { text-align: center; text-indent: -9999px; background: none; border: none; outline: none; display: inline-block; position: absolute; cursor: pointer; }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._btnClose { width: 24px; height: 24px; top: 15px; right: 12px; } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._btnClose { width: 22px; height: 22px; top: 10px; right: 10px; } }
body:not([data-device="touchDevice"]) #PrivacyPolicy ._btnClose:hover { opacity: .7; transition: 400ms; }
#PrivacyPolicy ._btnClose::before, #PrivacyPolicy ._btnClose::after { background: #333; padding: 0; display: block; position: absolute; content: ""; transform: rotate(45deg); }
@media print, screen and (min-width: 721px) { #PrivacyPolicy ._btnClose::before, #PrivacyPolicy ._btnClose::after { width: 2px; height: 30px; top: -2px; left: calc(50% - 1px); } }
@media screen and (max-width: 720px) { #PrivacyPolicy ._btnClose::before, #PrivacyPolicy ._btnClose::after { width: 1px; height: 20px; top: 1px; left: calc(50% - .5px); } }
#PrivacyPolicy ._btnClose::before { transform: rotate(45deg); }
#PrivacyPolicy ._btnClose::after { transform: rotate(-45deg); }

#SdgsArea > ._inner { text-align: left; }
@media print, screen and (min-width: 721px) { #SdgsArea > ._inner { max-width: 980px; margin: 0 auto; padding: 0 20px; } }
#SdgsArea_Heading { width: 55.71429vw; min-width: 273px; max-width: 546px; margin: 0 auto; }
#SdgsArea_Heading img { width: 100%; }
#SdgsArea_List { width: 100%; margin-top: 2em; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#SdgsArea_List li { width: 15.10204%; margin-bottom: 1.83673%; margin-left: 1.83673%; }
#SdgsArea_List li:nth-child(6n + 1) { margin-left: 0; }
#SdgsArea_List li img { width: 100%; }
#SdgsArea_About { font-weight: normal; color: #333; text-align: left; letter-spacing: .1em; }
@media screen and (max-width: 428px) { #SdgsArea_About { font-size: 1.125em; margin-top: 1.5em; } }
@media print, screen and (min-width: 429px) { #SdgsArea_About { font-size: 1.5em; margin-top: 1em; } }
#SdgsArea_Text { font-size: 0.875em; color: #333; line-height: 1.6; text-align: left; letter-spacing: .08em; margin-top: 1.5em; }
#SdgsArea_Link { font-size: 0.875em; line-height: 1.6; text-align: left; letter-spacing: .08em; margin-top: 1.5em; }
#SdgsArea_Link a { color: #32B9AF; text-decoration: none; }
body:not([data-device="touchDevice"]) #SdgsArea_Link a:hover { text-decoration: underline; }

#FooterArea { background-color: #F1F1F1; }
@media print, screen and (min-width: 429px) { #FooterArea { text-align: left; } }
#FooterArea > ._inner { max-width: 980px; position: relative; }
@media screen and (max-width: 428px) { #FooterArea > ._inner { padding: 2em 1em; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #FooterArea > ._inner { padding: 2em 1.5em; } }
@media print, screen and (min-width: 721px) { #FooterArea > ._inner { margin: 0 auto; padding: 3em 1.5em; } }
#FooterArea ul { text-align: left; }
#FooterArea li { font-size: 0.875em; line-height: 1.6; letter-spacing: .05em; }
@media screen and (max-width: 428px) { #FooterArea li { margin-bottom: .8em; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #FooterArea li { font-size: calc(.8875em + (1 - .8875) * ((100vw - 429em) / (720 - 429))); width: 48%; } }
@media print, screen and (min-width: 429px) { #FooterArea li { box-sizing: border-box; margin-bottom: 1em; display: inline-block; } }
@media print, screen and (min-width: 721px) { #FooterArea li { width: 33%; }
  #FooterArea li:nth-child(3n + 1) { width: 30%; } }
#FooterArea li a { color: #333; text-decoration: none; display: inline-block; position: relative; }
@media screen and (max-width: 428px) { #FooterArea li a { padding-right: 1.2em; } }
@media print, screen and (min-width: 429px) { #FooterArea li a { padding-right: 1em; } }
body:not([data-device="touchDevice"]) #FooterArea li a:hover { text-decoration: underline; }
#FooterArea li a::after { border-top: solid 1px #32B9AF; border-right: solid 1px #32B9AF; width: .6em; height: .6em; margin-top: -0.42426em; position: absolute; top: 50%; right: 0; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 428px) { #FooterArea_Logo { text-align: center; margin-top: 2em; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #FooterArea_Logo { text-align: center; margin-top: 1em; } }
@media print, screen and (min-width: 721px) { #FooterArea_Logo { text-align: left; margin-top: 2em; } }
#FooterArea_Logo ._item { display: inline-block; }
@media screen and (max-width: 720px) { #FooterArea_Logo ._item { vertical-align: bottom; margin-left: 5.43478%; } }
@media print, screen and (min-width: 721px) { #FooterArea_Logo ._item { vertical-align: top; margin-left: 50px; } }
#FooterArea_Logo ._item:first-child { margin-left: 0; }
@media screen and (max-width: 720px) { #FooterArea_Logo ._item-cu { width: 41.08696%; max-width: 189px; } }
@media screen and (max-width: 720px) { #FooterArea_Logo ._item-nextalk { width: 50%; max-width: 230px; } }
body:not([data-device="touchDevice"]) #FooterArea_Logo ._item a:hover { opacity: .7; transition: 400ms; }
@media print, screen and (min-width: 429px) { #FooterArea_Logo ._item a { vertical-align: top; display: inline-block; } }
@media screen and (max-width: 720px) { #FooterArea_Logo ._item a img { width: 100%; height: auto; } }
@media print, screen and (min-width: 721px) { #FooterArea_Logo ._item a img { width: auto; height: 79px; } }
@media screen and (max-width: 720px) { #FooterArea_Logo ._item span { display: none; } }
@media print, screen and (min-width: 721px) { #FooterArea_Logo ._item span { vertical-align: top; margin: 7px 0 0 18px; display: inline-block; } }
@media print, screen and (min-width: 429px) { #FooterArea_Logo ._item span img { width: 80px; } }
@media screen and (max-width: 1024px) { #FooterArea_Sns { text-align: center; margin-top: 2em; } }
@media print, screen and (min-width: 1025px) { #FooterArea_Sns { position: absolute; top: auto; right: 10px; bottom: 64px; } }
#FooterArea_Sns a { vertical-align: bottom; margin: 0 4px; }
body:not([data-device="touchDevice"]) #FooterArea_Sns a:hover { opacity: .7; transition: 400ms; }
@media print, screen and (min-width: 429px) { #FooterArea_Sns img { width: 36px; } }
@media screen and (max-width: 428px) { #FooterArea_Sns img { width: 30px; } }
#FooterArea_Copyright { text-align: center; background-color: #333; }
@media screen and (max-width: 428px) { #FooterArea_Copyright { padding: 1em; } }
@media print, screen and (min-width: 429px) { #FooterArea_Copyright { padding: 2em 1em; } }
#FooterArea_Copyright p { font-size: 0.75em; color: #FFF; line-height: 1.4; }
@media screen and (max-width: 428px) { #FooterArea_Copyright p { letter-spacing: .05em; } }
@media print, screen and (min-width: 429px) { #FooterArea_Copyright p { letter-spacing: .1em; } }

#ToPageTopButton { width: 48px; height: 48px; visibility: hidden; position: fixed; z-index: 9999; opacity: 0; cursor: pointer; transition: opacity 400ms, visibility 400ms; }
@media screen and (max-width: 428px) { #ToPageTopButton { right: 0; bottom: 0; } }
@media screen and (min-width: 429px) and (max-width: 720px) { #ToPageTopButton { right: 10px; bottom: 10px; } }
@media print, screen and (min-width: 721px) { #ToPageTopButton { right: 15px; bottom: 15px; } }
#ToPageTopButton._isVisible { visibility: visible; opacity: 1; }
#ToPageTopButton a { text-indent: -999px; background-color: rgba(50, 185, 175, 0.9); width: 100%; height: 100%; display: block; overflow: hidden; position: relative; z-index: 1000; }
body:not([data-device="touchDevice"]) #ToPageTopButton a:hover { opacity: .7; transition: 400ms; }
#ToPageTopButton a::after { border-top: solid 3px #FFF; border-left: solid 3px #FFF; width: 13px; height: 13px; position: absolute; top: 20px; left: 16px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*# sourceMappingURL=common.css.map */