/*　ここから　全ページ共通要素　ここから　*/
/*　ここから　全ページ共通要素　ここから　*/



.ft_MPR {
	font-family: 'M PLUS Rounded 1c','メイリオ',Meiryo, Helvetica, sans-serif;
}
.ft_KSG {
	font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
}



@keyframes fadeIn {
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}



/*　ここまで　全ページ共通要素　ここまで　*/
/*　ここまで　全ページ共通要素　ここまで　*/




/*　ここから　トップページ専用要素　*/
/*　ここから　トップページ専用要素　*/


.TOPpage_BG {
animation: fadeIn 1s ease-in-out;
min-width:350px;
}

/*　▽　SYSYTEM　カルーセル　吹き出し　エリア　*/


.toppage_carsel_area {
width:100%;
border:0px solid #ffffff;
text-align:center;
color:#3c321b;
background-color:#d7c7b0;
}


.toppage_carsel_set {
width:95%;
height:350px;
margin:0 auto;
max-width:1600px;
border:0px solid #ffffff;
text-align:center;
padding:0px;
background-image: url('../img/top_mainarea_BGimageF.png');
background-size:contain;
background-repeat: no-repeat;
background-position: middle center;
position:relative;
}



.top_FUKIDASHI_set {
position:absolute;
top:80px;
right:50px;
width:40%;
margin:0 auto;
max-width:1000px;
border:0px solid #ffffff;
text-align:left;
padding:10px 20px;
color:#33291a;
background-color:#ffffff;

border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);

display: flex;
justify-content: space-between;
align-items: center;

}
.top_FUKIDASHI_word {
text-align:left;
font-size:2.0rem;
line-height:2.6rem;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;

}



.top_FUKIDASHI_word_watashi {
font-size:1.0rem;
line-height:1.3rem;

}

.top_FUKIDASHI_image_respo {
width:150px;
height:auto;
}





.TOP_FUKIDASHI_item {
padding-left:10px;
animation: fadeIn 0.4s ease-in-out;
display:none;

}


.top_FUKIDASHI_set:hover .TOP_FUKIDASHI_item {
border:0px solid #ffffff;
display:inline-block;

}


/*　スマホの時ホバーを無効化してダブルタップをなくす　*/

@media (max-width: 767px) {

.top_FUKIDASHI_set:hover .TOP_FUKIDASHI_item {
border:0px solid #ffffff;
display:none;
}

}

/*　スマホの時ホバーを無効化してダブルタップをなくす　*/




/*　△　SYSYTEM　カルーセル　吹き出し　エリア　*/



/*　▽　青リード　エリア　*/


.toppage_blueread_area {
width:100%;
border:0px solid #ffffff;
text-align:center;
color:#3c321b;
background-color:#bedfd8;
}

.toppage_blueread_set {
text-align:center;
font-size:1.7rem;
line-height:2.6rem;
letter-spacing:0.2rem;
	font-family: 'M PLUS Rounded 1c','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
}





/*　△　青リード　エリア　*/


/*　▽　SYSYTEM　ボタンエリア　*/


.toppage_SYSTEMBUTTON_area {
width:100%;
border:0px solid #ffffff;
text-align:center;
color:#3c321b;
background-color:#ffffee;
}


.toppage_SYSTEMBUTTON_set {
width:95%;

margin:0 auto;
max-width:1600px;
border:0px solid #ffffff;
text-align:center;

}






.toppage_SYSTEMBUTTON_LINEUP {
border:0px solid #ffffff;
text-align:left;
padding:8px 20px;
color:#4d0f00;
background-color:#ebe3cf;
border-radius: 4px;
font-size:1.4rem;
line-height:1.8rem;
margin-bottom:15px;
width:100%;
margin:0px auto 15px auto;
max-width:1600px;
box-sizing: border-box;
}





/* ▽　SYSTEMへのボタン  */

