@charset "UTF-8";

/*サイト骨格*/



body{
	min-height:600px;
	color:#323946;	
}
.release{
	clear:both;
}

#loading{
	width:100%;
	height:100%;
	position:relative;
}
.imgright{
	float:right;
}
.imgright img{
	margin:0 0 10px 20px;
}
.imgcenter{
	margin:0 0 15px 0;
}
.imgcenter img{
	max-width:100%;
	height:auto;
}
.kugiri{
	height:35px;
	clear:both;
}
.rd{
	color:#F21313;
}
.rdkakoi{
	background:#FFFCCC;
	padding:10px 5px;
	margin-bottom:5px;
	color:#F21313!important;
}
.upborder0{
	border-top:none!important;
}
.l10{
	margin-left:10px!important;
}
.bm0{
	margin-bottom:0px!important;
}
.bm10{
	margin-bottom:10px!important;
}
.font18{
	font-size:18px;
}

#main .button_navi,#main .nextback{
	width:550px;
	margin:0px auto;
	overflow:hidden;
}
#main .btn-center{
	width:300px;
	margin:0px auto;
	overflow:hidden;
}
#main .btn-center input[type="submit"],
#main .btn-prev button,#main .btn-next button,
#main .button_navi .btn-center a{
	padding:10px 0px;
	display:block;
	width:296px;
	text-align:center;
	background:#EAF7FD;
	border:solid 1px #BDD2EB;
	color:#1F335A;	
	font-size:18px;
	cursor:pointer;
	text-decoration:none;
	font-weight:700;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#EAF7FD));	
	background-image: -moz-linear-gradient(#fff, #EAF7FD);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#EAF7FD');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#EAF7FD')";
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}
#main .btn-prev,#main .btn-next{
	width:275px;
	float:left;
	text-align:center;
}
#main .btn-center input[type="submit"]:hover,
#main .btn-prev button:hover,
#main .btn-next button:hover,
#main .button_navi .btn-center a:hover{
	background:#C5DEEB;
	background:-webkit-gradient(linear, left top, left bottom, from(#EAF7FD), to(#C5DEEB));	
	background-image: -moz-linear-gradient(#EAF7FD, #C5DEEB);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EAF7FD', endColorstr='#C5DEEB');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EAF7FD', endColorstr='#C5DEEB')";	
}

#main .btn-prev button,
#main .btn-next button{
	width:260px;
}

#contents{
	width:980px;
	margin:0px auto 30px auto;
	overflow:hidden;
}
#main{
	width:700px;
	float:left;
}
#side{
	float:right;
	width:250px;
}
.check{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	color:#276DCD;
	font-weight:700;
}
/*map*/
#map1,#map2,#map3,#map4{
	width:100%;
	height:450px;
}

#main .kakoi{
	background:#EBF4FF;
	padding:10px;
	margin-bottom:30px;
}
#main .kakoi a img{
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#main .kakoi a:hover img{
	-webkit-transform: translateY(-3px);
   	-moz-transform: translateY(-3px);
   	-o-transform: translateY(-3px);
   	-ms-transform: translateY(-3px);
   	transform: translateY(-3px);

}
#main .kakoi2{
	background:#eee;
	padding:10px;
	margin-bottom:30px;
}
#main .hyobox .kakoi5{
	border:solid 1px #A5C6E5;
	padding:5px;
}

/* お問い合わせ */
.contactarea{
	background:#1F335A;
	overflow:hidden;
	padding:20px 0;
	clear:both;
}
.contactarea .waku{
	width:700px;
	padding:20px;
	margin:0px auto;
	text-align:center!important;
}
.contactarea .waku h5{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	width:700px;
	text-align:center;
	margin-bottom:10px;
}
.contactarea div{
width:700px;
text-align:center!important;
margin:0px auto;
}
.contactarea .button{
	width:360px;
	margin:0px auto;

	border:solid 1px #ccc;
	text-align:center;
}
.contactarea .button a{
	display:block;
	padding:15px 0 15px 60px;
	font-size:18px;
	color:#fff;
	-webkit-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	font-weight:700;
	background:url(../images/i_mail.png) 60px center no-repeat;
}
.contactarea .button a:hover{
	background:#2A69B0 url(../images/i_mail.png) 60px center no-repeat;
	text-decoration:none;
}
.contactarea .waku p{
	display:table;
	margin:10px auto 20px auto;
	line-height:1.4;
	color:#fff;
	text-align:left;
}
.contactarea .waku p img{
	margin-top:6px;
}
.contactarea .kyosan {
    display: block;
    width: 310px;
    overflow: hidden;
    height: auto;
    margin: 20px auto 0px auto;
}

