@charset "UTF-8";

/*=======================================================================================
リニューアル ヘッダー=======================================================================*/	

#HeaderRenew{
width: 100%;
background: #fb637e;
text-align: center;
}

#HeaderRenewIn{
width: 980px;
padding: 10px 0;
margin: 0 auto;
overflow: hidden;
z-index: 1;
}

.HeaderNewLogo{
float: left;
}

.HeaderNewLogo a{
display: block;
width: 300px;
height: 58px;
background: url(/img/cmn/sbclogo.png) no-repeat left center;
background-size: 100px auto;
cursor: pointer;
text-decoration: none;
}

#HeaderRenewIn p{
text-align: left;
padding: 4px 0 0 0;
margin: 0 0 0 120px;
width: 100%;
line-height: 1.3;
font-size: 110%;
color: #fff;
}

.HeaderNewCorpLogo{
float: right;
 padding: 8px 0 0 0;
}

.HeaderNewCorpLogo a{
display: block;
background: url(/img/cmn/totallogo.png) no-repeat right center;
width: 200px;
height:40px;
background-size: 200px auto;
cursor: pointer;
text-decoration: none;
}

#spHead,#spHeadW{
display: none;
}


#slide_menu{
display: none;
}

.layer{
display: none;
}

.open{
padding: 0;
margin: 0;
}


.page-container{
position: relative;
padding:0;
margin:0;
width: 100%;
}





/*===============================================================================
Gメニュー=======================================================================*/	

#NewGnavi{
width: 100%;
background: #fff;
border-bottom:1px dotted #ffe1e7;
}

#NewGnaviIn{
width: 980px;
padding: 0px ;
margin: 0 auto;
}

#NewGnaviIn ul{
padding: 0px;
margin: 0;
text-align: center;
width: 100%;
overflow: hidden;
z-index: 1;
}

#NewGnaviIn ul li{
float: left;
font-size: 85%;
margin: 0px 0;
padding: 0;
width: 9.5%;
border-left:1px dotted #ffe1e7;
}


#NewGnaviIn ul li a{
display: block;
cursor: pointer;
text-decoration: none;
padding: 15px 0;
 margin: 0;
font-weight: 400;
transition: all 0.3s ease-out;
}

#NewGnaviIn ul li a:hover{
color: #fb637e;
}


#NewGnaviIn ul li:last-child{
border-right:1px dotted #ffe1e7;
width: 14%!important;
}

#NewGnaviIn ul li ul{
display: none;
width: 100%;
text-align: left;
position: absolute;
left: 0;
color: #fff;
margin: 0px 0 0 0;
padding: 20px 0 30px 0;
/*background: #ffe1e7;*/
background: rgba(255, 133, 155, 0.9);
z-index: 3000;
}

#NewGnaviIn ul li ul div{
width: 980px;
margin: 0 auto;
overflow: hidden;
z-index: 1;
}

#NewGnaviIn ul li ul li{
border: none;
display: block;
border-bottom: 1px dotted #ffbcc8;
margin: 0 0px 0 0;
padding: 0 0 0 0;
font-size: 105%;
width: 25%;
line-height: 1.4;
text-align: left;
}

#NewGnaviIn ul li ul li img{
text-align: center;
margin: 0 0 5px 0;
opacity: 1;
transition: opacity 0.3s ease-out;
}

#NewGnaviIn ul li ul li a:hover img{
opacity: 0.5;  
filter: alpha(opacity=50);  
}

#NewGnaviIn ul li ul li .slide_menu_arrows{
position: relative;
width: 100%;
padding: 0 0 0 25px;
}

#NewGnaviIn ul li ul li .slide_menu_arrows:before{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 5px;
left: 8px;
position: absolute;
}


#NewGnaviIn ul li ul li .slide_menu_arrows2{
position: relative;
width: 100%;
padding: 0 0 0 0;
display: block;
}

#NewGnaviIn ul li ul li .slide_menu_arrows2:before{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 5px;
left:18px;
position: absolute;
}

.NewGnaviInTypeMainW{
 width: 100%;
}


.NewGnaviInTypeMainW .NewGnaviInTypeMain{
 text-align: center!important;
 /*width: 18.4%!important;*/
 width: 24%!important;
 margin: 0 1% 0 0!important;
 
}

.NewGnaviInTypeMain p {
font-size: 13px;
padding:0 0 10px 0;
line-height:2!important;
}

.NewGnaviInTypeMain p a{
display: inline!important;
}


#NewGnaviIn ul li ul li .active{
background:none;
}


#NewGnaviIn ul li ul li:last-child{
border: none;
border-bottom: 1px dotted #ffbcc8;
width:24%!important;
}


#NewGnaviIn ul li ul li:last-child.NewGnaviInTypeMain{
text-align: center!important;
 width: 24%!important;
 margin: 0 1% 0 0!important;
}


.NewGnaviInTypeMain img{
 width: 100%;
}

#NewGnaviIn ul li ul li.NewGnaviInliLong{
width: 35%!important;
}


#NewGnaviIn ul li ul li a{
color: #fff;
}

#NewGnaviIn ul li ul li a:hover{
text-decoration: underline;
color: #fff;
}



#NewGnaviIn ul li .active{
margin:  0;
padding: 15px 0;
color: #fb637e;
background: rgba(251, 99, 126, 0.2);
}

.GnaviLilong{
width: 12.0%!important;
}


/*==================================================================================
トップインフォ=======================================================================*/	

#topInfo{
background: #967e75;
width: 100%;
}

.topInfoIn{
display: block;
width: 980px;
padding: 10px 0;
margin: 0 auto;
color: #fff;
font-size: 13px;
}

.topInfoIn a{
color: #fff;
text-decoration: none;
}


/*===============================================================================
トップ理念=======================================================================*/	

#topRinen{
width: 100%;
position: relative;
background: url(/img/top/top_rinenbg.jpg) no-repeat center top;
background-size: cover;
z-index: 0;
}

.dot{
position: absolute;
top: 0;
left: 0;
z-index: -1;
width:100%;
height:100%;
background-position: 0 0, 1px 1px;
background-size: 2px 2px;
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
}

.topContRenew{
width: 980px;
margin: 0 auto;
text-align: center;
padding: 55px 0;
font-size: 100%;
/*overflow: hidden;
z-index:1;*/
}

.topContRenew h2{
padding: 0;
margin: 0;
font-size:36px;
color: #55372a;
font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 1px;
font-weight: lighter
}


.topContMikazari{
font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
display: block;
font-size: 14px;
color: #bc9074;
letter-spacing: 1px;
padding: 0;
margin: 0 0 30px 0;
}

.topContRenew strong{
font-weight: 500;
font-size: 110%;
line-height: 1.8;
margin: 0px 0 10px 0;
display: block;
}

.topContRenew p{
font-size: 100%;
line-height: 1.8;
text-align:center;
}

.topRinenList {
width: 100%;
margin: 40px 0 30px 0;
}

.topRinenList h3{
padding: 0px 0 10px 0;
margin: 0;
font-size:130%;
color: #55372a;
font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing:0px;
transition: all 0.3s ease-out;
}

.topRinenList p{
font-size:100%;
line-height: 1.8;
text-align: left;
transition: all 0.3s ease-out;
}


.topRinenList ul{
overflow: hidden;
z-index: 1;
padding: 0;
margin: 0;
}

.topRinenList li{
float: left;
width: 30%;
margin: 0 5% 0 0;
background: #fff;
}

.topRinenList li:last-child{
margin: 0;
}

.topRinenList li a{
display: block;
}

.topRinenList li img{
opacity: 1;
transition: opacity 0.3s ease-out;
}

.topRinenList li a:hover img{
opacity: 0.5;  
filter: alpha(opacity=50);  
}

.topRinenList li a:hover h3{
color:#9e918b;
}

.topRinenList li a:hover p{
color:#9e918b;
}

.topRinenList li img{
width: 100%;
}

/*===================================================================================
トップ働く環境=======================================================================*/	

#topKankyo{
width: 100%;
position: relative;
background: #f4f4f4;
overflow: hidden;
}

/*===============================================================================
トップスタッフ=======================================================================*/	

#topStaff{
width: 100%;
position: relative;
background: #fff;
overflow: hidden;
}



/*=======================================================================
職種=======================================================================*/	

#topSyokusyu{
width: 100%;
position: relative;
background: #fff;
overflow: hidden;
}

.topSyokusyuList {
width: 100%;
margin: 40px 0 30px 0;
text-align: center;
}

.topSyokusyuList h3{
padding: 8px 0 0px 0px;
margin: 0;
font-size:120%;
color: #55372a;
font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing:0px;
position: relative;
display: block;
transition: all 0.3s ease-out;
line-height: 1.3;
}

