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

/*===============================================
　追加分ここから
===============================================*/
h1#kaigomidasi01 {
 font-weight: bold;
 font-size:22px;
 margin : 40px auto;
}

h2.kaigomidasi02 {
    padding: 10px; 
    margin : 50px 0px 20px 0px ; 
    border: 1px dotted #F49D2C; 
    border-radius: 5px; 
    background-color: #F49D2C; 
    color: #ffffff;
    font-size: 157.2%;
    font-weight: bold;
    }

h3.kaigomidasi03 {
    margin: 40px 0 20px;
    padding: 12px 14px 12px;
    border-left: 6px solid #ff9900;
    font-size: 114.3%;
    font-weight: 700;
    background: #fdf3e2;
    }

h4.kaigomidasi04 {
padding: 0.1em;/*文字周りの余白*/
font-weight: bold;
color: #010101;/*文字色*/
border-bottom: solid 2px #E5992C;/*下線*/
font-size:18px;
margin: 40px 0 20px;
}



/*本文カテゴリわけ用*/
.honbun{
  padding: auto 15px;
  margin-bottom: 40px;
    }

/*マンガ用*/
p.manga02 {
   max-width: 500px; /* 最大幅 */
   margin:5px auto 0;
}
p.manga02 img { width: 100%; }


/*目次用*/
#mokujinaka {
    padding: 30px 30px 0px;
}

ol.mokuji_new{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
list-style-type: decimal;
}
ol.mokuji_new li.mokuji_new{
/* リスト部分は好きに装飾！ */
margin-left:20px;
font-weight: bold;
padding-bottom: 20px;   
}

ul.mokuji_new{
list-style-type: square;
font-weight: normal;


}

/*目次用ここまで*/



/*太文字の並びタグ*/
ul.futoji  {
list-style-type: square;
    font-weight: bold;
    margin-left:15px;
    padding: 20px;	
}


/*表や図他ページへのリンク見出し*/
p.imagetitle{
    font-size: 6;
    font-weight: bold;
    margin: 40px 0 20px 0;
}
/*ワンポイントアドバイス枠*/
.onepoint{
    padding: 20px 20px; 
    margin: 0px auto 40px;
    border: 1px dashed #ff7c9a;
    max-width: 800px;
}
 /*人物紹介欄*/
#keako_waku_jinbutu {
  max-width: 800px;
  width:100%;
  padding: 0.2em 0em;
  margin: 20px auto;
  border: dashed 1px #9F81F7;/*点線*/
}

#kaigoronyan_waku_jinbutu {
  max-width: 800px;
  width:100%;
  padding: 0.2em 0em;
  margin: 10px auto;
  border: dashed 1px #ff7c9a;/*点線*/
}

.contents5_new{
    flex: 1;
	padding: 10px 15px 0;
}

/*人物紹介欄ここまで*/

/*会話の罫線*/

hr.kaiwa {
	border-top: 1px dashed #C8C8C8;
}


/*他ページへのリンク枠*/
.comment_waku_01 {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 0.2em 0em;
  border: solid 2px #BDBDBD;/*実線*/   
    
}

/*注釈用小文字*/
p.tyusyaku {
    font-size: 8px;
    margin: 5px auto 40px;
}



/*まとめの並びタグ*/
ul.matome{
    
list-style-type: square;
    font-weight: bold;
    line-height: 30px;
    font-size: 18px;
    padding: 20px 30px 0px 30px;
}

li.matome {
    padding-bottom: 20px;
}

/*この記事を書いたのは*/

.kijititle_new {
    padding: 5px;
    margin: 50px 0 20px;
    background: #E5CB38;/*背景色*/
    text-align: center;
    color: white;
    

}

p.kijititle_new {
    margin: auto;
    font-size: x-large;
    }


.kiji_new {
    padding: 0em 1em;
    margin: 10px auto 40px;
    border: solid 3px #BDBDBD;
}

.konokiji{
    padding: 1em;
    font-weight: bold;
    
}

.kansyuu{
    padding: 1em 1em 0 0;
    
}

.kansyuu02 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
    padding: 0 1em;
}



.kansyuu03{
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  padding: 1em 1em;
    }



/*tableタグ*/

.table-wakusen {
  width: 100%;
  border-collapse: collapse;
}

.table-wakusen, td, th {
    border: 1px solid #BFBEBE; 
 
}

.table-blue,
.table-blue > th,
.table-blue > td {
    color: white;
    background-color: cornflowerblue;
    text-align: center;
    font-weight: bold;
     
    }

.table-lightblue,
.table-lightblue > th,
.table-lightblue > td {
  background-color: #b8daff;
   
   
 }   

/*記事リストタグ*/

ul.rankkiji_new {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 1em;
  position: relative;
  background: #ffffff;
  margin-top: 20px;
}

