@charset "UTF-8";

/* ------------------------------------------
index ファーストビュー
------------------------------------------- */
.index_firstview {
    background: transparent linear-gradient(180deg, rgb(192, 230, 221) 0%, rgb(212, 241, 213) 100%);
    overflow: hidden;
    border-radius: 0 0 70px 70px;
    position: relative;
    z-index: 0;
}

.index_firstview .main_container {
    position: relative;
    z-index: 2;
}

.index_firstview .main_container .main {
    justify-content: center;
    align-items: center;
}

/* テキスト */
.index_firstview .catchcopy {
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
}

.index_firstview .catchcopy>span {
    display: block;
    margin-bottom: 8px;
    background: rgba(247, 251, 242, 0.2);
    border-bottom: 2px solid #F7FBF2;
    font-size: 1.4rem;
    color: #212529;
    padding: 8px 40px 4px 48px;
    border-radius: 4px 0 0 4px;
}

.index_firstview .catchcopy span.second {
    /* font-size: 1.8rem; */
}

.index_firstview .catchcopy span.third {
    /* font-size: 2.7rem; */
    /* padding: 16px 40px 8px 40px; */
}

.index_firstview .catchcopy span .big {
    font-size: 1.8rem;
    color: #36966A;
    letter-spacing: -2px;
    /* line-height: 1; */
}

/* アンケートを操作する写真 */
.index_firstview .img {
    position: relative;
    height: 100%;
    padding: 64px 0 86px;
    z-index: 3;
}

.index_firstview .img picture {
    display: block;
}

.index_firstview .iPad {
    box-shadow: 0 1rem 0.8rem -1rem hsl(200deg 75.76% 32.79% / 40%);
}

.index_firstview .hand {
    position: absolute;
    right: -80px;
    bottom: -40px;
}

/* ３つのポイント */
.index_firstview .point_container {
    /* 白い帯と位置 */
    position: absolute;
    z-index: 0;
    bottom: 1rem;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
}

.index_firstview .point {
    max-width: 760px;
    margin: auto;
    justify-content: flex-start;
}

.index_firstview .point li {
    border: 2px solid #fff;
    background: #fff;
    border-radius: 24px;
    color: #36966A;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 8px 16px;
    padding: 4px 16px;
    position: relative;
}

.index_firstview .point li::before {
    /* アイコン */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ui/leaf_left_green.svg");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: -28px;
}

/* 葉っぱのデコレーション */
.index_firstview .deco {
    position: absolute;
    z-index: 1;
}

.index_firstview .deco.left {
    left: -20px;
    bottom: -30px;
}

.index_firstview .deco.right {
    right: -20px;
    top: -30px;
}

/* ------------------------------------------
index コンテンツ
------------------------------------------- */
/* index - イントロ */
.index_introduction .max_wrapL {
    padding-top: 24px;
}

.index_introduction .head {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.8rem;
    text-align: center;
    color: #36966A;
    line-height: 3rem;
    border: none;
}

.index_introduction .head .mini {
    font-size: 1rem;
    color: #212529;
    display: block;
}

.index_introduction .text {
    line-height: 2.3;
}

.index_introduction .movie_wrap {
    width: 500px;
}

/* index - イントロ - ボタン */
.button.touch {
    background: #F7FBF2;
    color: #36966A;
    border-width: 1px;
    font-size: 1rem;
}

a.button.touch:before {
    content: none;
}

a.button.touch:hover {
    background: #36966A;
    color: #fff;
}

