@charset "utf-8";



/*/////////////////////////////////////////////////////////////////////
    for PC  パソコン画面用（768px以上）
/////////////////////////////////////////////////////////////////////*/

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

	body {
		min-width: 960px;
	}

	/*#wrapper {}*/

	.pc_none {
		display: none;
	}

	main {
		display: block;
	}

	/*==================================================
    サービス内容　h1  for PC
==================================================*/

	#fv_box .inner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: 960px;
		height: 200px;
		margin: 20px auto 60px;
		background-image: url(../img/service_h1_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#fv_box .inner h1 {
		font-size: 35px;
		width: 345px;
		line-height: 1.5;
		text-align: center;
		color: #fff;
		border-bottom: solid 1px #fff;
	}

	#fv_box .inner p {
		font-size: 17px;
		line-height: 1.5;
		color: #fff;
		text-align: center;
	}


	/*==================================================
    Main 業務内容  for PC
==================================================*/

	#businesscontent {
		/*---後ろの背景色を指定する---*/
		background-position: center;

	}

	#businesscontent .businesscontent_in h2 {
		width: 450px;
		height: 50px;
		margin: 0 auto 40px;
	}

	/*#businesscontent .businesscontent_in {}*/

	#businesscontent .businesscontent_in .guide {
		width: 960px;
		height: 300px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

		#businesscontent .businesscontent_in .guide:nth-child(2n) {
	flex-direction: row-reverse;
	}
	

	#businesscontent .businesscontent_in .guide .left_box {
		width: 480px;
		height: 300px;
	}



	#businesscontent .businesscontent_in .guide .right_box {
		width: 480px;
		height: 300px;
		background-color: #0054af;
		text-align: justify;
		padding: 20px 40px;
		font-size: 18px;
		line-height: 1.5;
		color: #fff;
	}

	#businesscontent .businesscontent_in .guide .right_box h3 {
		font-size: 25px;
		color: #fff;
		border-bottom: solid 3px #fff;
		position: relative;
		text-align: left;
		margin-bottom: 25px;
		font-weight: 100;

	}

	#businesscontent .businesscontent_in .guide .right_box h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 20%;
	}



	/*シンクスの取り組み*/


	#businesscontent .businesscontent_in .training {
		width: 960px;
		background-color: #e6e6e6;
		padding: 60px 135px;
		margin: 0 auto 30px;


	}

	#businesscontent .businesscontent_in .training .training_box {

		width: 690px;

	}


	#businesscontent .businesscontent_in .training h3 {
		font-size: 25px;
		border-bottom: solid 3px #fff;
		position: relative;
		text-align: left;
		margin-bottom: 23px;
		font-weight: 100;
		line-height: 1.7;

	}

	#businesscontent .businesscontent_in .training h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 32%;

	}


	#businesscontent .businesscontent_in .training .annotation {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 15px;

	}


	#businesscontent .businesscontent_in .training .training_in {
		display: flex;
		justify-content: space-between;
		width: 690px;
		margin: auto;
		padding: 20px 0;
		background-color: #e6e6e6;
		text-align: justify;

	}

	#businesscontent .businesscontent_in .training .training_in .left_box {
		width: 220px;
	}


	#businesscontent .businesscontent_in .training .training_in .right_box {
		width: 440px;
	}


	#businesscontent .businesscontent_in .training .training_in .h4_box {
		width: 310px;
		height: 30px;
		margin-bottom: 10px;
		font-size: 20px;
		background-color: #00b0ab;
		border-radius: 20px;
		padding: 3px 3px 3px 10px;
		display: flex;
	}

	#businesscontent .businesscontent_in .training .training_in .h4_box.pink_bg {
    background-color: #ff69b4; /* ピンク色の例 */
	}


	#businesscontent .businesscontent_in .training .training_in .h4_box h4 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.1;
		padding-left: 9px;
		color: #fff;
		border-left: 1px solid #fff;
	}
	
	_:-ms-input-placeholder, :root #businesscontent .businesscontent_in .training .training_in .h4_box h4 {
  line-height: 1.6;
}

	#businesscontent .businesscontent_in .training .training_in .h4_box figure {
		padding: 4px 9px 0 2px;
		line-height: 1.1
		;
	}

	/*
	#businesscontent .businesscontent_in .training .training_in h4:before {
		content: url("../img/service_businesscontents_h4_icon.png");
		/*画像のURL*/
	/*margin-right: 10px;*/
	/*画像右の余白*/
	/*padding: 0 10px 0 15px;
		border-right: 1px solid #fff;*/

}

