@charset "utf-8";

/*-------------------------------------------------------------------
sp_top
-------------------------------------------------------------------*/
@media screen and (max-width: 767px)  {

article { padding-bottom:98px; }

#top #bread_crumb { display:none; }

#top #contents { padding:0 0 20px; }


/*-------------------------------------------------------------------
header
-------------------------------------------------------------------*/
#header h1 { text-align:left; padding:5px; }
#header h1 span { font-size:79%; padding:0; width:100%; }
#header #header_cont #header_right { background-color:#fff; position:fixed; bottom:0; display:flex; flex:0 0 100%; float:none; justify-content:center; left:0; z-index:199; width:100%; left:0; bottom:0; padding:10px; }

#header #header_cont #header_right dl.conv { display:flex; flex-wrap:wrap; justify-content:center; }
#header #header_cont #header_right dl.conv > dt { background-color:#fff; color:#1ea2d9; border-radius:0; padding:0; font-size:85%; padding:5px; }
#header #header_cont #header_right dl.conv > dd { margin-top:5px; margin-right:0; }
#header #header_cont #header_right dl.conv dd .tel { display:flex; height:18px; justify-content:center; flex:0 0 100%; text-align:center; width:100%; }
#header #header_cont #header_right dl.conv dd .tel a { display:block; height:18px; position:relative; width:168px; }
#header #header_cont #header_right dl.conv dd .tel a:before{ content:" "; background-image:url("https://kamome-hp.com/img/common/p_h_tel.png"); background-repeat:no-repeat; background-size:168px 18px; color:#000; width:168px; height:18px; position:absolute; left:0; }
#header #header_cont #header_right dl.conv dd .tel a img { display:none; }
#header #header_cont #header_right dl.conv dd span { color:#000; }
#header #header_cont #header_right dl.conv dd .info dl dd span:first-child { color:#000; }
#header #header_cont #header_right dl.conv dd .info dl dd span:nth-child(2){ color:#000; }
#header #header_cont #header_right dl.conv dd .info dl dd span:nth-child(3) { color:#000; }
#header #header_cont #header_right dl.conv dd .info dl dd span:nth-child(4) { color:#000; }
#header #header_cont #header_right dl.conv dd .info dl dd span:nth-child(5) { color:#000; }

#header #header_cont #header_right dl.conv dd:nth-child(2) { display:flex; flex-wrap:wrap; justify-content:center; width:100%; }
#header #header_cont #header_right dl.conv dd .info { flex:0 0 100%; margin-top:15px; }
#header #header_cont #header_right dl.conv dd .info dl { display:flex; justify-content:center; text-align:center; }
#header #header_cont #header_right dl.conv dd .info dl dt { display:none; margin-top:0; padding:0; font-size:100%; }
#header #header_cont #header_right dl.conv dd .info dl dd { margin-top:0; }

#header #header_cont #header_right dl.conv dd.reserve { background-color:#fff; border-radius:0; margin-top:5px; padding:0; color:#000; }
#header #header_cont #header_right dl.conv dd.reserve br { display:none; }

/*-------------------------------------------------------------------
main
-------------------------------------------------------------------*/
#top #main { margin:0; padding:10px 10px; }
#top #main #main_cont { background:transparent; padding:0; width:100%; }

#top #main_head #announce { background-color:#fff; border-radius:10px; flex:0 0 100%; padding:20px 10px 30px 10px; margin-top:15px; }
#top #main_head #announce dl { flex-wrap:wrap; }
#top #main_head #announce p { padding:0 10px 0 10px; }
#top #main_head #announce > img { width:50px; height:120px; bottom:-10px; right:20px; }
#top #main_head #announce .btn { margin-top:25px; }
#top #main_head #announce .btn ul li { text-align:left; }
#top #main_head #announce .btn ul li a { padding:15px 25px; }
#top #main_head #announce .btn ul li a:hover { background-color:#fff; }
#top #main_head #announce .btn ul li a:hover span { color:#333; }

/*-------------------------------------------------------------------
nav
-------------------------------------------------------------------*/
#top #nav { display:none; }

/*-------------------------------------------------------------------
sp_main_visual
-------------------------------------------------------------------*/
#top #sp_main_visual { display:none; padding:15px; }
#top #sp_main_visual .slick-slider { width:100%; }

#top #sp_main_visual ul li img { height:auto; max-width:600px; width:100%; }

#top #sp_main_visual .slick-prev, .slick-prev:hover { background-size:25px 25px; height:25px; width:25px; left:-15px; }
#top #sp_main_visual .slick-next, .slick-next:hover { background-size:25px 25px; height:25px; width:25px; right:-15px; }

/*-------------------------------------------------------------------
main_visual2
-------------------------------------------------------------------*/
#top #main_visual { background-color:#fff; height:100%; /*display:none;*/ }
#top #main_visual ul { width:100%; }
#top #main_visual ul li {}
#top #main_visual ul li img { border-radius:13px; height:300px; max-width:100%; object-fit:cover; width:100%; }
#top #main_visual ul li.slick-slide a { height:300px; }
#top #main_visual ul li.slick-slide a dl { align-content:center; display:flex; align-items:center; flex-wrap:wrap; top:0; position:absolute; width:100%; padding:20px; }
#top #main_visual ul li.slick-slide a dl dt { flex:0 0 100%; }
#top #main_visual ul li.slick-slide a dl dt span { font-size:131%; }
#top #main_visual ul li.slick-slide a dl dd { flex:0 0 100%; }
#top #main_visual ul li.slick-slide a dl dd span { color:#000; font-size:100%; }

/*-------------------------------------------------------------------
main_visual
-------------------------------------------------------------------*/
#top #main_visual { padding:10px; }
#top #main_visual #main_visual_cont { background:transparent; border-radius:0; display:flex; flex-wrap:wrap; justify-content:center; padding:0; width:100%; }

#top #main_visual .slide_area { height:100% !important; order:2; flex:0 0 100%; width:100%; }
#top #main_visual .slide_area ul li dl { display:flex; flex-wrap:wrap; height:auto; }
#top #main_visual .slide_area ul li dl dt { flex:0 0 100%; height:auto; }
#top #main_visual .slide_area ul li dl dt img { height:150px; object-fit:cover; object-position:85% center; width:100%; }
#top #main_visual .slide_area ul li dl dd { border-radius:0; flex:0 0 100%; left:0; top:0; display:flex; height:auto; padding:0; position:relative; }
#top #main_visual .slide_area ul li dl dd span { display:block; flex:0 0 100%; font-size:85%; padding:15px; text-align:center; }
#top #main_visual .slide_area ul li dl dd span br { display:none; }

#top #main_visual .comment { background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; height:100%; flex:0 0 100%; margin:0 0 20px; padding:0; order:1; position:relative; width:100%; }
#top #main_visual .comment p.image2 { border-radius:0; height:auto; position:relative; flex:0 0 120px; padding:10px; text-align:right; width:100%; }
#top #main_visual .comment p.image2 img { border-radius:0; object-fit:cover; width:100px; height:100px; border-radius:50%; }
#top #main_visual .comment p.txt2 { align-items:center; display:flex; right:auto; left:auto; top:auto; flex:1 0 50%; justify-content:center; position:relative; text-align:left; }
#top #main_visual .comment p.txt2 br { display:none; }
#top #main_visual .comment p.txt2:after { content:none; }
#top #main_visual .comment:after { border-width: 15px 10px 10px 10px; border-color: #fff transparent transparent transparent; top:auto; right:auto; bottom:0; left:50%; margin-top:0; margin-bottom:-20px; content:" "; position:absolute; width: 0; height: 0; border-style: solid; }

/*-------------------------------------------------------------------
top_information
 -------------------------------------------------------------------*/
#top_information {
padding:0 0 30px;
}
 