.TOP_SYSTEMBUTTON_set {
width:100%;
margin:0 auto;
max-width:1600px;
border:0px solid #ffffff;
text-align:left;
padding:10px 20px;
color:#33291a;
background-color:#ffffff;
margin-top:10px;
margin-bottom:20px;
border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);
box-sizing: border-box;

 transition: all 0.5s ease-in-out;
}


.TOP_SYSTEMBUTTON_kumi {
display: flex;
justify-content: left;
align-items: center;
height:60px;
}


.TOP_SYSTEMBUTTON_icon {

height:60px;
text-align:left;
font-size:2.4rem;
line-height:60px;

}


.TOP_SYSTEMBUTTON_icon img {
width:60px;
}


.TOP_SYSTEMBUTTON_text {
	height:60px;
	text-align:left;
	font-size:2.0rem;
	line-height:2.1rem;

	font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:15px;
	display:flex;
	align-items:center;
}



.TOP_SYSTEMBUTTON_last_item {
  /*	margin-left: auto;	*/	
padding-left:10px;
animation: fadeIn 0.4s ease-in-out;
display:none;


}

.TOP_SYSTEMBUTTON_set:hover .TOP_SYSTEMBUTTON_last_item {
border:0px solid #ffffff;
display:inline-block;

}







/*　スマホの時ホバーを無効化してダブルタップをなくす　*/

@media (max-width: 767px) {

.TOP_SYSTEMBUTTON_set:hover .TOP_SYSTEMBUTTON_last_item {
border:0px solid #ffffff;
display:none;
}

}

/*　スマホの時ホバーを無効化してダブルタップをなくす　*/











/* △　SYSTEMへのボタン  */


/*　△　SYSYTEM　ボタンエリア　*/






/* ▽　社協以外も  */

.toppage_FUETEMASU_area {
width:100%;
border:0px solid #ffffff;
text-align:center;
color:#3c321b;
background-color:#d7cfc4;
}


.toppage_FUETEMASU_set {
width:95%;
margin:0 auto;
max-width:1000px;
border:0px solid #ffffff;
background:#ffffff;
text-align:center;
border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);


}



.FUETEMASU_md_set {
display:flex;
padding:20px 20px 0px 20px;

justify-content: left;
align-items: center;

}


.FUETEMASU_md_icon {
padding-right:10px;
}
.FUETEMASU_md_word {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:2.4rem;
line-height:2.6rem;
color:#33291a;
}
.FUETEMASU_read {
padding:20px 20px 0px 20px;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:1.5rem;
line-height:2.0rem;
color:#671f00;


}

.FUETEMASU_rei {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:1.8rem;
line-height:2.5rem;
color:#33291a;

padding:0px 0px 20px 20px;

}


.FUETEMASU_rei li:before {

 content: "●";
  display: inline-block;
font-weight:bold;
font-size:1.8rem;
line-height:2.5rem;
color:#f9a93d;

margin-right: 5px;
   vertical-align: middle;

}


/* △　社協以外も  */








/* ▽　社協　導入先紹介  */

.toppage_DONYU_area {
width:100%;
border:0px solid #ffffff;
text-align:center;
color:#3c321b;
background-color:#d7cfc4;
}


.toppage_DONYU_set {
width:95%;
margin:0 auto;
max-width:1300px;
border:0px solid #ffffff;
background:#ffffff;
text-align:center;
border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);


}



.DONYU_md_set {

padding:20px 20px 0px 20px;

text-align: center;
}


.DONYU_md_word {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:2.0rem;
line-height:2.2rem;
color:#33291a;
text-align: center;
background-color:#ece4df;
display:inline-block;
padding:5px 20px;
border-radius:10px;
}


.DONYU_readset {
display:flex;
padding:0px 0px 0px 0px;
justify-content: space-betweenn;
align-items: top;
}



.DONYU_read {
padding:0px 0px 0px 0px;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:1.5rem;
line-height:2.5rem;
color:#33291a;
}







