@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed { max-width: 100%; }

/* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */
/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

html { font-size: 62.5%; }

body { font-size: 1.6rem; font-family: source-han-sans-japanese, sans-serif; font-weight: bold; width: 100%; position: relative; }

.main { padding-top: 140px; }

@media screen and (max-width: 1080px) { .main { padding-top: 128px; } }

a { color: inherit; text-decoration: none; }

img { height: auto; vertical-align: bottom; }

.container { margin: 0 auto; max-width: 1360px; padding: 0 80px; width: 100%; }

@media screen and (max-width: 768px) { .container { padding: 0 20px; } }

.seOnly { display: none; }

@media screen and (max-width: 331px) { .seOnly { display: block; } }

.spOnly { display: none; }

@media screen and (max-width: 768px) { .spOnly { display: block; } }

.tabOnly { display: none; }

@media screen and (max-width: 1080px) { .tabOnly { display: block; } }

.ltOnly { display: none; }

@media screen and (max-width: 1320px) { .ltOnly { display: block; } }

.pcOnly { display: block; }

@media screen and (max-width: 768px) { .pcOnly { display: none; } }

.freeTrial__btnList, .plan__list, .plan__table { -ms-overflow-style: none; }

.freeTrial__btnList::-webkit-scrollbar, .plan__list::-webkit-scrollbar, .plan__table::-webkit-scrollbar { display: none; }

.top__ttl { font-weight: bold; }