/* ------------------------------------------
index イントロ iPadレンタルサービス
------------------------------------------- */
.intro_rent_container {
    background: linear-gradient(90deg, #fff 22%, #F0F7F6 22%);
    margin-bottom: 180px;
}

.intro_rent {
    max-width: 960px;
    background: #F0F7F6;
    margin: auto;
    padding: 64px 16px 0px;
    position: relative;
}

.intro_rent .head {
    color: #36966A;
    font-size: 2.6rem;
    border: none;
    text-align: left;
}

.intro_rent .text {
    line-height: 2.6;
    position: relative;
}

.intro_rent a.button {
    font-size: 1rem;
    text-align: left;
    margin-left: 0;
}

/* 画像類調整 */
.intro_rent .human {
    transform: translateY(20%);
}

.intro_rent .picbox {
    transform: translateY(25%);
    align-items: flex-end;
}

.intro_rent .human img,
.intro_rent .picbox img {
    margin: 0;
    margin-right: auto;
    filter: drop-shadow(1px 4px 4px rgba(104, 130, 150, 0.15));
    /* box-shadow: 0 1rem 0.8rem -1rem hsl(200deg 75.76% 32.79% / 40%); */
}

/* セリフ */
.intro_rent .picbox span {
    color: #36966A;
    text-align: center;
    font-weight: bold;
    display: block;
    position: relative;
}

.intro_rent .picbox span::before,
.intro_rent .picbox span::after {
    content: "";
    width: 1px;
    height: 80%;
    background: #36966A;
    position: absolute;
    bottom: 6px;
}

.intro_rent .picbox span::before {
    left: 0;
    transform: rotate(-20deg);
}

.intro_rent .picbox span::after {
    right: 0;
    transform: rotate(20deg);
}

/* ------------------------------------------
index KURERUの特長
------------------------------------------- */
.index_features {
    background: #F7FBF2;
    position: relative;
}

.index_features::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #BFE8D6 transparent transparent transparent;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.index_features h2.head {
    margin: 80px auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

/* 白い背景の調整 */
.index_features_list .item {
    background: #fff;
    box-shadow: 0 1rem 0.8rem -1rem hsl(200deg 75.76% 32.79% / 10%);
    margin: auto;
    margin-bottom: 80px;
    /* padding: 40px 16px; */
}

.index_features_list .item1 {
    width: 80%;
    margin-right: 0;
}

.index_features_list .item2 {
    background: transparent;
    max-width: 960px;
}

.index_features_list .item3 {
    width: 80%;
    margin-left: 0;
}

.index_features_list .wrap {
    position: relative;
    background: #fff;
    max-width: 960px;
    padding: 40px 72px;
    margin: auto;
    align-items: center;
    border-radius: 4px;
}

.index_features_list .item1 .wrap {
    margin-left: 0;
}

.index_features_list .item3 .wrap {
    margin-right: 0;
    padding: 72px 72px;
}

/* 内容のレイアウト */
.index_features_list .text {
    order: 2;
    flex-basis: calc(100% - 200px);
}

.index_features_list .img {
    order: 1;
    flex-basis: 150px;
}

/* テキスト */
.index_features_list .head {
    color: #36966A;
    border: none;
    padding: 0;
    margin-bottom: 16px;
    font-size: 1.4rem;
}

.index_features_list .head::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ui/leaf_right_light.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 4px;
}

.index_features_list .head .num {
    position: absolute;
    top: -16px;
    left: 24px;
    font-size: 6rem;
    color: #BFE8D6;
}

/* 強み */
.index_features .strength {
    position: relative;
    z-index: 2;
    background: #fff;
    max-width: 1024px;
    padding: 40px 16px;
    margin: 100px auto 100px;
    border-radius: 4px;
    box-shadow: 0 0.3rem 0.8rem -0.3rem hsl(200deg 75.76% 32.79% / 10%);
}

.head_wrap {
    text-align: center;
}

.index_features .strength .head {
    color: #36966A;
    border: none;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: 32px;
}

.index_features .strength .sub_head {
    border-left: 4px #bee8d6 solid;
    padding-left: 8px;
}

/* 強み 吹き出し */
.index_features .strength .hukidashi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 999px;
    background-color: #36966A;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: -180%;
    left: -30%;
    transform: rotate(-10deg);
}

.index_features .strength .hukidashi::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #36966A transparent transparent;
    transform: translate(25%, 60%) rotate(-20deg);
}

/* 強み 内容 */
.index_features .strength .item {
    max-width: 700px;
    margin: 0 auto 48px;
}

/* 強み 画面サンプル */
.index_features .strength .sample {
    background: #F7FBF2;
    max-width: 800px;
    margin: 80px auto 48px;
    padding: 40px;
    position: relative;
}

.index_features .strength .sample .head {
    text-align: center;
    font-size: 1.4rem;
    display: block;
    margin-top: 16px;
}

.index_features .strength .sample .leaf {
    opacity: 0.4;
}

.index_features .strength .sample .head .small {
    font-size: 1rem;
}

.index_features .strength .sample figcaption {
    font-size: 0.8rem;
    padding: 0px;
}

/* 強み 画面サンプル - デコ */
.index_features .strength .sample::before,
.index_features .strength .sample::after {
    content: "";
    width: 55px;
    height: 55px;
    border: #BFE8D6 10px solid;
    position: absolute;
    border-radius: 4px;
}

