/*
@media screen and (max-width:1200px)
@media screen and (max-width:768px)
@media screen and (max-width:599px)
*/
/*---------------
　トップページ

トップ1
トップ2
バナー
トップ3
トップ4
トップ5
トップページバナー（小）
-----------------*/
@media screen and (max-width:768px){
		
}
@media screen and (max-width:700px){
/*トップ1*/
.toppage201back {
  min-height  : 60vh;
}

.toppage201back .src1 {
  background-image : url(/wp/wp-content/uploads/topimage/top21.jpg) no-repeat;   /* 背景の画像を指定 */
	background-size:350%!important;
}
.toppage201back .src2 {
  background-image : url(/wp/wp-content/uploads/topimage/topbackimg2.jpg) no-repeat;   /* 背景の画像を指定 */
	background-size:250%!important;
}

.toppage201 {
	display:block;
	min-height:60vh;
}

.toppage201 .left {
	display:block;
	width:100%;
	height:100%;
	padding:50px 0;
	text-align:center;
}
.toppage201 .left img {
	width:60%;
}
.toppage201 .right {
	width:90%;
	margin:0 auto;
	text-align:center;
}
.toppage201 .right .right1 {
	font-size:1.3em;
}
.toppage201 .right .right2 {
	font-size:1.3em;
}
.toppage201 .right .right1 span,
.toppage201 .right .right2 span {
	padding:26px 14px;
	font-size:1.5em;
}

/*トップ2*/

.toppage202title .title img {
	height:35px;
}
/*----------------------
　　　タブフィールド
------------------------*/
.tabfield {
	padding:10px 0;
}
.orgtabMenu {
	gap: 0 6px;
}
.orgtabMenu li {
width:calc( 100% / 3 - 12px );
}
.orgtabContent { 
	padding:10px;
}

.tabbox {
	padding:8px!important;
}

.tabbox .top {
	display:flex;
	gap: 20px;
margin-top:20px;
}

.tabbox .top .topA {
	display:flex;
	width:35%;
	flex-direction:column;/* 高さを揃えるための指定 */
}
.tabbox .top .topA .topAbox {
	margin-top:20px;
	background:#fff;
	padding:8px;
	border-radius: 20px;
	border:3px solid #75b2fa;
}
.tabbox .top .topA .topAbox .topAtitle {
	background:url(/wp/wp-content/uploads/top2024/top20.png) repeat-x;;
	background-position: center;
	text-align:center;
	margin-bottom:30px;
}
.tabbox .top .topA .topAbox .topAtitle span {
	display:inline-block;
	padding:8px;
	background:#fff;
	font-weight:bold;
	font-size:1.2em;
}
.tabbox .top .topB {
	display:block;
	flex:1;
	

}
.tabbox .maintitle {
	font-size:1.1em;
	color:rgba(91,141,231,1.00);
	font-weight:bold;
}
.topBin {
	display:flex;
	width:100%;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin:0!important;
	padding:0!important;

}
.listbox {
	display:flex;
	width: calc( 100% / 3 - 24px );
	margin:8px!important;
	padding:0!important;
	
}
.listbox4 {/*求人ページ等*/
	display:flex;
	width: calc( 100% / 4 - 8px );
	margin:2px!important;
	padding:0!important;
	
}

.listinbox {
	display:block;
	background:#FFFFFF;
	position: relative;
	width:100%;
	height:100%;
	padding-bottom:30px;
	border:1px solid #D3D3D3;
	margin-bottom:8px;
}
.listinbox_kyujinpage {
	display:block;
	background:#FFFFFF;
	position: relative;
	width:100%;
	height:auto;
}
.listinbox .listimage,
.listinbox_kyujinpage .listimage {
	width:auto;
	height:180px;
	
}
.listinbox .listimage img,
.listinbox_kyujinpage .listimage img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position:center;
}
.listinbox .nintei,
.listinbox_kyujinpage .nintei {
	position:absolute;
	top:-3px;
	right:4px;
}
.listinbox .nintei img,
.listinbox_kyujinpage .nintei img {
	width:60px;
	height:auto;
}
.ninteitxt {
	padding:8px;
	text-align:right;
	font-size:0.8em;
	color:#3B3B3B;
}
.ninteitxt img {
	width:25px;
	padding-left:8px;
}
.ninteitxt a {
	color:#E36917;
	text-decoration: underline;
}
.listinbox .listcontext,
.listinbox_kyujinpage .listcontext {
	padding:8px;
	font-size:0.8em;
	text-align:left;
}
.listinbox .listcontext .title,
.listinbox_kyujinpage .listcontext .title {
	padding:2px 4px;
	font-size:1.4em;
	font-weight:bold;
	background:#fff;
	padding-right:0;
}
.listinbox .listcontext .text,
.listinbox_kyujinpage .listcontext .text {
	padding:2px 4px;
}
.listinbox .listcontext table,
.listinbox_kyujinpage .listcontext table {
	margin:8px 0;
	width:100%;
}
.listinbox .listcontext table th,
.listinbox_kyujinpage .listcontext table th {
	font-size:1em;
	text-align:center;
	width:calc( 4rem + 16px );
	padding: 4px 8px;
}
.listinbox .listcontext table td,
.listinbox_kyujinpage .listcontext table td {
	padding:4px 8px;
	line-height:130%;
	font-size:1em;
}
.listlink2 {
	margin-top:6px;
}
.listlink2 span.listcontextimg a {
	display:inline-block;
	background:#fff;
	color:#727272;
	margin:0;
	padding-right:20px;
	font-weight:bold;
	font-size:0.8em;
	border:1px solid #FBAB39;
	border-radius: 10px;
}
.listlink2 span.listcontextimg img {
	width:26px;
	padding:5px;
}