.top__ttl_color_blue { color: #249ae2; }

.top__ttl_underLine_yellow { position: relative; z-index: 0; }

.top__ttl_underLine_yellow::after { content: ""; width: 102%; position: absolute; left: -1%; bottom: 3px; height: calc(100% / 4.5); background: #fcee21; z-index: -1; }

@media screen and (max-width: 768px) { .top__ttl_underLine_yellow::after { height: calc(100% / 2.5); bottom: -1px; } }

.top__logo { width: 310px; }

@media screen and (max-width: 768px) { .top__logo { width: 188px; } }

.trialBtn { display: block; color: #fff; text-align: center; position: relative; z-index: 0; border-radius: 50px; font-weight: bold; overflow: hidden; background: -webkit-gradient(linear, left top, right top, from(#fac000), to(#f18b00)); background: linear-gradient(to right, #fac000, #f18b00); -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 768px) { .trialBtn { font-size: 1.6rem; } }

.trialBtn:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.trialBtn::after { content: ""; background: url(../images/arrow_circle_white.svg) no-repeat; width: 32px; height: 32px; display: block; top: 0; bottom: 0; position: absolute; right: 25px; margin: auto; }

@media screen and (max-width: 768px) { .trialBtn::after { width: 24px; height: 24px; right: 20px; } }

.detailBtn { display: block; color: #fff; text-align: center; position: relative; z-index: 0; border-radius: 50px; font-weight: bold; width: 400px; margin: auto; font-size: 2rem; padding: 23px 0 28px; background: -webkit-gradient(linear, left top, right top, from(#24cce2), to(#249ae2)); background: linear-gradient(to right, #24cce2, #249ae2); -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; }

@media screen and (max-width: 768px) { .detailBtn { width: 270px; font-size: 1.6rem; padding: 14px 0 16px; } }

.detailBtn:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.detailBtn::after { content: ""; background: url(../images/arrow_circle_white.svg) no-repeat; width: 32px; height: 32px; display: block; top: 0; bottom: 0; position: absolute; right: 25px; margin: auto; }

@media screen and (max-width: 768px) { .detailBtn::after { width: 24px; height: 24px; right: 20px; } }

.detailBtn_position_left::after { right: auto; left: 25px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.logo { margin: auto; height: auto; }

@media screen and (max-width: 768px) { .logo { padding: 0 15px; } }

.logo__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -20px; }

@media screen and (max-width: 768px) { .logo__list { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; } }

.logo__list::before, .logo__list::after { content: ""; width: 310px; height: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 768px) { .logo__list::before, .logo__list::after { width: 175px; } }

@media screen and (max-width: 480px) { .logo__list::before, .logo__list::after { width: 50%; } }

.logo__item { padding: 20px; }

@media screen and (max-width: 768px) { .logo__item { padding: 5px; width: 175px; height: 110px; } }

@media screen and (max-width: 480px) { .logo__item { width: 50%; } }

.logo__link { display: block; width: 100%; height: 100%; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); -webkit-transition: .3s; transition: .3s; }

.logo__link:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.media { border-top: 1px solid #e6e6e6; }

.media__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 135px; padding-bottom: 130px; width: 100%; }

@media screen and (max-width: 1080px) { .media__inner { display: block; padding-left: 40px; padding-right: 40px; } }

@media screen and (max-width: 768px) { .media__inner { padding: 50px 0 55px; } }

.media__ttl { max-width: calc(25% + 10px); font-size: 5.2rem; letter-spacing: 0.1em; color: #249ae2; font-family: lato, sans-serif; font-weight: bold; line-height: 0.75em; display: block; }

@media screen and (max-width: 1080px) { .media__ttl { padding-bottom: 25px; } }

@media screen and (max-width: 768px) { .media__ttl { width: 100%; text-align: center; font-size: 2.8rem; line-height: 1; height: auto; } }

@media screen and (max-width: 480px) { .media__ttl { padding-left: 20px; } }

.media__ttlJp { color: #000; font-size: 2.4rem; letter-spacing: 0.075em; font-family: source-han-sans-japanese, sans-serif; font-weight: bold; }

@media screen and (max-width: 768px) { .media__ttlJp { font-size: 1.6rem; white-space: nowrap; } }

.media__wrap { max-width: calc(75% - 10px); }

@media screen and (max-width: 1080px) { .media__wrap { max-width: none; width: 100%; } }

.media .logo__list { margin: -20px; }

@media screen and (max-width: 1080px) { .media .logo__list { width: 100%; margin: 0; } }

.media .logo__item { width: 310px; height: 180px; }

@media screen and (max-width: 768px) { .media .logo__item { padding: 5px; width: 175px; height: 110px; } }

@media screen and (max-width: 480px) { .media .logo__item { width: 50%; } }

.section { padding-bottom: 190px; }

@media screen and (max-width: 768px) { .section { padding-bottom: 80px; } }

.section_pb_sm { padding-bottom: 130px; }

@media screen and (max-width: 768px) { .section_pb_sm { padding-bottom: 60px; } }

.section:nth-child(even) { background: #f0f8fd; }

.section + .section { padding-bottom: 150px; padding-top: 115.5px; }

@media screen and (max-width: 768px) { .section + .section { padding-bottom: 80px; padding-top: 56px; } }

.breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; letter-spacing: .01em; margin: 47px 0; }

@media screen and (max-width: 768px) { .breadcrumb { font-size: 1.3rem; } }

.breadcrumb__item:not(:first-child)::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%205.46%209.5%22%3E%3Cg%20id%3D%22c%22%3E%3Cpolyline%20points%3D%22.35%20.35%204.75%204.75%20.35%209.15%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23249ae2%3B%20stroke-miterlimit%3A10%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; content: ""; display: inline-block; height: 8.7959px; margin: 0 .5em; vertical-align: middle; width: 4.398px; }

.breadcrumb__link:hover { text-decoration: underline; }

.breadcrumb__item:last-child .breadcrumb__link { pointer-events: none; }

.mainTtl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 50px; padding: 0 0 50px; position: relative; text-align: center; }

@media screen and (max-width: 768px) { .mainTtl { margin: 0 0 20px; padding: 0 0 33px; } }

.mainTtl::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.46%2030.38%22%3E%3Cg%20id%3D%22c%22%3E%3Cline%20x1%3D%2221.23%22%20y1%3D%22.86%22%20x2%3D%221.23%22%20y2%3D%2229.52%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff34b%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A3px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; bottom: 0; content: ""; height: 28.6667px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20px; }

@media screen and (max-width: 768px) { .mainTtl::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.02%2019.72%22%3E%3Cg%20id%3D%22c%22%3E%3Cline%20x1%3D%2213.79%22%20y1%3D%22.86%22%20x2%3D%221.23%22%20y2%3D%2218.86%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff34b%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A3px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; height: 18px; width: 12.5581px; } }

.mainTtl__en { color: #def0fb; font-family: lato, sans-serif; font-size: 9rem; letter-spacing: .1em; line-height: 1; text-indent: .1em; white-space: nowrap; }

@media screen and (max-width: 768px) { .mainTtl__en { font-size: 5rem; } }

.mainTtl__jp { font-size: 3.4rem; font-weight: bold; line-height: calc(50 / 34); margin-top: -40px; }

@media screen and (max-width: 768px) { .mainTtl__jp { font-size: 2.6rem; line-height: inherit; margin-top: -30px; } }

.mainTtl__display { font-size: 2.6rem; font-weight: bold; }

@media screen and (max-width: 768px) { .mainTtl__display { font-size: 1.8rem; } }

.mainTtl__tags { color: #999; font-size: 1.6rem; margin: 10px -.25em 0; }

@media screen and (max-width: 768px) { .mainTtl__tags { font-size: 1.4rem; margin-top: 5px; } }

.mainTtl__tag { margin: 0 .25em; }

.mainTtl__tag:hover { text-decoration: underline; }

.h2 { font-size: 2.4rem; font-weight: bold; margin-bottom: 55.5px; text-align: center; }

@media screen and (max-width: 768px) { .h2 { font-size: 1.6rem; margin-bottom: 26px; } }

.txt { font-size: 1.8rem; line-height: 2; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.txt:last-of-type { padding-bottom: 70px; }

@media screen and (max-width: 768px) { .txt:last-of-type { padding-bottom: 28px; } }

@media screen and (max-width: 768px) { .txt { font-size: inherit; } }

.contents { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); margin: 0 auto 60px; max-width: 910px; padding: 35px 50px; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .contents { margin: 0 auto 30px; padding: 25px 20px; } }

.contents__brand { margin-bottom: 35px; }

@media screen and (max-width: 768px) { .contents__brand { margin-bottom: 25px; } }

.contents__jp { color: #249ae2; font-size: 2.2rem; font-weight: bold; }

@media screen and (max-width: 768px) { .contents__jp { font-size: 1.8rem; } }

.contents__en { color: #96def0; font-family: lato, sans-serif; font-size: 1.4rem; font-weight: bold; letter-spacing: .1em; margin-left: 1rem; text-indent: .1em; }

@media screen and (max-width: 768px) { .contents__en { font-size: 1rem; } }

.contents__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; height: 32px; padding: 0; position: absolute; right: 50px; top: 35px; width: 32px; }

@media screen and (max-width: 768px) { .contents__btn { height: 26px; right: 20px; top: 25px; width: 26px; } }

.contents__btn::before, .contents__btn::after { background: #249ae2; content: ""; height: 3px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, calc(-50% - 6px)); transform: translate(-50%, calc(-50% - 6px)); width: 28px; }

@media screen and (max-width: 768px) { .contents__btn::before, .contents__btn::after { width: 24px; } }

.contents__btn::after { -webkit-transform: translate(-50%, calc(-50% + 6px)); transform: translate(-50%, calc(-50% + 6px)); }

.contents__btn.collapsed::before, .contents__btn.collapsed::after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.contents__collapse { max-height: 66px; overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { .contents__collapse { max-height: 56px; } }

.contents__collapse::before { background: linear-gradient(transparent, #fff 66px); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }

@media screen and (max-width: 768px) { .contents__collapse::before { background: linear-gradient(transparent, #fff 56px); } }

.contents__collapse.show { max-height: none; }

.contents__collapse.show::before { z-index: -10; }

.contents__list { counter-reset: count 0; list-style: none; }

.contents__item > .contents__list { margin-top: 10px; padding-left: .75em; }

@media screen and (max-width: 768px) { .contents__item > .contents__list { margin-top: 0; } }

.contents__item { font-size: 1.7rem; line-height: 2.8rem; }

@media screen and (max-width: 768px) { .contents__item { font-size: 1.5rem; } }

.contents__item::before { color: #249ae2; counter-increment: count; content: counters(count, ".") "."; font-family: lato, sans-serif; font-size: 2rem; font-weight: bold; line-height: 1; }

@media screen and (max-width: 768px) { .contents__item::before { font-size: 1.8rem; } }

.contents__item + .contents__item { margin-top: 10px; }

@media screen and (max-width: 768px) { .contents__item + .contents__item { margin-top: 0; } }

.contents__link { text-decoration: underline; }

.contents__link:hover { text-decoration: none; }

.thumbnail { background: #f2f2f2; margin: 0 auto; max-width: 1080px; padding-top: calc(480 / 1080 * 100%); position: relative; width: 100%; }

@media screen and (max-width: 768px) { .thumbnail { padding-top: calc(200 / 340 * 100%); } }

.thumbnail__img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; }

.editor { margin: 0 auto; max-width: 910px; width: 100%; }

.chapter + .chapter { margin-top: 60px; }

@media screen and (max-width: 768px) { .chapter + .chapter { margin-top: 30px; } }

.majorHeadings, .middleHeadings, .subHeadings { color: #249ae2; font-weight: bold; line-height: 3.2rem; margin: 30px 0 15px; }

@media screen and (max-width: 768px) { .majorHeadings, .middleHeadings, .subHeadings { margin: 15px 0 0; } }

.majorHeadings { font-size: 2.4rem; }

@media screen and (max-width: 768px) { .majorHeadings { font-size: 2rem; } }

.middleHeadings { font-size: 2.2rem; }

@media screen and (max-width: 768px) { .middleHeadings { font-size: 1.8rem; } }

.subHeadings { font-size: 2rem; }

@media screen and (max-width: 768px) { .subHeadings { font-size: 1.6rem; } }

.mainText { font-size: 1.6rem; line-height: 2; }

.mainText + .mainText { margin-top: 15px; }

.photo { width: 100%; }

.writer { border: 3px solid #249ae2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 60px auto 0; max-width: 910px; padding: 47px 57px; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .writer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 27px; } }

.writer::before { background: #fff; color: #249ae2; content: "WRITER"; font-family: lato, sans-serif; font-size: 2rem; font-weight: bold; left: 50%; letter-spacing: .1em; line-height: 1; padding: 0 40px; position: absolute; text-align: center; text-indent: .1em; -webkit-transform: translate(-50%, calc(-50% + -3px)); transform: translate(-50%, calc(-50% + -3px)); top: 0; white-space: nowrap; }

@media screen and (max-width: 768px) { .writer::before { font-size: 1.8rem; } }

.writer__cover { background: #f2f2f2; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 200px; margin: 0 40px 0 0; position: relative; width: 200px; }

@media screen and (max-width: 768px) { .writer__cover { height: 160px; margin: 0 0 15px; width: 160px; } }

.writer__img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; }

.writer__body { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; min-width: 0; max-width: 100%; }

.writer__title { font-family: lato, sans-serif; font-size: 2rem; font-weight: bold; letter-spacing: .1em; line-height: 3.2rem; margin: 10px 0; text-indent: .1em; }

@media screen and (max-width: 768px) { .writer__title { font-size: 1.8rem; line-height: 2.8rem; margin: 5px 0; text-align: center; } }

.writer__text { font-size: 1.6rem; line-height: 2.8rem; }

.writer__link { display: inline-block; font-family: lato, sans-serif; font-size: 1.6rem; line-height: 2.8rem; margin-top: 10px; text-decoration: underline; word-break: break-all; }

@media screen and (max-width: 768px) { .writer__link { font-size: 1.4rem; margin-top: 5px; } }

.writer__link:hover { text-decoration: none; }

.writer__link::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3Cpolyline%20points%3D%228.93%207.07%2011.86%2010%208.93%2012.93%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; content: ""; display: inline-block; height: 20px; margin-right: 10px; vertical-align: text-bottom; width: 20px; }

.trialAd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 80px 0 120px; }

@media screen and (max-width: 1320px) { .trialAd { display: block; margin: 0 0 40px; } }

@media screen and (max-width: 1320px) { .trialAd__content { margin-bottom: 35px; } }

@media screen and (max-width: 768px) { .trialAd__content { margin-bottom: 20px; } }

.trialAd__brand { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 2.8rem; font-weight: bold; }

@media screen and (max-width: 1320px) { .trialAd__brand { display: block; text-align: center; } }

@media screen and (max-width: 768px) { .trialAd__brand { font-size: 1.8rem; } }

.trialAd__brand::after { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20219.51%2050.89%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M17.32%2C27.39c2.54%2C.35%2C4.32%2C2.66%2C3.96%2C5.17s-2.7%2C4.25-5.25%2C3.9C5.86%2C35.07-1.24%2C25.81%2C.18%2C15.79%2C1.6%2C5.77%2C11-1.22%2C21.18%2C.18c2.54%2C.35%2C4.32%2C2.66%2C3.96%2C5.17-.35%2C2.51-2.7%2C4.25-5.25%2C3.9-5.09-.7-9.79%2C2.8-10.5%2C7.81-.71%2C5.01%2C2.84%2C9.64%2C7.93%2C10.34Z%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3Cpath%20d%3D%22M10.14%2C44.9c.35-2.51%2C2.7-4.25%2C5.25-3.9%2C5.09%2C.7%2C9.79-2.8%2C10.5-7.81%2C.71-5.01-2.84-9.64-7.93-10.34-2.54-.35-4.32-2.66-3.96-5.17%2C.35-2.51%2C2.7-4.25%2C5.25-3.9%2C10.18%2C1.4%2C17.27%2C10.65%2C15.85%2C20.68-1.42%2C10.02-10.82%2C17.01-20.99%2C15.61-2.54-.35-4.32-2.66-3.96-5.17Z%22%20style%3D%22fill%3A%23221f20%3B%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M104.02%2C12.81c-1.47%2C0-2.67%2C1.18-2.67%2C2.63s1.19%2C2.63%2C2.67%2C2.63h1.6c1.47%2C0%2C2.67-1.18%2C2.67-2.63s-1.19-2.63-2.67-2.63h-1.6Z%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3Cpath%20d%3D%22M107%2C21.57h-8.64V9.26h8.64c1.47%2C0%2C2.67-1.18%2C2.67-2.63s-1.19-2.63-2.67-2.63h-11.1c-.07%2C0-.14-.01-.21-.01-1.47%2C0-2.67%2C1.18-2.67%2C2.63V24.25c0%2C1.45%2C1.19%2C2.63%2C2.67%2C2.63%2C.19%2C0%2C.37-.02%2C.55-.06h10.76c1.47%2C0%2C2.67-1.18%2C2.67-2.63s-1.19-2.63-2.67-2.63Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M170.49%2C4c-1.47%2C0-2.67%2C1.18-2.67%2C2.63V24.25c0%2C1.45%2C1.19%2C2.63%2C2.67%2C2.63s2.67-1.18%2C2.67-2.63V6.62c0-1.45-1.19-2.63-2.67-2.63Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3Cpath%20d%3D%22M181.53%2C21.57h-3.21c-1.47%2C0-2.67%2C1.18-2.67%2C2.63s1.19%2C2.63%2C2.67%2C2.63h3.21c1.47%2C0%2C2.67-1.18%2C2.67-2.63s-1.19-2.63-2.67-2.63Z%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M69.38%2C21.62h-4.63c-1.47-.01-2.66%2C1.16-2.67%2C2.61%2C0%2C1.45%2C1.19%2C2.63%2C2.66%2C2.63h4.63c1.47%2C.01%2C2.67-1.16%2C2.67-2.61%2C0-1.45-1.19-2.63-2.66-2.63Z%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3Cpath%20d%3D%22M71.33%2C4.82c-.16-.15-.33-.28-.51-.39-.42-.26-.91-.42-1.44-.42h-15.03c-1.47-.01-2.66%2C1.16-2.67%2C2.61%2C0%2C1.45%2C1.19%2C2.63%2C2.66%2C2.63h9.39l-11.3%2C13.12h0c-1.04%2C1.03-1.04%2C2.69%2C0%2C3.71%2C1.04%2C1.03%2C2.73%2C1.03%2C3.77%2C0l15.13-17.56c1.04-1.02%2C1.04-2.69%2C0-3.71Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M203.8%2C14.87c-1.32-.64-2.92-.1-3.57%2C1.2l-3.45%2C7.02c-.65%2C1.3-.1%2C2.87%2C1.22%2C3.51%2C.38%2C.18%2C.78%2C.27%2C1.17%2C.27%2C.99%2C0%2C1.93-.54%2C2.4-1.47l3.45-7.02c.65-1.3%2C.1-2.87-1.22-3.51Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3Cpath%20d%3D%22M219.24%2C23.09l-8.78-17.63c-.65-1.3-2.25-1.84-3.57-1.2-1.32%2C.64-1.87%2C2.21-1.22%2C3.51l8.78%2C17.63c.46%2C.93%2C1.41%2C1.47%2C2.4%2C1.47%2C.39%2C0%2C.79-.09%2C1.17-.27%2C1.32-.64%2C1.87-2.21%2C1.22-3.51Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M144.41%2C4c-.13-.01-3.17-.02-10.08-.02h0c-1.47%2C0-2.66%2C1.17-2.67%2C2.62%2C0%2C1.45%2C1.19%2C2.63%2C2.66%2C2.63%2C2.37%2C0%2C9.11%2C0%2C9.73%2C.01%2C1.17%2C.13%2C2.08%2C1.12%2C2.08%2C2.29s-.92%2C2.18-2.1%2C2.29c-.6%2C0-7.33%2C0-9.7%2C.01-1.47%2C0-2.67%2C1.18-2.66%2C2.63%2C0%2C.06%2C0%2C.12%2C0%2C.18v7.62c0%2C1.45%2C1.19%2C2.63%2C2.67%2C2.63s2.67-1.18%2C2.67-2.63v-5.17c4.99%2C0%2C7.25-.01%2C7.35-.02%2C3.99-.29%2C7.11-3.59%2C7.11-7.53s-3.1-7.22-7.05-7.53Z%22%20style%3D%22fill%3A%23040000%3B%22%2F%3E%3Cpath%20d%3D%22M95.54%2C45.86c-.33%2C0-.67-.11-.94-.35-.6-.51-.66-1.41-.14-2l.44-.49h-9.2c-.79%2C0-1.44-.63-1.44-1.42s.64-1.42%2C1.44-1.42h12.35c.56%2C0%2C1.07%2C.32%2C1.31%2C.83%2C.23%2C.5%2C.15%2C1.1-.22%2C1.51l-2.5%2C2.84c-.28%2C.32-.68%2C.49-1.09%2C.49Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M98.05%2C50.39h-8.55c-.79%2C0-1.44-.63-1.44-1.42v-11.58c0-.78%2C.64-1.42%2C1.44-1.42s1.44%2C.63%2C1.44%2C1.42v10.16h7.11c.79%2C0%2C1.44%2C.63%2C1.44%2C1.42s-.64%2C1.42-1.44%2C1.42Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M98.29%2C39.34c-.63%2C0-1.14-.5-1.14-1.13v-1.69c0-.62%2C.51-1.13%2C1.14-1.13s1.14%2C.5%2C1.14%2C1.13v1.69c0%2C.62-.51%2C1.13-1.14%2C1.13Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M101.53%2C39.34c-.63%2C0-1.14-.5-1.14-1.13v-1.69c0-.62%2C.51-1.13%2C1.14-1.13s1.14%2C.5%2C1.14%2C1.13v1.69c0%2C.62-.51%2C1.13-1.14%2C1.13Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M126.3%2C50.89c-.82%2C0-1.49-.64-1.51-1.45-.02-.82%2C.64-1.51%2C1.47-1.53%2C2.28-.06%2C4.03-.73%2C5.22-2%2C1.18-1.25%2C1.62-2.89%2C1.79-4.03h-7.66c-.84%2C0-1.51-.67-1.51-1.49s.68-1.49%2C1.51-1.49h9.26c.8%2C0%2C1.46%2C.62%2C1.51%2C1.4%2C.01%2C.18%2C.23%2C4.51-2.66%2C7.61-1.76%2C1.89-4.25%2C2.89-7.39%2C2.98h-.04Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M163.45%2C50.38c-.78%2C0-1.42-.62-1.44-1.39-.02-.78%2C.62-1.43%2C1.41-1.44%2C3.23-.06%2C5.56-.83%2C6.93-2.3%2C.66-.7%2C.99-1.46%2C1.16-2.08h-8.55c-.79%2C0-1.44-.63-1.44-1.42s.64-1.42%2C1.44-1.42h10.15c.75%2C0%2C1.37%2C.57%2C1.43%2C1.3%2C.01%2C.12%2C.22%2C3.02-2.03%2C5.47-1.92%2C2.09-4.96%2C3.19-9.04%2C3.27h-.03Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M136.88%2C41.64c-1.73%2C0-3.14-1.39-3.14-3.09s1.41-3.09%2C3.14-3.09%2C3.14%2C1.39%2C3.14%2C3.09-1.41%2C3.09-3.14%2C3.09Zm0-3.93c-.47%2C0-.85%2C.38-.85%2C.84s.38%2C.84%2C.85%2C.84%2C.85-.38%2C.85-.84-.38-.84-.85-.84Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3Cpath%20d%3D%22M172.1%2C39.03h-7.62c-.79%2C0-1.43-.63-1.43-1.41s.64-1.41%2C1.43-1.41h7.62c.79%2C0%2C1.43%2C.63%2C1.43%2C1.41s-.64%2C1.41-1.43%2C1.41Z%22%20style%3D%22fill%3A%23231815%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50.8871px; margin-bottom: 24px; max-width: 100%; min-width: 0; width: 219.5131px; }

@media screen and (max-width: 1320px) { .trialAd__brand::after { margin: 0 auto 15px; } }

@media screen and (max-width: 768px) { .trialAd__brand::after { height: 36px; width: 155.2941px; } }

.trialAd__span { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: inherit; letter-spacing: .075em; margin: 0 1em 24px 0; text-indent: .075em; white-space: nowrap; }

@media screen and (max-width: 1320px) { .trialAd__span { margin: 0 0 24px; } }

@media screen and (max-width: 768px) { .trialAd__span { letter-spacing: 0; text-indent: 0; margin: 0 0 15px; } }

.trialAd__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: .01em; margin: 0 -1em -1em; }

@media screen and (max-width: 768px) { .trialAd__list { font-size: 1.6rem; margin: 0 -.5em -.5em; } }

.trialAd__item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: bold; margin-bottom: 1em; max-width: 100%; min-width: 0; padding: 0 1em; position: relative; white-space: nowrap; }

@media screen and (max-width: 768px) { .trialAd__item { margin-bottom: .5em; padding: 0 .5em; } }

.trialAd__item::before { background: #fff34b; bottom: 0; content: ""; height: 30%; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 2em + .75em); z-index: -10; }

.trialAd__btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, right bottom, from(#f0ba18), to(#f18b00)); background: linear-gradient(to right bottom, #f0ba18, #f18b00); border-radius: 50px; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 2.8rem; font-weight: bold; height: 100px; letter-spacing: .01em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 480px; position: relative; text-align: left; text-indent: .01em; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; width: 100%; white-space: nowrap; }

@media screen and (max-width: 1320px) { .trialAd__btn { margin: 0 auto; } }

@media screen and (max-width: 768px) { .trialAd__btn { border-radius: 27px; height: 54px; font-size: 1.6rem; max-width: 270px; } }

.trialAd__btn:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.trialAd__btn::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpolyline%20points%3D%2213.86%2010.14%2019.73%2016%2013.86%2021.86%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23000%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; content: ""; height: 32px; position: absolute; right: 24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 32px; }

@media screen and (max-width: 768px) { .trialAd__btn::before { height: 24px; right: 20px; width: 24px; } }

.breadcrumb + .trialAd { margin-top: 0; }

.category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.8rem; margin: 0 -40px 50px; }

@media screen and (max-width: 768px) { .category { font-size: inherit; margin: 0 -10px 15px; } }

.category__item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 50px; max-width: 100%; min-width: 0; padding: 0 40px; }

@media screen and (max-width: 768px) { .category__item { margin-bottom: 15px; padding: 0 10px; } }

.category__link { text-decoration: underline; }

.category__link:hover { text-decoration: none; }

.archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px -120px; }

@media screen and (max-width: 768px) { .archive { margin: 0 -10px -50px; } }

.archive__item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 120px; max-width: 100%; min-width: 0; padding: 0 30px; width: calc(100% / 3); }

@media screen and (max-width: 768px) { .archive__item { margin-bottom: 50px; padding: 0 10px; width: 100%; } }

.archive__card { background: #fff; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); border-radius: 10px; position: relative; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; height: 100%; }

.archive__card:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.archive__cover { background: #f2f2f2; border-radius: 10px 10px 0 0; height: 0; padding-top: calc(274 / 360 * 100%); overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { .archive__cover { padding-top: calc(210 / 340 * 100%); } }

.archive__img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; }

.archive__body { border-radius: 0 0 10px 10px; overflow: hidden; padding: 25px 40px 37px; }

@media screen and (max-width: 768px) { .archive__body { padding: 14px 30px 37px; } }

.archive__title { font-size: 2rem; font-weight: bold; line-height: calc(36 / 20); color: #000; }

@media screen and (max-width: 768px) { .archive__title { font-size: 1.6rem; line-height: calc(28 / 16); } }

.archive__text { font-size: 1.4rem; margin-top: 8px; }

@media screen and (max-width: 768px) { .archive__text { margin-top: 11px; } }

.archive__tag { color: #999; padding-right: 7px; }

.archive__link::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.archive__icon { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20style%3D%22fill%3A%23249ae2%3B%22%2F%3E%3Cpolyline%20points%3D%2218%2014.5%2023.49%2020%2018%2025.5%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; bottom: 0; height: 40px; left: 50%; position: absolute; -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); width: 40px; }

.pagination { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 140px -20px -40px; }

@media screen and (max-width: 768px) { .pagination { margin: 60px -5px -10px; } }

@media screen and (max-width: 768px) { .pagination_type_single { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.pagination__item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 40px; max-width: 100%; min-width: 0; padding: 0 20px; }

@media screen and (max-width: 768px) { .pagination__item { margin-bottom: 10px; padding: 0 5px; } }

.pagination__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 30px; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08); color: #249ae2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: lato, sans-serif; font-size: 1.8rem; font-weight: bold; height: 60px; letter-spacing: .15em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-indent: .15em; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; white-space: nowrap; width: 60px; }

@media screen and (max-width: 768px) { .pagination__link { border-radius: 25px; height: 50px; width: 50px; } }

.pagination__link:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.pagination__link_current { background: #def0fb; pointer-events: none; }

.pagination__link_type_prev, .pagination__link_type_next, .pagination__link_type_backToList { background: -webkit-gradient(linear, left top, right top, from(#24cce2), to(#249ae2)); background: linear-gradient(to right, #24cce2, #249ae2); color: #fff; padding: 0 0 0 20px; position: relative; width: 185px; }

@media screen and (max-width: 768px) { .pagination__link_type_prev, .pagination__link_type_next, .pagination__link_type_backToList { background: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #249ae2; font-size: 1.6rem; height: auto; padding: 0; text-decoration: underline; width: auto; } }

@media screen and (max-width: 768px) { .pagination__link_type_prev:hover, .pagination__link_type_next:hover, .pagination__link_type_backToList:hover { -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } }

.pagination__link_type_prev::before, .pagination__link_type_next::before, .pagination__link_type_backToList::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cg%3E%3Cline%20x1%3D%228%22%20y1%3D%2210%22%20x2%3D%2211%22%20y2%3D%227.51%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23249ae2%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%2210.17%22%20x2%3D%2211%22%20y2%3D%2212.66%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23249ae2%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; content: ""; height: 20px; left: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; }

@media screen and (max-width: 768px) { .pagination__link_type_prev::before, .pagination__link_type_next::before, .pagination__link_type_backToList::before { content: none; } }

.pagination__link_type_next { padding: 0 20px 0 0; }

@media screen and (max-width: 768px) { .pagination__link_type_next { padding: 0; } }

.pagination__link_type_next::before { background: center/contain url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20id%3D%22c%22%3E%3Cg%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cg%3E%3Cline%20x1%3D%2212%22%20y1%3D%2210%22%20x2%3D%229%22%20y2%3D%227.51%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23249ae2%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2210.17%22%20x2%3D%229%22%20y2%3D%2212.66%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23249ae2%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A2px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat; left: auto; right: 20px; }

.pagination__link_type_backToList { width: 285px; }

@media screen and (max-width: 768px) { .pagination__link_type_backToList { width: auto; } }

.writer + .pagination, .editor + .pagination { margin-top: 80px; }

@media screen and (max-width: 768px) { .writer + .pagination, .editor + .pagination { margin-top: 40px; } }

.input { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); border-radius: 10px; }

.input__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 1080px) { .input__list { padding: 40px 0; } }

@media screen and (max-width: 768px) { .input__list { padding: 9px 0 25px; } }

@media screen and (max-width: 768px) { .input__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.input__term { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .input__term { font-size: 1.6rem; } }

.input__label { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .input__label { font-size: 1.6rem; } }

.input__txt { width: 100%; height: 70px; background: #f2f2f2; border: none; font-size: 1.8rem; padding: 0 10px; -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 768px) { .input__txt { height: 48px; font-size: 1.6rem; } }

.input__txt:focus { background: #fff; outline: none; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); }

.input__txt_width_300 { width: 100%; }

.input__small { font-size: 1.6rem; padding-top: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) { .input__small { font-size: 1.4rem; padding-top: 10px; } }

.input__desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.input__descLabel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 0; }

.input__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.input__childList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.input__childList:first-of-type { margin-left: -3.25%; }

.input__childTerm { padding: 23px 6.5% 21px; font-size: 1.6rem; }

@media screen and (max-width: 768px) { .input__childTerm { padding: 0 6.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.input__childDesc { -webkit-box-flex: 0; -webkit-flex: 0 1 300px; -ms-flex: 0 1 300px; flex: 0 1 300px; }

.input__content { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .input__content { font-size: 1.6rem; } }

.infoMail { margin: 40px 20px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.8rem; }

@media screen and (max-width: 768px) { .infoMail { width: 100%; margin: 18px 0 0; font-size: 1.5rem; text-indent: -35px; padding-left: 35px; padding-bottom: 18px; border-bottom: 1px solid #e6e6e6; } }

.infoMail__check { width: 20px; height: 20px; border: 3px solid #e6e6e6; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 15px; margin-bottom: 2px; position: relative; }

.infoMail__check:checked::after { content: ""; background: url(../../images/check.svg) no-repeat; position: absolute; width: 18.6px; height: 12.5px; top: 0; left: -1px; display: block; }

.infoMail__small { color: #249ae2; padding: 10px 0 0 35px; }

@media screen and (max-width: 768px) { .infoMail__small { padding: 0; text-indent: 0; } }

.agree { font-size: 1.8rem; display: block; margin: 0 auto 45px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) and (max-width: 768px) { .agree { margin: 30px 0 18px; font-size: 1.5rem; text-indent: -35px; padding-left: 35px; } }

.agree__check { width: 20px; height: 20px; background: #e6e6e6; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 15px; margin-bottom: 2px; position: relative; }

.agree__check:checked::after { content: ""; background: url(../../images/check.svg) no-repeat; position: absolute; width: 18.6px; height: 12.5px; top: 3px; left: 2px; display: block; }

.agree__link { text-decoration: underline; }

.required { padding-top: 15px; color: #ed1c24; display: none; width: 100%; }

@media screen and (max-width: 768px) { .required { font-size: 1.4rem; padding-top: 5px; } }

.required__agree { padding-left: 33px; }

.socialLogin { margin: auto; padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 1080px) { .socialLogin { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.socialLogin__btn { margin: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 60px; width: 350px; border: 1px solid #999; -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 480px) { .socialLogin__btn { width: 100%; font-size: 1.4rem; padding: 5px; } }

.socialLogin__btn:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.32); }

.socialLogin__svg { margin-right: 10px; }

@media screen and (max-width: 480px) { .socialLogin__svg { margin-right: 7px; width: 25px; height: 25px; } }

.header { height: 140px; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background: #fff; z-index: 999; }

@media screen and (max-width: 1080px) { .header { height: 68px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .header.is_hide { -webkit-animation: isHide 0.5s forwards; animation: isHide 0.5s forwards; }
  .header.is_show { -webkit-animation: isShow 0.2s forwards; animation: isShow 0.2s forwards; }
  .header::after { content: ""; background: #fff; width: 100%; position: absolute; height: 68px; display: block; top: 0; left: 0; z-index: -1; } }

@-webkit-keyframes isShow { from { -webkit-transform: translateY(-68px); transform: translateY(-68px); }
  to { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes isShow { from { -webkit-transform: translateY(-68px); transform: translateY(-68px); }
  to { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes isHide { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(-68px); transform: translateY(-68px); } }

@keyframes isHide { from { -webkit-transform: translateY(0); transform: translateY(0); }
  to { -webkit-transform: translateY(-68px); transform: translateY(-68px); } }

.header__ttl { width: 260px; height: 76.5px; padding: 10px; margin-left: 40px; }

@media screen and (max-width: 1080px) { .header__ttl { width: 145px; height: 68px; padding: 17px 0; margin: auto; } }

.header__logo { -webkit-transition: .2s; transition: .2s; }

.header__logo:hover { opacity: .7; }

.header__img { width: 100%; }

@media screen and (max-width: 1080px) { .header__inner { width: 100%; } }

.header__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }

@media screen and (max-width: 1080px) { .header__wrap { width: 100%; } }

.header__login { width: 185px; height: 64px; line-height: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: .2s; transition: .2s; border-left: 1px solid #e6e6e6; }

@media screen and (max-width: 1320px) { .header__login { width: 140px; font-size: 1.6rem; } }

@media screen and (max-width: 1080px) { .header__login { width: 50%; height: 60px; color: #fff; background: #214b9d; border: none; } }

.header__login:hover { opacity: .5; }

@media screen and (max-width: 1080px) { .header__login:hover { opacity: 1; background: none; } }

.header__login::before { content: ""; background: url(../images/login.svg) no-repeat; width: 15px; height: 18px; display: inline-block; margin-right: 10px; margin-top: 5px; -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 1320px) { .header__login::before { margin-top: 3px; } }

@media screen and (max-width: 1080px) { .header__login::before { -webkit-filter: brightness(300%); filter: brightness(300%); } }

.header__login::after { display: none; width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: -webkit-gradient(linear, left top, right top, from(#24cce2), to(#249ae2)); background: linear-gradient(to right, #24cce2, #249ae2); z-index: -1; }

@media screen and (max-width: 1080px) { .header__login::after { display: block; } }

.header__trial { background: #249ae2; color: #fff; display: block; height: 100%; width: 238px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 45px; font-size: 2.2rem; position: relative; -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 1320px) { .header__trial { width: 200px; font-size: 1.8rem; padding-left: 40px; } }

@media screen and (max-width: 1080px) { .header__trial { width: 50%; padding-left: 0; text-align: center; height: 60px; } }

.header__trial:hover { background: none; }

.header__trial::before { content: ""; background: url(../images/arrow_circle_yellow.svg) no-repeat; width: 30px; height: 30px; position: absolute; left: -15px; top: 0; bottom: 0; margin: auto; display: block; }

@media screen and (max-width: 1080px) { .header__trial::before { display: none; } }

.header__trial::after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: -webkit-gradient(linear, left top, right top, from(#fac000), to(#f18b00)); background: linear-gradient(to right, #fac000, #f18b00); z-index: -1; }

.header__trialEn { font-size: 1.2rem; font-family: lato, sans-serif; letter-spacing: 0.1em; }

@media screen and (max-width: 1080px) { .header__trialEn { font-size: 0.9rem; } }

.gnav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; font-size: 1.9rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1080px) { .gnav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; background: #ececec; position: absolute; z-index: -1; -webkit-transition: .5s; transition: .5s; top: -402px; }
  .gnav.is_show { top: 68px; } }

.gnav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; }

@media screen and (max-width: 1320px) { .gnav__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: auto; } }

@media screen and (max-width: 1080px) { .gnav__list { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #ececec; width: 100%; padding: 0; height: 470px; -webkit-transition: .5s; transition: .5s; } }

.gnav__item { padding: 5px 8px; }

@media screen and (max-width: 1320px) { .gnav__item { height: auto; } }

@media screen and (max-width: 1080px) { .gnav__item { padding: 5px 20px; width: 100%; }
  .gnav__item:first-of-type { padding-top: 20px; }
  .gnav__item:last-of-type { padding-bottom: 40px; } }

.gnav__link { padding: 5px 10px; -webkit-transition: opacity .2s, -webkit-box-shadow .2s; transition: opacity .2s, -webkit-box-shadow .2s; transition: box-shadow .2s, opacity .2s; transition: box-shadow .2s, opacity .2s, -webkit-box-shadow .2s; }

@media screen and (max-width: 1320px) { .gnav__link { font-size: 1.6rem; } }

@media screen and (max-width: 1080px) { .gnav__link { background: #fff; border-radius: 6px; padding: 12px 0 15px; width: 100%; display: block; text-align: center; position: relative; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
  .gnav__link::before { content: ""; position: absolute; top: 0; bottom: 0; left: 20px; margin: auto; width: 8px; height: 10px; background: url(../images/arrow_blue.svg) no-repeat; } }

.gnav__link:hover { opacity: .5; }

@media screen and (max-width: 1080px) { .gnav__link:hover { opacity: 1; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32); } }

.hamburger { display: none; width: 68px; height: 68px; position: absolute; right: 7px; top: 0; cursor: pointer; }

@media screen and (max-width: 1080px) { .hamburger { display: block; } }

.hamburger__bar { width: 42px; height: 2px; background: #000; display: block; position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: .3s; transition: .3s; }

.hamburger__bar_position_top { top: 26px; }

.hamburger__bar_position_top.close { -webkit-transform: rotate(20.5deg); transform: rotate(20.5deg); top: 33px; }

.hamburger__bar_position_bottom { bottom: 26px; }

.hamburger__bar_position_bottom.close { -webkit-transform: rotate(-20.5deg); transform: rotate(-20.5deg); bottom: 33px; }

.trial { width: 100%; background: url(../images/footer_trial.jpg) no-repeat; background-size: cover; padding-top: 41.3%; position: relative; }

@media screen and (max-width: 768px) { .trial { padding-top: 0; height: 400px; background-position: top center; background-size: auto 410px; } }

@media screen and (max-width: 480px) { .trial { background-size: auto 400px; } }

.trial__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; margin: auto; padding-top: 9.7%; }

@media screen and (max-width: 1080px) { .trial__container { padding-left: 60px; padding-right: 60px; } }

@media screen and (max-width: 768px) { .trial__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0 0; } }

.trial__ttl { color: #fff; font-size: min(3vw, 4.4rem); font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (max-width: 768px) { .trial__ttl { text-align: center; font-size: 3.4rem; letter-spacing: 0.2em; line-height: 4.8rem; } }

.trial__ttlEn { color: #249ae2; font-size: 1.6rem; font-weight: bold; font-family: lato, sans-serif; line-height: 0.5em; }

@media screen and (max-width: 768px) { .trial__ttlEn { font-size: 1rem; letter-spacing: 0.1em; line-height: 1.5em; vertical-align: 15px; } }

.trial__btn { width: 37.5vw; max-width: 480px; max-height: 100px; font-size: 2.8rem; padding: 27px 0 33px; }

.trial__btn:hover { -webkit-box-shadow: none; box-shadow: none; }

.trial__btn:hover::before { background-position: 99% 50%; }

.trial__btn::before { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#fac000), color-stop(33%, #f18b00), color-stop(66%, #fac000), to(#f18b00)); background: linear-gradient(270deg, #fac000 0%, #f18b00 33%, #fac000 66%, #f18b00 100%); background-size: 300%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: -2; -webkit-transition: .5s; transition: .5s; background-position: 1% 50%; }

@media screen and (max-width: 1080px) { .trial__btn { font-size: 1.8rem; padding: 12px 0 15px; max-height: none; height: 54px; }
  .trial__btn::after { width: 24px; height: 24px; right: 20px; } }

@media screen and (max-width: 768px) { .trial__btn { width: 270px; } }

.footer { max-width: 1500px; margin: auto; padding: 0 60px; }

@media screen and (max-width: 768px) { .footer { padding: 0 30px; } }

.footer__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -10px; padding: 100px 0 50px; }

@media screen and (max-width: 768px) { .footer__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 0; } }

.footer__logo { width: 266px; height: 77px; padding: 10px; -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 768px) { .footer__logo { width: 176px; height: auto; margin-bottom: 10px; } }

.footer__logo:hover { opacity: .7; }

.footer__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-left: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .footer__list { padding-left: 0; width: 100%; } }

.footer__item { padding: 0 10px; margin: 10px 0; }

@media screen and (max-width: 768px) { .footer__item { width: 50%; margin: 0; padding: 0 5px; } }

@media screen and (max-width: 331px) { .footer__item { width: 100%; } }

.footer__link { padding: 10px; font-size: 1.7rem; }

@media screen and (max-width: 768px) { .footer__link { border-bottom: 1px solid #e6e6e6; width: 100%; text-align: center; display: block; font-size: 1.5rem; padding: 5px; } }

@media screen and (max-width: 768px) { .footer__link { font-size: 1.3rem; } }

.footer__link:hover { text-decoration: underline; }

@media screen and (max-width: 768px) { .footer__link:hover { text-decoration: none; } }

.footer__small { padding-bottom: 110px; font-size: 1.7rem; text-align: center; display: block; }

@media screen and (max-width: 768px) { .footer__small { padding-bottom: 50px; font-size: 1.2rem; } }

.company .section { padding-bottom: 160px; }

@media screen and (max-width: 768px) { .company .section { padding-bottom: 60px; } }

@media screen and (max-width: 768px) { .company .breadcrumb { margin: 20px 0; } }

.company__h1 { margin-bottom: 60px; }

.companyMission { display: grid; margin-bottom: 135px; padding-bottom: 28px; }

@media screen and (max-width: 768px) { .companyMission { margin-bottom: 54px; min-height: 0vw; padding: 0 10px clamp(6px, -3.318rem + 10.31vw, 46px); } }

.companyMission > * { grid-area: 1 / -1; }

.companyMission__fig { height: 628px; place-self: start end; width: 80%; }

@media screen and (max-width: 768px) { .companyMission__fig { height: 47.76%; place-self: start center; width: calc(100% + 60px); } }

.companyMission__img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.companyMission__section { background: #fff; margin-top: 95px; padding: 50px 40px 55px 0; place-self: start; }

@media screen and (max-width: 768px) { .companyMission__section { margin-top: 180px; min-width: 60%; padding: 33px 16px 57px; place-self: start center; } }

.companyMission__ttl { font-size: 5rem; font-weight: 700; margin-bottom: 18px; }

@media screen and (max-width: 768px) { .companyMission__ttl { font-size: 3.6rem; margin: 0 auto 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }

.companyMission__ttlEn { color: #249ae2; display: block; font-family: lato, sans-serif; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1; margin-bottom: 18px; }

@media screen and (max-width: 768px) { .companyMission__ttlEn { font-size: 1.8rem; margin-bottom: 8px; } }

.companyMission__ruby { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; ruby-align: center; -webkit-ruby-position: after; ruby-position: under; }

.companyMission__ruby::after { content: attr(data-ruby); display: block; font-size: 1.4rem; margin-top: -5px; }

@media screen and (max-width: 768px) { .companyMission__ruby::after { font-size: 1.2rem; margin-top: -8px; } }

.companyMission__txt { font-size: 2.2rem; line-height: 2.18; }

@media screen and (max-width: 768px) { .companyMission__txt { font-size: 1.8rem; line-height: 1.89; text-align: center; } }

.companyMission__svg { display: block; height: auto; margin-bottom: -28px; max-width: 680px; padding-left: 1px; place-self: end start; width: 100%; }

@media screen and (max-width: 768px) { .companyMission__svg { place-self: end center; margin: 0 0 calc(clamp(6px, -3.318rem + 10.31vw, 46px) * -1); max-width: unset; min-height: 0vw; width: calc(100% + 60px); } }

.companyMission__svgTxt { fill: #fff; font-family: lato, sans-serif; font-size: 9rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1; min-height: 0vw; stroke: #249ae2; stroke-width: clamp(1px, 0.213rem + -0.17vw, 1.5px); }

@media screen and (max-width: 768px) { .companyData { padding: 0 10px; } }

.companyData__fig { margin: 0 auto 15px; width: 230px; }

@media screen and (max-width: 768px) { .companyData__fig { margin-bottom: 10px; max-width: 100%; width: 161px; } }

.companyData__img { display: block; }

.companyData__txt { font-size: 2rem; line-height: 1.75; margin-bottom: 100px; text-align: center; }

@media screen and (max-width: 768px) { .companyData__txt { font-size: 1.6rem; margin-bottom: 25px; padding: 0 16px; } }

.companyData__btnWrap { margin-top: 80px; }

@media screen and (max-width: 768px) { .companyData__btnWrap { margin-top: 40px; } }

@media screen and (max-width: 768px) { .companyData__btn { max-width: 100%; padding-left: 25px; padding-right: 50px; width: 320px; } }

.table { border-collapse: collapse; font-size: 1.8rem; line-height: 1.75; width: 100%; }

@media screen and (max-width: 768px) { .table { font-size: 1.6rem; } }

.table__tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .table__tr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.table__th { border-bottom: 2px solid #249ae2; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 32px 20px; text-align: left; vertical-align: baseline; width: 200px; }

@media screen and (max-width: 768px) { .table__th { border: none; padding: 13px 10px 1px; width: 100%; } }

.table__td { border-bottom: 2px solid #e6e6e6; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 32px 20px 32px 74px; }

@media screen and (max-width: 768px) { .table__td { padding: 1px 10px 13px; } }

.table__list { display: grid; gap: 10px 40px; grid-template-columns: repeat(auto-fill, min(185px, 100%)); -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; max-width: min(635px, 100%); width: 100%; }

@media screen and (max-width: 768px) { .table__list { display: block; } }

@media screen and (max-width: 768px) { .table__item { display: inline; } }

@media screen and (max-width: 768px) { .table__item:not(:last-child)::after { content: "/"; display: inline-block; margin: 0 5px; } }

.table__tdItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 8px; }

@media screen and (max-width: 768px) { .table__tdItem { gap: 0 16px; } }

.table__tdItem + .table__tdItem { margin-top: 6px; }

.table__link { color: #249ae2; text-decoration: underline; }

.contact__inner { margin: 0 auto; padding: 80px 80px 100px; max-width: 1080px; }

@media screen and (max-width: 1080px) { .contact__inner { padding: 80px 45px; } }

@media screen and (max-width: 768px) { .contact__inner { margin: 0; padding: 35px 20px 45px; } }

.contact__h2 { font-family: lato, sans-serif; font-size: 2.9rem; text-align: center; color: #249ae2; padding-bottom: 40px; }

@media screen and (max-width: 768px) { .contact__h2 { font-size: 2.2rem; padding-bottom: 16px; } }

.contact__wrap { padding: 25px 20px 54px; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .contact__wrap { padding: 25px 0 20px; } }

.contact__privacy { font-weight: bold; font-size: 1.7rem; padding-bottom: 15px; }

@media screen and (max-width: 768px) { .contact__privacy { font-size: 1.6rem; } }

.contact__privacyContent { height: 200px; overflow-y: scroll; font-size: 1.5rem; line-height: 2em; padding: 0 12px 12px 0; }

.contact__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 60px; }

@media screen and (max-width: 768px) { .contact__btnWrap { padding-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.contact__btnWrap .contact__btn { width: 350px; margin: 0 25px; }

@media screen and (max-width: 1080px) { .contact__btnWrap .contact__btn { margin: 0 10px; } }

@media screen and (max-width: 768px) { .contact__btnWrap .contact__btn { width: 270px; margin: 10px 0; } }

.contact__btn { border: none; }

.contact .input__list { padding: 40px 20px; }

@media screen and (max-width: 768px) { .contact .input__list { padding: 6px 0 20px; } }

.contact .input__list:nth-of-type(6) .input__txt { width: 50%; }

.contact .input__list:nth-of-type(6) .input__small { padding: 0 0 0 10px; }

@media screen and (max-width: 768px) { .contact .input__list:nth-of-type(6) .input__txt { width: 100%; } }

.contact .input__term { -webkit-box-flex: 0; -webkit-flex: 0 1 290px; -ms-flex: 0 1 290px; flex: 0 1 290px; padding: 10.5px 0; }

@media screen and (max-width: 768px) { .contact .input__term { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } }

.contact .input__desc { -webkit-box-flex: 0; -webkit-flex: 0 1 67%; -ms-flex: 0 1 67%; flex: 0 1 67%; }

.contact .input__txt { height: 48px; }

.contact .input__textarea { height: 210px; }

@media screen and (max-width: 768px) { .contact .input__textarea { height: 120px; } }

.contact .input__required, .contact .input__optional { line-height: 2.5rem; font-size: 1.4rem; color: #fff; vertical-align: middle; display: inline-block; padding: 0 5px; margin: -4px 10px 0 0; }

.contact .input__required { background: #ed1c24; }

.contact .input__optional { background: #b3b3b3; }

.contact .input__content { padding-top: 10.5px; }

@media screen and (max-width: 768px) { .contact .input__content { padding-top: 0; } }

.contact .agree { margin-top: 35px; margin-bottom: 50px; text-align: center; }

@media screen and (max-width: 768px) { .contact .agree { margin: 30px auto; } }

.contact .required__agree { padding-left: 0; }

.confirmBtn { margin-top: 80px; }

@media screen and (max-width: 768px) { .confirmBtn { margin-top: 40px; } }

.faqSingle .section { padding-bottom: 200px; }

@media screen and (max-width: 768px) { .faqSingle .section { padding-bottom: 70px; } }

@media screen and (max-width: 768px) { .faqSingle .breadcrumb { margin: 20px 0; } }

.faqSingle__wrap { margin: 0 auto; max-width: 910px; }

.faqSingle__btnWrap { margin-bottom: 100px; }

@media screen and (max-width: 768px) { .faqSingle__btnWrap { margin-bottom: 40px; } }

.faqSingle__btn { line-height: 1.6; max-width: 100%; padding: 26px 0 22px 0; width: 370px; }

@media screen and (max-width: 768px) { .faqSingle__btn { font-size: 1.6rem; line-height: 2; padding: 12px 0; width: 270px; } }

.faqSingle__btn::after { height: 24px; right: 20px; width: 24px; }

.faqArticle { margin-bottom: 60px; }

@media screen and (max-width: 768px) { .faqArticle { margin-bottom: 40px; } }

.faqArticle__ttl { font-size: 2.6rem; font-weight: 700; line-height: 2; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .faqArticle__ttl { font-size: 1.8rem; line-height: 1.78; margin-bottom: 6px; padding-bottom: 23px; } }

.faqArticle__txt { line-height: 2; margin-bottom: 32px; }

@media screen and (max-width: 768px) { .faqArticle__txt { margin-bottom: 22px; } }

.faqArticle__fig { aspect-ratio: 91 / 46; background: #f2f2f2; width: 100%; }

@media screen and (max-width: 768px) { .faqArticle__fig { aspect-ratio: 17 /11; } }

.faqArticle__img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.faqRelation { border-top: 1px solid #e6e6e6; margin: 0 auto 0; max-width: 1080px; padding-top: 86px; }

@media screen and (max-width: 768px) { .faqRelation { padding-top: 22px; } }

.faqRelation__ttl { font-size: 2.4rem; font-weight: 700; line-height: 2.17; text-align: center; margin-bottom: 35px; }

@media screen and (max-width: 768px) { .faqRelation__ttl { font-size: 1.6rem; line-height: 2; margin-bottom: 22px; } }

.faqRelation .faqList { gap: 0; }

@media screen and (max-width: 768px) { .faqRelation .faqList { gap: 20px; } }

.faqRelation .faqList__item { border-top: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .faqRelation .faqList__item { border: none; } }

.faqRelation .faqList__item:last-child { border-bottom: 1px solid #e6e6e6; }

.faqRelation .faqList__link { border-radius: 0px; -webkit-filter: none; filter: none; padding: 22px 20px; }

@media screen and (max-width: 768px) { .faqRelation .faqList__link { border-radius: 4px; -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); } }

.faqRelation .faqList__link:hover { -webkit-filter: none; filter: none; opacity: 0.5; }

@media screen and (max-width: 768px) { .faqRelation .faqList__link:hover { -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.32)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.32)); opacity: 1; } }

.faq .section { padding-bottom: 200px; }

@media screen and (max-width: 768px) { .faq .section { padding-bottom: 80px; } }

@media screen and (max-width: 768px) { .faq .breadcrumb { margin: 20px 0; } }

.searchForm { margin: 0 auto 50px; max-width: 1080px; }

@media screen and (max-width: 768px) { .searchForm { margin-bottom: 15px; } }

.searchForm__wrap { display: grid; }

.searchForm__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 3px solid #e6e6e6; border-radius: 0px; font-family: inherit; grid-area: 1 / -1; height: 72px; padding: 10px 80px 10px 20px; -webkit-transition: .2s; transition: .2s; width: 100%; }

@media screen and (max-width: 768px) { .searchForm__input { height: 60px; padding: 10px 60px 10px 15px; } }

.searchForm__input:focus { -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }

.searchForm__submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy44MjcgMjMuMTIiPgogIDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2U2ZTZlNiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIuOTM4IiBkPSJtMTcuMzU0IDE2LjY0NiA1LjQzNSA1LjQzNSIgLz4KICA8cGF0aCBkPSJNOSAzYzEuNjAzIDAgMy4xMDkuNjI0IDQuMjQzIDEuNzU3YTYuMDA3IDYuMDA3IDAgMCAxIDAgOC40ODVjLTEuMTMzIDEuMTMzLTIuNjQgMS43NTctNC4yNDMgMS43NTdzLTMuMTA5LS42MjQtNC4yNDMtMS43NTdhNi4wMDcgNi4wMDcgMCAwIDEgMC04LjQ4NUE1Ljk2MSA1Ljk2MSAwIDAgMSA5IDNtMC0zYTkgOSAwIDEgMCAwIDE4QTkgOSAwIDEgMCA5IDBaIiBmaWxsPSIjZTZlNmU2IiAvPgo8L3N2Zz4=") content-box no-repeat 100% 50%/24px 24px; border: none; grid-area: 1 / -1; height: 100%; padding: 0 40px 0 0; place-self: center end; width: 83px; }

@media screen and (max-width: 768px) { .searchForm__submit { padding-right: 24px; } }

.faq__category { gap: 16px 76px; margin: 0 auto 40px; max-width: 1080px; }

@media screen and (max-width: 768px) { .faq__category { gap: 16px 24px; margin-bottom: 20px; } }

.faq__category .category__item { margin-bottom: 0; padding: 0; }

.recentPosts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; gap: 6px 50px; margin: 0 auto 70px; max-width: 1080px; }

@media screen and (max-width: 768px) { .recentPosts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: inherit; margin-bottom: 35px; } }

.recentPosts__ttl { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 700; line-height: 1.7; }

.recentPosts__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 30px; }

@media screen and (max-width: 768px) { .recentPosts__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.recentPosts__item { line-height: 1.7; }

.recentPosts__link { text-decoration: underline; }

.recentPosts__link:hover { text-decoration: none; }

.faqSection { margin-bottom: 60px; padding-top: 30px; }

@media screen and (max-width: 768px) { .faqSection { margin-bottom: 20px; padding-top: 15px; } }

.faqSection:last-child { margin-bottom: 0; }

@media screen and (max-width: 768px) { .faqSection:last-child { margin-bottom: 0; } }

.faqSection__ttl { color: #249ae2; font-size: 2.2rem; font-weight: 700; margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 768px) { .faqSection__ttl { font-size: 1.8rem; margin-bottom: 15px; } }

.faqList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px; }

@media screen and (max-width: 768px) { .faqList { gap: 20px; } }

.faqList__link { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #fff; border-radius: 4px; display: grid; -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); font-size: 1.8rem; gap: 20px; grid-template-columns: auto 1fr auto; line-height: 2; padding: 30px 30px 30px 60px; -webkit-transition: .3s; transition: .3s; will-change: filter; }

@media screen and (max-width: 768px) { .faqList__link { font-size: inherit; gap: 12px; line-height: 1.75; padding: 22px 20px; } }

.faqList__link:hover { -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.32)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.32)); }

.faqList__link::before { color: #249ae2; content: "Q"; font-family: lato, sans-serif; font-size: 3.2rem; font-weight: 700; line-height: 1; }

@media screen and (max-width: 768px) { .faqList__link::before { font-size: 2.6rem; } }

.faqList__link::after { content: url(../../images/arrow_circle_blue.svg); height: 30px; place-self: center end; width: 30px; }

@media screen and (max-width: 768px) { .faqList__link::after { margin-left: 18px; } }

.freeTrial { border-bottom: 1px solid #e6e6e6; }

.freeTrial__form { margin: auto; width: 100%; }

.freeTrial__h2 { font-weight: bold; font-size: 2.4rem; text-align: center; margin-bottom: 60px; position: relative; }

@media screen and (max-width: 768px) { .freeTrial__h2 { font-size: 1.8rem; margin-bottom: 40px; } }

.freeTrial__h2:nth-of-type(2) { margin-top: 60px; }

@media screen and (max-width: 768px) { .freeTrial__h2:nth-of-type(2) { margin-top: 40px; } }

.freeTrial__h2::after { content: ""; width: 40px; height: 3px; background: #e6e6e6; position: absolute; left: 0; right: 0; margin: auto; bottom: -25px; }

@media screen and (max-width: 768px) { .freeTrial__h2::after { width: 20px; bottom: -20px; } }

.freeTrial__inner { margin: 100px 0 10px; padding: 95px 100px; }

@media screen and (max-width: 1080px) { .freeTrial__inner { padding: 80px 45px; } }

@media screen and (max-width: 768px) { .freeTrial__inner { margin: 50px 0 0; padding: 0; } }

.freeTrial__btnList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -30px auto; width: 1260px; overflow-x: scroll; }

@media screen and (max-width: 1080px) { .freeTrial__btnList { width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } }

.freeTrial__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .freeTrial__btnWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.freeTrial__btnWrap .freeTrial__btn { width: 350px; margin: 0 25px; }

@media screen and (max-width: 1080px) { .freeTrial__btnWrap .freeTrial__btn { margin: 0 10px; } }

@media screen and (max-width: 768px) { .freeTrial__btnWrap .freeTrial__btn { width: 270px; margin: 10px 0; } }

.freeTrial__btn { border: none; }

.freeTrial__small { padding-left: 40px; font-size: 1.5rem; line-height: 3.4rem; color: #666; }

@media screen and (max-width: 768px) { .freeTrial__small { font-size: 1.3rem; line-height: 2.8rem; padding-left: 0; } }

.freeTrial__small:first-of-type { padding-top: 60px; }

@media screen and (max-width: 768px) { .freeTrial__small:first-of-type { padding-top: 30px; } }

.freeTrial__wrap { padding: 40px 30px 40px 20px; }

@media screen and (max-width: 768px) { .freeTrial__wrap { padding: 0 0 30px; } }

@media screen and (max-width: 768px) { .freeTrial .input { -webkit-box-shadow: none; box-shadow: none; } }

@media screen and (max-width: 768px) { .freeTrial .input__sp { padding: 30px 20px 35px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); border-radius: 10px; } }

.freeTrial .input__list { padding: 40px 30px 40px 20px; }

@media screen and (max-width: 768px) { .freeTrial .input__list { padding: 0 0 20px; } }

.freeTrial .input__list:nth-of-type(3) .input__desc { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.freeTrial .input__term { -webkit-box-flex: 0; -webkit-flex: 0 1 250px; -ms-flex: 0 1 250px; flex: 0 1 250px; padding: 21px 0; }

@media screen and (max-width: 768px) { .freeTrial .input__term { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; padding: 12px 0; } }

.freeTrial .input__term::before { content: ""; width: 8px; height: 8px; border-radius: 4px; background: #249ae2; display: inline-block; margin-right: 5px; vertical-align: middle; }

.freeTrial .input__desc { -webkit-box-flex: 0; -webkit-flex: 0 1 74%; -ms-flex: 0 1 74%; flex: 0 1 74%; }

.freeTrial .input__content { padding: 21.5px 0; }

@media screen and (max-width: 768px) { .freeTrial .input__content { padding: 0; } }

.radioBtn { width: calc(100% / 3 - 60px); min-width: 340px; margin: 30px; position: relative; }

@media screen and (max-width: 768px) { .radioBtn { margin: 10px 0; min-width: auto; max-width: 340px; width: 100%; } }

.radioBtn:first-of-type .radioBtn__wrapTop { color: #24dfe2; }

.radioBtn:nth-last-of-type(2) .radioBtn__wrapTop { color: #24c5e2; }

.radioBtn:last-of-type .radioBtn__wrapTop { color: #249ae2; }

.radioBtn__label { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); -webkit-transition: .2s; transition: .2s; }

@media screen and (max-width: 1320px) { .radioBtn__label { width: 100%; } }

.radioBtn__label::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 10px; }

.radioBtn__radio { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer; }

.radioBtn__radio:checked + .radioBtn__label_outline_blueSt::before { border: 3px solid #24dfe2; }

.radioBtn__radio:checked + .radioBtn__label_outline_bluePr::before { border: 3px solid #24c5e2; }

.radioBtn__radio:checked + .radioBtn__label_outline_blue::before { border: 3px solid #249ae2; }

.radioBtn__radio:hover + .radioBtn__label { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32); }

.radioBtn__wrapTop { height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .radioBtn__wrapTop { height: 112px; } }

.radioBtn__ttlSmall { font-size: 1.8rem; line-height: 2em; font-weight: bold; }

@media screen and (max-width: 768px) { .radioBtn__ttlSmall { font-size: 1.6rem; } }

.radioBtn__ttl { font-size: 3.2rem; font-weight: bold; }

@media screen and (max-width: 768px) { .radioBtn__ttl { font-size: 2.6rem; } }

.radioBtn__wrapMdl { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; padding: 20px 27px 20px; }

.radioBtn__txt { font-size: 1.8rem; line-height: 3.2rem; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.radioBtn__amount { font-size: 1.6rem; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; display: block; margin: auto; padding-top: 13px; }

.radioBtn__amountLarge { font-size: 3.8rem; line-height: 3.6rem; font-weight: bold; font-family: lato, sans-serif; padding: 0 5px; }

.radioBtn__off { width: 240px; background: #def0fb; border-radius: 17px; display: block; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 1.6rem; margin: 15px auto 0; }

.radioBtn__off::before, .radioBtn__off::after { content: "↓"; padding: 0 10px; line-height: 1.5em; }

.radioBtn__offLarge { font-family: lato, sans-serif; font-size: 2.2rem; }

.radioBtn__wrapBtm { vertical-align: middle; border-top: 1px solid #e6e6e6; margin: 0 27px; padding: 30px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.radioBtn__select { vertical-align: middle; margin-right: 10px; }

.function .section { padding-bottom: 200px; }

@media screen and (max-width: 768px) { .function .section { padding-bottom: 80px; } }

@media screen and (max-width: 768px) { .function .breadcrumb { margin: 20px 0; } }

.function h1 { margin-bottom: 20px; }

.function__txt { font-size: 1.8rem; line-height: 2; margin: 0 auto 70px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) { .function__txt { font-size: inherit; margin-bottom: 28px; } }

.functionGrid { display: grid; gap: 42px; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }

@media screen and (max-width: 768px) { .functionGrid { gap: 30px; grid-template-columns: 1fr; } }

.functionGrid__item { background: #fff; border-radius: 10px; -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08)); padding: 55px 40px 40px; will-change: filter; }

@media screen and (max-width: 768px) { .functionGrid__item { padding: 30px 24px; } }

.functionGrid__fig { aspect-ratio: 200 / 160; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 27px; overflow: hidden; width: 68%; }

@media screen and (max-width: 768px) { .functionGrid__fig { margin-bottom: 18px; min-width: min(140px, 100%); width: 47%; } }

.functionGrid__img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; }

.functionGrid__ttl { font-size: 2.2rem; font-weight: 700; line-height: 1.45; margin-bottom: 15px; text-align: center; }

@media screen and (max-width: 768px) { .functionGrid__ttl { font-size: 2rem; line-height: 1.6; margin-bottom: 5px; } }

.functionGrid__txt { line-height: 2; }

.top { overflow: hidden; }

.topMv { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 860px; z-index: 0; overflow: hidden; }

@media screen and (max-width: 768px) { .topMv { height: 510px; } }

.topMv__center { position: absolute; left: 0; right: 0; margin: auto; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; z-index: 1; }

@media screen and (max-width: 768px) { .topMv__center { padding-bottom: 20px; } }

.topMv__ttl { color: #249ae2; font-weight: bold; font-family: lato, sans-serif; letter-spacing: 0.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 150px 0 0 0.5em; text-align: center; width: 100%; position: relative; }

@media screen and (max-width: 768px) { .topMv__ttl { padding: 160px 0 0 0; width: 100%; color: transparent; } }

.topMv__ttlMono { font-size: 5.4rem; line-height: 7.2rem; font-weight: bold; letter-spacing: 0.05em; white-space: nowrap; position: absolute; top: 0; left: 0; right: 0; margin: auto; padding-left: 9px; }

@media screen and (max-width: 768px) { .topMv__ttlMono { font-size: 2.6rem; line-height: 3.7rem; right: 0; margin: auto; padding-top: 35px; padding-left: 5px; } }

.topMv__ttlMono_color_black { color: #000; -webkit-clip-path: inset(0 50% 0 0); clip-path: inset(0 50% 0 0); }

@media screen and (max-width: 768px) { .topMv__ttlMono_color_black { text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; } }

.topMv__ttlMono_color_white { color: #fff; -webkit-clip-path: inset(0 0 0 50%); clip-path: inset(0 0 0 50%); }

.topMv__ttlBr { font-weight: bold; padding-left: 40px; }

@media screen and (max-width: 768px) { .topMv__ttlBr { font-size: 4.4rem; line-height: 5.5rem; letter-spacing: 0.15em; padding-left: 6px; } }

.topMv__ttlSp { display: none; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; letter-spacing: 0.05em; font-size: 1rem; line-height: 1.75rem; font-weight: bold; }

@media screen and (max-width: 768px) { .topMv__ttlSp { display: block; } }

.topMv__ttlSp_color_black { color: #000; -webkit-clip-path: inset(0 50% 0 0); clip-path: inset(0 50% 0 0); text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }

.topMv__ttlSp_color_white { color: #fff; -webkit-clip-path: inset(0 0 0 50%); clip-path: inset(0 0 0 50%); }

.topMv__btn { width: 400px; padding: 20px 0 25px; font-size: 2.4rem; background: none; }

.topMv__btn:hover { -webkit-box-shadow: none; box-shadow: none; }

.topMv__btn:hover::before { background-position: 99% 50%; }

.topMv__btn::before { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#fac000), color-stop(33%, #f18b00), color-stop(66%, #fac000), to(#f18b00)); background: linear-gradient(270deg, #fac000 0%, #f18b00 33%, #fac000 66%, #f18b00 100%); background-size: 300%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: -2; -webkit-transition: .5s; transition: .5s; background-position: 1% 50%; }

@media screen and (max-width: 768px) { .topMv__btn { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 270px; font-size: 1.6rem; padding: 13px 0 17px; } }

.topMv__service { width: 600px; position: relative; }

@media screen and (max-width: 768px) { .topMv__service { width: 279px; margin-left: -20px; } }

.topMv__sevenDays { width: 140px; height: 140px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fcee21; font-size: 4.9rem; font-family: lato, sans-serif; line-height: 0.7em; position: absolute; top: -45px; right: -50px; z-index: 0; padding-top: 8px; }

@media screen and (max-width: 768px) { .topMv__sevenDays { width: 66px; height: 66px; font-size: 2.3rem; padding-top: 4px; top: -21px; right: -25px; } }

.topMv__sevenDays::before { content: ""; background: url(../../images/seven-days.svg) no-repeat; width: 114px; height: 115px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; -webkit-animation: rotate 10s infinite linear; animation: rotate 10s infinite linear; }

@media screen and (max-width: 768px) { .topMv__sevenDays::before { width: 53px; height: 53.5px; } }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.topMv__sevenDays::after { content: ""; width: 140px; height: 140px; display: block; position: absolute; top: 0; left: 0; border-radius: 70px; background: -webkit-gradient(linear, right bottom, left top, from(#249ae2), to(#24cce2)); background: linear-gradient(to top left, #249ae2, #24cce2); z-index: -2; }

@media screen and (max-width: 768px) { .topMv__sevenDays::after { width: 66px; height: 66px; } }

.topMv__sevenDaysSmall { font-size: 1.65rem; color: #fff; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .topMv__sevenDaysSmall { font-size: 0.76rem; } }

.topMv__white { background: #f8f8f8 url(../images/white.svg) no-repeat; background-position: center right 340px; }

.topMv__black { background: #333 url(../images/black.svg) no-repeat; background-position: center left 336px; }

.topMv__white, .topMv__black { width: 50%; background-size: contain; }

@media screen and (max-width: 1320px) { .topMv__white, .topMv__black { background-position: center center; } }

@media screen and (max-width: 768px) { .topMv__white { background-size: auto 467px; } }

@media screen and (max-width: 768px) { .topMv__black { background-size: auto 460px; } }

.topMv__mvFig { position: relative; z-index: 0; }

.topMv__mvImg { position: absolute; opacity: 0; z-index: -1; }

.topMv__mvImg_white_01 { width: 145px; height: 284px; right: 250px; top: 30px; -webkit-animation: fadeIn .2s 1.25s ease-in forwards; animation: fadeIn .2s 1.25s ease-in forwards; }

.topMv__mvImg_white_02 { width: 164px; height: 280px; right: 525px; top: 87px; -webkit-animation: fadeIn .2s 1.75s ease-in forwards; animation: fadeIn .2s 1.75s ease-in forwards; }

.topMv__mvImg_white_03 { width: 130px; height: 241px; right: 380px; top: 287px; -webkit-animation: fadeIn .2s 2.25s ease-in forwards; animation: fadeIn .2s 2.25s ease-in forwards; }

.topMv__mvImg_white_04 { width: 117px; height: 227px; right: 340px; top: 563px; -webkit-animation: fadeIn .2s 2.75s ease-in forwards; animation: fadeIn .2s 2.75s ease-in forwards; }

.topMv__mvImg_white_05 { width: 124px; height: 336px; right: 569px; top: 417px; -webkit-animation: fadeIn .2s 3.25s ease-in forwards; animation: fadeIn .2s 3.25s ease-in forwards; }

.topMv__mvImg_white_sp { display: none; }

@media screen and (max-width: 768px) { .topMv__mvImg_white_sp { display: block; width: 161px; height: 256px; right: 41px; top: 16px; -webkit-animation: fadeIn .3s 1.5s ease-in forwards; animation: fadeIn .3s 1.5s ease-in forwards; } }

.topMv__mvImg_black_01 { width: 136px; height: 252px; left: 263px; top: 60px; -webkit-animation: fadeIn .2s 1s ease-in forwards; animation: fadeIn .2s 1s ease-in forwards; }

.topMv__mvImg_black_02 { width: 134px; height: 293px; left: 562px; top: 74px; -webkit-animation: fadeIn .2s 1.5s ease-in forwards; animation: fadeIn .2s 1.5s ease-in forwards; }

.topMv__mvImg_black_03 { width: 103px; height: 285px; left: 436px; top: 244px; -webkit-animation: fadeIn .2s 2s ease-in forwards; animation: fadeIn .2s 2s ease-in forwards; }

.topMv__mvImg_black_04 { width: 89px; height: 203px; left: 399px; top: 587px; -webkit-animation: fadeIn .2s 2.5s ease-in forwards; animation: fadeIn .2s 2.5s ease-in forwards; }

.topMv__mvImg_black_05 { width: 111px; height: 284px; left: 588px; top: 469px; -webkit-animation: fadeIn .2s 3s ease-in forwards; animation: fadeIn .2s 3s ease-in forwards; }

.topMv__mvImg_black_sp { display: none; }

@media screen and (max-width: 768px) { .topMv__mvImg_black_sp { display: block; width: 129px; height: 254px; left: 67px; top: 18px; -webkit-animation: fadeIn .3s .5s ease-in forwards; animation: fadeIn .3s .5s ease-in forwards; } }

@media screen and (max-width: 768px) { .topMv__mvImg_white_01, .topMv__mvImg_white_02, .topMv__mvImg_white_03, .topMv__mvImg_white_04, .topMv__mvImg_white_05, .topMv__mvImg_black_01, .topMv__mvImg_black_02, .topMv__mvImg_black_03, .topMv__mvImg_black_04, .topMv__mvImg_black_05 { display: none; } }

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

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

.topFlow { padding: 195px 30px 200px; margin: auto; background: url(../../images/bg_dots.svg); background-size: 22px 22px; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .topFlow { background: #ececec; padding: 70px 20px 35px; } }

.topFlow__ttl { text-align: center; font-size: 3.4rem; line-height: 5.2rem; position: relative; z-index: 0; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto; padding-bottom: 85px; }

@media screen and (max-width: 768px) { .topFlow__ttl { font-size: 1.8rem; line-height: 2em; padding-bottom: 20px; } }

.topFlow__back { font-family: lato, sans-serif; font-weight: bold; position: absolute; left: 0; right: 0; top: -34px; font-size: 9.8rem; color: #fff; z-index: -1; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .topFlow__back { font-size: 4rem; top: -20px; } }

.topFlow__icon { width: 139px; height: 201px; position: absolute; right: -185px; top: -65px; }

@media screen and (max-width: 1080px) { .topFlow__icon { display: none; } }

.topFlow__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 0; max-width: 1500px; margin: auto; }

@media screen and (max-width: 1080px) { .topFlow__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.topFlow__item { width: calc(25% - 60px); margin: 0 30px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); position: relative; padding: 50px 35px 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: auto; height: 360px; }

@media screen and (max-width: 1080px) { .topFlow__item { width: 100%; margin: 25px 0; padding: 35px 0; height: 300px; } }

@media screen and (max-width: 768px) { .topFlow__item { height: 210px; } }

.topFlow__item:first-of-type { padding-top: 72px; }

@media screen and (max-width: 1080px) { .topFlow__item:first-of-type { padding-top: 40px; } }

.topFlow__item:nth-of-type(3) { padding-top: 82px; }

@media screen and (max-width: 1080px) { .topFlow__item:nth-of-type(3) { padding-top: 44px; } }

.topFlow__item:nth-of-type(-n+3)::after { content: ""; background: url(../../images/arrow_circle_yellow_large.svg) no-repeat; width: 84px; height: 84px; position: absolute; top: 0; bottom: 0; right: -72px; margin: auto; z-index: -1; }

@media screen and (max-width: 1080px) { .topFlow__item:nth-of-type(-n+3)::after { width: 60px; height: 60px; right: 0; left: 0; bottom: -45px; top: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); } }

.topFlow__step { font-size: 1.4rem; font-family: lato, sans-serif; width: 122px; border-radius: 25px; padding: 14px 0 18px; color: #fff; text-align: center; line-height: 1em; position: absolute; top: -25px; left: 0; right: 0; margin: auto; }

@media screen and (max-width: 768px) { .topFlow__step { width: 102px; padding: 9px 0 13px; top: -20px; } }

.topFlow__step_color_01 { background: #24dfe2; }

.topFlow__step_color_02 { background: #24c5e2; }

.topFlow__step_color_03 { background: #24aee2; }

.topFlow__step_color_04 { background: #249ae2; }

.topFlow__num { padding-left: 10px; font-size: 3.2rem; vertical-align: sub; -webkit-transform: translateY(2px); transform: translateY(2px); display: inline-block; }

@media screen and (max-width: 1080px) { .topFlow__num { font-size: 2.2rem; vertical-align: baseline; } }

@media screen and (max-width: 768px) { .topFlow__img { max-height: 120px; height: auto; } }

.topFlow__txt { font-size: 2.4rem; text-align: center; font-weight: bold; }

@media screen and (max-width: 1320px) { .topFlow__txt { font-size: 1.6rem; padding-top: 10px; } }

.topQuestion { margin: 0 auto 135px; text-align: center; padding-top: 120px; position: relative; }

@media screen and (max-width: 768px) { .topQuestion { padding: 40px 20px 0; margin-bottom: 45px; } }

.topQuestion::before { width: 100%; height: 240px; content: ""; background: #249ae2; position: absolute; bottom: 0; left: 0; }

@media screen and (max-width: 768px) { .topQuestion::before { height: 155px; } }

.topQuestion::after { content: ""; position: absolute; top: 100%; left: 0; border-right: 50vw solid transparent; border-left: 50vw solid transparent; border-top: 135px solid #249ae2; }

@media screen and (max-width: 768px) { .topQuestion::after { border-top: 45px solid #249ae2; } }

@media screen and (max-width: 768px) { .topQuestion__head { width: 165px; } }

.topQuestion__ttl { font-size: 3.4rem; line-height: 5.2rem; padding-bottom: 70px; }

@media screen and (max-width: 768px) { .topQuestion__ttl { font-size: 1.8rem; line-height: 3.4rem; padding: 15px 0 20px; } }

.topQuestion__ttlLarge { font-size: 4.2rem; margin-right: 10px; }

@media screen and (max-width: 768px) { .topQuestion__ttlLarge { font-size: 1.8rem; } }

.topQuestion__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 0; max-width: 1260px; margin: auto; padding-bottom: 25px; }

@media screen and (max-width: 768px) { .topQuestion__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.topQuestion__item { width: calc(100% / 3 - 60px); margin: 0 30px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); position: relative; padding: 50px 40px 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: auto; height: 420px; }

@media screen and (max-width: 768px) { .topQuestion__item { width: 100%; margin: 10px 0; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); height: 250px; padding: 25px 20px 30px; } }

.topQuestion__img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { .topQuestion__img { max-height: 135px; width: auto; } }

.topQuestion .topQuestion__item:last-of-type { padding-top: 37px; }

@media screen and (max-width: 768px) { .topQuestion .topQuestion__item:last-of-type { padding-top: 25px; } }

.topQuestion .topQuestion__item:last-of-type .topQuestion__img { width: 188px; }

.topQuestion__txt { font-size: 2rem; width: 100%; text-align: left; }

@media screen and (max-width: 768px) { .topQuestion__txt { text-align: center; font-size: 1.6rem; line-height: 2.8rem; } }

.topQuestion__txt .top__ttl_color_blue { font-size: 2.8rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (max-width: 768px) { .topQuestion__txt .top__ttl_color_blue { font-size: 1.6rem; } }

.topProblemSolving { position: relative; padding: 130px 0 90px; margin: auto; border-bottom: 1px solid #e6e6e6; padding: 65px 0 20px; }

.topProblemSolving::before { content: ""; width: 84px; height: 84px; background: url(../../images/arrow_circle_yellow_large.svg) no-repeat; position: absolute; top: -42px; left: 0; right: 0; margin: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.topProblemSolving__mainTtl { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 3.4rem; letter-spacing: 0.075em; padding-bottom: 85px; }

@media screen and (max-width: 768px) { .topProblemSolving__mainTtl { font-size: 2rem; padding-bottom: 40px; } }

.topProblemSolving__logo { margin-right: 20px; }

@media screen and (max-width: 768px) { .topProblemSolving__logo { margin-right: 10px; } }

.topProblemSolving__inner { max-width: 1500px; margin: auto; }

.topProblemSolving__wrap:nth-of-type(2) .topProblemSolving__fig { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.topProblemSolving__wrap:nth-of-type(2) .topProblemSolving__img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 768px) { .topProblemSolving__wrap:nth-of-type(2) .topProblemSolving__img { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin: 0 -9% 0 0; } }

.topProblemSolving__fig { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -118px; padding-bottom: 58px; }

@media screen and (max-width: 768px) { .topProblemSolving__fig { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -70px; padding-bottom: 0; } }

.topProblemSolving__img { max-width: 710px; width: 47%; }

@media screen and (max-width: 768px) { .topProblemSolving__img { max-width: none; width: 100%; margin-left: -9%; } }

.topProblemSolving__cap { padding: 180px 25px 0; max-width: 560px; }

@media screen and (max-width: 768px) { .topProblemSolving__cap { padding: 25px 20px; max-width: none; } }

.topProblemSolving__subTtl { font-size: 2.4rem; padding-bottom: 15px; }

@media screen and (max-width: 768px) { .topProblemSolving__subTtl { font-size: 1.8rem; line-height: 2em; } }

.topProblemSolving__subTtl .top__ttl_color_blue { font-size: 3.4rem; }

@media screen and (max-width: 768px) { .topProblemSolving__subTtl .top__ttl_color_blue { font-size: 2rem; } }

.topProblemSolving__txt { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .topProblemSolving__txt { line-height: 2em; } }

.topSuccess { padding: 130px 0 125px; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .topSuccess { padding: 50px 0 60px; } }

.topSuccess__mainTtl { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 3.4rem; text-align: center; vertical-align: middle; letter-spacing: 0.075em; padding-bottom: 60px; }

@media screen and (max-width: 768px) { .topSuccess__mainTtl { font-size: 2rem; padding-bottom: 20px; } }

.topSuccess__mainTtlSmall { text-align: left; font-size: 2.6rem; font-weight: bold; width: 100%; display: inline-block; padding: 0 0 10px 3.7em; }

@media screen and (max-width: 768px) { .topSuccess__mainTtlSmall { font-size: 1.6rem; padding-left: 40px; } }

.topSuccess__logo { margin: 0 20px 10px 0; vertical-align: -75%; }

@media screen and (max-width: 768px) { .topSuccess__logo { margin-right: 10px; } }

.topSuccess__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 60px; }

@media screen and (max-width: 768px) { .topSuccess__inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } }

.topSuccess__wrap { max-width: 510px; margin-right: 60px; }

@media screen and (max-width: 768px) { .topSuccess__wrap { max-width: none; margin: 0; } }

.topSuccess__subTtl { font-size: 2.4rem; font-weight: bold; padding-bottom: 25px; }

@media screen and (max-width: 768px) { .topSuccess__subTtl { font-size: 1.8rem; line-height: 2em; padding-bottom: 15px; } }

.topSuccess__subTtl .top__ttl_color_blue { font-size: 3.4rem; }

@media screen and (max-width: 768px) { .topSuccess__subTtl .top__ttl_color_blue { font-size: 2rem; } }

.topSuccess__txt { font-size: 1.8rem; line-height: 2em; }

@media screen and (max-width: 768px) { .topSuccess__txt { padding-bottom: 25px; } }

.topSuccess__img { max-width: 510px; }

@media screen and (max-width: 768px) { .topSuccess__img { width: 100%; } }

.topOther { padding: 150px 0 140px; margin: auto; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .topOther { padding: 50px 0; } }

.topOther__mainTtl { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 3.4rem; text-align: center; vertical-align: middle; letter-spacing: 0.075em; padding-bottom: 50px; font-weight: bold; }

@media screen and (max-width: 768px) { .topOther__mainTtl { font-size: 1.8rem; padding-bottom: 20px; } }

.topOther__logo { margin-right: 25px; vertical-align: -50%; }

@media screen and (max-width: 768px) { .topOther__logo { margin-right: 10px; } }

.topOther__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 40px; max-width: 1280px; margin: auto; }

@media screen and (max-width: 768px) { .topOther__list { padding: 0 20px; } }

.topOther__item { margin: 20px; width: calc(50% - 40px); -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 50px 0 60px; min-height: 200px; border-radius: 10px; }

@media screen and (max-width: 768px) { .topOther__item { width: 100%; margin: 10px 0; } }

@media screen and (max-width: 480px) { .topOther__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px; } }

.topOther__item:first-of-type .topOther__img { width: 57px; }

.topOther__item:nth-of-type(2) .topOther__img { width: 57px; }

.topOther__item:nth-of-type(3) .topOther__img { width: 44px; }

.topOther__item:nth-of-type(4) .topOther__img { width: 45px; }

.topOther__item:nth-of-type(5) .topOther__img { width: 49px; }

.topOther__item:last-of-type .topOther__img { width: 47px; }

.topOther__wrap { padding-left: 45px; }

@media screen and (max-width: 768px) { .topOther__wrap { padding-left: 20px; } }

@media screen and (max-width: 480px) { .topOther__wrap { padding-left: 0; } }

.topOther__subTtl { color: #249ae2; font-size: 2rem; font-weight: bold; padding-bottom: 10px; }

@media screen and (max-width: 768px) { .topOther__subTtl { font-size: 1.8rem; } }

@media screen and (max-width: 768px) { .topOther__subTtl { padding: 20px 0 10px; } }

.topOther__txt { line-height: 2em; }

@media screen and (max-width: 768px) { .topOther__txt { font-size: 1.6rem; } }

.topVideo { padding: 150px 0 140px; margin: auto; border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .topVideo { padding: 50px 0; } }

.topVideo__mainTtl { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 3.4rem; text-align: center; vertical-align: middle; letter-spacing: 0.075em; padding-bottom: 60px; font-weight: bold; }

@media screen and (max-width: 768px) { .topVideo__mainTtl { font-size: 1.8rem; padding-bottom: 30px; } }

.topVideo__inner { max-width: 1160px; }

.topVideo__logo { margin-right: 25px; vertical-align: -50%; }

@media screen and (max-width: 768px) { .topVideo__logo { margin-right: 10px; } }

.topVideo__iframeWrap { overflow: hidden; padding-top: calc(9 / 16 * 100%); position: relative; }

.topVideo__iframeWrap iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.topInstallation { padding: 100px 0 140px; margin: auto; }

@media screen and (max-width: 768px) { .topInstallation { padding: 40px 0 55px; } }

.topInstallation__inner { padding-top: 60px; padding-bottom: 100px; }

@media screen and (max-width: 768px) { .topInstallation__inner { padding-top: 30px; padding-bottom: 60px; } }

.topInstallation__ttl { text-align: center; letter-spacing: 0.075em; font-size: 3.6rem; font-weight: bold; }

@media screen and (max-width: 768px) { .topInstallation__ttl { font-size: 1.8rem; } }

.topInstallation__ttlEn { font-family: lato, sans-serif; font-size: 9.8rem; font-weight: bold; -webkit-text-stroke: 1px #249ae2; color: #fff; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .topInstallation__ttlEn { font-size: 3.6rem; } }

.topInstallation .logo__list { padding-top: 64px; }

@media screen and (max-width: 768px) { .topInstallation .logo__list { padding-top: 45px; } }

.topInstallation .logo__item { width: 310px; height: 180px; }

@media screen and (max-width: 768px) { .topInstallation .logo__item { padding: 5px; width: 175px; height: 110px; } }

@media screen and (max-width: 480px) { .topInstallation .logo__item { width: 50%; } }

.topColumn { background: #214b9d; color: #fff; padding: 100px 0 130px; }

@media screen and (max-width: 768px) { .topColumn { padding: 40px 0 60px; } }

.topColumn__ttl { letter-spacing: 0.075em; font-size: 2.8rem; font-weight: bold; max-width: 1260px; padding: 0 30px 50px; margin: auto; }

@media screen and (max-width: 768px) { .topColumn__ttl { text-align: center; font-size: 1.6rem; padding: 0 0 30px; } }

.topColumn__ttlEn { font-family: lato, sans-serif; font-size: 6rem; font-weight: bold; -webkit-text-stroke: 1px #fff; color: #214b9d; letter-spacing: 0.1em; padding-right: 15px; }

@media screen and (max-width: 768px) { .topColumn__ttlEn { font-size: 3.6rem; } }

.topColumn__inner { padding-bottom: 80px; }

@media screen and (max-width: 768px) { .topColumn__inner { padding-bottom: 60px; } }

.topColumn .logo__list { padding-top: 64px; }

.topColumn .logo__item { width: 270px; height: 140px; }

.login { border-bottom: 1px solid #e6e6e6; }

.login__inner { margin: auto; padding: 50px 50px 70px; max-width: 750px; border-radius: 10px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 480px) { .login__inner { padding: 30px 20px 60px; } }

.login .input__list { padding: 40px 30px 40px 20px; }

@media screen and (max-width: 768px) { .login .input__list { padding: 0 0 20px; } }

.login .input__term { -webkit-box-flex: 0; -webkit-flex: 0 1 calc(100% / 3); -ms-flex: 0 1 calc(100% / 3); flex: 0 1 calc(100% / 3); padding: 21px 0; }

@media screen and (max-width: 768px) { .login .input__term { padding: 12px 0; } }

.login .input__desc { -webkit-box-flex: 0; -webkit-flex: 0 1 calc(200% / 3); -ms-flex: 0 1 calc(200% / 3); flex: 0 1 calc(200% / 3); }

.login__btn { border: none; width: 400px; padding: 23px 0 28px; font-size: 2rem; margin: auto; }

@media screen and (max-width: 768px) { .login__btn { width: 270px; padding: 14px 0 16px; font-size: 1.6rem; } }

.login__link { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; margin: 20px auto 0; text-decoration: underline; font-size: 1.5rem; color: #666; }

.login .txt { padding-bottom: 0; font-weight: bold; font-size: 2.4rem; text-align: center; margin: 100px auto 60px; position: relative; }

@media screen and (max-width: 768px) { .login .txt { font-size: 1.8rem; margin: 70px auto 50px; } }

.login .txt::after { content: ""; width: 40px; height: 3px; background: #e6e6e6; position: absolute; left: 0; right: 0; margin: auto; bottom: -25px; }

@media screen and (max-width: 768px) { .login .txt::after { width: 20px; bottom: -20px; } }

.memory { font-size: 1.8rem; display: block; margin: 30px auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) and (max-width: 768px) { .memory { font-size: 1.5rem; text-indent: -35px; padding-left: 35px; } }

.memory__check { width: 20px; height: 20px; background: #e6e6e6; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 15px; margin-bottom: 2px; position: relative; }

.memory__check:checked::after { content: ""; background: url(../../images/check.svg) no-repeat; position: absolute; width: 18.6px; height: 12.5px; top: 3px; left: 2px; display: block; }

.plan__container { overflow-x: scroll; }

.plan__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: -30px auto; padding: 20px 0 140px; overflow-x: scroll; width: 1260px; }

@media screen and (max-width: 1080px) { .plan__list { width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 768px) { .plan__list { margin: -15px auto; padding: 0 0 60px; } }

.plan__item { width: 360px; margin: 30px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; }

@media screen and (max-width: 768px) { .plan__item { width: auto; max-width: 360px; margin: 15px; } }

@media screen and (max-width: 480px) { .plan__item { width: 100%; max-width: auto; margin: 15px 0; } }

.plan__item_color_blueSt .plan__wrapTop { background: #24dfe2; }

.plan__item_color_blueSt .plan__wrapBtm { border-bottom: 3px solid #24dfe2; border-left: 3px solid #24dfe2; border-right: 3px solid #24dfe2; }

.plan__item_color_bluePr .plan__wrapTop { background: #24c5e2; }

.plan__item_color_bluePr .plan__wrapBtm { border-bottom: 3px solid #24c5e2; border-left: 3px solid #24c5e2; border-right: 3px solid #24c5e2; }

.plan__item_color_blue .plan__wrapTop { background: #249ae2; }

.plan__item_color_blue .plan__wrapBtm { border-bottom: 3px solid #249ae2; border-left: 3px solid #249ae2; border-right: 3px solid #249ae2; }

.plan__item:nth-child(2) .plan__wrapTop { height: 180px; }

@media screen and (max-width: 768px) { .plan__item:nth-child(2) .plan__wrapTop { height: 112px; } }

.plan__wrapTop { height: 140px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .plan__wrapTop { height: 112px; } }

.plan__ttlSmall { font-size: 1.8rem; line-height: 2em; font-weight: bold; }

@media screen and (max-width: 768px) { .plan__ttlSmall { font-size: 1.6rem; } }

.plan__ttl { font-size: 3.2rem; font-weight: bold; }

@media screen and (max-width: 768px) { .plan__ttl { font-size: 2.6rem; } }

.plan__label { font-size: 2rem; display: block; color: #24c5e2; background: #fcee21; position: absolute; -webkit-transform: rotate(-41.68deg); transform: rotate(-41.68deg); width: 200px; padding: 12px 0 15px; text-align: center; top: 14px; left: -50px; font-weight: bold; }

@media screen and (max-width: 768px) { .plan__label { font-size: 1.6rem; top: 8px; left: -60px; } }

.plan__wrapBtm { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; padding: 25px 27px 36px; }

.plan__txt { font-size: 1.8rem; line-height: 3.2rem; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; }

.plan__amount { font-size: 1.6rem; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; display: block; margin: auto; padding-top: 13px; }

.plan__amountLarge { font-size: 3.8rem; line-height: 3.6rem; font-weight: bold; font-family: lato, sans-serif; padding: 0 5px; }

.plan__off { width: 240px; background: #def0fb; border-radius: 17px; display: block; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 1.6rem; margin: 15px auto 0; }

.plan__off::before, .plan__off::after { content: "↓"; padding: 0 10px; line-height: 1.5em; }

.plan__offLarge { font-family: lato, sans-serif; font-size: 2.2rem; }

.plan__btn { padding: 19px 0 22px; margin: 30px auto 0; font-size: 2rem; max-width: 300px; }

@media screen and (max-width: 768px) { .plan__btn { font-size: 1.6rem; max-width: 270px; padding: 14px 0 16px; } }

.plan__btn::after { width: 30px; height: 30px; }

.plan__table { width: 100%; min-width: 950px; overflow-x: scroll; }

@media screen and (max-width: 768px) { .plan__table { min-width: 580px; } }

.plan__th, .plan__td { height: 80px; font-family: "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 1.8rem; vertical-align: middle; }

@media screen and (max-width: 768px) { .plan__th, .plan__td { font-size: 1.5rem; line-height: 2.4rem; height: 75px; } }

.plan__th:first-of-type, .plan__td:first-of-type { width: 33%; background: #f0f8fd; padding-left: 60px; }

@media screen and (max-width: 768px) { .plan__th:first-of-type, .plan__td:first-of-type { padding-left: 20px; } }

.plan__th:nth-of-type(n+2), .plan__td:nth-of-type(n+2) { width: calc(67% / 3); text-align: center; }

.plan__th { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; color: #fff; font-size: 2rem; font-weight: 600; }

@media screen and (max-width: 768px) { .plan__th { font-size: 1.6rem; } }

.plan__th:first-of-type { border-left: none; }

.plan__th:last-of-type { border-right: none; }

.plan__th_color_blueSt { background: #24dfe2; }

.plan__th_color_bluePr { background: #24c5e2; }

.plan__th_color_blue { background: #249ae2; }

.plan__td { border: 1px solid #e6e6e6; line-height: 2rem; padding: 0 10px; }

.plan__td:first-of-type { border-left: none; line-height: 3.2rem; }

@media screen and (max-width: 768px) { .plan__td:first-of-type { line-height: 2.4rem; } }

.plan__td:last-of-type { border-right: none; }

.plan__td_height_100 { height: 100px; }

.plan__td.plan__td_color_lightBlue { background: #def0fb; }

@media screen and (max-width: 768px) { .plan__td.plan__td_color_lightBlue { height: 55px; } }

.plan__tdSmall { font-size: 1.4rem; }

@media screen and (max-width: 1080px) { .plan__tdSmall { font-size: 1.3rem; line-height: 2rem; } }

.plan__check { width: 18.6px; height: 12.5px; vertical-align: middle; }

.privacy .section { border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) { .privacy .section { padding-bottom: 50px; } }

@media screen and (max-width: 768px) { .privacy .breadcrumb { margin: 20px 0; } }

.privacy__section { line-height: 2; }

.privacy__section:not(:last-child) { padding-bottom: 30px; }

@media screen and (max-width: 768px) { .privacy__section:not(:last-child) { padding-bottom: 25px; } }

.privacy__h1 { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .privacy__h1 { margin-bottom: 15px; } }

.privacy__h2 { color: #249ae2; font-weight: 700; font-size: 2.4rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .privacy__h2 { font-size: 2rem; margin-bottom: 0; } }

.privacy__h3 { color: #249ae2; font-weight: 700; font-size: 2.2rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .privacy__h3 { font-size: 1.8rem; margin-bottom: 0; } }

.privacy__h4 { color: #249ae2; font-weight: 700; font-size: 2rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .privacy__h4 { font-size: 1.6rem; margin-bottom: 0; } }

.privacy__txt:not(:last-child) { margin-bottom: 30px; }

@media screen and (max-width: 768px) { .privacy__txt:not(:last-child) { margin-bottom: 24px; } }

.privacy__txtWrap { margin-bottom: 56px; padding-bottom: 92px; position: relative; text-align: right; }

@media screen and (max-width: 768px) { .privacy__txtWrap { margin-bottom: 20px; padding-bottom: 63px; } }

.privacy__txtWrap::after { background: #e6e6e6; bottom: 0; content: ""; display: block; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: calc(100% - 120px); }

@media screen and (max-width: 768px) { .privacy__txtWrap::after { margin-left: -20px; width: calc(100% + 40px); } }

.privacy__txtWrap .privacy__dt { font-size: inherit; }

.privacy__olList { list-style-position: inside; }

.privacy__table { line-height: 2; margin: -20px 0 15px; }

@media screen and (max-width: 768px) { .privacy__table { margin: 0 0 10px; } }

.privacy__table .table__th { padding: 32px 15px 32px 20px; }

@media screen and (max-width: 768px) { .privacy__table .table__th { padding: 13px 10px 1px; } }

.privacy__table .table__td { padding: 32px 45px; }

@media screen and (max-width: 768px) { .privacy__table .table__td { padding: 1px 10px 13px; } }

.privacy__dt { font-weight: 700; font-size: 2rem; }

@media screen and (max-width: 768px) { .privacy__dt { font-size: 1.6rem; } }

.privacy__dd:not(:last-child) { margin-bottom: 37px; word-break: break-all; }

@media screen and (max-width: 768px) { .privacy__dd:not(:last-child) { margin-bottom: 27px; } }

.privacy__link { color: #249ae2; text-decoration: underline; }

.privacy__btnWrap { margin-bottom: 40px; }

.privacy__btn { line-height: 1.5; margin: 0; max-width: 100%; width: 340px; }

@media screen and (max-width: 768px) { .privacy__btn { margin: 0 auto; width: 270px; } }

.terms .section { border-bottom: 1px solid #e6e6e6; padding-bottom: 200px; }

@media screen and (max-width: 768px) { .terms .section { padding-bottom: 40px; } }

@media screen and (max-width: 768px) { .terms .breadcrumb { margin: 20px 0; } }

.terms__h1 { margin-bottom: 20px; }

.terms__txt { font-size: 1.8rem; line-height: 1.75; margin: 0 auto 60px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) { .terms__txt { font-size: inherit; margin-bottom: 13px; } }

.terms__table { line-height: 2; }

@media screen and (max-width: 768px) { .terms__table .table__tr:last-child .table__td { border: none; } }

.terms__table .table__th { padding: 30px 0 30px 20px; }

@media screen and (max-width: 768px) { .terms__table .table__th { padding: 12px 0 0; } }

.terms__table .table__td { padding: 30px 60px 30px 70px; }

@media screen and (max-width: 768px) { .terms__table .table__td { padding: 0 0 12px; } }

.terms__table .table__ol { list-style-position: inside; padding-left: 10px; }

.terms__table .table__ol:not(:last-child) { margin-bottom: 15px; }

.termsB .section { border-bottom: 1px solid #e6e6e6; padding-bottom: 200px; }

@media screen and (max-width: 768px) { .termsB .section { padding-bottom: 60px; } }

@media screen and (max-width: 768px) { .termsB .breadcrumb { margin: 20px 0; } }

.termsB__h1 { margin-bottom: 20px; }

.termsB__txt { font-size: 1.8rem; line-height: 1.75; margin: 0 auto 60px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 768px) { .termsB__txt { font-size: inherit; margin-bottom: 13px; } }

.termsB__table { line-height: 2; }

@media screen and (max-width: 768px) { .termsB__table .table__tr:nth-child(n + 11) { display: none; } }

.termsB__table .table__th { padding: 30px 0 30px 20px; }

@media screen and (max-width: 768px) { .termsB__table .table__th { padding: 12px 0 0; } }

.termsB__table .table__td { padding: 30px 60px 30px 70px; }

@media screen and (max-width: 768px) { .termsB__table .table__td { padding: 0 0 12px; } }

.termsB__table .table__ol { list-style-position: inside; padding-left: 10px; }

.termsB__table .table__ol:not(:last-child) { margin-bottom: 15px; }

.termsB__pagination { display: none; }

@media screen and (max-width: 768px) { .termsB__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; } }