.contactarea .kyosan h5 {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    width: auto;
    text-align: center;
    margin-bottom: 10px;
}

.contactarea .kyosan .banner3 {
    width: 213px;
    margin: 0px auto;
    padding: 0px;
}

.contactarea .kyosan .banner3 img {
    width: 213px!important;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: solid 1px rgba(0, 0, 0, 0);
}

.contactarea .kyosan .banner3 a:hover img {
    border: solid 1px #ccc;
}

/* main -------------------------------*/

#main p.msg{
	margin-bottom:30px;
}
#main p.bmsg{
	font-size:24px;
	margin-bottom:10px;
}
#main h2,#contents h2{
	font-size:24px;
	font-weight:700;
	line-height:1.2;
	padding:0px;
	margin-bottom:15px;
	padding:18px 20px 16px 0px;
	background:url(../images/bg_title.gif) bottom repeat-x;
}
#contents h2{
    background:url(../images/bg_title2.gif) bottom repeat-x;
}
#main .productlist{
	letter-spacing: -.40em;	
}
#main .productlist li{
    letter-spacing: normal;
    width:50%;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	margin-bottom:15px;
}
#main .productlist li .waku{
	margin-right:10px;
	background:#fff;
}
#main .productlist li:nth-child(2n+2) .waku{
	margin-left:10px;
	margin-right:0px;
}
#main .productlist h3{
	color:#1F335A;
	font-size:18px;
	font-weight:normal;
	padding:5px 0px;
	margin-bottom:0px;
	border-left:solid 5px #257CBF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	text-align:left;
	padding:5px 0px 5px 10px;
	background:url(../images/bg_h3.gif) bottom repeat-x;
	margin-bottom:3px;
}
#main .productlist li .waku ul.listli{
	letter-spacing:inherit;
	margin-top:10px;
}
#main .productlist li .waku .listli li{
	width:90%;
	padding-left:15px;
	margin-bottom:5px;
	line-height:1.4;
	display:inherit;
	background:url(../images/i_listli.png) left 2px no-repeat;
}
#main .cwaku{
	border-bottom:dotted 1px #ddd;
	margin:0 0 10px 0;
	overflow:hidden;
}
#main .cwaku a{
	display:block;
}
#main .cwaku a:hover{
	text-decoration:none;
}
#main .cwaku a:hover strong{
	text-decoration:underline;
}
#main .cwaku .photo{
	float:left;
	width:143px;
	margin:0 0 10px 0;
}
#main .cwaku .photo img{
	vertical-align:top;
}
#main .cwaku p{
	margin:0px 0 0 155px;
	padding-top:30px;
}
#main .cwaku p.coment{
	padding-top:0px;
}
#main .cwaku p strong{
	font-size:16px;
	font-weight:700;
}

#main h3{
	color:#233E85;
	font-size:20px;
	padding:5px 0 7px 0px;
	margin-bottom:8px;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	background:url(../images/bg_h4.gif) left bottom no-repeat;
}


#main h3.t02{
	color:#5A9437;
}

#main h4{
	background:#233E85;
	padding:10px;
	color:#fff;
	margin-bottom:10px;
}
#main h4.t02{
	background:#5A9437;
}

#main .layout2{
	width:100%;
	overflow:hidden;
	margin:0 auto 35px auto;
	letter-spacing: -.40em;
}
#main .layout2 li{
    letter-spacing: normal;
    width: 50%;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}