ul.kansyu_new {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
  margin:20px auto 40px;
    }

ul.kansyu_new li.kansyu_new {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
  text-decoration : underline;
  color: #225FEC;
      
}

ul.kansyu_new li.kansyu_new:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FAAC58; /*アイコン色*/
}

/*かいごの求人情報を見るの並びタグ*/
ul.tiikiretu {
    display: flex;
    gap: 30px;
    list-style: none;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 0;
    
}

ul.tiikiretu li.tiikiretu {
    color: #225FEC;


}



/*===============================================
　追加分ここまで
===============================================*/
    
a{
   word-break: break-all;
}

h4#shisetsu {
padding: 0.1em;/*文字周りの余白*/
font-weight: bold;
color: #010101;/*文字色*/
border-bottom: solid 2px #E5992C;/*下線*/
font-size:18px;
margin : 0px 0px 10px 0px ;
}

.cell{
  float: left;
  width: 50%;
}

p.font1 { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#630;
line-height:25px;
font-size:16px;
}

p.font2 { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#630;
line-height:32px;
font-size:15px;
}


span.keako {color: #a05ade;
font-weight: bold;}

span.kaigoronyan {color: #ff7c9a;
font-weight: bold;}

span.senpai {color: #4cba59;
font-weight: bold;}

#font_other {color: #5ECE90;
font-weight: bold;}

#font_kaigo {color: #ffffff;
font-size:20px;}

span.Orenji {
	color: #FA8335;
	font-weight: bold;
	font-size:18px;}

span.red {
	color: #F90E0E;
	font-weight: bold;
	font-size:18px;}

span.green {
	color: #30B646;
	font-weight: bold;
	font-size:18px;}

span.blue {
	color: #225FEC;
	font-weight: bold;
	font-size:18px;}

span.black {
	color: #000000;
	font-weight: bold;
	font-size:18px;}

span.merit {
	color: #225FEC;
	font-weight: bold;
	font-size:18px;}


span.demerit {
	color: #F90E0E;
	font-weight: bold;
	font-size:18px;}

span.oneday {
	font-family: arial ;
	color: #ffffff;
	font-weight: bold;
	font-size:25px;}

p.chusyaku {
font-size:10px;
line-height: 150%; }


@media screen and (max-width: 768px){
.spNone {       display:none;}
}

@media screen and (min-width: 768px){
.pcNone {       display:none;}
}

p.resizeimage {
   max-width: 700px; /* 最大幅 */
   margin-left: auto;
 margin-right: auto;
}
p.resizeimage img { width: 100%; }


p.resizeimage-b {
   max-width: 300px; /* 最大幅 */
   margin-left: auto;
 margin-right: auto;
}
p.resizeimage-b img { width: 100%; }


p.manga {
   max-width: 450px; /* 最大幅 */
   margin-left: auto;
 margin-right: auto;
}
p.manga img { width: 100%; }


p.graph {
   max-width: 440px; /* 最大幅 */
   margin-left: auto;
 margin-right: auto;
}
p.graph img { width: 100%; }


#jinbutsu_waku {
  max-width: 900px;
  width:83%;
  margin: 0 auto;
  padding: 1em 1em ;
  margin: 5em 30;
  background: #;
  border: dashed 1px #FACC2E;/*点線*/
}


#keako_waku {
  max-width: 600px;
  width:90%;
  margin: 0 auto;
  padding: 0.5em 0.1em 0em 0.1em;
  margin: 1em 30;
  background: #;
  border: dashed 1px #9F81F7;/*点線*/
}

#keako_waku2 {
  max-width: 800px;
  width:100%;
  margin: 0 auto;
  padding: 0.5em -0.2em;
  margin: 1em 30;
  background: #;
  border: dashed 1px #9F81F7;/*点線*/
}

#kaigoronyan_waku {
  max-width: 600px;
  width:90%;
  margin: 0 auto;
  padding: 0.5em 0.1em;
  margin: 1em 30;
  background: #;
  border: dashed 1px #E17F98;/*点線*/
}

#kaigoronyan_waku2 {
  max-width: 800px;
  width:100%;
  margin: 0 auto;
  padding: 0.2em 0em;
  margin: 1em 20;
  background: #;
  border: dashed 1px #ff7c9a;/*点線*/
}


#nayami_waku2 {
  max-width: 800px;
  width:100%;
  margin: 0 auto;
  padding: 0.2em 0em;
  margin: 1em 20;
  background: #;
  border: dashed 1px #BDBDBD;/*点線*/
}

#comment_waku {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.2em 0em;
  margin: 5em 30;
  background: #;
  border: solid 2px #BDBDBD;/*実線*/
}