.topSyokusyuList h3:after{
position: absolute;
top: 15px;
right: 3px;
content: "";
width: 10px;
height: 10px;
border-top: 2px solid #a0877e;
border-right: 2px solid #a0877e;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.3s ease-out;
}


.topSyokusyuList ul{
overflow: hidden;
z-index: 1;
padding: 0;
margin: 0;
}

.topSyokusyuList li{
float: left;
 width: 23%;
/*width: 18.4%;*/
margin: 0 2% 0 0;
background: #fff;
}

.topSyokusyuList li:last-child{
margin: 0;
 width: 23%;
/*width: 18.4%;*/
}

.topSyokusyuList li a{
display: block;
cursor: pointer;
opacity:1;
}

.topSyokusyuList li img{
width: 100%;
transition: all 0.3s ease-out;
}

.topSyokusyuList li a:hover img{
opacity: 0.5; 
filter: alpha(opacity=50);  
}

.topSyokusyuList li a:hover h3{
color:#9e918b;
}

.topSyokusyuList li a:hover h3:after{
border-top-color: #9e918b;
border-right-color: #9e918b;
}

.topAllBtn a{
margin: 0px auto 0 auto;
width: 50%;
font-size: 110%;
font-weight: 500;
display:block;
border: 1px solid #b4a49d;
background: #fff;
color: #958179;
text-align: center;
padding: 15px 0;
text-indent: 2em;
cursor: pointer;
border-radius: 4px;	
-webkit-border-radius: 4px;	
-moz-border-radius:4px;	
transition: background-color 0.3s ease-out;
}

.topAllBtn a:hover{
background-color: #eae7e6;
}

.topAllBtnB a{
margin: 0px auto 0 auto;
width: 50%;
font-size: 110%;
font-weight: 500;
display:block;
background: #705953;
color: #fff;
text-align: center;
padding: 15px 0;
text-indent: 2em;
cursor: pointer;
border-radius: 4px;	
-webkit-border-radius: 4px;	
-moz-border-radius:4px;	
transition: background-color 0.3s ease-out;

}

.topAllBtnB a:hover{
background-color: #947f79;
}


.arrow{
float: right;
position: relative;
display: inline-block;
padding: 30px 0 0 50px;
vertical-align: middle;
text-decoration: none;
}

.arrow:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 20px;
height: 20px;
background: #a69288;
}

.arrow:after{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 3px;
margin-top: -4px;
}

.arrowB{
float: right;
position: relative;
display: inline-block;
padding: 30px 0 0 50px;
vertical-align: middle;
text-decoration: none;
}

.arrowB:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 20px;
height: 20px;
background: #fff;
}

.arrowB:after{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #705953;
border-right: solid 2px #705953;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 3px;
margin-top: -4px;
}


.arrows{
float: left;
position: relative;
display: inline-block;
padding: 30px 20px 0 0px;
vertical-align: middle;
text-decoration: none;
}

.arrows:before{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 5px;
margin-top: -6px;
}


/*=======================================================================
2016トップ院長メッセージ=====================================================*/	

#topIncho{
width: 100%;
position: relative;
background: url(/img/top/top_bg_incho.jpg) no-repeat center top;
background-size: cover;
overflow: hidden;
min-height:560px;
}

.MifontWhite{
color:#fff2ec!important;
}

.topInchoTxtBox{
float:left;
width:520px;
}

.topInchoTxtBox strong{
font-weight: 500;
font-size: 130%;
line-height: 1.8;
margin: 0px 0 15px 0;
display: block;
color:#fff;
text-align:left;
}


.topInchoTxtBox p{
color:#fff;
text-align:left;
font-size: 100%;
}

.topInchoTxtBox p a{
color:#fff;
}

.topInchoTxtBox p a:hover{
color:#fff;
text-decoration:underline;
}



/*=======================================================================
説明会エントリー========================================================*/	

#topEntry{
width: 100%;
position: relative;
background: url(/img/top/top_bg_entry.jpg) no-repeat center top;
background-size: cover;
overflow: hidden;
min-height:420px;
z-index: 0;
}



