@charset 'utf-8';
/**
Theme Name  : jin-aikai2026
Theme URI   : https://jin-aikai.com/
Description : Hot Plan
Version     : 3.0
Author      : (c) 社会医療法人仁愛会

* -------------- *
* 看護部 style
* -------------- *
*/
/* 見出し */

.nurse-copy
{
	font-size : 1.8em;
	color : #fa709a !important;
}

.nurse-title
{
	font-size : 1.6em;
	padding : 1rem 2rem;
	color : #ffffff;
	border-radius : 10px;
	background-image : -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
	background-image : -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
	background-image :         linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

/* スライドショー */
div.nurse-slide
{
	width : 980px; /* スライドショーの幅 */
	max-width : 100%; /* スマホで表示が欠けないように */
	margin : 10px auto; /* 中央揃え */
	position : relative;
}

.nurse-slide img
{
	animation : show 12s infinite; /* 12秒のスライドショーを繰り返し */
	max-width : 100%;
	height : auto;
	opacity : 0;
	position : absolute; /* 画像を重ねて表示 */
	left : 0;
	top : 0;
}

@keyframes show
{
	0%
	{
		opacity : 0;
	}
	17%
	{
		opacity : 1;
	}
	33%
	{
		opacity : 1;
	}
	50%
	{
		opacity : 0;
	}
}

.nurse-slide img:nth-of-type(1)
{
	position : relative;
}

.nurse-slide img:nth-of-type(2)
{
	animation-delay : 0s;
}

.nurse-slide img:nth-of-type(3)
{
	animation-delay : 4s;
}

.nurse-slide img:nth-of-type(4)
{
	animation-delay : 8s;
}


/* 3カラム */
#cardlayout-wrap
{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : justify;
	margin : 0 auto;
	max-width : 960px;
	width : 100%;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	-webkit-box-pack : justify;
	justify-content : space-between;
}

#cardlayout-wrap
{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : justify;
	margin : 2em auto;
	max-width : 960px;
	width : 100%;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	-webkit-box-pack : justify;
	justify-content : space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link
{
	text-decoration : none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img
{
	display : block;
	max-width : 100%;
	height : auto;
}

.card-figure
{
	margin : 0;
	padding : 0;
}

/* カードレイアウトのタイトル部分 */
.card-title
{
	margin : 0.6em 0 0;
	color : #fa709a; ;
	text-align : center;
	font-size : 1.4em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax
{
	margin : 0;
	padding : 1em;
	color : #818181;
}

.card-list a::after
{
	content : '';
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : 1;
}


/* カードレイアウトを1カラムで配置 */
.card-list
{
	position : relative;
	margin : 0.5em auto;
	padding : 0;
	width : 100%;
	background : #ffffff;
	box-shadow : 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px)
{
	.card-list
	{
		margin : 0.5em 0;
		width : calc(100% / 2); /* 100%幅を2で割るという指定 */
	}
}


/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px)
{
	.card-list
	{
		width : calc(100% / 3); /* 100%幅を3で割るという指定 */
	}

	/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
	#cardlayout-wrap::after
	{
		content : '';
		display : block;
		width : calc(100% / 3);
	}
}


/* 採用ページへボタン */
.nurse-btn01
{
	display : inline-block;
	margin-top : 30px;
	padding : 16px 32px;
	background : #fa709a;
	border-bottom : solid 4px #bd1111;
	border-radius : 8px;
	color : #ffffff;
	text-decoration : none;
	font-size : 18px;
	font-weight : bold;
	/* line-height: 1.2em; */
	-webkit-transition : 0.100s;
	        transition : 0.100s;
}
.nurse-btn01:hover
{
	border-bottom : none;
	color : #ffffff;
	-webkit-transform : translateY(4px);
	        transform : translateY(4px);
}


@media screen and (max-width: 750px)
{
	img.alignleft ,
	.wp-caption.alignleft
	{
		float : none;
	}
	img.alignright ,
	.wp-caption.alignright
	{
		float : none; /* 回り込み解除*/
	}
	.nurse-copy
	{
		font-size : 1.4em;
	}
	.nurse-title
	{
		font-size : 1.2em;
		padding : 1rem 2rem;
		color : #ffffff;
	}
}
/* 2023.01 */
/* .outline
{
	/*align-items : center;
} */
a.button-arrow.is-white ,
.button-arrow.is-white
{
	color : #33ad67;
	background : #ffffff;
}
a.button-arrow.is-white::after ,
.button-arrow.is-white::after
{
	border-color : #33ad67;
}
a.button-arrow.is-white:hover ,
.button-arrow.is-white:hover
{
	background : #33ad67;
	color : #ffffff;
}
a.button-arrow.is-white:hover::after ,
.button-arrow.is-white:hover::after
{
	border-color : #ffffff;
}
a.button-arrow.is-white .icon ,
.button-arrow.is-white .icon
{
	margin-left : 10px;
	font-size : 1.9em;
	color : #33ad67;
	display : inline-block;
	line-height : 1;
	position : absolute;
	margin-top : -7px;
}
a.button-arrow.is-white:hover .icon ,
.button-arrow.is-white:hover .icon
{
	color : #ffffff;
}
/* icon */
@font-face
{
	font-family : 'icomoon';
	src : url('src/fonts2/icomoon.eot?95bzv5');
	src : url('src/fonts2/icomoon.eot?95bzv5#iefix') format('embedded-opentype'),
	url('src/fonts2/icomoon.ttf?95bzv5') format('truetype'),
	url('src/fonts2/icomoon.woff?95bzv5') format('woff'),
	url('src/fonts2/icomoon.svg?95bzv5#icomoon') format('svg');
	font-weight : normal;
	font-style : normal;
	font-display : block;
}

[class^='icon-'] ,
[class*=' icon-']
{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family : 'icomoon' !important;
	/* speak : never; */
	font-style : normal;
	font-weight : normal;
	font-variant : normal;
	text-transform : none;
	line-height : 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
}

.icon-monshin:before
{
	content : '\e999';
	/* color : #4c4a4b; */
}
.outline-box.is-left
{
	border : none;
}
.outline-box.is-right
{
	border-left : 2px solid #d6efe1;
}
@media (max-width: 767px)
{
	.outline-box.is-left
	{
		border-right : none;
	}
	.outline-box.is-right
	{
		padding : 1rem;
		border-left : none;
		border-top : 2px solid #d6efe1;
	}
}

/* 2023.03 */
.outline-box__title
{
	padding : 2.1rem 0;
}
.outline-box__table
{
	padding : 2rem 0;
}
@media (max-width: 575px)
{
	.top-service.is-urasoe
	{
		padding : 3rem 0;
	}
}
@media screen and (max-width: 767px)
{
	.outline-box__title
	{
		padding : 0.5rem 0;
	}

	.outline-box__table
	{
		padding : 0.5rem 0;
	}
	.wp-block-columns.is-index-icon .wp-block-column
	{
		padding : 0.8rem !important;
	}
}
/* 2023.04 */
.top-service.is-zaitaku
{
	margin-bottom : 0;
}
/* 2024.12 */
.outline-box__button-text
{
	text-align : center;
	font-size : 1.65rem;
	margin-left : 40px;
}
a.button-line.is-great ,
.button-line.is-great
{
	height : 80px;
	font-size : 1.9em;
}
a.button-line.is-great.is-button-top ,
.button-line.is-great.is-button-top
{
	border-bottom : none;
}

a.button-line ,
.button-line
{
	padding : 0.3em 0.8em 0.3em 0.8em;
}
.outline-box__note
{
	margin-top : 22px;
	border : 2px solid #33ad67;
	height : 80px;
	display : flex;
	justify-content : center;
	align-items : center;
}
@media screen and (max-width: 767px)
{
	.outline-box__note
	{
		margin-top : 0;
		height : auto;
	}

	a.button-line.is-great ,
	.button-line.is-great
	{
		height : auto;
	}
}
@media screen and (max-width: 836px)
{
	a.button-line.is-great ,
	.button-line.is-great
	{
		font-size : 1.7em;
	}
}
@media (max-width: 575px)
{
	.outline-box__button-text
	{
		font-size : 1.45rem;
		margin-left : 40px;
	}
	a.button-line.is-great ,
	.button-line.is-great
	{
		font-size : 1.8em;
	}
}
.icon-tel-just
{
	margin-left : -11px;
	margin-right : 7px;
}