/*
Theme Name: teressa_theme
*/

@charset "UTF-8";
html {
    font-size: 100%
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #1a1717;
}
a {
    text-decoration: none;
}
a:hover {
    opacity: 0.7;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    z-index: 9998;
}
.alignnone {
    width: 100% !important;
    height: auto;
}
.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}
.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    margin-top: 15% !important;
}
.footer_leftss {
    max-width: 200px !important;
    width: 100% !important;
    flex-direction: column;
}
.footer_rightss {
    max-width: 600px !important;
    width: 100% !important;
}
.lineee {
    margin-left: 24px;
}
.pt32 {
    padding-top: 32px !important;
}
.mt32 {
    margin-top: 32px;
}
.tex_c {
    text-align: center;
}
.reccomendd {
    max-width: 976px;
    width: auto;
    min-width: 300px;
    text-align: left;
    margin: 16px auto;
    padding: 0;
    height: 24px;
    overflow: visible;
    z-index: 999;
    position: relative;
    bottom: 64px;
    right: 32px;
}
.reccomendd img {
    width: 180px;
}
.topprice {
    margin: 32px auto 0;
}
.banner {
    position: fixed;
    display: block;
    width: 202px;
    top: 220px;
    right: 16px;
    z-index: 10;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
.siryo {
    margin-top: 5%;
    display: block;
}
.header > div, .footer > div {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px 30px 15px;
}
.header > div > a {
    width: 288px;
}
.footer > div > a {
    width: 200px;
}
.header > div > a:hover, .footer > div > a:hover {
    opacity: 1;
}
.header > div > div, .footer > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 534px;
    margin-top: 0px;
}
.header > div > div > div, .footer > div > div > div {
    width: auto;
    height: 100px;
}
.header > div > div > div > p, .footer > div > div > div > p {
    width: 327px;
}
.header > div > div > ul, .footer > div > div > ul {
    position: relative;
    top: 5px;
    display: flex;
    justify-content: space-between;
    width: 174px;
}
.header > div > div > ul > li, .footer > div > div > ul > li {
    list-style: none;
    width: 83px;
}
.tel {
    font-size : 28px;
    font-weight: 500;
    line-height : 30.64px;
    letter-spacing : 0.135em;
    color : #595757;
    margin-top: 6px;
}
.tel::before {
    content: "";
    display: inline-block;
    background-image: url(images/tel.png);
    background-size: cover;
    width: 34px;
    height: 22px;
    margin-right: 7px;
}
.time {
    text-align: end;
}
.time > img {
    width: 204px;
}
.header > nav, .footer > nav {
    background-color: #01a33e;
}
.header > nav > ul, .footer > nav > ul {
    display: flex;
    justify-content: flex-end;
    margin-right: 19px;
}
.header > nav > ul > li, .footer > nav > ul > li {
    list-style: none;
    padding: 10px 11px 9px;
}
.header > nav > ul > li > a, .footer > nav > ul > li > a {
    font-weight : 700;
    font-size : 15px;
    color : #FFFFFF;
}
.header > nav > ul > li > ul > li {
    list-style: none;
    background-color: #FFFFFF;
    padding: 2px 2px 0;
}
.header > nav > ul > li > ul > li > a {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size : 14px;
    background-color: #EBEBEC;
    color : #595757;
    padding: 5px 18px;
}
.drop {
    position: relative;
}
.sub-menu {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 999;
    width: 160px;
}
.drop:hover .sub-menu {
    display: block;
}
/* ハンバーガ?メニュー */
.hamburger {
    display: none;
    position: relative;
    justify-content: center;
    top: 20px;
}
.hamburger > a {
    display: block;
    width: 156px;
    margin-bottom: 15px;
}
.hamburger > div {
    position: absolute;
    top: -10px;
    right: 25px;
    background-color: #E95513;
}
.toggle {
    display: block;
    color: #fff;
    text-align: center;
    width: 45px;
    height: 45px;
    position: fixed;
    top: 16px;
    right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999;
}
.trigger {
    position: relative;
    width: 25px;
    height: 22px;
}
.trigger, .trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
}
.trigger span:nth-of-type(1) {
    top: 0;
}
.trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) scale(0);
    transform: translateY(8px) scale(0);
    background-color: #fff;
}
.trigger span:nth-of-type(2) {
    top: 9px;
}
.trigger.active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.trigger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.trigger span:nth-of-type(3) {
    bottom: 0;
}
.trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) scale(0);
    transform: translateY(-8px) scale(0);
    background-color: #fff;
}
.active {
    z-index: 97 !important;
    position: relative;
}
.trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) scale(0);
    transform: translateY(8px) scale(0);
    background-color: #fff;
}
.trigger.active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.trigger.active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
}
.trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) scale(0);
    transform: translateY(-8px) scale(0);
    background-color: #fff;
}
.gloval-nav {
    background: #201f1f;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
.active #gloval-nav {
    visibility: visible;
    opacity: 0.9;
}
/*メニュー*/
.gloval-nav li {
    list-style: none;
    width: 322px;
    height: 100px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
}
.gloval-nav li:last-child {
    background-color: #D2EFFA;
}
 .gloval-nav li:last-child a, {
 color: #005BAB;
}
.gloval-nav li:last-child > a::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(images/hamburger-li08.png);
    background-size: cover;
    vertical-align: -10px;
    margin-right: 10px;
}
/*.gloval-nav li:nth-child(9) > a::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(images/hamburger-li09.png);
  background-size: cover;
  vertical-align: -10px;
  margin-right: 10px;
}*/


.gloval-nav a {
    color: #1a1717;
    font-size: 20px;
    line-height: 52px;
}
.gloval-nav span {
    padding: 7px 80px;
    background-color: #DBDCDC;
    border-radius: 5px;
}
/* ハンバーガーメニューここまで */

