@charset "utf-8";

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

@media screen and (max-width: 768px) {

/*res start　768px*/

	.section img {
		max-width: 90vw;
	}

	[class^="grid_"] img {
		max-width: 100%;
	}


	h2.entry-title {
		font-size: 20px;
	}

	h3.entry-title {
		font-size: 16px;
	}

	.m-on__u-mar-b0x { margin-bottom: 0; }
	.m-on__u-mar-b1x { margin-bottom: 1em; }
	.m-on__u-mar-b2x { margin-bottom: 2em; }
	.m-on__u-mar-b3x { margin-bottom: 3em; }
	.m-on__u-mar-b4x { margin-bottom: 4em; }
	.m-on__u-mar-b5x { margin-bottom: 5em; }

	.m-on__u-mar-t0x { margin-top: 0; }
	.m-on__u-mar-t1x { margin-top: 1em; }
	.m-on__u-mar-t2x { margin-top: 2em; }
	.m-on__u-mar-t3x { margin-top: 3em; }
	.m-on__u-mar-t4x { margin-top: 4em; }
	.m-on__u-mar-t5x { margin-top: 5em; }

	.m-on__u-pad-b0x { padding-bottom: 0; }
	.m-on__u-pad-b1x { padding-bottom: 1em; }
	.m-on__u-pad-b2x { padding-bottom: 2em; }
	.m-on__u-pad-b3x { padding-bottom: 3em; }
	.m-on__u-pad-b4x { padding-bottom: 4em; }
	.m-on__u-pad-b5x { padding-bottom: 5em; }

	.m-on__u-pad-t0x { padding-top: 0; }
	.m-on__u-pad-t1x { padding-top: 1em; }
	.m-on__u-pad-t2x { padding-top: 2em; }
	.m-on__u-pad-t3x { padding-top: 3em; }
	.m-on__u-pad-t4x { padding-top: 4em; }
	.m-on__u-pad-t5x { padding-top: 5em; }

	.tab_di { display: inline; }
	.tab_db { display: block;}
	.tab_dib { display: inline-block; }

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.site-title h2 {
		width: 100%;
		text-align: center;
	}

	h2.entry-title {
		font-size: 18px;
	}

	h3.entry-title {
		font-size: 14px;
	}

	#tinymce .alignright, #tinymce img.alignright, .section .alignright, .section img.alignright,
	#tinymce .alignleft, #tinymce img.alignleft, .section .alignleft, .section img.alignleft {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
		text-align: center;
		display: inline-block;
		width: 100% !important;
	}

	.wp-pagenavi a, .wp-pagenavi span {
		display: inline-block;
	}

	.section {
		word-break: break-all;
	}
	a.works_item {
		height: 34vh;
		margin-right: .5em;
	}
	a.works_item .title {
		font-size: 3.8vw;
	}

	
	.s-on__u-mar-b0x { margin-bottom: 0; }
	.s-on__u-mar-b1x { margin-bottom: 1em; }
	.s-on__u-mar-b2x { margin-bottom: 2em; }
	.s-on__u-mar-b3x { margin-bottom: 3em; }
	.s-on__u-mar-b4x { margin-bottom: 4em; }
	.s-on__u-mar-b5x { margin-bottom: 5em; }

	.s-on__u-mar-t0x { margin-top: 0; }
	.s-on__u-mar-t1x { margin-top: 1em; }
	.s-on__u-mar-t2x { margin-top: 2em; }
	.s-on__u-mar-t3x { margin-top: 3em; }
	.s-on__u-mar-t4x { margin-top: 4em; }
	.s-on__u-mar-t5x { margin-top: 5em; }

	.s-on__u-pad-b0x { padding-bottom: 0; }
	.s-on__u-pad-b1x { padding-bottom: 1em; }
	.s-on__u-pad-b2x { padding-bottom: 2em; }
	.s-on__u-pad-b3x { padding-bottom: 3em; }
	.s-on__u-pad-b4x { padding-bottom: 4em; }
	.s-on__u-pad-b5x { padding-bottom: 5em; }

	.s-on__u-pad-t0x { padding-top: 0; }
	.s-on__u-pad-t1x { padding-top: 1em; }
	.s-on__u-pad-t2x { padding-top: 2em; }
	.s-on__u-pad-t3x { padding-top: 3em; }
	.s-on__u-pad-t4x { padding-top: 4em; }
	.s-on__u-pad-t5x { padding-top: 5em; }

	.s-on__u-pad-v0x { padding-left: 0; padding-right: 0; }
	.s-on__u-pad-v1x { padding-left: 1em; padding-right: 1em; }
	.s-on__u-pad-v2x { padding-left: 2em; padding-right: 2em; }
	.s-on__u-pad-v3x { padding-left: 3em; padding-right: 3em; }
	.s-on__u-pad-v4x { padding-left: 4em; padding-right: 4em; }
	.s-on__u-pad-v5x { padding-left: 5em; padding-right: 5em; }

	.sp_di { display: inline; }
	.sp_db { display: block;}
	.sp_dib { display: inline-block; }


}/*res end 480px*/

