@charset "UTF-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
br {
  letter-spacing: 0;
}
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, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
}
html {
  height: 100%;
  font-size: 10px;
}
body {
  background: #fff;
  font-family:'Noto Sans JP', 'メイリオ', 'Meiryo', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  line-height: 1;
  color: #2d3030;
  letter-spacing: 0;
  -webkit-text-size-adjust: none;
  position: relative;
  font-size: 1.6rem;
  overflow-x: hidden;
  font-feature-settings: "palt";
  list-style-type: disc !important;
}
*::-ms-backdrop, body {
  background-attachment: scroll;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}
ul li {
  list-style: none;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input{vertical-align: middle;}
select {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
}
img, picture {
  font-size: 0;
  width: 100%;
  line-height: 0;
  display: block;
}
select{
	background-image: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow09.svg);
	background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: right 12px center;
}
input[type='submit'] {
  -webkit-appearance: none !important;
}
html, body, header, footer, main, section, div, p, span, h1, h2, h3, h4, h5, h6, ul, li, a, dl, dt, dd, nav, figcaption, figure {
  box-sizing: border-box;
  position: relative;
}
input, textarea, select, option, button, picture {
  box-sizing: border-box;
}
pre {
	white-space: pre-wrap;
    line-height: 1.75;
}
video{
	max-width:100%;
	height:auto;
}
#loading {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  display: block;
}
#loading .inner {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateX(-50%) translateY(-50%);
}
#test {
  position: fixed;
  top: 0;
  left: 0;
  padding: .5rem;
  z-index: 9999;
}
.tel {
  pointer-events: none;
  color: #2d3030 !important;
}
a {
  text-decoration: none;
  transition: .3s;
}
.pc-hidden {
  display: none;
}
.sp-hidden {
  display: block;
}
.pc-br {
  display: inline;
}
.sp-br {
  display: none;
}
.flexbox {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.reg {
  font-weight: 400;
}
.mid {
  font-weight: 500;
}
.bld {
  font-weight: 700;
}
.blk {
  font-weight: 900;
}
:before, :after {
  position: relative;
}
.text-right {
  text-align: right;
}
strong {
  font-weight: 900;
}
body > * {
  min-width: 1280px;
}
#sp-menu {
  display: none;
}
#footer-fixed-nav{
	display:none;
}
#float-banner {
  min-width: inherit;
  position: fixed;
  bottom: 2rem;
  right: .75rem;
  z-index: 999;
}
#float-banner img {
  max-width: 300px;
}
#float-banner a {
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 0;
  width: auto;
}
#float-banner .close {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: #b4bebe;
  border-radius: 50px;
  cursor: pointer;
}
#float-banner .close:before, #float-banner .close:after {
  content: '';
  width: 60%;
  height: 3px;
  background: #fff;
  border-radius: 6px;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
}
#float-banner .close:before {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
#float-banner .close:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.float-banner {
  min-width: inherit;
  position: fixed;
  bottom: 2rem;
  right: .75rem;
  z-index: 98;
}
.float-banner:last-child{
	bottom: 2rem;
}
/*.float-banner:nth-of-type(3) {
  bottom: 12rem;
}*/
.float-banner:nth-of-type(2) {
  bottom: 16rem;
}
.float-banner:nth-of-type(1) {
  bottom: 3rem;
}
.float-banner img {
  max-width: 300px;
}
.float-banner a {
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 0;
  width: auto;
}
.float-banner .close {
  position: absolute;
  top: -8px;
  right: -5px;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: #b4bebe;
  border-radius: 50px;
  cursor: pointer;
}
.float-banner .close:before, .float-banner .close:after {
  content: '';
  width: 60%;
  height: 3px;
  background: #fff;
  border-radius: 6px;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
}
.float-banner .close:before {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.float-banner .close:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}

@media screen and (max-width: 1080px){
	.float-banner:nth-of-type(1) {
		/*display:none;*/
		bottom: 6.5rem;
	}
	.float-banner:nth-of-type(2){
		/*display:none;*/
		bottom: 18rem;
	}
}
.contact .float-banner,
.document .float-banner{display:none;}

header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.6rem 2rem 1.6rem 3rem;
  position: fixed;
  top: -1px;
  z-index: 999;
  width: 100%;
  min-width: 1280px;
  transition: .5s;
  transform: translateY(0);
  background: #fff;
}
/*header.radius {
  border-radius: 0 0 3rem 3rem;
}*/
header.hide {
  transform: translateY(-100%);
}
header h1 {
  width: 185px;
}
@media screen and (min-width: 1081px) and (max-width: 1455px){
	header h1{
		width: 155px;
	}
}
header nav > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header nav > ul > li {
  font-size: 1.4rem;
}
header nav > ul > li > span, header nav > ul > li > a {
  padding: 1.7rem 1.1rem 3.1rem;
}
header nav > ul > li span, header nav > ul > li a {
  cursor: pointer;
  color: #323737;
  font-weight: 700;
}
header nav > ul > li .contact-button {
	margin: 0 0 0 1rem;
	padding: 1.6rem 3.8rem 1.8rem;
}
header nav > ul > li .contact-button:before {
  width: 22rem;
  height: 20rem;
}
header nav > ul > li .contact-button:after {
	content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: 0.9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
header nav > ul > li .contact-button:hover:after{
	background: #00bec8;
}
header nav > ul > li .contact-button.trial{
	background: none;
	position:relative;
	display:inline-block;
	border:none;
}
header nav > ul > li .contact-button.trial:hover{
	background: linear-gradient(135deg,#00bec8 0%,#FF9601 100%);
}
header nav > ul > li .contact-button.trial:before{
	width: unset;
    height: unset;
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    border: 3px solid transparent;
    background: linear-gradient(135deg,#00bec8 0%,#FF9601 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
	transform: none;
}
header nav > ul > li .contact-button.trial:after{
	background-color: #00bfc8;
}
header nav > ul > li .contact-button.trial:hover:after{
	background: #fff;
	transition:0.2s;
}
header nav > ul > li .contact-button.trial:before:hover{
	transform: none;
}
header nav > ul > li .contact-button.login{
	background:#ff9600;
	width: 52px;
    height: 52px;
	font-size: 1rem;
	line-height: 48px;
	border: #ff9600 solid 3px;
	border-radius: 50%;
	padding: 0;
}
header nav > ul > li .contact-button.login:hover span{
	color:#ff9600;
}
header nav > ul > li .contact-button.login span{
	color:#fff;
	letter-spacing: -.5px;
}
header nav > ul > li .contact-button.login:after{
	display:none;
}
header nav > ul > li.drop-down:after {
  content: "";
  background-color: #b4b9b9;
  display: block;
  height: .6rem;
  width: 1.1rem;
  -webkit-mask: url("../img/common/arrow01.svg");
  mask: url("../img/common/arrow01.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  transition: .5s;
  position: absolute;
  top: 2.1rem;
  left: 50%;
  transform: translateX(-50%);
}
header nav > ul > li .contact-button.trial span{
	color: #00bfc8;
}
header nav > ul > li .contact-button.trial:hover span{
	color: #fff;
	transition:0.2s;
}
header nav > ul > li.drop-down:hover:after {
  background-color: #00bec8;
  top: 2.7rem
}
header nav > ul > li.drop-down:hover .dd {
  visibility: visible;
  opacity: 1;
}
header nav > ul > li.drop-down .dd {
  visibility: hidden;
  position: absolute;
  bottom: -3.4rem;
  /*left: 50%;*/
  z-index: 1;
  /*transform: translate(-50%, 100%);*/
	transform: translate(0, 100%);
  padding: .4rem;
  transition: .2s;
  opacity: 0;
}
header nav > ul > li.drop-down .dd .inner {
  padding: 3rem;
  top: 0;
  background: #fff;
  filter: drop-shadow(0.2rem 0 0.8rem rgba(0, 0, 0, 0.2));
  border-radius: 2rem;
  width: 32rem;
}
header nav > ul > li.drop-down .dd .inner > span {
  width: 100%;
  font-weight: 900;
  font-size: 1.8rem;
  color: #00bec8;
  border-left: 5px solid #00bec8;
  padding: 0 0 3px 7px;
  margin: 0 0 5px;
	display: inline-block;
}
header nav > ul > li.drop-down .dd .inner ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
header nav > ul > li.drop-down .dd .inner ul li {
  width: 100%
}
header nav > ul > li.drop-down .dd .inner ul li a {
  padding: 1.2rem 0 1.2rem 1.2rem;
  display: block;
}
header nav > ul > li.drop-down .dd .inner ul li a.new::after{
	content: 'NEW';
	background: #ff0000;
	color: #fff;
	padding: 0 .5rem;
	margin: 0 0 0 .5rem;
}
header nav > ul > li.drop-down .dd .inner ul li a span {
  font-size: 1.4rem;
}
header nav > ul > li.drop-down .dd .inner ul li a:hover {
  background: #f6f8f8;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set {
  width: 116rem;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set ul {
  border-bottom: 1px solid #e4e6e6;
  padding: 0 0 2rem;
  margin: 0 0 3rem;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set ul:last-of-type {
	border-bottom:none;
	padding: 0;
	margin: 0;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set ul li {
	flex:1 1 33%;
	max-width:50%;
}
.dd li a:before {
  content: url("../img/common/arrow02.svg");
  width: 7px;
  display: inline-block;
  margin: 0 .7rem 0 0;
  position: relative;
}
.dd li a span {
  font-weight: 500;
  color: #2d3030;
}
.dd li a span:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 2px;
  left: 0;
  background: #323737;
  transition: .3s;
}
.dd li a:hover span:after {
  width: 100%;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set ul li ul{
	padding:0 0 0 1rem;
}
header nav > ul > li.drop-down .dd .inner.double-sub-set ul li ul li a:before{
	content: '⚪︎';
	color:#00bec8;
	margin-right:1rem;
}
#breadcrumbs {
  width: 100%;
  background: #fff;
  padding: .6rem 5rem .7rem;
}
#breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#breadcrumbs ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2rem;
  color: #646969;
  line-height: 1.5;
}
#breadcrumbs ul li:first-of-type a img {
  width: 15px;
  position: relative;
  top: 1px;
}
#breadcrumbs ul li a {
  color: #646969;
}
#breadcrumbs ul li a:hover {
  text-decoration: underline
}
#breadcrumbs ul li:after {
  content: url("../img/common/breadcrumbs-arrow.svg");
  width: 5px;
  display: block;
  margin: 0 11px 0 12px;
  position: relative;
  top: 0;
}
#breadcrumbs ul li:last-of-type:after {
  display: none
}
.contact-button {
  background: #00bec8;
  padding: 1.6rem 2.6rem 1.8rem;
  border-radius: 20rem;
  display: inline-block;
  text-decoration: none;
  border: #00bec8 solid 2px;
  overflow: hidden;
  line-height: 1;
  text-align: center;
}
.contact-button span {
  color: #fff;
  font-weight: 900;
  z-index: 1;
  transition: .5s;
  letter-spacing: .05em;
  line-height: 1;
}
.contact-button:before {
  content: '';
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: #fff;
  border-radius: 100%;
  width: 50rem;
  height: 50rem;
  transition: .5s;
}
.contact-button:hover {
  text-decoration: none !important;
}
.contact-button:hover span {
  color: #00bec8;
}
.contact-button:hover:before {
  transform: translate(-50%, -50%) scale(1);
}
.contact-button.reverse {
  background: #fff;
}
.contact-button.reverse span {
  color: #00bec8;
}
.contact-button.reverse:before {
  background: #00bec8;
}
.contact-button.reverse:hover {
  background: #00bec8;
  border-color: #00bec8;
}
.contact-button.reverse:hover span {
  color: #fff !important;
}
.case-btn-area{
	display: flex;
    justify-content: center;
    padding: 4rem 2rem;
}
.case-btn-area .contact-button{
	background: #ffdc04;
	border: #ffdc04 solid 2px;
	padding: 2.4rem 7.5rem 2.6rem;
}
.case-btn-area .contact-button span{
	color: #2e3030;
	font-size:2rem;
}
.case-btn-area .contact-button:after{
	content: "";
    background-color: #2e3030;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#main-visual > .inner {
  display: flex;
  justify-content: space-between;
}
#main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0;
}
#main-visual > .inner .text-area .ap-box {
  display: flex;
  align-items: center;
}
#main-visual > .inner .text-area .ap-box > span {
  font-size: 1.4rem;
  margin: 0 0 1.8rem 1.2rem;
  line-height: 1.5;
}
#main-visual > .inner .text-area .apotoolbox {
  font-size: 1.4rem;
  display: inline-block;
  white-space: nowrap;
  border: 2px solid #2d3030;
  border-radius: 8px;
  padding: .7rem 1.1rem .6rem;
  margin: 0 0 1.8rem;
}
#main-visual > .inner .text-area .apotoolbox.one span {
  padding: .3rem 0 .4rem;
}
#main-visual > .inner .text-area .apotoolbox.one span:first-of-type:after {
  display: none;
}
#main-visual > .inner .text-area .apotoolbox span {
  display: inline-block;
  padding: .3rem 0 0;
  font-weight: 700;
}
#main-visual > .inner .text-area .apotoolbox span:first-of-type:after {
  content: '';
  background: #2d3030;
  height: 1.8rem;
  width: 1px;
  display: inline-block;
  margin: 0 1rem;
  vertical-align: middle;
  top: -2px;
  position: relative;
}
#main-visual > .inner .text-area .title-set {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
#main-visual > .inner .text-area .title-set > img {
  width: 8rem;
  height: 8rem;
}
#main-visual > .inner .text-area .title-set .inner {
  width: calc(100% - 8rem - 1.6rem);
  margin: 0 0 4.5rem;
}
#main-visual > .inner .text-area .title-set .inner h1 {
  font-size: 4.8rem;
  font-weight: 900;
  margin: 0 0 2rem;
  padding: 1.4rem 0 0;
}
#main-visual > .inner .text-area .title-set .inner h1 span {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  margin: 2.5rem 0 0;
}
#main-visual > .inner .text-area .title-set .inner p {
  font-weight: 700;
  font-size: 1.6rem;
}
#main-visual > .inner .text-area .title-set .inner p > span {
  font-size: 1.8rem;
}
#main-visual > .inner .text-area .title-set .inner p > span span {
  font-size: 3rem;
}
#main-visual > .inner .text-area .text {
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: .1em;
  margin: 0 0 3rem;
}
#main-visual > .inner .text-area .text a{
	color:#00bfc8;
}
#main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem)
}
#main-visual > .inner .image-area .image-large {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
#main-visual > .inner .contact-button {
  background: #00bec8;
  border-color: #00bec8;
  padding: 2.4rem 7.5rem 2.6rem;
  font-size: 2rem;
  text-align: center;
}
#main-visual > .inner .contact-button span {
  letter-spacing: .05em;
}
#main-visual > .inner .contact-button:after {
  content: "";
  background-color: #fff;
  display: inline-block;
  height: 1.3rem;
  width: .9rem;
  -webkit-mask: url("../img/common/arrow03.svg");
  mask: url("../img/common/arrow03.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  transition: .5s;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
#main-visual > .inner .contact-button:hover span {
  color: #00bec8;
}
#main-visual > .inner .contact-button:hover:after {
  background: #00bec8;
}
#main-visual > .inner .contact-button.free-trial{
	background: #ff8a00;
    border-color: #ff8a00;
}
#main-visual > .inner .contact-button.free-trial:hover span{
	color: #ff8a00;
}
#main-visual > .inner .contact-button.free-trial:hover:after {
  background: #ff8a00;
}
#main-visual>.inner p.text-free-trial {
	letter-spacing: 2px;
	text-align: center;
	line-height: 1.8;
	margin: 0 auto 1.5rem;
}
#main-visual > .inner p.text-free-trial span > span{
	font-weight: 700;
}
#main-visual > .inner p.text-free-trial > span::before,
#main-visual > .inner p.text-free-trial > span::after
{
	content: '';
	background: #2d3030;
	width: 1px;
	height: 32px;
	display: block;
	position: absolute;
	top: 60%;
}
#main-visual > .inner p.text-free-trial > span::before{
	transform: translateY(-50%) rotateZ(-24.5deg);
	left: -1.5rem;
}
#main-visual > .inner p.text-free-trial > span::after{
	transform: translateY(-50%) rotateZ(24.5deg);
	right: -1.5rem;
}
main {
  padding-top: 85px;
}
main section > .inner {
  max-width: 1160px;
  margin: 0 auto;
}
#footer-nav {
  background: #f8fafa;
}
#footer-nav a {
  color: #2d3030;
}
#footer-nav .inner {
  padding: 8rem 6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
#footer-nav .inner > div {
  width: 25%
}
#footer-nav .inner > div h2 {
  margin: 0 0 3.6rem
}
#footer-nav .inner > div h2 figure {
  width: 215px
}
#footer-nav .inner > div#company-information p:first-of-type,
#footer-nav .inner > div#company-information p:nth-of-type(2) {
  margin: 0 0 1.4rem;
}
#footer-nav .inner > div#company-information p {
  margin: 0 0 2.8rem;
}
#footer-nav .inner > div .tel span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  padding: 0 0 0 4.4rem;
  display: block;
  letter-spacing: .05em
}
#footer-nav .inner > div .tel span:first-of-type {
  color: #00bec8;
  font-size: 3.2rem;
  font-weight: 900;
  padding: 0;
  letter-spacing: 0
}
#footer-nav .inner > div .tel span:first-of-type:before {
  content: url("../img/common/ico-telephone.svg");
  width: 3.4rem;
  margin: 0 1rem 0 0;
  display: inline-block;
  vertical-align: middle
}
#footer-nav .inner > div .contact-button {
	width: 280px;
  display: inline-block;
  padding: 1.9rem 5rem 2.1rem;
  font-size: 1.8rem;
}
#footer-nav .inner > div .contact-button:after {
  content: "";
  background-color: #fff;
  display: inline-block;
  height: 1.3rem;
  width: .9rem;
  -webkit-mask: url("../img/common/arrow03.svg");
  mask: url("../img/common/arrow03.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  transition: .5s;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
#footer-nav .inner > div .contact-button:hover:after {
  background: #00bec8;
}
#footer-nav .inner > div .contact-button.login{
	background: #ff9600;
	border: #ff9600 solid 2px;
}
#footer-nav .inner > div .contact-button.login:hover:after{
	background: #ff9600;
}
#footer-nav .inner > div .contact-button.login:hover span{
	color:#ff9600;
}
#footer-nav .inner > div address {
  line-height: 1.7;
  font-size: 1.4rem
}
#footer-nav .inner > div h4 {
  padding: 0 0 0 1.2rem;
  margin: 0 0 3rem;
  font-size: 1.8rem;
  font-weight: 700
}
#footer-nav .inner > div h4.link {
  padding: 0;
  margin: 0 0 4rem
}
#footer-nav .inner > div h4 a {
  display: block
}
#footer-nav .inner > div h4 a:before {
  content: url("../img/common/arrow02.svg");
  width: 5px;
  display: inline-block;
  margin: 0 .7rem 0 0;
  position: relative;
  top: -2px
}
#footer-nav .inner > div h4 a span {
  padding: 0
}
#footer-nav .inner > div h4 a:hover {
  text-decoration: underline
}
#footer-nav .inner > div ul {
  margin: 0 0 4.5rem
}
#footer-nav .inner > div ul li {
  margin: 0 0 3rem
}
#footer-nav .inner > div ul li:last-of-type {
  margin-bottom: 0
}
#footer-nav .inner > div ul li a:before {
  content: url("../img/common/arrow02.svg");
  width: 5px;
  display: inline-block;
  margin: 0 .7rem 0 0;
  position: relative
}
#footer-nav .inner > div ul li a span {
  font-weight: 500;
  color: #2d3030;
  font-size: 1.4rem
}
#footer-nav .inner > div ul li a:hover {
  text-decoration: underline
}
#footer-nav .inner > div ul#sns-group {
  display: flex;
  padding: 0 0 0 1.2rem;
  margin-top: -1rem
}
#footer-nav .inner > div ul#sns-group li {
  width: 3rem;
  margin: 0 1.5rem 0 0
}
#footer-nav .inner > div ul#sns-group li:last-of-type {
  margin-right: 0
}
#footer-nav .inner > div ul#sns-group li a:before {
  display: none
}
#footer-nav .inner > div ul#sns-group li a:hover {
  opacity: .75
}
footer {
  padding: 3rem 6rem 8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}
footer .sub {
  width: calc(100% - 137px)
}
footer .sub ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}
footer .sub ul li {
  margin: 0 2.5rem 0 0
}
footer .sub ul li a {
  font-size: 1.3rem;
  font-weight: 500;
  color: #646969
}
footer .sub ul li a.ico:after {
  content: url("../img/common/ico-blanklink.svg");
  display: inline-block;
  width: 1.2rem;
  margin: 0 0 0 5px
}
footer .sub ul li a:hover {
  text-decoration: underline
}
footer .sub #copyright {
  padding: 7rem 0 0;
  font-size: 1.3rem;
  font-weight: 500;
  color: #646969
}
footer figure {
  width: 137px
}
.main-area a {
  color: #00bec8
}
.main-area a.arrow-before {
  padding-left: 1.7rem
}
.main-area a.arrow-before:before {
  content: "";
  flex-shrink: 0;
  background-color: #00bec8;
  display: inline-block;
  height: 1.35rem;
  width: .9rem;
  -webkit-mask: url("../img/common/arrow03.svg");
  mask: url("../img/common/arrow03.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 52%;
  left: 0;
  transform: translateY(-50%)
}
.main-area a.arrow-after:after {
  content: "";
  flex-shrink: 0;
  background-color: #00bec8;
  display: inline-block;
  height: 1.35rem;
  width: .9rem;
  -webkit-mask: url("../img/common/arrow03.svg");
  mask: url("../img/common/arrow03.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 52%;
  right: 0;
  transform: translateY(-50%);
  transition: .5s
}
.main-area a.arrow-after.white:after {
  background-color: #fff
}
.main-area a:hover {
  text-decoration: underline
}
.main-area section {
  padding: 8rem 0
}
.main-area .section-title {
  margin-bottom: 4rem;
  text-align: center
}
.main-area .section-title h1, .main-area .section-title h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0 0 3rem
}
.main-area .section-title h1 span, .main-area .section-title h2 span {
  font-size: 4.8rem;
  font-weight: 900;
  letter-spacing: .05em;
  color: #282a2a
}
.main-area .section-title h1 span > span, .main-area .section-title h2 span > span {
  color: #00bec8;
  margin: 0
}
.main-area .section-title.extra h2 {
  color: #fff;
  background: #00bec8;
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
  padding: 1.4rem 0 1.6rem;
  border-radius: .8rem;
  letter-spacing: .05em;
  margin: 0
}
.main-area .section-title .sub {
  font-size: 2rem;
  font-weight: 700;
	line-height:1.8;
  margin: 0;
  text-align: center
}
.main-area .news-list {
  margin: 0 0 3rem
}
.main-area .news-list li {
  border-top: 1px solid #d8dcdc
}
.main-area .news-list li a {
  padding: 2.3rem 1rem;
  color: #2d3030;
  text-decoration: none;
  display: flex;
  align-items: center
}
.main-area .news-list li a > div {
  display: flex;
  align-items: center
}
.main-area .news-list li a time {
  width: 14rem;
  display: block;
  font-size: 1.4rem
}
.main-area .news-list li a .category {
  min-width: 12rem;
  padding: 1rem;
  text-align: center;
  background: #f4f6f6;
  border-radius: .4rem;
  font-size: 1.2rem;
  margin: 0 4rem 0 0
}
.main-area .news-list li a .category.medical-box-note{
	display:none;
}
.main-area .news-list li a .text {
  width: calc(100% - 14rem - 12rem - 4rem);
  font-size: 1.6rem;
  line-height: 1.5
}
.main-area .news-list li a:hover {
  background: #d8dcdc
}
.main-area .news-list li a:hover .category {
  text-decoration: none !important
}
.main-area .news-list li a:hover .text {
  text-decoration: underline
}
.main-area .news-list li:last-of-type {
  border-bottom: 1px solid #d8dcdc
}
.support-center {
  line-height: 2;
  font-size: 1.6rem
}
.support-center dt {
  font-weight: 900
}
.border-block {
  border-radius: 4rem;
  border: 4px solid #00bec8
}
.video-area {
  background: #00bec8;
  padding: 3rem 0
}
.video-area .youtube {
  border-radius: 1.2rem;
  overflow: hidden;
  width: 500px;
  height: auto;
  /*height: 315px;*/
  margin: 0 auto
}
.video-area .youtube iframe {
  display: block;
  width: 100%;
	aspect-ratio: 16 / 9;
}
.common-voice .inner, .common-faq .inner {
  width: 1160px;
  margin: 0 auto;
  padding: 8rem 0
}
.common-voice .inner h2, .common-faq .inner h2 {
  font-weight: 900;
  font-size: 4.4rem;
  text-align: center;
  line-height: 1;
  margin: 0 0 3.4rem
}
.common-voice {
  background: #fffaf5;
  color: #2d3030
}
.common-voice .inner ul {
  background: #fff;
  display: flex;
  justify-content: space-between;
  border: 4px solid #ffdc00;
  border-radius: 4rem 4rem 0 0;
  padding: 5rem 0 0
}
.common-voice .inner ul li {
  padding: 0 6.4rem 1rem;
  margin: 0 0 4rem
}
.common-voice .inner ul li:first-of-type {
  border-right: 1px solid #e6e7e7
}
.common-voice .inner ul li figure {
  display: flex;
  justify-content: flex-start
}
.common-voice .inner ul li figure > span {
  width: 136px;
  height: 136px;
  border-radius: 100%;
  overflow: hidden;
  display: block;
  flex-shrink: 0
}
.common-voice .inner ul li figure figcaption {
  padding: 1.3rem 0 0 2.3rem
}
.common-voice .inner ul li figure figcaption p:nth-of-type(1) {
  font-size: 1.5rem;
  line-height: 1.73;
  margin: 0 0 .5rem
}
.common-voice .inner ul li figure figcaption p:nth-of-type(2) {
  font-size: 2.4rem;
  font-weight: 700
}
.common-voice .inner ul li figure figcaption p:nth-of-type(2) span {
  display: inline-block;
  margin: 0 0 0 9px;
  font-size: 1.6rem;
  font-weight: 500
}
.common-voice .inner ul li h3 {
  font-size: 2rem;
  font-weight: 900;
  padding: 2.8rem 0 1.2rem;
  line-height: 1.6;
}
.common-voice .inner ul li p {
  font-size: 1.5rem;
  line-height: 1.73
}
.common-voice .inner .end {
  text-align: center;
  background: #ffdc00;
  border-radius: 0 0 4rem 4rem;
  padding: 1.3rem 0
}
.common-voice .inner .end p {
  display: flex;
  justify-content: center;
  align-items: center
}
.common-voice .inner .end p span {
  font-size: 2.4rem;
  line-height: 1;
  display: inline-block;
  font-weight: 900;
  letter-spacing: .05em;
  top: -4px
}
.common-voice .inner .end p:before {
  content: url("../img/common/icon-voice.svg");
  display: block;
  width: 4.6rem;
  margin: 0 1.6rem 0 0
}
.common-faq {
  background: #fff
}
.common-faq .inner > ul > li {
  width: 1160px;
  margin: 0 auto 3.5rem;
  border-radius: 1.2rem;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  padding: 3.8rem 5rem 4rem
}
.common-faq .inner ul li:last-of-type {
  margin-bottom: 0
}
.common-faq .inner ul li dl dt, .common-faq .inner ul li dl dd {
  display: flex;
  justify-content: flex-start;
  align-items: stretch
}
.common-faq .inner ul li dl dt:before, .common-faq .inner ul li dl dt:after, .common-faq .inner ul li dl dd:before, .common-faq .inner ul li dl dd:after {
  margin: 0 2rem 0 0;
  display: inline-block
}
.common-faq .inner ul li dl dt span {
  font-size: 2rem;
  color: #2d3030;
  margin: 0 0 1.6rem;
  line-height: 1.73;
  font-weight: 900
}
.common-faq .inner ul li dl dt:before {
  content: url("../img/common/icon-ques.svg");
  width: 3rem;
  top: .4rem
}
.common-faq .inner ul li dl dd p {
  line-height: 1.73
}
.common-faq .inner ul li dl dd .readmore {
  font-size: 1.5rem;
  color: #646969;
  line-height: 1.73;
  width: auto;
  display: block;
	margin: 1.5rem 0 0;
}
.common-faq .inner ul li dl dd .close {
  display: none
}
.common-faq .inner ul li dl dd .close.show {
  display: block
}
.common-faq .inner ul li dl dd:before {
  content: url("../img/common/icon-ans.svg");
  width: 4.5rem;
  top: .25em
}

.common-contactArea {
  background: #00bec8;
  padding: 6rem 0;
  overflow: hidden
}
.common-contactArea .inner {
  background: #fff;
  border-radius: 1.2rem;
  padding: 3.6rem 0 3.2rem
}
.common-contactArea .inner:before {
  content: '';
  display: block;
  width: 191px;
  height: 408px;
  background: url("../img/common/illust01.webp");
  position: absolute;
  z-index: 1;
  bottom: -16.5rem;
  left: -8rem
}
.common-contactArea .inner:after {
  content: '';
  display: block;
  width: 368px;
  height: 318px;
  background: url("../img/common/illust02.webp");
  position: absolute;
  z-index: 1;
  bottom: -8.1rem;
  right: -14.8rem
}
.common-contactArea .inner .buttons {
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 3.3rem;
  padding: 0 11.6rem 3.4rem
}
.common-contactArea .inner .buttons li {
  width: 44rem;
  border-radius: 1.6rem;
  overflow: hidden
}
.common-contactArea .inner .buttons li a {
  display: block;
  padding: 2.2rem 0 2.4rem
}
.common-contactArea .inner .buttons li a:before {
  content: '';
  display: block;
  border-radius: 100%;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .5s;
  z-index: 0
}
.common-contactArea .inner .buttons li a:hover:before {
  width: 500px;
  height: 500px
}
.common-contactArea .inner .buttons li a div {
  text-align: center;
  z-index: 1
}
.common-contactArea .inner .buttons li a div span, .common-contactArea .inner .buttons li a div p {
  line-height: 1;
  display: block
}
.common-contactArea .inner .buttons li a div span {
  font-size: 1.7rem;
  font-weight: 500;
  margin: 0 0 1rem
}
.common-contactArea .inner .buttons li a div p {
  font-size: 2.8rem;
  font-weight: 900
}
.common-contactArea .inner .buttons li.download {
  border: 3px solid #00bec8;
  color: #00bec8
}
.common-contactArea .inner .buttons li.download a {
  color: #00bec8;
  overflow: hidden;
  display: block
}
.common-contactArea .inner .buttons li.download a:before {
  background: #00bec8
}
.common-contactArea .inner .buttons li.download a:hover {
  color: #fff
}
.common-contactArea .inner .buttons li.inq {
  background: #ff9600;
  border: 3px solid #ff9600;
  color: #fff
}
.common-contactArea .inner .buttons li.inq a {
  color: #fff
}
.common-contactArea .inner .buttons li.inq a:before {
  background: #fff
}
.common-contactArea .inner .buttons li.inq a:hover {
  color: #fff;
  color: #ff9600
}
.common-contactArea .inner .phone {
  text-align: center
}
.common-contactArea .inner .phone dt {
  font-size: 1.8rem;
  margin: 0 0 .5rem
}
.common-contactArea .inner .phone dd a, .common-contactArea .inner .phone dd span {
  display: block
}
.common-contactArea .inner .phone dd a {
  font-weight: 900;
  font-size: 4.8rem;
  color: #00bec8;
  margin: 0 0 .4rem;
  display: flex;
  justify-content: center
}
.common-contactArea .inner .phone dd a:before {
  content: url("../img/common/ico-telephone.svg");
  display: inline-block;
  vertical-align: middle;
  width: 5.4rem;
  margin: 0 .9rem 0 0
}
.common-contactArea .inner .phone dd span {
  font-size: 1.6rem
}
.circle-3column {
  display: flex;
  justify-content: space-between
}
.circle-3column li {
  width: 31%;
  max-width: 35.2rem
}
.circle-3column li .image {
  width: 26.4rem;
  height: 26.4rem;
  background: #f6f8f8;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 2.8rem
}
.circle-3column li h3 {
  color: #00bec8;
  font-weight: 900;
  font-size: 3rem;
  text-align: center;
  margin: 0 0 2.8rem
}
.circle-3column li p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.73
}
.circle-3column li p .annotation {
  font-size: 1.2rem;
  line-height: 1.73;
  display: block;
  margin: 1rem 0 0;
  text-align: left
}
.column-3block {
  display: flex;
  flex-wrap: wrap
}
.column-3block li {
  width: calc((100% - 8rem) / 3);
  background: #fff;
  max-width: 360px;
  padding: 2.4rem 2.4rem 3rem;
  margin: 0 4rem 4rem 0;
  border-radius: 2rem;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15))
}
.column-3block li:nth-of-type(3n) {
  margin-right: 0
}
.column-3block li img {
  margin: 0 0 2.8rem
}
.column-3block li h3 {
  text-align: center;
  color: #00bec8;
  font-size: 2.4rem;
  font-weight: 900;
	line-height:1.6;
  margin: 0 0 2rem
}
.column-3block li p {
  font-size: 1.5rem;
  line-height: 1.75
}
.column-3blockB {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.column-3blockB li {
  width: calc((100% - 8rem) / 3);
  background: #fff;
  max-width: 360px;
  padding: 0;
  margin: 0 0 4rem 0;
  border-radius: 2rem;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));
  overflow: hidden
}
.column-3blockB li:nth-of-type(3n) {
  margin-right: 0
}
.column-3blockB li a {
  color: #2d3030
}
.column-3blockB li a:hover {
  opacity: .7;
  text-decoration: none
}
.column-3blockB li .image {
  height: 18rem;
  overflow: hidden;
  margin: 0 0 1.75rem
}
.column-3blockB li .image img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.column-3blockB li .details {
  padding: 0 3rem 3.5rem
}
.column-3blockB li .details .name {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0 0 1.25rem
}
.column-3blockB li .details h2, .column-3blockB li .details h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 1.75rem
}
.column-3blockB li .details .text {
  font-size: 1.4rem;
  line-height: 1.75
}
.column-3blockB .interview {
	color: #03bfc8;
  font-size: 1.4rem;
  line-height: 1.75;
	text-align: right;
	padding: 0 3.5rem;
	margin: 2rem 0;
}
.column-3blockC {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
.column-3blockC li {
  width: calc((100% - 8rem) / 3);
  max-width: 360px;
  margin: 0 4rem 6rem 0;
  padding: 4.6rem 0 0
}
.column-3blockC li:nth-of-type(3n) {
  margin-right: 0
}
.column-3blockC li .inset {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5.4rem 3rem 4rem;
  height: 100%;
  border-radius: 2rem;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15))
}
.column-3blockC li .inset .icon {
  width: 12rem;
  height: 12rem;
  background: #fff;
  position: absolute;
  top: -4.6rem;
  left: calc(50% - 6rem);
  border-radius: 100%
}
.column-3blockC li .inset .icon img {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto
}
.column-3blockC li .inset h2, .column-3blockC li .inset h3 {
  text-align: center;
  color: #00bec8;
  font-size: 2.6rem;
  font-weight: 900;
  margin: 0 0 2rem
}
.column-3blockC li .inset p {
  font-size: 1.5rem;
  line-height: 1.75;
  word-wrap: break-word;
  line-break: normal
}
.column-3blockC li .inset p .sub {
  display: block;
  margin: 1rem 0 0
}
.column-4block {
	display: flex;
    flex-wrap: wrap
}
.column-4block li {
	width: calc((100% - 8rem)/4);
    background: #fff;
    max-width: 360px;
    padding: 2.4rem 1.2rem 3rem;
    margin: 0 2rem 2rem 0;
    border-radius: 2rem;
    filter: drop-shadow(0 3px 8px rgba(0,0,0,.15));
}
.column-4block li img {
  margin: 0 0 2.8rem
}
.column-4block li h3 {
  text-align: center;
  color: #00bec8;
  font-size: 2.6rem;
  font-weight: 900;
  margin: 0 0 2rem
}
.column-4block li p {
  font-size: 1.5rem;
  line-height: 1.75
}
.column-4block li:nth-of-type(4n) {
    margin-right: 0;
}
.border-block-list {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
.border-block-list li {
  margin: 0 2.4rem 0 0
}
.border-block-list li:last-of-type {
  margin-right: 0
}
.border-block-list li a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  color: #2d3030;
  height: 100%;
  border: 4px solid #00bec8;
  background: #fff;
  border-radius: 2.8rem;
  overflow: hidden;
  text-align: center
}
.border-block-list li a:hover {
  opacity: .5;
  text-decoration: none
}
.border-block-list li a .image {
  height: 12rem;
  overflow-y: hidden;
  background: #f0f4f4
}
.border-block-list li a .image:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 1rem
}
.border-block-list li a .image:after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 1rem
}
.border-block-list li a .detail {
  padding: 2.6rem 0 2.5rem
}
.border-block-list li a p {
  font-size: 1.5rem;
  margin: 0 0 1rem
}
.border-block-list li a h3 {
  font-size: 3rem;
  color: #00bec8;
  font-weight: 900
}
.border-block-list li a h3 span {
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
  margin: 1rem 0 0;
  min-height: 1em
}
.border-block-list li a .price {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1.5rem 0 0
}
.border-block-list li a .price:has(>span[data-tag="fee"]) {
  margin-bottom: -1rem;
}
.border-block-list li a .price span {
  font-size: 2.4rem;
  min-height: 1em
}
.border-block-list li a .price .annotation {
  display: block;
  text-align: center;
  font-size: 1.1rem;
  margin-top: .7rem;
  font-weight: 500
}
.border-block-list li a .button {
  font-size: 1.9rem;
  font-weight: 900;
  padding: 1.7rem 0;
  background: #00bec8;
  color: #fff
}
.border-block-list li a .button:after {
  content: url("../img/common/arrow03.svg");
  width: 1.1rem;
  position: absolute;
  top: 50%;
  right: 1.7rem;
  transform: translateY(-50%)
}
.border-block-list li.paperless .image:after {
  background: url("../img/home/badge02.webp");
  background-size: 100%;
  width: 6.4rem;
  height: 6.4rem
}
.border-block-list li.free10gb .image:before {
  background: url("../img/home/badge01.webp");
  background-size: 100%;
  width: 9.6rem;
  height: 6.6rem
}
.border-block-list li.one-million .image:before {
  background: url("../img/home/badge03.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem
}
.border-block-list li.expansion .image:before {
  background: url("../img/home/badge05.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem
}
.border-block-list li.new-func .image:before {
  background: url("../img/home/badge06.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem
}
.border-block-list li.cashless .image:after {
  background: url("../img/home/badge04.webp");
  background-size: 100%;
  width: 6.4rem;
  height: 6.4rem
}
.border-block-list li.preparation a {
  pointer-events: none;
  opacity: .5
}
.border-block-list li.preparation .image:before {
  background: url("../img/home/badge07.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem
}
.border-block-list li.moshimoshimonshin .image:before {
  background: url("../img/home/badge09.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem;
}
.hide-text .close {
  display: none;
}
dl.common-table {
  display: flex;
  flex-wrap: wrap
}
dl.common-table dt, dl.common-table dd {
  font-size: 1.5rem;
  border: 1px solid #dcdede;
  padding: 1.8rem 1.2rem;
  border-bottom: 0
}
dl.common-table dt:last-of-type, dl.common-table dd:last-of-type {
  border-bottom: 1px solid #dcdede
}
dl.common-table dt {
  display: flex;
  align-items: center;
  background: #f6f8f8;
  border-right: 0;
  width: 21%
}
dl.common-table dt h2 {
  font-size: 1.5rem
}
dl.common-table dd {
  width: 79%;
  line-height: 1.75
}
table.common-table {
  width: 100%
}
table.common-table th, table.common-table td {
  border: 1px solid #d6d8d8;
  padding: 2rem;
  text-align: center;
  vertical-align: middle
}
table.common-table th {
  background: #f8fafa
}
table.common-table2 {
  width: 100%
}
table.common-table2 th, table.common-table2 td {
  border: 1px solid #d6d8d8;
  padding: 2rem;
  text-align: center;
  vertical-align: middle
}
table.common-table2 td {
  line-height: 1.75
}
table.common-table2 .gray {
  background: #f8fafa
}
.normal-numbering li {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 2rem
}
.normal-numbering li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.normal-numbering li:nth-of-type(1):before {
  content: '1. '
}
.normal-numbering li:nth-of-type(2):before {
  content: '2. '
}
.normal-numbering li:nth-of-type(3):before {
  content: '3. '
}
.normal-numbering li:nth-of-type(4):before {
  content: '4. '
}
.normal-numbering li:nth-of-type(5):before {
  content: '5. '
}
.normal-numbering li:nth-of-type(6):before {
  content: '6. '
}
.normal-numbering li:nth-of-type(7):before {
  content: '7. '
}
.normal-numbering li:nth-of-type(8):before {
  content: '8. '
}
.normal-numbering li:nth-of-type(9):before {
  content: '9. '
}
.normal-numbering li:nth-of-type(10):before {
  content: '10. '
}
.normal-numbering .circle-numbering {
  margin-bottom: 3.2rem;
  width: 100%;
  padding-left: .5em
}
.normal-numbering .circle-numbering:last-of-type {
  margin-bottom: 0
}
.circle-numbering li {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 2rem
}
.circle-numbering li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.circle-numbering li:nth-of-type(1):before {
  content: '①'
}
.circle-numbering li:nth-of-type(2):before {
  content: '②'
}
.circle-numbering li:nth-of-type(3):before {
  content: '③'
}
.circle-numbering li:nth-of-type(4):before {
  content: '④'
}
.circle-numbering li:nth-of-type(5):before {
  content: '⑤'
}
.circle-numbering li:nth-of-type(6):before {
  content: '⑥'
}
.circle-numbering li:nth-of-type(7):before {
  content: '⑦'
}
.circle-numbering li:nth-of-type(8):before {
  content: '⑧'
}
.circle-numbering li:nth-of-type(9):before {
  content: '⑨'
}
.circle-numbering li:nth-of-type(10):before {
  content: '⑩'
}
.common-text-list > * {
  line-height: 1.75;
  font-size: 1.5rem
}
.common-text-list dt h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem
}
.common-text-list dd {
  margin-bottom: 5rem
}
.common-text-list dd.end p {
  margin-bottom: 3rem
}
.category-selector {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap
}
.category-selector li {
  margin: 0 1.6rem
}
.category-selector li span, .category-selector li a {
  text-decoration: none;
  color: #b4c0c0;
  display: block;
  font-weight: 700;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0 0 2rem
}
.category-selector li span.active, .category-selector li a.active {
  color: #2d3030
}
.category-selector li span.active:after, .category-selector li a.active:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #00bec8
}
.category-selector li span:hover, .category-selector li a:hover {
  color: #2d3030
}
.pagenation-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}
.pagenation-set .page-select {
  width: 100%;
  display: flex;
  justify-content: space-between
}
.pagenation-set .page-select a {
  padding: 1.6rem 2rem;
  border: 1px solid #d8dcdc;
  font-size: 1.4rem;
  border-radius: 20rem;
  color: #2d3030;
  display: inline-block
}
.pagenation-set .page-select a:hover {
  background: #00bec8;
  border-color: #00bec8;
  color: #fff;
  text-decoration: none
}
.pagenation-set .page-select .prev a {
  margin-right: 1.4rem
}
.pagenation-set .page-select .center {
  width: 100%;
  display: flex;
  justify-content: space-between
}
.pagenation-set .page-select .next a {
  margin-left: 1.4rem
}
.pagenation-set .pagenation {
  display: flex;
  justify-content: center;
  width: calc(100% - 190px * 2);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}
.pagenation-set .pagenation li {
  margin: 0 .7rem
}
.pagenation-set .pagenation li a {
  width: 4.8rem;
  height: 4.8rem;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8dcdc;
  border-radius: 100%;
  color: #2d3030
}
.pagenation-set .pagenation li a:hover, .pagenation-set .pagenation li a.active {
  background: #00bec8;
  border-color: #00bec8;
  color: #fff;
  text-decoration: none
}
.entry-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 4rem
}
.entry-detail .entry-categories li a {
  min-width: 12rem;
  padding: 1rem;
  text-align: center;
  background: #f4f6f6;
  border-radius: .4rem;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 1rem 0 0;
  color: #2d3030
}
.entry-detail .category {
  margin-bottom: 0 !important
}
.entry-detail .category a {
  font-size: 1.6rem;
  font-weight: 900
}
.entry-detail .category a:hover {
  color: #69d2d2
}
.entry-detail time {
  font-size: 1.6rem
}
.entry .eye-catch {
  margin-bottom: 6rem
}
.entry .eye-catch img {
  width: 100%
}
.entry p {
  line-height: 1.75;
  margin-bottom: 4rem
}
.entry p a{
	text-decoration: underline;
}
.entry h2, .entry h3, .entry h4 {
  line-height: 1.5;
  font-weight: 900
}
.entry h2 {
  font-size: 2.4rem;
  margin-bottom: 3rem
}
.entry h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem
}
.entry h4 {
  font-size: 1.8rem;
  margin-bottom: 1.5rem
}
.entry h5 {
  font-size: 1.6rem;
  margin-bottom: 1.25rem
}
.entry h6 {
  font-size: 1.5rem;
  margin-bottom: 1rem
}
.entry ul li {
  list-style: disc outside;
  margin-left: 1em;
  line-height: 1.75
}
.entry strong {
  font-weight: 900
}
.entry .text-center {
  text-align: center
}
.entry .text-underline {
  text-decoration: underline
}
.entry .column-devide {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 3rem 0 6rem
}
.entry .column-devide img {
  width: auto;
  object-fit: contain
}
.entry a {
  line-height: 1.75
}
.entry .suport-center {
  padding: 3rem 0 1rem;
  margin: 6rem 0 0;
  border-top: 1px solid #d8dcdc
}
.profile-js {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 6rem
}
.profile-js dt span {
  background: #00bec8;
  color: #fff;
  font-weight: 700;
  padding: 1.2rem 2rem;
  display: inline-block;
  border-radius: .8rem .8rem 0 0;
  font-size: 1.5rem
}
.profile-js dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: 2px solid #00bec8;
  padding: 2.8rem 2.8rem 2.5rem
}
.profile-js dd .image {
  width: 12rem;
  height: 12rem;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 3rem 0 0
}
.profile-js dd .detail {
  width: calc(100% - 12rem - 3rem)
}
.profile-js dd .detail .name {
  font-weight: 900;
  margin: 0 0 1rem !important;
  line-height: 1 !important
}
.profile-js dd .detail .text {
  line-height: 1.75;
  margin: 0 0 0 0 !important;
  font-size: 1.5rem !important
}
ul.disc-list li {
  list-style: disc outside;
  margin-left: 1em;
  line-height: 1.75
}
.annotation-list li {
  padding-left: 2em
}
.annotation-list li:before {
  display: inline-block;
  position: absolute;
  left: 0
}
.annotation-list li:nth-child(1)::before {
  content: "※1"
}
.annotation-list li:nth-child(2)::before {
  content: "※2"
}
.annotation-list li:nth-child(3)::before {
  content: "※3"
}
.annotation-list li:nth-child(4)::before {
  content: "※4"
}
.annotation-list li:nth-child(5)::before {
  content: "※5"
}
.annotation-list li:nth-child(6)::before {
  content: "※6"
}
.annotation-list li:nth-child(7)::before {
  content: "※7"
}
.annotation-list li:nth-child(8)::before {
  content: "※8"
}
.annotation-list li:nth-child(9)::before {
  content: "※9"
}
.annotation-list li:nth-child(10)::before {
  content: "※10"
}
.annotation-list li:nth-child(11)::before {
  content: "※11"
}
.annotation-list li:nth-child(12)::before {
  content: "※12"
}
.annotation-list li:nth-child(13)::before {
  content: "※13"
}
.annotation-list li:nth-child(14)::before {
  content: "※14"
}
.annotation-list li:nth-child(15)::before {
  content: "※15"
}
.annotation-list li:nth-child(16)::before {
  content: "※16"
}
.annotation-list li:nth-child(17)::before {
  content: "※17"
}
.annotation-list li:nth-child(18)::before {
  content: "※18"
}
.annotation-list li:nth-child(19)::before {
  content: "※19"
}
.annotation-list li:nth-child(20)::before {
  content: "※20"
}
.notes li {
  color: #ff0000;
  padding-left: 1.2em;
}
.notes li:before {
  content: '◎';
  position: absolute;
  top: 0;
  left: 0;
}
#home #main-visual {
  z-index: 1;
}
#home #main-visual > .inner {
  display: flex;
  justify-content: space-between;
	align-items: flex-start;
  max-width: none
}
#home #main-visual > .inner .text-area {
  width: calc(100% - 57.14%);
  padding: 2.976vw 0 0 6.845vw;
}
#home #main-visual > .inner .text-area .title-set {
  width: 100%
}
#home #main-visual > .inner .text-area .title-set .inner {
  width: 100%;
  margin: 0 0 1.904vw;
}
#home #main-visual > .inner .text-area .title-set .inner h1 {
  font-size: 3.57vw;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  letter-spacing: .3em
}
#home #main-visual > .inner .text-area .title-set .inner .illust {
  width: 14.76vw;
  position: absolute;
  top: 6vw;
  left: 16.904vw;
}
#home #main-visual > .inner .text-area .text {
  font-size: 1.0714vw;
	line-height: 1.7;
  margin: 0 0 1.5vw;
  text-decoration: underline;
}
#home #main-visual > .inner .text-area .news-area {
  margin: 0 0 1.5vw;
}
#home #main-visual > .inner .text-area .news-area h2{
  margin: 0 0 .5vw;
}
#home #main-visual > .inner .text-area .news-area ul li{
	font-size: 1.6rem;
	font-weight: 400;
    letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding-left: 1.6rem;
}
#home #main-visual > .inner .text-area .news-area ul li:before{
	content: '';
	width: 7px;
	height: 7px;
	border: 0;
	border-top: solid 2px #00bfc8;
	border-right: solid 2px #00bfc8;
	transform: rotate(45deg);
	position: absolute;
	top: 1px;
	left: 0;
	bottom: 0;
	margin: auto;
}
#home #main-visual > .inner .text-area .news-area ul li span{
	margin-right: 1rem;
}
#home #main-visual > .inner .text-area .news-area ul li a{
	color: #00bfc8;
    font-weight: 500;
}
#home #main-visual > .inner .text-area .news-area ul li a:hover{
	text-decoration: underline;
}
#home #main-visual > .inner .trial-link{
	display: inline-block;
	padding: 0 0 1rem;
	margin: 0 0 3rem;
}
#home #main-visual > .inner .trial-link:hover::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: .1em;
	background: linear-gradient(135deg, #00bec8 0%, #FF9601 100%) border-box border-box;
	opacity: 0;
	animation: fadeIn 400ms ease-out forwards;
	}
@keyframes fadeIn {
	100% {
		opacity: 1;
		}
	}
#home #main-visual > .inner .trial-link span{
	background: linear-gradient(135deg, #00bec8 0%, #FF9601 100%) border-box border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 2rem;
	font-weight: 700;
    letter-spacing: 2px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 32px;
}
#home #main-visual > .inner .trial-link span::before{
	background: #fff;
	width: 22px;
	height: 22px;
	border:2px solid #00bec8;
	border-radius: 50%;
}
#home #main-visual > .inner .trial-link span::after{
	left: 7px!important;
	width: 6px;
	height: 6px;
	border-top: 2px solid #00bec8;
	border-right: 2px solid #00bec8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#home #main-visual > .inner .trial-link span::before,
#home #main-visual > .inner .trial-link span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;}
#home #main-visual > .inner .image-area {
  width: 57.14%;
  overflow: hidden;
  border-radius: 11.904vw 0 0 11.904vw;
}
#home #main-visual > .inner .contact-button {
	width: calc(50% - 1rem);
	padding: 1.3vw 4vw 1.3vw;
	font-size: 1vw;
	margin: 0 1rem 0 0;
	  
}
#home #main-visual > .inner .contact-button:last-of-type{
	margin: 0;
}
#home #main-visual > .inner .contact-button:after {
  height: 0.7738vw;
  width: 0.5357vw;
  right: 1.1904vw
}
#home #main-visual > .inner .contact-button.free-trial{
	width:100%;
	margin: 0 0 2rem 0;
}
#home #main-visual > .inner .contact-button.free-trial::before{
	width: 80rem;
}
.contact-button.free-trial span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-trial.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 1;
	width:20px;
	height:20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 20px;
}
.contact-button.free-trial:hover span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-trial-hover.webp');
}
.contact-button.dl span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-download.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 1;
	width:20px;
	height:20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 20px;
}
.contact-button.dl:hover span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-download-hover.webp');
}
.contact-button.ctc span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-contact.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	z-index: 1;
	width:20px;
	height:20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 20px;
}
.contact-button.ctc:hover span.ico{
	background-image:url('/wp-content/themes/Apotool/assets/img/common/ico-contact-hover.webp');
}
#home #main-visual .group {
  display: flex;
  flex-direction: column;
}
#home #main-visual #achievements {
  padding: 4.2rem 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
#home #main-visual #achievements h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 2rem;
  display: inline-block;
  letter-spacing: .1em;
}
#home #main-visual #achievements h2:before, #home #main-visual #achievements h2:after {
  content: '';
  background: #2d3030;
  width: 1px;
  height: 2em;
  display: block;
  position: absolute;
  top: 60%
}
#home #main-visual #achievements h2:before {
  transform: translateY(-50%) rotateZ(-24.5deg);
  left: -1.2rem
}
#home #main-visual #achievements h2:after {
  transform: translateY(-50%) rotateZ(24.5deg);
  right: -1.2rem
}
#home #main-visual #achievements ul {
  max-width:840px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 2rem;
}
#home #main-visual #achievements ul:before,#home #main-visual #achievements ul:after{
  content: '';
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
}
 #home #main-visual #achievements ul:before {
  background-image: url(/wp-content/themes/Apotool/assets/img/home/latest-illust01.webp);
  width:190px;
  height:250px;
  left:-40px;
 }	
 #home #main-visual #achievements ul:after {
  background-image: url(/wp-content/themes/Apotool/assets/img/home/latest-illust02.webp);
  width:102px;
  height:250px;
  right:40px;	 
 }	
#home #main-visual #achievements ul li {
  margin: 0 .5rem;
}	
#home #main-visual #achievements ul li {
  width:33.3333%;  
  margin: 0 1rem;
}
 #home #main-visual #achievements ul li h3{
  font-size: 1.6rem;
  line-height: 1.2;
}
#home #main-visual #achievements ul li h3 span{
  color: #FF8A00;  
  font-size: 7rem;
}	
#home #main-visual #achievements ul li:first-of-type {
  width:100%;
  text-align: center;
  padding: 1rem 1rem 3rem;  
  margin: 0;
}
#home #main-visual #achievements ul li:first-of-type h3{
  font-size: 1.6rem;	
}	
#home #main-visual #achievements p {
  width: 100%;
  max-width: 84rem;
  font-size: 1rem;
  padding: 1rem 0 0;
  text-align: center;
}
#home #main-visual #latest-subscriptions {
  padding: 4.2rem 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
#home #main-visual #latest-subscriptions h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 2rem;
  display: inline-block;
  letter-spacing: .1em;
  line-height:1.2;
}
#home #main-visual #latest-subscriptions h2:before, #home #main-visual #latest-subscriptions h2:after {
  content: '';
  background: #2d3030;
  width: 1px;
  height: 2em;
  display: block;
  position: absolute;
  top: 60%;
}
#home #main-visual #latest-subscriptions h2:before {
  transform: translateY(-50%) rotateZ(-24.5deg);
  left: -1.2rem;
}
#home #main-visual #latest-subscriptions h2:after {
  transform: translateY(-50%) rotateZ(24.5deg);
  right: -1.2rem;
}
#home #main-visual #latest-subscriptions h2 span{
	font-size: 1.4rem;
}
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
#home #main-visual #latest-subscriptions .scroll-infinity{
	background-image: linear-gradient(to right, #d16ba5, #e66694, #f6647e, #fe6965, #ff7348, #f68a31, #cfd61b, #7af00a, #aad04f, #84e287, #64f1c0, #5ffbf1);
	padding: .25rem 0;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__list--left {
  animation: infinity-scroll-left 200s infinite linear 0s both;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item--text { 
	width: calc(100vw / 3.25);
	color: #fff;
	font-size: 1.15rem;
	text-align: center;
	padding: 1rem 0;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item--text:nth-child(even):before{
	content: '';
	background-image:url('/wp-content/themes/Apotool/assets/img/home/latest-icon01.webp');
	background-size: contain;
    vertical-align: middle;
	width: 20px;
    height: 20px;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item--text:nth-child(odd):before{
	content: '';
	background-image:url('/wp-content/themes/Apotool/assets/img/home/latest-icon02.webp');
	background-size: contain;
    vertical-align: middle;
	width: 20px;
    height: 20px;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
}
#home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item>span {
  width: 100%;
}
#home #main-visual #video {
  position: absolute;
  bottom: -2.4rem;
  right: 1.6rem;
  width: 40rem;
  height: calc(40rem * .58);
  padding: .8rem;
  background: #2d3030;
  border-radius: .8rem;
  z-index: 1
}
#home #main-visual #video iframe {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: .8rem
}
#home #main-visual #latest-news {
  background: #00bec8;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.8rem 0 2rem;
  z-index: 0
}
#home #main-visual #latest-news p a {
  font-size: 2.2rem;
  color: #fff;
  text-decoration: underline
}
#home #main-visual #latest-news p a:hover {
  text-decoration: none
}
#home #main-visual #latest-news p:after {
  content: url("../img/common/arrow03.svg");
  width: 1.2rem;
  display: inline-block;
  margin: 0 0 0 1rem;
  top: 2px
}
#home .main-area #sectionIntro {
  background: #00bec8;
}
#home .main-area #sectionIntro .inner{
	max-width: none;
	
}
#home .main-area #sectionIntro .section-title h2 span{
	color:#fff;
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #sectionIntro .inner .contents-block a:hover{
	text-decoration: none;
}
#home .main-area #sectionIntro .inner .contents-block{
	width: 100vw;
	overflow: hidden;
	display: flex;
	column-gap: 1rem;
}
#home .main-area #sectionIntro .inner .contents-block ul{
	display: flex;
    align-items: stretch;
	justify-content: space-around;
	column-gap: 1rem;
	row-gap: 1rem;
}
#home .main-area #sectionIntro .inner .contents-block ul:first-child{
	animation: slide1 150s -75s linear infinite;
	padding-left: 1rem;
}
#home .main-area #sectionIntro .inner .contents-block ul:last-child{
	animation: slide2 150s linear infinite;
	padding-right: 1rem;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
#home .main-area #sectionIntro .inner .contents-block ul li{
	width: 24rem;
	background: #fff;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    margin: 0;
    position: relative;
}
#home .main-area #sectionIntro .inner .contents-block ul li span{
	background: #ff9600;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 4px;
    display: inline-block;
	position: absolute;
	top:1rem;
	left: 0;
	padding: .5rem 1rem;
	margin: 0 0 .5rem;
}
#home .main-area #sectionIntro .inner .contents-block ul li .image img{
	width: 220px;
	max-width: 100%;
	height: 140px;
	object-fit: cover;
}
#home .main-area #sectionIntro .inner .contents-block ul li .details{
	width: 100%;
	padding:1rem 0;
	position: relative;
}
#home .main-area #sectionIntro .inner .contents-block ul li .details h3{
	color: #2d3030;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align:center;
	margin:2.5rem 0 0 0;
}
#home .main-area #section01 {
  padding: 8rem 0 6rem;
}
#home .main-area #section01 .inner {
	max-width: 1160px;
	display: flex;
	align-items: center;
	gap:2rem;
	margin: 0 auto;
}
#home .main-area #section01 .inner .section-title {
	width:45%;
	margin-bottom: 3rem;
}
#home .main-area #section01 .inner .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
	text-align: left;
}
#home .main-area #section01 .inner .section-title .sub{
	text-align: left;
}
#home .main-area #section01 .inner figure{
	width:55%;
}
#home .main-area #section01 .inner .problems #problems {
  width: 100%
}
#home .main-area #section01 .inner .problems #problems .slick-slide {
  padding: 2.380vw 0.83333vw;
  margin: 1vw 0 0;
  filter: drop-shadow(0 0.25vw 0.5vw rgba(0, 0, 0, 0.16))
}
#home .main-area #section01 .inner .problems #problems .slick-slide:before {
  content: '';
  background: #fff;
  display: block;
  width: 6.5476vw;
  height: 6.5476vw;
  border-radius: 20rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0
}
#home .main-area #section01 .inner .problems #problems .slick-slide span {
  width: 2.9166vw;
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 1vw;
  transform: translateX(-50%)
}
#home .main-area #section01 .inner .problems #problems .slick-slide span img {
  z-index: 1;
  position: relative
}
#home .main-area #section01 .inner .problems #problems .slick-slide h3 {
  background: #fff;
  display: block;
  z-index: 1;
  padding: 2.6785vw 1.1904vw 1.488vw;
  font-size: 1.3vw;
  line-height: 1.73;
  font-weight: 900;
  text-align: center;
  font-feature-settings: normal
}
#home .main-area #section01 .inner .problems:after {
  content: '';
  display: block;
  background: url("../img/home/problem-large-arrow.webp") no-repeat center;
  width: 56.7rem;
  height: 11.9rem;
  position: relative;
  margin: 0 auto 2.5rem
}
#home .main-area #section01 .inner .features {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
}
#home .main-area #section01 .inner .features > div {
  display: flex;
  align-items: stretch;
  justify-content: center
}
#home .main-area #section01 .inner .features > div:nth-of-type(even) {
  flex-direction: row-reverse
}
#home .main-area #section01 .inner .features > div picture {
  width: 58rem
}
#home .main-area #section01 .inner .features > div > div {
  width: 58rem;
  padding: 6rem 0 2rem;
  background: #00bec8;
  text-align: center
}
#home .main-area #section01 .inner .features > div > div .icon {
  margin: 0 0 1.5rem;
  display: block
}
#home .main-area #section01 .inner .features > div > div .icon img {
  width: 9.2rem;
  display: inline-block;
  margin: 0 .4rem
}
#home .main-area #section01 .inner .features > div > div h3 {
  color: #fff;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.425;
  margin: 0 0 2rem
}
#home .main-area #section01 .inner .features > div > div p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.75
}
#home .main-area #section02 {
  padding: 5.8rem 0 8rem;
  background: #fffaf5
}
#home .main-area #section02 .inner .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section02 .inner .contents-block picture {
  width: 80.9rem;
  margin: 0 auto 2.5rem
}
#home .main-area #section02 .inner .contents-block ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: hidden
}
#home .main-area #section02 .inner .contents-block ul li {
  width: 25%;
  max-width: 24.8rem
}
#home .main-area #section02 .inner .contents-block ul li:after {
  content: url("../img/home/deviding-line.svg");
  position: absolute;
  width: 1.3rem;
  bottom: 50%;
  right: -4rem;
  z-index: 0;
  transform: translateY(50%)
}
#home .main-area #section02 .inner .contents-block ul li:last-of-type:after {
  display: none
}
#home .main-area #section02 .inner .contents-block ul li > div .image {
  width: 100%;
  height: 24rem;
  margin: 0 0 2rem
}
#home .main-area #section02 .inner .contents-block ul li > div .image img {
  width: 21.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#home .main-area #section02 .inner .contents-block ul li > div h3 {
  font-size: 3.2rem;
  font-weight: 900;
  color: #00bec8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 2.5rem
}
#home .main-area #section02 .inner .contents-block ul li > div h3:before {
  width: 4rem;
  display: inline-block;
  margin: 0 .7rem 0 0;
  position: relative;
  top: 4px
}
#home .main-area #section02 .inner .contents-block ul li > div p {
  font-size: 1.5rem;
  line-height: 1.73;
  padding: 0 0 1.5rem
}
#home .main-area #section02 .inner .contents-block ul li:nth-of-type(1) h3:before {
  content: url("../img/home/numbering01.svg")
}
#home .main-area #section02 .inner .contents-block ul li:nth-of-type(2) h3:before {
  content: url("../img/home/numbering02.svg")
}
#home .main-area #section02 .inner .contents-block ul li:nth-of-type(3) h3:before {
  content: url("../img/home/numbering03.svg")
}
#home .main-area #section02 .inner .contents-block ul li:nth-of-type(4) h3:before {
  content: url("../img/home/numbering04.svg")
}
#home .main-area #section03 {
  padding: 8rem 0;
}
#home .main-area #section03 .inner .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section03 .inner .contents-block {
  display: flex;
}
#home .main-area #section03 .inner .contents-block .ab-main{
	width: 50%;
	padding: 1.5rem;
}
#home .main-area #section03 .inner .contents-block .ab-main figure{
	padding: 1rem;
}
#home .main-area #section03 .inner .contents-block .ab-main .title-area{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#home .main-area #section03 .inner .contents-block .ab-main .title-area h3{
	font-size: 2.4rem;
	margin: 2rem 0;
}
#home .main-area #section03 .inner .contents-block .ab-main .title-area p.sub{
	font-size: 2rem;
	font-weight: 700;
}
#home .main-area #section03 .inner .contents-block .option{
	width: 50%;
	display: flex;
	flex-direction: column-reverse;
	padding: 1rem;
}
#home .main-area #section03 .inner .contents-block .option:before {
	content: "+";
	display: block;
	font-size: 6rem;
	font-weight: 700;
	position: absolute;
	top: 32.5%;
	left: -4rem;
	z-index: 1;
}
#home .main-area #section03 .inner .contents-block .option span{
	background: #ff9600;
	color:#fff;
	font-size: 1.2rem;
	border-radius: 4px;
	padding: 0.5rem 1rem;
	display: inline-block;
	position: absolute;
	top: .5rem;
    left: .75rem;
	z-index: 1;
}
#home .main-area #section03 .inner .contents-block .option .title-area{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#home .main-area #section03 .inner .contents-block .option .title-area h3{
	font-size: 2.4rem;
	margin: 2rem 0;
}
#home .main-area #section03 .inner .contents-block .option .title-area p.notes{
	font-size: 1.4rem;
}
#home .main-area #section03 .inner .contents-block .option ul{
	gap: 1rem;
}
#home .main-area #section03 .inner .contents-block .option ul li{
	width: 16rem;
	min-height: 18rem;
	background: #fff;
	border: 4px solid #00bec8;
    border-radius: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
    align-items: center;
    padding: 1.5rem 1rem 1rem;
	margin:0;
	position: relative;
}
#home .main-area #section03 .inner .contents-block .option ul li .image{
	max-width: 8rem;
}
#home .main-area #section03 .inner .contents-block .option ul li.monshin img.logo-image{
	max-height: 60px;
    width: auto;
}
#home .main-area #section03 .inner .contents-block .option ul li.sugoiuketsukesan img.logo-image{
	max-height: 50px;
    width: auto;
}
#home .main-area #section03 .inner .contents-block .option ul li h4{
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 1rem 0 .5rem;
}
#home .main-area #section04 {
	background: #f5f5f5;
	padding: 8rem 0;
}
#home .main-area #section04 .inner .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section04 .inner .contents-block {
	display: flex;
	padding: 0 0 4rem;
}
#home .main-area #section04 .inner .contents-block ul{
	width:100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#home .main-area #section04 .inner .contents-block li {
	width: calc(20% - 2rem);
	border-radius: 4rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4rem;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15));
}
#home .main-area #section04 .inner .contents-block li .image img{
	background: #f0f2f1;
	width: 100%;
    height: 160px;
    object-fit: contain;
}

#home .main-area #section04 .inner .contents-block li .block{
	padding:1rem 0 2rem;
}
#home .main-area #section04 .inner .contents-block li .block h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin: .5rem 0;
}
#home .main-area #section04 .inner .contents-block:last-of-type{
	flex-direction: column;
    align-items: center;
	padding: 0;
}
#home .main-area #section04 .inner .contents-block:last-of-type p.sub{
	font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;
}
#home .main-area #section04 .inner .contents-block:last-of-type p{
	font-size: 1.5rem;
    line-height: 1.73;
    padding: 0 0 1.5rem;
}
#home .main-area #section04 .inner .contents-block:last-of-type .btn-area{
	display: flex;
    justify-content: center;
	margin: 4rem 0;
}
#home .main-area #section04 .inner .contents-block:last-of-type .btn-area a{
	background: #ff9600;
    border: #ff9600 solid 2px;
    padding: 1.6rem 4.6rem 1.8rem;
}
#home .main-area #section04 .inner .contents-block:last-of-type .btn-area a:hover span{
	color:#ff9600;
}
#home .main-area #section04 .inner .contents-block:last-of-type .btn-area a:after{
	right:2rem;
}
#home .main-area #section04 .inner .contents-block:last-of-type .btn-area a:hover:after{
	background: #ff9600;
}
#home .main-area #section05 {
	background:#fcfcfc;
	padding: 8rem 0;
}
#home .main-area #section05 .inner .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section05 .inner .contents-block {
  display: flex;
}
#home .main-area #section05 .inner .contents-block .option{
	padding: 1rem;
}
#home .main-area #section05 .inner .contents-block .option span{
	background: #ff9600;
	color:#fff;
	font-size: 1.2rem;
	border-radius: 4px;
	padding: 0.5rem 1rem;
	display: inline-block;
	position: absolute;
	top: -.5rem;
    left: 0;
	z-index: 1;
}
#home .main-area #section05 .inner .contents-block .option .title-area{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#home .main-area #section05 .inner .contents-block .option .title-area h3{
	font-size: 2.4rem;
	margin: 2rem 0;
}
#home .main-area #section05 .inner .contents-block .option .title-area p.notes{
	font-size: 1.4rem;
}
#home .main-area #section05 .inner .contents-block .option ul{
	justify-content: center;
	gap: 1rem;
	margin: 0 0 6rem 0;
}
#home .main-area #section05 .inner .contents-block .option ul li{
	width: 18rem;
	min-height: 18rem;
	background: #fff;
	border: 4px solid #00bec8;
    border-radius: 2rem;
    padding: 1.5rem 1rem 1rem;
	margin:0;
	position: relative;
}
#home .main-area #section05 .inner .contents-block .option ul li a{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
    align-items: center;
	border:none;
	overflow: visible;
}
#home .main-area #section05 .inner .contents-block .option ul li .image{
	max-width: 8rem;
	background: none;
    height: auto;
}
#home .main-area #section05 .inner .contents-block .option ul li.cardapp:after{
	content: '';
	background-image: url('/wp-content/themes/Apotool/assets/img/home/system-icon05-badge.webp');
	background-size: contain;
	display: inline-block;
	position: absolute;
	width: 65px;
	height: 65px;
	top: -1.5rem;
    right: -1.5rem;
	z-index: 1;
}
#home .main-area #section05 .inner .contents-block .option ul li.sugoiuketsukesan img.logo-image{
	max-height: 60px;
    width: auto;
}
#home .main-area #section05 .inner .contents-block .option ul li.monshin img.logo-image{
	max-height: 50px;
    width: auto;
}
#home .main-area #section05 .inner .contents-block .option ul li h4{
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 1rem 0 .5rem;
}
#home .main-area #section05 .inner .contents-block .option ul li p.notes{
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -1px;
}
#home .main-area #section05 .inner .contents-block:last-of-type{
	flex-direction: column;
    align-items: center;
}
#home .main-area #section05 .inner .contents-block:last-of-type p.sub{
	font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;
}
#home .main-area #section05 .inner .contents-block:last-of-type p{
	font-size: 1.5rem;
    line-height: 1.73;
    padding: 0 0 1.5rem;
}
#home .main-area #section06 {
  padding: 6rem 0;
}
#home .main-area #section06 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section06 .inner {
  width: 100%;
  max-width: none;
}
#home .main-area #section06 .inner .contents-block .plan-list {
  max-width: 1160px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto 5rem;
}
#home .main-area #section06 .inner .contents-block .plan-list > li {
  width: calc((100% - 5rem) / 3);
  padding: 3rem 0 0;
}
#home .main-area #section06 .inner .contents-block .plan-list > li:first-child {
	display: none;
	position: absolute;
	left: -2.5rem;
	transform: translateX(-100%);
	opacity: .15;
}
#home .main-area #section06 .inner .contents-block .plan-list > li:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 90%);
  z-index: 5;
}
#home .main-area #section06 .inner .contents-block .plan-list > li:last-child {
	display: none;
	position: absolute;
	right: -2.5rem;
	transform: translateX(100%);
	opacity: .15;
}
#home .main-area #section06 .inner .contents-block .plan-list > li:last-child:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 90%);
  z-index: 5;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main {
  margin: 0 0 .8rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head {
  background: #b4bebe;
  border-radius: 3rem 3rem 0 0;
  color: #fff;
  padding: 2.45rem 0 1rem;
  text-align: center;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head:before {
  content: '●';
  position: absolute;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.8rem;
  background: #b4bebe;
  width: 8.8rem;
  height: 8.8rem;
  top: -3rem;
  padding: 3rem 0 0;
  box-sizing: border-box;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head h2 {
  margin: 0 0 1rem;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.35;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head h2 span {
  font-size: 3.2rem;
  font-weight: 900;
  display: inline-block
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head h2 span:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: relative;
  bottom: -2px
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .head p {
  font-weight: 700
}
#home .main-area #section06 .inner .contents-block .plan-list > li .main .list-block {
  border: solid #b4bebe;
  border-width: 0 4px 4px;
  border-radius: 0 0 3rem 3rem;
  padding: 2.5rem 2.8rem 5.3rem;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more {
  border: 4px solid #b4bebe;
  border-radius: 3rem;
  padding: 5rem 2.8rem 2.8rem;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more:before {
  content: url("../img/plan/icon-more.svg");
  position: absolute;
  display: block;
  width: 4.4rem;
  top: -4.5rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  background: #b4bebe;
  padding: 1.4rem 1.4rem 1.3rem;
  border-radius: 100%;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more ul li p {
  font-weight: 700;
  margin-top: .8rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt {
  font-size: 1.5rem;
  margin-right: .8rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt br {
  display: none;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd {
  font-size: 1.4rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd span {
  font-size: 2.6rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block p span{
	color: #fff;
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 8px;
	padding: .5rem 1rem;
    margin: .5rem 0;
}
#home .main-area #section06 .inner .contents-block .plan-list > li.basic .list-block p span{
	background: #b4bebe;
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .list-block p span{
	background: #ff9600;
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .list-block p span{
	background: #00bec8;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul:first-of-type li{
	border-bottom: 1px solid #b4b9b9!important;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li {
  border-bottom: 1px dotted #b4b9b9;
  padding: 0 0 1.2rem 3.2rem;
  margin: 0 0 1rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li:last-of-type, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li:last-of-type {
  border-bottom: 0;
  margin-bottom: .5rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li:before {
  content: "";
  flex-shrink: 0;
  background-color: #b4b9b9;
  display: inline-block;
  height: 1.8rem;
  width: 2.4rem;
  -webkit-mask: url("../img/common/icon-check02.svg");
  mask: url("../img/common/icon-check02.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: .5rem;
  left: 0;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li.unactive h3, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li.unactive h3 {
  color: #b4b9b9
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li.unactive:before, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li.unactive:before {
  display: none
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3 .price, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 .price {
  position: absolute;
  right: 0;
  top: .3rem;
  font-size: 1.8rem;
  line-height: 1;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3 .price:after, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 .price:after {
  content: '円';
  font-size: 1.2rem;
  margin-left: .1em;
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.primary {
  font-size: 1.8rem;
  margin-bottom: .6rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary {
  font-size: 1.4rem;
  margin-bottom: .7rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
  content: '-';
  display: inline-block;
  margin: 0 .7rem
}
#home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:last-of-type, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li h3.secondary:last-of-type {
  margin-bottom: 0
}
#home .main-area #section06 .inner .contents-block .plan-list > li dl.price {
  display: flex;
  justify-content: flex-end;
  align-items: center
}
#home .main-area #section06 .inner .contents-block .plan-list > li dl.price dt {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 1rem;
  background: #b4bebe;
  border-radius: 10rem;
  padding: .5rem 1rem .65rem;
  top: 2px
}
#home .main-area #section06 .inner .contents-block .plan-list > li dl.price dd span {
  font-size: 3.2rem;
  font-weight: 700
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .head {
  background: #ff9600
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .head:before {
  background: #ff9600
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .head img{
	width: 90px;
    height: auto;
    position: absolute;
    right: -20px;
    top: -30px;
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .list-block, #home .main-area #section06 .inner .contents-block .plan-list > li.cashless .more {
  border-color: #ff9600
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .list-block ul li:before, #home .main-area #section06 .inner .contents-block .plan-list > li.cashless .more ul li:before {
  background-color: #ff9600
}
#home .main-area #section06 .inner .contents-block .plan-list > li.cashless .more:before, #home .main-area #section06 .inner .contents-block .plan-list > li.cashless dl.price dt {
  background: #ff9600
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .head {
  background: #00bec8
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .head:before {
  background: #00bec8
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .list-block, #home .main-area #section06 .inner .contents-block .plan-list > li.paperless .more {
  border-color: #00bec8
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .list-block ul li:before, #home .main-area #section06 .inner .contents-block .plan-list > li.paperless .more ul li:before {
  background-color: #00bec8
}
#home .main-area #section06 .inner .contents-block .plan-list > li.paperless .more:before, #home .main-area #section06 .inner .contents-block .plan-list > li.paperless dl.price dt {
  background: #00bec8
}
#home .main-area #section06 .inner .contents-block .contact-block {
  background: #f6f8f8;
}
#home .main-area #section06 .inner .contents-block .contact-block .inner {
  max-width: 1160px;
  padding: 6rem 0;
  margin: 0 auto 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#home .main-area #section06 .inner .contents-block .contact-block .inner:after {
  content: '';
  background: url("../img/plan/contact-illust01.webp") no-repeat;
  background-size: cover;
  display: block;
  width: 200px;
  height: 230px;
  position: absolute;
  bottom: 0;
  right: 12.8rem;
}
#home .main-area #section06 .inner .contents-block .contact-block h4 {
  font-size: 4rem;
  font-weight: 900;
  margin-bottom: 3rem
}
#home .main-area #section06 .inner .contents-block .contact-block p {
  margin-bottom: 2.6rem;
  line-height: 1.5;
}
#home .main-area #section06 .inner .contents-block .contact-block p br {
  display: none;
}
#home .main-area #section06 .inner .contents-block .contact-block .contact-button {
  padding: 2.5rem 7.5rem;
  font-size: 2.1rem
}
#home .main-area #section06 .inner .contents-block .contact-block .contact-button:after {
  right: 2.5rem;
  width: 1.2rem;
  height: 1.8rem
}
#home .main-area #section06 .inner .contents-block .annotation {
  max-width: 1160px;
  margin: 0 auto;
}
#home .main-area #section06 .inner .contents-block .annotation li {
  padding-left: 1.4em;
  font-size: 1.4rem;
  line-height: 1.75
}
#home .main-area #section06 .inner .contents-block .annotation li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
#home .main-area #section06 .inner .btn-area{
	display: flex;
    justify-content: center;
	margin: 4rem 0;
}
#home .main-area #section06 .inner .btn-area a{
	background: #ff9600;
	max-width: 32rem;
    border: #ff9600 solid 2px;
    padding: 1.6rem 4.6rem 1.8rem;
}
#home .main-area #section06 .inner .btn-area a:hover span{
	color:#ff9600;
}
#home .main-area #section06 .inner .btn-area a:after{
	right:2rem;
}
#home .main-area #section06 .inner .btn-area a:hover:after{
	background: #ff9600;
}
#home .main-area #section07{
	background: #f1f1f1;
	padding: 6rem 0;
}
#home .main-area #section07 .inner{
	background: none;
    border-radius: 0;
    padding: 2rem 0;
}
#home .main-area #section07 .inner:before,
#home .main-area #section07 .inner:after{
	display:none;
}
#home .main-area #section08 {
  padding: 8rem 0;
  background: #f8fafa;
}
#home .main-area #section08 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section08 .inner .contents-block ul {
  display: flex;
  justify-content: space-between
}
#home .main-area #section08 .inner .contents-block ul li {
  max-width: 34.4rem;
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center
}
#home .main-area #section08 .inner .contents-block ul li:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #d3d4d4;
  position: absolute;
  top: 0;
  right: -3.2rem
}
#home .main-area #section08 .inner .contents-block ul li:last-of-type:after {
  display: none
}
#home .main-area #section08 .inner .contents-block ul li .image {
  width: 100%;
  height: 25rem;
  margin: 1rem 0 3rem;
  overflow: hidden
}
#home .main-area #section08 .inner .contents-block ul li .image img {
  width: 29.1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#home .main-area #section08 .inner .contents-block ul li h3 {
  font-size: 2.8rem;
  font-weight: 900;
  text-align: center;
  margin: 0 0 2rem
}
#home .main-area #section08 .inner .contents-block ul li p {
  font-size: 1.5rem;
  line-height: 1.73;
  margin: 0 0 2.5rem
}
#home .main-area #section08 .inner .contents-block ul li .contact-button {
  width: 100%;
  max-width: 22rem;
  text-align: center
}
#home .main-area #section08 .inner .contents-block ul li .contact-button:after {
  background-color: #00bec8;
  height: 1.35rem;
  width: .9rem;
  right: 2rem;
  top: 50%
}
#home .main-area #section08 .inner .contents-block ul li .contact-button:hover:after {
  background-color: #fff
}
#home .main-area #section09 {
  padding: 8rem 0;
  background: #00bec8;
}
#home .main-area #section09 .section-title h2{
	align-items: flex-start;
	text-align: left;
}
#home .main-area #section09 .section-title h2 span{
	color:#fff;
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section09 .section-title p{
	color:#fff;
	font-size: 1.5rem;
    line-height: 1.73;
	text-align: left;
    padding: 0 0 1.5rem;
}
#home .main-area #section09 .inner {
	max-width: 1160px;
    margin: 0 auto;
}
#home .main-area #section09 .inner .contents-block{
	display: flex;
	justify-content: space-between;
	gap:2rem;
	margin: 0 0 3rem;
}
#home .main-area #section09 .inner .contents-block .section-title{
	width:50%;
}
#home .main-area #section09 .inner .contents-block .image-area{
	width:50%;
	display: flex;
	align-items: center;
	gap:1.6rem;
}
#home .main-area #section09 .inner .contents-block .image-area img{
	max-width: 50%;
    height: auto;
}
#home .main-area #section09 .inner .contents-block:nth-of-type(2){
	display: block;
}
#home .main-area #section09 .inner .contents-block:nth-of-type(2) ul{
	display: flex;
	gap:1.6rem
}
#home .main-area #section09 .inner .contents-block:nth-of-type(2) ul li{
	width:25%
}
#home .main-area #section09 .inner .contents-block:nth-of-type(2) ul li h3{
	color:#fff;
	font-size:1.6rem;
	line-height: 1.4;
	text-align: center;
	padding:1.6rem 0;
}
#home .main-area #section09 .inner .btn-area{
	display: flex;
    justify-content: center;
}
#home .main-area #section09 .inner .btn-area a{
	background: #ff9600;
	border: #ff9600 solid 2px;
	padding: 1.6rem 4.6rem 1.8rem;
}
#home .main-area #section09 .inner .btn-area a:hover span{
	color:#ff9600;
}
#home .main-area #section09 .inner .btn-area a:after{
	right:2rem;
}
#home .main-area #section09 .inner .btn-area a:hover:after{
	background: #ff9600;
}
#home .main-area #section10 {
  padding: 8rem 0 6rem;
}
#home .main-area #section10 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section10 .inner {
	max-width: 1160px;
	margin: 0 auto;
}
#home .main-area #section10 .inner .contents-block{
	overflow: hidden;
}
#home .main-area #section10 .inner .contents-block #column {
	display: flex;
    justify-content: center;
    margin: 0 0 3rem;
}
#home .main-area #section10 .inner .contents-block #column .block {
	flex: 1 1 33.333%;
	max-width: 34.7rem;
	min-height: 40rem;
	background: #fff;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .2));
	margin: 0 2rem;
	border-radius: 1.2rem;
	overflow: hidden;
}
#home .main-area #section10 .inner .contents-block #column .block a {
	display: flex;
	flex-direction: column;
	color: #2d3030;
}
#home .main-area #section10 .inner .contents-block #column .block a:hover {
  text-decoration: none;
  opacity: .5
}
#home .main-area #section10 .inner .contents-block #column .block .image {
  width: 100%;
  height: auto;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 0
}
#home .main-area #section10 .inner .contents-block #column .block .image img{
	width: 100%;
    height: auto;
    display: block;
}
#home .main-area #section10 .inner .contents-block #column .block .details {
  padding: 3rem 4rem;
}
#home .main-area #section10 .inner .contents-block #column .block .details .date {
	color: #676767;
	font-size: 1.7rem;
	font-weight:400;
	line-height:1.8;
	margin: 0 0 1.5rem;
}
#home .main-area #section10 .inner .contents-block #column .block .details h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  margin: 1rem 0 2rem
}
#home .main-area #section10 .inner .contents-block #column .block .details .text {
	font-size: 1.5rem;
	line-height: 1.5;
	display: flex;
    justify-content: flex-end;
}
#home .main-area #section10 .inner .contents-block .button {
	text-align: center;
	margin: 2rem 0 3rem;
}
#home .main-area #section10 .inner .contents-block .button a {
  width: 100%;
  max-width: 24rem;
  color: #fff;
  font-weight: bold
}
#home .main-area #section10 .inner .contents-block .button a:after {
  background-color: #fff;
  height: 1.6rem;
  width: 1.1rem;
  right: 2rem;
}
#home .main-area #section10 .inner .contents-block .button a:hover:after {
  background-color: #00bec8
}
#home .main-area #section10 .inner .contents-block .slick-dots{
	width: 100%;
	position: relative;
}
#home .main-area #section11 {
  padding: 8rem 0 6rem;
}
#home .main-area #section11 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section11 .inner .contents-block #seminar {
  display: flex;
  justify-content: space-between;
  margin: 0 0 3rem
}
#home .main-area #section11 .inner .contents-block #seminar > div {
  width: 100%;
  max-width: 36rem
}
#home .main-area #section11 .inner .contents-block #seminar > div .over .image {
  background: #000
}
#home .main-area #section11 .inner .contents-block #seminar > div .over .image img {
  opacity: .56
}
#home .main-area #section11 .inner .contents-block #seminar > div .over .image:before {
  content: '開催終了';
  font-size: 1.35rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282a2a;
  color: #fff;
  padding: .7rem 1rem
}
#home .main-area #section11 .inner .contents-block #seminar > div a {
  display: block;
  color: #2d3030;
  text-decoration: none
}
#home .main-area #section11 .inner .contents-block #seminar > div a:hover {
  opacity: .5
}
#home .main-area #section11 .inner .contents-block #seminar > div .image {
  border-radius: .8rem;
  overflow: hidden;
  margin: 0 0 1.6rem
}
#home .main-area #section11 .inner .contents-block #seminar > div .image img {
	height:auto;
	position: relative;
	z-index: 0
}
#home .main-area #section11 .inner .contents-block #seminar > div .categories {
  display: flex;
  margin: 0 0 2rem
}
#home .main-area #section11 .inner .contents-block #seminar > div .categories li {
  font-size: 1.2rem;
  min-width: 6.4rem;
  text-align: center;
  font-weight: 400;
  border-radius: .4rem;
  margin: 0 .6rem 0 0;
  padding: .3rem .8rem .5rem;
  border: 1px solid #c8c8c8
}
#home .main-area #section11 .inner .contents-block #seminar > div .categories li.live {
  background: #ff1e1e;
  border: none;
  color: #fff;
  font-weight: 700
}
#home .main-area #section11 .inner .contents-block #seminar > div .categories li.live img {
  width: 2.8rem;
  display: inline-block;
  position: relative;
  top: 1px
}
#home .main-area #section11 .inner .contents-block #seminar > div .categories li.live:before {
  content: url("../img/common/ico-live.svg");
  width: 1.6rem;
  display: inline-block;
  margin: 0 .6rem 0 0;
  position: relative;
  top: 55%;
  transform: translateY(-50%)
}
#home .main-area #section11 .inner .contents-block #seminar > div .details {
  padding: 0 0 1rem
}
#home .main-area #section11 .inner .contents-block #seminar > div time {
  font-size: 1.5rem;
  margin: 0 0 .8rem;
  display: block
}
#home .main-area #section11 .inner .contents-block #seminar > div time span {
  font-size: 2rem;
  font-weight: 700
}
#home .main-area #section11 .inner .contents-block #seminar > div p {
  line-height: 1.75
}
#home .main-area #section11 .inner .contents-block .button {
  text-align: center
}
#home .main-area #section11 .inner .contents-block .button a {
  width: 100%;
  max-width: 24rem;
  color: #fff;
  font-weight: bold
}
#home .main-area #section11 .inner .contents-block .button a:after {
  background-color: #fff;
  height: 1.6rem;
  width: 1.1rem;
  right: 2rem
}
#home .main-area #section11 .inner .contents-block .button a:hover:after {
  background-color: #00bec8
}
#home .main-area #section11 .inner .bnr-area{
	padding:5rem 1rem;
}
#home .main-area #section11 .inner .bnr-area img{
	max-width:1080px;
	margin:0 auto;
}
#home .main-area #section11 .inner .bnr-area a:hover{
	opacity:0.8;
}
#home .main-area #section12 {
  padding: 0;
  background: #00bec8;
}
#home .main-area #section12 .section-title h2{
	margin:0;
}
#home .main-area #section12 .section-title h2 span{
	color:#fff;
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section12 .section-title p{
	color:#fff;
	font-size: 1.5rem;
    line-height: 1.73;
    padding: 0 0 1.5rem;
}
#home .main-area #section12 .inner {
	max-width: 1160px;
    margin: 0 auto;
}
#home .main-area #section12 .inner .contents-block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 3rem;
}
#home .main-area #section12 .inner .contents-block .section-title{
	width:50%;
	padding: 6rem 0;
	margin: 0;
}
#home .main-area #section12 .inner .contents-block .section-title a{
	background: #ff9600;
	border: #ff9600 solid 2px;
	padding: 1.6rem 4.6rem 1.8rem;
}
#home .main-area #section12 .inner .contents-block .section-title a:hover span{
	color:#ff9600;
}
#home .main-area #section12 .inner .contents-block .section-title a:after{
	right:2rem;
}
#home .main-area #section12 .inner .contents-block .section-title a:hover:after{
	background: #ff9600;
}
#home .main-area #section10 {
  padding: 8rem 0 6rem;
}
#home .main-area #section12 .inner .contents-block .image-area{
	flex: 1;
	margin-right: calc(50% - 50vw);
}
#home .main-area #section13 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section13 .achievements {
  padding: 0 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0
}
#home .main-area #section13 .achievements h3 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  display: inline-block;
  letter-spacing: .1em
}
#home .main-area #section13 .achievements ul {
  max-width:840px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 2rem;
}

#home .main-area #section13 .achievements ul li {
  margin: 0 .5rem;
}	
#home .main-area #section13 .achievements ul li {
  width:40%;  
  margin: 0 1rem;
}
#home .main-area #section13 .achievements ul li h3{
  font-size: 1.6rem;
  line-height: 1.2;
}
#home .main-area #section13 .achievements ul li h3 span.data{
	color: #FF8A00;  
	font-size: 9rem;
	font-weight: 800;
	letter-spacing:0;
}
#home .main-area #section13 .achievements ul li h3 span:nth-of-type(2){
	font-size: 2.4rem;
}
#home .main-area #section13 .achievements ul li:first-of-type {
  width:100%;
  text-align: center;
  padding: 1rem 1rem 3rem;  
  margin: 0;
}
#home .main-area #section13 .achievements ul li:first-of-type h3{
  font-size: 2rem;	
}	
#home .main-area #section13 .achievements p {
  width: 100%;
  max-width: 84rem;
  font-size: 1rem;
  padding: 1rem 0 0;
  text-align: center;
}
#home .main-area #section14 {
  background: #00bec8;
}
#home .main-area #section14 .section-title h2 span{
	color:#fff;
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section14 .inner .contents-block a:hover{
	text-decoration: none;
}
#home .main-area #section14 .inner .contents-block ul{
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	justify-content: space-around;
	column-gap: 1rem;
	row-gap: 1rem;
}
#home .main-area #section14 .inner .contents-block ul li{
	width: calc(16.67% - 1rem);
	background: #fff;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    margin: 0;
    position: relative;
}
#home .main-area #section14 .inner .contents-block ul li span{
	background: #ff9600;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 4px;
    display: inline-block;
	position: absolute;
	top:1rem;
	left: 0;
	padding: .5rem 1rem;
	margin: 0 0 .5rem;
}
#home .main-area #section14 .inner .contents-block ul li .image img{
	width: 163px;
	height: 110px;
	object-fit: cover;
}
#home .main-area #section14 .inner .contents-block ul li .details{
	width: 100%;
	padding:1rem 0;
	position: relative;
}
#home .main-area #section14 .inner .contents-block ul li .details h3{
	color: #2d3030;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align:center;
	margin:2.5rem 0 0 0;
}
#home .main-area #section14 .inner .btn-area{
	display: flex;
    justify-content: center;
	margin: 4rem 0 0;
}
#home .main-area #section14 .inner .btn-area a{
	background: #ff9600;
    border: #ff9600 solid 2px;
    padding: 1.6rem 4.6rem 1.8rem;
}
#home .main-area #section14 .inner .btn-area a:hover span{
	color:#ff9600;
}
#home .main-area #section14 .inner .btn-area a:after{
	right:2rem;
}
#home .main-area #section14 .inner .btn-area a:hover:after{
	background: #ff9600;
}
#home .main-area #section15 {
  padding: 6rem 0 8rem;
}
#home .main-area #section15 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section15 .inner .contents-block .button {
  text-align: center
}
#home .main-area #section15 .inner .contents-block .button a {
  width: 100%;
  max-width: 24rem;
  color: #fff;
  font-weight: bold
}
#home .main-area #section15 .inner .contents-block .button a:after {
  background-color: #fff;
  height: 1.6rem;
  width: 1.1rem;
  right: 2rem
}
#home .main-area #section15 .inner .contents-block .button a:hover:after {
  background-color: #00bec8
}
#home .main-area #section16 .section-title h2 span{
	font-size: 3.6rem;
	line-height: 1.4;
}
#home .main-area #section16 .inner {
	max-width: 1160px;
	margin: 0 auto;
}
#home .main-area #section16 .inner .contents-block{
	overflow: visible;
}
#home .main-area #section16 .inner .contents-block #movie {
  width: 100%;
  margin: 0 auto;
}
#home .main-area #section16 .inner .contents-block #movie .slick-list {
  overflow: visible
}
#home .main-area #section16 .inner .contents-block #movie .block {
	max-width: 36rem;
	min-height: 45rem;
	background: #fff;
	margin: 0 2rem;
	border-radius: 1.2rem;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
	transform: translateZ(0);
	overflow: hidden
}
#home .main-area #section16 .inner .contents-block #movie .block a {
	display: flex;
	flex-direction: column;
	color: #2d3030;
}
#home .main-area #section16 .inner .contents-block #movie .block a:hover {
  text-decoration: none;
  opacity: .5;
}
#home .main-area #section16 .inner .contents-block #movie .block .image {
  width: 36rem;
  height: 20rem;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 0;
}
#home .main-area #section16 .inner .contents-block #movie .block .lity {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}
#home .main-area #section16 .inner .contents-block #movie .block .lity img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
#home .main-area #section16 .inner .contents-block #movie .block .lity iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#home .main-area #section16 .inner .contents-block #movie .block .lity a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#home .main-area #section16 .inner .contents-block #movie .block .details {
  padding: 3rem 4rem;
}
#home .main-area #section16 .inner .contents-block #movie .block .details .name {
	font-size: 1.4rem;
	font-weight:400;
	line-height:1.4;
	margin: 0 0 1.5rem;
}
#home .main-area #section16 .inner .contents-block #movie .block .details h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  margin: 0 0 2rem
}
#home .main-area #section16 .inner .contents-block #movie .block .details h3 span{
	font-size: 1.6rem;
}
#home .main-area #section16 .inner .contents-block #movie .block .details .text {
	font-size: 1.5rem;
	line-height: 1.5;
	display: flex;
}
#home .main-area #section16 .inner .contents-block .slick-dots{
	width: 100%;
	position: relative;
}
#function #main-visual > .inner {
  padding-bottom: 6rem
}
#function #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0
}
#function #main-visual > .inner .text-area .title-set {
  width: 100%
}
#function #main-visual > .inner .text-area .title-set .inner {
  width: 100%;
  margin: 0 0 4.5rem
}
#function #main-visual > .inner .text-area .title-set .inner h1 {
  margin: 0 0 2rem
}
#function #main-visual > .inner .text-area .title-set .inner h1 span {
  font-size: 3.6rem;
  font-weight: 500;
  margin: 2.5rem 0 0
}
#function #main-visual > .inner .text-area .title-set .inner h1 span span {
  font-size: 3rem;
  display: inline
}
#function #main-visual > .inner .text-area .text.large {
  font-size: 2.6rem;
  font-weight: 900;
  margin-bottom: .5rem
}
#function #main-visual > .inner .image-area {
  width: calc(100% - 47.6%);
  padding: 0
}
#function #main-visual > .inner .image-area .mv-comment {
  width: 34.7rem;
  margin: 1.8rem 0 1.5rem 21rem
}
#function #main-visual > .inner .image-area .mv-device {
  width: 76.3rem
}
#function #main-visual > .inner .image-area .mv-baloon01 {
  width: 17rem;
  position: absolute;
  bottom: 0;
  left: 24.8rem
}
#function #main-visual > .inner .image-area .mv-baloon02 {
  width: 15rem;
  position: absolute;
  bottom: 18.2rem;
  right: 4.2rem
}
#function .main-area #section01 {
  padding: 8rem 0 0
}
#function .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#function .main-area #section01 .contents-block > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch
}
#function .main-area #section01 .contents-block > ul > li {
  width: 49%;
  max-width: 56rem;
  border-radius: 4rem;
  overflow: hidden;
  background: #fff;
  margin-bottom: 4rem;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15))
}
#function .main-area #section01 .contents-block > ul > li.full {
  width: 100%;
  max-width: none;
  display: flex;
  justify-content: space-between;
  align-items: stretch
}
#function .main-area #section01 .contents-block > ul > li.full.reverse {
  flex-direction: row-reverse
}
#function .main-area #section01 .contents-block > ul > li.full .image {
  width: 50%;
  height: 100%;
  position: relative
}
#function .main-area #section01 .contents-block > ul > li.full .image img {
  width: 100%
}
#function .main-area #section01 .contents-block > ul > li.full .block {
  width: 50%
}
#function .main-area #section01 .contents-block > ul > li .image {
  background: #f0f2f2;
  overflow: hidden;
  height: 32rem
}
#function .main-area #section01 .contents-block > ul > li .image img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#function .main-area #section01 .contents-block > ul > li .block {
  padding: 5.6rem 4.8rem 3.6rem
}
#function .main-area #section01 .contents-block > ul > li .block h3 {
  font-size: 3.6rem;
  font-weight: 900;
  margin: 0 0 3.5rem
}
#function .main-area #section01 .contents-block > ul > li .block .comment {
  font-size: 1.7rem;
  line-height: 1.75;
  margin: 0 0 2rem
}
#function .main-area #section01 .contents-block > ul > li .block > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li {
  width: 50%;
  padding: 1rem 1.6rem;
  margin: 0 0 2rem
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li .image {
  width: 100%;
  height: 8rem;
  background: transparent
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li .image img {
  width: 8.2rem
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li h4 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li:nth-of-type(odd) {
  border-right: 1px solid #d6d8d8
}
#function .main-area #section01 .contents-block > ul > li .block > ul > li:nth-child(n+3):after {
  content: '';
  position: absolute;
  top: -1rem;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d6d8d8
}
#function .main-area #section02 {
  padding: 5rem 0
}
#function .main-area #section02 .section-title {
  margin-bottom: 3rem
}
#function .main-area #section02 .section-title h2 {
  margin-bottom: 1.5rem
}
#function .main-area #section02 .section-title h2 span {
  font-size: 4rem
}
#function .main-area #section02 .section-title .sub {
  font-size: 1.8rem
}
#function .main-area #section03 {
  background: #f6f8f8;
  padding: 8rem 0
}
#function .main-area #section03 .section-title {
  margin-bottom: 4rem
}
#function .main-area #section03 .contents-block ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch
}
#function .main-area #section03 .contents-block ul li {
  max-width: 36.4rem;
  margin: 0 3.4rem 0 0;
  padding-top: 3.4rem
}
#function .main-area #section03 .contents-block ul li:nth-child(3n) {
  margin-right: 0
}
#function .main-area #section03 .contents-block ul li:before {
  content: '';
  background: #00bec8;
  width: calc(10rem + 6px);
  height: calc(10rem + 6px);
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}
#function .main-area #section03 .contents-block ul li .block {
  background: #fff;
  border-radius: 3rem;
  border: 3px solid #00bec8;
  padding: 5rem 2.9rem 3rem
}
#function .main-area #section03 .contents-block ul li .block .icon {
  position: absolute;
  top: -3.4rem;
  left: calc(50% - 5rem);
  width: 10rem;
  height: 10rem;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
#function .main-area #section03 .contents-block ul li .block .icon img {
  width: 4.2rem;
  position: relative;
  top: -.8rem
}
#function .main-area #section03 .contents-block ul li .block h3 {
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 4rem;
  text-align: center
}
/*#function .main-area #section03 .contents-block ul li .block h3:after {
  content: url("../img/common/arrow10.svg");
  display: block;
  width: 3.5rem;
  height: 1.4rem;
  position: absolute;
  bottom: -1rem;
  left: calc(50% - 1.75rem)
}*/
#function .main-area #section03 .contents-block ul li .block p {
  font-size: 1.5rem;
  line-height: 1.75;
  padding-left: 1.75em;
  margin: 0 0 1.5rem;
  letter-spacing: .05em
}
#function .main-area #section03 .contents-block ul li .block p:before {
  content: url("../img/common/icon-check01.svg");
  width: 2rem;
  display: inline-block;
  position: absolute;
  top: .3em;
  left: 0
}
#function .main-area #section03 .contents-block ul li .block p:last-of-type {
  margin-bottom: 0
}
#function .main-area #section04 {
  padding: 6rem 0 8rem
}
#function .main-area #section04 .section-title {
  margin-bottom: 3rem
}
#function .main-area #section04 .section-title h2 {
  margin-bottom: 2.5rem
}
#function .main-area #section04 .section-title h2 span {
  font-size: 4rem
}
#function .main-area #section04 .section-title .sub {
  font-size: 1.8rem
}
#function .main-area #section04 .contents-block .list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap
}
#function .main-area #section04 .contents-block .list h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 232px;
  border-top: 1px solid #d6d8d8;
  font-size: 1.6rem
}
#function .main-area #section04 .contents-block .list table {
  width: 928px;
  box-sizing: border-box;
  table-layout: fixed
}
#function .main-area #section04 .contents-block .list table tr {
  box-sizing: border-box
}
#function .main-area #section04 .contents-block .list table tr th, #function .main-area #section04 .contents-block .list table tr td {
  border: solid #d6d8d8;
  padding: 0;
  border-width: 1px 0 0 1px;
  vertical-align: middle;
  box-sizing: border-box
}
#function .main-area #section04 .contents-block .list table tr th:last-child, #function .main-area #section04 .contents-block .list table tr td:last-child {
  border-right: 0
}
#function .main-area #section04 .contents-block .list table tr th {
  text-align: left;
  font-weight: 500
}
#function .main-area #section04 .contents-block .list table tr th.long {
  width: 696px
}
#function .main-area #section04 .contents-block .list#list-head table th, #function .main-area #section04 .contents-block .list#list-head table td {
  text-align: center;
  font-size: 1.6rem;
  padding: 1rem
}
#function .main-area #section04 .contents-block .list#list-group h5:last-of-type, #function .main-area #section04 .contents-block .list#list-group table:last-of-type {
  border-bottom: 1px solid #d6d8d8
}
#function .main-area #section04 .contents-block .list#list-group table tr.gray {
  background: #f8fafa
}
#function .main-area #section04 .contents-block .list#list-group table tr th {
  width: 696px
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div {
  position: relative;
  font-size: 1.5rem;
  padding: 1rem
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div span {
  font-weight: 700;
  cursor: pointer
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div div {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: calc(-1rem + 2px);
  transform: translateY(-100%);
  transition: .4s;
  padding: 1.2rem;
  max-width: 28rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: .6rem;
  background: #fff;
  border: 1px solid #c8d2d2;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div div.active {
  visibility: visible;
  opacity: 1;
  top: 2px
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div div:before, #function .main-area #section04 .contents-block .list#list-group table tr th > div div:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div div:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #c8d2d2;
  bottom: -9px;
  left: 2rem
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div div:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
  bottom: -8px;
  left: calc(2rem + 1px)
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div a:after {
  content: url("../img/common/arrow11.svg");
  width: .8rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: .8rem;
  top: -.2em
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div a.unactive {
  pointer-events: none;
  color: #2d3030
}
#function .main-area #section04 .contents-block .list#list-group table tr th > div a.unactive:after {
  display: none
}
#function .main-area #section04 .contents-block .list#list-group table tr th.option > div {
  display: flex;
  justify-content: space-between;
  align-items: center
}
#function .main-area #section04 .contents-block .list#list-group table tr th.option > div:after {
  content: '追加オプション';
  font-size: 1.2rem;
  display: block;
  flex-shrink: 0;
  padding: .6rem .8rem;
  border: 1px solid #00bec8;
  border-radius: .4rem;
  color: #00bec8;
  margin-left: 1rem
}
#function .main-area #section04 .contents-block .list#list-group table tr td {
  font-size: 1.4rem;
  color: #646969;
  text-align: center
}
#function .main-area .function-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10rem
}
#function .main-area .function-list li {
  width: 37.4rem;
  margin: 0 1.9rem 2rem 0
}
#function .main-area .function-list li:nth-child(3n) {
  margin-right: 0
}
#function .main-area .function-list li a {
  background: #fff;
  border-radius: .8rem;
  padding: 1.7rem 1.8rem 1.7rem 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15))
}
#function .main-area .function-list li a:hover {
  filter: drop-shadow(5px 5px 9px rgba(0, 0, 0, 0.2));
  text-decoration: none
}
#function .main-area .function-list li a.unactive {
  pointer-events: none;
  opacity: .4
}
#function .main-area .function-list li a img {
  width: 6.4rem
}
#function .main-area .function-list li a h3 {
  border-left: 1px solid #99e5e9;
  padding: 0 0 0 1.5rem
}
#function .main-area .function-list li a h3 span {
  display: block;
  font-size: 2.2rem;
  font-weight: 900
}
#function .main-area .function-list li a h3 span:last-of-type {
  font-size: 1.8rem;
  font-weight: 700;
  min-height: 1em;
  margin-top: .5em
}
#function .main-area .function-list li a:after {
  content: url("../img/common/arrow11.svg");
  width: 1rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%)
}
#cardapp #main-visual > .inner{
	align-items: center;
}
#cardapp #main-visual > .inner .text-area{
	width:40%;
	padding: 3.2rem 0;
}
#cardapp #main-visual > .inner .text-area .annotation{
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	margin-top: 1rem;
}
#cardapp #main-visual > .inner .text-area p a{
	color:#00bec8;
}
#cardapp #main-visual > .inner .image-area {
  width: calc(100% - 40% - 3.2rem);
  padding: 6.3rem 0 7rem
}
#cardapp #main-visual > .inner .image-area .inner > figure {
  width: 384px;
  border-radius: 3rem;
  overflow: hidden
}
#cardapp #main-visual > .inner .image-area .inner .app-det {
  display: flex;
  flex-wrap: wrap
}
#cardapp #main-visual > .inner .image-area .inner .app-det dt {
  width: 86px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  flex-shrink: 0;
  border-right: 1px solid #e0e0e0;
  padding: 0 3.2rem 0 4.5rem;
  box-sizing: content-box;
  margin: 0 2.4rem 0 0
}
#cardapp #main-visual > .inner .image-area .inner .app-det dd figure > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
#cardapp #main-visual > .inner .image-area .inner .app-det dd figure img {
  width: 31px;
  margin: 0 4px
}
#cardapp #main-visual > .inner .image-area .inner .app-det dd figure figcaption {
  width: 100%;
  text-align: center;
  color: #969b9b;
  font-size: 1.35rem;
  margin: 1.2rem 0 0
}
#cardapp #main-visual > .inner .image-area .image-large {
  width: 220px;
	top: 10px;
}
#cardapp #main-visual .inner .img-badge {
	width: 130px;
	height:auto;
	position: absolute;
	top: -20px;
    right: -20px;
    z-index: 2;
}
#cardapp #main-visual > .inner .image-area .inner video{
	border-radius:15px;
}
#cardapp #main-visual > .inner .img-comment {
  width: 289px;
  padding: 2.9rem 1.8rem 2.2rem
}
#cardapp section.btn-area{
	text-align: center;
	padding: 0 1.6rem 4rem;
}
#cardapp section.btn-area .contact-button{
	padding: 2.4rem 7.5rem 2.6rem;
    font-size: 2rem;
}
#cardapp section.btn-area .contact-button:hover::after{
	background: #00bec8;
}
#cardapp section.btn-area .contact-button::after{
	content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#cardapp .video-area .youtube{
	height: auto;
}
#cardapp .main-area h2{line-height: 1.5;}
#cardapp .main-area #section01 {
  padding: 10rem 0 8rem
}
#cardapp .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#cardapp .main-area #section01 .contents-block .contents-navigation {
  display: none
}
#cardapp .main-area #section01 .contents-block .sp-image {
  width: 400px;
  position: absolute;
  padding: 27rem 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0
}
#cardapp .main-area #section01 .contents-block .details {
  width: 100%;
  height: 100%;
  z-index: 1
}
#cardapp .main-area #section01 .contents-block .details ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}
#cardapp .main-area #section01 .contents-block .details ul li {
  width: 340px;
  background: #fff;
  border-radius: 2rem;
  padding: 2.3rem 3.6rem 4rem;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15))
}
#cardapp .main-area #section01 .contents-block .details ul li:before {
  position: absolute;
  top: 0
}
#cardapp .main-area #section01 .contents-block .details ul li img {
  margin: 0 auto
}
#cardapp .main-area #section01 .contents-block .details ul li h3 {
  color: #00bec8;
  font-weight: 900;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: .05em;
  margin: 2.7rem 0 1.8rem
}
#cardapp .main-area #section01 .contents-block .details ul li p {
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: .03em
}
#cardapp .main-area #section01 .contents-block .details ul li:nth-of-type(1):before {
  right: -10px;
  transform: scaleX(-1) translateX(-100%)
}
#cardapp .main-area #section01 .contents-block .details ul li:nth-of-type(2):before {
  left: -10px;
  transform: translateX(-100%)
}
#cardapp .main-area #section01 .contents-block .details ul li a {
  font-weight: 700;
  margin: 2.4rem 0 1.2rem;
  font-size: 1.6rem;
  letter-spacing: .05em;
  display: block
}
#cardapp .main-area #section01 .contents-block .details ul.top {
  margin: 0 0 2rem
}
#cardapp .main-area #section01 .contents-block .details ul.top li:before {
  content: url("../img/cardapp/line01.webp")
}
#cardapp .main-area #section01 .contents-block .details ul.top li:nth-of-type(1):before {
  top: 340px;
}
#cardapp .main-area #section01 .contents-block .details ul.top li:nth-of-type(2):before {
  top: 355px;
	left: -10px;
	content: url("../img/cardapp/line04.webp");
	transform: translateX(-100%);
}
#cardapp .main-area #section01 .contents-block .details ul.middle{
	margin: 0 0 2rem
}
#cardapp .main-area #section01 .contents-block .details ul.middle li:nth-of-type(1):before{
	top: 140px;
	right: -20px;
	content: url("../img/cardapp/line02.webp");
	transform: rotate(35deg) scaleX(-1) translateX(-100%);
}
#cardapp .main-area #section01 .contents-block .details ul.middle li:nth-of-type(2):before{
	top: 125px;
	left: -10px;
	content: url("../img/cardapp/line03.webp")
}
#cardapp .main-area #section01 .contents-block .details ul.bottom {
  margin: 0 0 2rem
}
#cardapp .main-area #section01 .contents-block .details ul.bottom li:before {
  content: url("../img/cardapp/line02.webp")
}
#cardapp .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(1):before {
	content: url("../img/cardapp/line03.webp");
	top: 270px;
	right: -100px;
	transform: rotate(288deg) scaleX(-1) translateX(-100%);
}
#cardapp .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(2):before {
	content: url("../img/cardapp/line05.webp");
	top: 250px;
	left: -80px;
	transform: rotate(50deg) translateX(-100%);
}
#cardapp .main-area #section01 .column-3block li{
	max-width: 340px;
	margin: 0 7rem 4rem 0;
}
#cardapp .main-area #section01 .column-3block li:nth-of-type(3){
	margin-right: 0;
}
#cardapp .main-area #section01 .column-3block li p{
	margin-bottom:1rem;
}
#cardapp .main-area #section02 {
  padding: 6rem 0 8rem
}
#cardapp .main-area #section02 .section-title {
  margin-bottom: 3.5rem
}
#cardapp .main-area #section02 .contents-block {
  padding: 4.6rem 5.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 2rem
}
#cardapp .main-area #section02 .contents-block .sp-image {
  width: 400px;
  margin: 0 2rem 0 0
}
#cardapp .main-area #section02 .contents-block .details {
  width: calc(100% - 400px - 6rem)
}
#cardapp .main-area #section02 .contents-block .details h3 {
	font-size: 3.6rem;
	font-weight: 900;
	line-height: 1.4;
	padding: .5rem 0 3.2rem;
	letter-spacing: .1em
}
#cardapp .main-area #section02 .contents-block p{
	line-height:1.75;
}
#cardapp .main-area #section02 .contents-block .details h3 a,
#cardapp .main-area #section02 .contents-block p a{
	text-decoration: underline;
}
#cardapp .main-area #section03 {
  padding: 6rem 0 8rem
}
#cardapp .main-area #section03 .section-title {
  margin-bottom: 3.5rem
}
#cardapp .main-area #section03 .contents-block {
  padding: 4.6rem 5.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 0 2rem
}
#cardapp .main-area #section03 .contents-block .sp-image {
  width: 200px;
  margin: 0 4rem 0 0
}
#cardapp .main-area #section03 .contents-block .details {
  width: calc(100% - 189px - 6rem)
}
#cardapp .main-area #section03 .contents-block .details h3 {
  font-size: 3.6rem;
  font-weight: 900;
  padding: .5rem 0 3.2rem;
  letter-spacing: .1em
}
#cardapp .main-area #section03 .contents-block .details h3 a{
	text-decoration: underline;
}
#cardapp .main-area #section03 .contents-block .details > h4 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  text-decoration: underline;
  margin: 0 0 2rem 1rem;
  letter-spacing: .05em
}
#cardapp .main-area #section03 .contents-block .details > h4:before {
  content: url("../img/cardapp/icon-check01.svg");
  width: 2.6rem;
  display: block;
  top: 2px;
  margin: 0 .7rem 0 0
}
#cardapp .main-area #section03 .contents-block .details > h4:last-of-type {
  margin-bottom: 4.6rem
}
#cardapp .main-area #section03 .contents-block .details dl dt {
  margin: 0 0 1.5rem
}
#cardapp .main-area #section03 .contents-block .details dl dt h4 {
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: .05em
}
#cardapp .main-area #section03 .contents-block .details dl dd {
  display: inline-block
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner {
  display: flex;
  padding: 1.5rem 2.3rem;
  border-radius: 1rem;
  border: 1px solid #cdd2d2
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure {
  display: flex;
  align-items: center
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure img {
  width: auto;
  height: 34px;
  display: inline-block;
  margin: 0 .8rem 0 0
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
  font-weight: 900;
  font-size: 3.6rem;
  top: -2px;
  padding: 0 0 0 .9rem
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
  font-size: 2.4rem
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
  border-left: 1px solid #cdd2d2;
  margin: 0 0 0 2rem;
  padding: 0 0 0 2.4rem
}
#cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
  font-size: 1.6rem;
  letter-spacing: .05em
}
#cardapp .main-area #section03 .contents-block .image-pay {
  width: 255px;
  position: absolute;
  bottom: 0;
  right: 0
}
#cardapp .main-area #section03 .annotation {
  display: flex;
  justify-content: center;
  align-items: center
}
#cardapp .main-area #section03 .annotation .img-set {
  display: flex;
  align-items: center;
  margin: 0 1.8rem 0 0;
  font-size: 3.15rem;
  color: #00479d;
  font-weight: 900
}
#cardapp .main-area #section03 .annotation .img-set img:nth-of-type(1) {
  width: 50px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  margin: 0 1rem 0 0
}
#cardapp .main-area #section03 .annotation .img-set img:nth-of-type(2) {
  width: 87px;
  margin: 0 0 0 1rem
}
#cardapp .main-area #section03 .annotation p {
  font-size: 1.6rem;
  letter-spacing: .05em
}
#cardapp .main-area #section03 .annotation p span, #cardapp .main-area #section03 .annotation p a {
  font-weight: 900
}
#cardapp .main-area #section03 .inner ul,#cashless .main-area #section03 .inner ul {
	margin:4rem 0;
}
#cardapp .main-area #section03 .inner ul li,#cashless .main-area #section03 .inner ul li {
	padding-left: 1.2em;font-size: 1.2rem;line-height: 1.75;
}
#cardapp .main-area #section03 .inner ul li:before,#cashless .main-area #section03 .inner ul li:before {
	content: '※'; position: absolute; top: 0; left: 0;
}
#cashless #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0
}
#cashless #main-visual > .inner .text-area .title-set .inner h1 {
  font-size: 4.8rem
}
#cashless #main-visual > .inner .text-area .title-set .inner h1 span {
  font-size: 3.5rem
}
#cashless #main-visual > .inner .text-area .text .invoice {
  font-weight: 900;
  text-decoration: underline;
  padding: 1.5rem 0 0;
  display: block
}
#cashless #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem);
  max-width: 55.2rem;
  padding: 6.3rem 0 7rem;
  min-height: 64rem
}
#cashless #main-visual > .inner .image-area > img, #cashless #main-visual > .inner .image-area > picture {
  position: absolute;
  z-index: 0;
  display: block
}
#cashless #main-visual > .inner .image-area > img img, #cashless #main-visual > .inner .image-area > picture img {
  position: relative;
  z-index: 0
}
#cashless #main-visual > .inner .image-area .mv-okaikeisan {
  width: 12.1rem;
  top: 2.7rem;
  left: 6rem
}
#cashless #main-visual > .inner .image-area .mv-spay {
  width: 13.7rem;
  bottom: 3.4rem;
  right: 10.7rem
}
#cashless #main-visual > .inner .image-area .mv-tablet {
  width: 43.9rem;
  top: .6rem;
  right: -8.3rem
}
#cashless #main-visual > .inner .image-area .mv-comment {
  width: 20.5rem;
  top: 34.4rem;
  right: 3rem
}
#cashless #main-visual > .inner .image-area .mv-smartphone {
  width: 28.8rem;
  height: 45.2rem;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden
}
#cashless #main-visual > .inner .image-area .mv-smartphone:before {
  content: '';
  width: 100%;
  height: 3.2rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0
}
#cashless .main-area #section01 {
  padding: 8rem 0 6rem
}
#cashless .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#cashless .main-area #section02 {
  padding: 6rem 0
}
#cashless .main-area #section02 .section-title {
  margin-bottom: 5rem
}
#cashless .main-area #section03 {
  padding: 6rem 0 8rem
}
#cashless .main-area #section03 .section-title {
  margin-bottom: 3.5rem
}
#cashless .main-area #section03 .contents-block {
  padding: 4.6rem 5.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 0 2rem
}
#cashless .main-area #section03 .contents-block .sp-image {
  width: 27.3rem;
  margin: 0 2.5rem 0 0
}
#cashless .main-area #section03 .contents-block .details {
  width: calc(100% - 27.3rem - 2.5rem)
}
#cashless .main-area #section03 .contents-block .details h3 {
  font-size: 3.6rem;
  font-weight: 900;
  padding: .5rem 0 3.2rem;
  letter-spacing: .1em
}
#cashless .main-area #section03 .contents-block .details > h4 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  text-decoration: underline;
  margin: 0 0 2rem 1rem;
  letter-spacing: .05em
}
#cashless .main-area #section03 .contents-block .details > h4:before {
  content: url("../img/common/icon-check01.svg");
  width: 2.6rem;
  display: block;
  top: 2px;
  margin: 0 .7rem 0 0
}
#cashless .main-area #section03 .contents-block .details > h4:last-of-type {
  margin-bottom: 4.6rem
}
#cashless .main-area #section03 .contents-block .details dl dt {
  margin: 0 0 1.5rem
}
#cashless .main-area #section03 .contents-block .details dl dt h4 {
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: .05em
}
#cashless .main-area #section03 .contents-block .details dl dd {
  display: inline-block
}
#cashless .main-area #section03 .contents-block .details dl dd .inner {
  display: flex;
  padding: 1.5rem 2.3rem;
  border-radius: 1rem;
  border: 1px solid #cdd2d2
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure img {
  width: auto;
  height: 34px;
  display: inline-block;
  margin: 0 .8rem 0 0
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
  font-weight: 900;
  font-size: 3.6rem;
  top: -2px;
  padding: 0 0 0 .9rem
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
  font-size: 2.4rem
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
  border-left: 1px solid #cdd2d2;
  margin: 0 0 0 2rem;
  padding: 0 0 0 2.4rem
}
#cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
  font-size: 1.6rem;
  letter-spacing: .05em
}
#cashless .main-area #section03 .contents-block .image-pay {
  width: 255px;
  position: absolute;
  bottom: 0;
  right: 0
}
#cashless .main-area #section03 .annotation {
  display: flex;
  justify-content: center;
  align-items: center
}
#cashless .main-area #section03 .annotation .img-set {
  display: flex;
  align-items: center;
  margin: 0 1.8rem 0 0;
  font-size: 3.15rem;
  color: #00479d;
  font-weight: 900
}
#cashless .main-area #section03 .annotation .img-set img:nth-of-type(1) {
  width: 50px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  margin: 0 1rem 0 0
}
#cashless .main-area #section03 .annotation .img-set img:nth-of-type(2) {
  width: 87px;
  margin: 0 0 0 1rem
}
#cashless .main-area #section03 .annotation p {
  font-size: 1.6rem;
  letter-spacing: .05em
}
#cashless .main-area #section03 .annotation p span, #cashless .main-area #section03 .annotation p a {
  font-weight: 900
}
#sms #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0
}
#sms #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 3.5rem
}
#sms #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0
}
#sms #main-visual > .inner .text-area a{
	margin-bottom: 2rem;
}
#sms #main-visual > .inner .text-area a:last-of-type{
	font-size: 1.8rem;
	min-width: 31.6rem;
	padding: 2.6rem 4rem;
}
#sms #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem)
}
#sms #main-visual > .inner .image-area .inner {
  min-height: 58.5rem;
  margin-bottom: 2.7rem
}
#sms #main-visual > .inner .image-area .inner > figure {
  width: 32rem;
  border-radius: 3rem;
  overflow: hidden;
  position: absolute;
  top: 6rem;
  left: 1.2rem
}
#sms #main-visual > .inner .image-area .mv-smartphone {
  width: 31.2rem;
  position: absolute;
  top: 0;
  right: 0
}
#sms #main-visual > .inner .image-area .mv-comment {
  width: 20rem;
  position: absolute;
  top: 33.2rem;
  left: 3.7rem
}
#sms #main-visual > .inner .image-area .mv-illust {
  width: 13.6rem;
  position: absolute;
  bottom: 2.3rem;
  left: 8rem
}
#sms .main-area #section01 {
  padding: 10rem 0 6rem
}
#sms .main-area #section01 .section-title {
  margin-bottom: 3.5rem
}
#sms .main-area #section02 {
  padding: 8rem 0 0
}
#sms .main-area #section02 .section-title {
  margin-bottom: 4.5rem
}
#sms .main-area #section02 .contents-block .example {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch
}
#sms .main-area #section02 .contents-block .example li {
  width: 100%;
  max-width: 35.2rem;
  margin: 0 5.2rem 8rem 0
}
#sms .main-area #section02 .contents-block .example li:nth-of-type(3n) {
  margin-right: 0
}
#sms .main-area #section02 .contents-block .example li > img {
  display: block;
  margin: 0 0 2.4rem
}
#sms .main-area #section02 .contents-block .example li > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #00bec8;
  font-size: 3rem;
  margin: 0 0 2rem
}
#sms .main-area #section02 .contents-block .example li > h3 img {
  display: inline-block;
  width: 6.4rem;
  margin: 0 1rem 0 0
}
#sms .main-area #section02 .contents-block .example li > .text {
  line-height: 1.75;
  margin: 0 0 1.6rem
}
#sms .main-area #section02 .contents-block .example li .sub {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 1.6rem
}
#sms .main-area #section02 .contents-block .example li .sub img {
  width: 12rem;
  margin: 0 2rem 0 0
}
#sms .main-area #section02 .contents-block .example li .sub .link {
  width: calc(100% - 12rem - 2rem);
  font-size: 1.5rem;
  line-height: 1.75
}
#sms .main-area #section02 .contents-block .example li .sub .link:before {
  content: 'リンク';
  display: block;
  color: #fff;
  text-align: center;
  width: 6.4rem;
  background: #035edb;
  font-size: 1.5rem;
  font-weight: 900;
  border-radius: 10rem;
  padding: .6em 1rem;
  margin: 0 0 1.6rem;
  line-height: 1
}
#sms .main-area #section02 .contents-block .example li:first-of-type .sub{
	flex-direction: column;
	align-items: center;
	padding: 0 3rem 1rem;
}
#sms .main-area #section02 .contents-block .example li:first-of-type .sub h3{
	background: #f73824;
	color: #fff;
    font-size: 1.6rem;
	text-align: center;
    border-radius: 15rem;
    padding: 1rem 1.5rem;
	margin: 0 0 1.2rem;
}
#sms .main-area #section02 .contents-block .example li:first-of-type .sub img{
	width: 100%;
	margin: 0 0 1rem 0;
}
#sms .main-area #section02 .contents-block .example li:first-of-type .sub p{
	text-align: center;
}
#sms .main-area #section02 .contents-block .example li .price {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch
}
#sms .main-area #section02 .contents-block .example li .price dt, #sms .main-area #section02 .contents-block .example li .price dd {
  background: #ffdc00;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  padding: .3rem 0;
  text-align: center
}
#sms .main-area #section02 .contents-block .example li .price dt small, #sms .main-area #section02 .contents-block .example li .price dd small {
  font-weight: 500;
  position: relative;
  margin-left: .5rem
}
#sms .main-area #section02 .contents-block .example li .price dt {
  font-size: 2.1rem;
  padding: 2rem 1.4rem 2rem 2.5rem;
  border-radius: 20rem 0 0 20rem
}
#sms .main-area #section02 .contents-block .example li .price dt small {
  font-size: 1.6rem;
  top: .1rem
}
#sms .main-area #section02 .contents-block .example li .price dt:after {
  content: '';
  background: #2d3030;
  width: 1px;
  height: 1.5em;
  position: absolute;
  top: calc(50% - .75em);
  right: 0
}
#sms .main-area #section02 .contents-block .example li .price dd {
  font-size: 2.8rem;
  padding: 2rem 2.5rem 2rem 1.4rem;
  border-radius: 0 20rem 20rem 0
}
#sms .main-area #section02 .contents-block .example li .price dd small {
  font-size: 1.8rem;
  top: .3rem
}
#sms .main-area #section02 .contents-block .example li.useful {
  background: #fffcf8;
  border: 2px solid #00bec8;
  border-radius: 3rem
}
#sms .main-area #section02 .contents-block .example li.useful .block {
  margin: 0 2.6rem;
  padding: 3.5rem 0;
  border-bottom: 1px solid #c8d2d2
}
#sms .main-area #section02 .contents-block .example li.useful .block:last-of-type {
  border-bottom: none
}
#sms .main-area #section02 .contents-block .example li.useful .block h3 {
  text-align: center;
  font-weight: 900;
  margin: 0 0 1.2rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block01 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap
}
#sms .main-area #section02 .contents-block .example li.useful .block.block01 h3 {
  color: #fff;
  font-size: 1.6rem;
  background: #f73824;
  border-radius: 15rem;
  padding: 1rem 1.5rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block01 img {
  width: 30.7rem;
  margin: 0 auto;
  position: relative;
  left: -1rem;
  margin-bottom: .75rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block01 p {
  text-align: center
}
#sms .main-area #section02 .contents-block .example li.useful .block.block02 h3 {
  font-size: 2.2rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block02 p {
  text-align: center;
  font-size: 1.3rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block03 h3 {
  font-size: 2.4rem;
  color: #00bec8
}
#sms .main-area #section02 .contents-block .example li.useful .block.block03 figure {
  width: 22.2rem;
  margin: 0 auto 3.5rem
}
#sms .main-area #section02 .contents-block .example li.useful .block.block03 p {
  line-height: 1.75
}
#sms .main-area #section03 .contents-block ul{
	display: flex;
	flex-wrap: wrap;
	gap:5rem;
}
#sms .main-area #section03 .contents-block ul li{
	width: calc(50% - 2.5rem);
	background: #fffcf8;
    border: 2px solid #00bec8;
    border-radius: 3rem;
    padding: 3.5rem;
}
#sms .main-area #section03 .contents-block ul li:first-of-type{
	width: 100%;
}
#sms .main-area #section03 .contents-block ul li:first-of-type span.badge{
	background: #ffdc00;
    font-size: 2rem;
    font-weight: 700;
    border-radius: 20rem;
    padding: 1.5rem 2.5rem;
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
}
#sms .main-area #section03 .contents-block ul li h3{
	color: #282a2a;
	font-size: 4rem;
	font-weight: 900;
    letter-spacing: .05em;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 3rem;
    
}
#sms .main-area #section03 .contents-block ul li:first-of-type h3{
	margin: 8rem 0 3rem;
}
#sms .main-area #section03 .contents-block ul li h3 + p{
	font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 3rem;
    text-align: center;
}
#sms .main-area #section03 .contents-block ul li .block-box{
	align-items: flex-start;
	gap: 6rem;
	padding: 2rem;
}
#sms .main-area #section03 .contents-block ul li .block-box .block{
	width: calc(50% - 3rem);
	background: #fff;
	border-radius: 20px;
	border: solid 1px #C3C3C3;
    padding: 0 2rem 2rem;
}
#sms .main-area #section03 .contents-block ul li .block-box .block h4{
	color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 2;
	border-radius: 20px 20px 0 0;
    padding: 1rem;
    margin: 0 -2rem 2rem;
}
#sms .main-area #section03 .contents-block ul li .block-box .block:first-of-type::after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 30px solid #00bec8;
	border-right: 0;
	position: absolute;
	top:calc(50% - 60px);
	right: -45px;
}

#sms .main-area #section03 .contents-block ul li .block-box .block:first-of-type h4{
	background: #6E6E6E;
}
#sms .main-area #section03 .contents-block ul li .block-box .block:last-of-type h4{
	background: #00bec8;
}
#sms .main-area #section03 .contents-block ul li .block-box .block .annotation{
	padding: 1rem;
	margin-top: 2rem;
}
/*#sms .main-area #section03 .contents-block ul li .block-box .block .annotation::before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 24px solid transparent;
	border-left: 24px solid transparent;
	border-bottom: 30px solid #f1f1f1;
	border-top: 0;
	position: absolute;
	top: -30px;
	left: calc(50% - 24px);
}*/
#sms .main-area #section03 .contents-block ul li .block-box .block .annotation h5{
	color:#fff;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.8;
}
#sms .main-area #section03 .contents-block ul li .block-box .block:first-of-type .annotation h5{
	background: #939393;
}
#sms .main-area #section03 .contents-block ul li .block-box .block:last-of-type .annotation h5{
	background: #4ECDD4;
}
#sms .main-area #section03 .contents-block ul li .block-box .block .annotation h5 + p{
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 1rem 0 2rem;
}
#sms .main-area #section03 .contents-block ul li .block-box .block .annotation h5 + p:last-of-type{
	margin: 1rem 0 0;
}
#sms .main-area #section03 .contents-block ul li .btn-area{
	display: flex;
    justify-content: center;
    padding: 6rem 2rem 4rem;
}
#sms .main-area #section03 .contents-block ul li .btn-area a{
	background: #ff9700;
    border-color: #ff9700;
    padding: 2.4rem 7.5rem 2.6rem;
    font-size: 2rem;
    text-align: center;
}
#sms .main-area #section03 .contents-block ul li .btn-area a::after{
	content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#sms .main-area #section03 .contents-block ul li .btn-area a:hover span{
	color: #ff9700;
}
#sms .main-area #section03 .contents-block ul li .btn-area a:hover::after{
	background: #ff9700;
}
#sms .main-area #section03 .contents-block ul li table {
  width: 100%;
  border: 1px solid #646969;
  margin: 0 0 1.2rem;
  background: #646969;
  border-collapse: separate;
  border-spacing: 1px
}
#sms .main-area #section03 .contents-block ul li table th,
#sms .main-area #section03 .contents-block ul li table td {
  background: #e9fbfc;
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  padding: .9rem .5rem
}
#sms .main-area #section03 .contents-block ul li table th small,
#sms .main-area #section03 .contents-block ul li table td small {
  font-weight: 500;
  font-size: 1rem;
  margin-left: .3rem
}
#sms .main-area #section03 .contents-block ul li table th span,
#sms .main-area #section03 .contents-block ul li table td span {
  font-weight: 500
}
#sms .main-area #section03 .contents-block ul li dl {
  text-align: center;
  color: #00bec8
}
#sms .main-area #section03 .contents-block ul li dl dt {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 .5rem
}
#sms .main-area #section03 .contents-block ul li dl dd {
  font-weight: 900;
  font-size: 3.4rem;
  line-height: 1;
  margin: 0 0 2.5rem
}
#intelligence #main-visual > .inner {
  padding-bottom: 6rem
}
#intelligence #main-visual > .inner .image-area {
  min-height: 55.3rem
}
#intelligence #main-visual > .inner .image-area picture {
  width: 24.5rem;
  display: block;
  top: 3.2rem;
  left: 33.4rem;
  position: absolute;
  z-index: 4
}
#intelligence #main-visual > .inner .image-area > img {
  position: absolute
}
#intelligence #main-visual > .inner .image-area > img.logo {
  width: 29.4rem;
  top: 39rem;
  left: 4.2rem;
  z-index: 3
}
#intelligence #main-visual > .inner .image-area > img.tablet-image {
  width: 58.2rem;
  top: 10.7rem;
  right: -14.3rem;
  z-index: 2
}
#intelligence #main-visual > .inner .image-area > img.pc-image {
  width: 27.8rem;
  top: 2rem;
  left: 0;
  z-index: 1
}
#intelligence .main-area #section01 {
  padding: 8rem 0 6rem
}
#intelligence .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#intelligence .main-area #section02 {
  padding: 8rem 0 6rem
}
#intelligence .main-area #section02 .section-title {
  margin-bottom: 3.5rem
}
#intelligence .main-area #section02 .contents-block {
  padding: 5.6rem 6rem .8rem
}
#intelligence .main-area #section02 .contents-block ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
#intelligence .main-area #section02 .contents-block ul li {
  width: calc(100% / 3);
  max-width: 312px;
  margin: 0 0 4.8rem
}
#intelligence .main-area #section02 .contents-block ul li img {
  margin: 0 0 2.4rem
}
#intelligence .main-area #section02 .contents-block ul li h3 {
  margin: 0 0 1.7rem;
  color: #00bec8;
  font-weight: 900;
  font-size: 2.8rem
}
#intelligence .main-area #section02 .contents-block ul li p {
  font-size: 1.5rem;
  line-height: 1.73
}
#medicalbox #main-visual > .inner {
  padding-bottom: 9rem
}
#medicalbox #main-visual > .inner .text-area .title-set .inner h1 .logo-image {
  width: 39.5rem;
  height: auto
}
#medicalbox #main-visual > .inner .text-area .title-set .inner p {
  display: flex
}
#medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation {
  width: 33rem;
  padding: 0 0 .1rem;
  display: inline-block;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.45;
  padding-left: 2.4rem
}
#medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation:before {
  content: '';
  background: #2d3030;
  width: 1px;
  height: 3rem;
  display: block;
  position: absolute;
  top: 2px;
  left: 1.2rem
}
#medicalbox #main-visual > .inner .text-area .text {
  letter-spacing: .075em
}
#medicalbox #main-visual > .inner .image-area {
  min-height: 53.8rem
}
#medicalbox #main-visual > .inner .image-area > img {
  position: absolute
}
#medicalbox #main-visual > .inner .image-area > img.text {
  width: 24rem;
  top: 3.5rem;
  left: 29.2rem;
  z-index: 4
}
#medicalbox #main-visual > .inner .image-area > img.logo {
  width: 25.4rem;
  top: 39.4rem;
  left: 3.9rem;
  z-index: 3
}
#medicalbox #main-visual > .inner .image-area > img.tablet-image {
  width: 56.7rem;
  top: 11.6rem;
  right: -11.4rem;
  z-index: 2
}
#medicalbox #main-visual > .inner .image-area > img.pc-image {
  width: 26.8rem;
  top: 1.6rem;
  left: 0;
  z-index: 1
}
#medicalbox #main-visual > .inner .btn-area{
	display: flex;
    align-items: flex-end;
	gap:1.5rem;
}
#medicalbox #main-visual > .inner .btn-area .contact-button{
	padding: 2.4rem 4.75rem 2.6rem
}
#medicalbox .main-area #section01 {
  padding: 8rem 0 7.4rem
}
#medicalbox .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#medicalbox .main-area #section01 .contents-block .endlink {
  text-align: center;
  margin: 2rem 0 0;
  line-height: 1;
  font-size: 100%
}
#medicalbox .main-area #section02 {
  padding: 8rem 0 6rem
}
#medicalbox .main-area #section02 .section-title {
  margin-bottom: 3.5rem
}
#medicalbox .main-area #section03 {
  padding: 6rem 0 8rem
}
#medicalbox .main-area #section03 .section-title {
  margin-bottom: 4rem
}
#medicalbox .main-area #section03 .contents-block {
  padding: 5rem 6.8rem;
  margin-bottom: 3rem
}
#medicalbox .main-area #section03 .contents-block:last-child {
  margin-bottom: 0
}
#medicalbox .main-area #section03 .contents-block .logos {
  text-align: center;
  width: 100%;
  margin-bottom: 2.2rem
}
#medicalbox .main-area #section03 .contents-block .logos img {
  width: auto;
  display: inline-block
}
#medicalbox .main-area #section03 .contents-block h3 {
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: .05rem;
  text-align: center;
  margin: 0 0 5rem
}
#medicalbox .main-area #section03 .contents-block .flexbox {
  justify-content: space-between;
  align-items: flex-start
}
#medicalbox .main-area #section03 .contents-block .image {
  width: 42.4rem;
  background: #f1f1f1
}
#medicalbox .main-area #section03 .contents-block .det {
  width: calc(100% - 42.4rem - 5.6rem)
}
#medicalbox .main-area #section03 .contents-block .det p {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0 0 2rem
}
#medicalbox .main-area #section03 .contents-block .det p span.title {
  display: block
}
#medicalbox-note #main-visual {
  overflow: hidden
}
#medicalbox-note #main-visual > .inner {
  padding-bottom: 6rem
}
#medicalbox-note #main-visual > .inner .text-area .title-set h1 img {
  width: 43.3rem;
  height: auto
}
#medicalbox-note #main-visual > .inner .image-area {
  min-height: 53.8rem
}
#medicalbox-note #main-visual > .inner .image-area > img, #medicalbox-note #main-visual > .inner .image-area > picture {
  position: absolute
}
#medicalbox-note #main-visual > .inner .image-area > img.text, #medicalbox-note #main-visual > .inner .image-area > picture.text {
  width: 25.9rem;
  top: 6rem;
  left: 36rem;
  z-index: 4
}
#medicalbox-note #main-visual > .inner .image-area > img.illust, #medicalbox-note #main-visual > .inner .image-area > picture.illust {
  width: 15rem;
  top: 32rem;
  left: 5rem;
  z-index: 3
}
#medicalbox-note #main-visual > .inner .image-area > img.tablet-image01, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image01 {
  width: 38rem;
  top: 2rem;
  left: -2rem;
  z-index: 1
}
#medicalbox-note #main-visual > .inner .image-area > img.tablet-image02, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image02 {
  width: 45rem;
  top: 15rem;
  right: -11.9rem;
  z-index: 2
}
#medicalbox-note #main-visual > .inner .btn-area{
	display: flex;
    align-items: flex-end;
	gap:1.5rem;
}
#medicalbox-note #main-visual > .inner .btn-area .contact-button{
	padding: 2.4rem 4.75rem 2.6rem
}
#medicalbox-note .main-area #section01 {
  padding: 10rem 0 6rem
}
#medicalbox-note .main-area #section02 {
  padding: 6rem 0 4rem
}
#medicalbox-note .main-area #section03 {
  padding: 4rem 0 8rem
}
#medicalbox-note .main-area #section03 .contents-block {
  align-items: stretch;
  padding: 0 1.6rem
}
#medicalbox-note .main-area #section03 .contents-block div {
  width: 50%
}
#medicalbox-note .main-area #section03 .contents-block div h3 {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1.2rem
}
#medicalbox-note .main-area #section03 .contents-block div ul li {
  margin-bottom: 1.2rem
}
#medicalbox-note .main-area #section03 .contents-block div .annotation {
  font-size: 1.4rem;
  margin-bottom: 3rem
}
#medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3 {
  display: flex;
  align-items: flex-start;
  margin: 0 0 2.6rem
}
#medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3:before {
  content: url("../img/medicalboxnote/check-mark.svg");
  display: inline-block;
  width: 2.4rem;
  margin: 0 .8rem 0 0
}
#medicalbox-note .main-area #section03 .contents-block div:nth-child(2) .text {
  width: 100%;
  max-width: 31rem;
  line-height: 1.75
}
#medicalbox-note .main-area #section03 .contents-block div:nth-child(2) img {
  width: 21.2rem;
  position: absolute;
  bottom: 0;
  right: 0
}
#medicalbox-perio #main-visual {
  overflow: hidden
}
#medicalbox-perio #main-visual > .inner {
  padding-bottom: 6rem
}
#medicalbox-perio #main-visual > .inner .text-area .title-set h1 img {
  width: 43.3rem;
  height: auto
}
#medicalbox-perio #main-visual > .inner .image-area {
  min-height: 53.8rem
}
#medicalbox-perio #main-visual > .inner .image-area > img, #medicalbox-perio #main-visual > .inner .image-area > picture {
  position: absolute
}
#medicalbox-perio #main-visual > .inner .image-area > img.text, #medicalbox-perio #main-visual > .inner .image-area > picture.text {
  width: 25.7rem;
  top: 5.5rem;
  left: 30rem;
  z-index: 3
}
#medicalbox-perio #main-visual > .inner .image-area > img.tablet, #medicalbox-perio #main-visual > .inner .image-area > picture.tablet {
  width: 59.1rem;
  top: 13.4rem;
  right: -16.1rem;
  z-index: 2
}
#medicalbox-perio #main-visual > .inner .image-area > img.pc, #medicalbox-perio #main-visual > .inner .image-area > picture.pc {
  width: 27.8rem;
  top: 2.3rem;
  left: 0;
  z-index: 1
}
#medicalbox-perio .main-area #section01 {
  padding: 8rem 0 6rem
}
#medicalbox-perio .main-area #section02 {
  padding: 6rem 0 8rem
}
#medicalbox-perio .main-area #section02 .contents-block ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5.6rem 6rem 0
}
#medicalbox-perio .main-area #section02 .contents-block ul li {
  width: 100%;
  max-width: 47.6rem;
  margin: 0 8rem 6.4rem 0
}
#medicalbox-perio .main-area #section02 .contents-block ul li:after {
  content: url("../img/common/arrow06.svg");
  display: block;
  width: 4.7rem;
  position: absolute;
  top: 16.2rem;
  right: calc(-4.7rem - 1.7rem)
}
#medicalbox-perio .main-area #section02 .contents-block ul li:nth-of-type(even) {
  margin-right: 0
}
#medicalbox-perio .main-area #section02 .contents-block ul li:nth-of-type(even):after {
  display: none
}
#medicalbox-perio .main-area #section02 .contents-block ul li h3 {
  font-size: 2.6rem;
  color: #00bec8;
  font-weight: 900;
  line-height: 1.5;
  margin: 2.2rem 0 1.6rem
}
#medicalbox-perio .main-area #section02 .contents-block ul li p {
  font-size: 1.5rem;
  line-height: 1.75;
  margin: 0
}
#consultation #main-visual {
  overflow: hidden
}
#consultation #main-visual > .inner{
	align-items: center;
	padding-bottom: 6rem;
}
#consultation #main-visual>.inner .text-area{
	width: 42.5%;
}
#consultation #main-visual > .inner .text-area .title-set h1 span > span{
	color:#2fa8d9;
	display: inline;
}
#consultation #main-visual > .inner .text-area .title-set h1 img {
  width: 43.3rem;
  height: auto
}
#consultation #main-visual>.inner .contact-button:hover span{
	color: #00bec8;
}
#consultation #main-visual>.inner .contact-button:hover:after{
	background: #00bec8;
}
#consultation #main-visual > .inner .image-area {
	width: calc(100% - 42.5% - 3.2rem);
  padding: 2rem 1rem;
}
#consultation #main-visual > .inner .image-area > img, #consultation #main-visual > .inner .image-area > picture {
  position: absolute
}
#consultation #main-visual > .inner .image-area > img.text, #consultation #main-visual > .inner .image-area > picture.text {
  width: 13rem;
  top: 3rem;
  left: -3rem;
  z-index: 5
}
#consultation #main-visual > .inner .image-area > img.tablet, #consultation #main-visual > .inner .image-area > picture.tablet {
  width: 38rem;
  top: 5.5rem;
  right: 12.5rem;
  z-index: 2
}
#consultation #main-visual > .inner .image-area > img.tablet-agreement, #consultation #main-visual > .inner .image-area > picture.tablet-agreement {
  width: 32rem;
  top: 0;
  right: -10rem;
  z-index: 1
}
#consultation #main-visual > .inner .image-area > img.smartphone, #consultation #main-visual > .inner .image-area > picture.smartphone {
  width: 22.9rem;
  top: 10.9rem;
  left: -1.1rem;
  z-index: 4
}
#consultation #main-visual > .inner .image-area > img.logo, #consultation #main-visual > .inner .image-area > picture.logo {
  position: relative;
}
#consultation .main-area #section01 {
	background: #f6f8f8;
	padding: 6rem 0 9rem
}
#consultation .main-area #section01 .inner > .image-area{
	margin-bottom: 9rem;
	position:relative;
}
#consultation .main-area #section01 .inner > .image-area a{
	position: absolute;
	right: -40px;
	bottom: -50px;
}
#consultation .main-area #section01 .inner > .image-area a img{
	width:100%;
	max-width: 460px;
}
#consultation .main-area #section01 .section-title {
    margin-bottom: 4rem;
}
#consultation .main-area #section01{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
#consultation .main-area #section01 .contents-block:last-child {
    margin-bottom: 0;
}
#consultation .main-area #section01 .contents-block {
	background: #f6f8f8;
    padding: 5rem 6.8rem;
    margin-bottom: 3rem;
}
#consultation .main-area #section01 .contents-block h3 {
    font-size: 3.6rem;
    font-weight: 900;
	line-height: 1.3;
    letter-spacing: .05rem;
    text-align: center;
    margin: 0 0 5rem;
}
#consultation .main-area #section01 .flexbox{
	align-items: flex-start;
}
#consultation .main-area #section01 .contents-block .flexbox {
    justify-content: space-between;
    align-items: flex-start;
}
#consultation .main-area #section01 .contents-block.first .image {
    width: 40rem;
	background: #eff5f5;
	margin: 0 auto;
}
#consultation .main-area #section01 .contents-block.first .det {
    width: calc(100% - 40rem - 5rem);
}
#consultation .main-area #section01 .contents-block.half {
    width:calc(50% - 1.5rem);
	min-height: 630px;
}
#consultation .main-area #section01 .contents-block .image {
    width: 30rem;
	margin:0 auto 3rem;
}
#consultation .main-area #section01 .contents-block .det p,
#consultation .main-area #section01 .contents-block p{
    font-size: 1.6rem;
    line-height: 1.75;
    margin: 0 0 2rem;
}
#consultation .main-area #section01 .cta{
	display: flex;
    justify-content: center;
	padding: 6rem 0;
}
#consultation .main-area #section01 .cta a{
	min-width: 320px;
	font-size: 2rem;
	text-align: center;
	padding: 2.4rem 7.5rem 2.6rem;
	margin-right: 3rem;
}
#consultation .main-area #section01 .cta a:last-of-type{
	margin-right: 0;
}
#consultation .main-area #section01 .cta a.or{
	background: #ff9600;
	border: #ff9600 solid 2px;
}
#consultation .main-area #section01 .cta a.or span{
	color: #fff;
}
#consultation .main-area #section01 .cta a.or:hover span{
	color: #ff9600;
}
#consultation .main-area #section01 .cta .contact-button:after{
	content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#consultation .main-area #section01 .cta .contact-button.or:after{
	background-color: #fff;
}
#consultation .main-area #section01 .cta .contact-button.or:hover:after{
	background-color: #ff9600;
}
#consultation .main-area #section02 {
	padding: 6rem 0 4rem
}
#consultation .main-area .section-title h2 span.bl{
	color:#2fa8da;
	font-size:6rem;
	letter-spacing: 6px;
}
#consultation .main-area .section-title .sub{
	font-size: 3.5rem;
	color: #00bfc8;
	padding: 2rem 0;
}
#consultation .main-area .section-title .sub span{
	background: linear-gradient(transparent 70%, #fff27d 70%);
}
#consultation .main-area #section02 p.notes{
	color:#666;
	font-size: 1.2rem;
    font-weight: 400;
}
#consultation .main-area #section02 p.notes span{
	padding: 0 0 0 1.5rem;
}
#consultation .main-area #section02 p.notes span::before{
	content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #666;
    top: 0.5rem;
	left: 0;
    margin: 0 0.25rem;
    position: absolute;  
}
#consultation .main-area #section02 p.notes span.new{
	color:#00bfc8;
}
#consultation .main-area #section02 p.notes span.new::before{
    background: #00bfc8;
}
#consultation .main-area #section02 .bg-block{
	background: #fff;
	padding: 2.4rem 2.4rem 3rem;
	margin: 4rem 0;
	border-radius: 4rem;
	/*filter: drop-shadow(8px 8px 0 #00bec8);*/
}
#consultation .main-area #section02 .flexbox{
	gap: 2rem;
}
#consultation .main-area #section02 .bg-block h3{
	color: #00bec8;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.6;
	text-align: center;
    margin: 0;
}
#consultation .main-area #section02 .bg-block p{
	width: calc(85% - 1rem);
	font-size: 1.5rem;
    line-height: 1.75;
}
#consultation .main-area #section02 .bg-block img{
	width: 15%;
}
#consultation .main-area #section02 .contents-block .column-3block li.full{
	width: 100%;
    max-width: none;
	border-radius: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
	padding: 0;
    margin: 0 0 4rem 0;
	overflow: hidden;
}
#consultation .main-area #section02 .contents-block .column-3block li.full.reverse{
	flex-direction: row-reverse;
}
#consultation .main-area #section02 .contents-block .column-3block li.full .image{
	background: #eff2f1;
	width: 50%;
    height: 100%;
    position: relative;
	padding: 1.5rem;
}
#consultation .main-area #section02 .contents-block .column-3block li.full .image img{
	margin: 0;
}
#consultation .main-area #section02 .contents-block .column-3block li.full .block{
	width: 50%;
    padding: 5.6rem 4.8rem 3.6rem;
}
#consultation .main-area #section02 .contents-block .column-3block li.full .block h3{
	font-size: 3.6rem;
    font-weight: 900;
    margin: 0 0 3.5rem;
}
#consultation .main-area #section02 .contents-block .column-3block li.full .block p{
	font-size: 1.7rem;
    line-height: 1.75;
    margin: 0 0 2rem;
}
#consultation .main-area #section02 .contents-block .column-3block li.half{
	width: calc((100% - 4rem) / 2);
    max-width: 560px;
	border-radius: 4rem;
}
#consultation .main-area #section02 .contents-block .column-3block li.half ul li{
	width: 100%;
    background: none;
	color:#666;
	font-size: 1.5rem;
	line-height: 1.6;
    padding: 0 0 0 2.25rem;
    margin: 0 0 1rem;
    border-radius: 0;
    filter: none;
}
#consultation .main-area #section02 .contents-block .column-3block li.half ul li::before{
	content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #666;
    top: 0.875rem;
	left: 0;
    margin: 0 0.5rem 2rem;
    position: absolute;  
}
#consultation .main-area #section02 .contents-block .column-3block li.half ul li.new{
	color: #00bfc8;
}
#consultation .main-area #section02 .contents-block .column-3block li.half ul li.new::before{
    background: #00bfc8;
}
/**#consultation .main-area #section02 .contents-block .column-3block li.full .block:before {
  content: '';
  background: url("../img/monshin/new-badge.webp") no-repeat;
  background-size: cover;
  width: 8rem;
  height: 8rem;
  position: absolute;
  z-index: 6;
  top: 1.3rem;
  right: 1.3rem
}
#consultation .main-area #section02 .contents-block .column-3block li.full.reverse .block:before {
  content: '';
  background: url("../img/monshin/new-badge.webp") no-repeat;
  background-size: cover;
  width: 8rem;
  height: 8rem;
  position: absolute;
  z-index: 6;
  top: 1.3rem;
  left: 1.3rem
}**/
#consultation .main-area #section02 .contents-block .column-3block li:last-of-type{
	margin: 0 0 4rem 0;
}
#consultation .main-area #section02 .flexbox{
	gap:1rem;
	justify-content: center;
    align-items: flex-start;
	margin: 2rem 0;
}
#consultation .main-area #section02 .flexbox .block{
	width:calc(50% - 1rem)
}
#consultation .main-area #section02 .flexbox .block .image{
	padding:1rem;
}
#consultation .main-area #section02 .flexbox .block .image img{
	margin:0;
}
#consultation .main-area #section02 .flexbox .block p.before-visiting,
#consultation .main-area #section02 .flexbox .block p.after-visiting{
	font-size: 1.6rem;
	text-align: center;
}
#consultation .main-area #section02 .flexbox .block p.before-visiting{
	background: #fff;
    color: #00bfc8;
	border: 2px solid #00bfc8;
    border-radius: 1rem;
    padding: 0.5rem 2rem;
    margin: 0 0 2rem;
}
#consultation .main-area #section02 .flexbox .block p.after-visiting{
	background: #00bfc8;
    color: #fff;
	border: 2px solid #00bfc8;
    border-radius: 1rem;
    padding: 0.5rem 2rem;
    margin: 0 0 2rem;
	
}
#consultation .main-area #section02 .flexbox .block h4{
	color: #666;
	font-size: 1.8rem;
	border-bottom: 1px solid #333;
    margin: 0 0 2rem;
    line-height: 1.8;
}
#consultation .main-area #section02 .flexbox .block h4.new{
	color: #00bfc8;
	border-bottom: 1px solid #00bfc8;
}
#consultation .main-area #section02 ul.remarks{
	margin: 4rem 0;
}
#consultation .main-area #section02 ul.remarks li{
	padding-left: 1.2em;
    font-size: 1.2rem;
    line-height: 1.75;
}
#consultation .main-area #section03{
	padding: 0 0 8rem;
}
#consultation .main-area #section03 .inner{
	background: #fef205;
	padding: 2.4rem 2.4rem 3rem;
    border-radius: 2rem;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .15));
	display: flex;
    align-items: center;
    gap: 2rem;
	flex-wrap: wrap;
}
#consultation .main-area #section03 .inner h2{
	width: 25%;
}
#consultation .main-area #section03 .inner p{
	width: calc(75% - 2rem);
	line-height: 2;
}
#consultation .main-area #section03 .inner p span{
	font-size: 2rem;
	font-weight: 900;
}
#consultation .main-area #logo-area figure img {
	max-width: 800px;
	margin: 0 auto;
}
#online #main-visual {
  overflow: hidden
}
#online #main-visual > .inner .image-area {
  min-height: 60.3rem
}
#online #main-visual > .inner .image-area > img, #online #main-visual > .inner .image-area > picture, #online #main-visual > .inner .image-area > span {
  position: absolute
}
#online #main-visual > .inner .image-area > img.effect, #online #main-visual > .inner .image-area > picture.effect, #online #main-visual > .inner .image-area > span.effect {
  width: 38.1rem;
  top: 7.7rem;
  left: 4.8rem;
  z-index: 4
}
#online #main-visual > .inner .image-area > img.mv-img01, #online #main-visual > .inner .image-area > picture.mv-img01, #online #main-visual > .inner .image-area > span.mv-img01 {
  width: 30rem;
  top: .6rem;
  left: 0rem;
  z-index: 2;
  overflow: hidden;
  border-radius: 2rem
}
#online #main-visual > .inner .image-area > img.laptop, #online #main-visual > .inner .image-area > picture.laptop, #online #main-visual > .inner .image-area > span.laptop {
  width: 67.2rem;
  top: 20rem;
  left: 10.7rem;
  z-index: 3
}
#online #main-visual > .inner .image-area > img.logo, #online #main-visual > .inner .image-area > picture.logo, #online #main-visual > .inner .image-area > span.logo {
  width: 15.7rem;
  top: 2.2rem;
  left: 36.2rem;
  z-index: 1
}
#online .main-area #section01 {
  padding: 9rem 0 8rem
}
#online .main-area #section02 {
  padding: 5rem 0 9rem
}
#denwagarakuda #main-visual > .inner{
	gap:3rem;
}
#denwagarakuda #main-visual > .inner .text-area {
  width: 62.5%;
  padding: 3.2rem 0;
}
#denwagarakuda #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 1.5rem
}
#denwagarakuda #main-visual > .inner .text-area .title-set .logo {
	width: 100%;
	max-width: 43rem;
	height: auto;
}
#denwagarakuda #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0
}
#denwagarakuda  #main-visual>.inner .image-area{
	width: calc(100% - 52.5% - 3.2rem);
	padding: 3.2rem 0;
}
#denwagarakuda  #main-visual>.inner .image-area .mv-illust {
	border-radius: 8px;
}
#denwagarakuda .main-area #section01{
	background: #e0f6f4;
}
#denwagarakuda .main-area #section01 .inner .contents-block{
	background: #fff;
    padding: 4rem 2rem;
    border-radius: 3rem;
}
#denwagarakuda .main-area #section01 .inner .contents-block h3{
	font-size: 3.2rem;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 4rem;
}
#denwagarakuda .main-area #section01 .inner .contents-block p {
	font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .1em;
    text-align: center;
	margin-bottom: 2rem;
}
#denwagarakuda .main-area #section01 .section-title p.sub{
	font-size: 3.2rem;
}
#denwagarakuda .main-area #section02 {
	background: #e0f6f4;
	padding: 3rem 3rem 8rem;
}
#denwagarakuda .main-area #section03 .inner .contents-block .border-block-list{
	gap: 2rem;
	margin-bottom: 8rem;
}
#denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li {
	width: calc(25% - 2.4rem);
	background: #fff;
    border: 4px solid #00bec8;
    border-radius: 2rem;
    padding: 1.5rem 1rem 1rem;
    margin: 0;
    position: relative;
}
#denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li img{
	width:120px;
	height:auto;
	margin:0 auto 1rem;
}
#denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li h3{
	text-align: center;
    line-height: 1.4;
}
#denwagarakuda .main-area #section03 .inner .contents-block .circle-3column li h3{
	font-size:2.4rem;
	line-height: 1.3;
}
#denwagarakuda .main-area #section03 .inner .contents-block .circle-3column li p{
	text-align:left;
}
#denwagarakuda .main-area #section04{
	background: #f6f8f8;
}
#denwagarakuda .main-area #section04 .inner h2{
	font-size:4rem;
	letter-spacing: .3em;
	text-align: center;
	margin-bottom:6rem;
}
#denwagarakuda .main-area #section04 .inner p{
	font-weight: 500;
	text-align:left;
	line-height:1.73;
	margin-bottom: 4rem;
}
#denwagarakuda .main-area #section04 .inner p a{
	color:#03bfc8;
}
#denwagarakuda .main-area #section04 .inner ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
#denwagarakuda .main-area #section04 .inner ul li{
	width:33.3333%;
	position:relative;
	list-style:none;
	text-align:center;
	font-weight:bold;
	padding:0 2rem;
}
#denwagarakuda .main-area #section04 .inner ul li::before{
	display:block;
	z-index:2;
	width:18px;
	height:18px;
	margin:3rem auto;
	content: "";
	text-align:center;
	border-radius:50%;
	background-color:#fff;
	border: 3px solid #03bfc8;
}
#denwagarakuda .main-area #section04 .inner ul li::after{
	position:absolute;
	z-index:1;
	top:4rem;
	left:-50%;
	width:100%;
	height:3px;
	content: "";
	background-color: #03bfc8;
}
#denwagarakuda .main-area #section04 .inner ul li:first-child::after{
	content: none;
}
#denwagarakuda .main-area #section04 .inner ul li h3{
	font-size: 2rem;
	margin:3rem 0;
}
#denwagarakuda .main-area #section04 .inner ul li figure{
	margin: 3rem 0 2rem;
}
#denwagarakuda .main-area #section04 .inner ul li figure img{
	border-radius: 1rem;
}
#denwagarakuda .main-area #section04 .inner ul li span{
	background:#03bfc8;
	color:#fff;
	padding:1rem 1.5rem;
	border-radius: 1rem;
}
#denwagarakuda .main-area #section05 .contents{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#denwagarakuda .main-area #section05 .contents .item{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 6rem;
}
#denwagarakuda .main-area #section05 .contents .item h3{
	font-size: 2.8rem;
	line-height: 1.3;
	letter-spacing: .2rem;
	margin-bottom: 2rem;
}
#denwagarakuda .main-area #section05 .contents .item h3 span{
	background: #09bfc8;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0;
    padding: 5px 10px;
	border-radius: 8px;
    display: inline-block;
	margin-bottom: 1rem;
}
#denwagarakuda .main-area #section05 .contents .item .question,
#denwagarakuda .main-area #section05 .contents .item .faq-answer{
	width: 100%;
	display: flex;
	align-items: center;
	gap:2rem;
}
#denwagarakuda .main-area #section05 .contents .item .question{
	margin-bottom: 2rem;
}
#denwagarakuda .main-area #section05 .contents .item .question .image{
	width: 130px;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
}
#denwagarakuda .main-area #section05 .contents .item .question .text{
	width: calc(100% - 130px);
	background: #fffaf5;
	color: #555;
	font-size: 16px;
	position: relative;
	display: inline-block;
	padding: 3rem;
}
#denwagarakuda .main-area #section05 .contents .item .question .text::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fffaf5;
}
#denwagarakuda .main-area #section05 .contents .item .question .text p.bubble{
	font-size: 1.8rem;
	line-height: 1.8;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer{
	margin-bottom: 2rem;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .image{
	background: #f2f2f2;
	width: 150px;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .text{
	width: calc(100% - 150px);
	background: #e0f6f4;
	color: #555;
	font-size: 16px;
	position: relative;
	display: inline-block;
	padding: 3rem;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .text::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #e0f6f4;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .text p.bubble{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: .1em;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .text p.notes{
	font-size: 1.4rem;
    font-weight: 400;
	line-height: 1.8;
	margin-top: 1rem;
}
#denwagarakuda .main-area #section05 .contents .item .faq-answer .text sup{
	vertical-align: top;
}
#kaodepass #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0
}
#kaodepass #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 3.5rem
}
#kaodepass #main-visual > .inner .text-area .title-set h1 img {
  width: 36rem;
  height: auto;
}
#kaodepass #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0
}
#kaodepass #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem)
}
#kaodepass #main-visual > .inner .image-area .inner {
  min-height: 58.5rem;
  margin-bottom: 2.7rem
}
#kaodepass #main-visual > .inner .image-area .inner > figure {
  width: 32rem;
  border-radius: 3rem;
  overflow: hidden;
  position: absolute;
  bottom: 12rem;
  left: 1.2rem
}
#kaodepass #main-visual > .inner .image-area .mv-monitor {
  width: 31.2rem;
  position: absolute;
  top: 8rem;
  right: 0
}
#kaodepass #main-visual > .inner .image-area .mv-comment {
  width: 25rem;
  position: absolute;
  bottom: 38rem;
  left: 0.5rem
}
#kaodepass #main-visual > .inner .image-area .mv-illust {
  width: 13.6rem;
  position: absolute;
  bottom: 2.3rem;
  left: 8rem
}
#kaodepass .main-area #section01 {
  padding: 10rem 0 6rem
}
#kaodepass .main-area #section01 .section-title {
  margin-bottom: 3.5rem
}
#kaodepass .main-area #section02 {
  padding: 8rem 0 0
}
#kaodepass .main-area #section02 .section-title {
  margin-bottom: 4.5rem
}
#kaodepass .main-area #section02 .inner .contents-block ul li:before {
  display: none;
}
#kaodepass .main-area #section02 .inner .contents-block ul li img.option {
	width: 6rem;
	top: -14px;
    left: -14px;
	position: absolute;
}
#kaodepass .main-area #section02 .security {
  background: #f4f4f4;
  padding: 4rem;
  margin: 0 0 4rem;
}
#kaodepass .main-area #section02 .security .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
#kaodepass .main-area #section02 .security .inner .text h3 {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1.2rem;
}
#kaodepass .main-area #section02 .security .inner .text p {
  font-size: 1.5rem;
  line-height: 1.75;
}
#kaodepass .main-area #section02 .security .inner .image {
  width: 300px;
}
#kaodepass .main-area #section02 .annotation {
  display: flex;
  justify-content: center;
  align-items: center
}
#kaodepass .main-area #section02 .annotation .img-set {
  display: flex;
  align-items: center;
  margin: 0 1.8rem 0 0;
  font-size: 3.15rem;
  color: #00479d;
  font-weight: 900
}
#kaodepass .main-area #section02 .annotation .img-set img:nth-of-type(1) {
  width: 180px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  margin: 0 1rem 0 0
}
#kaodepass .main-area #section02 .annotation p {
  font-size: 1.6rem;
  letter-spacing: .05em
}
#kaodepass .main-area #section02 .annotation p span, #cardapp .main-area #section03 .annotation p a {
  font-weight: 900
}
#kaodepass .main-area #section02 .inner ul {
  margin: 4rem 0;
}
#kaodepass .main-area #section02 .inner ul li {
  padding-left: 1.2em;
  font-size: 1.2rem;
  line-height: 1.75;
}
#kaodepass .main-area #section02 .inner ul li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}
#goannaiban #main-visual>.inner{
  align-items: center;	
}
#goannaiban #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0;
}
#goannaiban #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 3.5rem;
}
#goannaiban #main-visual > .inner .text-area .title-set h1 img {
  width: 36rem;
  height: auto;
}
#goannaiban #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0;
}
#goannaiban #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem);
}
#goannaiban #main-visual > .inner .image-area .inner{
	min-height: 58.5rem;
    margin-bottom: 2.7rem;
}
#goannaiban #main-visual > .inner .image-area .inner video{
  border-radius: 15px;
}
#goannaiban #main-visual > .inner .image-area .inner > figure {
  width: 28rem;
  border-radius: 3rem;
  overflow: hidden;
  position: absolute;
  top: 10rem;
  left: 1.2rem;
}
#goannaiban #main-visual > .inner .image-area .mv-monitor {
  width: 42rem;
  position: absolute;
  top: 25rem;
  right: 0;
}
#goannaiban #main-visual > .inner .image-area .mv-comment {
  width: 25rem;
  position: absolute;
  bottom: 37rem;
  right: .5rem;
}
#goannaiban #main-visual > .inner .image-area .mv-illust {
  width: 13.6rem;
  position: absolute;
  bottom: 2.3rem;
  left: 8rem
}
#goannaiban #main-visual > .inner .image-area .logo {
  width: 13.6rem;
  position: absolute;
  top: 36rem;
  left: 1rem;
}
#goannaiban section.btn-area{
  text-align: center;
  padding: 2rem 1.6rem 4rem;
}
#goannaiban section.btn-area .contact-button {
  padding: 2.4rem 7.5rem 2.6rem;
  font-size: 2rem;
}
#goannaiban section.btn-area .contact-button:after {
    content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(../img/common/arrow03.svg);
    mask: url(../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#goannaiban .main-area #section01 {
  padding: 10rem 0 6rem
}
#goannaiban .main-area #section01 .section-title {
  margin-bottom: 3.5rem
}
#goannaiban .main-area #section01 .circle-3column h3{
	line-height: 1.4;
}
#goannaiban .main-area #section02 {
  padding: 6rem 0 8rem
}
#goannaiban .main-area #section02 .section-title {
  margin-bottom: 4.5rem
}
#goannaiban .main-area #section02 .section-title .sub {
  line-height: 1.4;
}
#goannaiban .main-area #section02 .contents-block .display {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 4rem 2rem 2rem;
}
#goannaiban .main-area #section02 .contents-block .display p {
  font-size: 1.5rem;
  line-height: 1.75;
  text-align: center;
  margin-top: 1rem;
}
#goannaiban .main-area #section02 .contents-block .display .display-2 h3 {
  background: #00bec8;
  color: #fff;
  text-align: center;
  padding: 2rem;
}
#goannaiban .main-area #section02 .contents-block .display .display-2 .inner {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 2rem 0;
}
#goannaiban .main-area #section02 .contents-block .display .display-1 {
  padding: 0 2rem 2rem;
}
#goannaiban .main-area #section02 .contents-block .display .display-1 h3 {
  background: #0085c8;
  color: #fff;
  text-align: center;
  padding: 2rem;
  margin-bottom: 2rem;
}
#goannaiban .main-area #section03{
	padding:8rem 0 2rem;
}
#goannaiban .main-area #section03 .annotation {
  display: flex;
  justify-content: center;
  align-items: center
}
#goannaiban .main-area #section03 .annotation .img-set {
  display: flex;
  align-items: center;
  margin: 0 1.8rem 0 0;
  font-size: 3.15rem;
  color: #00479d;
  font-weight: 900
}
#goannaiban .main-area #section03 .inner .contents-block ul li:before {
  display: none;
}
#goannaiban .main-area #section03 .inner .contents-block ul li ul {
  margin: 1rem 0;
}
#goannaiban .main-area #section03 .inner .contents-block ul li ul li {
  width: 100%;
  max-width: 100%;
  background: none;
  border-radius: 0;
  filter: none;
  padding: 0 0 0 1.2rem;
  margin: 0 0 .5rem;
}
#goannaiban .main-area #section03 .inner .contents-block ul li ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
}
#goannaiban .main-area #section03 .annotation .img-set img {
  width: 150px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  margin: 0 1rem 0 0
}
#goannaiban .main-area #section03 .annotation p {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.75;
}
#goannaiban .main-area #section03 .annotation p span, #cardapp .main-area #section03 .annotation p a {
  font-weight: 900
}
#goannaiban .main-area #section03 .inner ul {
  margin: 4rem 0;
}
#goannaiban .main-area #section03 .inner ul li {
  padding-left: 1.2em;
  font-size: 1.2rem;
  line-height: 1.75;
}
#goannaiban .main-area #section03 .inner ul li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}
#goannaiban .main-area #section05{
	padding: 2rem 0 8rem;
}
#goannaiban .main-area #section05 .inner .section-title{
  margin: 3rem 0 1rem;;
}
#goannaiban .main-area #section05 .inner .section-title h2{
	margin: 0;
}
#goannaiban .main-area #section05 .inner .contents-block{
  display: flex;
  align-items: center;
}
#goannaiban .main-area #section05 .inner .contents-block .img{
  width: 35%;
  padding: 2.4rem 2.4rem 3rem;
}
#goannaiban .main-area #section05 .inner .contents-block .text{
  width: 65%;
  padding: 2.4rem 2.4rem 3rem;	
}
#goannaiban .main-area #section05 .inner .contents-block .text p{
	line-height: 1.73;
	margin: 0 0 2rem;
}
#goannaiban .main-area #section05 .inner .contents-block .text p span{
	font-weight: 700;
}
#sugoiuketsukesan #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0
}
#sugoiuketsukesan #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 3.5rem
}
#sugoiuketsukesan #main-visual > .inner .text-area .title-set h1 img {
  width: 36rem;
  height: auto;
}
#sugoiuketsukesan #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0
}
#sugoiuketsukesan #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem)
}
#sugoiuketsukesan #main-visual > .inner .image-area .inner {
  min-height: 58.5rem;
  margin-bottom: 2.7rem
}
#sugoiuketsukesan #main-visual > .inner .image-area .inner > figure {
  overflow: hidden;
  position: absolute;
}
#sugoiuketsukesan .main-area #section01 {
  background: #f6f8f8;
  padding: 10rem 0 6rem
}
#sugoiuketsukesan .main-area #section01 .section-title {
  margin-bottom: 3.5rem
}
#sugoiuketsukesan .main-area #section01 .contents-block p{
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  margin: 0 0 2rem;
}
#sugoiuketsukesan .main-area #section02 {
  padding: 10rem 0 6rem
}
#sugoiuketsukesan .main-area #section02 .section-title {
  margin-bottom: 3.5rem
}
#sugoiuketsukesan .main-area #section02 .circle-3column h3{
	line-height: 1.4;
}
#sugoiuketsukesan .main-area #section03 {
  padding: 6rem 0 8rem
}
#sugoiuketsukesan .main-area #section03 .section-title {
  margin-bottom: 4.5rem
}
#sugoiuketsukesan .main-area #section03 .section-title .sub {
  line-height: 1.4;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 4rem 2rem 2rem;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display p {
  font-size: 1.5rem;
  line-height: 1.75;
  text-align: center;
  margin-top: 1rem;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display .display-2 h3 {
  background: #00bec8;
  color: #fff;
  text-align: center;
  padding: 2rem;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display .display-2 .inner {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 2rem 0;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display .display-1 {
  padding: 0 2rem 2rem;
}
#sugoiuketsukesan .main-area #section03 .contents-block .display .display-1 h3 {
  background: #0085c8;
  color: #fff;
  text-align: center;
  padding: 2rem;
  margin-bottom: 2rem;
}
#sugoiuketsukesan .main-area #section04{
	padding: 8rem 0 2rem;
}
#sugoiuketsukesan .main-area #section04 .annotation {
  display: flex;
  justify-content: center;
  align-items: center
}
#sugoiuketsukesan .main-area #section04 .annotation .img-set {
  display: flex;
  align-items: center;
  margin: 0 1.8rem 0 0;
  font-size: 3.15rem;
  color: #00479d;
  font-weight: 900
}
#sugoiuketsukesan .main-area #section04 .inner .contents-block ul li:before {
  display: none;
}
#sugoiuketsukesan .main-area #section04 .inner .contents-block ul li ul {
  margin: 1rem 0;
}
#sugoiuketsukesan .main-area #section04 .inner .contents-block ul li ul li {
  width: 100%;
  max-width: 100%;
  background: none;
  border-radius: 0;
  filter: none;
  padding: 0 0 0 1.2rem;
  margin: 0 0 .5rem;
}
#sugoiuketsukesan .main-area #section04 .inner .contents-block ul li ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
}
#sugoiuketsukesan .main-area #section04 .annotation .img-set img {
  width: 150px;
  margin: 0 1rem 0 0;
}
#sugoiuketsukesan .main-area #section04 .annotation p {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.75;
}
#sugoiuketsukesan .main-area #section04 .annotation p span, #cardapp .main-area #section03 .annotation p a {
  font-weight: 900
}
#sugoiuketsukesan .main-area #section04 .inner ul {
  margin: 4rem 0;
}
#sugoiuketsukesan .main-area #section04 .inner ul li {
  padding-left: 1.2em;
  font-size: 1.2rem;
  line-height: 1.75;
}
#sugoiuketsukesan .main-area #section04 .inner ul li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}
#sugoiuketsukesan .main-area #section05{
	padding: 2rem 0 8rem;
}
#sugoiuketsukesan .main-area #section05 .inner .section-title{
  margin: 3rem 0 1rem;;
}
#sugoiuketsukesan .main-area #section05 .inner .section-title h2{
	margin: 0;
}
#sugoiuketsukesan .main-area #section05 .inner .contents-block{
  display: flex;
  align-items: center;
}
#sugoiuketsukesan .main-area #section05 .inner .contents-block .img{
  width: 35%;
  padding: 2.4rem 2.4rem 3rem;
}
#sugoiuketsukesan .main-area #section05 .inner .contents-block .text{
  width: 65%;
  padding: 2.4rem 2.4rem 3rem;	
}
#sugoiuketsukesan .main-area #section05 .inner .contents-block .text p{
	line-height: 1.73;
	margin: 0 0 2rem;
}
#sugoiuketsukesan .main-area #section05 .inner .contents-block .text p span{
	font-weight: 700;
}
#line #main-visual>.inner{
  align-items: center;	
}
#line #main-visual > .inner .text-area {
  width: 47.6%;
  padding: 3.2rem 0 0;
}
#line #main-visual > .inner .text-area .title-set .inner {
  margin: 0 0 3.5rem;
}
#line #main-visual > .inner .text-area .title-set h1 img {
  width: 36rem;
  height: auto;
}
#line #main-visual > .inner .text-area .title-set .inner p span.fee {
  font-weight: 500;
  display: block;
  font-size: 1.2rem;
  margin: 1rem 0 0;
}
#line #main-visual > .inner .image-area {
  width: calc(100% - 47.6% - 3.2rem);
}
#line #main-visual > .inner .image-area .inner{
	min-height: 58.5rem;
    margin-bottom: 2.7rem;
}
#line #main-visual > .inner .image-area .inner video{
  border-radius: 15px;
}
#line #main-visual > .inner .image-area .inner > figure:first-of-type {
	width: 44rem;
	border-radius: 3rem;
	overflow: hidden;
	position: absolute;
	top: 10rem;
	left: 1.2rem;
}
#line #main-visual > .inner .image-area .inner > figure:nth-of-type(2) {
	width: 18rem;
	padding: .375rem;
	position: absolute;
	bottom: 0;
	right: -2rem;
	z-index: 1;
}
#line section.btn-area{
  text-align: center;
  padding: 2rem 1.6rem 4rem;
}
#line section.btn-area .contact-button {
  padding: 2.4rem 7.5rem 2.6rem;
  font-size: 2rem;
}
#line section.btn-area .contact-button:after {
    content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(../img/common/arrow03.svg);
    mask: url(../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#line .main-area #section01 {
  padding: 10rem 0 6rem
}
#line .main-area #section01 .section-title {
	line-height: 1.4;
  margin-bottom: 3.5rem;
}
#line .main-area #section01 .contents-block{
	display:flex;
	gap:5rem;
}
#line .main-area #section01 .contents-block .img{
	width:37.5%;
}
#line .main-area #section01 .contents-block .text{
	width:60%;
}
#line .main-area #section01 .contents-block .text ul li{
	background: #fff;padding: 2.4rem 2.4rem 3rem;margin:0 0 2rem;border-radius: 2rem; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .15));
}
#line .main-area #section01 .contents-block .text ul li:first-of-type,#line .main-area #section01 .contents-block .text ul li:nth-of-type(2){
	display: flex;
	gap:2rem;
}
#line .main-area #section01 .contents-block .text ul li img{
	width: 25%;
	height: 100%;
}
#line .main-area #section01 .contents-block .text ul li .text{
	width: 75%;
}
#line .main-area #section01 .contents-block .text ul li h3{
	color: #00bec8;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.6;
    margin: 0 0 1.5rem;
}
#line .main-area #section01 .contents-block .text ul li p{
	font-size: 1.5rem;
    line-height: 1.75;
}
#line .main-area .common-faq .table-area{
	margin-top:2rem;
}
#line .main-area .common-faq .table-area table{
	margin-bottom: 2rem;
}
#line .main-area .common-faq .table-area table th{
	width: 35%;
}
#line .main-area .common-faq .table-area table td{
	width: 32.5%;
}
#line .main-area .common-faq .table-area table span{
	font-size: 1.2rem;
    top: -.2em;
}
#line .main-area .common-faq .annotation-list{
	counter-reset: note;
}
#line .main-area .common-faq .annotation-list li{
	padding-left: 1em;
    font-size: 1.2rem;
    line-height: 1.75;
}
#line .main-area .common-faq .annotation-list li:before{
	counter-increment: note;
	content: counter(note);
}
#web-reservation #main-visual > .inner{
	padding-bottom: 6rem;
}
#main-visual>.inner .text-area .apotoolbox span:first-of-type:after{
	display: none;
}
#web-reservation .main-area #section01{
	background: #e0f7f4;
}
#web-reservation .main-area #section01 .section-title p.sub:nth-of-type(2){
	font-size: 3rem;
    padding: 2rem 0;
}
#web-reservation .main-area #section01 .contents-block .circle-3column{
	justify-content: center;
	gap: 3rem;
}
#web-reservation .main-area #section01 .contents-block .circle-3column > li{
	background: #fff;
    padding: 2rem;
    border-radius: 2rem;
}
#web-reservation .main-area #section01 .contents-block .circle-3column > li > ul li{
	width: 100%;
	line-height: 1.75;
    padding-left: 1.75em;
    margin: 0 0 1.5rem;
    letter-spacing: .05em;
}
#web-reservation .main-area #section01 .contents-block .circle-3column > li > ul li::before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
    width: 2rem;
    display: inline-block;
    position: absolute;
    top: .3em;
    left: 0;
}
#web-reservation .main-area #section01 p.conclusion{
	color: #282a2a;
	font-size: 4rem;
	font-weight: 900;
    letter-spacing: .05em;
	line-height: 1.4;
	text-align: center;
    padding: 16rem 0 4rem;
	position: relative;
}
#web-reservation .main-area #section01 p.conclusion > span::before{
	content: '';
	background: url(/wp-content/themes/Apotool/assets/img/web-reservation/ic_arrow_01.webp);
	background-size: contain;
	width:120px;
	height:120px;
	display: inline-block;
	position: absolute;
	top: -180px;
	left:80px;
}
#web-reservation .main-area #section01 p.conclusion > span::after{
	content: '';
	background: url(/wp-content/themes/Apotool/assets/img/web-reservation/ic_arrow_02.webp);
	background-size: contain;
	width:120px;
	height:120px;
	display: inline-block;
	position: absolute;
	top: -180px;
	right:80px;
}
#web-reservation .main-area #section01 p.conclusion .with-dots span {
	font-size: 4.6rem;
	position: relative;
	display: inline-block;
}
#web-reservation .main-area #section01 p.conclusion .with-dots span::before{
	content: "・";
	color: #00bec8;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	font-size: .7em;
	line-height: 1;
}
#web-reservation .main-area #section01 p.conclusion .underline{
	font-size: 4.6rem;
	text-decoration: underline;
	text-decoration-color: #00bec8;
	text-decoration-thickness: 6px;
	text-underline-offset: 6px;
}
#web-reservation .main-area #section02 .section-title h3{
	padding: 2rem 0;
}
#web-reservation .main-area #section02 .section-title h3 .title{
	font-size: 3rem;
	position: relative;
	display: inline-block;
}
#web-reservation .main-area #section02 .section-title h3 .title::before,
#web-reservation .main-area #section02 .section-title h3 .title::after{
	content: '';
    position: absolute;
    top: 0;
    height: 4rem;
}
#web-reservation .main-area #section02 .section-title h3 .title::before{
	border-left: solid 4px #00bec8;
    left: -3rem;
    transform: rotate(-30deg);
}
#web-reservation .main-area #section02 .section-title h3 .title::after{
	border-right: solid 4px #00bec8;
    right: -3rem;
    transform: rotate(30deg);
}
#web-reservation .main-area #section02 p.sub{
	font-size: 2.2rem;
    text-align: center;
	margin-top: 4rem;
}
#web-reservation .main-area #section02 .contents-block.border-block{
	background: #fff;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .15));
	overflow: hidden;
}
#web-reservation .main-area #section02 .contents-block .flexbox{
	gap:3rem;
}
#web-reservation .main-area #section02 .contents-block .flexbox .image{
	background: #f0f2f2;
	width:calc(45% - 1.5rem);
	padding: 2rem;
}
#web-reservation .main-area #section02 .contents-block .flexbox .det{
	width:calc(55% - 1.5rem);
	padding: 2rem;
}
#web-reservation .main-area #section02 .contents-block .flexbox .det h3{
	color: #00bec8;
	font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.6;
    margin: 0 0 1rem;
}
#web-reservation .main-area #section02 .contents-block .flexbox .det p{
	font-size: 1.5rem;
    line-height: 1.75;
}
#web-reservation .main-area #section03 .contents-block{
	background: #fff;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .15));
	overflow: hidden;
}
#web-reservation .main-area #section03 .contents-block .flexbox{
	gap:3rem;
}
#web-reservation .main-area #section03 .contents-block .flexbox .image{
	background: #f0f2f2;
	width:calc(45% - 1.5rem);
	padding: 2rem;
}
#web-reservation .main-area #section03 .contents-block .flexbox .det{
	width:calc(55% - 1.5rem);
	padding: 2rem;
}
#web-reservation .main-area #section03 .contents-block .flexbox .det h3{
	color: #00bec8;
	font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.6;
    margin: 0 0 1rem;
}
#web-reservation .main-area #section03 .contents-block .flexbox .det h4{
	font-size: 1.8rem;
    margin: 0 0 2rem;
}
#web-reservation .main-area #section03 .contents-block .flexbox .det p{
	font-size: 1.5rem;
    line-height: 1.75;
}
#web-reservation .main-area #section03 p.sub{
	font-size: 2.2rem;
    text-align: center;
	margin-top: 4rem;
}
#datalinkage {
  font-feature-settings: normal
}
#datalinkage .main-area #section01 {
  padding: 4rem 0 10rem
}
#datalinkage .main-area #section01 h1 {
  font-feature-settings: 'palt'
}
#datalinkage .main-area #section01 h1 span {
  font-size: 3rem
}
#datalinkage .main-area #section01 h1 .sub {
  font-size: 1.8rem
}
#datalinkage .main-area #section01 .contents-block p.text-area {
  margin-bottom: 3rem;
  line-height: 1.75
}
#datalinkage .main-area #section01 .contents-block .mv-image {
  width: 57.5rem;
  margin: 0 auto 8rem
}
#datalinkage .main-area #section01 .contents-block section {
  padding: 0 0 8rem
}
#datalinkage .main-area #section01 .contents-block section h2 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 1.5rem;
  padding: 0 0 .3rem 1.8rem
}
#datalinkage .main-area #section01 .contents-block section h2 span {
  font-size: 90%
}
#datalinkage .main-area #section01 .contents-block section table {
  width: 100%;
  margin: 0 0 2rem
}
#datalinkage .main-area #section01 .contents-block section table tr {
  background: #fff
}
#datalinkage .main-area #section01 .contents-block section table tr:nth-of-type(even) {
  background: #f8fafa
}
#datalinkage .main-area #section01 .contents-block section table th, #datalinkage .main-area #section01 .contents-block section table td {
  border: 1px solid #d6d8d8;
  padding: 1.5rem 1.1rem;
  font-weight: 500;
  line-height: 1.75;
}
#datalinkage .main-area #section01 .contents-block section table td a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3rem
}
#datalinkage .main-area #section01 .contents-block .remarks li {
  font-size: 1.2rem;
  line-height: 1.75;
  padding: 0 0 0 1.5em
}
#datalinkage .main-area #section01 .contents-block .remarks li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}
#datalinkage .main-area #section01 .contents-block .date {
  font-size: 1.8rem
}
#privacy .main-area #section01 {
  padding: 6rem 0
}
#privacy .main-area #section01 .contents-block p.first {
  margin-bottom: 3rem;
  line-height: 1.75;
  font-size: 1.5rem
}
#terms .main-area #section01 {
  padding: 6rem 0
}
#terms .main-area #section01 .contents-block p.first {
  margin-bottom: 3rem;
  line-height: 1.75;
  font-size: 1.5rem
}
#news .main-area #section01 {
  padding: 6rem 0 10rem
}
#news .main-area #section01 .section-title {
  margin-bottom: 6rem
}
#news .main-area #section01 .section-title h1 {
  margin-bottom: 0
}
#news .main-area #section01 .contents-block .news-list {
  margin-bottom: 4rem
}
#news-article .main-area .inner {
  max-width: 800px
}
#news-article .main-area #section01 {
  padding: 6rem 0 10rem
}
#news-article .main-area #section01 .section-title {
  margin-bottom: 2rem
}
#news-article .main-area #section01 .section-title h1 {
  margin-bottom: 0
}
#news-article .main-area #section01 .section-title h1 span {
  font-size: 4rem;
  text-align: left;
  line-height: 1.5
}
#flow {
  font-feature-settings: normal
}
#flow .main-area #section01 {
  padding: 6rem 0
}
#flow .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#flow .main-area #section01 .steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch
}
#flow .main-area #section01 .steps li {
  width: 26.4rem;
  border-radius: 2rem;
  overflow: hidden;
  background: #f4f6f6
}
#flow .main-area #section01 .steps li .head {
  background: #ffdc00;
  padding: 2rem
}
#flow .main-area #section01 .steps li .head img {
  height: 5rem;
  object-fit: contain
}
#flow .main-area #section01 .steps li .head:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #ffdc00
}
#flow .main-area #section01 .steps li .contents {
  padding: 3rem 3rem 3rem
}
#flow .main-area #section01 .steps li .contents h2 {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 2rem;
  font-weight: 900
}
#flow .main-area #section01 .steps li .contents .illust {
  width: 16.4rem;
  height: 16.4rem;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto 2.4rem
}
#flow .main-area #section01 .steps li .contents p {
  font-size: 1.5rem;
  line-height: 1.75
}
#flow .main-area #section02 {
  padding: 0 0 10rem 0
}
#flow .main-area #section02 .inner {
  border: 3px solid #ffdc00;
  padding: 6.5rem 5.7rem 4.7rem;
  border-radius: 4rem
}
#flow .main-area #section02 .section-title {
  margin-bottom: 4rem
}
#flow .main-area #section02 .contents-block img {
  width: 61.4rem;
  margin: 0 auto 4rem
}
#flow .main-area #section02 .contents-block ul {
  display: flex;
  justify-content: space-between
}
#flow .main-area #section02 .contents-block ul li {
  width: 32rem
}
#flow .main-area #section02 .contents-block ul li h3 {
  font-size: 2.6rem;
  font-weight: 900;
  margin-bottom: 2rem;
  text-align: center
}
#flow .main-area #section02 .contents-block ul li p {
  font-size: 1.4rem;
  line-height: 1.75
}
h2.min {
  font-size: 3rem;
  font-weight: 500;
  border-left: 8px solid #00bec8;
  margin: 0 0 1.5rem;
  padding: 0 0 0 2rem;
  line-height: 1.5
}
#requirements {
  font-feature-settings: normal
}
#requirements .main-area #section01 {
  padding: 6rem 0 10rem
}
#requirements .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#requirements .main-area #section01 .contents-block {
  margin-bottom: 8rem
}
#requirements .main-area #section01 .contents-block:last-of-type {
  margin-bottom: 0
}
#requirements .main-area #section01 .contents-block .text-area {
  margin: 0 0 4.5rem
}
#requirements .main-area #section01 .contents-block .text-area p {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0 0 2rem
}
#requirements .main-area #section01 .contents-block h2 {
  font-size: 3rem;
  font-weight: 500;
  border-left: 8px solid #00bec8;
  margin: 0 0 1.5rem;
  padding: 0 0 0 2rem;
  line-height: 1.5
}
#requirements .main-area #section01 .contents-block table {
  margin: 0 0 2rem
}
#requirements .main-area #section01 .contents-block table th, #requirements .main-area #section01 .contents-block table td {
  font-weight: 500;
  line-height: 1.5
}
#requirements .main-area #section01 .contents-block table span {
  font-size: 1.2rem;
  top: -.2em
}
#requirements .main-area #section01 .contents-block .annotation {
  font-size: 1.2rem;
  line-height: 1.75
}
#requirements .main-area #section01 .contents-block .annotation .notes {
  margin: 2rem 0 0
}
#requirements .main-area #section01 .contents-block .annotation .notes li {
  color: #ff0000;
  font-size: 1.6rem
}
#receiptcomputer {
  font-feature-settings: normal
}
#receiptcomputer .main-area #section01 {
  padding: 6rem 0 10rem
}
#receiptcomputer .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#receiptcomputer .main-area #section01 .contents-block {
  margin-bottom: 8rem
}
#receiptcomputer .main-area #section01 .contents-block:last-of-type {
  margin-bottom: 0
}
#receiptcomputer .main-area #section01 .contents-block .text-area {
  margin: 0 0 4rem
}
#receiptcomputer .main-area #section01 .contents-block .text-area p {
  font-size: 1.6rem;
  line-height: 1.75
}
#receiptcomputer .main-area #section01 .contents-block .mv {
  width: 82.8rem;
  margin: 0 auto 8rem
}
#receiptcomputer .main-area #section01 .contents-block .annotation {
  background: #f6f8f8;
  padding: 3rem;
  margin: 4rem 0 0;
  font-size: 1.5rem;
  line-height: 1.75
}
#receiptcomputer .main-area #section01 .contents-block .annotation h3 {
  font-size: 1.6rem;
  font-weight: 900
}
#receiptcomputer .main-area #section01 .contents-block .annotation ul li {
  margin: 0 0 2rem
}
#receiptcomputer .main-area #section01 .contents-block .annotation ul li h4 {
  font-size: 1.5rem;
  font-weight: 900
}
#receiptcomputer .main-area #section01 .contents-block .annotation ul li p {
  padding-left: 1em;
  font-size: 1.5rem
}
#receiptcomputer .main-area #section01 .contents-block .annotation ul.important li {
  margin: 0 0;
  padding-left: 1em
}
#receiptcomputer .main-area #section01 .contents-block .annotation ul.important li:before {
  content: '※';
  position: absolute;
  left: 0
}
#receiptcomputer .main-area #section01 .contents-block .maker-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
#receiptcomputer .main-area #section01 .contents-block .maker-list .list-group {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
#receiptcomputer .main-area #section01 .contents-block .maker-list .list-group h5:last-of-type {
  border-width: 1px 0 1px 1px
}
#receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type th, #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type td {
  border-width: 1px
}
#receiptcomputer .main-area #section01 .contents-block .maker-list h5 {
  display: flex;
  align-items: center;
  width: 522px;
  border: solid #d6d8d8;
  padding: 2rem 1.2rem;
  border-width: 1px 0 0 1px;
  font-size: 1.6rem
}
#receiptcomputer .main-area #section01 .contents-block .maker-list h5.center {
  justify-content: center
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table {
  width: calc(100% - 522px)
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table th, #receiptcomputer .main-area #section01 .contents-block .maker-list table td {
  background: #fff;
  border: 1px solid #d6d8d8;
  border-width: 1px 1px 0 1px;
  width: 145px;
  padding: 2rem 1.2rem;
  font-size: 1.6rem;
  box-sizing: border-box
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table th:first-child, #receiptcomputer .main-area #section01 .contents-block .maker-list table td:first-child {
  width: 348px
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table tr.gray th, #receiptcomputer .main-area #section01 .contents-block .maker-list table tr.gray td {
  background: #f8fafa
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table tr.color-change th {
  text-align: center;
  background: #fff
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table th {
  text-align: left
}
#receiptcomputer .main-area #section01 .contents-block .maker-list table td {
  text-align: center
}
#casestudy {
  font-feature-settings: normal
}
#casestudy .main-area {
  padding: 6rem 0 10rem
}
#casestudy .main-area #section01 {
  padding: 0
}
#casestudy .main-area #section01 .inner {
  width: 100%;
  max-width: none;
  padding: 0
}
#casestudy .main-area #section01 #examples {
  width: calc(125rem * 3);
  left: calc(50% + 125rem);
  transform: translateX(-50%);
  margin: 0;
  background: #00bec8;
  padding: 5rem 0 9.2rem
}
#casestudy .main-area #section01 #examples .slick-list {
  overflow: visible;
	position: relative;
	z-index: 1;
}
#casestudy .main-area #section01 #examples .slick-dots {
	bottom: 5rem;
	left: -125rem;
}
#casestudy .main-area #section01 #examples .slick-dots li {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .8rem
}
#casestudy .main-area #section01 #examples .slick-dots li.slick-active button:before {
  background: #fff
}
#casestudy .main-area #section01 #examples .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box
}
#casestudy .main-area #section01 #examples .slick-dots li button:before {
  content: '';
  background: transparent;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  border-radius: 100%;
  transition: .3s;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  padding: 0;
  opacity: 1
}
#casestudy .main-area #section01 #examples .slick-dots li button:hover:before {
  background: #fff
}
#casestudy .main-area #section01 #examples .slick-next, #casestudy .main-area #section01 #examples .slick-prev {
  z-index: 9;
  width: 3rem;
  height: auto;
  top: 46%;
  transform: translateY(-50%)
}
#casestudy .main-area #section01 #examples .slick-next:before, #casestudy .main-area #section01 #examples .slick-prev:before {
  content: url("../img/common/arrow07.svg");
  display: block;
  width: 100%
}
#casestudy .main-area #section01 #examples .slick-next {
  right: calc(50% - (125rem / 2) - 1.5rem + 125rem);
}
#casestudy .main-area #section01 #examples .slick-prev {
  left: calc(50% - (125rem / 2) - 1.5rem - 125rem);
  transform: translateY(-50%) scaleX(-1)
}
#casestudy .main-area #section01 #examples .block {
  max-width: 125rem;
  background: #fff;
  margin: 0 4.5rem;
  border-radius: 1.2rem;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  overflow: hidden
}
#casestudy .main-area #section01 #examples .block a {
  display: flex;
  color: #2d3030
}
#casestudy .main-area #section01 #examples .block a:hover {
  text-decoration: none;
  opacity: .7
}
#casestudy .main-area #section01 #examples .block a.pickup .name:before {
  content: url("../img/casestudy/icon-pickup.svg");
  width: 8.2rem;
  margin: 0 .8rem 0 0;
  display: inline-block;
  vertical-align: middle;
}
#casestudy .main-area #section01 #examples .block .image {
  width: 48rem;
  height: auto;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 0;
}
#casestudy .main-area #section01 #examples .block .image img {
  /*width: auto;*/
	width:100%;
	height:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	object-fit: cover;
	
}
#casestudy .main-area #section01 #examples .block .details {
  padding: 3.2rem 4rem 2rem
}
#casestudy .main-area #section01 #examples .block .details .name {
  font-size: 1.6rem;
  margin: 0 0 2rem
}
#casestudy .main-area #section01 #examples .block .details h2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 2rem
}
#casestudy .main-area #section01 #examples .block .details .text {
  font-size: 1.6rem;
  line-height: 1.75
}
#casestudy .main-area #section01 #examples .block .details .interview {
  color: #03bfc8;
  font-size: 1.6rem;
  line-height: 1.75;
	margin-top: 1rem;
}
#casestudy .main-area #section01 #examples:before{
	content: ''; 
	display: block; 
	background:#00bec8; 
	width: 100%; 
	height: 100%; 
	position: absolute;
	top: 0;
	left: -125rem;
	z-index: 0;
}
#casestudy .main-area #section01 .document-download{
	max-width: 900px;
	display:block;
	padding: 8rem 2rem;
	margin: 0 auto;
}
#casestudy .main-area #section01 .document-download .contents-box{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}
#casestudy .main-area #section01 .document-download .contents-box .image{
	flex: 2.5;
}
#casestudy .main-area #section01 .document-download .contents-box .text{
	flex: 7.5;
}
#casestudy .main-area #section01 .document-download .contents-box .text h3{
	font-size: 3.4rem;
    line-height: 4rem;
	text-align: center;
    margin: 2rem 0 2rem;
}
#casestudy .main-area #section01 .document-download .contents-box .text p{
	line-height: 1.4;
    margin-bottom: 2rem;
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area{
	display: flex;
	justify-content: center;
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area a{
	background: #ff9600;
	color: #fff;
	border: #ff9600 solid 3px;
	border-radius: 20rem;
	padding: 1.6rem 2rem;
	box-shadow: 0px 5px 0px #8B5100;
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area a span span{
	display: inline;
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area a::before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url('/wp-content/themes/Apotool/assets/img/casestudy/icon-download.webp') no-repeat center / contain;
	margin-right: 2rem;	
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area a:hover{
	box-shadow: unset;
	transform: translateY(4px);
	text-decoration: none;
}
#casestudy .main-area #section01 .document-download .contents-box .text .btn-area a:hover span{
	
}
#casestudy .main-area #section02 {
  padding: 6rem 0 4rem
}
#casestudy .main-area #section02 .section-title {
  margin-bottom: 2rem
}
#casestudy .main-area #section02 .section-title h2 span {
  font-size: 3.2rem;
  font-weight: 500
}
#casestudy .main-area #section02 .contents-block #search {
  background: #f6f8f8;
  border-radius: 3rem;
  padding: 1.5rem 4rem 5rem
}
#casestudy .main-area #section02 .contents-block #search dl {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 0 3rem
}
#casestudy .main-area #section02 .contents-block #search dl dt, #casestudy .main-area #section02 .contents-block #search dl dd {
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
#casestudy .main-area #section02 .contents-block #search dl dt:last-of-type, #casestudy .main-area #section02 .contents-block #search dl dd:last-of-type {
  border-bottom: none
}
#casestudy .main-area #section02 .contents-block #search dl dt {
  width: 15rem;
  font-size: 1.6rem;
  font-weight: 700
}
#casestudy .main-area #section02 .contents-block #search dl dd {
  font-size: 1.5rem;
  width: 93rem;
  margin-top: 1.5rem;
  padding: 0 0 0 2rem
}
#casestudy .main-area #section02 .contents-block #search dl dd ul {
  display: flex;
  flex-wrap: wrap
}
#casestudy .main-area #section02 .contents-block #search dl dd ul li {
  margin: 0 1.5rem 1.2rem 0
}
#casestudy .main-area #section02 .contents-block #search dl dd input[type="radio"], #casestudy .main-area #section02 .contents-block #search dl dd input[type="checkbox"] {
  display: none
}
#casestudy .main-area #section02 .contents-block #search dl dd input[type="radio"]:checked + label, #casestudy .main-area #section02 .contents-block #search dl dd input[type="checkbox"]:checked + label {
  background: #646969;
  color: #fff
}
#casestudy .main-area #section02 .contents-block #search dl dd label {
  font-feature-settings: "palt";
  display: inline-block;
  padding: 1.2rem 1.6rem;
  border-radius: 20rem;
  cursor: pointer;
  transition: .3s
}
#casestudy .main-area #section02 .contents-block #search dl dd label:hover {
  background: #dfdfdf
}
#casestudy .main-area #section02 .contents-block #search dl dd:before {
  content: '';
  display: block;
  width: 1px;
  height: calc(100% - 1.2rem);
  background: #dfdfdf;
  position: absolute;
  top: 0;
  left: 0
}
#casestudy .main-area #section02 .contents-block #search .button-set {
  display: flex;
  justify-content: center;
  align-items: center
}
#casestudy .main-area #section02 .contents-block #search .button-set button {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #646969;
  background: #fff;
  transition: .3s;
  cursor: pointer;
  padding: 2rem 6rem;
  display: inline-block;
  margin: 0 1rem;
  border: 2px solid #dfdfdf;
  border-radius: 10rem
}
#casestudy .main-area #section02 .contents-block #search .button-set button:hover {
  color: #2d3030;
  border: 2px solid #646969
}
#casestudy .main-area #section02 .contents-block #search .toggle-arrow {
  display: none
}
#casestudy .main-area #section03 {
  padding: 0
}
#casestudy .main-area #section03 .column-3blockB {
	justify-content: flex-start;
	gap: 4rem;
	margin-bottom: 4rem;
}
#casestudy .main-area #section03 .column-3blockB li{
	margin-bottom: 0;
}
#casestudy-detail {
  font-feature-settings: normal
}
#casestudy-detail .main-area {
  padding: 6rem 0 10rem
}
#casestudy-detail .main-area #section01 {
  padding: 0
}
#casestudy-detail .main-area #section01 .section-title {
  margin-bottom: 2rem
}
#casestudy-detail .main-area #section01 .section-title h1 {
  text-align: left;
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 .section-title h1 span {
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0
}
#casestudy-detail .main-area #section01 .contents-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}
#casestudy-detail .main-area #section01 #main {
  width: 80rem
}
#casestudy-detail .main-area #section01 #main .eye-catch {
  margin: 0 0 4rem
}
#casestudy-detail .main-area #section01 #main p {
  line-height: 1.75;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
#casestudy-detail .main-area #section01 #main .question, #casestudy-detail .main-area #section01 #main .interview-end {
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.75
}
#casestudy-detail .main-area #section01 #main .question:before, #casestudy-detail .main-area #section01 #main .interview-end:before {
  content: '';
  width: 4.4rem;
  height: 2px;
  background: #2d3030;
  display: inline-block;
  vertical-align: middle;
  margin: 0 .6rem
}
#casestudy-detail .main-area #section01 #main .question {
  margin: 0 0 3rem
}
#casestudy-detail .main-area #section01 #main .interview-end {
  margin: 6rem 0
}
#casestudy-detail .main-area #section01 #main .first-text {
  margin-bottom: 4rem
}
#casestudy-detail .main-area #section01 #main .effect-flow {
  background: #f6f8f8;
  padding: 5rem;
  margin: 0 0 6rem
}
#casestudy-detail .main-area #section01 #main .effect-flow:before {
  content: '';
  height: calc(100% - 22rem);
  width: .8rem;
  position: absolute;
  top: 50%;
  left: 9rem;
  z-index: 0;
  background: #e9eaea;
  transform: translateY(-50%)
}
#casestudy-detail .main-area #section01 #main .effect-flow dl {
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  z-index: 1
}
#casestudy-detail .main-area #section01 #main .effect-flow dl:last-of-type {
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 #main .effect-flow dl dt {
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 100%;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap
}
#casestudy-detail .main-area #section01 #main .effect-flow dl dd {
  width: calc(100% - 8.8rem);
  padding: .4rem 0 0 2rem
}
#casestudy-detail .main-area #section01 #main .effect-flow dl dd ul li {
  font-size: 1.5rem;
  padding-left: 1.5em;
  line-height: 1.75;
  margin-bottom: 4px
}
#casestudy-detail .main-area #section01 #main .effect-flow dl dd ul li:last-of-type {
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 #main .effect-flow dl dd ul li:before {
  content: '●';
  font-size: 1.1rem;
  position: absolute;
  left: 0;
  top: .25em
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kadai dt {
  background: #ff9600
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kadai dd li:before {
  color: #ff9600
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kaiketsu dt {
  background: #c8d2d2
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kaiketsu dd li {
  color: #646969
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kaiketsu dd li:before {
  color: #c8d2d2
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kouka dt {
  background: #00bec8
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kouka dd li {
  font-weight: 900
}
#casestudy-detail .main-area #section01 #main .effect-flow dl.kouka dd li:before {
  color: #00bec8
}
#casestudy-detail .main-area #section01 #main section {
  margin-bottom: 8rem;
  padding: 0
}
#casestudy-detail .main-area #section01 #main section:last-of-type {
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 #main section h2 {
  font-size: 3.2rem;
  font-weight: 900;
  margin-bottom: 4rem
}
#casestudy-detail .main-area #section01 #main section .interview-block {
  margin-bottom: 6rem
}
#casestudy-detail .main-area #section01 #main section .interview-block:last-of-type, #casestudy-detail .main-area #section01 #main section .interview-block > *:last-child {
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 #main .support-center {
  border-top: 1px solid #d8dcdc;
  padding: 3rem 0 0;
  line-height: 2;
  font-size: 1.6rem
}
#casestudy-detail .main-area #section01 #main .support-center dt {
  font-weight: 900
}
#casestudy-detail .main-area #section01 #sub {
  width: 32rem;
  position: -webkit-sticky;
  position: sticky;
  top: 9rem;
  left: 0;
  border: 3px solid #00bec8;
  border-radius: 3rem;
  padding: 2.5rem 2.1rem
}
#casestudy-detail .main-area #section01 #sub > * {
  padding: 1.5rem 0;
  width: 100%;
  border-top: 1px solid #d8dcdc
}
#casestudy-detail .main-area #section01 #sub h2 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.75;
  padding: 0 0 1.75rem;
  border: none
}
#casestudy-detail .main-area #section01 #sub p {
  font-size: 1.5rem;
  line-height: 1.75;
  margin-bottom: 0
}
#casestudy-detail .main-area #section01 #sub .doctor-list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-top: 1px solid #d8dcdc;
  padding-bottom: .5rem
}
#casestudy-detail .main-area #section01 #sub .doctor-list li {
  width: 50%;
  margin: 0 0 1rem
}
#casestudy-detail .main-area #section01 #sub .doctor-list li .image {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 1.4rem
}
#casestudy-detail .main-area #section01 #sub .doctor-list li p {
  text-align: center
}
#casestudy-detail .main-area #section01 #sub > div {
  border-top: 1px solid #d8dcdc
}
#casestudy-detail .main-area #section01 #sub > div h4 {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1.75
}
#casestudy-detail .main-area #section02 {
  padding-bottom: 0
}
#casestudy-detail .main-area #section02 .section-title {
  margin-bottom: 4rem
}
#casestudy-detail .main-area #section02 .section-title h2 {
  margin-bottom: 0
}
#casestudy-detail .main-area #section02 .section-title h2 span {
  font-size: 3.2rem;
  font-weight: 500
}
#casestudy-detail .main-area #section02 #other-recommend {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 4rem
}
#casestudy-detail .main-area #section02 #other-recommend .block {
  width: calc((100% - 8rem) / 3);
  background: #fff;
  max-width: 360px;
  padding: 0;
  margin: 0;
  border-radius: 2rem;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));
  overflow: hidden
}
#casestudy-detail .main-area #section02 #other-recommend .block a {
  color: #2d3030
}
#casestudy-detail .main-area #section02 #other-recommend .block a:hover {
  opacity: .7;
  text-decoration: none
}
#casestudy-detail .main-area #section02 #other-recommend .block .image {
  height: 18rem;
  overflow: hidden;
  margin: 0 0 1.75rem
}
#casestudy-detail .main-area #section02 #other-recommend .block .image img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#casestudy-detail .main-area #section02 #other-recommend .block .details {
  padding: 0 3rem 3.5rem
}
#casestudy-detail .main-area #section02 #other-recommend .block .details .name {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0 0 1.25rem
}
#casestudy-detail .main-area #section02 #other-recommend .block .details h2, #casestudy-detail .main-area #section02 #other-recommend .block .details h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 0 1.75rem
}
#casestudy-detail .main-area #section02 #other-recommend .block .details .text {
  font-size: 1.4rem;
  line-height: 1.75
}
#casestudy-detail .main-area #section02 .button {
  text-align: center
}
#casestudy-detail .main-area #section02 .button a {
  display: inline-block;
  font-size: 1.75rem;
  padding: 2rem 3rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#casestudy-detail .main-area #section02 .button a span {
  color: #2d3030;
  font-weight: 500
}
#column {
  font-feature-settings: normal
}
#column .main-area {
  padding: 6rem 0 10rem
}
#column .main-area #section01 {
  padding: 0
}
#column .main-area #section01 .section-title {
  width: 100%;
  margin-bottom: 4.5rem
}
#column .main-area #section01 .section-title h1 {
  margin-bottom: 0
}
#column .main-area #section01 .section-title h1 span {
  font-size: 4.8rem;
  line-height: 1.5;
  letter-spacing: 0
}
#column .main-area #section01 .contents-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}
#column .main-area #section01 #main {
  width: 80rem
}
#column .main-area #section01 #main .post-list li {
  padding: 0 0 3rem;
  margin: 0 0 5rem;
  border-bottom: 1px solid #d8dcdc
}
#column .main-area #section01 #main .post-list li a img {
  transition: .3s
}
#column .main-area #section01 #main .post-list li a h2 {
  font-size: 2.8rem;
  margin: 4rem 0 1rem;
  transition: .3s;
  color: #2d3030;
  line-height: 1.5;
  letter-spacing: .05em;
  font-feature-settings: 'palt'
}
#column .main-area #section01 #main .post-list li a:hover {
  text-decoration: none
}
#column .main-area #section01 #main .post-list li a:hover img {
  opacity: .7
}
#column .main-area #section01 #main .post-list li a:hover h2 {
  color: #5a6060
}
#column .main-area #section01 #main .post-list li .categories {
  margin: 0 0 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
#column .main-area #section01 #main .post-list li .categories .category a {
  font-size: 1.6rem;
  font-weight: 900
}
#column .main-area #section01 #main .post-list li .categories .category a:hover {
  color: #69d2d2
}
#column .main-area #section01 #main .post-list li .categories time {
  font-size: 1.6rem
}
#column .main-area #section01 #main .post-list li .post-head {
  font-size: 1.6rem;
  line-height: 1.75
}
#column .main-area #section01 #sub {
  width: 32rem
}
#column .main-area #section01 #sub dl {
  margin-bottom: 7rem
}
#column .main-area #section01 #sub dl:last-of-type {
  margin-bottom: 0
}
#column .main-area #section01 #sub dl dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 900;
  padding: 1.4rem 0 1.6rem 5.6rem
}
#column .main-area #section01 #sub dl dt:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}
#column .main-area #section01 #sub dl dt.hot-post:before {
  content: url("../img/common/icon-hot.svg");
  width: 2.6rem;
  display: block;
  margin: 0 1.5rem
}
#column .main-area #section01 #sub dl dt.post-category:before {
  content: url("../img/common/icon-list.svg");
  width: 2.6rem;
  display: block;
  margin: 0 1.5rem
}
#column .main-area #section01 #sub dl dd ul li a {
  color: #2d3030;
  font-size: 1.5rem;
  line-height: 1.75;
  padding: 1.4rem 0 1.8rem 2.6rem;
  display: block;
  border-top: 1px solid #d8dcdc
}
#column .main-area #section01 #sub dl dd ul li a:before {
  content: '';
  background: #2d3030;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 2.5rem;
  left: 8px
}
#column.post .main-area #section01 {
  padding: 0
}
#column.post .main-area #section01 .section-title {
  margin-bottom: 2rem
}
#column.post .main-area #section01 .section-title h1 {
  text-align: left;
  margin-bottom: 0
}
#column.post .main-area #section01 .section-title h1 span {
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0
}
#column.post .main-area #section01 #main .eye-catch {
  margin: 0 0 4rem
}
#column.post .main-area #section01 #main p {
  line-height: 1.75;
  font-size: 1.6rem;
  margin-bottom: 1.5rem
}
#column.post .main-area #section01 #main #entry-head {
  margin-bottom: 8rem
}
#column.post .main-area #section01 #main h2 {
  font-size: 3.2rem;
  font-weight: 900;
  margin-bottom: 4rem
}
#column.post .main-area #section01 #main .author-area{
	background: #f9f9f9;
	padding: 3rem 2rem;
	margin-bottom: 3rem;
}
#column.post .main-area #section01 #main .author-area .author-area-title{
	text-align:center;
}
#column.post .main-area #section01 #main .author-area .author-area-inner{
	display: flex;
	align-items: center;
    column-gap: 2rem;
	row-gap: 2rem;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-img{
	width:15%;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-img img{
	width: 110px;
	height: 110px;
    object-fit: cover;
	border-radius: 50%;
    border: 1px solid #ddd;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile{
	width:85%;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile .author-name-area{
	display: flex;
	align-items: center;
    column-gap: 2rem;
	margin-bottom: .5rem;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile .author-name-area p{
	font-size: 1.6rem;
	font-weight:700;
	margin-bottom: 0;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile .author-name-area span{
	background: #e5e5e5;
	font-size: 1.4rem;
	font-weight: 400;
	padding: .5rem 1rem;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-text{
	font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-link{
	font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-link a{
	background: none;
    color: #2d3030;
    padding: .5rem 2rem;
    border: 1px solid #2d3030;
    line-height: 1;
    margin: 1rem 0 0;
	position: relative;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-link a::before{
	content: "";
	right: 1rem;
	width: 4px;
	height: 4px;
	border-top: 1px solid #2d3030;
	border-right: 1px solid #2d3030;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	margin: auto;
    bottom: 0;
    top: 0;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-link a:hover{
	background:#2d3030;
	color:#fff;
	text-decoration:none;
}
#column.post .main-area #section01 #main .author-area .author-area-inner .author-profile p.profile-link a:hover::before{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
#column.post .main-area #section01 #main .support-center {
  border-top: 1px solid #d8dcdc;
  padding: 3rem 0 0;
  line-height: 2;
  font-size: 1.6rem;
  margin: 0 0 3rem
}
#column.post .main-area #section01 #main .support-center {
  border-top: 1px solid #d8dcdc;
  padding: 3rem 0 0;
  line-height: 2;
  font-size: 1.6rem;
  margin: 0 0 3rem
}
#column.post .main-area #section01 #main .support-center dt {
  font-weight: 900
}
#toc_container{
	background: #f9f9f9;
	padding: 2rem;
	margin: 5rem 0;
}
#toc_container .toc_title{
	text-align: center;
}
#toc_container ul.toc_list li{
	list-style:none;
}
#toc_container ul.toc_list li a{
	color:#2d3030;
}
#toc_container ul.toc_list li a span{
	color:#00bfc8;
	margin-right: 0.25rem;
}
#column.post .main-area ol{
	counter-reset: number 0;
	list-style: none;
	padding: 2rem 0 4rem 4.5rem;
}
#column.post .main-area ol li{
	line-height: 1.6;
	position:relative;
	padding: 0.5rem 0;
}
#column.post .main-area ol li::before{
	counter-increment: number 1;
	content: counter(number)" ";
	position: absolute;
	left: -3.5rem;
	background: #00bfc8;
	color: #fff;
	text-align: center;
	line-height: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	font-size: 14px;
}
#column.post .main-area ul{
	counter-reset: number 0;
	list-style: none;
	padding: 2rem 0 4rem 4rem;
}
#column.post .main-area ul li{
	line-height: 1.6;
	position:relative;
	padding: .5rem 0 .5rem .5rem;
	margin-left:0;
}
#column.post .main-area ul li::marker{
	color:#00bfc8;
}
#column.post .main-area ul.toc_list{
	padding: 0;
}
#column.post .main-area ul.toc_list li{
	padding: 0;
}
#column.post .main-area ul.toc_list > li{
	padding: .5rem 0 1rem;
}
#column.post .main-area ul.toc_list li ul{
	padding: 0 1rem;
}
#seminarevent {
  font-feature-settings: normal
}
#seminarevent .main-area #section01 {
  padding: 6rem 0 10rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div {
  width: 100%;
  max-width: 36rem;
  margin: 0 4rem 6rem 0
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div:nth-of-type(3n) {
  margin-right: 0
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .over .image {
  background: #000
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .over .image img {
  opacity: .56
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .over .image:before {
  content: '開催終了';
  font-size: 1.35rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #282a2a;
  color: #fff;
  padding: .7rem 1rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div a {
  display: block;
  color: #2d3030;
  text-decoration: none
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div a:hover {
  opacity: .5
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .image {
  border-radius: .8rem;
  overflow: hidden;
  margin: 0 0 1.6rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .image img {
  position: relative;
  z-index: 0
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories {
  display: flex;
  margin: 0 0 2rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li {
  font-size: 1.2rem;
  min-width: 6.4rem;
  text-align: center;
  font-weight: 400;
  border-radius: .4rem;
  margin: 0 .6rem 0 0;
  padding: .3rem .8rem .5rem;
  border: 1px solid #c8c8c8
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live {
  background: #ff1e1e;
  border: none;
  color: #fff;
  font-weight: 700
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live img {
  width: 2.8rem;
  display: inline-block;
  position: relative;
  top: 1px
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live:before {
  content: url("../img/common/ico-live.svg");
  width: 1.6rem;
  display: inline-block;
  margin: 0 .6rem 0 0;
  position: relative;
  top: 55%;
  transform: translateY(-50%)
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .details {
  padding: 0 0 1rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time {
  font-size: 1.4rem;
  margin: 0 0 .8rem;
  display: block
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span {
  font-size: 2.4rem;
  font-weight: 700
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span.year {
  font-size: 1.6rem
}
#seminarevent .main-area #section01 .inner .contents-block #seminar-list > div p {
  line-height: 1.75
}
#seminarevent.thanks .main-area #section01 {
  padding: 6rem 0 10rem
}
#seminarevent.thanks .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#seminarevent.thanks .main-area .button {
  text-align: center
}
#seminarevent.thanks .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#seminarevent.thanks .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#seminarevent.form .main-area .inner {
  max-width: 800px
}
#seminarevent.form .main-area .eyecatch {
  margin: 0 0 5rem
}
#seminarevent.form .main-area .eyecatch.over {
  background: #000
}
#seminarevent.form .main-area .eyecatch.over img {
  opacity: .56
}
#seminarevent.form .main-area .eyecatch.over:before {
  content: '開催終了';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: #282a2a;
  font-size: 1.5rem;
  z-index: 1;
  padding: 1rem 1rem;
  color: #fff
}
#seminarevent.form .main-area .section-title {
  margin-bottom: 2rem
}
#seminarevent.form .main-area .section-title h1 {
  margin-bottom: 0;
  text-align: left
}
#seminarevent.form .main-area .section-title h1 span {
  font-size: 4rem;
  line-height: 1.5;
  font-feature-settings: 'palt'
}
#seminarevent.form .main-area .categories {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3rem
}
#seminarevent.form .main-area .categories li {
  font-size: 1.6rem;
  min-width: inherit;
  text-align: center;
  font-weight: 400;
  border-radius: .4rem;
  margin: 0 .6rem 1rem 0;
  padding: .5rem 1.5rem .8rem;
  border: 1px solid #c8c8c8
}
#seminarevent.form .main-area .categories li.live {
  background: #ff1e1e;
  border: none;
  color: #fff;
  font-weight: 700
}
#seminarevent.form .main-area .categories li.live img {
  width: 2.8rem;
  display: inline-block;
  position: relative;
  top: 1px
}
#seminarevent.form .main-area .categories li.live:before {
  content: url("../img/common/ico-live.svg");
  width: 1.6rem;
  display: inline-block;
  margin: 0 .6rem 0 0;
  position: relative;
  top: 55%;
  transform: translateY(-50%)
}
#seminarevent.form .main-area dl.summary > dt {
  margin: 0 0 1.5rem
}
#seminarevent.form .main-area dl.summary > dt h2 {
  font-size: 1.8rem;
  font-weight: 900
}
#seminarevent.form .main-area dl.summary > dd {
  margin: 0 0 6rem
}
#seminarevent.form .main-area dl.summary > dd h3 {
  font-size: 1.6rem;
  margin-bottom: 1rem
}
#seminarevent.form .main-area dl.summary > dd p {
  margin: 0 0 3.5rem;
  line-height: 1.75
}
#seminarevent.form .main-area dl.summary > dd p.annotation {
  margin-bottom: 2rem
}
#seminarevent.form .main-area dl.summary > dd:last-child {
  margin-bottom: 0
}
#seminarevent.form .main-area dl.summary > dd .disc-list.mb li {
  margin-bottom: 3rem
}
#seminarevent.form .main-area dl.summary > dd .disc-list li a {
  line-break: anywhere;
  letter-spacing: .05em
}
#seminarevent.form .main-area dl.details-table {
  display: flex;
  flex-wrap: wrap
}
#seminarevent.form .main-area dl.details-table dt, #seminarevent.form .main-area dl.details-table dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #d8dcdc
}
#seminarevent.form .main-area dl.details-table dt:first-of-type, #seminarevent.form .main-area dl.details-table dd:first-of-type {
  border-top: 1px solid #d8dcdc
}
#seminarevent.form .main-area dl.details-table dt {
  width: 17.6rem;
  padding: 2rem 1.6rem
}
#seminarevent.form .main-area dl.details-table dd {
  width: calc(100% - 17.6rem);
  justify-content: space-between;
  line-height: 1.75
}
#seminarevent.form .main-area dl.details-table dd div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d8dcdc;
  padding: 2rem 1.6rem
}
#seminarevent.form .main-area dl.details-table dd div:last-of-type {
  border: none
}
#seminarevent.form .main-area dl.details-table dd time span {
  font-size: 150%;
  font-weight: 700
}
#seminarevent.form .main-area dl.details-table dd time span.time {
  font-size: 100%;
  font-weight: 500
}
#seminarevent.form .main-area dl.details-table dd .contact-button {
  min-width: 207px;
  text-align: center
}
#seminarevent.form .main-area dl.details-table dd .contact-button.end {
  pointer-events: none;
  background: #c8d2d2;
  border-color: #c8d2d2
}
#seminarevent.form .main-area #section01 {
  padding: 6rem 0 4rem
}
#seminarevent.form .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#seminarevent.form .main-area #form-area {
  padding: 0 0 6rem
}
#seminarevent.form .main-area #form-area h2 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0 0 2rem;
  text-align: center
}
#seminarevent.form .main-area #form-area .form-set {
  background: #f6f8f8;
  border-radius: 3rem;
  padding: 2rem 3rem
}
#seminarevent.form .main-area #form-area .form-set #form dl {
  display: flex;
  flex-wrap: wrap
}
#seminarevent.form .main-area #form-area .form-set #form dl dt, #seminarevent.form .main-area #form-area .form-set #form dl dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dcdc;
  padding: 1.5rem 1rem
}
#seminarevent.form .main-area #form-area .form-set #form dl dt {
  width: 20rem
}
#seminarevent.form .main-area #form-area .form-set #form dl dt.required:after {
  content: '必須';
  font-size: 1.1rem;
  border-radius: 10rem;
  background: #ff1e00;
  padding: 3px 9px 5px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%)
}
#seminarevent.form .main-area #form-area .form-set #form dl dd {
  width: calc(100% - 20rem);
  justify-content: space-between
}
#seminarevent.form .main-area #form-area .form-set #form dl dd div {
  width: 100%
}
#seminarevent.form .main-area #form-area .form-set #form dl dd.divide div {
  width: calc(50% - 1rem)
}
#seminarevent.form .main-area #form-area .form-set #form input, #seminarevent.form .main-area #form-area .form-set #form select {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.5rem;
  border: 1px solid #a0a5a5;
  border-radius: .4rem;
  background: #fff;
  width: 100%
}
#seminarevent.form .main-area #form-area .form-set #form input[name="privacypolicy_check"], #seminarevent.form .main-area #form-area .form-set #form select[name="privacypolicy_check"] {
  width: auto;
  display: none
}
#seminarevent.form .main-area #form-area .form-set #form select {
  width: auto
}
#seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label {
  display: flex;
  justify-content: center;
  margin: 4rem auto 2rem
}
#seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label {
  font-size: 1.4rem
}
#seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label span {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .7rem;
  background: #fff;
  border: 1px solid #d8dcdc;
  border-radius: .4rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px
}
#seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label span:before {
  content: url("../img/common/icon-check02.svg");
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 1.3rem
}
#seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label input[type="checkbox"]:checked + :before {
  display: block
}
#seminarevent.form .main-area #form-area .form-set #form textarea {
  width: 100%;
  height: 14.4rem;
  border-radius: .4rem;
  padding: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  border: 1px solid #a0a5a5
}
#seminarevent.form .main-area #form-area .form-set #form .submit-button {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem
}
#seminarevent.form .main-area #form-area .form-set #form .submit-button button {
  position: relative;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 900;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.8rem 7rem 2rem;
  display: inline-block;
  margin: 0 1rem;
  pointer-events: auto;
  background: #00bec8;
  border: 3px solid #00bec8
}
#seminarevent.form .main-area #form-area .form-set #form .submit-button button[disabled] {
  pointer-events: none;
  background: #c8d2d2;
  border: 3px solid #c8d2d2
}
#seminarevent.form .main-area #form-area .form-set #form span.validation-error {
  position: absolute;
  bottom: -24px;
  left: 5px;
  z-index: 2;
  display: inline-block;
  background: #ffdc00;
  border-radius: 15rem;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2))
}
#seminarevent.form .main-area #form-area .form-set #form span.validation-error:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 3rem;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #ffdc00
}
#seminarevent.form .main-area #form-area .form-set .annotation p {
  margin: 0 0 3rem;
  line-height: 1.75;
  font-size: 1.4rem
}
#seminarevent.form .main-area #form-area .form-set .annotation p:last-of-type {
  margin-bottom: 0
}
#seminarevent.form .main-area #section02 {
  padding: 0 0 10rem
}
#seminarevent.form .main-area #section02 h2 {
  font-size: 1.8rem;
  font-weight: 900;
  margin: 0 0 2rem
}
#seminarevent.form .main-area #section02 .instructors {
  margin: 0 0 6rem
}
#seminarevent.form .main-area #section02 .instructors .profile-js {
  background: #f6f8f8;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 3rem;
  margin: 0 0 3rem
}
#seminarevent.form .main-area #section02 .instructors .profile-js:last-of-type {
  margin-bottom: 0
}
#seminarevent.form .main-area #section02 .instructors .profile-js .image {
  width: 14.4rem;
  margin: 0 3rem 0 0
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail {
  width: calc(100% - 14.4rem - 3rem)
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 {
  margin-bottom: 3rem
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 span {
  font-weight: 700;
  display: block
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .company {
  font-size: 1.5rem;
  margin-bottom: 1.5rem
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .role {
  font-size: 1.4rem;
  margin-bottom: .7rem
}
#seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .name-det span {
  font-size: 2.2rem;
  display: inline-block;
  margin: 0 .7rem 0 0
}
#seminarevent.form .main-area #section02 .instructors .profile-js .text {
  font-size: 1.5rem;
  line-height: 1.75;
  font-feature-settings: 'palt'
}
#seminarevent.form .main-area #section02 .end {
  padding: 2rem 0 0
}
#seminarevent.form .main-area #section02 .end .notes {
  font-size: 1.4rem;
  margin-bottom: 4rem
}
#seminarevent.form .main-area .button {
  text-align: center;
  margin: 5rem 0 0
}
#seminarevent.form .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#seminarevent.form .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#contact {
  font-feature-settings: normal；
}
@media screen and (min-width: 1280px) {
	#contact .main-area{
	display: flex;
    justify-content: center;
    gap: 5rem;
	padding:3rem 5rem;
}
}
#contact .main-area .index-list{
	background: #f6f8f8;
	border-radius: 2rem;
	padding: 3rem;
	margin-bottom: 3rem;
}
#contact .main-area .index-list h2{
	font-size: 2.8rem;
	line-height: 3.9rem;
	text-align: center;
	margin: 3rem 0;
}
#contact .main-area .index-list h2 span.dots{
	background-image: radial-gradient(circle at center, #03bfc8 20%, transparent 20%); /* 点の色とサイズ調整 */
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.6em;
	padding-top: .4em;
}
#contact .main-area .index-list .det{
	background: #fff;
	border-radius: 1.5rem;
	padding: 2rem;
}
#contact .main-area .index-list .det p{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: .05em;
	padding: 0 0 1.5rem 3.2rem;
	margin: 0 0 1rem;
}
#contact .main-area .index-list .det p:last-of-type{
	padding: 0 0 0 3.2rem;
	margin:0;
}
#contact .main-area .index-list .det p::before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
    width: 2rem;
    display: inline-block;
    position: absolute;
    top: .3em;
    left: 0;
}
#contact .main-area .block{
	background: #fff;
	border-radius: 3rem;
	border: 3px solid #00bec8;
	padding: 3rem 2.9rem 3rem;
	margin: 0 0 3rem 0;
}
#contact .main-area .block h2{
	font-size: 2rem;
	line-height: 3.0rem;
	border-bottom: 2px solid #00bec8;
	padding: 0 0 1rem 0;
	margin: 0 0 3rem;
}
#contact .main-area .block h3{
	margin:0 0 2rem;
}
#contact .main-area .block.chat h3:before{
	content: '';
	background: url(/wp-content/themes/Apotool/assets/css/../img/contact/icon_chat.webp);
	background-size: contain;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 1rem;
}
#contact .main-area .block.faq h3:before{
	content: '';
	background: url(/wp-content/themes/Apotool/assets/css/../img/contact/icon_faq.webp);
	background-size: contain;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 1rem;
}
#contact .main-area .block h3 a:after{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow02.svg);
    width: 8px;
    display: inline-block;
    margin: 0 0 0 1rem;
    position: relative;
}
#contact .main-area .block p{
	line-height:1.8;
}
#contact .button-area{
	display: flex;
	justify-content: center;
	padding:2rem;
}
#contact .main-area .inner {
  max-width: 880px
}
#contact .main-area .section-title {
  margin-bottom: 4rem
}
#contact .main-area .section-title h1 {
  margin-bottom: 1rem
}
#contact .main-area .section-title h1 span {
  font-size: 3.8rem;
  line-height: 1.5;
  font-feature-settings: 'palt'
}
#contact .main-area .section-title .sub{
	font-size: 1.6rem;
}
#contact .main-area #information-area{
  padding: 0 0 8rem
}
#contact .main-area #form-area {
	min-width: 600px;
	padding: 0 0 8rem
}
@media screen and (max-width: 1279px) {
	#contact .main-area #form-area{
		min-width: unset;
	}
}
#contact .main-area #form-area .form-set form dl {
  display: flex;
  flex-wrap: wrap
}
#contact .main-area #form-area .form-set form dl dt, #contact .main-area #form-area .form-set form dl dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dcdc;
  padding: 1.5rem 1rem
}
#contact .main-area #form-area .form-set form dl dt {
  width: 31rem
}
#contact .main-area #form-area .form-set form dl dt.required:after {
  content: '必須';
  font-size: 1.1rem;
  border-radius: 10rem;
  background: #ff1e00;
  padding: 3px 9px 5px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%)
}
#contact .main-area #form-area .form-set form dl dd {
  width: calc(100% - 31rem);
  justify-content: space-between
}
#contact .main-area #form-area .form-set form dl dd div {
  width: 100%
}
#contact .main-area #form-area .form-set form dl dd.divide div {
  width: calc(50% - 1rem)
}
#contact .main-area #form-area .form-set form input:not(#submit-button), #contact .main-area #form-area .form-set form select {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.5rem;
  border: 1px solid #a0a5a5;
  border-radius: .4rem;
  background-color: #fff;
  width: 100%
}
/*#contact .main-area #form-area .form-set form input[name="privacypolicy_check"], #contact .main-area #form-area .form-set form select[name="privacypolicy_check"] {
  width: auto;
  display: none
}*/
#contact .main-area #form-area .form-set form select {
  width: 100%
}
#contact .main-area #form-area .form-set form select#prefecture {
  width: auto
}
#contact .main-area #form-area .form-set form .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
#contact .main-area #form-area .form-set form .checkbox-group input {
  width: auto !important;
  border: 1px solid #a0a5a5;
  position: relative;
  top: -.1em
}
#contact .main-area #form-area .form-set form .checkbox-group label {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 1.5rem;
  margin: .7rem 0
}
#contact .main-area #form-area .form-set form .privacypolicy_check-label {
  display: flex;
  justify-content: center;
  margin: 4rem auto 2rem
}
#contact .main-area #form-area .form-set form .privacypolicy_check-label label {
  font-size: 1.4rem
}
#contact .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .7rem;
  background: #fff;
  border: 1px solid #d8dcdc;
  border-radius: .4rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px
}
#contact .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before {
  content: url("../img/common/icon-check02.svg");
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 1.3rem
}
#contact .main-area #form-area .form-set form .privacypolicy_check-label label input[type="checkbox"]:checked + :before {
  display: block
}
#contact .main-area #form-area .form-set form textarea {
  width: 100%;
  height: 14.4rem;
  border-radius: .4rem;
  padding: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  border: 1px solid #a0a5a5
}
#contact .main-area #form-area .form-set form .submit-button {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem
}
/*#contact .main-area #form-area .form-set form span.validation-error {
  position: absolute;
  bottom: -24px;
  left: 5px;
  z-index: 2;
  display: inline-block;
  background: #ffdc00;
  border-radius: 15rem;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2))
}
#contact .main-area #form-area .form-set form span.validation-error:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 3rem;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #ffdc00
}*/
#contact .main-area #form-area .form-set .annotation p {
  margin: 0 0 3rem;
  line-height: 1.75;
  font-size: 1.4rem
}
#contact .main-area #form-area .form-set .annotation p:last-of-type {
  margin-bottom: 0
}
#contact-thanks .main-area #section01 {
  padding: 6rem 0 10rem
}
#contact-thanks .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#contact-thanks .main-area .button {
  text-align: center
}
#contact-thanks .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#contact-thanks .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#seminar-thanks .main-area #section01 {
  padding: 6rem 0 10rem
}
#seminar-thanks .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#seminar-thanks .main-area .button {
  text-align: center
}
#seminar-thanks .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#seminar-thanks .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#support {
  font-feature-settings: normal
}
#support .main-area #section01 {
  padding: 6rem 0 10rem
}
#support .main-area #section01 .section-title {
  margin-bottom: 5rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube {
  color: #2d3030;
  font-size: 2.2rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube img {
  width: 11.4rem;
  display: inline-block;
  position: relative;
  top: .35rem;
  margin-right: .7rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset p {
  margin: 0 0 2rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel {
  display: flex;
  align-items: center;
  font-size: 3.3rem;
  color: #00bec8 !important;
  font-weight: 900
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel:before {
  content: url("../img/common/ico-telephone.svg");
  width: 4.1rem;
  position: relative;
  display: inline-block;
  margin-right: .8rem;
  top: 3px
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset .contact-button {
  background: #ff9600;
  font-size: 1.8rem;
  border-color: #ff9600;
  padding: 1.6rem 4rem 1.8rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset .contact-button:after {
  right: 1.8rem
}
#support .main-area #section01 .inner .contents-block .column-3blockC li .inset .contact-button:hover span {
  color: #ff9600;
  line-height: 1
}
#support .main-area .button {
  text-align: center
}
#support .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#support .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#document {
  font-feature-settings: normal;
}

@media screen and (min-width: 1280px) {
	#document .main-area{
		display: flex;
		justify-content: center;
		gap: 5rem;
		padding: 3rem 5rem;
	}
}

#document .main-area .index-list{
	background: #f6f8f8;
  border-radius: 2rem;
  padding: 3rem;
  margin-bottom: 8rem;	
}
#document .main-area .index-list .image{
	display: flex;
	align-items: center;
	justify-content: center;	
}
#document .main-area .index-list .image img{
	width:50%;
}
#document .main-area .index-list h2{
	font-size:2.8rem;
	line-height: 3.9rem;
	text-align: center;
	margin:3rem 0;
}
#document .main-area .index-list h2 span.dots{
	background-image: radial-gradient(circle at center, #03bfc8 20%, transparent 20%); 
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.6em;
	padding-top: .4em;
	letter-spacing:.5px;
}
#document .main-area .index-list .det{
	background: #fff;
    border-radius: 1.5rem;
    padding: 2rem;
}
#document .main-area .index-list .det p{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: .05em;
	padding: 0 0 1.5rem 3.2rem;
	margin: 0 0 1rem;
}
#document .main-area .index-list .det p:last-of-type{
	margin:0;
}
#document .main-area .index-list .det p::before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
    width: 2rem;
    display: inline-block;
    position: absolute;
    top: .3em;
    left: 0;
}
#document .main-area .block{
	background: #fff;
	border-radius: 3rem;
	border: 3px solid #00bec8;
	padding: 3rem 2.9rem 3rem;
	margin: 0 0 3rem 0;
}
#document .main-area .block h2{
	font-size: 2.0rem;
	line-height: 3.0rem;
	border-bottom: 2px solid #00bec8;
	padding-bottom: 15px;
	margin:0 0 3rem;
}
#document .main-area .block h3{
	font-size: 2.0rem;
	margin: 2rem 0;
	line-height: 3.0rem;
}
#document .main-area .block ul{
	padding-left: 1rem;
}
#document .main-area .block li{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 2;
	padding-left: 1.25rem;
	margin-right: 1rem;  
}
#document .main-area .block li:before{
	content: "";
    position: absolute;
    top: 1.5rem; 
    left: 0;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #00bfc8
}
#document .main-area .block .inner-box{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#document .main-area .block .inner-box .inner-item{
	width:calc(50% - 1rem);
}
#document .main-area .block .inner-box .inner-item img{
	border: #ececec 1px solid;
	border-radius: 8px;
}
#document .main-area .block .inner-box .inner-item h3{
	margin:2rem 0 1rem;
}
#document .main-area .block p{
	line-height:1.8;
}
#document .button-area{
	display: flex;
	justify-content: center;
	padding:2rem;
}
#document .main-area .inner {
  max-width: 880px
}
#document .main-area .section-title {
  margin-bottom: 4rem
}
#document .main-area .section-title h1 {
  margin-bottom: 1rem
}
#document .main-area .section-title h1 span {
  font-size: 3.8rem;
  line-height: 1.5;
  font-feature-settings: 'palt'
}
#document .main-area .section-title .sub{
	font-size: 1.6rem;
}
 #document-thanks .main-area .index-list {
  background: #f6f8f8;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  margin-bottom: 8rem;
}
#document .main-area .index-list .image, #document-thanks .main-area .index-list .image {
  padding: 2rem;
}
#document-thanks .main-area .index-list .image img {
  max-width: 260px;
}
#document-thanks .main-area .index-list .det p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: .05em;
  border-bottom: 1px solid #b4b9b9;
  padding: 0 0 1.5rem 3.2rem;
  margin: 0 0 1.5rem;
}
#document .main-area .index-list .det p:before, #document-thanks .main-area .index-list .det p:before {
  content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
  width: 2rem;
  display: inline-block;
  position: absolute;
  top: 0.3em;
  left: 0;
}
#document .main-area .index-list .det p:last-of-type, #document-thanks .main-area .index-list .det p:last-of-type {
  border-bottom: 0;
  margin-bottom: 0.5rem;
}
#document .main-area #information-area {
  padding: 0 0 8rem;
}
#document .main-area #form-area {
	min-width: 600px;
	padding: 0 0 8rem;
}
@media screen and (max-width: 1279px) {
    #document .main-area #form-area{
        min-width: unset;
    }
}
#document .main-area #form-area .form-set p {
  margin: 0 0 3rem;
}
#document .main-area #form-area .form-set form dl {
  display: flex;
  flex-wrap: wrap
}
#document .main-area #form-area .form-set form dl dt, #document .main-area #form-area .form-set form dl dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dcdc;
  padding: 1.5rem 1rem
}
#document .main-area #form-area .form-set form dl dt {
  width: 31rem
}
#document .main-area #form-area .form-set form dl dt.required:after {
  content: '必須';
  font-size: 1.1rem;
  border-radius: 10rem;
  background: #ff1e00;
  padding: 3px 9px 5px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%)
}
#document .main-area #form-area .form-set form dl dd {
  width: calc(100% - 31rem);
  justify-content: space-between
}
#document .main-area #form-area .form-set form dl dd div {
  width: 100%
}
#document .main-area #form-area .form-set form dl dd.divide div {
  width: calc(50% - 1rem)
}
#document .main-area #form-area .form-set form input:not(#submit-button), #document .main-area #form-area .form-set form select {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.5rem;
  border: 1px solid #a0a5a5;
  border-radius: .4rem;
  background: #fff;
  width: 100%
}
/*#document .main-area #form-area .form-set form input[name="privacypolicy_check"], #document .main-area #form-area .form-set form select[name="privacypolicy_check"] {
  width: auto;
  display: none
}*/
#document .main-area #form-area .form-set form select {
  width: 100%
}
#document .main-area #form-area .form-set form select#prefecture {
  width: auto
}
#document .main-area #form-area .form-set form .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
#document .main-area #form-area .form-set form .checkbox-group input {
  width: auto !important;
  border: 1px solid #a0a5a5;
  position: relative;
  top: -.1em
}
#document .main-area #form-area .form-set form .checkbox-group label {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 1.5rem;
  margin: .7rem 0
}
#document .main-area #form-area .form-set form .privacypolicy_check-label {
  display: flex;
  justify-content: center;
  margin: 4rem auto 2rem
}
#document .main-area #form-area .form-set form .privacypolicy_check-label label {
  font-size: 1.4rem
}
#document .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .7rem;
  background: #fff;
  border: 1px solid #d8dcdc;
  border-radius: .4rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px
}
#document .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before {
  content: url("../img/common/icon-check02.svg");
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*display: none;*/
  width: 1.3rem
}
#document .main-area #form-area .form-set form .privacypolicy_check-label label input[type="checkbox"]:checked + :before {
  display: block
}
#document .main-area #form-area .form-set form textarea {
  width: 100%;
  height: 14.4rem;
  border-radius: .4rem;
  padding: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  border: 1px solid #a0a5a5
}
#document .main-area #form-area .form-set form .submit-button {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem
}
/*#document .main-area #form-area .form-set form span.validation-error {
  position: absolute;
  bottom: -24px;
  left: 5px;
  z-index: 2;
  display: inline-block;
  background: #ffdc00;
  border-radius: 15rem;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2))
}
#document .main-area #form-area .form-set form span.validation-error:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 3rem;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #ffdc00
}*/
#document .main-area #form-area .form-set .annotation p {
  margin: 0 0 3rem;
  line-height: 1.75;
  font-size: 1.4rem
}
#document .main-area #form-area .form-set .annotation p:last-of-type {
  margin-bottom: 0
}
#document-thanks .main-area .section-title {
  margin-bottom: 4rem
}
#document-thanks .main-area #section01 {
  padding: 6rem 0 10rem
}
#document-thanks .main-area #section01 .inner .block{
	max-width: 800px;
	display: flex;
	flex-direction: column;
	padding: 4rem 0;
    margin: 0 auto;
}
#document-thanks .main-area #section01 .inner .block.function{
	background: #F1F4F6;
	max-width: 900px;
	border-radius: 12px;
	filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15));
	padding: 30px;
	margin-bottom: 60px;
}
#document-thanks .main-area #section01 .inner .block h2{
	font-size: 2rem;
    line-height: 3rem;
    border-bottom: 2px solid #00bec8;
    padding-bottom: 15px;
    margin: 0 0 3rem;
}
#document-thanks .main-area #section01 .inner .block.function h2{
    color: #2d3030;
    font-size: 28px;
    text-align: center;
	border-bottom:none;
	border-radius: 12px;
	padding: 20px 10px;
	margin: 0 0 2rem;
}
#document-thanks .main-area #section01 .inner .block .function-box{
	display: flex;
    justify-content: space-between;
	align-items: stretch;
    gap: clamp(24px, 5vw, 56px); 
	position: relative; 
}
#document-thanks .main-area #section01 .inner .block .function-box .plus{
  --size: 40px;
  --thick: 4px;
  --color: #6B6B6B;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
#document-thanks .main-area #section01 .inner .block .function-box .plus::before,
#document-thanks .main-area #section01 .inner .block .function-box .plus::after{
  content: "";
  position: absolute;
  background: var(--color);
  border-radius: 999px;
}
#document-thanks .main-area #section01 .inner .block .function-box .plus::before{
  left: 0; top: 50%;
  width: 100%;
  height: var(--thick);
  transform: translateY(-50%);
}
#document-thanks .main-area #section01 .inner .block .function-box .plus::after{
  top: 0; left: 50%;
  width: var(--thick);
  height: 100%;
  transform: translateX(-50%);
}
#document-thanks .main-area #section01 .inner .block .image{
	width: 40%;
	padding:2rem;
}
#document-thanks .main-area #section01 .inner .block.function .image img{
	max-height: 30vh;
    width: auto;
    margin: 10px auto 0;
}
#document-thanks .main-area #section01 .inner .block .text{
	width: 60%;
	padding:2rem;
}
#document-thanks .main-area #section01 .inner .block .text h3{
	font-size: 2.4rem;
    line-height: 3rem;
    margin: 2rem 0 1rem;
}
#document-thanks .main-area #section01 .inner .block.function .text h3{
	margin: 0 0 1.5rem;
}
#document-thanks .main-area #section01 .inner .block .text p{
	line-height: 1.8;
}
#document-thanks .main-area #section01 .inner .block .text ul{
	margin-bottom: 4rem;
}
#document-thanks .main-area #section01 .inner .block .text ul li{
	line-height: 1.8;
}
#document-thanks .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#document-thanks .main-area .button {
  text-align: center
}
#document-thanks .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#document-thanks .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#document-thanks .main-area .download-button {
	display: flex;
	justify-content: center;
    align-items: center;
	gap:2rem;
	margin-bottom: 4rem;
}
#document-thanks .main-area .download-button .contact-button {
	font-size: 1.8rem;
	padding: 1.8rem 3rem 2rem;
}
#document-thanks .main-area .download-button .contact-button.unactive{
	pointer-events: none;
    background: #ccc;
    border: #ccc solid 2px;
}
#document-thanks .main-area .block.function .download-button{
	width: calc(50% - 3rem);
	background: #fff;
	display: block;
	border-radius: 12px;
	margin-bottom: 2rem;
}
#document-thanks .main-area #section01 .inner .block.function .download-button .text{
	width:100%;
}
#document-thanks .main-area #section01 .inner .block.function .download-button .image{
	width:100%;
}
#document-thanks .main-area .block.function .contact-button{
	width: 100%;
	background: #ff9700;
	margin: 2rem 0;
	border:solid 2px #ff9700;
}
#document-thanks .main-area .block.function .contact-button:hover span{
	color:#ff9700;
}
#document-thanks .main-area .block.function ul{
	margin-top: 4rem;
}
#document-thanks .main-area .block.function ul li{
	color:#FF0000;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.8;
}
#document-thanks .main-area .block.function ul li span{
	font-weight: 700;
}
#document-thanks .main-area .block.function ul li a{
	color:#FF0000;
}
#trial {
  font-feature-settings: normal;
}

@media screen and (min-width: 1280px) {
	#trial .main-area{
		display: flex;
		justify-content: center;
		gap: 5rem;
		padding: 3rem 5rem;
	}
}

#trial .main-area .index-list{
	background: #f6f8f8;
	border-radius: 2rem;
	padding: 3rem;
	margin-bottom: 8rem;
	display: flex;
	gap:1rem;
}
#trial .main-area .index-list .image{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
#trial .main-area .index-list h2{
	font-size:2.8rem;
	line-height: 3.9rem;
	text-align: center;
	margin:3rem 0;
}
#trial .main-area .index-list h2 span.dots{
	background-image: radial-gradient(circle at center, #03bfc8 20%, transparent 20%); 
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.6em;
	padding-top: .4em;
	letter-spacing:.5px;
}
#trial .main-area .index-list .det{
	background: #fff;
    border-radius: 1.5rem;
    padding: 2rem;
}
#trial .main-area .index-list .det p{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: .05em;
	padding: 0 0 1.5rem 3.2rem;
	margin: 0 0 1rem;
}
#trial .main-area .index-list .det p:last-of-type{
	margin:0;
}
#trial .main-area .index-list .det p::before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
    width: 2rem;
    display: inline-block;
    position: absolute;
    top: .3em;
    left: 0;
}
#trial .main-area .index-list p.notes{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4;
	margin:3rem 0 1rem;
}
#trial .main-area .block{
	background: #fff;
	padding: 3rem 2.9rem 3rem;
	margin: 0 0 2rem 0;
}
#trial .main-area .block h2{
	font-size: 2.0rem;
	line-height: 3.0rem;
	padding-bottom: 15px;
	margin:0 0 1rem;
}
#trial .main-area .block h3{
	font-size: 1.8rem;
	margin: 2rem 0;
	line-height: 3.0rem;
}
#trial .main-area .block .inner-box{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#trial .main-area .block .inner-box .inner-item{
	display: flex;
	gap: 2rem;
}
#trial .main-area .block .inner-box .inner-item img{
	background: #f0f2f1;
	width:50%;
    padding: 1rem;
    box-sizing: border-box;
}
#trial .main-area .block .inner-box .inner-item h3{
	font-size: 1.8rem;
	margin:2rem 0 1rem;
}
#trial .main-area .block .inner-box .inner-item p{
	font-size: 1.4rem;
}
#trial .main-area .block .inner-box .contents-block{
	width: 100%;
}
#trial .main-area .block .inner-box .contents-block ul{
	display: flex;
    padding: 0;
	flex-wrap: wrap;
	gap: 2rem;
}
#trial .main-area .block .inner-box .contents-block li{
	width: calc(25% - 2rem);
    border-radius: 4rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4rem;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15));
}
#trial .main-area .block .inner-box .contents-block li .block{
	padding: 1rem 0 2rem;
	margin:0;
}
#trial .main-area .block .inner-box .contents-block li .block h4{
	font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin: .5rem 0;
}
#trial .main-area .block .inner-box .contents-block li .image img{
	background: #f0f2f1;
    width: 100%;
    height: 160px;
    object-fit: contain;
}
#trial .main-area .block .inner-box .contents-block li a{
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border: none;
    overflow: visible;
	padding: 1.5rem 1rem;
}
#trial .main-area .block .inner-box .contents-block li a:hover{
	opacity: .5;
    text-decoration: none;
}
#trial .main-area .block .inner-box .contents-block li a .image{
	max-width: 9rem;
    background: 0 0;
    height: auto;
}
#trial .main-area .block .inner-box .contents-block li a .image img{
	background: none;
	height: 120px;
}
#trial .main-area .block .inner-box .contents-block li a h4{
	color: #2d3030;
	font-size: 1.4rem;
    line-height: 1.4;
    margin: 1rem 0 .5rem;
}
#trial .main-area .block .inner-box .contents-block li a img.logo-image{
	max-width: 85%;
}
#trial .main-area .block ul.faq{
	padding: 1rem 0;
	margin: 0 auto 2.5rem;
}
#trial .main-area .block ul.faq li{
	margin: 0 auto 2.5rem;
}
#trial .main-area .block ul.faq li dl dt,#trial .main-area .block ul.faq li dl dd{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
#trial .main-area .block ul.faq li dl dt:before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-ques.svg);
    width: 3%;
    top: .4rem;
	margin-right: 1rem;
}
#trial .main-area .block ul.faq li dl dt span{
	width: 97%;
	font-size: 1.8rem;
    color: #2d3030;
    margin: 0 0 1.6rem;
    line-height: 1.73;
    font-weight: 700;
}
#trial .main-area .block ul.faq li dl dd:before{
	content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-ans.svg);
    width: 3%;
    top: .25em;
	margin-right: 1rem;
}
#trial .main-area .block ul.faq li dl dd p{
	width:97%;
	font-size: 1.4rem;
	line-height: 1.73;
}
#trial .main-area .block ul.faq li dl dd p span{
	color: #ff4500;
}
#trial .main-area .block p{
	line-height:1.8;
}
#trial .button-area{
	display: flex;
	flex-direction: column;
    align-items: center;
	padding:2rem;
}
#trial .button-area p{
	margin: 3rem 0;
}
#trial .main-area .inner {
  max-width: 880px
}
#trial .main-area .section-title {
  margin-bottom: 4rem
}
#trial .main-area .section-title h1 {
  margin-bottom: 1rem
}
#trial .main-area .section-title h1 span {
  font-size: 3.8rem;
  line-height: 1.5;
  font-feature-settings: 'palt'
}
#trial .main-area .section-title .sub{
	font-size: 1.6rem;
}
 #trial-thanks .main-area .index-list {
  background: #f6f8f8;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  margin-bottom: 8rem;
}
#trial-thanks .main-area .index-list .image img {
  max-width: 260px;
}
#trial-thanks .main-area .index-list .det p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: .05em;
  border-bottom: 1px solid #b4b9b9;
  padding: 0 0 1.5rem 3.2rem;
  margin: 0 0 1.5rem;
}
#trial .main-area .index-list .det p:before, #trial-thanks .main-area .index-list .det p:before {
  content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
  width: 2rem;
  display: inline-block;
  position: absolute;
  top: 0.3em;
  left: 0;
}
#trial .main-area .index-list .det p:last-of-type, #trial-thanks .main-area .index-list .det p:last-of-type {
  border-bottom: 0;
  margin-bottom: 0.5rem;
}
#trial .main-area #information-area {
  padding: 0 0 8rem;
}
#trial .main-area #form-area {
	min-width: 600px;
	padding: 0 0 8rem;
}
@media screen and (max-width: 1279px) {
    #trial .main-area #form-area{
        min-width: unset;
    }
}
#trial .main-area #form-area .form-set p {
  margin: 0 0 3rem;
}
#trial .main-area #form-area .form-set form dl {
  display: flex;
  flex-wrap: wrap
}
#trial .main-area #form-area .form-set form dl dt, #trial .main-area #form-area .form-set form dl dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dcdc;
  padding: 1.5rem 1rem
}
#trial .main-area #form-area .form-set form dl dt {
  width: 31rem
}
#trial .main-area #form-area .form-set form dl dt.required:after {
  content: '必須';
  font-size: 1.1rem;
  border-radius: 10rem;
  background: #ff1e00;
  padding: 3px 9px 5px;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%)
}
#trial .main-area #form-area .form-set form dl dd {
  width: calc(100% - 31rem);
  justify-content: space-between
}
#trial .main-area #form-area .form-set form dl dd div {
  width: 100%
}
#trial .main-area #form-area .form-set form dl dd.divide div {
  width: calc(50% - 1rem)
}
#trial .main-area #form-area .form-set form input:not(#submit-button), #trial .main-area #form-area .form-set form select {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.5rem;
  border: 1px solid #a0a5a5;
  border-radius: .4rem;
  background: #fff;
  width: 100%
}
/*#trial .main-area #form-area .form-set form input[name="privacypolicy_check"], #trial .main-area #form-area .form-set form select[name="privacypolicy_check"] {
  width: auto;
  display: none
}*/
#trial .main-area #form-area .form-set form select {
  width: 100%
}
#trial .main-area #form-area .form-set form select#prefecture {
  width: auto
}
#trial .main-area #form-area .form-set form .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
#trial .main-area #form-area .form-set form .checkbox-group input {
  width: auto !important;
  border: 1px solid #a0a5a5;
  position: relative;
  top: -.1em
}
#trial .main-area #form-area .form-set form .checkbox-group label {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 1.5rem;
  margin: .7rem 0
}
#trial .main-area #form-area .form-set form .privacypolicy_check-label {
  display: flex;
  justify-content: center;
  margin: 4rem auto 2rem
}
#trial .main-area #form-area .form-set form .privacypolicy_check-label label {
  font-size: 1.4rem
}
#trial .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .7rem;
  background: #fff;
  border: 1px solid #d8dcdc;
  border-radius: .4rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px
}
#trial .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before {
  content: url("../img/common/icon-check02.svg");
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*display: none;*/
  width: 1.3rem
}
#trial .main-area #form-area .form-set form .privacypolicy_check-label label input[type="checkbox"]:checked + :before {
  display: block
}
#trial .main-area #form-area .form-set form textarea {
  width: 100%;
  height: 14.4rem;
  border-radius: .4rem;
  padding: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  border: 1px solid #a0a5a5
}
#trial .main-area #form-area .form-set form .submit-button {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem
}
#trial .main-area #form-area .form-set .annotation p {
  margin: 0 0 3rem;
  line-height: 1.75;
  font-size: 1.4rem
}
#trial .main-area #form-area .form-set .annotation p:last-of-type {
  margin-bottom: 0
}
#trial-thanks .main-area .section-title {
  margin-bottom: 4rem
}
#trial-thanks .main-area #section01 {
  padding: 6rem 0 10rem
}
#trial-thanks .main-area #section01 .inner .block{
	max-width: 800px;
	display: flex;
	flex-direction: column;
	padding: 4rem 0;
    margin: 0 auto;
}
#trial-thanks .main-area #section01 .inner .block h2{
	font-size: 2rem;
    line-height: 3rem;
    border-bottom: 2px solid #00bec8;
    padding-bottom: 15px;
    margin: 0 0 3rem;
}
#trial-thanks .main-area #section01 .inner .block .image{
	width: 40%;
	padding:2rem;
}
#trial-thanks .main-area #section01 .inner .block .text{
	width: 60%;
	padding:2rem;
}
#trial-thanks .main-area #section01 .inner .block .text h3{
	font-size: 1.8rem;
    line-height: 3rem;
    margin: 2rem 0 1rem;
}
#trial-thanks .main-area #section01 .inner .block .text p{
	line-height: 1.8;
	margin-bottom: 4rem;
}
#trial-thanks .main-area #section01 .inner .block .text ul{
	margin-bottom: 4rem;
}
#trial-thanks .main-area #section01 .inner .block .text ul li{
	line-height: 1.8;
}
#trial-thanks .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#trial-thanks .main-area .button {
  text-align: center
}
#trial-thanks .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#trial-thanks .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#trial-thanks .main-area .download-button {
	display: flex;
	justify-content: center;
    align-items: center;
	gap:2rem;
	margin-bottom: 4rem;
}
#trial-thanks .main-area .download-button .contact-button {
	font-size: 1.8rem;
	padding: 1.8rem 3rem 2rem;
}
#trial-thanks .main-area .download-button .contact-button.unactive{
	pointer-events: none;
    background: #ccc;
    border: #ccc solid 2px;
}
#team {
  font-feature-settings: normal
}
#team .main-area #section01 {
  padding: 6rem 0 10rem
}
#team .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#team .main-area #section01 .inner .contents-block .mv {
  width: 67.5rem;
  margin: 0 auto 7rem
}
#team .main-area #section01 .inner .contents-block ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch
}
#team .main-area #section01 .inner .contents-block ul li {
  max-width: 33.4rem;
  margin: 0 6.4rem 0 0
}
#team .main-area #section01 .inner .contents-block ul li:after {
  content: '';
  display: block;
  background: #e6e7e7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -3.2rem
}
#team .main-area #section01 .inner .contents-block ul li:last-of-type {
  margin-right: 0
}
#team .main-area #section01 .inner .contents-block ul li:last-of-type:after {
  display: none
}
#team .main-area #section01 .inner .contents-block ul li h2 {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  margin-bottom: 2rem
}
#team .main-area #section01 .inner .contents-block ul li p {
  font-size: 1.5rem;
  line-height: 1.75;
  word-wrap: break-word;
  line-break: normal
}
#team .main-area .button {
  text-align: center
}
#team .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#team .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#notfound, #document {
  font-feature-settings: normal
}
#notfound .main-area #section01, #document .main-area #section01 {
  padding: 8rem 0 10rem
}
#notfound .main-area #section01 .section-title, #document .main-area #section01 .section-title {
  margin-bottom: 7rem
}
#notfound .main-area #section01 .section-title h1, #document .main-area #section01 .section-title h1 {
  margin-bottom: 0
}
#notfound .main-area #section01 .inner .contents-block .main, #document .main-area #section01 .inner .contents-block .main {
  max-width: 80rem;
  text-align: center;
  line-height: 1.75;
  font-size: 2.4rem;
  padding: 3rem 0;
  border: #c8d2d2 solid;
  border-width: 1px 0;
  margin: 0 auto 2rem
}
#notfound .main-area #section01 .inner .contents-block .text, #document .main-area #section01 .inner .contents-block .text {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 4rem
}
#notfound .main-area .button, #document .main-area .button {
  text-align: center
}
#notfound .main-area .button a, #document .main-area .button a {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1.7rem 2rem;
  border: 1px solid #d8dcdc;
  border-radius: 15rem
}
#notfound .main-area .button a span, #document .main-area .button a span {
  color: #2d3030;
  font-weight: 500
}
#plan {
  font-feature-settings: 'palt';
}
#plan .main-area {
  word-wrap: break-word;
  line-break: normal;
}
#plan .main-area .section-title .sub span{
	color:#00bec8;
}
#plan .main-area .button-area{
	display: flex;
    justify-content: center;
	padding:8rem 0 4rem;
}
#plan .main-area .button-area a{
	width: 100%;
    max-width: 30rem;
    padding: 3rem 5rem;
    font-size: 1.9rem;
	background: #ff9600;
	border: #ff9600 2px solid;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#plan .main-area .button-area a:hover{
	background: #fff;
}
#plan .main-area .button-area a:hover span{
	color: #ff9600;
}
#plan .main-area .button-area a:after{
	content: "";
    background-color: #fff;
    display: inline-block;
    height: 1.3rem;
    width: .9rem;
    -webkit-mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    mask: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#plan .main-area .button-area a:hover:after{
	color: #ff9600;
}
#plan .main-area .quote{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
}
#plan .main-area .quote:before,
#plan .main-area .quote:after{
	content: '';
	width: 3px;
	height: 40px;
	background-color: #00bec8;
}
#plan .main-area .quote:before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
#plan .main-area .quote:after {
	margin-left: 30px;
	transform: rotate(35deg)
}
#plan .main-area #section01 {
  padding: 6rem 0 0;
}

#plan .main-area #section01 .section-title h1 {
  margin-bottom: 4rem
}
#plan .main-area #section02{
	padding: 4rem 0 8rem;
}
#plan .main-area #section02 .section-title{
	margin: 6rem 0 4rem;
}
#plan .main-area #section02 .inner .border-block{
	padding: 5.1rem 4.8rem;
}
#plan .main-area #section02 .inner .border-block:before{
	content: '';
    position: absolute;
    top: -5rem;
    left: -5rem;
	background: url(/wp-content/themes/Apotool/assets/css/../img/plan/badge01.webp);
    background-size: 100%;
    width: 15rem;
    height: 15rem;
}
#plan .main-area #section02 .inner .contents-block .area {
    display: flex;
	text-decoration: none;
	margin-bottom: 6rem;
}
#plan .main-area #section02 .inner .contents-block .area:hover{
	opacity: .5;
}
#plan .main-area #section02 .inner .contents-block .area .details {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#plan .main-area #section02 .inner .contents-block .area .details h2 {
    color: #00bec8;
    font-size: 4.2rem;
    font-weight: 900;
    text-align: center;
    margin: 0 0 2.9rem;
}
#plan .main-area #section02 .inner .contents-block .area .details h2 span {
    font-size: 2.6rem;
    font-weight: 500;
    display: block;
    margin: .9rem 0 0;
}
#plan .main-area #section02 .inner .contents-block .area .details ul {
    margin: 0 0 2rem;
}
#plan .main-area #section02 .inner .contents-block .area .details ul li {
    margin: 0 0 1.5rem;
}
#plan .main-area #section02 .inner .contents-block .area .details ul li h3 {
    font-size: 1.8rem;
    text-decoration: underline;
    letter-spacing: .05em;
}
#plan .main-area #section02 .inner .contents-block .area .details ul li h3:before {
    content: url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check01.svg);
    width: 2.5rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 .8rem 0 0;
}
#plan .main-area #section02 .inner .contents-block .area .details .button {
    background: #00bec8;
    width: 30rem;
    border-radius: 20rem;
    padding: 1.8rem 0 2rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
#plan .main-area #section02 .inner .contents-block .area .details .button:after {
    content: url(/wp-content/themes/Apotool/assets/css/../img/common/arrow03.svg);
    display: block;
    width: 1.1rem;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
}
#plan .main-area #section02 .inner .contents-block .area .image {
    width: 58.5rem;
}
#plan .main-area #section02 .inner .contents-block .border-block-list {
    padding: 5rem 0 2.4rem;
    border-bottom: 1px solid #00bec8;
}
#plan .main-area #section02 .inner .contents-block .border-block-list li a {
    border-radius: 2.4rem;
    border-width: 3px;
    width: 33.6rem;
}
#plan .main-area #section02 .inner .contents-block .border-block-list li a .image {
    height: 11.2rem;
}
#plan .main-area #section02 .inner .contents-block .price {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin: 3rem 0 3.8rem;
}
#plan .main-area #section02 .inner .contents-block .price span {
    font-size: 4rem;
    font-weight: 900;
}
#plan .main-area #section02 .border-block .contents-block>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}
#plan .main-area #section02 .border-block .contents-block>ul>li {
    width: 49%;
    max-width: 56rem;
    border-radius: 4rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4rem;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15));
}
#plan .main-area #section02 .border-block .contents-block>ul>li.quarter {
    width: calc(25% - 2rem);
    max-width: 26.5rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
	flex-direction: column;
}
#plan .main-area #section02 .border-block .contents-block>ul>li.one-third {
    width: calc(33.3333% - 1rem);
    max-width: 33.5rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
	flex-direction: column;
}
#plan .main-area #section02 .border-block .contents-block>ul>li .image {
    background: #f0f2f2;
    overflow: hidden;
	padding: 1rem 0;
}
#plan .main-area #section02 .border-block .contents-block>ul>li .image img {
    width: 100%;
}
#plan .main-area #section02 .border-block .contents-block>ul>li .block {
    padding: 2rem;
}
#plan .main-area #section02 .border-block .contents-block>ul>li .block h3 {
    font-size: 3rem;
    font-weight: 900;
	line-height: 1.5;
	text-align: center;
    margin: 0 0 3.5rem;
}
#plan .main-area #section02 .border-block .contents-block>ul>li.quarter .block h3 {
	font-size: 1.8rem;
}
#plan .main-area #section02 .border-block .contents-block>ul>li.one-third .block h3 {
	font-size: 1.8rem;
}
#plan .main-area #section02 .border-block .contents-block>ul>li .block .comment {
    font-size: 1.5rem;
    line-height: 1.75;
    margin: 0 0 2rem;
}
#plan .main-area #section03{
	padding: 0;
}
#plan .main-area #section03:before {
    content: url(/wp-content/themes/Apotool/assets/css/../img/home/system-option-mark.svg);
    display: block;
    width: 9.6rem;
    margin: 4rem auto;
}
#plan .main-area #section03 .inner{
	max-width: 100%;
}
#plan .main-area #section03 .section-title{
	background: #00bfc8;
	color:#fff;
	padding: 4rem 2rem;
	margin-bottom: 4rem;
}
#plan .main-area #section03 .section-title h2 span>span {
	color:#fff;
}
#plan .main-area #section03 .inner .contents-block {
    padding: 0 0 4rem;
}
#plan .main-area #section03 .inner .contents-block.bg {
	background: #f3feff;
    padding: 4rem 0;
	margin: 0 auto 4rem;
}
#plan .main-area #section03 .inner .contents-block>h3 {
    font-size: 3rem;
    font-weight: 900;
	line-height: 1.5;
    color: #00bec8;
    text-align: center;
    margin: 0 0 5rem;
}
#plan .main-area #section03 .inner .contents-block>h3.normal-color{
	color: #282a2a;
	font-weight: 700;
}
#plan .main-area #section03 .inner .contents-block .border-block-list{
	max-width: 1160px;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li {
    margin: 0 2.8rem 4rem 0;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li:nth-child(3n) {
    margin-right: 0;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li a {
    width: 36.8rem;
}
#plan .main-area #section03 .inner .contents-block {
    padding: 0 0 4rem;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li {
    margin: 0 2.8rem 4rem 0;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li:nth-child(3n) {
    margin-right: 0;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li a {
    width: 36.8rem;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li.sugoiuketsukesan .image:before {
  background: url("../img/plan/badge08.webp");
  background-size: 100%;
  width: 8rem;
  height: 8rem
}
#plan .main-area #section03 .inner .contents-block .border-block-list li h4{
	font-size: 2.5rem;
	color: #00bec8;
    font-weight: 900;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li h4 span{
	font-size: 1.8rem;
    font-weight: 700;
    display: block;
    margin: 1rem 0 0;
    min-height: 1em;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li h5{
	font-size: 1.8rem;
    font-weight: 700;
    margin: 3rem 0 0;
}
#plan .main-area #section03 .inner .contents-block .border-block-list.popular li .detail:before{
	content: '';
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 6rem;
    height: 6rem;
}
#plan .main-area #section03 .inner .contents-block .border-block-list.popular li:first-of-type .detail:before{
	background: url(/wp-content/themes/Apotool/assets/css/../img/plan/badge02.webp);
	background-size: 100%;
}
#plan .main-area #section03 .inner .contents-block .border-block-list.popular li:nth-of-type(2) .detail:before{
	background: url(/wp-content/themes/Apotool/assets/css/../img/plan/badge03.webp);
	background-size: 100%;
}
#plan .main-area #section03 .inner .contents-block .border-block-list.popular li:nth-of-type(3) .detail:before{
	background: url(/wp-content/themes/Apotool/assets/css/../img/plan/badge04.webp);
	background-size: 100%;
}
#plan .main-area #section03 .inner .contents-block .border-block-list li p.add {
    font-weight: normal;
	line-height: 1.6;
	margin-top: 1.5rem;
	padding:0 2rem;
}
#plan .main-area #section05 {
  padding: 6rem 0 0;
}
#plan .main-area #section05 .section-title h1 {
  margin-bottom: 4rem
}
#plan .main-area #section05 .inner {
  width: 100%;
  max-width: none;
}
#plan .main-area #section05 .inner .contents-block .plan-list {
  max-width: 1160px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto 5rem;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li {
  width: calc((100% - 5rem) / 3);
  padding: 3rem 0 0;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li:first-child {
  position: absolute;
  left: -2.5rem;
  transform: translateX(-100%);
  opacity: .15;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 90%);
  z-index: 5;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li:last-child {
  position: absolute;
  right: -2.5rem;
  transform: translateX(100%);
  opacity: .15;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li:last-child:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 90%);
  z-index: 5;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main {
  margin: 0 0 .8rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head {
  background: #b4bebe;
  border-radius: 3rem 3rem 0 0;
  color: #fff;
  padding: 2.45rem 0 1rem;
  text-align: center;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head:before {
  content: '●';
  position: absolute;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.8rem;
  background: #b4bebe;
  width: 8.8rem;
  height: 8.8rem;
  top: -3rem;
  padding: 3rem 0 0;
  box-sizing: border-box;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head h2 {
  margin: 0 0 1rem;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.35;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head h2 span {
  font-size: 3.2rem;
  font-weight: 900;
  display: inline-block
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head h2 span:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: relative;
  bottom: -2px
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .head p {
  font-weight: 700
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .main .list-block {
  border: solid #b4bebe;
  border-width: 0 4px 4px;
  border-radius: 0 0 3rem 3rem;
  padding: 2.5rem 2.8rem 5.3rem;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more {
  border: 4px solid #b4bebe;
  border-radius: 3rem;
  padding: 5rem 2.8rem 2.8rem;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more:before {
  content: url("../img/plan/icon-more.svg");
  position: absolute;
  display: block;
  width: 4.4rem;
  top: -4.5rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  background: #b4bebe;
  padding: 1.4rem 1.4rem 1.3rem;
  border-radius: 100%;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li p {
  font-weight: 700;
  margin-top: .8rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt {
  font-size: 1.5rem;
  margin-right: .8rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt br {
  display: none;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd {
  font-size: 1.4rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd span {
  font-size: 2.6rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block p span{
	color: #fff;
    font-size: 1.4rem;
    display: inline-block;
    border-radius: 8px;
	padding: .5rem 1rem;
    margin: .5rem 0;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.basic .list-block p span{
	background: #b4bebe;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .list-block p span{
	background: #ff9600;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .list-block p span{
	background: #00bec8;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul:first-of-type li{
	border-bottom: 1px solid #b4b9b9!important;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li {
  border-bottom: 1px dotted #b4b9b9;
  padding: 0 0 1.2rem 3.2rem;
  margin: 0 0 1rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li:last-of-type, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li:last-of-type {
  border-bottom: 0;
  margin-bottom: .5rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li:before {
  content: "";
  flex-shrink: 0;
  background-color: #b4b9b9;
  display: inline-block;
  height: 1.8rem;
  width: 2.4rem;
  -webkit-mask: url("../img/common/icon-check02.svg");
  mask: url("../img/common/icon-check02.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: .5rem;
  left: 0;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li.unactive h3, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li.unactive h3 {
  color: #b4b9b9
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li.unactive:before, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li.unactive:before {
  display: none
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3 .price, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3 .price {
  position: absolute;
  right: 0;
  top: .3rem;
  font-size: 1.8rem;
  line-height: 1;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3 .price:after, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3 .price:after {
  content: '円';
  font-size: 1.2rem;
  margin-left: .1em;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.primary {
  font-size: 1.8rem;
  margin-bottom: .6rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary {
  font-size: 1.4rem;
  margin-bottom: .7rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
  content: '-';
  display: inline-block;
  margin: 0 .7rem
}
#plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:last-of-type, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li h3.secondary:last-of-type {
  margin-bottom: 0
}
#plan .main-area #section05 .inner .contents-block .plan-list > li dl.price {
  display: flex;
  justify-content: flex-end;
  align-items: center
}
#plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dt {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 1rem;
  background: #b4bebe;
  border-radius: 10rem;
  padding: .5rem 1rem .65rem;
  top: 2px
}
#plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dd span {
  font-size: 3.2rem;
  font-weight: 700
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head {
  background: #ff9600
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head:before {
  background: #ff9600
}
/*#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head:after {
  content: url("../img/plan/plan-icon-cashless.svg");
  position: absolute;
  display: block;
  width: 4.4rem;
  top: 54%;
  right: 3.2rem;
  transform: translateY(-50%)
}*/
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head img{
	width: 90px;
    height: auto;
    position: absolute;
    right: -20px;
    top: -30px;
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .list-block, #plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .more {
  border-color: #ff9600
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .list-block ul li:before, #plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .more ul li:before {
  background-color: #ff9600
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .more:before, #plan .main-area #section05 .inner .contents-block .plan-list > li.cashless dl.price dt {
  background: #ff9600
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .head {
  background: #00bec8
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .head:before {
  background: #00bec8
}
/*#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .head:after {
  content: url("../img/plan/plan-icon-paperless.svg");
  position: absolute;
  display: block;
  width: 4.5rem;
  top: 52%;
  right: 3.2rem;
  transform: translateY(-50%)
}*/
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .list-block, #plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .more {
  border-color: #00bec8
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .list-block ul li:before, #plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .more ul li:before {
  background-color: #00bec8
}
#plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .more:before, #plan .main-area #section05 .inner .contents-block .plan-list > li.paperless dl.price dt {
  background: #00bec8
}
#plan .main-area #section05 .inner .contents-block .contact-block {
  background: #f6f8f8;
}
#plan .main-area #section05 .inner .contents-block .contact-block .inner {
  max-width: 1160px;
  padding: 6rem 0;
  margin: 0 auto 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#plan .main-area #section05 .inner .contents-block .contact-block .inner:after {
  content: '';
  background: url("../img/plan/contact-illust01.webp") no-repeat;
  background-size: cover;
  display: block;
  width: 200px;
  height: 230px;
  position: absolute;
  bottom: 0;
  right: 12.8rem;
}
#plan .main-area #section05 .inner .contents-block .contact-block h4 {
  font-size: 4rem;
  font-weight: 900;
  margin-bottom: 3rem
}
#plan .main-area #section05 .inner .contents-block .contact-block p {
  margin-bottom: 2.6rem;
  line-height: 1.5;
}
#plan .main-area #section05 .inner .contents-block .contact-block p br {
  display: none;
}
#plan .main-area #section05 .inner .contents-block .contact-block .contact-button {
  padding: 2.5rem 7.5rem;
  font-size: 2.1rem
}
#plan .main-area #section05 .inner .contents-block .contact-block .contact-button:after {
  right: 2.5rem;
  width: 1.2rem;
  height: 1.8rem
}
#plan .main-area #section05 .inner .contents-block .annotation {
  max-width: 1160px;
  margin: 0 auto;
}
#plan .main-area #section05 .inner .contents-block .annotation li {
  padding-left: 1.4em;
  font-size: 1.4rem;
  line-height: 1.75
}
#plan .main-area #section05 .inner .contents-block .annotation li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
#plan .main-area #section05 .inner .contents-block .contact-button {
	max-width: 300px;
	font-size: 1.8rem;
	display: block;
	padding: 1.6rem 4rem 1.8rem;
	margin: 2rem auto;
}
#plan .main-area #section05 .inner .contents-block .contact-button:after {
  right: 1.8rem
}
#plan .main-area #section05 .inner .contents-block .contact-button:hover span {
  line-height: 1
}
#plan .main-area #section05 .inner .contents-block .basic .contact-button{
	background:#b4bebe;
	border-color: #b4bebe;
}
#plan .main-area #section05 .inner .contents-block .basic .contact-button:hover span{
	color:#b4bebe;
}
#plan .main-area #section05 .inner .contents-block .cashless .contact-button{
	background:#ff9600;
	border-color: #ff9600;
}
#plan .main-area #section05 .inner .contents-block .cashless .contact-button:hover span{
	color:#ff9600;
}
#plan .main-area #section05 .inner .contents-block .paperless .contact-button{
	background:#00bec8;
	border-color: #00bec8;
}
#plan .main-area #section05 .inner .contents-block .paperless .contact-button:hover span{
	color:#00bec8;
}
#plan .main-area #section06 {
  padding: 4rem 0 10rem
}
#plan .main-area #section06 .inner .contents-block section {
  padding: 0;
  margin: 0 0 6rem
}
#plan .main-area #section06 .inner .contents-block section:last-of-type {
  margin-bottom: 2rem
}
#plan .main-area #section06 .inner .contents-block section h2 {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  border: 1px solid #646969;
  padding: 2rem;
  margin: 0 0 1.5rem
}
#plan .main-area #section06 .inner .contents-block section ul li {
  padding: 0 1.2rem 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #d6d8d8;
}
#plan .main-area #section06 .inner .contents-block section ul li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}
#plan .main-area #section06 .inner .contents-block section ul li div h3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: .2rem
}
#plan .main-area #section06 .inner .contents-block section ul li div .notes {
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: 1.2em;
  line-height: 1.75;
  font-feature-settings: normal;
  letter-spacing: .01em;
}
#plan .main-area #section06 .inner .contents-block section ul li div .notes:before {
  content: '•';
  position: absolute;
  top: 0;
  left: .6rem
}
#plan .main-area #section06 .inner .contents-block section ul li .price, #plan .main-area #section06 .inner .contents-block section ul li .price-under, #plan .main-area #section06 .inner .contents-block section ul li .price-none {
  font-size: 1.4rem;
  flex-shrink: 0;
  font-weight: 700;
  position: absolute;
  top: .3em;
  right: 1.2rem;
}
#plan .main-area #section06 .inner .contents-block section ul li .price:after {
  content: '円';
}
#plan .main-area #section06 .inner .contents-block section ul li .price-under:after {
  content: '円から';
}
#plan .main-area #section06 .inner .contents-block section ul li .price-none:after {
  content: '';
}
#plan .main-area #section06 .inner .contents-block section ul li .price span, #plan .main-area #section06 .inner .contents-block section ul li .price-under span {
  font-size: 1.8rem;
  margin: 0 .1em 0 .2em;
}
#plan .main-area #section06 .inner .contents-block .text-right {
  font-weight: 500;
  font-size: 1.4rem;
  padding-bottom: 1rem;
}
#plan .main-area #form-area .inner{
	max-width: 800px;
    margin: 0 auto;
}
#plan .main-area #form-area .form-set form input:not(#submit-button), #plan .main-area #form-area .form-set form select {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1.5rem;
  border: 1px solid #a0a5a5;
  border-radius: .4rem;
  background: #fff;
  width: 100%
}
#plan .main-area #form-area .form-set form input[type=submit]{
    font-size: 2rem !important;
    font-weight: 900 !important;
    padding: 1.8rem 7rem 2rem !important;
    border: none !important;
    border-radius: 0 !important;
    background: 0 0 !important;
}
#plan .main-area #form-area .form-set form textarea {
    width: 100%;
    height: 14.4rem;
    border-radius: .4rem;
    padding: 1.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    border: 1px solid #a0a5a5;
}
#plan .main-area #form-area .form-set form .hs-submit .actions {
    border-radius: 20rem;
    display: inline-block;
    text-decoration: none;
    border: #00bec8 solid 2px;
    overflow: hidden;
    line-height: 1;
    pointer-events: auto;
    background: #00bec8;
    border-color: #00bec8;
}
#plan #form-area .form-set form .hs-submit .actions input.hs-button {
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 1.8rem 7rem 2rem;
    display: inline-block;
    margin: 0;
    pointer-events: auto;
    background: 0 0;
    border: none;
    width: auto;
    border-radius: 0;
    z-index: 1;
    transition: .5s;
}
#plan #form-area .form-set form .hs-submit .actions input.hs-button:hover {
    color: #00bec8;
}
#plan #form-area .form-set form .hs-submit{
	display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}
#plan #form-area .form-set .annotation p{
	margin: 0 0 3rem;
    line-height: 1.75;
    font-size: 1.4rem;
}
#plan .main-area #form-area .form-set form input[type=checkbox]{
    width: auto !important;
}
#plan .main-area #form-area .form-set form .hs-dummy_interest_service .hs-field-desc{
	display: none !important;
}
#plan .main-area #form-area .form-set form .hs-dummy_interest_service>label:after{
    content: '※複数選択可';
    font-size: 1.4rem;
    font-weight: 400;
    display: inline-block;
    margin: 1rem 0;
}
#plan .main-area #form-area .form-set form .hs-dummy_interest_service .hs-form-checkbox label{
	width: 100%;
    display: block;
    padding: 0;
}
#plan .main-area #form-area .form-set form li.hs-form-checkbox{
    letter-spacing: -.5px;
    line-height: 1.6;
    padding: 1rem 0;
}
#plan .main-area #form-area .form-set form input[type=checkbox]+span{
	display: inline;
}
#security {
  font-feature-settings: normal
}
#security .main-area #section01 {
  padding: 6rem 0 10rem
}
#security .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#security .main-area #section01 .section-title h1 {
  font-feature-settings: 'palt'
}
#security .main-area #section01 .inner .contents-block .mv {
  width: 36rem;
  margin: 0 auto 4rem
}
#security .main-area #section01 .inner .contents-block ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch
}
#security .main-area #section01 .inner .contents-block ul li {
  max-width: 33.4rem;
  margin: 0 6.4rem 0 0
}
#security .main-area #section01 .inner .contents-block ul li:after {
  content: '';
  display: block;
  background: #e6e7e7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -3.2rem
}
#security .main-area #section01 .inner .contents-block ul li:last-of-type {
  margin-right: 0
}
#security .main-area #section01 .inner .contents-block ul li:last-of-type:after {
  display: none
}
#security .main-area #section01 .inner .contents-block ul li h2 {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 900;
  margin-bottom: 2rem
}
#security .main-area #section01 .inner .contents-block ul li p {
  font-size: 1.5rem;
  line-height: 1.75;
  word-wrap: break-word;
  line-break: normal
}
#faq {
  font-feature-settings: normal
}
#faq .main-area #section01 {
  padding: 6rem 0 10rem
}
#faq .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#faq .main-area #section01 .section-title h1 {
  font-feature-settings: 'palt'
}
#faq .main-area #section01 .inner .contents-block {
  overflow: hidden
}
#faq .main-area #section01 .inner .contents-block nav.main-nav {
  margin: 0 0 5rem
}
#faq .main-area #section01 .inner .contents-block nav.main-nav ul {
  display: flex
}
#faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 1rem 1rem 1.8rem
}
#faq .main-area #section01 .inner .contents-block nav.main-nav ul li:first-child:before {
  content: '';
  display: block;
  background: #00bec8;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px
}
#faq .main-area #section01 .inner .contents-block nav.main-nav ul li h2 {
  font-size: 2.8rem;
  font-weight: 900;
  color: #c8d2d2
}
#faq .main-area #section01 .inner .contents-block nav.main-nav ul li.active h2, #faq .main-area #section01 .inner .contents-block nav.main-nav ul li:hover h2 {
  color: #00bec8
}
#faq .main-area #section01 .inner .contents-block nav.sub-nav {
  margin-bottom: 2.3rem
}
#faq .main-area #section01 .inner .contents-block nav.sub-nav ul {
  display: flex;
  justify-content: center
}
#faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
  margin: 0 1.3rem
}
#faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
  font-weight: 500;
  font-size: 1.6rem
}
/*#faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a:after {
  content: url("../img/common/arrow12.svg");
  display: inline-block;
  position: relative;
  width: 1.2rem;
  top: 1px;
  margin-left: .5rem
}*/
#faq .main-area #section01 .inner .contents-block #container {
  width: calc(200% + 5.6rem);
  display: flex;
	align-items: flex-start;
  transition: .5s;
  left: 0
}
#faq .main-area #section01 .inner .contents-block #container.second {
  left: calc(-100% - 5.6rem)
}
#faq .main-area #section01 .inner .contents-block #container > div {
  width: 50%;
	padding: 2.6rem 5.6rem 0;
  margin-right: 5.6rem
}
#faq .main-area #section01 .inner .contents-block #container > div:last-child {
  margin-right: 0
}
#faq .main-area #section01 .inner .contents-block #container section {
  padding: 0 0 8rem
}
#faq .main-area #section01 .inner .contents-block #container section h3 {
  font-size: 2.4rem;
  font-weight: 900;
  background: #00bec8;
  border-radius: .8rem;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  margin: 0 0 1rem
}
#faq .main-area #section01 .inner .contents-block #container section dl {
  font-feature-settings: 'palt'
}
#faq .main-area #section01 .inner .contents-block #container section dl dt {
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.5;
  padding: 1.8rem 6.4rem 2rem 7.4rem;
  border-bottom: 1px solid #d6d8d8;
  transition: .5s
}
#faq .main-area #section01 .inner .contents-block #container section dl dt h4 {
  word-wrap: break-word;
  line-break: normal
}
#faq .main-area #section01 .inner .contents-block #container section dl dt:before {
  content: url("../img/common/icon-ques.svg");
  display: block;
  width: 2.1rem;
  position: absolute;
  left: 2rem;
  top: 2.2rem
}
#faq .main-area #section01 .inner .contents-block #container section dl dt:after {
  content: url("../img/common/arrow13.svg");
  display: block;
  width: 2.2rem;
  transition: .3s;
  position: absolute;
  right: 2rem;
  top: 2rem
}
#faq .main-area #section01 .inner .contents-block #container section dl dt:hover {
  color: #00bec8
}
#faq .main-area #section01 .inner .contents-block #container section dl dt.active {
  border-bottom-color: transparent;
  background: #f6f8f8
}
#faq .main-area #section01 .inner .contents-block #container section dl dt.active:after {
  transform: rotateX(180deg)
}
#faq .main-area #section01 .inner .contents-block #container section dl dd {
  background: #f6f8f8;
  padding: 1rem 7.4rem 4rem 7.4rem;
  border-bottom: 1px solid #d6d8d8;
  font-size: 1.5rem;
  color: #646969;
  display: none
}
#faq .main-area #section01 .inner .contents-block #container section dl dd:before {
  content: url("../img/common/icon-ans.svg");
  display: block;
  width: 2.1rem;
  position: absolute;
  left: 2.2rem;
  top: 1.5rem
}
#faq .main-area #section01 .inner .contents-block #container section dl dd p {
  line-height: 1.75;
  word-wrap: break-word;
  line-break: normal
}
#faq .main-area #section01 .inner .contents-block #container section dl dd img {
  width: auto;
  display: block;
  margin: .5rem 0 0
}
#patients-faq {
  font-feature-settings: normal
}
#patients-faq .main-area #section01 {
  padding: 6rem 0 10rem
}
#patients-faq .main-area #section01 .section-title {
  margin-bottom: 4rem
}
#patients-faq .main-area #section01 .section-title h1 {
  font-feature-settings: 'palt'
}
#patients-faq .main-area #section01 .inner .contents-block {
  overflow: hidden
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav {
  margin: 0 0 5rem
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul {
  display: flex
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 1rem 1rem 1.8rem
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li:first-child:before {
  content: '';
  display: block;
  background: #00bec8;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li h2 {
  font-size: 2.8rem;
  font-weight: 900;
  color: #c8d2d2
}
#patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li.active h2, #faq .main-area #section01 .inner .contents-block nav.main-nav ul li:hover h2 {
  color: #00bec8
}
#patients-faq .main-area #section01 .inner .contents-block nav.sub-nav {
  margin-bottom: 2.3rem
}
#patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul {
  display: flex;
  justify-content: center
}
#patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
  margin: 0 1.3rem
}
#patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
  font-weight: 500;
  font-size: 1.6rem
}
#patients-faq .main-area #section01 .inner .contents-block #container {
  width: calc(200%);
  display: flex;
	align-items: flex-start;
  transition: .5s;
  left: 0
}
#patients-faq .main-area #section01 .inner .contents-block #container.second {
  left: calc(-100% - 5.6rem)
}
#patients-faq .main-area #section01 .inner .contents-block #container > div {
  width: 50%;
	padding: 2.6rem 5.6rem 0;
  margin-right: 5.6rem
}
#patients-faq .main-area #section01 .inner .contents-block #container > div:last-child {
  margin-right: 0
}
#patients-faq .main-area #section01 .inner .contents-block #container section {
  padding: 0 0 8rem
}
#patients-faq .main-area #section01 .inner .contents-block #container section h2 {
  font-size: 2.4rem;
  font-weight: 900;
  background: #00bec8;
  border-radius: .8rem;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  margin: 0 0 1rem
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl {
  font-feature-settings: 'palt'
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt {
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.5;
  padding: 1.8rem 6.4rem 2rem 7.4rem;
  border-bottom: 1px solid #d6d8d8;
  transition: .5s
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt h3 {
  word-wrap: break-word;
  line-break: normal
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt:before {
  content: url("../img/common/icon-ques.svg");
  display: block;
  width: 2.1rem;
  position: absolute;
  left: 2rem;
  top: 2.2rem
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt:after {
  content: url("../img/common/arrow13.svg");
  display: block;
  width: 2.2rem;
  transition: .3s;
  position: absolute;
  right: 2rem;
  top: 2rem
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt:hover {
  color: #00bec8
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt.active {
  border-bottom-color: transparent;
  background: #f6f8f8
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dt.active:after {
  transform: rotateX(180deg)
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd {
  background: #f6f8f8;
  padding: 1rem 7.4rem 4rem 7.4rem;
  border-bottom: 1px solid #d6d8d8;
  font-size: 1.5rem;
  color: #646969;
  display: none
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd:before {
  content: url("../img/common/icon-ans.svg");
  display: block;
  width: 2.1rem;
  position: absolute;
  left: 2.2rem;
  top: 1.5rem
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd p {
  line-height: 1.75;
  word-wrap: break-word;
  line-break: normal
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd img {
  width: auto;
  display: block;
  margin: .5rem 0 0
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd ol,
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd ul{
	padding-left: 2rem;
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd ol li,
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd ul li{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.75;
}
#patients-faq .main-area #section01 .inner .contents-block #container section dl dd ul li{
	list-style: disc;
}
@media screen and (max-width: 1080px){
  .pc-hidden {
    display: block
  }
  .sp-hidden {
    display: none
  }
  html {
    font-size: calc(2.67vw / 2)
  }
  body {
    min-width: inherit;
    overflow-x: hidden;
    font-weight: 400
  }
  body > * {
    min-width: inherit
  }
  body.no_scroll {
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden
  }
  #sp-menu {
	 display: none; 
    /*display: block;*/
    background: #00bec8;
    width: 68px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 15px
  }
  #sp-menu span {
    width: 32px;
    height: 2px;
    background: #fff;
    border-radius: 10px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s
  }
  #sp-menu span:nth-of-type(1) {
    top: calc(50% - 10px)
  }
  #sp-menu span:nth-of-type(2) {
    top: 50%
  }
  #sp-menu span:nth-of-type(3) {
    top: calc(50% + 10px)
  }
  #sp-menu.active span:nth-of-type(1) {
    top: 50%;
    height: 3px;
    transform: translate(-50%, -50%) rotateZ(45deg)
  }
  #sp-menu.active span:nth-of-type(2) {
    top: 50%;
    opacity: 0
  }
  #sp-menu.active span:nth-of-type(3) {
    top: 50%;
    height: 3px;
    transform: translate(-50%, -50%) rotateZ(-45deg)
  }
	#footer-fixed-nav{
		width: 100%;
	 display: flex;
	 align-items: center;
    background: #00bec8;
    position: fixed;
	 bottom: 0;
		padding: 5px 0;
		z-index: 999;
	}
	#footer-fixed-nav .nav-item{
		width:20%;
	}
	#footer-fixed-nav .nav-item,
	#footer-fixed-nav .nav-item a
	{
		display: flex;
    flex-direction: column;
    align-items: center;
	 gap: 5px
	}
	#footer-fixed-nav .nav-item figure{
		width:35px;
	}
	#footer-fixed-nav .nav-item.campaign figure{
		width:50px;
	}
	#footer-fixed-nav .nav-item span{
		color:#fff;
	 font-size: 12px;
    letter-spacing: -.6px;
	}
	#footer-fixed-nav .nav-item.campaign span{
		font-size: 9px;
	}
	#footer-nav{
		background: rgb(248 250 250 / 95%);
	}
  header {
    min-width: inherit;
    min-height: 51px;
    padding: 15px 10px;
    background: #fff;
	justify-content: center;  
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);  
  }
  header.radius {
    border-radius: 0
  }
  header h1 {
    width: 138.5px
  }
  #breadcrumbs {
    padding: 1.2rem 2rem
  }
  #breadcrumbs ul li {
    font-size: 1.5rem
  }
  #breadcrumbs ul li:first-of-type a img {
    width: 1.5rem
  }
  #breadcrumbs ul li:after {
    content: url("../img/common/breadcrumbs-arrow.svg");
    width: 5px;
    display: block;
    margin: 0 1.2rem;
    top: -1px
  }
  #footer-nav {
    padding: 50px 0 0;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100vh;
    overflow-y: scroll
  }
  #footer-nav .inner {
    padding: 3.1rem 3.7rem 7.5rem;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  #footer-nav .inner > div {
    width: 100%
  }
  #footer-nav .inner > div#company-information p {
    margin: 0 0 2.8rem
  }
  #footer-nav .inner > div h2 {
    display: none
  }
  #footer-nav .inner > div .tel span {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 0 0 4.6rem
  }
  #footer-nav .inner > div .tel span:first-of-type {
    font-size: 3.2rem
  }
  #footer-nav .inner > div .tel span:first-of-type:before {
    width: 3.6rem
  }
  #footer-nav .inner > div .contact-button {
    padding: 2rem 4rem
  }
  #footer-nav .inner > div .contact-button:hover:after {
    background: #00bec8
  }
  #footer-nav .inner > div address {
    line-height: 1.75;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .02em
  }
  #footer-nav .inner > div h4 {
    padding-left: 0;
    margin-left: 0;
    font-size: 1.8rem;
    margin: 0 0 2rem;
    padding: .9rem 0 0
  }
  #footer-nav .inner > div h4.link {
    margin-bottom: 2.7rem;
    padding: .9rem 0 0
  }
  #footer-nav .inner > div h4 a:before {
    display: none
  }
  #footer-nav .inner > div h4 > span:after {
    content: url("../img/common/footer-nav-togglearrow.svg");
    width: 1.5rem;
    display: inline-block;
    position: absolute;
    top: 40%;
    right: -1rem;
    transform: translate(100%, -50%);
    transition: .3s
  }
  #footer-nav .inner > div h4 > span.active:after {
    transform: translate(100%, -10%) rotateX(180deg)
  }
  #footer-nav .inner > div h4.sns {
    margin-top: 5rem;
  }
  #footer-nav .inner > div ul {
    display: none;
    margin: 0 0 2.7rem;
  }
  #footer-nav .inner > div ul li {
    margin: 0 0 2.2rem;
  }
  #footer-nav .inner > #menu-list01 ul > li:nth-child(1)::before{
	  content:'システム本体';
	  font-size: 1.6rem;
	  font-weight: 700;
	  display: block;
	  border-bottom: 1px solid #d5d5d5;
	  padding-bottom: 1rem;
	  margin-bottom: 1rem;
	}
  #footer-nav .inner > #menu-list01 ul > li:nth-child(3)::before{
	  content:'追加オプション';
	  font-size: 1.6rem;
	  font-weight: 700;
	  display: block;
	  border-bottom: 1px solid #d5d5d5;
	  padding-bottom: 1rem;
	  margin-bottom: 1rem;
	}
  #footer-nav .inner > div ul > li:nth-child(16)::before{
	  content:'プロジェクト';
	  font-size: 1.6rem;
	  font-weight: 700;
	  display: block;
	  border-bottom: 1px solid #d5d5d5;
	  padding-bottom: 1rem;
	  margin-bottom: 1rem;
	}
  #footer-nav .inner > div ul li a{
	  padding-left: 1.0rem;
	}
  #footer-nav .inner > div ul li a:before {
    display: none;
  }
  #footer-nav .inner > div ul li a span {
	  font-weight: 400;
	  font-size: 1.5rem;
	  line-height: 1.4;
  }
  #footer-nav .inner > div ul#sns-group {
    padding: 0;
    margin-top: -1rem;
  }
  #footer-nav .inner > div ul#sns-group li {
    width: 3.2rem;
    margin: 0 1.6rem 0 0
  }
  footer {
    padding: 4rem 2rem 5.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
  }
  footer .sub {
    width: 100%
  }
  footer .sub ul li {
    margin: 0 1.85rem 2.8rem 0
  }
  footer .sub ul li a {
    font-size: 1.2rem;
    font-weight: 400
  }
  footer .sub ul li a.ico:after {
    content: url("../img/common/ico-blanklink.svg");
    display: inline-block;
    width: 1.2rem;
    margin: 0 0 0 5px
  }
  footer .sub ul li a:hover {
    text-decoration: underline
  }
  footer .sub #copyright {
    font-size: 1.3rem;
    font-weight: 500;
    color: #646969
  }
  footer figure {
    width: 137px;
    position: absolute;
    bottom: 4.5rem;
    right: 2rem
  }
  .common-voice .inner, .common-faq .inner {
    width: 100%;
    padding: 5rem 2rem
  }
  .common-voice .inner h2, .common-faq .inner h2 {
    font-size: 2.8rem;
    margin: 0 0 2.5rem
  }
  .common-voice .inner ul {
    display: flex;
    flex-direction: column;
    border: .3rem solid #ffdc00;
    border-radius: 2rem 2rem 0 0;
    padding: 1.85rem 2.7rem 0
  }
  .common-voice .inner ul li {
    padding: 0 0 2rem;
    margin: 0 0 2rem
  }
  .common-voice .inner ul li:first-of-type {
    border-right: none;
    border-bottom: 1px solid #e6e7e7
  }
  .common-voice .inner ul li:last-of-type {
    border: none;
    margin-bottom: 0
  }
  .common-voice .inner ul li figure {
    display: flex;
    justify-content: flex-start
  }
  .common-voice .inner ul li figure > span {
    width: 8.6rem;
    height: 8.6rem
  }
  .common-voice .inner ul li figure figcaption {
    padding: 1rem 0 0 1.4rem
  }
  .common-voice .inner ul li figure figcaption p:nth-of-type(1) {
    font-size: 1.2rem;
    line-height: 1.73;
    margin: 0 0 .5rem
  }
  .common-voice .inner ul li figure figcaption p:nth-of-type(2) {
    font-size: 1.8rem
  }
  .common-voice .inner ul li figure figcaption p:nth-of-type(2) span {
    margin: 0 0 0 9px;
    font-size: 1.2rem;
    font-weight: 400
  }
  .common-voice .inner ul li h3 {
    font-size: 1.8rem;
    padding: 2.7rem 0 1.5rem
  }
  .common-voice .inner .end {
    border-radius: 0 0 2rem 2rem;
    padding: 2rem 2rem
  }
  .common-voice .inner .end p span {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.73;
    letter-spacing: .025em
  }
  .common-voice .inner .end p:before {
    flex-shrink: 0;
    display: block;
    width: 4.2rem;
    vertical-align: middle;
    margin: 0 1.3rem 0 0
  }
  .common-faq .inner > ul > li {
    width: 100%;
    margin: 0 auto 2rem;
    border-radius: 1rem;
    box-shadow: 0 2.5px 7px rgba(0, 0, 0, 0.15);
    padding: 2.4rem 2.5rem 3rem
  }
  .common-faq .inner ul li:last-of-type {
    margin-bottom: 0
  }
  .common-faq .inner ul li dl dt, .common-faq .inner ul li dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
  }
  .common-faq .inner ul li dl dt:before, .common-faq .inner ul li dl dt:after, .common-faq .inner ul li dl dd:before, .common-faq .inner ul li dl dd:after {
    margin: 0 1.5rem 0 0;
    display: block
  }
  .common-faq .inner ul li dl dt span, .common-faq .inner ul li dl dd span {
    display: block;
    width: calc(100% - 3.9rem)
  }
  .common-faq .inner ul li dl dt span {
    font-size: 1.6rem;
    margin: 0 0 1rem;
    line-height: 1.73;
    letter-spacing: .05em;
    font-weight: 900
  }
  .common-faq .inner ul li dl dt:before {
    content: url("../img/common/icon-ques.svg");
    width: 2.2rem;
    top: .4em
  }
  .common-faq .inner ul li dl dd p {
    font-size: 1.4rem;
    line-height: 1.73;
    letter-spacing: .05em
  }
  .common-faq .inner ul li dl dd p.readmore {
    font-size: 1.4rem;
    line-height: 1.73;
    letter-spacing: .05em
  }
  .common-faq .inner ul li dl dd:before {
    content: url("../img/common/icon-ans.svg");
    width: 2.2rem;
    top: .5em;
    flex-shrink: 0
  }
	.hide-text > p a {
		color:#00bec8;
}
  .common-contactArea {
    padding: 3.7rem 2rem
  }
  .common-contactArea .inner {
    background: #fff;
    border-radius: 1.2rem;
    padding: 3.6rem 0 3.2rem
  }
  .common-contactArea .inner:before {
    display: none
  }
  .common-contactArea .inner:after {
    display: none
  }
  .common-contactArea .inner .buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 2rem;
    padding: 0 2rem 2rem
  }
  .common-contactArea .inner .buttons li {
    width: 100%;
    border-radius: 1.2rem;
    overflow: hidden
  }
  .common-contactArea .inner .buttons li:first-of-type {
    margin-bottom: 2rem
  }
  .common-contactArea .inner .buttons li a {
    display: block;
    padding: 1.8rem 0 2rem
  }
  .common-contactArea .inner .buttons li a:before {
    content: '';
    border-radius: 100%;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
    z-index: 0
  }
  .common-contactArea .inner .buttons li a div span {
    font-size: 1.5rem
  }
  .common-contactArea .inner .buttons li a div p {
    font-size: 2.4rem
  }
  .common-contactArea .inner .buttons li.download {
    border: 2px solid #00bec8
  }
  .common-contactArea .inner .buttons li.inq {
    border: 2px solid #ff9600
  }
  .common-contactArea .inner .phone {
    text-align: center
  }
  .common-contactArea .inner .phone dt {
    font-size: 1.3rem;
    margin: 0 0 .5rem
  }
  .common-contactArea .inner .phone dd a {
    font-size: 3rem;
    margin: 0 0 .4rem
  }
  .common-contactArea .inner .phone dd a:before {
    width: 3.5rem;
    margin: 0 .7rem 0 0
  }
  .common-contactArea .inner .phone dd span {
    font-size: 1.3rem
  }
  .circle-3column li {
    width: 31%;
    max-width: none
  }
  .circle-3column li .image {
    width: 100%;
    height: auto;
    margin: 0 auto 2rem
  }
  .circle-3column li h3 {
    font-size: 1.8rem;
    margin: 0 0 1.5rem
  }
  .circle-3column li p {
    font-size: 1.3rem
  }
  .column-3block {
    display: flex;
    flex-wrap: wrap
  }
  .column-3block li {
    width: calc((100% - 4rem) / 2);
    max-width: none;
    padding: 1.4rem 1.4rem 1.6rem;
    margin: 0 4rem 4rem 0;
    border-radius: 1rem
  }
  .column-3block li:nth-of-type(3n) {
    margin: 0 4rem 4rem 0
  }
  .column-3block li:nth-of-type(2n) {
    margin-right: 0
  }
  .column-3block li img {
    margin: 0 0 2rem
  }
  .column-3block li h3 {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    line-height: 1.5
  }
  .column-3block li p {
    font-size: 1.5rem
  }
  .column-3blockB li {
    width: calc((100% - 4rem) / 2);
    max-width: none;
    margin: 0 0 4rem 0;
    border-radius: 1rem;
    overflow: hidden
  }
  .column-3blockB li:nth-of-type(3n) {
    margin: 0 4rem 4rem 0
  }
  .column-3blockB li:nth-of-type(2n) {
    margin-right: 0
  }
  .column-3blockB li .image {
    height: 18rem;
    margin: 0 0 1.75rem
  }
  .column-3blockB li .image img {
    width: 100%;
    top: 52%
  }
  .column-3blockB li .details {
    padding: 0 2rem 2.5rem
  }
  .column-3blockB li .details .name {
    font-size: 1.5rem;
    margin: 0 0 1.25rem
  }
  .column-3blockB li .details h2, .column-3blockB li .details h3 {
    font-size: 1.8rem;
    margin: 0 0 1.75rem
  }
  .column-3blockB li .details .text {
    font-size: 1.4rem
  }
  .column-3blockC {
    justify-content: space-between
  }
  .column-3blockC li {
    width: 47%;
    max-width: none;
    margin: 0 0 4rem 0;
    padding: 4.6rem 0 0
  }
  .column-3blockC li .inset {
    padding: 5rem 2rem 3rem
  }
  .column-3blockC li .inset h2, .column-3blockC li .inset h3 {
    font-size: 2.2rem;
    margin: 0 0 2rem
  }
  .column-3blockC li .inset p {
    font-size: 1.4rem
  }
  .column-4block {
    display: flex;
    flex-wrap: wrap
  }
  .column-4block li {
    width: calc((100% - 4rem) / 2);
    max-width: none;
    padding: 1.4rem 1.4rem 1.6rem;
    margin: 0 4rem 4rem 0;
    border-radius: 1rem
  }
  .column-4block li:nth-of-type(4n) {
    margin-right: 0
  }	
  .column-4block li:nth-of-type(3n) {
    margin: 0 4rem 4rem 0
  }
  .column-4block li:nth-of-type(2n) {
    margin-right: 0
  }
  .column-4block li img {
    margin: 0 0 2rem
  }
  .column-4block li h3 {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    line-height: 1.5
  }
  .column-4block li p {
    font-size: 1.5rem
  }	
  .border-block {
    border-radius: 4rem;
    border: 4px solid #00bec8
  }
  .border-block-list {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between
  }
  .border-block-list li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: #2d3030;
    height: 100%;
    border: 4px solid #00bec8;
    background: #fff;
    border-radius: 2.8rem;
    overflow: hidden;
    text-align: center
  }
  .border-block-list li a:hover {
    opacity: .5;
    text-decoration: none
  }
  .border-block-list li a .image {
    height: 12rem;
    overflow-y: hidden;
    background: #f0f4f4
  }
  .border-block-list li a .image:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 1rem
  }
  .border-block-list li a .image:after {
    content: '';
    position: absolute;
    top: 1rem;
    right: 1rem
  }
  .border-block-list li a .detail {
    padding: 2.6rem 0 2.5rem
  }
  .border-block-list li a p {
    font-size: 1.5rem;
    margin: 0 0 1rem
  }
  .border-block-list li a h3 {
    font-size: 3rem;
    color: #00bec8;
    font-weight: 900
  }
  .border-block-list li a h3 span {
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    margin: 1rem 0 0;
    min-height: 1em
  }
  .border-block-list li a .price {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.5rem 0 0
  }
  .border-block-list li a .price:has( > span[data-tag="fee"]){
    margin-bottom: -1rem;
  }
  .border-block-list li a .price span {
    font-size: 2.4rem;
    min-height: 1em;
  }
  .border-block-list li a .price .annotation {
    display: block;
    text-align: center;
    font-size: 1.1rem;
    margin-top: .7rem;
    font-weight: 500;
  }
  .border-block-list li a .button {
    font-size: 1.9rem;
    font-weight: 900;
    padding: 1.7rem 0;
    background: #00bec8;
    color: #fff;
  }
  .border-block-list li a .button:after {
    content: url("../img/common/arrow03.svg");
    width: 1.1rem;
    position: absolute;
    top: 50%;
    right: 1.7rem;
    transform: translateY(-50%)
  }
  .main-area section {
    padding: 5rem 0
  }
  .main-area section > .inner {
    padding: 0 2rem
  }
  .main-area .section-title h1, .main-area .section-title h2 {
    margin: 0 0 1rem
  }
  .main-area .section-title h1 span, .main-area .section-title h2 span {
    font-size: 3.2rem;
    line-height: 1.5
  }
  .main-area .section-title .sub {
    font-size: 1.4rem;
    line-height: 1.73
  }
  .main-area .news-list {
    margin: 0 0 3rem
  }
  .main-area .news-list li a {
    padding: 2rem 1rem
  }
  .main-area .news-list li a time {
    width: 12rem;
    font-size: 1.4rem
  }
  .main-area .news-list li a .category {
    width: 12rem;
    font-size: 1.2rem;
    margin: 0 2rem 0 0
  }
  .main-area .news-list li a .text {
    width: calc(100% - 12rem - 12rem - 2rem);
    font-size: 1.6rem
  }
  .pagenation-set {
    flex-direction: column-reverse
  }
  .pagenation-set .page-select a {
    padding: 1.4rem 1.8rem 1.5rem
  }
  .pagenation-set .page-select .prev a {
    margin-right: .7rem
  }
  .pagenation-set .page-select .next a {
    margin-left: .7rem
  }
  .pagenation-set .pagenation {
    width: 100%;
    position: relative;
    margin: 0 0 2rem
  }
  #main-visual > .inner {
    padding: 0 2rem
  }
  #main-visual > .inner .text-area {
    width: 47.6%;
    padding: 3.2rem 0 0
  }
  #main-visual > .inner .text-area .ap-box > span {
    font-size: 1.2rem;
    margin: 0 0 1.8rem 1rem
  }
  #main-visual > .inner .text-area .apotoolbox {
    font-size: 1.2rem;
    padding: .6rem 1.1rem .6rem;
    margin: 0 0 1.8rem
  }
  #main-visual > .inner .text-area .title-set > img {
    width: 6.4rem;
    height: 6.4rem
  }
  #main-visual > .inner .text-area .title-set .inner {
    width: calc(100% - 6.4rem - 1.6rem);
    margin: 0 0 4rem
  }
  #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3.2rem;
    margin: 0 0 1.2rem;
    padding: 1.2rem 0 0
  }
  #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2rem;
    margin: 1.2rem 0 0
  }
  #main-visual > .inner .text-area .title-set .inner p {
    font-size: 1.4rem
  }
  #main-visual > .inner .text-area .title-set .inner p > span {
    font-size: 1.6rem
  }
  #main-visual > .inner .text-area .title-set .inner p > span span {
    font-size: 3rem
  }
  #main-visual > .inner .text-area .text {
    font-size: 1.2rem;
    margin: 0 0 3rem
  }
  #main-visual > .inner .image-area {
    width: calc(100% - 47.6% - 2rem)
  }
  #main-visual > .inner .image-area .image-large {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
  }
  #main-visual > .inner .contact-button {
    padding: 1.75rem 5rem 2rem;
    font-size: 2rem
  }
  #main-visual > .inner .contact-button:after {
    height: calc(1.3rem * 1.3);
    width: calc(.9rem * 1.2);
    right: 2rem
  }
  #home #main-visual > .inner {
    padding: 0;
    align-items: flex-start
  }
  #home #main-visual > .inner .text-area {
    width: 45%;
    padding: 1rem 0 0 3rem
  }
  #home #main-visual > .inner .text-area .title-set {
    width: 100%
  }
  #home #main-visual > .inner .text-area .title-set .inner {
    width: 100%;
    margin: 0 0 1.904vw
  }
  #home #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3.6rem
  }
  #home #main-visual > .inner .text-area .title-set .inner .illust {
    width: 13rem;
    top: 7rem;
    left: auto;
    right: 1rem;
  }
  #home #main-visual > .inner .text-area .text {
    font-size: 1.2rem;
    margin: 0 0 1.5rem;
  }
  #home #main-visual > .inner .image-area {
    width: 55%;
    border-radius: 7rem 0 0 7rem;
  }
  #home #main-visual > .inner .contact-button {
	  min-width: 300px;
	  padding: 1.4rem 5rem 1.5rem;
	  font-size: 1.4rem;
	  margin-bottom: 1rem;
  }
  #home #main-visual > .inner .contact-button:after {
    height: 1.3rem;
    width: .9rem;
    right: 2rem;
  }
  #home #main-visual .group {
    flex-direction: column;
    margin-top: 3rem;
  }
  #home #main-visual #achievements {
    padding: 4rem 0 2rem;
  }
  #home #main-visual #achievements ul:before{
	width: 94px;
    height: 125px;
    left: 0px; 
  }
  #home #main-visual #achievements ul:after{
	width: 51px;
    height: 125px;
    right: 20px; 
  }	
  #home #main-visual #achievements h2 {
    font-size: 1.6rem;
  }
  #home #main-visual #achievements h2:before, #home #main-visual #achievements h2:after {
    height: 2em;
    top: 60%;
  }
  #home #main-visual #achievements h2:before {
    left: -1.2rem;
  }
  #home #main-visual #achievements h2:after {
    right: -1.2rem;
  }
  #home #main-visual #achievements .text-right {
    width: 100%;
    padding: .5rem 2rem 0;
  }
  #home #main-visual #achievements ul li:first-of-type h3{
	font-size: 1.4rem;	
  }	
  #home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item--text {
	 width: calc(100vw / 2);
  }	
  #home #main-visual #video {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 0 auto 3rem;
  }
  #home #latest-news {
    padding: 1.8rem 0 2rem;
  }
  #home #latest-news p a {
    font-size: 1.6rem;
  }
  #home #latest-news p:after {
    width: 1rem;
    margin: 0 0 0 1rem;
    top: 3px
  }
  #home .main-area #sectionIntro .inner {
    padding: 0;
  }
  #home .main-area #sectionIntro .section-title h2 span {
	  font-size: 2.6rem;
  }
  #home .main-area #section01 {
    padding: 5rem 0;
  }
  #home .main-area #section01 .inner {
    max-width: none;
    padding: 0 2rem;
  }
  #home .main-area #section01 .inner .section-title {
    margin-bottom: 3rem;
  }
  #home .main-area #section01 .inner .section-title h2 span{
    font-size: 2.6rem;
  }	
  #home .main-area #section01 .inner .problems #problems {
    width: 100%
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide {
    padding: 2.4vw 1vw;
    margin: 1vw 0 0;
    filter: drop-shadow(0 0.25vw 0.5vw rgba(0, 0, 0, 0.16))
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide:before {
    content: '';
    background: #fff;
    display: block;
    width: 10vw;
    height: 10vw;
    border-radius: 20rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide span {
    width: 5vw;
    top: 2vw
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide h3 {
    padding: 6vw 2vw 2vw;
    font-size: 2vw
  }
  #home .main-area #section01 .inner .problems:after {
    background-size: cover;
    width: calc(56.7rem * .5);
    height: calc(11.9rem * .5);
    margin: 0 auto 2.5rem
  }
  #home .main-area #section01 .inner .features {
    padding: 0 2rem
  }
  #home .main-area #section01 .inner .features > div {
    display: flex;
    align-items: stretch;
    justify-content: center
  }
  #home .main-area #section01 .inner .features > div:nth-of-type(even) {
    flex-direction: row-reverse
  }
  #home .main-area #section01 .inner .features > div picture {
    width: 50%
  }
  #home .main-area #section01 .inner .features > div > div {
    width: 50%;
    padding: 3rem 0 2rem;
    background: #00bec8;
    text-align: center
  }
  #home .main-area #section01 .inner .features > div > div .icon {
    margin: 0 0 .75rem
  }
  #home .main-area #section01 .inner .features > div > div .icon img {
    width: 6rem;
    margin: 0 .5rem
  }
  #home .main-area #section01 .inner .features > div > div h3 {
    font-size: 3rem;
    margin: 0 0 1rem
  }
  #home .main-area #section01 .inner .features > div > div p {
    font-size: 1.3rem
  }
  #home .main-area #section02 {
    padding: 5rem 0 3rem
  }
  #home .main-area #section02 .inner .section-title h2 span{
    font-size: 2.6rem;
  }
  #home .main-area #section02 .inner .contents-block picture {
    width: 40%;
    margin: 0 auto 2.5rem
  }
  #home .main-area #section02 .inner .contents-block ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: hidden
  }
  #home .main-area #section02 .inner .contents-block ul li {
    width: 100%;
    max-width: none;
    padding: 2rem 0;
    min-height: 30rem;
    overflow: hidden
  }
  #home .main-area #section02 .inner .contents-block ul li:after {
    content: url("../img/home/deviding-line.svg");
    position: absolute;
    width: 2rem;
    bottom: 1rem;
    right: 50%;
    z-index: 0;
    transform: translate(-50%, 50%) rotate(90deg)
  }
  #home .main-area #section02 .inner .contents-block ul li:last-of-type {
    padding-bottom: 0
  }
  #home .main-area #section02 .inner .contents-block ul li:last-of-type:after {
    display: none
  }
  #home .main-area #section02 .inner .contents-block ul li > div {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center
  }
  #home .main-area #section02 .inner .contents-block ul li > div .image {
    width: 50%;
    height: 24rem;
    margin: 0;
    position: relative;
    top: 0;
    left: 0
  }
  #home .main-area #section02 .inner .contents-block ul li > div .image img {
    width: 21.6rem
  }
  #home .main-area #section02 .inner .contents-block ul li > div .detail {
    width: 50%;
  }
  #home .main-area #section02 .inner .contents-block ul li > div h3 {
    font-size: 2.6rem;
    margin: 3rem 0
  }
  #home .main-area #section02 .inner .contents-block ul li > div h3:before {
    width: 4rem;
    margin: 0 .7rem 0 0;
    top: 4px
  }
  #home .main-area #section02 .inner .contents-block ul li > div p {
    font-size: 1.5rem;
    padding: 0 0 1.5rem
  }
  #home .main-area #section03 {
    padding: 5rem 0
  }
  #home .main-area #section03 .inner .section-title h2 span{
	  font-size: 2.6rem;
  }	
  #home .main-area #section03 .inner .contents-block {
	  flex-direction: column;
	  overflow: hidden;
  }
  #home .main-area #section03 .inner .contents-block .ab-main{
	  width: 100%;	
  }
  #home .main-area #section03 .inner .contents-block .option{
	  width: 100%;	
  }
  #home .main-area #section03 .inner .contents-block .option:before {
	  font-size: 3rem;
	  top: 0;
	  left: 0;
	  right: 0;
	  text-align: center;
  }	
  #home .main-area #section03 .inner .contents-block a {
    display: block;
    text-decoration: none;
    color: #2d3030
  }
  #home .main-area #section03 .inner .contents-block .border-block-list {
    width: calc(100% - 6rem);
    padding: 5rem 0 2.4rem;
    justify-content: center;
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li {
    width: 48%;
    margin: 0 0 3rem;
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a {
    border-radius: 2.4rem;
    border-width: 3px;
    width: auto;
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a .image {
    height: 11.2rem
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a p {
    font-size: 1.4rem;
    margin: 0 0 1rem;
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a h3 {
    font-size: 2.8rem;
    color: #00bec8;
    font-weight: 900;
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a h3 span {
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    margin: 1rem 0 0;
    min-height: 1em;
  }
  #home .main-area #section04 {
    padding: 5rem 0;
  }
  #home .main-area #section04 .inner .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section04 .inner .contents-block {
    padding: 0 0 4rem;
  }
  #home .main-area #section04 .inner .contents-block ul{
	  justify-content: center;
	  gap: 2rem;
}	
  #home .main-area #section04 .inner .contents-block ul li{
	  width: calc(33.3333% - 2rem);
	  margin-bottom:0;
  }
  #home .main-area #section05 .inner .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section06 .section-title {
    margin-bottom: 3rem;
  }
  #home .main-area #section06 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list {
    width: 100%;
    margin: 0 0 4rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li {
    width: calc((100% - 3rem) / 3);
    padding: 2rem 0 0;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:first-child {
    left: -1.5rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:last-child {
    right: -1.5rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main {
    margin: 0 0 .8rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head {
    border-radius: 2rem 2rem 0 0;
    padding: 2rem 0 2rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head:before {
    font-size: 1.6rem;
    width: 7.4rem;
    height: 7.4rem;
    top: -2rem;
    padding: 2rem 0 0
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head h2 {
    margin: 0;
    font-size: 2rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .list-block {
    border-width: 0 3px 3px;
    border-radius: 0 0 2rem 2rem;
    padding: 2rem 1.8rem 4rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list>li.cashless .head img{
	  width: 70px;
	  right: -10px;	
  }	
  #home .main-area #section06 .inner .contents-block .plan-list > li .more {
    border-width: 3px;
    border-radius: 2rem;
    padding: 4rem 1.8rem 1.8rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more:before {
    width: 3rem;
    top: -3.2rem;
    padding: 1rem 1rem .9rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li p {
    margin-top: .8rem;
    font-size: 1.4rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt {
    font-size: 1rem;
    margin-right: .6rem;
    padding-bottom: .7rem;
    line-height: 1.25;
    border-radius: 1rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt br {
    display: inline;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd {
    font-size: 1rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd span {
    font-size: 2rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li {
    border-bottom: 1px solid #b4b9b9;
    padding: 0 .2rem 1rem 2rem;
    margin: 0 0 1rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li:before {
    height: calc(1.8rem * .6);
    width: calc(2.4rem * .6);
    top: .6rem;
    right: 0rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.35rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3 .price, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 .price{
    position: relative;
  }	
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.primary {
    font-size: 1.5rem;
    margin-bottom: .4rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary {
    font-size: 1.2rem;
    margin-bottom: .5rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
    margin: 0 .5rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:last-child, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary:last-child {
    margin-bottom: 1rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
    top: 0;
    margin: 0 0 1rem;
    font-size: 1.4rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price:after {
    font-size: 1rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dt {
    font-size: 1.2rem;
    margin-right: .6rem;
    padding: .45rem .8rem .6rem;
    top: 2px;
  }
  #home .main-area #section06 .inner .contents-block .plan-list>li.basic dl.price dt,#home .main-area #section06 .inner .contents-block .plan-list>li.cashless dl.price dt,#home .main-area #section06 .inner .contents-block .plan-list>li.paperless dl.price dt{
	  font-size: 1.4rem;
	  margin: .5rem 0 1rem;
	  text-align: center;
	}
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dd {
    font-size: 1.1rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dd span {
    font-size: 2.4rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li.cashless .head:after {
    width: 3.2rem;
    top: auto;
    bottom: 1rem;
    right: 1rem;
    transform: none;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li.paperless .head:after {
    width: 3.2rem;
    top: auto;
    bottom: 1rem;
    right: 1rem;
    transform: none;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .inner {
    padding: 4rem 0;
    margin: 0 0 2rem;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .inner:after {
    width: calc(20rem * .8);
    height: calc(23rem * .8);
    right: 4rem;
  }
  #home .main-area #section06 .inner .contents-block .contact-block h4 {
    font-size: 3rem;
    margin-bottom: 2rem
  }
  #home .main-area #section06 .inner .contents-block .contact-block p {
    margin-bottom: 2rem;
    text-align: center;
  }
  #home .main-area #section06 .inner .contents-block .contact-block p br {
    display: inline;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .contact-button {
    padding: 1.8rem 7rem 2rem;
    font-size: 1.8rem
  }
  #home .main-area #section06 .inner .contents-block .contact-block .contact-button:after {
    right: 2rem;
    width: calc(1.2rem * .7);
    height: calc(1.8rem * .7)
  }
  #home .main-area #section06 .inner .contents-block .annotation {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 2rem;
  }
  #home .main-area #section06 .inner .contents-block .annotation li {
    padding-left: 1.2em;
    font-size: 1.2rem;
  }
  #home .main-area #section07{
	padding: 3rem 0;	
  }	
  #home .main-area #section08 {
    padding: 5rem 0;
    background: #f8fafa
  }
  #home .main-area #section08 .section-title h2 span{
        font-size: 2.6rem;
  }
  #home .main-area #section08 .inner .contents-block ul {
    flex-direction: column
  }
  #home .main-area #section08 .inner .contents-block ul li {
    max-width: inherit;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
  }
  #home .main-area #section08 .inner .contents-block ul li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #d3d4d4;
    position: relative;
    top: auto;
    right: 0;
    margin: 3rem 0 0
  }
  #home .main-area #section08 .inner .contents-block ul li:last-of-type:after {
    display: none
  }
  #home .main-area #section08 .inner .contents-block ul li .image {
    width: 100%;
    margin: 1rem 0 3rem
  }
  #home .main-area #section08 .inner .contents-block ul li p {
    font-size: 1.6rem;
    margin: 0 0 2rem
  }
  #home .main-area #section08 .inner .contents-block ul li .contact-button {
    width: 100%;
    max-width: 40%
  }
  #home .main-area #section08 .inner .contents-block ul li .contact-button:after {
    height: 1.4rem;
    width: .9rem;
    top: 51%;
  }
  #home .main-area #section09 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section09 .section-title p{
	  font-size: 1.4rem;
  }	
  #home .main-area #section09 .inner .contents-block .section-title{
	  width:100%;
  }
  #home .main-area #section09 .inner .contents-block .image-area{
	  width:100%;
	  padding: 1rem;
  }
  #home .main-area #section09 .inner .contents-block{
	flex-direction: column;	
  }
  #home .main-area #section10 {
    padding: 5rem 0
  }
  #home .main-area #section10 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section10 .inner .contents-block #column {
    flex-wrap: wrap;
    margin: 0
  }
  #home .main-area #section10 .inner .contents-block #column .block {
    max-width: 90%;
    margin: 0 1.5rem
  }
  #home .main-area #section10 .inner .contents-block #column .block a {
    flex-direction: column
  }
  #home .main-area #section10 .inner .contents-block #column .block .image {
    width: 100%;
    height: 25rem;
  }
  #home .main-area #section10 .inner .contents-block #column .block .details {
    padding: 3rem
  }
  #home .main-area #section10 .inner .contents-block #column .block .details .date {
    font-size: 1.5rem;
    margin: 0 0 1.5rem
  }
  #home .main-area #section10 .inner .contents-block #column .block .details h3 {
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1.4;
    margin: 1rem 0 2rem
  }
  #home .main-area #section10 .inner .contents-block #column .block .details .text {
    font-size: 1.5rem;
    line-height: 1.5
  }
  #home .main-area #section10 .inner .contents-block .button {
    text-align: center
  }
  #home .main-area #section10 .inner .contents-block .button a {
    max-width: 40%;
  }
  #home .main-area #section10 .inner .contents-block .slick-dots{
	width: 100%;;
	bottom: -50px;
	left: 0%;
  }
  #home .main-area #section11 {
    padding: 5rem 0
  }
  #home .main-area #section11 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section11 .inner .contents-block #seminar {
    flex-wrap: wrap;
    margin: 0
  }
  #home .main-area #section11 .inner .contents-block #seminar > div {
    width: 48%;
    max-width: none;
    margin-bottom: 3rem;
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .image {
    margin: 0 0 1.8rem;
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .categories {
    margin: 0 0 1.8rem;
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .details {
    padding: 0
  }
  #home .main-area #section11 .inner .contents-block #seminar > div time {
    font-size: 1.5rem;
    margin: 0 0 .8rem;
    display: block
  }
  #home .main-area #section11 .inner .contents-block #seminar > div time span {
    font-size: 2rem;
    font-weight: 700;
  }
  #home .main-area #section11 .inner .contents-block #seminar > div p {
    line-height: 1.75
  }
  #home .main-area #section11 .inner .contents-block .button a {
    width: 40%;
  }
  #home .main-area #section12 .inner .contents-block .section-title{
	  padding: 6rem 2rem;
  }
  #home .main-area #section12 .section-title h2 span{
	  font-size: 2.6rem;
	  text-align: left;
	  margin-bottom: 2rem;
  }	
  #home .main-area #section12 .section-title p{
	  font-size: 1.4rem;
	  text-align:left;
  }
  #home .main-area #section13 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section14 .section-title h2 span{
	  font-size: 2.6rem;
  }	
  #home .main-area #section14 .inner .contents-block ul li{
	  width: calc(33.333% - 1rem);
  }
  #home .main-area #section14 .inner .contents-block ul li .image img{
	  width: 100%;
	  height: 130px;
  }
  #home .main-area #section15 {
    padding: 5rem 0
  }
  #home .main-area #section15 .section-title h2 span{
	  font-size: 2.6rem;
  }	
  #home .main-area #section15 .inner .contents-block .button {
    text-align: center
  }
  #home .main-area #section15 .inner .contents-block .button a {
    width: 40%;
    max-width: auto;
    padding: 2.2rem 0 2.5rem;
    font-size: 2rem
  }
  #home .main-area #section16 {
    padding: 5rem 0
  }
  #home .main-area #section16 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #home .main-area #section16 .inner .contents-block #movie {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0 0 4rem
  }
  #home .main-area #section16 .inner .contents-block #movie .slick-list {
    overflow: visible
  }
  #home .main-area #section16 .inner .contents-block #movie .block {
    max-width: 90%;
    margin: 0 1.5rem
  }
  #home .main-area #section16 .inner .contents-block #movie .block a {
    flex-direction: column
  }
  #home .main-area #section16 .inner .contents-block #movie .block .image {
    width: 100%;
    height: 25rem;
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details {
    padding: 3rem
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details .name {
    font-size: 1.5rem;
	  line-height:1.4;
    margin: 0 0 1.5rem;
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details h3 {
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1.4;
    margin: 0 0 2.5rem
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details .text {
	  font-size: 1.5rem;
	  line-height: 1.5;
	  display: flex;
	  justify-content: flex-end;
  }
  #home .main-area #section16 .inner .contents-block .button {
    text-align: center
  }
  #home .main-area #section16 .inner .contents-block .button a {
    max-width: 40%;
  }
  #home .main-area #section16 .inner .contents-block .slick-dots{
	width: 100%;;
	bottom: -50px;
	left: 0%;
  }		
  #function #main-visual > .inner {
    padding-bottom: 4rem
  }
  #function #main-visual > .inner .text-area {
    padding: 2rem 0 0;
    z-index: 1;
    background: #fff
  }
  #function #main-visual > .inner .text-area .title-set {
    width: 100%
  }
  #function #main-visual > .inner .text-area .title-set .inner {
    width: 100%;
    margin: 0 0 4rem
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 {
    margin: 0 0 2rem
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2.6rem;
    margin: 2rem 0 0
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 span span {
    font-size: 2rem
  }
  #function #main-visual > .inner .text-area .text.large {
    font-size: 2rem
  }
  #function #main-visual > .inner .image-area {
    padding: 0;
    z-index: 0
  }
  #function #main-visual > .inner .image-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%)
  }
  #function #main-visual > .inner .image-area .mv-comment {
    width: 34rem;
    margin: 2.8rem auto 2.5rem auto;
    position: relative;
    z-index: 3
  }
  #function #main-visual > .inner .image-area .mv-device {
    width: 44rem;
    position: relative;
    left: -4rem
  }
  #function #main-visual > .inner .image-area .mv-baloon01 {
    width: 14rem;
    left: 7rem;
    bottom: 6rem;
    z-index: 3
  }
  #function #main-visual > .inner .image-area .mv-baloon02 {
    width: 12rem;
    bottom: 21rem;
    right: 8rem;
    z-index: 3
  }
  #function .main-area #section01 {
    padding: 5rem 0 0
  }
  #function .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section01 .contents-block > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch
  }
  #function .main-area #section01 .contents-block > ul > li {
    width: 48%;
    max-width: none;
    margin-bottom: 4rem
  }
  #function .main-area #section01 .contents-block > ul > li.full {
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: space-between;
    align-items: stretch
  }
  #function .main-area #section01 .contents-block > ul > li.full.reverse {
    flex-direction: row-reverse
  }
  #function .main-area #section01 .contents-block > ul > li.full .image {
    width: 50%;
    height: 100%;
    position: relative
  }
  #function .main-area #section01 .contents-block > ul > li.full .image img {
    width: 100%
  }
  #function .main-area #section01 .contents-block > ul > li.full .block {
    width: 50%
  }
  #function .main-area #section01 .contents-block > ul > li.full .block h3 {
    font-size: 2.8rem
  }
  #function .main-area #section01 .contents-block > ul > li .image {
    background: #f0f2f2;
    overflow: hidden;
    height: 32rem
  }
  #function .main-area #section01 .contents-block > ul > li .image img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
  #function .main-area #section01 .contents-block > ul > li .block {
    padding: 3rem 2rem 1rem
  }
  #function .main-area #section01 .contents-block > ul > li .block h3 {
    font-size: 2.2rem;
    margin: 0 0 1.5rem;
    line-height: 1.5
  }
  #function .main-area #section01 .contents-block > ul > li .block .comment {
    font-size: 1.5rem;
    margin: 0 0 1.5rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li {
    padding: .2rem 1.6rem 1rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li .image {
    height: 6rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li .image img {
    width: 6rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li h4 {
    font-size: 1.2rem
  }
  #function .main-area #section02 {
    padding: 4rem 0
  }
  #function .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section02 .section-title h2 {
    margin-bottom: 1.5rem
  }
  #function .main-area #section02 .section-title h2 span {
    font-size: 3rem
  }
  #function .main-area #section02 .section-title .sub {
    font-size: 1.6rem
  }
  #function .main-area #section03 {
    padding: 6rem 0
  }
  #function .main-area #section03 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section03 .contents-block ul {
    justify-content: space-between;
    flex-wrap: wrap
  }
  #function .main-area #section03 .contents-block ul li {
    max-width: none;
    width: 48%;
    margin: 0 0 3rem 0;
    padding-top: 3.4rem
  }
  #function .main-area #section03 .contents-block ul li .block {
    padding: 4rem 2.5rem 2rem
  }
  #function .main-area #section03 .contents-block ul li .block h3 {
    font-size: 2.2rem;
    margin: 0 0 3rem
  }
  #function .main-area #section04 {
    padding: 6rem 0 8rem
  }
  #function .main-area #section04 .section-title {
    margin-bottom: 2rem
  }
  #function .main-area #section04 .section-title h2 {
    margin-bottom: 2rem
  }
  #function .main-area #section04 .section-title h2 span {
    font-size: 3rem
  }
  #function .main-area #section04 .section-title .sub {
    font-size: 1.6rem
  }
  #function .main-area #section04 .contents-block .list {
    flex-direction: column
  }
  #function .main-area #section04 .contents-block .list h5 {
    width: 100%;
    border-top: 1px solid #d6d8d8;
    font-size: 1.8rem;
    padding: 2rem 0
  }
  #function .main-area #section04 .contents-block .list table {
    width: 100%
  }
  #function .main-area #section04 .contents-block .list table tr th, #function .main-area #section04 .contents-block .list table tr td {
    border-width: 1px 0 0 1px
  }
  #function .main-area #section04 .contents-block .list table tr th:last-child, #function .main-area #section04 .contents-block .list table tr td:last-child {
    border-right: 0
  }
  #function .main-area #section04 .contents-block .list table tr th {
    border-left: none
  }
  #function .main-area #section04 .contents-block .list table tr th.long {
    width: 70%
  }
  #function .main-area #section04 .contents-block .list#list-head table th, #function .main-area #section04 .contents-block .list#list-head table td {
    text-align: center;
    font-size: 1.6rem;
    padding: 1rem
  }
  #function .main-area #section04 .contents-block .list#list-group h5:last-of-type {
    border-bottom: none
  }
  #function .main-area #section04 .contents-block .list#list-group table:last-of-type {
    border-bottom: 1px solid #d6d8d8
  }
  #function .main-area #section04 .contents-block .list#list-group table tr:nth-child(odd) {
    background: #f8fafa
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th {
    width: 70%
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div {
    line-height: 1.5;
    padding: 1.5rem 1rem
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div a:after {
    top: -.4em
  }
  #function .main-area #section04 .contents-block .list#list-group table tr td {
    font-size: 1.4rem;
    color: #646969;
    text-align: center
  }
  #function .main-area .function-list {
    justify-content: space-between;
    margin-bottom: 6rem
  }
  #function .main-area .function-list li {
    width: 48%;
    margin: 0 0 2rem 0
  }
  #function .main-area .function-list li:last-child {
    margin-bottom: 0
  }
  #function .main-area .function-list li a h3 {
    border-left: 1px solid #99e5e9;
    padding: 0 0 0 1.5rem
  }
  #function .main-area .function-list li a h3 span {
    display: block;
    font-size: 1.8rem
  }
  #function .main-area .function-list li a h3 span:last-of-type {
    font-size: 1.5rem
  }
	#main-visual>.inner .text-area > p + img{
		left: 220px;
		top: 5px;
		width: 100px;
}
  #cardapp #main-visual > .inner .image-area {
    width: calc(100% - 47.6% - 2rem);
    padding: 4rem 0 7rem
  }
  #cardapp #main-visual > .inner .image-area .inner > figure {
    width: 80%;
    border-radius: 10px
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dt {
    width: 8rem;
    padding: 0 3rem 0 4rem;
    margin: 0 3rem 0 0
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure img {
    width: 31px;
    margin: 0 4px
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure figcaption {
    width: 100%;
    text-align: center;
    color: #969b9b;
    font-size: 1.35rem;
    margin: 1.2rem 0 0
  }
  #cardapp #main-visual > .inner .img-badge {
	width: 80px;
    right: -15px;
  }
  #cardapp #main-visual > .inner .image-area .image-large {
    width: 30%
  }
 #cardapp #main-visual >.inner .image-area .inner .text-area{
	  width:100%;
  }	
  #cardapp #main-visual > .inner .img-comment {
    width: 70%;
    padding: 6rem 1.8rem 2.2rem;
    margin: 0 auto
  }
  #cardapp .main-area #section01 {
    padding: 5rem 0
  }
  #cardapp .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #cardapp .main-area #section01 .contents-block .sp-image {
    width: 30%;
    padding: 13rem 0 28.5rem
  }
  #cardapp .main-area #section01 .contents-block .details {
    width: 100%;
    height: 100%;
    z-index: 1
  }
  #cardapp .main-area #section01 .contents-block .details ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
  }
  #cardapp .main-area #section01 .contents-block .details ul li {
    width: 32%;
    border-radius: 1rem;
    padding: 2rem 2rem 3rem
  }
  #cardapp .main-area #section01 .contents-block .details ul li img {
    width: 70%;
    margin: 0 auto
  }
  #cardapp .main-area #section01 .contents-block .details ul li h3 {
    font-size: 1.8rem;
    margin: 1rem 0
  }
  #cardapp .main-area #section01 .contents-block .details ul li p {
    font-size: 1.2rem;
    line-height: 1.5
  }
  #cardapp .main-area #section01 .contents-block .details ul li:nth-of-type(1):before {
    right: -2rem;
    transform: scale(-0.75) translateX(-100%) rotateZ(90deg)
  }
  #cardapp .main-area #section01 .contents-block .details ul li:nth-of-type(2):before {
    left: -2rem;
    transform: scale(0.65) translateX(-100%)
  }
	
  #cardapp .main-area #section01 .contents-block .details ul li a {
    font-weight: 700;
    margin: 2rem 0 1rem;
    font-size: 1.3rem;
    letter-spacing: .05em;
    display: block
  }
  #cardapp .main-area #section01 .contents-block .details ul.top {
    margin: 0 0 2rem
  }
  #cardapp .main-area #section01 .contents-block .details ul.top li:nth-of-type(1):before {
    top: 45%;
  }
  #cardapp .main-area #section01 .contents-block .details ul.top li:nth-of-type(2):before {
    top: 50%;
	  transform: scale(.5) translateX(-100%);
	  left: -20px;
  }
  #cardapp .main-area #section01 .contents-block .details ul.middle {
    margin: 0 0 2rem
  }	
  #cardapp .main-area #section01 .contents-block .details ul.middle li:before{
	 content: url(../img/cardapp/line02.webp);
  }	
  #cardapp .main-area #section01 .contents-block .details ul.middle li:nth-of-type(1):before {
	content: url(../img/cardapp/line04.webp);
    top: 15%;
	right: -15px;
    transform: scale(-0.65) translateX(-100%) rotateZ(0)
  }
  #cardapp .main-area #section01 .contents-block .details ul.middle li:nth-of-type(2):before {
	content: url(../img/cardapp/line03.webp);
    top: 65%;
	left: -70px;
	transform: scale(.65) rotate(40deg) translateX(-100%);
  }	
  #cardapp .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(1):before {
	content: url(../img/cardapp/line03.webp);
    top: 45%;
	right: -125px;
    transform: rotate(283deg) scale(-.75) translateX(-100%);
  }
  #cardapp .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(2):before {
	content: url(../img/cardapp/line05.webp);
    top: 50%;
	left:-140px;
	transform: scale(-0.7) rotate(240deg) translateX(-100%);
  }
  #cardapp .main-area #section01 .column-3block li{
	width: calc(32% - 0.5rem);
	margin: 0 2rem 2rem 0;
}	
  #cardapp .main-area #section02 {
    padding: 5rem 0
  }
  #cardapp .main-area #section02 .contents-block {
    padding: 3rem;
    margin: 0 0 2rem
  }
  #cardapp .main-area #section02 .contents-block .sp-image {
    width: 25%;
    margin: 0 3rem 0 0
  }
  #cardapp .main-area #section02 .contents-block .details {
    width: calc(100% - 25% - 3rem)
  }
  #cardapp .main-area #section02 .contents-block .details h3 {
    font-size: 2.2rem;
    padding: 0 0 2rem;
    letter-spacing: .05em
  }
  #cardapp .main-area #section03 {
    padding: 5rem 0
  }
  #cardapp .main-area #section03 .contents-block {
    padding: 3rem;
    margin: 0 0 2rem
  }
  #cardapp .main-area #section03 .contents-block .sp-image {
    width: 25%;
    margin: 0 3rem 0 0
  }
  #cardapp .main-area #section03 .contents-block .details {
    width: calc(100% - 25% - 3rem)
  }
  #cardapp .main-area #section03 .contents-block .details h3 {
    font-size: 2.2rem;
    padding: 0 0 2rem;
    letter-spacing: .05em
  }
  #cardapp .main-area #section03 .contents-block .details > h4 {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    text-decoration: underline;
    margin: 0 0 2rem 1rem;
    letter-spacing: .05em
  }
  #cardapp .main-area #section03 .contents-block .details > h4:before {
    flex-shrink: 0;
    width: 2rem;
    top: 2px;
    margin: 0 1rem 0 0
  }
  #cardapp .main-area #section03 .contents-block .details > h4:last-of-type {
    margin-bottom: 4rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dt {
    margin: 0 0 1.5rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dt h4 {
    font-size: 2rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner {
    display: flex;
    padding: 1.5rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure {
    display: flex;
    align-items: center
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure img {
    height: 3rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
    font-weight: 900;
    font-size: 2.8rem;
    top: -2px;
    padding: 0 0 0 .75rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
    font-size: 1.8rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
    margin: 0 0 0 1.5rem;
    padding: 0 0 0 1.5rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
    font-size: 1.2rem
  }
  #cardapp .main-area #section03 .contents-block .image-pay {
    width: 27%;
    position: absolute;
    bottom: 7rem;
    right: 0
  }
  #cardapp .main-area #section03 .annotation .img-set {
    margin: 0 1.2rem 0 0;
    font-size: 2.8rem
  }
  #cardapp .main-area #section03 .annotation .img-set img:nth-of-type(1) {
    width: calc(5rem * .75);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #cardapp .main-area #section03 .annotation .img-set img:nth-of-type(2) {
    width: calc(8.7rem * .75);
    margin: 0 0 0 1rem
  }
  #cardapp .main-area #section03 .annotation p {
    font-size: 1.3rem;
    line-height: 1.75
  }
  #cashless #main-visual > .inner .text-area {
    width: 54%
  }
  #cashless #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3.2rem
  }
  #cashless #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2rem
  }
  #cashless #main-visual > .inner .text-area .text .invoice {
    font-weight: 900;
    text-decoration: underline;
    padding: 1.5rem 0 0;
    display: block
  }
  #cashless #main-visual > .inner .image-area {
    width: calc(100% - 54% - 2rem);
    padding: 4rem 0 7rem;
    min-height: 51rem
  }
  #cashless #main-visual > .inner .image-area .mv-okaikeisan {
    width: 10rem;
    top: 8rem;
    left: -2rem
  }
  #cashless #main-visual > .inner .image-area .mv-spay {
    width: 10rem;
    bottom: 10rem;
    right: 1rem
  }
  #cashless #main-visual > .inner .image-area .mv-tablet {
    width: 31rem;
    top: 5rem;
    right: -10rem
  }
  #cashless #main-visual > .inner .image-area .mv-comment {
    width: 22rem;
    top: 0;
    right: 4rem
  }
  #cashless #main-visual > .inner .image-area .mv-smartphone {
    width: calc(28.8rem * .65);
    height: calc(45.2rem * .75)
  }
  #cashless #main-visual > .inner .image-area .mv-smartphone:before {
    height: 3.2rem
  }
  #cashless .main-area #section01 {
    padding: 5rem 0
  }
  #cashless .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #cashless .main-area #section01 .contents-block .sp-image {
    width: 20%;
    padding: 13rem 0 28.5rem
  }
  #cashless .main-area #section01 .contents-block .details {
    width: 100%;
    height: 100%;
    z-index: 1
  }
  #cashless .main-area #section01 .contents-block .details ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
  }
  #cashless .main-area #section01 .contents-block .details ul li {
    width: 32%;
    border-radius: 1rem;
    padding: 2rem 2rem 3rem
  }
  #cashless .main-area #section01 .contents-block .details ul li img {
    width: 70%;
    margin: 0 auto
  }
  #cashless .main-area #section01 .contents-block .details ul li h3 {
    font-size: 1.8rem;
    margin: 1rem 0
  }
  #cashless .main-area #section01 .contents-block .details ul li p {
    font-size: 1.2rem;
    line-height: 1.5
  }
  #cashless .main-area #section01 .contents-block .details ul li:nth-of-type(1):before {
    right: -2rem;
    transform: scale(-0.75) translateX(-100%) rotateZ(90deg)
  }
  #cashless .main-area #section01 .contents-block .details ul li:nth-of-type(2):before {
    left: -2rem;
    transform: scale(0.75) translateX(-100%)
  }
  #cashless .main-area #section01 .contents-block .details ul li a {
    font-weight: 700;
    margin: 2rem 0 1rem;
    font-size: 1.3rem;
    letter-spacing: .05em;
    display: block
  }
  #cashless .main-area #section01 .contents-block .details ul.top {
    margin: 0 0 4rem
  }
  #cashless .main-area #section01 .contents-block .details ul.top li:before {
    top: 61%
  }
  #cashless .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(1):before {
    top: 3%;
    transform: scale(-0.75) translateX(-100%) rotateZ(0)
  }
  #cashless .main-area #section01 .contents-block .details ul.bottom li:nth-of-type(2):before {
	content: url(/wp-content/themes/Apotool/assets/css/../img/cardapp/line03.webp);
    transform: scale(.75) rotate(53deg) translateX(-100%);
  }
  #cashless .main-area #section02 {
    padding: 3rem 0
  }
  #cashless .main-area #section03 {
    padding: 5rem 0
  }
  #cashless .main-area #section03 .contents-block {
    padding: 3rem;
    margin: 0 0 2rem
  }
  #cashless .main-area #section03 .contents-block .sp-image {
    width: 25%;
    margin: 0 3rem 0 0
  }
  #cashless .main-area #section03 .contents-block .details {
    width: calc(100% - 25% - 3rem)
  }
  #cashless .main-area #section03 .contents-block .details h3 {
    font-size: 2.2rem;
    padding: 0 0 2rem;
    letter-spacing: .05em
  }
  #cashless .main-area #section03 .contents-block .details > h4 {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    text-decoration: underline;
    margin: 0 0 2rem 1rem;
    letter-spacing: .05em
  }
  #cashless .main-area #section03 .contents-block .details > h4:before {
    flex-shrink: 0;
    width: 2rem;
    top: 2px;
    margin: 0 1rem 0 0
  }
  #cashless .main-area #section03 .contents-block .details > h4:last-of-type {
    margin-bottom: 4rem
  }
  #cashless .main-area #section03 .contents-block .details dl dt {
    margin: 0 0 1.5rem
  }
  #cashless .main-area #section03 .contents-block .details dl dt h4 {
    font-size: 2rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner {
    display: flex;
    padding: 1.5rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure {
    display: flex;
    align-items: center
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure img {
    height: 3rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
    font-weight: 900;
    font-size: 2.8rem;
    top: -2px;
    padding: 0 0 0 .75rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
    font-size: 1.8rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
    margin: 0 0 0 1.5rem;
    padding: 0 0 0 1.5rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
    font-size: 1.2rem
  }
  #cashless .main-area #section03 .contents-block .image-pay {
    width: 27%;
    position: absolute;
    bottom: 7rem;
    right: 0
  }
  #cashless .main-area #section03 .annotation .img-set {
    margin: 0 1.2rem 0 0;
    font-size: 2.8rem
  }
  #cashless .main-area #section03 .annotation .img-set img:nth-of-type(1) {
    width: calc(5rem * .75);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #cashless .main-area #section03 .annotation .img-set img:nth-of-type(2) {
    width: calc(8.7rem * .75);
    margin: 0 0 0 1rem
  }
  #cashless .main-area #section03 .annotation p {
    font-size: 1.3rem;
    line-height: 1.75
  }
  #sms #main-visual > .inner .text-area {
    width: 47.6%
  }
  #sms #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3rem
  }
  #sms #main-visual > .inner .text-area .title-set .inner p span.fee {
    font-size: 1.2rem;
    margin: 1rem 0 0
  }
  #sms #main-visual>.inner .text-area a{
	  width: 100%;
  }	
  #sms #main-visual>.inner .text-area a:last-of-type{
	  font-size: 2rem;
	  padding: 1.75rem 4rem 2rem;
  }
  #sms #main-visual > .inner .image-area {
    width: calc(100% - 47.6% - 2rem)
  }
  #sms #main-visual > .inner .image-area .inner {
    min-height: auto;
    margin-bottom: 0
  }
  #sms #main-visual > .inner .image-area .inner > figure {
    width: 80%;
    border-radius: 1rem;
    top: 1rem;
    left: 0
  }
  #sms #main-visual > .inner .image-area .mv-smartphone {
    width: 16rem;
    top: 7rem;
    right: -1rem
  }
  #sms #main-visual > .inner .image-area .mv-comment {
    width: 17rem;
    top: 24rem;
    left: 2rem
  }
  #sms #main-visual > .inner .image-area .mv-illust {
    width: 13rem;
    bottom: auto;
    top: 30rem;
    left: 5rem
  }
  #sms .main-area #section01 {
    padding: 5rem 0
  }
  #sms .main-area #section02 {
    padding: 5rem 0 0
  }
  #sms .main-area #section02 .section-title {
    margin-bottom: 4rem
  }
  #sms .main-area #section02 .contents-block .example {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch
  }
  #sms .main-area #section02 .contents-block .example li {
    width: 30%;
    margin: 0 5% 5rem 0
  }
  #sms .main-area #section02 .contents-block .example li:nth-of-type(3n) {
    margin-right: 0
  }
  #sms .main-area #section02 .contents-block .example li > img {
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li > h3 {
    font-size: 1.8rem;
    margin: 0 0 1rem
  }
  #sms .main-area #section02 .contents-block .example li > h3 img {
    width: 3.2rem;
    margin: 0 .5rem 0 0
  }
  #sms .main-area #section02 .contents-block .example li > .text {
    font-size: 1.4rem;
    margin: 0 0 1.6rem
  }
  #sms .main-area #section02 .contents-block .example li .sub {
    margin: 0 0 1.6rem
  }
  #sms .main-area #section02 .contents-block .example li .sub img {
    width: 8rem;
    margin: 0 1rem 0 0
  }
  #sms .main-area #section02 .contents-block .example li .sub .link {
    width: calc(100% - 8rem - 1rem);
    font-size: 1.1rem;
    line-height: 1.5
  }
  #sms .main-area #section02 .contents-block .example li .sub .link:before {
    width: 4rem;
    font-size: 1.1rem;
    padding: .4em .8rem;
    margin: 0 0 .3rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt, #sms .main-area #section02 .contents-block .example li .price dd {
    padding: .3rem 0
  }
  #sms .main-area #section02 .contents-block .example li .price dt small, #sms .main-area #section02 .contents-block .example li .price dd small {
    margin-left: .3rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt {
    font-size: 1.5rem;
    padding: 1rem .7rem 1rem 1.5rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt small {
    font-size: 1.2rem;
    top: .1em
  }
  #sms .main-area #section02 .contents-block .example li .price dt:after {
    content: '';
    background: #2d3030;
    width: 1px;
    height: 1.5em;
    position: absolute;
    top: calc(50% - .75em);
    right: 0
  }
  #sms .main-area #section02 .contents-block .example li .price dd {
    font-size: 1.8rem;
    padding: 1rem 1.5rem 1rem .7rem
  }
  #sms .main-area #section02 .contents-block .example li .price dd small {
    font-size: 1.4rem;
    top: .1em
  }
  #sms .main-area #section02 .contents-block .example li.useful {
    border: 2px solid #00bec8;
    border-radius: 2rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block {
    margin: 0 1.5rem;
    padding: 2rem 0
  }
  #sms .main-area #section02 .contents-block .example li.useful .block h3 {
    margin: 0 0 1rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block table {
    margin: 0 0 1rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block table th, #sms .main-area #section02 .contents-block .example li.useful .block table td {
    padding: .6rem .3rem;
    font-size: 1rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block table th small, #sms .main-area #section02 .contents-block .example li.useful .block table td small {
    font-size: 75%;
    margin-left: .1rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 h3 {
    font-size: 1.4rem;
    padding: .75rem 1.5rem 1rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 img {
    width: 100%;
    left: -.5rem;
    margin-bottom: .75rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 p {
    font-size: 1rem;
    line-height: 1.5
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block02 h3 {
    font-size: 1.5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block02 p {
    font-size: 1rem;
    line-height: 1.5
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 h3 {
    font-size: 1.6rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 figure {
    width: 80%;
    margin: 1rem auto 2.4rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 figure:after {
    width: 1.4rem;
    bottom: -1.5rem;
    left: calc(50% - .7em)
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 dl dt {
    font-size: 1.4rem;
    margin: 0 0 .5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 dl dd {
    font-size: 2rem;
    margin: 0 0 1.5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 p {
    line-height: 1.5;
    font-size: 1.1rem
  }
  #sms .main-area #section03 .contents-block ul li:first-of-type span.badge{
	  font-size: 1.6rem;
	  position: relative;
	  top: 0;
	  left: 0;
	  display: block;
	  padding: 1.25rem 2rem;
	  margin: 0 auto;
  }
	
  #sms .main-area #section03 .contents-block ul li h3{
	  font-size: 2.6rem;
  }
  #sms .main-area #section03 .contents-block ul li:first-of-type h3{
	  margin:3rem 0;
  }	
  #sms .main-area #section03 .contents-block ul li h3+p{
	  font-size: 1.4rem;
  }	
  #intelligence #main-visual > .inner {
    padding-bottom: 3rem
  }
  #intelligence #main-visual > .inner .image-area {
    min-height: inherit
  }
  #intelligence #main-visual > .inner .image-area picture {
    width: 18rem;
    top: 5rem;
    left: 17rem
  }
  #intelligence #main-visual > .inner .image-area > img.logo {
    width: 23rem;
    top: 32rem;
    left: -1rem
  }
  #intelligence #main-visual > .inner .image-area > img.tablet-image {
    width: 36rem;
    top: 10.7rem;
    right: -6rem
  }
  #intelligence #main-visual > .inner .image-area > img.pc-image {
    width: 20rem;
    top: 2rem;
    left: -5rem
  }
  #intelligence .main-area #section01 {
    padding: 5rem 0
  }
  #intelligence .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #intelligence .main-area #section02 {
    padding: 5rem 0
  }
  #intelligence .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #intelligence .main-area #section02 .contents-block {
    padding: 3rem
  }
  #intelligence .main-area #section02 .contents-block ul li {
    width: calc(100% / 3 - 1.5rem);
    margin: 0 0 3rem
  }
  #intelligence .main-area #section02 .contents-block ul li img {
    margin: 0 0 2.4rem
  }
  #intelligence .main-area #section02 .contents-block ul li h3 {
    margin: 0 0 1.5rem;
    font-size: 1.8rem
  }
  #intelligence .main-area #section02 .contents-block ul li p {
    font-size: 1.3rem;
    line-height: 1.73
  }
  #medicalbox #main-visual > .inner {
    padding-bottom: 4rem
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner h1 .logo-image {
    width: 100%;
    height: auto
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p {
    display: block
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation {
    width: auto;
    padding: 1rem 0 0;
    font-size: 1rem;
    padding-left: 0
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation:before {
    display: none
  }
  #medicalbox #main-visual > .inner .image-area {
    min-height: inherit
  }
  #medicalbox #main-visual > .inner .image-area > img.text {
    width: 19rem;
    top: 5.5rem;
    left: 17rem
  }
  #medicalbox #main-visual > .inner .image-area > img.logo {
    width: 23rem;
    top: 34rem;
    left: -1rem
  }
  #medicalbox #main-visual > .inner .image-area > img.tablet-image {
    width: 34rem;
    top: 12rem;
    right: -4rem
  }
  #medicalbox #main-visual > .inner .image-area > img.pc-image {
    width: 18rem;
    top: 2rem;
    left: -2rem
  }
  #medicalbox .main-area #section01 {
    padding: 5rem 0
  }
  #medicalbox .main-area #section01 .section-title {
    margin-bottom: 4rem
  }
  #medicalbox .main-area #section01 .contents-block .endlink {
    text-align: center;
    margin: 2rem 0 0
  }
  #medicalbox .main-area #section02 {
    padding: 5rem 0
  }
  #medicalbox .main-area #section02 .section-title {
    margin-bottom: 3.5rem
  }
  #medicalbox .main-area #section03 {
    padding: 5rem 0
  }
  #medicalbox .main-area #section03 .section-title {
    margin-bottom: 4rem
  }
  #medicalbox .main-area #section03 .contents-block {
    padding: 4rem;
    margin-bottom: 3rem
  }
  #medicalbox .main-area #section03 .contents-block .logos {
    text-align: center;
    width: 80%;
    margin: 0 auto 2rem
  }
  #medicalbox .main-area #section03 .contents-block .logos img {
    width: 100%
  }
  #medicalbox .main-area #section03 .contents-block h3 {
    font-size: 2.8rem;
    margin: 0 auto 3rem;
    line-height: 1.5
  }
  #medicalbox .main-area #section03 .contents-block .flexbox {
    flex-direction: column
  }
  #medicalbox .main-area #section03 .contents-block .image {
    width: 60%;
    margin: 0 auto 3rem
  }
  #medicalbox .main-area #section03 .contents-block .det {
    width: 100%
  }
  #medicalbox .main-area #section03 .contents-block .det p {
    font-size: 1.5rem;
    line-height: 1.75;
    margin: 0 0 2rem
  }
  #medicalbox-note #main-visual > .inner .text-area {
    width: 50%
  }
  #medicalbox-note #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto
  }
  #medicalbox-note #main-visual > .inner .image-area {
    width: 50%;
    min-height: auto
  }
  #medicalbox-note #main-visual > .inner .image-area > img.text, #medicalbox-note #main-visual > .inner .image-area > picture.text {
    width: 14rem;
    top: 12rem;
    left: 22.5rem;
    z-index: 4
  }
  #medicalbox-note #main-visual > .inner .image-area > img.illust, #medicalbox-note #main-visual > .inner .image-area > picture.illust {
    width: 10rem;
    top: 25rem;
    left: 2.5rem;
    z-index: 3
  }
  #medicalbox-note #main-visual > .inner .image-area > img.tablet-image01, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image01 {
    width: 22rem;
    top: 7rem;
    left: 1.5rem;
    z-index: 1
  }
  #medicalbox-note #main-visual > .inner .image-area > img.tablet-image02, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image02 {
    width: 32rem;
    top: 17rem;
    right: -10rem;
    z-index: 2
  }
  #medicalbox-note .main-area #section01 {
    padding: 5rem 0
  }
  #medicalbox-note .main-area #section02 {
    padding: 5rem 0
  }
  #medicalbox-note .main-area #section03 {
    padding: 5rem 0
  }
  #medicalbox-note .main-area #section03 .contents-block {
    padding: 0 1rem
  }
  #medicalbox-note .main-area #section03 .contents-block div h3 {
    margin-bottom: 1.5rem
  }
  #medicalbox-note .main-area #section03 .contents-block div ul li {
    margin-bottom: 1.5rem
  }
  #medicalbox-note .main-area #section03 .contents-block div .annotation {
    font-size: 1.2rem;
    margin-bottom: 2rem
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3 {
    display: flex;
    align-items: flex-start;
    margin: 0 0 2.4rem
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3:before {
    display: inline-block;
    width: 2.4rem;
    margin: 0 .8rem 0 0
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) img {
    display: none
  }
  #medicalbox-perio #main-visual > .inner {
    padding-bottom: 4rem
  }
  #medicalbox-perio #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto
  }
  #medicalbox-perio #main-visual > .inner .image-area {
    min-height: auto
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.text, #medicalbox-perio #main-visual > .inner .image-area > picture.text {
    width: 23rem;
    top: 1.5rem;
    left: 7rem
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.tablet, #medicalbox-perio #main-visual > .inner .image-area > picture.tablet {
    width: 39rem;
    top: 19rem;
    right: -8rem
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.pc, #medicalbox-perio #main-visual > .inner .image-area > picture.pc {
    width: 22rem;
    top: 8rem;
    left: 0
  }
  #medicalbox-perio .main-area #section01 {
    padding: 5rem 0
  }
  #medicalbox-perio .main-area #section02 {
    padding: 5rem 0
  }
  #medicalbox-perio .main-area #section02 .contents-block ul {
    padding: 2rem 2rem 0
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li {
    width: 45%;
    margin: 0 10% 4rem 0
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li:after {
    width: 3rem;
    top: 10rem;
    right: calc(-3rem - 1.75rem)
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li h3 {
    font-size: 1.8rem;
    margin: 1.75rem 0 1.25rem
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li p {
    font-size: 1.3rem
  }
  #consultation #main-visual > .inner {
    padding-bottom: 4rem
  }
  /*#consultation #main-visual > .inner .image-area {
    min-height: 47rem
  }*/
  #consultation #main-visual > .inner .image-area > img, #consultation #main-visual > .inner .image-area > picture {
    position: absolute
  }
  #consultation #main-visual > .inner .image-area > img.text, #consultation #main-visual > .inner .image-area > picture.text {
    width: 12rem;
    top: 0;
    left: -4rem
  }
  #consultation #main-visual > .inner .image-area > img.tablet, #consultation #main-visual > .inner .image-area > picture.tablet {
    width: 26rem;
    top: 1rem;
    right: 4rem
  }
	#consultation #main-visual > .inner .image-area > img.tablet-agreement, #consultation #main-visual > .inner .image-area > picture.tablet-agreement {
    width: 26rem;
    top: 6rem;
    right: -7rem
  }
  #consultation #main-visual > .inner .image-area > img.smartphone, #consultation #main-visual > .inner .image-area > picture.smartphone {
    width: 18rem;
    top: 9rem;
    left: 0rem
  }
  #consultation .main-area #section01 {
    padding: 0 0 6rem
  }
  #consultation .main-area #section01 .inner>.image-area a{
	right: 0;
    bottom: 0;	
  }
  #consultation .main-area #section01 .inner>.image-area a img{
	max-width: 280px;	
	}
  #consultation .main-area #section01 .contents-block {
    padding: 4rem;
    margin-bottom: 3rem;
  }
  #consultation .main-area #section01 .contents-block.half{
	width: 100%;
	min-height: inherit;
  }
  #consultation .main-area #section01 .contents-block h3 {
	font-size: 2.8rem;
	margin: 0 auto 3rem;
	line-height: 1.5;
  }
  #consultation .main-area #section01 .contents-block .flexbox {
	  flex-direction: column;
	}
  #consultation .main-area #section01 .contents-block.first .image {
	width: 100%;
	}
  #consultation .main-area #section01 .contents-block .image {
	width: 60%;
	margin: 0 auto 3rem;
	}
  #consultation .main-area #section01 .contents-block.first .image {
	margin: 0 auto 3rem;
	}	
  #consultation .main-area #section01 .contents-block .det {
	  width: 100%;
	}
  #consultation .main-area #section01 .contents-block.first .det {
	  width: 100%;
	}
  #consultation .main-area #section01 .contents-block .det p {
	  font-size: 1.5rem;
	  line-height: 1.75;
	  margin: 0 0 2rem;
	}
  #consultation .main-area #section02 {
    padding: 6rem 0 8rem
  }
  #consultation .main-area .section-title h2 span{
	font-size: 4rem;	
  }
  #consultation .main-area .section-title h2 span.bl{
	font-size: 5rem;
  }
  #consultation .main-area .section-title .sub{
	font-size: 3rem;	
  }
  #consultation .main-area #section02 .bg-block h3{
	font-size: 2.6rem;	
  }
  #consultation .main-area #section02 .contents-block .column-3block li.full .block{
	padding: 3rem 2rem 1rem;
  }
  #consultation .main-area #section02 .contents-block .column-3block li.full .block h3{
	font-size: 2.8rem;
  }
  #consultation .main-area #section02 .contents-block .column-3block li.new:before {
    content: '';
    background: url("../img/monshin/new-badge.webp") no-repeat;
    background-size: cover;
    width: 7.5rem;
    height: 7.5rem;
    position: absolute;
    z-index: 6;
    top: 1.3rem;
    left: 1.3rem
  }
	#consultation .main-area #section02 .contents-block .column-3block li.half{
	width: 100%;
    max-width: 100%;	
	}
  #consultation .main-area #section02 .flexbox .block h4{
	font-size: 1.6rem;	
  }
  #consultation .main-area #section03 {
	padding: 0 2rem 6rem;
  }		
  #online #main-visual > .inner {
    padding-bottom: 4rem
  }
  #online #main-visual > .inner .image-area {
    min-height: 45rem
  }
  #online #main-visual > .inner .image-area > img.effect, #online #main-visual > .inner .image-area > picture.effect, #online #main-visual > .inner .image-area > span.effect {
    width: 20rem;
    top: 8rem;
    left: 2rem
  }
  #online #main-visual > .inner .image-area > img.mv-img01, #online #main-visual > .inner .image-area > picture.mv-img01, #online #main-visual > .inner .image-area > span.mv-img01 {
    width: 21rem;
    top: 3rem;
    left: -1rem;
    border-radius: 2rem
  }
  #online #main-visual > .inner .image-area > img.laptop, #online #main-visual > .inner .image-area > picture.laptop, #online #main-visual > .inner .image-area > span.laptop {
    width: 45rem;
    top: 18rem;
    left: 2rem
  }
  #online #main-visual > .inner .image-area > img.logo, #online #main-visual > .inner .image-area > picture.logo, #online #main-visual > .inner .image-area > span.logo {
    width: 13rem;
    top: 5rem;
    left: 22rem
  }
  #online .main-area #section01 {
    padding: 5rem 0
  }
  #online .main-area #section02 {
    padding: 5rem 0
  }
  #denwagarakuda .main-area #section02 .inner .ttl-area-inner-bottom figure figcaption {
	  padding: 0 38px;
	}
  #denwagarakuda .main-area #section02 p.sub {
	  font-size: 1.8rem;
  }
  #kaodepass #main-visual > .inner .text-area {
    width: 47.6%
  }
  #kaodepass #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3rem
  }
  #kaodepass #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto;
  }
  #kaodepass #main-visual > .inner .text-area .title-set .inner p span.fee {
    font-size: 1.2rem;
    margin: 1rem 0 0
  }
  #kaodepass #main-visual > .inner .image-area {
    width: calc(100% - 47.6% - 2rem)
  }
  #kaodepass #main-visual > .inner .image-area .inner {
    min-height: auto;
    margin-bottom: 0
  }
  #kaodepass #main-visual > .inner .image-area .inner > figure {
    width: 60%;
    border-radius: 1rem;
    top: 20rem;
    bottom: initial;
    left: 0
  }
  #kaodepass #main-visual > .inner .image-area .mv-monitor {
    width: 20rem;
    top: 10rem;
    right: -1rem
  }
  #kaodepass #main-visual > .inner .image-area .mv-comment {
    width: 15rem;
    top: 15rem;
    bottom: initial;
    left: 0;
  }
  #sms #main-visual > .inner .image-area .mv-illust {
    width: 13rem;
    bottom: auto;
    top: 30rem;
    left: 5rem
  }
  #kaodepass .main-area #section01 {
    padding: 5rem 0
  }
  #kaodepass .main-area #section02 {
    padding: 5rem 0 0
  }
  #kaodepass .main-area #section02 .section-title {
    margin-bottom: 4rem
  }
  #kaodepass .main-area #section02 .annotation .img-set {
    margin: 0 1.2rem 0 0;
    font-size: 2.8rem
  }
  #kaodepass .main-area #section02 .annotation .img-set img {
    width: calc(5rem * .75);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #kaodepass .main-area #section02 .security {
    padding: 2rem;
  }
  #kaodepass .main-area #section02 .security .inner .image {
    width: 500px;
  }
  #kaodepass .main-area #section02 .annotation p {
    font-size: 1.3rem;
    line-height: 1.75
  }
  #goannaiban #main-visual > .inner .text-area {
    width: 40%;
  }
  #goannaiban #main-visual > .inner .text-area .title-set::before{
	  top: 7rem;
	  width: 7rem;
	  height: 7rem;
}	
  #goannaiban #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3rem;
  }
  #goannaiban #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto;
  }
  #goannaiban #main-visual > .inner .text-area .title-set .inner p span.fee {
    font-size: 1.2rem;
    margin: 1rem 0 0;
  }
  #goannaiban #main-visual > .inner .image-area {
    width: calc(100% - 40% - 2rem);
  }
  #goannaiban #main-visual > .inner .image-area .inner {
    min-height: 45rem;
    margin-bottom: 0
  }
  #goannaiban #main-visual > .inner .image-area .inner > figure {
    width: 50%;
    border-radius: 1rem;
    top: 10rem;
    bottom: initial;
    left: 0
  }
  #goannaiban #main-visual > .inner .image-area .mv-monitor {
    width: 24rem;
    top: 20rem;
    right: 0;
  }
  #goannaiban #main-visual > .inner .image-area .mv-comment {
    width: 25rem;
    position: absolute;
    bottom: 35rem;
    right: .5rem;
  }
  #goannaiban #main-visual > .inner .image-area .logo {
    width: 8rem;
    bottom: auto;
    top: 25rem;
    left: 2rem
  }
  #goannaiban .main-area #section01 {
    padding: 5rem 0
  }
  #goannaiban .main-area #section02 {
    padding: 5rem 0
  }
  #goannaiban .main-area #section02 .contents-block ul {
    padding: 2rem 2rem 0
  }
  #goannaiban .main-area #section02 .contents-block ul li {
    width: 45%;
    margin: 0 10% 4rem 0
  }
  #goannaiban .main-area #section02 .contents-block ul li:after {
    width: 3rem;
    top: 10rem;
    right: calc(-3rem - 1.75rem)
  }
  #goannaiban .main-area #section02 .contents-block ul li h3 {
    font-size: 1.8rem;
    margin: 1.75rem 0 1.25rem
  }
  #goannaiban .main-area #section02 .contents-block ul li p {
    font-size: 1.3rem
  }
  #goannaiban .main-area #section03 .section-title {
    margin-bottom: 4rem
  }
  #goannaiban .main-area #section03 .annotation .img-set {
    margin: 0 1.2rem 0 0;
    font-size: 2.8rem
  }
  #goannaiban .main-area #section03 .annotation .img-set img {
    width: calc(5rem * .75);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #goannaiban .main-area #section03 .annotation p {
    font-size: 1.3rem;
    line-height: 1.75
  }
  #sugoiuketsukesan .main-area #section05{
    padding: 3rem 2rem 12rem;	
  }		
  #sugoiuketsukesan #main-visual > .inner .text-area {
    width: 47.6%
  }
  #sugoiuketsukesan #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3rem
  }
  #sugoiuketsukesan #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto;
  }
  #sugoiuketsukesan #main-visual > .inner .text-area .title-set .inner p span.fee {
    font-size: 1.2rem;
    margin: 1rem 0 0
  }
  #sugoiuketsukesan #main-visual > .inner .image-area {
    width: calc(100% - 47.6% - 2rem)
  }
  #sugoiuketsukesan #main-visual > .inner .image-area .inner {
    min-height: 45rem;
    margin-bottom: 0
  }
  #sugoiuketsukesan #main-visual > .inner .image-area .inner > figure {
    top: 5rem;
    bottom: initial;
    left: 0
  }
  #sugoiuketsukesan .main-area #section02 {
    padding: 5rem 0
  }
  #sugoiuketsukesan .main-area #section03 {
    padding: 5rem 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul {
    padding: 2rem 2rem 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li {
    width: 45%;
    margin: 0 10% 4rem 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li:after {
    width: 3rem;
    top: 10rem;
    right: calc(-3rem - 1.75rem)
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li h3 {
    font-size: 1.8rem;
    margin: 1.75rem 0 1.25rem
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li p {
    font-size: 1.3rem
  }
  #sugoiuketsukesan .main-area #section04{
	padding: 12rem 2rem 3rem;	
  }	
  #sugoiuketsukesan .main-area #section04 .section-title {
    margin-bottom: 4rem
  }
  #sugoiuketsukesan .main-area #section04 .annotation .img-set {
    margin: 0 1.2rem 0 0;
    font-size: 2.8rem
  }
  #sugoiuketsukesan .main-area #section04 .annotation .img-set img {
    width: 100px;
    margin: 0 1rem 0 0
  }
  #sugoiuketsukesan .main-area #section04 .annotation p {
    font-size: 1.3rem;
    line-height: 1.75
  }
  #sugoiuketsukesan .main-area #section05{
    padding: 3rem 2rem 12rem;	
  }	
  #datalinkage .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #datalinkage .main-area #section01 .contents-block .mv-image {
    width: 70%;
    margin: 0 auto 6rem
  }
  #datalinkage .main-area #section01 .contents-block section {
    padding: 0 0 6rem
  }
  #datalinkage .main-area #section01 .contents-block section h2 {
    font-size: 2.4rem;
    margin: 0 0 2rem
  }
  #datalinkage .main-area #section01 .contents-block section table {
    margin: 0 0 2rem
  }
  #datalinkage .main-area #section01 .contents-block section table th, #datalinkage .main-area #section01 .contents-block section table td {
    padding: 1.5rem 1.1rem
  }
  #datalinkage .main-area #section01 .contents-block section table td a {
    margin-left: 1.5rem
  }
  #datalinkage .main-area #section01 .contents-block .date {
    font-size: 1.6rem
  }
  #news .main-area #section01 {
    padding: 5rem 0
  }
  #news .main-area #section01 .section-title {
    margin-bottom: 4rem
  }
  #news .main-area #section01 .contents-block .news-list {
    margin-bottom: 4rem
  }
  #news-article .main-area #section01 {
    padding: 5rem 0
  }
  #news-article .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #news-article .main-area #section01 .section-title h1 {
    margin-bottom: 0
  }
  #news-article .main-area #section01 .section-title h1 span {
    font-size: 3.2rem
  }
  #news-article .main-area #section01 .contents-block .news-list {
    margin-bottom: 4rem
  }
  .entry .eye-catch {
    margin-bottom: 4rem
  }
  .entry p {
    line-height: 1.75;
    margin-bottom: 3rem
  }
  .entry h2 {
    font-size: 2rem;
    margin-bottom: 2rem
  }
  .entry h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem
  }
  .entry h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem
  }
  .entry .column-devide {
    display: flex;
    flex-direction: column;
    margin: 2rem 0 4rem;
    justify-content: center
  }
  .entry .column-devide > * {
    max-width: 100%;
    margin-bottom: 2.5rem
  }
  .entry .column-devide > *:last-of-type {
    margin-bottom: 0
  }
  #flow .main-area #section01 {
    padding: 5rem 0
  }
  #flow .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #flow .main-area #section01 .steps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #flow .main-area #section01 .steps li {
    width: 48%;
    border-radius: 2rem;
    margin: 0 0 2.4rem
  }
  #flow .main-area #section01 .steps li .contents {
    padding: 3rem 2rem
  }
  #flow .main-area #section01 .steps li .contents h2 {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 2rem;
    font-weight: 900
  }
  #flow .main-area #section01 .steps li .contents .illust {
    width: 18rem;
    height: 18rem;
    margin: 0 auto 2.4rem
  }
  #flow .main-area #section01 .steps li .contents p {
    font-size: 1.6rem
  }
  #flow .main-area #section02 {
    padding: 0 2rem 6rem
  }
  #flow .main-area #section02 .inner {
    border: 3px solid #ffdc00;
    padding: 4rem 3rem;
    border-radius: 3rem
  }
  #flow .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #flow .main-area #section02 .contents-block img {
    width: 60%;
    margin: 0 auto 4rem
  }
  #flow .main-area #section02 .contents-block ul li {
    width: 31%
  }
  #flow .main-area #section02 .contents-block ul li h3 {
    font-size: 2rem;
    margin-bottom: 1.6rem
  }
  #flow .main-area #section02 .contents-block ul li p {
    font-size: 1.5rem;
    line-height: 1.75
  }
  h2.min {
    font-size: 1.8rem
  }
  #requirements .main-area #section01 {
    padding: 5rem 0 8rem
  }
  #requirements .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #requirements .main-area #section01 .contents-block {
    margin-bottom: 6rem
  }
  #requirements .main-area #section01 .contents-block h2 {
    font-size: 2.4rem;
    margin: 0 0 2rem
  }
  #requirements .main-area #section01 .contents-block table th, #requirements .main-area #section01 .contents-block table td {
    font-size: 1.5rem
  }
  #requirements .main-area #section01 .contents-block .annotation .notes {
    margin: 1rem 0 0
  }
  #requirements .main-area #section01 .contents-block .annotation .notes li {
    font-size: 1.4rem
  }
  #receiptcomputer .main-area #section01 {
    padding: 5rem 0 8rem
  }
  #receiptcomputer .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #receiptcomputer .main-area #section01 .contents-block {
    margin-bottom: 6rem
  }
  #receiptcomputer .main-area #section01 .contents-block .text-area {
    margin: 0 0 4.5rem
  }
  #receiptcomputer .main-area #section01 .contents-block .text-area p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin: 0 0 2rem
  }
  #receiptcomputer .main-area #section01 .contents-block .mv {
    width: 80%;
    margin: 0 auto 6rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation {
    margin: 3rem 0 0
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation ul li {
    margin: 0 0 2rem
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group h5 {
    line-height: 1.75;
    font-size: 1.4rem
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group h5:last-of-type {
    border-width: 1px 0 1px 1px
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type th, #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type td {
    border-width: 1px
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list h5 {
    width: 40%;
    line-height: 1.75;
    font-size: 1.4rem
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table {
    width: 60%
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table th, #receiptcomputer .main-area #section01 .contents-block .maker-list table td {
    width: 25%;
    font-size: 1.4rem
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table th:first-child, #receiptcomputer .main-area #section01 .contents-block .maker-list table td:first-child {
    width: 50%
  }
  #casestudy .main-area {
    padding: 5rem 0 6rem
  }
  #casestudy .main-area #section01 .document-download .contents-box .text h3{
	font-size: 2.2rem;
    line-height: 3rem;
}	
  #casestudy .main-area #section01 #examples {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0;
    padding: 5rem 0 9.2rem
  }
  #casestudy .main-area #section01 #examples .slick-dots {
    bottom: 5rem;
	  left: 0;
  }
  #casestudy .main-area #section01 #examples .slick-dots li {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .8rem
  }
  #casestudy .main-area #section01 #examples .slick-next, #casestudy .main-area #section01 #examples .slick-prev {
    display: none
  }
  #casestudy .main-area #section01 #examples .block {
    max-width: 90%;
    margin: 0 1.5rem;
    border-radius: 1.2rem
  }
  #casestudy .main-area #section01 #examples .block a {
    display: flex;
    flex-direction: column
  }
  #casestudy .main-area #section01 #examples .block a.pickup .name:before {
    width: 8.2rem;
    margin: 0 .8rem 0 0
  }
  #casestudy .main-area #section01 #examples .block .image {
    width: 100%;
    height: 28rem
  }
  #casestudy .main-area #section01 #examples .block .image img {
    width: 101%;
    top: 55%
  }
  #casestudy .main-area #section01 #examples .block .details {
    padding: 3rem
  }
  #casestudy .main-area #section01 #examples .block .details .name {
    font-size: 1.6rem;
    margin: 0 0 1.5rem
  }
  #casestudy .main-area #section01 #examples .block .details h2 {
    font-size: 2.4rem;
    margin: 0 0 1.5rem
  }
  #casestudy .main-area #section01 #examples .block .details .text {
    font-size: 1.5rem
  }
  #casestudy .main-area #section02 {
    padding: 5rem 0
  }
  #casestudy .main-area #section02 .section-title h2 span {
    font-size: 2.8rem
  }
  #casestudy .main-area #section02 .contents-block #search {
    background: #f6f8f8;
    border-radius: 2rem;
    padding: 3rem 3rem 8rem;
    overflow: hidden;
    opacity: 0;
    transition: .5s
  }
  #casestudy .main-area #section02 .contents-block #search.load {
    opacity: 1
  }
  #casestudy .main-area #section02 .contents-block #search.load:after {
    content: '';
    background: linear-gradient(0deg, #f6f8f8 0%, #f6f8f8 20%, rgba(246, 248, 248, 0) 100%);
    transition: .5s;
    position: absolute;
    width: 100%;
    height: 15rem;
    bottom: 0;
    left: 0;
    z-index: 2
  }
  #casestudy .main-area #section02 .contents-block #search.load.open:after {
    opacity: 0;
    height: 0
  }
  #casestudy .main-area #section02 .contents-block #search.load.open .toggle-arrow:before {
    transform: translateX(-50%) scaleY(1)
  }
  #casestudy .main-area #section02 .contents-block #search dl {
    display: flex;
    flex-direction: column;
    margin: 0
  }
  #casestudy .main-area #section02 .contents-block #search dl dt {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 2rem;
    border-bottom: none
  }
  #casestudy .main-area #section02 .contents-block #search dl dd {
    font-size: 1.4rem;
    width: 100%;
    margin: 0 0 2rem;
    padding: 0
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul {
    width: 100%
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul li {
    margin: 0 0 1.5rem 0
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#unit-list li {
    width: 25%
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#task-list li {
    width: 25%
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#func-list li {
    width: 50%
  }
  #casestudy .main-area #section02 .contents-block #search dl dd label {
    line-height: 1.5;
    text-align: left;
    border-radius: 20rem;
    padding: 1rem 1.6rem 1.2rem
  }
  #casestudy .main-area #section02 .contents-block #search dl dd:before {
    display: none
  }
  #casestudy .main-area #section02 .contents-block #search .button-set button {
    font-size: 1.6rem;
    padding: 1.5rem 3rem
  }
  #casestudy .main-area #section02 .contents-block #search .toggle-arrow {
    width: 100%;
    height: 4rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 3
  }
  #casestudy .main-area #section02 .contents-block #search .toggle-arrow:before {
    content: url("../img/common/arrow08.svg");
    display: block;
    position: absolute;
    width: 4rem;
    transition: .5s;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%) scaleY(-1)
  }
  #casestudy .main-area #section03 {
    padding: 0
  }
  #casestudy .main-area #section03 .column-3blockB {
    margin-bottom: 2rem
  }
  #casestudy-detail .main-area {
    padding: 5rem 0 6rem
  }
  #casestudy-detail .main-area #section01 .section-title h1 span {
    font-size: 3.2rem
  }
  #casestudy-detail .main-area #section01 .contents-block {
    display: flex;
  }
  #casestudy-detail .main-area #section01 #main {
    width: 100%;
	order:2;
  }
  #casestudy-detail .main-area #section01 #main .eye-catch {
    margin: 0 0 4rem
  }
  #casestudy-detail .main-area #section01 #main p {
    line-height: 1.75;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  #casestudy-detail .main-area #section01 #main .question, #casestudy-detail .main-area #section01 #main .interview-end {
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1.75
  }
  #casestudy-detail .main-area #section01 #main .question:before, #casestudy-detail .main-area #section01 #main .interview-end:before {
    content: '';
    width: 4.4rem;
    height: 2px;
    background: #2d3030;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .6rem
  }
  #casestudy-detail .main-area #section01 #main .question {
    margin: 0 0 3rem
  }
  #casestudy-detail .main-area #section01 #main .interview-end {
    margin: 4rem 0
  }
  #casestudy-detail .main-area #section01 #main .first-text {
    margin-bottom: 7rem
  }
  #casestudy-detail .main-area #section01 #main .effect-flow {
    padding: 4rem;
    margin: 0 0 4rem;
	position:relative;
  }
  #casestudy-detail .main-area #section01 #main .effect-flow:before {
    height: calc(100% - 16rem);
    left: 8rem
  }
  #casestudy-detail .main-area #section01 #main .effect-flow:after {
    content:'ポイント';
	background: #737e7f;
	color: #fff;
	display: inline-block;
	padding: 1rem 2rem;
	position: absolute;
	top: -3.5rem;
	left: 0;
	font-size: 1.4rem;
	font-weight: 500;
  }	
  #casestudy-detail .main-area #section01 #main .effect-flow dl {
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section01 #main section {
    margin-bottom: 4rem
  }
  #casestudy-detail .main-area #section01 #main section h2 {
    font-size: 2.8rem;
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section01 #main section .interview-block {
    margin-bottom: 4rem
  }
  #casestudy-detail .main-area #section01 #main .support-center dd {
    font-weight: 500
  }
  #casestudy-detail .main-area #section01 #sub {
    width: 100%;
    position: relative;
    top: 0;
    padding: 0;
    margin-bottom: 3rem;
	border: none;
	order:1;
  }
  #casestudy-detail .main-area #section01 .section-title{
	margin-bottom: 5rem;	
  }	
  #casestudy-detail .main-area #section01 #sub > * {
    padding: 1.5rem 0
  }
  #casestudy-detail .main-area #section01 #sub h2 {
	background: #f1fefe;  
    font-size: 2rem;
	padding: 1rem 2rem .5rem;
  }
  #casestudy-detail .main-area #section01 #sub h2:before {
    content:'医院紹介';  
    background: #0FABB5;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
	padding: .5rem 2rem;
	position: absolute;
    top: -3.5rem;
	left: 0;  
  }
  #casestudy-detail .main-area #section01 #sub h2 + ul{
    display: none!important;
  }	
  #casestudy-detail .main-area #section01 #sub p {
    margin-bottom: 0
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li {
    width: 25%;
    padding: 0 1rem
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li .image {
    width: 12rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%;
    margin-bottom: 1.4rem
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li p {
    text-align: center
  }
  #casestudy-detail .main-area #section01 #sub > div {
    border:none;
  }
  #casestudy-detail .main-area #section01 #sub > div.sub-info {
    background: #f1fefe;
	padding: .5rem 2rem;  
  }	
  #casestudy-detail .main-area #section01 #sub > div.sub-info:last-of-type{
    padding: .5rem 2rem 2rem;  	
  }	
  #casestudy-detail .main-area #section01 #sub > div img{
    height:auto;
  }	
  #casestudy-detail .main-area #section01 #sub > div h4 {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.75
  }
  #casestudy-detail .main-area #section01 #sub > div p {
    margin-bottom: 0
  }
  #casestudy-detail .main-area #section01 .button{
    order:3;
	margin:5rem auto;
  }	
  #casestudy-detail .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section02 .section-title h2 span {
    font-size: 2.4rem
  }
  #casestudy-detail .main-area #section02 #other-recommend {
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block {
    width: calc((100% - 4rem) / 3)
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .image {
    height: 12rem;
    margin: 0 0 1.75rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details {
    padding: 0 1.5rem 2rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details .name {
    font-size: 1.2rem;
    margin: 0 0 1rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details h2, #casestudy-detail .main-area #section02 #other-recommend .block .details h3 {
    font-size: 1.8rem;
    margin: 0 0 1.5rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details .text {
    font-size: 1.1rem
  }
  #casestudy-detail .main-area #section02 .button a {
    font-size: 1.5rem;
    padding: 1.5rem 2rem
  }
  #column .main-area {
    padding: 5rem 0
  }
  #column .main-area #section01 {
    padding: 0
  }
  #column .main-area #section01 .section-title {
    width: 100%;
    margin-bottom: 3rem
  }
  #column .main-area #section01 .section-title h1 span {
    font-size: 3.2rem
  }
  #column .main-area #section01 #main {
    width: 100%;
    margin-bottom: 6rem
  }
  #column .main-area #section01 #main .post-list li {
    padding: 0 0 4rem;
    margin: 0 0 4rem
  }
  #column .main-area #section01 #main .post-list li a h2 {
    font-size: 2.4rem;
    margin: 3rem 0 2rem
  }
  #column .main-area #section01 #main .post-list li .categories {
    margin: 0 0 2rem
  }
  #column .main-area #section01 #main .post-list li .categories .category a {
    font-size: 1.5rem
  }
  #column .main-area #section01 #main .post-list li .categories time {
    font-size: 1.5rem
  }
  #column .main-area #section01 #main .post-list li .post-head {
    font-size: 1.6rem;
    line-height: 1.75
  }
  #column .main-area #section01 #sub {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #column .main-area #section01 #sub dl {
    width: 48%;
    margin-bottom: 0
  }
  #column .main-area #section01 #sub dl dt {
    font-size: 1.8rem;
    padding: 1.4rem 0 1.6rem 5.6rem
  }
  #column .main-area #section01 #sub dl dt.hot-post:before {
    width: 2.6rem;
    margin: 0 1.5rem
  }
  #column .main-area #section01 #sub dl dt.post-category:before {
    width: 2.6rem;
    margin: 0 1.5rem
  }
  #column .main-area #section01 #sub dl dd ul li a {
    font-size: 1.5rem;
    padding: 1.4rem 1rem 1.8rem 2.6rem
  }
  #column .main-area #section01 #sub dl dd ul li a:before {
    width: 8px;
    height: 8px;
    top: 2.4rem;
    left: 8px
  }
  #column.post .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #column.post .main-area #section01 .section-title h1 span {
    font-size: 3.2rem
  }
  #column.post .main-area #section01 #main .eye-catch {
    margin: 0 0 4rem
  }
  #column.post .main-area #section01 #main p {
    font-size: 1.6rem;
    margin-bottom: 1.5rem
  }
  #column.post .main-area #section01 #main #entry-head {
    margin-bottom: 8rem
  }
  #column.post .main-area #section01 #main h2 {
    font-size: 2.4rem;
    margin-bottom: 4rem
  }
  #seminarevent {
    font-feature-settings: normal
  }
  #seminarevent .main-area #section01 {
    padding: 5rem 0 8rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list {
    justify-content: space-between
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div {
    width: 48%;
    max-width: 36rem;
    margin: 0 0 4rem 0
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories {
    margin: 0 0 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li {
    font-size: 1.1rem;
    min-width: 6rem;
    margin: 0 .6rem 0 0;
    padding: .5rem .8rem .6rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live img {
    width: 2.6rem;
    top: -1px
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live:before {
    width: 1.6rem;
    margin: 0 .6rem 0 0;
    top: 55%
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time {
    font-size: 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span {
    font-size: 150%
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span.year {
    font-size: 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div p {
    font-size: 1.5rem
  }
  #seminarevent.form .main-area .inner {
    max-width: none
  }
  #seminarevent.form .main-area .eyecatch {
    margin: 0 0 3rem
  }
  #seminarevent.form .main-area .section-title {
    margin-bottom: 2rem
  }
  #seminarevent.form .main-area .section-title h1 span {
    font-size: 3rem
  }
  #seminarevent.form .main-area dl.details-table {
    display: flex;
    flex-wrap: wrap
  }
  #seminarevent.form .main-area dl.details-table dt {
    width: 12rem;
    padding: 1.6rem
  }
  #seminarevent.form .main-area dl.details-table dd {
    width: calc(100% - 12rem)
  }
  #seminarevent.form .main-area dl.details-table dd div {
    padding: 1.6rem
  }
  #seminarevent.form .main-area #section01 {
    padding: 4rem 0
  }
  #seminarevent.form .main-area #section01 .inner .contents-block .text {
    margin-bottom: 3rem
  }
  #seminarevent.form .main-area #form-area {
    padding: 0 0 4rem
  }
  #seminarevent.form .main-area #form-area h2 {
    font-size: 2.8rem
  }
  #seminarevent.form .main-area #form-area .form-set {
    border-radius: 2rem;
    padding: 2rem
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dt {
    width: 20rem
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd {
    width: calc(100% - 20rem)
  }
  #seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label {
    font-size: 1.5rem
  }
  #seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label span {
    width: 2rem;
    height: 2rem;
    top: -2px
  }
  #seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label span:before {
    top: 44%;
    width: 1.3rem
  }
  #seminarevent.form .main-area #form-area .form-set #form span.validation-error {
    bottom: -25px
  }
  #seminarevent.form .main-area #form-area .form-set .annotation p {
    margin: 0 0 2rem;
    font-size: 1.5rem
  }
  #seminarevent.form .main-area #section02 {
    padding: 0 0 6rem
  }
  #seminarevent.form .main-area #section02 .instructors {
    padding: 0;
    margin: 0 0 4rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js {
    padding: 2rem;
    margin-bottom: 2rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .image {
    width: 12rem;
    margin: 0 2rem 0 0
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail {
    width: calc(100% - 14rem)
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 {
    margin-bottom: 1rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .company {
    font-size: 1.3rem;
    margin-bottom: 1.2rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .role {
    font-size: 1.2rem;
    margin-bottom: .7rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .name-det span {
    font-size: 2rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .text {
    font-size: 1.4rem
  }
  #seminarevent.form .main-area .button {
    margin: 4rem 0 0
  }
  #seminarevent.form .main-area .button a {
    font-size: 1.4rem;
    padding: 1.7rem 2rem
  }
  #contact {
    font-feature-settings: normal
  }
  #contact .main-area .inner {
    max-width: none
  }
  #contact .main-area .section-title {
    margin-bottom: 2rem
  }
  #contact .main-area .section-title h1 span {
    font-size: 3rem
  }
  #contact .main-area #form-area {
    padding: 0 0 4rem
  }
  #contact .main-area #form-area .form-set {
    border-radius: 2rem;
    padding: 0
  }
  #contact .main-area #form-area .form-set form dl dt {
    width: 21rem;
    line-height: 1.5
  }
  #contact .main-area #form-area .form-set form dl dd {
    width: calc(100% - 21rem)
  }
  #contact .main-area #form-area .form-set form .checkbox-group input {
    top: -.1em
  }
  #contact .main-area #form-area .form-set form .checkbox-group label {
    width: 50%;
    font-size: 1.35rem;
    margin: .7rem 0
  }
  #contact .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.5rem
  }
  #contact .main-area #form-area .form-set form .privacypolicy_check-label label span {
    width: 2rem;
    height: 2rem;
    top: -2px
  }
  #contact .main-area #form-area .form-set form .privacypolicy_check-label label span:before {
    top: 44%;
    width: 1.3rem
  }
  #contact .main-area #form-area .form-set form span.validation-error {
    bottom: -25px
  }
  #contact .main-area #form-area .form-set .annotation p {
    margin: 0 0 2rem;
    font-size: 1.5rem
  }
  #support .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #support .main-area #section01 .section-title {
    margin-bottom: 4rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube {
    font-size: 1.8rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube img {
    width: 9rem;
    top: .25rem;
    margin-right: .6rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel {
    font-size: 2.8rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel:before {
    width: 3.6rem;
    top: 3px
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .contact-button {
    font-size: 1.6rem;
    padding: 1.4rem 4rem 1.6rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .contact-button:after {
    right: 1.6rem
  }
  #support .main-area .button {
    text-align: center
  }
  #support .main-area .button a {
    display: inline-block;
    font-size: 1.4rem;
    padding: 1.7rem 2rem;
    border: 1px solid #d8dcdc;
    border-radius: 15rem
  }
  #support .main-area .button a span {
    color: #2d3030;
    font-weight: 500
  }
  #document {
    font-feature-settings: normal
  }
  #document .main-area .inner {
    max-width: none
  }
  #document .main-area .section-title {
    margin-bottom: 2rem
  }
  #document .main-area .section-title h1 span {
    font-size: 3rem
  }
  #document .main-area #form-area {
    padding: 0 0 4rem
  }
  #document .main-area #form-area .form-set {
    border-radius: 2rem;
    padding: 0
  }
  #document .main-area #form-area .form-set form dl dt {
    width: 21rem;
    line-height: 1.5
  }
  #condocumenttact .main-area #form-area .form-set form dl dd {
    width: calc(100% - 21rem)
  }
  #document .main-area #form-area .form-set form .checkbox-group input {
    top: -.1em
  }
  #document .main-area #form-area .form-set form .checkbox-group label {
    width: 50%;
    font-size: 1.35rem;
    margin: .7rem 0
  }
  #document .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.5rem
  }
  /*#document .main-area #form-area .form-set form .privacypolicy_check-label label span{
    width: 2rem;
    height: 2rem;
    top: -2px
  }
  #document .main-area #form-area .form-set form .privacypolicy_check-label label span:before {
    top: 44%;
    width: 1.3rem
  }
  #document .main-area #form-area .form-set form span.validation-error {
    bottom: -25px
  }*/
  #document .main-area #form-area .form-set .annotation p {
    margin: 0 0 2rem;
    font-size: 1.5rem
  }
  #trial {
    font-feature-settings: normal
  }
  #trial .main-area .inner {
    max-width: none
  }
  #trial .main-area .section-title {
    margin-bottom: 2rem
  }
  #trial .main-area .section-title h1 span {
    font-size: 3rem
  }
  #trial .main-area #form-area {
    padding: 0 0 4rem
  }
  #trial .main-area #form-area .form-set {
    border-radius: 2rem;
    padding: 0
  }
  #trial .main-area #form-area .form-set form dl dt {
    width: 21rem;
    line-height: 1.5
  }
  #trial .main-area #form-area .form-set form .checkbox-group input {
    top: -.1em
  }
  #trial .main-area #form-area .form-set form .checkbox-group label {
    width: 50%;
    font-size: 1.35rem;
    margin: .7rem 0
  }
  #trial .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.5rem
  }
  #trial .main-area #form-area .form-set .annotation p {
    margin: 0 0 2rem;
    font-size: 1.5rem
  }  
  #team {
    font-feature-settings: normal
  }
  #team .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #team .main-area #section01 .section-title {
    margin-bottom: 4rem
  }
  #team .main-area #section01 .inner .contents-block .mv {
    width: 70%;
    margin: 0 auto 5rem
  }
  #team .main-area #section01 .inner .contents-block ul li {
    max-width: 30%;
    margin: 0 5% 0 0
  }
  #team .main-area #section01 .inner .contents-block ul li:after {
    right: -8%
  }
  #team .main-area #section01 .inner .contents-block ul li h2 {
    font-size: 2rem;
    margin-bottom: 2rem
  }
  #team .main-area #section01 .inner .contents-block ul li p {
    font-size: 1.3rem
  }
  #team .main-area .button {
    text-align: center
  }
  #team .main-area .button a {
    display: inline-block;
    font-size: 1.4rem;
    padding: 1.7rem 2rem;
    border: 1px solid #d8dcdc;
    border-radius: 15rem
  }
  #team .main-area .button a span {
    color: #2d3030;
    font-weight: 500
  }
  #notfound .main-area #section01, #document .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #notfound .main-area #section01 .section-title, #document .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #notfound .main-area #section01 .inner .contents-block .main, #document .main-area #section01 .inner .contents-block .main {
    font-size: 2.4rem;
    padding: 3rem 0;
    margin: 0 auto 2rem
  }
  #plan .main-area #section01 {
    padding: 4rem 0;
  }
  #plan .main-area #section01 .section-title{
    margin-bottom:0;
  }
  #plan .main-area #section01 .section-title .sub{
    font-size: 2.4rem;
  }
  #plan .main-area #section02{
	  padding: 4rem 0 0;
  }
  #plan .main-area #section02 .section-title h2 span{
	  font-size: 2.6rem;
  }	
  #plan .main-area #section02 .inner .border-block{
    padding: 5.1rem 3rem;
  }
  #plan .main-area #section02 .inner .border-block:before{
	  width: 10rem;
	  height: 10rem;
	  left: 0;
  }
  #plan .main-area #section02 .inner .contents-block .area{
	  align-items: center;
  }
  #plan .main-area #section02 .inner .contents-block .area .details{
	  width: 55%;	
  }
  #plan .main-area #section02 .inner .contents-block .area .image{
	  width: 45%;
  }
  #plan .main-area #section02 .border-block .contents-block>ul>li{
	  width: calc(50% - 1.5rem);
  }
  #plan .main-area #section02 .border-block .contents-block>ul>li.one-third{
	  width: calc(33.3333% - 1.5rem);
  }
  #plan .main-area .button-area{
	  padding: 4rem 0;
  }	
  #plan .main-area #section03 .inner .contents-block .border-block-list{
	  gap: 1.5rem;
  }
  #plan .main-area #section03 .inner .contents-block .border-block-list li{
	  width: calc(50% - 1rem);
	  margin:0;
  }
  #plan .main-area #section03 .inner .contents-block .border-block-list li a{
	  width: 100%;
  }
  #plan .main-area #section05 .section-title {
    margin-bottom: 3rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list {
    width: 100%;
    margin: 0 0 4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li {
    width: calc((100% - 3rem) / 3);
    padding: 2rem 0 0
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:first-child {
	  display: none;
	  left: -1.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:last-child {
	  display: none;
	  right: -1.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main {
    margin: 0 0 .8rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head {
    border-radius: 2rem 2rem 0 0;
    padding: 2rem 0 2rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head:before {
    font-size: 1.6rem;
    width: 7.4rem;
    height: 7.4rem;
    top: -2rem;
    padding: 2rem 0 0
  }
  #plan .main-area #section05 .inner .contents-block .plan-list>li.cashless .head img{
	  width: 70px;
	  right: -10px;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head h2 {
    margin: 0;
    font-size: 2rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .list-block {
    border-width: 0 3px 3px;
    border-radius: 0 0 2rem 2rem;
    padding: 2rem 1.8rem 4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more {
    border-width: 3px;
    border-radius: 2rem;
    padding: 4rem 1.8rem 1.8rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more:before {
    width: 3rem;
    top: -3.2rem;
    padding: 1rem 1rem .9rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li p {
    margin-top: .8rem;
    font-size: 1.4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt {
    font-size: 1rem;
    margin-right: .6rem;
    padding-bottom: .7rem;
    line-height: 1.25;
    border-radius: 1rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt br {
    display: inline;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd {
    font-size: 1rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd span {
    font-size: 2rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li {
    border-bottom: 1px solid #b4b9b9;
    padding: 0 .2rem 0 2rem;
    margin: 0 0 1rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li:before {
    height: calc(1.8rem * .6);
    width: calc(2.4rem * .6);
    top: .6rem;
    right: 0rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3, #plan .main-area #section01 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.35rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.primary {
    font-size: 1.5rem;
    margin-bottom: .4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary {
    font-size: 1.2rem;
    margin-bottom: .5rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
    margin: 0 .5rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:last-child, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary:last-child {
    margin-bottom: 1rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list>li .list-block ul li h3 .price,#plan .main-area #section05 .inner .contents-block .plan-list>li .more ul li h3 .price{
	  position:relative;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
    top: 0;
    margin: 0 0 1rem;
    font-size: 1.4rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price:after {
    font-size: 1rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dt, #plan .main-area #section05 .inner .contents-block .plan-list>li .more dl.price dt{
	  font-size: 1.4rem;
	  margin: .5rem 0;
	  text-align: center;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dd {
    font-size: 1.1rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dd span {
    font-size: 2.4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head:after {
    width: 3.2rem;
    top: auto;
    bottom: 1rem;
    right: 1rem;
    transform: none;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .head:after {
    width: 3.2rem;
    top: auto;
    bottom: 1rem;
    right: 1rem;
    transform: none;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .inner {
    padding: 4rem 0;
    margin: 0 0 2rem;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .inner:after {
    width: calc(20rem * .8);
    height: calc(23rem * .8);
    right: 4rem;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block h4 {
    font-size: 3rem;
    margin-bottom: 2rem
  }
  #plan .main-area #section05 .inner .contents-block .contact-block p {
    margin-bottom: 2rem;
    text-align: center;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block p br {
    display: inline;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .contact-button {
	  width: 100%;
	  max-width: 30rem;
	  font-size: 1.9rem
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .contact-button:after {
    right: 2rem;
    width: calc(1.2rem * .7);
    height: calc(1.8rem * .7)
  }
  #plan .main-area #section05 .inner .contents-block .annotation {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 2rem;
  }
  #plan .main-area #section05 .inner .contents-block .annotation li {
    padding-left: 1.2em;
    font-size: 1.2rem;
  }
  #plan .main-area #section06 {
    padding: 3rem 0 8rem
  }
  #plan .main-area #section06 .inner .contents-block section {
    padding: 0;
    margin: 0 0 4rem
  }
  #plan .main-area #section06 .inner .contents-block section:last-of-type {
    margin-bottom: 1rem
  }
  #plan .main-area #section06 .inner .contents-block section h2 {
    font-size: 2rem;
    padding: 1.5rem;
    margin: 0 0 1.5rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li {
    padding: 0 1rem 1.5rem;
    margin-bottom: 1.5rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li div h3 {
    font-size: 1.4rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li div .notes {
    font-size: 1.2rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li .price, #plan .main-area #section06 .inner .contents-block section ul li .price-under, #plan .main-area #section02 .inner .contents-block section ul li .price-none {
    font-size: 1.2rem;
    top: .3em;
    right: 1.2rem;
  }
  #plan .main-area #section06 .inner .contents-block section ul li .price span, #plan .main-area #section06 .inner .contents-block section ul li .price-under span {
    font-size: 1.6rem;
    margin: 0 .1em;
  }
  #plan .main-area #section06 .inner .contents-block .text-right {
    font-size: 1.1rem;
    padding-bottom: 0
  }
  #security .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #security .main-area #section01 .section-title {
    margin-bottom: 4rem
  }
  #security .main-area #section01 .inner .contents-block .mv {
    width: 70%;
    margin: 0 auto 5rem
  }
  #security .main-area #section01 .inner .contents-block ul li {
    max-width: 30%;
    margin: 0 5% 0 0
  }
  #security .main-area #section01 .inner .contents-block ul li:after {
    right: -8%
  }
  #security .main-area #section01 .inner .contents-block ul li h2 {
    font-size: 2rem;
    margin-bottom: 2rem
  }
  #security .main-area #section01 .inner .contents-block ul li p {
    font-size: 1.3rem
  }
  #faq .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #faq .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #faq .main-area #section01 .inner .contents-block {   
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav {
    margin: 0 0 4rem
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
    padding: 1rem 1rem 1.5rem
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav ul li h2 {
    font-size: 2rem
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav {
    margin-bottom: 3rem
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul{
		justify-content: flex-start;
		flex-wrap: wrap;
	}
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
    margin: 0 1.2rem
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
    font-size: 1.8rem
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a:after {
    width: 1.2rem
  }
  #faq .main-area #section01 .inner .contents-block #container {
    width: calc(200% + 6rem)
  }
  #faq .main-area #section01 .inner .contents-block #container.second {
    left: calc(-100% - 6rem)
  }
  #faq .main-area #section01 .inner .contents-block #container > div {
	 padding: 2.5rem 3rem 0;
    margin-right: 6rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section {
    padding: 0 0 6rem
  }
  #faq .main-area #section01 .inner .contents-block #container section h3 {
    font-size: 2rem;
    padding: 1.5rem 0
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt {
    font-size: 1.6rem;
    padding: 2rem 5rem 2.4rem 5rem;
    line-height: 1.5
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt:before {
    width: 2rem;
    left: 1.6rem;
    top: 2.2rem
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt:after {
    width: 2rem;
    right: 1.6rem;
    top: 1.8rem
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd {
    padding: 1rem 5rem 3rem 5rem;
    font-size: 1.5rem
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd:before {
    width: 2rem;
    left: 1.8rem;
    top: 1.5rem;
  }
  #patients-faq .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #patients-faq .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #patients-faq .main-area #section01 .inner .contents-block {   
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.main-nav {
    margin: 0 0 4rem
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
    padding: 1rem 1rem 1.5rem
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav {
    margin-bottom: 3rem
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul{
		justify-content: flex-start;
		flex-wrap: wrap;
	}
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
    margin: 0 1.2rem
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
    font-size: 1.8rem
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a:after {
    width: 1.2rem
  }
  #patients-faq .main-area #section01 .inner .contents-block #container {
    width: calc(200% + 6rem)
  }
  #patients-faq .main-area #section01 .inner .contents-block #container.second {
    left: calc(-100% - 6rem)
  }
  #patients-faq .main-area #section01 .inner .contents-block #container > div {
	 padding: 2.5rem 3rem 0;
    margin-right: 6rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section {
    padding: 0 0 6rem
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section h2 {
    font-size: 2rem;
    padding: 1.5rem 0
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt {
    font-size: 1.6rem;
    padding: 2rem 5rem 2.4rem 5rem;
    line-height: 1.5
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt:before {
    width: 2rem;
    left: 1.6rem;
    top: 2.2rem
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt:after {
    width: 2rem;
    right: 1.6rem;
    top: 1.8rem
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd {
    padding: 1rem 5rem 3rem 5rem;
    font-size: 1.5rem
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd:before {
    width: 2rem;
    left: 1.8rem;
    top: 1.5rem;
  }	
}
@media screen and (min-width: 1081px) {
	#denwagarakuda .main-area #section02 .youtube{
		width: 750px;
	}
}
@media screen and (max-width: 520px) {
  .pc-br {
    display: none
  }
  .sp-br {
    display: inline
  }
  .tel {
    pointer-events: auto
  }
  html {
    font-size: 2.67vw;
    overflow-x: hidden
  }
  /*#float-banner {
    display: none
  }*/
  #breadcrumbs {
    display: none
  }
  .video-area {
    padding: 2.5rem 2rem
  }
  .video-area .youtube {
    border-radius: .9rem;
    width: 100%;
    /*height: calc((100vw - 4rem) * .77)*/
  }
  .common-voice .inner ul li h3 {
    line-height: 1.5;
    padding: 2rem 0 1.5rem;
    letter-spacing: .025em
  }
  .common-voice .inner .end p {
    align-items: flex-start
  }
  .common-contactArea .inner {
    padding: 3.6rem 0 2rem
  }
  .case-btn-area{
	  padding: 4rem 0;
  }
  .case-btn-area .contact-button{
	  padding: 2.4rem 5rem 2.6rem;
  }	
  #main-visual > .inner {
    flex-direction: column;
    padding-bottom: 3.1rem
  }
  #main-visual > .inner .text-area {
    width: 100%;
    padding: 2.5rem 0 0
  }
  #main-visual > .inner .text-area .ap-box > span {
    margin: 0 0 2rem 1.2rem;
    font-feature-settings: normal
  }
  #main-visual > .inner .text-area .apotoolbox {
    font-size: 1.3rem;
    border: 1px solid #2d3030;
    border-radius: .5rem;
    padding: .7rem 1.3rem .6rem;
    margin: 0 0 2rem
  }
  #main-visual > .inner .text-area .apotoolbox span:first-of-type:after {
    height: 1.6rem;
    margin: 0 1rem;
    top: -.2rem
  }
  #main-visual > .inner .text-area .title-set {
    width: 100%
  }
  #main-visual > .inner .text-area .title-set img {
    width: 6.6rem;
    height: 6.6rem
  }
  #main-visual > .inner .text-area .title-set .inner {
    width: calc(100% - 6.6rem - 1rem);
    margin: 0 0 3rem
  }
  #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3rem;
    margin: 0 0 1.3rem;
    padding: 0
  }
  #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2.4rem;
    margin: 1.5rem 0 0
  }
  #main-visual > .inner .text-area .title-set .inner p {
    font-size: 1.05rem
  }
  #main-visual > .inner .text-area .title-set .inner p > span {
    font-size: 1.2rem
  }
  #main-visual > .inner .text-area .title-set .inner p > span span {
    font-size: 2rem
  }
  #main-visual > .inner .text-area .text {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: .05em;
    margin: 0 0 3rem
  }
  #main-visual > .inner .image-area {
    width: 100%
  }
  #main-visual > .inner .contact-button {
    width: calc(100% - 8.8rem);
    margin: 0 auto;
    padding: 2.4rem 0 2.6rem;
    font-size: 2rem
  }
  #main-visual > .inner .contact-button span {
    letter-spacing: .05em
  }
  #main-visual > .inner .contact-button:after {
    height: 1.75rem;
    width: 1.15rem
  }
  .circle-3column {
    flex-direction: column
  }
  .circle-3column li {
    width: 100%
  }
  .circle-3column li .image {
    width: 22.3rem;
    height: 22.3rem;
    margin: 0 auto 2.5rem
  }
  .circle-3column li h3 {
    font-size: 2.6rem;
    margin: 0 0 2.2rem
  }
  .circle-3column li p {
    font-size: 1.6rem
  }
  .circle-3column li:after {
    content: '';
    width: 4rem;
    height: .2rem;
    background: #bfbfbf;
    display: block;
    margin: 3.2rem auto 3.5rem
  }
  .circle-3column li:last-of-type:after {
    display: none
  }
  .column-3block {
    flex-direction: column
  }
  .column-3block li {
    width: 100%;
    background: #fff;
    padding: 2rem 2rem;
    margin: 0 0 2rem 0;
    border-radius: 1.5rem;
    filter: drop-shadow(0 2.5px 7.5px rgba(0, 0, 0, 0.15))
  }
  .column-3block li:nth-of-type(2n), .column-3block li:nth-of-type(3n) {
    margin-right: 0
  }
  .column-3block li:last-of-type {
    margin-bottom: 0
  }
  .column-3block li img {
    margin: 0 0 2rem
  }
  .column-3block li h3 {
    font-size: 2.2rem;
    margin: 0 0 1.65rem
  }
  .column-3block li p {
    font-size: 1.5rem
  }
  .column-3blockB {
    flex-direction: column
  }
  .column-3blockB li {
    width: 100%;
    margin: 0 0 3rem 0;
    border-radius: 1.5rem;
    filter: drop-shadow(0 2.5px 7.5px rgba(0, 0, 0, 0.15))
  }
  .column-3blockB li:nth-of-type(3n), .column-3blockB li:nth-of-type(2n) {
    margin-right: 0
  }
  .column-3blockB li .image {
    height: 16.75rem
  }
  .column-3blockB li .image img {
    width: 102%;
    top: 51%
  }
  .column-3blockB li .details {
    padding: 0 2rem 2rem
  }
  .column-3blockB li .details .name {
    font-size: 1.4rem;
    margin: 0 0 1.25rem
  }
  .column-3blockB li .details h2, .column-3blockB li .details h3 {
    font-size: 1.8rem;
    margin: 0 0 1.75rem
  }
  .column-3blockB li .details .text {
    font-size: 1.3rem
  }
  .column-3blockC {
    flex-direction: column
  }
  .column-3blockC li {
    width: 100%;
    margin: 0 0 2.5rem 0;
    padding: 4.3rem 0 0
  }
  .column-3blockC li .inset {
    padding: 5.4rem 2.8rem 3.8rem
  }
  .column-3blockC li .inset .icon {
    width: 11.2rem;
    height: 11.2rem;
    top: -4.3rem;
    left: calc(50% - 5.6rem)
  }
  .column-3blockC li .inset .icon img {
    width: 6.2rem;
    top: 48%
  }
  .column-3blockC li .inset h2, .column-3blockC li .inset h3 {
    font-size: 2.4rem
  }
  .column-3blockC li .inset p .sub {
    margin: .75rem 0 0
  }
  .column-4block {
    flex-direction: column
  }
  .column-4block li {
    width: 100%;
    background: #fff;
    padding: 2rem 2rem;
    margin: 0 0 2rem 0;
    border-radius: 1.5rem;
    filter: drop-shadow(0 2.5px 7.5px rgba(0, 0, 0, 0.15))
  }
  .column-4block li:nth-of-type(2n), .column-3block li:nth-of-type(3n), .column-3block li:nth-of-type(4n) {
    margin-right: 0
  }
  .column-34block li:last-of-type {
    margin-bottom: 0
  }
  .column-4block li img {
    margin: 0 0 2rem
  }
  .column-4block li h3 {
    font-size: 2.2rem;
    margin: 0 0 1.65rem
  }
  .column-4block li p {
    font-size: 1.5rem
  }	
  .border-block {
    border-radius: 3rem;
    border: 3px solid #00bec8
  }
  .border-block-list li {
    width: 100%;
    margin-bottom: 2rem
  }
  .border-block-list li a {
    height: 100%;
    border: 2px solid #00bec8;
    border-radius: 2rem
  }
  .border-block-list li a .detail {
    padding: 2rem 0
  }
  .border-block-list li a .image {
    height: 12rem
  }
  .border-block-list li a p {
    font-size: 1.3rem;
    margin: 0 0 1rem
  }
  .border-block-list li a h3 {
    font-size: 2.6rem
  }
  .border-block-list li a h3 span {
    font-size: 1.6rem;
    min-height: 1em
  }
  .border-block-list li a .price {
    font-size: 1.2rem;
    margin: 1.2rem 0 0
  }
  .border-block-list li a .price:has(>span[data-tag="fee"]) {
    margin-bottom: 0;
	}
  .border-block-list li a .price .annotation {
    font-size: 1rem;
    margin-top: .7rem;
  }
  .border-block-list li a .button {
    font-size: 1.8rem
  }
  .hide-text .hidden {
    display: none
  }
  .hide-text .close {
    display: none
  }
  .hide-text .close {
    display: inline-block;
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    margin: 1.5rem 0 0
  }
  .hide-text .readmore {
	  display:inline;
	  cursor:pointer;
    text-decoration: underline
  }
  dl.common-table {
    flex-direction: column
  }
  dl.common-table dt, dl.common-table dd {
    font-size: 1.5rem;
    border: 1px solid #dcdede;
    padding: 1.5rem 1rem
  }
  dl.common-table dt:last-of-type, dl.common-table dd:last-of-type {
    border-bottom: 1px solid #dcdede
  }
  dl.common-table dt {
    display: flex;
    align-items: center;
    background: #f6f8f8;
    border-bottom: 0;
    width: 100%;
    font-weight: 900
  }
  dl.common-table dd {
    width: 100%;
    line-height: 1.75;
    border-bottom: 0;
    padding: 1.5rem 2.2rem
  }
  table.common-table th, table.common-table td {
    padding: 1rem .5rem
  }
  .common-text-list > * {
    line-height: 1.75;
    font-size: 1.5rem
  }
  .common-text-list dt h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
  .common-text-list dd {
    margin-bottom: 5rem
  }
  .common-text-list dd.end p {
    margin-bottom: 3rem
  }
  .common-text-list dd .normal-numbering > li {
    margin-bottom: 1.5rem
  }
  .main-area .section-title.extra {
    margin-bottom: 2rem
  }
  .main-area .section-title.extra h1, .main-area .section-title.extra h2 {
    font-size: 2.2rem;
    border-radius: .4rem;
    margin-bottom: 0
  }
  .main-area .news-list {
    margin: 0 0 3rem
  }
  .main-area .news-list li a {
    padding: 1.6rem .9rem
  }
  .main-area .news-list li a > div {
    flex-direction: column;
    justify-content: flex-start;
    margin-right: .9rem
  }
  .main-area .news-list li a time {
    width: 100%;
    display: block;
    font-size: 1rem;
    text-align: center
  }
  .main-area .news-list li a .category {
    width: 9.2rem;
    padding: .9rem;
    font-size: 1rem;
    margin: 1rem 0 0 0
  }
  .main-area .news-list li a .text {
    width: calc(100% - 9.2rem - .9rem);
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 700
  }
  .category-selector li {
    margin: 0 1.6rem
  }
  .category-selector li span, .category-selector li a {
    font-size: 1.2rem;
    padding: 0 0 2rem
  }
  .pagenation-set .page-select a {
    padding: 1.1rem 1.8rem 1.5rem;
    font-size: 1.2rem
  }
  .pagenation-set .page-select .prev a {
    margin-right: .7rem
  }
  .pagenation-set .page-select .next a {
    margin-left: .7rem
  }
  .pagenation-set .pagenation li {
    margin: 0 .45rem
  }
  .pagenation-set .pagenation li a {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem
  }
  #home #main-visual > .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: none
  }
  #home #main-visual > .inner .text-area {
    width: 100%;
    padding: 1.2rem 3rem 0
  }
  #home #main-visual > .inner .text-area .title-set {
    width: 100%
  }
  #home #main-visual > .inner .text-area .title-set .inner {
    width: 100%;
    margin: 0 0 0
  }
  #home #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3.6rem;
    line-height: 1.45;
    letter-spacing: .3em
  }
  #home #main-visual > .inner .text-area .title-set .inner .illust {
    width: 15.25rem;
    position: absolute;
    top: 6rem;
    left: auto;
    right: -1rem;
    height: auto
  }
  #home #main-visual > .inner .text-area .text {
    font-size: 1.5rem;
    margin: 3rem 0 1.5rem;
    font-weight: 700;
    line-height: 2
  }
  #home #main-visual > .inner .text-area .text+a.trial-link{
    display:none;
  }
  #home #main-visual > .inner .text-area .news-area {
    display: none;
  }
  #home #main-visual>.inner .text-area .btn-area{
    display: none;
  }		
  #home #main-visual > .inner .image-area {
    width: 31rem;
    border-radius: 6rem 0 0 6rem;
    margin: 0 0 2.2rem 6.5rem
  }
  #home #main-visual>.inner .image-area + .btn-area{
    margin: 0 auto;
  }
  #home #main-visual>.inner .image-area + .btn-area .news-area{
    margin: 0 auto 3rem;
  }
  #home #main-visual>.inner .image-area + .btn-area .news-area h2{
    font-size: 1.8rem;
  }
  #home #main-visual>.inner .image-area + .btn-area .news-area ul li{
    font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding-left: 1.6rem;
  }
  #home #main-visual>.inner .image-area + .btn-area .news-area ul li:before{
	content: '';
	width: 7px;
	height: 7px;
	border: 0;
	border-top: solid 2px #00bfc8;
	border-right: solid 2px #00bfc8;
	transform: rotate(45deg);
	position: absolute;
	top: 1px;
	left: 0;
	bottom: 0;
	margin: auto;	
  }	
  #home #main-visual>.inner .image-area + .btn-area .news-area ul li a{
	color:#00bfc8;
	font-weight: 500;  
  }	
  #home #main-visual>.inner .image-area + .btn-area .contact-button{
    display: block;
  }	
  #home #main-visual>.inner .image-area + .btn-area .contact-button.free-trial{
    width: 64%;
	margin: 0 auto 2rem;
  }		
  #home #main-visual > .inner .contact-button {
    width: 64%;
    padding: 2.3rem;
    font-size: 1.8rem;
    margin: 0 auto 1.5rem
  }
  #home #main-visual > .inner .contact-button:after {
    height: 1.4rem;
    width: 0.9rem;
    right: 2rem
  }
  #home #main-visual > .inner .trial-link{
    display: block;
    text-align: center;
    padding: 2rem 0 3rem;
  }
  #home #main-visual .group {
    flex-direction: column;
    margin-top: 0
  }
  #home #main-visual #achievements {
    padding: 2.5rem 0 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
  #home #main-visual #achievements h2 {
    font-size: 1.6rem;
    margin: 0 0 2rem;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0;
    display: block
  }
  #home #main-visual #achievements h2:before, #home #main-visual #achievements h2:after {
    content: '';
    background: #2d3030;
    width: 1px;
    height: 3.3em;
    display: block;
    position: absolute;
    top: 60%
  }
  #home #main-visual #achievements h2:before {
    transform: translateY(-50%) rotateZ(-24.5deg);
    left: -.5rem
  }
  #home #main-visual #achievements h2:after {
    transform: translateY(-50%) rotateZ(24.5deg);
    right: -.5rem
  }
  #home #main-visual #achievements ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 1.5rem;
    margin: 0 0 -.5rem
  }
  #home #main-visual #achievements ul li {
    width: 16.4rem;
    margin: 0 0 1.5rem
  }
  #home #main-visual #achievements .text-right {
    width: 100%;
    max-width: 84rem;
    font-size: 1rem;
    padding: 0 1.5rem
  }
  #home #main-visual #latest-subscriptions h2{
    font-size: 1.6rem;
    margin: 0 0 2rem;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0;
    display: block;	
  }
  #home #main-visual #latest-subscriptions h2:before{
	transform: translateY(-50%) rotateZ(-24.5deg);
  }	
  #home #main-visual #latest-subscriptions h2:after{
	transform: translateY(-50%) rotateZ(24.5deg);
  }
  #home #main-visual #latest-subscriptions h2:before,#home #main-visual #latest-subscriptions h2:after{
	content: '';
	background: #2d3030;
	width: 1px;
	height: 3.3em;
	display: block;
	position: absolute;
	top: 60%;
  }
  #home #main-visual #latest-subscriptions .scroll-infinity .scroll-infinity__wrap .scroll-infinity__item--text {
	 width: calc(100vw / 1);
	 font-size: 1.2rem; 
  }
  #home #main-visual #video {
    width: 89vw;
    height: calc(89vw * .58);
    padding: .7rem;
    border-radius: .8rem;
    margin: 2rem auto
  }
  #home #main-visual #latest-news {
    background: #00bec8;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.8rem 0 2rem
  }
  #home #main-visual #latest-news p {
    width: 29.5rem;
    margin: 0 auto;
    text-align: center
  }
  #home #main-visual #latest-news p a {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.5
  }
  #home #main-visual #latest-news p:after {
    width: 1.2rem;
    display: block;
    margin: 0;
    top: 50%;
    right: -1.5rem;
    transform: translateY(-50%);
    position: absolute
  }
  #home .main-area .section-title h2 {
    margin-bottom: 0
  }
  #home .main-area .section-title h2 .title {
    font-feature-settings: normal
  }
  #home .main-area .section-title .sub {
    font-size: 1.5rem;
    letter-spacing: .025em
  }
  #home .main-area #sectionIntro .section-title h2 span{
	font-size: 2.6rem;	
  }	
  #home .main-area #sectionIntro .inner .contents-block ul li{
	width: 18rem;	
  }
  #home .main-area #sectionIntro .inner .contents-block ul li .image img {
    width: 163px;
    height: 110px;
}	
  #home .main-area #section01 {
    padding: 4rem 0 0
  }
	#home .main-area #section01 .inner{
		flex-direction: column-reverse;
	}
  #home .main-area #section01 .inner .section-title {
	  width:100%;
	  margin-bottom: 2rem;
  }
  #home .main-area #section01 .inner .section-title h2 span{
	  font-size: 2.8rem;
	  margin-bottom: 2rem;
	  text-align: center;
  }
  #home .main-area #section01 .inner .section-title .sub{
	  text-align:center;
  }
	#home .main-area #section01 .inner figure{
		width:100%;	
	}	
  #home .main-area #section01 .inner .problems #problems {
    width: 100%
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide {
    padding: 3rem 1.5rem 2.5rem;
    margin: 1vw 0 0;
    filter: drop-shadow(0 0.4rem 0.8rem rgba(0, 0, 0, 0.16))
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide:before {
    width: 7rem;
    height: 7rem;
    border-radius: 20rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide span {
    width: 3rem;
    left: 50%;
    top: 1.3rem;
    transform: translateX(-50%)
  }
  #home .main-area #section01 .inner .problems #problems .slick-slide h3 {
    padding: 2.8rem 2rem 1.5rem;
    font-size: 1.6rem;
    line-height: 1.73;
    width: 20rem
  }
  #home .main-area #section01 .inner .problems:after {
    width: 34rem;
    height: 7.15rem;
    position: relative;
    margin: 0 auto .5rem
  }
  #home .main-area #section01 .inner .features {
    padding: 1rem 2rem 3rem
  }
  #home .main-area #section01 .inner .features > div {
    display: flex;
    flex-direction: column
  }
  #home .main-area #section01 .inner .features > div:nth-of-type(even) {
    flex-direction: column
  }
  #home .main-area #section01 .inner .features > div picture {
    width: 100%
  }
  #home .main-area #section01 .inner .features > div > div {
    width: 100%;
    padding: 3.4rem 2rem 4.5rem;
    text-align: center
  }
  #home .main-area #section01 .inner .features > div > div .icon {
    margin: 0 0 1rem;
    display: block
  }
  #home .main-area #section01 .inner .features > div > div .icon img {
    width: 6.6rem;
    margin: 0 .4rem
  }
  #home .main-area #section01 .inner .features > div > div h3 {
    font-size: 2.7rem;
    line-height: 1.425;
    margin: 0 0 1.5rem
  }
  #home .main-area #section01 .inner .features > div > div p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75
  }
  #home .main-area #section02 {
    padding: 2.5rem 0 4rem
  }
  #home .main-area #section02 .inner {
    padding: 0 2rem;
  }
  #home .main-area #section02 .inner .section-title {
    margin-bottom: 1rem
  }
  #home .main-area #section02 .inner .section-title h2 span {
	  font-size: 2.6rem;
	}
  #home .main-area #section02 .inner .contents-block picture {
    width: 28.2rem
  }
  #home .main-area #section02 .inner .contents-block ul {
    display: flex
  }
  #home .main-area #section02 .inner .contents-block ul li {
    width: 100%;
    max-width: none;
    padding: 0 2rem 5rem 0;
    min-height: auto
  }
  #home .main-area #section02 .inner .contents-block ul li:after {
    bottom: 2rem;
    right: 47%;
    width: 1.5rem
  }
  #home .main-area #section02 .inner .contents-block ul li > div {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
  }
  #home .main-area #section02 .inner .contents-block ul li > div .image {
    width: 14.6rem;
    height: auto;
    margin: 0 0 2rem;
    position: relative;
    padding: 0 0 0 1rem
  }
  #home .main-area #section02 .inner .contents-block ul li > div .image img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none
  }
  #home .main-area #section02 .inner .contents-block ul li > div.detail {
    width: calc(100% - 15.6rem);
    margin-left: 1rem;
  }
  #home .main-area #section02 .inner .contents-block ul li > div h3 {
    font-size: 2.4rem;
    margin: 0 0 1.5rem;
    width: 100%;
    justify-content: flex-start
  }
  #home .main-area #section02 .inner .contents-block ul li > div h3:before {
    width: 3.2rem;
    top: 2px
  }
  #home .main-area #section02 .inner .contents-block ul li > div p {
    font-size: 1.3rem;
    line-height: 1.73;
    padding: 0;
    width: 100%;
    font-feature-settings: normal;
  }
  #home .main-area #section03 {
    padding: 5rem 0 3rem;
  }
  #home .main-area #section03 .inner {
    padding: 0 2rem;
  }
  #home .main-area #section03 .inner .section-title {
    margin-bottom: 1rem
  }
  #home .main-area #section03 .inner .section-title h2 span {
	  font-size: 2.6rem;
	  margin-bottom: 2rem;
	}	
  #home .main-area #section03 .inner .contents-block .border-block-list {
    width: calc(100% - 1.85rem * 2);
    padding: 5rem 0 1rem;
    margin: 0 auto
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li {
    padding: 0;
    width: 100%;
    margin: 0 0 2rem
  }
  #home .main-area #section03 .inner .contents-block .border-block-list li a {
    width: 100%
  }
  #home .main-area #section03 .inner .contents-block .ab-main .title-area h3{
	  font-size: 2rem;
  }
  #home .main-area #section03 .inner .contents-block .ab-main .title-area p.sub{
	  font-size: 1.8rem;
  }
  #home .main-area #section03 .inner .contents-block .option{
	  padding: 0;
  }
  #home .main-area #section03 .inner .contents-block .option .title-area h3{
	  font-size: 2rem;	
  }
  #home .main-area #section03 .inner .contents-block .option ul{
	  width: 100%;
  }	
  #home .main-area #section03 .inner .contents-block .option ul li{
	  width: calc(50% - 1rem);
  }	
  #home .main-area #section04 {
    padding: 5rem 0 3rem;
  }
  #home .main-area #section04 .inner .section-title h2 span {
	  font-size: 2.6rem;
	  margin-bottom: 2rem;
	}	
  #home .main-area #section04 .inner .section-title {
    margin-bottom: 3rem
  }
  #home .main-area #section04 .inner .contents-block {
    padding: 0 0 4rem
  }
  #home .main-area #section04 .inner .contents-block > h3 {
    font-size: 2.4rem;
    margin: 0 0 2rem
  }
  #home .main-area #section04 .inner .contents-block ul li {
    width: 100%;
  }
  #home .main-area #section05 {
    padding: 5rem 0 3rem;
  }
  #home .main-area #section05 .inner {
    padding: 0 2rem;
  }
  #home .main-area #section05 .inner .section-title {
    margin-bottom: 1rem
  }
  #home .main-area #section05 .inner .section-title h2 span {
	  font-size: 2.6rem;
	  margin-bottom: 2rem;
  }
  #home .main-area #section05 .inner .contents-block .option{
	  padding:0;
  }	
  #home .main-area #section05 .inner .contents-block .border-block-list {
	  width: 100%;
	  padding: 5rem 0 1rem;
	  margin: 0 auto
  }
  #home .main-area #section05 .inner .contents-block .border-block-list li {
    padding: 0;
    width: 100%;
    margin: 0 0 2rem
  }
  #home .main-area #section05 .inner .contents-block .option ul li{
	width: calc(50% - 1rem);
  }
  #home .main-area #section06 {
    padding: 4rem 0 6rem
  }
  #home .main-area #section06 .section-title {
    margin-bottom: 2rem
  }
  #home .main-area #section06 .inner .section-title h2 span {
	  font-size: 2.8rem;
	}	
  #home .main-area #section06 .inner .contents-block .plan-list {
    flex-direction: column;
    margin: 0 auto;
    padding: 2rem 0;
    overflow: hidden;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li {
    margin: 0 0 2rem;
    width: 100%;
    padding: 2.7rem 0 0;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:first-child {
    display: none;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:first-child:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:last-child {
    display: none;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li:last-child:before {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main {
    margin: 0 0 .7rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head {
    border-radius: 1.75rem 1.75rem 0 0;
    padding: 2.3rem 0;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head:before {
    font-size: 1.6rem;
    width: 8rem;
    height: 8rem;
    top: -2.7rem;
    padding: 2.7rem 0 0;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .head h2 {
    font-size: 2.5rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .main .list-block {
    border-radius: 0 0 1.75rem 1.75rem;
    padding: 2.3rem 2.6rem 4.8rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more {
    border-width: 4px;
    border-radius: 1.75rem;
    padding: 4.5rem 2.6rem 2.8rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more:before {
    width: 3.2rem;
    top: -3.5rem;
    padding: 1.3rem 1.3rem 1.2rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.25rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li p {
    font-size: 1.5rem;
    margin-top: .8rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt {
    font-size: 1.4rem;
    margin-right: .8rem;
    border-radius: 10rem;
    padding-bottom: .5rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dt br {
    display: none;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd {
    font-size: 1.3rem;
    font-weight: 700
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .more dl.price dd span {
    font-size: 2.4rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li {
    padding: 0 0 1.2rem 3rem;
    margin: 0 0 1.2rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li:before {
    height: 1.55rem;
    width: 2.1rem;
    top: .4rem;
    right: .3rem;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.3rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li .price, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li .price {
    position: absolute;
    right: 0;
    top: .3rem;
    font-size: 1.5rem;
    line-height: 1;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li .price:after, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li .price:after {
    content: '円';
    font-size: 1rem;
    margin-left: .1em;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.primary {
    font-size: 1.5rem;
    margin-bottom: .6rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary {
    font-size: 1.3rem;
    margin-bottom: .5rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #home .main-area #section06 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
    margin: 0 .6rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dt {
    font-size: 1.5rem;
    padding: .5rem .8rem .65rem .75rem;
    top: 2px
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dd {
    font-size: 1.5rem;
    font-weight: 700
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li dl.price dd span {
    font-size: 2.8rem
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li.cashless .head:after {
    width: 4.2rem;
    top: 52%;
    bottom: auto;
    right: 2.5rem;
    transform: translateY(-50%);
  }
  #home .main-area #section06 .inner .contents-block .plan-list>li.cashless .head img{
	  width: 80px;
	  right: 0;
  }
  #home .main-area #section06 .inner .contents-block .plan-list > li.paperless .head:after {
    width: 4.5rem;
    top: 52%;
    bottom: auto;
    right: 2.5rem;
    transform: translateY(-50%);
  }
  #home .main-area #section06 .inner .contents-block .contact-block .inner {
    padding: 2.7rem 2rem 0;
    margin: 0 0 1.5rem;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .inner:after {
    position: relative;
    margin-top: 1.2rem;
    width: calc(20rem * .85);
    height: calc(23rem * .85);
    right: 0rem;
    bottom: 0;
    transform: translateX(45%);
  }
  #home .main-area #section06 .inner .contents-block .contact-block h4 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
  #home .main-area #section06 .inner .contents-block .contact-block p {
    margin-bottom: 2.5rem;
    line-height: 1.75;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 2.5rem;
  }
  #home .main-area #section06 .inner .contents-block .contact-block p br {
    display: none;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .contact-button {
    padding: 2rem 6.4rem;
    font-size: 1.6rem;
  }
  #home .main-area #section06 .inner .contents-block .contact-block .contact-button:after {
    right: 2rem;
    width: 1rem;
    height: 1.5rem;
  }
  #home .main-area #section06 .inner .contents-block .annotation li {
    font-size: 1.2rem;
  }
  #home .main-area #section05 .inner .contents-block .border-block-list li a {
    width: 100%
  }
  #home .main-area #section08 {
    padding: 5rem 0;
    background: #f8fafa
  }
  #home .main-area #section08 .inner .section-title h2 span {
	  font-size: 2.6rem;
	  letter-spacing: 0;
	  margin-bottom: 2rem;
  }
  #home .main-area #section08 .inner .section-title .sub {
    letter-spacing: .05em
  }
  #home .main-area #section08 .inner .contents-block ul li:after {
    background: #00bec8
  }
  #home .main-area #section08 .inner .contents-block ul li .image {
    width: 100%;
    height: auto;
    margin: 2rem 0
  }
  #home .main-area #section08 .inner .contents-block ul li .image img {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 29rem;
    margin: 0 auto
  }
  #home .main-area #section08 .inner .contents-block ul li h3 {
    color: #00bec8;
    font-size: 2.4rem
  }
  #home .main-area #section08 .inner .contents-block ul li p {
    font-size: 1.5rem;
    margin: 0 0 2rem;
    text-align: center;
    letter-spacing: 0;
    font-feature-settings: normal
  }
  #home .main-area #section08 .inner .contents-block ul li .contact-button {
    width: 100%;
    max-width: 20rem
  }
  #home .main-area #section08 .inner .contents-block ul li .contact-button:after {
    height: 1.4rem;
    width: .9rem;
    top: 51%
  }
  #home .main-area #section09{
	  padding: 6rem 0;
  }
  #home .main-area #section09 .inner .contents-block .section-title{
	  margin-bottom: 0
  }
  #home .main-area #section09 .inner .section-title h2 span {
	  font-size: 2.6rem;
  }
  #home .main-area #section09 .inner .contents-block .image-area{
	  flex-direction: column;
  }
  #home .main-area #section09 .inner .contents-block .image-area img{
	  max-width: 100%;
  }
  #home .main-area #section09 .inner .contents-block:nth-of-type(2) ul{
	  flex-wrap: wrap;
  }	
  #home .main-area #section09 .inner .contents-block:nth-of-type(2) ul li{
	  width: calc(50% - 1rem);
  }
  #home .main-area #section09 .inner .contents-block:nth-of-type(2) ul li h3{
	  font-size: 1.4rem;
  }
  #home .main-area #section10 {
    padding: 5rem 0 4rem;
  }
  #home .main-area #section10 .inner {
	  max-width: none;
	  padding:0;  
  }
  #home .main-area #section10 .section-title h2 span{
	  font-size:2.6rem;
  }
  #home .main-area #section10 .inner .contents-block #column {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0 0 4rem
  }
  #home .main-area #section10 .inner .contents-block #column > div {
    width: 100%;
    max-width: none;
    margin-bottom: 0
  }	
  #home .main-area #section10 .inner .contents-block #column .slick-list {
    overflow: visible
  }
  #home .main-area #section10 .inner .contents-block #column .block {
    max-width: none;
    width: 29.5rem;
	  min-height: 35rem;
    margin: 0 1rem;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2))
  }
  #home .main-area #section10 .inner .contents-block #column .block .image {
    width: 100%;
    height: auto;
  }
  #home .main-area #section10 .inner .contents-block #column .block .details {
    padding: 2.5rem 3rem
  }
  #home .main-area #section10 .inner .contents-block #column .block .details .date {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    line-height: 1.4;
  }
  #home .main-area #section10 .inner .contents-block #column .block .details h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 1rem 0 2rem;
    font-feature-settings: normal;
    letter-spacing: .01em
  }
  #home .main-area #section10 .inner .contents-block #column .block .details .text {
    font-size: 1.4rem
  }
  #home .main-area #section10 .inner .contents-block .button {
    text-align: center
  }
  #home .main-area #section10 .inner .contents-block .button a {
    max-width: 22rem;
    width: 100%;
  }
  #home .main-area #section11 {
    padding: 4rem 0
  }
  #home .main-area #section11 .inner {
    padding: 0
  }
  #home .main-area #section11 .inner .section-title {
    margin-bottom: 3rem
  }
  #home .main-area #section11 .inner .section-title h2 {
    margin-bottom: 0
  }
 #home .main-area #section11 .inner .section-title h2 span{
    font-size:2.6rem;
  }	
  #home .main-area #section11 .inner .section-title h2 .title {
	  font-size:2.6rem;
	  font-feature-settings: 'palt';
	  letter-spacing: 0
  }
  #home .main-area #section11 .inner .bnr-area{
	  padding:1rem 2rem 3rem
  }	
  #home .main-area #section11 .inner .contents-block #seminar {
    display: flex;
    justify-content: space-between;
    margin: 0 0 3rem;
    width: 100%
  }
  #home .main-area #section11 .inner .contents-block #seminar > div {
    width: 100%;
    max-width: none;
    margin-bottom: 0
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .over .image:before {
    font-size: 1.35rem;
    font-weight: 700;
    padding: .7rem
  }
  #home .main-area #section11 .inner .contents-block #seminar > div a {
    width: 100%;
    padding: 0 1rem
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .image {
    margin: 0 0 1rem
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .categories {
    display: flex;
    margin: 0 0 1.5rem
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .categories li {
    width: 100%;
    min-width: 6rem;
    margin: 0 .5rem 0 0
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .categories li.live img {
    width: 2.5rem;
    top: 1px
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .categories li.live:before {
    width: 1.35rem;
    top: 52%
  }
  #home .main-area #section11 .inner .contents-block #seminar > div .details {
    padding: 0
  }
  #home .main-area #section11 .inner .contents-block #seminar > div time {
    font-size: 1.5rem;
    margin: 0 0 .8rem
  }
  #home .main-area #section11 .inner .contents-block #seminar > div p {
    line-height: 1.75
  }
  #home .main-area #section11 .inner .contents-block .button a {
    width: 100%;
    max-width: 22rem;
    color: #fff;
  }
  #home .main-area #section11 .inner .contents-block .button a:after {
    top: 50%
  }
  #home .main-area #section12 .inner .contents-block{
	  flex-direction: column;
  }
  #home .main-area #section12 .inner .contents-block .section-title{
	  width:100%;
  }
  #home .main-area #section12 .section-title h2 span{
	  font-size: 2.6rem;
	  margin-bottom: 2rem;
  }
  #home .main-area #section12 .inner .contents-block .image-area{
	  display: none;
  }
  #home .main-area #section13 .section-title h2 span{
	  font-size: 2.6rem;
	  margin-bottom: 2rem;
  }	
  #home .main-area #section13 .achievements{
	  padding: 1.5rem 0;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
  }
  #home .main-area #section13 .achievements h3 {
	  font-size: 1.6rem;
	  margin: 0 0 2rem;
	  text-align: center;
	  line-height: 1.75;
	  letter-spacing: 0;
	  display: block;
  }
  #home .main-area #section13 .achievements h2:before, #home .main-area #section13 .achievements h2:after {
	content: '';
	background: #2d3030;
	width: 1px;
	height: 3.3em;
	display: block;
	position: absolute;
	top: 60%;
  }
  #home .main-area #section13 .achievements h2:before {
	  transform: translateY(-50%) rotateZ(-24.5deg);
	  left: -.5rem;
  }
  #home .main-area #section13 .achievements h2:after {
	  transform: translateY(-50%) rotateZ(24.5deg);
	  right: -.5rem;
  }
  #home .main-area #section13 .achievements ul {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  padding: 0;
	  margin: 0 0 -.5rem
  }
  #home .main-area #section13 .achievements li:not(:first-of-type) {
    width: 16.4rem;
    margin: 0 0 1.5rem
  }
  #home .main-area #section13 .achievements .text-right {
	  width: 100%;
	  max-width: 84rem;
	  font-size: 1rem;
	  padding: 0 1.5rem;
  }
  #home .main-area #section14 .section-title h2 span{
	  font-size: 2.6rem;
  }	
  #home .main-area #section14 .inner .contents-block ul li{
		width: calc(50% - 1rem);
	}
  #home .main-area #section15 {
    padding: 4rem 0;
  }
  #home .main-area #section15 .inner .section-title {
    margin-bottom: 3rem;
  }
  #home .main-area #section15 .inner .contents-block .button {
    text-align: center
  }
  #home .main-area #section15 .inner .contents-block .button a {
    width: 100%;
    max-width: 22rem;
    padding: 2rem 0 2.2rem;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold
  }
  #home .main-area #section15 .inner .contents-block .button a:after {
    top: 50%
  }
  #home .main-area #section16 {
    padding: 5rem 0 4rem;
  }
  #home .main-area #section16 .inner {
    max-width: none
  }
  #home .main-area #section16 .section-title h2 span{
	  font-size:2.6rem;
  }
  #home .main-area #section16 .inner .contents-block #movie {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0 0 4rem
  }
  #home .main-area #section16 .inner .contents-block #movie .slick-list {
    overflow: visible
  }
  #home .main-area #section16 .inner .contents-block #movie .block {
    max-width: none;
    width: 29.5rem;
    margin: 0 1rem;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2))
  }
  #home .main-area #section16 .inner .contents-block #movie .block .image {
    width: 100%;
    height: 14.75rem
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details {
    padding: 2.5rem 3rem
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details .name {
    font-size: 1.4rem;
    margin: 0 0 1rem;
    line-height: 1.75;
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details h3 {
    font-size: 2.1rem;
    line-height: 1.5;
    margin: 0 0 2rem;
    font-feature-settings: normal;
    letter-spacing: .01em
  }
  #home .main-area #section16 .inner .contents-block #movie .block .details .text {
    font-size: 1.4rem;
  }
  #home .main-area #section16 .inner .contents-block .button {
    text-align: center;
  }
  #home .main-area #section16 .inner .contents-block .button a {
    max-width: 22rem;
    width: 100%;
  }		
  #function #main-visual > .inner {
    padding-bottom: 4rem;
  }
  #function #main-visual > .inner .text-area {
    width: 100%;
    padding: 2rem 0 0;
  }
  #function #main-visual > .inner .text-area .title-set {
    width: 100%;
  }
  #function #main-visual > .inner .text-area .title-set .inner {
    width: 100%;
    margin: 0 0 2.7rem;
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 {
    margin: 0 0 2rem;
    font-size: 3.2rem;
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2.4rem;
    margin: 1.5rem 0 0;
  }
  #function #main-visual > .inner .text-area .title-set .inner h1 span span {
    font-size: 1.8rem;
  }
  #function #main-visual > .inner .text-area .text.large {
    font-size: 2.2rem;
    margin-bottom: .5rem;
  }
  #function #main-visual > .inner .image-area {
    width: 100%;
    margin: 0 0 4.5rem;
    text-align: center;
  }
  #function #main-visual > .inner .image-area:before {
    display: none;
  }
  #function #main-visual > .inner .image-area .mv-comment {
    width: 29rem;
    margin: 0 auto 1.5rem;
  }
  #function #main-visual > .inner .image-area .mv-device {
    width: 160%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  #function #main-visual > .inner .image-area .mv-baloon01 {
    width: 12.8rem;
    bottom: -2.5rem;
    left: 10.5rem;
  }
  #function #main-visual > .inner .image-area .mv-baloon02 {
    width: 11.2rem;
    bottom: 13rem;
    right: 4.4rem
  }
  #function #main-visual .contact-button {
    font-weight: 700;
    font-size: 2rem;
    width: calc(100% - 5rem)
  }
  #function .main-area #section01 {
    padding: 5rem 0 0
  }
  #function .main-area #section01 .section-title {
    margin-bottom: 3.5rem
  }
  #function .main-area #section01 .contents-block > ul {
    flex-direction: column
  }
  #function .main-area #section01 .contents-block > ul > li {
    width: 100%;
    max-width: none;
    border-radius: 3rem;
    margin-bottom: 3rem;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.15))
  }
  #function .main-area #section01 .contents-block > ul > li.full {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column
  }
  #function .main-area #section01 .contents-block > ul > li.full.reverse {
    flex-direction: column
  }
  #function .main-area #section01 .contents-block > ul > li.full .image {
    width: 100%;
    height: 25.75rem
  }
  #function .main-area #section01 .contents-block > ul > li.full .image img {
    width: 100%
  }
  #function .main-area #section01 .contents-block > ul > li.full .block {
    width: 100%
  }
  #function .main-area #section01 .contents-block > ul > li .image {
    height: 19.3rem
  }
  #function .main-area #section01 .contents-block > ul > li .block {
    padding: 4rem 2.4rem 2rem
  }
  #function .main-area #section01 .contents-block > ul > li .block h3 {
    font-size: 2.4rem;
    margin: 0 0 2rem
  }
  #function .main-area #section01 .contents-block > ul > li .block .comment {
    font-size: 1.5rem;
    margin: 0 0 1.5rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li {
    width: 50%;
    padding: 0 1.1rem .75rem;
    margin: 0 0 2rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li .image {
    width: 100%;
    height: 7rem;
    background: transparent
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li .image img {
    width: 6.5rem
  }
  #function .main-area #section01 .contents-block > ul > li .block > ul > li h4 {
    font-size: 1.3rem;
    font-weight: 400
  }
  #function .main-area #section02 {
    padding: 3rem 0
  }
  #function .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section02 .section-title h2 {
    margin-bottom: 1.5rem
  }
  #function .main-area #section02 .section-title h2 span {
    font-size: 2.8 rem
  }
  #function .main-area #section02 .section-title .sub {
    font-size: 1.6rem
  }
  #function .main-area #section03 {
    padding: 5rem 0 6rem
  }
  #function .main-area #section03 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section03 .contents-block ul {
    flex-direction: column
  }
  #function .main-area #section03 .contents-block ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 2rem 0;
    padding-top: 4rem
  }
  #function .main-area #section03 .contents-block ul li:last-of-type {
    margin-bottom: 0
  }
  #function .main-area #section03 .contents-block ul li .block {
    border-radius: 2.8rem;
    padding: 4.7rem 2.1rem 2.4rem
  }
  #function .main-area #section03 .contents-block ul li .block .icon {
    top: -4rem;
    left: calc(50% - 5rem)
  }
  #function .main-area #section03 .contents-block ul li .block .icon img {
    width: 4.2rem;
    top: -.8rem
  }
  #function .main-area #section03 .contents-block ul li .block h3 {
    font-size: 2.4rem;
    margin: 0 0 4rem
  }
  #function .main-area #section03 .contents-block ul li .block h3:after {
    width: 3.1rem;
    height: 1.25rem;
    bottom: -1rem;
    left: calc(50% - (3.1rem / 2))
  }
  #function .main-area #section03 .contents-block ul li .block p {
    margin: 0 0 1.5rem
  }
  #function .main-area #section04 {
    padding: 4rem 2rem 6rem
  }
  #function .main-area #section04 > .inner {
    padding: 0
  }
  #function .main-area #section04 .section-title {
    margin-bottom: 3rem
  }
  #function .main-area #section04 .section-title h2 {
    margin-bottom: 1rem
  }
  #function .main-area #section04 .section-title h2 span {
    font-size: 2.8rem
  }
  #function .main-area #section04 .section-title .sub {
    font-size: 1.6rem
  }
  #function .main-area #section04 .contents-block .list {
    flex-direction: column
  }
  #function .main-area #section04 .contents-block .list h5 {
    padding: 1.5rem 0;
    font-weight: 400;
    width: 100%;
    border-top: 1px solid #d6d8d8
  }
  #function .main-area #section04 .contents-block .list table {
    width: 100%;
    table-layout: fixed
  }
  #function .main-area #section04 .contents-block .list table tr th, #function .main-area #section04 .contents-block .list table tr td {
    padding: 0;
    border-width: 1px 0 0 1px
  }
  #function .main-area #section04 .contents-block .list table tr th:first-child, #function .main-area #section04 .contents-block .list table tr td:first-child {
    border-left: 0
  }
  #function .main-area #section04 .contents-block .list table tr th:last-child, #function .main-area #section04 .contents-block .list table tr td:last-child {
    border-right: 0
  }
  #function .main-area #section04 .contents-block .list table tr th {
    text-align: left;
    font-weight: 400
  }
  #function .main-area #section04 .contents-block .list table tr th.long {
    width: 22.5rem
  }
  #function .main-area #section04 .contents-block .list#list-head table th, #function .main-area #section04 .contents-block .list#list-head table td {
    padding: 1rem .2rem;
    text-align: center;
    font-size: 1.6rem
  }
  #function .main-area #section04 .contents-block .list#list-head table th.sub, #function .main-area #section04 .contents-block .list#list-head table td.sub {
    font-size: 1.2rem;
    border-left: 1px solid #d6d8d8
  }
  #function .main-area #section04 .contents-block .list#list-group table tr:nth-of-type(odd) {
    background: #f8fafa
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th {
    width: 23rem
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div {
    position: relative;
    font-size: 1.3rem;
    padding: 1.5rem .8rem
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div span {
    font-weight: 700
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div div {
    padding: 1.2rem;
    max-width: 25.85rem;
    font-size: 1.2rem;
    border-radius: .4rem
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div a {
    line-height: 1.5
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div a:after {
    width: .75rem;
    height: 1.1rem;
    margin-left: .5rem;
    top: -.3em
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div a.unactive {
    pointer-events: none;
    color: #2d3030
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th > div a.unactive:after {
    display: none
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th.option > div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
  #function .main-area #section04 .contents-block .list#list-group table tr th.option > div:after {
    font-size: 1.2rem;
    margin-top: .7rem;
    padding: .5rem .6rem;
    margin-left: 0;
    font-weight: 700
  }
  #function .main-area #section04 .contents-block .list#list-group table tr td {
    font-size: 1.4rem;
    color: #646969;
    text-align: center
  }
  #function .main-area .function-list {
    margin-bottom: 6rem
  }
  #function .main-area .function-list li {
    width: 37.4rem;
    margin: 0 0 2rem 0
  }
  #function .main-area .function-list li:nth-child(3n) {
    margin-right: 0
  }
  #function .main-area .function-list li:last-of-type {
    margin-bottom: 0
  }
  #function .main-area .function-list li a {
    padding: 1.7rem;
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15))
  }
  #function .main-area .function-list li a:hover {
    filter: drop-shadow(5px 5px 9px rgba(0, 0, 0, 0.2));
    text-decoration: none
  }
  #function .main-area .function-list li a.unactive {
    pointer-events: none;
    opacity: .4
  }
  #function .main-area .function-list li a img {
    width: 6rem;
    position: relative;
    top: .3rem;
    left: -.1em
  }
  #function .main-area .function-list li a h3 {
    padding: 0 0 .1em 1.25rem
  }
  #function .main-area .function-list li a h3 span {
    font-size: 1.8rem
  }
  #function .main-area .function-list li a h3 span:last-of-type {
    font-size: 1.5rem
  }
  #function .main-area .function-list li a:after {
    width: .9rem;
    right: 1.4rem
  }
  #cardapp #main-visual > .inner {
    padding-bottom: 3rem
  }
  #cardapp #main-visual > .inner .text-area{
	width: 100%;
	padding: 3.2rem 0 0;	
  }	
  #cardapp #main-visual > .inner .text-area .text {
    margin: 1rem 0 0;
  }
  #cardapp #main-visual > .inner .image-area {
    width: 100%;
    margin: 1.6rem 0 0;
    padding: 0
  }
  #cardapp #main-visual > .inner .image-area .inner {
    padding: 0 0 4.4rem 0;
  }
  #cardapp #main-visual > .inner .image-area .inner > figure {
    width: 23.2rem;
    border-radius: 2.4rem;
    left: 0;
    margin: 0 0 2rem;
  }
  #cardapp #main-visual > .inner .image-area .inner > figure + img{
	width: 28.65rem;
    padding: 5rem 0 2rem;
    margin: 0 auto
  }	
  #cardapp #main-visual > .inner .image-area .inner .app-det {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dt {
    width: 6rem;
    filter: drop-shadow(0 2.5px 5px rgba(0, 0, 0, 0.2));
    border-right: 1px solid #e0e0e0;
    padding: 0 1.6rem 0 .7rem;
    box-sizing: content-box;
    margin: 0 1.4rem 0 0
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure img {
    width: 2.1rem;
    margin: 0 .25rem
  }
  #cardapp #main-visual > .inner .image-area .inner .app-det dd figure figcaption {
    font-size: 1.1rem;
    margin: .8rem 0 0;
  }
	#cardapp #main-visual>.inner .image-area .inner .text-area{
	width: 100%;
	padding: 3.2rem 0;	
  }
  #cardapp #main-visual > .inner .image-area .image-large {
    width: 10.5rem;
	  top: -20px;
	  right: 10px;
  }
  #cardapp #main-visual >.inner .img-badge {
	  width: 80px;
	  right: -15px;
  }
  #cardapp #main-visual > .inner .img-comment {
    width: 28.65rem;
    padding: 5rem 0 2rem;
    margin: 0 auto;
  }
  #cardapp .main-area #section01 {
    padding: 5rem 0
  }
  #cardapp .main-area #section01 .section-title {
    margin-bottom: 3.5rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li {
    position: absolute
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li a {
    width: 5rem;
    filter: drop-shadow(0 1.5px 4px rgba(0, 0, 0, 0.15));
    display: block;
    z-index: 1
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:before {
    content: '';
    background: url("../img/cardapp/line-sp.webp");
    width: 5.3rem;
    height: .6rem;
    background-size: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: calc(50% - .3rem)
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(1) {
    top: 10rem;
    left: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(1):before {
    right: -4.5rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(2) {
    top: 4rem;
    right: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(2):before {
    left: -2.5rem;
    transform: scaleX(-1)
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(3) {
    top: 25.7rem;
    left: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(3):before {
    right: -4.5rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(4) {
    top: 19.5rem;
    right: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(4):before {
    left: -4.5rem;
    transform: scaleX(-1)
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(5) {
    top: 32rem;
    left: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(5):before {
    right: -4.5rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(6) {
    top: 25.7rem;
    right: -.3rem
  }
  #cardapp .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(6):before {
	background: url(/wp-content/themes/Apotool/assets/css/../img/cardapp/line02-sp.webp);
	background-size: 100%;
	background-repeat: no-repeat;
    left: -12.5rem;
    transform: scaleX(-1);
	  width: 8rem;
	  height: 1rem;
  }
  #cardapp .main-area #section01 .contents-block .sp-image {
    width: 22.5rem;
    position: relative;
    padding: 0;
    margin: 0 0 4rem
  }
  #cardapp .main-area #section01 .contents-block .details ul {
    display: flex;
    flex-direction: column
  }
  #cardapp .main-area #section01 .contents-block .details ul li {
    width: 100%;
    border-radius: 1.5rem;
    padding: 2rem 2.75rem 3rem;
    margin: 0 0 2rem;
    filter: drop-shadow(0 2.5px 7px rgba(0, 0, 0, 0.15))
  }
  #cardapp .main-area #section01 .contents-block .details ul li:before {
    display: none
  }
  #cardapp .main-area #section01 .contents-block .details ul li img {
    width: 18.5rem
  }
  #cardapp .main-area #section01 .contents-block .details ul li h3 {
    font-size: 2.5rem;
    margin: 3.4rem 0 2rem
  }
  #cardapp .main-area #section01 .contents-block .details ul li h3:first-of-type {
    margin-top: 1.2rem
  }
  #cardapp .main-area #section01 .contents-block .details ul li p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: .04em
  }
  #cardapp .main-area #section01 .contents-block .details ul li a {
    margin: 3.6rem 0 .4rem;
    font-size: 1.6rem
  }
  #cardapp .main-area #section01 .contents-block .details ul li a:before {
    margin-top: .1rem
  }
  #cardapp .main-area #section01 .contents-block .details ul.top {
    margin: 0
  }
  #cardapp .main-area #section01 .contents-block .details ul.middle {
    margin: 0
  }
  #cardapp .main-area #section01 .contents-block .details ul.bottom {
    margin: 0
  }	
  #cardapp .main-area #section01 .column-3block li{
	  width: 100%;
	  max-width: none;
	  margin: 0 0 2rem 0;
  }
  #cardapp .main-area #section02 {
    padding: 5rem 0
  }
  #cardapp .main-area #section02 .contents-block {
    padding: 3.7rem 1.7rem;
    border-radius: 3rem;
    border: 3px solid #00bec8;
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem
  }
  #cardapp .main-area #section02 .contents-block .sp-image {
    width: 100%;
    margin: 0 auto
  }
  #cardapp .main-area #section02 .contents-block .details {
    width: 100%
  }
  #cardapp .main-area #section02 .contents-block .details h3 {
    font-size: 2.4rem;
    padding: 4rem 0 2rem;
    text-align: center;
    letter-spacing: .05rem;
    line-height: 1.5
  }
  #cardapp .main-area #section03 {
    padding: 5rem 0
  }
  #cardapp .main-area #section03 .contents-block {
    padding: 3.7rem 1.7rem;
    border-radius: 3rem;
    border: 3px solid #00bec8;
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem
  }
  #cardapp .main-area #section03 .contents-block .sp-image {
    width: 20.2rem;
    margin: 0 auto
  }
  #cardapp .main-area #section03 .contents-block .details {
    width: 100%
  }
  #cardapp .main-area #section03 .contents-block .details h3 {
    font-size: 2.4rem;
    padding: 4rem 0 2rem;
    text-align: center;
    letter-spacing: .05rem;
    line-height: 1.5
  }
  #cardapp .main-area #section03 .contents-block .details > h4 {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    font-size: 1.6rem;
    text-decoration: underline;
    margin: 0 0 2rem 0;
    letter-spacing: .05em;
    line-height: 1.5625
  }
  #cardapp .main-area #section03 .contents-block .details > h4:before {
    content: url("../img/cardapp/icon-check01.svg");
    flex-shrink: 0;
    width: 2.8rem;
    display: block;
    top: .4rem;
    margin: 0 .7rem 0 0
  }
  #cardapp .main-area #section03 .contents-block .details > h4:last-of-type {
    margin-bottom: 2rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dt {
    margin: 0 0 2.5rem;
    text-align: center
  }
  #cardapp .main-area #section03 .contents-block .details dl dt h4 {
    font-size: 1.9rem;
    letter-spacing: .05em
  }
  #cardapp .main-area #section03 .contents-block .details dl dd {
    display: inline-block
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 1.2rem 0;
    border-radius: .8rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure {
    width: 50%;
    text-align: center;
    padding: .5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure img {
    width: auto;
    height: 3.2rem;
    display: inline-block;
    margin: 0 .4rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    top: -2px;
    padding: .8rem 0 0
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
    font-size: 1.8rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
    width: calc(50% - 1px);
    margin: 0;
    padding: 0
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) img {
    height: 2.8rem
  }
  #cardapp .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
    font-size: 1.3rem;
    letter-spacing: 0
  }
  #cardapp .main-area #section03 .contents-block .image-pay {
    width: 22.6rem;
    position: relative;
    bottom: auto;
    right: .6rem;
    margin: 0 auto 3rem
  }
  #cardapp .main-area #section03 .annotation {
    display: flex;
    flex-direction: column
  }
  #cardapp .main-area #section03 .annotation .img-set {
    display: flex;
    margin: 0 0 2rem;
    font-size: 3.7rem
  }
  #cardapp .main-area #section03 .annotation .img-set img:nth-of-type(1) {
    width: 5.85rem;
    filter: drop-shadow(0 1.5px 4.5px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #cardapp .main-area #section03 .annotation .img-set img:nth-of-type(2) {
    width: 10.1rem;
    margin: 0 0 0 1rem
  }
  #cardapp .main-area #section03 .annotation p {
    letter-spacing: .05em;
    line-height: 1.75
  }
  #cardapp .main-area #section03 .annotation p span, #cardapp .main-area #section03 .annotation p a {
    font-weight: 900
  }
  #cashless #main-visual > .inner {
    padding-bottom: 3rem
  }
  #cashless #main-visual > .inner .text-area {
    width: 100%;
    padding: 2.5rem 0 0
  }
  #cashless #main-visual > .inner .text-area .title-set .inner h1 {
    font-size: 3rem
  }
  #cashless #main-visual > .inner .text-area .title-set .inner h1 span {
    font-size: 2rem
  }
  #cashless #main-visual > .inner .text-area .text {
    margin: 0
  }
  #cashless #main-visual > .inner .text-area .text .invoice {
    padding: 2rem 0 0
  }
  #cashless #main-visual > .inner .image-area {
    width: 100%;
    margin: 1.6rem 0 1.4rem;
    padding: 0;
    min-height: 43rem
  }
  #cashless #main-visual > .inner .image-area .mv-okaikeisan {
    width: 9.5rem;
    top: 6rem;
    left: 2rem
  }
  #cashless #main-visual > .inner .image-area .mv-spay {
    width: 12rem;
    bottom: 1.9rem;
    right: 1rem
  }
  #cashless #main-visual > .inner .image-area .mv-tablet {
    width: 25rem;
    top: 5rem;
    right: -4.1rem
  }
  #cashless #main-visual > .inner .image-area .mv-comment {
    width: 23.5rem;
    top: 0;
    right: 50%;
    transform: translateX(50%)
  }
  #cashless #main-visual > .inner .image-area .mv-smartphone {
    width: 19.5rem;
    height: 28.5rem
  }
  #cashless #main-visual > .inner .image-area .mv-smartphone:before {
    height: 3.2rem
  }
  #cashless .main-area #section01 {
    padding: 5rem 0 4rem
  }
  #cashless .main-area #section01 .section-title {
    margin-bottom: 3.5rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li {
    position: absolute
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li a {
    width: 5rem;
    filter: drop-shadow(0 1.5px 4px rgba(0, 0, 0, 0.15));
    display: block;
    z-index: 1
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:before {
    content: '';
    background: url("../img/cardapp/line-sp.webp");
    width: 5.3rem;
    height: .6rem;
    background-size: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: calc(50% - .3rem)
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(1) {
    top: 16.5rem;
    left: -.3rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(1):before {
    right: -4.5rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(2) {
    top: 16.5rem;
    right: -.3rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(2):before {
    left: -4.5rem;
    transform: scaleX(-1)
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(3) {
    top: 25.7rem;
    left: -.3rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(3):before {
    right: -4.5rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(4) {
    top: 34.65rem;
    right: -.3rem
  }
  #cashless .main-area #section01 .contents-block .contents-navigation ul li:nth-of-type(4):before {
    left: -4.5rem;
    transform: scaleX(-1)
  }
  #cashless .main-area #section01 .contents-block .sp-image {
    width: 22.5rem;
    position: relative;
    padding: 0;
    margin: 0 0 4rem
  }
  #cashless .main-area #section01 .contents-block .details ul {
    display: flex;
    flex-direction: column
  }
  #cashless .main-area #section01 .contents-block .details ul li {
    width: 100%;
    border-radius: 1.5rem;
    padding: 2rem 2.75rem 3rem;
    margin: 0 0 2rem;
    filter: drop-shadow(0 2.5px 7px rgba(0, 0, 0, 0.15))
  }
  #cashless .main-area #section01 .contents-block .details ul li:before {
    display: none
  }
  #cashless .main-area #section01 .contents-block .details ul li img {
    width: 18.5rem
  }
  #cashless .main-area #section01 .contents-block .details ul li h3 {
    font-size: 2.5rem;
    margin: 3.4rem 0 2rem
  }
  #cashless .main-area #section01 .contents-block .details ul li h3:first-of-type {
    margin-top: 1.2rem
  }
  #cashless .main-area #section01 .contents-block .details ul li p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: .04em
  }
  #cashless .main-area #section01 .contents-block .details ul li a {
    margin: 3.6rem 0 .4rem;
    font-size: 1.6rem
  }
  #cashless .main-area #section01 .contents-block .details ul li a:before {
    margin-top: .1rem
  }
  #cashless .main-area #section01 .contents-block .details ul.top {
    margin: 0
  }
  #cashless .main-area #section02 {
    padding: 4rem 0
  }
  #cashless .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #cashless .main-area #section03 {
    padding: 5rem 0
  }
  #cashless .main-area #section03 .contents-block {
    padding: 3.7rem 1.7rem;
    border-radius: 3rem;
    border: 3px solid #00bec8;
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem
  }
  #cashless .main-area #section03 .contents-block .sp-image {
    width: 27.2rem;
    margin: 0 auto
  }
  #cashless .main-area #section03 .contents-block .details {
    width: 100%
  }
  #cashless .main-area #section03 .contents-block .details h3 {
    font-size: 2.4rem;
    padding: 3rem 0 2rem;
    text-align: center;
    letter-spacing: .05rem;
    line-height: 1.5
  }
  #cashless .main-area #section03 .contents-block .details > h4 {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    font-size: 1.6rem;
    text-decoration: underline;
    margin: 0 0 2rem 0;
    letter-spacing: .05em;
    line-height: 1.5625
  }
  #cashless .main-area #section03 .contents-block .details > h4:before {
    content: url("../img/cardapp/icon-check01.svg");
    flex-shrink: 0;
    width: 2.8rem;
    display: block;
    top: .4rem;
    margin: 0 .7rem 0 0
  }
  #cashless .main-area #section03 .contents-block .details > h4:last-of-type {
    margin-bottom: 2rem
  }
  #cashless .main-area #section03 .contents-block .details dl dt {
    margin: 0 0 2.5rem;
    text-align: center
  }
  #cashless .main-area #section03 .contents-block .details dl dt h4 {
    font-size: 1.9rem;
    letter-spacing: .05em
  }
  #cashless .main-area #section03 .contents-block .details dl dd {
    display: inline-block
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 1.2rem 0;
    border-radius: .8rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure {
    width: 50%;
    text-align: center;
    padding: .5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure img {
    width: auto;
    height: 3.2rem;
    display: inline-block;
    margin: 0 .4rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption {
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    top: -2px;
    padding: .8rem 0 0
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure figcaption span {
    font-size: 1.8rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) {
    width: calc(50% - 1px);
    margin: 0;
    padding: 0
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) img {
    height: 2.8rem
  }
  #cashless .main-area #section03 .contents-block .details dl dd .inner figure:nth-of-type(2) figcaption {
    font-size: 1.3rem;
    letter-spacing: 0
  }
  #cashless .main-area #section03 .contents-block .image-pay {
    width: 22.6rem;
    position: relative;
    bottom: auto;
    right: .6rem;
    margin: 0 auto 3rem
  }
  #cashless .main-area #section03 .annotation {
    display: flex;
    flex-direction: column
  }
  #cashless .main-area #section03 .annotation .img-set {
    display: flex;
    margin: 0 0 2rem;
    font-size: 3.7rem
  }
  #cashless .main-area #section03 .annotation .img-set img:nth-of-type(1) {
    width: 5.85rem;
    filter: drop-shadow(0 1.5px 4.5px rgba(0, 0, 0, 0.15));
    margin: 0 1rem 0 0
  }
  #cashless .main-area #section03 .annotation .img-set img:nth-of-type(2) {
    width: 10.1rem;
    margin: 0 0 0 1rem
  }
  #cashless .main-area #section03 .annotation p {
    letter-spacing: .05em;
    line-height: 1.75
  }
  #cashless .main-area #section03 .annotation p span, #cashless .main-area #section03 .annotation p a {
    font-weight: 900
  }
  #sms #main-visual > .inner {
    padding-bottom: 0
  }
  #sms #main-visual > .inner .text-area {
    width: 100%
  }
  #sms #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3.5rem
  }
  #sms #main-visual>.inner .text-area a{
    width: 100%;
  }	
  #sms #main-visual > .inner .image-area {
	  width: 100%;
	  margin-top: 2rem;
  }
  #sms #main-visual > .inner .image-area .inner {
    min-height: 32rem
  }
  #sms #main-visual > .inner .image-area .inner > figure {
    width: 23.2rem;
    border-radius: 2.4rem;
    top: 6rem;
    left: 0;
    z-index: 0
  }
  #sms #main-visual > .inner .image-area .mv-smartphone {
    width: 16rem;
    top: -1rem;
    right: -1rem;
    z-index: 1
  }
  #sms #main-visual > .inner .image-area .mv-comment {
    width: 16rem;
    top: 0rem;
    left: 1rem
  }
  #sms #main-visual > .inner .image-area .mv-illust {
    width: 9rem;
    bottom: 3rem;
    top: auto;
    left: 2rem;
    z-index: 1
  }
  #sms .main-area #section01 {
    padding: 5rem 0
  }
  #sms .main-area #section02 {
    padding: 4rem 0 0
  }
  #sms .main-area #section02 .section-title {
    margin-bottom: 3.5rem
  }
  #sms .main-area #section02 .contents-block .example li {
    width: 100%;
    max-width: none;
    margin: 0 0 4rem 0;
    padding: 0 0 4rem 0
  }
  #sms .main-area #section02 .contents-block .example li:after {
    content: '';
    width: 20%;
    height: 2px;
    border-radius: 1rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 40%;
    background: #c8d2d2
  }
  #sms .main-area #section02 .contents-block .example li:nth-last-child(-n+2):after {
    display: none
  }
  #sms .main-area #section02 .contents-block .example li > img {
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li > h3 {
    font-size: 2.8rem;
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li > h3 img {
    width: 4.8rem;
    margin: 0 1rem 0 0
  }
  #sms .main-area #section02 .contents-block .example li > .text {
    font-size: 1.5rem;
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li .sub {
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li:first-of-type .sub{
	  padding: 0 0 1rem;
  }	
  #sms .main-area #section02 .contents-block .example li .sub img {
    width: 11rem;
    margin: 0 2rem 0 0
  }
  #sms .main-area #section02 .contents-block .example li .sub .link {
    width: calc(100% - 11rem - 2rem);
    font-size: 1.4rem;
    line-height: 1.75
  }
  #sms .main-area #section02 .contents-block .example li .sub .link:before {
    width: 6.4rem;
    font-size: 1.4rem;
    padding: .6em 1rem;
    margin: 0 0 .75rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt, #sms .main-area #section02 .contents-block .example li .price dd {
    padding: .3rem 0
  }
  #sms .main-area #section02 .contents-block .example li .price dt small, #sms .main-area #section02 .contents-block .example li .price dd small {
    margin-left: .4rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt {
    font-size: 2rem;
    padding: 1.5rem 1rem 1.8rem 2rem
  }
  #sms .main-area #section02 .contents-block .example li .price dt small {
    font-size: 1.6rem;
    top: .1em
  }
  #sms .main-area #section02 .contents-block .example li .price dt:after {
    height: 1.5em;
    top: calc(50% - .75em)
  }
  #sms .main-area #section02 .contents-block .example li .price dd {
    font-size: 2.4rem;
    padding: 1.5rem 2rem 1.8rem 1rem
  }
  #sms .main-area #section02 .contents-block .example li .price dd small {
    font-size: 1.6rem;
    top: .2em
  }
  #sms .main-area #section02 .contents-block .example li.useful {
    border: 2px solid #00bec8;
    border-radius: 2.4rem;
    margin: 0 0 8rem;
    padding-bottom: 0
  }
  #sms .main-area #section02 .contents-block .example li.useful .block {
    margin: 0 2rem;
    padding: 3rem 0
  }
  #sms .main-area #section02 .contents-block .example li.useful .block h3 {
    margin: 0 0 2rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 h3 {
    font-size: 1.8rem;
    padding: 1rem 1.5rem 1.2rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 img {
    width: 100%;
    margin: 0 auto;
    left: 0;
    margin-bottom: .75rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block01 p {
    font-size: 1.3rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block02 h3 {
    font-size: 2rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block02 p {
    text-align: center;
    font-size: 1.3rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 h3 {
    font-size: 2.2rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 figure {
    width: 80%;
    margin: 0 auto 3.5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 figure:after {
    width: 2.4rem;
    bottom: -2.3rem;
    left: calc(50% - 1.2rem)
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 dl dt {
    font-size: 1.7rem;
    margin: 0 0 .5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 dl dd {
    font-size: 3rem;
    margin: 0 0 2.5rem
  }
  #sms .main-area #section02 .contents-block .example li.useful .block.block03 p {
    line-height: 1.75;
    font-size: 1.5rem
  }
  #sms .main-area #section03 .contents-block ul li{
	  width: 100%;
	  padding: 2rem;
  }
  #sms .main-area #section03 .contents-block ul li h3{
		font-size: 2.6rem;
  }
  #sms .main-area #section03 .contents-block ul li h3 + p{
	  text-align: left;
  }
  #sms .main-area #section03 .contents-block ul li .block-box{
	  flex-direction: column;
	  padding: 0;
  }
  #sms .main-area #section03 .contents-block ul li .block-box .block{
	  width: 100%;
  }
  #sms .main-area #section03 .contents-block ul li .block-box .block:first-of-type:after{
	  transform: rotate(90deg);
	  top:auto;
	  left:calc(50% - 10px);
	  right:auto;
	  bottom:-90px;
  }
  #sms .main-area #section03 .contents-block ul li .btn-area{
	  padding: 6rem 0 4rem;
  }	
  #sms .main-area #section03 .contents-block ul li .btn-area a{
	  padding: 2.4rem 5rem 2.6rem;
  }	
  #intelligence #main-visual > .inner {
    padding-bottom: 4rem
  }
  #intelligence #main-visual > .inner .image-area {
    min-height: 40rem;
    margin-bottom: 4rem
  }
  #intelligence #main-visual > .inner .image-area picture {
    width: 33.7rem;
    width: 0 auto;
    top: 0;
    left: 0;
    position: relative
  }
  #intelligence #main-visual > .inner .image-area > img {
    position: absolute
  }
  #intelligence #main-visual > .inner .image-area > img.logo {
    width: 22.4rem;
    top: 27.8rem;
    left: -.8rem
  }
  #intelligence #main-visual > .inner .image-area > img.tablet-image {
    width: 34.4rem;
    top: 8.85rem;
    right: -5.85rem
  }
  #intelligence #main-visual > .inner .image-area > img.pc-image {
    width: 18.35rem;
    top: 4.4rem;
    left: 0
  }
  #intelligence .main-area #section01 {
    padding: 5rem 0 4rem
  }
  #intelligence .main-area #section01 .section-title {
    margin-bottom: 3.4rem
  }
  #intelligence .main-area #section02 {
    padding: 4rem 0 5rem
  }
  #intelligence .main-area #section02 .section-title {
    margin-bottom: 3.4rem
  }
  #intelligence .main-area #section02 .contents-block {
    padding: 3.7rem 3.25rem 3rem
  }
  #intelligence .main-area #section02 .contents-block ul {
    display: flex;
    flex-direction: column
  }
  #intelligence .main-area #section02 .contents-block ul li {
    width: 100%;
    margin: 0 0 4rem
  }
  #intelligence .main-area #section02 .contents-block ul li img {
    margin: 0 0 2.1rem
  }
  #intelligence .main-area #section02 .contents-block ul li h3 {
    margin: 0 0 1.6rem;
    font-size: 2.4rem
  }
  #intelligence .main-area #section02 .contents-block ul li p {
    font-size: 1.5rem;
    line-height: 1.75;
    font-feature-settings: normal;
    list-style-type: none
  }
  #intelligence .main-area #section02 .contents-block ul li:last-of-type {
    margin-bottom: 0
  }
  #medicalbox #main-visual > .inner {
    padding-bottom: 4rem
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 1.5rem
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner h1 .logo-image {
    width: 21.15rem
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p {
    display: block
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation {
    display: block;
    width: 100%;
    padding: 1rem 0 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .05em
  }
  #medicalbox #main-visual > .inner .text-area .title-set .inner p .annotation:before {
    display: none
  }
  #medicalbox #main-visual > .inner .text-area .text {
    margin: 0 0 2.5rem
  }
  #medicalbox #main-visual > .inner .image-area {
    min-height: 35.7rem;
    margin-bottom: 2.2rem
  }
  #medicalbox #main-visual > .inner .image-area > img {
    position: absolute
  }
  #medicalbox #main-visual > .inner .image-area > img.text {
    width: 16.65rem;
    top: 1.3rem;
    left: 17.35rem
  }
  #medicalbox #main-visual > .inner .image-area > img.logo {
    width: 19.25rem;
    top: 22rem;
    left: -.3rem
  }
  #medicalbox #main-visual > .inner .image-area > img.tablet-image {
    width: 33.75rem;
    top: 6.95rem;
    right: -4.4rem
  }
  #medicalbox #main-visual > .inner .image-area > img.pc-image {
    width: 16.7rem;
    top: 0;
    left: -.3rem
  }
  #medicalbox #main-visual > .inner .btn-area{
	  flex-direction: column;
	  margin: 0 0 3rem;
  }
  #medicalbox #main-visual > .inner .btn-area > div{
	margin: 0 auto;	
  }	
  #medicalbox #main-visual > .inner .btn-area > div:first-of-type{
	order:2;	
  }
  #medicalbox #main-visual > .inner .btn-area > div a{
	width: 100%;	
  }
  #medicalbox .main-area #section01 {
    padding: 5rem 0 4rem
  }
  #medicalbox .main-area #section01 .section-title {
    margin-bottom: 3rem
  }
  #medicalbox .main-area #section01 .contents-block .endlink {
    margin: 2rem 0 0
  }
  #medicalbox .main-area #section02 {
    padding: 4rem 0
  }
  #medicalbox .main-area #section02 .section-title {
    margin-bottom: 3rem
  }
  #medicalbox .main-area #section03 {
    padding: 4rem 0 5rem
  }
  #medicalbox .main-area #section03 .section-title {
    margin-bottom: 2rem
  }
  #medicalbox .main-area #section03 .contents-block {
    padding: 2.7rem 2.2rem;
    margin-bottom: 3rem
  }
  #medicalbox .main-area #section03 .contents-block .logos {
    width: 100%;
    margin-bottom: 1.8rem
  }
  #medicalbox .main-area #section03 .contents-block .logos img {
    width: 100%
  }
  #medicalbox .main-area #section03 .contents-block h3 {
    font-size: 2.4rem;
    letter-spacing: .025em;
    text-align: left;
    margin: 0 0 3rem
  }
  #medicalbox .main-area #section03 .contents-block .flexbox {
    flex-direction: column
  }
  #medicalbox .main-area #section03 .contents-block .image {
    width: 100%
  }
  #medicalbox .main-area #section03 .contents-block .det {
    width: 100%
  }
  #medicalbox .main-area #section03 .contents-block .det p {
    font-size: 1.5rem;
    line-height: 1.75;
    margin: 0 0 2rem
  }
  #medicalbox-note #main-visual > .inner {
    padding-bottom: 4rem
  }
  #medicalbox-note #main-visual > .inner .text-area {
    width: 100%
  }
  #medicalbox-note #main-visual > .inner .text-area .title-set h1 img {
    width: 100%;
    height: auto
  }
  #medicalbox-note #main-visual > .inner .image-area {
    width: 100%;
    min-height: 40rem
  }
  #medicalbox-note #main-visual > .inner .image-area > img.text, #medicalbox-note #main-visual > .inner .image-area > picture.text {
    width: 15rem;
    top: 3rem;
    left: auto;
    right: 0;
    z-index: 4
  }
  #medicalbox-note #main-visual > .inner .image-area > img.illust, #medicalbox-note #main-visual > .inner .image-area > picture.illust {
    width: 10rem;
    top: 16rem;
    left: 1rem;
    z-index: 3
  }
  #medicalbox-note #main-visual > .inner .image-area > img.tablet-image01, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image01 {
    width: 20rem;
    top: 0;
    left: -1rem;
    z-index: 1
  }
  #medicalbox-note #main-visual > .inner .image-area > img.tablet-image02, #medicalbox-note #main-visual > .inner .image-area > picture.tablet-image02 {
    width: 22rem;
    top: 8rem;
    right: -1rem;
    z-index: 2
  }
  #medicalbox-note #main-visual > .inner .btn-area{
	  flex-direction: column;
	  margin: 0 0 3rem;
  }
  #medicalbox-note #main-visual > .inner .btn-area > div{
	margin: 0 auto;	
  }	
  #medicalbox-note #main-visual > .inner .btn-area > div:first-of-type{
	order:2;	
  }
  #medicalbox-note #main-visual > .inner .btn-area > div a{
	width: 100%;	
  }
  #medicalbox-note .main-area #section01 {
    padding: 5rem 0
  }
  #medicalbox-note .main-area #section02 {
    padding: 5rem 0 3rem
  }
  #medicalbox-note .main-area #section03 {
    padding: 3rem 0 5.5rem
  }
  #medicalbox-note .main-area #section03 .contents-block {
    padding: 0 1rem;
    flex-wrap: wrap;
    flex-direction: column
  }
  #medicalbox-note .main-area #section03 .contents-block div {
    width: 100%
  }
  #medicalbox-note .main-area #section03 .contents-block div h3 {
    margin-bottom: 1.5rem;
    font-size: 1.8rem
  }
  #medicalbox-note .main-area #section03 .contents-block div ul li {
    margin-bottom: 1.2rem;
    font-size: 1.5rem
  }
  #medicalbox-note .main-area #section03 .contents-block div .annotation {
    font-size: 1.4rem;
    margin-bottom: 3rem
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3 {
    margin: 0 0 2.2rem
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) h3:before {
    width: 1.8rem;
    margin: 0 .7rem 0 0;
    top: 1px
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) img {
    display: block;
    position: relative;
    margin: 4rem auto 2.5rem;
    width: 25.5rem
  }
  #medicalbox-note .main-area #section03 .contents-block div:nth-child(2) .text {
    font-size: 1.5rem
  }
  #medicalbox-perio #main-visual > .inner {
    padding-bottom: 4rem
  }
  #medicalbox-perio #main-visual > .inner .image-area {
    min-height: 36rem;
    margin: 1.8rem 0 2.5rem
  }
  #medicalbox-perio #main-visual > .inner .image-area > img, #medicalbox-perio #main-visual > .inner .image-area > picture {
    position: absolute
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.text, #medicalbox-perio #main-visual > .inner .image-area > picture.text {
    width: 23.15rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.tablet, #medicalbox-perio #main-visual > .inner .image-area > picture.tablet {
    width: 30rem;
    top: 13.9rem;
    right: -5.15rem
  }
  #medicalbox-perio #main-visual > .inner .image-area > img.pc, #medicalbox-perio #main-visual > .inner .image-area > picture.pc {
    width: 19.5rem;
    top: 7.5rem;
    left: -.5rem
  }
  #medicalbox-perio .main-area #section02 .contents-block ul {
    flex-direction: column;
    padding: 3.3rem 3.45rem
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li {
    width: 100%;
    margin: 0
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li:after {
    width: 2.9rem;
    position: relative;
    top: 0;
    right: 0;
    transform: rotateZ(90deg);
    margin: 1.5rem auto 1.75rem
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li:nth-of-type(even) {
    margin-right: 0
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li:nth-of-type(even):after {
    display: block
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li:last-of-type:after {
    display: none
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li h3 {
    font-size: 2.4rem;
    margin: 1.8rem 0 1.4rem
  }
  #medicalbox-perio .main-area #section02 .contents-block ul li p {
    font-size: 1.5rem
  }
	#consultation #main-visual>.inner .text-area{
	width:100%;
}
	#consultation #main-visual>.inner .contact-button{
		width:100%;
		margin:2rem 0;
	}
  #consultation #main-visual>.inner .image-area{
	  width:100%;
	  padding: 0;
  }
  #consultation #main-visual > .inner .image-area > img, #consultation #main-visual > .inner .image-area > picture {
    position: absolute
  }
  #consultation #main-visual > .inner .image-area > img.text, #consultation #main-visual > .inner .image-area > picture.text {
    width: 10rem;
    top: 0;
    left: 0;
  }
  #consultation #main-visual > .inner .image-area > img.tablet, #consultation #main-visual > .inner .image-area > picture.tablet {
    width: 24rem;
    top: 1.1rem;
    right: 4.65rem
  }
	#consultation #main-visual > .inner .image-area > img.tablet-agreement, #consultation #main-visual > .inner .image-area > picture.tablet-agreement {
    width: 20rem;
    top: 4rem;
    right:0;
  }
  #consultation #main-visual > .inner .image-area > img.smartphone, #consultation #main-visual > .inner .image-area > picture.smartphone {
    width: 15.85rem;
    top: 8rem;
    left: 0rem
  }
  /*#consultation #main-visual > .inner .image-area > img.logo, #consultation #main-visual > .inner .image-area > picture.logo {
    width: 12rem;
    top: 33rem;
    left: 18rem
  }*/
  #consultation .main-area #section01 {
    padding: 0 0 4rem
  }
  #consultation .main-area #section01 .inner{
	padding: 4rem 2rem;	
  }
  #consultation .main-area #section01 .inner>.image-area{
	  display: none;
	}
  #consultation .main-area #section01 .inner>.image-area a{
	position: relative;	
	}
  #consultation .main-area #section01 .inner>.image-area a img{
	max-width: 100%;
	}	
  #consultation .main-area #section01 .contents-block {
    padding: 2.7rem 2.2rem;
    margin-bottom: 3rem;
}
  #consultation .main-area #section01 .contents-block h3 {
	  font-size: 2.4rem;
	  letter-spacing: .025em;
	  margin: 0 0 3rem;
  }
  #consultation .main-area #section01 .contents-block .flexbox {
	  flex-direction: column;
	}
  #consultation .main-area #section01 .contents-block .image {
	width: 100%;
	}
  #consultation .main-area #section01 .contents-block .det {
	  width: 100%;
	}
  #consultation .main-area #section01 .contents-block .det p {
	  font-size: 1.5rem;
	  line-height: 1.75;
	  margin: 0 0 2rem;
	}
  #consultation .main-area #section01 .cta{
	flex-direction: column;
  }
  #consultation .main-area #section01 .cta a{
	font-size: 2rem;
	padding: 2.4rem 7.5rem 2.6rem;
	margin: 0 0 3rem;
  }
  #consultation .main-area #section01 .cta a:last-of-type{
	margin:0;
  }	
  #consultation .main-area #section01 .cta a span{
	letter-spacing: .05em;
  }	
  #consultation .main-area #section02 {
    padding: 4rem 0 5rem
  }
  #consultation .main-area .section-title h2 span{
	font-size: 3rem;	
  }
  #consultation .main-area .section-title h2 span.bl{
	font-size: 3.5rem;	
  }
  #consultation .main-area #section02 .bg-block p{
	width: 100%;
  }
  #consultation .main-area #section02 .bg-block img {
    width: 80%;
    margin: 1rem auto;
  }
  #consultation .main-area #section02 .contents-block .column-3block li.new:before {
    top: .9rem;
    left: .9rem
  }
  #consultation .main-area #section02 .contents-block .column-3block li h3{
	font-size: 2rem;	
  }
  #consultation .main-area #section02 .contents-block .column-3block li.full,
  #consultation .main-area #section02 .contents-block .column-3block li.full.reverse{
	flex-direction: column;	
  }
  #consultation .main-area #section02 .contents-block .column-3block li.full .image{
	width: 100%;	
  }
  #consultation .main-area #section02 .contents-block .column-3block li.full .block{
	width: 100%;	
  }	
  #consultation .main-area #section02 .contents-block .column-3block li.half ul li{
	font-size: 1.4rem;
  }
  #consultation .main-area #section02 .flexbox .block{
	width: 100%;	
  }
  #consultation .main-area #section02 .flexbox .block p.before-visiting,
  #consultation .main-area #section02 .flexbox .block p.after-visiting{
	display: block;
    text-align: center;	
  }
  #consultation .main-area #section03 .inner h2,
  #consultation .main-area #section03 .inner p{
	width: 100%;	
  }
  #online #main-visual > .inner {
    padding-bottom: 4rem
  }
  #online #main-visual > .inner .image-area {
    min-height: 37rem;
    margin-bottom: 1.5rem
  }
  #online #main-visual > .inner .image-area > img.effect, #online #main-visual > .inner .image-area > picture.effect, #online #main-visual > .inner .image-area > span.effect {
    width: 22rem;
    top: 3.8rem;
    left: 2.6rem
  }
  #online #main-visual > .inner .image-area > img.mv-img01, #online #main-visual > .inner .image-area > picture.mv-img01, #online #main-visual > .inner .image-area > span.mv-img01 {
    width: 19.35rem;
    top: 0rem;
    left: 0rem;
    border-radius: 1.2rem
  }
  #online #main-visual > .inner .image-area > img.laptop, #online #main-visual > .inner .image-area > picture.laptop, #online #main-visual > .inner .image-area > span.laptop {
    width: 40.8rem;
    top: 12.3rem;
    left: 6.1rem
  }
  #online #main-visual > .inner .image-area > img.logo, #online #main-visual > .inner .image-area > picture.logo, #online #main-visual > .inner .image-area > span.logo {
    width: 11.4rem;
    top: 1.3rem;
    left: 22.2rem
  }
  #online .main-area #section01 {
    padding: 5rem 0 4rem
  }
  #online .main-area #section02 {
    padding: 4rem 0 5rem
  }
  #denwagarakuda #main-visual>.inner .text-area {
	  width:100%;
  }
  #denwagarakuda #main-visual>.inner .image-area{
	  width: 90%;
	  padding: 2rem 0;
	  margin: 0 auto;
  }
  #denwagarakuda #main-visual>.inner .image-area .logo{
	  max-width: 100%;
	}
  #denwagarakuda .main-area #section01 .section-title p.sub{
	  font-size: 2rem;
  }	
  #denwagarakuda .main-area #section02 .button a {
	  z-index:1;
  }
  #denwagarakuda .main-area #section02 .button img:nth-of-type(1) {
	width:15rem;
	left: -5.5rem;
  }
  #denwagarakuda .main-area #section02 .button img:nth-of-type(2) {
	width:20rem;
	right: -9rem;
  }
  #denwagarakuda .main-area #section02 p.sub {
	font-size: 1.6rem;
  }
  #denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li{
	width: calc(50% - 1rem);
  }
  #denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li img{
	width: 80px;
  }
  #denwagarakuda .main-area #section03 .inner .contents-block .border-block-list li h3{
	font-size: 1.6rem;	
  }	
  #denwagarakuda .main-area #section04 .inner ul{
	flex-direction: column;
  }
  #denwagarakuda .main-area #section04 .inner ul li{
	width:100%;
	padding: 0;
  }
  #denwagarakuda .main-area #section04 .inner ul li:before,#denwagarakuda .main-area #section04 .inner ul li:after{
	display:none;
  }
  #denwagarakuda .main-area #section04 .inner ul li span{
	display:block;
	border-radius: 1rem 1rem 0 0;
  }
  #denwagarakuda .main-area #section04 .inner ul li figure{
	margin:0 0 2rem;  
  }
  #denwagarakuda .main-area #section04 .inner ul li figure img{
	border-radius: 0 0 1rem 1rem; 
  }	
  #denwagarakuda .main-area #section05 .contents .item h3{
	font-size: 2rem;
  }	
  #denwagarakuda .main-area #section05 .contents .item .question .image{
	width: 20%;
  }
  #denwagarakuda .main-area #section05 .contents .item .question .text{
	width: 80%;
  }
  #denwagarakuda .main-area #section05 .contents .item .question .text p.bubble{
	font-size: 1.6rem;
  }
  #denwagarakuda .main-area #section05 .contents .item .faq-answer .text{
	width: 80%;
  }
  #denwagarakuda .main-area #section05 .contents .item .faq-answer .image{
	width: 20%;
  }
  #denwagarakuda .main-area #section05 .contents .item .faq-answer .text p.bubble{
	font-size: 1.6rem;
  }	
  #kaodepass #main-visual > .inner {
    padding-bottom: 0
  }
  #kaodepass #main-visual > .inner .text-area {
    width: 100%
  }
  #kaodepass #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3.5rem
  }
  #kaodepass #main-visual > .inner .text-area .title-set h1 img {
    width: 22rem;
    height: auto;
  }
  #kaodepass #main-visual > .inner .image-area {
    width: 100%
  }
  #kaodepass #main-visual > .inner .image-area .inner {
    min-height: 32rem
  }
  #kaodepass #main-visual > .inner .image-area .inner > figure {
    width: 23.2rem;
    border-radius: 2.4rem;
    top: 6rem;
    left: 0;
    z-index: 0
  }
  #kaodepass #main-visual > .inner .image-area .mv-monitor {
    width: 18rem;
    top: 0;
    right: 0;
    z-index: 1
  }
  #kaodepass #main-visual > .inner .image-area .mv-comment {
    width: 14rem;
    top: 2rem;
    left: 1rem
  }
  #kaodepass #main-visual > .inner .image-area .mv-illust {
    width: 9rem;
    bottom: 3rem;
    top: auto;
    left: 2rem;
    z-index: 1
  }
  #kaodepass .main-area #section01 {
    padding: 5rem 0
  }
  #kaodepass .main-area #section02 {
    padding: 4rem 0 0
  }
  #kaodepass .main-area #section02 .section-title {
    margin-bottom: 3.5rem
  }
  #kaodepass .main-area #section02 .annotation {
    display: flex;
    flex-direction: column
  }
  #kaodepass .main-area #section02 .annotation .img-set {
    display: flex;
    margin: 0 0 2rem;
    font-size: 3.7rem
  }
  #kaodepass .main-area #section02 .annotation .img-set img:nth-of-type(1) {
    width: 70%;
    filter: drop-shadow(0 1.5px 4.5px rgba(0, 0, 0, 0.15));
    margin: 0 auto;
  }
  #kaodepass .main-area #section02 .security .inner {
    flex-direction: column;
  }
  #kaodepass .main-area #section02 .security .inner .text h3 {
    text-align: center;
  }
  #kaodepass .main-area #section02 .security .inner .image {
    width: 100%;
    height: auto;
  }
  #kaodepass .main-area #section02 .annotation p {
    letter-spacing: .05em;
    line-height: 1.75
  }
  #kaodepass .main-area #section02 .annotation p span, #cardapp .main-area #section03 .annotation p a {
    font-weight: 900
  }
  #goannaiban #main-visual > .inner {
    padding-bottom: 0
  }
  #goannaiban #main-visual > .inner .text-area {
    width: 100%;
	 margin-bottom:3rem;
  }
  #goannaiban #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3.5rem
  }
  #goannaiban #main-visual > .inner .text-area .title-set h1 img {
    width: 22rem;
    height: auto;
  }
  #goannaiban #main-visual > .inner .image-area {
    width: 100%
  }
  #goannaiban #main-visual > .inner .image-area .inner {
    min-height: 32rem
  }
  #goannaiban #main-visual > .inner .image-area .inner > figure {
    width: 18rem;
    border-radius: 2.4rem;
    top: 0;
    left: 0;
    z-index: 0
  }
  #goannaiban #main-visual > .inner .image-area .mv-monitor {
    width: 23rem;
    top: 10rem;
    right: -1rem;
    z-index: 1
  }
  #goannaiban #main-visual > .inner .image-area .mv-comment {
    width: 14rem;
    top: 5rem;
    right: 0;
  }
  #goannaiban #main-visual > .inner .image-area .logo {
    width: 8rem;
	bottom: auto;
    top: 16rem;
    right: 2rem;
  }	
  #goannaiban .main-area #section01 {
    padding: 5rem 0
  }
  #goannaiban .main-area #section02 .contents-block ul {
    flex-direction: column;
    padding: 3.3rem 3.45rem
  }
  #goannaiban .main-area #section02 .contents-block ul li {
    width: 100%;
    margin: 0
  }
  #goannaiban .main-area #section02 .contents-block ul li:after {
    width: 2.9rem;
    position: relative;
    top: 0;
    right: 0;
    transform: rotateZ(90deg);
    margin: 1.5rem auto 1.75rem
  }
  #goannaiban .main-area #section02 .contents-block ul li:nth-of-type(even) {
    margin-right: 0
  }
  #goannaiban .main-area #section02 .contents-block ul li:nth-of-type(even):after {
    display: block
  }
  #goannaiban .main-area #section02 .contents-block ul li:last-of-type:after {
    display: none
  }
  #goannaiban .main-area #section02 .contents-block ul li h3 {
    font-size: 2.4rem;
    margin: 1.8rem 0 1.4rem
  }
  #goannaiban .main-area #section02 .contents-block ul li p {
    font-size: 1.5rem
  }
	#goannaiban .main-area #section02 .contents-block .display {
		flex-direction: column;
	}
	#goannaiban .main-area #section02 .contents-block .display .display-1 {
		padding:0;
	}
  #goannaiban .main-area #section03 {
    padding: 4rem 0 0
  }
  #goannaiban .main-area #section03 .section-title {
    margin-bottom: 3.5rem
  }
  #goannaiban .main-area #section03 .annotation {
    display: flex;
    flex-direction: column
  }
  #goannaiban .main-area #section03 .annotation .img-set {
    display: flex;
    margin: 0 0 2rem;
    font-size: 3.7rem
  }
  #goannaiban .main-area #section03 .annotation .img-set img:nth-of-type(1) {
    width: 70%;
    filter: drop-shadow(0 1.5px 4.5px rgba(0, 0, 0, 0.15));
    margin: 0 auto;
  }
  #goannaiban .main-area #section03 .security .inner {
    flex-direction: column;
  }
  #goannaiban .main-area #section03 .security .inner .text h3 {
    text-align: center;
  }
  #goannaiban .main-area #section03 .security .inner .image {
    width: 100%;
    height: auto;
  }
  #goannaiban .main-area #section03 .annotation p {
    letter-spacing: .05em;
    line-height: 1.75
  }
  #goannaiban .main-area #section03 .annotation p span, #cardapp .main-area #section03 .annotation p a {
    font-weight: 900
  }
  #goannaiban .main-area #section05 .inner .section-title h2{
    font-size: 2.2rem;
  }	
  #goannaiban .main-area #section05 .inner .contents-block{
    flex-direction: column;
  }
  #goannaiban .main-area #section05 .inner .contents-block .img{
    width:100%;
  }
  #goannaiban .main-area #section05 .inner .contents-block .text{
    width:100%;
	padding: 2.4rem 0 3rem;  
  }
  #goannaiban .main-area #section05 .inner .contents-block .text p{
    font-size: 1.4rem;
  }		
  #sugoiuketsukesan #main-visual > .inner {
    padding-bottom: 0
  }
  #sugoiuketsukesan #main-visual > .inner .text-area {
    width: 100%
  }
  #sugoiuketsukesan #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3.5rem
  }
  #sugoiuketsukesan #main-visual > .inner .text-area .title-set h1 img {
    width: 22rem;
    height: auto;
  }
  #sugoiuketsukesan #main-visual > .inner .image-area {
    width: 100%
  }
  #sugoiuketsukesan #main-visual > .inner .image-area .inner {
    min-height: 35rem
  }
  #sugoiuketsukesan #main-visual > .inner .image-area .inner > figure {
    top: 0;
    left: 0;
    z-index: 0
  }
  #sugoiuketsukesan #main-visual > .inner .contact-button{
    margin: 2rem auto 4rem;
  }
  #sugoiuketsukesan .main-area #section01 .contents-block p{
    text-align: left;
  }
  #sugoiuketsukesan .main-area #section02 {
    padding: 5rem 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul {
    flex-direction: column;
    padding: 3.3rem 3.45rem
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li {
    width: 100%;
    margin: 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li:after {
    width: 2.9rem;
    position: relative;
    top: 0;
    right: 0;
    transform: rotateZ(90deg);
    margin: 1.5rem auto 1.75rem
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li:nth-of-type(even) {
    margin-right: 0
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li:nth-of-type(even):after {
    display: block
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li:last-of-type:after {
    display: none
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li h3 {
    font-size: 2.4rem;
    margin: 1.8rem 0 1.4rem
  }
  #sugoiuketsukesan .main-area #section03 .contents-block ul li p {
    font-size: 1.5rem
  }
	#sugoiuketsukesan .main-area #section03 .contents-block .display {
		flex-direction: column;
	}
	#sugoiuketsukesan .main-area #section03 .contents-block .display .display-1 {
		padding:0;
	}
  #sugoiuketsukesan .main-area #section04 {
    padding: 4rem 0 0
  }
  #sugoiuketsukesan .main-area #section04 .section-title {
    margin-bottom: 3.5rem
  }
  #sugoiuketsukesan .main-area #section04 .annotation {
    display: flex;
    flex-direction: column
  }
  #sugoiuketsukesan .main-area #section04 .annotation .img-set {
    display: flex;
    margin: 0 0 2rem;
    font-size: 3.7rem
  }
  #sugoiuketsukesan .main-area #section04 .annotation .img-set img:nth-of-type(1) {
    width: 70%;
    margin: 0 auto;
  }
  #sugoiuketsukesan .main-area #section04 .security .inner {
    flex-direction: column;
  }
  #sugoiuketsukesan .main-area #section04 .security .inner .text h3 {
    text-align: center;
  }
  #sugoiuketsukesan .main-area #section04 .security .inner .image {
    width: 100%;
    height: auto;
  }
  #sugoiuketsukesan .main-area #section04 .annotation p {
    letter-spacing: .05em;
    line-height: 1.75
  }
  #sugoiuketsukesan .main-area #section04 .annotation p span, #cardapp .main-area #section03 .annotation p a {
    font-weight: 900
  }
  #sugoiuketsukesan .main-area #section05 .inner .section-title h2{
    font-size: 2.2rem;
  }	
  #sugoiuketsukesan .main-area #section05 .inner .contents-block{
    flex-direction: column;
  }
  #sugoiuketsukesan .main-area #section05 .inner .contents-block .img{
    width:100%;
  }
  #sugoiuketsukesan .main-area #section05 .inner .contents-block .text{
    width:100%;
	padding: 2.4rem 0 3rem;  
  }
  #sugoiuketsukesan .main-area #section05 .inner .contents-block .text p{
    font-size: 1.4rem;
  }	
  #line #main-visual > .inner {
    padding-bottom: 0
  }
  #line #main-visual > .inner .text-area {
    width: 100%;
	 margin-bottom:3rem;
  }
  #line #main-visual > .inner .text-area .title-set .inner {
    margin: 0 0 3.5rem
  }
  #line #main-visual > .inner .text-area .title-set h1 img {
    width: 22rem;
    height: auto;
  }
  #line #main-visual > .inner .image-area {
    width: 100%
  }
  #line #main-visual > .inner .image-area .inner {
    min-height: 32rem
  }
  #line #main-visual > .inner .image-area .inner > figure:first-of-type {
    width: 80%;
    border-radius: 1rem;
    top: 0;
    bottom: initial;
    left: 0
  }
  #line #main-visual > .inner .image-area .inner > figure:nth-of-type(2) {
	  width: 10rem;
	  right: 0;
  }
  #line #main-visual>.inner .contact-button{
	width:100%;	
  }
  #line .main-area #section01 {
    padding: 5rem 0
  }	
  #line .main-area #section01 .contents-block{
	flex-direction: column;
    align-items: center;	
  }
  #line .main-area #section01 .contents-block .img img{
	  border: solid 4px #3c3c3c;
	  border-radius: 2.5rem;
  }		
  #line .main-area #section01 .contents-block .text{
	width: 100%;
  }
  #line .main-area #section01 .contents-block .text ul li:first-of-type, #line .main-area #section01 .contents-block .text ul li:nth-of-type(2){
	  gap:1rem;
  }	
  #line .main-area #section01 .contents-block .text ul li{
	  padding: 2rem;
  }	
  #line .main-area #section01 .contents-block .text ul li img{
	  width:35%;
  }
  #line .main-area .common-faq .table-area table th{
	  font-size: 1.4rem;
	  font-weight: 500;
	  line-height: 1.4;
	  text-align: left;
  }
  #line .main-area .common-faq .table-area table td{
	  font-size: 1.4rem;
  }	
  #web-reservation #main-visual>.inner .image-area{
	  padding:2rem 0;
  }
  #web-reservation .circle-3column li:after{
	  display: none;
  }
  #web-reservation .main-area #section01 .section-title p.sub:nth-of-type(2){
	  font-size: 2.2rem;
  }	
  #web-reservation .main-area #section01 .contents-block .circle-3column > li > ul li{
	  margin: 0 0 1rem;
  }
  #web-reservation .main-area #section01 .contents-block .circle-3column:after{
	  content:'';
	  width: 0;
	  height: 0;
	  border-left: 35px solid transparent;
	  border-right: 35px solid transparent;
	  border-top: 25px solid #00bec8;
	  margin: 0 auto;
  }	
  #web-reservation .main-area #section01 p.conclusion{
	  font-size: 2.8rem;
	  padding: 5rem 0 4rem;
  }
  #web-reservation .main-area #section01 p.conclusion > span:before,#web-reservation .main-area #section01 p.conclusion > span:after{
	  display: none;
  }
  #web-reservation .main-area #section01 p.conclusion .with-dots span{
	  font-size: 3.2rem;	
  }
  #web-reservation .main-area #section01 p.conclusion .underline{
	  font-size: 3.2rem;
  }
  #web-reservation .main-area #section02 .section-title{
	  margin: 2rem 0;
  }	
  #web-reservation .main-area #section02 .section-title h3 .title{
	  font-size: 2rem;
  }
  #web-reservation .main-area #section02 .section-title h3 .title:before, #web-reservation .main-area #section02 .section-title h3 .title:after{
	  height: 3rem;
  }
  #web-reservation .main-area #section02 .section-title h3 .title:before{
	  border-left: solid 3px #00bec8;
	  left: -1.5rem;
  }	
  #web-reservation .main-area #section02 .section-title h3 .title:after{
	  border-right: solid 3px #00bec8;
	  right: -1.5rem;
  }
  #web-reservation .main-area #section02 p.sub{
	  padding: 2rem 0;
  }
  #web-reservation .main-area #section02 .contents-block{
	  margin-bottom:4rem;
  }
  #web-reservation .main-area #section02 .contents-block .flexbox .image{
	  width:100%;
  }
	  #web-reservation .main-area #section02 .contents-block .flexbox .det{
	  width:100%;
	  padding: 2rem 2rem 4rem;
  }
  #web-reservation .main-area #section02 .contents-block .flexbox .det h3{
	  font-size: 2.2rem;
  }	
  #web-reservation .main-area #section03 .contents-block .flexbox{
	  flex-direction: column;
	  gap: 0;
  }
  #web-reservation .main-area #section03 .contents-block .flexbox .image{
	  width:100%;
  }
  #web-reservation .main-area #section03 .contents-block .flexbox .det{
	  width:100%;
	  padding: 2rem 2rem 4rem;
  }
  #web-reservation .main-area #section03 .contents-block .flexbox .det h3{
	  font-size: 2.2rem;
  }	
  #datalinkage .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #datalinkage .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #datalinkage .main-area #section01 .contents-block .text-area {
    font-size: 1.4rem;
  }
  #datalinkage .main-area #section01 .contents-block .mv-image {
    width: 100%;
    margin: 0 auto 5rem
  }
  #datalinkage .main-area #section01 .contents-block section {
    padding: 0 0 5rem
  }
  #datalinkage .main-area #section01 .contents-block section h2 {
    font-size: 1.8rem;
    margin: 0 0 2rem
  }
  #datalinkage .main-area #section01 .contents-block section table {
    margin: 0 0 2rem
  }
  #datalinkage .main-area #section01 .contents-block section table th, #datalinkage .main-area #section01 .contents-block section table td {
    font-size: 1.3rem;
    vertical-align: middle
  }
  #datalinkage .main-area #section01 .contents-block section table th {
    padding: 1.8rem 1rem
  }
  #datalinkage .main-area #section01 .contents-block section table td {
    padding: 1rem .6rem;
    line-height: 1.5;
    word-wrap: break-word
  }
  #datalinkage .main-area #section01 .contents-block section table td a {
    margin-left: 1.5rem;
    display: inline
  }
  #datalinkage .main-area #section01 .contents-block .date {
    font-size: 1.6rem
  }
  #privacy .main-area #section01 {
    padding: 4rem 0 0
  }
  #terms .main-area #section01 {
    padding: 4rem 0 0
  }
  #news .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #news .main-area #section01 .section-title {
    margin-bottom: 3.5rem
  }
  #news .main-area #section01 .contents-block .news-list {
    margin-bottom: 2rem
  }
  #news-article .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #news-article .main-area #section01 .section-title h1 {
    margin-bottom: 0
  }
  #news-article .main-area #section01 .section-title h1 span {
    font-size: 2.4rem
  }
  .entry-detail {
	  flex-direction: column;
	  align-items: flex-start;
	  margin: 0 0 3rem;
  }
  .entry-detail .entry-categories li a {
    min-width: 11rem;
    padding: .9rem;
    font-size: 1.3rem;
    font-weight: 400
  }
  .entry-detail time {
    font-size: 1.4rem
  }
  .entry .eye-catch {
    margin-bottom: 5rem
  }
  .entry p {
    margin-bottom: 2rem;
    font-size: 1.5rem
  }
  .entry h2, .entry h3, .entry h4 {
    line-height: 1.75
  }
  .entry h2 {
    font-size: 2rem;
    margin-bottom: 2rem
  }
  .entry h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem
  }
  .entry h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
  .entry ul li {
    list-style: disc outside;
    margin-left: 1em
  }
  .entry strong {
    font-weight: 900
  }
  .entry .text-center {
    text-align: center
  }
  .entry .text-underline {
    text-decoration: underline
  }
  .entry .column-devide {
    margin: 1.5rem 0 5rem
  }
  .entry .suport-center {
    padding: 2rem 0 0;
    margin: 2rem 0 0
  }
  .entry .suport-center .tel {
    color: #00bec8
  }
  #entry-body {
    padding-bottom: 1rem
  }
  #flow .main-area #section01 {
    padding: 4rem 0
  }
  #flow .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #flow .main-area #section01 .steps {
    flex-direction: column
  }
  #flow .main-area #section01 .steps li {
    width: 100%;
    border-radius: 1.5rem
  }
  #flow .main-area #section01 .steps li .head {
    background: #ffdc00;
    padding: 1.2rem
  }
  #flow .main-area #section01 .steps li .head img {
    height: 3.8rem
  }
  #flow .main-area #section01 .steps li .head:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #ffdc00
  }
  #flow .main-area #section01 .steps li .contents {
    padding: 3rem 2rem 2.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
  }
  #flow .main-area #section01 .steps li .contents h2 {
    width: 100%;
    font-size: 2rem;
    margin: 0 0 1rem
  }
  #flow .main-area #section01 .steps li .contents .illust {
    width: 10rem;
    height: 10rem;
    margin: 0
  }
  #flow .main-area #section01 .steps li .contents p {
    width: calc(100% - 10rem - 1.5rem);
    font-size: 1.3rem;
    line-height: 1.75
  }
  #flow .main-area #section02 {
    padding: 0 2rem 6rem
  }
  #flow .main-area #section02 .inner {
    border: 3px solid #ffdc00;
    padding: 4rem 1.1rem;
    border-radius: 3rem
  }
  #flow .main-area #section02 .section-title {
    margin-bottom: 2rem;
    padding: 0 2.5rem
  }
  #flow .main-area #section02 .section-title h2 {
    margin-bottom: .5rem
  }
  #flow .main-area #section02 .section-title h2 span {
    font-size: 2.4rem
  }
  #flow .main-area #section02 .section-title .sub {
    font-size: 1.5rem
  }
  #flow .main-area #section02 .contents-block img {
    width: 100%;
    margin: 0 auto 3rem
  }
  #flow .main-area #section02 .contents-block ul {
    display: flex;
    flex-direction: column
  }
  #flow .main-area #section02 .contents-block ul li {
    width: calc(100% - 2.8rem);
    padding: 2rem 0;
    margin: 0 auto;
    border-bottom: 1px solid #e6e7e7
  }
  #flow .main-area #section02 .contents-block ul li h3 {
    font-size: 2.1rem;
    margin-bottom: 1.5rem
  }
  #flow .main-area #section02 .contents-block ul li p {
    font-size: 1.3rem
  }
  #flow .main-area #section02 .contents-block ul li:last-of-type {
    border: none;
    padding-bottom: 0
  }
  h2.min {
    font-size: 1.8rem;
    border-left: 0.5rem solid #00bec8;
    margin: 0 0 1rem;
    font-weight: 400;
    padding-left: 1.5rem
  }
  h2.min:before {
    display: none
  }
  #requirements .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #requirements .main-area #section01 .contents-block {
    margin-bottom: 5rem
  }
  #requirements .main-area #section01 .contents-block .text-area {
    margin: 0 0 4.5rem
  }
  #requirements .main-area #section01 .contents-block .text-area p {
    font-size: 1.4rem;
    margin: 0 0 2rem
  }
  #requirements .main-area #section01 .contents-block h2 {
    font-size: 1.8rem;
    border-left: 0.5rem solid #00bec8;
    margin: 0 0 1rem;
    font-weight: 400;
    padding-left: 1.5rem
  }
  #requirements .main-area #section01 .contents-block h2:before {
    display: none
  }
  #requirements .main-area #section01 .contents-block table {
    font-feature-settings: 'palt'
  }
  #requirements .main-area #section01 .contents-block table th, #requirements .main-area #section01 .contents-block table td {
    font-size: 1.3rem;
    font-weight: 400
  }
  #requirements .main-area #section01 .contents-block table th {
    width: 33%
  }
  #requirements .main-area #section01 .contents-block table span {
    font-size: 1.1rem;
    top: -.1em
  }
  #requirements .main-area #section01 .contents-block .annotation {
    font-size: 1.2rem;
    line-height: 1.75
  }
  #requirements .main-area #section01 .contents-block .annotation .notes {
    margin: 2rem 0 0
  }
  #requirements .main-area #section01 .contents-block .annotation .notes li {
    font-size: 1.4rem
  }
  #receiptcomputer {
    font-feature-settings: normal
  }
  #receiptcomputer .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #receiptcomputer .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #receiptcomputer .main-area #section01 .contents-block {
    margin-bottom: 5rem
  }
  #receiptcomputer .main-area #section01 .contents-block .text-area {
    margin: 0 0 2rem
  }
  #receiptcomputer .main-area #section01 .contents-block .text-area p {
    font-size: 1.4rem
  }
  #receiptcomputer .main-area #section01 .contents-block .mv {
    width: 85.333%;
    margin: 0 auto 5rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation {
    padding: 2rem;
    margin: 2rem 0 0;
    font-size: 1.3rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation h3 {
    font-size: 1.5rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation ul li {
    margin: 0 0 2rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation ul li h4 {
    font-size: 1.3rem
  }
  #receiptcomputer .main-area #section01 .contents-block .annotation ul li p {
    font-size: 1.3rem
  }
  #receiptcomputer .main-area #section01 .contents-block .preferred-setup th, #receiptcomputer .main-area #section01 .contents-block .preferred-setup td {
    padding: .8em;
    font-size: 1.3rem;
    line-height: 1.75;
    width: calc(100% / 3)
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list {
    display: flex;
    flex-direction: column
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group h5 {
    font-size: 1.3rem;
    font-weight: 400;
    justify-content: center
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group h5:last-of-type {
    border-width: 1px 1px 0 1px
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type th, #receiptcomputer .main-area #section01 .contents-block .maker-list .list-group table:last-of-type td {
    border-width: 1px
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list h5 {
    width: 100%;
    padding: 2rem 1.2rem;
    text-align: center;
    line-height: 1.75;
    font-size: 1.3rem;
    font-weight: 400;
    border-width: 1px 1px 0 1px
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table {
    width: 100%
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table th, #receiptcomputer .main-area #section01 .contents-block .maker-list table td {
    border-width: 1px 1px 0 1px;
    font-weight: 400;
    width: 20%;
    padding: 2rem .8rem;
    font-size: 1.3rem;
    line-height: 1.65
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table th:first-child, #receiptcomputer .main-area #section01 .contents-block .maker-list table td:first-child {
    width: 60%
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table tr:nth-of-type(odd) th, #receiptcomputer .main-area #section01 .contents-block .maker-list table tr:nth-of-type(odd) td {
    background: #f8fafa
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table tr.gray th, #receiptcomputer .main-area #section01 .contents-block .maker-list table tr.gray td {
    background: #f8fafa
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table tr.color-change th {
    background: #f8fafa;
    padding: .8rem
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table th {
    text-align: left
  }
  #receiptcomputer .main-area #section01 .contents-block .maker-list table td {
    text-align: center
  }
  #casestudy .main-area {
    padding: 4rem 0 6rem
  }
  #casestudy .main-area #section01 #examples {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0;
    padding: 3rem 0 7.2rem
  }
  #casestudy .main-area #section01 #examples .slick-dots {
    bottom: 4rem
  }
  #casestudy .main-area #section01 #examples .slick-dots li {
    width: 1.2rem;
    height: 1.2rem
  }
  #casestudy .main-area #section01 #examples .block {
    max-width: 90%;
    margin: 0 1rem;
    border-radius: 2rem
  }
  #casestudy .main-area #section01 #examples .block a {
    display: flex;
    flex-direction: column
  }
  #casestudy .main-area #section01 #examples .block a.pickup .name:before {
    width: 6.1rem;
    margin: 0 .8rem .75rem 0;
    display: block
  }
  #casestudy .main-area #section01 #examples .block .image {
    width: 100%;
    height: 14.75rem
  }
  #casestudy .main-area #section01 #examples .block .image img {
    width: 100%;
    top: 50%
  }
  #casestudy .main-area #section01 #examples .block .details {
    padding: 1.8rem 3rem 3rem;
    min-height: 26.8rem
  }
  #casestudy .main-area #section01 #examples .block .details .name {
    font-size: 1.4rem;
    margin: 0 0 1.5rem;
    font-weight: 400
  }
  #casestudy .main-area #section01 #examples .block .details h2 {
    font-size: 2.1rem;
    margin: 0 0 1.5rem
  }
  #casestudy .main-area #section01 #examples .block .details .text {
    font-size: 1.4rem;
    font-weight: 400
  }
  #casestudy .main-area #section01 .document-download .contents-box{
    flex-direction: column;
    align-items: flex-start;
  }	
  #casestudy .main-area #section01 .document-download .contents-box .image{
    display: none;
  }
  #casestudy .main-area #section01 .document-download .contents-box .text {
    flex: none;
    width: 100%;;
  }
  #casestudy .main-area #section01 .document-download .contents-box .text h3{
	  margin: 0 0 2rem;
  }	
  #casestudy .main-area #section01 .document-download .contents-box .text p{
    font-size: 1.4rem;
  }
  #casestudy .main-area #section01 .document-download .contents-box .text img{
    max-width: 60%;
    margin: 0 auto 2rem;
  }
	#casestudy .main-area #section01 .document-download .contents-box .text .btn-area{
		flex-direction: column;
	}	
  #casestudy .main-area #section01 .document-download .contents-box .text .btn-area > span{
	  font-size: 1.3rem;
	  display: inline-block;
	  position: relative;
	  margin: 0 auto 1rem;
  }
  #casestudy .main-area #section01 .document-download .contents-box .text .btn-area > span::before,#casestudy .main-area #section01 .document-download .contents-box .text .btn-area > span::after{
	  content: "";
	  position: absolute;
	  width: 1px;
	  height: 16px;
	  background: #2d3030;
	  top: 0;
  }
 #casestudy .main-area #section01 .document-download .contents-box .text .btn-area > span::before{
	 left: -16px;
	 transform: rotate(-30deg);
	 transform-origin: top center;
  }
 #casestudy .main-area #section01 .document-download .contents-box .text .btn-area > span::after{
	 right: -16px;
	 transform: rotate(30deg);
	 transform-origin: top center;
  }
 #casestudy .main-area #section01 .document-download .contents-box .text .btn-area a span span{
	 display: none;
  }		
  #casestudy .main-area #section02 {
    padding: 4rem 0
  }
  #casestudy .main-area #section02 .section-title h2 span {
    font-size: 2.4rem
  }
  #casestudy .main-area #section02 .contents-block #search {
    padding: 3rem 1.5rem 6rem
  }
  #casestudy .main-area #section02 .contents-block #search dl dt {
    font-size: 1.5rem;
    margin: 0 0 1.75rem
  }
  #casestudy .main-area #section02 .contents-block #search dl dd {
    font-size: 1.3rem;
    margin: 0 0 2rem;
    padding: 0
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul li {
    margin: 0 0 1rem 0
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#unit-list li {
    width: 25%
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#unit-list li label {
    word-break: keep-all
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#task-list li {
    width: auto
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#func-list li {
    width: auto
  }
  #casestudy .main-area #section02 .contents-block #search dl dd ul#func-list li label {
    margin-right: 1rem
  }
  #casestudy .main-area #section02 .contents-block #search dl dd label {
    line-height: 1;
    border-radius: 20rem;
    padding: .9rem 1.2rem 1.1rem
  }
  #casestudy .main-area #section02 .contents-block #search .toggle-arrow:before {
    width: 2.5rem;
    bottom: 2.5rem
  }
  #casestudy .main-area #section03 {
    padding: 0
  }
  #casestudy .main-area #section03 .column-3blockB {
    margin-bottom: 2rem
  }
  #casestudy-detail .main-area {
    padding: 1rem 0 0
  }
  #casestudy-detail .main-area #section01 .section-title h1 span {
    font-size: 2.4rem
  }
  #casestudy-detail .main-area #section01 #main .eye-catch {
    margin: 0 0 3rem
  }
  #casestudy-detail .main-area #section01 #main p {
    line-height: 1.75;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0
  }
  #casestudy-detail .main-area #section01 #main .question, #casestudy-detail .main-area #section01 #main .interview-end {
    font-size: 1.6rem;
    line-height: 1.75
  }
  #casestudy-detail .main-area #section01 #main .question:before, #casestudy-detail .main-area #section01 #main .interview-end:before {
    width: 3.8rem;
    height: 2px;
    margin: 0 .6rem
  }
  #casestudy-detail .main-area #section01 #main .question {
    margin: 0 0 2.5rem
  }
  #casestudy-detail .main-area #section01 #main .interview-end {
    margin: 3.5rem 0
  }
  #casestudy-detail .main-area #section01 #main .effect-flow {
    padding: 2.5rem 2rem 3rem;
    margin: 0 0 5rem
  }
  #casestudy-detail .main-area #section01 #main .effect-flow:before {
    height: calc(100% - 20rem);
    left: 5rem;
    width: .6rem;
    top: 4rem;
    transform: none
  }
  #casestudy-detail .main-area #section01 #main .effect-flow dl {
    margin-bottom: 2.5rem
  }
  #casestudy-detail .main-area #section01 #main .effect-flow dl dt {
    width: 6.6rem;
    height: 6.6rem;
    font-size: 1.5rem;
    top: .5em
  }
  #casestudy-detail .main-area #section01 #main .effect-flow dl dd {
    width: calc(100% - 6.6rem);
    padding: 0 0 0 1rem
  }
  #casestudy-detail .main-area #section01 #main .effect-flow dl dd ul li {
    font-size: 1.4rem;
    padding-left: 1.1em;
    margin-bottom: 3px;
    letter-spacing: 0;
    font-feature-settings: "palt"
  }
  #casestudy-detail .main-area #section01 #main .effect-flow dl dd ul li:before {
    font-size: 1.1rem
  }
  #casestudy-detail .main-area #section01 #main section {
    margin-bottom: 4rem
  }
  #casestudy-detail .main-area #section01 #main section h2 {
    font-size: 2rem;
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section01 #main section .interview-block {
    margin-bottom: 4rem
  }
  #casestudy-detail .main-area #section01 #main .support-center dd {
    font-weight: 500
  }
  #casestudy-detail .main-area #section01 #sub {
    width: 100%;
    position: relative;
    top: 0;
    padding: 0;
    margin-bottom: 3rem
  }
  #casestudy-detail .main-area #section01 #sub > * {
    padding: 1rem 0
  }
  #casestudy-detail .main-area #section01 #sub h2 {
    font-size: 1.6rem
  }
  #casestudy-detail .main-area #section01 #sub p {
    margin-bottom: 0;
    font-size: 1.4rem
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li {
    width: 50%;
    padding: 0 1rem
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li .image {
    width: 9rem;
    margin-bottom: 1rem
  }
  #casestudy-detail .main-area #section01 #sub .doctor-list li p {
    text-align: center
  }
  #casestudy-detail .main-area #section01 #sub > div h4 {
    font-size: 1.5rem
  }
  #casestudy-detail .main-area #section01 #sub > div p {
    margin-bottom: 0
  }
  #casestudy-detail .main-area #section02 {
    padding-bottom: 5rem
  }
  #casestudy-detail .main-area #section02 .inner {
    padding: 0
  }
  #casestudy-detail .main-area #section02 #other-recommend {
    width: 100%;
    display: block
  }
  #casestudy-detail .main-area #section02 #other-recommend .slick-list {
    overflow: visible
  }
  #casestudy-detail .main-area #section02 #other-recommend .block {
    width: 90%;
    background: #fff;
    padding: 0;
    margin: 0 1rem;
    border-radius: 2rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block a {
    width: 100%;
    display: block
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .image {
    height: 18rem;
    overflow: hidden;
    margin: 0 0 1.75rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .image img {
    width: 104%;
    top: 50%
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details {
    padding: 0 3rem 3rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details .name {
    font-size: 1.4rem;
    margin: 0 0 1.25rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details h2, #casestudy-detail .main-area #section02 #other-recommend .block .details h3 {
    font-size: 2.1rem;
    margin: 0 0 1.75rem
  }
  #casestudy-detail .main-area #section02 #other-recommend .block .details .text {
    font-size: 1.4rem;
    line-height: 1.75
  }
  #casestudy-detail .main-area #section02 .button a {
    font-size: 1.2rem;
    padding: 1.25rem 2rem
  }
  #column .main-area {
    padding: 3rem 0 8rem
  }
  #column .main-area #section01 {
    padding: 0
  }
  #column .main-area #section01 .section-title {
    margin-bottom: 3.3rem
  }
  #column .main-area #section01 .section-title h1 span {
    font-size: 3rem
  }
  #column .main-area #section01 #main {
    margin-bottom: 5rem
  }
  #column .main-area #section01 #main .post-list li {
    padding: 0 0 2rem;
    margin: 0 0 3rem
  }
  #column .main-area #section01 #main .post-list li a h2 {
    font-size: 2rem;
    margin: 2rem 0 .5rem
  }
  #column .main-area #section01 #main .post-list li .categories {
    margin: 0 0 2.5rem;
    flex-direction: column
  }
  #column .main-area #section01 #main .post-list li .categories .category {
    margin: 0 0 1rem
  }
  #column .main-area #section01 #main .post-list li .categories .category a {
    font-size: 1.4rem
  }
  #column .main-area #section01 #main .post-list li .categories time {
    font-size: 1.4rem
  }
  #column .main-area #section01 #main .post-list li .post-head {
    font-size: 1.4rem
  }
  #column .main-area #section01 #sub {
    width: 100%;
    display: flex;
    flex-direction: column
  }
  #column .main-area #section01 #sub dl {
    width: 100%;
    margin-bottom: 5rem
  }
  #column .main-area #section01 #sub dl dt {
    font-size: 1.8rem;
    padding: 1.4rem 0 1.6rem 4.1rem
  }
  #column .main-area #section01 #sub dl dt.hot-post:before {
    width: 2.3rem;
    margin: 0 .9rem
  }
  #column .main-area #section01 #sub dl dt.post-category:before {
    width: 2.3rem;
    margin: 0 .9rem
  }
  #column .main-area #section01 #sub dl dd ul li a:before {
    width: 5px;
    height: 5px;
    top: 2.6rem;
    left: 1rem
  }
  #column.post .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #column.post .main-area #section01 .section-title h1 span {
    font-size: 2.4rem
  }
  #column.post .main-area #section01 #main .eye-catch {
    margin: 0 0 5rem
  }
  #column.post .main-area #section01 #main p {
    font-size: 1.5rem;
    margin-bottom: 2.5rem
  }
  #column.post .main-area #section01 #main #entry-head {
    margin-bottom: 5rem
  }
  #column.post .main-area #section01 #main h2 {
    font-size: 2rem;
    margin-bottom: 2.5rem
  }
  #column.post .main-area #section01 #main .author-area{
	padding: 3rem 2rem;
    background: #f9f9f9;
    margin-bottom: 2rem;
  }
  #column.post .main-area #section01 #main .author-area .author-area-inner{
	flex-direction: column;
  }
  #column.post .main-area #section01 #main .author-area .author-area-inner .author-img{
	width: inherit;
  }
  #column.post .main-area #section01 #main .author-area .author-area-inner .author-profile{
	width: 100%;
  }
  .profile-js {
    margin-bottom: 3.5rem
  }
  .profile-js dt span {
    padding: 1rem 1.7rem;
    font-size: 1.5rem
  }
  .profile-js dd {
    padding: 1.8rem 1.8rem 1.5rem
  }
  .profile-js dd .image {
    width: 8rem;
    height: 8rem;
    margin: 0 1.5rem 0 0
  }
  .profile-js dd .detail {
    width: calc(100% - 8rem - 1.5rem)
  }
  .profile-js dd .detail .name {
    font-weight: 900;
    margin: 0 0 1rem !important;
    line-height: 1 !important
  }
  .profile-js dd .text {
    font-feature-settings: 'palt';
    line-height: 1.75;
    margin: 1rem 0 0 0 !important;
    font-size: 1.4rem !important
  }
  #seminarevent .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list {
    flex-direction: column
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div {
    width: 100%;
    max-width: none;
    margin: 0 0 4rem 0
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .over .image:before {
    padding: .7rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .image {
    border-radius: 1.5rem;
    margin: 0 0 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories {
    display: flex;
    margin: 0 0 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li {
    font-size: 1.2rem;
    min-width: 6rem;
    margin: 0 .5rem 0 0;
    padding: .3rem .8rem .6rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live img {
    width: 2.5rem;
    top: 0px
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .categories li.live:before {
    width: 1.4rem;
    margin: 0 .55rem 0 0;
    top: 55%
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div .details {
    padding: 0
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time {
    font-size: 1.5rem;
    margin: 0 0 .8rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span {
    font-size: 2.4rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div time span.year {
    font-size: 1.5rem
  }
  #seminarevent .main-area #section01 .inner .contents-block #seminar-list > div p {
    font-size: 1.4rem
  }
  #seminarevent.thanks .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #seminarevent.thanks .main-area #section01 .inner .contents-block .text {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem
  }
  #seminarevent.thanks .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #seminarevent.form .main-area .inner {
    max-width: 800px
  }
  #seminarevent.form .main-area .eyecatch {
    margin: 0 0 3rem
  }
  #seminarevent.form .main-area .eyecatch.over:before {
    font-size: 1.35rem;
    padding: .7rem 1rem
  }
  #seminarevent.form .main-area .section-title {
    margin-bottom: 1.5rem
  }
  #seminarevent.form .main-area .section-title h1 span {
    font-size: 2.4rem
  }
  #seminarevent.form .main-area .categories {
    display: flex;
    margin: 0 0 3rem
  }
  #seminarevent.form .main-area .categories li {
    font-size: 1.4rem;
    min-width: inherit;
    padding: .6rem 1.2rem .7rem
  }
  #seminarevent.form .main-area .categories li.live img {
    width: 3rem;
    top: 0px
  }
  #seminarevent.form .main-area .categories li.live:before {
    width: 1.8rem;
    margin: 0 .6rem 0 0;
    top: 55%
  }
  #seminarevent.form .main-area dl.summary > dt {
    margin: 0 0 1.5rem
  }
  #seminarevent.form .main-area dl.summary > dt h2 {
    font-size: 1.6rem
  }
  #seminarevent.form .main-area dl.summary > dd {
    margin: 0 0 5rem
  }
  #seminarevent.form .main-area dl.summary > dd h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
  #seminarevent.form .main-area dl.summary > dd p {
    font-size: 1.5rem;
    margin: 0 0 3rem
  }
  #seminarevent.form .main-area dl.summary > dd .disc-list li {
    font-size: 1.5rem
  }
  #seminarevent.form .main-area dl.details-table dt, #seminarevent.form .main-area dl.details-table dd {
    font-size: 1.5rem
  }
  #seminarevent.form .main-area dl.details-table dt {
    width: 8rem;
    padding: 1.5rem 0 1.5rem .8rem
  }
  #seminarevent.form .main-area dl.details-table dd {
    width: calc(100% - 8rem);
    font-feature-settings: 'palt'
  }
  #seminarevent.form .main-area dl.details-table dd div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem .8rem
  }
  #seminarevent.form .main-area dl.details-table dd time {
    display: block
  }
  #seminarevent.form .main-area dl.details-table dd time span {
    font-size: 150%;
    font-weight: 700
  }
  #seminarevent.form .main-area dl.details-table dd time span.time {
    font-weight: 700;
    display: block;
    margin-bottom: 1rem;
    font-size: 1.6rem
  }
  #seminarevent.form .main-area dl.details-table dd .contact-button {
    font-size: 1.2rem;
    padding: 1rem 1.5rem 1.2rem
  }
  #seminarevent.form .main-area #section01 {
    padding: 3rem 0 4rem
  }
  #seminarevent.form .main-area #section01 .inner .contents-block .text {
    text-align: center;
    line-height: 1.75;
    margin-bottom: 4rem
  }
  #seminarevent.form .main-area #form-area {
    padding: 0 0 5rem
  }
  #seminarevent.form .main-area #form-area h2 {
    font-size: 2rem;
    font-weight: 400;
    margin: 0 0 1.5rem
  }
  #seminarevent.form .main-area #form-area .form-set {
    border-radius: 1.5rem;
    padding: 3rem 2.5rem
  }
  #seminarevent.form .main-area #form-area .form-set #form dl {
    flex-direction: column
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dt, #seminarevent.form .main-area #form-area .form-set #form dl dd {
    padding: 1.5rem 0
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dt {
    width: 100%;
    border: none;
    padding-bottom: 0
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dt.required:after {
    font-size: .9rem;
    font-weight: 500;
    padding: 5px 7px 5px;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-left: .8rem
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd {
    padding-top: .7rem;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd:last-of-type {
    border: none
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd div {
    width: 100%
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd.divide div {
    width: 100%;
    margin: 0 0 .9rem
  }
  #seminarevent.form .main-area #form-area .form-set #form dl dd.divide div:last-of-type {
    margin-bottom: 0
  }
  #seminarevent.form .main-area #form-area .form-set #form input, #seminarevent.form .main-area #form-area .form-set #form select {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1.1rem
  }
  #seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label {
    margin: 2rem auto
  }
  #seminarevent.form .main-area #form-area .form-set #form .privacypolicy_check-label label {
    font-size: 1.3rem
  }
  #seminarevent.form .main-area #form-area .form-set #form textarea {
    height: 13rem;
    padding: 1.1rem;
    font-size: 1.4rem;
    font-weight: 400
  }
  #seminarevent.form .main-area #form-area .form-set #form .submit-button {
    margin-bottom: 4rem
  }
  #seminarevent.form .main-area #form-area .form-set #form .submit-button button {
    font-size: 1.8rem;
    font-weight: 900;
    padding: 1.4rem 5rem 1.5rem
  }
  #seminarevent.form .main-area #form-area .form-set #form span.validation-error {
    bottom: -2rem;
    left: 5px;
    padding: .6rem 1rem .8rem;
    font-size: 1rem;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2))
  }
  #seminarevent.form .main-area #form-area .form-set #form span.validation-error:before {
    left: 2.4rem;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #ffdc00
  }
  #seminarevent.form .main-area #form-area .form-set .annotation p {
    margin: 0 0 2.5rem;
    font-size: 1.2rem
  }
  #seminarevent.form .main-area #section02 {
    padding: 0 0 6rem
  }
  #seminarevent.form .main-area #section02 h2 {
    font-size: 1.8rem;
    font-weight: 900;
    margin: 0 0 2rem
  }
  #seminarevent.form .main-area #section02 .instructors {
    margin: 0 0 3rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js {
    padding: 1.5rem;
    align-items: stretch;
    margin: 0 0 1.5rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js:last-of-type {
    margin-bottom: 0
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .image {
    width: 8.6rem;
    margin: 0 1.5rem 0 0
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail {
    width: calc(100% - 8.6rem - 1.5rem)
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 {
    margin-bottom: 0
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 span {
    font-weight: 700;
    font-size: 1.4rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .company {
    font-size: 1.4rem;
    margin-bottom: 1.4rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .role {
    font-size: 1.2rem;
    margin-bottom: .5rem
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .detail h3 .name-det span {
    font-size: 1.8rem;
    display: inline-block;
    margin: 0 .5rem 0 0
  }
  #seminarevent.form .main-area #section02 .instructors .profile-js .text {
    margin-top: 1.3rem;
    font-size: 1.4rem
  }
  #seminarevent.form .main-area #section02 .end {
    padding: 1.5rem 0 0
  }
  #seminarevent.form .main-area #section02 .end .notes {
    font-size: 1.3rem;
    margin-bottom: 3.5rem;
    line-height: 1.75
  }
  #seminarevent.form .main-area .button {
    text-align: center;
    margin: 5rem 0 0
  }
  #seminarevent.form .main-area .button a {
    font-size: 1.2rem;
    padding: 1.5rem 1.7rem
  }
  #seminarevent .main-area #form-area .form-set form dl dd {
    width: 100%!important;
}
  #contact-thanks .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #contact-thanks .main-area #section01 .inner .contents-block .text {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem
  }
  #contact-thanks .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #contact .main-area .inner {
    max-width: 800px
  }
  #contact .main-area .section-title {
    margin-bottom: 1rem
  }
  #contact .main-area .section-title h1 {
    font-size: 3rem;
	padding: 0 1rem;
	  margin-bottom: 1rem;
  }
  #contact .main-area .section-title h1 span {
    font-size: 2.8rem
  }
  #contact .main-area .section-title .sub {
    font-size: 1.6rem;
    padding: 0 2rem
  }
  #contact .main-area .index-list {
	  background: #f6f8f8;
	  border-radius: 1rem;
	  padding: 1rem;
	  margin-bottom: 3rem;
}
	#contact .main-area .index-list h2{
	font-size: 2.4rem;
	}
  #contact .main-area #form-area {
    padding: 4rem 0 6rem
  }
  #contact .main-area #form-area .form-set {
    padding: 0
  }
  #contact .main-area #form-area .form-set form dl {
    flex-direction: column
  }
  #contact .main-area #form-area .form-set form dl dt, #contact .main-area #form-area .form-set form dl dd {
    padding: 1.5rem 0
  }
  #contact .main-area #form-area .form-set form dl dt {
    width: 100%;
    border: none;
    padding-bottom: 0;
    font-size: 1.4rem
  }
  #contact .main-area #form-area .form-set form dl dt.required:after {
    font-size: .9rem;
    font-weight: 500;
    padding: 5px 7px 5px;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-left: .8rem
  }
  #contact .main-area #form-area .form-set form dl dd {
    padding-top: .7rem;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #contact .main-area #form-area .form-set form dl dd div {
    width: 100%
  }
  #contact .main-area #form-area .form-set form dl dd.divide div {
    width: 100%;
    margin: 0 0 .9rem
  }
  #contact .main-area #form-area .form-set form dl dd.divide div:last-of-type {
    margin-bottom: 0
  }
  #contact .main-area #form-area .form-set form input:not(#submit-button), #contact .main-area #form-area .form-set form select {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1.1rem
  }
  #contact .main-area #form-area .form-set form .checkbox-group {
    flex-direction: column
  }
  #contact .main-area #form-area .form-set form .checkbox-group input {
    top: -.2em
  }
  #contact .main-area #form-area .form-set form .checkbox-group label {
    width: 100%;
    font-size: 1.2rem;
    margin: .7rem 0
  }
  #contact .main-area #form-area .form-set form .checkbox-group label:last-child {
    margin-bottom: 0
  }
  #contact .main-area #form-area .form-set form .privacypolicy_check-label {
    margin: 2rem auto
  }
  #contact .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.3rem
  }
  #contact .main-area #form-area .form-set form textarea {
    height: 18rem;
    padding: 1.1rem;
    font-size: 1.4rem;
    font-weight: 400
  }
  #contact .main-area #form-area .form-set form .submit-button {
    margin-bottom: 4rem
  }
  #contact .main-area #form-area .form-set form span.validation-error {
    bottom: -2rem;
    left: 5px;
    padding: .6rem 1rem .8rem;
    font-size: 1rem;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2))
  }
  #contact .main-area #form-area .form-set form span.validation-error:before {
    left: 2.4rem;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #ffdc00
  }
  #contact .main-area #form-area .form-set .annotation p {
    margin: 0 0 2.5rem;
    font-size: 1.2rem
  }
  #seminar-thanks .main-area #section01 {
    padding: 4rem 0 8rem
  }
  #seminar-thanks .main-area #section01 .inner .contents-block .text {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem
  }
  #seminar-thanks .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #support .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #support .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube {
    font-size: 2.2rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset h2.logo-youtube img {
    width: 10.3rem;
    top: .35rem;
    margin-right: .8rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel {
    font-size: 3rem
  }
  #support .main-area #section01 .inner .contents-block .column-3blockC li .inset .tel:before {
    content: url("../img/common/ico-telephone.svg");
    width: 3.7rem;
    top: 3px
  }
  #support .main-area .button {
    text-align: center
  }
  #support .main-area .button a {
    display: inline-block;
    font-size: 1.4rem;
    padding: 1.7rem 2rem;
    border: 1px solid #d8dcdc;
    border-radius: 15rem
  }
  #support .main-area .button a span {
    color: #2d3030;
    font-weight: 500
  }
  #document-thanks .main-area #section01 {
    padding: 4rem 0 8rem
  }
	#document-thanks .main-area #section01 .inner .block{
	  flex-direction: column;
  }
  #document-thanks .main-area #section01 .inner .block.function{
    padding:15px;
  }
  #document-thanks .main-area #section01 .inner .block.function h2{
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 10px;
  }	
  #document-thanks .main-area .download-button{
    flex-direction: column;
  }
  #document-thanks .main-area .block.function .download-button{
    width:100%;
  }
  #document-thanks .main-area .block.function .download-button:last-of-type{
	margin-top: 2rem;	
  }	
  #document-thanks .main-area #section01 .inner .block .image{
	  width: 100%;
  }
  #document-thanks .main-area #section01 .inner .block.function .image{
    padding: 1rem;
  }	
  #document-thanks .main-area #section01 .inner .block.function .image img{
    max-height: 30vh;
	margin: 20px auto 0;
  }	
  #document-thanks .main-area #section01 .inner .block .text{
    width: 100%;
    padding: 1.6rem;
  }
  #document-thanks .main-area #section01 .inner .block.function .text h3{
    font-size: 1.8rem;
    letter-spacing: -2px;
	text-align: center;
  }
  #document-thanks .main-area #section01 .inner .block.function .text p{
    font-size: 1.3rem;
  }
  #document-thanks .main-area #section01 .inner .block .function-box{
	flex-direction: column;
  }
  #document-thanks .main-area #section01 .inner .block.function .function-box .plus{
	--size: 30px;
    --thick: 4px;
	top: calc(50% - 15px);
  }	
  #document-thanks .main-area .download-button .contact-button{
	  width: 100%;
	  font-size: 1.6rem;
	  text-align: center;
  }
  #document-thanks .main-area .block.function .contact-button{
	  padding: 1.6rem;
  }	
  #document-thanks .main-area .block.function .contact-button span{
	  font-size: 1.4rem;
  }
  #document-thanks .main-area #section01 .inner .contents-block .text {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem
  }
  #document-thanks .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #document-thanks .main-area .block.function ul li{
    font-size: 1.2rem;
  }	
  #document .main-area .inner {
    max-width: 800px
  }
  #document .main-area .section-title {
    margin-bottom: 1rem
  }
  #document .main-area .section-title h1 span {
    font-size: 3rem
  }
  #document .main-area .section-title .sub {
    font-size: 1.8rem;
    padding: 0 2rem
  }
  #document .main-area .index-list, #document-thanks .main-area .index-list {
    flex-direction: column;
  }
	#document .main-area .index-list h2{
		font-size: 2.4rem;
	}
  #document .main-area #form-area {
    padding: 4rem 0 6rem
  }
  #document .main-area #form-area .form-set {
    padding: 0
  }
  #document .main-area #form-area .form-set form dl {
    flex-direction: column
  }
  #document .main-area #form-area .form-set form dl dt, #document .main-area #form-area .form-set form dl dd {
    padding: 1.5rem 0
  }
  #document .main-area #form-area .form-set form dl dt {
    width: 100%;
    border: none;
    padding-bottom: 0;
    font-size: 1.4rem
  }
  #document .main-area #form-area .form-set form dl dt.required:after {
    font-size: .9rem;
    font-weight: 500;
    padding: 5px 7px 5px;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-left: .8rem
  }
  #document .main-area #form-area .form-set form dl dd {
    padding-top: .7rem;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap
  }
  #document .main-area #form-area .form-set form dl dd div {
    width: 100%
  }
  #document .main-area #form-area .form-set form dl dd.divide div {
    width: 100%;
    margin: 0 0 .9rem
  }
  #document .main-area #form-area .form-set form dl dd.divide div:last-of-type {
    margin-bottom: 0
  }
  #document .main-area #form-area .form-set form input:not(#submit-button), #document .main-area #form-area .form-set form select {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1.1rem
  }
  #document .main-area #form-area .form-set form .checkbox-group {
    flex-direction: column
  }
  #document .main-area #form-area .form-set form .checkbox-group input {
    top: -.2em
  }
  #document .main-area #form-area .form-set form .checkbox-group label {
    width: 100%;
    font-size: 1.2rem;
    margin: .7rem 0
  }
  #document .main-area #form-area .form-set form .checkbox-group label:last-child {
    margin-bottom: 0
  }
  #document .main-area #form-area .form-set form .privacypolicy_check-label {
    margin: 2rem auto
  }
  #document .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.3rem
  }
  #document .main-area #form-area .form-set form textarea {
    height: 18rem;
    padding: 1.1rem;
    font-size: 1.4rem;
    font-weight: 400
  }
  #document .main-area #form-area .form-set form .submit-button {
    margin-bottom: 4rem
  }
  #document .main-area #form-area .form-set .annotation p {
    margin: 0 0 2.5rem;
    font-size: 1.2rem
  }
  #trial-thanks .main-area #section01 {
    padding: 4rem 0 8rem;
  }
  #trial-thanks .main-area #section01 .inner .block{
	  flex-direction: column;
  }
  #trial-thanks .main-area .download-button{
	  flex-direction: column;
  }
  #trial-thanks .main-area #section01 .inner .block .image{
	  width: 100%;
  }
  #trial-thanks .main-area #section01 .inner .block .text{
	  width: 100%;
  }
  #trial-thanks .main-area .download-button .contact-button{
	  width: 100%;
	  font-size: 1.6rem;
	  text-align: center;
  }
  #trial-thanks .main-area #section01 .inner .contents-block .text {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  #trial-thanks .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #trial .main-area .inner {
    max-width: 800px;
  }
  #trial .main-area .section-title {
    margin-bottom: 1rem;
  }
  #trial .main-area .section-title h1{
    padding: 0 1rem;
    margin: 0 0 1rem;
  }	
  #trial .main-area .section-title h1 span {
    font-size: 2.8rem
  }
  #trial .main-area .section-title .sub {
    font-size: 1.8rem;
    padding: 0 2rem;
  }
  #trial .main-area .block{
    padding: 3rem 0 3rem;
	argin: 0 0 3rem;
  }
  #trial .main-area .block .inner-box .inner-item{
    flex-direction: column;
  }
  #trial .main-area .block .inner-box .inner-item img{
    width: 100%;
  }
  #trial .main-area .block .inner-box .contents-block li{
    width: calc(50% - 1rem);
    margin-bottom: 1rem;
  }
  #trial .main-area .block ul.faq li dl dt:before{
    width: 5%;
    top: .75rem;
  }
  #trial .main-area .block ul.faq li dl dd:before{
   width: 5%;
   top: .3em;
  }
  #trial .main-area .block ul.faq{
   margin: 0;
  }
  #trial .button-area{
   padding: 0;
  }
  #trial .button-area p{
   font-size: 1.4rem;
  }
  #trial .main-area .index-list, #trial-thanks .main-area .index-list {
    flex-direction: column;
	padding: 1rem;
  }
  #trial .main-area .index-list h2{
    font-size: 2.4rem;
  }
  #trial .main-area #form-area {
    padding: 4rem 0 6rem;
  }
  #trial .main-area #form-area .form-set {
    padding: 0;
  }
  #trial .main-area #form-area .form-set form dl {
    flex-direction: column
  }
  #trial .main-area #form-area .form-set form dl dt, #trial .main-area #form-area .form-set form dl dd {
    padding: 1.5rem 0;
  }
  #trial .main-area #form-area .form-set form dl dt {
    width: 100%;
    border: none;
    padding-bottom: 0;
    font-size: 1.4rem;
  }
  #trial .main-area #form-area .form-set form dl dt.required:after {
    font-size: .9rem;
    font-weight: 500;
    padding: 5px 7px 5px;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-left: .8rem;
  }
  #trial .main-area #form-area .form-set form dl dd {
    padding-top: .7rem;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #trial .main-area #form-area .form-set form dl dd div {
    width: 100%;
  }
  #trial .main-area #form-area .form-set form dl dd.divide div {
    width: 100%;
    margin: 0 0 .9rem;
  }
  #trial .main-area #form-area .form-set form dl dd.divide div:last-of-type {
    margin-bottom: 0;
  }
  #trial .main-area #form-area .form-set form input:not(#submit-button), #trial .main-area #form-area .form-set form select {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1.1rem;
  }
  #trial .main-area #form-area .form-set form .checkbox-group {
    flex-direction: column
  }
  #trial .main-area #form-area .form-set form .checkbox-group input {
    top: -.2em;
  }
  #trial .main-area #form-area .form-set form .checkbox-group label {
    width: 100%;
    font-size: 1.2rem;
    margin: .7rem 0;
  }
  #trial .main-area #form-area .form-set form .checkbox-group label:last-child {
    margin-bottom: 0;
  }
  #trial .main-area #form-area .form-set form .privacypolicy_check-label {
    margin: 2rem auto;
  }
  #trial .main-area #form-area .form-set form .privacypolicy_check-label label {
    font-size: 1.3rem;
  }
  #trial .main-area #form-area .form-set form textarea {
    height: 18rem;
    padding: 1.1rem;
    font-size: 1.4rem;
    font-weight: 400;
  }
  #trial .main-area #form-area .form-set form .submit-button {
    margin-bottom: 4rem
  }
  #trial .main-area #form-area .form-set .annotation p {
    margin: 0 0 2.5rem;
    font-size: 1.2rem;
  }	
  #team {
    font-feature-settings: normal
  }
  #team .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #team .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #team .main-area #section01 .inner .contents-block .mv {
    width: 108%;
    margin: 0 auto 5rem;
    position: relative;
    left: -4%
  }
  #team .main-area #section01 .inner .contents-block ul {
    flex-direction: column
  }
  #team .main-area #section01 .inner .contents-block ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 3.5rem 0;
    padding-bottom: 2rem
  }
  #team .main-area #section01 .inner .contents-block ul li:after {
    content: '';
    display: block;
    background: #e6e7e7;
    width: 100%;
    height: 1px;
    position: relative;
    top: auto;
    bottom: -2rem;
    right: 0
  }
  #team .main-area #section01 .inner .contents-block ul li:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0
  }
  #team .main-area #section01 .inner .contents-block ul li:last-of-type:after {
    display: none
  }
  #team .main-area #section01 .inner .contents-block ul li h2 {
    font-size: 2.2rem
  }
  #team .main-area #section01 .inner .contents-block ul li p {
    font-size: 1.5rem
  }
  #team .main-area .button {
    text-align: center
  }
  #team .main-area .button a {
    display: inline-block;
    font-size: 1.4rem;
    padding: 1.7rem 2rem;
    border: 1px solid #d8dcdc;
    border-radius: 15rem
  }
  #team .main-area .button a span {
    color: #2d3030;
    font-weight: 500
  }
  #notfound .main-area #section01 .section-title, #document .main-area #section01 .section-title {
    margin-bottom: 5rem
  }
  #notfound .main-area #section01 .inner .contents-block .main, #document .main-area #section01 .inner .contents-block .main {
    font-size: 1.8rem;
    padding: 3.5rem 0;
    margin: 0 auto 2rem
  }
  #notfound .main-area #section01 .inner .contents-block .text, #document .main-area #section01 .inner .contents-block .text {
    font-size: 1.4rem;
    margin-bottom: 3rem
  }
  #notfound .main-area .button a, #document .main-area .button a {
    font-size: 1.2rem;
    padding: 1.2rem 1.6rem 1.4rem
  }
  #document .main-area .section-title h1 {
		padding: 0 1rem;
		margin: 0 0 1rem 0;	
  }
  #document .main-area .section-title h1 span {
	  font-size: 2.8rem;
  }
  #document .main-area .section-title .sub {
	  font-size: 1.6rem;
	  padding: 0 2rem;
  }
  #document  .main-area .index-list {
	  padding: 1rem 1rem;
	  margin:0 0 3rem 0;
  }
  #document .main-area .block .inner-box{
	  gap: 5rem;
  }
  #document .main-area .block .inner-box .inner-item{
	  width:100%;
  }
  #document .button-area{
		padding: 2rem 0;
  }
  #plan .main-area #section01 {
    padding: 4rem 0 0;
  }
  #plan .main-area #section02{
	padding: 4rem 0 0;	
  }
  #plan .main-area #section02 .inner .border-block {
    padding: 2.8rem 2rem;
}
	#plan .main-area #section02 .inner .contents-block .area .details ul li h3{
		font-size: 1.4rem;
	}
  #plan .main-area #section02 .inner .border-block:before{
	  top: -4rem;
	  left: -1rem;
	  width: 8rem;
	  height: 8rem;	
}
  #plan .main-area #section02 .inner .contents-block .area{
	  flex-direction: column;
  }
  #plan .main-area #section02 .inner .contents-block .area .details{
	  width: 100%;
	  order:2;
  }
  #plan .main-area #section02 .inner .contents-block .area .details h2{
	  font-size: 3rem;
  }
  #plan .main-area #section02 .inner .contents-block .area .details h2 span{
	  font-size: 2rem;
  }
  #plan .main-area #section02 .inner .contents-block .area .image{
	  width:100%;
	  margin:2rem 0;
	  order:1;
  }
  #plan .main-area #section02 .section-title h2 span{
	  font-size: 2rem;
  }
  #plan .main-area #section02 .section-title h2 span > span{
	  font-size: 2.6rem;
  }
  #plan .main-area #section02 .border-block .contents-block>ul{
	  flex-direction: column;
  }
  #plan .main-area #section02 .border-block .contents-block>ul>li,
  #plan .main-area #section02 .border-block .contents-block>ul>li.quarter{
	  width:100%;
	  max-width: none;
	  border-radius: 1rem;
  }
  #plan .main-area #section02 .border-block .contents-block>ul>li.one-third{
	  width:100%;
	  max-width: none;
	  border-radius: 1rem;
  }
  #plan .main-area #section02 .border-block .contents-block>ul>li .block h3{
	  font-size: 2.4rem;
	  margin: 0 0 2rem;
  }
  #plan .main-area #section02 .section-title {
	  margin: 3rem 0 4rem;
  }
  #plan .main-area #section02 .section-title h2 span{
	  font-size: 2.6rem;
  }
  #plan .main-area #section02 .section-title .sub{
	  text-align: left;
  }	
  #plan .main-area #section02 .inner .contents-block .border-block-list{
	  flex-direction: column;
	  padding:2.4rem 0;
  }	
  #plan .main-area #section02 .inner .contents-block .border-block-list li{
	  margin: 0 0 2rem 0;
  }
  #plan .main-area #section02 .inner .contents-block .border-block-list li a{
	  width: 100%;	
  }
  #plan .main-area #section02 .inner .contents-block .border-block-list li a h3{
	  font-size: 2rem;
  }	
  #plan .main-area #section02 .inner .contents-block .price span{
	  font-size: 3rem;
  }
  #plan .main-area .button-area{
	  padding: 4rem 0;
  }
  #plan .main-area #section03:before{
	width: 5rem;	
  }
  #plan .main-area #section03 .section-title .sub{
	  text-align: left;
  }
  #plan .main-area #section03 .inner .contents-block.bg{
	  background:none;
  }	
  #plan .main-area #section03 .inner .contents-block.bg h3{
	  font-size: 2.2rem;
  }
  #plan .main-area #section03 .inner .contents-block.bg h3:before,
  #plan .main-area #section03 .inner .contents-block.bg h3:after{
	  display: none;
  }	
  #plan .main-area #section03 .inner .contents-block .border-block-list li{
	  width:100%;
	  margin: 0 0 4rem 0;
  }
  #plan .main-area #section03 .inner .contents-block .border-block-list li a{
	  width:100%;
  }
  #plan .main-area #section03 .inner .contents-block .border-block-list li h4{
	  font-size: 2rem;
  }
  #plan .main-area #section03 .inner .contents-block .border-block-list li h4 span{
	  font-size: 1.6rem;
  }	
  #plan .main-area #section03 .inner .contents-block .border-block-list li h5{
	  font-size: 1.6rem;
  }		
  #plan .main-area #section03 .inner .contents-block .border-block-list li p.add{
	  font-size:1.6rem;
  }	
  #plan .main-area #section03 .inner .contents-block .border-block-list.popular li .detail:before{
	  width: 5rem;
	  height: 5rem;
  }	
  #plan .main-area #section03 .inner .contents-block>h3{
	  font-size: 2rem;
	}
  #plan .main-area #section05 {
    padding: 4rem 0 6rem
  }
  #plan .main-area #section05 .section-title {
    margin-bottom: 2rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list {
    flex-direction: column;
    margin: 0 auto;
    padding: 10rem 0;
    overflow: hidden;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li {
    margin: 0 0 2rem;
    width: 100%;
    padding: 2.7rem 0 0;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:first-child {
    left: 0;
    top: 8rem;
    transform: translate(0, -100%);
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:first-child:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:last-child {
    right: 0;
    bottom: 8rem;
    transform: translate(0, 100%);
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li:last-child:before {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main {
    margin: 0 0 .7rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head {
    border-radius: 1.75rem 1.75rem 0 0;
    padding: 2.3rem 0;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head:before {
    font-size: 1.6rem;
    width: 8rem;
    height: 8rem;
    top: -2.7rem;
    padding: 2.7rem 0 0;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .head h2 {
    font-size: 2.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .main .list-block {
    border-radius: 0 0 1.75rem 1.75rem;
    padding: 2.3rem 2.6rem 4.8rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more {
    border-width: 4px;
    border-radius: 1.75rem;
    padding: 4.5rem 2.6rem 2.8rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more:before {
    width: 3.2rem;
    top: -3.5rem;
    padding: 1.3rem 1.3rem 1.2rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.25rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li p {
    font-size: 1.5rem;
    margin-top: .8rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt {
    font-size: 1.4rem;
    margin-right: .8rem;
    border-radius: 10rem;
    padding-bottom: .5rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dt br {
    display: none;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd {
    font-size: 1.3rem;
    font-weight: 700
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .more dl.price dd span {
    font-size: 2.4rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li {
    padding: 0 0 1.2rem 3rem;
    margin: 0 0 1.2rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li:before {
    height: 1.55rem;
    width: 2.1rem;
    top: .4rem;
    right: .3rem;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3 {
    font-size: 1.3rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li .price, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li .price {
    position: absolute;
    right: 0;
    top: .3rem;
    font-size: 1.5rem;
    line-height: 1;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li .price:after, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li .price:after {
    content: '円';
    font-size: 1rem;
    margin-left: .1em;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.primary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.primary {
    font-size: 1.5rem;
    margin-bottom: .6rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary {
    font-size: 1.3rem;
    margin-bottom: .5rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li .list-block ul li h3.secondary:before, #plan .main-area #section05 .inner .contents-block .plan-list > li .more ul li h3.secondary:before {
    margin: 0 .6rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dt {
    font-size: 1.5rem;
    padding: .5rem .8rem .65rem .75rem;
    top: 2px
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dd {
    font-size: 1.5rem;
    font-weight: 700
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li dl.price dd span {
    font-size: 2.8rem
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li.cashless .head:after {
    width: 4.2rem;
    top: 52%;
    bottom: auto;
    right: 2.5rem;
    transform: translateY(-50%);
  }
  #plan .main-area #section05 .inner .contents-block .plan-list > li.paperless .head:after {
    width: 4.5rem;
    top: 52%;
    bottom: auto;
    right: 2.5rem;
    transform: translateY(-50%);
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .inner {
    padding: 2.7rem 2rem 0;
    margin: 0 0 1.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .inner:after {
    position: relative;
    margin-top: 1.2rem;
    width: calc(20rem * .85);
    height: calc(23rem * .85);
    right: 0rem;
    bottom: 0;
    transform: translateX(45%);
  }
  #plan .main-area #section05 .inner .contents-block .contact-block h4 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block p {
    margin-bottom: 2.5rem;
    line-height: 1.75;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 2.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block p br {
    display: none;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .contact-button {
    padding: 2rem 6.4rem;
    font-size: 1.6rem;
  }
  #plan .main-area #section05 .inner .contents-block .contact-block .contact-button:after {
    right: 2rem;
    width: 1rem;
    height: 1.5rem;
  }
  #plan .main-area #section05 .inner .contents-block .annotation li {
    font-size: 1.2rem;
  }
  #plan .main-area #section06 {
    padding: 0 0 6rem
  }
  #plan .main-area #section06 .inner {
    padding: 0 1rem;
  }
  #plan .main-area #section06 .inner .contents-block section {
    margin: 0 0 4rem
  }
  #plan .main-area #section06 .inner .contents-block section:last-of-type {
    margin-bottom: 1.5rem
  }
  #plan .main-area #section06 .inner .contents-block section h2 {
    font-size: 1.7rem;
    padding: 1.5rem;
    margin: 0 0 1.5rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li {
    flex-direction: column;
    padding: 0 .6rem 2rem;
    margin-bottom: 1.5rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li div {
    margin: 0 0 1rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li div h3 {
    font-size: 1.5rem;
    margin-bottom: 0
  }
  #plan .main-area #section06 .inner .contents-block section ul li div .notes {
    font-size: 1.3rem;
    font-feature-settings: 'palt';
  }
  #plan .main-area #section06 .inner .contents-block section ul li div .notes:before {
    left: .6rem
  }
  #plan .main-area #section06 .inner .contents-block section ul li .price, #plan .main-area #section06 .inner .contents-block section ul li .price-under, #plan .main-area #section06 .inner .contents-block section ul li .price-none {
    width: 100%;
    text-align: right;
    font-size: 1.2rem;
    margin-left: 0;
    font-weight: 700;
    position: relative;
    display: block;
    top: 0;
    right: 0;
  }
  #plan .main-area #section06 .inner .contents-block section ul li .price span, #plan .main-area #section06 .inner .contents-block section ul li .price-under span {
    font-size: 1.6rem;
    margin: 0 .2em;
  }
  #plan .main-area #section06 .inner .contents-block .text-right {
    font-weight: 400;
    font-size: 1.3rem;
  }
  #security .main-area #section01 {
    padding: 4rem 0 6rem
  }
  #security .main-area #section01 .section-title {
    margin-bottom: 2rem
  }
  #security .main-area #section01 .section-title h1 span {
    font-size: 3rem
  }
  #security .main-area #section01 .inner .contents-block .mv {
    width: 30rem;
    margin: 0 auto 3rem
  }
  #security .main-area #section01 .inner .contents-block ul {
    flex-direction: column
  }
  #security .main-area #section01 .inner .contents-block ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 3.5rem 0;
    padding-bottom: 2rem
  }
  #security .main-area #section01 .inner .contents-block ul li:after {
    content: '';
    display: block;
    background: #e6e7e7;
    width: 100%;
    height: 1px;
    position: relative;
    top: auto;
    bottom: -2rem;
    right: 0
  }
  #security .main-area #section01 .inner .contents-block ul li:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0
  }
  #security .main-area #section01 .inner .contents-block ul li:last-of-type:after {
    display: none
  }
  #security .main-area #section01 .inner .contents-block ul li h2 {
    font-size: 2.2rem
  }
  #security .main-area #section01 .inner .contents-block ul li p {
    font-size: 1.5rem;
  }
  #faq .main-area #section01 {
    padding: 4rem 0 6rem;
  }
  #faq .main-area #section01 .section-title {
    margin-bottom: 3rem;
  }
  #faq .main-area #section01 .inner .contents-block {
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav {
    margin: 0 0 2.5rem;
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
    font-feature-settings: 'palt';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 1rem;
  }
  #faq .main-area #section01 .inner .contents-block nav.main-nav ul li h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav {
    margin-bottom: 1.5rem;
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
    margin: 1rem;
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
    font-size: 1.4rem;
  }
  #faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a:after {
    width: 1.1rem;
    margin-left: .4rem;
  }
  #faq .main-area #section01 .inner .contents-block #container {
    width: calc(200% + 2.4rem);
  }
  #faq .main-area #section01 .inner .contents-block #container.second {
    left: calc(-100% - 2.4rem);
  }
  #faq .main-area #section01 .inner .contents-block #container > div {
	  padding: 1.7rem 1.2rem 0;
    margin-right: 2.4rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section {
    padding: 0 0 6rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section h3 {
    font-size: 1.8rem;
    margin: 0 0 2rem;
    padding: 1.7rem 0;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt {
    font-size: 1.5rem;
    padding: 1.8rem .5rem 1.8rem 3.2rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt:before {
    width: 1.5rem;
    left: .5rem;
    top: 2.2rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dt:after {
    display: none;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd {
    padding: 0 .5rem 2.8rem 3.2rem;
    font-size: 1.4rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd:before {
    width: 1.6rem;
    left: .5rem;
    top: .9rem;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd img {
    width: 100%;
  }
  #faq .main-area #section01 .inner .contents-block #container section dl dd img.cards {
    width: 23rem;
  }
  #patients-faq .main-area #section01 {
    padding: 4rem 0 6rem;
  }
  #patients-faq .main-area #section01 .section-title {
    margin-bottom: 3rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block {
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.main-nav {
    margin: 0 0 2.5rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.main-nav ul li {
    font-feature-settings: 'palt';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 1rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav {
    margin-bottom: 1.5rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li {
    margin: 1rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a {
    font-size: 1.4rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block nav.sub-nav ul li a:after {
    width: 1.1rem;
    margin-left: .4rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container {
    width: calc(200% + 2.4rem);
  }
  #patients-faq .main-area #section01 .inner .contents-block #container.second {
    left: calc(-100% - 2.4rem);
  }
  #patients-faq .main-area #section01 .inner .contents-block #container > div {
	  padding: 1.7rem 1.2rem 0;
    margin-right: 2.4rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section {
    padding: 0 0 6rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section h2 {
    font-size: 1.8rem;
    margin: 0 0 2rem;
    padding: 1.7rem 0;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt {
    font-size: 1.5rem;
    padding: 1.8rem .5rem 1.8rem 3.2rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt:before {
    width: 1.5rem;
    left: .5rem;
    top: 2.2rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dt:after {
    display: none;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd {
    padding: 0 .5rem 2.8rem 3.2rem;
    font-size: 1.4rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd:before {
    width: 1.6rem;
    left: .5rem;
    top: .9rem;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd img {
    width: 100%;
  }
  #patients-faq .main-area #section01 .inner .contents-block #container section dl dd img.cards {
    width: 23rem;
  }	
}
@media screen and (min-width: 521px) {
  #home #main-visual>.inner .image-area + .btn-area{
    display: none;
  }
}
/* 雪コンテナ */
#snow {
  position: fixed;
  inset: 0;
  pointer-events: none;      /* クリック操作を邪魔しない */
  z-index: 9999;
  overflow: hidden;
}

/* 雪の結晶１個分 */
.snowflake {
  position: absolute;
  top: -10vh;               /* 画面のちょっと上からスタート */
  color: #dcdce9;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

/* 左にふわふわしながら落ちる */
@keyframes snow-fall-left {
  0% {
    transform: translate3d(0, -10vh, 0);
  }
  100% {
    transform: translate3d(-15vw, 110vh, 0);
  }
}

/* 右にふわふわしながら落ちる */
@keyframes snow-fall-right {
  0% {
    transform: translate3d(0, -10vh, 0);
  }
  100% {
    transform: translate3d(15vw, 110vh, 0);
  }
}