/* ヘッダー調整用 */
.header-cyousei img{
width:100%; /* 横幅を割合で指定 */
height:auto; /* 高さは自動指定 */
}


/*フッターボトムの背景色*/
.bottomFooter{
	background: #ffffff;
}


/*コピーライトの文字色*/
.bottomFooter__copyright{
	color:#333333;
}


/*コピーライトのリンクの文字色*/
.bottomFooter__link{
	color:#7c7b7b;
}


/*見出し付きBOXサイドバー1*/
.side-midasi-box{
  margin:1px 1px 50px 1px;
  border: 1px solid #35b3e6;
}
.side-midasi-box h3 {
  border-bottom: 1px solid #35b3e6;
  background: #FFF;
  color: #35b3e6;
  text-align: center;
  margin: 0;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}
.side-midasi-box .side-midasi-box-inner{
  padding: .5em;
}

/*見出し付きBOXサイドバー2*/
.side-midasi-box-2{
  margin:1px 1px 50px 1px;
  border: 1px solid #ffffff;
}
.side-midasi-box-2 h3 {
	border: 1px solid #ff598b;
	border-radius: 4px;
	background: #ffffff;
	color: #ff598b;
	text-align: center;
	margin: 0;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}
.side-midasi-box-2 .side-midasi-box-2-inner{
  padding: .5em;
}

/*見出し付きBOXサイドバー（ボタン装飾）*/
.side-botansousyoku img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.side-botansousyoku:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*ヘッダー
------------------------------------------------------------*/
.l-header{
	padding:0 0 0 0;
}

/*コンテンツとヘッダーの間の隙間を縮める
------------------------------------------------------------*/
.l-wrapper{
	top: -25px !important; /* コンテンツを上に移動 */
}

/*■編集部おすすめ（青）■*/
.box26 {
	position: relative;
	margin: 0.5em 0;
	padding: 0 0;
	border: solid 1px #fff;
	border-radius: 8px;
	min-height:95px;
	background: #f2fbfe;
}
.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -30px;
	left: 0;
	padding: 7px 18px;
	line-height: 1;
	font-size: 17px;
	background: #004ba0;
	color: #fff;
	font-weight: bold;
}
.box26 p {
    margin: 1em 1em; 
    padding: 0;
	  text-align: left;
}

.box26-1 {
    float: left;
  	width: 75px;
	  height: 58px
}

.box26-2 {
}

/*■編集部おすすめ（ピンク）■*/
.box26-pink {
	position: relative;
	margin: 0.5em 0;
	padding: 0 0;
	border: solid 1px #fff;
	border-radius: 8px;
	min-height:95px;
	background: #fff5f5;
}
.box26-pink .box-title {
	position: absolute;
	display: inline-block;
	top: -30px;
	left: 0;
	padding: 7px 18px;
	line-height: 1;
	font-size: 17px;
	background: #f87273;
	color: #fff;
	font-weight: bold;
}
.box26-pink p {
    margin: 1em 1em; 
    padding: 0;
	  text-align: left;
}

.box26-1-pink {
    float: left;
  	width: 75px;
	  height: 58px
}

.box26-2-pink {
}

/*■案件見出し（青）■*/
.ankenmidasi-blue {
    display: flex;
    align-items: center;
    padding: .5em 1.2em;
    background-color: #004ba0;
    color: #eedd22;
		font-weight: bold;
	  font-size: 22px;
}
.ankenmidasi-blue a{
    color: #ffffff;
		font-weight: bold;
		font-size: 22px;
		text-decoration: underline;
}

/*■案件見出し（ピンク）■*/
.ankenmidasi-pink {
	display: flex;
	align-items: center;
	padding: .5em 0.7em;
	background-color: #f87273;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.2;
}
.ankenmidasi-pink a{
	color: #ffffff!important;
}

/*■案件見出し（ピンク）（上）■*/
.h1-ue {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	padding: 7px 0;
	line-height: 1.4;
	font-size: 0.9em;
	background: #ffffbc;
	color: #f52e2f;
	font-weight: bold;
}

