@charset "UTF-8";

.section-member {padding:0 30px; margin-top: 2rem; margin-bottom: 2.5rem;}



.sharing-box .sharing-warranty li {padding: 0 !important; overflow: hidden;}
.sharing-box textarea {width: 100%;}



.photo-input {display: grid; min-height: 100px;
    grid-template-columns: 2fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr;
    grid-gap:5px}
.photo-input li {background: #f0f0f0; overflow: hidden; padding: 0; font-size: 0; position: relative; padding-top: 97%; margin-bottom: 0;}
.photo-input li:first-child {grid-row:1/3;}
.photo-input li img {max-width: 140%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; }

.photo-input li:before {content: ""; position: absolute; font-size: 1rem; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #999;}
.photo-input li:nth-child(1):before {content: "Image";}

.photo-input li input[type=file] {display: none;}
.photo-input li label {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }


.photo-input .del-img {position: absolute; z-index: 2; top: 5px; right: 5px; font-size: 1rem; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 20px; background: transparent; border: 0; }



.btn-checkinput {flex-wrap: wrap;}
.btn-checkinput .cm-btn:nth-child(3) {flex:1 0 100%}