@charset "utf-8";
/* CSS Document */

/*-----------------------------
reset
-----------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	font-size: 100%;
	list-style: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
	}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* 本書サンプル用に以下のコードを追加しています。 */

/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/*-----------------------------
body
-----------------------------*/
html {
	width: 100%;
	background-color: #FFF;
	color: #264A64;
	font-size: 4.267vw;
	font-weight: 500;
	font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic, sans-serif;
	font-family: "Zen Kaku Gothic New",'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	line-height: 1.8;
	letter-spacing: 0.5px;
}

	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	html { 
		font-size: 16px;
	}
	}

/*-----------------------------
動き
-----------------------------*/
/*ふわっ*/

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

/*-----------------------------
text_style, box_style
-----------------------------*/

/*スマホ向けレイアウトの指定*/

img { 
	vertical-align: bottom; 
	max-width: 100%;
	height: auto;
}


.mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothic {
	font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic, sans-serif;
}

.fs_12_sp { font-size: 12px;}
.fs_14_sp { font-size: 14px;}
.fs_16_sp { font-size: 16px;}
.fs_18_sp { font-size: 18px;}
.fs_20_sp { font-size: 20px;}
.fs_24_sp { font-size: 24px;}
.fs_28_sp { font-size: 28px;}
.fs_30_sp { font-size: 30px;}
.fs_34_sp { font-size: 34px;}
.fs_40_sp { font-size: 40px;}
.fs_50_sp { font-size: 50px;}

.fs_12_vw{ font-size: 0.75rem;}
.fs_14_vw{ font-size: 0.875rem;}
.fs_16_vw{ font-size: 1rem;}
.fs_18_vw{ font-size: 1.125rem;}
.fs_20_vw{ font-size: 1.25rem;}
.fs_24_vw{ font-size: 1.5rem;}
.fs_28_vw{ font-size: 1.75rem;}
.fs_30_vw{font-size: 1.875rem;}
.fs_34_vw{ font-size: 2.125rem;}
.fs_40_vw{font-size: 2.5rem;}
.fs_50_vw{ font-size: 3.125rem;}

.ta_center_sp { text-align: center; }
.ta_left_sp { text-align: left; }
.ta_right_sp { text-align: right; }

.fw_bold { font-weight: bold; }
.fw_lighter { font-weight: lighter; }

