@charset "utf-8";
/*
Theme Name: cares
Theme URI: http://
Description: ケアーズうつのみや
Author: ecreate
*/


* {
	color:#333;
	margin:0;
	padding:0;
	font:18px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
}
body { text-aling:center; }

a { color:#600; text-decoration:none; }
a:hover { color:#660; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
ul { list-style-type:disc; }
table { border-collapse: separate; border-spacing: 0; }
img { max-width:100%; }


/* 全体
------------------------------------------------------------*/
#page, #header, #footer {
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	clear:both;
}
#page { display:block; }


/*** 共通 ***/
#yohaku5 { height:5px; clear:both; }
#yohaku10 { height:10px; clear:both; }
#yohaku20 { height:20px; clear:both; }

#cn_all, h3 { width:100%; height:100%; clear:both; }

.responsive_br { display:inline-block; }
.responsive_inline { display:block; }


/*#goto_top { width:98%; float:left; text-align:right; margin:10px 0 20px; clear:both; }
#goto_top a { font-size:12px; }
#goto_top a:hover { text-decoration:underline; }*/


/*** ヘッダー ***/
#header { background-color:#ea5b85; }
.hd_midasi { width:97%; float:left; text-align:left; }
.hd_midasi ul { margin-left:6%; }
.hd_midasi li { font-size:26px; color:#FFF; }

/*** フッター ***/
#ft_line { width:100%; height:14px; border-top:2px solid #ea5b85; clear:both; }

h1, h2 { float:left; text-align:left; width:28%; margin-left:20px; }
h2 { width:64%; }
h2 img { margin:5px 0; }
.ft_telno { text-align:right; margin-right:5px; }
.ft_address { display:inline-block; }


/*** 代表挨拶 ***/
.gr_left, .gr_right { width:99%; float:left; text-align:left; margin-left:1%; }
.gr_left { float:none; width:190px; text-align:center; margin:0 auto 14px; }
.gr_left img { margin:0 auto 5px; }
.gr_left_text { text-align:left; margin-left:10%; line-height:130%; }
.gr_right { margin-bottom:20px; }


/*** 訪問介護 ***/
h3 {
	width:auto;
	float:left;
	background-color:#ea5b85;
	padding:2px 2px 2px 17px;
	text-align:left;
	color:#FFF;
	font-size:20px;
	clear:none;
}
.mi_midasi, .mi_midasi2 { float:left; }
.mi_midasi2 { width:30px; height:34px; background:url(images/bg_midasi.jpg) no-repeat; }
.mi_line { height:5px; width:100%; float:left; border-top:4px solid #ea5b85; margin-top:-3px; clear:both; }

.mi_honbun, .mi_service { width:97%; text-align:left; margin-left:2%; }
.mi_service {
	width:90%;
	margin-left:5%;
	/*font-size:21px;*/
	border:2px solid #e93198;
	padding:8px 20px 8px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.mi_service ul { width:97%; margin:0 7%; }
.mi_service li { font-size:21px; }

.mih_left, .mih_right { width:96%; float:left; font-size:21px; color:#28a7e1; clear:both; }
/*.mih_dot { width:30px; float:left; background:url(images/bg_dot.jpg) repeat-x; }*/
.mih_right { color:#000; margin-left:5%; }

.mih_left2 { width:63%; float:left; margin-bottom:15px; }
.mih_right2 { float:left; margin-left:4%; }

.mi_flow {
	width:80%;
	text-align:center;
	margin:0 auto;
	border:2px solid #0d6fb8;
	padding:16px 4px 10px 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.mif_left {
	width:17%;
	float:left;
	text-align:center;
	margin:0 auto;
	background-color:#0d6fb8;
	color:#FFF;
	padding:4px;
}
.mif_right { width:80%; float:left; text-align:left; margin-left:14px; line-height:120%; font-size:21px; }

.miq_left { width:60%; float:left; }
.miq_line { width:100%; height:12px; border-top:2px dotted #ea5b85; clear:both; }
.miq_img {
	width:339px;
	height:229px;
	float:left;
	margin:60px 0 0 30px;
	background:url(images/qa_img.jpg) no-repeat;
}

.mi_msg {
	width:100%;
	text-align:left;
	background:url(images/bg_msg.jpg) repeat-x;
	padding:14px 10px 14px 30px;
	font-size:28px;
	color:#FFF;
	clear:both;
}


/* レスポンシブデザイン対応
------------------------------------------------------------*/
/*** PC用 ***/
@media only screen and (min-width:960px){	
#page { width:970px; }

.hd_midasi li { font-size:34px; }

.gr_left { width:190px; float:left; line-height:130%; margin:0 0 0 1%; }
.gr_left img { text-align:center; margin:0 auto 5px; }
.gr_right { width:740px; float:right; margin:0 10px 20px 0; }

.mih_left, .mih_right { clear:none; }
.mih_left { width:33%; }
.mih_right { width:65%; margin:0; }

.mi_service { width:80%; }
/*.mi_service ul { width:97%; margin-left:5%; }
.mi_service li { font-size:21px; }*/

.mi_flow { width:60%; }
.mif_lef { width:15%; }
.mif_right { width:78%; }

.miq_left table td { font-size:21px; }

.mi_msg { width:93%; padding:14px 20px 14px 50px; }

h1, h2 { margin-left:30px; }
.ft_telno { margin-right:20px; }

}


/* モニター幅940px以下 */
@media only screen and (max-width:940px){
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


}


/* iPad 縦 */
@media only screen and (max-width:768px){
.miq_img {
	width:270px;
	height:183px;
	margin:60px 0 0 20px;
	background:url(images/qa_img3.jpg) no-repeat;
}

	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
.hd_midasi { width:99%; }
.hd_midasi ul { margin-left:8%; }
.hd_midasi li { font-size:24px; }

.mih_left2, .mih_right2 { width:100%; clear:both; }
.mih_right2 { width:auto; float:none; text-align:center; margin:0 auto; }

.mi_service ul { width:95%; margin:0 12% 0 8%; }

.mi_flow { width:96%; }
.mif_lef { width:15%; }
.mif_right { width:78%; }

.miq_left { width:100%; clear:both; }
.miq_img {
	width:254px;
	height:289px;
	float:none;
	text-align:center;
	margin:10px auto;
	background:url(images/qa_img2.jpg) no-repeat;
	clear:both;
}

h1 { width:auto; float:none; text-align:center; margin:10px auto 20px; clear:both; }
h2 { width:99%; margin:0; clear:both; }

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.hd_midasi ul { margin-left:10%; }
.hd_midasi li { font-size:21px; }

h3 { font-size:18px; }

.mi_midasi2 { width:0; height:0; }
.mi_service ul { width:95%; margin:0 10% 0 12%; }

.mi_msg  { background-color:#e50065; font-size:18px; padding:14px 5px; }

.responsive_br { display:block; }

}