@charset "utf-8";

/* CSS Document */

/* ======================================================
	[original]
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */
h2,
.GB
{
	font-family: 'M PLUS 2', sans-serif;
	font-weight: 800;
}

.GB
{
	letter-spacing: normal;
}

h2>b
{
	font-weight: inherit;
}

.GMcon,
.GBcon,
.GHcon,
.CategoryTitle,
.GlobalMenu,
.ClassTel .TelNum,
.ClassFax .FaxNum,
.Ct .title
{
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: normal;
}

.GMcon,
.GlobalMenu,
.Ct .title
{
	font-weight: 300;
}

.GBcon,
.ClassTel .TelNum,
.ClassFax .FaxNum
{
	font-weight: 400;
}

.GHcon,
.CategoryTitle,
.GlobalMenu,
.Ct .title
{
	font-weight: 700;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Logo .Img img
{
	max-height: 3em;
}
/* [sp] */
@media screen and (max-width: 750px) {
.Header>.Wrap>.Wrap
{
	align-items: flex-start
}

.Header .Logo .Img img
{
	height: initial;
	min-height: initial;
	max-height: 2.5em;
}
/*
*/

.Header .ClassTel .Num
{
	font-size: 1.75em;
}
}


.Footer .FooterInfo .Navi
{
}
.Footer .FooterInfo .Navi>.Wrap
{
	display: inline-flex;
	gap: 0.5em;

	text-align: left;
}
.Footer .FooterInfo .Navi .Address
{
}
.Footer .FooterInfo .Navi .Address .Address2
{
	display: block;
}

/* [pc] */
@media print, screen and (min-width: 750px) {
}
/* [sp] */
@media screen and (max-width: 750px) {
	.Footer .FooterInfo>.Wrap
	{
		display: block;
	}
	.Footer .FooterInfo .Navi .Address .Address2
	{
	}
}

.Footer .FooterInfo .APP
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
}
/* [sp] */
@media screen and (max-width: 750px) {
.Footer .FooterInfo .APP
{
	margin: 0;
	width: 100%;
	border-top-width: 1px;
	padding-top: 1em;
	border-color: rgba(0,0,0,0.2);
}
}

.Footer .FooterInfo .APP ul
{
	display: inline-flex;
	align-items: center;
	margin-top: 1em;
}

.Footer .FooterInfo .APP ul>li
{
	margin: 0;
}

.Footer .FooterInfo .APP ul>li:not(:first-child)
{
	margin-left: 4em;
}

.Footer .FooterInfo .APP ul>li>*
{
	display: flex;
	align-items: center;
}

.Footer .FooterInfo .APP .head
{
	font-weight: bold;
}

.Footer .FooterInfo .APP .Img
{
}

.Footer .FooterInfo .APP .official
{
	width: 5em;
}

.Footer .FooterInfo .APP .official .Caption
{
	font-size: 0.8em;
	letter-spacing: normal;
}

.Footer .FooterInfo .APP .official>*
{
	display: block;
}

.Footer .FooterInfo .APP .official+*
{
	margin-left: 1em;
}