.dot2{
position: absolute;
top: 0;
left: 0;
z-index: -1;
width:100%;
height:100%;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background-position: 0 0, 1px 1px;
background-size: 2px 2px;
background-color: #fff;
background-image: linear-gradient(45deg, #fee0e5 25%, #fff 25%, #fff 75%, #fee0e5 75%, #fee0e5), linear-gradient(45deg, #fee0e5 25%, #fff 25%, #fff 75%, #fee0e5 75%, #fee0e5);
}

/*=======================================================================
インフォティッカー========================================================*/	

.ticker {
display: block;
  margin: 0px auto 0 auto;
  padding: 0 5px;
  line-height:30px;
  width: 980px;
  text-align: left;
  overflow: hidden;
  color:#fff;
  font-weight: bold;
font-size: 13px;

}

.ticker ul {
  width: 100%;
  position: relative;
  padding: 0;
   margin: 0;
}

.ticker ul li {
 margin: 0;
  padding: 0;
  width: 100%;
  display: none;
}

.ticker ul li a{
color: #fff;
}

.underBanner{
width: 980px;
margin: 0 auto;
padding: 20px 0;
clear: both;
}

.underBanner ul{
z-index: 1;
overflow: hidden;
 padding: 0!important;
}

.underBanner li{
width: 320px;
float: left;
margin: 0 10px 0 0;
}

.underBanner li img{
width: 320px;
}

.underBanner li:last-child{
margin: 0;
}

.underBanner li a{
transition: all 0.3s ease-out;
}

.underBanner li a:hover{
opacity: 0.5;  
filter: alpha(opacity=50);  
}

.typeBanner{
text-align: center;
margin: 0px 0 40px 0;

}

.typeBanner img{
width: 100%;
}

/*.typeBanner a{
transition: all 0.3s ease-out;
}*/

.typeBanner a:hover{
opacity: 0.5;  
filter: alpha(opacity=50); 
}

.entryForms{
display: inline-block;
width: 20%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.visitFormBtn{
 margin:20px 0 10px 0;
 text-align: center;
display: table-cell;
}


.visitFormBtn a{
 background: #ff6902;
 margin: 0 20px 10px 20px;
     border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
 font-size: 105%;
 color: #fff;
 padding: 10px 15px;
 cursor: pointer;
}

.visitFormBtn a:hover{
 opacity: 0.6;
}


.visitCafeW{
 background: url(/img/main/entry/visit_cafe_bg.png) repeat;
 text-align: center;
 padding: 20px 0 30px 0;
 margin: 0;
}

.visitCafeW2{
  background: url(/img/main/entry/visit_cafe_bg.png) repeat;
 text-align: right;
 padding: 5px 10px;
 font-size: 100%;
}

.visitCafe{
 width: 96%;
 margin: 0px auto;
font-size: 100%;
 text-align: left;
 border: 3px dotted #dbab83;
 background: #ffefe1;
border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius:5px;
 position: relative;
}

.visitCafeIn{
 padding: 20px 40px 40px 40px;
}

.visitCafeIllust{
 position: absolute;
 top: -25px;
 right: -10px;
}

.visitCafeIn .cafetit{
 font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 font-size: 180%;
 font-weight: bold;
 color: #603c1f;
 line-height: 1.4;
 padding: 10px 0 10px 0;
 border-bottom: 2px solid #f4d7c0;
}

.visitCafeIn .cafetxt{
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 font-size: 110%;
 line-height: 1.8;
 color: #603c1f;
 padding: 20px 0;
 font-weight: bold;
}

.visitCafeGaiyo{
 background: #fff;
 border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius:5px;

}

.visitCafeGaiyo p{
  padding: 20px 30px;
 font-size: 14px;

}

.visible-xs{
 display: block!important;
}

/*募集要項*/

a.requireBack{
 font-size: 100%;
}

a.requireBack:hover{
 text-decoration: underline!important;
}

.requireDetailBack{
 width: 100%;
 overflow: hidden;
 z-index: 1;
 text-align: center;
 margin: 50px 0 30px 0;
}

.requireDetailBackL{
 float: left;
 width: 30%;
 text-align: left;
 padding: 7px 0 0 0;
}


.nochange{
 border: none;
 background:none;
 font-size: 14px;
 width: 100%;
     color: #555;
 padding: 8px ;
}

.requireDetailBackC{
    text-align: center;
    width: 30%;
    margin: 50px auto 30px auto;
}

.requireDetailBackC a{
 display: inline-block;
 width: 100%;
 padding: 6px 0;
 border:1px solid #d8d8d8;
 font-size: 100%;
     -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
 color: #616161!important;
}

.requireDetailBackC a:hover{
 background: rgba(167,167,167,0.3);
}

.requireList{
 width: 820px;
 margin: 0 auto;
 padding: 20px 0;
}

.requireList table{
 padding: 0;
 margin: 0px 0 50px 0; 
}

.requireList table th{
 width: 25%;
 font-size: 95%;
 padding: 15px 20px;
 text-align: left;
 background: #f8f5f1;
 line-height: 1.8;
  border: 1px solid #e6e6e6;
}

.requireList table td{
 width: 70%;
  font-size: 95%;
  padding: 15px 20px;
  line-height: 1.8;
 border: 1px solid #e6e6e6;
}

a.requireEntry{
 display: block;
   background:rgba(251,99,126,1);
 width: 60%;
 margin: 30px auto 20px auto;
 font-size: 120%;
 padding: 10px 0;
 color: #fff;
 text-align: center;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius:5px;   /* Firefox用 */ 
 position: relative;
-ms-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
 font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

a.requireEntry br{
 display: none;
}


a.requireEntry:hover{
   background:rgba(251,99,126,0.5);

}

a.requireEntry:visited{
  color: #fff;
}

a.requireEntry::after{
   font-family:'FontAwesome';
  content:'\f0a9';
 color: #fff;
 position: absolute;
 top: 18%;
left: 5%;
}

a.requireDetailNurse{
 
}

.requireList h3{
  font-size: 135%;
 color: #56372a;
 border-left: 4px solid #56372a;
 padding: 2px 0 2px 10px;
 font-weight: bold;
 display: block;
background: none;
 text-align: left;
 margin: 0 0 20px 0;
}

.requireList p{
 font-size: 100%;
 line-height: 1.8;
 margin: 0 0 20px 0;
}

.requireList table a{
 color: #ee196d!important;
 text-decoration: underline!important;
}

.requireList table a:hover{
 text-decoration: none!important;
}

.requireList ul{
 padding: 0px 0;
 margin:  0;
}

.requireList ul li{
 width: 100%;
 border:1px solid #e6e6e6;
 margin: 0 0 30px 0;
}

.requireListIn{
 padding: 20px 30px;
 clear: both;
 overflow: hidden;
 z-index: 1;
}

.requireListPh{
 float: left;
 width: 25%;
}

.requireListPh img{
 width: 100%;
 height: auto;
}

.requireListTxt{
 float: right;
 width: 73%;
}

.requireListTxtTop{
 overflow: hidden;
 z-index: 1;
 width: 100%;
}

.requireListTxtTop h3{
 font-size: 125%;
 color: #56372a;
 border-left: 4px solid #56372a;
 padding: 2px 0 2px 10px;
 font-weight: bold;
 float: left;
 width: 70%;
 display: block;
 background: none;
 text-align: left;
 margin: 0 0 15px 0;
}


a.requireListTxtBtn{
 display: block;
 background: #56382a;
 width: 25%;
 float: right;
 font-size: 100%;
 padding: 6px 0;
 color: #fff!important;
 text-align: center;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius:5px;   /* Firefox用 */ 
 position: relative;
 text-indent: -0.5em;
-ms-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

a.requireListTxtBtn:hover{
   background:rgba(149,129,121,1);
}

a.requireListTxtBtn::after{
   font-family:'FontAwesome';
  content:'\f0a9';
 position: absolute;
 top: 18%;
 right: 5%;
}

.requireListTxt p{
 font-size: 100%;
 line-height: 1.8;
margin: 0 0 15px 0;
}


.requireListTxtBtm{
 background: #f8f5f1;
 padding: 15px 15px;
  font-size: 90%;
}

.panel-body2{
 padding: 0;
}

.shinsotsuMv .mv{
 background-image: url(/img/main/shinsotsu/mv.jpg);
 background-position: top center;
}
.main-title{
 padding: 15px 0;
}
.main-title-text{
 line-height: 1.3;
 padding: 0px 0 0 0;
}

.shinsotsuAtt{
 color: #c01d11;
 font-size: 13px;
 padding: 0 0 0px 0;
}

.shinsotsuTopMes{
width:1000px;
margin:0 auto;
overflow:hidden;
z-index:1;
}

.shinsotsuTopMes img{
float:right;
width:40%;
 padding: 20px 0 0 0;
}


.shinsotsuTopMes .mesBox{
float:left;
width:55%;
padding:30px 0;
}

.shinsotsuTopMes .mesBox h3{
font-size:150%;
padding:0 0 10px 0;
line-height:2;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.shinsotsuTopMes .mesBox p{
font-size:100%;
line-height:2;
}

.shinsotsuCont{
 width: 1100px;
 background: url(../img/main/shinsotsu/shinsotsu_bg.png) repeat;
 text-align: center;
  margin: 0 auto;
}


.shinsotsuContIn{
 width: 1000px;
 padding: 50px 0;
 margin: 0 auto;
}

.shinsotsuContIn ul{
 padding: 0;
 margin: 0;
 overflow: hidden;
 z-index: 1;
 width: 100%;
}

.shinsotsuContIn ul li{
 float: left;
 width: 48%;
 margin: 0 4% 4% 0;
background: #fff;
 position: relative;
}

.shinsotsuContIn ul li:nth-child(even){
  margin: 0 0% 4% 0;
}

.shinsotsuContIn ul li a,.shinsotsuContIn ul li a img{
 display: block;
  -ms-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;
}

.shinsotsuContIn ul li a:hover{
 background-color:rgba(255,255,255,1);
}

.shinsotsuContBox{
 width: 100%;
overflow: hidden;
 z-index: 1;
}

.shinsotsuContBox .imgBox{
 float: left;
 width: 50%;
 line-height: 0;
}

.shinsotsuContBox .imgBox img{
 width: 100%;
}

.shinsotsuContBox .txtBox{
 float: right;
 width: 50%;
}

.shinsotsuContBox .txtBox::after{
 content: "\e029";
 position: absolute;
 top: 45%;
 right: 2%;
font-family: 'Glyphicons Halflings';
 font-size: 20px;
}

.shinsotsuContBox .txtBox p{
 font-size: 95%;
 text-align: left;
 padding: 0 10px 0 0;
  display: inline-block;
}

.shinsotsuContBox .txtBox strong{
 font-size: 130%;
 display: inline-block;
 line-height: 1.3!important;
 padding: 30px 0 15px 0;
 letter-spacing: 0.1em;
 font-weight: normal;
}

.txtBoxIn{
 padding: 5% 10%;
}

/*shinsotsuCont01 */
.shinsotsuCont01 a{
 border: 1px solid #e8abb4!important;
 background-color:rgba(232,171,180,0)!important;
}

.shinsotsuCont01 a:hover{
 background-color:rgba(232,171,180,0.5)!important;
}

.shinsotsuCont01 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont01 a strong{
color:#da8490;
}

.shinsotsuCont01 .shinsotsuContBox .txtBox::after{
color: #da8490;
}

/*shinsotsuCont02 */
.shinsotsuCont02 a{
 border: 1px solid #afc1e7!important;
 background-color:rgba(175,193,231,0)!important;
}

.shinsotsuCont02 a:hover{
 background-color:rgba(175,193,231,0.5)!important;
}

.shinsotsuCont02 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont02 a strong{
color:#96abd8;
}

.shinsotsuCont02 .shinsotsuContBox .txtBox::after{
color: #96abd8;
}


/*shinsotsuCont03 */
.shinsotsuCont03 a{
 border: 1px solid #e8c9ab!important;
 background-color:rgba(232,201,171,0)!important;
}

.shinsotsuCont03 a:hover{
 background-color:rgba(232,201,171,0.5)!important;
}

.shinsotsuCont03 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont03 a strong{
color:#e5aa70;
}

.shinsotsuCont03 .shinsotsuContBox .txtBox::after{
color: #e5aa70;
}



/*shinsotsuCont04 */
.shinsotsuCont04 a{
 border: 1px solid #9fc5b2!important;
 background-color:rgba(159,197,178,0)!important;
}

.shinsotsuCont04 a:hover{
 background-color:rgba(159,197,178,0.5)!important;
}

.shinsotsuCont04 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont04 a strong{
color:#9fc5b2;
}

.shinsotsuCont04 .shinsotsuContBox .txtBox::after{
color: #9fc5b2;
}



/*shinsotsuCont05 */
.shinsotsuCont05 a{
 border: 1px solid #e5afe7!important;
 background-color:rgba(229,175,231,0)!important;
}

.shinsotsuCont05 a:hover{
 background-color:rgba(229,175,231,0.5)!important;
}

.shinsotsuCont05 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont05 a strong{
color:#d392d5;
}

.shinsotsuCont05 .shinsotsuContBox .txtBox::after{
color: #d392d5;
}

/*shinsotsuCont06 */
.shinsotsuCont06 a{
 border: 1px solid #8ed5e0!important;
 background-color:rgba(142,213,224,0)!important;
}

.shinsotsuCont06 a:hover{
 background-color:rgba(142,213,224,0.5)!important;
}

.shinsotsuCont06 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont06 a strong{
color:#7ac1cc;
}

.shinsotsuCont06 .shinsotsuContBox .txtBox::after{
color: #7ac1cc;
}

/*shinsotsuCont07 */
.shinsotsuCont07 a{
 border: 1px solid #c0afe7!important;
 background-color:rgba(192,175,231,0)!important;
}

.shinsotsuCont07 a:hover{
 background-color:rgba(192,175,231,0.5)!important;
}

.shinsotsuCont07 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont07 a strong{
color:#af9bdf;
}

.shinsotsuCont07 .shinsotsuContBox .txtBox::after{
color: #af9bdf;
}

/*shinsotsuCont08 */
.shinsotsuCont08 a{
 border: 1px solid #b6c59f!important;
 background-color:rgba(182,197,159,0)!important;
}

.shinsotsuCont08 a:hover{
 background-color:rgba(182,197,159,0.5)!important;
}

.shinsotsuCont08 a:hover img{
 opacity: 0.5;
}

.shinsotsuCont08 a strong{
color:#96ba68;
}

.shinsotsuCont08 .shinsotsuContBox .txtBox::after{
color: #96ba68;
}

.shinsotsuEntry{
 margin: 50px auto 60px auto;
 width: 800px;
 text-align: center;
 display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  background-color:rgba(148,163,236,1);
 color: #fff;
 font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
 font-size: 140%;
 color: #fff!important;
 padding: 30px;
 line-height: 1.5;
 font-weight: 100!important;  -ms-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;
}

.shinsotsuEntry strong{
 font-size: 110%;
}

.shinsotsuEntry:hover{
 background-color:rgba(175,186,239,1);
}

.shinsotsuNaiyo{
 overflow: hidden;
 z-index: 1;
 padding: 30px 0;
  width: 100%;
 text-align: center;
}

.shinsotsuNaiyo img{
 width: 90%;
 margin: 0 auto;
}

.carrerupBox p a{
 text-decoration: underline!important;
}

.carrerupBox p a:hover{
 text-decoration: none!important;
}

.carrerupBox h4{
 position: relative;
    display: inline-block;
    padding: 15px;
    margin: 50px 0;
    width: 100%;
    height: auto;
    color: #362308;
    text-align: center;
    background: #f3ece9;
    z-index: 0;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.carrerEduBox{

}


.carrerEduBox .text{
padding: 0 0 40px 0; 
    display: -webkit-box;
  display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -webkit-box-align: flex-start;
     -ms-flex-align:  flex-start;
        align-items:  flex-start;
}


.carrerEduBox .text strong{
color: #e86092;
 display: block;
     font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: normal;
    font-size: 170%;
    padding: 0px 0 10px 0;
}


.carrerEduBox .photo{
margin: 0 0 0 40px;
 width: 320px;
}

@media (max-width: 840px) {
 .carrerEduBox .text{
  display: block;
 }
 
 .carrerEduBox .photo{
  margin: 20px 0 0 0;
  width: 100%;
 }
 
 
}

.shinsotsuIntroL{
 text-align: left;
 float: left;
 width: 68%;
 padding: 0 0px 10px 0;
}

.shinsotsuIntroR{
 text-align: left;
 float:right;
 width: 30%;
 padding: 0 0px 0px 0;
}

.shinsotsuIntroL2{
 text-align: left;
 float: left;
 width: 47%;
 padding: 10px 0px 0px 0;
}

.shinsotsuIntroL2 img{
 width: 95%;
}

.shinsotsuIntroR img{
 width: 100%;
}

.shinsotsuIntroR2{
 text-align: left;
 float:right;
 width: 53%;
 padding: 0 0px 0px 0;
}


.shinsotsuSeido{
 padding: 30px 0 40px 0;
 margin: 0 0 0px 0;
 overflow: hidden;
 z-index: 1;
 text-align: left;
 border-bottom: 1px dotted #615f5f;
}

.shinsotsuSeidoL{
 float: left;
 width: 53%;
}

.shinsotsuSeidoR{
 float: right;
 width: 45%;
 text-align: center;
}

.shinsotsuSeidoT{
 padding: 20px 0 40px 0;
 margin: 0 0 0px 0;
 overflow: hidden;
 z-index: 1;
 text-align: left;
}

.shinsotsuSeidoTL{
 float: left;
 width: 45%;
 text-align: center;
}

.shinsotsuSeidoTR{
 float: right;
 width: 55%;
}


.shinsotsuSeido .title{
    margin: 0 0 10px 0;
    font-size: 160%;
    color: #fd448e;
 line-height: 1.5;
}
 
.typeOuboLink{
 width: 90%;
 margin: 0 auto;
 display: block;
 text-align: right;
 font-size: 90%;
}

.typeOuboLink a{
 color: #ad9e93!important;
}

.typeOuboLink a:hover{
 text-decoration: underline!important;
}

.shinsotsuH4{
 text-align: center;
 font-size: 150%;
 background: #f3ece9;
 padding: 10px 0 10px 0;
}

.shinsotsuNaiyo h3.box-title{
 padding: 30px 0 5px 0;
 margin: 0 0 20px 0;
 color: #ac9c77;
 font-size: 180%!important;
 border-bottom: 1px solid #ac9c77;
 line-height: 1.5;
}

.shinsotsuNaiyo p{
 text-align: left;
}

.shinsotsuWorksPc{
 display: block;
}
  .shinsotsuWorksSp{
 display: none;
}

.mbOpen{
 display: none;
}

.formattTxt{
 clear: both;
 padding: 5px 2% 0px 25%;
 font-size: 100%;
}

.form-control_s80{
 width: 80%!important;
}

.form-control_s50{
 width: 50%!important;
}
.form-control_s40{
 width: 40%!important;
}
.form-control_s30{
 width: 30%!important;
}
.form-control_s20{
 width: 20%!important;
}

.form-control_s15{
 width: 15%!important;
}
.form-control_s10{
 width: 10%!important;
}

.form-control_fl{
 float: left!important;
}

/*とりあえずの内定者サイト*/

.memT{
 margin: 20px 0 100px 0;
 width: 100%;
}

.memT td{
 padding: 15px 20px;
  border: 2px solid #a09990;
}

.memT td p{
 display: block;
}

.memT td a{
 font-weight: bold;
 color: #F90004!important;
 display: block;
 text-decoration: underline!important;
}

.memT td a:hover{
  text-decoration: none!important;
}

.memDLbox{
 background:#ECECEC;
 padding: 30px 40px;
 text-align: center;
 font-size: 110%;
 margin: 20px 0 80px 0;
 line-height: 1.6;
}

.memDLbox p{
 display: block;
 margin: 0!important;
 padding: 5px 0!important;
}

.memDLbox a{
  color: #F90004!important;
  text-decoration: underline!important;
}

.memDLbox a:hover{
  text-decoration: none!important;
}

.dTab{
 width: 100%;
border-bottom: 5px solid #958179;
 padding: 0px 0 0 ;
 margin: 0 0 0px 0;
}

.dTab br{
 display: none;
}

.dTab ul{
 width: 980px;
 margin: 0 auto;
 padding: 0;
 	display:-webkit-box;
  	display:-ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
	-ms-flex-pack: justify;
 justify-content: space-between;
}

.dTab ul li{
 width: 25%;
 font-weight: 400;
 text-align: center;
 border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}


.dTab ul li.dentist{
  width: 33.3%!important;
}

.dTab ul li.now{
 background: #958179;
 color: #fff;
  padding: 20px 0;
}

.dTab ul li:last-child{
 border-right: 1px solid #ddd;
}

.dTab ul li a{
 display:inline-block;
 width: 100%;
 transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
 padding: 20px 0;
}

.dTab ul li a:hover{
 background-color:#d0c2bc;
 color: #fff;
}



.shinsostuTabBox{
 width: 1000px;
 margin: 40px auto;
  display: flex;
 flex-wrap: wrap;
   display: -webkit-box;
  display: -webkit-flex; 
  display: -ms-flexbox;
 justify-content:space-around;
     -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shinsostuTabBox a{
 display: block;
 border: none;
}

.shinsostuTabBox a:visited{
}

.shinsostuTabBox a:hover{
}

.shinsostuTabBox img{
 width: 100%;
 padding: 0;
 border-style: none;
 margin: 0;
}

.shinsostuTab{
 text-align: center;
 margin: 10px 0;
 transition: all 0.3s;
 width: 45%;
}

.shinsostuTab:hover{
opacity: 0.7;
}

.shinsostuTab p{
 font-size: 1.2em;
 position: relative;
 display: block;
 padding: 10px 0 20px 0;
 margin: 0;
vertical-align: middle;
text-decoration: none;
 color: #ooo;
}

.shinsostuTab p::before{
  /*position: absolute;
 top: -10px;
    bottom: 0px;
    margin: auto;
    vertical-align:top;
    content: "";
    left: 4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fb637e;
    border-right: 2px solid #fb637e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);*/
}



.drJiName{
 background: #f3f0ee;
 padding: 20px 30px;
 margin: 20px 0 0 0;
}

.drJiName table{
 width: 100%;
}

.drJiName table th{
 width: 25%;
 padding: 5px;
}

.drJiName table td{
 width: 75%;
  padding: 5px;
}

.drJiYear{
 margin: 20px 0 0 0;
 background: #c5bdb8;
 color: #fff;
 font-weight: bold;
 font-size: 18px;
 padding: 5px 0;
 text-align: center;
}


.drJiL{
 float: left;
 width: 55%;
}

.drJiR{
 float: right;
 width: 40%;
 padding: 20px 0 0 0;
}

.drJiR img{
 width: 100%;
}

.drJiTxt{
  margin: 20px 0 0 0;
 text-align: left;
 font-size: 18px;
}

.drJiTxt strong{
 font-size: 24px;
 color: #b18f52;
 font-weight: bold;
}


.drKensyuW{
 width: 100%;
 display:-webkit-box;
  	display:-ms-flexbox;
 display: flex;
 margin: 40px 0 20px 0;
 -webkit-box-align: center;
	-ms-flex-align: center;
 align-items:center;
 position: relative;
 background: #f1eee8;
}

.drKensyuW::after{
     content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    border: 20px solid transparent;
    border-top: 20px solid #bfb5a1;
}

.drKensyuW:last-child::after{
 display: none;
}

.drKensyuW .num{
 width: 20%;
 text-align: center;
 background: #bfb5a1;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 height: 100px;
 line-height: 100px;
}

.drKensyuW .txt{
 width: 80%;
 font-size: 16px;
 padding: 0 0 0 20px;
}

.drSanka{
 background:#eaeae9;
     padding: 0 0 30px 0;
}

.drSanka .comm{
 background: #fff;
 padding: 20px 30px;
 margin: 30px 60px;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
 color:#797979;
}

.drSanka .tit{
 text-align: center;
 font-weight: bold;
 font-size: 16px;
 padding: 20px 0 0 0;
}

.drKensyuSyugoPhW{
  	display:-webkit-box;
  	display:-ms-flexbox;
 display: flex;
 margin: 0 0 40px 0;
 	-webkit-box-pack: center;
	-ms-flex-pack: center;
 justify-content:center;
 	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.drKensyuSyugoPhW img{
 margin:20px 1%;

 width: 31%;
 height: 100%;
}


a.modorubtn{
 display: block;
 padding: 10px;
 width: 96%;
 margin: 20px auto 40px auto;
 background: #fb637e;
 text-align: center;
 color: #fff;
 transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;

 }

 
a.modorubtn:hover{
 opacity: 0.7;
 }

a.modorubtntxt{
 font-size: 13px;
 line-height: 1.8;
 text-align: left;
 padding: 10px;
}

.aco_input {
	display:none;
}
.aco_area {
	position:relative;
}
.aco_title {
	margin-top:10px;
	cursor:pointer;
	position:relative;
	display:block;
}
.aco_title > span:first-child {
	display:inline-block;
	font-size:13px;
}
.aco_title:hover {
	opacity:0.7;
}
.aco_title.part02 {
	font-size:20px;
	margin:0 auto;
	padding:5px 0;
	color:#fb637e;
	font-weight:bold;
}
.aco_title.part03 {
	font-size:16px;
	font-weight:500;
	display:block;
	width:100%;
	border:1px solid #cacaca;
	border-radius:5px;
    padding: 8px 40px 8px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#fff;
}
.aco_title.part03 a {
	display: block;
	color: #fb637e;
	position: relative;
}
.aco_title.part03 a::after {
	content: "aa";
	background-color: #fb637e;
	color: #FFF;
	font-weight: normal;
	padding: 2px 8px;
	font-size: 80%;
	border-radius: 5px;
	position: absolute;
	right: 0px;
}
.aco_title.part04 {
	padding:10px 10px 10px 30px;
	border:4px double #ccc;
	position:relative;
	font-size:20px;
}
.aco_title.part04:before {
	content:"";
	display:inline-block;
	width:7px;
	height:7px;
	position:absolute;
	top:40%;
	left:5px;
	border-right:3px solid #85a2e6;
	border-bottom:3px solid #85a2e6;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.aco_title.part05 {
	font-size:16px;
	font-weight:bold;
	display:block;
	width:47%;
	color:#fb637e;
	border:1px solid #fb637e;
	border-radius:5px;
    padding: 8px 40px 8px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#fff;
}


.aco_input[type="checkbox"]:checked + .aco_inner .aco_title.part03 {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.icon_plus {
	top:0;
	bottom:0;
	right:8px;
	margin:auto 0;
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background-color:#fb637e;
	border-radius:0px;
}
.icon_plus:before,
.icon_plus:after {
	position:absolute;
	content:"";
	display:block;
	background:#fff;
}
.icon_plus:before {
	width:20px;
	height:3px;
	top:13px;
	left:5px;
}
.icon_plus:after {
	width:3px;
	height:20px;
	top:5px;
	left:14px;
}
.aco_content {
	width:640px;
	position:absolute;
	top:30px;
	right:-50px;
	z-index:1000;
	background:#fff;
	padding:0 10px;
	transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	-webkit-transition:0.2s ease;
}
.aco_content.part02,
.aco_content.part03 {
	width:100%;
	position:relative;
	top:0;
	right:0;
	transition:0.2s ease;
	-moz-transition:0.2s ease;
	-ms-transition:0.2s ease;
	-o-transition:0.2s ease;
	-webkit-transition:0.2s ease;
	padding:0 15px !important;
}

.icon_exit {
	cursor:pointer;
	position:absolute;
	right:10px;
	top:5px;
	color:#06F;
}

.aco_content h4 {
	margin-top:20px !important;
}

.aco_input[type="checkbox"] + .aco_inner .aco_content {
	height:0px;
	overflow:hidden;
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content {
	height:auto;
	overflow:visible;
	padding:10px;
	border:5px solid #e3eaf9;
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content.part02,
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content.part03 {
	border:none;
	padding:10px 15px !important;
	box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	-webkit-box-shadow:none;
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content.part03 {
	border:1px solid #cacaca;
	border-top:none;
 text-align: center;
 z-index: 0;
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_title .icon_plus:after {
	display:none;
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content .icon_exit:before {
	position:fixed;
	content:"";
	display:block;
	width:100%;
	height:100%;
	z-index:-1;
	top:0;
	left:0;
}


.sbc-hos_h2small{
 font-size: 70%;
}

ul.sbc-hos_miryoku{
 padding:0 10px;
 margin: 0 20px;
}

ul.sbc-hos_miryoku li{
 list-style-type: disc;
 list-style-position: outside;
 padding: 0 0 5px 0;
}

ul.sbc-hos_miryoku2{
 padding:0 10px;
 margin: 0 20px;
}

ul.sbc-hos_miryoku2 li{
 list-style: decimal;
 list-style-position: outside;
 padding: 0 0 5px 0;
}

aco_inner label {
	cursor: pointer;
}
.aco_content.side_menu {
	width:100%;
	position: relative;
	top:auto;
	right: auto;
	padding:0px 0 0px 10px !important;
}
.aco_input[type="checkbox"]:checked + .aco_inner .aco_content.side_menu {
	box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	padding:3px 0 5px 10px !important;
	
}

.aco_content.side_menu li:before {
	left: 0.5em !important;
}

.feature_list{
 padding: 0 30px;
 text-align: left;
}

.feature_list h3{
 font-size: 160%!important;
 margin: 0;
}

.feature_list .fs-16{
 font-size: 120%;
 font-weight: 500;
 color: #fb637e;
}


.fL{
 float: left;
}

.fR{
 float: right;
}

 .drBox{
  text-align: center;
 }


 .drBox p{
 text-align: left!important;
  margin: 0;
}


 .drBox p span{
 display: block;
  padding: 30px 0 0 0;
}

.sm-img_kato{
     display: none;
}

.display-img_kato{
 display: inline-block;
 margin: 0 30px 0 0;
}

.display-img_haruyama{
 display: inline-block;
 margin: 0 0px 0 30px;
}

.jinzaiWrap{
 width: 65%;
 margin: 0 auto;
}


.time_line {
	padding:10px;
	background:#fff6f8;
 text-align: left;
}
.txt_title > div > div.massege strong {
	font-size:26px;
}
.txt_title > div > div.massege strong .small_txt {
	font-size:18px;
	margin-right:10px;
}
.txt_title > div > div.massege p {
	font-size:18px !important;
	font-weight:bold;
	color:#E50012 !important;
}

.time_line ul {
	display:block;
	width:50%;
	float:left;
}
.time_line li {
	display:block;
	margin-bottom:15px;
}
.time_line li:after {
	font-family:'FontAwesome' ;
	content: '\f107';
	display:block;
	text-align:center;
	font-size:30px;
	line-height:60%;
	margin-top:10px;
	color:#f24a67;
}
.time_line ul:last-child li:last-child:after {
	display:none;
}
.time_line li > * {
	display:inline-block;
	vertical-align:top;
}
.time_line li > p {
	margin:0 !important;
	width:68%;
}
.time_line li .clock {
	width:30%;
	padding-left:10%;
	font-size:20px;
	position:relative;
	color:#f24a67;
	line-height:130%;
 font-weight: 500;
}

.clock:before {
	font-family:'FontAwesome';
	content: '\f017';
	display:block;
	font-size:28px;
	position:absolute;
	top:0;
	left:0;
	line-height:100%;
	color:#f24a67;
}

.wd70 {
    width: 70% !important;
}

.wd30 {
    width: 30% !important;
}

.sbchos{
 margin:0px 3px 10px 3px;
}


.buttondoctor{
 display: block;
}

.topinstaw{
 width: 100%;
 margin: 10px 0 20px 0;
 padding: 30px 0 40px 0;
 border: 1px solid #E8E8E8;
}

.topinstaw ul{
 padding: 10px;
 	display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: center;
	-ms-flex-pack: center;
 justify-content:center;
}

.topinstaw ul li{
width: 300px;
 width:auto;
 height: 270px;
 margin: 10px;
}

.topinstaw ul li img{
 width: 270px;
  height: 270px;
   object-fit: cover; 
}

.topinstaw .mi{
 text-align: center;
 padding: 0px 0 0 0;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.fbresp{
 width: 980px;
}


.tfBoxL{
 background: #fff;
 text-align: center;
 box-sizing: border-box;
 height: 340px;
 padding: 20px;
}

.tfBoxL p.tit{
 padding: 0;
 text-align: center;
 margin: 0;
}

.tfBoxL ul
{
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 padding: 0;
}


.tfBoxL ul li{
    width: 170px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.tfBoxL ul li img{
 width: 100%;
}

.dentistMesW{
 display: block;
 width: 100%;
 	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
 margin: 0 0 60px 0;
}

.dentistMesW img{
width: auto;
height: max-content;
}

.dentistMesW p{
 padding: 0 2rem 0 0;
  text-align: left;
}


a.linkA:link{
  color: #ce3e3b!important;
 text-decoration: underline!important;
}

a.linkA:hover{
 text-decoration: none!important;
}

a.linkA:visited{
 color: #ce3e3b!important;
  text-decoration: underline!important;
}

#aidFlow{
 margin: 20px 0 60px 0;
 display:-webkit-box;
  	display:-ms-flexbox;
 display: flex;
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
 width: 100%;
 
}



#aidFlow .list{
 width: 45%;
 margin: 10px 20px 0 0;
}

#aidFlow .list table{
 width: 100%;
}

#aidFlow .list table tr{

}

#aidFlow .list table tr:nth-child(odd){
 background: #f7f1e5;
}

#aidFlow .list table th{
 padding: 0.7em;
  line-height: 1.7;
 width: 20%;
}

#aidFlow .list table td{
 line-height: 1.7;
  padding: 0.7em;
}

#BeautyFlow{
  margin: 20px auto 60px auto;
  width: 90%;
}

#BeautyFlow span{
 text-align: right;
 padding: 10px 0 0 0;
 display: block;
 color:#636363;
}

#BeautyFlow .list{
 width: 100%;
 margin: 10px 0px 0 0;
}

#BeautyFlow .list table{
 width: 100%;
}

#BeautyFlow .list table tr{

}

#BeautyFlow .list table tr:nth-child(odd){
 background: #f7f1e5;
}

#BeautyFlow .list table th{
 padding: 0.7em;
  line-height: 1.7;
 width: 15%;
}

#BeautyFlow .list table td{
 line-height: 1.7;
  padding: 0.7em;
}

#aidFlow .ph{
 width: 100%;
  display:-webkit-box;
  	display:-ms-flexbox;
 display: flex;
 	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

#aidFlow .ph .phimg1{
 width: 100%;
 margin: 10px 0;
   height: 300px;
  object-fit: cover;
}