/* △　社協 導入先紹介  */







/* ▽　あんしん・あんぜん  */

.toppage_ANSHIN_BAR01 {
width:100%;
border:0px solid #ffffff;
background-color:#a1ccd7;

background: linear-gradient(to right, #a1ccd7 0%, #90c1d1 100%);
}


.toppage_ANSHIN_BAR01_set {
width:95%;
max-width:1600px;
border:0px solid #ffffff;
padding:10px;

margin:0 auto;
text-align:center;
}

.toppage_ANSHIN_BAR01_word {
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;
font-size:2.2rem;
line-height:2.5rem;
}


.toppage_ANSHIN_BAR02 {
width:100%;
border:0px solid #ffffff;
background-color:#7da9c9;

background: linear-gradient(to right, #7da9c9 0%, #6a9dc1 100%);
}

.toppage_ANSHIN_BAR02_set {
width:95%;
max-width:1600px;
border:0px solid #ffffff;
padding:30px;

margin:0 auto;
text-align:center;
}

.toppage_ANSHIN_BAR02_word {
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;
font-size:2.2rem;
line-height:2.5rem;
}

.toppage_ANSHIN_BAR02_read {
padding:30px 0px 10px 0px;
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
font-size:1.3rem;
line-height:2.2rem;
}


.toppage_ANSHIN_BAR02_ISMS_marc {
margin:0 auto;
text-align:center;
width:700px;
background-color:#ffffff;
display:flex;
border:0px solid #ffffff;
justify-content: left;
align-items: center;
padding:10px;
}

.ISMS_marc_word {
color:#06348b;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2rem;
line-height:1.6rem;
text-align:left;

}








/* △　あんしん・あんぜん  */







/*　ここまで　トップページ専用要素　*/
/*　ここまで　トップページ専用要素　*/









/*　ここから　スマホ型に縮小する時　トップページ専用要素　*/
/*　ここから　スマホ型に縮小する時　トップページ専用要素　*/

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


.toppage_carsel_set {
width:95%;
height:250px;
margin:0 auto;
max-width:1600px;
border:0px solid #ffffff;
text-align:center;
padding:0px;
background-image: url('../img/top_mainarea_BGimageF.png');
background-size:contain;
background-repeat: no-repeat;
background-position: middle center;
}

.top_FUKIDASHI_set {
position:absolute;
top:30px;
right:50px;
width:60%;
margin:0 auto;
max-width:1000px;
border:0px solid #ffffff;
text-align:left;
padding:10px 20px;
color:#33291a;
background-color:#ffffff;

border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);

display: flex;
justify-content: space-between;
align-items: center;

}



}





/*　トップのメインエリアだけ　段階がある　*/


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







.toppage_carsel_set {
width:95%;
height:200px;
margin:0 auto;
max-width:1600px;
border:0px solid #ffffff;
text-align:center;
padding:0px;
background-image: url('../img/top_mainarea_BGimageF.png?01');
background-size:cover;
background-repeat: no-repeat;
background-position: -30px 0px;
}





.top_FUKIDASHI_set {
position:absolute;
top:70px;
right:5px;
width:60%;
margin:0 auto;
max-width:1000px;
border:0px solid #ffffff;
text-align:left;
padding:5px 5px;
color:#33291a;
background-color:#ffffff;

border-radius: 4px;
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);

display: block;


}

.top_FUKIDASHI_word_watashi {
font-size:0.8rem;
line-height:1.0rem;
}

.top_FUKIDASHI_word {
text-align:left;
font-size:1.1rem;
line-height:1.2rem;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;

}


.top_FUKIDASHI_image_respo {
width:40px;
height:auto;
}





.toppage_blueread_set {
text-align:center;
font-size:1.0rem;
line-height:1.8rem;
letter-spacing:0.1rem;
	font-family: 'M PLUS Rounded 1c','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
}


