@charset "UTF-8";
/* Reset Style */
/* line 8, ../sass/_reset.scss */
html {
  overflow-y: scroll;
}

/* line 11, ../sass/_reset.scss */
body {
  line-height: 1;
  color: #000;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
/* line 20, ../sass/_reset.scss */
html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 41, ../sass/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 46, ../sass/_reset.scss */
nav ul {
  list-style: none;
}

/* line 50, ../sass/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 54, ../sass/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 60, ../sass/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 69, ../sass/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 76, ../sass/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 83, ../sass/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 87, ../sass/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 92, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 98, ../sass/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 107, ../sass/_reset.scss */
input, select {
  vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
/* line 153, ../sass/_reset.scss */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

/* line 160, ../sass/_reset.scss */
select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

/* line 165, ../sass/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 171, ../sass/_reset.scss */
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* clearfix */
/* line 142, ../sass/_mixin.scss */
.clearfix {
  *zoom: 1;
}
/* line 144, ../sass/_mixin.scss */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*----------------------------------------------------
	element style
----------------------------------------------------*/
/* line 10, ../sass/_main.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
}

/* line 17, ../sass/_main.scss */
html {
  font-size: 62.5%;
}

/* line 21, ../sass/_main.scss */
body {
  background: #fff;
  color: #333;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 500;
}

/* line 29, ../sass/_main.scss */
input, textarea {
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* line 33, ../sass/_main.scss */
em {
  color: #D22E52;
}

/* line 39, ../sass/_main.scss */
* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* line 44, ../sass/_main.scss */
img {
  width: 100%;
}

/* line 48, ../sass/_main.scss */
ol, ul {
  list-style: none;
}

/* line 52, ../sass/_main.scss */
table {
  width: 100%;
}

/* line 56, ../sass/_main.scss */
input[type=text],
textarea {
  padding: 5px;
  border: 1px solid #CCC;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}

/* line 65, ../sass/_main.scss */
textarea {
  height: 10em;
}

/* line 70, ../sass/_main.scss */
.externalIcon {
  margin: 0 3px;
  vertical-align: middle;
}

/* line 76, ../sass/_main.scss */
a {
  outline: none;
  transition: .25s;
}
/* line 80, ../sass/_main.scss */
a:link {
  color: #06f;
}
/* line 83, ../sass/_main.scss */
a:visited {
  color: #39f;
}
/* line 86, ../sass/_main.scss */
a:hover {
  text-decoration: none;
  color: #00f;
}
/* line 90, ../sass/_main.scss */
a:active {
  color: #00f;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
/* line 12, ../sass/_layout.scss */
body > main h2 {
  padding-bottom: 30px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "fot-udkakugo-large-pr6n";
  text-align: center;
  letter-spacing: 3px;
  background: url(../img/bg_h2.png) no-repeat 50% bottom;
}
/* line 22, ../sass/_layout.scss */
body > main h3 {
  letter-spacing: 2px;
  font-family: "fot-udkakugo-large-pr6n";
}
/* line 30, ../sass/_layout.scss */
body > main > section > div.inner,
body > main > aside > div.inner {
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
/* line 42, ../sass/_layout.scss */
body > header {
  padding-top: 66px;
  background: #fff;
}
/* line 46, ../sass/_layout.scss */
body > header a {
  border: none;
  text-decoration: none;
}
/* line 51, ../sass/_layout.scss */
body > header div.wrap.head {
  position: fixed;
  top: 0;
  width: 100%;
  background: #FFF;
  z-index: 10000;
}
/* line 58, ../sass/_layout.scss */
body > header div.wrap.head h1,
body > header div.wrap.head p.logo {
  display: table-cell;
  padding: 15px 1vw 10px;
  width: 30vw;
  vertical-align: middle;
}
/* line 65, ../sass/_layout.scss */
body > header div.wrap.head h1 img,
body > header div.wrap.head p.logo img {
  vertical-align: bottom;
  width: 140px;
}
/* line 71, ../sass/_layout.scss */
body > header div.wrap.head div.contact {
  position: absolute;
  right: 1vw;
  top: 0;
  text-align: right;
  vertical-align: middle;
  line-height: 1;
}
/* line 79, ../sass/_layout.scss */
body > header div.wrap.head div.contact dl.tel {
  display: table-cell;
  height: 66px;
  text-align: left;
  vertical-align: middle;
}
/* line 85, ../sass/_layout.scss */
body > header div.wrap.head div.contact dl.tel dt {
  font-size: 25px;
  font-size: 2.5rem;
  font-family: "fot-udkakugo-large-pr6n";
  color: #EC485C;
}
/* line 92, ../sass/_layout.scss */
body > header div.wrap.head div.contact dl.tel dd {
  margin-top: 7px;
  font-size: 11px;
  font-size: 1.1rem;
}
/* line 99, ../sass/_layout.scss */
body > header div.wrap.head div.contact p.link {
  display: table-cell;
  padding-left: 8px;
  vertical-align: middle;
}
/* line 104, ../sass/_layout.scss */
body > header div.wrap.head div.contact p.link a {
  position: relative;
  top: 0;
  padding: 8px 20px 12px;
  background: #46a0e3;
  color: #fff;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
/* line 116, ../sass/_layout.scss */
body > header div.wrap.head div.contact p.link a:hover {
  top: 4px;
  padding-bottom: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 127, ../sass/_layout.scss */
body > header div.wrap.head div.contact p.link.trial a, body > header div.wrap.head div.contact p.link.order a {
  background: #f60;
}
/* line 135, ../sass/_layout.scss */
body > header ul.contact {
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 1000;
  border: solid #FFF;
  border-width: 2px 0 2px 2px;
  padding: 12px 12px 7px;
  background: #d6efff;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
/* line 147, ../sass/_layout.scss */
body > header ul.contact li {
  margin-bottom: 2px;
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 152, ../sass/_layout.scss */
body > header ul.contact li a {
  display: block;
  position: relative;
  border: 1px solid #FFF;
  padding: 12px 27px 12px 15px;
  background: #3371B0;
  color: #FFF;
}
/* line 160, ../sass/_layout.scss */
body > header ul.contact li a:hover {
  opacity: 0.9;
}
/* line 164, ../sass/_layout.scss */
body > header ul.contact li a:before {
  content: "＞";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%) scale(1, 0.5) rotate(90deg);
}
/* line 172, ../sass/_layout.scss */
body > header ul.contact li a.demoFree, body > header ul.contact li a.demoPaid {
  background: #e5004f;
}
/* line 180, ../sass/_layout.scss */
body > header div.mv {
  background: #c3dce1 url(../img/bg_mv.png) no-repeat -15vw 50%;
  -webkit-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 186, ../sass/_layout.scss */
body > header div.mv > div.inner {
  overflow: hidden;
  margin: 0 auto;
  width: 1140px;
  padding: 60px 20px;
}
/* line 192, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy {
  float: left;
  width: 454px;
  text-align: center;
}
/* line 197, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.explanation {
  margin-bottom: 30px;
}
/* line 201, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.link {
  position: relative;
  display: inline-block;
  text-align: center;
}
/* line 206, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.link a {
  position: relative;
  top: 0;
  border: 2px solid #FFF;
  padding: 12px 50px 17px;
  font-size: 24px;
  font-weight: bold;
  background: #f60;
  color: #fff;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
/* line 221, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.link a:hover {
  top: 5px;
  padding-bottom: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 229, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.link span.notes {
  display: none;
  position: absolute;
  top: 60px;
  left: 50%;
  width: 30em;
  transform: translateX(-50%);
  padding: 5px 10px;
  line-height: 1.6;
  font-size: 12px;
  background: #FFE;
  color: #f60;
  text-align: center;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
/* line 248, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.link:hover span.notes {
  display: block;
}
/* line 254, ../sass/_layout.scss */
body > header div.mv > div.inner div.catchCopy p.personal {
  margin-top: 30px;
}
/* line 259, ../sass/_layout.scss */
body > header div.mv > div.inner video {
  float: right;
  width: 560px;
  height: 315px;
}
/* line 267, ../sass/_layout.scss */
body > header nav.gNav {
  margin: 20px auto 0;
  width: 960px;
}
/* line 271, ../sass/_layout.scss */
body > header nav.gNav ul {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 276, ../sass/_layout.scss */
body > header nav.gNav ul li {
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 280, ../sass/_layout.scss */
body > header nav.gNav ul li a {
  color: #6c9a1f;
  border-bottom: none;
}
/* line 284, ../sass/_layout.scss */
body > header nav.gNav ul li a:hover {
  opacity: .75;
}
/* line 292, ../sass/_layout.scss */
body > header > h1 {
  margin-bottom: 30px;
  padding: 30px 0;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  background: #46a0e3;
  color: #FFF;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
/* line 309, ../sass/_layout.scss */
body > footer p.pageTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}
/* line 315, ../sass/_layout.scss */
body > footer nav {
  padding-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 320, ../sass/_layout.scss */
body > footer nav ul {
  margin-bottom: 20px;
  text-align: center;
  font-size: 0;
}
/* line 325, ../sass/_layout.scss */
body > footer nav ul li {
  display: inline-block;
  border-right: 1px solid #CCC;
  padding: 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 332, ../sass/_layout.scss */
body > footer nav ul li:last-child {
  border-right: none;
}
/* line 339, ../sass/_layout.scss */
body > footer p.copyright {
  text-align: center;
}

/* line 99, ../sass/_main.scss */
#onlineSupport {
  width: 960px;
}
/* line 102, ../sass/_main.scss */
#onlineSupport h2 {
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  font-family: "fot-udkakugo-large-pr6n";
  background: #E8F3F8;
}
/* line 111, ../sass/_main.scss */
#onlineSupport p.lead {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
}
/* line 117, ../sass/_main.scss */
#onlineSupport div.wrap.demand {
  margin-bottom: 30px;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 126, ../sass/_main.scss */
#onlineSupport div.wrap.demand dl {
  position: relative;
  border: 3px solid #E8F3F8;
  padding: 20px 125px 20px 20px;
  width: calc(50% - 7.5px);
}
/* line 132, ../sass/_main.scss */
#onlineSupport div.wrap.demand dl:nth-child(even):after {
  background-image: url(../img/img_online-support_woman1.png);
}
/* line 136, ../sass/_main.scss */
#onlineSupport div.wrap.demand dl:nth-child(odd):after {
  background-image: url(../img/img_online-support_woman2.png);
}
/* line 140, ../sass/_main.scss */
#onlineSupport div.wrap.demand dl:after {
  position: absolute;
  right: 5px;
  bottom: 0;
  display: block;
  content: "";
  width: 120px;
  height: 150px;
  background: no-repeat 0% bottom;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
/* line 155, ../sass/_main.scss */
#onlineSupport div.wrap.demand dl dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "fot-udkakugo-large-pr6n";
  font-weight: 600;
  color: #007FB8;
}
/* line 165, ../sass/_main.scss */
#onlineSupport section.reserve {
  margin-bottom: 15px;
  padding: 20px;
  background: #E8F3F8;
}
/* line 170, ../sass/_main.scss */
#onlineSupport section.reserve h3 {
  margin-bottom: 15px;
  font-size: 20px;
  text-align: center;
  color: #3371B0;
}
/* line 177, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 185, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl {
  width: calc(50% - 7.5px);
  text-align: center;
}
/* line 189, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl dt {
  position: relative;
  margin-bottom: 20px;
  padding: 3px 5px;
  background: #FFF;
  font-weight: 600;
  font-size: 16px;
}
/* line 197, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl dt:after {
  position: absolute;
  left: 50%;
  bottom: -1em;
  transform: translateX(-50%);
  content: "▼";
  color: #FFF;
}
/* line 209, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl.tel dd {
  font-size: 24px;
  font-weight: 600;
}
/* line 219, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl.online dd a {
  display: inline-block;
  position: relative;
  top: 0;
  padding: 5px 30px 8px;
  font-size: 16px;
  font-weight: 600;
  background: #80c40f;
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
/* line 235, ../sass/_main.scss */
#onlineSupport section.reserve div.wrap dl.online dd a:hover {
  top: 3px;
  padding-bottom: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 248, ../sass/_main.scss */
#onlineSupport section.reserved {
  text-align: center;
  font-size: 16px;
}
/* line 252, ../sass/_main.scss */
#onlineSupport section.reserved h3 {
  color: #3371B0;
}

/* line 261, ../sass/_main.scss */
#siteTop dl.task {
  width: 520px;
  padding: 30px;
  background: #FFF;
}
/* line 266, ../sass/_main.scss */
#siteTop dl.task dt.img {
  margin-bottom: 10px;
}
/* line 269, ../sass/_main.scss */
#siteTop dl.task dt.img img {
  border: 1px solid #CCC;
}
/* line 274, ../sass/_main.scss */
#siteTop dl.task dt.title {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}