.index_features .strength .sample::before {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0;
}

.index_features .strength .sample::after {
    bottom: -5px;
    right: -5px;
    border-top: 0;
    border-left: 0;
}

/* 葉っぱデコ */
.deco_wrap {
    position: relative;
    overflow: hidden;
    padding: 0 8px;
}

.index_features_list {
    position: relative;
    z-index: 2;
}

.index_features .deco {
    position: absolute;
    z-index: 1;
}

.index_features .deco.left {
    left: -20px;
    top: -30px;
}

.index_features .deco.right {
    right: -20px;
    bottom: 50%;
}

/* 双葉デコ */
.index_features .sprout {
    bottom: 0;
    right: 10%;
    opacity: 0.4;
}

/* ------------------------------------------
index 途中のCTA
------------------------------------------- */
.index_cta {
    background: transparent linear-gradient(169deg, rgb(54, 150, 106) 0%, rgb(49, 177, 140) 48%, rgb(70, 181, 166) 100%);
    padding: 40px 16px;
}

.index_cta>.wrap {
    max-width: 760px;
    margin: auto;
}

.index_cta .head {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0;
}

.index_cta .head .small {
    font-size: 1rem;
    display: block;
}

.index_cta .button.cta {
    margin-top: 16px;
}

/* ------------------------------------------
index 機能一覧
------------------------------------------- */
.index_appcont {
    background: #F0F7F6;
}

.index_appcont_list {
    margin: 8px;
}

.index_appcont_list li {
    flex: 1;
    flex-basis: calc(100% / 3 - 10px);
    margin: 4px;
    min-height: 100px;
    text-align: center;
    background: #fff;
    padding: 16px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.index_appcont_list li figcaption {
    margin-top: 1rem;
}

.index_appcont .system {
    margin-top: 0;
    padding-top: 0;
}

/* ------------------------------------------
index 実績
------------------------------------------- */
.index_achiev {
    position: relative;
}

.index_achievement_list li {
    flex-basis: calc(100% / 4 - 16px);
    margin: 4px;
}

/* デコ */
.index_achiev .deco.wave.top {
    /* 波 */
    width: 100%;
}

.index_achiev .deco.sprout {
    /* 双葉 */
    opacity: 0.4;
    position: absolute;
    left: 10%;
    bottom: 0;
}

/* ------------------------------------------
index デモムービーボタン
------------------------------------------- */
.button_demomovie,
.button_company {
    background: #A5B6B4;
    background-size: cover;
    position: relative;
    z-index: 0;
    height: 130px;
    line-height: 130px;
    min-width: 300px;
    width: 700px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1rem 0.8rem -1rem hsl(200deg 75.76% 32.79% / 40%);
}

.button_demomovie a,
.button_company a {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 130px;
    font-size: 1.8rem;
    color: #fff;
    text-decoration: none;
}

.button_demomovie .flexbox,
.button_company .flexbox {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.button_demomovie:before,
.button_company:before,
.button_demomovie:after,
.button_company:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transition: 0.5s;
    background: linear-gradient(-45deg, rgba(0, 10, 0, .7), rgba(0, 10, 0, .5)), url("/img/demomovie_button_back.jpg");
    background-size: cover;
    border-radius: 2px;
}

.button_demomovie:after,
.button_company:after {
    z-index: -2;
    background: linear-gradient(-45deg, rgba(0, 10, 0, .3), rgba(0, 10, 0, .3)), url("/img/demomovie_button_back.jpg");
    background-size: cover;
}

.button_demomovie:hover:before,
.button_company:hover:before {
    opacity: 0;
}

.button_demomovie a:before,
.button_company a:before {
    /* 三角 */
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-right: 0;
    border-bottom: 0;
    transform: translate(0%, 0%) rotate(135deg);
    transition: .3s;
    margin-right: 16px;
}

/* ------------------------------------------
index 地図分析アプリ
------------------------------------------- */
.marketing_cta {
    background: linear-gradient(180deg, rgb(255, 250, 220), rgb(199, 243, 224));
}

.marketing_cta .wrap {
    background: rgba(255, 255, 255, 0.7);
    position: relative;
    border-radius: 4px;
}

.marketing_cta .head {
    margin: 16px auto 40px;
}

.marketing_cta .sub {
    background: #ff8d00;
    color: #fff;
    border-radius: 100px;
    font-size: 1.2rem;
    display: block;
    padding: 8px 32px;
    position: absolute;
    top: -2%;
    left: 50%;
    transform: translateX(-50%);
}

/* ------------------------------------------
index アンケートに関する情報集
------------------------------------------- */
.index_blog {
    padding: 8px;
}

.index_blog>.wrap {
    max-width: 760px;
    border-left: 10px #BFE8D6 solid;
    border-right: 10px #BFE8D6 solid;
    margin: 40px auto;
}

.index_blog .head {
    font-size: 1.4rem;
    text-align: center;
    margin: auto;
    padding: 0;
    padding-top: 16px;
}

.index_blog .head .small {
    font-size: 1rem;
    display: block;
}

.index_blog a.button {
    margin-top: 24px;
}

/* ------------------------------------------
index 各種プランの料金 ２つのプラン
------------------------------------------- */
.index_plan {
    position: relative;
    background-color: #F0F7F6;
    z-index: 0;
    overflow: hidden;
}

.index_plan::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/img/ui/leaves_back.svg");
    background-repeat: repeat;
    background-position: top left;
    background-size: 770px 500px;
    z-index: -1;
    opacity: 0.3;
}