/*■divリスト表示（ul・liの代用）（緑）■*/
.check-mark-ul {
  list-style-type: none;
}
.check-mark-li {
  position: relative;
	margin-bottom: -10px;
	padding: 0 0 0 23px;
}
.check-mark-li p{
	line-height: 1.2;
}
.check-mark-li::after {
  content: '';
  display: block;
  position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 8px;
  border-left: 3px solid #009045;
  border-bottom: 3px solid #009045;
  transform: rotate(-45deg);
}

/*■コラム見出し（青）■*/
.koramumidasi-blue {
    display: flex;
    align-items: center;
    padding: .5em 1.2em;
    background-color: #004ba0;
    color: #ffffff;
		font-weight: bold;
	  font-size: 22px;
}

/*■コラム見出し（ピンク）■*/
.koramumidasi-pink {
    display: flex;
    align-items: center;
    padding: .5em 1.2em;
    background-color: #ff598b;
    color: #ffffff;
		font-weight: bold;
	  font-size: 22px;
}


/*■見出し1（ここがポイント）（青）■*/
.midasi1-blue {
	padding: .1em .5em;
	border-left: 5px solid #53d0df;
	background-color: #ebfdff;
	color: #333333;
	font-size:1.2em;
}

/*■見出し1（ここがポイント）（ピンク）■*/
.midasi1-pink {
	padding: .1em .5em;
	border-left: 5px solid #f87273
;
	background-color: #fff5f5;
	color: #333333;
	font-size:1.2em;
}


/*■見出し1（こんな方におすすめ）（青）■*/
.midasi2-blue {
	position: relative;
	padding: .3em 0 .2em 1em;
	border-bottom: 3px solid #53d0df;
	color: #333333;
	font-size:1.2em;
}

.midasi2-blue::before {
	position: absolute;
	top: 0;
	left: .3em;
	transform: rotate(55deg);
	height: 11px;
	width: 12px;
	background: #53d0df;
	content: '';
}

.midasi2-blue::after {
	position: absolute;
	transform: rotate(15deg);
	top: .6em;
	left: 0;
	height: 8px;
	width: 8px;
	background: #53d0df;
	content: '';
}

/*■見出し1（こんな方におすすめ）（ピンク）■*/
.midasi2-pink {
	position: relative;
	padding: .3em 0 .2em 1em;
	border-bottom: 3px solid #f87273;
	color: #333333;
	font-size:1.2em;
}

.midasi2-pink::before {
	position: absolute;
	top: 0;
	left: .3em;
	transform: rotate(55deg);
	height: 11px;
	width: 12px;
	background: #f87273;
	content: '';
}

.midasi2-pink::after {
	position: absolute;
	transform: rotate(15deg);
	top: .6em;
	left: 0;
	height: 8px;
	width: 8px;
	background: #f87273;
	content: '';
}

/*■見出し（３選）（ピンク）■*/
.sansen-pink {
	display: flex;
	padding-top: 15px;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight:bold;
	text-align: center;
	color: #f87273;
}
.sansen-pink .small-text {
	font-size: 14px;
	line-height: 0.5; /* 要素下の隙間を調整 */
	display: block; /* spanを改行させるため */
}
.sansen-pink .large-text {
	font-size: 24px;
	display: block; /* spanを改行させるため */
}
.sansen-pink::before,
.sansen-pink::after {
	content: '';
	width: 2px;
	height: 40px;
	background-color: #f87273;
}

.sansen-pink::before {
	margin-right: 20px;
	transform: rotate(-35deg)
}
.sansen-pink::after {
	margin-left: 20px;
	transform: rotate(35deg)
}

/*■title見出し（ピンク）■*/
.title-pink {
	display: flex;
	padding-top: 15px;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	color: #ff0000;	
}
.title-pink::before,
.title-pink::after {
	content: '';
	width: 2px;
	height: 15px;
	background-color: #ff0000;
}

