/* CSS Document */
@import url(article.css);
@import url(footer.css);

main, .wrap {
  overflow-x: hidden;
}
.page_saction {
  overflow: visible;
}


@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}


/****************
form
******************/
select {
    width:100%;
    border:#999a9e 1px solid;
    padding:var(--size10);
    border-radius: 10px;
}
.p-filter__button-item {
    border:none;
    outline:none;
    cursor: pointer;
}
input[type="checkbox"] ,input[type="radio"] {
accent-color: var(--keygreen);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
right: 0;
bottom: 0;
left: 0;
height: 20px;      /* 生成ボタンサイズ */
width: 20px;       /* 生成ボタンサイズ */
vertical-align: -0.8rem;
transition:all .15s ease-out 0s;
color: #fff;
cursor: pointer;
display: inline-block;
outline: none;
border: 1px solid #d9d9d9;
} 
input[type="checkbox"]:before,input[type="checkbox"]:after {
    position: absolute;
    content: "";
}
input[type="checkbox"]:before {
    width: 6px;
    height: 2px;
    left: 1px;
    top: 10px;
    width: 6px;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: transparent;
}
input[type="checkbox"]:after {
    right: 6px;
    bottom: 2px;
    width: 2px;
    height: 14px;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    background-color: transparent;
}
input[type="checkbox"]:checked {
    background-color: var(--keygreen);
    border-color:var(--keygreen);
}
input[type="checkbox"]:checked:before {
    background: #fff;
}
input[type="checkbox"]:checked:after {
    background: #fff;
}

input[type=radio] {
    border-radius: 50%;
}
input[type=radio]:checked:before {
    transform: scale(1);
}
input[type=radio]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 4px;
    background-color:#d9d9d9;
}
input[type=radio]:checked {
    border-color: var(--keygreen);
}
input[type=radio]:checked:before {
   background-color: var(--keygreen);
}

input[type="text"],input[type="mailaddress"],textarea {
    width:100%;
    padding:15px;
    border:1px solid var(--li_gley);
}
input[name="postname"] {
    width:50%;
}
dl:has(*[required]) dt:after, .chechk_privacy label:has(*[required]):after  {
    content:"*必須項目";
    color:var(--red);
    font-size:0.85em;
    margin-left:1em;
}

.radio_group {
    display: flex;
    gap:var(--size30);
    flex-flow: wrap
}
.radio_group label,.chechk_privacy label {
    display: flex;
    gap:10px;
    align-items: center;
    white-space: nowrap;
}
.form_block{
    margin-top:var(--size100);
}
.form_block dl {
    margin-bottom:var(--size50);
}
.form_block dl dt {
    padding-bottom:12px;
    font-size:1.25em;
    font-weight:500;
}
.chechk_privacy p a:link {
    text-decoration: underline;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
@media (min-width: 1441px) {

}