@charset "UTF-8";
/* =========================================================
 voice/common.css
========================================================= */
/* ----- #contents ----- */
#contents .section .mv_container{
 background: #eef5f9;
 padding: 30px;
 margin-bottom: 30px;
}

#contents .section .mv_container figure img.sp{
	display:none

}

#contents .section .mv_container p{

font-size: 12px;

margin: 0;
}
#contents .section .mv_container h2{
 padding: 0;
 border: none;
 text-align: center;
 margin: 15px 0 10px;
 color: #25282a;
 font-size: 18px;
}


#contents .section .mv_container h2 br.sp{
	display:none

}

#contents .section .mv_container ul{
 /* background:yellow; */
 display: flex;
 justify-content: space-between;
 /* align-items: stretch; */
 margin-bottom: 10px;
}
#contents .section .mv_container ul li{
 width: calc(100% / 2 - 10px);
 /* background: aqua; */
 padding: 0;
 text-align: center;
 /* height: 100%; */
 margin: 0;
 /* box-sizing: border-box; */
 /* align-items: stretch; */
 overflow: hidden;
 background: #fff;
 border: solid 1px #d4e5ec;
}
#contents .section .mv_container ul li h3{
 border: none;
 padding: 0;
 background: #308bb3;
 color: #fff;
 padding: 5px;
}
#contents .section .mv_container ul li .box{
 padding: 15px;
}
#contents .section .mv_container ul li .box figure{
 /* width: 100px; */
 /* height: 100px; */
 /* background: #ccc; */
 margin: 0 auto 10px;
}
#contents .section .mv_container ul li .box figure img{
 width:100%

}
#contents .section .mv_container ul li .box p{
 margin: 0;
 font-weight: bold;
 font-size: 16px;
 line-height: 1.2;
}
#contents .section .mv_container ul li .box p span{

display: block;

color: #ff6801;

font-size: 18px;

line-height: 1;
}
#contents .section .mv_container ul li .box p span em{

font-weight: bold;

font-size: 40px;

position: relative;

bottom: -1px;

margin: 0 2px;
}
#contents .section .search_wrap{

display: flex;

border: solid 5px #ebebeb;

align-items: center;

padding: 15px;

margin-bottom: 20px;
}
#contents .section .sort_wrap{
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 10px;
}
#contents .section .search_wrap .select_box,
#contents .section .sort_wrap .select_box{/* padding: 0 10px; */height: 100%;background: #eef5f9;border: none;font-size: 14px;width: 100%;border-radius: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;width: 100%;margin-right: 10px;}
#contents .section .search_wrap .select_box::after, #contents .section .sort_wrap .select_box::after, #contents .section .search_wrap .part button#hope_employment_text::after{
    content: "";
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 7px solid #5cb8e6;
    border-bottom: 0;
    position: absolute;
    z-index: 1;
    right: 11px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#contents .section .search_wrap .select_box select,
#contents .section .sort_wrap .select_box select{padding: 5px 30px 5px 12px;height: 100%;background: #eef5f9;border: none;font-size: 14px;width: 100%;border-radius: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 12px 10px;}



#contents .section .sort_wrap .results{margin: 0;}
#contents .section .sort_wrap .results span#totalResults{
	/* background:red; */
	font-weight: bold;
	font-size: 26px;
	color: #ff6801;
	margin: 0 3px;
	position: relative;
	bottom: -1px;
}
#contents .section .sort_wrap .search_pagenation, #contents .section .search_pagenation {
    margin: 0;
	}

#contents .section .sort_wrap .search_pagenation ul, #contents .section .search_pagenation ul{
 margin: 0;
 display: flex;
 }
#contents .section .sort_wrap .search_pagenation li, #contents .section .search_pagenation li{
    margin: 0;
    /* background: red; */
    /* margin: 0 2px; */
    /* width: 35px; */
    /* min-width: 35px; */
    /* height: 35px; */
    display: flex;
    align-items: center;
    justify-content: center;
 }
#contents .section .sort_wrap .search_pagenation li.active, #contents .section .search_pagenation li.active{width: 25px;min-width: 25px;font-weight: bold;}
#contents .section .sort_wrap .search_pagenation li a, #contents .section .search_pagenation li a {
    margin: 0;
    border: solid 1px;
    display: block;
    margin: 0 2px;
    width: 33px;
    min-width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: -1px;
 }


#contents .section .search_wrap p{

margin: 0;

font-weight: bold;

width: 96px;

min-width: 96px;

font-size: 16px;

margin-right: 10px;
}