#aidFlow .ph .phimg2{
 width: 50%;
 margin: 10px 0;
    height: 250px;
  object-fit: cover;
}

._corporate .corpmi{
 font-size: 135%!important;
 margin: 20px 0 10px 0;
 font-weight: bold;
}
.textTate{
   -webkit-writing-mode: vertical-rl!important;
      -ms-writing-mode: tb-rl!important;
          writing-mode: vertical-rl!important;
}

.textTatenum{
text-combine-upright: all;
 webkit-text-combine: horizontal;
 -ms-text-combine-horizontal: all;
}


 .att2020{
    background: #ffe6c0;
    color: #de2c02;
    padding: 1rem;
    margin: 0 0 2rem 0;
  text-align: center;
  display: block;
  font-size: 1rem;
 }
 
 .att2020 strong{
  display: block;
  padding: 0 0 0.5rem 0;
 }
 
.typeClose{
 width: 100%;
 background: #EAEAEA;
 padding: 15px 0;
 text-align: center;
 font-size: 14px;
 color:#7A7A7A;
}

.kengakuatt{
    color: #3274da;
    font-size: 14px;
    text-align: center;
    padding: 20px;
    background: #e0efff;
 font-weight: bold;
}

.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.topMmv{
 display: inline-block;
 border: 1px solid #fff;
 margin: 20px 0;
 padding: 10px;
 transition: background-color 0.3s ease-out;
}