#graph_waku {
  max-width: 600px;
  margin: 0 auto;
  padding: 0.2em 0em;
  margin: 5em 30;
  background: #;
  border: solid 2px #BDBDBD;/*実線*/
}

#matome_waku {
  max-width: 570px;
  width:85%;
  margin: 0 auto;
  padding: 1.2em 1em;
  margin: 5em 30 8em;
  background: #;
  border: solid 2px #BDBDBD;/*実線*/
}

#comment_left {
float:left;
width:110px;
height:0px;
border: #999;
margin:10px 10px 10px 0px;
}

#comment_right {
float:right;
width:475px;
height:0px;
border: #999;
margin:10px 0px 10px 0px;
}

#comment_right_sp {
float:right;
width:280px;
height:0px;
border: #999;
margin:10px 0px 10px 0px;
}

.mokuji {
    max-width: 800px;
	padding: 0.5em 1em;
    margin: 0 auto;
    font-weight: bold;
    color: #424242;/*文字色*/
    background: #D8D8D8;
    border: solid 1px #424242;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.mokuji p {
    margin: 0;
    padding: 0;
}

/*===============================================
　目次
===============================================*/

.mokuji_in {
    max-width: 800px;
	padding: 0.5em 1em;
    margin: 0 auto;
    color: #424242;/*文字色*/
    background: #FFFFFF;
    border: solid 1px #424242;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.mokuji_in p {
    margin: 0;
    padding: 0;
}





.demo-wrapper {
  max-width: 600px;
  margin: 0 auto;
  border: 0px;
  overflow: hidden;
  vertical-align: top;
}

.demo-wrapper p {
  margin: 0;
  padding: 1em;
  overflow: hidden;

}

.demo-side {
  float: left;
  width: 200px;
  background: ;
  vertical-align: top;
}

.demo-demo-main {
  float: left;
  widh: 100%;
  margin-left: -120px;
  background: ;
}

.demo-demo-main p {
  margin-left: auto;
}

.demo-side-j {
  float: none;
  width: 100px;
  background: ;
  vertical-align: top;
}

.demo-demo-main-j {
  float: left;
  widh: 100%;
  margin-left: -120px;
  background: ;
}

.demo-demo-main-j p {
  margin-left: auto;
}


.demo-wrapper-b {
  max-width: 700px;
  margin: 0 auto;
  border: 0px;
  overflow: hidden;
  vertical-align: top;
}

.demo-wrapper-b p {
  margin: 0;
  padding: 1em;
  overflow: hidden;

}

.demo-side-b {
  float: left;
  width: 300px;
  background: ;
  vertical-align: top;
}

.demo-demo-main-b {
  float: ;
  widh: 100%;
  margin-left: -50px;
  background: ;
}

.demo-demo-main-b p {
  margin-left: ;
}


.box3 {
    max-width: 570px;
	padding: 0.5em 2em;
    margin: 1em auto;
    color: #2c2c2f;
    background: #009D95;/*背景色*/


}
.box3 p {
    margin: 0.5em;
    padding: 0;
}



@media ( min-width : 800px ){
    .flexbox {
    display: -webkit-flex;
    display: flex;
    }
  .main {
    margin: 0 10px;
    -webkit-flex: 2;
    flex: 5;
  }
  .side {
    -webkit-flex: 0;
    flex: 0.5;
  }
}

@media ( min-width : 500px ){
    .flexbox2 {
    display: -webkit-flex;
    display: flex;

    }
  .main2 {
    margin: 15px;
    -webkit-flex: 2;
    flex: 9;

  }
  .side2 {
    -webkit-flex: 10;
    flex: 9;
    padding: 10px 10px 0px 10px ;
  }
}


@media ( min-width : 400px ){
    .flexbox3 {
    display: -webkit-flex;
    display: flex;

    }
  .main3 {
    margin: 15px;
    -webkit-flex: 2;
    flex: 9;

  }
  .side3 {
    -webkit-flex: 10;
    flex: 9;
    padding: 10px 10px 0px 10px ;
  }
}




.box28 {
    max-width: 700px;
	position: relative;
	width:85%;
    margin: 0 auto;
    padding: 30px 10px 7px;
    border: solid 2px #BDBDBD;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 12px;
    background: #e6f4ff;
    color: #ffffff;
    font-weight: bold;
}
.box28 .box-title2 {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 12px;
    background: #F7D358;
    color: #ffffff;
    font-weight: bold;
}


.box28 p {
    margin: 0;
    padding: 0;
}


.box27 {
	max-width: 700px;
	position: relative;
	width:85%;
    margin: 0 auto;
    padding: 15px 10px 7px;
    border: solid 2px #BDBDBD;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    background: #FAAC58;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 3;
    padding: 0;
}



hr {
  border-top: 0.5px solid #bbb;
  border-bottom: 1px solid #fff;
}