/* line 285, ../sass/_main.scss */
main > section.about {
  padding-top: 80px;
}
/* line 290, ../sass/_main.scss */
main > section.about > div.inner div.wrap.txt,
main > section.about > div.inner p.img {
  margin-bottom: 75px;
}
/* line 295, ../sass/_main.scss */
main > section.about > div.inner div.wrap.txt {
  float: left;
  width: 540px;
}
/* line 299, ../sass/_main.scss */
main > section.about > div.inner div.wrap.txt h2 {
  padding-bottom: 0;
  margin-bottom: 35px;
  text-align: left;
  background: none;
}
/* line 306, ../sass/_main.scss */
main > section.about > div.inner div.wrap.txt p {
  line-height: 2;
  margin-bottom: 25px;
}
/* line 312, ../sass/_main.scss */
main > section.about > div.inner p.img {
  float: right;
  width: 378px;
}
/* line 318, ../sass/_main.scss */
main > section.about section.able {
  padding-top: 50px;
  padding-bottom: 90px;
  background: #E8F3F8;
}
/* line 323, ../sass/_main.scss */
main > section.about section.able h3 {
  margin-bottom: 70px;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  color: #007FB8;
}
/* line 331, ../sass/_main.scss */
main > section.about section.able ul {
  margin: 0 auto;
  width: 960px;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 338, ../sass/_main.scss */
main > section.about section.able ul li {
  width: calc(25% - 25px);
  text-align: center;
  line-height: 1.6;
}
/* line 347, ../sass/_main.scss */
main > section.about section.able ul li dl dt.title {
  margin-bottom: 15px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
}
/* line 354, ../sass/_main.scss */
main > section.about section.able ul li dl dt.img {
  margin-bottom: 20px;
  padding: 0 30px;
}
/* line 358, ../sass/_main.scss */
main > section.about section.able ul li dl dt.img img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 365, ../sass/_main.scss */
main > section.about section.able ul li dl dd {
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
}
/* line 375, ../sass/_main.scss */
main > section.about section.task {
  padding-top: 50px;
  padding-bottom: 90px;
}
/* line 379, ../sass/_main.scss */
main > section.about section.task h3 {
  margin-bottom: 70px;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  color: #007FB8;
}
/* line 387, ../sass/_main.scss */
main > section.about section.task div.inner {
  margin: 0 auto;
  width: 680px;
}
/* line 392, ../sass/_main.scss */
main > section.about section.task ul.img {
  display: flex;
  margin-bottom: 20px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 401, ../sass/_main.scss */
main > section.about section.task ul.img li {
  margin-bottom: 10px;
  width: calc(25% - 10px);
  text-align: center;
}
/* line 406, ../sass/_main.scss */
main > section.about section.task ul.img li a {
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
}
/* line 411, ../sass/_main.scss */
main > section.about section.task ul.img li a:hover {
  text-decoration: underline;
  color: #39f;
}
/* line 415, ../sass/_main.scss */
main > section.about section.task ul.img li a:hover img {
  border-color: #39f;
}
/* line 420, ../sass/_main.scss */
main > section.about section.task ul.img li a img {
  border: 1px solid #CCC;
}
/* line 425, ../sass/_main.scss */
main > section.about section.task ul.img li dl {
  display: none;
}
/* line 431, ../sass/_main.scss */
main > section.about section.task p.click {
  padding: 5px;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}
/* line 437, ../sass/_main.scss */
main > section.about section.task p.click:before {
  content: "▲";
  display: block;
  text-align: center;
}
/* line 444, ../sass/_main.scss */
main > section.about section.task div.explanation {
  margin-bottom: 20px;
}
/* line 448, ../sass/_main.scss */
main > section.about section.task p.trial {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
/* line 454, ../sass/_main.scss */
main > section.about section.task p.trial a {
  text-decoration: none;
  display: block;
  padding: 10px;
  background: #fff2e9;
  color: #F60;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
/* line 463, ../sass/_main.scss */
main > section.about section.task p.trial a:hover {
  opacity: .75;
}
/* line 469, ../sass/_main.scss */
main > section.about section.task ul.notes {
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}
/* line 475, ../sass/_main.scss */
main > section.about section.task ul.notes li {
  text-indent: -.6em;
  padding-left: .6em;
}
/* line 482, ../sass/_main.scss */
main > section.about section.develop {
  padding-top: 50px;
  padding-bottom: 90px;
  background: #FAFAFA;
}
/* line 487, ../sass/_main.scss */
main > section.about section.develop h3 {
  margin-bottom: 70px;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  color: #007FB8;
}
/* line 495, ../sass/_main.scss */
main > section.about section.develop ul {
  margin: 0 auto;
  width: 960px;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 502, ../sass/_main.scss */
main > section.about section.develop ul li {
  margin: 0 40px;
  width: calc(33.3% - 60px);
  text-align: center;
  line-height: 1.6;
}
/* line 512, ../sass/_main.scss */
main > section.about section.develop ul li dl dt.title {
  margin-bottom: 15px;
}
/* line 515, ../sass/_main.scss */
main > section.about section.develop ul li dl dt.title big {
  font-weight: 600;
}
/* line 519, ../sass/_main.scss */
main > section.about section.develop ul li dl dt.title small {
  font-size: 11px;
  font-size: 1.1rem;
  color: #666;
}
/* line 526, ../sass/_main.scss */
main > section.about section.develop ul li dl dt.img {
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
/* line 533, ../sass/_main.scss */
main > section.about section.develop ul li dl dd {
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 537, ../sass/_main.scss */
main > section.about section.develop ul li dl dd b {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 548, ../sass/_main.scss */
main > section.function {
  padding-top: 80px;
  padding-bottom: 80px;
}
/* line 552, ../sass/_main.scss */
main > section.function h2 {
  margin-bottom: 0;
}
/* line 556, ../sass/_main.scss */
main > section.function > div.inner {
  display: flex;
  margin: 0 auto;
  width: 960px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 566, ../sass/_main.scss */
main > section.function > div.inner > section {
  margin-top: 60px;
  width: calc(50% - 20px);
}
/* line 570, ../sass/_main.scss */
main > section.function > div.inner > section h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  color: #46a0e3;
}
/* line 578, ../sass/_main.scss */
main > section.function > div.inner > section p.img {
  display: table-cell;
  height: 290px;
  padding: 0 30px 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
/* line 590, ../sass/_main.scss */
main > section.toForm {
  text-align: center;
  padding: 30px 0 60px;
  background: #46a0e3;
}
/* line 595, ../sass/_main.scss */
main > section.toForm.rental {
  background: #286999;
}
/* line 598, ../sass/_main.scss */
main > section.toForm.rental p.link a {
  background: #EC485C;
}
/* line 603, ../sass/_main.scss */
main > section.toForm h2 {
  margin-bottom: 30px;
  padding-bottom: 0;
  background: none;
  color: #FFF;
}
/* line 610, ../sass/_main.scss */
main > section.toForm p.link {
  display: inline-block;
  position: relative;
}
/* line 614, ../sass/_main.scss */
main > section.toForm p.link a {
  position: relative;
  top: 0;
  border: 2px solid #FFF;
  padding: 12px 50px 17px;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  background: #f60;
  color: #fff;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
/* line 630, ../sass/_main.scss */
main > section.toForm p.link a:hover {
  top: 5px;
  padding-bottom: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 640, ../sass/_main.scss */
main > section.example {
  padding-top: 80px;
  padding-bottom: 80px;
}
/* line 644, ../sass/_main.scss */
main > section.example h2 {
  margin-bottom: 70px;
}
/* line 650, ../sass/_main.scss */
main > section.example > div.inner section {
  overflow: hidden;
  margin-bottom: 40px;
  padding: 0;
}
/* line 655, ../sass/_main.scss */
main > section.example > div.inner section:last-child {
  margin-bottom: 0;
}
/* line 659, ../sass/_main.scss */
main > section.example > div.inner section h3 {
  margin-bottom: 25px;
  text-align: left;
  line-height: 1.5;
  font-size: 20px;
  color: #46a0e3;
}
/* line 667, ../sass/_main.scss */
main > section.example > div.inner section p.img {
  position: relative;
  top: -50px;
  float: right;
  width: 270px;
}
/* line 673, ../sass/_main.scss */
main > section.example > div.inner section p.img img {
  -webkit-border-radius: 270px;
  border-radius: 270px;
}
/* line 679, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap {
  float: left;
  width: 630px;
}
/* line 683, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap p {
  line-height: 2;
}
/* line 686, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap p.link {
  margin-top: 40px;
}
/* line 689, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap p.link a {
  display: block;
  position: relative;
  border: 2px solid #91c33e;
  padding: 10px 20px;
  font-weight: 600;
  text-decoration: none;
  background: #FFF;
  color: #91c33e;
}
/* line 699, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap p.link a:hover {
  background: #91c33e;
  color: #fff;
}
/* line 704, ../sass/_main.scss */
main > section.example > div.inner section div.txt.wrap p.link a:before {
  content: "＞";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(0.7, 1);
}
/* line 719, ../sass/_main.scss */
main > section.voice {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(../img/bg_voice.png);
}
/* line 724, ../sass/_main.scss */
main > section.voice h2 {
  margin-bottom: 70px;
}
/* line 728, ../sass/_main.scss */
main > section.voice > div.inner {
  overflow: visible;
  position: relative;
  padding: 45px 50px 5px;
  background: #FFF;
}
/* line 734, ../sass/_main.scss */
main > section.voice > div.inner:before {
  position: absolute;
  top: 70px;
  right: -100px;
  content: url(../img/img_voice_pencil.png);
}
/* line 741, ../sass/_main.scss */
main > section.voice > div.inner section {
  margin-bottom: 80px;
}
/* line 744, ../sass/_main.scss */
main > section.voice > div.inner section h3 {
  margin-bottom: 25px;
  padding-left: 80px;
  text-align: left;
  line-height: 50px;
  font-size: 24px;
  font-size: 2.4rem;
  background: url(../img/bg_voice_balloon.png) no-repeat left 50%;
  color: #46a0e3;
}
/* line 757, ../sass/_main.scss */
main > section.voice > div.inner section ul li {
  line-height: 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 762, ../sass/_main.scss */
main > section.voice > div.inner section ul li:before {
  content: "□";
  margin-right: 20px;
  color: #46a0e3;
}
/* line 771, ../sass/_main.scss */
main > section.voice > div.inner p.link {
  margin-bottom: 40px;
  text-align: center;
}
/* line 775, ../sass/_main.scss */
main > section.voice > div.inner p.link a {
  display: inline-block;
  position: relative;
  border: 2px solid #46a0e3;
  padding: 10px 60px 10px 40px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  background: #FFF;
  color: #46a0e3;
}
/* line 786, ../sass/_main.scss */
main > section.voice > div.inner p.link a:hover {
  background: #46a0e3;
  color: #FFF;
}
/* line 791, ../sass/_main.scss */
main > section.voice > div.inner p.link a:before {
  content: "＞";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(0.7, 1);
}
/* line 803, ../sass/_main.scss */
main > section.flow {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #FAFAFA;
}
/* line 810, ../sass/_main.scss */
main > section.flow h2 {
  margin-bottom: 70px;
}
/* line 814, ../sass/_main.scss */
main > section.flow > div.inner {
  padding-left: 80px;
  padding-right: 80px;
}
/* line 822, ../sass/_main.scss */
main > section.flow > div.inner ol li dl {
  padding-left: 115px;
  padding-bottom: 45px;
}
/* line 826, ../sass/_main.scss */
main > section.flow > div.inner ol li dl dt {
  margin-bottom: 25px;
  padding-top: 20px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "fot-udkakugo-large-pr6n";
  color: #46a0e3;
}
/* line 835, ../sass/_main.scss */
main > section.flow > div.inner ol li dl dd {
  line-height: 1.6;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 840, ../sass/_main.scss */
main > section.flow > div.inner ol li dl dd.document {
  margin-top: 10px;
}
/* line 847, ../sass/_main.scss */
main > section.flow > div.inner ol li.step1 dl {
  background: url(../img/img_flow_num1.png) no-repeat left top;
}
/* line 853, ../sass/_main.scss */
main > section.flow > div.inner ol li.step2 dl {
  background: url(../img/img_flow_num2.png) no-repeat left top;
}
/* line 859, ../sass/_main.scss */
main > section.flow > div.inner ol li.step3 dl {
  background: url(../img/img_flow_num3.png) no-repeat left top;
}
/* line 865, ../sass/_main.scss */
main > section.flow > div.inner ol li.step4 dl {
  background: url(../img/img_flow_num4.png) no-repeat left top;
}
/* line 871, ../sass/_main.scss */
main > section.flow > div.inner ol li.step5 dl {
  background: url(../img/img_flow_num5.png) no-repeat left top;
}
/* line 880, ../sass/_main.scss */
main > section.price {
  background: #46a0e3;
}
/* line 883, ../sass/_main.scss */
main > section.price h2 {
  padding-bottom: 40px;
  color: #FFF;
}
/* line 888, ../sass/_main.scss */
main > section.price > div.inner {
  padding-top: 70px;
  padding-bottom: 60px;
  overflow: visible;
  position: relative;
  padding-left: 560px;
  background: url(../img/img_price_tablet.png) no-repeat left bottom;
  -webkit-background-size: 500px auto;
  -o-background-size: 500px auto;
  background-size: 500px auto;
}
/* line 899, ../sass/_main.scss */
main > section.price > div.inner p.price {
  margin-bottom: 30px;
  border-top: 1px solid #FFF;
  padding: 40px 20px 0;
  text-align: center;
}
/* line 905, ../sass/_main.scss */
main > section.price > div.inner p.price span.tax {
  font-size: 12px;
  color: #FFF;
}
/* line 911, ../sass/_main.scss */
main > section.price > div.inner ul.unlimited {
  margin-bottom: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #FFF;
}
/* line 916, ../sass/_main.scss */
main > section.price > div.inner ul.unlimited li {
  display: table-cell;
  padding-left: 10px;
  padding-right: 10px;
  width: 200px;
}
/* line 922, ../sass/_main.scss */
main > section.price > div.inner ul.unlimited li:nth-child(even) {
  text-align: right;
}
/* line 928, ../sass/_main.scss */
main > section.price > div.inner p.payment {
  margin-left: 20px;
  margin-bottom: 10px;
  color: #FFF;
}
/* line 934, ../sass/_main.scss */
main > section.price > div.inner ul.notes {
  padding-left: 20px;
  line-height: 1.6;
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
}
/* line 941, ../sass/_main.scss */
main > section.price > div.inner ul.notes + p {
  padding-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #FFF;
}
/* line 951, ../sass/_main.scss */
main > section.faq {
  padding-top: 80px;
  padding-bottom: 80px;
}
/* line 955, ../sass/_main.scss */
main > section.faq h2 {
  margin-bottom: 70px;
}
/* line 961, ../sass/_main.scss */
main > section.faq dl dt {
  position: relative;
  margin-bottom: 20px;
  padding: 17px 0 17px 75px;
  font-size: 20px;
  font-size: 2rem;
  background: #46a0e3;
  color: #FFF;
}
/* line 970, ../sass/_main.scss */
main > section.faq dl dt:before {
  content: "Q";
  position: absolute;
  left: 30px;
  font-size: 24px;
  font-size: 2.4rem;
}
/* line 979, ../sass/_main.scss */
main > section.faq dl dd {
  position: relative;
  margin-bottom: 60px;
  padding-left: 75px;
  line-height: 2;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 987, ../sass/_main.scss */
main > section.faq dl dd:before {
  content: "A";
  position: absolute;
  left: 30px;
  top: 0;
  font-size: 24px;
  font-size: 2.4rem;
  color: #46a0e3;
}
/* line 1000, ../sass/_main.scss */
main > section.faq dl:last-child dd {
  margin-bottom: 0;
}
/* line 1007, ../sass/_main.scss */
main > aside.information {
  padding-top: 40px;
  padding-bottom: 30px;
  background: #e8f3f8;
}
/* line 1014, ../sass/_main.scss */
main > aside.information > div.inner > dl {
  overflow: hidden;
}
/* line 1019, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}
/* line 1026, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd {
  width: calc(50% - 20px);
}
/* line 1029, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd dl {
  margin-bottom: 10px;
}
/* line 1032, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd dl dt {
  margin-bottom: 5px;
}
/* line 1037, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd.environment {
  float: left;
}
/* line 1041, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd.notes {
  float: right;
  font-size: 12px;
}
/* line 1045, ../sass/_main.scss */
main > aside.information > div.inner > dl.spec > dd.notes p {
  margin-bottom: 10px;
}
/* line 1057, ../sass/_main.scss */
main > div.wrap.form ul.formTab {
  margin: 60px auto;
  width: 1000px;
  font-size: 0;
}
/* line 1062, ../sass/_main.scss */
main > div.wrap.form ul.formTab li {
  display: inline-block;
  margin: 5px;
  width: 310px;
  font-size: 17px;
  line-height: 1;
}
/* line 1069, ../sass/_main.scss */
main > div.wrap.form ul.formTab li a {
  position: relative;
  display: block;
  padding: 15px 15px 25px;
  text-align: center;
  border: 2px solid #46a0e3;
  letter-spacing: 1px;
  font-weight: 600;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: #46a0e3;
  color: #FFF;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
/* line 1084, ../sass/_main.scss */
main > div.wrap.form ul.formTab li a.active, main > div.wrap.form ul.formTab li a:hover {
  text-shadow: none;
  background: #FFF;
  color: #46a0e3;
}
/* line 1091, ../sass/_main.scss */
main > div.wrap.form ul.formTab li a:after {
  content: "＞";
  position: absolute;
  right: 50%;
  bottom: 6px;
  font-size: 12px;
  transform: translateX(0.5em) scale(1, 0.7) rotate(90deg);
  text-shadow: none;
}
/* line 1104, ../sass/_main.scss */
main > div.wrap.form ul.formTab li.aboutTrial a {
  border-color: #F60;
  background: #F60;
  color: #FFF;
}
/* line 1109, ../sass/_main.scss */
main > div.wrap.form ul.formTab li.aboutTrial a.active, main > div.wrap.form ul.formTab li.aboutTrial a:hover {
  background: #FFF;
  color: #F60;
}
/* line 1119, ../sass/_main.scss */
main > div.wrap.form p.personal {
  margin-top: -40px;
  margin-bottom: 30px;
  text-align: center;
}
/* line 1125, ../sass/_main.scss */
main > div.wrap.form label.check {
  display: block;
  padding: 20px;
  text-align: center;
  border: 1px solid #FEE;
  background: #FEE;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
}
/* line 1135, ../sass/_main.scss */
main > div.wrap.form label.check sup {
  vertical-align: super;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
/* line 1142, ../sass/_main.scss */
main > div.wrap.form label.check input {
  display: inline-block;
  margin-bottom: 10px;
  transform: scale(1.5);
}
/* line 1148, ../sass/_main.scss */
main > div.wrap.form label.check small {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
/* line 1156, ../sass/_main.scss */
main > div.wrap.form label.check:hover {
  border-color: #F00;
}
/* line 1162, ../sass/_main.scss */
main > section.demoComparison {
  padding-top: 50px;
  padding-bottom: 70px;
}
/* line 1166, ../sass/_main.scss */
main > section.demoComparison h2 {
  margin-bottom: 60px;
}
/* line 1170, ../sass/_main.scss */
main > section.demoComparison > div.inner {
  width: 100vw;
}
/* line 1173, ../sass/_main.scss */
main > section.demoComparison > div.inner section {
  display: table-cell;
  position: relative;
  padding: 30px;
  width: 50vw;
  padding-bottom: 120px;
  line-height: 1.72;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1183, ../sass/_main.scss */
main > section.demoComparison > div.inner section h3 {
  margin-bottom: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #46a0e3;
}
/* line 1194, ../sass/_main.scss */
main > section.demoComparison > div.inner section ul.feature li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCC;
  padding-left: 2em;
  background: url(../img/icon_check.png) no-repeat left 16px;
  -webkit-background-size: 1em;
  -o-background-size: 1em;
  background-size: 1em;
}
/* line 1206, ../sass/_main.scss */
main > section.demoComparison > div.inner section ul.notes {
  margin-top: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
}
/* line 1212, ../sass/_main.scss */
main > section.demoComparison > div.inner section ul.notes li {
  padding-left: 1em;
  text-indent: -1em;
}
/* line 1218, ../sass/_main.scss */
main > section.demoComparison > div.inner section p {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
/* line 1225, ../sass/_main.scss */
main > section.demoComparison > div.inner section p a {
  display: block;
  padding: 15px;
  width: 360px;
  border: 2px solid #46a0e3;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  color: #46a0e3;
}
/* line 1239, ../sass/_main.scss */
main > section.demoComparison > div.inner section p a:hover {
  background: #46a0e3;
  color: #FFF;
}
/* line 1249, ../sass/_main.scss */
main section.form.input {
  display: none;
  margin-bottom: 80px;
}
/* line 1253, ../sass/_main.scss */
main section.form.input.contact, main section.form.input.coupon {
  display: block;
}
/* line 1258, ../sass/_main.scss */
main section.form.input > div.inner {
  margin: 0 auto;
  width: 960px;
}
/* line 1263, ../sass/_main.scss */
main section.form.input h2 {
  margin-bottom: 35px;
}
/* line 1267, ../sass/_main.scss */
main section.form.input p {
  text-align: center;
}
/* line 1270, ../sass/_main.scss */
main section.form.input p.read {
  margin-bottom: 35px;
}
/* line 1274, ../sass/_main.scss */
main section.form.input p.privacy {
  margin-top: -25px;
  margin-bottom: 35px;
}
/* line 1280, ../sass/_main.scss */
main section.form.input ul.error {
  line-height: 2;
  text-align: center;
  color: #F00;
}
/* line 1288, ../sass/_main.scss */
main section.form.input table th, main section.form.input table td {
  border-top: 1px solid #EEE;
  vertical-align: top;
  padding: 20px;
}
/* line 1294, ../sass/_main.scss */
main section.form.input table th {
  position: relative;
  width: 19em;
  text-align: left;
}
/* line 1299, ../sass/_main.scss */
main section.form.input table th em.necessary {
  position: absolute;
  right: 0;
  top: calc(20px + 0.3em);
  font-size: 14px;
  font-size: 1.4rem;
  color: #EC485C;
}
/* line 1308, ../sass/_main.scss */
main section.form.input table th ul.notes {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
/* line 1318, ../sass/_main.scss */
main section.form.input table td div.over6 {
  display: none;
  margin-top: 10px;
}
/* line 1322, ../sass/_main.scss */
main section.form.input table td div.over6 input {
  width: 3em;
}
/* line 1327, ../sass/_main.scss */
main section.form.input table td span.notes {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 1334, ../sass/_main.scss */
main section.form.input table td span.zipcode {
  display: inline-block;
  width: 200px;
  margin-bottom: 7px;
}
/* line 1340, ../sass/_main.scss */
main section.form.input table td p.emailError {
  display: none;
  text-align: left;
  color: #F00;
}
/* line 1348, ../sass/_main.scss */
main section.form.input p.btn {
  margin-top: 40px;
  text-align: center;
}
/* line 1352, ../sass/_main.scss */
main section.form.input p.btn button {
  border: none;
  padding: 10px 40px;
  font-size: 20px;
  font-size: 2rem;
  background: #EC485C;
  color: #FFF;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
/* line 1363, ../sass/_main.scss */
main section.form.input p.btn input[type="button"] {
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1374, ../sass/_main.scss */
main > section.form.confirm h2 {
  margin-bottom: 35px;
}
/* line 1378, ../sass/_main.scss */
main > section.form.confirm p.read {
  margin-bottom: 40px;
  text-align: center;
}
/* line 1383, ../sass/_main.scss */
main > section.form.confirm form {
  text-align: center;
}
/* line 1387, ../sass/_main.scss */
main > section.form.confirm table {
  display: inline-block;
  margin: 0 auto 40px;
  width: 720px;
}
/* line 1392, ../sass/_main.scss */
main > section.form.confirm table th, main > section.form.confirm table td {
  padding: 10px 20px;
  border: solid #EEE;
  border-width: 1px 0;
  text-align: left;
}
/* line 1399, ../sass/_main.scss */
main > section.form.confirm table th {
  background: #FAFAFA;
}
/* line 1403, ../sass/_main.scss */
main > section.form.confirm table td {
  width: 480px;
}
/* line 1408, ../sass/_main.scss */
main > section.form.confirm p.btn {
  margin-bottom: 60px;
}
/* line 1413, ../sass/_main.scss */
main > section.form.result {
  padding-top: 50px;
  padding-bottom: 70px;
}
/* line 1417, ../sass/_main.scss */
main > section.form.result h2 {
  margin-bottom: 35px;
}
/* line 1421, ../sass/_main.scss */
main > section.form.result p {
  margin-bottom: 1em;
  text-align: center;
}
/* line 1427, ../sass/_main.scss */
main > section.privacy {
  padding-top: 50px;
  padding-bottom: 70px;
}
/* line 1431, ../sass/_main.scss */
main > section.privacy h2 {
  margin-bottom: 40px;
}
/* line 1435, ../sass/_main.scss */
main > section.privacy ul {
  list-style: disc;
  margin-top: 5px;
  padding-left: 20px;
}
/* line 1440, ../sass/_main.scss */
main > section.privacy ul.sign {
  list-style: none;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 0;
  text-align: right;
}
/* line 1449, ../sass/_main.scss */
main > section.privacy dl {
  margin-top: 30px;
  line-height: 1.6;
}
/* line 1453, ../sass/_main.scss */
main > section.privacy dl dt {
  margin-bottom: 5px;
  color: #46a0e3;
}
/* line 1459, ../sass/_main.scss */
main > section.privacy p.conclusion {
  margin-top: 20px;
  text-align: center;
}
/* line 1464, ../sass/_main.scss */
main > section.privacy address {
  margin-top: 20px;
}
/* line 1467, ../sass/_main.scss */
main > section.privacy address dt {
  color: #333;
  font-weight: 600;
}
/* line 1473, ../sass/_main.scss */
main > section.privacy section {
  margin-bottom: 40px;
}
/* line 1476, ../sass/_main.scss */
main > section.privacy section h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}
/* line 1484, ../sass/_main.scss */
main > section.company {
  padding-top: 50px;
  padding-bottom: 70px;
}
/* line 1488, ../sass/_main.scss */
main > section.company h2 {
  margin-bottom: 40px;
}
/* line 1492, ../sass/_main.scss */
main > section.company p.read {
  margin-bottom: 30px;
  text-align: center;
}
/* line 1499, ../sass/_main.scss */
main > section.company table th, main > section.company table td {
  border-bottom: 1px dotted #CCC;
  padding: 20px;
  line-height: 1.6;
  vertical-align: top;
}
/* line 1506, ../sass/_main.scss */
main > section.company table th {
  text-align: left;
  color: #666;
}
/* line 1513, ../sass/_main.scss */
main > section.movie {
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 100px;
  width: 1200px;
  text-align: center;
}
/* line 1520, ../sass/_main.scss */
main > section.movie ul {
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* line 1529, ../sass/_main.scss */
main > section.movie ul li dl dt {
  margin-bottom: 15px;
}
/* line 1532, ../sass/_main.scss */
main > section.movie ul li dl dt video {
  width: 560px;
}
/* line 1537, ../sass/_main.scss */
main > section.movie ul li dl dd {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}
/* line 1542, ../sass/_main.scss */
main > section.movie ul li dl dd.notes {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
/* line 1553, ../sass/_main.scss */
main > p.fb {
  position: fixed;
  right: 0;
  top: 50%;
}

/*----------------------------------------------------
	印刷用スタイル
----------------------------------------------------*/
@media print {
  /* line 11, ../sass/_print.scss */
  * html body {
    zoom: .7;
  }
}
@media (max-width: 1140px) {
  /* line 13, ../sass/_responsive.scss */
  body > header div.mv > div.inner {
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
  /* line 18, ../sass/_responsive.scss */
  body > header div.mv > div.inner div.catchCopy {
    width: 45%;
  }
  /* line 21, ../sass/_responsive.scss */
  body > header div.mv > div.inner div.catchCopy img {
    width: 100%;
  }
  /* line 27, ../sass/_responsive.scss */
  body > header div.mv > div.inner div.catchCopy p.link a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }
  /* line 33, ../sass/_responsive.scss */
  body > header div.mv > div.inner div.catchCopy p.link span.notes {
    font-size: 11px;
  }
  /* line 39, ../sass/_responsive.scss */
  body > header div.mv > div.inner iframe {
    width: 50%;
  }
  /* line 45, ../sass/_responsive.scss */
  body > header nav.gNav {
    width: 100%;
  }
}
@media (max-width: 960px) {
  /* line 55, ../sass/_responsive.scss */
  .drawer--right.drawer-open .drawer-nav {
    z-index: 10000;
  }

  /* line 59, ../sass/_responsive.scss */
  .drawer-open .drawer-overlay {
    z-index: 9999;
  }

  /* line 68, ../sass/_responsive.scss */
  .drawer-nav .drawer-menu li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    border-bottom: 1px solid #CCC;
  }
  /* line 74, ../sass/_responsive.scss */
  .drawer-nav .drawer-menu li a {
    display: block;
    padding: 10px;
    color: #333;
  }
  /* line 82, ../sass/_responsive.scss */
  .drawer-nav dl.tel {
    padding: 10px;
  }
  /* line 85, ../sass/_responsive.scss */
  .drawer-nav dl.tel dt {
    font-size: 17px;
    font-size: 1.7rem;
    font-family: "fot-udkakugo-large-pr6n";
    color: #EC485C;
  }
  /* line 92, ../sass/_responsive.scss */
  .drawer-nav dl.tel dd {
    font-size: 10px;
    font-size: 1rem;
  }

  /* line 102, ../sass/_responsive.scss */
  body > main h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 107, ../sass/_responsive.scss */
  body > main > section,
  body > main > aside {
    padding: 40px 0;
  }
  /* line 111, ../sass/_responsive.scss */
  body > main > section > div.inner,
  body > main > aside > div.inner {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    width: 100% !important;
  }

  /* line 119, ../sass/_responsive.scss */
  body > header {
    padding-top: calc(4.5vw + 25px);
  }
  /* line 122, ../sass/_responsive.scss */
  body > header div.wrap.head {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    background: #FFF;
    z-index: 9998;
  }
  /* line 130, ../sass/_responsive.scss */
  body > header div.wrap.head h1,
  body > header div.wrap.head p.logo {
    display: inline-block;
    padding: 15px 0 10px;
    width: 15vw;
  }
  /* line 136, ../sass/_responsive.scss */
  body > header div.wrap.head h1 img,
  body > header div.wrap.head p.logo img {
    width: 100%;
  }
  /* line 141, ../sass/_responsive.scss */
  body > header div.wrap.head div.contact {
    display: none;
  }
  /* line 146, ../sass/_responsive.scss */
  body > header div.mv {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  /* line 151, ../sass/_responsive.scss */
  body > header ul.contact {
    display: none;
  }
  /* line 155, ../sass/_responsive.scss */
  body > header nav.gNav {
    display: none;
  }
  /* line 159, ../sass/_responsive.scss */
  body > header .drawer-hamburger {
    z-index: 10000;
    top: 1vw;
    width: 30px;
    padding: 20px;
  }
  /* line 166, ../sass/_responsive.scss */
  body > header .drawer-hamburger-icon {
    margin-top: 0;
  }
  /* line 170, ../sass/_responsive.scss */
  body > header > h1 {
    padding: 20px 0;
    font-size: 20px;
    font-size: 2rem;
  }

  /* line 179, ../sass/_responsive.scss */
  main > section.about {
    padding-top: 40px;
    padding-bottom: 0;
  }
  /* line 185, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt,
  main > section.about > div.inner p.img {
    margin-bottom: 40px;
  }
  /* line 190, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt {
    width: 50%;
  }
  /* line 193, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt h2 {
    margin-bottom: 20px;
  }
  /* line 197, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt p {
    line-height: 1.6;
  }
  /* line 200, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt p br {
    display: none;
  }
  /* line 205, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt p:last-child {
    margin-bottom: 0;
  }
  /* line 210, ../sass/_responsive.scss */
  main > section.about > div.inner p.img {
    width: 45%;
  }
  /* line 215, ../sass/_responsive.scss */
  main > section.about section.able {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 219, ../sass/_responsive.scss */
  main > section.about section.able ul {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 227, ../sass/_responsive.scss */
  main > section.about section.able ul li {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 237, ../sass/_responsive.scss */
  main > section.about section.task div.inner {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  /* line 246, ../sass/_responsive.scss */
  main > section.about section.develop ul {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  /* line 251, ../sass/_responsive.scss */
  main > section.about section.develop ul li {
    width: calc(33.3% - 30px);
  }
  /* line 258, ../sass/_responsive.scss */
  main > section.function {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 262, ../sass/_responsive.scss */
  main > section.function > div.inner {
    width: 100%;
  }
  /* line 265, ../sass/_responsive.scss */
  main > section.function > div.inner > section {
    margin-top: 40px;
    width: calc(50% - 20px);
  }
  /* line 269, ../sass/_responsive.scss */
  main > section.function > div.inner > section h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 275, ../sass/_responsive.scss */
  main > section.function > div.inner > section p.img {
    margin-bottom: 20px;
  }
  /* line 282, ../sass/_responsive.scss */
  main > section.toForm {
    padding: 20px 0;
  }
  /* line 285, ../sass/_responsive.scss */
  main > section.toForm h2 {
    padding-bottom: 0;
  }
  /* line 289, ../sass/_responsive.scss */
  main > section.toForm p.link {
    margin-bottom: 20px;
  }
  /* line 292, ../sass/_responsive.scss */
  main > section.toForm p.link a {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }
  /* line 300, ../sass/_responsive.scss */
  main > section.example {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 304, ../sass/_responsive.scss */
  main > section.example h2 {
    margin-bottom: 30px;
  }
  /* line 310, ../sass/_responsive.scss */
  main > section.example > div.inner section {
    margin-bottom: 40px;
  }
  /* line 313, ../sass/_responsive.scss */
  main > section.example > div.inner section h3 {
    margin-bottom: 20px;
  }
  /* line 317, ../sass/_responsive.scss */
  main > section.example > div.inner section p.img {
    position: static;
    width: 30%;
  }
  /* line 322, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap {
    width: calc(70% - 20px);
  }
  /* line 325, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p {
    line-height: 1.6;
  }
  /* line 328, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link {
    margin-top: 20px;
  }
  /* line 331, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link a {
    padding: 10px 30px 10px 20px;
  }
  /* line 334, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link a:hover {
    padding-left: 22px;
  }
  /* line 338, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link a:before {
    transform: translateY(-50%) scale(0.5, 1);
  }
  /* line 349, ../sass/_responsive.scss */
  main > section.voice {
    overflow: hidden;
    padding: 40px 2.5vw;
  }
  /* line 353, ../sass/_responsive.scss */
  main > section.voice h2 {
    margin-bottom: 40px;
  }
  /* line 357, ../sass/_responsive.scss */
  main > section.voice > div.inner {
    padding: 20px 20px 5px;
  }
  /* line 360, ../sass/_responsive.scss */
  main > section.voice > div.inner:before {
    top: -20px;
    right: -100px;
  }
  /* line 365, ../sass/_responsive.scss */
  main > section.voice > div.inner section {
    margin-bottom: 40px;
  }
  /* line 368, ../sass/_responsive.scss */
  main > section.voice > div.inner section h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 376, ../sass/_responsive.scss */
  main > section.voice > div.inner section ul li {
    line-height: 1.8;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 386, ../sass/_responsive.scss */
  main > section.flow {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 390, ../sass/_responsive.scss */
  main > section.flow h2 {
    margin-bottom: 40px;
  }
  /* line 394, ../sass/_responsive.scss */
  main > section.flow > div.inner {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
  /* line 398, ../sass/_responsive.scss */
  main > section.flow > div.inner ol {
    padding-left: 2em;
  }
  /* line 401, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li {
    list-style: decimal;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    color: #46a0e3;
  }
  /* line 408, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li dl {
    padding: 0;
    background: none !important;
  }
  /* line 412, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li dl dt {
    padding-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 420, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li dl dd {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
  }
  /* line 431, ../sass/_responsive.scss */
  main > section.price {
    background: #46a0e3 url(../img/img_price_tablet.png) no-repeat 10px 50%;
    -webkit-background-size: calc(50vw - 40px);
    -o-background-size: calc(50vw - 40px);
    background-size: calc(50vw - 40px);
  }
  /* line 437, ../sass/_responsive.scss */
  main > section.price h2 {
    padding-bottom: 20px;
  }
  /* line 441, ../sass/_responsive.scss */
  main > section.price > div.inner {
    background: none;
    padding-left: 50vw;
  }
  /* line 446, ../sass/_responsive.scss */
  main > section.price > div.inner:before {
    display: none;
  }
  /* line 450, ../sass/_responsive.scss */
  main > section.price > div.inner p.price {
    margin-bottom: 20px;
    padding-top: 20px;
  }
  /* line 455, ../sass/_responsive.scss */
  main > section.price > div.inner ul.unlimited {
    padding-bottom: 20px;
    border-bottom: 1px solid #FFF;
  }
  /* line 459, ../sass/_responsive.scss */
  main > section.price > div.inner ul.unlimited li {
    display: table-cell;
    width: 240px;
  }
  /* line 463, ../sass/_responsive.scss */
  main > section.price > div.inner ul.unlimited li:nth-child(even) {
    text-align: right;
  }
  /* line 469, ../sass/_responsive.scss */
  main > section.price > div.inner ul.notes {
    padding-left: 0;
  }
  /* line 475, ../sass/_responsive.scss */
  main > section.faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 479, ../sass/_responsive.scss */
  main > section.faq h2 {
    margin-bottom: 40px;
  }
  /* line 485, ../sass/_responsive.scss */
  main > section.faq dl dt {
    padding: 10px 0 10px 60px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 490, ../sass/_responsive.scss */
  main > section.faq dl dt:before {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 496, ../sass/_responsive.scss */
  main > section.faq dl dd {
    margin-bottom: 30px;
    padding-left: 60px;
    line-height: 1.6;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 503, ../sass/_responsive.scss */
  main > section.faq dl dd:before {
    font-size: 20px;
    font-size: 2rem;
  }
  /* line 511, ../sass/_responsive.scss */
  main > section.faq dl:last-child dd {
    margin-bottom: 0;
  }
  /* line 518, ../sass/_responsive.scss */
  main > aside.information {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  /* line 524, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl {
    width: 50%;
    vertical-align: top;
  }
  /* line 528, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop {
    padding-left: 50px;
  }
  /* line 531, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dt {
    margin-bottom: 20px;
  }
  /* line 535, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd {
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  /* line 540, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd dl {
    display: inline-block;
    margin: 0;
    width: calc(50% - 10px);
  }
  /* line 545, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd dl dt {
    margin-bottom: 10px;
  }
  /* line 549, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd dl dd {
    font-size: 10px;
    font-size: 1rem;
  }
  /* line 555, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd.developer {
    text-align: center;
  }
  /* line 566, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab {
    margin: 40px auto;
    width: 100%;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 578, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab li {
    display: block;
    margin: 5px 0;
    width: 33%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 585, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab li a {
    padding: 10px 10px 20px;
  }
  /* line 592, ../sass/_responsive.scss */
  main > section.demoComparison {
    padding-top: 0;
    padding-bottom: 40px;
  }
  /* line 602, ../sass/_responsive.scss */
  main > section.demoComparison > div.inner section p a {
    display: block;
    width: calc(50vw - 60px);
  }
  /* line 611, ../sass/_responsive.scss */
  main section.form.input {
    margin-bottom: 40px;
  }
  /* line 614, ../sass/_responsive.scss */
  main section.form.input > div.inner {
    margin: 0 auto;
    width: 100%;
  }
  /* line 621, ../sass/_responsive.scss */
  main section.form.input table th, main section.form.input table td {
    padding: 15px;
  }
  /* line 626, ../sass/_responsive.scss */
  main section.form.input p.btn {
    margin-top: 40px;
    text-align: center;
  }
  /* line 630, ../sass/_responsive.scss */
  main section.form.input p.btn button {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 635, ../sass/_responsive.scss */
  main section.form.input p.btn input[type="button"] {
    padding: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 643, ../sass/_responsive.scss */
  main > section.privacy {
    padding-top: 0;
    padding-bottom: 40px;
  }
  /* line 648, ../sass/_responsive.scss */
  main > section.company {
    padding-top: 0;
    padding-bottom: 40px;
  }
  /* line 653, ../sass/_responsive.scss */
  main > section.movie {
    padding-top: 30px;
    padding-bottom: 50px;
    width: 100%;
  }
  /* line 658, ../sass/_responsive.scss */
  main > section.movie ul {
    display: block;
  }
  /* line 661, ../sass/_responsive.scss */
  main > section.movie ul li {
    margin-bottom: 30px;
  }
}
@media (max-width: 640px) {
  /* line 676, ../sass/_responsive.scss */
  body > main h2 {
    padding-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  /* line 683, ../sass/_responsive.scss */
  body > main h3 {
    letter-spacing: 0;
  }

  /* line 688, ../sass/_responsive.scss */
  body > header {
    padding-top: 0;
  }
  /* line 691, ../sass/_responsive.scss */
  body > header div.wrap.head {
    position: static;
  }
  /* line 694, ../sass/_responsive.scss */
  body > header div.wrap.head h1,
  body > header div.wrap.head p.logo {
    padding: 10px 0 8px;
    width: 20vw;
  }
  /* line 701, ../sass/_responsive.scss */
  body > header div.mv {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  /* line 707, ../sass/_responsive.scss */
  body > header div.mv > div.inner div.catchCopy {
    float: none;
    margin: 0 auto;
    width: 90%;
  }
  /* line 713, ../sass/_responsive.scss */
  body > header div.mv > div.inner video {
    float: none;
    width: 100%;
  }
  /* line 718, ../sass/_responsive.scss */
  body > header div.mv > div.inner iframe {
    display: none;
  }
  /* line 724, ../sass/_responsive.scss */
  body > header ul.contact {
    display: none;
  }
  /* line 728, ../sass/_responsive.scss */
  body > header nav.gNav {
    display: none;
  }
  /* line 732, ../sass/_responsive.scss */
  body > header .drawer-hamburger {
    top: 0;
  }
  /* line 736, ../sass/_responsive.scss */
  body > header > h1 {
    padding: 20px 0;
    font-size: 20px;
    font-size: 2rem;
  }

  /* line 745, ../sass/_responsive.scss */
  main > section.about {
    padding-top: 30px;
  }
  /* line 750, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt,
  main > section.about > div.inner p.img {
    margin-bottom: 40px;
  }
  /* line 755, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt {
    width: 100%;
  }
  /* line 758, ../sass/_responsive.scss */
  main > section.about > div.inner div.wrap.txt h2 {
    margin-bottom: 20px;
    text-align: center;
  }
  /* line 764, ../sass/_responsive.scss */
  main > section.about > div.inner p.img {
    width: 100%;
    text-align: center;
  }
  /* line 768, ../sass/_responsive.scss */
  main > section.about > div.inner p.img img {
    width: 60vw;
  }
  /* line 774, ../sass/_responsive.scss */
  main > section.about section.able {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* line 778, ../sass/_responsive.scss */
  main > section.about section.able h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 784, ../sass/_responsive.scss */
  main > section.about section.able ul {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 792, ../sass/_responsive.scss */
  main > section.about section.able ul li {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
  /* line 802, ../sass/_responsive.scss */
  main > section.about section.able ul li dl dt.title {
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 808, ../sass/_responsive.scss */
  main > section.about section.able ul li dl dt.img {
    margin-bottom: 10px;
  }
  /* line 815, ../sass/_responsive.scss */
  main > section.about section.able ul li dl dd br {
    display: none;
  }
  /* line 826, ../sass/_responsive.scss */
  main > section.about section.task div.inner {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  /* line 832, ../sass/_responsive.scss */
  main > section.about section.task h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 840, ../sass/_responsive.scss */
  main > section.about section.task ul.img li {
    width: calc(33.3% - 5px);
  }
  /* line 845, ../sass/_responsive.scss */
  main > section.about section.task p.trial {
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 854, ../sass/_responsive.scss */
  main > section.about section.task ul.notes li br {
    display: none;
  }
  /* line 861, ../sass/_responsive.scss */
  main > section.about section.develop {
    padding-bottom: 50px;
  }
  /* line 864, ../sass/_responsive.scss */
  main > section.about section.develop h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 870, ../sass/_responsive.scss */
  main > section.about section.develop ul {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
  /* line 876, ../sass/_responsive.scss */
  main > section.about section.develop ul li {
    margin-bottom: 30px;
    width: 100%;
  }
  /* line 884, ../sass/_responsive.scss */
  main > section.about section.develop ul li dl dt.img {
    padding-left: 20%;
    padding-right: 20%;
  }
  /* line 899, ../sass/_responsive.scss */
  main > section.function {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 905, ../sass/_responsive.scss */
  main > section.function > div.inner > section {
    margin-top: 40px;
    width: 100%;
  }
  /* line 909, ../sass/_responsive.scss */
  main > section.function > div.inner > section h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 923, ../sass/_responsive.scss */
  main > section.toForm p.link a img {
    width: 60vw;
  }
  /* line 930, ../sass/_responsive.scss */
  main > section.example {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 934, ../sass/_responsive.scss */
  main > section.example h2 {
    margin-bottom: 20px;
  }
  /* line 940, ../sass/_responsive.scss */
  main > section.example > div.inner section {
    margin-bottom: 40px;
  }
  /* line 943, ../sass/_responsive.scss */
  main > section.example > div.inner section h3 {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
  }
  /* line 949, ../sass/_responsive.scss */
  main > section.example > div.inner section p.img {
    display: none;
  }
  /* line 953, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap {
    width: 100%;
  }
  /* line 956, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link {
    text-align: center;
  }
  /* line 961, ../sass/_responsive.scss */
  main > section.example > div.inner section div.txt.wrap p.link a:before {
    display: none;
  }
  /* line 971, ../sass/_responsive.scss */
  main > section.voice {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 975, ../sass/_responsive.scss */
  main > section.voice h2 {
    margin-bottom: 20px;
  }
  /* line 979, ../sass/_responsive.scss */
  main > section.voice > div.inner {
    padding: 20px 20px 5px;
  }
  /* line 982, ../sass/_responsive.scss */
  main > section.voice > div.inner:before {
    display: none;
  }
  /* line 986, ../sass/_responsive.scss */
  main > section.voice > div.inner section {
    margin-bottom: 40px;
  }
  /* line 989, ../sass/_responsive.scss */
  main > section.voice > div.inner section h3 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 997, ../sass/_responsive.scss */
  main > section.voice > div.inner section ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1005, ../sass/_responsive.scss */
  main > section.voice > div.inner section ul li:before {
    display: none;
  }
  /* line 1014, ../sass/_responsive.scss */
  main > section.flow {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1018, ../sass/_responsive.scss */
  main > section.flow h2 {
    margin-bottom: 20px;
  }
  /* line 1030, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li dl dt {
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 1037, ../sass/_responsive.scss */
  main > section.flow > div.inner ol li dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1047, ../sass/_responsive.scss */
  main > section.price {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: none;
  }
  /* line 1052, ../sass/_responsive.scss */
  main > section.price h2 {
    padding-bottom: 20px;
  }
  /* line 1056, ../sass/_responsive.scss */
  main > section.price > div.inner {
    padding: 0 2.5vw;
  }
  /* line 1059, ../sass/_responsive.scss */
  main > section.price > div.inner p.price {
    margin-bottom: 20px;
    padding-top: 20px;
  }
  /* line 1063, ../sass/_responsive.scss */
  main > section.price > div.inner p.price img {
    width: 60vw;
  }
  /* line 1068, ../sass/_responsive.scss */
  main > section.price > div.inner ul.unlimited {
    margin: 0 auto;
    border-bottom: none;
    width: 60vw;
  }
  /* line 1073, ../sass/_responsive.scss */
  main > section.price > div.inner ul.unlimited li {
    display: table-cell;
    width: 50%;
  }
  /* line 1081, ../sass/_responsive.scss */
  main > section.faq {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1085, ../sass/_responsive.scss */
  main > section.faq h2 {
    margin-bottom: 20px;
  }
  /* line 1091, ../sass/_responsive.scss */
  main > section.faq dl dt {
    padding: 10px 0 10px 40px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 1096, ../sass/_responsive.scss */
  main > section.faq dl dt:before {
    left: 15px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 1103, ../sass/_responsive.scss */
  main > section.faq dl dd {
    padding-left: 40px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  /* line 1108, ../sass/_responsive.scss */
  main > section.faq dl dd:before {
    left: 15px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  /* line 1117, ../sass/_responsive.scss */
  main > aside.information {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  /* line 1123, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl {
    display: block;
    width: 100%;
  }
  /* line 1127, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop {
    margin-top: 20px;
    padding-left: 0;
  }
  /* line 1131, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dt {
    margin-bottom: 20px;
  }
  /* line 1135, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd {
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  /* line 1140, ../sass/_responsive.scss */
  main > aside.information > div.inner > dl.develop > dd dl {
    width: calc(45% - 10px);
  }
  /* line 1151, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab {
    display: block;
  }
  /* line 1154, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab li {
    display: block;
    width: 100%;
  }
  /* line 1158, ../sass/_responsive.scss */
  main > div.wrap.form ul.formTab li a {
    padding: 10px 10px 20px;
  }
  /* line 1169, ../sass/_responsive.scss */
  main > section.demoComparison > div.inner section {
    display: block;
    margin-bottom: 20px;
    padding: 20px 10px;
    padding-bottom: 0;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1178, ../sass/_responsive.scss */
  main > section.demoComparison > div.inner section h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* line 1185, ../sass/_responsive.scss */
  main > section.demoComparison > div.inner section p {
    position: static;
    margin-top: 20px;
    transform: translateY(0);
  }
  /* line 1190, ../sass/_responsive.scss */
  main > section.demoComparison > div.inner section p a {
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1202, ../sass/_responsive.scss */
  main section.form.input p.read {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    text-align: left;
  }
  /* line 1207, ../sass/_responsive.scss */
  main section.form.input p.read br {
    display: none;
  }
  /* line 1214, ../sass/_responsive.scss */
  main section.form.input table th, main section.form.input table td {
    display: block;
    border: none;
    width: 100%;
  }
  /* line 1220, ../sass/_responsive.scss */
  main section.form.input table th {
    background: #FAFAFA;
  }
  /* line 1223, ../sass/_responsive.scss */
  main section.form.input table th em.necessary {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  /* line 1231, ../sass/_responsive.scss */
  main section.form.input p.btn {
    margin-top: 20px;
    text-align: center;
  }
  /* line 1235, ../sass/_responsive.scss */
  main section.form.input p.btn button {
    padding: 10px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1241, ../sass/_responsive.scss */
  main section.form.input p.btn input[type="button"] {
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 1248, ../sass/_responsive.scss */
  main > section.company {
    padding-top: 0;
    padding-bottom: 40px;
  }
  /* line 1254, ../sass/_responsive.scss */
  main > section.company table th, main > section.company table td {
    display: block;
    border: none;
    padding: 10px;
  }
  /* line 1260, ../sass/_responsive.scss */
  main > section.company table th {
    text-align: center;
    background: #FAFAFA;
  }
  /* line 1271, ../sass/_responsive.scss */
  main > section.movie ul li {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 1277, ../sass/_responsive.scss */
  main > section.movie ul li dl dt {
    margin-bottom: 5px;
  }
  /* line 1280, ../sass/_responsive.scss */
  main > section.movie ul li dl dt video {
    width: 100%;
  }
  /* line 1285, ../sass/_responsive.scss */
  main > section.movie ul li dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}