#main .layout2 li h5{
	background:#EBF4FF;
	padding:10px 10px;
	color:#233E85;
	margin:0 10px 6px 0;
}

#main .layout2 li h5.t02{
	background:#EBFFEC;
	color:#508331;
}

#main .layout2 li p{
	margin:0 10px 10px 10px;
}

#main .layout2 li ul.listli,#main ul.listli,#main .listlit02{
	letter-spacing:inherit;
	margin-bottom:10px;
}
#main .listol{
	margin-bottom:25px;
}
#main .listol li{
	list-style:decimal;
	margin-left:30px;
	padding-left:0px;
}

#main .layout2 li .listli li,#main .listli li,#main .listlit02 li{
	width:90%;
	padding-left:15px;
	margin:0 0 5px 10px;
	line-height:1.4;
	display:inherit;
	background:url(../images/i_listli.png) left 3px no-repeat;
}

#main .listlit02 li{
	background:url(../images/i_listli2.png) left 3px no-repeat;
}
#main h5.t03{
	background:#386EA1;
	padding:10px;
	font-size:14px;
	color:#fff;
}
#main .maplayout{
	overflow:hidden;width:100%;height:404px;
}
#main .maplayout iframe{
	width:100%;
	height:458px;
	margin:0px;
	border:none;
	margin-top:-54px;
}

/*
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/*20250710*/
#contents #recruitview{
    background:url(../recruit/images/img.jpg) center top no-repeat;
    min-height:500px;
    margin-bottom:50px;
}
#recruitview .title_cc{
    padding-top:280px;
    margin-bottom:30px;
}
#recruitview .title_cc .txtblock{
    color:#fff;
    display:block;
    position:relative;
    font-size:36px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight:500;
    letter-spacing: 0.08em;
    margin-bottom:15px;
}
#recruitview .title_cc .txtblock.custom1{
    width:630px;
    overflow:hidden;
}
#recruitview .title_cc .txtblock.custom2{
    width:500px;
    overflow:hidden;
}
#recruitview .title_cc .custom1 .bar1{
    display:inline-block;
    background:#fff;
    height:100%;
    width:0px;
    position:absolute;
    left:0px;
    top:2px;
    z-index:100;
    transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation:slidemove 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.3s forwards;
}
#recruitview .title_cc .custom1 .bar1.active{
    left:630px;
}
#recruitview .title_cc .custom2 .bar1.active{
    left:500px;
}
#recruitview .title_cc .custom1 .bar2{
    background:#0e2d7e;
    height:100%;
    width:630px;
    position:absolute;
    left:0px;
    top:2px;
    z-index:0;
    opacity:0;
    transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation:viewon 0s ease-out 1s forwards;
}

#recruitview .title_cc .custom2 .bar2{
    background:#0e2d7e;
    height:100%;
   width:490px;
    position:absolute;
    left:0px;
    top:2px;
    z-index:0;
    opacity:0;
    transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation:viewon 0s ease-out 1.6s forwards;
}
#recruitview .title_cc .custom1 .bar2.active,
#recruitview .title_cc .custom2 .bar2.active{
    left:12px;
    transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
#recruitview .title_cc .custom1 .txt.active,
#recruitview .title_cc .custom2 .txt.active{
    left:10px;
    transition: all 1.5s ease;
}
#recruitview .title_cc .custom2 .bar1{
    display:inline-block;
    background:#fff;
    height:100%;
    width:0px;
    position:absolute;
    left:0px;
    top:2px;
    z-index:100;
    transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    animation:slidemove2 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1s forwards;
}
#recruitview .title_cc .custom1 .txt{
    position:relative;
    color:#fff;
    padding-left:18px;
    padding-right:18px;
    opacity:0;
    left:0px;
    line-height:1.2;
    animation:viewon 0s ease-out 1s forwards;
}
#recruitview .title_cc .custom2 .txt{
    position:relative;
    color:#fff;
    padding-left:18px;
    padding-right:18px;
    opacity:0;
    left:0px;
    line-height:1.2;
    animation:viewon 0s ease-out 1.6s forwards;
}
@keyframes viewon {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes slidemove {
  0% {
    width:0%;
  }
  100% {
   width:630px;
  }
}
@keyframes slidemove2 {
  0% {
    width:0%;
  }
  100% {
   width:490px;
  }
}

#recruitview .txtarea.slideleft{
	display:block;
	opacity:0;
	
}
#recruitview .txtarea.slideleft.active{
	animation:slideonl 1s ease-out 0s forwards;
}
@keyframes slideonl {
  form {
    transform:translateX(0px);
	 opacity: 0;
  }
  to {
   transform:translateX(20px);
   opacity:1;
  }
}