#businesscontent .businesscontent_in .training .training_in p {
	font-size: 18px;
	line-height: 1.5;





}







/*/////////////////////////////////////////////////////////////////////
    for sp  スマホ画面用（767px以下）
/////////////////////////////////////////////////////////////////////*/


@media only screen and (max-width:767px) {
	body {
		width: 100%;
		font-size: 14px;
	}


	/*==================================================
    サービス　h1  for SP
==================================================*/

	#fv_box .inner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin: 20px auto 0;
		background-image: url(../img/service_h1_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 5%;
	}

	#fv_box .inner h1 {
		font-size: 25px;
		width: 90%;
		line-height: 1.5;
		text-align: center;
		color: #fff;
		border-bottom: solid 1px #fff;
	}

	#fv_box .inner p {
		font-size: 15px;
		line-height: 1.5;
		color: #fff;
		text-align: center;
	}


	/*==================================================
    Main 業務内容  for sp
==================================================*/

	#businesscontent {
		/*---後ろの背景色を指定する---*/
		background-position: center;

	}

	#businesscontent .businesscontent_in h2 {
		width: 80%;
		margin: 5% auto;
	}

	/*#businesscontent .businesscontent_in {}*/

	#businesscontent .businesscontent_in .guide {
		width: 100%;
		margin: 0 auto;
	}


	#businesscontent .businesscontent_in .guide .left_box {
		width: 100%;
		margin: 0 auto;
	}



	#businesscontent .businesscontent_in .guide .right_box {
		width: 100%;
		background-color: #0054af;
		text-align: justify;
		padding: 5%;
		font-size: 14px;
		line-height: 1.5;
		color: #fff;
	}

	#businesscontent .businesscontent_in .guide .right_box h3 {
		font-size: 20px;
		color: #fff;
		border-bottom: solid 3px #fff;
		position: relative;
		text-align: left;
		margin-bottom: 3%;
		font-weight: 100;

	}

	#businesscontent .businesscontent_in .guide .right_box h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 15%;
	}



	/*シンクスの取り組み*/


	#businesscontent .businesscontent_in .training {
		width: 100%;
		background-color: #e6e6e6;
		padding: 5%;
		margin: 0 auto 3%;


	}

	#businesscontent .businesscontent_in .training .training_box {

		width: 100%;

	}


	#businesscontent .businesscontent_in .training h3 {
		font-size: 20px;
		border-bottom: solid 3px #fff;
		position: relative;
		text-align: left;
		margin-bottom: 3%;
		font-weight: 100;
		line-height: 1.3;

	}

	#businesscontent .businesscontent_in .training h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 62%;

	}


	#businesscontent .businesscontent_in .training .annotation {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 3%;

	}


	#businesscontent .businesscontent_in .training .training_in {
		width: 100%;
		margin: auto;
		background-color: #e6e6e6;

	}

	#businesscontent .businesscontent_in .training .training_in .left_box {
		width: 100%;
	}


	#businesscontent .businesscontent_in .training .training_in .right_box {
		width: 100%;
		margin-bottom: 5%;
		line-height: 1.3;
	}


	#businesscontent .businesscontent_in .training .training_in .h4_box {
		width: 100%;
		height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 20px;
		background-color: #00b0ab;
		border-radius: 20px;
		padding: 3px 3px 3px 10px;
		display: flex;
	}

	#businesscontent .businesscontent_in .training .training_in .h4_box h4 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.1;
		padding-left: 9px;
		color: #fff;
		border-left: 1px solid #fff;
	}
	
	_:-ms-input-placeholder, :root #businesscontent .businesscontent_in .training .training_in .h4_box h4 {
  line-height: 1.6;
}

	#businesscontent .businesscontent_in .training .training_in .h4_box figure {
		padding: 4px 9px 0 2px;
		line-height: 1.1;
	}
#businesscontent .businesscontent_in .training .training_in .h4_box figure img {
		width: 24px;
	}

#businesscontent .businesscontent_in .training .training_in p {
	font-size: 14px;
	line-height: 1.5;



}

	}