.topMmv:hover{
 background:rgba(255,255,255,0.2)
}

.clnTxt{
 width: 100%;
 text-align: center;
}

.clnTxtIn{
 width: 980px;
 margin: 30px auto;
 padding: 15px 0 10px 0;
 text-align: center;
 font-size: 14px;
 border: 1px solid #DADADA;
}

.clnTxt p{
 margin: 0px auto;
 padding: 20px 0 20px 0;
 text-align: center;
display: none;
}

.clnTxt strong{
 font-weight: bold;
 color: #a69288;
 display: block;
 margin: 0 auto;
 padding: 0px 0 10px 0;
 position: relative;
 cursor: pointer;
}

.clnTxt strong:hover{
 color: #fb637e;
}

.clnTxt strong::after{
 content: "▾";
 font-size: 18px;
 position: absolute;
 top: 12px;
 left: 50%;
}



 .att2020{
 font-size: 0.9rem; 
}

.pc{
 display: block;
}
.sp{
 display: none;
}

.ctypecSmp{
   display: -webkit-box;
  display: -ms-flexbox;
 display: flex;
   -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 margin: 5px 0;
     align-items: flex-start;
}

.ctypecSmp img{
 margin: 5px;
 width: 200px;
}

.entryTxt{
    width: 100%;
    border: 1px solid #fbacad;
    padding: 20px;
    background: #ffe2e2;
    text-align: center;
    margin: 0 0 30px 0;
 box-sizing: border-box;
 
}

