@charset "utf-8";

/*******************************************************************************
                                    set2
********************************************************************************/
.completion .writeABC {display:inline-block;width:650px;max-width:100%;padding:0 1rem;box-sizing:border-box;}
.completion .writeABC input[type=text]{width:50px;text-align:center;float:right;}

.given-text.modern-life > .involve-order .slot:before {content:'';display:block;width:100%;text-align:center;color:#b9c4d9;}
.given-text.modern-life > .involve-order .slot.has-child:before {display:none;}
.given-text.modern-life > .involve-order .slot:before {content:'1';}
.given-text.modern-life > .involve-order:nth-of-type(1) .slot:before {content:'1';}
.given-text.modern-life > .involve-order:nth-of-type(2) .slot:before {content:'2';}
.given-text.modern-life > .involve-order:nth-of-type(3) .slot:before {content:'3';}
.given-text.modern-life > .involve-order:nth-of-type(4) .slot:before {content:'4';}
.given-text.modern-life > .involve-order:nth-of-type(5) .slot:before {content:'5';}
.given-text.modern-life > .involve-order:nth-of-type(6) .slot:before {content:'6';}
.given-text.modern-life > .involve-order:nth-of-type(7) .slot:before {content:'7';}

.greenhill-community {width:600px;max-width:100%;}
.greenhill-community .gh-outline {position:relative;margin-top:2rem;letter-spacing:-1px;}
.greenhill-community .gh-outline p {line-height:160%;}
.greenhill-community .gh-outline p + p {margin-top:5px;}
.greenhill-community .gh-outline input[type=text] {width:100%;}
.greenhill-community .gh-outline .title {position:absolute;top:1%;left:37%;width:30%;}
.greenhill-community .gh-outline .title .num {width:15%;}
.greenhill-community .gh-outline .title .num + input[type=text] {width:80%;}
.greenhill-community .gh-outline .atrium {position:absolute;top:10%;left:0;width:30%;height:90%;padding:5%;box-sizing:border-box;}
.greenhill-community .gh-outline .atrium .con1 {position:absolute;top:10%;left:0;width:100%;height:40%;padding:10%;box-sizing:border-box;}
.greenhill-community .gh-outline .atrium .con2 {position:absolute;top:45%;left:0;width:100%;height:40%;padding:10%;box-sizing:border-box;}
.greenhill-community .gh-outline .atrium .con2 .q14 {margin-top:3rem;}
.greenhill-community .gh-outline .atrium .con2 .q14 input {width:75%;display:block;}
.greenhill-community .gh-outline [class^="classroom-"] {position:absolute;width:23%;height:40%;padding:2%;box-sizing:border-box;}
.greenhill-community .gh-outline [class^="classroom-"] .tit {font-size:1rem;}
.greenhill-community .gh-outline .classroom-a {top:9%;left:53%;}
.greenhill-community .gh-outline .classroom-b {bottom:0;left:53%;}
.greenhill-community .gh-outline .classroom-c {top:9%;left:30%;}
.greenhill-community .gh-outline .classroom-c .con {margin-top:0.5rem;}
.greenhill-community .gh-outline .canteen {position:absolute;top:10%;right:0;width:24%;height:90%;padding:3%;box-sizing:border-box;}
.greenhill-community .gh-outline .tit {font-size:1.4rem;font-weight:bold;text-transform:uppercase;text-align:center;}
.greenhill-community .gh-outline .stit {font-weight:bold;text-align:center;}
.greenhill-community .gh-outline .con {margin-top:1rem;word-break:keep-all;}
.greenhill-community .gh-outline .time {font-weight:bold;color:#999;}
.greenhill-community .gh-outline .question {margin:0;}

.goingback-nature.matching {}
.goingback-nature.matching .box-line {width:80%;height:255px;margin:1rem auto;}
.goingback-nature.matching .question .slot {display:inline-block;width:80%;margin-top:0.5rem;vertical-align:middle;}
.goingback-nature.matching .slot .drag-item {width:auto;}
.goingback-nature .question {display:block;width:100%;}
.goingback-nature3 .heading-wrap {width:80%;margin:0 auto;}
.goingback-nature3 .large-title {font-size:1.5rem;text-align:center;letter-spacing:-1px;}
.goingback-nature3 .column {margin-top:1rem;}
.goingback-nature3 .column .col2 {width:48%;float:left;}
.goingback-nature3 .column .col2 + .col2 {margin-left:4%;}
.goingback-nature3 .column .col2 .tit {text-align:center;}
.goingback-nature3 .column .col2 .tit strong {display:block;}
.goingback-nature3 .column .col2 ul {margin-top:1rem;}
.goingback-nature3 .column .col2 li {position:relative;display:block;width:100%;padding:5px 10px;border:2px solid #b9c4d9;border-radius:10px;box-sizing:border-box;background:#fff;color:#333;letter-spacing:-1px;text-align:center;}
.goingback-nature3 .column .col2 li ~ li {margin-top:30px;}
.goingback-nature3 .column .col2 li ~ li:before {content:'';position:absolute;left:50%;top:0;display:block;width:15px;height:8px;margin-top:-22px;margin-left:-7px;background:url(../../images/icon_arr_down.png);}
.goingback-nature3 .column .col2 li .question {display:block;margin:0;}


.free-play .question .slot {display:inline-block;width:80%;margin-top:0.5rem;vertical-align:middle;}