@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 .p_box {
		width: 690px;
		height: 200px;
		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%;
	}

	/* 九建日報：テキスト左・画像右の2カラム */
#businesscontent .kbeye .kbeye_two_col {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

#businesscontent .kbeye .kbeye_two_col .text_box {
  flex: 1 1 auto;
}

#businesscontent .kbeye .kbeye_two_col .image_box {
  flex: 0 0 220px;
}

/* 画像サイズ 220×220（トリミングして正方形） */
.kyuken-220 {
  width: 220px;
  height: 220px;
  object-fit: cover; /* 全体表示なら contain に */
  display: block;
}

/* SPは縦並びに */
@media (max-width: 767px) {
  #businesscontent .kbeye .kbeye_two_col {
    flex-direction: column;
  }
  #businesscontent .kbeye .kbeye_two_col .image_box {
    flex: none;
  }
}


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


	#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: #f571d8; /* ピンク色の例 */
	}


	#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;
}

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

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


	}

	#businesscontent .businesscontent_in .kbeye .kbeye_box {

		width: 690px;

	}


	#businesscontent .businesscontent_in .kbeye 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 .kbeye h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 32%;

	}


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

	}


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

	}

	#businesscontent .businesscontent_in .kbeye .kbeye_in .left_box {
		width: 690px;
	}


	#businesscontent .businesscontent_in .kbeye .kbeye_in .right_box {
		width: 960px;
	}

	#businesscontent .businesscontent_in .kbeye .kbeye_in .left_box_ {
		width: 440px;
	}


	#businesscontent .businesscontent_in .kbeye .kbeye_in .right_box_ {
		width: 220px;
	}


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

	#businesscontent .businesscontent_in .kbeye .kbeye_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 .kbeye .kbeye_in .h4_box h4 {
  line-height: 1.6;
}

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

	#businesscontent .businesscontent_in .kbeye .image_container {
	
		flex-direction: column;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}

#businesscontent .businesscontent_in .kbeye .kbeye_in p {
	font-size: 18px;
	line-height: 1.5;
}	

/* スマホのレスポンシブ対応 */
@media screen and (max-width: 768px) {
    #businesscontent .businesscontent_in .kbeye {
        width: 100%;
        padding: 20px;
        margin: 0 auto 20px;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_box {
        width: 100%;
    }

    #businesscontent .businesscontent_in .kbeye h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #businesscontent .businesscontent_in .kbeye h3:after {
        width: 50%;
    }

    #businesscontent .businesscontent_in .kbeye .annotation {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in {
        flex-direction: column;
        width: 100%;
        padding: 10px 0;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in .left_box,
    #businesscontent .businesscontent_in .kbeye .kbeye_in .right_box,
    #businesscontent .businesscontent_in .kbeye .kbeye_in .left_box_,
    #businesscontent .businesscontent_in .kbeye .kbeye_in .right_box_ {
        width: 100%;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in .h4_box {
        width: 100%;
        font-size: 18px;
        height: auto;
        margin-bottom: 10px;
        padding: 5px 10px;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in .h4_box h4 {
        font-size: 18px;
        padding-left: 5px;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in .h4_box figure {
        padding: 2px 5px 0 2px;
    }

    #businesscontent .businesscontent_in .kbeye .image_container {
        width: 100%;
        margin-right: 0;
    }

    #businesscontent .businesscontent_in .kbeye .kbeye_in p {
        font-size: 16px;
        line-height: 1.4;
    }
}

	/*シンクスの取り組み幼稚園*/


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


	}

	#businesscontent .businesscontent_in .preschool .preschool_box {

		width: 690px;
		width: 100%;

	}


	#businesscontent .businesscontent_in .preschool 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 .preschool h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 32%;

	}


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

	
	#businesscontent .businesscontent_in .preschool .image_container {
	
		display: flex;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}


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

	}

	#businesscontent .businesscontent_in .preschool .preschool_in .left_box {
		width: 220px;
		flex: 0 0 auto;
	}


	#businesscontent .businesscontent_in .preschool .preschool_in .right_box {
		width: 440px;
		flex: 1;
		margin-right: 20px;
	}


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

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

	#businesscontent .businesscontent_in .preschool .preschool_in .h4_1_box {
		width: 400px;
		height: 30px;
		margin-bottom: 10px;
		font-size: 20px;
		background-color: #f571d8;
		border-radius: 20px;
		padding: 3px 3px 3px 10px;
		display: flex;
	}

	/* スマホ向けのレスポンシブ対応 */
@media screen and (max-width: 768px) {
    #businesscontent .businesscontent_in .preschool .preschool_in .h4_1_box {
        width: 100%; /* 幅を100%にして画面幅に合わせる */
        font-size: 16px; /* フォントサイズを少し小さくする */
        padding: 5px; /* パディングを調整 */
    }
}

	#businesscontent .businesscontent_in .preschool .preschool_in .h4_box h4 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.1;
		padding-left: 9px;
		color: #fff;
		border-left: 1px solid #fff;
	}

	#businesscontent .businesscontent_in .preschool .festa_in .h4_box h4 {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.1;
		padding-left: 9px;
		color: #fff;
		border-left: 1px solid #fff;
	}

	#businesscontent .businesscontent_in .preschool .preschool_in .h4_1_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 .preschool .preschool_in .h4_box h4 {
  line-height: 1.6;
}

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


#businesscontent .businesscontent_in .preschool .preschool_in p {
	font-size: 18px;
	line-height: 1.5;
}