.fc_white { color: #fff; }
.fc_black { color: #000; }
.fc_base { color: #D7F3FD;}
.fc_base2 { color: #00ADCE;}

.space2 { letter-spacing: 2px; }
.space5 { letter-spacing: 5px; }

.block_sp { display: block; }
.none_sp { display: none; }

.lh_10 { line-height: 1; }
.lh_12 { line-height: 1.2; }
.lh_15 { line-height: 1.5; }
.lh_17 { line-height: 1.7; }

.mb0_sp { margin-bottom: 0; }
.mb10_sp { margin-bottom: 0.625rem; }
.mb20_sp { margin-bottom: 1.25rem; }
.mb30_sp { margin-bottom: 1.875rem; }
.mb40_sp { margin-bottom: 2.5rem; }
.mb50_sp { margin-bottom: 3.125rem}
.mb60_sp { margin-bottom: 3.75rem; }
.mb80_sp { margin-bottom: 5rem; }
.mb100_sp { margin-bottom: 6.25rem; }
.mb200_sp { margin-bottom: 12.5rem; }
.mb300_sp { margin-bottom: 18.75rem; }

.mt10_sp { margin-top: 0.625rem; }
.mt20_sp { margin-top: 1.25rem; }
.mt30_sp { margin-top: 1.875rem; }
.mt40_sp { margin-top: 2.5rem; }
.mt60_sp { margin-top: 3.75rem; }
.mt80_sp { margin-top: 5rem; }
.mt100_sp { margin-top: 6.25rem; }

.ml10_sp { margin-left: 0.625rem; }
.ml20_sp { margin-left: 1.25rem; }
.ml30_sp { margin-left: 1.875rem; }
.ml40_sp { margin-left: 2.5rem; }
.ml60_sp { margin-left: 3.75rem; }
.ml100_sp { margin-left: 6.25rem; }

.mr10_sp { margin-right: 0.625rem; }
.mr20_sp { margin-right: 1.25rem; }
.mr30_sp { margin-right: 1.875rem; }
.mr40_sp { margin-right: 2.5rem; }
.mr60_sp { margin-right: 3.75rem; }
.mr100_sp { margin-right: 6.25rem; }

.img_radius {
	border-radius: 0.3rem 0.3rem;
}

.link_01 {
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: inherit;
}

.link_02 {
	vertical-align:baseline;
   	background:transparent;
	text-decoration: none;
}

.hover_style_01:hover {
	opacity: 0.7;
}

.list_01 {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}

.list_02 {
	list-style: none;
}


	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.fs_12_tb { font-size: 12px; }
	.fs_14_tb { font-size: 14px; }
	.fs_16_tb { font-size: 16px; }
	.fs_18_tb { font-size: 18px; }
	.fs_20_tb { font-size: 20px; }
	.fs_24_tb { font-size: 24px; }
	.fs_28_tb { font-size: 28px;}		
	.fs_30_tb { font-size: 30px; }
	.fs_34_tb { font-size: 34px; }
	.fs_40_tb { font-size: 40px; }
	.fs_50_tb { font-size: 50px; }
	.fs_80_tb { font-size: 80px; }

	.ta_center_tb { text-align: center; }
	.ta_left_tb { text-align: left; }
	.ta_right_tb { text-align: right; }

	.block_tb { display: block; }
	.none_tb { display: none; }

	.mb0_tb { margin-bottom: 0; }
	.mb10_tb { margin-bottom: 0.625rem; }
	.mb20_tb { margin-bottom: 1.25rem; }
	.mb30_tb { margin-bottom: 1.875rem; }
	.mb40_tb { margin-bottom: 2.5rem; }
	.mb50_tb { margin-bottom: 3.125rem}
	.mb60_tb { margin-bottom: 3.75rem; }
	.mb80_tb { margin-bottom: 5rem; }
	.mb100_tb { margin-bottom: 6.25rem; }
	.mb200_tb { margin-bottom: 12.5rem; }
	.mb240_tb { margin-bottom: 15rem; }
	.mb300_tb { margin-bottom: 18.75rem; }

	.mt10_tb { margin-top: 0.625rem; }
	.mt20_tb { margin-top: 1.25rem; }
	.mt30_tb { margin-top: 1.875rem; }
	.mt40_tb { margin-top: 2.5rem; }
	.mt60_tb { margin-top: 3.75rem; }
	.mt100_tb { margin-top: 6.25rem; }

	.ml10_tb { margin-left: 0.625rem; }
	.ml20_tb { margin-left: 1.25rem; }
	.ml30_tb { margin-left: 1.875rem; }
	.ml40_tb { margin-left: 2.5rem; }
	.ml60_tb { margin-left: 3.75rem; }
	.ml100_tb { margin-left: 6.25rem; }

	.mr10_tb { margin-right: 0.625rem; }
	.mr20_tb { margin-right: 1.25rem; }
	.mr30_tb { margin-right: 1.875rem; }
	.mr40_tb { margin-right: 2.5rem; }
	.mr60_tb { margin-right: 3.75rem; }
	.mr100_tb { margin-right: 6.25rem; }
	}

		/*iPad pro相当*/
		@media print, screen and (min-width:1020px){

		.fs_12_pro { font-size: 12px; }
		.fs_14_pro { font-size: 14px; }
		.fs_16_pro { font-size: 16px; }
		.fs_18_pro { font-size: 18px; }
		.fs_20_pro { font-size: 20px; }
		.fs_24_pro { font-size: 24px; }
		.fs_28_pro { font-size: 28px;}			
		.fs_30_pro { font-size: 34px; }
		.fs_40_pro { font-size: 40px; }
		.fs_50_pro { font-size: 50px; }
		.fs_70_pro { font-size: 70px; }
		.fs_80_pro { font-size: 80px; }

		.ta_center_pro { text-align: center; }
		.ta_left_pro { text-align: left; }
		.ta_right_pro { text-align: right; }

		.block_pro { display: block; }
		.none_pro { display: none; }

		.mb0_pro { margin-bottom: 0; }
		.mb10_pro { margin-bottom: 0.625rem; }
		.mb20_pro { margin-bottom: 1.25rem; }
		.mb30_pro { margin-bottom: 1.875rem; }
		.mb40_pro { margin-bottom: 2.5rem; }
		.mb50_pro { margin-bottom: 3.125rem}
		.mb60_pro { margin-bottom: 3.75rem; }
		.mb80_pro { margin-bottom: 5rem; }
		.mb100_pro { margin-bottom: 6.25rem; }
		.mb200_pro { margin-bottom: 12.5rem; }
		.mb300_pro { margin-bottom: 18.75rem; }

		.mt10_pro { margin-top: 0.625rem; }
		.mt20_pro { margin-top: 1.25rem; }
		.mt30_pro { margin-top: 1.875rem; }
		.mt40_pro { margin-top: 2.5rem; }
		.mt60_pro { margin-top: 3.75rem; }
		.mt100_pro { margin-top: 6.25rem; }

		.ml10_pro { margin-left: 0.625rem; }
		.ml20_pro { margin-left: 1.25rem; }
		.ml30_pro { margin-left: 1.875rem; }
		.ml40_pro { margin-left: 2.5rem; }
		.ml60_pro { margin-left: 3.75rem; }
		.ml100_pro { margin-left: 6.25rem; }

		.mr10_pro { margin-right: 0.625rem; }
		.mr20_pro { margin-right: 1.25rem; }
		.mr30_pro { margin-right: 1.875rem; }
		.mr40_pro { margin-right: 2.5rem; }
		.mr60_pro { margin-right: 3.75rem; }
		.mr100_pro { margin-right: 6.25rem; }
		}
		
			/*PC向けおよび大型PCの指定*/
			@media print, screen and (min-width:1200px){

			.fs_12_pc { font-size: 12px; }
			.fs_14_pc { font-size: 14px; }
			.fs_16_pc { font-size: 16px; }
			.fs_18_pc { font-size: 18px; }
			.fs_20_pc { font-size: 20px; }
			.fs_24_pc { font-size: 24px; }
			.fs_28_pc { font-size: 28px; }				
			.fs_30_pc { font-size: 30px; }
			.fs_34_pc { font-size: 34px; }
			.fs_40_pc { font-size: 40px; }
			.fs_50_pc { font-size: 50px; }
			.fs_70_pc { font-size: 70px; }
			.fs_80_pc { font-size: 80px; }

			.ta_center_pc { text-align: center; }
			.ta_left_pc { text-align: left; }
			.ta_right_pc { text-align: right; }

			.block_pc { display: block; }
			.none_pc { display: none; }

			.mb0_pc { margin-bottom: 0; }
			.mb10_pc { margin-bottom: 0.625rem; }
			.mb20_pc { margin-bottom: 1.25rem; }
			.mb30_pc { margin-bottom: 1.875rem; }
			.mb40_pc { margin-bottom: 2.5rem; }
			.mb50_pc { margin-bottom: 3.125rem}
			.mb60_pc { margin-bottom: 3.75rem; }
			.mb80_pc { margin-bottom: 5rem; }
			.mb100_pc { margin-bottom: 6.25rem; }
			.mb200_pc { margin-bottom: 12.5rem; }
			.mb300_pc { margin-bottom: 18.75rem; }

			.mt10_pc { margin-top: 0.625rem; }
			.mt20_pc { margin-top: 1.25rem; }
			.mt30_pc { margin-top: 1.875rem; }
			.mt40_pc { margin-top: 2.5rem; }
			.mt60_pc { margin-top: 3.75rem; }
			.mt100_pc { margin-top: 6.25rem; }

			.ml10_pc { margin-left: 0.625rem; }
			.ml20_pc { margin-left: 1.25rem; }
			.ml30_pc { margin-left: 1.875rem; }
			.ml40_pc { margin-left: 2.5rem; }
			.ml60_pc { margin-left: 3.75rem; }
			.ml100_pc { margin-left: 6.25rem; }

			.mr10_pc { margin-right: 0.625rem; }
			.mr20_pc { margin-right: 1.25rem; }
			.mr30_pc { margin-right: 1.875rem; }
			.mr40_pc { margin-right: 2.5rem; }
			.mr60_pc { margin-right: 3.75rem; }
			.mr100_pc { margin-right: 6.25rem; }
			}		

/*-----------------------------
responsive_grid
-----------------------------*/

/*スマホ向けレイアウトの指定*/


.inner01 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.inner02 {
	width: 92%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.flex_box_sp {
	display: flex;
	flex-wrap: wrap;	
}

.col_01_sp {
	width: 70%;
}

.col_02_sp {
	width: 32%;
}

.col_03_sp {
	width: 49%;
}

.col_04_sp {
	width: 23%;
}

.jc_space_between {
	justify-content: space-between;
}
	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.flex_box_tb {
		display: flex;
		flex-wrap: wrap;
	}

	.col_01_tb {
		width: 70%;
	}

	.col_02_tb {
		width: 32%;
	}

	.col_03_tb {
		width: 49%;
	}

	.col_04_tb {
		width: 23%;
	}

	}

	/*iPadプロ、PCレイアウトの指定*/
	@media print, screen and (min-width:1020px){

	.flex_box_pro {
		display: flex;
		flex-wrap: wrap;
	}

	.col_01_pro {
		width: 70%;
	}

	.col_02_pro {
		width: 32%;
	}

	.col_03_pro {
		width: 49%;
	}

	.col_04_pro {
		width: 23%;
	}

	}
	
		/*PC向けおよび大型PCレイアウトの指定*/
		@media print, screen and (min-width:1200px){

		.inner01 {
			width: 85%;
			max-width: 1200px;
		}		

		.flex_box_pc {
			display: flex;
			flex-wrap: wrap;
		}

		.col_01_pc {
			width: 70%;
		}

		.col_02_pc {
			width: 32%;
		}

		.col_03_pc {
			width: 49%;
		}

		.col_04_pc {
			width: 23%;
		}
		
		.flex_reverse_pc {
			flex-direction:row-reverse;
		}
		}


/*-----------------------------
header
-----------------------------*/
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding: 0.5rem 0;
	background-color: rgba(255,255,255,1);
	/*box-shadow: 1px 1px 1px #aeaeae;*/
}

/*header.scroll-nav {
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 1);	
}*/

.logo {
	/*width: 25rem;*/
	margin-left: 1rem;
}

.logo a {
	text-decoration: none;
	color: inherit;
}

.logo img {
	width: 200px;
}

/*.link_logo {
	font-size: 1.3rem;
	text-decoration: none;
	color: inherit;
}*/

#hamburger .btn-gNav{
  position: fixed;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 1.7rem;
  z-index: 5;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

#hamburger .btn-gNav span{
  position: absolute;
  width: 100%;
  height: 2px;
  background: #4C4948;
  border-radius: 5px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:0;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:8px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:16px;
}
#hamburger .btn-gNav.open span:nth-child(1){
  background: #fff;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 6px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

.menu {
	padding-top: 1rem;
	font-size: 0.8rem;
	color: #4C4948;
}
#hamburger .btn-gNav.open .menu {
	color: #fff;
}

#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #00ADCE;
  box-sizing: border-box;
  z-index: 2;
  padding-top: 50px;
  transition: .3s;
  color: #fff;
}

#gNav.open{
  right: 0px;
}

#gNav .gNav-menu{
  width: 100%;
  height:100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*#gNav .gNav-menu > li{
  display: block;
}*/