#top_information dl {
background-color:#fff;
flex-direction:column;
}

#top_information dl dt {
font-size:108%;
text-align:left;
flex:0 1 auto;
padding:20px 20px 15px;
}

#top_information dl dd {
flex:0 1 auto;
font-size:108%;
padding:0 20px 20px;
}

/*-------------------------------------------------------------------
reccomend
-------------------------------------------------------------------*/
#reccomend { flex-wrap:wrap; max-width:100%; margin-top:30px; padding:0; }
#reccomend:before { z-index:0; top:15px; }
#reccomend #reccomend_cont { background-color:#fff; border-radius:10px 10px 0 0; padding:20px; width:100%; flex:0 0 100%; }
#reccomend #reccomend_cont h2 { padding-left:0; }
#reccomend #reccomend_cont dl { padding-left:0; }
#reccomend #reccomend_cont dl dt { margin-bottom:20px; }
#reccomend #reccomend_cont dl dt span { font-size:1.8rem; }
#reccomend #reccomend_cont dl dd span { font-size:116%; line-height:1.8; }
#reccomend .image { flex:0 0 100%; margin:0; padding:0; }
#reccomend .image img { border-radius:0 0 10px 10px; }

/*-------------------------------------------------------------------
menu
-------------------------------------------------------------------*/
#top #menu { background-color:#fff; border-top:none; border-radius:10px; margin-top:15px; padding:15px; width:100%; }