#contents .section .sort_wrap .select_box{
 margin-right: 0;
 /* width: 100%; */
 width: 130px;
}
#contents .section .search_wrap .select_box select{

/* width: 100%; */

/* margin: 0 10px; */
}
#contents .section .search_wrap button{

background: #ff6801;

border-radius: 5px;

padding: 10px;

font-weight: bold;

color: #fff;

font-size: 16px;

width: 70px;

min-width: 70px;
}





#contents .section .voice_box{
 margin-bottom: 30px;
}
#contents .section .voice_box p{
 margin: 0;
}

#contents .section .voice_box .license{
 margin: 5px;
}

#contents .section .voice_box .wrap .l_wrap .license p{
 line-height: 1.2;
}

#contents .section .voice_box em{
 font-style:inherit
}
#contents .section .voice_box .day{text-align: right;/* font-size: 14px; */margin-bottom: 5px;}
#contents .section .voice_box .wrap{display: flex;/* align-items: center; */justify-content: space-between;}

#contents .section .voice_box .wrap .l_wrap{
 width: 130px;
 max-width: 130px;
 text-align: center;
}

#contents .section .voice_box .wrap .l_wrap figure{
	width: 100px;
	height: 100px;
}
#contents .section .voice_box .wrap .l_wrap figure.male{

background: url(https://img.jusnet.co.jp/staff/voice/male_icon.png) center top #f4f4f4 no-repeat;

background-size: contain;

}
#contents .section .voice_box .wrap .l_wrap figure.female{

background: url(https://img.jusnet.co.jp/staff/voice/female_icon.png) center top #f4f4f4 no-repeat;

background-size: contain;

}




#contents .section .voice_box .wrap .l_wrap em{font-weight: bold;font-size: 16px;display: block;line-height: 1.2;margin: 5px 0;}
#contents .section .voice_box .wrap .l_wrap p{line-height: 1;}

#contents .section .voice_box .wrap .comment{
 width: 100%;
 margin-left: 25px;
 padding: 20px 20px;
 position: relative;
 border-radius: 15px;
}

#contents .section .voice_box.male .wrap .comment{

 background: #e5f6fc;

}
#contents .section .voice_box.female .wrap .comment{

 background: #ffeeec;

}

#contents .section .voice_box .wrap .comment::after{
 content:"";
 width: 0;
 height: 0;
 border-style: solid;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;

 border-left: 0;
 position: absolute;
 left: -12px;
 top: 43px;
}
#contents .section .voice_box.male .wrap .comment::after{

 border-right: 12px solid #e5f6fc;

}
#contents .section .voice_box.female .wrap .comment::after{

 border-right: 12px solid #ffeeec;

}
#contents .section .voice_box .wrap .comment .license{

display: flex;

align-items: baseline;

/* margin-bottom: 10px; */
}
#contents .section .voice_box .wrap .comment .license span{

display: inline-block;

background: #003686;

color: #fff;

font-size: 12px;

padding: 2px 5px;

width: 60px;

min-width: 60px;

text-align: center;

margin-right: 10px;
}
#contents .section .voice_box .wrap .comment .license p{

}
#contents .section .voice_box .wrap .comment .satisfaction{

/* background: #fff; */
}

#contents .section .voice_box .wrap .comment .satisfaction.no-eval{
    margin-top: 10px;
}

#contents .section .voice_box .wrap .comment .evaluation{

background: #fff;

padding: 10px;

margin: 10px 0 10px;

font-weight: bold;

font-size: 14px;
}
#contents .section .voice_box .wrap .comment .evaluation span{

color: #ff6801;

margin-left: 5px;
}
#contents .section .voice_box .wrap .comment .title{

margin-bottom: 5px;

font-weight: bold;

font-size: 16px;
}







#contents .section .voice_box .wrap .comment .satisfaction .text-container {
  position: relative;
  /* max-width: 600px; */
}

#contents .section .voice_box .wrap .comment .satisfaction .text-container .text-content {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* ← ここで3行に制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
#contents .section .voice_box .wrap .comment .satisfaction .text-container .button_box{

display: flex;

justify-content: flex-end;
}
#contents .section .voice_box .wrap .comment .satisfaction .text-container .read-more-btn{
	background: none;
	padding: 0;
	color: #00255c;
	text-decoration: underline;
	/* font-size: 1.5rem; */
	}

#contents .section .voice_box .wrap .comment .satisfaction .text-container .text-content.expanded {
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}
#contents .section .voice_box .wrap .comment .satisfaction .text-container strong{color: inherit;background: linear-gradient(transparent 65%, #ffe09a 0%);padding: 0 3px;font-weight: 700;}


