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

.raf img{
max-width: 100%;
height: auto;
}


/* モバイルファースト ======================================================================================================== */
#container{
text-align: center;
}
.common_title{
margin-bottom: 20px;
}
.common_title h3{
display: inline-block;
font-size: 20px;
font-weight: bold;
color: #29ace3;
border-bottom: solid 2px #29ace3;
}
.common_title p{
margin-top: 10px;
}

#quick_search form{
text-align: left;
}
#quick_search .title .num{
display: inline-block;
vertical-align: middle;
color: #29ace3;
border: solid 1px #29ace3;
padding: 5px 10px;
line-height: 1;
border-radius: 5px;
}
#quick_search .title h4{
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
#quick_search #step01{
margin-bottom: 10px;
}
#quick_search #step01 li{
margin-top: 10px;
}
#quick_search #step02 li{
margin-top: 10px;
}
#quick_search #step02 li a{
display: block;
text-decoration: none;
border: solid 2px #29ace3;
color: #29ace3;
color: #fff;
font-weight: bold;
padding: 10px;
border-radius: 5px;
text-align: center;
}
#quick_search #step02 li:nth-child(1) a{ border-color: #e62727; color: #e62727; }
#quick_search #step02 li:nth-child(2) a{ border-color: #29ace3; color: #29ace3; }
#quick_search #step02 li:nth-child(3) a{ border-color: #2c9976; color: #2c9976; }
#quick_search #step02 li a .icon,
#quick_search #step02 li a span{
display: inline-block;
vertical-align: middle;
}
#quick_search #step02 li a .icon img{
max-width: 20px;
max-height: 20px;
}
#quick_search #step02 li:nth-child(1) a .icon img{ filter: invert(65%) sepia(95%) saturate(7355%) hue-rotate(346deg) brightness(91%) contrast(98%); }
#quick_search #step02 li:nth-child(2) a .icon img{ filter: invert(66%) sepia(53%) saturate(3473%) hue-rotate(164deg) brightness(96%) contrast(84%); }
#quick_search #step02 li:nth-child(3) a .icon img{ filter: invert(49%) sepia(43%) saturate(578%) hue-rotate(110deg) brightness(93%) contrast(94%); }

#more .search_member_notice{
display: none;
}

#kodawari .big ul{
margin-bottom: 10px;
}
#kodawari li{
text-align: center;
margin-top: 10px;
}
#kodawari li:first-child{
margin-top: 0px;
}
#kodawari li a{
display: block;
text-decoration: none;
background-color: #fff5e0;
border-radius: 5px;
padding: 10px;
}
#kodawari .big li:nth-child(1) a{ background-color: #FFE3E3; }
#kodawari .big li:nth-child(2) a{ background-color: #fff5e0; }
#kodawari .big li:nth-child(3) a{ background-color: #EEF6DE; }
#kodawari .big li:nth-child(4) a{ background-color: #FBE6FB; }
#kodawari .big li:nth-child(5) a{ background-color: #EEF9FF; }
#kodawari .big li:nth-child(6) a{ background-color: #ECE9FA; }
#kodawari li .icon{
}
#kodawari li .icon img{
border-radius: 50%;
width: 60px;
height: 60px;
}
#kodawari li .text{
}
#kodawari li .text em{
/* color: #c76c00; */
font-size: 20px;
font-weight: bold;
}
#kodawari li .text em span{
font-size: 12px;
}
#kodawari li .text p{
}
/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

.common_title h3{
font-size: 30px;
}
.common_title p{
margin-top: 20px;
}


#quick_search{
}
#quick_search #step01{
margin-bottom: 30px;
}
#quick_search #step01 ul{
display: flex;
}
#quick_search #step01 li{
margin-right: 40px;
font-size: 18px;
}
#quick_search #step02 ul{
display: flex;
justify-content: space-between;
}
#quick_search #step02 li{
margin-top: 20px;
width: 32%;
}
#quick_search #step02 li a{
padding: 30px 0;
font-size: 18px;
}
#quick_search #step02 li a .icon img{
max-width: 25px;
max-height: 25px;
}



#kodawari ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#kodawari .big ul{
margin-bottom: 20px;
}
#kodawari li{
margin-top: 20px;
width: 340px;
}
#kodawari li:nth-child(-n+3){
margin-top: 0px;
}
#kodawari li a{
padding: 20px;
height: 100%;
}
#kodawari li .text em span{
font-size: 16px;
}


}