#top #menu h3 span { color:#1ea2d9; font-size:85%; }
#top #menu #menu_cont { margin-top:15px; }

#top #menu #visit_clinics { flex:0 0 100%; margin-top:0; margin-right:0; width:100%; }
#top #menu #visit_clinics h2 { background-color:#6699cc; }
#top #menu #visit_clinics h2 span { color:#fff; display:block; font-weight:600; padding:15px; text-align:left; }
#top #menu #visit_clinics a { border-radius:0; padding:15px; width:100%; }
#top #menu #visit_clinics a:hover { /*background-color:#fff;*/ }
#top #menu #visit_clinics dl { padding:0; /*align-items:center; display:flex; align-content:stretch;*/ }

#top #menu #visit_clinics dl dt { padding:0 0 15px; /*width:150px;*/ }
#top #menu #visit_clinics dl dt img { border-radius:20px; /*width:150px; height:90px; object-fit:cover;*/ }
#top #menu #visit_clinics dl dd { align-items:center; background-position:left 8px; /*background-position:right center;*/ background-size:6px 10px; display:flex; padding-left:20px; }
#top #menu #visit_clinics dl dd span {}
#top #menu #visit_clinics dl dd span:first-child { flex:0 0 100%; font-size:124%; font-weight:500; }
#top #menu #visit_clinics dl dd span:nth-child(2) { color:#666; font-size:79%; padding-top:10px; padding-left:0; }

#top #menu #home_health_care { flex:0 0 100%; margin-top:15px; margin-right:0; width:100%; }
#top #menu #home_health_care h2 { background-color:#669999; }
#top #menu #home_health_care h2 span { color:#fff; display:block; font-weight:600; padding:15px; text-align:left; }
#top #menu #home_health_care a { border-radius:0; padding:15px; width:100%; }
#top #menu #home_health_care a:hover { /*background-color:#fff;*/ }
#top #menu #home_health_care dl dt { padding:0 0 15px; }
#top #menu #home_health_care dl dt img { border-radius:20px; }
#top #menu #home_health_care dl dd { background-position:left 8px; background-size:6px 10px; padding-left:20px; }
#top #menu #home_health_care dl dd span {}
#top #menu #home_health_care dl dd span:first-child { flex:0 0 100%; font-size:124%; font-weight:500; }
#top #menu #home_health_care dl dd span:nth-child(2) { color:#666; font-size:79%; padding-top:10px; padding-left:0; }
#top #menu #home_health_care .free_trial { top:auto; bottom:10px; right:0; }


#top #menu #traffic_accident_foreign { flex:0 0 100%; margin-top:15px; margin-right:0; width:100%; }
#top #menu #traffic_accident_foreign h2 { background-color:#bf3593; }
#top #menu #traffic_accident_foreign h2 span { color:#fff; display:block; font-weight:600; padding:15px; text-align:left; }
#top #menu #traffic_accident_foreign a { border-radius:0; width:100%; }
#top #menu #traffic_accident_foreign a:hover { /*background-color:#fff;*/ }
#top #menu #traffic_accident_foreign dl dt img { border-radius:20px; }
#top #menu #traffic_accident_foreign dl dd { background-size:6px 10px; }
#top #menu #traffic_accident_foreign dl dd span { background-size:6px 10px; font-size:124%; font-weight:500; }

#top #menu #sports_clinics { flex:0 0 100%; margin-top:15px; margin-right:0; width:100%; }
#top #menu #sports_clinics h2  { background-color:#663399; }
#top #menu #sports_clinics h2 span { color:#fff; display:block; font-weight:600; padding:15px; text-align:left; }
#top #menu #sports_clinics a { border-radius:0; width:100%; }
#top #menu #sports_clinics a:hover { /*background-color:#fff;*/ }
#top #menu #sports_clinics dl dt img { border-radius:20px; }
#top #menu #sports_clinics dl dd { background-size:6px 10px; }
#top #menu #sports_clinics dl dd span { background-size:6px 10px; font-size:124%; font-weight:500; }

