@charset 'utf-8';

.todoroki { color: #717171; }
.todoroki img { width: auto; height: auto; max-width: 100%; vertical-align: top; }
.todoroki .f-min { font-family: 'HiraMinProN-W3', 'ヒラギノ明朝 ProN W3', 'MS P Mincho', 'ＭＳ Ｐ明朝', 'MS 明朝', 'HG明朝E', 'Century', 'Times New Roman', serif; }
.todoroki p { line-height: 2; }

.todoroki-title { margin: 0 auto; padding: 36px 0; width: 59.5180722892%; }
.todoroki-visual { margin-bottom: 140px; }
.todoroki-introduce {}
.todoroki-introduce-top { position: relative; margin: 0 auto; width: 67.9518072289%; border: solid #ccc 1px; }
.todoroki-introduce-top > .frame { position: relative; padding: 80px 0 64px 22.1631205674%; }
.todoroki-introduce-top:before,
.todoroki-introduce-top:after,
.todoroki-introduce-top > .frame:before,
.todoroki-introduce-top > .frame:after { content: ''; position: absolute; width: 30px; height: 30px; background: #fff; }
.todoroki-introduce-top:before { top: -1px; left: -1px; }
.todoroki-introduce-top:after { top: -1px; right: -1px; }
.todoroki-introduce-top > .frame:before { bottom: -1px; left: -1px; }
.todoroki-introduce-top > .frame:after { bottom: -1px; right: -1px; }
.todoroki-introduce-title {}
.todoroki-introduce-title--en { width: 68.7927107062%; }
.todoroki-introduce-title--ja { margin-top: 24px; font-size: 1.4rem; font-weight: 400; }
.todoroki-introduce-lead { margin-top: 56px; }
.fs-l-main .fs-l-pageMain .todoroki-introduce-lead > p { font-size: 1.6rem; letter-spacing: .3em; line-height: 2.5; }
.fs-l-main .fs-l-pageMain .todoroki-introduce-lead > p + p { margin-top: 2em; }
.fs-l-main .fs-l-pageMain .todoroki-introduce-name { margin: 50px 28.2460136674% 0 0; text-align: right; font-size: 1.4rem; letter-spacing: .15em; }
.todoroki-introduce-mid { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid02 { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1_02.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid03 { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1_03.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid04 { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1_04.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid03-2 { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1_03-2.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-mid05 { position: relative; margin-top: 140px; padding-bottom: 66.6265060241%; width: 100%; height: 0; background: url(../images/todoroki/introduce_photo1_05.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.todoroki-introduce-copy { position: absolute; top: 18.9873417722%; right: 14.4578313253%; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 1.8rem; letter-spacing: .15em; line-height: 2.77777777778; overflow: hidden; }
.todoroki-introduce-detail { display: flex; flex-flow: row-reverse; margin: 140px 9.63855421687% 0; }
.todoroki-introduce-detail--photo { width: 44.776119403%; }
.todoroki-introduce-detail--text { width: 55.223880597%; }
.fs-l-main .fs-l-pageMain .todoroki-introduce-detail--text > p { font-size: 1.3rem; line-height: 2; }
.fs-l-main .fs-l-pageMain .todoroki-introduce-detail--text > p + p { margin-top: 2em; }
.todoroki-introduce-person { display: flex; align-items: center; position: relative; margin: 80px 6.02409638554% 0; padding-top: 80px; }
.todoroki-introduce-person:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 1px; background: #ccc; }
.todoroki-introduce-person--photo { width: 27.397260274%; }
.todoroki-introduce-person__box { margin-left: 6.84931506849%; width: 65.7534246575%; }
.todoroki-introduce-person__box--title { font-size: 1.5rem; font-weight: 700; line-height: 2; }
.todoroki-introduce-person__box--text { font-size: 1.3rem; line-height: 2; }
.todoroki-introduce-bnr { margin-top: 140px; }
.todoroki-introduce-bnr > a { display: block; }
.todoroki-morning { position: relative; margin-top: 180px; }
.todoroki-morning-title { margin: 0 auto 80px; width: 52.6506024096%; }
.todoroki-morning-content { position: relative; margin: 0 3.61445783133%; }
.todoroki-morning-block { position: relative; margin-top: 120px; border: solid #ebebeb 1px; }
.todoroki-morning-block:first-child { margin-top: 0; }
.todoroki-morning-copy { font-size: 1.8rem; letter-spacing: .5em; line-height: 2.22222222222; }
.todoroki-morning-slide { position: relative; width: 100%; opacity: 0; }
.todoroki-morning-slide__frame { position: relative; width: 100%; max-width: 700px; overflow: hidden; }
.todoroki-morning-slide__move { position: relative; overflow: hidden; }
.todoroki-morning-slide--item { position: relative; float: left; }
.todoroki-morning-slide__bullets { display: flex; justify-content: center; position: absolute; bottom: 14px; left: 0; width: 100%; height: 10px; }
.todoroki-morning-slide__bullets > a { display: block; margin: 0 4px; width: 10px; height: 100%; border: solid rgba(255,255,255,.8) 1px; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.todoroki-morning-slide__bullets > a.active { background: rgba(255,255,255,.8); }
.todoroki-morning-slide--direct { position: absolute; top: 50%; margin-top: -5px; width: 42px; height: 9px; background-position: center center; background-repeat: no-repeat; background-size: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.todoroki-morning-slide--direct--prev { left: -20px; background-image: url(../images/todoroki/slide_prev.png); }
.todoroki-morning-slide--direct--next { right: -20px; background-image: url(../images/todoroki/slide_next.png); }
.todoroki-morning-photo { position: relative; }
.todoroki-morning-products { position: relative; margin-top: 20px; }
.fs-l-main .fs-l-pageMain .todoroki-morning-products > p { font-size: 1.2rem; line-height: 1.83333333333; }
.todoroki-morning-block--1 { padding: 50px 0 45px; }
.todoroki-morning-block--1 .todoroki-morning-slide { margin: 0 -4.03645833333% 0 auto; width: 91.1458333333%; }
.todoroki-morning-block--1 .todoroki-morning-copy { position: absolute; top: 52px; left: 8.57142857143%; color: #fff; z-index: 10; }
.todoroki-morning-block--1 .todoroki-morning-products { margin-left: 12.890625%; }
.todoroki-morning-block--2 { padding: 56px 0 45px; }
.todoroki-morning-block--2 .todoroki-morning-copy { margin-left: 54.6875%; }
.todoroki-morning-block--2 .todoroki-morning-slide { margin: 50px 0 0 -4.03645833333%; width: 91.1458333333%; }
.todoroki-morning-block--2 .todoroki-morning-photo { margin: 70px 0 0 11.1979166667%; width: 60.6770833333%; }
.todoroki-morning-block--2 .todoroki-morning-products { margin-left: 31.5104166667%; }
.todoroki-morning-block--3 { padding: 50px 0 45px; }
.todoroki-morning-block--3 .todoroki-morning-photo { margin-left: 28.125%; width: 60.6770833333%; }
.todoroki-morning-block--3 .todoroki-morning-copy { position: absolute; top: 76px; left: 6.25%; color: #fff; }
.todoroki-morning-block--3 .todoroki-morning-slide { margin: 70px 0 0 12.890625%; width: 91.1458333333%; }
.todoroki-morning-block--3 .todoroki-morning-products { margin-left: 12.890625%; }
.todoroki-morning-block--4 { padding: 56px 0 45px; }
.todoroki-morning-block--4 .todoroki-morning-copy { margin-left: 41.6666666667%; }
.todoroki-morning-block--4 .todoroki-morning-slide { margin: 50px 0 0 -4.03645833333%; width: 91.1458333333%; }
.todoroki-morning-block--4 .todoroki-morning-photo { margin: 70px 0 0 -4.03645833333%; width: 91.1458333333%; }
.todoroki-morning-block--4 .todoroki-morning-products { margin-left: 31.5104166667%; }
.todoroki-morning-block--5 { padding: 56px 0 45px; }
.todoroki-morning-block--5 .todoroki-morning-copy { margin-left: 20.8333333333%; }
.todoroki-morning-block--5 .todoroki-morning-slide { margin: 50px 0 0 12.890625%; width: 91.1458333333%; }
.todoroki-morning-block--5 .todoroki-morning-photo { margin: 70px 0 0 12.890625%; width: 91.1458333333%; }
.todoroki-morning-block--5 .todoroki-morning-products { margin-left: 12.890625%; }
.todoroki-staff { display: flex; justify-content: center; align-items: center; position: relative; margin-top: 150px; }
.todoroki-staff-title { position: relative; margin-right: 60px; font-size: 1.3rem; line-height: 2.38461538462; }
.todoroki-staff-title:after { content: ''; display: block; margin: 10px auto 0; width: 30px; height: 1px; background: #ccc; }
.todoroki-staff-content {}
.todoroki-staff-lists {}
.todoroki-staff-lists--item { font-size: 1.3rem; line-height: 2.38461538462; }

.todoroki-bnr { margin-top: 180px; }
.todoroki-bnr > a { display: block; }

.lazy-show { transition: transform ease 1s, opacity ease 1s; transform: translateY(40px); opacity: 0; }
.lazy-show-done { transform: translateY(0); opacity: 1; }