@charset "utf-8";

/* フッタ部分文章の  */
#footerin{
max-width: 950px;
width:100%;
margin:0 auto 20px;
}


img,
iframe,
object {
max-width: 100%;
height: auto;
width /****/:auto;  /*IE8のみ適用*/
}


#header,#gnavi,#container,#footer,#kv,#contents{
max-width: 950px;
width:100%;
}

#kv {
height: auto;
}

.ttl_box {
float: left;
width: 100%;
}

.reviews_box {
width: 100%;
}

.reviews_left{
width: 40%;
}

.reviews_right{
width: 57.6923%;
}

#left_box{
width:68.4210526%;
padding:2.1052631%;
}

#right_box{
max-width:240px;
width:25.2631578%;
}

#gnavi li{
width:16.6315789%;

}

#logo{
width:33.1578947%;
margin-left:0.5263157%;

}

#logo img{
max-width:315px;
width:100%;

}
#subtitle{
width:37.154%;
margin-left:1.0526315%;

}


#question{
width:26.6315789%;

}
#question img{
max-width:253px;
width:100%;

}


.ttl_box table {
width: 100%;
}

#pankuzu {
width: 95%;
margin:0 auto;
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px){

}
/* スマートTVをはじめとする大きなスクリーン */
@media  (max-width: 1680px){

}

/* デスクトップPC */
@media  (max-width: 1024px){

}


/* グローバルメニューの背景画像消し */
@media  (max-width: 950px){
#gnavi_back {
background:none;
}
table {
width: 100%;
}
#left_box {
width: 100%;
}
#right_box {
float: none;
}
}


/* large smartphones iPad を代表とするタブレット端末----------- */
@media  (max-width: 768px){

.answer3,.answer1,.answer2,.answer{
width: 100%;
}
/* コンテンツ2カラムから1カラムへ */
#left_box,#right_box{
width: 97%;
margin:0 auto;
float: none;
}

/* ヘッダー一カラムへ */
#logo,#subtitle,#question{
text-align:center;
float: none;
width: auto;

}

#header_back,#header{
height: auto;
}

#subtitle{
margin:0;
}

#question{
margin: 10px 0 10px;
}

#right_box{
padding:15px 0 0;
}

.ttl_box tbody td:nth-of-type(0):before{
content: "[会社名]";
}
.ttl_box tbody td:nth-of-type(1):before{
content: "[対応エリア]";
}
.ttl_box tbody td:nth-of-type(2):before{
content: "[求人件数]";
}
.ttl_box tbody td:nth-of-type(3):before{
content: "[対応時間]";
}
.ttl_box tbody td:nth-of-type(4):before{
content: "[お祝い金]";
}
.ttl_box tbody td:nth-of-type(5):before{
content: "[口コミ件数]";
}

.ttl_box .table_box tbody td:nth-of-type(0):before{
content: "";
}
.ttl_box .table_box tbody td:nth-of-type(1):before{
content: "";
}
.ttl_box .table_box tbody td:nth-of-type(2):before{
content: "";
}
.ttl_box .table_box tbody td:nth-of-type(3):before{
content: "";
}
.ttl_box .table_box tbody td:nth-of-type(4):before{
content: "";
}
.ttl_box .table_box tbody td:nth-of-type(5):before{
content: "";
}
.ttl_box tbody tr{
display: block;
margin-bottom: 1.5em;
}
.ttl_box tbody .tb_th,
.ttl_box tbody td{
display: list-item;
border: none;
}

.ttl_box table .tb_th{
display: none;
}
#left_box{
background-color: transparent;
border: 0;
}
#footer ul {
float: left;
margin: 15px 0 0 15px;
}
}

/* medium smartphones -----------  iPhoneは5から640px*/
@media (max-width: 640px){
.afiri_bana {
width: 100%;
}
#gnavi ul li{
float:none;
width:100%;
}
#gnavi ul {
float:none;
text-align: center;
}
#gnavi {
height: auto;
margin: 0 auto;
}
#gnavi_back{
height: auto;

}

#gnavi ul li{	
background: #f8bba8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YmJhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjljODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f8bba8 0%, #e69c84 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bba8), color-stop(100%,#e69c84)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8bba8 0%,#e69c84 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8bba8 0%,#e69c84 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8bba8 0%,#e69c84 100%); /* IE10+ */
background: linear-gradient(to bottom, #f8bba8 0%,#e69c84 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bba8', endColorstr='#e69c84',GradientType=0 ); /* IE6-8 */
}

#gnavi ul li img{
display: none;
}
#gnavi ul li a{
display: block;
height:35px;
color: #fff;
}
#gnavi ul li a:before {
line-height: 2.8;
}
#gnavi ul li:nth-child(1) a:before {
content:"ホーム";
}
#gnavi ul li:nth-child(2) a:before {
content:"口コミ一覧";
}
#gnavi ul li:nth-child(3) a:before {
content:"看護師年数";
}
#gnavi ul li:nth-child(4) a:before {
content:"よくあるご質問";
}
#gnavi ul li:nth-child(5) a:before {
content:"転職サイトの選び方";
}
#gnavi ul li:nth-child(6) a:before {
content:"退職時の注意点";
}

.afiri_bana_box{
width: 100%;
}

.answer_text {
width: auto;
}

.category_box{
width: 100%;
}
.category_left {
float: none;
width: 100%;
}



.category_right {
float: none;
width: 100%;
}

table tbody tr{
display: block;
margin-bottom: 1.5em;
}
table tbody th,
table tbody td{
display: list-item;
border: none;
}
}

/* medium smartphones ----------- */
@media (max-width: 480px){
	
h3 {
    background:none;
    padding:0;
}
.reviews_right {
width:100%;
margin:0 auto;
}
.reviews_left{
width: 100%;
margin: 0 auto;
float: none;
}

.ttl_box a {
display: block;
text-align: center;
}

.reviews_box {
float:none;
}
.reviews_right{
float:none;
}
#left_box{
padding: 0;
}
#left_box, #right_box{
width: 100%;
}
.kuchikomi_ttl {
width: 88%;
padding: 3px 0 0 7%;
height: auto;
float: none;
}

.answer3,.answer1,.answer2,.answer {
background:none;
width: 100%;
float: none;
height: auto;
}
.answer_text {
margin:0;
height: auto;
}

.question{
padding: 3px 0 0 8%;
width: 91%;
}
}

/* medium smartphones, portrait ----------- */
@media (max-width: 320px){


}