.exTit01 {
	font-size: 140%;
	font-weight: 700;
	margin-bottom: 15px;
}

.container4{
    display: flex;
}
.left4{
    width: 150px;
}
.contents4{
    flex: 1;
}


.container5{
    display: flex;
}
.left5{
    width: 90px;
	padding: 5px 5px 5px 10px;
}
.contents5{
    flex: 1;
	padding: 10px 10px 10px 5px;
}

.container6{
    display: flex;
}
.left6{
    width: 120px;
	padding: 5px 5px 5px 10px;
}
.contents6{
    flex: 1;
	padding: 10px 10px 10px 5px;
}


.container7{
    display: flex;
}
.left7{
    width: 30px;
	padding: 5px 5px 5px 10px;
}
.contents7{
    flex: 1;
	padding: 10px 10px 10px 5px;
}


.container8{
    display: flex;
}
.left8{
    width: 90px;
	padding: 5px 5px 5px 10px;
}
.contents8{
    flex: 1;
	padding: 5px 5px 5px 0px;
}

.container9{
    display: flex;
}
.left9{
    width: 80px;
	padding: 5px 0px 15px 5px;
}
.contents9{
    flex: 1;
	padding: 5px 5px 15px 0px;
}

.container10{
    display: flex;
}
.left10{
    width: 150px;
	padding: 5px 5px 5px 0px;
}
.contents10{
    flex: 1;
	padding: 10px 10px 10px 5px;
}

.container11{
    display: flex;
}
.left11{
    width: 120px;
	padding: 5px 5px 5px 0px;
}
.contents11{
    flex: 1;
	padding: 10px 0px 10px 15px;
}


a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}



.box_cv {
 padding: 12px;
 margin: 0px auto;
}

/*===============================================
　h1下の画像最大横幅
===============================================*/
p.column {
   max-width: 440px; /* 最大幅 */
   margin-left: auto;
   margin-right: auto;
   padding : 17px 0px 10px 0px ;
}
p.column img { width: 100%; }

/*===============================================
　けあこ吹出
===============================================*/
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: ;
    border-radius: 50%;
}

.balloon5 .chatt {
    width: 100%;
}

.says5 {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #ECE0F8;
}

.says5:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #ECE0F8;
}

.says5 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　かいごろにゃん吹出
===============================================*/
.balloon6 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border: ;
    border-radius: 50%;
}

.balloon6 .chatting {
    width: 100%;
}

.says6 {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #F7FBFF;
}

.says6:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #F7FBFF;
}

.says6 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　先生吹出
===============================================*/
.balloon6 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border: ;
    border-radius: 50%;
}

.balloon6 .chatt {
    width: 100%;
}
.says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #f0f8ff;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #f0f8ff;
}

.says p {
    margin: 0;
    padding: 0;
}

/*===============================================
　かいごろにゃん吹出2
===============================================*/
.balloon7 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon7 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon7 .faceicon img{
    width: 100%;
    height: auto;
    border: ;
    border-radius: 50%;
}

.balloon7 .chatt {
    width: 100%;
}
.says7 {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #ff7c9a;
}

.says7:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #ff7c9a;
}

.says7 p {
    margin: 0;
    padding: 0;
}


/*===============================================
　コーヒーブレイクボックス
===============================================*/
div.coffee {
padding:10px 10px 10px 10px;
}

