.opt-wrapper{
 font-size:16px;
 font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
 border:0px solid #ff0000;
}
.opt-2{
 width:100%;
 height:40px;
 max-width:940px;
 margin:0;
 padding:10px;
 list-style:none;
 background-color:#fff;
 display:flex;
 align-items:center;
}
.opt-2 li{
 display: block;
 float: left;
 width: 16.6%;
 margin: 0;
 padding: 0;
 border-right:1px solid #400000; 
}
.opt-2 li a{
  display: block;
  padding: 12px 0 10px;
  background: #fff;
  color: #333;
  font-weight:600;
  text-align: center;
  text-decoration: none;
  border:0px solid #ff0000;
 -webkit-transition: 0.2s;
 -moz-transition: 0.2s;
 -ms-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;
}
/*大きな２段落設定*/
.opt-3 a:hover{
 color:#fff;
 background: #400000;
}
.opt-pink{
 font-weight:600;
 color:#db7093;
}
.opt-pink:hover{
 color:#fff;
}
.opt-blue{
 font-weight:600;
 color:#4169e1;
}
.opt-blue:hover{
 color:#fff;
}
.opt-green{
 font-weight:600;
 color:#228b22;
}
.opt-green:hover{
 color:#fff;
}
/*大きな２段落設定*/
.opt-4 a:hover{
 color:#fff;
 background: #db7093;
}
/*大きな２段落設定*/
.opt-5 a:hover{
 color:#fff;
 background: #4169e1;
}
/*大きな２段落設定*/
.opt-6 a:hover{
 color:#fff;
 background: #228b22;
}
/*看護の表*/
.nurse-flex{
width:750px;
border:0px solid #ff0000;
}
.nurse-flex ul{
width:750px;
margin:0;
padding:0;
text-align:center;
list-style:none;
display:flex;

}
.nurse-flex ul li{
margin:0 5px 0 0;
}
.nurse-flex1 ul {
width:750px;
margin:0;
padding:0;
list-style:none;
display:flex;
}
.nurse-flex1 ul li{
border-top:1px solid #fff;
margin:0 5px 0 0;
}
.nf-bunya,
.nf-tama,
.nf-tama2,
.nf-sidou,
.nf-sidou1{
padding:5px;
background-color:#d2b48c;
}
.nf-tama{
width:450px;
color:#fff;
background-color:#a48779;
display:flex;
justify-content:center;
align-items:center;
}
.nf-tama1{
padding:5px;
background-color:#d2b48c;
}
.nf-tama1{
width:500px;
}
.nf-tama2{
width:448px;
border:1px solid #dbcfc9;
background-color:#f6f4ee;
}
.nf-sidou{
width:100px;
color:#fff;
text-align:center;
background-color:#a48779;
display:flex;
justify-content:center;
align-items:center;
}
.nf-sidou1{
width:98px;
text-align:center;
border:1px solid #dbcfc9;
background-color:#eee9e6;
}
.nf-cousu{
width:30px;
color:#fff;
padding:5px;
background-color:#a48779;
display:flex;
justify-content:center;
align-items:center;
}
.nf-cousu1{
width:30px;
color:#fff;
padding:5px;
background-color:#a52a2a;
display:flex;
justify-content:center;
align-items:center;
}
.nf-cousu2{
width:28px;
color:#000;
padding:5px;
border:1px solid #dbcfc9;
background-color:#f6f4ee;
display:flex;
justify-content:center;
align-items:center;
}

.nf-cousu-wide{
width:50px;
color:#fff;
padding:5px;
background-color:#a48779;
display:flex;
justify-content:center;
align-items:center;
}
.nf-cousu-wide1{
width:48px;
color:#000;
padding:5px;
border:1px solid #dbcfc9;
background-color:#f6f4ee;
display:flex;
justify-content:center;
align-items:center;
}

.nf-main{
border:1px solid #00ff00;
}
/*footer設定*/
.f-content{
padding:0;
margin:0px 0 0 0;
border:0px solid #ff0000;
}
.f-add{
width:100%;
margin:0 auto;
text-align:center;
border:0px solid#fff000;
}
.c-right{
width:100%;
margin:0 auto;
text-align:center;
border:0px solid #00ff00;
}
/*footer設定*/

/*横並びリスト 1段 2列組
最大幅は画面の8割 ulには画面中央 中身は横並び中央設定
ieはフォントでレイアウトが崩れるなので指定するときは下記対応
 width: 100%;
 max-width: 80%;がレスポン仕様
*/
ul.f-wrap{
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
  padding: 0;
  list-style:none;
  font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0px solid #ff0000;

}
/*IEレイアウト崩れ対策。游ゴシックが受け付けないため
*/
@media all and (-ms-high-contrast:none) {
ul.f-wrap{
font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
}
@media only screen and (max-width: 480px) {
ul.f-wrap{
flex-direction:column;
  }
}
ul.f-wrap li{
  width:50%;
  height:100%;
  border:0px solid #00ff00;
  display:flex;
  align-items:center;
  justify-content:center;
}
/*メニューにリンクするときはaにdisplayをかける
高さと幅も決める
*/
ul.f-wrap li a{
  width:100%;
  height:50px;
  display: block;
  padding: 12px 0 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display:flex;
  align-items:center;
  justify-content:center;
}