.title-pink::before {
	margin-right: 15px;
	transform: rotate(-90deg)
}
.title-pink::after {
	margin-left: 15px;
	transform: rotate(90deg)
}

/*■チェックマーク整頓div■*/
.checkmark-seiton{
}
.checkmark-seiton p{
	line-height: 1.5;
	margin:0.5em ;
}

/*■角丸枠で飛び出るチェックマーク■*/
.checkmark-kadomaru-soto{
	padding-left:24px;
	position:relative;
}

.checkmark-kadomaru-soto:before,
.checkmark-kadomaru-soto:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark-kadomaru-soto:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark-kadomaru-soto:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}

/*■丸枠のチェックマーク■*/
.checkmark-maru{
	padding-left:24px;
	position:relative;
}

.checkmark-maru:before,
.checkmark-maru:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark-maru:before{
	width:18px;
	height:18px;
	border-radius:9px;
	background:#f87273;
	border:1px solid #f87273;
	left:0;top:2px;
}
.checkmark-maru:after{
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	width:8px;
	height:4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:8px;
}

/*■注釈の行間■*/
.cyusyaku{
		line-height: 1;
}

/*■看護師 転職サイト診断div■*/
.ns-sindan {
	background-color: #ffffe8;
	display: inline-block; /* 中の要素に応じてサイズを決定 */
}
.youso1,
.youso2,
.youso3 {
	background-color: #f6f6b9;
  width: 33.3%;
	float: left;
	margin-top: -10px!important; /* 外側の余白をなくす */
}

/*■シンプルボタン1■*/
a.btn_simple1 {
	display: block;
	color: #ffffff!important;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	text-align: center;
	padding: 1.3em .5em;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid transparent;
	border-radius: 6px;
	box-sizing: border-box;
	max-width: 360px;
	margin: 0 auto;
	position: relative;
}
a.btn_simple1 span {
  position: relative;
  display: block;
  transform: translate(-3px, -3px);
  transition: 0.3s;
  z-index: +1;
}
a.btn_simple1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #06c755;
  border-radius: 6px;
  box-sizing: border-box;
  transform: translate(-3px, -3px);
  transition: 0.3s;
}
a.btn_simple1:hover span {
  transform: translate(0, 0);
}
a.btn_simple1:hover:after {
  transform: translate(0, 0);
}
@media all and (max-width: 1023px) {
  a.btn_06-2 {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  a.btn_06-2 {
    font-size: 16px;
  }
}

/*■個別詳細ページのボタン■*/
a.syousai-page_btn {
	display: block;
	text-decoration:none;
	width: 65%;
	max-width: 300px;
	padding: 0.5em;
	text-align: center;
	font-size: 16px;
	color: #ffffff!important;
	border-radius: 5px;
	background: #D3D3D3;
	overflow: hidden;
}

/*■キラっと光るボタン■*/
.kirabox{
	position: relative;
	margin: 80px 0;
}
.btn_box_kira{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

#btn_animation_kira .btn {
  display: block;
  position: relative;
	width: 315px;
	height: 78px;
	line-height: 78px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #06c755;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* 影の追加 */
}

#btn_animation_kira .btn:hover {
	text-decoration: none;
	color: #fbfbfb;
}

#btn_animation_kira .btn::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fbfbfb;
	animation: btn_animation 2.5s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*■（ミニ）キラっと光るボタン■*/
.kirabox-mini{
	position: relative;
	margin: 50px 0;
}

.btn_box_kira-mini{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

#btn_animation_kira-mini .btn {
  display: block;
  position: relative;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #06c755;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* 影の追加 */
}

#btn_animation_kira-mini .btn:after {
	content: '>';
	position: absolute;
	right: 8px;
	font-size: 16px;
	color: #D8D8D8;
	transition: all 0.3s ease-in-out;
}

#btn_animation_kira-mini .btn:hover {
	text-decoration: none;
	color: #fbfbfb;
}

#btn_animation_kira-mini .btn::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fbfbfb;
	animation: btn_animation 2.5s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}