/*===============================================
　タイプ別チェック
===============================================*/
.maste-box {
  position: relative;
  background-color: #fff;
  background: repeating-linear-gradient(-45deg, #edf5f4, #edf5f4 10px, #f6faf9 0, #f6faf9 12px);
  padding: 0.25em;
}
.maste-tape{
  position: absolute;
  top: -0.25em;
  background-color: rgba(255,255,255,.8);
  border-left:4px solid #8BC6CA;
  padding: 0.25em 2em;
  color: #6FB7AF;
  transform: rotate(-1deg);
  font-weight: bold;
  box-shadow :0px 0px 3px silver;
}
.maste-box p {
  color: #454545;
  padding: 5px 10px 5px 10px;
}

/*===============================================
　施設背景ブルー
===============================================*/
.shisetsu_b {
    margin: 2em 0;
    background: #FAFAFA;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.shisetsu_b .box-title {
    font-size: 0.8em;
    background: #5fc2f5;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	font-size:20px;
    letter-spacing: 0.05em;
	text-align: left;
}
.shisetsu_b p {
    padding: 15px 20px;
    margin: 0;
}


/*===============================================
　施設背景ピンク
===============================================*/
.shisetsu_p {
    margin: 2em 0;
    background: #FAFAFA;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.shisetsu_p .box-title {
    font-size: 0.8em;
    background: #F5A9E1;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.shisetsu_p p {
    padding: 15px 20px;
    margin: 0;
}

/*===============================================
　テーブル
===============================================*/
table.io {
  min-width: 100%;
  border-spacing: 0;
  font-size:13px;
  margin-left: auto;
  margin-right: auto;
}
table.io th.ho {
  color: #fff;
  padding: 8px 15px;
  background: #ffffff;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
}
table.io th.ho:first-child {
  border-radius: 0 0 0 0;
}
table.io th.ho:last-child {
  border-radius:0 0 0 0;
  border-right:1px solid #258;

}
table.io tr.to td.uo {
  padding: 8px 15px;
  border-top: 1px solid #84b2e0;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: ;
}
table.io tr.to td.uo:last-child {
  border-right: 1px solid #84b2e0;

}

table.io tr.to td.uou {
  padding: 8px 15px;
  background: #EFF5FB;
  border-top: 1px solid #84b2e0;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: ;
}
table.io tr.to td.uou:last-child {
  border-right: 1px solid #84b2e0;

}


table.io tr.to {
  background: #fff;
}
table.io tr.to:nth-child(2n+1) {
  background: #ffffff;
}

table tr.to:last-child td:first-child {
  border-radius: 0 0 0 0;
}
table.io tr.to:last-child td:last-child {
  border-radius: 0 0 0 0;
}


/*===============================================
　フロー
===============================================*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　下矢印1
===============================================*/
.sankaku{
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #58ACFA;
	margin: 0 auto;
}
/*===============================================
　下矢印2
===============================================*/
.sankakuaka{
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #DE8D9B;
	margin: 0 auto;
}

/*===============================================
　下矢印3
===============================================*/
.sankakuone{
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #b0e0e6;
		margin: 0 auto;
}

/*===============================================
　施設内吹出し
===============================================*/
.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　施設内吹出し
===============================================*/
.box25 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0em 1em 0em;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box25:after {
    position: absolute;
    content: '';
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box25 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　施設内吹出し
===============================================*/
h4#box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
h4#box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
h4#box24 p {
    margin: 0;
    padding: 0;
}

/*===============================================
　施設内見出し
===============================================*/
h5 {
    color: #6594e0;/*文字色*/
    border-bottom: dashed 2px #6594e0;
    font-weight: bold;
/*線の種類（点線）2px 線色*/
}

/*===============================================
　四角リスト
===============================================*/
ul.spuare{
list-style-type: square;
}

/*===============================================
　番号リスト
===============================================*/
ol.mu{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:10;
padding:10;
list-style-type: decimal;
}
ol.mu li.mu{
/* リスト部分は好きに装飾！ */
margin-left:30px;
font-weight: bold;
}
ol.mu li.mu:before{
/* カウンタ（数字になる部分） */
counter-increment: number; /* 任意の名前を付けて！ */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */

}
ul.mu{
list-style-type: square;
margin-left:30px;

}
/*===============================================
　メリット
===============================================*/
ul.merit {
  border: solid 2px #225FEC;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.merit li.merit {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.merit li.merit:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #225FEC;/*アイコン色*/
}



ul.merit2 {

  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.merit2 li.merit2 {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.merit2 li.merit2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #225FEC;/*アイコン色*/
}

/*===============================================
　デメリット
===============================================*/
ul.demerit {
  border: solid 2px #F90E0E;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.demerit li.demerit {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.demerit li.demerit:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #F90E0E;/*アイコン色*/
}



ul.demerit2 {

  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;}

ul.demerit2 li.demerit2 {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.demerit2 li.demerit2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #F90E0E;/*アイコン色*/
}






ul.yubi {

  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;}

ul.yubi li.yubi {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.yubi li.yubi:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f02c";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #848484;/*アイコン色*/
}


/*===============================================
　番号リスト
===============================================*/
ol.ma{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:10;
padding:10;
list-style-type: decimal;
}
ol.ma li.ma{
/* リスト部分は好きに装飾！ */
margin-left:20px;
}
ol.ma li.ma:before{
/* カウンタ（数字になる部分） */
counter-increment: number; /* 任意の名前を付けて！ */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */

}
ul.ma{
list-style-type: square;
margin-left:30px;

}
/*===============================================
　見出しリスト
===============================================*/
ul.orange, ol.orange{
  padding: 0;
}

ul.orange li.orange {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 1px;
  line-height: 1.5;
  background: #F8E6E0;
  vertical-align: middle;
  color: #1C1C1C;
  font-weight: bold;
  border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
}

ul.orange li.orange:before{ /*疑似要素*/
  display:inline-block;
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}
/*===============================================
　施設リスト
===============================================*/
ol.shi{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin: -1em 0em 0em 0em;
padding: 0em 1em 0em 1.8em;
list-style-type: decimal;
}
ol.shi li.shi{
/* リスト部分は好きに装飾！ */
margin-left:-20px;

}
ol.shi li.shi:before{
/* カウンタ（数字になる部分） */
counter-increment: number; /* 任意の名前を付けて！ */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */
}
ul.shi{
list-style-type: square;
margin-left:30px;
}
/*===============================================
　チェックリスト
===============================================*/
ul.ch {

  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;

}

ul.ch li.ch {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

ul.ch li.ch:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
  margin:0em 0em 7em 0em;
}
/*===============================================
　青ボックスリスト
===============================================*/
ul.bl {

  padding: 0.5em 1em 0.2em 2.3em;
  position: relative;

}

ul.bl li.bl {
  line-height: 1.5;
  padding: 0em 0em -2em 0em ;
  list-style-type: none!important;/*ポチ消す*/
}

ul.bl li.bl:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "■";
  position: absolute;
  left : 1.1em; /*左端からのアイコンまで*/
  color: #6594e0; /*アイコン色*/
  margin:0em 0em 0em 0em;
}
/*===============================================
　●リスト
===============================================*/
ul.ma {

  padding: 0em 1em 0.5em 1.5em;
  position: relative;
}

ul.ma li.ma:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "●";
  position: absolute;
  left : 0.25em; /*左端からのアイコンまで*/
  color: #000000; /*アイコン色*/
}
/*===============================================
　仕事内容リボン
===============================================*/
.note {
  background-color: #FDFCF9;
  position: relative;
  padding: 0.3em 1.5em 1.5em 1.5em;

}
.note::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 18px 18px;
  border-style: solid;
  border-color: #ccc #fff #fff #ccc;
}
/*===============================================
　h6見出し
===============================================*/
h6{
  position: relative;
  color: white;
  background: #81d0cb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
  font-weight: bold;
  margin-left:-19px;
}