.TOP_SYSTEMBUTTON_area {
border: 1px solid #ff0000;
}


.TOP_SYSTEMBUTTON_set {
width:100%;
margin:0 auto;
max-width:1600px;
border: 0px solid #ffffff;
text-align:left;
padding:0px 0px;
color:#33291a;
background-color:#ffffff;
margin-top:10px;
margin-bottom:20px;
border-radius: 4px;
box-shadow: 0px 3px 2px rgba(72, 61, 16, 0.4);
border:1px solid rgba(72, 61, 16, 0.4);
/*
box-shadow: 3px 3px 5px rgba(72, 61, 16, 0.4);
*/
}


.TOP_SYSTEMBUTTON_icon img {
width:30px;
}



	.TOP_SYSTEMBUTTON_text {
		height:60px;
		text-align:left;
		font-size:1.2rem;
		line-height:1.3rem;

		font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
		font-weight:bold;
		margin-left:5px;
		margin-right:5px;
		display:flex;
		align-items:center;
	}





.TOP_SYSTEMBUTTON_last_item {
  display: none;
}




.FUETEMASU_md_word {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:1.8rem;
line-height:2.2rem;
color:#33291a;
}
.FUETEMASU_read {
padding:20px 20px 0px 20px;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:1.2rem;
line-height:1.5rem;
color:#671f00;


}

.FUETEMASU_rei {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:1.3rem;
line-height:1.6rem;
color:#33291a;

padding:0px 0px 20px 20px;

}


.FUETEMASU_rei li:before {

 content: "●";
  display: inline-block;
font-weight:bold;
font-size:1.3rem;
line-height:1.6rem;
color:#f9a93d;

margin-right: 5px;
   vertical-align: middle;

}






.DONYU_md_word {
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
font-size:1.2rem;
line-height:1.5rem;
color:#33291a;
text-align: center;
background-color:#ece4df;
display:inline-block;
padding:5px 20px;
border-radius:10px;
}



.DONYU_readset {
display:block;
padding:0px 0px 0px 0px;

}



.DONYU_read {
width:100%;
padding:20px 10px 0px 10px;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:1.1rem;
line-height:1.2rem;
color:#33291a;
}





.toppage_ANSHIN_BAR01_word {
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;
font-size:1.8rem;
line-height:2.0rem;
}


.toppage_ANSHIN_BAR02_set {
width:95%;

border:0px solid #ffffff;
padding:0px;

margin:0 auto;
text-align:center;
}

.toppage_ANSHIN_BAR02_word {
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:bold;
font-size:1.8rem;
line-height:2.2rem;
}

.toppage_ANSHIN_BAR02_read {
padding:30px 0px 10px 0px;
margin:0 auto;
text-align:center;
color:#ffffff;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
font-size:1.1rem;
line-height:2.2rem;
}

.toppage_ANSHIN_BAR02_ISMS_marc {
width:95%;
padding:0px;
display:block;

}


.ISMS_marc_word {
color:#06348b;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
font-size:1.0rem;
line-height:1.6rem;
text-align:center;

}






















}

/*　ここから　スマホ型に縮小する時　トップページ専用要素　*/
/*　ここから　スマホ型に縮小する時　トップページ専用要素　*/






.company-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列 */
  gap: 0.5rem 1rem;  /* 行・列の間隔 */
  list-style: none;
  padding: 0px;
  margin: 0px;
}

@media (max-width: 767px) {


.DONYU_readset {
display:block;
padding:0px;
margin:0px;

border:0px solid #ffffff;
}



.DONYU_read {
margin-left:-20px;
margin-right:-20px;
font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:1.5rem;
line-height:2.5rem;
color:#33291a;
width:100%;
border:0px solid #ffffff;
}



  .company-list {
    grid-template-columns: 1fr; /* 1列 */

	font-size:1.1rem;
margin-left:-10px;
margin-right:-10px;
border:0px solid #ffffff;

  }









}