#recruitlist{
	margin-bottom:50px;
}
#recruitdetail h3,
#recruitlist h3{
	color:#233E85;
	font-size:20px;
	padding:5px 0 7px 0px;
	margin-bottom:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	background:url(../images/bg_h4-2.gif) left bottom no-repeat;
}
.recruitlist_inner .title{
	background:#ebf4ff;
	display:flex;
	align-items:center;
	margin-bottom:8px;
}
.recruitlist_inner .title h4{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "MSゴシック", Arial, Helvetica, sans-serif;
	font-size:20px;	
	font-weight:700;
	width:76%;
	color:#233E85;
	box-sizing:border-box;
	padding:14px 0 14px 14px;
}
.recruitlist_inner .title .btn-next{
	width:24%;
	box-sizing:border-box;
	padding-right:14px;
}
.recruitlist_inner .title .btn-next a{
	display:block;
	color:#fff;
	background:#0e2d7e;
	padding:10px 10px 9px 10px;
	text-align:center;
	transition: all 0.3s ease;
}
.recruitlist_inner .title .btn-next a:hover{
	background:#071a5e;
	text-decoration:none;
}
.recruitlist_inner table{
	border-collapse: collapse;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	margin-bottom:40px;
}
.recruitlist_inner table th,
.recruitlist_inner table td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:14px;
}
.recruitlist_inner table th{
	width:25%;
	background:#f9f9f9;
}
.recruitlist_inner:last-child table{
	margin-bottom:0px;
}
.fadeElement{
	opacity:0;
	transform:translateY(0px);
	transform:scale(1.2);
}
.fadeElement.on{
	animation:fadeElement 2s ease-out 0s forwards;
}
#recruitdetail .imgtitle{
	margin-bottom:10px;
	display:block;
	width:980px;
	overflow:hidden;
	height:408px;
}
#recruitdetail ul.pankuzu{
	display:flex;
	margin-bottom:30px;
}
#recruitdetail ul.pankuzu li{
	padding-right:10px;
}
#recruitdetail ul.pankuzu li::after{
	content:"›";
	margin-left:10px;

}
#recruitdetail ul.pankuzu li:last-child::after{
	content:"";
}

@keyframes fadeElement{
	form{
		transform:translateY(0px);
	 	opacity: 0;
		transform:scale(1.3);
	}
	to{
		transform:translateY(0px);
	 	opacity: 1;
		transform:scale(1);
	}
}
.moveElement{
	opacity:0;
	transform:translateX(-30px);
	position:relative;
}
.moveElement.on{
	animation:moveElement 0.5s ease-out 0s forwards;
}
@keyframes moveElement{
	form{
		transform:translateX(-30px);
	 	opacity: 0;
	}
	to{
		transform:translateX(0px);
	 	opacity: 1;
	}
}
.back_btn{
	margin:0px auto 30px auto;
	display:block;
	width:260px;
	border:solid 1px #0e2d7e;

	margin-top:30px;
}
.back_btn a{
	padding:10px;
	color:#0e2d7e;
	text-align:center;
	display:block;
	font-weight:700;
	font-size:16px;
	transition:all 0.3s ease;
}
.back_btn a:hover{
	text-decoration:none;
	background:#0e2d7e;
	color:#fff;
}