.mw1044 {
    max-width: 1044px;
    margin-right: auto;
    margin-left: auto;
}
/* LINEを使って介護記録を報告しよう */
.section01 {
    margin-top: 2.5rem;
    margin-bottom: 2.375rem;
    padding: 0 5%;
    margin: 170px 0 0 0;
}
.section01 > div {
    display: flex;
    justify-content: space-between;
    max-width: 877px;
    margin-right: auto;
    margin-left: auto;
}
.section01 > div > figure {
    width: 28.164196%;
}
.section01 > div > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 65.222349%;
    margin-bottom: 1.0625rem;
}
.section01 > div > div > .text {
    width: 100%;
    margin-bottom: 5rem;
}
.section01 > div > div > .fee {
    width: 48.426573%;
}
/* LINEで報告業務ができるスマホ初心者向け記録管理 */
.section02 {
    margin-bottom: 3.125rem;
}
.section02 > .headline {
    color : #FF8000;
    background-color: #fff;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.section02 > .headline > div > p {
    width: 61.5489%;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.section02 > .headline > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8.2494%;
}
.section02 > .headline > div > div > h1 {
    width: 73.601%;
}
.section02 > .headline > div > div > p {
    width: 23.298%;
}
.section02 > .about {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.section02 > .about > ul {
    display: flex;
    flex-direction: column;
    width: 58.28869%;
}
.section02 > .about > ul > li {
    list-style: none;
}
.section02 > .about > ul > li:nth-child(1) {
    width: 100%;
    margin-bottom: 1.5625rem;
}
.section02 > .about > ul > li:nth-child(2) {
    width: 83.6579%;
    margin-bottom: 1.3125rem;
}
.section02 > .about > ul > li:nth-child(3) {
    width: 93.423%;
}
.section02 > .about > figure {
    width: 15.0609%;
    position: relative;
    top: 0;
    left: -10px;
}
.section02 > ul {
    display: flex;
    justify-content: space-between;
    max-width: 915px;
    width: 87.5995%;
    margin-right: auto;
    margin-left: auto;
}
.section02 > ul > li {
    width: 49.0565%;
    list-style: none;
    background-color: #8DC21F;
    padding: 1.625rem 1.5625rem 1.875rem;
    border-radius: 12px;
}
.section02 > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section02 > ul > li > a > img {
    display: block;
}
.section02 > ul > li > a > .text {
    width: 48.8386%;
}
.section02 > ul > li > a > .picture {
    width: 44.76449%;
    height: 100%;
}
/* CAPS キャプス 介護・福祉の文具マーケット */
.section03 {
    background-color: #23CFC7;
    margin-bottom: 3.9375rem;
    padding: 0 5%;
}
.section03 > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 895px;
    padding-top: 2.375rem;
    margin-right: auto;
    margin-bottom: 2.9375rem;
    margin-left: auto;
}
.section03 > div > h2 {
    width: 24.6827%;
    margin-bottom: 2px;
}
.section03 > div > p {
    width: 68.37988%;
}
.section03 > figure {
    max-width: 691px;
    width: 66.1877%;
    padding-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
}
/* いつもの記録がLINEに */
.section04 {
    margin-bottom: 2.5rem;
    padding: 0 5%;
}
.section04 > h2 {
    max-width: 750px;
    width: 79.819077%;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.section04 > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 896px;
    margin-right: auto;
    margin-bottom: 2.1875rem;
    margin-left: auto
}
.section04 > div > figure {
    width: 42.6339%;
}
.section04 > div > p {
    width: 54.4642%;
    margin-bottom: 3.3125rem;
}
.section04 > ul {
    display: flex;
    justify-content: space-between;
    max-width: 954px;
    margin-right: auto;
    margin-left: auto;
}
.section04 > ul > li {
    list-style: none;
    width: 23.626447%;
}
/* プランの比較 */
.section05 {
    background-color: #E5F6EC;
    padding: 2.5rem 0 4.6875rem;
    margin-bottom: 4.0625rem;
}
.section05 > h2 {
    max-width: 461px;
    width: 44.157%;
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
}
.section05 > p {
    text-align: center;
    font-weight: 400;
    font-size : 1.5rem;
    letter-spacing : 1.2px;
    color : #595757;
    margin-bottom: 1.5625rem;
}
.section05 > div {
    display: flex;
    justify-content: space-around;
    max-width: 976px;
    margin-right: auto;
    margin-left: auto;
}
.section05 > div > div {
    width: 29.875rem;
    padding: 0.3125rem;
    border-radius: 15px;
}
.section05 > div > div::after {
    content: "";
    display: block;
    background-color: #FFFFFF;
    width: 29.25rem;
    height: 10px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0 0 10px 10px;
}
.section05 > div > .storage {
    background-color: #FF8000;
}
.section05 > div > .basic {
    background-color: #00A33E;
}
.section05 > div > div > h3 {
    font-weight : 700;
    font-size : 2.5rem;
    letter-spacing : 0.8px;
    color : #FFFFFF;
    text-align: center;
    padding-top: 0.4375rem;
    padding-bottom: 0.625rem;
}
.section05 > div > div > div {
    background-color: #FFFFFF;
    padding-right: 1.375rem;
    padding-left: 1.375rem;
    margin-right: auto;
    margin-left: auto;
}
.section05 > div > div > div > p {
    width: 17.3125rem;
    padding-top: 1.5625rem;
    margin-right: auto;
    margin-bottom: 1.5625rem;
    margin-left: auto;
}
.section05 > div > .basic > div > p {
    width: 17.875rem;
}
.section05 > div > div > div > div {
    background-color: #eeeeef;
    padding-bottom: 0.0625rem;
    margin-right: auto;
    border-bottom: 1.25rem;
    margin-left: auto;
    border-radius: 8px;
}
.section05 > div > div > div > div > h4 {
    width: 20.125rem;
    padding-top: 2.1875rem;
    margin-right: auto;
    margin-bottom: 1.75rem;
    margin-left: auto;
}
.section05 > div > div > div > div > ul > li {
    list-style: none;
    font-weight: 500;
    font-size : 1.3125rem;
    line-height : 30.86px;
    letter-spacing : 0.001em;
    color : #595757;
    text-indent: -1.3em;
    padding: 0 0 0 1em;
    margin-left: 0.9375rem;
}
.section05 > div > div > div > div > ul > li::before {
    content: "";
    display: inline-block;
    background-color: #FFFFFF;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #595757;
    margin-right: 0.4375rem;
    vertical-align: -0.125rem;
}
.section05 > div > .storage > div > div > ul > li {
    margin-bottom: 1rem;
}
.section05 > div > .basic > div > div > ul > li {
    margin-bottom: 0.625rem;
}
.section05 > div > div > div > div > ul > li > span {
    color: #E9474D;
}
.section05 > div > div > div > div > ul > li > .small {
    color: #595757;
    font-size: 0.8125rem;
    margin-left: 0.625rem;
}
.section05 > div > div > div > div > a {
    display: block;
    max-width: 197px;
    background-color: #E9474D;
    padding: 15px 41px 10px;
    margin-top: 1.5625rem;
    margin-right: auto;
    margin-bottom: 1.5625rem;
    margin-left: auto;
    border-radius: 15px;
}
/* お客さまの声 */
.section06 {
    margin-bottom: 5.3125rem;
    background-color: #E5F6EC;
    padding-top: 32px;
}
.section06 > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 541px;
    width: 51.819923%;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.section06 > div > h2 {
    width: 84.473198%;
}
.section06 > div > p {
    font-weight: 500;
    font-size : 0.8125rem;
    line-height : 30.86px;
    letter-spacing : 0.26px;
    color : #595757;
    margin-bottom: 3px;
}
.section06 > ul {
    max-width: 940px;
    width: 90.0038314%;
    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto;
}
.section06 > ul > li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
}
.section06 > ul > li > figure {
    width: 14.361702%;
    margin-right: 2.1875rem;
}
.section06 > ul > li > div > p:nth-child(1) {
    font-weight : 700;
    color : #F08300;
    font-size : 1.75rem;
    line-height : 2.5rem;
    letter-spacing : 0.01em;
}
.section06 > ul > li:nth-child(1) > div > p:nth-child(1) {
    font-size : 2.3125rem;
    line-height : 3.676875rem;
    letter-spacing : 0.74px;
}
.section06 > ul > li > div > p:nth-child(2) {
    font-weight: 400;
    font-size : 1.5625rem;
    letter-spacing : 0.5px;
    color : #595757;
}
.section06 > a {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/* サポート */
.section07 {
    padding: 2.1875rem 4% 1.5625rem;
    margin-bottom: 3.4375rem;
}
.section07 > h2 {
    max-width: 320px;
    width: 33.514437%;
    margin-right: auto;
    margin-bottom: 2.0625rem;
    margin-left: auto;
}
.section07 > p {
    text-align: center;
    font-weight: 400;
    font-size : 1.375rem;
    letter-spacing : 1.1px;
    color : #595757;
    margin-bottom: 2.1875rem;
}
.section07 > ul {
    display: flex;
    justify-content: space-between;
    max-width: 668px;
    margin-right: auto;
    margin-left: auto;
}
.section07 > ul > li {
    width: 31.586826%;
    list-style: none;
}
/* 基本的な流れ */
.section08 {
    margin-bottom: 2.25rem;
    padding: 2.1875rem 4% 1.5625rem;
    background-color: #E5F6EC;
}
.section08 > h2 {
    max-width: 468px;
    width: 46.693483%;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.section08 > p {
    text-align: center;
    font-weight: 400;
    font-size : 1.375rem;
    letter-spacing : 1.1px;
    color : #595757;
    margin-bottom: 2.3125rem;
}
.section08 > ul {
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
}
.section08 > ul > li {
    width: 24.947368%;
    list-style: none;
}
.section08 > ul > li:nth-child(1) {
    width: 22.210526%;
}
/* お知らせ */
.section09 {
    padding: 1.5625rem 8% 3.125rem;
}
.section09 > h2 {
    max-width: 333px;
    width: 37.964942%;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.section09 > div {
    max-width: 780px;
    background-color: #B4B4B5;
    padding: 3px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
}
.section09 > div > div {
    display: flex;
    justify-content: space-around;
    background-color: #FFFFFF;
    padding: 1.25rem 0;
    margin-right: auto;
    margin-left: auto;
    border-radius: 7px;
}
.section09 > div > div > div {
    width: 90%;
}
.section09 > div > div > div > h3 {
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    text-align: center !important;
}
.section09 > div > div > div:nth-child(1) > h3 {
    width: 48.578811%;
}
.section09 > div > div > div:nth-child(2) > h3 {
    width: 25.581395%;
}
.section09 > div > div > div > ul > li {
    list-style: none;
    font-weight: 400;
    font-size : 1.125rem;
    letter-spacing : 0.9px;
    color : #595757;
    text-align: center;
}
.section09 > div > div > div > ul > li > a {
    color : #595757;
}
.footer > nav > a {
    display: none;
}
.footer > nav > ul > li {
    padding: 11px 13px 10px;
}
.footer > nav > ul > li > a {
    font-size : 14px;
}
.footer > p {
    text-align: center;
    background-color: #fff;
    font-weight: 400;
    font-size : 9px;
    line-height : 23.11px;
    letter-spacing : 0.18px;
    color : #595757;
    padding-bottom: 5px;
}
/* テレッサmobile ストレージ版 */
.section {
    padding: 0.9375rem;
}
.section-inner {
    margin-right: auto;
    margin-left: auto;
}
.storage {
    background-color: #E5F6EC;
}
/* ハンバーガーメニュー */
.storage-hamburger {
    display: none;
    width: 90%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.storage-hamburger > div {
    position: absolute;
    top: 3rem;
    right: 0;
    background-color: #E95513;
}
/* ハンバーガーメニューここまで */

/* .storage-section01 */
.storage-section01 {
    padding-top: 2.5rem;
    margin: 170px 0 0 0;
}
.storage-section01 > div {
    max-width: 65.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.storage-section01 > div > figure {
    flex: 1;
}
.storage-section01 > div > div {
    width: 53.904762%;
    position: relative;
    right: 4.375rem;
}
.storage-section01 > div > div > h2 {
    font-weight : 700;
    font-size : 2.1875rem;
    color : #00A33E;
    max-width: 32.375rem;
    margin-top: 1.125rem;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-left: auto;
}
.storage-section01 > div > div > div {
    max-width: 30.5625rem;
    width: 86.39576%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: auto;
    margin-bottom: 1.5625rem;
    margin-left: auto;
}
.storage-section01 > div > div > div > p {
    width: 17.791411%;
}
.storage-section01 > div > div > div > h2 {
    width: 79.754601%;
}
.storage-section01 > div > div > ul {
    width: 91.696113%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section01 > div > div > ul > li {
    list-style: none;
}
.storage-section01 > div > div > ul > li:nth-of-type(1) {
    width: 83.429672%;
    margin-bottom: 1rem;
}
/* .storage-section02 */
.storage-section02 > div {
    max-width: 49.8125rem;
    background-color: #FFFFFF;
    padding: 2.1875rem 0;
    margin-bottom: 1.375rem;
    border: 6px solid #C3E9F8;
}
.storage-section02 > div > h2 {
    width: 85%;
    font-weight : 700;
    font-size : 2.375rem;
    color : #00A33E;
    margin-top: 0.3125rem;
    margin-right: auto;
    margin-bottom: 0.625rem;
    margin-left: auto;
}
.storage-section02 > div > ul:nth-of-type(1) {
    margin-bottom: 4.25rem;
}
.storage-section02 > div > ul:nth-of-type(1) > li {
    width: 85%;
    list-style: none;
    font-weight : 700;
    font-size : 1.3125rem;
    line-height : 2rem;
    color : #888888;
    margin-right: auto;
    margin-left: auto;
}
.storage-section02 > div > ul:nth-of-type(1) > li::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    border-radius: 100%;
    background-color: #888888;
    position: relative;
    top: 0.125rem;
}
.storage-section02 > div > h3 {
    width: 81.555834%;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
}
.storage-section02 > div > ul:nth-of-type(2) {
    width: 92.75%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #EEEEEF;
    padding: 2.1875rem 0 1.875rem;
    margin-right: auto;
    margin-bottom: 1.75rem;
    margin-left: auto;
}
.storage-section02 > div > ul:nth-of-type(2) > li {
    list-style: none;
}
.storage-section02 > div > ul:nth-of-type(2) > li:nth-child(1) {
    width: 46.492435%;
    position: relative;
    left: 2.5rem;
}
.storage-section02 > div > ul:nth-of-type(2) > li:nth-child(2) {
    width: 44.016506%;
}
.storage-section_new {
    width: 92.75%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #EEEEEF;
    padding: 2.1875rem 0 1.875rem;
    margin-right: auto;
    margin-bottom: 1.75rem;
    margin-left: auto;
}
.storage-section_new li {
    list-style: none;
}
.storage-section_new li:nth-child(1) {
    width: 46.492435%;
    position: relative;
    left: 2.5rem;
}
.storage-section_new li:nth-child(2) {
    width: 44.016506%;
}
.storage-section02 div > div {
    width: 91.217064%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section02 div > div > div {
    width: 72.65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: auto;
}
.storage-section02 div > div > p:nth-of-type(1) {
    width: 57.996146%;
}
.storage-section02 div > div > p:nth-of-type(2) {
    width: 36.801541%;
}
/* .storage-section03 */
.storage-section03 > div {
    max-width: 56.625rem;
}
.storage-section03 > div > h2 {
    font-weight : 700;
    font-size : 2.3125rem;
    color : #3AAE36;
    margin-bottom: 1.75rem;
}
.storage-section03 > div > h2::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.8125rem solid transparent;
    border-right: 0.8125rem solid transparent;
    border-bottom: 0.8125rem solid transparent;
    border-left: 1rem solid #3AAE36;
    position: relative;
    top: -0.125rem;
}
.storage-section03 > div > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.storage-section03 > div > div > ul {
    width: 70.198675%;
}
.storage-section03 > div > div > ul > li {
    list-style: none;
    margin-bottom: 1.25rem;
}
.storage-section03 > div > div > ul > li > h3 {
    margin-bottom: 0.625rem;
}
.storage-section03 > div > div > ul > li:nth-of-type(1) > h3 {
    width: 71.383648%;
}
.storage-section03 > div > div > ul > li:nth-of-type(2) > h3 {
    width: 51.72956%;
}
.storage-section03 > div > div > ul > li:nth-of-type(3) > h3 {
    width: 81.446541%;
}
.storage-section03 > div > div > ul > li > div > p {
    font-size : 1.3125rem;
    line-height : 2rem;
    color : #595757;
}
.storage-section03 > div > div > div {
    width: 27.262693%;
}
.storage-section03 > div > div > ul > li > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 94.025157%;
    margin-right: 0;
    margin-left: auto;
}
.storage-section03 > div > div > ul > li > div > p:nth-of-type(1) {
    width: 11.036789%;
}
.storage-section03 > div > div > ul > li > div > p:nth-of-type(2) {
    width: 85.953177%;
}
.storage-section03 > div > div > div > figure:nth-of-type(1) {
    position: relative;
    bottom: 0.625rem;
    margin-bottom: 2.5rem;
}
.storage-section03 > div > div > div > figure:nth-of-type(2) {
    width: 85.425101%;
    margin-right: 0;
    margin-left: auto;
}
/* .storage-section04 */
.storage-section04 > div {
    max-width: 57.125rem;
    padding: 2.6875rem 1.3125rem 2.25rem;
    border-top: 1px solid #595757;
    border-bottom: 1px solid #595757;
    margin-bottom: 2.75rem;
}
.storage-section04 > div > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.storage-section04 > div > div > div {
    width: 11.353211%;
}
.storage-section04 > div > div:nth-of-type(1) > div > figure {
    width: 55.555556%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section04 > div > div > div:nth-of-type(2) {
    width: 84.40367%;
}
.storage-section04 > div > div > div:nth-of-type(2) > h2 {
    font-weight : 700;
    font-size : 1.8125rem;
    color : #FF8000;
    margin-bottom: 0.75rem;
}
.storage-section04 > div > div > div:nth-of-type(2) > h3 {
    font-weight : 700;
    font-size : 1.375rem;
    color : #00A33E;
    margin-bottom: 0.25rem;
}
.storage-section04 > div > div > div:nth-of-type(2) > h3::before {
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    background-color: #00A33E;
    position: relative;
    top: 0.0625rem;
    margin-right: 0.0625rem;
}
.storage-section04 > div > div > div:nth-of-type(2) > p {
    font-size : 1.3125rem;
    line-height : 2rem;
    color : #595757;
    margin-bottom: 0.75rem;
}
.storage-section04 > div > div:nth-of-type(1) > div:nth-of-type(2) > p {
    margin-bottom: 1rem;
}
/* .storage-section05 */
.storage-section05 > div {
    max-width: 57.5625rem;
    margin-bottom: 2rem;
}
.storage-section05 a {
    display: block;
}
.storage-section05 > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.storage-section05 > div > div:nth-of-type(1) > div {
    width: 32.790445%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
}
.storage-section05 > div > div:nth-of-type(1) > div > p {
    width: 17.791411%;
}
.storage-section05 > div > div:nth-of-type(1) > div > h2 {
    width: 79.754601%;
}
.storage-section05 > div > div:nth-of-type(1) > h2 {
    width: 58.306189%;
}
.storage-section05 > div > table {
    width: 100%;
    background-color: #FFFFFF;
    border-collapse: collapse;
}
.storage-section05 > div > table > thead > tr > th, .storage-section05 > div > table > tbody > tr > td {
    width: 41.585233%;
    border-bottom: 1px solid #B4B4B5;
    border-left: 3px solid #FFFFFF;
}
.storage-section05 > div > table > thead > tr > th:nth-of-type(1), .storage-section05 > div > table > tbody > tr > th:nth-of-type(1) {
    width: 16.612378%;
    border-bottom: 1px solid #B4B4B5;
    border-left: none;
}
.storage-section05 > div > table > thead > tr > th {
    border-top: 1px solid #B4B4B5;
    font-weight : 700;
    font-size : 1.25rem;
    line-height: 2;
    color: #FFFFFF;
}
.storage-section05 > div > table > thead > tr > th:nth-of-type(2) {
    background-color: #F08300;
}
.storage-section05 > div > table > thead > tr > th:nth-of-type(3) {
    background-color: #3AAE36;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(-n+5) > td:nth-of-type(1), .storage-section05 > div > table > tbody > tr:nth-of-type(-n+3) > td:nth-of-type(2) {
    text-align: center;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(n+6) > td:nth-of-type(1), .storage-section05 > div > table > tbody > tr:nth-of-type(n+5) > td:nth-of-type(2) {
    padding-left: 10.9%;
}
.storage-section05 > div > table > tbody > tr > th, .storage-section05 > div > table > tbody > tr > td {
    font-size : 0.9375rem;
    font-weight: 400;
    line-height : 1.8125rem;
    color : #3E3A39;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.storage-section05 > div > table > tbody > tr > td:nth-of-type(1) {
    background-color: #FDF3E5;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(1) > th > p:nth-of-type(2), .storage-section05 > div > table > tbody > tr:nth-of-type(3) > td:nth-of-type(1) > p:nth-of-type(2), .storage-section05 > div > table > tbody > tr:nth-of-type(5) > td:nth-of-type(1) > p:nth-of-type(2), .storage-section05 > div > table > tbody > tr:nth-of-type(5) > th > span {
    font-size: 0.6875rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) > p > span {
    font-size : 1.125rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) > p:nth-of-type(2) {
    font-size : 0.75rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(1) > td:nth-of-type(2) {
    font-size: 1.375rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(3) > td:nth-of-type(1) {
    line-height: 1.5;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(3) > td:nth-of-type(2), .storage-section05 > div > table > tbody > tr:nth-of-type(5) > td:nth-of-type(1) {
    line-height: 1.3;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(3) > td:nth-of-type(1) > p:nth-of-type(1) > span {
    font-size: 0.625rem;
    position: relative;
    bottom: 0.3125rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2) {
    line-height: 1.5;
    padding-left: 1%;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(n+13) > th {
    line-height: 1.2;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(n+13) > th > p:nth-of-type(2) {
    font-size: 0.625rem;
}
.storage-section05 > div > table > tbody > tr:nth-of-type(13) {
    border-bottom: 3px double #B4B4B5;
}
.storage-section05 > div > div:nth-of-type(2) {
    position: relative;
    margin-bottom: 2.125rem;
}
.storage-section05 > div > div:nth-of-type(2) > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 3.25rem;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
    flex: 1;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
    width: 41.693811%;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(3) {
    width: 41.585233%;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(2) > figure {
    width: 41.927083%;
    margin-right: 0.875rem;
    margin-left: auto;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(3) > figure {
    width: 42.29765%;
    margin-right: 0.875rem;
    margin-left: auto;
}
.storage-section05 > div > div:nth-of-type(4) > div {
    display: none;
    width: 92.971246%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section05 > div > div:nth-of-type(4) > div > a {
    margin-bottom: 0.625rem;
}
.storage-section05 > div > div:nth-of-type(3) {
    margin-bottom: 2.25rem;
}
.storage-section05 > div > div:nth-of-type(3) {
    max-width: 50rem;
}
.storage-section05 > div > div:nth-of-type(3) > a {
    width: 48.875%;
}
.storage-section05 > div > p {
    font-size : 0.9375rem;
    line-height : 1.5rem;
    color : #595757;
}
/* .storage-section06 */
.storage-section06 > div {
    max-width: 60.5rem;
}
.storage-section06 > div > h2 {
    font-weight : 700;
    font-size : 1.6875rem;
    color : #00A33E;
    text-align: center;
    margin-bottom: 0.625rem;
}
.storage-section06 > div > ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.storage-section06 > div > ul > li {
    list-style: none;
    text-align: center;
}
.storage-section06 > div > ul > li > h3 {
    color : #00A33E;
    font-size: 0.9375rem;
    font-weight: 400;
}
.storage-section06 > div > ul > li > div > p {
    color : #595757;
    font-size: 0.9375rem;
}

/* メディアクエリ */
@media (max-width: 1044px) {
html {
    font-size: 1.53256705vw;
}
}

@media (max-width: 959px) {
html {
    font-size: 1.66666667vw;
}
.section05 > div {
    display: block;
    max-width: 29.875rem;
}
.section05 > div > .storage {
    margin-bottom: 2.5rem;
}
}

@media (max-width: 959px) {
.reccomendd {
    max-width: 469px;
    width: auto;
    min-width: 300px;
    text-align: left;
    margin: 32px auto 16px;
    padding: 0;
    height: 64px;
    overflow: visible;
    z-index: 980;
    position: relative;
    bottom: 16px;
    right: 32px;
}
.reccomendd img {
    width: 180px;
}
.new12 {
    display: none !important;
}
.hamburger > a {
    height: 56px;
}
.banner {
    display: none;
}
.transform {
    display: none !important;
}
.storage-section01 {
    margin: 80px 0 0 0;
}
.header > div > div,  .footer > div > div {
    width: 100%;
}
.header > div > a {
    display: none;
}
.header > nav {
    display: none;
}
.hamburger {
    display: flex;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9998;
    background-color: #ffffff;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 9998;
}
.section09 > div > div > div > ul > li {
    font-size: 14px;
}
.footer > nav > a {
    display: block;
    width: 288px;
    padding: 16px 30px 0;
    margin-right: auto;
    margin-left: auto;
}
.footer > nav > ul {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.storage-hamburger {
    display: block;
}
}

@media (max-width: 679px) {
html {
    font-size: 2.35640648vw;
}
.footer > div {
    display: block;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px 30px 15px;
}
.footer > div > div > div {
    width: auto;
    height: auto;
}
.footer_leftss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.footer_rightss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.section06 > div {
    display: block;
    text-align: center;
}
.section09 > div > div {
    display: block;
}
.section09 > div > div > div {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.section09 > div > div > div:first-child {
    margin-bottom: 20px;
}
.footer > nav > ul {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.storage-section01 > div > figure {
    display: none;
}
.storage-section01 > div > div {
    width: 80%;
    position: relative;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}
.storage-section01 > div > div > div {
    display: none;
}
.storage-section01 > div > div > h1::before {
    content: "";
    display: block;
    padding-top: 43.316413%;
    background-image: url(images/section02-p01-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}
.storage-section01 > div > div > h2 {
    max-width: none;
}
.storage-section01 > div > div > ul {
    width: 100%;
}
.storage-section02 > div > ul:nth-of-type(1) > li {
    text-indent: -1em;
    padding: 0 0 0 1.7em;
}
.storage-section03 > div > div > div {
    display: none;
}
.storage-section03 > div > div > ul {
    width: 100%;
}
.storage-section05 > div > div > h2 {
    display: none;
}
.storage-section05 > div > div:nth-of-type(1) > div {
    width: 60%;
}
.storage-section05 > div > table {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section05 > div > table > thead > tr > th:nth-of-type(3),  .storage-section05 > div > table > tbody > tr:nth-of-type(n+1) > td:nth-of-type(2) {
    display: none;
}
.storage-section05 > div > div > div > div:nth-of-type(3) {
    display: none;
}
.storage-section05 > div > div {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section05 > div > div:nth-of-type(2) > div > div:nth-of-type(2) > figure {
    width: 70%;
}
.storage-section05 > div > div:nth-of-type(4) > div {
    display: block;
    width: 70%;
    margin-top: 1.5rem;
}
.storage-section05 > div > div:nth-of-type(3) {
    display: none;
}
.storage-section05 > div > p {
    width: 87%;
    line-height : 1.75rem;
    margin-right: auto;
    margin-left: auto;
}
.storage-section06 > div > ul {
    display: block;
    margin-bottom: 1.25rem;
}
.storage-section06 > div > ul > li {
    max-width: 40rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.storage-section06 > div > ul > li > h3 {
    width: 40%;
}
.storage-section06 > div > ul > li > div {
    flex: 1;
}
.storage-section06 > div > ul > li > h3,  .storage-section06 > div > ul > li > div,  .storage-section06 > div > ul > li > p {
    margin-right: auto;
    margin-left: 0;
}
.storage-section06 > div > ul > li:nth-of-type(1) > div > p:nth-of-type(2),  .storage-section06 > div > ul > li:nth-of-type(1) > div > p:nth-of-type(3) {
    display: inline-block;
    margin-right: 0.625rem;
}
.storage-section06 > div > ul > li:nth-of-type(3) > div > p:nth-of-type(1),  .storage-section06 > div > ul > li:nth-of-type(3) > div > p:nth-of-type(2),  .storage-section06 > div > ul > li:nth-of-type(5) > div > p:nth-of-type(1),  .storage-section06 > div > ul > li:nth-of-type(5) > div > p:nth-of-type(3),  .storage-section06 > div > ul > li:nth-of-type(5) > div > p:nth-of-type(4) {
    display: inline-block;
}
.storage-section06 > div > ul > li:nth-of-type(4) > div > p:nth-of-type(1),  .storage-section06 > div > ul > li:nth-of-type(4) > div > p:nth-of-type(2),  .storage-section06 > div > ul > li:nth-of-type(5) > div > p:nth-of-type(2) {
    display: inline-block;
    margin-right: 1rem;
}
}

@media (max-width: 589px) {
.header > div > div > ul {
    display: none;
}
.header > div > div > div {
    margin-right: auto;
    margin-left: auto;
}
.section02 > ul {
    display: block;
}
.section02 > ul > li {
    margin-right: auto;
    margin-left: auto;
}
.section02 > ul > li:first-child {
    margin-bottom: 10px;
}
.footer > div > div {
    display: block;
}
.footer > div > div > div {
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
.footer > div > div > ul {
    margin-right: auto;
    margin-left: auto;
}
.footer > div > div > div > p:first-child {
    display: none;
}
.footer > div > div > div::before {
    content: "";
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 151px;
    height: 62px;
    background-image: url(images/footer-p-sp.png);
    background-size: contain;
}
.pc_only {
    display: none !important;
}
.lineee {
    margin-top: 32px;
    max-width: 180px;
}
.footer > div > div > div > p:nth-child(2) {
    margin-bottom: 5px;
}
.footer > div > div > div > p:nth-child(3) {
    text-align: center;
}
.storage-section02 > div > ul:nth-of-type(2) {
    display: block;
}
.storage-section02 > div > ul:nth-of-type(2) > li:nth-child(1) {
    width: 70%;
    left: 0;
    margin-right: auto;
    margin-bottom: 1.75rem;
    margin-left: auto;
}
.storage-section02 > div > ul:nth-of-type(2) > li:nth-child(2) {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.storage-section02 > div > div > div {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.storage-section02 div > div > p:nth-of-type(1) {
    margin-right: auto;
    margin-bottom: 1rem;
    margin-left: auto;
}
.storage-section02 div > div > p:nth-of-type(2) {
    margin-right: 0;
    margin-left: auto;
}
.footer > div {
    display: block;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px 30px 15px;
}
.footer > div > div > div {
    width: auto;
    height: auto;
}
.footer_leftss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.footer_rightss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.footer > div > a {
    width: 200px;
    text-align: center;
    margin: 32px auto 0 auto;
}
}

@media (max-width: 559px) {
.reccomendd {
    max-width: 277px;
    width: auto;
    min-width: 300px;
    text-align: left;
    margin: 32px auto 16px;
    padding: 0;
    height: 64px;
    overflow: visible;
    z-index: 980;
    position: relative;
    bottom: 16px;
    right: 32px;
}
.reccomendd img {
    width: 180px;
}
.header > div {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px;
}
.header > div > div {
    width: 360px;
    margin: 0 auto;
}
.footer > div {
    display: block;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px 30px 15px;
}
.footer > div > div > div {
    width: auto;
    height: auto;
}
.footer_leftss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.footer_rightss {
    padding-top: 32px;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.section01 > div {
    display: none;
}
.section01 {
    background-image: url(images/section01-sp.png);
    background-size: contain;
    padding-top: 111.11111%;
}
.section02 > .headline {
    padding-top: 15px;
    padding-bottom: 0;
}
.section02 > .headline > div {
    display: none;
}
.section02 > .headline::after {
    content: "";
    display: block;
    background-image: url(images/section02-p01-sp.png);
    background-size: contain;
    padding-top: 42.316413%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 85%;
}
.section02 > .about > ul,  .section02 > .about > figure {
    display: none;
}
.section02 > .about {
    background-image: url(images/section02-ul-sp.png);
    background-size: contain;
    width: 88%;
    padding-top: 77.0046%;
    margin-bottom: 0;
}
.section02 > ul > li {
    width: 263px;
}
.section03 > div,  .section03 > figure {
    display: none;
}
.section03 {
    padding-top: 30px;
}
.section03::after {
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/section03-h2-sp.png);
    background-size: contain;
    width: 88%;
    padding-top: 66.938111%;
}
.section04 > h2 {
    width: 321px;
}
.section04 > div,  .section04 > ul {
    display: none;
}
.section04::after {
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/section04-ul-sp.png);
    background-size: contain;
    width: 88%;
    padding-top: 156.777778%;
    margin-top: 15px;
}
.section05 > h2 {
    width: 276px;
}
.section05 > p {
    font-size: 13px;
}
.section05 > div {
    max-width: 277px;
}
.section05 > div > div {
    width: 277px;
}
.section05 > div > div::after {
    width: 272px;
}
.section05 > div > div > div > div > ul > li {
    font-size: 12.5px;
    line-height: 1.5;
}
.section05 > div > div > div > div > a {
    width: 115px;
    padding: 10px 25px;
    border-radius: 7px;
}
.section06 > div {
    width: 100%;
}
.section06 > div > h2 {
    width: 270px;
    margin-right: auto;
    margin-left: auto;
}
.section06 > ul > li {
    display: block;
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
}
.section06 > ul > li > figure {
    width: 95px;
    margin-right: auto;
    margin-left: auto;
}
.section06 > ul > li > div > p:nth-child(1) {
    font-size: 16px;
}
.section06 > ul > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 20px;
}
.section06 > a {
    width: 262px;
}
.section07 > h2 {
    width: 195px;
}
.section07 > p {
    font-size: 13px;
}
.section07 > ul {
    display: none;
}
.section07 > p::after {
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/section07-ul-sp.png);
    background-size: contain;
    width: 88%;
    padding-top: 80.690249%;
    margin-top: 25px;
    margin-bottom: 0;
}
.section08 > h2 {
    width: 279px;
}
.section08 > p {
    font-size: 13px;
}
.section08 > ul {
    display: none;
}
.section08 > p::after {
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/section08-ul-sp.png);
    background-size: contain;
    width: 88%;
    padding-top: 80.690249%;
    margin-top: 25px;
}
.section09 > h2 {
    width: 199px;
}
.footer > nav > ul > li {
    padding: 5px;
}
.footer > nav > ul > li > a {
    font-size: 12px;
}
.storage-section05 > div > div:nth-of-type(4) > div {
    width: 90%;
}
}
.customer-voice-list {
    display: flex;
    flex-wrap: wrap;
}
.customer-voice-list .customer-voice-item {
    display: block;
    width: 33%;
    padding: 0 0.5rem 0 0.5rem;
    margin: 0 0 3rem 0;
    box-sizing: border-box;
}
.customer-voice-list .customer-voice-item .img {
    background-position: center;
    background-size: cover;
    padding-top: 75%;
    border-radius: 3px;
}
.customer-voice-list .customer-voice-item .title {
    margin: 0.5rem 0 0.5rem 0;
    color: #333;
}
.customer-voice-list .customer-voice-item .name-area-wrap {
    display: flex;
    justify-content: space-between;
}
.customer-voice-list .customer-voice-item .name, .customer-voice-list .customer-voice-item .area {
    font-size: 0.8rem;
    color: #666;
}
.customer-voice-list .customer-voice-item .area {
    flex-shrink: 0;
    margin: 0 0 0 0.5rem;
}
.sort-item-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0 3rem 0;
}
.sort-item-wrap .sort-item {
    color: #666;
    font-size: 0.8rem;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 0.2rem 0.4rem;
    margin: 0 0.4rem 0 0;
}
.sort-item-wrap .sort-item.active {
    color: #FF8000;
    border: 1px solid #FF8000;
}
.customer-voice-pref-sort .title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #ccc;
}
.customer-voice-pref-sort .title-wrap .title {
    line-height: 1;
}
.customer-voice-pref-sort .title-wrap .btn-reset {
    background-color: rgb(241, 241, 241);
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0.2rem 0.4rem;
    margin: 0 0 0 2rem;
    font-size: 0.8rem;
}
.title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #FF8000;
    margin: 0 0 1.5rem 0;
    padding: 0 0 1rem 0;
}
.title-wrap .btn-back-to-list {
    text-decoration: none;
    color: #444;
}
.title-another-voice {
    color: #333;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.customer-voice-title {
    color: #444;
    margin: 2rem 0 2rem 0;
    font-weight: normal;
}

@media (max-width: 756px) {
.customer-voice-list .customer-voice-item {
    width: 50%;
}
}
.btn-more-info {
    text-decoration: none;
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    padding: 1px 1px 1px 1px !important;
    background-color: #E9474D;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
}
.btn-strage-info {
    display: block;
    width: 550px;
    height: 80px;
    line-height: 40px;
    margin: 2rem auto 2rem auto;
    background-color: #01a33e;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
}
/* ホーム（motoo）
--------------------------------------------------*/

/* clearfix */
* {
    margin: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.page-id-843 .lity-wrap {
    z-index: 10000!important;
}
/* タイトル非表示 */
.page-id-843 .kaso_ttl {
    display: none;
}
/* パンくず非表示 */
.page-id-843 .breadcrumbs {
    display: none;
}
/* 基本枠調整 */
.page-id-843 article {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.page-id-843 .entry-content {
    margin: 0;
    padding: 0;
}
/* 余白調整 */
.rp-space {
    height: 40px;
}

@media (max-width: 767px) {
.mb-kaigyo {
    display: block;
}
}

@media (min-width: 768px) {
.rp-space {
    height: 55px;
}
}

@media (min-width: 992px) {
.rp-space {
    height: 70px;
}
}
/* テレッサ共通ブロック */
h2.teressa-midashi {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #199c3e;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0.8em;
}
h2.teressa-midashi.btm-00 {
    margin-bottom: 0;
}
h2.teressa-midashi.btm-mini {
    margin-bottom: 0.1em;
}
h2.teressa-midashi:before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url("./images/fukidasi.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin-right: 0.2em;
}
h2.teressa-midashi2 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #199c3e;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0.8em;
}
h2.teressa-midashi2.btm-00 {
    margin-bottom: 0;
}
h2.teressa-midashi2.btm-mini {
    margin-bottom: 0.1em;
}
.sub-copy {
    font-size: 13px!important;
    font-feature-settings: 'palt';
}

@media (min-width: 768px) {
.sub-copy {
    font-size: 18px!important;
}
}

@media (min-width: 992px) {
.sub-copy {
    font-size: 24px!important;
}
}
.teressa-font {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-feature-settings: 'palt';
    font-weight: 500;
}
.lt-space-n {
    letter-spacing: normal!important;
}
h2.teressa-midashi ruby rt {
    letter-spacing: normal!important;
    text-align: center!important;
    margin-bottom: 1em!important;
}

@media (min-width: 320px) {
h2.teressa-midashi {
    font-size: 20px;
}
h2.teressa-midashi2 {
    font-size: 18px;
}
}

@media (min-width: 420px) {
h2.teressa-midashi {
    font-size: 28px;
}
h2.teressa-midashi2 {
    font-size: 26px;
}
}

@media (min-width: 768px) {
h2.teressa-midashi {
    font-size: 40px;
}
h2.teressa-midashi2 {
    font-size: 38px;
}
}

@media (min-width: 992px) {
h2.teressa-midashi {
    font-size: 55px;
}
h2.teressa-midashi2 {
    font-size: 52px;
}
}
.link-btm {
    text-align: center;
}
.link-btm a {
    text-align: center;
    display: inline-block;
    line-height: 4em;
    border-radius: 2em;
    background-color: #F08300;
    color: #ffffff!important;
    width: 80%;
    max-width: 500px;
    margin: 2em auto;
}

@media (min-width: 768px) {
.pc-kaigyo {
    display: block;
}
}
/* 基本ベース枠 */
.mm-content {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1044px;
}
.mm-content .mm-content-in {
    width: 90%;
    margin: 0 auto;
}
.relative-set {
    position: relative;
}
/* 1.ヘッドイメージ */
.page-id-843 .section01b {
    background: #f4f8e0;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 170px 0 0 0;
}

@media (max-width: 959px) {
.page-id-843 .section01b {
    margin: 80px 0 0 0;
}
}
.page-id-843 .section01b img {
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    width: 100%;
    min-width: 320px;
}
/* 2.インフォメーション枠 */
.new-home.line-notice {
    padding: 32px;
}
.new-home.line-notice h3 {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #FF8000;
}
.new-home.line-notice p {
    margin: 0;
}
/* 3.LINEで報告業務 */
.teressa-h2 {
    font-feature-settings: "palt";
    font-size: 18px;
    color: #FF8000;
}
.mmsec03-box {
    text-align: center;
    padding: 0;
    vertical-align: middle;
}
.mmsec03-box .mmsec03-1 {
    width: 30%;
    margin: 10px auto;
    line-height: 1.8;
}
.mmsec03-box .mmsec03-2 {
    width: 85%;
    margin: 10px auto;
    line-height: 1.8;
}
.mmsecimg {
    width: 61.5489%;
    margin-right: auto!important;
    margin-bottom: 0;
    margin-left: auto!important;
}

@media (min-width: 768px) {
/* 3.LINEで報告業務 */
.teressa-h2 {
    font-size: 23px;
}
.mmsec03-box {
    padding: 0 8.2494%;
    vertical-align: middle;
    margin-bottom: 30px;
}
.mmsec03-box .mmsec03-1 {
    float: left;
    margin: 10px 0;
    width: 23%;
    vertical-align: middle;
}
.mmsec03-box .mmsec03-2 {
    float: right;
    margin: 10px 0;
    width: 75%;
    vertical-align: middle;
}
}

@media (min-width: 992px) {
/* 3.LINEで報告業務 */
.teressa-h2 {
    font-size: 24px;
}
.mmsec03-box {
    margin-bottom: 50px;
}
}
/* 4.使い慣れたLINE */
.aboutb-mm {
    background-color: #00c100;
    width: 100%;
    text-align: left;
    margin-bottom: 56px;
}
ul.aboutb-mm-copy {
    margin: 0!important;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2% 0 0 20%;
    color: #ffffff;
}
ul.aboutb-mm-copy li span.mm-copy-big {
    font-size: 130%;
}
ul.aboutb-mm-copy li span.mm-copy-mini {
    font-size: 70%;
}
ul.aboutb-mm-copy li {
    font-size: 11px!important;
    font-feature-settings: 'palt';
}
ul.aboutb-mm-copy > li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 1em;
    text-shadow: 0 0 5px #00c100;
}
ul.aboutb-mm-copy > li::before {
    position: absolute;
    top: 0.7em;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #ffffff;
    content: "";
}
ul.aboutb-mm-copy > li:first-child::before {
    top: 1.2em;
}

@media (min-width: 320px) {
ul.aboutb-mm-copy li {
    font-size: 12px!important;
}
}

@media (min-width: 375px) {
ul.aboutb-mm-copy li {
    font-size: 13px!important;
}
}

@media (min-width: 768px) {
ul.aboutb-mm-copy {
    padding: 3% 0 0 20%;
}
ul.aboutb-mm-copy li {
    font-size: 27px!important;
}
}

@media (min-width: 992px) {
ul.aboutb-mm-copy {
    padding: 4% 0 0 20%;
}
ul.aboutb-mm-copy li {
    font-size: 36px!important;
}
}
/* 5.動画漫画 */
.wp-block-columns.dougamanga-box>.wp-block-column {
    display: flex;
    justify-content: space-between;
    background-color: #8DC21F;
    padding: 1.625rem 1.5625rem 1.875rem;
    border-radius: 12px;
    margin-bottom: 15px;
}
.wp-block-columns.dougamanga-box>.wp-block-column:hover {
    opacity: 0.7;
}
.wp-block-columns.dougamanga-box>.wp-block-column .dm-subblock {
    width: 48%;
    margin: 0;
    padding: 0;
}
.wp-block-columns.dougamanga-box>.wp-block-column .dm-subblock:first-child {
    width: 52%;
}
.wp-block-columns.dougamanga-box>.wp-block-column .dm-subblock:last-child {
    width: 44%;
}
.wp-block-columns.dougamanga-box>.wp-block-column .dm-subblock a {
    display: block;
    color: #ffffff!important;
    font-feature-settings: 'palt';
    line-height: 1.2;
}
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock {
    font-size: 16px;
}
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock span.dmcopy-big {
    color: #fff890!important;
    font-size: 130%;
}

@media (min-width: 320px) {
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock {
    font-size: 18px;
}
}

@media (min-width: 375px) {
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock {
    font-size: 22px;
}
}

@media (min-width: 768px) {
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock {
    font-size: 22px;
}
}

@media (min-width: 992px) {
.wp-block-columns.dougamanga-box>.wp-block-column p.dm-subblock {
    font-size: 29px;
}
}
/* 6.CAPS */
.mm-section03 {
    position: relative;
    background-color: #23CFC7;/*margin-bottom: 3.9375rem;*/
}
a.caps-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.caps-box {
    margin: 0 auto 1.5em auto;
}
.caps-box .wp-block-group__inner-container {
    width: 100%;
    padding: 2em 5% 0 5%;
    box-sizing: border-box;
}
.caps-set1 {
    width: 50%;
    text-align: center;
    margin: 0 auto 2em auto;
}
.caps-set2 {
    width: 100%;
    text-align: center;
}
h2.caps-set2 {
    font-size: 14px;
    color: #ffffff;
    font-feature-settings: 'palt';
}
h2.caps-set2 ruby rt {
    letter-spacing: normal!important;
    text-align: center!important;
    margin-bottom: 0.3em!important;
}
h2.caps-set2 span.capsf-big {
    font-size: 140%;
}
.caps-i02 {
    text-align: center;
}
.caps-i02 img {
    width: 80%;
    max-width: 690px;
    margin: 0 auto 1.5em auto;
}

@media (min-width: 320px) {
h2.caps-set2 {
    font-size: 16px;
}
}

@media (min-width: 768px) {
.caps-set1 {
    padding-top: 1.8em;
}
.caps-set1 {
    float: left;
    width: 25%;
    text-align: left;
}
.caps-set2 {
    float: right;
    width: 70%;
    text-align: left;
}
h2.caps-set2 {
    font-size: 28px;
}
.caps-i02 img {
    width: 80%;
}
}

@media (min-width: 992px) {
h2.caps-set2 {
    font-size: 37px;
}
.caps-i02 img {
    width: 100%;
}
}

@media (min-width: 1040px) {
h2.caps-set2 {
    font-size: 39px;
}
}
/* 7.いつもの記録がLINEに */
.mm07-copy {
    font-size: 18px;
}

@media (min-width: 768px) {
.mm07-copy {
    font-size: 28px;
}
}

@media (min-width: 992px) {
.mm07-copy {
    font-size: 32px;
}
}
.mm07-block .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5em;
}
.mm07-block .wp-block-group__inner-container .wp-block-image {
    width: 48%;
    text-align: center;
}
.mm07-block .wp-block-group__inner-container .wp-block-image img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
.mm07-block .wp-block-group__inner-container .wp-block-image {
    width: 23.5%;
}
}
/* 8.プランの比較 */
.mm-section05 {
    background-color: #E5F6EC;
    padding: 1.5em 0;
    margin-bottom: 4.0625rem;
}
.plan-box-title {
    border-radius: 1em 1em 0 0;
    background-color: #777;
    padding: 0.5em 0;
}
.plan-box-title h2 {
    color: #fff;
    font-size: 20px;
}
.plan-box-body {
    background-color: #fff;
    padding: 10px;
    border-radius: 0 0 1em 1em;
    border: solid 5px #777;
    border-top: 0;
}
.plan-box-in {
    background-color: #eee;
    border-radius: 0.5em;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}
h2.jigou-susume {
    display: inline-block;
    position: relative;
    line-height: 1.2;
    margin: 0.7em auto!important;
    padding-right: 2.5em;
    font-weight: bold;
    font-size: 20px;
    color: #555;
}
h2.jigou-susume::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    background-image: url("./images/yubi01.png");
    background-size: contain;
    vertical-align: middle;
}
.plan-box-area2 h2.jigou-susume::after {
    background-image: url("./images/yubi02.png");
}
ul.plan-list {
    margin: 0;
    padding: 0;
}
ul.plan-list li {
    position: relative;
    list-style-type: none;
    margin: 0 0 0.5em 0;
    padding: 0;
    padding-left: 1.4em;
    font-size: 13px;
    text-align: left;
}
/*ul.plan-list li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0.3em;
    left: 0;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-color: #fff;
    border: solid 2px #777;
}*/
ul.plan-list li:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color: #777;

    position: absolute;
    top: 0.3em;
    left: 0;
    width: 1em;
    height: 1em;
}
ul.plan-list li span.plan-small {
    font-size: 30%;
}
.plan-box-body h3 {
    border: 0;
    color: #000;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5em;
    font-size: 28px;
}
.plan-box-body h3 span.pf-mini {
    background-color: #777;
    font-size: 40%;
    color: #fff;
    padding: 0.2em 0.5em;
    vertical-align: middle;
}
.plan-box-body h3 span.pf-big {
    font-size: 150%;
    vertical-align: top;
}
.plan-box-body h4 {
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 18px;
}
.plan-box-area2, .plan-box-area1 {
    margin-bottom: 15px;
    position: relative;
}
.plan-box-area1 .kanban-i {
    position: absolute;
    width: 100%;
    max-width: 100px;
    left: -5%;
    top: -30px;
}
.plan-box-area1 .plan-box-title {
    background-color: #FF8000;
}
.plan-box-area1 .plan-box-body {
    border: solid 5px #FF8000;
}
.plan-box-area1 .plan-box-body h4, .plan-box-area1 .plan-box-body h3 {
    color: #FF8000;
}
.plan-box-area1 .plan-box-body h3 span.pf-mini {
    background-color: #FF8000;
}
.plan-box-area2 .plan-box-title {
    background-color: #00A33E;
}
.plan-box-area2 .plan-box-body {
    border: solid 5px #00A33E;
}
.plan-box-area2 .plan-box-body h4, .plan-box-area2 .plan-box-body h3 {
    color: #00A33E;
}
.plan-box-area2 .plan-box-body h3 span.pf-mini {
    background-color: #00A33E;
}
.plan-btm {
    margin: 2em 0!important;
}
.plan-btm a {
    display: inline-block;
    padding: 0.5em;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    background-color: #E9474D;
    font-size: 20px;
    min-width: 200px;
    letter-spacing: normal;
}

@media (min-width: 768px) {
.plan-box-title h2 {
    font-size: 32px;
}
.plan-box-body {
    padding: 20px;
}
.plan-box-area1 .kanban-i {
    max-width: 170px;
    left: -5%;
    top: -100px;
}
h2.jigou-susume {
    font-size: 25px;
}
ul.plan-list {
    min-height: 195px;
}
ul.plan-list li {
    font-size: 15px;
}
.plan-box-body h3 {
    font-size: 36px;
}
.plan-box-body h4 {
    font-size: 20px;
}
}

@media (min-width: 992px) {
.plan-box-title h2 {
    font-size: 40px;
}
.plan-box-body {
    padding: 30px;
}
.plan-box-area1 .kanban-i {
    max-width: 200px;
    left: -5%;
    top: -120px;
}
h2.jigou-susume {
    font-size: 32px;
}
ul.plan-list {
    min-height: 280px;
}
ul.plan-list li {
    font-size: 21px;
}
.plan-box-body h3 {
    font-size: 42px;
}
.plan-box-body h4 {
    font-size: 26px;
}
}
/* 9.よくあるご質問 */

/* 10.お客様の声 */
.mm-section06 {
    margin-bottom: 5.3125rem;
    background-color: #E5F6EC;
    padding-top: 32px;
}
.mm-voicebox {
    margin-bottom: 1.5em;
}
.mm-voicebox .wp-block-group__inner-container {
    display: block;
}
.mm-voicebox .mm-vset1 {
    margin: 0 auto 1em auto;
    padding: 0;
    width: 50%;
    text-align: center;
}
.mm-voicebox .mm-vset1 img {
    max-width: 150px;
}
.mm-voicebox .mm-vset2 {
    margin: 0 0 1.5em 0;
    padding: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
}
.mm-voicebox .mm-vset2 strong {
    font-size: 120%;
    color: #F08300;
}
.mm-voicebox .mm-vset2 strong.st-big2 {
    font-size: 150%;
    color: #F08300;
}

@media (min-width: 768px) {
.mm-voicebox .wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mm-voicebox .mm-vset1 {
    margin: 0;
    padding: 0;
    width: 15%;
}
.mm-voicebox .mm-vset2 {
    margin: 0;
    padding: 0;
    width: 82%;
    font-size: 20px;
    text-align: left;
}
.mm-voicebox .mm-vset1 img {
    max-width: 100%;
}
}

@media (min-width: 992px) {
.mm-voicebox .mm-vset2 {
    font-size: 24px;
}
}
/* 11.サポート */
.mm11-block .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.5em;
}
.mm11-block .wp-block-group__inner-container .wp-block-image {
    width: 48%;
    text-align: center;
}
.mm011-block .wp-block-group__inner-container .wp-block-image img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
.mm11-block .wp-block-group__inner-container .wp-block-image:first-child {
    margin-right: 2%;
}
}

@media (min-width: 768px) {
.mm11-block .wp-block-group__inner-container {
    justify-content: center;
}
.mm11-block .wp-block-group__inner-container .wp-block-image {
    width: 23.5%;
    padding-right: 1%;
    padding-left: 1%;
}
}
/* 12.基本的なながれ */
.mm-section08 {
    margin-bottom: 2.25rem;
    padding: 2.1875rem 0 1.5625rem;
    background-color: #E5F6EC;
}
.mm12-block .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5em;
}
.mm12-block .wp-block-group__inner-container .wp-block-image {
    width: 48%;
    text-align: center;
    box-sizing: border-box;
}
.mm12-block .wp-block-group__inner-container .wp-block-image img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
.mm12-block .wp-block-group__inner-container .wp-block-image:nth-child(1) {
    padding-left: 5%;
    margin-left: -5%;
}
.mm12-block .wp-block-group__inner-container .wp-block-image:nth-child(2) {
    margin-right: 5%;
}
}

@media (min-width: 768px) {
.mm12-block .wp-block-group__inner-container .wp-block-image:first-child {
    padding-left: 2.4%;
    margin-left: 0;
}
.mm12-block .wp-block-group__inner-container .wp-block-image:last-child {
    margin-right: 2.4%;
}
.mm12-block .wp-block-group__inner-container .wp-block-image {
    width: 23.5%;
}
}
/* 13.お知らせ、改善予定 */
.mm-section09b {
    max-width: 780px;
    background-color: #fff;
    padding: 1em;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    border: 3px solid #B4B4B5;
    margin: 32px auto;
    font-size: 14px;
}
p.info-link {
    margin: 0;
}
p.info-link a {
    color: #555555;
}
p.info-link a:hover {
    opacity: 0.7;
}
.wp-block-group.new-home.mm-section09b {
    border: 5px solid #01a33e;
    padding: 1.2em 1.8em;
}
.wp-block-group.new-home.mm-section09b .ttpost-wrap .ttPostType3 span {
    font-size: 16px;
    font-weight: normal;
}
.wp-block-group.new-home.mm-section09b .ttpost-wrap .ttPostType3 h2 a {
    font-size: 18px;
}
.wp-block-group.new-home.mm-section09b .ttpost-wrap .ttPostType3 {
    border-bottom: 1px dotted #999;
    padding-bottom: 0.5em;
}
.wp-block-group.new-home.mm-section09b .info-link a {
    line-height: 2.5em;
    border-radius: 0.5em;
    background-color: #F08300;
    color: #ffffff!important;
    width: 20%;
    max-width: 500px;
    display: inline-block;
    text-align: center;
    font-size: 85%;
    margin-top: 1em;
}

@media (min-width: 992px) {
.mm-section09b {
    font-size: 18px;
}
}

@media (max-width: 768px) {
.wp-block-group.new-home.mm-section09b .ttpost-wrap .ttPostType3 span {
    font-size: 12px;
}
.wp-block-group.new-home.mm-section09b .ttpost-wrap .ttPostType3 h2 a {
    font-size: 13px;
}
.wp-block-group.new-home.mm-section09b .info-link a {
    width: 40%;
}
}

/* LINE QRコード */
@media (max-width: 589px) {
.page-id-843 .lineee {
    margin-left: auto;
    margin-right: auto;
}
}
/* こんなこまったありませんか */
.mm-section06.trouble {
    padding-top: 55px;
    padding-bottom: 55px;
    text-align: center;
    margin-bottom: 0;
}
.mm-section06.trouble ul li {
    margin-top: 45px;
    font-size: 20px;
    text-align: left;
    list-style: none;
    padding-left: 40px;
    position: relative;
}
.mm-section06.trouble ul li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    font-size: 25px;
    font-weight: 900;
    color: #199c3e;
    position: absolute;
    left: 0;
    top: 4px;
}
.mm-section06.trouble ul {
    margin: 0 auto;
    display: inline-block;
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/080710.png) no-repeat right top 40px;
    background-size: 20%;
}
.mm-section06sub.trouble {
    text-align: center;
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_arrow.png) no-repeat center top #199c3e;
    color: #fff;
    padding: 65px 5% 3% 5%;
    margin-bottom: 8%;
}
.mm-section06sub.trouble p {
    font-size: 38px;
    position: relative;
    padding-left: 150px;
    display: inline-block;
}
.mm-section06sub.trouble p:before {
    position: absolute;
    content: '';
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_girl.png) no-repeat;
    top: -42px;
    left: 0;
    width: 134px;
    height: 130px;
}

@media (max-width: 768px) {
.mm-section06.trouble {
    padding-top: 30px;
    padding-bottom: 20px;
}
.mm-section06.trouble ul li {
    margin-top: 20px;
    font-size: 14px;
    padding-left: 25px;
}
.mm-section06.trouble ul li:before {
    font-size: 16px;
    top: 2px;
}
.mm-section06.trouble ul li:nth-child(-n+3) {
    padding-right: 25%;
}
}

/* footer */
@media (max-width: 959px) {
.siq_bR {
    bottom: 70px !important;
}
.hamburger {
    top: inherit;
    height: 60px;
    bottom: 0;
    text-align: center;
    padding-left: 76px;
}
.hamburger > div {
    top: 8px;
    right: inherit;
    left: 15px;
}
.hamburger > a {
    height: inherit;
    width: inherit;
    margin: inherit;
}
.hamburger .pc {
    display: none !important;
}
.hamburger img {
    max-height: 32px;
}
.hamburger a:nth-child(5) img {
    max-height: 42px;
}
.hamburger a {
    margin-top: 10px;
}
.page-id-843 .section01b {
    margin: 0;
}
.active #gloval-nav {
    padding-bottom: 120px;
}
.gloval-nav a {
    font-size: 16px;
    line-height: 46px;
}
.header > div > a {
    display: block;
    max-width: 200px;
    margin: auto;
}
.header {
    position: inherit;
    height: inherit;
}
#breadcrumb {
    margin: 0px !important;
}
.kaso_ttl {
    margin: 0 !important;
}
footer.footer {
    padding-bottom: 70px;
}
}
/* 追加修正 */
.reason {
    border: 4px solid #E5F6EC;
    padding: 3% 2%;
    border-radius: 25px;
    align-items: center;
    margin-bottom: 30px;
}
.reason div:nth-child(2) {
    text-align: center;
}
.reason img {
    max-height: 280px;
    width: auto;
}
.reason .num01, .reason .num02, .reason .num03, .reason .num04, .reason .num05 {
    padding-left: 160px;
}
.reason .num01 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason01.png) no-repeat left top;
    background-size: 150px;
}
.reason .num02 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason03.png) no-repeat left top;
    background-size: 150px;
}
.reason .num03 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason05.png) no-repeat left top;
    background-size: 150px;
}
.reason .num04 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason07.png) no-repeat left top;
    background-size: 150px;
}
.reason .num05 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason09.png) no-repeat left top;
    background-size: 150px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.pa20 {
    padding: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.font-120 {
    font-size: 120%;
}
.line-content {
    max-width: 800px;
    margin: 3% auto;
}
.contact {
    background: #ffe5c7;
    padding: 3% 0;
    margin-bottom: 2.25rem;
}
.contact h2 {
    color: #F08300;
    font-size: 300%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.contact .wp-block-button__link {
    background: #F08300 !important;
    width: 90%;
    padding: 1em !important;
}
.contact .wp-block-buttons .wp-block-button {
    width: 100%;
}
.txt_gray {
    color: #5e5e5e;
}
.contact_btn .wp-block-column:nth-child(3) {
    display: none;
}
#newslist {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 5%;
}
#newslist > div {
    width: 31%;
    padding-bottom: 25px;
}
.btn_login{
    background: #F08300;
    color: #fff;
    border-radius: 7px;
    padding: 10px 20px;
}
.mb0 {
    margin-bottom: 0 !important;
}