.entryTxt p{
 line-height: 1.8;
 font-size: 15px;
 color: #a94442;
}


.entryTxt strong{
font-weight: bold;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 0 0 5px 0;
    color: #a94442;
 
}


.mv-txt strong{
 font-size: 20px;
 display: block;
 font-weight: normal;
 padding: 0 0 5px 0;
 
}

.omoiSt{
    font-size:22px;
    color: #65480a;
    width: 100%;
 display: block;
 font-weight: normal;
 padding: 0 0 10px 0;
}

.main-box{
 /*display: none;*/
}

.NurseFixBtnW{
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
background: rgba(0,0,0,0.5); 
  padding: 10px 0px;
 z-index: 999;
 text-align: center;
}

.NurseFixBtnn{

 display: flex;
 flex-wrap: wrap;
 justify-content: center;

}

.NurseFixBtnW strong{
 text-align: center;
 color: #fff;
 display: block;
 font-weight: normal;
  font-size: 15px;
}

.NurseFixBtnn .block{
 background: #fff;
 display: inline-block;
 font-size: 15px;
 text-align: center;
 padding: 10px 10px;
 min-width: 150px;
 width: 20%;
 transition: all 0.3s ease-out;
margin: 10px 10px;
 border-radius: 5px;
}

.NurseFixBtnn .block:hover{
 opacity: 0.5;
}

.shonsotsuIndexW{
  width: 100%;
 box-sizing: border-box;
 padding: 0px 40px 0px 40px;
 margin: 30px 0;
}

.counselorBox{
 background: #f9f7f7;
}

.counselorBox h3{
display: block;
    padding: 20px 10px;
    margin: 20px auto;
 background: #f9f7f7;
    text-align: center;
    color: #cd9b9b;
    font-size: 23px;
    font-weight: bold;
}

