#workation #osusume{position:relative}#workation #osusume::before,#workation #osusume::after{position:absolute;content:"";background-repeat:no-repeat;background-size:contain;z-index:-1}#workation #osusume::before{top:20%;right:0;background-image:url("../images/back_r2.png");width:314px;height:370px;background-position:right top}@media only screen and (max-width: 960px){#workation #osusume::before{width:157px;height:185px}}#workation #osusume article{width:100%;margin:0 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#workation #osusume article .image{width:27%}@media only screen and (max-width: 480px){#workation #osusume article .image{width:100%;margin:0 auto 20px;max-width:200px}}#workation #osusume article .text{width:68%;margin:0 0 0 5%;text-align:left;line-height:1.8}@media only screen and (max-width: 480px){#workation #osusume article .text{width:100%;margin:0}}#workation #osusume article:nth-child(even) .image{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media only screen and (max-width: 480px){#workation #osusume article:nth-child(even) .image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}#workation #osusume article:nth-child(even) .text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0 5% 0 0}@media only screen and (max-width: 480px){#workation #osusume article:nth-child(even) .text{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin:0}}@media only screen and (max-width: 480px){#workation #osusume article h3{text-align:center}}#workation #osusume article h4{margin:20px 0 0;font-size:1.8rem}#workation .case_title h2{width:280px}@media only screen and (max-width: 960px){#workation .case_title h2{width:180px}}#workation .case_schedule .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#workation .case_schedule .schedule_main{width:65%;text-align:left}@media only screen and (max-width: 480px){#workation .case_schedule .schedule_main{width:100%}}#workation .case_schedule h2{margin:0 0 30px}@media only screen and (max-width: 960px){#workation .case_schedule h2{width:180px}}#workation .case_schedule .schedule_list{padding-top:10px;background-image:url("../images/tensen.png");background-repeat:repeat-x;background-position:left top;background-size:601px}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){#workation .case_schedule .schedule_list{background-image:url("../images/tensen@2x.png")}}#workation .case_schedule article{padding:15px 0 25px 0;background-image:url("../images/tensen.png");background-repeat:repeat-x;background-position:left bottom;background-size:601px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){#workation .case_schedule article{background-image:url("../images/tensen@2x.png")}}#workation .case_schedule article h3{width:150px}@media only screen and (max-width: 960px){#workation .case_schedule article h3{width:100%;margin:0 0 10px}#workation .case_schedule article h3 img{width:100px}}#workation .case_schedule article .text{width:calc( 100% - 150px)}@media only screen and (max-width: 960px){#workation .case_schedule article .text{width:100%}}#workation .case_schedule article dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}#workation .case_schedule article dt{width:100px}@media only screen and (max-width: 960px){#workation .case_schedule article dt{width:70px}}#workation .case_schedule article dd{width:calc( 100% - 100px);font-size:1.5rem;line-height:1.8}@media only screen and (max-width: 960px){#workation .case_schedule article dd{width:calc( 100% - 70px)}}#workation .case_schedule .image{width:35%;margin:0 0 0 0;position:relative}@media only screen and (max-width: 480px){#workation .case_schedule .image{width:100%;margin:10px 0 0}}#workation .case_schedule .image img{position:absolute;top:-100px;left:0}@media only screen and (max-width: 960px){#workation .case_schedule .image img{position:relative;top:auto}}#workation #case02{margin:80px 0 40px}#workation #case02 .case_comment .container{margin:0 0 40px}
/*# sourceMappingURL=maps/workation.css.map */