#image_container{
	width: 100%;
	display: flex;
	margin-right: 10px;
}

	/*シンクスの取り組み表敬訪問*/

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


	}

	#businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_box {

		width: 690px;
		width: 100%;

	}


	#businesscontent .businesscontent_in .courtesy_visit 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 .courtesy_visit h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 32%;

	}

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

	
	#businesscontent .businesscontent_in .courtesy_visit .image_container {
	
		display: flex;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}


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

	}

	#businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in .left_box {
		width: 220px;
		flex: 0 0 auto;
	}


	#businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in .right_box {
		width: 440px;
		flex: 1;
		margin-right: 20px;
		padding: 3px 3px 3px 10px;
	}

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

	#businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_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 .courtesy_visit .courtesy_visit_in .h4_box h4 {
	line-height: 1.6;
	}

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


	#businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in p {
		font-size: 18px;
		line-height: 1.5;
	}

	#image_container{
		width: 100%;
		display: flex;
		margin-right: 10px;
	}

	#businesscontent .businesscontent_in .courtesy_visit .image_container {
	
		display: flex;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}

	#businesscontent .businesscontent_in .courtesy_visit .left_box_ {
		/*width: 220px;/*/
		width: 340px;
		flex: 0 0 auto;
	}

	/*シンクスの取り組みみらい建設フェスタ*/

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


	}

	#businesscontent .businesscontent_in .festa .festa_box {

		width: 690px;
		width: 100%;

	}


	#businesscontent .businesscontent_in .festa 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 .festa h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 32%;

	}

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

	
	#businesscontent .businesscontent_in .festa .image_container {
	
		display: flex;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}


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

	}

	#businesscontent .businesscontent_in .festa .festa_in .left_box {
		width: 220px;
		flex: 0 0 auto;
	}


	#businesscontent .businesscontent_in .festa .festa_in .right_box {
		width: 440px;
		flex: 1;
		margin-right: 20px;
		padding: 3px 3px 3px 10px;
	}

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

	#businesscontent .businesscontent_in .festa .festa_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 .festa .festa_in .h4_box h4 {
	line-height: 1.6;
	}

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


	#businesscontent .businesscontent_in .festa .festa_in p {
		font-size: 18px;
		line-height: 1.5;
	}

	#image_container{
		width: 100%;
		display: flex;
		margin-right: 10px;
	}

	#businesscontent .businesscontent_in .festa .image_container {
	
		display: flex;
		flex: 1;
		width: 100%;
		margin-right: 10px;
		
		
	}

	#businesscontent .businesscontent_in .festa .left_box_ {
		/*width: 220px;/*/
		width: 340px;
		flex: 0 0 auto;
	}

/*/////////////////////////////////////////////////////////////////////
    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.pink_bg {
    background-color: #f571d8;
}

	#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;

}

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


	/*シンクスの取り組み保育園*/


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


	}

	#businesscontent .businesscontent_in .preschool .preschool_box {

		width: 100%;

	}

	#businesscontent .businesscontent_in .preschool .image_container {
	
		width: 100%;
		margin-right: 10px;
		flex-direction: column;
			
	}

	#businesscontent .businesscontent_in .preschool 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 .preschool h3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ff8c00;
		bottom: -3px;
		width: 62%;

	}


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

	}


	#businesscontent .businesscontent_in .preschool .preschool_in {
		width: 100%;
		margin: auto;
		background-color: #e6e6e6;
		flex-direction: column;

	}

	#businesscontent .businesscontent_in .preschool .preschool_in .left_box {
		width: 100%;
	}

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


	#businesscontent .businesscontent_in .preschool .preschool_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 .preschool .preschool_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 .preschool .preschool_in .h4_box h4 {
  line-height: 1.6;
}

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

#businesscontent .businesscontent_in .preschool .preschool_in p {
	font-size: 14px;
	line-height: 1.5;
}

	}
/*/////////////////////////////////////////////////////////////////////
    スマートフォン用スタイルシート（767px以下の画面サイズ）
    このCSSは、スマートフォン画面での「シンクスの取り組み表敬訪問」セクションの
    レイアウトとスタイルを最適化するためのものです。
    各セクションの幅、余白、フォントサイズ、配置などを調整し、
    ユーザーにとって読みやすく、ナビゲートしやすいデザインを提供します。
/////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width:767px) {
    /* シンクスの取り組み表敬訪問 for SP */

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

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_box {
        width: 100%;
    }

    #businesscontent .businesscontent_in .courtesy_visit 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 .courtesy_visit h3:after {
        position: absolute;
        content: " ";
        display: block;
        border-bottom: solid 3px #ff8c00;
        bottom: -3px;
        width: 32%;
    }

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

    #businesscontent .businesscontent_in .courtesy_visit .image_container {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-right: 0;
    }

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
        padding: 5%;
        background-color: #e6e6e6;
        text-align: justify;
    }

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in .left_box {
        width: 100%;
        margin-bottom: 5%;
    }

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in .right_box {
        width: 100%;
        margin-bottom: 5%;
        padding: 3%;
    }

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

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_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 .courtesy_visit .courtesy_visit_in .h4_box h4 {
        line-height: 1.6;
    }

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

    #businesscontent .businesscontent_in .courtesy_visit .courtesy_visit_in p {
        font-size: 14px;
        line-height: 1.5;
    }

	  #businesscontent .kbeye .kbeye_two_col {
    flex-direction: column;
  }
  #businesscontent .kbeye .kbeye_two_col .image_box {
    flex: none;
  }
}

/* 動画コンテナのスタイル */
.video_container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 アスペクト比 (高さ/幅 * 100) */
    overflow: hidden;
}

/* 動画のスタイル */
.video_container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 動画のアスペクト比を維持 */
}