/* 初期費用 */
.index_plan .lead {
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 48px;
}

.index_plan .lead .big {
    font-size: 2rem;
    display: block;
    margin-top: 24px;
}

.index_plan .lead .zero {
    font-size: 4.5rem;
    color: #36966A;
}

/* 初期費用 見出しデコ */
.index_plan .lead .stick_in,
.index_plan .lead .stick_out {
    display: inline-block;
    position: relative;
}

.index_plan .lead .stick_in::before,
.index_plan .lead .stick_in::after {
    content: "";
    width: 1px;
    height: 80%;
    background: #36966A;
    position: absolute;
    bottom: 6px;
}

.index_plan .lead .stick_in::before {
    left: -20%;
    transform: rotate(-40deg);
}

.index_plan .lead .stick_in::after {
    right: -20%;
    transform: rotate(40deg);
}

.index_plan .lead .stick_out::before,
.index_plan .lead .stick_out::after {
    content: "";
    width: 1px;
    height: 40%;
    background: #36966A;
    position: absolute;
    bottom: -16px;
}

.index_plan .lead .stick_out::before {
    left: -30%;
    transform: rotate(-60deg);
}

.index_plan .lead .stick_out::after {
    right: -30%;
    transform: rotate(60deg);
}

/* ２つのプラン 台紙 */
.plan_container .item {
    background: #fff;
    border-radius: 8px;
    padding: 16px 24px 32px;
    box-shadow: 0 0.3rem 0.8rem -0.3rem hsl(200deg 75.76% 32.79% / 40%);
    position: relative;
}

.plan_container .item .head {
    font-size: 1.2rem;
    text-align: center;
    border: none;
    margin-bottom: 16px;
}

.plan_container .plan_enter {
    border-top: 10px #ff8d00 solid;
}

.plan_container .plan_enter .head {
    color: #E26918;
    font-size: 1.2rem;
    margin-bottom: 40px;
}

.plan_container .plan_apple {
    border-top: 10px #36966A solid;
    padding: 16px 32px 32px;
    max-width: 640px;
}

.plan_container .plan_apple .head {
    color: #36966A;
    font-size: 2.4rem;
}

/* ２つのプラン 見出しデコ */
.plan_container .item .head span {
    position: relative;
    display: inline-block;
    color: #212529;
    font-size: 1rem;
    margin-bottom: 4px;
}

.plan_container .item .head span::before,
.plan_container .item .head span::after {
    content: "";
    width: 1px;
    height: 60%;
    background: #212529;
    position: absolute;
    bottom: 9px;
}

.plan_container .item .head span::before {
    left: -15%;
    transform: rotate(-40deg);
}

.plan_container .item .head span::after {
    right: -15%;
    transform: rotate(40deg);
}

/* ２つのプラン 内容 */
.plan_container .content {
    text-align: center;
}

.plan_container .content .week {
    border-right: 1px #e5e5ee solid;
}

.plan_container .content .title {
    font-size: 1.3rem;
    margin: 8px auto 24px;
}

.plan_container .content dd>span {
    display: block;
    font-weight: bold;
    margin: 8px;
}