#gNav .gNav-menu > li > a, #gNav .gNav-menu > li > span {
	display: block;
	padding : 10px 30px;
  	text-decoration: none;
	color: inherit;
	font-weight: 600;
}

#gNav .gNav-menu > li > #link_recruit {
	display: block;
	width: 7rem;
	font-weight: 700;
	background-color: #fff;	
	border-radius: 5rem;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;
	padding : 9px 30px;
  	text-decoration: none;
	color: #00ADCE;
}
#gNav .gNav-menu > li > #link_hojin {
    display: block;
    width: 7rem;
	font-weight: 700;	
    background-color: #e7a540;
    border-radius: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 9px 30px;
    text-decoration: none;
    color: #264a64;
}

#gNav .gNav-menu > li > #link_byoin {
    display: block;
    width: 7rem;
	font-weight: 700;	
    background-color: #264a64;
    border-radius: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 9px 30px;
    text-decoration: none;
    color: #fff;
}
		

.child {
	display: none;
	background-color: #ffaed0;
}
		
.child li a {
	display: block;
	padding: 1rem 0;
	color: #fff;
	text-decoration: none;
}

#gNav .bg_gNav {
	display: none;
}
#gNav.open .bg_gNav {
	display: block;
}
#gNav .bg_gNav_01{
    position: absolute;
    width: 33%;	
    top: 45%;
    left: -2%;
    z-index: -2;	
}
#gNav .bg_gNav_02{
	position: absolute;
    width: 33%;
    top: 15%;
    right: -7%;
    z-index: -2;
}
#gNav .bg_gNav_03{
    position: absolute;
    width: 42%;
    right: 12%;
    bottom: 2%;	
    z-index: -2;
}


	@media print, screen and (min-width:760px){

	
	}

		@media print, screen and (min-width:1200px){
		header {
			padding: 0.5rem 0 0.5rem 0;
		}

		.inner_header {
			position: relative;
			width: 96%;
			/*max-width: 1600px;*/
			margin-left: auto;
			margin-right: auto;
		}
		
		.logo {
			margin-left: 0;		
		}
			
		.logo img {
			width: 250px;
		}

		.btn-gNav{
			display: none;
		}

		#gNav{
			position: absolute;
			top: 0;
			right: 0;
			padding: 0;
			width: 820px;
			background-color: transparent;
		}

		#gNav .gNav-menu{
			display: flex;
			flex-direction: row;
			align-items: center;
			overflow: visible;
		}

		#gNav .gNav-menu > li > a, #gNav .gNav-menu > li > span {
			padding: 0 1.5rem;
			cursor: pointer;
			font-weight: 500;
			/*color: #00ADCE;*/
			color: #264a64;
			transition-duration: .5s;
			/*background: url('images/bg_nav.png') no-repeat left;*/	
		}
		
		#gNav .gNav-menu > li > a:hover, #gNav .gNav-menu > li > span:hover {
			opacity: 0.7;
			/*color: #4C4948;*/
			/*background: url('images/bg_nav_hover.png') no-repeat right;*/
		}
			
		#gNav .gNav-menu > li > #link_recruit {
			width: 5rem;
			padding: 0 1.5rem;
			cursor: pointer;
			font-weight: 500;
			background-color: #264a64;
			border: solid 2px #264a64;
			border-radius: 0.5rem;
			margin-top: 0;
			color: #FFFFFF;
			transition-duration: .5s;
			/*background: url('images/bg_nav.png') no-repeat left;*/		
		}
		
		#gNav .gNav-menu > li > #link_recruit:hover {
			background-color: #FFFFFF;
			color: #264a64;
			/*background: url('images/bg_nav_hover.png') no-repeat right;*/
		}
		
		.child {
			position: absolute;
			width: 60%;
			top: 5rem;
			left: 0;
			z-index: 9999;
			background-color: #ff7cb4;
		}

		.child li {
			padding-right: 2rem;
			text-align: left;
		}

		.child li a {
			display: block;
			padding: 0.625rem 1rem;
			transition-duration: 0.8s;
			transition-property: all;
			color: #fff;
			text-decoration: none;
		}

		.child li a:hover {
			opacity: 0.5;
		}		
		}


			@media print, screen and (min-width:1800px){
		
			#gNav{
				width: 830px;
			}
			}
/*--------------------------------
広瀬追加ハンバーガー
--------------------------------*/




/*--------------------------------
メインとニュースのwrap
--------------------------------*/

.wrap01 {
	padding-top: 77px;
	background: url("../images/recruit/bg_body_sp_new.svg") no-repeat center top 30px;
	background-size: contain;
	position: relative;	
}

	@media print, screen and (min-width:760px){
	.wrap01 {
		padding-top: 92px;
		background: url("../images/recruit/bg_body_new.svg") no-repeat center top 30px;
		background-size: cover;
		position: relative;	
	}
	}

		@media print, screen and (min-width:1200px){
		.wrap01 {		
			background-size: 1920px;
		}
		}


/*--------------------------------
メイン
--------------------------------*/
.main {
	position: relative;
	margin-top: 2rem;
}

.img_main_2_sp {
	position: absolute;
	top: 0;
}

.img_txt_1_sp {
	position: absolute;
	top: -2rem;
	right: 10%;
	width: 16vw;
}


