@charset "utf-8";.base{box-sizing:border-box;font-size:2.66666667vw}@media only screen and (min-width:48em){.base{font-size:1.785714229vw}}@media only screen and (min-width:68.75em){.base{font-size:125%}}.work-area{width:100%;padding:3em;margin:0 auto}@media only screen and (min-width:48em){.work-area{width:55em;padding:0 0 5em}}.work-area .list{margin:0;padding:0;list-style:none}.work-area .list>li{background:#fff;width:100%;float:left;margin-bottom:2em;position:relative}.work-area .list>li a{text-decoration:none}@media only screen and (min-width:48em){.work-area .list>li{width:26.5em}}.work-area .list>li:nth-child(2n+1){clear:both}.work-area .list>li div .box{text-align:center}.work-area .list>li div .box .img{float:left;width:17.25em}.work-area .list>li div .box ul{float:left;list-style:none;padding:0;width:8.5em}.work-area .list>li:nth-child(2n){float:right}.work-area .list .txt-area{margin-top:.75em;padding:.25em 1em 3em;margin-bottom:0}@media only screen and (min-width:48em){.work-area .list .txt-area{margin-bottom:2.5em}}.work-area .list .txt-area:after{content:"DETAIL";position:absolute;bottom:0;right:0;background:#000;color:#fff;font-family:'Didact Gothic',sans-serif;font-size:1em;padding:.3em .5em;letter-spacing:.1em}@media only screen and (min-width:48em){.work-area .list .txt-area:after{font-size:.6em}}.work-area .list .txt-area p.icon{float:none;border:1px solid #000;width:7.5em;margin:0 0 1em;padding:.7em 0;font-size:1em;text-align:center;font-weight:700}@media only screen and (min-width:48em){.work-area .list .txt-area p.icon{font-size:.75em;margin:0 0 .5em}}.work-area .list .txt-area>div{float:none;width:100%;line-height:1.25em}.win.chrome .work-area .list .txt-area>div{width:25.5em}@media only screen and (min-width:48em){.work-area .list .txt-area p.icon{float:left;margin:0}.work-area .list .txt-area>div{float:right;width:18em}.win.chrome .work-area .list .txt-area>div{width:17em}}.work-area .list .txt-area>div h3{margin:0;font-size:1.75em;font-weight:300}@media only screen and (min-width:48em){.work-area .list .txt-area>div h3{font-size:1.25em}}.work-area .list .txt-area>div p{margin:0;font-size:.8em}.work-area .work-box{padding:1.25em;background:#fff;position:relative;min-height:14em}.work-area .work-box:after{content:"DETAIL";position:absolute;bottom:0;right:0;background:#000;color:#fff;font-family:'Didact Gothic',sans-serif;font-size:.6em;padding:.3em .5em;letter-spacing:.1em}.work-area .work-box .left{float:left;width:25.8em}.work-area .work-box .left .img{float:left;width:17.25em}.work-area .work-box .left ul{float:left;margin:0;list-style:none;padding:0;width:8.5em}.work-area .work-box .right{float:right;width:25em}.work-area .work-box .right .area01{border-bottom:1px dotted #000;padding:0 0 .75em}.work-area .work-box .right .area01 p.icon{float:left;border:1px solid #000;font-weight:700;width:7.5em;margin:0;padding:.7em 0;font-size:.75em;text-align:center}.work-area .work-box .right .area01>div{float:right;width:18.7em;line-height:1.3em}.work-area .work-box .right .area01>div h3{margin:0;font-size:1.25em;font-weight:300}.work-area .work-box .right .area01>div p{margin:0;font-size:.8em}.work-area .work-box .right .txt01{padding:1em 0;font-size:.75em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}.work-details{width:100%;margin:0 auto;padding:1.5em;background:#fff}@media only screen and (min-width:48em){.work-details{width:55em;padding:1.5em 2.5em}}.details-area01{border-bottom:1px dotted #000;padding:0 0 .75em}.details-area01 p.icon{float:left;border:1px solid #000;width:7.5em;margin:0 1em 0 0;padding:.7em 0;font-size:1em;text-align:center;font-weight:700}@media only screen and (min-width:48em){.details-area01 p.icon{font-size:.75em}}.details-area01>div{float:left;width:100%;line-height:1.25em}@media only screen and (min-width:48em){.details-area01>div{width:42em}}.details-area01>div h3{margin:0;padding:.5em;font-size:1.75em;font-weight:300}.details-area01>div h3 span{margin-left:.5em;font-size:.8em}@media only screen and (min-width:48em){.details-area01>div h3{font-size:1.25em}}.details-area01>div p{margin:0;font-size:.8em}.add-list{list-style:none;padding:0;display:table;border-bottom:1px dotted #000;width:100%;padding-bottom:1em;margin-bottom:1.5em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}.add-list li{margin-bottom:.5em}.add-list li:last-child{margin-bottom:0}.add-list p{display:block;font-size:1em;margin:.5em 0}.add-list p:first-child{width:6em;color:#000}@media only screen and (min-width:48em){.add-list p{display:table-cell;font-size:.75em;margin:0}}.color-list{list-style:none;padding:0;display:table-cell}.color-list li{display:inline-block;font-size:.8em}.work-details .txt-area{font-size:1em;margin-bottom:2.5em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"}@media only screen and (min-width:48em){.work-details .txt-area{font-size:.75em}}.work-details .work-photo{list-style:none;padding:0;letter-spacing:-.4em;margin-bottom:2.5em}.work-details .work-photo li{display:inline-block;letter-spacing:normal;width:50%}