.plan_container .content .price {
    font-size: 1.7rem;
    margin-top: 16px;
}

.plan_container .content .price .big {
    font-size: 2.5rem;
}

.plan_container .note {
    font-weight: bold;
    font-size: 0.9rem;
    border-top: 1px #e5e5ee solid;
    padding-top: 24px;
}

/* ２つのプラン 矢印 */
.plan_container .item::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #36966A transparent transparent transparent;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

/* ------------------------------------------
index 各種プランの料金　オプション
------------------------------------------- */
.plan_option_container .head {
    color: #36966A;
    padding: 16px 8px;
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    border: none;
}

.plan_option_container .item {
    background: #fff;
    border-radius: 8px;
    padding: 24px 24px 32px;
    box-shadow: 0 0.3rem 0.8rem -0.3rem hsl(200deg 75.76% 32.79% / 40%);
    position: relative;
    border-top: 10px #36966A solid;
    text-align: center;
    margin-bottom: 16px;
}

/* オプション　KURERU */
.plan_option_container.kureru .item {
    display: flex;
    flex-direction: column;
    max-width: 460px;
}

.plan_option_container.kureru .item dd:last-of-type {
    margin-top: auto;
}

.plan_option_container.kureru .item .button {
    margin-bottom: 0;
}

.plan_option_container .item dt {
    text-align: center;
    font-size: 1.2rem;
    color: #36966A;
    margin-bottom: 32px;
}

.plan_option_container .item dt.agency {
    margin-bottom: 16px;
}

.plan_option_container .item .text {
    line-height: 2;
}

/* オプション　かりっちゃ */
.plan_option_container.rent .head {
    color: #2D84C2;
}

.plan_option_container.rent .sub_head {
    color: #2D84C2;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6;
}

.plan_option_container.rent .item {
    border-top: 10px #2D84C2 solid;
}

.plan_option_container.rent .item .rent_kureru {
    border-right: 1px #e5e5ee solid;
}

.plan_option_container.rent .item dt {
    color: #2D84C2;
    margin-bottom: 16px;
}

.plan_option_container.rent .item dd {
    font-weight: bold;
    font-size: 1.2rem;
}

/* ------------------------------------------
index 新着情報
------------------------------------------- */
.index_news dd {
    margin-bottom: 24px;
}

.index_oldnews_wrap {
    background: #F7FBF2;
    padding: 8px;
    border-radius: 8px;
}

.index_oldnews_wrap h4 {
    color: #A5B6B4;
    text-align: right;
    margin: 0;
    font-size: 0.8rem;
    cursor: pointer;
}

.index_oldnews {
    height: 0px;
    opacity: 0;
    display: none;
}

@media all and (max-width: 1440px) {

    /* 葉っぱのデコレーション */
    .index_firstview .deco {
        width: 180px;
    }

}

@media all and (max-width: 1180px) {}

@media all and (max-width: 960px) {

    /* index イントロ iPadレンタルサービス */
    .intro_rent .head {
        font-size: 2rem;
    }

    .intro_rent .img {
        flex-basis: calc(30% - 8px);
    }

    .intro_rent .text {
        flex-basis: calc(70% - 8px);
    }

    .intro_rent .picbox span {
        font-size: 0.7rem;
        line-height: 1.4;
    }

    /* index KURERUの特長 */
    .index_features_list .item1,
    .index_features_list .item3 {
        width: 90%;
    }

    /* index プラン */
    .plan_option_container .item .text {
        text-align: left;
    }
}

