@charset "utf-8";

#seaechVoiceForm{}
#seaechVoiceForm .sectionInner{
    max-width: 960px;
    width: 95%;
    margin: 0 auto;
    padding: 0;
}
#seaechVoiceForm{
    margin: 0 auto;
    max-width: 90vw;
}
#seaechVoiceForm .titleBox {
    margin: 1em auto;
}
#seaechVoiceForm summary{
    position:relative;
    text-align: center;
    background: #e18e14;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.6em 40px;
}
#seaechVoiceForm summary:after{content:"";position:absolute;}
#seaechVoiceForm summary::marker{content:none}
#seaechVoiceForm .seaechVoiceBox{
    text-align: center;
    padding: 1em 2.5%;
    background: rgba(247, 147, 30,0.05);
}


#seaechVoiceForm .seaechVoiceBox .filterBox{
    margin: 0 auto 1em;
}
#seaechVoiceForm .seaechVoiceBox .filterBox h3.ttl{
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 auto 0.2em;
}

#seaechVoiceForm .seaechVoiceBox .filterBox .courceLists{
    flex-wrap: wrap;
    gap: 0.75em 3%;
}
#seaechVoiceForm .seaechVoiceBox .filterBox .courceLists li{
}
#seaechVoiceForm .seaechVoiceBox .filterBox .courceLists label{
    /* width: 30%; */
    font-size: 1.4em;
    line-height: 1;
    cursor: pointer;
    align-items: center;
    display: flex;
    gap: 0.2em;
}
#seaechVoiceForm .seaechVoiceBox .filterBox .courceLists input{
    height: 0.9em;
    width: 0.9em;
    margin: 0;
    /* margin-right: 0.2em; */
    vertical-align: initial;
}

#seaechVoiceForm .seaechVoiceBox .filterBox.program input{}

input[type="checkbox"] {}
#seaechVoiceForm .seaechVoiceBox .filterBox.country input{}


#seaechVoiceForm .seaechVoiceBox button{position: relative;margin:auto;padding: 0.5em 2.6em;background: #39bac3;border-radius: 3em;color: #fff;border: none;cursor: pointer;transition:.2s;}
#seaechVoiceForm .seaechVoiceBox button:after{position: absolute;content: "▶";font-size: 75%;top: 0;bottom: 0;margin: auto;align-content: center;right: 1.25em;}
#seaechVoiceForm .seaechVoiceBox button:hover{opacity:0.8;}

/*  */
#seaechVoiceForm summary.accordionTitle::-webkit-details-marker {
  display:none;
}

#seaechVoiceForm .accordionTitle:after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

#seaechVoiceForm .accordion::details-content {
  opacity: 0;
    height:0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}


#seaechVoiceForm .accordion[open]::details-content {
    opacity: 1;
    height:auto;
    transition: .3s;
    block-size: auto;
    block-size: calc-size(auto, size);
}

#seaechVoiceForm .accordion[open] .accordion_content {
  padding: 1.4em;
}

#seaechVoiceForm .accordion[open] .accordionTitle:after {
  content: "-";
}
@media screen and (max-width:480px){
#seaechVoiceForm .sectionInner{width: 100%;}
    #seaechVoiceForm .seaechVoiceBox .filterBox h3.ttl{
        font-size: clamp(16px, 4.5vw, 20px);
        margin: 0 auto 0.4em;
    }
#seaechVoiceForm .seaechVoiceBox .filterBox .courceLists{
    gap: 0.7em 3.5%;
    padding-left: 0.25em;
}
    #seaechVoiceForm .seaechVoiceBox .filterBox .courceLists label{
        font-size: clamp(14px, 3.5vw, 16px);
    }
    
}