@charset "utf-8";

body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 400;
color:#000;
margin:0;
font-size:16px;
line-height:160%;

min-height: 100vh;
position: relative;
}
h1,h2,h3,h4,h5{
margin:0;
font-weight:400;
}
ul,li{
list-style:none;
margin:0;
padding:0;
}
dl, dt, dd{
margin:0;
padding:0;
}
img{
display:inline-block;
vertical-align:bottom;
}
a {
text-decoration:none;
}
figure{
margin:0;
padding:0;
}
input[type='text']{
width:50%;
padding:5px;
}
select{
width:30%;
padding:3px 5px;
}
header{
background:#71c6e0;
text-align:center;
}
header img{
max-width:1200px;
}
main{
width:1000px;
margin:50px auto;
}

main > h2{
color:#f08200;
border-bottom:2px solid #f08200;
padding-bottom:8px;
font-size:24px;
}
main > h2 img{
display:inline-block;
vertical-align:text-bottom;
height:31px;
margin-right:10px;
}
main > h2 img:nth-child(2){
margin-left:10px;
}
main > h2.research{
text-align:center;
}
dl#area{
display:flex;
flex-wrap:wrap;
}
dl#area dt,
dl#area dd{
border-top:1px dashed #888;
padding:20px 0;
}
#area > dt:nth-child(1),
#area > dd:nth-child(2){
border-top:none;
}

dl#area dt{
width:130px;
font-size:14px;
}

dl#area dt div{
color:#f08200;
text-align:center;
border:1px solid #f08200;
border-right:none;

position: relative;
display: inline-block;
width: 95px;
height: 30px;
}

dl#area dt div::before,
dl#area dt div::after {
content: "";
position: absolute;
top: calc(50%);
right: -14px;
width: 20px;
height: 1px;
border-radius: 9999px;
background-color: #f08200;
transform-origin: calc(100%) 50%;
}
dl#area dt div::before {
transform: rotate(45deg);
}
dl#area dt div::after {
transform: rotate(-45deg);
}
dl#area dd{
width:870px;
font-size:17px;
}
dl#area dd label{
margin-right:10px;
}



dl#cond{
display:flex;
flex-wrap:wrap;
margin-top:20px;
}
dl#cond dt,
dl#cond dd{
border-bottom:1px dashed #888;
padding:20px 0;
}
dl#cond > dt:nth-child(1),
dl#cond > dd:nth-child(2){
border-top:1px solid #000;
}
dl#cond dt{
width:290px;
}
dl#cond dd{
width:710px;
}
dl#cond dd span{
display:block;
font-size:13px;
}

dl#cond .act {
display: inline-flex;
align-items: start;
}
dl#cond details {
padding-block: 8px;
border-bottom: 1px solid #ccc;
}
dl#cond details:first-of-type {
border-top: 1px solid #ccc;
}
dl#cond details summary {
list-style: none;
}
dl#cond details summary::marker,
dl#cond details summary::-webkit-details-marker {
content: "";
display: none;
}
dl#cond details summary::after {
content: " ▼";
}
dl#cond details[open] summary::after {
content: " ▲";
}
dl#cond .act-lg {
margin-left: 1em;
}
dl#cond .act-lg + .label {
font-size: 16px;
line-height: 1.1;
cursor: default;
}
dl#cond details summary .act-lg + .label {
font-weight: 700;
}
dl#cond .act-md {
margin-left: 2em;
}
dl#cond .act-sm {
margin-left: 3em;
}


div#submitarea{
text-align:center;
padding:50px 0;
}
div#submitarea :is(a, button){
display:block;
width:350px;
margin:0 auto;
padding:15px 0;
border:none;
border-radius:6px;
color:#fff;
font-size:20px;
}
button:hover{
cursor:pointer;
}
div#submitarea button.search{
background-color:#f08200;
}
div#submitarea a.back{
background-color:#ccc;
margin-top:30px;
line-height: 1.1;
}

.search-form button.reset{
display:block;
width:350px;
margin:30px auto;
padding:15px 0;
border: 2px solid #f08200;
border-radius:6px;
color: #f08200;
background-color:#fffef3;
font-size:20px;
}


div#info{
text-align:center;
margin:60px 0 30px;
}
#info ul{
display:flex;
justify-content:center;
gap:30px;
margin-bottom:50px;
}
#info ul li{
background:#fffef3;
border:2px solid #f08200;
border-radius:10px;
color:#f08200;
width:280px;
padding:10px;
}
#info ul li a{
display:block;
}
footer{
text-align:center;
background:#e6e6e6;
padding:10px 0;
font-size:14px;
}


#result{
width:800px;
margin:100px auto 150px;
text-align:center;
}
#result > h2{
color:#f08200;
margin-bottom:30px;
}
#result p#nomatch{
font-weight:500;
font-size:18px;
}
#result dl{
display:flex;
flex-wrap:wrap;
}
#result dl dt,
#result dl dd{
width:50%;
border-bottom:1px solid #666;
padding:20px 0;
font-size:18px;
letter-spacing:0.1em;
}
#result dl dt{
border-right:1px dashed #666;
}
#result dt.head,
#result dd.head{
background:#f8c180;
border-bottom:none;
color:#fff;
padding:10px 0;
font-weight:500;
}
#result dl dd{
}
#result dl dd a{
display:inline-block;
background:#f08200;
color:#fff;
border-radius:6px;
padding:4px 8px;
margin:0 5px;
}





#result dd a span {
display: inline-block;
vertical-align:text-bottom;
background: #fff;
border-radius: 100%;
width: 23px;
height: 23px;
margin-right:6px;
}
#result dd a [class*='cp_arrow'] {
position: relative;
display: inline-block;
}
#result dd a [class*='cp_arrow']:after,
#result dd a [class*='cp_arrow']:before {
content: '';
}
#result dd a [class*='cp_arrow'] {/*三角形の設定*/
top: -3px;
left: 0px;
border-width: 1px 9px 9px 0;
border-style: solid;
border-color: transparent #f08200 transparent transparent;
}
#result dd a [class*='cp_arrow']:before {/*矢印の棒の設定*/
position: absolute;
top: 3px;
left: -3px;
width: 11px;
height: 6px;
background: #f08200;
transform: rotate(-45deg);
}

#result dd a .cp_arrow_down {
transform: rotate(135deg);
}