@media all and (max-width: 767px) {

    /* ファーストビュー キャッチコピー */
    .index_firstview .catchcopy>span {
        /* background: rgb(247 251 242 / 0%); */
        text-align: center;
        margin-bottom: 0px;
        /* border-bottom: 2px solid #fff; */
    }

    .index_firstview .catchcopy {
        margin-top: 24px;
    }

    .index_firstview .catchcopy span.second {
        font-size: 1.4rem;
    }

    .index_firstview .catchcopy span.third {
        font-size: 1.4rem;
        padding: 16px 40px 4px 48px;
    }

    .index_firstview .catchcopy span.third .big {
        font-size: 3rem;
    }

    .index_firstview .deco.right {
        opacity: .7;
    }

    /* ファーストビュー 画像 */
    .index_firstview .img {
        padding: 0 0;
    }

    .index_firstview .iPad {
        width: 96%;
        margin: auto;
    }

    .index_firstview .hand {
        width: 150px;
        right: -70px;
    }

    .index_firstview .point_container {
        position: static;
        margin: 16px auto 24px;
        padding: 8px 0;
    }

    /* ファーストビュー ３つのポイント */
    .index_firstview .point li {
        font-size: 1.2rem;
        width: 70%;
        text-align: center;
        /* background: #fff; */
        margin: 4px auto;
        padding: 8px 16px 8px 32px;
    }

    /* index イントロ iPadレンタルサービス */
    .intro_rent_container {
        margin-bottom: 100px;
    }

    .intro_rent {
        padding: 24px 16px 0px;
    }

    .intro_rent .head {
        font-size: 1.8rem;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 8px;
    }

    .intro_rent a.button {
        margin-left: auto;
    }

    /* index イントロ iPadレンタルサービス 写真類*/
    .intro_rent .human {
        transform: translate(60%, 0%);
        width: 160px;
    }

    .intro_rent .picbox {
        transform: translateY(10%);
    }

    .intro_rent .picbox img {
        margin-bottom: 24px;
        margin-right: 0;
    }

    /* index KURERUの特長 */
    .index_features_list .head .num {
        opacity: 0.5;
        left: 16px;
    }

    .index_features_list .wrap {
        padding: 40px 24px !important;
    }

    .index_features_list .item {
        width: 100%;
    }

    .index_features_list .item img {
        margin-bottom: 24px;
    }

    /* index KURERUの特長 画面サンプル*/
    .index_features .strength .hukidashi {
        width: 80px;
        height: 80px;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
    }

    .index_features .strength .hukidashi::after {
        transform: translate(-50%, 0%) rotate(0deg);
        bottom: -12px;
    }

    .index_features .strength .sample {
        padding: 24px 24px 8px;
    }

    .index_features .strength .head {
        margin-bottom: 24px;
    }

    .index_sample_list {
        justify-content: flex-start;
    }

    /* index 途中のCTA */
    .index_cta .wrap>div:first-of-type {
        border-bottom: 1px solid #fff;
    }

    /* index ご利用実績 */
    .index_achievement_list figcaption {
        font-size: .9rem;
    }

    /* index 地図分析アプリ */
    .marketing_cta .max_wrapS {
        padding: 24px 24px;
    }

    .marketing_cta .sub {
        max-width: 320px;
        width: 100%;
    }

    .marketing_cta .head {
        margin: 0 auto 16px;
        font-size: 1.6rem;
        line-height: 1.7;
    }

    /* index アンケートに関する情報集 */
    .index_blog .flexbox div:first-child .button {
        margin-bottom: 0;
    }

    /* index プラン 見出し*/
    .index_plan .lead .stick_in::before,
    .index_plan .lead .stick_in::after {
        height: 65%;
        bottom: 3px;
    }

    .index_plan .lead .stick_in::before {
        left: -12%;
        transform: rotate(-30deg);
    }

    .index_plan .lead .stick_in::after {
        right: -12%;
        transform: rotate(30deg);
    }

    .index_plan .lead .stick_out::before,
    .index_plan .lead .stick_out::after {
        height: 50%;
        bottom: -16px;
    }

    .index_plan .lead .stick_out::before {
        left: -15%;
        transform: rotate(-45deg);
    }

    .index_plan .lead .stick_out::after {
        right: -15%;
        transform: rotate(45deg);
    }

    /* index プラン 2つのプラン */
    .plan_container .item {
        padding: 32px 16px !important;
    }

    .plan_container .plan_enter .head {
        font-size: 1.6rem;
        margin-bottom: 16px;
    }

    .plan_container .plan_apple .head {
        font-size: 2rem;
    }

    .plan_container .content .week,
    .plan_option_container.rent .item .rent_kureru {
        border: none;
        border-bottom: 1px #e5e5ee solid;
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    /* index プラン ダウンロード*/
    .plan_container .item.plan_enter::before {
        content: none;
    }

    /* index プラン オプション */
    .plan_option_container .head {
        font-size: 1.7rem;
    }

}

@media screen and (max-width: 320px) {

    /* とても狭い端末 */
    .index_firstview .catchcopy>span {
        padding: 8px 24px 4px 24px;
    }

    .index_firstview .catchcopy span.third {
        padding: 24px 16px 16px 16px;
    }
}