#contents .section .search_wrap input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none;
}

#contents .section .search_wrap .part{
	width: 100%;
	background: #eef5f9;
	margin-right: 10px;
	border-radius: 5px;
	/* position: relative; */
}

#contents .section .search_wrap .part input.accordion__input[type="checkbox"]:checked+label:after {
    /* content: "＋"; */
    /* opacity: 1; */
    /* line-height: 1.4; */
 }

#contents .section .search_wrap .part .accordion__label {
    display: block;
    padding: 12px;
    background: #f6f6f6;
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    font-size: 14px;
    text-align: left;
 }

#contents .section .search_wrap .part .accordion__label::after {
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 15px;
    transform: translateY(-50%);
    font-weight: 700;
	}

#contents .section .search_wrap .part .accordion__input:checked+.accordion__label::after {
    content: '-';
    font-size: 20px;
    left: inherit;
	}

#contents .section .search_wrap .part .accordion__input:checked+.accordion__label+ul {
    max-height: 100%;
    padding: 5px 0 10px;
    opacity: 1;
 }

#contents .section .search_wrap .part .accordion ul {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
 }
#contents .section .search_wrap .part .accordion ul li{
	margin: 0;
	border-bottom: solid 1px #ededed;
	width: calc(100% / 3 - 7px);
	margin-right: 10px;
}
#contents .section .search_wrap .part .accordion ul li:nth-of-type(3n){
	margin-right:0
}
#contents .section .search_wrap .part .accordion ul li input[type="checkbox"]:checked+label:after {
    content: "";
    opacity: 1;
    line-height: 1.4;
	}

#contents .section .search_wrap .part .accordion ul li label {
    display: block;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    padding: 10px 0px 10px 20px;
    text-align: left;
    line-height: 1.25;
 }

#contents .section .search_wrap .part .accordion ul li label:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 11px;
    transition: 0.1s ease-in-out;
    background: #d7e2ed;
 }

#contents .section .search_wrap .part .accordion ul li label:after {
    content: "";
    display: block;
    transform: rotate(45deg);
    border: solid 3px #ff6801;
    border-top: 0;
    border-left: 0;
    width: 7px;
    height: 11px;
    left: 6px;
    top: 10px;
    position: absolute;
    box-sizing: border-box;
    transition: 0.15s ease-in-out;
    opacity: 0;
 }
#contents .section .search_wrap .part button.trigger {

position: relative;

background: none;

color: #000;

font-weight: normal;

font-size: 14px;

padding: 8px 10px;

width: 132px;

text-align: left;
}

#contents .section .search_wrap .part .modal__blade {
      display: none;
      position: absolute;
      background: #ffffff;
      padding: 5px 20px 20px 20px;
      z-index: 1000;
      /* min-width: 400px; */
      max-height: 400px;
      width: 100%;
      height: auto;
      overflow-y: scroll;
      margin-top: 10px;
      box-shadow: rgb(236, 236, 236) 0px 0px 10px;
      border: 1px solid rgb(229, 231, 235);
      text-align: right;
      width: 100%;
      left: 0;
    }


#contents .section .search_wrap .part .modal__blade::-webkit-scrollbar {
    height: auto;
    width: 6px;
	}

#contents .section .search_wrap .part .modal__blade::-webkit-scrollbar-track {
    background: #d4e3f2;
	}

#contents .section .search_wrap .part .modal__blade::-webkit-scrollbar-thumb {
    background: #b9cfe5;
    border-radius: 100px;
	}
#contents .section .search_wrap .part .close-btn {
      margin-top: 10px;
      padding: 5px 10px;
      background: #003685;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 14px;
      border-radius: 3px;
    }


/* =========================================================
@meida 768px
========================================================= */
@media screen and (max-width: 768px) {
#contents .section .mv_container{
padding: 15px;
margin-bottom: 20px;
}

#contents .section .mv_container figure img{
	display:none
}
#contents .section .mv_container figure img.sp{
	display:block

}
#contents .section .mv_container h2{
 margin: 5px 0 10px;
 font-size: 16px;
 line-height: 1.3;
}

#contents .section .mv_container h2 br.sp{
	display:block

}
#contents .section .mv_container ul{display: block;}
#contents .section .mv_container ul li{width: 100%;margin-bottom: 10px;}
#contents .section .mv_container ul li h3{

}
#contents .section .mv_container ul li .box{

}
#contents .section .mv_container ul li .box figure{

}
#contents .section .mv_container ul li .box figure img{
 width: 90%;
}
#contents .section .mv_container ul li .box p{

}
#contents .section .mv_container ul li .box p span{
	font-size: 16px;line-height: 0.9;
}
#contents .section .mv_container ul li .box p span em{
	font-size: 36px;bottom: -2px;
 }