h6:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left: 0.6em; /*左端からのアイコンまでの距離*/
}
/*===============================================
　監修記事一覧リストタグ
===============================================*/
ul.kansyu {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
  margin-top: -1.5em;
}

ul.kansyu li.kansyu {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
  text-decoration : underline
}

ul.kansyu li.kansyu:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FAAC58; /*アイコン色*/
}
/*===============================================
　監修記事一覧リストタグ2
===============================================*/
ul.kansyu2 {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  margin-top: -1em;
  padding-bottom: -10px
}

ul.kansyu2 li.kansyu2 {
  line-height: -1em;
  padding: 0.5em 0;
  list-style-type: none!important;
  text-decoration : underline
  padding-bottom: -10px
}

ul.kansyu2 li.kansyu2:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FAAC58; /*アイコン色*/
  padding-bottom: -10px
}

/*===============================================
　人気記事一覧リストタグ
===============================================*/
ul.rankkiji {
  box-shadow :0px 0px 3px silver;
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 1em;
  position: relative;
  background: #ffffff;
  margin-top: -1.5em;
}

ul.rankkiji li.rankkiji {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
  text-decoration : underline
}

ul.rankkiji li.rankkiji:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FAAC58; /*アイコン色*/
}

/*===============================================
　注釈リストタグ
===============================================*/
ul.custommarker02 {
	list-style-type: none;
	margin-left:15px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
}
ul.custommarker02 li:before {
	content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-10px; /* 3文字分、左に寄せる */
}
/*===============================================
　…リストタグ
===============================================*/
ul.custommarker03 {
	list-style-type: none;
	margin-left:50px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
}
ul.custommarker03 li:before {
	content: '…'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-15px; /* 3文字分、左に寄せる */
}
/*===============================================
　■リストタグ
===============================================*/
ul.custommarker04 {
	list-style-type: none;
	margin-left:22px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
	margin-top: -1.5em;
}
ul.custommarker04 li:before {
	content: '■ '; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-23px; /* 3文字分、左に寄せる */
	font-weight: bold;
	font-size:18px;
}
/*===============================================
　→リストタグ
===============================================*/
ul.custommarker05 {
	list-style-type: none;
	margin-left:30px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
}
ul.custommarker05 li:before {
	content: '→'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-20px; /* 3文字分、左に寄せる */
}
/*===============================================
　注釈リストタグ
===============================================*/
ul.custommarker06 {
	list-style-type: none;
	margin : -20px 0px 0px 0px;
	margin-left:15px; /* マーカーを3文字寄せた分、ULにマージンを設定*/
}
ul.custommarker06 li:before {
	content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin : -20px 0px 0px 0px;
	margin-left:-10px; /* 3文字分、左に寄せる */
}
/*===============================================
　かいご畑とはbox
===============================================*/
.kiji {
    padding: 0em 1em;
    margin: 1em 0;
    margin-top: 0.8em;
	border: solid 3px #BDBDBD;


}
.kiji p {
    margin: 0;
    padding: 0;
}