@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns .wp-block-column:nth-child(2n) {
    margin-left: 0;
}
.wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
}
.wp-block-button .wp-block-button__link {
    width: 80%;
}
}

@media (max-width: 768px) {
.reason {
    padding: 5% 5% 3% 3%;
    border-radius: 15px;
    margin-bottom: 20px;
}
.reason img {
    max-height: 180px;
    margin-top: 20px;
}
.reason .num01, .reason .num02, .reason .num03, .reason .num04, .reason .num05 {
    padding-left: 70px;
}
.reason .num01 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason01.png) no-repeat left top;
    background-size: 65px;
}
.reason .num02 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason03.png) no-repeat left top;
    background-size: 65px;
}
.reason .num03 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason05.png) no-repeat left top;
    background-size: 65px;
}
.reason .num04 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason07.png) no-repeat left top;
    background-size: 65px;
}
.reason .num05 {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_reason09.png) no-repeat left top;
    background-size: 65px;
}
.line-content {
    margin: 5%;
}
.mm-section06sub.trouble {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_arrow.png) no-repeat center top #199c3e;
    padding: 26px 5% 3% 5%;
    background-size: 60px auto;
}
.mm-section06sub.trouble p {
    font-size: 20px;
    padding-left: 62px;
    text-align: left;
}
.mm-section06sub.trouble p:before {
    background: url(https://caps-teressamb.jp/wp-content/uploads/2021/05/img_girl.png) no-repeat;
    background-size: 100% auto;
    width: 56px;
    height: 75px;
}
.contact {
    padding: 9% 0 4% 0;
}
.contact_btn .wp-block-column:nth-child(3) {
    display: block;
}
img.icon {
    max-width: 35px;
}
.formm h2 {
    padding: 32px 0px 16px;
}
#newslist > div {
    width: 47%;
}
ul.aboutb-mm-copy.teressa-font li {
    font-size: 3vw!important;
}
article#post-1686 {
    margin: 0px auto;
    padding: 16px;
}
.mm-content .mm-content {
    padding: 0;
}
.page-id-1686 .has-text-color {
    margin: 20px 0 32px 0;
}
	.hamburger i{
	color: #666;
    font-size: 33px;
	}
}