.Footer .FooterInfo .APP .code
{
	width: 8em;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	index
*/

.Index .Lead
{
}

.Index .Lead .body
{
	display: inline-flex;
	align-items: center;
	flex-direction: column;
}

.Index .Lead .main
{
	margin-top: 1em;
}

.Index .Lead .main ul
{
	display: flex;
	margin: 0;
	list-style: none;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Index .Lead .main ul
{
	text-align: inherit;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Index .Lead .main ul
{
	flex-direction: column;
}
}

.Index .Lead .main ul>li
{
	margin: 0;
}
.Index .Lead .main ul>li:not(:first-child)
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Index .Lead .main ul>li:not(:first-child)
{
	margin-left: 2em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
}

.Index .Lead .main .Item
{
}

.Index .Lead .main .Item>.Wrap
{
}

.Index .Lead .main .Item :is(.title, .txt)
{
}

.Index .Lead .main .Item .title
{
	margin: 0;
	font-size: 2em;
}
/*
	padding-top: 0.5em;
	padding-bottom: 0.5em;
*/

.Index .Lead .main .Item .title>*
{
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
}

.Index .Lead .main .Item .title b
{
	font-size: 2.5em;
}
/*
	width: 1em;
	text-align: center;
*/
.Index .Lead .main .Item .title span
{
}

.Index .Lead .main .Item .txt
{
	text-align: left;
	font-weight: bold;
}
.Index .Lead .main .Item .txt .nowrap
{
	display: block;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Index .Lead .main .Item .txt
{
	display: inline-block;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Index .Lead .main ul
{
	display: table;
}
.Index .Lead .main ul>li
{
	display: table-row;
}
.Index .Lead .main ul>li>*
{
	display: table-cell;
	vertical-align: middle;
	padding-top: 5vw;
}
.Index .Lead .main .Item .title
{
}
.Index .Lead .main .Item .title b
{
	width: 0.75em;
	text-align: center;
}
.Index .Lead .main .Item .txt
{
	padding-left: 1em;
	line-height: 1.5;
}

/* 個別・「Style」 */
.Index .Lead .main .Item
{
}
.Index .Lead .main .Item .txt
{
}
.Index .Lead .main .Item .txt .nowrap
{
}
.Index .Lead .main .Item .txt .nowrap:before
{
	content: "・";
	display: inline;
}
}



.Index .Top>.Wrap
{
}

.Index .Top>.Wrap:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60vw;
	height: 60vh;
	background-color: rgba(255,255,255,0.5);
}

.Index .Top .Lead .Catch
{
	line-height: 1.5;
	text-align: center;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	会社概要
	aboutus.php
*/
#Aboutus
{
}

#Aboutus .CategoryTitle
{
	margin-bottom: 0;
}

.Aboutus
{
}

.Aboutus .Top
{
}

.Aboutus .Top>.Img,
.Aboutus .Top>.Img img
{
	height: 100%;
}

.Aboutus .Top>.Img
{
	position: absolute;
	opacity: 0.3;
}

/* 会社概要・代表挨拶 */
.Aboutus .Aisatsu
{
}

.Aboutus .Aisatsu .Data
{
}
/*
	border-width: 1px;
	padding: 3em;
	border-color: rgba(0,0,0,0.2);
*/
.Aboutus .Aisatsu .Data>.Wrap
{
	border-width: 1px;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	padding: 2em;
	z-index: 2;
}
/*
*/
.Aboutus .Aisatsu .Data>.Wrap:before
{
	content: "";
	display: block;
	position: absolute;
	left: 0.5em;
	top: 0.5em;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Aisatsu .Data>.Wrap
{
	display: flex;
	align-items: center;
	width: 80%;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
}


.Aboutus .Aisatsu .Data .title
{
	width: 20em;
	height: 20em;
	margin: auto;
	text-align: center;
}
/* [sp] */
@media screen and (max-width: 750px) {
.Aboutus .Aisatsu .Data .title
{
	margin-bottom: 1em;
}
}

.Aboutus .Aisatsu .Data .title .Img
{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5;
}

.Aboutus .Aisatsu .Data .title b
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0.5em;
	border-width: 1px;
	border-color: rgba(255,255,255,1.0);
	background-color: rgba(255,255,255,0.3);
	width: 70%;
}

.Aboutus .Aisatsu .Data .txt
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Aisatsu .Data .txt
{
	width: calc(100% - 20em);
	padding-left: 3em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
}

.Aboutus .Aisatsu .Data>.Wrap:nth-of-type(odd)
{
}
/*
	margin-left: 0;
*/
.Aboutus .Aisatsu .Data>.Wrap:nth-of-type(odd) .txt
{
}

.Aboutus .Aisatsu .Data>.Wrap:nth-of-type(even)
{
}
/*
	margin-right: 0;
*/

.Aboutus .Aisatsu .Data>.Wrap:nth-of-type(even) .txt
{
}


/* 会社概要・経営理念～ */
.Aboutus .Rinen
{
	background: transparent;
	padding-top: 0;
}

.Aboutus .Rinen>.Wrap
{
}

.Aboutus .Rinen .Item
{
	border-width: 1px;
	padding: 3em;
	margin-top: 3em;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Rinen>.Wrap
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Aboutus .Rinen .Item
{
	width: calc(50% - (3em / 2));
}
}
/* [sp] */
@media screen and (max-width: 750px) {
}

.Aboutus .Rinen .head
{
	background-color: rgba(255,255,255,0.75);
}

.Aboutus .Rinen .main
{
	text-align: left;
}

/* 会社概要・経営理念～「行動指針」 */
.Aboutus .Rinen .code_of_conducts
{
	width: 100%;
	border-width: 0;
	padding: 0;
}

.Aboutus .Rinen .code_of_conducts .head
{
}

.Aboutus .Rinen .code_of_conducts .head h3
{
	opacity: 0.75;
}

.Aboutus .Rinen .code_of_conducts .head h3>*
{
	display: block;
}

.Aboutus .Rinen .code_of_conducts .head .title
{
}

.Aboutus .Rinen .code_of_conducts .main
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	opacity: 0.75;
}

.Aboutus .Rinen .code_of_conducts .main:before
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-width: 3px;
	border-radius: 100em;
	opacity: 0.3;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main:before
{
	width: 30em;
	height: 30em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main:before
{
	width: 50vw;
	height: 50vw;
}
}

.Aboutus .Rinen .code_of_conducts .main .Child
{
	display: flex;
	justify-content: center;
	align-items: center;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main .Child
{
	width: 25em;
	height: 20em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main .Child
{
	width: 45vw;
	height: 45vw;
}
}

.Aboutus .Rinen .code_of_conducts .main .Child:before,
.Aboutus .Rinen .code_of_conducts .main .Child:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 100em;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main .Child:before,
.Aboutus .Rinen .code_of_conducts .main .Child:after
{
	width: 20em;
	height: 20em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main .Child:before,
.Aboutus .Rinen .code_of_conducts .main .Child:after
{
	width: 40vw;
	height: 40vw;
}
}

.Aboutus .Rinen .code_of_conducts .main .Child:before
{
	background-color: rgba(255,255,255,1.0);
	z-index: 1;
}
.Aboutus .Rinen .code_of_conducts .main .Child:after
{
	opacity: 0.5;
	z-index: 2;
}

.Aboutus .Rinen .code_of_conducts .main .Child .Child_body
{
	z-index: 3;
}

.Aboutus .Rinen .code_of_conducts .main .Child .Child_main
{
	display: block;
}

.Aboutus .Rinen .code_of_conducts .main .Child .Child_main:before
{
}


.Aboutus .Rinen .code_of_conducts .main .Child .Child_head
{
}

.Aboutus .Rinen .code_of_conducts .main .Child .Child_head h3
{
	margin-top: 0;
}
/* [sp] */
@media screen and (max-width: 750px) {
.Aboutus .Rinen .code_of_conducts .main .Child .Child_head h3
{
	margin-bottom: 0.5em;
}
}

.Aboutus .Rinen .code_of_conducts .main .Child .Child_head .title
{
	display: block;
	font-size: 1.75em;
	line-height: 1;
}

/* 会社概要・経営理念～「行動指針」・個別 / チャレンジ */
.Aboutus .Rinen .code_of_conducts .main .challenge
{
	width: 100%;
}

.Aboutus .Rinen .code_of_conducts .main .challenge:after
{
	background-color: rgba(245,161,0,1.0);
	background-color: rgba(237,108,31.0);
}


/* 会社概要・経営理念～「行動指針」・個別 / コミットメント */
.Aboutus .Rinen .code_of_conducts .main .commitment
{
}

.Aboutus .Rinen .code_of_conducts .main .commitment:after
{
	background-color: rgba(128,205,227,1.0);
	background-color: rgba(0,160,221,1.0);
}


/* 会社概要・経営理念～「行動指針」・個別 / コミニュケーション */
.Aboutus .Rinen .code_of_conducts .main .communication
{
}

.Aboutus .Rinen .code_of_conducts .main .communication:after
{
	background-color: rgba(155,203,96,1.0);
	background-color: rgba(110,186,68,1.0);
}


/* 会社概要・経営理念～「従業員心得」 */
.Aboutus .Rinen .staff_mind
{
	margin-left: auto;
	margin-right: auto;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	業務内容
	our-business.php
*/
.OurBusiness
{
}

.OurBusiness .ID
{
}

.OurBusiness .ID ul
{
	margin: 0;
	list-style: none;
}

.OurBusiness .ID ul>li
{
}

.OurBusiness .ID ul>li:last-child
{
	margin-bottom: 0em;
}

.OurBusiness .ID .head
{
}

.OurBusiness .ID .head h2
{
	margin-bottom: 0;
}

.OurBusiness .ID .main
{
	display: inline-flex;
	margin-top: 2em;
}

/* [sp] */
@media screen and (max-width: 750px) {
.OurBusiness .ID .main
{
	flex-direction: column;
	justify-content: center;
}
}
.OurBusiness .ID .main .Data
{
}

.OurBusiness .ID .main .Outside
{
}

.OurBusiness .ID .main .Data+.Outside
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.OurBusiness .ID .main .Data+.Outside
{
	margin-left: 3em;
}
}

/* 業務内容・外部リンク */
.OurBusiness .ID .main .Outside ul
{
}

.OurBusiness .ID .main .Outside ul>li
{
}

.OurBusiness .ID .main .Outside ul>li:not(:first-child)
{
	margin-top: 2em;
}
/*
	border-top-width: 1px;
	padding-top: 2em;
*/
.OurBusiness .ID .main .Outside .Item
{
	padding: 2em;
}

.OurBusiness .ID .main .Outside .Banner
{
}

.OurBusiness .ID .main .Outside .Banner :is(a, .a)
{
	display: flex;
	flex-direction: column;
}

.OurBusiness .ID .main .Outside .Banner :is(a, .a)>*
{
	display: flex;
}

.OurBusiness .ID .main .Outside .Banner a
{
}

.OurBusiness .ID .main .Outside .Banner a:after
{
}
/*
	order: 20;
	content: "こちら";
	display: inline-block;
	padding: 0.5em 1em;
	line-height: 1;
	text-align: center;
	margin-top: 1em;
	margin-left: auto;
	margin-right: 0;
*/
.OurBusiness .ID .main .Outside .Banner .title_head
{
	order: 1;
	font-size: 0.8em;
}

.OurBusiness .ID .main .Outside .Banner .title
{
	order: 2;
	margin-top: 0;
	margin-bottom: 0;
}

.OurBusiness .ID .main .Outside .Banner .title>b
{
	font-size: 1.2em;
}

.OurBusiness .ID .main .Outside .Banner .title span
{
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal;
}

.OurBusiness .ID .main .Outside .Banner .title_sub
{
	order: 3;
	display: inline;
}

.OurBusiness .ID .main .Outside .URL
{
	text-decoration: underline;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.OurBusiness .ID .main .Outside .URL
{
	order: 10;
	font-size: 0.8em;
	background-image: url(../img/layers.svg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 1em;
	padding-left: 1.5em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.OurBusiness .ID .main .Outside .URL,
.OurBusiness .ID .main .Outside .Banner :is(a, .a) .URL
{
	display: none;
}
}

.OurBusiness .ID .main .Outside .Banner .Img
{
	order: 5;
}

/* 業務内容・外部リンク・追加 */
.OurBusiness .ID .main .Outside .Data
{
	font-size: 0.8em;
}
/*
	border-top-width: 1px;
	margin-top: 1em;
	padding-top: 1em;
	border-top-style: dashed;
	border-color: rgba(0,0,0,0.3);
*/
.OurBusiness .ID .main .Outside .Data ul
{
	margin-left: 1.5em;
	list-style: disc;
}

.OurBusiness .ID .main .Outside .Data ul>li
{
}

.OurBusiness .ID .main .Outside .Data .code
{
	width: 10em;
}


/* 業務内容・外部リンク・個別「Jコンサル」 */
.OurBusiness .ID .main .Outside .Jcon
{
}

.OurBusiness .ID .main .Outside .Jcon .Img
{
	width: 10em;
	border-width: 1px;
}


/* [240606]追加　業務内容・「＄outside_list」へ接続しない外部リンク */
.outside_link
{
}

.outside_link a
{
}

.outside_link .txt
{
	margin-left: calc(1.2em * 1);
}

.outside_link .title
{
	margin-top: 0;
	margin-bottom: 0;
}

.outside_link .title>b
{
	font-size: 1.2em;
}

.outside_link>ul
{
	display: flex;
	gap: 3em;
}

.outside_link>ul>li
{
}

.outside_link>ul>li>.Wrap
{
}

/* [sp] */
@media screen and (max-width: 750px) {
	.outside_link>ul
	{
		flex-direction: column;
	}
}


.outside_link .URL
{
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-size: 0.8em;
}

.outside_link .URL .Img
{
	width: 1em;
}

/* [240606]追加　業務内容・「＄outside_list」へ接続しない外部リンク・個別「(ropes)」 */
.IDRopes
{
}

.IDRopes .Img.banner
{
	margin-left: -1em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	ソリューション
	solution.php
*/
.Solution
{
}

.Solution .ID
{
}

.Solution .ID>.Wrap
{
	display: flex;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Solution .ID>.Wrap
{
	justify-content: center;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Solution .ID>.Wrap
{
	flex-direction: column-reverse;
	flex-direction: column;
}
}

.Solution .ID>.Wrap>*
{
}

.Solution .ID .head
{
}

.Solution .ID .thumbnail
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Solution .ID .thumbnail
{
	width: 15em;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Solution .ID .thumbnail
{
	margin-bottom: 1em;
}
}

.Solution .ID .thumbnail a
{
	border-width: 1px;
	display: inline-block;
}

.Solution .ID .data
{
}

.Solution .ID .thumbnail+*
{
	text-align: left;
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Solution .ID .thumbnail+*
{
	width: calc(100% - 15em);
	padding-left: 3em;
}
}

.Solution .ID .main
{
	display: inline-flex;
	justify-content: center;
}
/*
	width: 100%;
*/
.Solution .ID .main>*
{
}

.Solution .ID .main .Txt
{
}

.Solution .ID .main .Txt>*
{
	display: inline-block;
	text-align: left;
}

.Solution .ID .main .Process
{
	margin-top: 3em;
	margin-bottom: 3em;
}
/*
	padding-top: 3em;
	border-top-width: 1px;
	border-style: dotted;

	padding: 3em 0;
	border-width: 1px 0;
	border-style: dotted;
*/
.Solution .ID .main .Process>*
{
}

.Solution .ID .main .Process h3
{
	margin-top: 0;
	line-height: 1;
}

.Solution .ID .main .Process>.Wrap
{
	display: inline-block;
	margin-left: -2em;
}

.Solution .ID .main .Process ul
{
	list-style: none;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}
/*
*/

.Solution .ID .main .Process ul>li
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 2em;
	margin-bottom: 0;
	text-align: left;
}

.Solution .ID .main .Process ul>li:not(:first-child)
{
}

.Solution .ID .main .Process ul>li>*
{
	display: flex;
	align-items: center;
}
/*
	justify-content: center;
*/

.Solution .ID .main .Process .Img
{
	width: 1.5em;
	margin-right: 0.5em;
	line-height: 1;
}

.Solution .ID .main .Process .title
{
}
/*
	font-weight: bold;
*/

.Solution .ID .footer
{
}
/* [pc] */
@media print, screen and (min-width: 750px) {
.Solution .ID .footer
{
	position: absolute;
	top: 0;
	right: 0;
}
}
/* [sp] */
@media screen and (max-width: 750px) {
.Solution .ID .footer
{
	text-align: right;
}
}

/*
.Solution .Ct .main
{
	display: flex;
	width: 100%;
}

.Solution .Ct .main>*
{
}

.Solution .Ct .main .Txt
{
	width: calc(100% - 20em);
	padding-right: 2em;
}

.Solution .Ct .main .Txt>*
{
	display: inline-block;
	text-align: left;
}

.Solution .Ct .main .Process
{
	width: 20em;
	border-width: 1px;
}

.Solution .Ct .main .Process>*
{
	padding: 2em;
}
.Solution .Ct .main .Process ul
{
	margin-top: 0;
	margin-bottom: 0;
}
*/





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	link
*/
.Link	{}

.Link .List	{
	display: inline-block;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* [sp] */
@media screen and (max-width: 750px) {
:is(th, td)
{
}
td
{
	border-top-width: 0;
}
}