.kijititle {
    padding: 0.5em 1em;
    margin: 0em 0em 1.1em 0em;
    color: #2c2c2f;
    background: #E5CB38;/*背景色*/
}
.kijititle p {
    margin: 0;
    padding: 0;
}
/*===============================================
　監修者box
===============================================*/
.kansyutitle {
    padding: 0.5em 1em;
    margin: 0em 0em 2em 0em;
    color: #2c2c2f;
	margin-top: -1.5em;
    background: #E5CB38;/*背景色*/
}
.kansyutitle p {
    margin: 0;
    padding: 0;
}
/*===============================================
　かいご畑とはbox
===============================================*/
.kiji2 {
    padding: 0em 1em;
    margin: 1em 0;
    margin-top: -1.5em;
	border: solid 3px #BDBDBD;


}
.kiji2 p {
    margin: 0;
    padding: 0;
}

.kijititle2 {
    padding: 0.5em 1em;
    margin: 0em 0em 1.1em 0em;
    color: #2c2c2f;
    background: #E5CB38;/*背景色*/
}
.kijititle2 p {
    margin: 0;
    padding: 0;
}
/*===============================================
　監修者box
===============================================*/
h7 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #FFBF00;/*左線*/
font-weight: bold;
}

/*===============================================
　
===============================================*/
ul.listtest1 {
 display: flex;
 width: 100%;
}
ul.listtest1 > li {
 border: 1px solid white;
 list-style: none;
 flex-grow: 1;
 box-sizing: border-box;
}
/*===============================================
　
===============================================*/
.photo2 img{
  	transition: 0.3s;
}


.photo2 img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}
/*===============================================
　豆知識画像余白
===============================================*/
img.mameyohaku{margin:10px 5px 0px 0px;}

/*===============================================
　リンクホワイト
===============================================*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

/*===============================================
　ランキング表
===============================================*/
table.rank{
  border-collapse:collapse;
  margin:0 auto;

}
table.rank2{
  border-collapse:collapse;
  margin:0 auto;

}
th.rank{
  color:#005ab3;

}
td.rank{
  border-bottom:1px dashed #999;
min-width: 190px;
}
td.rank2{
  border-bottom:1px dashed #999;
min-width: 50px;
text-align:right;
}
th,tr:last-child td.rank{
  border-bottom:2px solid #005ab3;

}
th,tr:last-child td.rank2{
  border-bottom:2px solid #005ab3;

}
td.rank,th.rank{
  padding:10px;

}

/*===============================================
　１日の流れ
===============================================*/
.boxoneday {
	margin-left:10px;
    margin: 2em 0;
    background: #FBF2F4;
}
.boxoneday .box-title {
    font-size: 1.2em;
    background: #DE8D9B;
    padding: 4px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxoneday p {
    padding: 10px 15px;
    margin: 0;
}


.gridoneday {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: 2fr minmax(300px, 1fr);

}
.mainoneday {
 min-width:100%;
}
.sideoneday {
  background: ;
}
.mainoneday,
.sideoneday {

  border-radius: 10px
}
/*===============================================
　ノート
===============================================*/
.wrapnote {
  width: 100%;
}
.wrapnote .note {
  margin: 10px;
  padding: 10px 0 15px 0;
  background: #eee;
}
.wrapnote .note p {
  background: url(/column/line.png) repeat bottom left;
  font-size: 16px;
  line-height: 30px;
  margin: 0 20px;
}

/*===============================================
　目次
===============================================*/
.mokujiwaku{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #FAFAFA;
    border-top: solid 5px #F6CEEC;
    border-bottom: solid 5px #F6CEEC;
}
.mokujiwaku p {
    margin: 0;
    padding: 0;
}
/*===============================================
　文字背景
===============================================*/
.haikei1 {
background-color: #ffd78c;
color: #c04000;
border : 0px solid  #ffd78c ;
margin : 5px ;
}

/*===============================================
　1日の流れ
===============================================*/
.gridone {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: 1fr 1fr;
}
.mainone {
  background: ;
}
.sideone {
  background: ;
}
.mainone,
.sideone {
  padding: 1%;
  border-radius: 10px
}

@media(max-width: 400px){
  .gridone {
    grid-template-columns: 1fr;
  }
}


/*===============================================
　介護版目次
===============================================*/
/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 10px;
    font-weight: bold;
    background: #ff4500;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
	    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f5f5f5;
    border-left: solid 6px #ff4500;/*左線*/
    color: #ff4500;/*文字色*/
    font-weight: ;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f00d目次の非表示';
    font-family: 'FontAwesome';
    padding-right: 1px;
    transition: 0.2s;
}