.listinbox .listcontext .text span.txttitle,
.listinbox_kyujinpage .listcontext .text span.txttitle {
	display:inline-block;
	padding:0 8px;
	border:1px solid black;
	margin-right:10px;
}
.listinbox .listlink,
.listinbox_kyujinpage .listlink {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}
.listinbox .listlink a,
.listinbox_kyujinpage .listlink a {
	display:inline-block;
	padding:4px 10px;
	background:#ff985c;
	color:#fff;
}

.listinbox .keisai,
.listinbox_kyujinpage .keisai {
	display:flex;
	flex-wrap: wrap;
	width:100%;
	gap:5px;
	text-align:center;
	padding:2px 0;
	z-index:99;
}

.listinbox .keisai span,
.listinbox_kyujinpage .keisai span {
	display:block;
	width:calc( 100% / 3 - 4px );
	
}
.listinbox .keisai span a,
.listinbox_kyujinpage .keisai span a {
	display:block;
	background:#45b8ff;
	color:#fff;
	font-size:1.1em;
	text-align:center;
}
.listinbox .keisai span.nolink,
.listinbox_kyujinpage .keisai span.nolink {
	display:block;
	width:calc( 100% / 3 - 4px );
	background:#D7D7D7;
	color:#fff;
	font-size:1.1em;
	text-align:center;
}
.listinbox .listtag,
.listinbox_kyujinpage .listtag {
	display:block;
	width:100%;
	text-align:right;
}
.listinbox .listtag span,
.listinbox_kyujinpage .listtag span {
	display:inline-block;
	text-align:right;
	padding:10px 10px;
	border-radius: 50%;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 2px;
	margin-top:-40px;
	z-index:999;
}
.listinbox .listtag span.sin,
.listinbox_kyujinpage .listtag span.sin {
	background:#04ABCD;
}
.listinbox .listtag span.tyu,
.listinbox_kyujinpage .listtag span.tyu {
	background:#E88A20;
}

.tabbox .bottom {
	display:grid;
	width:calc( 100% );
	grid-template-columns: 1fr 1fr 2fr;
	gap:20px;
	align-items:flex-start;
	justify-content: space-between;
	margin:0;
	padding:0;
	margin-top:20px;

}

.tabtop label:has(:checked) {
    background:#75b2fa;
	color:#fff;
}

.tabtop label:has(:checked) + div {
    display: block;
}
	
	
	
/*jsなしタブ切り替え*/

/*タブを並べる設定*/

/*タブ見出しの設定*/
.tab-arrow > label {
    flex:1 1;
	min-width: auto;
    border-radius: 20px;
	padding: 8px;
	margin:4px;
}
.tab-arrow > label img {
	width:100%!important;
	max-width:100%;
}

.tab-arrow label:has(:checked) + div .tabcont {
	max-width:99%;
}

/*サイト内バナー*/
.bannerline4,
.bannerline2 {
	gap:0;
}
.bannerline4 a,
.bannerline2 a {
	width:99%;
	padding:8px;
}
.bannerline4 a:hover,
.bannerline2 a:hover {
	opacity: 1;
	transform: scale(1.1);
}
.bannerline4 img,
.bannerline2 img {
	width:100%;
}

/*トップ3*/

.top203main {
	display:block;
	gap:0;
}
.top203main .top2box {
	display:block;
	width:calc( 96% );
	margin:0 auto;
	margin-bottom:20px;
}
.top203main .top2box .image {
	display:block;
	width:100%;
	height:auto;
}
.top203main .top2box .image img {
	object-fit:contain;
}

.top203sub {
	margin:10px 0 30px 0;
}

.top203sub a span {
	display:block;
	width:auto;
}

/*トップ4*/

.top204main {
	display:block;
	padding:30px 8px 20px 8px;
}
.top204main .koebox {
	width:100%;
	grid-template-columns: 4fr 2fr;
}


/*トップ5*/
.top205main a {
	width:calc( 100% / 2 - 1px );
	padding:4px;
}
.top205main p {
	font-size:0.85em;
}
}