@charset "UTF-8";

/* ===== インテリアコーディネート（構造・配色：PC/SP共通） ===== */
main{ width: 100% !important; }
#itr-mv,#itr-nav,.itr-lead,.itr-catch,#itr-can,.itr-target,#itr-flow,#itr-profile,#itr-case{ letter-spacing: 0; line-height: 1; }
#itr-mv img,#itr-nav img,#itr-can img,.itr-target img,#itr-flow img,#itr-profile img,#itr-case img{ vertical-align: top; }
.side-fix.fix-list{ display: none !important; }

#itr-mv .itr-mv-in{ position: relative; }
#itr-mv .itr-mv-photo img{ width: 100%; height: auto; }
#itr-mv .itr-mv-script{ position: absolute; }
#itr-mv .itr-mv-script img{ width: 100%; height: auto; }
#itr-mv .itr-mv-ttl{ position: absolute; }
#itr-mv .itr-mv-ttl .en{ display: block; font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; }
#itr-mv .itr-mv-ttl .jp{ display: block; font-weight: 700; }
#itr-mv .itr-mv-label li{ position: absolute; }
.itr-catch{ text-align: center; font-weight: 500; }

#itr-nav{ background: #EEEAE7; }
#itr-nav ul{ display: flex; justify-content: space-between; }
#itr-nav li a{ display: block; position: relative; background: #fff; color: #000; }
#itr-nav li a:hover{ text-decoration: none; opacity: 0.8; }
#itr-nav li a::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(#F2F2F0, #fff); }
#itr-nav li a::after{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: #232323 transparent transparent transparent; }
#itr-nav .ttl,#itr-nav .sub{ position: absolute; white-space: nowrap; }
#itr-nav .ttl{ font-weight: 700; }
#itr-nav img{ position: absolute; border-radius: 5px; }

#itr-can{ background: url("../images/interior/can-bg.jpg") no-repeat center / cover; color: #fff; }
#itr-can .itr-can-ttl{ text-align: center; font-weight: 700; }
#itr-can .itr-can-list{ display: flex; flex-wrap: wrap; }
#itr-can .itr-can-list li{ position: relative; }
#itr-can .num{ position: absolute; top: 0; font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; }
#itr-can .itr-can-list .icon{ display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; background: #fff; }
#itr-can h3{ text-align: center; font-weight: 700; }
#itr-can .itr-point{ position: relative; background: #fff; color: #232323; }
#itr-can .itr-point .text{ font-weight: 700; }
#itr-can .itr-point .text span:not(.sp-hl){ background: linear-gradient(#FFEE01, #FFEE01) no-repeat; }

