@media screen and (min-width: 641px){.sm{display:none !important}}.md{display:none !important}@media screen and (min-width: 641px){.md{display:block !important}}.md-inline{display:none !important}@media screen and (min-width: 641px){.md-inline{display:inline !important}}.md-inline-block{display:none !important}@media screen and (min-width: 641px){.md-inline-block{display:inline-block !important}}.md-flex{display:none !important}@media screen and (min-width: 641px){.md-flex{display:flex !important}}.md-inline-flex{display:none !important}@media screen and (min-width: 641px){.md-inline-flex{display:inline-flex !important}}.note{display:flex}.note::before{content:"※"}.section{width:96%;margin:0 auto 55px}@media screen and (min-width: 641px){.section{margin-bottom:60px;width:967px}}.section:first-of-type{padding-top:53px}@media screen and (min-width: 641px){.section:first-of-type{padding-top:90px}}.lead{margin-bottom:1.25em;line-height:1.5}@media screen and (min-width: 641px){.lead{font-size:1.25rem}}.subsection{margin-bottom:55px}@media screen and (min-width: 641px){.subsection{margin-bottom:60px}}.subsection-header{margin-bottom:20px;font-size:1.25rem;font-weight:bold;line-height:1.4}@media screen and (min-width: 641px){.subsection-header{font-size:1.5rem}}.fadein{width:100%;height:0;padding-top:calc((514 / 750) * 100%);overflow:hidden;position:relative}.fadein-container{margin:0 auto;width:100%;max-width:750px}.fadein img{position:absolute;top:0;left:0}.usage-example{width:100%}.usage-example .container{width:96%;margin:0 auto 20px}@media screen and (min-width: 641px){.usage-example .container{width:967px;margin-bottom:60px}}.usage-example .ex_h2style{width:96%;margin:0 auto 20px}@media screen and (min-width: 641px){.usage-example .ex_h2style{width:967px}}@media screen and (min-width: 641px){.summary{display:flex}.summary .text{flex-basis:50%;max-width:50%;padding-right:1em}.summary .image{flex-basis:50%;max-width:50%;margin-top:-150px}}.summary img{max-width:100%;height:auto}.summary-heading{display:flex;align-items:flex-end;margin-bottom:12px;font-size:1.375rem}@media screen and (min-width: 641px){.summary-heading{margin-bottom:36px;font-size:2.25rem}}.summary-heading img{height:63px;width:auto;margin-right:5px}@media screen and (min-width: 641px){.summary-heading img{height:110px}}.summary-heading strong{font-size:2.5rem}@media screen and (min-width: 641px){.summary-heading strong{font-size:4rem}}.summary p{font-size:1rem;line-height:1.5}@media screen and (min-width: 641px){.summary p{font-size:1.25rem}}.renovation{padding-top:20px;background:#F4E4B9}@media screen and (min-width: 641px){.renovation{padding-top:40px}}.renovation-header{display:flex;align-items:center;font-size:1rem;font-weight:bold;height:36px;margin-left:-2%;margin-right:-2%;margin-bottom:30px;padding-left:2%;background:#F2C252}@media screen and (min-width: 641px){.renovation-header{height:60px;font-size:1.5rem;margin-left:0;margin-right:0;margin-bottom:110px;padding-left:20px}}.renovation .summary-heading{color:#D8A62F}.renovation .after figcaption{color:#CB9021}.renovation .after figcaption span{background:#CB9021}.extension{padding-top:20px;background:#BCE0F2}@media screen and (min-width: 641px){.extension{padding-top:40px}}@media screen and (min-width: 641px){.extension .use{justify-content:center}}.extension .use dl{flex-basis:35%}@media screen and (min-width: 641px){.extension .use dl{flex-basis:20%;padding-right:45px;padding-left:45px}}.extension-header{display:flex;align-items:center;font-size:1rem;font-weight:bold;height:36px;margin-left:-2%;margin-right:-2%;margin-bottom:30px;padding-left:2%;background:#7CC2E9}@media screen and (min-width: 641px){.extension-header{height:60px;font-size:1.5rem;margin-left:0;margin-right:0;margin-bottom:110px;padding-left:20px}}.extension .summary-heading{color:#3C9BC9}.extension .after figcaption{color:#3C9BC9}.extension .after figcaption span{background:#3C9BC9}.examples{padding-top:40px;background:#fff}@media screen and (min-width: 641px){.examples{padding-top:76px}}.examples .container{margin-bottom:55px}.examples-heading{margin-bottom:1.5em;font-size:1.25rem;line-height:1.4;font-weight:bold}@media screen and (min-width: 641px){.examples-heading{font-size:1.5rem}}.examples li{display:flex;flex-direction:column}@media screen and (min-width: 641px){.examples li{flex-direction:row;justify-content:space-between}}.examples li+li{margin-top:60px}@media screen and (min-width: 641px){.examples figure{flex-basis:45%;max-width:45%;position:relative}}.examples figure img{max-width:100%;height:auto}.examples .before::after{content:"";display:block;width:0;height:0;border:20px solid;border-color:#ccc transparent transparent;margin:10px auto}@media screen and (min-width: 641px){.examples .before::after{border:30px solid;border-color:transparent transparent transparent #ccc;margin:0;position:absolute;top:50%;left:111%;transform:translateY(-50%)}}@media screen and (min-width: 641px){.examples .after{margin-top:0}}.examples figcaption{display:flex;align-items:baseline;color:#888;font-weight:bold;font-size:1.5rem}@media screen and (min-width: 641px){.examples figcaption{font-size:1.875rem}}.examples figcaption span{align-self:center;display:flex;align-items:center;justify-content:center;width:36px;height:24px;margin-left:1em;font-size:.9375rem;color:#fff;background:#888}@media screen and (min-width: 641px){.examples figcaption span{width:45px;height:30px;font-size:1.125rem}}.examples figcaption small{font-size:1.1875rem;margin-left:.5em}@media screen and (min-width: 641px){.examples figcaption small{font-size:1.5rem}}.examples section{margin-top:20px;font-size:.75rem;line-height:1.5}@media screen and (min-width: 641px){.examples section{font-size:.875rem}}.examples section h5{font-size:.875rem;font-weight:bold;margin-bottom:.5em}@media screen and (min-width: 641px){.examples section h5{font-size:.9375rem}}.examples section h5 small::before{content:"【"}.examples section h5 small::after{content:"】"}.use{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-9px;margin-left:-9px;margin-bottom:25px}@media screen and (min-width: 641px){.use{justify-content:space-between;margin-right:0;margin-left:0;margin-bottom:60px}}.use dl{flex-basis:calc((100% / 3) - 18px);margin-bottom:20px;padding-right:9px;padding-left:9px}@media screen and (min-width: 641px){.use dl{flex-basis:calc(20% - 22px);padding-right:0;padding-left:0}}.use dl dt{display:flex;align-items:center;justify-content:center;margin-bottom:6px;height:3.3em;font-size:.625rem;line-height:1.2;text-align:center;color:#fff;background:#9FA0A0;position:relative}@media screen and (min-width: 641px){.use dl dt{margin-bottom:10px;font-size:.9375rem}}.use dl dt::after{content:"";display:block;width:0;height:0;border:5px solid;border-color:#9FA0A0 transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%, -5%)}@media screen and (min-width: 641px){.use dl dt::after{border-width:8px}}.use dl dd{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.625rem;color:#ED6D1F}@media screen and (min-width: 641px){.use dl dd{font-size:.8125rem}}.use dl dd img{width:57%;margin-bottom:5px}@media screen and (min-width: 641px){.use dl dd img{margin-bottom:8px}}.use dl dd .note{display:block;margin-top:4px}@media screen and (min-width: 641px){.use dl dd .note{font-size:.625rem}}