#contents .section .voice_box{
 /* margin-bottom: 30px; */
}

#contents .section .voice_box.male .wrap{background: #e5f6fc;}

#contents .section .voice_box.female .wrap{background: #ffeeec;}
#contents .section .voice_box p{
 margin: 0;
}
#contents .section .voice_box em{
 font-style:inherit
}
#contents .section .voice_box .day{text-align: right;/* font-size: 14px; */margin-bottom: 5px;}
#contents .section .voice_box .wrap{display: block;padding: 20px;}

#contents .section .voice_box .wrap .l_wrap{
 width: 100%;
 max-width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 15px;
 /* background: #fff; */
 /* padding: 10px; */
 border-bottom: solid 1px rgb(0 0 0 / 8%);
 padding-bottom: 15px;
}

#contents .section .voice_box .wrap .l_wrap figure{width: 60px;min-width: 60px;height: 60px;}

#contents .section .voice_box .wrap .l_wrap .text{

width: 100%;

text-align: left;

margin-left: 10px;
}

#contents .section .voice_box .wrap .l_wrap em{font-size: 14px;margin: 0;/* display: inline; */line-height: 1.4;}
#contents .section .voice_box .wrap .l_wrap p{display: inline;}

#contents .section .voice_box .wrap .comment{

 width: 100%;
 margin-left: 0;
 padding: 0;
 border-radius: 0;
}



#contents .section .voice_box .wrap .comment .license span{/* display: inline-block; *//* background: #003686; *//* color: #fff; */font-size: 10px;/* padding: 2px 5px; */width: 50px;min-width: 50px;/* text-align: center; */margin-right: 5px;}
#contents .section .voice_box .wrap .comment .license p{font-size: 12px;}

#contents .section .voice_box .wrap .comment .evaluation{

 font-size: 14px;
}

#contents .section .voice_box .wrap .comment .title{

 font-size: 14px;
}








#contents .section .voice_box .wrap .comment .readmore-content {height: 48px;line-height: 1.6;}
#contents .section .voice_box .wrap .comment .readmore-content p{/* line-height: 1.4; */}


#contents .section .search_wrap{

border: solid 3px #ebebeb;

margin-bottom: 20px;

flex-wrap: wrap;
}
#contents .section .sort_wrap{

}
#contents .section .search_wrap .select_box,
#contents .section .sort_wrap .select_box{
width: 100%;
	margin:0 0 5px 0 ;
}
#contents .section .search_wrap .select_box::after, #contents .section .sort_wrap .select_box::after, #contents .section .search_wrap .part button#hope_employment_text::after{

}
#contents .section .search_wrap .select_box select,
#contents .section .sort_wrap .select_box select{
}

#contents .section .search_wrap p{

width: 100%;

min-width: 100%;

font-size: 16px;

margin-right: 0;

text-align: center;

margin-bottom: 5px;
}

#contents .section .sort_wrap .select_box{
 margin-right: 0;
 /* width: 100%; */
 width: 130px;
}
#contents .section .search_wrap .select_box select{

/* width: 100%; */

/* margin: 0 10px; */
}
#contents .section .search_wrap button{

padding: 10px;

font-size: 16px;

width: 100%;

min-width: 100%;

margin-top: 10px;
}



#contents .section .search_wrap .part{
	width: 100%;
	margin-right: 0;
}









#contents .section .search_wrap .part .accordion ul li{
	width: 100%;
	margin: 0;
}


#contents .section .search_wrap .part .accordion ul li label {
    font-size: 14px;
    padding: 15px 0px 15px 25px;
    text-align: left;
    line-height: 1.25;
 }

#contents .section .search_wrap .part .accordion ul li label:before {top: 15px;width: 17px;height: 17px;}

#contents .section .search_wrap .part .accordion ul li label:after {top: 16px;}
#contents .section .search_wrap .part button.trigger {

/* padding: 5px 10px; */

margin: 0;
}

#contents .section .search_wrap .part .modal__blade {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 111111;
      width: 100%;
      max-height: inherit;
      height: 100%;
      margin: 0;
    }

#contents .section .search_wrap .part .close-btn {
      padding: 10px 10px;
    }
#frmSearch #saved_status{

text-align: center;
}

}