.nurseBox{
 background: #fff2e6;
}


.nurseBox h3{
display: block;
    padding: 20px 10px;
    margin: 20px auto;
 background: #fff2e6;
    text-align: center;
    color: #f9b873;
    font-size: 23px;
    font-weight: bold;
}

.denterBox{
  background: #f6f1f7;
}


.denterBox h3{
display: block;
    padding: 20px 10px;
    margin: 20px auto;
 background: #f6f1f7;
    text-align: center;
    color: #9E76B4;
    font-size: 23px;
    font-weight: bold;
}


.shonsotsuIndex{
 width: 100%;
 background: #fff;
  display: flex;
         flex-direction: row;
   justify-content: space-between;
 margin: 0px 0 30px 0;
 box-sizing: border-box;
 align-items: center;
 padding: 30px;
}

.shonsotsuIndex .imgBox{
 width: 52%;
}

.shonsotsuIndex .imgBox img{
width: 100%;
 transition: all 0.3s;
 cursor:pointer;
}

.shonsotsuIndex .imgBox img:hover{
	opacity: 0.5 ;
}
 
.shonsotsuIndex p{
 width: 45%;
 display: block;
 font-size: 14px;
}

.shonsotsuIndex p strong{
 font-size: 130%;
 display: block;
 padding: 0 0 10px 0;
}

.shonsotsuIndex p a{
 display: block;
 width: 100%;
 border: 1px solid #b4a49d;
 box-sizing: border-box;
 padding: 10px;
 text-align: center;
  font-size: 15px;
     color: #958179;
 position: relative;
}

.shonsotsuIndex p a::after{
 position: absolute;
 content: ">";
 top: 8px;
 right: 1%;
 width: 10px;
 height: 10px;
 font-size: 16px;
}

.shonsotsuIndex .closebbb::after{
	content:none!important;
}

/*======================================================================
=======================================================================
=======================================================================
=======================================================================
SP用================================================================*/	

@media (max-width: 840px) {
 .shinsostuTabBox{
  width: 100%;
 }
 
 .shonsotsuIndex{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
   margin: 10px 0 30px 0;
 }
 
 
.shonsotsuIndex .imgBox{
 width: 100%;
}
 
 .shonsotsuIndex p{
  width: 94%;
  margin: 0 auto;
 }
 .shonsotsuIndex .shinsostuTab{
  margin: 20px auto 0px auto;
 }
 
.NurseFixBtnn .block{
 font-size: 13px;
 min-width: auto;
 margin: 5px 5px;
  padding: 8px 5px;
 }
  .pc{
 display: none;
}
.sp{
 display: block;
}
 
 .clnTxt p{
  padding: 20px 10px;
 }
 
 .clnTxtIn{
 width: 96%;
}
 
 
#BeautyFlow{
 width: 100%;
}

#BeautyFlow .list table th{
 width: 22%;
}

 
 #aidFlow{
  display: inherit;
 }
 #aidFlow .list{
   width: 100%;
 margin: 0px 0px 30px 0;
  }
 
 .dentistMesW{
  display: block;
 margin: 0 0 40px 0;
  text-align: center;
  }
 
 .dentistMesW img{
  width: 80%;
  height: auto;
  margin: 0 auto;
 }
 
 .dentistMesW p{
 padding: 0 0 20px 0; 
 }

 .tfBoxL ul li{
    width:45%;
    padding: 5px 5px;
    box-sizing: border-box;
}
 
 .fbresp{
 width: 100%;
}
 
 .feature_list h3{
  text-align: center;s
 }
 
 .feature_list{
  padding: 0 10px;
 }
 .time_line ul{
 width: 90%;
    float: none;
    padding: 0;
    margin: 20px auto;
 }
 
 .jinzaiWrap{
 width: 100%;
}
 
 .photos-wrap img{
  width: 90%;
 }
 
 .fL, .fR{
 float: none;
  text-align: center;
}
 
 .wd30,.wd70{
  width: 100%!important;
 }
 
  .wd30 img{
  width: 50%; 
 }
 
   .wd30 span{
  display: block;
 }
    

 .sm-img_kato{
     display: inline-block;
 margin: 0 0px 20px 0;
  width: 80%;
}

.display-img_kato{
 display: none;
}
 
 .display-img_haruyama{
  width: 60%;
 }
 
  .shinsostuTabBox{
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
     -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 width: 100%; 
   margin: 0 0 40px 0;
 }
 
 .shinsostuTab{
  width: 92%;
  font-size: 14px;
  margin: 40px auto 0px auto;
  }
 
.dTab ul{
 width: 100%;
 font-size: 12px;
 }
 
 
 .drKensyuSyugoPhW img{
  width: 80%;
 }
 
 .drSanka .comm{
  margin: 30px 20px; 
  }
 
 .drJiL,.drJiR{
  float: none;
  width: 100%;
 }
 
 .drJiR{
   text-align: center;
 }
 
.drJiR img{
 width: 80%; 
 text-align: center;
 }
 
 .drJiName{
  padding: 10px;
 }
 .drJiName table th{
  width: 25%;
  vertical-align: top;
 }
 
  .drJiName table td{
  width: 75%;
    vertical-align: top;
 }
 

 .formattTxt{
 clear: both;
 padding: 5px 0% 5px 0%;
 font-size: 95%;
}
 
 .mbOpen{
 display: block;
}
 .shinsotsuWorksPc{
 display: none;
}
 
  .shinsotsuWorksSp{
  display: block;
   background:url(../img/main/shinsotsu/works_bg.png) repeat;
 }
 
  .shinsotsuWorksSp img{
   height: auto;
   display: block;
   padding: 10px 0 0 0;
 }
 
    .shinsotsuWorksSp strong{
  font-size: 120%;
     color: #fb637e;
     font-size: 110%;
     display: block;
     padding: 0 0 5px 0;
 }
 
   .shinsotsuWorksSp p{
  width: 80%;
    margin: 0 auto;
    padding: 0 0 10px 0!important;
 }
 
 .shinsotsuNaiyo p{
padding: 10px 0 0 0;
 }
 
.shinsotsuNaiyo h3.box-title{
 font-size: 150%!important;
}

.shinsotsuIntroR2{
 text-align: left;
 float:right;
 width: 53%;
 padding: 0 0px 0px 0;
}
 
 .shinsotsuSeido .title{
 margin: 10px 0; 
 }
 
 .shinsotsuSeidoL,.shinsotsuSeidoTL{
  float: none;
  width: 100%;
 }
 
  .shinsotsuSeidoR,.shinsotsuSeidoTR{
  float: none;
   width: 100%;
 }
 
 .shinsotsuNaiyo{
  padding: 10px 0;
 }
 
 .shinsotsuIntroL{
  float: none;
  width: 100%;
    padding: 0 0 0 0px;
  }
 
 .shinsotsuIntroR{
  clear: both;
  float: none;
   width: 50%;
    text-align: center;
  margin: 15px auto;
 }
 .shinsotsuIntroL2{
  clear: both;
  float: none;
   width: 70%;
    text-align: center;
  margin: 10px auto 30px auto;
}
 
  .shinsotsuIntroR2{
  float: none;
  width: 100%;
  }
 
 .shinsotsuEntry{
  width: 90%;
 }
 
 .shinsotsuContIn ul li{
  float: none;
  width: 100%;
 }
 .shinsotsuCont{
  width: 100%;
 }
 
 .shinsotsuContIn{
  width: 90%;
  padding: 30px 0;
 }
 
 .shinsotsuTopMes{
  width: 100%;
 }
 
 .shinsotsuTopMes .mesBox{
  float: none;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 0 0;
 }
 
 .shinsotsuTopMes img{
  float: none;
  text-align: center;
  width: 50%;
  margin: 0 0 0 25%;
 }
 
 .requireDetailBackL{
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
 }
 
 .requireDetailBackC{
  width: 100%;
 }
 
 
 .requireList table th{
  width: 5%;
  line-height: 1.3;
 }
 
 .requireList table td{
  width: auto;
 }
 
 a.requireEntry{
  width: 100%;
 margin: 30px auto 20px auto;
  line-height: 1.4;
 }
 
  a.requireEntry br{
  display: inline; 
 }
 
.requireList{
 width: 90%;
 }
 
 .requireListIn{
  padding: 15px;
 }
 
.requireListPh{
 float: none;
 width: 100%;
 text-align: center;
}