/* 1秒間かけてフェードイン */
.fadeIn1s {
    animation-name: fadeIn1s;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    transform: translateY(0);
    opacity: 0;
}
@keyframes fadeIn1s {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 0.5秒間かけてフェードイン */
.fadeIn500ms {
    animation-name: fadeIn500ms;
    animation-delay: 500ms;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    transform: translateX(0);
    opacity: 0;
}
@keyframes fadeIn500ms {
    0% {
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* 1.5秒間かけてフェードイン */
.fadeIn1500ms {
    animation-name: fadeIn1500ms;
    animation-delay: 1500ms;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    transform: translateY(50px);
    opacity: 0;
}
@keyframes fadeIn1500ms {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 2秒間かけてフェードイン */
.fadeIn2000ms {
    animation-name: fadeIn1500ms;
    animation-delay: 2000ms;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    transform: translateY(50px);
    opacity: 0;
}
@keyframes fadeIn1500ms {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

	@media print, screen and (min-width:760px){
	.main {
		margin-top: 0;
		height: 100%;
		object-fit: cover;
	}

	.img_main_2 {
		position: absolute;
		top: 0;
	}
		
	.img_main_2 img {
		width: 100%;
	}

	.img_txt_1 {
		position: absolute;
		top: 5%;
		right: 10%;
		width: 9vw;
	}
	}

		@media print, screen and (min-width:1200px){
	
		}


/*--------------------------------
トップページ_news
--------------------------------*/
.top_news {
	width: 100%;
	/*min-height: 500px;*/
	/*overflow: hidden;*/
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: rgba(215,243,253,0.8);
	border-top: solid 5px #97D4E6;
	border-bottom: solid 5px #97D4E6;
	/*position: relative;*/
	/*z-index: 999;*/
}

.inner03 {
	width: 65%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.flex_top_news {
	display: flex;
	flex-direction: column;
	gap: 2rem 0;
}

.top_news_figico {
	position: relative;
}

.top_news_figico p {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0.9rem;
	padding: 0.3rem 0.7rem;
	background-color: #97D4E6;
	line-height: 1;
	color: #fff;
}

.top_news_img {
  position: relative;
  overflow: hidden;
  display: block;
}
.top_news_img::before,
.top_news_img::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
}
.top_news_img::before {
  background: rgba(151,212,230,.6);
  width: 100%;
  height: 100%;
}
.top_news_img::after {
  color: #fff;
  content: "View More";
  font-size: 22px;
  font-weight: bold;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
}
 
.top_news_img:hover::before,
.top_news_img:hover::after {
  opacity: 1;
}

.viewmore a:hover {
	opacity: .5;	
}

.bg_02 {
	position: absolute;
	top: 1rem;
	left: 4rem;
}

.blog_pagination {
    text-align: center;
    margin-top: 30px;
}

.pagination_wrapper {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination_button {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background: #fff;
    transition: background 0.2s, color 0.2s;
    min-width: 1rem;
    text-align: center;
}

.pagination_button:hover {
    background: #f0f0f0;
    color: #000;
}

.current_page {
    background: #00ADCE;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}


		@media print, screen and (min-width:760px){
		.inner03 {
			width: 92%;
		}
						
		.flex_top_news {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			/*flex-wrap: wrap;*/
			gap: 2rem 1.5rem;
		}
	
		.col_top_news {
			width: 30.8%;
		}
			
		.bg_02 {
			position: absolute;
			top: 2rem;
			left: 50%;
			transform: translateX(-200px);			
		}			
		}

	@media print, screen and (min-width:1020px){
	.top_news {
		padding-top: 4rem;
		padding-bottom: 4rem;
		margin-top: 13rem;		
	}
	}

		@media print, screen and (min-width:1020px){
		.top_news {
			width: 100%;
			/*min-height: 400px;*/
			overflow: hidden;
			position: relative;
			/*z-index: 1;*/
			background-color: transparent;
			border-top: none;
			border-bottom: none;		
		}

		.top_news:before {
			content: url("../images/recruit/bg_news.png");
			position: absolute;
			left: 50%;
			top: 1.5rem;
			transform: translateX(-650px);			
			display: inline-block;
			z-index: -1;
		}
		}
			
/*--------------------------------
トップページ_message(みつけようジブン色)
--------------------------------*/
.top_message {
	padding: 3rem 0;
	position: relative;
	overflow: hidden;
}

.inner_top_message {
	width: 92%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.top_message h2 {
	padding: 0 1rem;
}

.fc_ro {
	color: #3FA349;
}

.fc_i2 {
	color: #E7A540;
}

.link_03 {
	vertical-align:baseline;
   	background:transparent;
	text-decoration: underline;
	text-underline-offset: 7px;
	color: inherit;
	font-size: 1.1rem;
	font-weight: bold;
}

.link_03:hover {
	color: #97D4E6;
	/*text-decoration-color: #97D4E6;*/
}

.img_top_jibun_a {
	position: absolute;
	left: 50%;
	width: 38%;
	padding: 0 1rem;
}

.img_top_jibun_b {
	position: absolute;
	right: 50%;
	width: 38%;
	padding: 0 1rem;	
}

.txt_top_message {
	padding-top: 12rem;
}

.inner_top_iincho {
	padding-top: 2rem;
}

.flex_top_iincho {
	display: flex;
	/*flex-wrap: wrap;*/
	flex-direction: column;
	gap: 1rem 0;
}

.flex_top_iincho figure img {
	/*width: 161px;*/
	width: 45%;
	height: auto;
}


	@media print, screen and (min-width:760px){
	.img_top_jibun_a {
		position: absolute;
		left: 50%;
		width: 20%;
		padding: 0 1rem;
	}

	.img_top_jibun_b {
		position: absolute;
		right: 50%;
		width: 20%;
		padding: 0 1rem;	
	}

	.txt_top_message {
		padding-top: 13rem;
	}


	.flex_top_iincho {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	
	.flex_top_iincho figure {
		width: 30%;
	}
		
	.col_top_iincho_01 {
		box-sizing: border-box;
		width: 	70%;
		padding-right: 1rem;
	}
		
	.flex_top_iincho figure img {
		width: auto;
	}		
	}

		@media print, screen and (min-width:1020px){
		.top_message {
			padding: 10rem 0;
		}

		.link_03 {
			font-size: 1.3rem;
		}
		.img_top_jibun_a {
			position: absolute;
			left: 50%;
			top: 3rem;
			transform: translateX(-700px);
			width: 267px;
			padding: 0 1rem;
		}

		.img_top_jibun_b {
			position: absolute;
			right: 50%;
			top: 25rem;
			transform: translateX(700px);			
			width: 267px;
			padding: 0 1rem;	
		}
			
		.txt_top_message {
			padding-top: 2rem;	
		}

		.inner_top_iincho {
			padding-top: 8rem;
		}			
		}


/*--------------------------------
トップページ_aboutus
--------------------------------*/



.top_aboutus {
	padding: 3rem 0;
	background-color: #D7F3FD;
	/*border-top: solid 5px #97D4E6;
	border-bottom: solid 5px #97D4E6;*/
	position: relative;
}

.flex_top_aboutus {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 2rem;
	justify-content: center;
}

.col_top_aboutus {
	width: 45%;
	text-align: center;
}

.col_top_aboutus a:hover{
	opacity: 0.5;
}

.bg_01 {
	position: absolute;
	top: -50px;
	left: 10%;
	/*transform: translateX(-200px);*/	
}

.bg_01 img {
	width: 40%;
}

	@media print, screen and (min-width:760px){		
	.col_top_aboutus {
		width: 29%;
	}
		
	.bg_01 {
		position: absolute;
		top: -50px;
		left: 90%;
		/*transform: translateX(300px);	*/	
	}

	.bg_01 img {
		width: 36px;
	}
	}

		@media print, screen and (min-width:1020px){

		.flex_top_aboutus {
			gap: 2rem 3.5rem;
		}			
		.top_aboutus {
			padding: 5rem 0;
		}
			
		.bg_01 {
			position: absolute;
			top: -110px;
			left: 50%;
			transform: translateX(-600px);	
		}
			
		.bg_01 img {
			width: 36px;
		}			
		}

/*--------------------------------
トップページ_interview
--------------------------------*/
.top_interview {
	padding: 3rem 0;
}

.top_interview_01 {
	position: relative;
}

/*.top_interview_02 {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);		
}

.top_interview_02:hover {
	opacity: 0.8;
}

.cara_top_interview {
	position: absolute;
	top: 0;
	left: 60%;
	width: 17%;
}*/

.txt_top_iroiro {
	width: 10rem;
}

.top_interview a:hover {
	opacity: 0.7;
} 

	@media print, screen and (min-width:760px){
	.txt_top_iroiro {
		width: auto;
	}			
	}

		@media print, screen and (min-width:1020px){
		.top_interview {
			padding: 11rem 0;
		}
			
		
		}


.top_Instagram {
    padding: 5rem 0;
}
	@media print, screen and (min-width: 1020px) {
		.top_Instagram {
			padding: 10rem 0;
		}
	}


/*--------------------------------
トップページ_
--------------------------------*/
.top_apply {
	padding: 2rem 0;
	/*background-color: #00ADCE;*/
}

.ttl_top_01 {
	display: inline-block;
	color: #fff;
	font-size: 1.3rem;
	padding: 0.2rem 1rem;
	border-bottom: solid 2px #fff;
	text-decoration: none;
	letter-spacing: 3px;
}

.ttl_top_01:hover {
	color: #97D4E6;
	border-bottom: solid 2px #97D4E6;
}

.grid_top_apply {
	display: grid;
	gap: 2rem 0;
}

.flex_top_apply {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 2rem;
	justify-content: center;
}

.col_top_apply {
	width: 45%;
	text-align: center;
}
.col_top_apply:first-child {
    width: 100%;
}
.col_top_apply:first-child a {
	display: block;
    margin: 0 auto;
    width: 45%;
}

.col_top_apply a:hover{
	opacity: 0.5;
}

#sb_instagram #sbi_images {
    padding: 30px 0 !important;
}


	@media print, screen and (min-width:760px){
		/*.grid_top_apply {
			display: grid;
			grid-template-columns: 300px 1fr;
			gap: 2rem 0;
		}*/
		/*.flex_top_apply {
			display: flex;
			gap: 0 3rem;
		}*/

		.col_top_apply {
			width: 29%;
		}
		.col_top_apply:first-child {
			width: 29%;
		}
		.col_top_apply:first-child a {
			width: 100%;
		}
	}


		@media print, screen and (min-width:1020px){
		.top_apply {
			padding: 4rem 0;
		}
			
		.ttl_top_01 {
			font-size: 1.5rem;
		}
	
		.flex_top_apply {
			gap: 2rem 3.5rem;
		}			
		}

/*--------------------------------
トップページ_エントリーはこちら
--------------------------------*/
.top_entry {
	padding: 2rem 0;
}

.top_entry a:hover {
	opacity: 0.7;
}

		@media print, screen and (min-width:760px){
		.top_entry {
			padding: 4rem 0;
		}
		}

/*--------------------------------
トップページ_下部ボタン欄
--------------------------------*/
.top_btn {
	padding: 3rem 0 2rem 0;
}

.btn_top_entry {
	display: block;
	padding: 0.5rem 2rem;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color: #00ADCE;
	border: solid 2px #00ADCE;
	border-radius: 3rem;	
	text-decoration: none;
	color: #fff;	
	text-align: center;
	font-size: 1.2rem;
	transition-duration: .5s;
}

.btn_top_entry:hover {
	background-color: #FFFFFF;
	/*border: solid 2px #00ADCE;*/	
	color: #00ADCE;	
} 

.flex_top_contact {
	display: flex;
	flex-direction: row;
	gap: 0 1rem;
	justify-content: center;
}

.col_top_contact {
	display: block;
}

.col_top_contact:hover {
	opacity: 0.7;
}

	@media print, screen and (min-width:760px){
		
	.btn_top_entry {
		max-width: 400px;
		font-size: 1.5rem;
	}
		
	.flex_top_contact {
		gap: 0 4rem;
	}	
	}

		@media print, screen and (min-width:1020px){
		.top_btn {
			padding: 5rem 0 3rem 0;
		}
		}


/*-----------------------------
トップへ戻るボタン
-----------------------------*/

#totop {
	position: fixed;
	bottom: 1em;
	right: 1em;
	height: auto;
	opacity: 0.7;
	z-index: 999;
}

/*-----------------------------
footer
-----------------------------*/
.footer_logo {
	padding: 1.5rem 0;
}

/*.flex_footer_logo {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}*/

.footer_info {
	padding: 1.5rem 0 7rem 0;
	background-color: #00ADCE;
	color: #fff;
}
.footer_info .col_footer_info a img {
    width: 240px;	
}

.flex_footer_info {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

.list_footernav li {
	display: inline-block;
	padding: 0.5rem 1rem 0.5rem 1rem;	
}

.list_footernav li a {
	text-decoration: none;
	color: inherit;
}

.list_footernav_02 li {
	/*width: 8rem;*/
	display: inline-block;
	/*padding: 0.5rem 1rem 0.5rem 1rem;*/
}

.list_footernav_02 li a {
	display: block;
	width: 6rem;
	margin-left: 1rem;
	text-decoration: none;
	color: #fff;
	padding: 0 1rem;
	border-radius: 0.5rem;
	text-align: center;
}

.link_footer_hojin {
	background-color: #e88522;
}

.link_footer_byoin {
	background-color: #264a64;
}

/*.col_footer_nav {
	display: none;
}*/

		@media print, screen and (min-width:1020px){
		.flex_footer_logo {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: baseline;
		}
			
		.flex_footer_info {
			display: flex;
			flex-direction: row;
			gap: 0 2rem;
			/*justify-content: space-between;*/
			align-items: center;		
		}

		.col_footer_nav {
			display: block;
		}				
				
		.list_footernav {
			width: 28rem;
			border-left: solid 2px #fff;
		}
				
		.list_footernav li {
			display: inline-block;
			padding: 0.5rem 0 0.5rem 2rem;
		}
				
		/*.list_footernav li a {
			text-decoration: none;
			color: inherit;
		}*/
				
		.list_footernav li a:hover {
			opacity: .5;
		}

		.list_footernav_02 {
			margin-top: 1rem;
		}
			
		.list_footernav_02 li {
			display: block;
		}
			
		.list_footernav_02 li a {
			margin: 0 0 1rem 0; 
		}

		.list_footernav_02 li a:hover {
			opacity: 0.7;
		}			
			
		}

			@media print, screen and (min-width:1200px){
			.footer_info {
				padding: 1.5rem 0 1.5rem 0;
			}
			.footer_info .col_footer_info a img {
        		width: 300px;
			}
				
			.col_footer_nav {
				margin-left: 3rem;
			}					
			}

/*-----------------------------
追従バナー
-----------------------------*/
.bnr_pc {
	display: none;
	/*z-index: 9999;*/
}

.bnr_sp {
	position: fixed;
	bottom: 0;
	left: 0;
	/*transform: translateX(-100px);*/
	background-color: #D7F3FD;
	width: 100%;
	padding: 1rem 0;
}

.bnr_sp_inner {
	margin-left: 22%;
}

.bnr_recinfo, .bnr_entry {
	display: inline-block;
	width: 7.5rem;
	padding: 0.1rem 0;
	background-color: #00ADCE;
	color: #fff;
	border-radius: 2rem;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	margin: 0 0.5rem;
}

.bnr_recinfo {
	background-color: #00ADCE;	
}

.bnr_entry {
	background-color: #EBC62A
}

.bnr_cara {
	position: fixed;
	bottom: 1.5%;
	left: 5%;
	/*transform: translateX(-180px);*/
}

.bnr_cara img {
	width: 18vw;
}

	@media print, screen and (min-width:760px){
	.bnr_sp_inner {
		width: 360px;
		margin-left: auto;
		margin-right: auto;
		/*transform: translateX(-50%);*/
	}
		
	.bnr_recinfo, .bnr_entry {
		width: 10rem;
		/*padding: 0.1rem 0;
		background-color: #00ADCE;
		color: #fff;
		border-radius: 2rem;
		text-align: center;
		text-decoration: none;
		letter-spacing: 2px;
		margin: 0 0.5rem;*/
	}		

	.bnr_cara {
		position: fixed;
		bottom: 1.5%;
		left: 90%;
		/*transform: translateX(-180px);*/
	}
		
	.bnr_cara img {
		width: 70px;
	}		
	}

		@media print, screen and (min-width:1200px){
		.bnr_pc {
			display: block;
			position: fixed;
			top: 10rem;
			right: 0;
		}

		.bnr_pc a:hover {
			opacity: 0.8;
		}

		.bnr_sp {
			display: none;
		}

		.bnr_cara {
			display: none;
		}
		}

/*-----------------------------
下層ページ上部タイトル
-----------------------------*/
.page_ttl_wrap {
	padding-top: 77px;
}

.page_ttl_inner {
	/*background: url("images/bg_ttl_apply_sp@2x.png") no-repeat center center;*/
	background-size: 100%;
	/*height: 60px;*/
}

#ttl_apply { background: url("../images/recruit/bg_ttl_qa_sp@2x.png") no-repeat center center; background-size: 100%;}
#ttl_qa { background: url("../images/recruit/bg_ttl_qa_sp@2x.png") no-repeat center center; background-size: 100%;}
#ttl_about { background: url("../images/recruit/bg_ttl_about_sp@2x.png") no-repeat center center; background-size: 100%;}
#ttl_interview { background: url("../images/recruit/bg_ttl_interview_sp@2x.png") no-repeat center center; background-size: 100%;}
#ttl_contact { background: url("../images/recruit/bg_ttl_contact_sp.png") no-repeat center center; background-size: 100%;}
#ttl_entry { background: url("../images/recruit/bg_ttl_entry_sp.png") no-repeat center center; background-size: 100%;}


.txt_page_ttl {
	text-align: center;
	padding: 0.8rem 0;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.6rem;
	font-weight: lighter;
}

	@media print, screen and (min-width:760px){
	.page_ttl_inner {
		height: 120px;
	}
		
	.txt_page_ttl {
		text-align: center;
		padding: 2.3rem 0;
		color: #fff;
		font-size: 1.7rem;
	}		
	}

		@media print, screen and (min-width:1020px){
		.page_ttl_wrap {
			padding-top: 92px;
		}

		.page_ttl_inner {
			height: 180px;
		}
			
		#ttl_apply { background: url("../images/recruit/bg_ttl_apply.png") no-repeat center center; }
		#ttl_qa { background: url("../images/recruit/bg_ttl_qa.png") no-repeat center center; }
		#ttl_about { background: url("../images/recruit/bg_ttl_about.png") no-repeat center center; }
		#ttl_interview { background: url("../images/recruit/bg_ttl_interview.png") no-repeat center center; }
		#ttl_contact { background: url("../images/recruit/bg_ttl_contact.png") no-repeat center center; }
		#ttl_entry { background: url("../images/recruit/bg_ttl_entry.png") no-repeat center center; }			

		.txt_page_ttl {
			text-align: center;
			padding: 3.8rem 0;
			color: #fff;
			font-size: 2rem;
		}				
		}

		@media print, screen and (min-width:1200px){

		}

/*-----------------------------
その他共通パーツ等
-----------------------------*/

.op_content {
	padding-top: 2rem;
	padding-bottom: 4rem;
}

#breadcrumbs {
	width: 92%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

#breadcrumbs span a {
	color: #264A64;
	text-decoration: none;
}

	@media print, screen and (min-width:1020px){
	.op_content {
		padding-top: 4rem;
		padding-bottom: 8rem;
	}
	}

/*-----------------------------
よくある質問
-----------------------------*/
.ttl_qa_01 { margin-bottom: 2rem; color: #e88522; font-size: 1.3rem; }
.ttl_qa_02 { margin-bottom: 2rem; color: #95bf34; font-size: 1.3rem; }
.ttl_qa_03 { margin-bottom: 2rem; color: #27974c; font-size: 1.3rem; }
.ttl_qa_04 { margin-bottom: 2rem; color: #00adce; font-size: 1.3rem; }
/****アコーディオンのためのcss****/

/*アコーディオン全体*/
.accordion-business{
	list-style: none;
	max-width: 900px;
	margin:0 auto;
	padding-bottom: 2rem;
}

.accordion-business section {
	border: 1px solid #35B7C9;
	border-radius: 0.5rem;
}

/*アコーディオンタイトル*/
.faq_ttl {
	position: relative;/*+マークの位置基準とするためrelative指定*/
	cursor: pointer;
	padding: 1.5rem 40px 1.5rem 1rem;
	transition: all .5s ease;
	/*align-items: flex-start;*/
	display: grid;
	grid-template-columns: 35px 1fr;
	align-items: baseline;
}


/*アイコンの＋と×*/
.faq_ttl::before {
	position: absolute;
	content:'';
	top:50%;
	right: 24px;
	width: 15px;
	height: 2px;
	background-color: #35B7C9;
}

.faq_ttl::after {
	position: absolute;
	content:'';
	top:50%;
	right: 15px;
	width: 15px;
	height: 2px;
	background-color: #35B7C9;
}

.faq_ttl::before {transform: rotate(45deg);}
.faq_ttl::after {transform: rotate(-45deg);}

/*　closeというクラスがついたら形状変化　*/
.faq_ttl.close::before {transform: rotate(-45deg);}
.faq_ttl.close::after {transform: rotate(45deg);}

/*アコーディオンで現れるエリア*/
.faq_box {
	display: none;/*はじめは非表示*/
	border-top: 2px dotted #35B7C9;
	margin: 0 1rem 0 1rem;
	padding: 1.5rem 0;
}

.inner_faq_box {
	display: grid;
	grid-template-columns: 35px 1fr;
}

	@media only screen and (min-width:760px){
	.faq_ttl{
		padding: 1.5rem 40px 1.5rem 1.5rem;
	}
	
	.faq_ttl::before {right: 50px;}

	.faq_ttl::after {right: 39px;}
	
	.faq_box {
		margin: 0 1.5rem 0 1.5rem;
		padding: 1.5rem 0;
	}
	}

/*-----------------------------
喜峰会について
-----------------------------*/
.grid_aboutus_01 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 1rem;
	margin-bottom: 1rem;
}

.grid_aboutus_02 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem;
	margin-bottom: 1rem;	
}

.grid_aboutus_03 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin-bottom: 1rem;	
}

.grid_aboutus_04 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 1rem;
	margin-bottom: 1rem;	
}


.col_aboutus_01 {
	border: solid 3px #DB823E;
	padding: 1rem 1rem;
	text-align: center;
}

.box_benefit {
	padding: 1rem 0 2rem 0;
	/*background-image: linear-gradient(to right, #28974C, #28974C 10px, transparent 8px);*/
	/*background-size: 24px 3px;
	background-position: left bottom;
	background-repeat: repeat-x;*/
}

.ttl_benefit {
	/*background: url("/kihoukai2/wp-content/themes/wordpress_template_2021_11/images/recruit/mark_aboout.png") no-repeat left center;*/
	background-size: 1.3rem;
	/*padding-left: 2rem;*/
	color: #27974c;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.grid_benefit {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.flex_benefit > div {
	margin-bottom: 1rem;
}

.flex_benefit figure img {
	width: 190px;
}

.ttl_03 {
	width: 13rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #00ADCE;
	border-radius: 0.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	padding: 0.2rem 0;
}

.list_event_01 {
	width: 18rem;
	margin-left: auto;
	margin-right: auto;
}

.list_event_01 li {
	padding-left: 1.5rem;
	background: url("../images/recruit/listmark_02.svg") no-repeat left center;
}


/* アニメーションスタイル */
/* ---------------------------- */

/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}
/* トリガー発火でis-activeを付与 */
.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}


	@media only screen and (min-width:760px){

	.grid_aboutus_01 {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 2rem;
		margin-bottom: 2rem;
	}

	.grid_aboutus_02 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2rem;
		margin-bottom: 2rem;	
	}

	.grid_aboutus_03 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-bottom: 2rem;	
	}

	.grid_aboutus_04 {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 2rem;
		margin-bottom: 2rem;	
	}
		
	.col_aboutus_01 {
		padding: 3rem 1rem;
	}
		
	.box_benefit {
		padding: 2rem 0;
	}		
		
	.ttl_benefit {
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}		
		
	.grid_benefit {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 2rem;
	}

	.flex_benefit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		
	.flex_benefit > div {
		width: 60%;
		margin-bottom: 0;
	}
		
	.flex_benefit > figure {
		width: 28%;
	}		
		
	.flex_benefit figure img {
		width: auto;
	}		
	}

/*-----------------------------
お知らせ詳細(2025.5追加)
-----------------------------*/
.inner_news_single {
	width: 92%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.ico_news_recruit {
	font-size: 0.9rem;
	padding: 0.1rem 0.7rem;
	background-color: #97D4E6;
	line-height: 1;
	color: #fff;
}

/*-----------------------------
採用情報-お友達紹介等(2025.5追加)
-----------------------------*/
[id] {
  scroll-margin-top: 90px;
}

.ttl_introduction_line {
	border-bottom: solid 2px;
	font-size: 1.5rem;
	line-height: 1.2;
	padding-bottom: 1rem;
}

.flex_introduction_01 {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

.flex_introduction_02 {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

.ttl_intorduction_entry_01 {
	padding-left: 0.5rem;
	border-left: solid 1rem #ef857d;
	line-height: 1;
	color: #ef857d;
	font-size: 1.3rem;
}

.flex_introduction_flow {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

.ttl_intorduction_entry_02 {
	padding-left: 0.5rem;
	border-left: solid 1rem #61c1be;
	line-height: 1;
	color: #61c1be;
	font-size: 1.3rem;
}

	@media only screen and (min-width:760px){
	.flex_introduction_01 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}
		
	.flex_introduction_02 {
		display: flex;
		flex-wrap: wrap;		
		flex-direction: row-reverse;
		justify-content: space-between;
	}		
		
	.col_introduction_01 {
		width: 50%;
	}
	
	.col_introduction_02 {
		width: 40%;
	}
		
	.flex_introduction_flow {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
		
	.col_introduction_flow {
		padding: 0 1rem;
	}
	}

/*-----------------------------
お問い合わせ
-----------------------------*/
/*電話番号の色*/
.fc_green {
	color: #3FA349;
}

/*フォーム部分*/
.contact_form {
    padding: 2rem 1rem;
    border-radius: 1rem;
}
.saiyo_contact {
	background-color: rgb(215, 243, 253);
}
.entry_contact {
	background-color: #f8e8ec;
}
.contact_form .table_contact {
    width: 100%;	
}
.contact_form .table_contact tr {
    display: block;
    margin-bottom: 1.5rem;
}
.contact_form .form_ttl {
    font-weight: 500;	
	font-size: 1.1rem;
    text-align: left;	
}
.contact_form .form_input {
    display: block;
    width: 100%;
	text-align: left;
	margin-top: 0.3rem;
}
.contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel], .contact_form textarea, .contact_form select {
    outline: none;
    overflow: hidden;
    padding: 0.5rem 1rem;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
	border: 1px solid rgb(0, 173, 206);
	border-radius: 5px;
    font-size: 1.1rem;	
	resize: vertical;
    line-height: 1.3;
}
.contact_form.entry_contact input[type=text], .contact_form.entry_contact input[type=email], .contact_form.entry_contact input[type=tel], .contact_form.entry_contact textarea, .contact_form.entry_contact select {
	border: 1px solid #d16782;
}
.contact_form .form_input input, .contact_form .form_input select {
    padding: 0.5rem 1rem;
    background-color: #fff;
	border-radius: 5px;
    font-size: 1.1rem;
    line-height: 1.3;
	margin: 2px 0 6px 0;
}.
.contact_form.saiyo_contact .form_input input, .contact_form.saiyo_contact .form_input select {
    border: 1px solid rgb(0, 173, 206);
}
.contact_form.entry_contact .form_input input, .contact_form.entry_contact .form_input select {
    border: 1px solid #d16782;
}
.contact_form .form_input textarea {
	height: 8rem;
}
/* .contact_form .wpcf7-list-item label {
    display: flex;	
    align-items: center;	
} */
.contact_form .required {
    display: inline-block;
    margin-left: 0.5rem;
    background-color: rgb(209, 103, 130);
    color: rgb(255, 255, 255);
    font-size: 0.8rem;
    padding: 0px 0.5rem;
    border-radius: 1rem;
}
.contact_form input[type="submit"] {
    border-radius: 32px;
    padding: 14px 8px;
    width: 240px;
    color: #fff;
    border: none;
    background-color: #CC6985;
    margin: 1rem auto 1rem;
	letter-spacing: 3px;
	font-size: 1rem;		
	cursor: pointer;
}

	@media only screen and (min-width:760px){
		
		.contact_form {
			padding: 2rem 2rem;
		}
		.contact_form .form_input {
			margin-top: 0;
		}
		.contact_form .table_contact tr {
			display: flex;
			justify-content: space-between;
        	align-items: start;
		}
		.contact_form .form_ttl {
			width: 35%;
		}
		.contact_form .form_input {
			display: table-cell;
			width: 63%;
		}
	}

/*-----------------------------
わかな作成分
インタビューページ
-----------------------------*/
.flex_box_interview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
}

.int_tegaki img{
	width: 60%;
	height: auto;
}

.interview_content h2 {
	font-size: 1.7rem;
	margin-bottom: 2rem;
	text-align: center;
	line-height: 1.5;
}

.interview_content h3 {
	color: #00ADCE;
	font-size: 1.125rem;
	margin-bottom: 1rem;
}

.interview_content p {
	margin-bottom: 2rem;
}

.interview_content figure {
	margin-bottom: 2rem;
}

/*.h3_int{
	color: #00ADCE;
	font-size: 1.125rem;
	margin-bottom: 10px;
}*/

.int_img img{
	width: 100%;
	height: auto;
}

.wrap_img_interview {
	/*border: solid 1px;*/
	border-radius: 50%;
	width: 100%;
	/*margin: 0 auto;*/
	overflow: hidden;
}

.wrap_img_interview img {
	transition:0.7s all;
}

.wrap_img_interview img:hover{
  transform:scale(1.07,1.07);
  transition:0.7s all;
}



.btn_int {
	display: block;
	padding: 0.5rem 2rem;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d16782;
	border: solid 2px #d16782;
	border-radius: 3rem;	
	text-decoration: none;
	color: #fff;	
	text-align: center;
	font-size: 1.2rem;
	transition-duration: .5s;
}

.btn_int:hover {
	background-color: #FFFFFF;
	/*border: solid 2px #00ADCE;*/	
	color: #d16782;	
} 

	/*タブレットレイアウトの指定*/
	@media print, screen and (min-width:760px){
	.flex_box_interview {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}		
	.int_tegaki img{
		width: 30%;
		height: auto;
	}
	}

/*-----------------------------
募集要項(PCファースト)
-----------------------------*/
.recruit_list a {
	text-decoration: none;
}

.searchandfilter > div > ul {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #333;
}
.searchandfilter > div > ul > li {
    display: flex;
    border-top: none;
    border-bottom: 1px solid #333;
    width: 100%;
    align-items: stretch;
    padding-right: 0;
    box-sizing: border-box;
    font-size: 1.1rem;	
}
.searchandfilter > div > ul > li:last-child {
    display: flex;
    border: none;
    padding: 20px;
}
.searchandfilter > div > ul > li > ul{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
/* 	max-width: 860px; */
	width: 82%;
    padding: 20px;
	box-sizing: border-box;
}
.searchandfilter > div > ul > li > ul input[type="checkbox" i] {
	margin: 3px 3px 1px 4px;
}
.searchandfilter > div > ul >li h4{
	display: flex;
    align-items: center;
    background:#DD8440;
    border-right:solid 1px #333;
    padding:20px;
    margin:0;
/* 	max-width: 160px; */
	width: 16%;
	box-sizing: border-box;
    justify-content: center;
	color: #fff;
}
.searchandfilter label {
	display: flex !important;
	align-items: center;
	font-weight: 500;
	line-height: 1.2;
	padding: 0 0.5rem;
	cursor: pointer;
    user-select: none;
}
.searchform input[type="submit"] {
    border-radius: 32px;
    padding: 14px 8px;
    width: 240px;
    color: #fff;
    border: none;
    background-color: #CC6985;
    margin: 40px auto 120px;
	letter-spacing: 3px;
	font-size: 1rem;		
	cursor: pointer;
}
.recruit_subttl {
	background-color: #92B951;
    padding: 10px;
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 60px;
}
.recruit_subttl h2 {
	text-align: center;
	color: #fff;
	font-size: 1.24rem;
	letter-spacing: 0.5rem;
}
@media (max-width: 759.98px) {
	.searchandfilter > div > ul >li h4 {
	    width: 30%;
		padding: 10px;
	}
	.searchandfilter > div > ul > li > ul {
		width: 70%;
    	padding: 14px 12px;
	}
	.searchandfilter > div > ul > li {
		font-size: 1rem;	
	}
/* 	.searchandfilter label {
    	align-items: start;		
	} */
}
.searchform {
	width: 1200px;
	max-width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.recruit_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 80px;
}
.recruit_list a {
	padding: 20px 20px;
	font-weight: 500;	
    display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: #eee;
    color: #989898;
}
.searchform .ico_recruit_classification {
	flex: 0.6;
	font-size: 14px;
}
.searchform .ico_recruit_status {
	flex: 1.1;
	font-size: 14px;
}
.searchform .ico_recruit_business {
    text-align: left;
	font-weight: 600;
	display: block;
	margin-bottom: 4px;
}
.searchform .ico_recruit_title {
    text-align: left;
	font-weight: 600;
    color: #264a64;
    display: block;
	font-size: 1.15rem;
	line-height: 1.2;
}
.recruit_list .recruit_contents {
	border-radius: 4px;
}
.recruit_list a span {
	margin-right: 2px;
	line-height: 1.4;
}
.recruit_list .recruit_contents_ttl {
    flex: 3.1;	
}
@media (max-width: 1279.98px) {
	.searchform .ico_recruit_classification {
		flex: 0.6;
	}
	.searchform .ico_recruit_status {
		flex: 1.1;
	}
	.searchform .recruit_list .recruit_contents_ttl {
		flex: 2;
	}
}
@media (max-width: 1019.98px) {
	.recruit_list {
		grid-template-columns: 1fr;		
	}
	
	.searchform .ico_recruit_classification {
		flex: 0.4;
	}
	.searchform .ico_recruit_status {
		flex: 0.6;
	}
}
@media (max-width: 759.98px) {
	.recruit_list a {
		flex-wrap: wrap;
		justify-content: end;
		padding: 16px;
	}
	
	.searchform .recruit_list .recruit_contents_ttl {
		flex: 0 1 auto;
		width: 100%;
		margin-bottom: 14px;
	}
	.searchform .ico_recruit_classification {
		flex: 0 1 auto;
	}
	.searchform .ico_recruit_status {
		flex: 0 1 auto;
		margin-right: 6px;
	}
}

.occupation-doctor a {
    background-color: #D7F3FE;
	color:#31AACF;
}
.occupation-nurse a {
    background-color: #FFEFEF;
	color:#F078B0;
}
.occupation-phn a {
    background-color: #FFFBD5;
	color:#ddb100;
}
.occupation-pt a, .occupation-ot a, .occupation-st a, .occupation-cpp a {
	background-color: #E3FFED;
	color:#47AA6B;
}
.occupation-ph a {
    background-color: #DCF2F0;
	color:#0F9D9C;
}
.occupation-rt a, .occupation-ce a, .occupation-mt a {
    background-color: #E0E8FF;
	color:#517AF1;
}
.occupation-dh a, .occupation-rd a, .occupation-ort a {
    background-color: #FFF4E1;
	color:#E19D21;
}
.occupation-ccw a, .occupation-na a, .occupation-caregiver a, .occupation-cm a {
    background-color: #FFEBFF;
	color:#E17DE1;
}
.searchform .ico_recruit_status p {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
	background-color: #EAC42A;
	border: #EAC42A 2px solid;	
	color: #fff;
	padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.searchform .status-part_time p {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
	background-color: #fff;
	border: #EAC42A 2px solid;	
	color: #EAC42A;
	padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.searchform .classification-medical_care p {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
	background-color: #989898;
	border: #989898 2px solid;	
	color: #fff;
	padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.searchform .classification-nursing_care p {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
	background-color: #fff;
	border: #989898 2px solid;
	color: #989898;
	padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}

/*-----------------------------
募集要項詳細(PCファースト)
-----------------------------*/
.entry_button a {
	text-decoration: none;
}

.recruit_details {
	width: 1040px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.recruit_details_ttl {
	display: flex;
	font-weight: 600;
    align-items: center;
    line-height: 1.4;
	margin-bottom: 40px;
}
.recruit_details_ttl span {
	margin-right: 14px;
}
.recruit_details_ttl .ico_recruit_title {
    font-size: 32px;
    letter-spacing: 2px;
    margin-right: 40px;
}
.recruit_details_ttl .ico_recruit_status p {
	margin: 0 auto;
	font-weight: 500;
    justify-content: center;
    width: fit-content;
    background-color: #EAC42A;
    border: #EAC42A 2px solid;
    color: #fff;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.recruit_details_ttl .status-part_time p {
    margin: 0 auto;
	font-weight: 500;
    justify-content: center;
    width: fit-content;
    background-color: #fff;
    border: #EAC42A 2px solid;
    color: #EAC42A;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.recruit_details_ttl .classification-medical_care p {
    margin: 0 auto;
	font-weight: 500;
    justify-content: center;
    width: fit-content;
    background-color: #989898;
    border: #989898 2px solid;
    color: #fff;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}
.recruit_details_ttl .classification-nursing_care p {
    margin: 0 auto;
	font-weight: 500;
    justify-content: center;
    width: fit-content;
    background-color: #fff;
    border: #989898 2px solid;
    color: #989898;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}

@media (max-width: 1019.98px) {
	.recruit_details_ttl {
		flex-wrap: wrap;
	}
	.recruit_details_ttl .ico_recruit_title {
		width: 100%;
	}
	.recruit_details_ttl span {
	    margin-bottom: 10px;
	}	
}
@media (max-width: 759.98px) {
	.recruit_details_ttl {
		margin-bottom: 24px;
	}
	.recruit_details_ttl .ico_recruit_title {
		font-size: 24px;
		letter-spacing: 0px;
	}
	.recruit_details_ttl .ico_recruit_status p {	
		font-size: 14px;
	}
	.recruit_details_ttl .status-part_time p {
		font-size: 14px;
	}
	.recruit_details_ttl .classification-medical_care p {
		font-size: 14px;
	}
	.recruit_details_ttl .classification-nursing_care p {
		font-size: 14px;
	}
	.recruit_details_ttl span {
	    margin-right: 6px;	
	}
}
.recruit_details_table {
	width: 100%;
	border-collapse: collapse;
    font-weight: 500;
}
.recruit_details_table tr {
	display: flex;	
    border-bottom: 1px solid #333;
}
.recruit_details_table tr:first-child {
    border-top: 1px solid #333;	
}
.recruit_details_table th {
    display: flex;
    align-items: center;
    justify-content: center;	
    font-weight: 500;
    padding: 1rem;
    width: 16%;
    vertical-align: top;
	color: #fff;
	background-color: #989898;
}
.recruit_details_table td {
    padding: 1rem 1rem 1rem 2rem ;
    width: 84%;
	 white-space: pre-wrap;
}
.recruit_details_table .occupation-doctor th {
	background-color:#31AACF;
}
.recruit_details_table .occupation-nurse th {
	background-color:#F078B0;
}
.recruit_details_table .occupation-phn th {
	background-color:#ddb100;
}
.recruit_details_table .occupation-pt th, .recruit_details_table .occupation-ot th, .recruit_details_table .occupation-st th, .recruit_details_table .occupation-cpp th {
	background-color:#47AA6B;
}
.recruit_details_table .occupation-ph th {
	background-color:#0F9D9C;
}
.recruit_details_table .occupation-rt th, .recruit_details_table .occupation-ce th, .recruit_details_table .occupation-mt th {
	background-color:#517AF1;
}
.recruit_details_table .occupation-dh th, .recruit_details_table .occupation-rd th, .recruit_details_table .occupation-ort th {
	background-color:#E19D21;
}
.recruit_details_table .occupation-ccw th, .recruit_details_table .occupation-na th, .recruit_details_table .occupation-caregiver th, .recruit_details_table .occupation-cm th {
    background-color: #E17DE1;
}

@media (max-width: 1019.98px) {
	.recruit_details_table th {
		width: 19%;	
	}
	.recruit_details_table td {
		width: 81%;
	}
}
@media (max-width: 759.98px) {
	.recruit_details_table th {
		padding: 14px 10px;
		width: 30%;
		line-height: 1.3;		
	}
	.recruit_details_table td {
		padding: 14px 10px;
		width: 70%;
		line-height: 1.3;
	}
}
.entry_button a {
	display: block;
    background-color: #00ADCE;
    border-radius: 32px;
    padding: 12px 8px;
    width: 240px;
    text-align: center;
    color: #fff;
    border: none;
    margin: 60px auto 120px;
    letter-spacing: 3px;
    font-weight: 600;
}