@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v6.4.0/css/all.css");
/* CSS Document */
.wp_entry .nurseman_interview h3{
position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  border-bottom: 3px solid #43b6ec;
}
.wp_entry .nurseman_interview h3:before {
position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #43b6ec;
}

.wp_entry .nurseman_interview h3 span {
font-size: 40px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-left: 25px;
color: #fff;
font-weight: bold;
height: 55px;
margin: auto;
bottom: 0;
}
.wp_entry .nurseman_interview h3 span i:before{
	font-weight: bold;
}

.wp_entry .nurseman_interview h4{
	background: none;
}
.wp_entry .nurseman_interview h4:before{
	content: "Q";
color: #43b6ec;
font-weight: bold;
font-size: 24px;
margin-right: 10px;
	
}
.nurseman_interview .txt_box .answer{
	padding-left: 120px;
	position: relative;
}
.nurseman_interview .txt_box .answer:before{
	position: absolute;
left: 0;
top: 0;
background-size: 60px 60px;
background-repeat: no-repeat;
width: 120px;
height: 120px;
text-align: center;
padding-top: 65px;
background-position: top;
}
.nurseman_interview .txt_box .otsuji:before{
	content: "尾辻さん";
	background-image: url("img/answer_otsuji.png") ;
}
.nurseman_interview .txt_box .utsunomiya:before{
	content: "宇都宮看護部長";
	background-image: url("img/answer_utsunomiya.png") ;
}
.nurseman_interview .txt_box .sudou:before{
	content: "須藤さん";
	background-image: url("img/answer_sudou.png") ;
}
.nurseman_interview .txt_box .ooueno:before{
	content: "大上野看護部長";
	background-image: url("img/answer_ooueno.png") ;
}
.nurseman_interview .txt_box .asakura:before{
	content: "朝倉さん";
	background-image: url("img/answer_asakura.png") ;
}
.nurseman_interview .txt_box .nabana:before{
	content: "菜花看護部長";
	background-image: url("img/answer_nabana.png") ;
}
.nurseman_interview .txt_box .yokomizo:before{
	content: "横溝さん";
	background-image: url("img/answer_yokomizo.png") ;
}
.nurseman_interview .txt_box .ogata:before{
	content: "尾形看護部長";
	background-image: url("img/answer_ogata.png") ;
}
.nurseman_interview .txt_box .takeshita:before{
	content: "竹下さん";
	background-image: url("img/answer_takeshita.png") ;
}
.nurseman_interview .txt_box .date:before{
	content: "伊達看護部長";
	background-image: url("img/answer_date.png") ;
}

.nurseman_interview .txt_box .answer p{
	background: #e9f3fb;
	padding: 15px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.nurseman_interview .txt_box .answer p span.small{
	font-size: 80%;
}
.nurseman_interview .flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}
.nurseman_interview .flex_box .txt_box{
	width: calc(100% - 430px);
}
.nurseman_interview .flex_box .img_box{
	width: 400px;
}
.nurseman_interview .flex_box .img_box img{
	width: 100%;
}
.nurseman_interview ul li a{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0;
	padding-right: 0;
}
.nurseman_interview ul li a strong {
  padding: 60px 30px;
  background: rgba(67,182,236,0.7);
  width: 100% !important;
  height: 100% !important;
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
	font-size: 18px;
color: #111; 
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	transition: all .1s;
	font-weight: bold;
}
.nurseman_interview ul li a:hover strong {
  background: rgba(67,182,236,0.8);
}
.nurseman_interview ul li a.interview_01{
	background-image: url("img/bg_index_01.png");
}
.nurseman_interview ul li a.interview_02{
	background-image: url("img/bg_index_02.png");
}
.nurseman_interview ul li a.interview_03{
	background-image: url("img/bg_index_03.png");
}
.nurseman_interview ul li a.interview_04{
	background-image: url("img/bg_index_04.png");
}
.nurseman_interview ul li a.interview_05{
	background-image: url("img/bg_index_05.png");
}
.nurseman_interview ul li a:hover {
  background:auto;
		background-position: center !important;
	background-size: cover !important;

}
.nurseman_interview .hp_box{
display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}
.nurseman_interview .hp_box>img{
	width: 300px;
}
.nurseman_interview .hp_box>p{
	margin-left: 40px;
	width: calc(100% - 340px);
}
.nurseman_interview .lnav-rich ul{
	
}
.nurseman_interview .lnav-rich ul li{
	position: relative;
}
.nurseman_interview .lnav-rich ul li:after{
	content: "NEW";
position: absolute;
top: 15px;
right: 15px;
background: #f3809e;
padding: 5px 10px;
border-radius: 10px;
color: #fff;
font-weight: bold;
}
.nurseman_interview .lnav-rich ul li:nth-child(1):after,
.nurseman_interview .lnav-rich ul li:nth-child(2):after{
	display: none;
}
@media screen and (max-width: 960px) {
.nurseman_interview .flex_box .txt_box,
	.nurseman_interview .flex_box .img_box{
	width: 100%;
}
.nurseman_interview .flex_box .img_box{
	text-align: center;
}
.nurseman_interview .flex_box .img_box img{
	width: 70%;
}

.nurseman_interview .hp_box>img,
.nurseman_interview .hp_box>p{
	margin-left: 0;
	margin-bottom: 10px;
	width: 100%;
}
	.nurseman_interview .hp_box>img{
	width: 70%;
	}

}