@charset "utf-8";.box{background:#e61212;color:#fff;position:relative;padding:10px;margin:5px;font-weight:700;border:solid 1px #828282;display:flex;justify-content:center;align-items:center;margin-top:20px}.box:before,.box:after{content:"";display:block;width:calc(100% - 20px);position:absolute;left:0}.box:before{border-bottom:solid 5px #c32525;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-6px;z-index:1}.box:after{border-bottom:solid 7px #828282;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-8px;z-index:0}.subject h1{font-weight:700;font-size:1.7em}.linesateititle p{text-align:center;line-height:1.2em;font-size:.8em;margin:5px 10px}.kaden{font-weight:700;text-align:center;margin:10px 10px 0;line-height:1.4em;font-size:1.1em}.kaden .small{font-size:.9em;display:block}.itemlist>img{width:90%;display:block;margin:auto;max-width:260px;margin-bottom:20px}.listWrap{padding:0 10px 5px;display:flex;flex-wrap:wrap;background-image:linear-gradient(129deg,#fff 25%,#f1f1f1 25%,#f1f1f1 50%,#fff 50%,#fff 75%,#f1f1f1 75%,#f1f1f1 100%);background-size:5.15px 6.36px;margin-top:10px}.listWrap .list{width:calc(50% - 7px);border:solid 1px #dfdfdf;margin-bottom:10px;position:relative;margin-top:40px;padding:10px 0;background:rgba(255,255,255,.7)}.listWrap .list:nth-child(2n){margin-left:10px}.listWrap .list p{color:#fff;background:#f1550a;font-weight:700;text-align:center;line-height:1.4em;border-radius:3px;margin-bottom:5px;position:absolute;width:100%;top:-2em}.listWrap .list p:before{content:"";display:block;position:absolute;bottom:-7px;left:50%;border-top:solid 10px #f1550a;border-left:solid 10px transparent;border-right:solid 10px transparent;margin-left:-5px}.listWrap .list img{width:90%;vertical-align:bottom;margin:auto;display:block}.comment{border:dotted 2px #ddd;padding:10px;margin:10px;border-radius:8px;line-height:1.5em;text-align:center;color:#989898;font-weight:700}.knowhow{border-radius:10px;line-height:1.6em;position:relative;margin:10px;margin-top:40px;padding:10px;background:#eff7f4;padding-top:25px}.knowhow .kotsu{font-size:1.1em;background:#37a1ca;color:#fff;padding:5px 15px;font-weight:700;margin-bottom:10px;position:absolute;top:-.7em;left:50%;margin-left:calc(-17vw - 13px);width:35vw;text-align:center}.knowhow .kotsu:before{content:"";display:block;position:absolute;top:0;left:-10px;border-top:solid .95em #37a1ca;border-left:solid 10px transparent;border-bottom:solid 1.05em #37a1ca}.knowhow .kotsu:after{content:"";display:block;position:absolute;top:0;right:-10px;border-top:solid .95em #37a1ca;border-right:solid 10px transparent;border-bottom:solid 1.05em #37a1ca}.knowhow>div{position:relative;border:dashed 1px #ddd;margin-bottom:10px;padding:15px;border-radius:5px;margin-top:10px;background:#fff;font-size:.95em}.knowhow>div:last-child{margin-bottom:0}.knowhow>div p:first-child{font-weight:700;background:#fff;text-align:center;color:#37a1ca;font-size:1.2em;position:relative;width:9em;margin:auto;margin-bottom:10px}.knowhow>div:before{content:"";width:90%;height:1px;background:#90c1d4;display:block;position:absolute;top:2em;left:5%}.underline{text-decoration:underline;font-weight:700}.knowhow>div img{width:150px;float:right;margin-left:10px}.keiro{border-radius:10px;line-height:1.6em;position:relative;margin:40px 10px 30px;padding:20px 30px;background:#fff2d6;padding-top:35px}.keiro p.cap{font-size:1.1em;background:#f55118;color:#fff;padding:5px 15px;font-weight:700;margin-bottom:10px;position:absolute;top:-.7em;left:7%;width:80%;text-align:center}.keiro p.cap:before{content:"";display:block;position:absolute;top:0;left:-10px;border-top:solid .95em #f55118;border-left:solid 10px transparent;border-bottom:solid 1.05em #f55118}.keiro p.cap:after{content:"";display:block;position:absolute;top:0;right:-10px;border-top:solid .95em #f55118;border-right:solid 10px transparent;border-bottom:solid 1.05em #f55118}.keiro img{width:250px;display:block;margin:10px auto 0px;vertical-align:bottom}.attention{margin:10px;border:solid 2px #ddd;padding:10px;border-radius:10px}.attention .cap{font-weight:700;text-align:center;font-size:1.2em;margin-bottom:10px}.attention .subcap{font-weight:700;color:#fff;background:#7d7d7d;border-radius:5px;text-align:center;margin-bottom:5px}.attention>div:not(:last-child){margin-bottom:10px;padding-bottom:10px;border-bottom:dashed 1px #ddd}.attention>div p:last-child{margin:5px;line-height:1.7em;font-size:.95em}.attention>div img{width:150px;float:right;margin-left:10px}@media screen and (min-width:440px){.kaden .small{display:inline-block;margin-right:10px}}@media screen and (min-width:540px){.box{padding:20px 10px;margin-bottom:10px}.listWrap .list{width:calc(33% - 8px);margin-top:50px}.listWrap .list:nth-child(2n){margin-left:0}.listWrap .list:not(:nth-child(3n)){margin-right:10px}.listWrap .list p{padding:3px 0;top:-2.5em}.kaden{font-size:1.4em}.listWrap{margin:0 20px 10px}.knowhow{padding:25px 20px 20px}.attention{padding:10px 20px}}@media screen and (min-width:640px){.knowhow{display:flex}.knowhow>div{width:calc(50% - 10px);margin:10px}.knowhow>div:last-child{margin-bottom:10px}.comment{width:80%;margin:auto}.keiro:after{content:"";display:block;clear:both}.keiro p:nth-child(2){float:left;width:calc(100% - 210px)}.keiro img{float:right;margin-top:0;width:210px}}@media screen and (min-width:1000px){.subject h1{font-weight:400;font-size:2.5em;line-height:1.5em}.listWrap{padding:10px 30px 15px;margin-top:15px}.kaden{font-size:1.8em}.comment{font-size:1.2em}.knowhow{padding:45px 20px 20px}.knowhow .kotsu:before,.knowhow .kotsu:after{border-top:solid .9em #37a1ca}.knowhow .kotsu{font-size:1.3em;padding:7.5px 15px}.itemlist>img{max-width:290px}.listWrap .list:nth-child(3n){margin-left:0}.listWrap .list:nth-child(4n){margin-left:10px}.listWrap .list{width:calc(25% - 12px)}.keiro{width:calc(35% - 60px);float:left}.attention{width:calc(65% - 85px);float:right;margin-top:30px}.keiro img,.keiro p:nth-child(2){float:none}.keiro p:nth-child(2){width:auto}.keiro img{margin-top:20px;width:100%}}