.attempts .ex dd .mark{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),to(#fff600));background:-webkit-linear-gradient(transparent 60%,#fff600 100%);background:-o-linear-gradient(transparent 60%,#fff600 100%);background:linear-gradient(transparent 60%,#fff600 100%)}.attempts .ex.green dt{color:#90c31f}.attempts .ex.orange dt{color:#f5a62b}.attempts .ex.blue dt{color:#00b0ec}@media only screen and (min-width:768px),print{.inner{width:960px}.sec{background-color:#f7f7f7;padding:68px 0 60px}.sec img{max-width:100%}.content__head{padding:55px 0}.product-dev .body{margin-top:16px}.product-dev .body .block{margin-top:28px;display:grid;grid-template-columns:1fr 292px;grid-template-rows:auto auto 1fr;-webkit-column-gap:44px;column-gap:44px;row-gap:0}.product-dev .body .block:first-child{margin-top:0}.product-dev .body .block .heading3-title{margin-bottom:8px;grid-column:1/2;grid-row:1/2;-ms-flex-item-align:start;align-self:start}.product-dev .body .block .description{grid-column:1/2;grid-row:2/3;-ms-flex-item-align:start;align-self:start}.product-dev .body .block .image{margin-top:32px;grid-column:1/2;grid-row:3/-1;-ms-flex-item-align:start;align-self:start}.product-dev .body .block .images{grid-column:2/-1;grid-row:1/-1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:30px}.product-dev .body .block .images figure,.product-dev .body .block .images img{width:100%}.product-dev .body .block .images figcaption{text-align:center;margin-top:12px;font-size:1rem}.product-dev .body .block.karagekun .images{gap:9px}.product-dev .body .block.machikado{margin-top:60px}.product-dev .body .block.machikado .images{gap:20px}.product-dev .body .block.machikado .products{grid-column:1/-1;margin-top:30px;margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.product-dev .body .block.machikado .products figure{width:231px;text-align:center}.product-dev .body .block.machikado .products figure figcaption{margin-top:8px}.product-dev .body .block.machikado .products figure .note{color:#333;font-weight:300}.attempts{background-color:#fff}.attempts .block{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-rows:auto 1fr}.attempts .block .heading3-title{grid-column:1/2;grid-row:1/2}.attempts .block .diagram{grid-column:2/-1;grid-row:1/-1}.attempts .block .description{grid-column:1/2;grid-row:2/-1}.attempts .block--1 .heading3-title{margin-top:14px;margin-bottom:8px}.attempts .block--1 .diagram img{width:291px}.attempts .block--2{margin-top:-15px;gap:35px;row-gap:0}.attempts .block--2 .diagram img{width:438px}.attempts .block--2 dl .ex dt{margin-top:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1.25rem;font-weight:600}.attempts .block--2 dl .ex dt span{font-size:.875rem}.breadcrumb{margin-top:34px}}@media only screen and (max-width:767px){.lede .inner{padding:0}.lede .content__head{padding:6.666666666666667vw 0}.lede .content__head-main{white-space:nowrap}.sec{background-color:#f7f7f7;padding:12.666666666666668vw 0}.sec .inner{padding:0 6.666666666666667vw}.sec img{max-width:100%}.product-dev{background-color:#f4f4f4;padding-bottom:10.666666666666668vw}.product-dev .body{margin-top:3.2vw}.product-dev .body .block{margin-top:9.333333333333334vw}.product-dev .body .block:first-child{margin-top:0}.product-dev .body .block .images figure,.product-dev .body .block .images img{width:100%}.product-dev .body .block .images figcaption{margin-top:.5333333333333333vw;font-size:3.2vw;text-align:center;line-height:1.3}.product-dev .body .block .description{margin-top:3.2vw}.product-dev .body .block .image{margin-top:8vw}.product-dev .body .block.uchicafe .images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;-webkit-column-gap:4.266666666666667vw;column-gap:4.266666666666667vw;row-gap:2.666666666666667vw}.product-dev .body .block.uchicafe .images figure:nth-child(1){grid-column:1/-1;margin:0 auto;width:39.2vw}.product-dev .body .block.uchicafe .images figure:nth-child(2),.product-dev .body .block.uchicafe .images figure:nth-child(3){display:inline-block;width:100%}.product-dev .body .block.karagekun .images{margin:0 auto;margin-top:4vw;width:63.33333333333333vw}.product-dev .body .block.karagekun .images figcaption{margin-top:1.0666666666666667vw}.product-dev .body .block.karagekun .image img{margin-top:7.199999999999999vw}.product-dev .body .block.machikado{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:4.266666666666667vw;column-gap:4.266666666666667vw;row-gap:4.266666666666667vw}.product-dev .body .block.machikado .images{grid-column:1/-1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:4.266666666666667vw}.product-dev .body .block.machikado .images figure:nth-child(1){width:46.266666666666666vw}.product-dev .body .block.machikado .images figure:nth-child(2){width:63.33333333333333vw}.product-dev .body .block.machikado .products{grid-column:1/-1;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;row-gap:4.266666666666667vw}.product-dev .body .block.machikado .products figure{width:41.46666666666667vw;text-align:center}.product-dev .body .block.machikado .products figure img{width:100%}.product-dev .body .block.machikado .products figure .text,.product-dev .body .block.machikado .products figure .note{font-size:3.2vw;line-height:4.8vw}.product-dev .body .block.machikado .products figure .note{color:#333;font-weight:300}.product-dev .body .block.machikado .description{grid-column:1/-1;margin-top:0}.attempts{background-color:#fff;padding:9.333333333333334vw 0}.attempts .block{margin-top:3.2vw}.attempts .block--1 .diagram{margin-top:4.666666666666667vw}.attempts .block--1 .diagram image{width:100%}.attempts .block--1 .description{margin-top:4.266666666666667vw}.attempts .block--2{margin-top:8vw}.attempts .block--2 .diagram img{margin-top:1.3333333333333335vw;margin-bottom:4vw;width:100%}.attempts .block--2 dl .ex{margin-top:6.666666666666667vw}.attempts .block--2 dl .ex:first-child{margin-top:0}.attempts .block--2 dl .ex dt{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:4vw;font-weight:600}.attempts .block--2 dl .ex dt span{font-size:2.666666666666667vw}.attempts .block--2 dl .ex dd{margin-top:1.3333333333333335vw}.breadcrumb{margin-top:6.666666666666667vw}}