.itr-target .itr-target-head{ position: relative; overflow: hidden; background: #F2F2F0; }
.itr-target .itr-target-head::before{ content: ""; position: absolute; top: 0; background: url("../images/interior/target-business.jpg") no-repeat center / cover; }
.itr-target .itr-target-head::after{ content: ""; position: absolute; top: 0; background: linear-gradient(to right, #F2F2F0 0%, rgba(242,242,240,0) 50%); }
#itr-individual .itr-target-head::before{ background-image: url("../images/interior/target-individual.jpg"); }
.itr-target .itr-target-head .itr-inner{ position: relative; z-index: 1; }
.itr-target .itr-target-head .script img{ width: 100%; height: auto; }
.itr-target .itr-target-head .ttl{ display: flex; }
.itr-target .itr-target-head .ttl span{ display: block; box-sizing: border-box; border: 2px solid #C3C3C3; background: #fff; text-align: center; font-weight: 500; }
.itr-target .itr-target-head .sub{ font-weight: 700; }
.itr-target .itr-target-intro{ position: relative; z-index: 1; background: #fff; }
.itr-target .itr-target-intro .catch{ font-weight: 700; color: #96876B; letter-spacing: 0.05em; }
#itr-individual .itr-target-intro .catch{ color: #96776B; }
#itr-individual .itr-target-intro .catch span{ display: block; font-weight: 500; letter-spacing: 0; }

.itr-merit{ background: #F2F2F0; }
.itr-merit .itr-merit-ttl{ text-align: center; font-weight: 700; }
.itr-merit ul{ display: flex; justify-content: space-between; }
.itr-merit li{ position: relative; background: #fff; text-align: center; }
.itr-merit li::before{ content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(135deg, #B1A377 50%, transparent 50%); }
.itr-merit .num{ position: absolute; z-index: 1; font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; color: #fff; }
.itr-merit h4{ font-weight: 700; }
.itr-merit h4 span{ display: inline-block; background: linear-gradient(#FFEE01, #FFEE01) no-repeat; }

.itr-check{ background: url("../images/interior/check-bg-business.jpg") repeat-y center top; color: #fff; }
#itr-individual .itr-check{ background-image: url("../images/interior/check-bg-individual.jpg"); }
.itr-check .itr-check-ttl{ display: flex; justify-content: center; font-weight: 700; }
.itr-check li{ position: relative; background: #fff; color: #000; font-weight: 700; }
.itr-check li::before{ content: ""; position: absolute; background: url("../images/interior/pencil.svg") no-repeat center / contain; }

.itr-menu{ position: relative; background-image: linear-gradient(#F2F2F2 1px, transparent 1px), linear-gradient(90deg, #F2F2F2 1px, transparent 1px); }
.itr-menu::before{ content: ""; position: absolute; left: 50%; background: #F2F2F0; }
.itr-menu .itr-menu-ttl{ text-align: center; font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; }
.itr-plan > li{ position: relative; background: #fff; border: 1px solid #EDEDED; box-sizing: border-box; }
.itr-plan .pic img{ width: 100%; height: 100%; object-fit: cover; }
.itr-plan h4{ display: flex; align-items: center; font-weight: 700; color: #B1A377; }
.itr-plan h4 .num{ display: block; text-align: center; border-radius: 5px; background: #B1A377; color: #fff; font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; }
.itr-plan .tag{ display: flex; flex-wrap: wrap; }
.itr-plan .tag li{ background: #E6E6E6; color: #656565; }
.itr-plan .price{ position: relative; box-sizing: border-box; }
.itr-plan .price .label{ font-weight: 500; }
.itr-plan .price .yen{ font-weight: 700; color: #B1A377; }
.itr-plan .price .yen .num{ font-family: "Barlow", sans-serif; font-weight: 600; letter-spacing: 0.04em; }
#itr-individual .itr-plan h4,#itr-individual .itr-plan .price .yen{ color: #96776B; }
#itr-individual .itr-plan h4 .num{ background: #96776B; }
.itr-note li{ position: relative; background: #F3F3F2; border-top: solid #E6E6E6; box-sizing: border-box; }
.itr-note .icon{ position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #B1A377; }
#itr-individual .itr-note .icon{ background: #96776B; }
.itr-note h4{ font-weight: 700; }

#itr-flow{ background: #7B8895; color: #fff; }
#itr-flow .itr-flow-ttl{ text-align: center; font-weight: 700; }
#itr-flow ol{ display: flex; }
#itr-flow ol li{ position: relative; flex-shrink: 0; background: #fff; color: #232323; text-align: center; }
#itr-flow ol .num{ position: absolute; left: 50%; border-radius: 50%; background: #5C6F81; color: #fff; font-family: "Barlow", sans-serif; font-weight: 500; letter-spacing: 0.04em; }
#itr-flow ol h3{ color: #5C6F81; font-weight: 700; white-space: nowrap; }
#itr-flow ol .icon{ display: flex; align-items: center; justify-content: center; }
#itr-flow ol .term{ margin-left: auto; margin-right: auto; background: #5C6F81; color: #fff; font-weight: 700; }
#itr-flow .itr-prepare{ border: 1px solid #9EA9B4; box-sizing: border-box; text-align: center; }
#itr-flow .itr-prepare h3{ border-bottom: 1px solid #9EA9B4; font-weight: 500; }
#itr-flow .itr-prepare .list{ font-weight: 700; }
#itr-flow .itr-caution h3{ display: flex; align-items: center; font-weight: 500; }

#itr-profile .itr-profile-in{ position: relative; background: #EFEDE5; }
#itr-profile .itr-profile-ttl{ text-align: center; font-weight: 700; }
#itr-profile .photo img{ width: 100%; height: auto; border-radius: 50%; }
#itr-profile .job{ color: #B1A377; font-weight: 500; }
#itr-profile .name{ font-weight: 500; letter-spacing: 0.06em; }
#itr-profile .name span{ font-weight: 400; letter-spacing: 0.07em; }
#itr-profile .itr-profile-career h3{ font-weight: 500; border-bottom: 1px solid #232323; }
#itr-profile .itr-profile-career li{ position: relative; }
#itr-profile .itr-profile-career li::before{ content: "・"; position: absolute; left: 0; top: 0; }

#itr-case .itr-case-ttl{ text-align: center; font-weight: 700; }
#itr-case .itr-case-list{ display: flex; flex-wrap: wrap; }
#itr-case .itr-case-list a{ display: block; color: #232323; }
#itr-case .itr-case-list a:hover{ text-decoration: none; opacity: 0.8; }
#itr-case .itr-case-list .pic{ overflow: hidden; }
#itr-case .itr-case-list .pic img{ width: 100%; height: 100%; object-fit: cover; }
#itr-case .itr-case-list .ttl{ font-weight: 500; }
#itr-case .itr-case-btn a{ display: block; position: relative; box-sizing: border-box; margin: 0 auto; border: solid #232323; border-radius: 5px; background: #fff; text-align: center; font-weight: 500; color: #232323; }
#itr-case .itr-case-btn a::after{ content: "→"; position: absolute; top: 0; }
#itr-case .itr-case-btn a:hover{ text-decoration: none; opacity: 0.8; }

.itr-side{ display: none; }


@media screen and (min-width: 768px),print {

/* メインビジュアル */
#itr-mv{ padding-top: 0; }
#itr-mv .itr-mv-in{ width: 1600px; height: 520px; margin: 0 auto; }
#itr-mv .itr-mv-script{ left: 211px; top: 101px; width: 381px; }
#itr-mv .itr-mv-ttl{ left: 250px; top: 156px; }
#itr-mv .itr-mv-ttl .en{ font-size: 86px; line-height: 87px; }
#itr-mv .itr-mv-ttl .jp{ font-size: 22px; line-height: 22px; margin-top: 22px; }
#itr-mv .itr-mv-label li{ top: -21px; }
#itr-mv .itr-mv-label li:nth-child(1){ left: 1339px; width: 62px; }
#itr-mv .itr-mv-label li:nth-child(2){ left: 1264px; width: 62px; }
#itr-mv .itr-mv-label img{ width: 100%; height: auto; }

/* ページ内リンク */
#itr-nav{ width: 1200px; margin: 47px auto 0; padding: 30px 40px; box-sizing: border-box; }
#itr-nav li{ width: 360px; }
#itr-nav li a{ height: 140px; }
#itr-nav li a::before{ height: 30px; }
#itr-nav li a::after{ left: 173px; top: 120px; border-width: 7px 7px 0 7px; }
#itr-nav .ttl{ left: 20px; top: 32px; font-size: 20px; line-height: 20px; }
#itr-nav .sub{ left: 20px; top: 69px; font-size: 14px; line-height: 14px; }
#itr-nav img{ left: 210px; top: 10px; width: 130px; height: 90px; }
.itr-lead{ width: 1200px; margin: 36px auto 0; font-size: 16px; line-height: 32px; }
.itr-catch{ margin-top: 5px; font-size: 20px; line-height: 50px; }

/* できること */
#itr-can{ height: 880px; margin-top: 87px; box-sizing: border-box; padding-top: 114px; }
#itr-can .itr-inner{ width: 1200px; margin: 0 auto; }
#itr-can .itr-can-ttl{ font-size: 25px; line-height: 25px; }
#itr-can .itr-can-list{ margin-top: 88px; }
#itr-can .itr-can-list li{ width: 300px; padding-top: 23px; }
#itr-can .num{ left: 25px; font-size: 21px; line-height: 21px; }
#itr-can .itr-can-list .icon{ width: 140px; height: 140px; }
#itr-can h3{ margin-top: 22px; font-size: 20px; line-height: 30px; }
#itr-can .itr-can-list .text{ width: 204px; margin: 23px 0 0 50px; font-size: 16px; line-height: 26px; letter-spacing: 0.04em; }
#itr-can .itr-point{ height: 130px; margin-top: 74px; }
#itr-can .itr-point .icon{ position: absolute; left: 148px; top: 38px; width: 102px; }
#itr-can .itr-point .icon img{ width: 100%; height: auto; }
#itr-can .itr-point .text{ position: absolute; left: 290px; top: 50px; font-size: 25px; line-height: 25px; }
#itr-can .itr-point .text span:not(.sp-hl){ display: inline-block; padding: 0 5px 11px 10px; margin: 0 -5px -11px -10px; background-position: 0 15px; background-size: 100% 20px; }

/* 法人向け・個人向け 共通 */
.itr-target{ padding-top: 0; }
#itr-individual{ margin-top: 136px; }
.itr-target .itr-inner{ width: 1200px; margin: 0 auto; }
.itr-target .itr-target-head{ height: 600px; }
.itr-target .itr-target-head::before,
.itr-target .itr-target-head::after{ left: 50%; margin-left: -450px; width: 1250px; height: 600px; }
.itr-target .itr-target-head .script{ position: absolute; left: 40px; top: 107px; width: 260px; }
#itr-individual .itr-target-head .script{ width: 354px; top: 110px; }
.itr-target .itr-target-head .ttl{ padding: 200px 0 0 50px; }
.itr-target .itr-target-head .ttl span{ width: 100px; height: 100px; font-size: 62px; line-height: 92px; }
.itr-target .itr-target-head .ttl span + span{ margin-left: 0; }
.itr-target .itr-target-head .sub{ margin: 36px 0 0 52px; font-size: 22px; line-height: 22px; }
.itr-target .itr-target-intro{ display: flex; width: 1200px; height: 470px; margin: -109px auto 0; padding: 70px 0 0 80px; box-sizing: border-box; }
.itr-target .itr-target-intro .catch{ width: 510px; font-size: 36px; line-height: 65px; }
#itr-individual .itr-target-intro .catch span{ font-size: 18px; line-height: 32px; }
.itr-target .itr-target-intro .text{ width: 530px; margin-top: 10px; font-size: 16px; line-height: 32px; }
#itr-individual .itr-target-intro .text{ margin-top: 29px; }

/* メリット */
.itr-merit{ width: 1400px; height: 640px; margin: 49px auto 0; padding-top: 74px; box-sizing: border-box; }
.itr-merit .itr-merit-ttl{ font-size: 25px; line-height: 25px; }
.itr-merit ul{ width: 1200px; margin: 51px auto 0; }
.itr-merit li{ width: 380px; height: 410px; }
.itr-merit li::before{ width: 90px; height: 90px; }
.itr-merit .num{ left: 15px; top: 17px; font-size: 21px; line-height: 21px; }
.itr-merit .icon{ height: 187px; padding-top: 70px; }
.itr-merit li:nth-child(1) .icon img{ width: 127px; }
.itr-merit li:nth-child(2) .icon img{ width: 136px; margin-top: 2px; }
.itr-merit li:nth-child(3) .icon img{ width: 80px; margin-top: 3px; }
.itr-merit h4{ margin-top: 41px; font-size: 30px; line-height: 30px; }
.itr-merit h4 span{ padding: 0 15px 12px; margin-bottom: -12px; background-position: 0 22px; background-size: 100% 20px; }
.itr-merit .text{ margin-top: 32px; font-size: 16px; line-height: 27px; }

/* こんな方におすすめ */
.itr-check{ width: 1400px; height: 550px; margin: 49px auto 0; padding-top: 79px; box-sizing: border-box; background-size: 1400px auto; }
#itr-business .itr-check{ margin-top: 0; }
.itr-check .itr-check-ttl img{ width: 132px; }
.itr-check .itr-check-ttl span{ margin: 15px 0 0 24px; font-size: 25px; line-height: 25px; }
.itr-check ul{ width: 740px; margin: 41px auto 0; }
.itr-check li{ height: 80px; padding-left: 109px; font-size: 20px; line-height: 80px; }
.itr-check li + li{ margin-top: 20px; }
.itr-check li::before{ left: 40px; top: 23px; width: 37px; height: 37px; }

/* MENU */
.itr-menu{ width: 1400px; margin: 140px auto 0; padding: 0 0 84px; background-size: 10px 10px; }
.itr-menu::before{ top: -10px; width: 1200px; height: 20px; margin-left: -600px; }
.itr-menu .itr-menu-ttl{ padding-top: 79px; font-size: 45px; line-height: 45px; }
.itr-plan{ width: 1200px; margin: 56px auto 0; }
.itr-plan > li{ height: 280px; }
.itr-plan > li + li{ margin-top: 30px; }
.itr-plan .pic{ position: absolute; left: 40px; top: 50px; width: 240px; height: 180px; }
.itr-plan .body{ position: absolute; left: 310px; top: 65px; }
.itr-plan h4 .num{ width: 60px; height: 30px; margin-right: 20px; font-size: 20px; line-height: 30px; }
.itr-plan h4 .name{ font-size: 24px; line-height: 30px; }
.itr-plan .text{ margin-top: 19px; font-size: 16px; line-height: 27px; white-space: nowrap; }
.itr-plan .tag{ margin-top: 16px; }
.itr-plan .tag li{ height: 30px; margin-right: 6px; padding: 0 18px; border-radius: 15px; font-size: 16px; line-height: 30px; }
.itr-plan .price{ position: absolute; left: 910px; top: 50px; width: 250px; height: 180px; border-left: 1px solid #B4B4B4; }
.itr-plan .price .label{ position: absolute; left: 37px; top: 56px; font-size: 16px; line-height: 16px; }
.itr-plan .price .label span{ position: absolute; top: 84px; left: 0; width: 210px; text-align: right; font-size: 14px; line-height: 14px; }
.itr-plan .price .yen{ position: absolute; right: 3px; top: 94px; font-size: 24px; line-height: 37px; white-space: nowrap; }
.itr-plan .price .yen .num{ font-size: 37px; }
.itr-note{ display: flex; justify-content: space-between; width: 1200px; margin: 60px auto 0; }
.itr-note li{ width: 580px; height: 220px; padding: 58px 0 0 190px; border-top-width: 10px; }
.itr-note .icon{ left: 50px; top: 40px; width: 120px; height: 120px; }
.itr-note .icon img{ width: 50%; height: auto; }
.itr-note li:nth-child(2) .icon img{ width: 52%; }
.itr-note h4{ font-size: 18px; line-height: 18px; }
.itr-note .text{ width: 340px; margin-top: 16px; font-size: 16px; line-height: 27px; }

/* コーディネートの流れ */
#itr-flow{ height: 842px; margin-top: 76px; padding-top: 74px; box-sizing: border-box; }
#itr-flow .itr-inner{ width: 1240px; margin: 0 auto; }
#itr-flow .itr-flow-ttl{ font-size: 25px; line-height: 25px; }
#itr-flow ol{ justify-content: space-between; margin-top: 81px; }
#itr-flow ol li{ width: 200px; height: 280px; }
#itr-flow ol .num{ top: -20px; width: 40px; height: 40px; margin-left: -22px; font-size: 17px; line-height: 40px; }
#itr-flow ol h3{ padding-top: 50px; font-size: 18px; line-height: 18px; }
#itr-flow ol .icon{ height: 70px; margin-top: 23px; }
#itr-flow ol li:nth-child(1) .icon img{ width: 64px; }
#itr-flow ol li:nth-child(2) .icon img{ width: 67px; }
#itr-flow ol li:nth-child(3) .icon img{ width: 49px; }
#itr-flow ol li:nth-child(4) .icon img{ width: 70px; }
#itr-flow ol li:nth-child(5) .icon img{ width: 73px; }
#itr-flow ol li:nth-child(6) .icon img{ width: 78px; }
#itr-flow ol .text{ width: 160px; margin: 19px auto 0; font-size: 16px; line-height: 27px; }
#itr-flow ol .term{ width: 160px; height: 30px; margin-top: 13px; border-radius: 15px; font-size: 14px; line-height: 30px; }
#itr-flow ol .term span{ font-size: 18px; }
#itr-flow .itr-flow-bar{ display: none; }
#itr-flow .itr-prepare{ width: 960px; height: 180px; margin: 46px auto 0; }
#itr-flow .itr-prepare h3{ height: 70px; padding-top: 28px; box-sizing: border-box; font-size: 18px; line-height: 18px; }
#itr-flow .itr-prepare .body{ padding-top: 24px; }
#itr-flow .itr-prepare .list{ font-size: 20px; line-height: 20px; }
#itr-flow .itr-prepare .text{ margin-top: 16px; font-size: 16px; line-height: 16px; }
#itr-flow .itr-caution{ display: flex; align-items: center; justify-content: center; margin-top: 36px; }
#itr-flow .itr-caution h3{ font-size: 18px; line-height: 27px; }
#itr-flow .itr-caution h3 img{ width: 28px; margin-right: 13px; }
#itr-flow .itr-caution p{ margin-left: 31px; font-size: 16px; line-height: 27px; }

/* プロフィール */
#itr-profile{ margin-top: 130px; }
#itr-profile .itr-profile-in{ width: 1240px; height: 580px; margin: 0 auto; padding-top: 74px; box-sizing: border-box; border-radius: 20px; }
#itr-profile .itr-profile-ttl{ font-size: 25px; line-height: 25px; }
#itr-profile .photo{ position: absolute; left: 79px; top: 149px; width: 201px; }
#itr-profile .body{ position: absolute; left: 300px; top: 204px; width: 500px; }
#itr-profile .job{ padding-left: 4px; padding-bottom: 6px; border-bottom: 1px solid #B1A377; font-size: 16px; line-height: 30px; }
#itr-profile .name{ margin-top: 33px; padding-left: 4px; font-size: 32px; line-height: 32px; }
#itr-profile .name span{ margin-left: 15px; font-size: 18px; }
#itr-profile .itr-profile-main > .text{ position: absolute; left: 80px; top: 365px; width: 720px; font-size: 16px; line-height: 32px; }
#itr-profile .itr-profile-career{ position: absolute; left: 860px; top: 204px; width: 300px; }
#itr-profile .itr-profile-career h3{ padding-bottom: 6px; text-align: center; font-size: 16px; line-height: 30px; }
#itr-profile .itr-profile-career ul{ margin-top: 22px; }
#itr-profile .itr-profile-career li{ padding-left: 40px; font-size: 15px; line-height: 23px; }
#itr-profile .itr-profile-career li::before{ left: 20px; }
#itr-profile .itr-profile-career li + li{ margin-top: 10px; }

/* コーディネート事例 */
#itr-case{ width: 1200px; margin: 106px auto 0; }
#itr-case .itr-case-ttl{ font-size: 25px; line-height: 25px; }
#itr-case .itr-case-list{ margin-top: 59px; }
#itr-case .itr-case-list li{ width: 380px; margin: 0 30px 56px 0; }
#itr-case .itr-case-list li:nth-child(3n){ margin-right: 0; }
#itr-case .itr-case-list .pic{ height: 270px; }
#itr-case .itr-case-list .ttl{ height: 62px; margin-top: 12px; font-size: 18px; line-height: 31px; }
#itr-case .itr-case-btn{ margin-top: 10px; }
#itr-case .itr-case-btn a{ width: 700px; height: 80px; border-width: 2px; font-size: 18px; line-height: 76px; }
#itr-case .itr-case-btn a::after{ right: 38px; line-height: 76px; }

/* フォーム */
#form.form-Box{ margin-top: 130px; }

/* 右追従 */
.itr-side{ display: block; position: fixed; right: 0; top: 529px; z-index: 10; }
.itr-side li a{ display: block; width: 77px; height: 77px; box-sizing: border-box; text-align: center; font-size: 11px; line-height: 11px; font-weight: 700; letter-spacing: 0; }
.itr-side li a:hover{ text-decoration: none; opacity: 0.8; }
.itr-side li img{ display: block; margin: 0 auto; }
.itr-side li span{ display: block; white-space: nowrap; }
.itr-side .line a{ padding-top: 15px; background: #06C755; color: #fff; }
.itr-side .line img{ width: 30px; }
.itr-side .line span{ margin-top: 4px; }
.itr-side .mail a{ height: 78px; padding-top: 20px; background: #F2F2F0; color: #000; }
.itr-side .mail img{ width: 28px; }
.itr-side .mail span{ margin-top: 4px; }
.itr-side .insta a{ padding-top: 13px; background: linear-gradient(45deg, #FBCD01 0%, #F8571E 20%, #DB09BE 60%, #9023F5 100%); color: #fff; }
.itr-side .insta img{ width: 32px; }
.itr-side .insta span{ margin-top: 6px; }

}


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

/* メインビジュアル */
#itr-mv{ margin-top: -4vw; }
#itr-mv .itr-mv-in{ padding-top: 124.155vw; background: #F7F7F7; }
#itr-mv .itr-mv-photo{ position: absolute; left: 0; top: 37.198vw; width: 100%; height: 86.957vw; }
#itr-mv .itr-mv-photo::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #F7F7F7 0, #F7F7F7 4.831vw, rgba(247,247,247,0) 35.024vw); }
#itr-mv .itr-mv-photo img{ height: 100%; object-fit: cover; }
#itr-mv .itr-mv-script{ left: 12.56vw; top: 5.507vw; width: 69.372vw; z-index: 1; }
#itr-mv .itr-mv-ttl{ left: 0; top: 20.217vw; width: 100%; text-align: center; }
#itr-mv .itr-mv-ttl .en{ font-size: 12.56vw; line-height: 11.836vw; }
#itr-mv .itr-mv-ttl .jp{ margin-top: 3.696vw; font-size: 3.623vw; line-height: 3.623vw; }
#itr-mv .itr-mv-label li{ left: 3.14vw; z-index: 1; }
#itr-mv .itr-mv-label li:nth-child(1){ top: 101.691vw; }
#itr-mv .itr-mv-label li:nth-child(2){ top: 112.077vw; }
#itr-mv .itr-mv-label li span{ display: block; height: 8.213vw; padding: 0 3.382vw; border: 1px solid #707070; background: #fff; font-size: 4.831vw; line-height: 7.729vw; font-weight: 500; white-space: nowrap; }

/* ページ内リンク */
#itr-nav{ margin-top: 0; padding: 9.662vw 6.522vw; }
#itr-nav ul{ flex-direction: column; }
#itr-nav li{ width: 100%; }
#itr-nav li + li{ margin-top: 4.831vw; }
#itr-nav li a{ height: 33.816vw; }
#itr-nav li a::before{ height: 7.246vw; }
#itr-nav li a::after{ left: 41.787vw; top: 28.986vw; border-width: 1.691vw 1.691vw 0 1.691vw; }
#itr-nav .ttl{ left: 5.072vw; top: 7.729vw; font-size: 4.831vw; line-height: 4.831vw; }
#itr-nav .sub{ left: 4.831vw; top: 16.667vw; font-size: 3.382vw; line-height: 3.382vw; }
#itr-nav img{ left: 50.725vw; top: 2.415vw; width: 31.401vw; height: 21.739vw; }
.itr-lead{ width: 93.237vw; margin: 5.797vw 0 0 3.382vw; font-size: 3.865vw; line-height: 7.005vw; }
.itr-catch{ margin-top: 3.865vw; font-size: 3.865vw; line-height: 7.246vw; }

/* できること */
#itr-can{ height: 271.498vw; margin-top: 24.638vw; padding-top: 19.879vw; background-position: center; }
#itr-can .itr-can-ttl{ font-size: 4.831vw; line-height: 7.246vw; }
#itr-can .itr-can-list{ width: 96.618vw; margin: 12.681vw 0 0 4.106vw; }
#itr-can .itr-can-list li{ width: 48.309vw; height: 80.193vw; }
#itr-can .num{ left: 1.208vw; font-size: 4.348vw; line-height: 4.348vw; }
#itr-can .itr-can-list .icon{ width: 33.816vw; height: 33.816vw; margin: 4.396vw 0 0 4.831vw; }
#itr-can .itr-can-list .icon img{ width: 21.256vw; }
#itr-can .itr-can-list li:nth-child(2) .icon img{ width: 17.029vw; }
#itr-can .itr-can-list li:nth-child(3) .icon img{ width: 18.937vw; }
#itr-can .itr-can-list li:nth-child(4) .icon img{ width: 19.275vw; }
#itr-can h3{ width: 43.478vw; margin-top: 3.454vw; font-size: 4.831vw; line-height: 7.246vw; white-space: nowrap; }
#itr-can .itr-can-list .text{ width: 42.512vw; margin: 2.343vw 0 0 0.483vw; font-size: 3.382vw; line-height: 5.314vw; letter-spacing: 0.04em; }
#itr-can .itr-point{ width: 91.787vw; height: 41.787vw; margin: 0 auto; }
#itr-can .itr-point .icon{ position: absolute; left: 37.995vw; top: 7.246vw; width: 15.7vw; }
#itr-can .itr-point .icon img{ width: 100%; height: auto; }
#itr-can .itr-point .text{ position: absolute; left: 11.111vw; top: 17.826vw; font-size: 4.831vw; line-height: 8.454vw; white-space: nowrap; }
#itr-can .itr-point .text span{ display: inline-block; line-height: 8.454vw; background: linear-gradient(#FFEE01, #FFEE01) no-repeat 0 4.155vw / 100% 3.623vw; }

/* 法人向け・個人向け 共通 */
#itr-individual{ margin-top: 0; }
.itr-target .itr-target-head{ height: 106.763vw; }
.itr-target .itr-target-head::before,
.itr-target .itr-target-head::after{ left: 0; top: 41.546vw; width: 100%; height: 65.217vw; }
.itr-target .itr-target-head::after{ background: linear-gradient(to bottom, #F2F2F0 0, rgba(242,242,240,0) 30.797vw); }
.itr-target .itr-target-head .script{ position: absolute; left: 33.068vw; top: 12.053vw; width: 33.841vw; }
#itr-individual .itr-target-head .script{ left: 25.58vw; top: 11.739vw; width: 48.671vw; }
.itr-target .itr-target-head .ttl{ justify-content: center; padding-top: 23.913vw; }
.itr-target .itr-target-head .ttl span{ width: 18.357vw; height: 18.357vw; font-size: 9.662vw; line-height: 16.184vw; }
.itr-target .itr-target-head .sub{ margin-top: 3.889vw; text-align: center; font-size: 4.106vw; line-height: 4.106vw; letter-spacing: 0.05em; }
.itr-target .itr-target-intro{ width: 95.652vw; height: 158.454vw; margin: -7.729vw auto 0; padding: 9.589vw 2.899vw 0 4.348vw; }
.itr-target .itr-target-intro .catch{ font-size: 6.522vw; line-height: 9.903vw; }
#itr-individual .itr-target-intro .catch span{ margin-top: 2.295vw; font-size: 4.348vw; line-height: 7.246vw; }
.itr-target .itr-target-intro .text{ width: 88.406vw; margin-top: 4.903vw; font-size: 3.865vw; line-height: 7.005vw; }
#itr-individual .itr-target-intro .text{ margin-top: 4.541vw; }

/* メリット */
.itr-merit{ margin-top: 4.831vw; padding: 14.565vw 0 15.459vw; }
.itr-merit .itr-merit-ttl{ font-size: 4.831vw; line-height: 4.831vw; }
.itr-merit ul{ flex-direction: column; align-items: center; margin-top: 8.623vw; }
.itr-merit li{ width: 84.541vw; height: 48.309vw; }
.itr-merit li + li{ margin-top: 4.831vw; }
.itr-merit li::before{ width: 18.116vw; height: 18.116vw; }
.itr-merit .num{ left: 3.14vw; top: 3.671vw; font-size: 4.106vw; line-height: 4.106vw; }
.itr-merit .icon{ height: 13.043vw; margin-top: 4.831vw; }
.itr-merit .icon img{ height: auto; }
.itr-merit li:nth-child(1) .icon img{ width: 14.106vw; }
.itr-merit li:nth-child(2) .icon img{ width: 16.159vw; }
.itr-merit li:nth-child(3) .icon img{ width: 9.372vw; }
.itr-merit h4{ margin-top: 4.469vw; font-size: 5.797vw; line-height: 5.797vw; }
.itr-merit h4 span{ padding: 0 1.932vw 1.691vw; margin-bottom: -1.691vw; background-position: 0 3.502vw; background-size: 100% 3.865vw; }
.itr-merit .text{ margin-top: 4.203vw; font-size: 3.382vw; line-height: 5.314vw; }

/* こんな方におすすめ */
.itr-check{ height: 123.188vw; margin-top: 0; padding-top: 10.628vw; background-size: 169.082vw auto; }
#itr-individual .itr-check{ height: 118.357vw; margin-top: 12.56vw; }
.itr-check .itr-check-ttl{ flex-direction: column; align-items: center; text-align: center; }
.itr-check .itr-check-ttl img{ width: 31.884vw; }
.itr-check .itr-check-ttl span{ margin-top: 2.802vw; font-size: 4.831vw; line-height: 7.246vw; }
.itr-check ul{ width: 86.957vw; margin: 4.034vw auto 0; }
#itr-individual .itr-check ul{ margin-top: 6.449vw; }
.itr-check li{ display: flex; align-items: center; height: 19.324vw; padding-left: 20.773vw; font-size: 4.348vw; line-height: 6.039vw; }
.itr-check li + li{ margin-top: 2.415vw; }
.itr-check li::before{ left: 8.551vw; top: 6.135vw; width: 7.246vw; height: 7.246vw; }

/* MENU */
.itr-menu{ padding: 11.715vw 0 16.908vw; background-size: 2.415vw 2.415vw; }
.itr-menu::before{ display: none; }
.itr-menu .itr-menu-ttl{ font-size: 8.454vw; line-height: 8.454vw; }
.itr-plan{ width: 91.787vw; margin: 8.816vw auto 0; }
.itr-plan > li{ padding: 7.488vw 4.831vw 5.072vw; }
.itr-plan > li + li{ margin-top: 4.831vw; }
#itr-individual .itr-plan > li:nth-child(2){ padding-bottom: 7.488vw; }
.itr-plan .pic{ position: absolute; right: 4.831vw; top: 6.28vw; width: 31.401vw; height: 26.57vw; }
.itr-plan h4{ flex-direction: column; align-items: flex-start; }
.itr-plan h4 .num{ width: 12.077vw; height: 6.039vw; font-size: 4.348vw; line-height: 6.039vw; }
.itr-plan h4 .name{ display: block; }
.itr-plan h4 .n1{ display: block; margin-top: 3.333vw; font-size: 6.763vw; line-height: 6.763vw; }
.itr-plan h4 .n2{ display: block; margin-top: 2.754vw; font-size: 4.589vw; line-height: 4.589vw; }
.itr-plan .text{ width: 82.126vw; margin-top: 5.749vw; font-size: 3.623vw; line-height: 5.556vw; }
.itr-plan .tag{ margin-top: 3.865vw; }
.itr-plan .tag .sp-o1{ order: 1; } .itr-plan .tag .sp-o2{ order: 2; } .itr-plan .tag .sp-o3{ order: 3; } .itr-plan .tag .sp-o4{ order: 4; } .itr-plan .tag .sp-o5{ order: 5; } .itr-plan .tag .sp-o9{ order: 9; }
.itr-plan .tag li{ height: 5.797vw; margin: 0 0.966vw 1.449vw 0; padding: 0 2.899vw; border-radius: 2.899vw; font-size: 3.14vw; line-height: 5.797vw; }
.itr-plan .price{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 4.01vw; padding: 0 0.966vw 2.512vw; border-bottom: 1px solid #B4B4B4; }
.itr-plan .price .label{ font-size: 3.382vw; line-height: 4.348vw; }
.itr-plan .price .label span{ display: block; }
.itr-plan .price .yen{ font-size: 4.831vw; line-height: 8.696vw; white-space: nowrap; }
.itr-plan .price .yen .num{ font-size: 8.696vw; }
.itr-note{ width: 94.203vw; margin: 7.246vw auto 0; }
.itr-note li{ min-height: 41.063vw; padding: 6.063vw 0 3.865vw 22.705vw; border-top-width: 1.932vw; }
.itr-note li + li{ margin-top: 4.831vw; }
.itr-note .icon{ left: 4.348vw; top: 14.734vw; width: 15.459vw; height: 15.459vw; }
.itr-note .icon img{ width: 50%; height: auto; }
.itr-note li:nth-child(2) .icon img{ width: 56%; }
.itr-note h4{ margin-left: -17.391vw; text-align: center; font-size: 4.106vw; line-height: 4.106vw; }
.itr-note .text{ width: 69.565vw; margin-top: 5.048vw; font-size: 3.382vw; line-height: 5.556vw; }
.itr-note .text span{ display: block; font-size: 2.899vw; }

/* コーディネートの流れ */
#itr-flow{ height: 219.807vw; padding-top: 14.324vw; }
#itr-flow .itr-flow-ttl{ font-size: 4.831vw; line-height: 4.831vw; }
#itr-flow .itr-flow-scroll{ margin-top: 6.932vw; padding: 4.831vw 0 0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
#itr-flow .itr-flow-scroll::-webkit-scrollbar{ display: none; }
#itr-flow ol{ padding: 0 6.522vw; width: max-content; }
#itr-flow ol li{ width: 48.309vw; height: 67.633vw; }
#itr-flow ol li + li{ margin-left: 1.932vw; }
#itr-flow ol .num{ top: -4.831vw; width: 9.662vw; height: 9.662vw; margin-left: -5.314vw; font-size: 4.106vw; line-height: 9.662vw; }
#itr-flow ol h3{ padding-top: 12.077vw; font-size: 4.348vw; line-height: 4.348vw; }
#itr-flow ol .icon{ height: 16.908vw; margin-top: 5.556vw; }
#itr-flow ol .icon img{ height: auto; }
#itr-flow ol li:nth-child(1) .icon img{ width: 15.459vw; }
#itr-flow ol li:nth-child(2) .icon img{ width: 16.184vw; }
#itr-flow ol li:nth-child(3) .icon img{ width: 11.836vw; }
#itr-flow ol li:nth-child(4) .icon img{ width: 16.908vw; }
#itr-flow ol li:nth-child(5) .icon img{ width: 17.633vw; }
#itr-flow ol li:nth-child(6) .icon img{ width: 18.841vw; }
#itr-flow ol .text{ width: 38.647vw; margin: 4.589vw auto 0; font-size: 3.865vw; line-height: 6.522vw; }
#itr-flow ol .term{ width: 38.647vw; height: 7.246vw; margin-top: 3.14vw; border-radius: 3.623vw; font-size: 3.382vw; line-height: 7.246vw; }
#itr-flow ol .term span{ font-size: 4.348vw; }
#itr-flow .itr-flow-bar{ position: relative; width: 86.957vw; height: 1.932vw; margin: 6.522vw auto 0; border-radius: 0.966vw; background: #fff; }
#itr-flow .itr-flow-bar span{ position: absolute; top: 0; left: 0; height: 100%; width: 25%; border-radius: 0.966vw; background: #5C6F81; }
#itr-flow .itr-prepare{ width: 91.787vw; height: 55.556vw; margin: 11.111vw auto 0; }
#itr-flow .itr-prepare h3{ height: 16.184vw; padding-top: 5.821vw; font-size: 4.106vw; line-height: 4.106vw; }
#itr-flow .itr-prepare .body{ padding-top: 6.184vw; }
#itr-flow .itr-prepare .list{ font-size: 4.348vw; line-height: 7.488vw; }
#itr-flow .itr-prepare .text{ margin-top: 2.609vw; font-size: 3.382vw; line-height: 6.522vw; }
#itr-flow .itr-caution{ margin: 7.488vw 0 0 7.488vw; }
#itr-flow .itr-caution h3{ padding-left: 1.208vw; font-size: 4.348vw; line-height: 6.763vw; }
#itr-flow .itr-caution h3 img{ width: 6.763vw; margin-right: 3.14vw; }
#itr-flow .itr-caution p{ margin-top: 2.657vw; font-size: 3.623vw; line-height: 6.522vw; }

/* プロフィール */
#itr-profile .itr-profile-in{ padding: 14.565vw 6.522vw 23.671vw; }
#itr-profile .itr-profile-ttl{ font-size: 4.831vw; line-height: 4.831vw; }
#itr-profile .photo{ width: 48.309vw; margin: 8.14vw auto 0; }
#itr-profile .body{ margin-top: 6.763vw; }
#itr-profile .job{ padding-bottom: 3.14vw; border-bottom: 1px solid #B1A377; font-size: 3.865vw; line-height: 7.246vw; }
#itr-profile .name{ margin-top: 4.251vw; font-size: 6.039vw; line-height: 6.039vw; }
#itr-profile .name span{ margin-left: 2.415vw; font-size: 4.106vw; }
#itr-profile .itr-profile-main > .text{ margin-top: 6.618vw; font-size: 3.865vw; line-height: 7.729vw; }
#itr-profile .itr-profile-career{ margin-top: 11.594vw; }
#itr-profile .itr-profile-career h3{ padding-bottom: 2.899vw; font-size: 3.865vw; line-height: 7.246vw; }
#itr-profile .itr-profile-career ul{ margin-top: 5.556vw; }
#itr-profile .itr-profile-career li{ padding-left: 4.831vw; font-size: 3.623vw; line-height: 5.556vw; }
#itr-profile .itr-profile-career li + li{ margin-top: 2.415vw; }

/* コーディネート事例 */
#itr-case{ margin: 22.778vw 4.106vw 0; }
#itr-case .itr-case-ttl{ font-size: 4.831vw; line-height: 4.831vw; font-weight: 500; }
#itr-case .itr-case-list{ justify-content: space-between; margin-top: 6.039vw; }
#itr-case .itr-case-list li{ width: 43.478vw; margin-bottom: 5.314vw; }
#itr-case .itr-case-list .pic{ height: 33.816vw; }
#itr-case .itr-case-list .ttl{ margin-top: 1.932vw; font-size: 3.865vw; line-height: 6.039vw; font-weight: 400; }
#itr-case .itr-case-btn{ margin-top: 4.831vw; }
#itr-case .itr-case-btn a{ height: 12.077vw; border-width: 1px; font-size: 3.623vw; line-height: 11.594vw; }
#itr-case .itr-case-btn a::after{ right: 4.831vw; font-size: 4.348vw; line-height: 11.594vw; }

/* フォーム */
#form.form-Box{ margin-top: 24.155vw; }

/* 下部固定（PCの右追従と同じ3ボタン） */
.sp-fix-list{ display: none !important; }
.itr-side{ display: block; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 996; }
.itr-side ul{ display: flex; }
.itr-side li{ width: 33.333%; }
.itr-side li a{ display: block; height: 16.908vw; box-sizing: border-box; text-align: center; font-size: 3.14vw; line-height: 3.14vw; font-weight: 700; letter-spacing: 0; }
.itr-side li a:hover{ text-decoration: none; opacity: 0.8; }
.itr-side li img{ display: block; margin: 0 auto; }
.itr-side li span{ display: block; white-space: nowrap; }
.itr-side .line a{ padding-top: 3.382vw; background: #06C755; color: #fff; }
.itr-side .line img{ width: 7.246vw; }
.itr-side .line span{ margin-top: 1.208vw; }
.itr-side .mail a{ padding-top: 4.106vw; background: #F2F2F0; color: #000; }
.itr-side .mail img{ width: 6.763vw; }
.itr-side .mail span{ margin-top: 1.208vw; }
.itr-side .insta a{ padding-top: 2.899vw; background: linear-gradient(45deg, #FBCD01 0%, #F8571E 20%, #DB09BE 60%, #9023F5 100%); color: #fff; }
.itr-side .insta img{ width: 7.729vw; }
.itr-side .insta span{ margin-top: 1.449vw; }

}