/*-------------------------------------------------------------------
main_head
-------------------------------------------------------------------*/
#top #main_head { display:flex; flex-wrap:wrap; justify-content:space-between; }
#top #main_head #announce dl dd span { font-size:131%; }

#top #main_head #introduction { flex:0 0 100%; }

#top #main_head #introduction #introduction_cont ul:first-child li span { font-size:93%; }
#top #main_head #introduction #introduction_cont ul li { flex:0 0 9%; }
#top #main_head #introduction #introduction_cont ul li:first-child{ flex:0 0 30%; }
#top #main_head #introduction #introduction_cont ul li:nth-child(8) { flex:0 0 16%; }
#top #main_head #introduction #introduction_cont ul li:first-child span { font-size:93%; }
#top #main_head #introduction #introduction_cont ul li span i { font-size:93%; }

#top #main_head #introduction #introduction_cont ul:first-child { border-radius:10px 10px 0 0; }
#top #main_head #introduction #introduction_cont ul:first-child li:first-child { border-radius:10px 0 0 0; }
#top #main_head #introduction #introduction_cont ul:first-child li:last-child { border-radius:0 10px 0 0; } 
#top #main_head #introduction #introduction_cont ul:last-child li { border-bottom:none; } 

/*-------------------------------------------------------------------
information
-------------------------------------------------------------------*/
#top #information { ;background-color:transparent; flex-wrap:wrap; margin-top:15px; }
#top #information #map { background-color:#fff; flex:0 0 100%; }
#top #information #map img { display:none; }
#top #information #map a { background-color:#f2fafd; background-color:#fff; padding:25px 15px 25px 25px; }
#top #information #map a p { background-color:#fff; background-image:url("https://kamome-hp.com/img/common/i_ar_link.png"); background-position:right center; border:none; border-radius:5px; display:flex; font-size:100%; margin-top:0; padding:0; }

#top #information #shop_info { background-color:#fff; border-top:1px solid #eee; flex:0 0 100%; margin-top:0; }
#top #information #shop_info p { background-color:#fff; background-image:url("https://kamome-hp.com/img/common/i_ar_link.png"); background-position:right center; border:none; border-radius:5px; display:flex; font-size:100%; margin-top:0; padding:0; }
#top #information #shop_info a { background-color:#fff; padding:25px 15px 25px 25px; }
#top #information #shop_info a .map { display:none; }
#top #information #shop_info a p { margin-top:0; padding:0; }

#top #information #recruit { flex:0 0 100%; }
#top  #information #recruit p { display:flex; background-color:#fff; background-image:none; background-position:95% center; display:flex; flex:0 0 100%; font-size:116%; font-weight:600; margin:0; padding:0; order:1; }
#top #information #recruit a { background-color:#fff; display:flex; flex-wrap:wrap; }
#top #information #recruit a ul { border-top:1px solid #eee; flex:0 0 100%; margin-top:10px; order:2; }
#top #information #recruit a ul li { background-image:url("https://kamome-hp.com/img/common/i_ar_link.png"); background-position:right center; background-repeat:no-repeat; border-bottom:1px solid #eee; margin-top:0; padding:30px 15px 30px 110px; position:relative; }
#top #information #recruit a ul li:before { content:" "; background-size:cover; object-fit:cover; height:60px; width:100px; position:absolute; left:0; top:50%; margin-top:-30px; }
#top #information #recruit a ul li:first-child:before { background-image:url("https://kamome-hp.com/img/recruit/p_recruit_job_01.png"); }
#top #information #recruit a ul li:nth-child(2):before { background-image:url("https://kamome-hp.com/img/recruit/p_recruit_job_07.png"); }
#top #information #recruit a ul li:nth-child(3):before { background-image:url("https://kamome-hp.com/img/recruit/p_recruit_job_06.png"); }


/*-------------------------------------------------------------------
news
-------------------------------------------------------------------*/
#top #news { margin: 20px 0 0; padding:0; }
#top #news > dl > dd  { padding:20px; }
#top #news dl dd ul { border-top:1px solid #eee; }
#top #news dl dd ul li { border-bottom:1px solid #eee; }
#top #news dl dd ul li a { padding:15px 0 20px 0; }

/*-------------------------------------------------------------------
footer
-------------------------------------------------------------------*/
#top #footer #footer_head #footer_head_cont { width:100%; }
#top #footer #footer_cont { width:100%; }
#top #footer #footer_cont > p { display:none; }

}