@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */
#search{
background-color: #ea5504;
color: #fff;
padding: 60px 0;
position: relative;
}
#search .contents_size{
position: relative;
z-index: 20;
}
#search .common_title{
text-align: right;
position: relative;
z-index: 10;
}
#search ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#search li{
width: calc(50% - 10px);
margin-top: 20px;
}
#search li:nth-child(2n){
/* margin-left: 20px; */
}
#search li a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
aspect-ratio: 1 / 1;
font-size: 16px;
line-height: 1.6;
font-weight: 700;
color: #ea5504;
background-color: #fff;
text-align: center;
border-radius: 50%;
}
#search li .icon{
margin-bottom: 10px;
}
#search li .icon img{
height: 50px;
}
#search .illust{
width: 40vw;
position: absolute;
top: -3vw;
left: 0;
z-index: 10;
}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
#search{
padding: 5vw 0;
}
#search .contents_size{
display: flex;
align-items: center;
}
#search .text{
padding-right: 60px;
flex: 1;
}
#search .common_title{
text-align: left;
/* text-shadow: 0px 0px 2px #ea5504, 0px 0px 2px #ea5504; */
text-shadow:
  1px 1px 1px #ea5504,
  -1px 1px 1px #ea5504,
  -1px -1px 0 #ea5504,
  1px -1px 0 #ea5504;
}

#search ul{
width: 660px;
justify-content: space-between;
}
#search li{
width: 200px;
margin-top: 30px;
}
#search li:nth-child(2n){
/* margin-left: 0px; */
}
#search li a{
font-size: 20px;
}
#search li a:hover{
transform: scale(1.1);
background-color: #fff2e6;
}

#search .illust{
width: auto;
left: 0;
}


}