/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked + label:before {
     content: "\f00e目次の表示";

     color:  #ff4500;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box input:checked + label + .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
	transition: 0.8s;
}


/* 目次のカスタマイズ */
.entry-content .table-of-contents {
 position:relative;
 border: 3px solid #E0F8E6; /* 枠の色はここを変更してください */
 background-color: #FFF; /* 背景カラーです */
 border-radius: 0px 0px 5px 5px;
 margin-top: 3em; /* 各々の環境で数字を調節してください */
}
.table-of-contents:after { /* 目次部分 */
 position: absolute;
 font-family: FontAwesome;
 content: '\f03a 目次'; /* 表示名を変えたければここを変更 */
 background: #707070;
 color: #fff;
 right: 0%;
 left: 0%;
 bottom: 100%;
 border-radius: 5px 5px 0 0;
 padding: 2px 0 2px 0;
 margin: 0 -3px 0 -3px;/* -で指定しているところはborderと同じ数値にする */
 text-align:center;
 font-size: 1.2em;
 letter-spacing: 2em
 }
.table-of-contents li {
 font-size:0.9em;
 font-weight: bold;
 color:#333;
}
.table-of-contents a{
 color:#545454;
 padding:8px 0;/* 列の間隔 */
 display: block;
 text-decoration: none;
 transition-duration: 0.3s /* カーソルが戻る時間 */
}
.table-of-contents li a:hover {
 padding-left: 7px; /* カーソル重ねた時に移動する距離 */
 transition-duration: 0.3s /* カーソルが移動する時間 */
}


.ribbon_box {
    display: block;

    margin: 10px 0px 10px 10px;
    padding: 10px 0px 10px 5px;
    max-width: 800px;
    border: 3px solid #66cdaa; /* 枠の色はここを変更してください */
    background: #ffffff;
  }
.ribbon8 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 0 -27px;
    width: calc(100% + 29px);
    font-size: 30px;
    color: white;
    background: #66cdaa;
}
.ribbon8:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #42C195;
}


.magnify.icon {
  color: #000;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.magnify.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.magnify.icon i {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.magnify.icon i:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.magnify.icon i:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.mokuji_6 {
    max-width: 800px;
    margin: 50px auto;
    padding: 5px 20px 5px 20px;
    position: relative;
    border: double 3px #ff4500;
    }

.mokuji_6 .box-title {
    position: absolute;
    display: inline-block;
    top: -45px;
    left: 10px;
    padding: 5px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff4500;
    font-weight: bold;
    }

/* Q&A */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {

}
.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #ffb74d;
	    color: #ffffff;
    font-weight: bold;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cp_qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #00bcd4;
}

/* 一日の流れ */
table.oneday1{
  border-collapse: separate;
  border-spacing: 0px 5px;


}
td,th.oneday2{
  padding: 10px;

}
th.oneday2{
  background: #58ACFA;
  color: #fff;
  min-width:80px;
}
td.oneday3{
  background: #f1fafe;
  width:1100px;
}

/*===============================================
　みんなの声リスト
===============================================*/
ul.koe {

  padding: 0.5em 1em 0.2em 2.3em;
  position: relative;

}

ul.koe li.koe {
  line-height: 1.5;
  padding: 0em 0em -2em 0em ;
  list-style-type: none!important;/*ポチ消す*/
}

ul.koe li.koe:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "●";
  position: absolute;
  left : 1.1em; /*左端からのアイコンまで*/
  color: #ff8c00; /*アイコン色*/
  margin:0em 0em 0em 0em;
}

/*===============================================
　夜勤日勤アイコン
===============================================*/
.jikan {
    display: inline-block;
    position: relative;
    height: 30px;/*高さ*/
    vertical-align: middle;
    text-align: center;
	padding: 2px 0px 0 0px;/*文字の左右の余白*/
	margin:0em 1em 0em 0em;
    font-size: 16px;/*文字サイズ*/
    background: #ffffff;/*背景色*/
    color: #000000;/*文字色*/
    box-sizing: border-box;
	font-weight:bold;
}

.jikan:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.jikan:after {
    top: 0;
    right: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.yakin {
    display: inline-block;
    position: relative;
    height: 25px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0px 20px 0 20px;/*文字の左右の余白*/
	margin:0em 1em -2em 0em;
    font-size: 14px;/*文字サイズ*/
    background: #4682b4;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	border-radius: 3px;
}

.yakin:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.yakin:after {
    top: 0;
    right: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.nikkin {
    display: inline-block;
    position: relative;
    height: 25px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0px 20px 0 20px;/*文字の左右の余白*/
	margin:0em 1em 0em 0em;
    font-size: 14px;/*文字サイズ*/
    background: #ff7f50;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	border-radius: 3px;
}

.nikkin:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.nikkin:after {
    top: 0;
    right: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}