/* ---------------------------------------------------------
   【utility】
--------------------------------------------------------- */
/*res start　1024px*/
@media screen and (max-width: 1024px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-t-l {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-t-l {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-t-l {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-t-l {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-t-l {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-t-l {
		justify-content: center;
	}


	/* （親）等間隔に配置 */
	.u-flex-jcsa-t-l {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-t-l {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-t-l {
		flex-basis: 49%;
	}
	.u-flex-item-fb-full-t-l {
		flex-basis: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-t-l {
		order: 0;
	}
	.u-flex-item-o-1-t-l {
		order: 1;
	}
}/*res end 1024px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-t {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-t {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-t {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-t {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-t {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-t {
		justify-content: center;
	}

	/* （親）等間隔に配置 */
	.u-flex.u-flex-jcsa-t {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-t {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-t {
		flex-basis: 49%;
	}
	.u-flex-item-fb-full-t {
		flex-basis: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-t {
		order: 0;
	}
	.u-flex-item-o-1-t {
		order: 1;
	}

	.u-d-block-t {
		display: block;
	}

	.u-d-inline-block-t {
		display: inline-block;
	}


	/* アコーディオン */
	.accordion-tab {
		cursor: pointer;
		position: relative;
	}
	.u-hide-tab {
		display: none;
	}

	/* アコーディオン矢印（任意） */
	.accordion-tab::after {
		content: ">";
		transform: rotate(90deg);
	}

	.accordion-tab.open::after {
		transform: rotate(-90deg);
		right: 1.4em;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-s {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-s {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-s {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-s {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-s {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-s {
		justify-content: center;
	}

	/* （親）等間隔に配置 */
	.u-flex.u-flex-jcsa-s {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-s {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-s {
		flex-basis: 49%;
	}
	.u-flex-item-fb-full-s {
		flex-basis: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-s {
		order: 0;
	}
	.u-flex-item-o-1-s {
		order: 1;
	}

	.u-d-block-s {
		display: block;
	}

	.u-d-inline-block-s {
		display: inline-block;
	}


	/* アコーディオン */
	.accordion-sp {
		cursor: pointer;
		position: relative;
	}
	.u-hide-sp {
		display: none;
	}

	/* アコーディオン矢印（任意） */
	.accordion-sp::after {
		content: ">";
		transform: rotate(90deg);
	}

	.accordion-sp.open::after {
		transform: rotate(-90deg);
		right: 1.4em;
	}
}/*res end 480px*/

/* --------------------------------------------
   【header】
-------------------------------------------- */
/*res start　985px*/
@media screen and (max-width: 985px) {
	.headerLogo_mark {
		width: 5em;
		height: 5em;
	}
}/*res end 985px*/

/*res start　940px*/
@media screen and (max-width: 940px) {
	.header_contact a.header_contact__form {
		font-size: 1em;
	}

	.headerLogo_mark {
		width: 4.5em;
		height: 4.5em;
	}

	.headerLogo_name {
		font-size: 1.2em;
	}
}/*res end 940px*/

/*res start　840px*/
@media screen and (max-width: 840px) {
	.header_contact a.header_contact__form {
		font-size: .9em;
	}

	.headerLogo_name {
		font-size: 1.1em;
	}
}/*res end 840px*/


/*res start　768px*/
@media screen and (max-width: 768px) {
	.headerLogo_mark {
		width: 13.25em;
		border-radius: unset;
		padding: .5em;
	}

	.headerLogo picture,
	.headerLogo picture img {
		min-width: 180px;
	}

	.headerLogo.scroll {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: #FFF;
	}

	.hdr_slidemenu a {
		color: #333;
		text-align: center;
	}

	.hdr_slidemenu.select {
		opacity: 1;
		width: 100%;
		right: 0;
		z-index: 101;	/*追従するモバイルロゴより上に*/
		transform: translateX(0);
		display: block;

	}

	.menu_bar {
		cursor: pointer;
	}

	.menu_bar.select {
		color: #333;
		position: relative;
/*		background-color: #333;*/
	}

	.hdr_slidemenu_nav li {
		border-bottom: 1px dotted #999;
		list-style: none !important;
	}

	.hdr_slidemenu_nav li a {
		padding: .5em;
		font-size: .9em;
		display: block;
		padding: .5em;
	}

	.hdr_slidemenu_nav li a:hover {
		background-color: rgba(44,165,224,.8);
		color: #fff;
	}

	.hdr_slidemenu_nav li a::before {
/*
		content: ">";
		margin-right: .5em;
		display: inline-block;
		-webkit-transform: scaleX(.5);
		transform: scaleX(.5);
*/
	}

	.nav_pick_item {
		margin-bottom: .8em;
		text-align: center;
	}

	.nav_pick_item a {
		display: block;
		padding: .5em;
		border-radius: 3px;
		background: #2CA5E0;
		color: #fff;
		font-weight: bold;
		font-size: 2.5vw;
	}

	.nav_pick_item a:hover {
		opacity: .7;
	}

	.nav_pick_item-recruit a {
		background: #f03e3e;
	}

	.nav_pick_item-news a {
		background: #0ca678;
	}

	.hdr_slidemenu_nav_pick .nav_pick_item:nth-child(1) a {
		background: #f06595;
	}

	.hdr_slidemenu_nav_pick .nav_pick_item:nth-child(2) a {
		background: #f59f00;
	}

	.hdr_slidemenu_nav_pick .nav_pick_item:nth-child(3) a {
		background: #339af0;
	}

	.hdr_slidemenu_nav_pick .nav_pick_item:nth-child(4) a {
		background: #845ef7;
	}

	.hdrLogo.scroll,
	.headerLogo.scroll {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #329bcf;
		color: #fff;
		z-index: 50;
	}

	.contact_area li {
		list-style: none;
	}

	.contact_area li a {
		padding: .5em;
		display: block;
		color: #333;
		border: 1px solid #eee;
		font-weight: bold;
	}

	.contact_area li a i {
		vertical-align: middle;
		margin-right: .5em;
	}

	.contact_area li a:hover {
		opacity: .7;
	}

	.hdrNavRes{
		display: block;
		clear: both;
		border-bottom: 1px dotted #aaa;
		position: relative;
		top:0;
		right:0;
		left:0;
		z-index: 9999;
	}
	.hdrNavRes.selected{
		position: fixed;
	}

	.hdrNavRes.selected li,
	.hdrNavRes.selected a,
	.hdrNavRes.selected span{
		font-size: 0.8em;
		padding: 10px;
		height: auto;
	}

	.hdrNavRes.selected li {
		padding: 0;
	}

	.hdrNavRes.accordion > li > ul.innerMenu a {
		font-size: 1rem;
	}

	.hdrNavRes.selected i {
		font-size: 1.5em;
	}

	.hdrNavRes li{
		width: 25%;
		height: 70px;
		display: block;
		float: left;
	}
	.hdrNavRes li:last-child{
		border-right: none;
	}
	.hdrNavRes li a {
		width: 100%;
		height: 70px;
		display: block;

		color:#999;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		padding-top:12px;
	}

	.hdrNavRes li a:hover,
	.hdrNavRes li span:hover {
		text-decoration: none;
	}

	/*  ▼　アコーディオンメニュー設置  */
	ul.accordion a {
	}
	ul.accordion span {
		display:block;
		font-weight:bold;
		padding-top:12px;
		font-size: 14px;
		text-align: center;
		height: 70px;
		width: 100%;
	}
	ul.accordion ul {
		display:none;
	}
	ul.accordion > li {
	}
	ul.accordion > li > p {
		cursor:pointer;
	}
	.hdrNavRes.accordion > li > ul.innerMenu {
		left: 0;
		position: absolute;
		width: 100%;
	}
	.hdrNavRes.selected > li > ul.innerMenu {
		position: fixed;
		height: 100%;
		overflow: auto;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li {
		float: none;
		height: auto;
		width: 100%;
		border-bottom:none;
		background-color: #555;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li:last-child {
		border-bottom:1px dotted #aaa;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li > a {
		height:auto;
		text-align: left;
		padding-left:20px;
		padding-top:8px;
		color:#fff;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li > a:before {
		content: "";
		display: inline-block;
		margin-right: 5px;
	}
	/*  ▲　アコーディオンメニュー設置  */

	.hdrNavRes.selected + .both {
		height: 80px;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.headerLogo-inner {
		padding: unset!important;
	}

	.headerLogo_name {
		font-size: 1em;
		vertical-align: sub;
	}

	a.menu-package {
    width: 100%;
	}

	.nav_pick_item a {
		font-size: 3.2vw;
	}

}/*res end 480px*/

/* --------------------------------------------
   【sidebar】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* --------------------------------------------
   【footer】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	.pagetop {
		right: .5em;
		bottom: .5em;
		width: 60px;
	}

	a.free {
		font-size: 2rem;
	}

	a.free img {
		width: 50px;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	a.free {
		font-size: 1.4rem;
	}

	.area-social_contents-wrapper {
		flex-direction: column;
		gap: 2em;
	}
	
	.area-ftr-bnr {
		max-width: 85%;
	}
	
	.ftr-bnr-item {
		width: 100%;
		max-width: 15em;
		margin-right: 0;
	}

	.ftr-bnr-title {
		width: 100%;
		flex: auto;
	}
}/*res end 480px*/

/* --------------------------------------------
   index
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	.snsText::after {
		content: "\f175";
	}

	.sns {
		margin: 0 auto;
		text-align: center;
	}
	.sns ul {
		list-style: outside none none;
		margin: 0 auto 2% -2%;
	}
	.sns li {
		float: left;
		margin-bottom: 2%;
		margin-left: 1%;
		width: 32%;
	}
	.sns li a {
		border-radius: 6px;
		color: #fff;
		display: block;
		font-size: 75%;
		padding: 10px 2px;
		position: relative;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	}
	.sns li:nth-child(4n) {
		margin-right: 0;
	}
	.sns li a:hover {
		box-shadow: none;
		transform: translate3d(0px, 5px, 1px);
	}
	.sns .twitter a {
		background: #00acee none repeat scroll 0 0;
		box-shadow: 0 5px 0 #0092ca;
	}
	.sns .twitter a:hover {
		background: #0092ca none repeat scroll 0 0;
	}
	.sns .facebook a {
		background: #3b5998 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #2c4373;
	}
	.sns .facebook a:hover {
		background: #2c4373 none repeat scroll 0 0;
	}
	.sns .googleplus a {
		background: #db4a39 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #ad3a2d;
	}
	.sns .googleplus a:hover {
		background: #ad3a2d none repeat scroll 0 0;
	}
	.sns .hatebu a {
		background: #5d8ac1 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #43638b;
	}
	.sns .hatebu a:hover {
		background: #43638b none repeat scroll 0 0;
	}
	.sns .line a {
		background: #25af00 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #219900;
	}
	.sns .line a:hover {
		background: #219900 none repeat scroll 0 0;
	}
	.sns .pocket a {
		background: #f03e51 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #c0392b;
	}
	.sns .pocket a:hover {
		background: #c0392b none repeat scroll 0 0;
	}
	.sns .rss a {
		background: #ffb53c none repeat scroll 0 0;
		box-shadow: 0 5px 0 #e09900;
	}
	.sns .rss a:hover {
		background: #e09900 none repeat scroll 0 0;
	}
	.sns .feedly a {
		background: #87c040 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #74a436;
	}
	.sns .feedly a:hover {
		background: #74a436 none repeat scroll 0 0;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* --------------------------------------------
information
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.information_tab_menu_list {
		font-size: .8em;
		width: 33%;
	}
}/*res end　768px*/
/* --------------------------------------------
 photo
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
    .photo-list__item{
        width: 48%;
        list-style: none;
    }
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    .photo-list{
        font-size: 3vw;
    }
	.photo_box {
		height: auto;
	}
}/*res end 480px*/


/* ---------------------------------------------------------
   【レイアウト】
--------------------------------------------------------- */
/*res start　1100px*/
@media screen and (max-width: 1100px) {
    .widthBase {
		width: 95%;
		padding: 0;
	}
}/*res end 1100px*/

/*res start 768px*/
@media screen and (max-width: 768px) {
	.widthBase {
		width: 90%;
	}

	.pc {
		display: none;
	}

	.tab {
		display: block;
	}

	.tab_und {
		display: block;
	}

	.tab_center { text-align: center; }
	.tab_left { text-align: left; }
	.tab_right { text-align: right; }

	.col_tab_reset[class*="col"] {
		margin-right: 2.857142857142857%;
	}

	.col2_tab:nth-of-type(even),
	.col3_tab:nth-of-type(3n),
	.col4_tab:nth-of-type(4n),
	.col5_tab:nth-of-type(5n),
	.col6_tab:nth-of-type(6n),
	.col7_tab:nth-of-type(7n),
	.col8_tab:nth-of-type(8n) {
	margin-right: 0 !important;
}
	.col2_tab {
		width: 48.57142857142857%;
	}

	.col3_tab {
		width: 31.42857142857143%;
	}

	.col4_tab {
		width: 22.85714285714286%;
	}

	.col_tab_all_reset {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}/*res end　768px*/

/*res start 480px*/
@media screen and (max-width: 480px) {
	.tab {
		display: none;
	}

	.tab_over {
		display: none;
	}

	.sp {
		display: block;
	}

	.sp_center { text-align: center!important; }
	.sp_left { text-align: left!important; }
	.sp_right { text-align: right!important; }

	.col_sp_reset[class*="col"] {
		margin-right: 2.857142857142857%;
	}

	.col2_sp:nth-of-type(even),
	.col3_sp:nth-of-type(3n),
	.col4_sp:nth-of-type(4n),
	.col5_sp:nth-of-type(5n),
	.col6_sp:nth-of-type(6n),
	.col7_sp:nth-of-type(7n),
	.col8_sp:nth-of-type(8n) {
	margin-right: 0 !important;
}
	.col2_sp {
		width: 48.57142857142857%;
	}

	.col3_sp {
		width: 31.42857142857143%;
	}

	.col4_sp {
		width: 22.85714285714286%;
	}

	.col_sp_all_reset {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}/*res end 480px*/


/* ---------------------------------------------------------
   【テキストスタイル】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* ---------------------------------------------------------
   【font-size 13px 100%】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* ---------------------------------------------------------
   【フロート】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.fl.tab_set,
	.fr.tab_set {
		float: none;
	}

	.table01 th.tab_set,
	.table01 td.tab_set,
	.section th.tab_set,
	.section td.tab_set {
		display: block;
		width: 100%;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.fl.sp_set,
	.fr.sp_set {
		float: none;
	}

	.table01.sp_set th,
	.table01.sp_set td,
	.table01 th.sp_set,
	.table01 td.sp_set,
	.section th.sp_set,
	.section td.sp_set {
		display: block;
		width: 100%;
	}

	.table01.sp_set tr:nth-child(2n) th,
	.table01.sp_set tr:nth-child(2n) td {
		background-color:transparent;
	}

	.table01.sp_set th {
		background-color: #eee !important;
	}

}/*res end 480px*/

/* --------------------------------------------
   Contact Form 7
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.contact_top {
    font-size: 3vmin;
	}
	.contact_top .fa-mobile {
    font-size: 25px;
    margin-top: -10px;
	}
	form.wpcf7-form input.wpcf7-submit {
	margin: 0 auto;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	/* 電話番号のリンクイベント */
    a[href^="tel:"] {
        pointer-events: auto;
    }
	.contact_top {
	font-size: 6vw;
	margin-bottom: 8px;
	}
	form.wpcf7-form input {
    width: 100%;
	}
	.contact_tel a {
	margin-bottom: 5px;
	display: block;
	}
	form.wpcf7-form dl dt {
    float: none;
    font-size: 12px;
    text-align: left;
    width: 100%;
	}
	form.wpcf7-form dl dd {
    border-top: none;
    padding: 10px 5px 20px 0;
	}
	form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox input {
	width: auto;
	}
	form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	display: block;
	}
	.alertlabel {
    font-size: 1rem;
    padding: 5px 0;
	}
	a.cont_text_mail {
	margin-bottom: 10px;
	}
	form.wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
/*	display: block;*/
	}
	form.wpcf7-form .wpcf7-radio input {
	float: left;
	width: auto;
	}
}/*res end 480px*/

/* ---------------------------------------------------------
   【フロート】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	.fr_ml {
	margin-left: 0;
	float: none;
	}

}/*res end　768px*/

/* --------------------------------------------
   main-visual
-------------------------------------------- */
/*res start　1540px*/
@media screen and (max-width: 1540px) {
	.main-visual__cloud::before {
		width: 24.3775em;
		height: 23.375em;
		top: -20%;
		bottom: unset;
		left: 0;
	}
}/*res start　1540px*/

/*res start　1260px*/
@media screen and (max-width: 1260px) {
	.main-visual__cloud::before {
		width: 17.4375em;
		height: 18.125em;
	}
}/*res start　1260px*/

/*res start　1080px*/
@media screen and (max-width: 1100px) {
	.main-visual__cnt {
		gap: 8em;
		width: 90%;
	}

	.main-visual__bg::before {
		width: 7.0875em;
		height: 5.25em;
		top: 7%;
		left: -5%;
	}

	.main-visual__title {
		font-size: 1.2vw;
	}

	.main-visual__logo img {
		width: 20.34375em;
	}
}/*res start　1080px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
	.main-visual__bg {
		padding-top: 4.375em;
	}

	.main-visual__cnt {
		gap: 6em;
	}

	.main-visual__cloud {
		padding-top: 4.375em;
	}

	.main-visual__cloud::before {
		width: 10.4625em;
		height: 10.875em;
		/* top: 0; */
	}

	.main-visual__logo img {
		width: 11.625em;
	}
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.main-visual__bg::before {
		width: 5.0625em;
		height: 3.75em;
		top: 7%;
		left: -5%;
	}

	.main-visual__cnt {
		gap: 2.5em;
		width: 100%;
	}

	.main-visual__title {
		font-size: 2.8vw;
	}

	.main-visual__title::before {
		width: 6.125em;
		height: 8.05em;
		bottom: -5%;
		right: -15%;
	}

	.main-visual__cloud::before {
		top: -25%;
	}

	.main-visual__logo img {
		width: 17.4375em;
	}
}/*res start　480px*/

/* --------------------------------------------
   point
-------------------------------------------- */
/*res start　1280px*/
@media screen and (max-width: 1280px) {
	.point-cnt__box {
		width: 95%;
	}
}/*res start　1280px*/

/*res start　1100px*/
@media screen and (max-width: 1100px) {
	.point-top {
		margin-top: -2em;
	}

	.point-top__title {
		font-size: 2.2em;
	}
}/*res start　1100px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
	.point-cnt__box {
		flex-direction: column;
	}

	.point-cnt__item {
		width: 100%;
	}
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.point-top {
		padding-top: 2em;
	}

	.point-top__title {
		font-size: 2em;
	}

	.point-cnt__title {
		padding: 1em;
	}
}/*res start　480px*/

/* --------------------------------------------
   award
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.award-img img {
		width: 13.75em;
	}
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.award-cnt a.btn-arrow {
		margin-top: 2em;
	}

    .award-txt__main .bold {
		padding: unset;
	}
}/*res start　480px*/

/* --------------------------------------------
   client
-------------------------------------------- */
/*res start　480px*/
@media screen and (max-width: 480px) {
	.client-title__item {
		font-size: 1.6em;
	}
}/*res start　480px*/

/* --------------------------------------------
   president
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.yrc-video {
		width: 160px!important;
		margin-right: 8px!important;
	}

	.president-cnt__item {
		padding: .5em .75em;
	}

	.president-cnt__txt {
		span {
			font-size: 1em;
		}
	}
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    .president-main__img {
		img {
			width: 15em;
		}
	}

	.president-cnt__item {
		flex-direction: row;
		padding: .5em;
		gap: .5em;
	}

	.president-cnt__txt {
		font-size: .8em;
		width: 60%;
	}

	.president-cnt__img {
		img {
			width: 15em;
		}
	}

	.section_president a.btn-arrow {
		width: 80%;
	}
}/*res start　480px*/

/* --------------------------------------------
   blog
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
    .blog_wrap .blog_box {
        height: auto;
    }
    .blog_wrap .more-link {
        position: static;
    }
    .blog_cnt, .blog_sdr {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .blog_sdr .link_box {
        float: left;
        margin-bottom: 20px;
        margin-right: 2%;
        width: 32%;
    }
    .blog_sdr .link_box:last-child {
        margin-right: 0;
    }
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
    .blog_sdr .link_box {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
}/*res start　480px*/

/* --------------------------------------------
   recruit
-------------------------------------------- */
@media screen and (max-width: 768px) {
	.recruitJobListItem  {
		padding: .5em;
	}
	.recruitJobListItem .jobImage {
		width: 30%;
	}
	.recruitJobListItem .JobInfo {
		flex: 1;
		padding-left: 5%;
	}
	.recruitJobListItem .jobCategory {
		border-top: none;
	}
	span.recruitJobListButton {
		display: inline-block;
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* --------------------------------------------
   information post
-------------------------------------------- */
@media screen and (max-width: 480px) {
	.seminarList-outline {
		padding-left: .5em;
		padding-right: .5em;
	}
	.seminarList-outline_sec {
		display: block;
		width: 100%;
		margin-bottom: .5em;
	}
	.section .seminar-section ul li {
		width: 100%;
	}
}
/*
---------------------------------------------------------
   【フロート】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	.fr_ml {
	margin-left: 0;
	float: none;
	}

}/*res end　768px*/

/* --------------------------------------------
   office
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	
	.office-intro-box {
		padding: 1.5em;
	}
	
	.section .office-intro-box__img img {
		width: 100%;
		border-radius: 5px;
	}
	
	.office-intro-box__txt {
		padding: 0 0 0 2em;
	}

}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	
	.office-intro-box__img {
		width: 100%;
	}
	
	.office-intro-box__txt {
		flex: 0 1 auto;
		padding: 2em 0 0 0;
	}

}/*res start　480px*/

/* --------------------------------------------
  works
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	
	.wk_readimg {
		padding-bottom: 10em;
	}
	
	.wk_readimg_display {
		height: 28.5vw;
	}
	
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	
	.wk_readimg {
		padding-bottom: 5em;
	}
	
}/*res start　480px*/

/* --------------------------------------------
  package
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	
	.system-works-intro {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.system-works-cnt {
		margin-top: 2em;
	}

}/*res start　480px*/

/* --------------------------------------------
  support
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	
	.plan-price {
		display: block;
	}

}/*res start　480px*/

/* --------------------------------------------
  リコスタYTバナーエリア
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.other-business__item {
		width: 100%;
	}
	
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	

}/*res start　480px*/

/* --------------------------------------------
  採用情報
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res start　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.senior-inner {
		flex-direction: column;
		align-items: center;
	}
	.senior-img {
		width: 100%;
	}
	.senior-text {
		flex: auto;
		margin-top: 1.5em;
	}

}/*res start　480px*/