@charset "utf-8";



/*リセットCSS（ress.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/ress/dist/ress.min.css");

.org {
    background: #FFEFBD;
    border-radius: 10px;
    padding: 20px 0;
    color: #000;
}
.gry{
    background: #f0f0f0;
    border-radius: 10px;
    padding: 20px 0;
    color: #000;
}
.gry p.ttl{
    text-align: center;
    background: white;
    border-radius: 10px;
}
input[type="checkbox"] {
    display: none;
}
input, textarea, select {
    border: 1px solid #999;
    padding: 0 10px;
}
label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}
label::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
}
label::before, label::after {
    content: "";
    display: block;
    position: absolute;
}
.visually-hidden {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}
fieldset {
    display: block;
    min-inline-size: min-content;
    margin-inline: 2px;
    border-width: 2px;
    border: none;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
}
fieldset label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    display: inline-block;
    letter-spacing: -1px;
    font-size: 0.9em;
}
fieldset label::after {
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	opacity: 0;
	height: 5px;
	width: 10px;
	transform: rotate(-45deg);
	top: 12px;
	left: 10px;
}
fieldset.hako label {
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff;
    border: 1px solid;
    padding: 3px 10px;
    border-radius: 5px;
    border: 1px solid #333;
    padding: 5px 20px;
}
fieldset.hako label::before {
    background-color: #fff;
    border-radius: 0%;
    border: none;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
}
fieldset.hako label::after {
    border-bottom: none;
    border-left: none;
    opacity: 0;
    height: 5px;
    width: 10px;
    transform: rotate(-45deg);
    top: 8px;
    left: 10px;
}

.search-form-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 2px solid #000000;
    border-radius: 25px;
    height: 40px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.search-form-1 input {
    width: 100%;
    height: 45px;
    padding: 5px 0px 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}

.search-form-1 input::placeholder{
    color: #9e9e9e;
}

.search-form-1 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 45px;
    border: none;
    background-color: #ffc424;
    cursor: pointer;
}

.search-form-1 button::after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}
fieldset .search-form-1 label {
	padding-left: 0;
    background: white;
}
fieldset .search-form-1 label::before {
    display: none;
}
.w100{
    width: 100%;
}