.requireListTxt{
 float: none;
  width: 100%;
}
 
 .requireListTxtTop h3{
  float: none;
  width: 100%;
  margin: 10px 0 20px 0;
 }
 
 .requireListTxtTop a{
  width: 100%;
  float: none;
 }
 
 .visitCafeIn .cafetit{
  font-size: 150%;
  text-align: center;
 }
 
 .visitCafeGaiyo p{
  padding: 20px;
 }
 
 .visitCafeW2{
 font-size: 13px;
 }
 .visitCafeIllust{
  display: none;
 }
 
 .visitCafeIn{
 padding: 20px 20px 20px 20px;
}
 
 .visitFormBtn a{
padding: 5px 10px;
  font-size: 85%;
  margin: 0 0 0 10px;
  text-align: center;
 }
 
 .visit_kaisai_day{
  line-height: 1.3;
 }
 
 .visit_kaisai_day br{
  display: inline;
 }
 
.underBanner{
display: none;
}

.ticker {
width: 100%;
white-space:nowrap;
text-overflow:ellipsis;
}
 
 #omoushikomi{
  margin-top: -80px;
  padding-top: 80px;
 }

 .entry._form .box-title{
  margin: 20px 0 10px 0;
 }

/*=======================================================================
sp用  Gメニュー========================================================*/	

#searchform{
position: inherit;
width: 240px;
margin: 0;
}

.h1-box{
	background-color: #ffe5e9;
	padding: 0px 0 0 0;
	position: absolute;
	top: 48px;
	height: 25px;
	overflow: hidden;
}

.h1-box .h1{
height: 25px;
font-size: 11px;
line-height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}

.layer{
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}

.page-container{
padding: 75px 0 0 0;
}

#jimu_tuyaku,#jimu_kenshin,#nurse_toseki,#jimutoseki,#nurse,#nurse_byoto,#nurse_byoton,#nurse_byotop,#aid,#aidd,#aidp,#radical,#clark,#bayer,#roumu,#docsupport,#soumujimu,#soumu,#di_jinji,#seiso,#zaiko,#jimu,#cb,#kikaikanri,#jinjishin, #jinjiashi, #kaiinjimu, #eigyojimu, #yakusyo, #requiregyomu, #denshi, #higashi, #nishi, #kaihatsu, #kaiin, #shinraijiseki, #syushinkamoku, #syushindaigaku,#zaimukeiri,#hisyoippan,#help, #system, #hisyo, #jinjianalyze, #jinjiassistant, #kikaku, #jinji, #setsubi, #buyer, #shanaise, #scanjimuSei, #scanjimu,#tohoku,#hokkaido,#kunai,#kugai,#kanagawa,#chiba,#saitama,#kanto,#chubu,#kansai,#chugoku,#kyusyu,#kaigai,#chuto,#shinsotsu,#shien,#chuto,#shinsotsu,#shien,#doctor100,#ishisaiyo,#dm,#wd,#wdesign,#css,#shozai{
 margin-top:-50px!important;
  padding-top:50px!important;
}


#HeaderRenew{
display: none;
}

#NewGnavi,#NewGnaviIn,#NewGnaviIn ul{
display: none!important;
}


#spHead{
display: block;
background: #fb637e;
text-align: center;
overflow: hidden;
 position: fixed;
 width:100%;
 height:50px;
 top:0px;
 left: 0;
z-index: 999;
}


#spHeadW{
display: block;
background: #fff;
text-align: center;
overflow: hidden;
 position: fixed;
 width:100%;
 height:50px;
 top:0;
  left: 0;
z-index: 2;
}

#spHeadLogo{
padding: 10px 15% 0 10%;
margin: 0 auto;
}

#spHeadLogo img{
height: 32px;
}

#spbutton{
width: 65px;
height: 50px;
float: left;
color: #fff;
cursor: pointer;
font-size: 10px;
background: #FB637D;
border: none;
outline : none;
padding: 0;
margin: 0;
position: relative;
}

#spbutton span{
position: absolute;
bottom: 2px;
left: 15px;
}

 #spbuttonEntry{
  float: right;
 }

 #spbuttonEntry a{
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 50px;
  width: 90px;
height: 50px;
 background: #b3a68c;
  color: #fff;
  
 transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
 }
 
  #spbuttonEntry a:hover{
  background:#65480a;
 }
 

.hangicon{
position:relative;
background-color: transparent;
margin: 6px 0 0 0;
}

.hangicon:before,.hangicon:after{
content:"";
display:block;
position:absolute;
left:15px;
width:30px;
z-index:1;
top: 0px;
}

.hangicon:before{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
top:55%;
top:-webkit-calc(50% -0px);
top:-moz-calc(50% -0px);
top:calc(50% -0px);
height:18px;
}

.hangicon:after{
border-top:2px solid #fff;
top:10px;/* IE8以下とAndroid4.3以下用フォールバック */
}


/*=======================================================================
sp用  MV===============================================================*/



#slide_menu{
overflow-y: auto;
display: block;
position:fixed;
top: 0px;
left: -240px;
width: 240px;
height: 100%;
background: #f96d85;
z-index: 1100;
color: #fff;
padding: 0px 0 0px 0;
font-size: 95%;
margin: 0!important;
line-height: 1.3;
}


#slide_menu span{
cursor: pointer;
display: block;
padding: 10px 20px;
border-bottom: 1px dotted #ffafbe;
}

#slide_menu span img{
max-width: 200px;
}



#slide_menu span:hover{
background:#fb768d;
}

.sp-buttons{
display: none;
}

#slide_menu ul{
padding: 0;
margin: 0;
}

#slide_menu a{
display: block;
padding: 0px;
margin: 0;
color: #fff;
cursor: pointer;
}

#slide_menu li:last-child{
border-bottom: none;
}

.slide_menu_2kaiso{
padding: 10px 25px 10px 35px!important;
background:#ff7d93;
border-bottom: 1px dotted #ffafbe;
}

.slide_menu_2kaiso:hover{
background: #ff95a7;
}

.slide_menu_3kaiso{
padding: 10px 30px 10px 35px!important;
background: #ffe1e1;
color:#fd6e87;
border-bottom: 1px dotted #ffafbe;
}

.slide_menu_3kaiso:hover{
background: #fdc3c3;
}

.slide_menu_3kaiso a{
color:#fd6e87!important;
}


#slide_menu li ul{
padding: 0;
margin: 0;
background: #000;
}


.slide_menu_arrows{
position: relative;
}

.slide_menu_arrows:after{
/*content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top:-webkit-calc(50% - 4px);
top:-moz-calc(50% - 4px);
top:calc(50% - 4px);
right: 8px;*/
}

.slide_menu_arrows_u{
position: relative;
}

.slide_menu_arrows_u:after{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top:-webkit-calc(50% - 4px);
top:-moz-calc(50% - 4px);
top:calc(50% - 4px);
right: 8px;
}

.slide_menu_arrows_p{
position: relative;
}

.slide_menu_arrows_p:after{
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #ff7d93;
border-right: solid 2px #ff7d93;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top:-webkit-calc(50% - 4px);
top:-moz-calc(50% - 4px);
top:calc(50% - 4px);
right: 8px;
}

#slide_menu span:hover{
background: rgba(255, 255, 255, 0.3);
}

#slide_menu ul{
display: none;
}

#slide_menu ul li{
cursor: pointer;
}

/*===========================================================================
sp用  インフォ===============================================================*/

.topInfoIn{
width: 100%;
padding: 5px 15px;
}

.topContMikazari{
margin:0 0 15px 0;
}


/*===========================================================================
sp用 コンテンツ===============================================================*/

.topSyokusyuList h3{
font-size: 110%;
padding: 5px 0 0 0;
}

.topSyokusyuList h3:after{
top: 10px;
}

.topContRenew{
width:90%;
padding:30px 0px;
}

.topContRenew h2{
font-size:180%;
}

.topRinenList ul li{
float:none;
width:100%;
margin:0 0 30px 0;
}

.topInchoTxtBox{
float: none;
width: 100%;
}

.topInchoTxtBox strong{
text-align: center;
}


.topAllBtn a,.topAllBtnB a{
width:100%;
}

 .topSyokusyuList ul{
  	display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
  	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
  	-ms-flex-pack: distribute;
  justify-content: space-around;
 }
 
.topSyokusyuList li{
width:45%;
 margin: 0 0 30px 0;
}

.topSyokusyuList li:last-child{
width:45%;
}

#topIncho{
width: 100%;
position: relative;
background: #231816 url(/img/top/top_bg_incho_sp.jpg) no-repeat center top;
background-size: 100%;
overflow: hidden;
}

}

@media (max-width: 480px) {
 .shinsotsuContBox .txtBox strong{
  font-size: 115%;
  padding: 10px 0;
  letter-spacing:0;
 }
 
 .shinsotsuContBox .txtBox p{
  font-size: 90%;
  line-height: 1.6;
 }
 
 .shinsotsuEntry{
  font-size: 120%;
  margin: 20px auto;
 }
 
.dTab br{
 display:inline-block;
}
 
 .dTab ul li a{
  padding: 10px 0;
 }
 
 .dTab ul li.now{
  padding: 10px 0;
 }
 
 
}
